:root{--t50:#facc15;--z45:#111111;--j18:#1a1a1a;--q98:#222222;--g90:#ffffff;--x12:#999999;--z26:12px;--j19:8px;--w56:1200px;--m6:16px}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--z45);color:var(--g90);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;min-height:100vh}
a{color:var(--g90);text-decoration:none;transition:color .2s}
a:hover{color:var(--t50)}
img{max-width:100%;height:auto;display:block}
.tx-slot{max-width:var(--w56);margin:0 auto;padding:0 var(--m6)}
header{background:var(--j18);border-bottom:2px solid var(--t50);position:sticky;top:0;z-index:1000}
.cy-foot{display:flex;align-items:center;justify-content:space-between;padding:12px var(--m6);max-width:var(--w56);margin:0 auto}
.sl-wrap{font-size:24px;font-weight:900;color:var(--t50);letter-spacing:-1px}
.sl-wrap span{color:var(--g90)}
nav{display:flex;gap:20px;align-items:center}
nav a{font-size:14px;padding:6px 12px;border-radius:var(--j19)}
nav a:hover{background:var(--q98)}
.gk-box{background:var(--t50)!important;color:var(--z45)!important;font-weight:700}
._z3dup{position:relative;padding:30px 0}
._a4kza{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:200px 200px;gap:12px}
._a4kza .qr-area{grid-row:1/3;position:relative;border-radius:var(--z26);overflow:hidden}
._a4kza ._rks1j{position:relative;border-radius:var(--z26);overflow:hidden}
.w4l3v9{width:100%;height:100%;object-fit:cover}
.hp-zone{position:absolute;top:12px;left:12px;background:var(--t50);color:var(--z45);font-size:12px;font-weight:700;padding:3px 8px;border-radius:4px}
.v3q7t3{position:absolute;bottom:0;left:0;right:0;padding:15px;background:linear-gradient(transparent,rgba(0,0,0,.85))}
._cbgb0{font-size:14px;font-weight:600;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jm-item{font-size:12px;color:var(--x12);display:flex;gap:10px;align-items:center}
.jm-item .gk-row{color:var(--t50)}
.sl-unit{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-top:30px}
.sl-unit h2{font-size:20px;font-weight:700}
.sl-unit h2 span{color:var(--t50)}
.sl-unit a{font-size:13px;color:var(--x12)}
.y4c5w2{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bw-list{background:var(--j18);border-radius:var(--j19);overflow:hidden;transition:transform .2s}
.bw-list:hover{transform:translateY(-3px)}
._yl5ge{position:relative;padding-top:56.25%;overflow:hidden}
._yl5ge img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
._yl5ge .tx-list{position:absolute;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}
.bw-list:hover .tx-list{opacity:1}
._m52zl{width:40px;height:40px;background:var(--t50);border-radius:50%;display:flex;align-items:center;justify-content:center}
._m52zl::after{content:'';border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent var(--z45);margin-left:3px}
.xz-list{position:absolute;bottom:8px;left:8px;display:flex;gap:4px}
.xz-list span{font-size:10px;background:rgba(0,0,0,.7);padding:2px 6px;border-radius:3px}
.xz-list .t3q2a5{background:var(--t50);color:var(--z45)}
._7i63g{padding:12px}
._7i63g h3{font-size:13px;font-weight:500;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
._7i63g .dk-pan{font-size:11px;color:var(--x12);display:flex;gap:8px}
.v9m4s6{background:var(--j18);border-radius:var(--z26);padding:20px;margin:30px 0}
.v9m4s6 h3{font-size:16px;margin-bottom:12px}
._oe4x5{display:flex;gap:10px;flex-wrap:wrap}
.bx-pan{padding:10px 20px;border-radius:var(--j19);border:1px solid var(--q98);background:var(--q98);font-size:13px;cursor:pointer;transition:all .2s}
.route-btn.active{border-color:var(--t50);background:rgba(250,204,21,.1);color:var(--t50)}
.bx-pan .u6q7m9{color:#22c55e;font-size:11px;margin-left:6px}
.x7h4c1{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.f5i9i9{background:var(--j18);border-radius:var(--z26);padding:20px;text-align:center;transition:transform .2s}
.f5i9i9:hover{transform:translateY(-3px)}
.bx-chip{width:64px;height:64px;border-radius:50%;border:3px solid var(--t50);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:22px;font-weight:700;background:var(--q98)}
.f5i9i9 .r3u4x7{font-size:15px;font-weight:600;margin-bottom:4px}
.f5i9i9 .wd-col{font-size:11px;color:var(--t50);background:rgba(250,204,21,.1);padding:2px 8px;border-radius:10px;display:inline-block;margin-bottom:8px}
.f5i9i9 ._6eehl{display:flex;justify-content:center;gap:16px;font-size:12px;color:var(--x12)}
.h7w8d4{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0}
.h7w8d4 a{padding:10px 18px;background:var(--j18);border-radius:var(--j19);font-size:13px;border:1px solid var(--q98);transition:all .2s}
.h7w8d4 a:hover,.h7w8d4 a.active{border-color:var(--t50);color:var(--t50);background:rgba(250,204,21,.05)}
.r8n4j6{background:var(--j18);border-radius:var(--z26);padding:20px}
._cyvm6{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--q98)}
._cyvm6:last-child{border-bottom:none}
._9n6yk{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--q98)}
._cyvm6:nth-child(-n+3) ._9n6yk{background:var(--t50);color:var(--z45)}
.qr-row{flex:1;font-size:13px}
.j5y8n8{font-size:12px;color:var(--x12)}
._qx593{background:var(--j18);border-radius:var(--z26);padding:24px;text-align:center;margin:30px 0}
._qx593 ._rpwx0{display:flex;justify-content:center;gap:40px;margin-top:12px}
._qx593 .y9r9p8 .e1w7l8{font-size:32px;font-weight:900;color:var(--t50)}
._qx593 .y9r9p8 .z1v9d6{font-size:12px;color:var(--x12);margin-top:4px}
@keyframes countup{0%{opacity:.7}50%{opacity:1}100%{opacity:.7}}
._qx593 .e1w7l8{animation:countup 2s infinite}
.sl-head{background:var(--j18);border-radius:var(--j19);padding:12px 16px;overflow:hidden;height:36px;position:relative;margin:20px 0}
._5n7oy{animation:scrollUp 20s linear infinite}
@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}
._zos3v{height:36px;line-height:36px;font-size:13px;color:var(--t50);white-space:nowrap}
._q0iwc{margin:30px 0}
.mv-body{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--q98)}
.mv-body:last-child{border-bottom:none}
._jxw0s{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}
.p3w4h7{flex:1}
.mv-slot{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.cy-unit{font-size:13px;font-weight:600}
.vw-chip{font-size:11px;color:var(--x12)}
._hrk9u{font-size:13px;color:#ccc;line-height:1.5}
.u1f1i8{display:flex;gap:12px;margin-top:6px;font-size:11px;color:var(--x12)}
._7uyfo{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--x12);padding:10px 0}
.qr-grid{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(--j18);border-top:1px solid var(--q98);padding:30px 0;margin-top:40px}
._hwumr{max-width:var(--w56);margin:0 auto;padding:0 var(--m6);display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.z1f3w8 h4{font-size:14px;margin-bottom:12px;color:var(--t50)}
.z1f3w8 a{display:block;font-size:12px;color:var(--x12);margin-bottom:6px}
.j6o3w2{text-align:center;padding:16px;font-size:11px;color:var(--x12);border-top:1px solid var(--q98);margin-top:20px}
._u71hi{padding:12px 0;font-size:12px;color:var(--x12)}
._u71hi a{color:var(--x12)}
._u71hi span{margin:0 6px}
.q8h6w4{background:#000;border-radius:var(--z26);overflow:hidden;position:relative;padding-top:56.25%;margin:20px 0}
._c9ftu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
._c9ftu img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}
.jm-area{position:absolute;width:72px;height:72px;background:var(--t50);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(250,204,21,.3)}
.jm-area::after{content:'';border-style:solid;border-width:14px 0 14px 24px;border-color:transparent transparent transparent var(--z45);margin-left:4px}
.pn-head{display:flex;flex-wrap:wrap;gap:16px;padding:16px 0;font-size:13px;color:var(--x12)}
.pn-head ._avj2w{display:flex;align-items:center;gap:4px}
._zezsw{display:flex;align-items:center;gap:8px;padding:16px;background:var(--j18);border-radius:var(--j19);margin:16px 0}
.i8o1y1{color:var(--t50);font-size:20px}
._bq1a5{font-size:24px;font-weight:900;color:var(--t50)}
.b3a9q6{font-size:12px;color:var(--x12)}
.bx-area{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}
.bx-area a{padding:4px 12px;background:var(--q98);border-radius:20px;font-size:12px}
.bx-area a:hover{background:var(--t50);color:var(--z45)}
._7do7z{border-left:3px solid var(--t50);padding:12px 16px;background:var(--j18);border-radius:0 var(--j19) var(--j19) 0;margin:12px 0}
.f9a1z9{font-size:10px;background:var(--t50);color:var(--z45);padding:2px 6px;border-radius:3px;font-weight:700}
.u9n8c4{position:fixed;inset:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:9999}
.vw-zone{background:var(--j18);border:2px solid var(--t50);border-radius:var(--z26);padding:40px;text-align:center;max-width:400px}
.vw-zone h2{color:var(--t50);font-size:24px;margin-bottom:16px}
.vw-zone p{font-size:14px;color:var(--x12);margin-bottom:24px}
.b1b6r8{padding:12px 32px;background:var(--t50);color:var(--z45);border:none;border-radius:var(--j19);font-size:16px;font-weight:700;cursor:pointer}
.x6a2x7{padding:12px 32px;background:var(--q98);color:var(--g90);border:none;border-radius:var(--j19);font-size:14px;cursor:pointer;margin-left:12px}
.i5q8l8{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}
.bx-tag{display:flex;align-items:center;gap:20px;padding:30px 0}
.hp-col{width:80px;height:80px;border-radius:50%;border:3px solid var(--t50);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;background:var(--q98)}
.vw-pill h1{font-size:22px;margin-bottom:4px}
.vw-pill .m4w2f7{font-size:12px;background:var(--t50);color:var(--z45);padding:3px 8px;border-radius:4px;font-weight:600}
._3q7cf{display:flex;gap:24px;padding:16px 0;font-size:14px}
._3q7cf .zt-unit{font-size:20px;font-weight:700;color:var(--t50)}
.v8y3v6{background:linear-gradient(135deg,var(--j18),var(--q98));border:1px solid var(--t50);border-radius:var(--z26);padding:24px;margin:12px 0}
.v8y3v6 h3{color:var(--t50);margin-bottom:12px}
.v8y3v6 ul{list-style:none;padding:0}
.v8y3v6 li{padding:6px 0;font-size:13px;color:#ccc}
.v8y3v6 li::before{content:'✓';color:var(--t50);margin-right:8px}
@media(max-width:768px){
._a4kza{grid-template-columns:1fr;grid-template-rows:auto}
._a4kza .qr-area{grid-row:auto}
.y4c5w2{grid-template-columns:repeat(2,1fr)}
.x7h4c1{grid-template-columns:1fr 1fr}
._hwumr{grid-template-columns:repeat(2,1fr)}
nav{display:none}
.i5q8l8{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
.y4c5w2{grid-template-columns:1fr}
.x7h4c1{grid-template-columns:1fr}
._hwumr{grid-template-columns:1fr}
.bx-tag{flex-direction:column;text-align:center}
}