:root{--t54:#22c55e;--z54:#ef4444;--y7:#f8fafc;--m92:#ffffff;--b87:#1e293b;--u7:#64748b;--x88:#e2e8f0;--v90:16px;--w50:16px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--y7);color:var(--b87);line-height:1.6;min-height:100vh}
a{color:inherit;text-decoration:none;transition:color .2s}
a:hover{color:var(--t54)}
img{max-width:100%;height:auto;display:block}

.jm-cell{max-width:1280px;margin:0 auto;padding:0 var(--w50)}
.zt-note{display:flex;align-items:center}
._kqnxg{display:flex;flex-direction:column}
.gap-sm{gap:8px}
.gap-md{gap:var(--w50)}

header{background:var(--m92);border-bottom:1px solid var(--x88);position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}
.u4w7g1{display:flex;align-items:center;justify-content:space-between;padding:12px 0;max-width:1280px;margin:0 auto;padding-left:var(--w50);padding-right:var(--w50)}
._stoy2{font-size:1.5rem;font-weight:800;color:var(--t54)}
._stoy2 span{color:var(--z54)}
.e4e3o7{display:flex;gap:24px;font-size:.9rem;font-weight:500}
.e4e3o7 a{padding:6px 12px;border-radius:8px;transition:background .2s}
.e4e3o7 a:hover{background:#f0fdf4}

.nf-card{background:linear-gradient(90deg,#f0fdf4,#fef2f2,#f0fdf4);overflow:hidden;height:36px;display:flex;align-items:center;border-bottom:1px solid var(--x88)}
._10bg4{display:flex;animation:tickScroll 40s linear infinite;white-space:nowrap}
.mv-area{padding:0 32px;font-size:.82rem;color:var(--u7)}
.mv-area strong{color:var(--t54)}
@keyframes tickScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.dk-pan{margin:24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--w50)}
.fn-col{background:var(--m92);border-radius:var(--v90);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);position:relative;transition:transform .2s,box-shadow .2s}
.fn-col:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}
.e8p2t3{width:100%;height:180px;object-fit:cover}
._6g3se{position:absolute;top:12px;right:12px;background:var(--z54);color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:6px}
.z5x5w7{padding:16px}
.z5x5w7 h3{font-size:1rem;margin-bottom:6px;line-height:1.4}
.z5x5w7 p{font-size:.82rem;color:var(--u7);line-height:1.5}
.x1e6q7{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:.75rem;color:var(--z54);font-weight:600}

.hp-slot{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}
._nrlj3{padding:8px 18px;border-radius:20px;font-size:.85rem;background:var(--m92);border:1px solid var(--x88);cursor:pointer;transition:all .2s;font-weight:500}
._nrlj3:hover,.filter-btn.active{background:var(--t54);color:#fff;border-color:var(--t54)}

.x6h2g2{column-count:3;column-gap:var(--w50);margin:24px 0}
.l1w6z3{break-inside:avoid;margin-bottom:var(--w50);background:var(--m92);border-radius:var(--v90);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}
.l1w6z3:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.1)}
.qr-box{width:100%;object-fit:cover}
.j2r6j8{padding:14px}
.j2r6j8 h4{font-size:.92rem;font-weight:700;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cy-list{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;margin-bottom:8px}
.wf-tag.h7w6g4{background:#dcfce7;color:#16a34a}
.wf-tag.cy-pill{background:#fef3c7;color:#d97706}
.wf-tag.tx-box{background:#fee2e2;color:#dc2626}
.wf-tag.xz-line{background:#e0e7ff;color:#4f46e5}
.lq-zone{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--x88)}
._jw0s9{display:flex;align-items:center;gap:6px}
._iy81b{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0}
._jw0s9 span{font-size:.75rem;color:var(--u7)}
.vw-grid{display:flex;gap:10px;font-size:.72rem;color:var(--u7)}
.vw-grid i{margin-right:2px}

._emf6s{background:var(--m92);border-radius:var(--v90);padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:var(--w50)}
._emf6s h3{font-size:1rem;font-weight:700;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--t54)}
._rkh4w{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--x88)}
._rkh4w:last-child{border-bottom:none}
.qr-body{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;flex-shrink:0}
.wd-body{flex:1}
.wd-body .k8v5z3{font-size:.85rem;font-weight:600}
.wd-body .u3c3d2{font-size:.7rem;color:var(--t54);background:#f0fdf4;padding:1px 6px;border-radius:3px;margin-left:6px}
.wd-body .jm-area{font-size:.72rem;color:var(--u7);margin-top:3px}

._4bjvt{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
._vz01k{padding:6px 14px;border-radius:20px;font-size:.8rem;background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;transition:all .2s}
._vz01k:hover{background:var(--t54);color:#fff}
._vz01k .cy-slot{font-size:.68rem;color:var(--u7);margin-left:4px}

.nf-foot{background:var(--m92);border-radius:var(--v90);padding:24px;margin:24px 0;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.nf-foot h3{font-size:1.1rem;font-weight:700;margin-bottom:20px}
.o6i8i8{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--x88)}
.o6i8i8:last-child{border-bottom:none}
.bw-list{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}
.zt-tag{flex:1}
.q6v9y3{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.q6v9y3 ._wv3gf{font-size:.82rem;font-weight:600}
.q6v9y3 .xz-grid{font-size:.72rem;color:var(--u7)}
.nf-zone{font-size:.85rem;line-height:1.6;color:#374151}
.jm-mark{display:flex;gap:16px;margin-top:6px;font-size:.72rem;color:var(--u7)}

.wd-unit{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:var(--v90);margin:20px 0;font-size:.85rem;color:var(--u7)}
.nf-pan{width:8px;height:8px;border-radius:50%;background:var(--t54);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}

.a3l8v1{position:fixed;bottom:20px;left:20px;z-index:999;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.fn-note{background:var(--m92);border:1px solid var(--x88);border-radius:12px;padding:10px 16px;font-size:.78rem;box-shadow:0 4px 12px rgba(0,0,0,.1);animation:bubbleIn 4s ease forwards;opacity:0}
@keyframes bubbleIn{0%{opacity:0;transform:translateX(-20px)}10%{opacity:1;transform:translateX(0)}80%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}

footer{background:#1e293b;color:#94a3b8;padding:40px 0 20px;margin-top:40px}
.l2m1c3{max-width:1280px;margin:0 auto;padding:0 var(--w50)}
.o1a7n6{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-bottom:32px}
._wa5fj h4{color:#f8fafc;font-size:.9rem;margin-bottom:12px}
._wa5fj a{display:block;font-size:.8rem;padding:3px 0;color:#94a3b8;transition:color .2s}
._wa5fj a:hover{color:var(--t54)}
.nf-tag{text-align:center;padding-top:20px;border-top:1px solid #334155;font-size:.75rem}

._7wc22{font-size:.8rem;color:var(--u7);padding:16px 0;display:flex;gap:8px;flex-wrap:wrap}
._7wc22 a{color:var(--t54)}
._7wc22 span{color:var(--u7)}

.hp-pill{margin:24px 0}
.hp-pill h1{font-size:1.6rem;font-weight:800;margin-bottom:12px;line-height:1.4}
.xz-area{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.xz-area .jm-list{color:var(--z54);font-weight:700;font-size:.9rem}
.xz-area .u8f6o4{font-size:.82rem;color:var(--u7)}

.mv-tag{background:#fffbeb;border-left:4px solid #f59e0b;border-radius:0 12px 12px 0;padding:16px 20px;margin:20px 0;font-size:.88rem;line-height:1.7}
.mv-tag strong{color:#d97706}

.v8o3o2{width:100%;border-radius:var(--v90);margin:20px 0}
.g5j4q4{background:var(--m92);border-radius:var(--v90);padding:20px;margin:20px 0;border:1px solid var(--x88)}
.g5j4q4 h4{font-size:.95rem;margin-bottom:10px;color:var(--t54)}

.gk-card{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--w50);margin:24px 0}
.x5w5u5{background:var(--m92);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .2s}
.x5w5u5:hover{transform:translateY(-3px)}
.x5w5u5 img{width:100%;height:120px;object-fit:cover}
.x5w5u5 ._kdsud{padding:10px}
.x5w5u5 ._kdsud h5{font-size:.82rem;font-weight:600;line-height:1.4}

.vw-slot{background:var(--m92);border-radius:var(--v90);padding:24px;margin:20px 0}
.nf-flow{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--x88)}
.nf-flow:last-child{border-bottom:none}
._kpbdq{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;color:#fff;flex-shrink:0}
.rank-num.p2v8c3{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.rank-num.i4a5n7{background:linear-gradient(135deg,#6366f1,#8b5cf6)}
.rank-num._6zxh2{background:linear-gradient(135deg,#06b6d4,#22c55e)}
.rank-num._p097y{background:#94a3b8}
._2piu5{flex:1}
._2piu5 h4{font-size:.88rem;font-weight:600}
._2piu5 ._wf50q{font-size:.75rem;color:var(--u7);margin-top:2px}
.gk-item{font-size:.8rem;font-weight:700;color:var(--z54)}

._m9nm7{font-size:1.4rem;font-weight:800;margin:24px 0 16px;padding-bottom:12px;border-bottom:2px solid var(--t54)}
.fn-pill{font-size:.9rem;color:var(--u7);line-height:1.7;margin-bottom:20px}
.n4c1t8{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.n4c1t8 .mv-chip{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;border:2px solid var(--m92);box-shadow:0 2px 4px rgba(0,0,0,.1)}

.bw-foot{text-align:center;padding:40px 20px;background:var(--m92);border-radius:var(--v90);margin:24px 0}
.bw-foot ._xkdrj{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;margin:0 auto 16px}
.bw-foot h2{font-size:1.2rem;margin-bottom:6px}
.bw-foot .bw-note{font-size:.85rem;color:var(--u7);margin-bottom:16px}
.lq-row{display:flex;justify-content:center;gap:32px}
.lq-row ._7o3cy{text-align:center}
.lq-row ._7o3cy ._1l7qw{font-size:1.1rem;font-weight:700;color:var(--t54)}
.lq-row ._7o3cy .c9b3b3{font-size:.72rem;color:var(--u7)}

._q9tm1{background:var(--m92);border-radius:12px;padding:20px;margin-bottom:12px;border:1px solid var(--x88)}
._q9tm1 h4{font-size:.95rem;font-weight:700;margin-bottom:8px;color:var(--t54)}
._q9tm1 p{font-size:.85rem;color:var(--u7);line-height:1.7}

@media(max-width:1024px){.x6h2g2{column-count:2}.dk-pan{grid-template-columns:1fr 1fr}.o1a7n6{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.x6h2g2{column-count:2}.dk-pan{grid-template-columns:1fr}.e4e3o7{display:none}.o1a7n6{grid-template-columns:1fr}.u4w7g1{padding:10px var(--w50)}}
@media(max-width:480px){.x6h2g2{column-count:1}.dk-pan{grid-template-columns:1fr}.hp-slot{gap:8px}._nrlj3{padding:6px 12px;font-size:.78rem}.lq-row{gap:16px}}