:root{color-scheme:dark;--navy:#09151c;--gold:#ffc975;--ivory:#ffdf9c;--muted:#b4b9bc;--serif:"Noto Serif SC","Noto Serif CJK SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--navy)}body{font-family:var(--serif);color:var(--ivory);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #fff5d8;outline-offset:7px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.page{min-height:100svh;min-height:max(768px,100svh);position:relative;isolation:isolate;display:flex;flex-direction:column;background-image:linear-gradient(90deg,rgba(3,15,22,.56),rgba(3,15,22,.16) 33%,transparent 60%),url("/assets/island.png");background-position:center;background-size:cover}
.header{display:flex;align-items:center;justify-content:space-between;padding:32px 4%;gap:24px}.brand{font-size:25px;letter-spacing:.12em;font-weight:700}.nav-link{display:flex;gap:10px;align-items:center;font-size:17px;letter-spacing:.12em;padding:5px 0 10px;border-bottom:1px solid #c3a373}.nav-link svg{width:15px;height:15px}.nav-link:hover{color:#fff3cd}
.hero{padding:0 4.9%;margin-block:auto;max-width:850px;position:relative;transform:translateY(-32px)}
h1{font-size:clamp(74px,7.1vw,109px);line-height:1.12;letter-spacing:.045em;margin:0;font-weight:600;background:linear-gradient(180deg,#fff0c9,#ffc66e);color:#ffdf9c;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.english{font-family:Georgia,"Times New Roman",serif;font-size:24px;letter-spacing:.62em;color:#9da4a8;margin:22px 0 40px}
h2{font-size:clamp(25px,2.3vw,35px);font-weight:600;letter-spacing:.09em;line-height:1.55;margin:0 0 18px}
.description{font-size:23px;line-height:1.65;letter-spacing:.08em;color:#b7bec3;margin:0 0 40px}
.play{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-width:298px;min-height:68px;padding:17px 30px;background:linear-gradient(180deg,#ffd181,#ffbd59);color:#271b0b;border:1px solid #e6ad58;border-radius:2px;font-size:26px;line-height:1.2;letter-spacing:.14em;font-weight:600;transition:transform .2s,filter .2s}
.play:hover{filter:brightness(1.09);transform:translateY(-2px)}.play svg{width:28px;height:28px;stroke-width:1.3}.caption{margin:17px 0 0;color:#b4b9bc;font-size:17px;letter-spacing:.1em}
.footer{margin:0 3.4%;padding:24px 0 48px;border-top:1px solid #8b8f8f;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#c1c5c7}
.footer ul{display:flex;list-style:none;padding:0;margin:0;gap:42px;font-size:17px;letter-spacing:.12em}.footer li+li:before{content:"";display:inline-block;width:1px;height:19px;background:#c1c5c7;transform:rotate(43deg);margin-right:42px;vertical-align:middle}.footer p{font-size:13px;letter-spacing:.08em;margin:0}
@media(min-width:1600px){.hero{max-width:1000px}.header{padding-top:38px}.footer{padding-bottom:4vh}}
@media(max-height:800px) and (min-width:800px){.page{min-height:720px}.english{margin:14px 0 25px}.description{margin-bottom:26px}.footer{padding-bottom:25px}.hero{transform:none}h1{font-size:90px}}
@media(max-width:760px){.page{min-height:100svh;background-position:61% center}.page:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,16,23,.92),rgba(5,16,23,.39) 80%),linear-gradient(0deg,#07151c 0%,transparent 46%)}.header{padding:25px 24px}.brand{font-size:20px}.nav-link{font-size:13px;gap:6px}.hero{padding:60px 24px 65px;transform:none;max-width:100%;margin-block:auto}h1{font-size:clamp(55px,14vw,90px);letter-spacing:.035em}.english{font-size:15px;letter-spacing:.42em;margin:20px 0 34px}h2{font-size:24px;max-width:14em;line-height:1.7;letter-spacing:.025em}.description{font-size:17px;line-height:1.9;letter-spacing:.015em;margin-bottom:30px}.play{min-width:240px;min-height:60px;font-size:23px}.caption{font-size:14px}.footer{margin:0 24px;padding:22px 0 26px;align-items:flex-start;flex-direction:column;gap:20px}.footer ul{font-size:14px;gap:20px;letter-spacing:.06em}.footer li+li:before{height:14px;margin-right:20px}.footer p{font-size:11px;letter-spacing:.02em}}
@media(prefers-reduced-motion:reduce){.play{transition:none}}

.header{flex-wrap:wrap}.header .brand{margin-right:auto}@media(max-width:760px){.header{gap:16px}.header .brand{width:100%}.header .nav-link{font-size:12px}}