.rank-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:768px){.rank-grid{grid-template-columns:1fr 1fr}}
.rank-item{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 14px}
.rank-item .no{font-family:var(--heading);font-size:14px;font-weight:700;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--surface);color:var(--muted);flex-shrink:0}
.rank-item .no.r1{background:var(--accent);color:#fff}
.rank-item .no.r2{background:var(--primary);color:var(--primary_text)}
.rank-item .no.r3{background:var(--primary-soft);color:var(--primary)}
.rank-item h3{font-size:14px;font-weight:600;line-height:1.5;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank-item .heat{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--accent);white-space:nowrap}
.rank-item .heat i{font-size:14px}
.big-hero{position:relative;background:var(--dark);overflow:hidden}
.big-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(640px 320px at 12% 18%,rgba(61,11,214,.38),transparent 70%),radial-gradient(520px 300px at 88% 85%,rgba(215,0,184,.30),transparent 70%),radial-gradient(300px 200px at 60% 10%,rgba(215,0,184,.12),transparent 70%)}
.big-hero-inner{position:relative;display:grid;gap:32px;padding:48px 0;align-items:center}
@media(min-width:960px){.big-hero-inner{grid-template-columns:1.5fr 1fr;padding:64px 0}}
.bh-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--accent);border-radius:999px;padding:4px 14px;font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--accent)}
.bh-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:bhpulse 1.6s infinite}
@keyframes bhpulse{0%,100%{opacity:1}50%{opacity:.25}}
.big-hero h2{margin-top:18px;font-family:var(--heading);font-size:32px;line-height:1.4;color:#fff}
@media(min-width:768px){.big-hero h2{font-size:42px}}
.big-hero .bh-desc{margin-top:14px;max-width:560px;font-size:14px;line-height:1.9;color:rgba(255,255,255,.65)}
.bh-actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:6px;border-radius:10px;padding:11px 22px;font-size:14px;font-weight:700;background:var(--accent);color:#fff;transition:.2s}
.btn-primary:hover{opacity:.88}
.btn-ghost{display:inline-flex;align-items:center;gap:6px;border-radius:10px;padding:11px 22px;font-size:14px;font-weight:600;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);transition:.2s}
.btn-ghost:hover{background:rgba(255,255,255,.15)}
.flash-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px}
.flash-head{display:flex;align-items:center;gap:8px;font-family:var(--heading);font-size:15px;font-weight:700;color:#fff}
.flash-head i{color:#f59e0b}
.flash-list{margin-top:10px}
.flash-item{display:flex;gap:10px;padding:11px 0;border-top:1px solid rgba(255,255,255,.08)}
.flash-item:first-child{border-top:none}
.flash-item .ftag{flex-shrink:0;align-self:flex-start;font-size:11px;font-weight:700;border-radius:6px;padding:2px 8px;line-height:1.6}
.ftag.hot{background:var(--accent);color:#fff}
.ftag.warm{background:#f59e0b;color:#fff}
.ftag.excl{background:var(--primary);color:#fff}
.ftag.scoop{background:var(--primary-soft);color:var(--primary)}
.ftag.new{background:rgba(255,255,255,.12);color:var(--dark-muted)}
.flash-item .fx{min-width:0}
.flash-item .fx-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.6;color:rgba(255,255,255,.88)}
.flash-item .src{margin-top:4px;display:block;font-size:12px;color:var(--dark-muted)}
.about-grid{display:grid;gap:28px}
@media(min-width:900px){.about-grid{grid-template-columns:1.1fr 1fr;align-items:center}}
.about-body p{font-size:14px;line-height:2;color:var(--muted)}
.about-body p+p{margin-top:10px}
.about-btn{margin-top:20px;display:inline-flex;align-items:center;gap:6px;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;background:var(--primary);color:var(--primary_text);transition:.2s}
.about-btn:hover{background:var(--primary-hover)}
.about-feats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.feat{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}
.feat .ic{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:19px}
.feat h3{margin-top:10px;font-size:14px;font-weight:700;color:var(--text)}
.feat p{margin-top:4px;font-size:12px;line-height:1.7;color:var(--muted)}
.cta-box{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--primary) 0%,var(--accent) 100%);border-radius:18px;padding:44px 24px;text-align:center}
.cta-box:before{content:"";position:absolute;inset:0;background:radial-gradient(420px 200px at 85% 0%,rgba(255,255,255,.14),transparent 70%),radial-gradient(360px 220px at 10% 100%,rgba(0,0,0,.16),transparent 70%)}
.cta-box>*{position:relative}
.cta-box h2{font-family:var(--heading);font-size:26px;color:#fff}
@media(min-width:768px){.cta-box h2{font-size:32px}}
.cta-sub{margin-top:10px;font-size:14px;color:rgba(255,255,255,.85)}
.cta-form{margin:22px auto 0;display:flex;gap:8px;align-items:center;max-width:460px;background:#fff;border-radius:999px;padding:6px 6px 6px 10px}
.cta-form input{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:8px 14px;font-size:14px;color:var(--text)}
.cta-form input::placeholder{color:var(--muted)}
.cta-form button{flex-shrink:0;border:none;cursor:pointer;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:700;background:var(--dark);color:#fff;transition:.2s}
.cta-form button:hover{opacity:.88}
.cta-ok{margin:18px auto 0;max-width:460px;font-size:14px;font-weight:600;color:#fff;background:rgba(255,255,255,.18);border-radius:999px;padding:10px 18px}