/* PDF reference: 960 × 540. All page measurements scale using container units.
   Keep the assets folder beside this stylesheet. */
:root{--navy:#0c102b;--gold:#cbae6b;--gold-heading:#d5b65c;--white:#f5f4f7;--ink:#201c13;--green:#1e732e;--font:'Microsoft JhengHei','Microsoft YaHei','Noto Sans CJK SC',sans-serif}
*{box-sizing:border-box}body{margin:0;background:#e8e9ee;color:var(--white);font-family:var(--font)}
.preview-bar{padding:18px 24px;color:var(--navy);display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-bar p{margin:0}.preview-bar button{padding:9px 16px;cursor:pointer}
.deck{max-width:1200px;margin:auto;padding:0 20px 30px;display:grid;gap:24px}
.page{container-type:inline-size;width:100%;aspect-ratio:16/9;position:relative;isolation:isolate;overflow:hidden;background:var(--navy) url('assets/background.png') center/100% 100% no-repeat;box-shadow:0 8px 30px #10152826}
.page img{display:block;position:absolute;object-fit:contain}.page h1,.page h2,.page p{margin:0}
.brand{left:6.354%;top:5.463%;width:46.448%}.course-mark{left:58.531%;top:5.463%;width:30.427%}.gate{left:66.521%;top:64.519%;width:38.979%;z-index:-1}
.crest{left:5.813%;top:83.444%;width:5.656%}.academy{left:13.958%;top:86.37%;width:16.115%}
.page-title{position:absolute;left:6.5%;top:7%;color:var(--gold-heading);font-size:3.125cqw;font-weight:700;line-height:1.3}
/* 01 — cover */
.page--cover .course-mark{left:11.646%;top:24.056%;width:76.708%}.page--cover .gate{left:56.49%;top:51%;width:49.01%}
.page--cover .crest{left:5.813%;top:80.167%;width:7.302%}.page--cover .academy{left:15.135%;top:82.093%;width:20.813%}
.edition{position:absolute;left:41.46%;top:65%;width:17.08%;border-radius:1.3cqw;background:linear-gradient(110deg,#b5a55d,#c7ad69,#8b7b46);text-align:center;font-size:2.083cqw;font-weight:700;line-height:1.35}
/* 02 — contents */
.page--contents .page-title{top:27.8%;font-size:4.688cqw}
.contents-grid{position:absolute;left:6.6%;right:7%;top:38.2%;display:grid;grid-template-columns:1.7fr 1fr;gap:4cqw;font-size:3.125cqw;font-weight:700;line-height:1.2}
.contents-grid ol{margin:0;padding-left:4.4cqw}.contents-grid a{color:inherit;text-underline-offset:.5cqw;text-decoration-thickness:.1cqw}
/* 03 — text page / course positioning */
.page--text .course-mark{left:34.01%;top:4.87%;width:31.99%}.page--text .academy{left:83.72%;top:5.48%;width:13.125%}
.positioning-intro{position:absolute;top:22%;left:10%;right:10%;text-align:center;color:var(--gold-heading);font-size:1.875cqw;font-weight:700}
.gold-panel{position:absolute;left:5.625%;top:27.963%;width:87.708%;min-height:43%;padding:1.45cqw 2.6cqw;border:.2cqw solid white;border-radius:2.6cqw;background:var(--gold);color:var(--ink);font-size:1.563cqw;line-height:1.32}
.gold-panel strong{font-weight:700}.gold-panel .label{font-size:1.875cqw;color:#fff;font-weight:700}
.comparison{position:absolute;left:7.1%;right:3%;top:75.8%;display:grid;grid-template-columns:1fr 2.1fr 1.1fr;gap:2.1cqw;align-items:center}.comparison h3{font-size:2.5cqw;font-weight:400;margin:0;line-height:1.1}.comparison small{font-size:1.354cqw;background:#878787;line-height:1.3;display:block}.lesson-pair{display:grid;grid-template-columns:1fr 1fr;gap:.25cqw}.lesson{border:.15cqw solid #3a654b;border-radius:1.5cqw;background:#858585;text-align:center;font-size:2.292cqw;padding:1.1cqw .6cqw;line-height:1.3}.comparison .caption{grid-column:1/-1;background:#ddd;color:#171717;text-align:center;font-size:1.1cqw;font-weight:700;margin:.4cqw .5cqw 0}
/* 04 — text page / biography */
.page--bio .page-title{left:5.52%;top:7.22%;background:var(--gold);color:white;font-size:3.125cqw;padding:.5cqw 2.4cqw;line-height:1.3}
.bio-copy{position:absolute;left:6.15%;top:22%;width:46.2%;font-size:1.875cqw;line-height:1.8;color:#e0dce6}
.portrait{left:65.208%;top:3.704%;width:34.792%;max-width:none}.page--bio .crest{left:5.552%;top:81.852%;width:5.479%}.page--bio .academy{left:12.5%;top:82.426%;width:15.604%}
/* 05 — table */
.page--table .academy{left:82.813%;top:6.352%;width:13.125%}.page--table .crest{left:75.469%;top:4.722%;width:4.604%}
.schedule{position:absolute;left:6.354%;top:16.667%;width:88.229%;border-collapse:collapse;table-layout:fixed;color:#e6e1ea;font-size:1.563cqw;line-height:1.3}.schedule col:nth-child(1){width:12.9%}.schedule col:nth-child(2){width:11.6%}.schedule col:nth-child(3){width:63.6%}.schedule col:nth-child(4){width:11.9%}
.schedule th,.schedule td{border:.104cqw solid #ba9b50;padding:.8cqw .4cqw;vertical-align:middle}.schedule th{background:var(--gold);color:white;text-align:left;font-weight:700;padding:.8cqw .4cqw}.schedule td:nth-child(2){text-align:center}.schedule td:nth-child(3){text-decoration:underline;text-underline-offset:.3cqw;font-size:1.458cqw}.schedule .location--shenzhen{background:var(--green);color:#fff;font-weight:700}
.table-note{position:absolute;right:1%;bottom:1.2%;font-size:1.354cqw;color:#b59932}
@media(max-width:600px){.deck{padding:0 6px 16px;gap:12px}.preview-bar{padding:12px;font-size:12px}}
@page{size:960px 540px;margin:0}
@media print{body{background:none}.preview-bar{display:none}.deck{display:block;max-width:none;padding:0}.page{width:960px;height:540px;break-after:page;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.page:last-child{break-after:auto}}
