*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#0b0b0b}
body{margin:0;background:radial-gradient(circle at 50% -180px,#222017 0,#11110f 34%,#0b0b0b 70%);color:#f5ecd7;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.82;overflow-x:hidden}
body.drawer-open{overflow:hidden}a{color:inherit}img{max-width:100%}
.site-header{position:sticky;top:0;z-index:9999;background:rgba(13,13,12,.97);border-bottom:1px solid rgba(232,184,74,.25);backdrop-filter:blur(10px)}
.header-inner{width:min(1180px,calc(100% - 32px));min-height:70px;margin:auto;display:grid;grid-template-columns:180px 1fr 112px;gap:18px;align-items:center}
.site-logo,.drawer-logo,.footer-logo{display:inline-flex;align-items:center;text-decoration:none}.site-logo img,.drawer-logo img,.footer-logo img{display:block;height:38px;width:auto;max-width:156px;object-fit:contain}
.logo-text{display:inline-flex;color:#e8b84a;font-size:21px;font-weight:900;letter-spacing:.09em}.nav-core{display:flex;justify-content:center;align-items:center;gap:4px;min-width:0}.nav-core a{padding:8px 12px;text-decoration:none;color:#e8ddc6;font-weight:700;white-space:nowrap;border-radius:9px}.nav-core a:hover,.nav-core a.is-current{background:#262116;color:#f4c85b}
.main-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;min-width:96px;padding:0 17px;border-radius:10px;text-decoration:none;font-weight:800;color:#18130a;background:linear-gradient(180deg,#f5d76e,#e8b84a 58%,#c8962e);box-shadow:0 8px 20px rgba(200,150,46,.2)}.main-btn:hover{background:#c8962e}
.menu-btn{display:none;background:transparent;border:0;color:#e8b84a;font:inherit;font-weight:800;padding:8px 0}.channel-bar{background:#151513;border-top:1px solid rgba(232,184,74,.08)}.channel-inner{width:min(1180px,calc(100% - 32px));margin:auto;display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin}.channel-inner a{flex:0 0 auto;text-decoration:none;color:#aa9e87;font-size:13px;padding:10px 8px;white-space:nowrap;border-bottom:2px solid transparent}.channel-inner a:hover,.channel-inner a.is-current{color:#e8b84a;border-bottom-color:#e8b84a}
.site-main{min-height:60vh}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.reading{width:min(820px,calc(100% - 32px));margin:auto}.section{padding:48px 0}.compact{padding:26px 0}.breadcrumb{padding-top:22px;color:#8e8372;font-size:14px}.breadcrumb a{color:#c9bba0;text-decoration:none}
h1,h2,h3{line-height:1.28;margin-top:0}h1{font-size:clamp(28px,4vw,42px);color:#f0c75c;margin-bottom:18px;letter-spacing:.01em}h2{font-size:clamp(21px,2.6vw,28px);color:#e8b84a;margin-bottom:12px}h3{font-size:18px;color:#f7f1de}p{margin:0 0 16px}.lead{font-size:18px;color:#f8efd8}.muted{color:#b9ad95}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#d9b85f;font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}.eyebrow:before{content:"";width:26px;height:1px;background:#e8b84a}
.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:16px;background:#181817;aspect-ratio:16/9;border:1px solid rgba(232,184,74,.15);margin:0}.media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.media-placeholder{position:absolute;inset:0;background:linear-gradient(145deg,#121212,#20201e)}.media.hero-media{height:clamp(180px,19vw,224px);aspect-ratio:auto}.media.content-media{height:clamp(200px,24vw,238px);aspect-ratio:auto}.media.slim-media{height:170px;aspect-ratio:auto}
.hero-wrap{padding:28px 0 0}.hero-caption{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;align-items:end;padding:26px 0 10px}.hero-caption p{color:#c9bba0;margin:0}.hero-caption .status-note{border-left:1px solid rgba(232,184,74,.45);padding-left:20px;font-size:14px}
.route-board{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.route-card{grid-column:span 4;min-height:126px;padding:18px 18px 16px;background:#171716;border:1px solid rgba(232,184,74,.18);border-radius:14px;text-decoration:none;position:relative;overflow:hidden}.route-card:nth-child(2),.route-card:nth-child(5){background:#1c1a15}.route-card:hover{border-color:rgba(232,184,74,.65);transform:translateY(-2px)}.route-card em{font-style:normal;color:#746d60;font-size:12px}.route-card strong{display:block;color:#f0c75c;font-size:20px;margin:7px 0 5px}.route-card span{display:block;color:#bdb19a;font-size:14px;line-height:1.65}
.reading-band{border-top:1px solid rgba(232,184,74,.45);border-bottom:1px solid rgba(232,184,74,.18);background:linear-gradient(90deg,transparent,rgba(232,184,74,.045),transparent);padding:21px 0}.reading-band p{width:min(920px,calc(100% - 32px));margin:auto;color:#e7d7b0;text-align:center}
.feature-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:30px;align-items:center}.feature-copy{padding:10px 0}.feature-copy .link-line{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.link-line a,.text-links a{color:#e8b84a;text-decoration:none;border-bottom:1px solid rgba(232,184,74,.35)}
.app-deck{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;padding:22px;border:1px solid rgba(232,184,74,.18);background:#141413;border-radius:16px;align-items:center}.app-deck .media{height:170px;aspect-ratio:auto}.app-deck p{color:#c9bba0}
.article-head{padding:40px 0 20px}.article-head .summary{font-size:18px;color:#d8ceb9}.article-head-grid{display:grid;grid-template-columns:1fr 240px;gap:28px;align-items:end}.side-note{border-left:2px solid #e8b84a;padding:12px 0 12px 16px;color:#ac9f88;font-size:14px}
.prose-panel{background:#141413;border:1px solid rgba(232,184,74,.15);border-radius:16px;padding:24px}.prose-panel+.prose-panel{margin-top:16px}.prose-panel p:last-child{margin-bottom:0}.prose-panel h2{font-size:23px}.soft-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(232,184,74,.5),transparent);margin:30px 0}
.two-track{display:grid;grid-template-columns:1fr 1fr;gap:18px}.track{background:#151514;border-top:2px solid #e8b84a;border-radius:0 0 14px 14px;padding:20px}.track h2{font-size:21px}.track p{color:#c9bba0}.note-box{padding:18px 20px;border-left:3px solid #e8b84a;background:#181713;border-radius:0 12px 12px 0;color:#d8ceb9}
.steps{display:grid;gap:12px;counter-reset:step}.step{position:relative;padding:18px 18px 18px 64px;background:#151514;border:1px solid rgba(232,184,74,.14);border-radius:14px}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:18px;color:#e8b84a;font-weight:900;font-size:18px}.step strong{color:#f1d27a}
.index-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.index-list a{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#151514;border:1px solid rgba(232,184,74,.15);border-radius:12px;padding:16px 18px;text-decoration:none}.index-list strong{color:#efc95d}.index-list span{color:#8f8573;font-size:13px}.service-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.link-panel{background:#151514;border:1px solid rgba(232,184,74,.15);border-radius:14px;padding:20px}.link-panel h2{font-size:20px}.link-panel a{display:block;padding:8px 0;color:#d8ceb9;text-decoration:none;border-bottom:1px solid rgba(232,184,74,.08)}.link-panel a:last-child{border-bottom:0}.link-panel a:hover{color:#e8b84a}
.faq-list{display:grid;gap:12px}.faq-item{background:#151514;border:1px solid rgba(232,184,74,.14);border-radius:14px;padding:20px}.faq-item h2{font-size:20px;margin-bottom:8px}.faq-item p:last-child{margin-bottom:0}.notice-list{padding-left:22px}.notice-list li{margin:8px 0;color:#d6ccb7}.text-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.floating-tools{position:fixed;right:12px;top:39%;z-index:9000;width:94px;display:grid;border:1px solid rgba(232,184,74,.24);background:#10100f;border-radius:12px;overflow:hidden;box-shadow:0 15px 34px rgba(0,0,0,.38)}.floating-tools a{padding:10px 7px;text-align:center;text-decoration:none;color:#e7d7b0;font-size:12px;border-bottom:1px solid rgba(232,184,74,.1)}.floating-tools a:last-child{border-bottom:0}.floating-tools .float-main{background:#e8b84a;color:#17130a;font-weight:800}
.site-footer{background:#070707;margin-top:40px;padding:0 0 88px}.footer-topline{height:2px;background:linear-gradient(90deg,transparent,#e8b84a 30%,#e8b84a 70%,transparent)}.footer-grid{width:min(1180px,calc(100% - 32px));margin:auto;padding:38px 0 24px;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:28px}.footer-grid h2{font-size:16px;margin-bottom:9px}.footer-grid a{display:block;color:#d8ceb9;text-decoration:none;padding:4px 0;font-size:14px}.footer-grid p{font-size:14px;color:#a99d87}.footer-bottom{width:min(1180px,calc(100% - 32px));margin:auto;border-top:1px solid rgba(232,184,74,.16);padding-top:18px;color:#837a6a;font-size:13px}.mobile-bottom{display:none}.mobile-drawer,.drawer-mask{display:none}
@media(max-width:1180px){.floating-tools{display:none}}
@media(max-width:980px){.header-inner{width:min(100% - 24px,1180px);min-height:62px;grid-template-columns:72px 1fr 92px;gap:8px}.menu-btn{display:inline-flex;justify-self:start}.site-logo{justify-self:center}.site-logo img{height:34px;max-width:140px}.nav-core,.channel-bar{display:none}.header-action{justify-self:end;min-width:88px;height:39px;padding:0 12px;font-size:14px}.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:28px}.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-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid rgba(232,184,74,.2)}.drawer-close{border:1px solid rgba(232,184,74,.42);background:#111;color:#e8b84a;border-radius:9px;padding:6px 10px}.drawer-group{padding:13px 16px;border-bottom:1px solid rgba(232,184,74,.1)}.drawer-group strong{display:block;color:#e8b84a;margin-bottom:5px}.drawer-group a{display:block;text-decoration:none;color:#f4ead4;padding:7px 0}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:9500;display:grid;grid-template-columns:repeat(4,1fr);background:#0c0c0c;border-top:1px solid #e8b84a;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{text-align:center;color:#e7d7b0;text-decoration:none;padding:10px 5px;font-size:13px}body{padding-bottom:52px}.site-footer{padding-bottom:70px}}
@media(max-width:760px){.section{padding:32px 0}.hero-caption,.feature-split,.app-deck,.article-head-grid,.two-track,.service-columns{grid-template-columns:1fr}.hero-caption{gap:12px}.hero-caption .status-note{border-left:0;border-top:1px solid rgba(232,184,74,.22);padding:12px 0 0}.route-card{grid-column:span 6}.feature-split .media{order:-1}.app-deck .media{order:-1;height:190px}.index-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.media.hero-media{height:clamp(118px,34vw,152px)}}
@media(max-width:430px){.header-inner{grid-template-columns:62px minmax(0,1fr) 86px}.menu-btn{font-size:14px}.site-logo img{height:31px;max-width:122px}.header-action{min-width:82px;padding:0 9px}.wrap,.reading{width:min(100% - 24px,1180px)}.route-card{grid-column:span 12;min-height:0}.footer-grid{grid-template-columns:1fr}}