*{box-sizing:border-box}
:root{--bg:#0E0E0E;--top:#111111;--drawer:#161616;--card:#1C1C1C;--card2:#151515;--gold:#E8B84A;--gold2:#C8962E;--text:#F7F1DE;--sub:#C9BBA0;--dim:#8E8372;--line:rgba(232,184,74,.22);--shadow:0 14px 32px rgba(0,0,0,.35)}
html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:linear-gradient(180deg,#0c0c0c 0,#121212 48%,#0b0b0b 100%);color:var(--text);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.82;overflow-x:hidden}a{color:inherit}img{max-width:100%}.site-header{position:sticky;top:0;z-index:9999;width:100%;background:#111;border-bottom:1px solid var(--line);box-shadow:0 8px 22px rgba(0,0,0,.35)}.header-inner{max-width:1140px;min-height:66px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:170px 1fr 110px;align-items:center;gap:16px}.site-logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--gold);font-weight:900}.site-logo img{display:block;height:38px;width:auto;max-width:156px;object-fit:contain}.logo-text{border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:#161616;color:var(--gold)}.nav-core{display:flex;align-items:center;justify-content:center;gap:2px}.nav-core a{color:#F3E6C4;padding:8px 11px;font-weight:700;text-decoration:none;white-space:nowrap;border-radius:999px}.nav-core a.is-current,.nav-core a:hover{color:#111;background:var(--gold)}.main-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:92px;padding:0 18px;background:linear-gradient(180deg,#F6D56A 0%,#E8B84A 55%,#C8962E 100%);color:#14110A;border-radius:999px;text-decoration:none;font-weight:800;box-shadow:0 8px 18px rgba(200,150,46,.28)}.main-btn:hover{filter:brightness(1.05)}.menu-trigger{display:none;background:transparent;border:0;width:42px;height:42px;padding:8px}.menu-trigger span{display:block;height:2px;background:var(--gold);margin:5px 0;border-radius:2px}.channel-bar{background:#1A1A1A;border-top:1px solid rgba(255,255,255,.04)}.channel-scroll{max-width:1140px;margin:0 auto;padding:0 16px;display:flex;overflow-x:auto;scrollbar-width:thin}.channel-scroll a{flex:0 0 auto;color:#C9BBA0;text-decoration:none;padding:9px 10px;font-size:13px}.channel-scroll a:hover{color:var(--gold)}
.site-main{width:min(1140px,calc(100% - 32px));margin:0 auto;padding:32px 58px 80px 0;min-height:62vh}.breadcrumb{font-size:13px;color:var(--dim);margin-bottom:16px}.breadcrumb a{text-decoration:none;color:var(--sub)}.kicker{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.page-title{margin:8px 0 14px;font-size:clamp(30px,4vw,43px);line-height:1.16;color:#fff;letter-spacing:-.02em}.page-intro{margin:0;color:#D8D0C0;font-size:17px;max-width:820px}.section{margin-top:44px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{font-size:25px;line-height:1.3;margin:0;color:var(--gold)}.section-heading p{margin:0;color:var(--dim);font-size:14px}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:12px;background:#1C1C1C;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.045)}.media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.media-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#171717,#101010)}.media-placeholder:before{content:"";width:42%;height:1px;background:var(--line);box-shadow:0 10px 0 rgba(232,184,74,.08),0 -10px 0 rgba(232,184,74,.08)}
.home-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:36px;align-items:end;padding:18px 0 22px;border-bottom:1px solid var(--line)}.home-intro h1{font-size:clamp(34px,5vw,52px);line-height:1.08;margin:9px 0 14px;color:#fff}.home-intro h1 span{display:block;color:var(--gold);font-size:.55em;line-height:1.4;margin-top:12px;letter-spacing:.04em}.home-intro p{color:#D7CEBD;font-size:17px;margin:0;max-width:730px}.intro-index{display:grid;grid-template-columns:1fr 1fr;gap:8px}.intro-index a{text-decoration:none;background:#171717;border:1px solid rgba(255,255,255,.05);border-left:2px solid var(--gold);padding:12px 13px;border-radius:8px;color:var(--sub);font-weight:700}.intro-index a:hover{background:#202020;color:var(--gold)}.poster-zone{max-width:1040px;margin:26px auto 0}.poster-zone .media{height:205px;aspect-ratio:auto}.poster-zone .media>img{object-fit:contain}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.route-card{display:flex;flex-direction:column;gap:5px;min-height:132px;padding:18px;border-radius:12px;background:linear-gradient(160deg,#1b1b1b,#131313);border:1px solid rgba(232,184,74,.16);text-decoration:none}.route-card small{color:var(--gold);font-weight:800;letter-spacing:.09em}.route-card strong{font-size:20px;color:#fff}.route-card span{color:var(--sub);font-size:14px}.route-card:hover{transform:translateY(-2px);border-color:rgba(232,184,74,.55)}.gold-statement{margin-top:34px;border-top:1px solid var(--gold);border-bottom:1px solid var(--line);padding:20px 0;color:#E7D7B0;font-size:16px}.db-focus{display:grid;grid-template-columns:210px 1fr;gap:28px;align-items:start;background:#151515;border:1px solid var(--line);border-radius:14px;padding:22px}.db-mark{min-height:170px;border-radius:12px;background:radial-gradient(circle at 50% 30%,rgba(232,184,74,.18),transparent 55%),#101010;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(232,184,74,.17)}.db-mark b{font-size:44px;color:var(--gold);line-height:1}.db-mark span{color:var(--sub);font-size:13px;margin-top:10px;letter-spacing:.12em}.db-copy h2{margin:0 0 10px;color:#fff;font-size:28px}.db-copy p{margin:0;color:#CFC5B4}.text-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.text-links a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(232,184,74,.38);padding-bottom:2px}.read-band{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:28px;align-items:center}.read-band.reverse{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.read-band .media{height:220px;aspect-ratio:auto}.read-band h2{font-size:27px;margin:0 0 10px;color:var(--gold)}.read-band p{margin:0;color:#D1C8B8}.app-strip{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:center;background:#171717;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:22px}.app-strip .media{height:180px;aspect-ratio:auto}.app-strip h2{margin:0 0 9px;color:#fff}.app-strip p{margin:0;color:var(--sub)}
.page-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:34px;align-items:center;padding:12px 0 26px;border-bottom:1px solid var(--line)}.page-head.no-image{grid-template-columns:1fr}.page-head .media{height:225px;aspect-ratio:auto}.content-shell{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:34px;margin-top:34px}.article{max-width:820px}.article h2{color:var(--gold);font-size:23px;line-height:1.35;margin:30px 0 8px}.article p{font-size:16px;color:#E1D8C8;margin:0 0 16px}.aside-card{position:sticky;top:112px;align-self:start;background:#151515;border:1px solid rgba(232,184,74,.16);border-radius:12px;padding:18px}.aside-card h2{font-size:16px;color:#fff;margin:0 0 12px}.aside-card a,.aside-card span{display:block;padding:8px 0;border-top:1px solid rgba(255,255,255,.05);color:var(--sub);font-size:14px;text-decoration:none}.aside-card a:hover{color:var(--gold)}.note-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.note-row div{background:#151515;border:1px solid rgba(255,255,255,.055);border-radius:10px;padding:14px}.note-row b{display:block;color:var(--gold);font-size:14px}.note-row span{color:var(--sub);font-size:13px}.number-list{counter-reset:step;display:grid;gap:14px;margin:28px 0}.number-item{counter-increment:step;display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px;background:#151515;border:1px solid rgba(255,255,255,.055);border-radius:12px}.number-item:before{content:counter(step,decimal-leading-zero);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0f0f0f;border:1px solid var(--line);color:var(--gold);font-weight:900}.number-item h2{margin:0 0 6px;color:#fff;font-size:20px}.number-item p{margin:0;color:#D6CCBC}.quote-panel{padding:18px 20px;border-left:3px solid var(--gold);background:#161616;color:#D9CFBD;margin:24px 0;border-radius:0 10px 10px 0}.related{margin-top:34px;padding-top:18px;border-top:1px solid var(--line)}.related h2{font-size:18px;margin:0 0 10px;color:#fff}.related-links{display:flex;gap:10px;flex-wrap:wrap}.related-links a{text-decoration:none;color:var(--gold);background:#171717;border:1px solid rgba(232,184,74,.2);padding:8px 12px;border-radius:999px;font-size:14px}.mini-note{margin-top:38px;color:var(--dim);font-size:13px;border-top:1px solid rgba(255,255,255,.05);padding-top:14px}.qa-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.qa{background:#151515;border:1px solid rgba(232,184,74,.14);border-radius:12px;padding:18px}.qa h2{font-size:18px;color:var(--gold);margin:0 0 8px}.qa p{margin:0;color:#D8CEBD}
.float-tools{position:fixed;right:10px;top:36%;z-index:8800;width:48px;display:flex;flex-direction:column;background:#0f0f0f;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.float-tools a{writing-mode:vertical-rl;text-orientation:mixed;text-decoration:none;color:var(--gold);font-size:12px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.float-tools a.float-main{background:var(--gold);color:#111;font-weight:800}.site-footer{background:#070707;border-top:1px solid var(--gold);color:#E7D7B0}.footer-grid{width:min(1140px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px;padding:36px 0}.footer-grid h2{font-size:15px;color:var(--gold);margin:0 0 10px}.footer-grid a{display:block;text-decoration:none;color:#BFB4A0;font-size:14px;padding:3px 0}.footer-grid a:hover{color:var(--gold)}.footer-brand img{height:38px;width:auto;max-width:156px;object-fit:contain}.footer-brand p{color:#938977;font-size:14px;max-width:260px}.footer-bottom{border-top:1px solid rgba(255,255,255,.055);width:min(1140px,calc(100% - 32px));margin:0 auto;padding:16px 0 22px;color:#857C6D;font-size:12px}.mobile-bottom{display:none}.mobile-drawer,.drawer-mask{display:none}
@media(max-width:980px){body{padding-bottom:58px}.header-inner{grid-template-columns:48px 1fr 96px;min-height:62px;gap:8px}.menu-trigger{display:block}.site-logo{justify-content:center}.site-logo img{height:36px;max-width:138px}.nav-core,.channel-bar{display:none}.main-btn{height:38px;min-width:88px;padding:0 12px;font-size:13px}.site-main{width:min(100% - 26px,760px);padding:24px 0 54px}.float-tools{display:none}.home-intro,.page-head,.read-band,.read-band.reverse,.app-strip{grid-template-columns:1fr}.home-intro{gap:22px;align-items:start}.intro-index{grid-template-columns:1fr 1fr}.poster-zone .media{height:142px}.route-grid{grid-template-columns:1fr 1fr}.db-focus{grid-template-columns:1fr}.db-mark{min-height:120px}.read-band .media{height:190px}.app-strip .media{height:190px;order:-1}.page-head .media{height:200px}.content-shell{grid-template-columns:1fr}.aside-card{position:static}.qa-list{grid-template-columns:1fr}.float-tools{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:9000;background:#0C0C0C;border-top:1px solid var(--gold)}.mobile-bottom a{text-align:center;text-decoration:none;color:#D9CEBA;padding:10px 4px;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}.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-head{display:grid;grid-template-columns:1fr 48px;align-items:center;min-height:68px;padding:0 14px;border-bottom:1px solid var(--line)}.drawer-head .site-logo{justify-content:flex-start}.drawer-close{background:transparent;border:0;color:var(--gold);font-size:34px;line-height:1}.drawer-group{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.05)}.drawer-group b{display:block;color:var(--gold);font-size:13px;margin-bottom:7px}.drawer-group a{display:block;text-decoration:none;color:#D9CFBD;padding:7px 0;font-size:14px}}
@media(max-width:560px){.header-inner{padding:0 10px;grid-template-columns:42px 1fr 88px}.main-btn{min-width:82px;padding:0 9px}.home-intro h1{font-size:31px}.home-intro h1 span{font-size:.62em}.intro-index{grid-template-columns:1fr}.poster-zone .media{height:125px}.route-grid{grid-template-columns:1fr 1fr;gap:9px}.route-card{min-height:120px;padding:14px}.route-card strong{font-size:17px}.db-focus,.app-strip{padding:16px}.page-title{font-size:29px}.page-head .media{height:170px}.note-row{grid-template-columns:1fr}.number-item{grid-template-columns:42px 1fr;padding:14px}.footer-grid{grid-template-columns:1fr;padding:28px 0}.footer-brand{grid-column:auto}.section{margin-top:34px}.section-heading{display:block}.section-heading p{margin-top:5px}.read-band .media,.app-strip .media{height:170px}}