:root{--bg:#0b1021;--panel:#151c31;--panel2:#1d2942;--ink:#f6f7fb;--soft:#c4cce0;--accent:#ff7c9a;--sky:#78cde7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC","Microsoft Yahei",sans-serif}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;padding:8px;background:white;color:#111;z-index:20}.site-head{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:14px 4vw;background:#070b18;border-bottom:1px solid #39415d}.brand{font-size:26px;font-weight:900;white-space:nowrap}.brand b{background:var(--accent);color:#151423;padding:0 7px;margin-right:5px;border-radius:4px}.site-head nav{display:flex;gap:26px;font-weight:760;font-size:14px}.site-head a:hover{color:var(--accent)}.all-topics{font-size:13px;font-weight:850;border:1px solid #67738b;padding:9px 14px;white-space:nowrap}.opening{display:grid;grid-template-columns:36% 39% 25%;min-height:570px;overflow:hidden}.opening-copy{padding:72px 2vw 64px 4vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow,.collection-head small,.route-note small{font-size:12px;letter-spacing:.12em;color:var(--sky);font-weight:900}.opening h1{font-size:clamp(46px,4.8vw,74px);line-height:1.17;margin:20px 0 24px;letter-spacing:-.07em}.opening p{color:var(--soft);font-size:16px;line-height:1.85;margin:0 0 32px}.opening-copy>a{background:var(--accent);color:#1c1520;padding:15px 19px;font-weight:850}.phone-preview{position:relative;background:#1b2441;padding:25px 24px;overflow:hidden}.phone-preview img{width:100%;height:440px;object-fit:cover;object-position:center;display:block;border:7px solid #111729;border-bottom:0;border-radius:20px 20px 0 0}.phone-top{display:flex;justify-content:space-between;padding:11px 15px;background:#111729;border-radius:18px 18px 0 0;color:#d9dbef;font-weight:800;font-size:12px}.phone-bottom{background:#111729;border-radius:0 0 18px 18px;padding:15px;display:flex;justify-content:space-between;gap:15px;font-size:13px}.phone-bottom span{color:var(--sky)}.opening-index{padding:72px 3.3vw 45px 2vw;background:#152139}.opening-index small{color:var(--accent);letter-spacing:.13em;font-weight:900}.opening-index a{display:flex;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid #53607a}.opening-index a span{color:#8793ae;font-size:14px}.opening-index a b{font-size:18px}.opening-index a:hover b{color:var(--accent)}.horizontal-nav{display:flex;gap:10px;align-items:center;padding:16px 4vw;background:#253553;overflow-x:auto;white-space:nowrap}.horizontal-nav span{font-weight:850}.horizontal-nav a{background:#344566;padding:8px 14px;font-size:14px;font-weight:750}.horizontal-nav a:hover{background:var(--accent);color:#111}.collection{padding:75px 4vw 90px}.collection-head{max-width:930px}.collection-head h2{font-size:clamp(34px,4vw,58px);line-height:1.2;letter-spacing:-.05em;margin:15px 0}.collection-head p{line-height:1.9;color:var(--soft);font-size:16px}.channel-block{margin-top:60px;scroll-margin-top:20px}.channel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:2px solid #63718b;padding-bottom:15px;margin-bottom:22px}.channel-head h3{font-size:35px;margin:0;letter-spacing:-.05em}.channel-head p{color:var(--soft);margin:0 0 5px}.clip-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.clip{background:var(--panel);min-width:0}.clip-art{position:relative;aspect-ratio:16/9;overflow:hidden}.clip-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.clip-art span{position:absolute;left:16px;bottom:15px;padding:5px 10px;background:#0b1021d9;color:white;font-size:12px;font-weight:800}.clip-copy{padding:22px 24px 28px}.clip-copy small{color:var(--sky);font-weight:900;letter-spacing:.12em}.clip-copy h4{font-size:29px;margin:10px 0 6px;line-height:1.3}.clip-copy strong{font-size:15px;color:#f5c1cc}.clip-copy p{line-height:1.85;color:var(--soft);font-size:15px;margin:12px 0 0}.route-note{padding:80px 4vw;background:#d9eaf0;color:#142135}.route-note small{color:#a02f5c}.route-note h2{font-size:48px;margin:14px 0 30px}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.route-grid>div{border-top:3px solid #a02f5c;padding-top:15px}.route-grid b{font-size:20px}.route-grid p{line-height:1.85}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 4vw;background:#090e1b;color:#c9d4e6;font-size:13px}@media(max-width:1000px){.opening{grid-template-columns:50% 50%}.opening-index{grid-column:1/-1;padding:20px 4vw;display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}.opening-index small{grid-column:1/-1}.opening-index a{padding:10px 0}.opening-copy{padding:45px 4vw}}@media(max-width:720px){.site-head{padding:12px 16px}.brand{font-size:21px}.site-head nav,.all-topics{display:none}.opening{display:flex;flex-direction:column}.opening-copy{order:2;padding:32px 18px 42px}.opening h1{font-size:40px}.opening p{font-size:15px}.phone-preview{order:1;padding:14px 25px}.phone-preview img{height:270px}.phone-top,.phone-bottom{font-size:11px}.opening-index{order:3;display:grid;grid-template-columns:1fr 1fr;padding:18px}.opening-index small{grid-column:1/-1}.opening-index a{gap:8px}.opening-index a b{font-size:14px}.horizontal-nav{padding:12px 16px}.collection{padding:56px 16px}.collection-head h2{font-size:35px}.channel-block{margin-top:45px}.channel-head{display:block}.channel-head h3{font-size:29px}.channel-head p{font-size:14px;margin-top:8px}.clip-pair{display:block}.clip{margin-bottom:18px}.clip-copy{padding:18px}.clip-copy h4{font-size:24px}.route-note{padding:58px 18px}.route-note h2{font-size:37px}.route-grid{grid-template-columns:1fr;gap:12px}footer{padding:23px 18px}}