body.hv2{background:#07070a}
body.hv2 #root{display:none!important}
#home-v2{--hbg:#07070a;--hcard:#121218;--hline:rgba(255,255,255,.08);--htext:#f6f6f8;--hmuted:#8d8d99;--hgold:#e8c07a;--hpad:16px;--hheader:56px;--hsafe:env(safe-area-inset-bottom,0px);background:var(--hbg);color:var(--htext);min-height:100vh;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
#home-v2.light{--hbg:#f4f4f7;--hcard:#fff;--hline:rgba(0,0,0,.08);--htext:#15151a;--hmuted:#6f6f7c;--hgold:#b07f3f}
#home-v2 *{box-sizing:border-box}
#home-v2 a{color:inherit;text-decoration:none}
#home-v2 img{display:block;max-width:100%}
#home-v2 button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.hv-top{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--hheader);display:flex;align-items:center;justify-content:space-between;padding:0 var(--hpad);border-bottom:1px solid transparent;transition:background .25s,backdrop-filter .25s,border-color .25s}
.hv-top.on{background:rgba(7,7,10,.72);backdrop-filter:blur(18px) saturate(140%);border-bottom-color:var(--hline)}
#home-v2.light .hv-top.on{background:rgba(244,244,247,.82)}
.hv-brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;letter-spacing:.4px}
.hv-brand img{width:28px;height:28px;border-radius:8px;object-fit:cover}
.hv-tools{display:flex;align-items:center;gap:8px}
.hv-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid var(--hline)}
#home-v2.light .hv-icon{background:rgba(0,0,0,.04)}
.hv-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
.hv-langwrap{position:relative}
.hv-menu{position:absolute;right:0;top:44px;min-width:128px;padding:6px;border-radius:14px;background:var(--hcard);border:1px solid var(--hline);box-shadow:0 16px 40px rgba(0,0,0,.35);display:none;z-index:60}
.hv-menu.open{display:block}
.hv-menu button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:9px;font-size:13px}
.hv-menu button.on{color:var(--hgold);font-weight:800}
.hv-age{font-size:11px;font-weight:800;color:#ffd9a0;padding:4px 7px;border-radius:8px;background:rgba(232,192,122,.12);border:1px solid rgba(232,192,122,.35)}
#home-v2.light .hv-age{color:#8a5a1e;background:rgba(176,127,63,.12);border-color:rgba(176,127,63,.35)}
.hv-hero{position:relative;min-height:64vh;max-height:600px;display:flex;align-items:flex-end;overflow:hidden}
.hv-bg{position:absolute;inset:0;background-size:cover;background-position:center 18%;transform:scale(1.04)}
.hv-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,10,.32),rgba(7,7,10,.05) 32%,rgba(7,7,10,.72) 70%,var(--hbg)),linear-gradient(90deg,rgba(7,7,10,.55),transparent 62%)}
#home-v2.light .hv-shade{background:linear-gradient(180deg,rgba(244,244,247,.25),rgba(244,244,247,0) 30%,rgba(244,244,247,.75) 68%,var(--hbg)),linear-gradient(90deg,rgba(244,244,247,.5),transparent 60%)}
.hv-inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;padding:0 var(--hpad) 22px}
.hv-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#ffd9a0;background:rgba(255,93,122,.14);border:1px solid rgba(255,93,122,.4);padding:5px 9px;border-radius:999px;margin-bottom:12px}
#home-v2.light .hv-tag{color:#b3435b;background:rgba(255,93,122,.1)}
.hv-title{font-size:clamp(28px,7.6vw,54px);line-height:1.08;margin:0 0 12px;font-weight:850;letter-spacing:-.5px;text-shadow:0 6px 30px rgba(0,0,0,.5)}
#home-v2.light .hv-title{color:#111;text-shadow:0 6px 24px rgba(255,255,255,.5)}
.hv-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#d8d8e0;font-size:12px;margin-bottom:16px}
#home-v2.light .hv-meta{color:#333}
.hv-meta span{padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09)}
#home-v2.light .hv-meta span{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.07)}
.hv-meta .hot{color:#ffb0be;background:rgba(255,93,122,.16);border-color:rgba(255,93,122,.35)}
#home-v2.light .hv-meta .hot{color:#b3435b;background:rgba(255,93,122,.12);border-color:rgba(255,93,122,.3)}
.hv-meta .st{color:#9fe6c1;background:rgba(60,200,140,.14);border-color:rgba(60,200,140,.3)}
.hv-meta .st.end{color:#c9c9d4;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
#home-v2.light .hv-meta .st{color:#1f7a55;background:rgba(46,180,120,.14);border-color:rgba(46,180,120,.35)}
#home-v2.light .hv-meta .st.end{color:#4a4a55;background:rgba(0,0,0,.07);border-color:rgba(0,0,0,.1)}
.hv-actions{display:flex;gap:10px;flex-wrap:wrap}
.hv-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:700}
.hv-btn.primary{background:linear-gradient(135deg,#f3d49a,var(--hgold) 45%,#c99a55);color:#1a1206;box-shadow:0 10px 26px rgba(212,165,116,.3)}
.hv-btn.ghost{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
#home-v2.light .hv-btn.ghost{border-color:rgba(0,0,0,.16);background:rgba(0,0,0,.04)}
.hv-chips{position:sticky;top:var(--hheader);z-index:30;display:flex;gap:8px;overflow-x:auto;padding:12px var(--hpad) 10px;background:linear-gradient(180deg,var(--hbg) 72%,rgba(7,7,10,.86));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.04);scrollbar-width:none}
#home-v2.light .hv-chips{background:linear-gradient(180deg,var(--hbg) 72%,rgba(244,244,247,.9))}
.hv-chips::-webkit-scrollbar{display:none}
.hv-chip{flex:none;font-size:13px;padding:8px 14px;border-radius:999px;background:var(--hcard);border:1px solid var(--hline);color:#cfcfd8;white-space:nowrap}
#home-v2.light .hv-chip{color:#4a4a55}
.hv-chip.on{background:#f6f6f8;color:#0a0a0d;border-color:#f6f6f8;font-weight:800}
#home-v2.light .hv-chip.on{background:#15151a;color:#fff;border-color:#15151a}
.hv-main{max-width:1180px;margin:0 auto;padding-bottom:calc(88px + var(--hsafe))}
.hv-block{padding:16px var(--hpad) 4px}
.hv-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.hv-head h2{font-size:17px;margin:0;font-weight:800}
.hv-head .more{font-size:12px;color:var(--hmuted)}
.hv-head .more b{color:var(--hgold);font-weight:800}
.hv-ranks{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;scrollbar-width:none}
.hv-ranks::-webkit-scrollbar{display:none}
.hv-rank{flex:none;width:118px;scroll-snap-align:start}
.hv-rank .p{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:var(--hcard);border:1px solid var(--hline)}
.hv-rank .p img{width:100%;height:100%;object-fit:cover}
.hv-rank .no{position:absolute;left:6px;top:6px;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:900;color:#1a1206;background:linear-gradient(135deg,#f7dfae,var(--hgold))}
.hv-rank .nm{margin-top:8px;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-rank .sub{font-size:11px;color:var(--hmuted);margin-top:2px}
.hv-promo{margin:18px var(--hpad);padding:16px;border-radius:18px;display:flex;align-items:center;gap:12px;background:radial-gradient(120% 160% at 100% 0,rgba(232,192,122,.28),transparent 60%),linear-gradient(135deg,#1b1610,#12100c);border:1px solid rgba(232,192,122,.35)}
#home-v2.light .hv-promo{background:linear-gradient(135deg,#fff7e6,#fffdf8);border-color:rgba(176,127,63,.35)}
.hv-promo .ico{font-size:22px}
.hv-promo .txt{flex:1;min-width:0}
.hv-promo .txt b{display:block;font-size:14px;color:#ffe6b8}
#home-v2.light .hv-promo .txt b{color:#8a5a1e}
.hv-promo .txt span{display:block;font-size:11.5px;color:#c9b08a;margin-top:3px}
#home-v2.light .hv-promo .txt span{color:#9c7c4c}
.hv-promo .btn{flex:none;font-size:12.5px;font-weight:800;color:#1a1206;background:linear-gradient(135deg,#f7dfae,var(--hgold));padding:9px 14px;border-radius:999px}
.hv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.hv-card .p{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:var(--hcard);border:1px solid var(--hline)}
.hv-card .p img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.hv-card:active .p img{transform:scale(1.04)}
.hv-card .badge{position:absolute;left:8px;top:8px;font-size:10.5px;font-weight:700;padding:3px 7px;border-radius:7px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);color:#e9e9f0}
.hv-card .st{position:absolute;right:8px;top:8px;font-size:10px;font-weight:800;padding:3px 7px;border-radius:7px}
.hv-card .st.up{color:#9fe6c1;background:rgba(20,60,45,.55);border:1px solid rgba(60,200,140,.35)}
.hv-card .st.end{color:#cfd3da;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.18)}
#home-v2.light .hv-card .badge{background:rgba(255,255,255,.88);color:#333;border-color:rgba(0,0,0,.1)}
#home-v2.light .hv-card .st.end{color:#4a4a55;background:rgba(255,255,255,.88);border-color:rgba(0,0,0,.1)}
#home-v2.light .hv-card .st.up{color:#1f7a55;background:rgba(235,255,245,.92);border-color:rgba(46,180,120,.35)}
.hv-card .views{position:absolute;right:8px;bottom:8px;font-size:10.5px;color:#ffd9a0;background:rgba(0,0,0,.5);padding:3px 6px;border-radius:7px}
#home-v2.light .hv-card .views{color:#8a5a1e;background:rgba(255,255,255,.88)}
.hv-card .tt{margin-top:8px;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-card .mm{font-size:11px;color:var(--hmuted);margin-top:3px}
.hv-dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:space-around;align-items:center;height:calc(56px + var(--hsafe));padding-bottom:var(--hsafe);background:rgba(10,10,14,.86);backdrop-filter:blur(20px);border-top:1px solid var(--hline)}
#home-v2.light .hv-dock{background:rgba(255,255,255,.92);border-top-color:rgba(0,0,0,.08)}
.hv-dock a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:#8f8f9b}
#home-v2.light .hv-dock a{color:#6d6d78}
.hv-dock svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}
.hv-dock a.on{color:var(--hgold)}
.hv-gate{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.82);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}
.hv-gate .box{width:100%;max-width:340px;background:#141418;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px;text-align:center;color:#f2f2f5}
.hv-gate .box .ico{font-size:28px}
.hv-gate .box h3{margin:10px 0 8px;font-size:17px}
.hv-gate .box p{margin:0 0 18px;font-size:12.5px;color:#9a9aa6;line-height:1.7}
.hv-gate .box .row{display:flex;gap:10px}
.hv-gate .box .row button{flex:1;height:40px;border-radius:999px;font-size:13px;font-weight:700}
.hv-gate .box .ok{background:linear-gradient(135deg,#f3d49a,var(--hgold));color:#1a1206}
.hv-gate .box .no{border:1px solid rgba(255,255,255,.2);color:#c9c9d4}
@media (min-width:700px){#home-v2{--hpad:28px;--hheader:64px}.hv-hero{min-height:520px;max-height:560px}.hv-grid{grid-template-columns:repeat(4,1fr);gap:16px}.hv-rank{width:150px}}
@media (min-width:1000px){.hv-grid{grid-template-columns:repeat(5,1fr)}.hv-dock{display:none}.hv-main{padding-bottom:40px}.hv-hero{min-height:560px}}

.hv-nav{display:none;align-items:center;gap:26px;margin-left:10px}
.hv-nav a{font-size:14px;font-weight:600;color:var(--hmuted);position:relative;padding:4px 0}
.hv-nav a.on{color:var(--htext);font-weight:800}
.hv-nav a.on::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:var(--hgold)}
@media (min-width:1000px){.hv-nav{display:flex}}

.hv-top::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0))}
#home-v2.light .hv-top::after{background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0))}

/* badge-fix */
.hv-card .badge{background:rgba(8,10,14,.84);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px rgba(0,0,0,.35);white-space:nowrap}
.hv-card .st{background:rgba(8,10,14,.88);border:1px solid rgba(255,255,255,.22);box-shadow:0 2px 8px rgba(0,0,0,.35);white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.45);backdrop-filter:blur(6px)}
.hv-card .st.up{background:rgba(10,40,28,.9);border-color:rgba(60,200,140,.45);color:#a9f0cc}
.hv-card .st.end{background:rgba(10,12,17,.9);border-color:rgba(255,255,255,.24);color:#eceef4}
#home-v2.light .hv-card .badge{background:rgba(255,255,255,.94);color:#2c2c36;border-color:rgba(0,0,0,.12);box-shadow:0 2px 8px rgba(0,0,0,.12)}
#home-v2.light .hv-card .st.up{background:rgba(238,255,247,.96);border-color:rgba(46,180,120,.45);color:#17724e}
#home-v2.light .hv-card .st.end{background:rgba(255,255,255,.96);border-color:rgba(0,0,0,.14);color:#3a3a44;text-shadow:none}

/* hero-meta-fix */
.hv-meta span{background:rgba(10,12,16,.62);border:1px solid rgba(255,255,255,.22);color:#f4f4f8;backdrop-filter:blur(8px);text-shadow:0 1px 2px rgba(0,0,0,.5)}
#home-v2.light .hv-meta span{background:rgba(255,255,255,.94);border-color:rgba(0,0,0,.1);color:#23232b;text-shadow:none}
.hv-meta .st.up{background:rgba(12,54,38,.85);border-color:rgba(60,200,140,.5);color:#b7f5d6;text-shadow:none}
.hv-meta .st.end{background:rgba(14,16,22,.88);border-color:rgba(255,255,255,.26);color:#efeef6;text-shadow:none}
#home-v2.light .hv-meta .st.up{background:rgba(236,255,248,.96);border-color:rgba(46,180,120,.45);color:#126b49}
#home-v2.light .hv-meta .st.end{background:rgba(255,255,255,.96);border-color:rgba(0,0,0,.14);color:#3a3a44}

/* grid-fix: 防止标题撑宽列导致右侧溢出 */
.hv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hv-card{min-width:0}
.hv-card .tt{min-width:0;max-width:100%}
@media (min-width:700px){.hv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1000px){.hv-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

.hv-morewrap{display:flex;justify-content:center;padding:20px 0 8px}
.hv-more{padding:11px 26px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:var(--htext);font-size:13px;font-weight:700}
#home-v2.light .hv-more{border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.04)}
.hv-more:disabled{cursor:default}