:root{--g18:#facc15;--j68:#111111;--y21:#1a1a1a;--v96:#222222;--j21:#ffffff;--w88:#999999;--g2:12px;--t15:8px;--b20:1200px;--q74:16px}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--j68);color:var(--j21);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;min-height:100vh}
a{color:var(--j21);text-decoration:none;transition:color .2s}
a:hover{color:var(--g18)}
img{max-width:100%;height:auto;display:block}
.bw-box{max-width:var(--b20);margin:0 auto;padding:0 var(--q74)}
header{background:var(--y21);border-bottom:2px solid var(--g18);position:sticky;top:0;z-index:1000}
.xz-card{display:flex;align-items:center;justify-content:space-between;padding:12px var(--q74);max-width:var(--b20);margin:0 auto}
._d57cr{font-size:24px;font-weight:900;color:var(--g18);letter-spacing:-1px}
._d57cr span{color:var(--j21)}
nav{display:flex;gap:20px;align-items:center}
nav a{font-size:14px;padding:6px 12px;border-radius:var(--t15)}
nav a:hover{background:var(--v96)}
._proiu{background:var(--g18)!important;color:var(--j68)!important;font-weight:700}
.u7a8c1{position:relative;padding:30px 0}
.dk-card{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:200px 200px;gap:12px}
.dk-card ._nmwop{grid-row:1/3;position:relative;border-radius:var(--g2);overflow:hidden}
.dk-card ._gow3t{position:relative;border-radius:var(--g2);overflow:hidden}
.hp-head{width:100%;height:100%;object-fit:cover}
.e8c4m8{position:absolute;top:12px;left:12px;background:var(--g18);color:var(--j68);font-size:12px;font-weight:700;padding:3px 8px;border-radius:4px}
._0d13b{position:absolute;bottom:0;left:0;right:0;padding:15px;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.d7h8u2{font-size:14px;font-weight:600;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
._7l18b{font-size:12px;color:var(--w88);display:flex;gap:10px;align-items:center}
._7l18b ._ekgxx{color:var(--g18)}
._eyqfo{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-top:30px}
._eyqfo h2{font-size:20px;font-weight:700}
._eyqfo h2 span{color:var(--g18)}
._eyqfo a{font-size:13px;color:var(--w88)}
.z4g8k1{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vw-line{background:var(--y21);border-radius:var(--t15);overflow:hidden;transition:transform .2s}
.vw-line:hover{transform:translateY(-3px)}
._2hnrp{position:relative;padding-top:56.25%;overflow:hidden}
._2hnrp img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
._2hnrp ._62k3v{position:absolute;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}
.vw-line:hover ._62k3v{opacity:1}
.o6r1a2{width:40px;height:40px;background:var(--g18);border-radius:50%;display:flex;align-items:center;justify-content:center}
.o6r1a2::after{content:'';border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent var(--j68);margin-left:3px}
.mv-body{position:absolute;bottom:8px;left:8px;display:flex;gap:4px}
.mv-body span{font-size:10px;background:rgba(0,0,0,.7);padding:2px 6px;border-radius:3px}
.mv-body .nf-body{background:var(--g18);color:var(--j68)}
.hp-note{padding:12px}
.hp-note h3{font-size:13px;font-weight:500;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hp-note .pn-box{font-size:11px;color:var(--w88);display:flex;gap:8px}
.nf-cell{background:var(--y21);border-radius:var(--g2);padding:20px;margin:30px 0}
.nf-cell h3{font-size:16px;margin-bottom:12px}
.fn-flow{display:flex;gap:10px;flex-wrap:wrap}
.e3u1d4{padding:10px 20px;border-radius:var(--t15);border:1px solid var(--v96);background:var(--v96);font-size:13px;cursor:pointer;transition:all .2s}
.route-btn.active{border-color:var(--g18);background:rgba(250,204,21,.1);color:var(--g18)}
.e3u1d4 .k9t2h7{color:#22c55e;font-size:11px;margin-left:6px}
.a7t6o7{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.qr-grid{background:var(--y21);border-radius:var(--g2);padding:20px;text-align:center;transition:transform .2s}
.qr-grid:hover{transform:translateY(-3px)}
._hsmex{width:64px;height:64px;border-radius:50%;border:3px solid var(--g18);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:22px;font-weight:700;background:var(--v96)}
.qr-grid ._0n2qn{font-size:15px;font-weight:600;margin-bottom:4px}
.qr-grid .sl-list{font-size:11px;color:var(--g18);background:rgba(250,204,21,.1);padding:2px 8px;border-radius:10px;display:inline-block;margin-bottom:8px}
.qr-grid .sl-box{display:flex;justify-content:center;gap:16px;font-size:12px;color:var(--w88)}
.x1l4i2{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0}
.x1l4i2 a{padding:10px 18px;background:var(--y21);border-radius:var(--t15);font-size:13px;border:1px solid var(--v96);transition:all .2s}
.x1l4i2 a:hover,.x1l4i2 a.active{border-color:var(--g18);color:var(--g18);background:rgba(250,204,21,.05)}
.u2f7a3{background:var(--y21);border-radius:var(--g2);padding:20px}
.dk-head{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--v96)}
.dk-head:last-child{border-bottom:none}
.c7g8q3{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--v96)}
.dk-head:nth-child(-n+3) .c7g8q3{background:var(--g18);color:var(--j68)}
._th9sd{flex:1;font-size:13px}
.fn-row{font-size:12px;color:var(--w88)}
.lq-pan{background:var(--y21);border-radius:var(--g2);padding:24px;text-align:center;margin:30px 0}
.lq-pan .a6j7s5{display:flex;justify-content:center;gap:40px;margin-top:12px}
.lq-pan .vw-box .b9w6w6{font-size:32px;font-weight:900;color:var(--g18)}
.lq-pan .vw-box .m4m4m9{font-size:12px;color:var(--w88);margin-top:4px}
@keyframes countup{0%{opacity:.7}50%{opacity:1}100%{opacity:.7}}
.lq-pan .b9w6w6{animation:countup 2s infinite}
.r1v4i4{background:var(--y21);border-radius:var(--t15);padding:12px 16px;overflow:hidden;height:36px;position:relative;margin:20px 0}
.cy-unit{animation:scrollUp 20s linear infinite}
@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}
.tx-line{height:36px;line-height:36px;font-size:13px;color:var(--g18);white-space:nowrap}
.x8u4a8{margin:30px 0}
.hp-tag{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--v96)}
.hp-tag:last-child{border-bottom:none}
._0626u{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}
.zt-row{flex:1}
._dhuu4{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.g2o5e3{font-size:13px;font-weight:600}
._tzdg0{font-size:11px;color:var(--w88)}
._n4jxi{font-size:13px;color:#ccc;line-height:1.5}
.pn-row{display:flex;gap:12px;margin-top:6px;font-size:11px;color:var(--w88)}
.i2e8c6{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--w88);padding:10px 0}
._ns7er{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}
footer{background:var(--y21);border-top:1px solid var(--v96);padding:30px 0;margin-top:40px}
._ke5p3{max-width:var(--b20);margin:0 auto;padding:0 var(--q74);display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.zt-note h4{font-size:14px;margin-bottom:12px;color:var(--g18)}
.zt-note a{display:block;font-size:12px;color:var(--w88);margin-bottom:6px}
.jm-area{text-align:center;padding:16px;font-size:11px;color:var(--w88);border-top:1px solid var(--v96);margin-top:20px}
._6mm9p{padding:12px 0;font-size:12px;color:var(--w88)}
._6mm9p a{color:var(--w88)}
._6mm9p span{margin:0 6px}
.mv-line{background:#000;border-radius:var(--g2);overflow:hidden;position:relative;padding-top:56.25%;margin:20px 0}
._90o3y{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
._90o3y img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}
.a1k6y6{position:absolute;width:72px;height:72px;background:var(--g18);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(250,204,21,.3)}
.a1k6y6::after{content:'';border-style:solid;border-width:14px 0 14px 24px;border-color:transparent transparent transparent var(--j68);margin-left:4px}
.dk-pan{display:flex;flex-wrap:wrap;gap:16px;padding:16px 0;font-size:13px;color:var(--w88)}
.dk-pan .nf-unit{display:flex;align-items:center;gap:4px}
.t3m2h1{display:flex;align-items:center;gap:8px;padding:16px;background:var(--y21);border-radius:var(--t15);margin:16px 0}
.o7w2x4{color:var(--g18);font-size:20px}
._qlg85{font-size:24px;font-weight:900;color:var(--g18)}
._iyios{font-size:12px;color:var(--w88)}
.gk-box{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}
.gk-box a{padding:4px 12px;background:var(--v96);border-radius:20px;font-size:12px}
.gk-box a:hover{background:var(--g18);color:var(--j68)}
.l1d7p9{border-left:3px solid var(--g18);padding:12px 16px;background:var(--y21);border-radius:0 var(--t15) var(--t15) 0;margin:12px 0}
.jm-mark{font-size:10px;background:var(--g18);color:var(--j68);padding:2px 6px;border-radius:3px;font-weight:700}
._sgzpa{position:fixed;inset:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:9999}
.rp-wrap{background:var(--y21);border:2px solid var(--g18);border-radius:var(--g2);padding:40px;text-align:center;max-width:400px}
.rp-wrap h2{color:var(--g18);font-size:24px;margin-bottom:16px}
.rp-wrap p{font-size:14px;color:var(--w88);margin-bottom:24px}
.hp-chip{padding:12px 32px;background:var(--g18);color:var(--j68);border:none;border-radius:var(--t15);font-size:16px;font-weight:700;cursor:pointer}
.gk-list{padding:12px 32px;background:var(--v96);color:var(--j21);border:none;border-radius:var(--t15);font-size:14px;cursor:pointer;margin-left:12px}
._4cegd{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}
.xz-unit{display:flex;align-items:center;gap:20px;padding:30px 0}
.rp-pill{width:80px;height:80px;border-radius:50%;border:3px solid var(--g18);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;background:var(--v96)}
.zt-wrap h1{font-size:22px;margin-bottom:4px}
.zt-wrap .sl-foot{font-size:12px;background:var(--g18);color:var(--j68);padding:3px 8px;border-radius:4px;font-weight:600}
.zt-chip{display:flex;gap:24px;padding:16px 0;font-size:14px}
.zt-chip .pn-tag{font-size:20px;font-weight:700;color:var(--g18)}
.vw-col{background:linear-gradient(135deg,var(--y21),var(--v96));border:1px solid var(--g18);border-radius:var(--g2);padding:24px;margin:12px 0}
.vw-col h3{color:var(--g18);margin-bottom:12px}
.vw-col ul{list-style:none;padding:0}
.vw-col li{padding:6px 0;font-size:13px;color:#ccc}
.vw-col li::before{content:'✓';color:var(--g18);margin-right:8px}
@media(max-width:768px){
.dk-card{grid-template-columns:1fr;grid-template-rows:auto}
.dk-card ._nmwop{grid-row:auto}
.z4g8k1{grid-template-columns:repeat(2,1fr)}
.a7t6o7{grid-template-columns:1fr 1fr}
._ke5p3{grid-template-columns:repeat(2,1fr)}
nav{display:none}
._4cegd{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
.z4g8k1{grid-template-columns:1fr}
.a7t6o7{grid-template-columns:1fr}
._ke5p3{grid-template-columns:1fr}
.xz-unit{flex-direction:column;text-align:center}
}