*{box-sizing:border-box}
:root{--bg:#0d0e0e;--panel:#151717;--panel2:#1b1e1e;--ink:#f5efdf;--muted:#c4baa6;--soft:#8f8778;--gold:#e8b84a;--gold2:#c9952f;--line:rgba(232,184,74,.22);--shadow:0 16px 42px rgba(0,0,0,.34)}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:radial-gradient(circle at 82% 0,rgba(232,184,74,.06),transparent 28%),var(--bg);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%}button,a{touch-action:manipulation}
.site-header{position:sticky;top:0;z-index:9999;background:rgba(13,14,14,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.header-inner{width:min(1180px,100%);min-height:68px;margin:auto;padding:0 18px;display:grid;grid-template-columns:180px 1fr 118px;align-items:center;gap:18px}
.brand{display:inline-flex;align-items:center;min-width:0}.brand img{display:block;height:38px;width:auto;max-width:156px;object-fit:contain}.brand strong{color:var(--gold);font-size:20px;letter-spacing:.12em;white-space:nowrap}
.core-nav{display:flex;justify-content:center;gap:8px;min-width:0}.core-nav a{padding:9px 13px;border-radius:10px;color:#eee5d3;font-weight:700;white-space:nowrap}.core-nav a:hover,.core-nav a.active{background:#202222;color:var(--gold);box-shadow:inset 0 0 0 1px var(--line)}
.primary-action{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:10px;background:linear-gradient(180deg,#f6d56a,#e8b84a 58%,#c8962e);color:#16120a;font-weight:800;box-shadow:0 8px 20px rgba(200,150,46,.2);white-space:nowrap}.primary-action:hover{filter:brightness(.96)}
.mobile-head{display:none}.menu-toggle,.drawer-close{border:0;background:transparent;color:var(--gold);font:inherit;font-weight:800;cursor:pointer}
.channel-bar{background:#111313;border-bottom:1px solid rgba(255,255,255,.04)}.channel-track{width:min(1180px,100%);margin:auto;padding:0 18px;display:flex;overflow-x:auto;scrollbar-width:thin}.channel-track a{flex:0 0 auto;padding:12px 11px;color:#aea38f;font-size:14px;white-space:nowrap;border-bottom:2px solid transparent}.channel-track a:hover,.channel-track a.active{color:var(--gold);border-bottom-color:var(--gold)}
.mobile-drawer,.drawer-mask{display:none}
main{min-height:58vh}.wrap{width:min(1180px,100%);margin:auto;padding:34px 76px 58px 18px}.narrow{max-width:850px}.breadcrumb{font-size:14px;color:var(--soft);margin:0 0 20px}.breadcrumb a{color:var(--muted)}
.page-kicker{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.12em}.page-kicker:before{content:"";width:38px;height:1px;background:var(--gold)}
.page-head{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:end;padding:18px 0 28px;border-bottom:1px solid var(--line)}.page-head h1{margin:8px 0 10px;font-size:clamp(31px,4.4vw,44px);line-height:1.15;color:var(--ink)}.page-head p{margin:0;color:var(--muted);font-size:17px;line-height:1.85}.head-note{padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#171919,#111212);color:var(--muted);line-height:1.72;font-size:14px}
.section{padding:28px 0;border-bottom:1px solid rgba(232,184,74,.12)}.section:last-child{border-bottom:0}.section h2{margin:0 0 13px;font-size:24px;line-height:1.35;color:var(--gold)}.section h3{margin:0 0 8px;color:#f0dfb8;font-size:19px}.section p{margin:0 0 14px;color:var(--ink);font-size:17px;line-height:1.86}.section ul,.section ol{padding-left:1.3em;margin:12px 0;color:var(--ink)}.section li{margin:8px 0;line-height:1.76}.text-muted{color:var(--muted)!important}
.media-frame{position:relative;width:100%;overflow:hidden;border-radius:16px;background:#191b1b;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.04)}.media-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.media-fallback{position:absolute;inset:0;background:linear-gradient(145deg,#191b1b,#0b0c0c)}
.hero-poster{height:220px;aspect-ratio:auto;border-radius:18px}.hero-poster>img{object-fit:contain}.article-media{height:224px;aspect-ratio:auto}.article-media>img{max-height:224px}
.link-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.link-row a{padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:#121414;color:#e6c777;font-weight:700}.link-row a:hover{background:#1b1d1d}
.notice{margin:18px 0;padding:17px 18px;border-left:3px solid var(--gold);background:#151717;border-radius:0 12px 12px 0;color:var(--muted);line-height:1.8}
.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}.two-col.reverse{grid-template-columns:.95fr 1.05fr}.two-col.reverse>.media-frame{order:2}.two-col.reverse>.copy{order:1}
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fact{padding:17px;border:1px solid var(--line);border-radius:14px;background:#151717}.fact b{display:block;color:var(--gold);margin-bottom:7px}.fact p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.route-list{display:grid;gap:10px}.route-item{display:grid;grid-template-columns:48px 180px 1fr auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(232,184,74,.16);border-radius:14px;background:#141616}.route-item .num{font-size:13px;color:var(--gold);font-weight:900}.route-item strong{font-size:18px}.route-item p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}.route-item em{font-style:normal;color:var(--gold)}
.steps{counter-reset:step;display:grid;gap:12px}.step{position:relative;padding:18px 18px 18px 66px;background:#151717;border:1px solid var(--line);border-radius:14px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:18px;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--gold);color:#111;font-weight:900}.step h3{margin:2px 0 6px}.step p{font-size:15px;color:var(--muted);margin:0;line-height:1.72}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare>div{padding:18px;border-radius:14px;background:#151717;border-top:2px solid var(--gold)}.compare p{font-size:15px;color:var(--muted);margin:0}.compare h3{font-size:20px;color:var(--gold)}
.pill-list{display:flex;flex-wrap:wrap;gap:10px}.pill-list span,.pill-list a{padding:9px 12px;border-radius:999px;background:#1a1c1c;border:1px solid var(--line);color:#dec893}
.question-lead{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 4px}.question-lead>div{padding:18px;border-radius:16px;background:#171919;border:1px solid var(--line);font-size:19px;line-height:1.55;color:#f0dfb8}
.index-board{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.index-board a{padding:18px;border-radius:16px;border:1px solid var(--line);background:#151717;display:grid;grid-template-columns:1fr auto;gap:8px}.index-board strong{font-size:19px}.index-board span{color:var(--muted);font-size:14px;line-height:1.6;grid-column:1/3}.index-board i{font-style:normal;color:var(--gold)}
.help-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.help-column{padding:18px;border-radius:16px;background:#151717;border:1px solid rgba(232,184,74,.18)}.help-column h2{font-size:20px}.help-column a{display:block;padding:9px 0;color:#e9d39b;border-bottom:1px solid rgba(255,255,255,.05)}
.faq-grid{display:grid;gap:12px}.faq-item{padding:18px;border:1px solid var(--line);border-radius:14px;background:#151717}.faq-item h2{font-size:20px;color:var(--gold);margin-bottom:8px}.faq-item p{font-size:16px;color:var(--muted);margin:0;line-height:1.8}
/* home */
.home-poster{width:min(1120px,calc(100% - 32px));margin:30px auto 0}.home-intro{width:min(1120px,100%);margin:auto;padding:26px 18px 8px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:start}.home-intro h1{font-size:clamp(34px,5vw,52px);line-height:1.08;margin:8px 0 16px}.home-intro p{color:var(--muted);font-size:17px;line-height:1.8}.home-aside{padding:18px;border:1px solid var(--line);background:#151717;border-radius:16px}.home-aside b{display:block;color:var(--gold);margin-bottom:8px}.home-aside a{display:block;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#e8d6ae}.home-aside a:last-child{border-bottom:0}
.home-routes{width:min(1120px,100%);margin:auto;padding:26px 18px}.home-routes h2,.home-feature h2,.home-app h2{color:var(--gold);font-size:24px}.home-feature{width:min(1120px,100%);margin:auto;padding:10px 18px 30px}.feature-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center;padding:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-band p{color:var(--muted);line-height:1.85;font-size:17px}.home-app{width:min(1120px,calc(100% - 36px));margin:0 auto 56px;display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:center;padding:24px;border-radius:18px;background:linear-gradient(135deg,#171919,#111212);border:1px solid var(--line)}.home-app p{color:var(--muted);line-height:1.8}.home-app .media-frame{height:176px;aspect-ratio:auto}
.side-rail{position:fixed;right:12px;top:35%;z-index:9000;width:112px;border-radius:14px;overflow:hidden;background:#101212;border:1px solid var(--line);box-shadow:var(--shadow)}.side-rail a{display:block;padding:11px 8px;text-align:center;color:#d9c398;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05)}.side-rail a:last-child{border-bottom:0}.side-rail .rail-main{background:var(--gold);color:#17130a;font-weight:900}
.site-footer{background:#080909;color:#d8ceb9}.footer-topline{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.footer-grid{width:min(1180px,100%);margin:auto;padding:36px 18px;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:30px}.footer-grid h2{font-size:16px;color:var(--gold);margin:0 0 11px}.footer-grid a{display:block;padding:5px 0;color:#d8ceb9}.footer-grid p{color:#9d9485;line-height:1.75}.footer-bottom{width:min(1180px,100%);margin:auto;padding:16px 18px 24px;border-top:1px solid rgba(232,184,74,.12);display:flex;justify-content:space-between;gap:20px;color:#837b6f;font-size:13px;line-height:1.6}.mobile-bottom{display:none}
@media(max-width:980px){
.desktop-head,.channel-bar,.side-rail{display:none}.mobile-head{display:grid;grid-template-columns:60px 1fr 72px;min-height:62px;gap:8px;padding:0 12px}.mobile-brand{justify-content:center}.mobile-brand img{max-width:126px;height:34px}.mobile-action{height:38px;padding:0 11px}.menu-toggle{text-align:left}.wrap{padding:26px 16px 88px}.page-head{grid-template-columns:1fr;gap:16px}.head-note{max-width:none}.two-col,.two-col.reverse{grid-template-columns:1fr}.two-col.reverse>.media-frame,.two-col.reverse>.copy{order:initial}.fact-grid{grid-template-columns:1fr}.compare,.question-lead,.index-board,.help-columns{grid-template-columns:1fr}.route-item{grid-template-columns:40px 1fr auto}.route-item p{grid-column:2/4}.home-poster{margin-top:16px}.hero-poster{height:146px}.home-intro{grid-template-columns:1fr;padding-top:20px}.home-intro h1{font-size:clamp(30px,8vw,38px)}.feature-band{grid-template-columns:1fr;padding:18px 0}.home-app{grid-template-columns:1fr;margin-bottom:90px}.home-app .media-frame{order:-1;height:185px}.article-media{height:200px}
.footer-grid{grid-template-columns:1fr 1fr;padding-bottom:94px}.footer-bottom{display:block;padding-bottom:80px}.footer-bottom span{display:block;margin-top:6px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:10000;display:grid;grid-template-columns:repeat(4,1fr);background:#0c0d0d;border-top:1px solid var(--gold);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{text-align:center;padding:12px 4px;color:#e8dfcf;font-size:13px}
.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#161616;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 40px rgba(0,0,0,.45);overflow-y:auto;padding-bottom:20px}.mobile-drawer.is-open{transform:translateX(0)}
.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:11000;opacity:0;pointer-events:none;transition:opacity .18s ease}.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}.drawer-open{overflow:hidden}
.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.drawer-top img{height:32px;max-width:138px}.drawer-section{padding:14px;border-bottom:1px solid rgba(232,184,74,.12)}.drawer-section b{display:block;color:var(--gold);margin-bottom:7px}.drawer-section a{display:block;padding:9px 0;color:#f3ead9}
}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}.route-item{grid-template-columns:34px 1fr}.route-item em{display:none}.route-item p{grid-column:2}.home-aside{padding:15px}.hero-poster{height:132px}.article-media{height:180px}}
@media(max-width:390px){.mobile-brand img{max-width:108px}.mobile-head{grid-template-columns:52px 1fr 66px}.mobile-action{font-size:13px}.hero-poster{height:122px}}