:root{--brand-orange:#f86744;--brand-orange-active:#dd5535;--primary:#2b64f5;--primary-hover:#1e54e0;--primary-light:#608bf7;--primary-lighter:#95b2fa;--tag-bg:#e6eefc;--success:#1e8e3e;--warning:#ffc440;--error:#d93026;--info:#2b64f5;--text-strong:#111;--text:#333;--text-2:#555;--text-3:#888;--text-disabled:#c1c1c1;--bg-page:#f7f9fc;--bg:#fff;--fill-1:#fafafa;--fill-2:#f7f7f7;--fill-hover:#ebebeb;--row-selected:#ebf2fe;--bg-secondary:#f7f9fc;--bg-ambient:radial-gradient(110% 56% at 78% -18%, #baacff80 0%, #a06fff38 32%, #2b64f51a 58%, #f7f9fc00 80%), radial-gradient(72% 48% at -8% 6%, #98d4ff75 0%, #2b64f514 48%, #f7f9fc00 76%), radial-gradient(56% 38% at 96% 88%, #ffd6e75c 0%, #f7f9fc00 70%), radial-gradient(64% 40% at 30% 112%, #d8d0ff6b 0%, #f7f9fc00 72%);--glass-bg:#ffffffb8;--glass-border:#ffffffa6;--glass-blur:saturate(150%) blur(24px);--thead-bg:#2b64f50a;--row-hover:#2b64f50b;--row-split:#2b64f514;--border:#dedede;--border-2:#c9c9c9;--border-hover:#737373;--split:#ebebeb;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--radius-sm:2px;--radius:8px;--radius-card:12px;--radius-lg:16px;--radius-pill:500px;--fs-caption:12px;--fs-body:14px;--fs-title:16px;--fs-headline:18px;--fs-display:24px;--control-sm:24px;--control:32px;--control-lg:36px;--shadow-brand-sm:0 1px 8px 0 #2b64f51a;--shadow-brand-md:0 1px 16px 0 #2b64f521;--shadow-brand-lg:0 3px 12px -2px #0000000d,0 12px 48px -10px #2b64f51c,inset 0 0 28px #ffffff80;--shadow-brand-hover:0 6px 24px 0 #2b64f52e;--shadow-1:0 1px 4px 0 #00000021;--shadow-2:0 2px 8px 0 #00000021;--shadow-3:0 4px 16px 0 #00000036;--shadow-card:var(--shadow-brand-lg);--motion-fast:.1s;--motion-mid:.2s;--ease:cubic-bezier(.645,.045,.355,1);--header-h:56px;--content-pad:24px;--maxw:1240px;--font-base:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-base);color:var(--text);background-color:var(--bg-page);background-image:var(--bg-ambient);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);padding:0 var(--content-pad);margin:0 auto}.topnav{z-index:100;height:var(--header-h);-webkit-backdrop-filter:saturate(150%)blur(20px);backdrop-filter:saturate(150%)blur(20px);background:#ffffffdb;border-bottom:1px solid #2b64f514;align-items:center;display:flex;position:sticky;top:0}.topnav .wrap{align-items:center;gap:var(--s-8);width:100%;display:flex}.topnav .logo{flex:none;height:30px}.topnav .logo img{height:30px}.nav-menu{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.nav-item{padding:0 var(--s-4);height:var(--header-h);white-space:nowrap;font-size:var(--fs-body);color:var(--text);cursor:pointer;transition:color var(--motion-fast);border-bottom:2px solid #0000;flex:none;align-items:center;display:flex;position:relative}.nav-item:hover{color:var(--primary)}.nav-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500}.nav-item .caret{color:var(--text-3);margin-left:4px;font-size:10px}.nav-dropdown{top:var(--header-h);border-radius:var(--radius);box-shadow:var(--shadow-brand-md);min-width:160px;padding:var(--s-2) 0;background:#fff;border:1px solid #2b64f51a;display:none;position:absolute;left:0}.nav-item:hover .nav-dropdown{display:block}.nav-dropdown .grp{padding:6px var(--s-4);font-size:var(--fs-caption);color:var(--text-3)}.nav-dropdown a{padding:8px var(--s-4);font-size:var(--fs-body);color:var(--text);white-space:nowrap;display:block}.nav-dropdown a:hover{background:var(--row-selected);color:var(--primary)}.nav-right{align-items:center;gap:var(--s-4);flex:none;display:flex}.nav-search{height:var(--control);border:1px solid var(--border);border-radius:var(--radius-pill);padding:0 var(--s-2) 0 var(--s-4);width:200px;transition:border var(--motion-fast);align-items:center;display:flex}.nav-search:focus-within{border-color:var(--primary)}.nav-search input{font-size:var(--fs-body);background:0 0;border:0;outline:0;flex:1}.nav-search .ico{color:var(--text-3);cursor:pointer}.nav-user{font-size:var(--fs-body);color:var(--text-2);align-items:center;gap:var(--s-3);display:flex}.vip-badge{color:#fff;border-radius:var(--radius-pill);background:linear-gradient(90deg,#f86744,#ffa940);padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.nav-user .uname{white-space:nowrap}@media (max-width:1280px){.nav-search{width:150px}.nav-item{padding:0 var(--s-3)}}@media (max-width:1080px){.nav-search{width:120px}.uname{display:none}}@media (max-width:920px){.nav-search{display:none}.nav-menu{scrollbar-width:none;overflow-x:auto}.nav-menu::-webkit-scrollbar{display:none}}.btn{height:var(--control);padding:0 var(--s-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--fill-1);color:var(--text);font-size:var(--fs-body);cursor:pointer;transition:all var(--motion-fast);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.btn:hover{border-color:var(--border-hover);background:#fff}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-orange{background:var(--brand-orange);border-color:var(--brand-orange);color:#fff}.btn-orange:hover{background:var(--brand-orange-active);border-color:var(--brand-orange-active)}.btn-lg{height:44px;padding:0 var(--s-6);font-size:var(--fs-body);border-radius:var(--radius);font-weight:500}.btn-ghost{border-color:var(--primary);color:var(--primary);background:0 0}.btn-ghost:hover{background:var(--primary);color:#fff}.hero{color:#fff;background:linear-gradient(120deg,#1e54e0 0%,#2b64f5 52%,#4f86ff 100%);padding:96px 0 104px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#f867448c 0%,#f8674400 68%);border-radius:50%;width:520px;height:520px;position:absolute;top:-120px;right:-120px}.hero .wrap{z-index:1;text-align:center;position:relative}.hero h1{letter-spacing:1px;margin-bottom:var(--s-3);font-size:40px;font-weight:700}.hero h1 .accent{color:#ffd9cc}.hero .sub{font-size:var(--fs-headline);opacity:.92;margin-bottom:var(--s-8)}.hero-search{border-radius:var(--radius-pill);max-width:680px;box-shadow:var(--shadow-3);padding:6px 6px 6px var(--s-5);background:#fff;align-items:center;height:56px;margin:0 auto;display:flex}.hero-search .scope{margin-right:var(--s-3);flex:none;gap:2px;display:flex}.hero-search .scope button{height:40px;padding:0 var(--s-4);color:var(--text-3);font-size:var(--fs-body);cursor:pointer;border-radius:var(--radius);background:0 0;border:0}.hero-search .scope button.on{color:var(--primary);font-weight:600}.hero-search input{font-size:var(--fs-title);color:var(--text);border:0;outline:0;flex:1}.hero-search .btn-lg{border-radius:var(--radius-pill)}.hero-stats{justify-content:center;gap:var(--s-12);margin-top:var(--s-8);color:#fff;display:flex}.hero-stats .num{font-size:30px;font-weight:700}.hero-stats .lbl{font-size:var(--fs-body);opacity:.85;margin-top:2px}.section{padding:72px 0}.section-head{margin-bottom:var(--s-8);justify-content:space-between;align-items:center;display:flex}.section-head h2{font-size:var(--fs-display);color:var(--text-strong);font-weight:600}.section-head h2 .bar{background:var(--primary);width:4px;height:22px;margin-right:var(--s-3);vertical-align:-3px;border-radius:2px;display:inline-block}.section-head .more{color:var(--primary);font-size:var(--fs-body);cursor:pointer}.hot-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.hot-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:var(--s-5);gap:var(--s-3);box-shadow:var(--shadow-brand-sm);transition:box-shadow var(--motion-mid),transform var(--motion-mid);display:flex}.hot-card:hover{box-shadow:var(--shadow-brand-lg);transform:translateY(-2px)}.hot-card .cover{border-radius:var(--radius);object-fit:cover;background:var(--fill-2);flex:none;width:56px;height:75px}.hot-card .meta{flex:1;min-width:0}.hot-card .rk{text-align:center;color:#fff;background:var(--brand-orange);border-radius:var(--radius-sm);min-width:18px;height:18px;margin-bottom:4px;font-size:11px;font-weight:700;line-height:18px;display:inline-block}.hot-card .rk.gray{background:var(--text-3)}.hot-card .tt{font-size:var(--fs-body);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.hot-card .au{font-size:var(--fs-caption);color:var(--text-3);margin:2px 0}.hot-card .nums{font-size:var(--fs-caption);color:var(--text-2)}.hot-card .nums .score{color:var(--brand-orange);font-weight:600}.plat-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.plat-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-brand-sm);transition:box-shadow var(--motion-mid),transform var(--motion-mid);padding:28px;position:relative;overflow:hidden}.plat-card:hover{box-shadow:var(--shadow-brand-lg);transform:translateY(-3px)}.plat-card .ico{border-radius:var(--radius-card);color:#fff;width:44px;height:44px;margin-bottom:var(--s-3);justify-content:center;align-items:center;font-size:22px;display:flex}.plat-card h3{font-size:var(--fs-title);color:var(--text-strong);margin-bottom:4px}.plat-card .desc{font-size:var(--fs-caption);color:var(--text-3);min-height:32px}.plat-card .cnt{margin-top:var(--s-3);font-size:var(--fs-body)}.plat-card .cnt b{font-size:var(--fs-headline);color:var(--primary);font-weight:700}.plat-card .cnt .u{color:var(--text-3);font-size:var(--fs-caption)}.feat-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.feat{-webkit-backdrop-filter:saturate(150%)blur(16px);backdrop-filter:saturate(150%)blur(16px);border-radius:var(--radius-card);background:#ffffff8c;border:1px solid #fff9;padding:28px}.feat .ico{margin-bottom:var(--s-2);font-size:26px}.feat h4{font-size:var(--fs-title);color:var(--text-strong);margin-bottom:6px}.feat p{font-size:var(--fs-caption);color:var(--text-3);line-height:1.6}.page-body{min-height:calc(100vh - var(--header-h));background:0 0}.breadcrumb{font-size:var(--fs-caption);color:var(--text-3);padding:var(--s-4) 0}.breadcrumb a{color:var(--text-2)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb .sep{color:var(--border-2);margin:0 6px}.page-title{font-size:var(--fs-display);color:var(--text-strong);margin-bottom:var(--s-2);font-weight:600}.page-title .badge{font-size:var(--fs-caption);color:var(--primary);background:var(--tag-bg);border-radius:var(--radius-pill);vertical-align:4px;margin-left:var(--s-3);padding:2px 8px;font-weight:500}.page-desc{font-size:var(--fs-body);color:var(--text-3);margin-bottom:var(--s-5)}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--shadow-brand-md)}.filter{padding:var(--s-4) var(--s-5);margin-bottom:var(--s-4);gap:var(--s-6);flex-wrap:wrap;align-items:center;display:flex}.filter .grp{align-items:center;gap:var(--s-3);display:flex}.filter .grp .lbl{font-size:var(--fs-body);color:var(--text-2)}.seg{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.seg button{height:var(--control);padding:0 var(--s-4);color:var(--text-2);font-size:var(--fs-body);cursor:pointer;border:0;border-right:1px solid var(--border);background:#fff}.seg button:last-child{border-right:0}.seg button.on{background:var(--primary);color:#fff}.fselect{height:var(--control);border:1px solid var(--border);border-radius:var(--radius);padding:0 var(--s-3);font-size:var(--fs-body);color:var(--text);cursor:pointer;background:#fff}.finput{height:var(--control);border:1px solid var(--border);border-radius:var(--radius);padding:0 var(--s-3);font-size:var(--fs-body);width:160px}.finput:focus{border-color:var(--border-hover);outline:0}.rank-table{border-collapse:collapse;width:100%;font-size:var(--fs-body);background:0 0}.rank-table thead th{background:var(--thead-bg);color:var(--text-2);font-size:var(--fs-caption);text-align:left;padding:10px var(--s-4);border-bottom:1px solid var(--row-split);white-space:nowrap;cursor:default;font-weight:500}.rank-table tbody td{padding:8px var(--s-4);border-bottom:1px solid var(--row-split);color:var(--text);vertical-align:middle}.rank-table tbody tr:hover{background:var(--row-hover)}.rk-badge{border-radius:var(--radius-sm);width:24px;height:24px;font-weight:700;font-size:var(--fs-caption);color:var(--text-2);background:var(--fill-2);justify-content:center;align-items:center;display:inline-flex}.rk-badge.top1{background:var(--brand-orange);color:#fff}.rk-badge.top2{color:#fff;background:#ff9472}.rk-badge.top3{color:#fff;background:#ffb59e}.tcover{border-radius:var(--radius-sm);object-fit:cover;background:var(--fill-2);width:40px;height:54px}.tbook{align-items:center;gap:var(--s-3);min-width:0;display:flex}.tbook .tt{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-weight:500;overflow:hidden}.tnum{font-variant-numeric:tabular-nums;color:var(--text-2)}.tscore{color:var(--brand-orange);font-variant-numeric:tabular-nums;font-weight:600}.tcat{font-size:var(--fs-caption);color:var(--primary);background:var(--tag-bg);border-radius:var(--radius-pill);padding:1px 8px;display:inline-block}.fav-btn{cursor:pointer;color:var(--border-2);transition:color var(--motion-fast);background:0 0;border:0;font-size:18px}.fav-btn:hover,.fav-btn.on{color:var(--brand-orange)}.paywall{padding:var(--s-12) var(--s-4);text-align:center;background:linear-gradient(#fff0 0%,#ffffffeb 40%);border-top:1px dashed #2b64f52e;position:relative}.paywall .lock{margin-bottom:var(--s-2);font-size:28px}.paywall .txt{color:var(--text-2);margin-bottom:var(--s-4)}.paywall .txt b{color:var(--text-strong)}.pager{padding:var(--s-5) 0;justify-content:center;align-items:center;gap:6px;display:flex}.pager button{min-width:var(--control);height:var(--control);padding:0 var(--s-3);border:1px solid var(--border);background:var(--fill-1);color:var(--text);font-size:var(--fs-caption);cursor:pointer;border-radius:var(--radius)}.pager button:hover:not(:disabled){border-color:var(--border-hover)}.pager button.on{border-color:var(--primary);color:var(--primary);background:#fff;font-weight:600}.pager button:disabled{color:var(--text-disabled);cursor:not-allowed}.pager .info{color:var(--text-3);font-size:var(--fs-caption);margin:0 var(--s-3)}.footer{margin-top:var(--s-12);color:#aaa;background:#1c1c1e}.footer .topline{background:linear-gradient(90deg,var(--primary),var(--brand-orange));height:3px}.footer-main{padding:72px var(--content-pad);align-items:flex-start;display:flex}.footer-brand{flex:0 0 380px;margin-right:auto}.footer-col{flex:none}.footer-col+.footer-col{margin-left:72px}.footer-brand img{height:30px;margin-bottom:var(--s-4)}.footer-brand .slogan{color:#e8e8ea;font-size:var(--fs-title);margin-bottom:var(--s-2);font-weight:500}.footer-brand .tagline{color:#888;font-size:var(--fs-caption);margin-bottom:var(--s-5);line-height:1.7}.footer-brand .qr{border-radius:var(--radius);color:#666;text-align:center;background:#2a2a2e;border:1px solid #38383c;justify-content:center;align-items:center;width:96px;height:96px;font-size:11px;line-height:1.6;display:flex}.footer-brand .qr-tip{margin-top:var(--s-2);color:#777;font-size:11px}.footer-brand .footer-social{gap:var(--s-3);margin:0 0 var(--s-5);display:flex}.footer-brand .footer-social a{color:#bbb;width:36px;height:36px;transition:all var(--motion-fast);background:#2a2a2e;border:1px solid #38383c;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.footer-brand .footer-social a:hover{background:var(--brand-orange);border-color:var(--brand-orange);color:#fff}.footer-col h4{color:#fff;font-size:var(--fs-body);letter-spacing:.5px;margin-bottom:var(--s-5);font-weight:600}.footer-col a{color:#9a9a9e;font-size:var(--fs-caption);transition:color var(--motion-fast);line-height:2;display:block}.footer-col a:hover{color:var(--brand-orange)}.footer-bottom{border-top:1px solid #2e2e32}.footer-bottom .wrap{padding:var(--s-5) var(--content-pad);font-size:var(--fs-caption);color:#777;text-align:center;line-height:1.9}@media (max-width:980px){.footer-main{flex-wrap:wrap}.footer-brand{margin-right:0;margin-bottom:var(--s-6);flex-basis:100%}.footer-col{flex:1 0 40%}.footer-col+.footer-col{margin-left:0}}.empty,.loading{padding:var(--s-12);text-align:center;color:var(--text-3)}@media (max-width:980px){.plat-grid{grid-template-columns:repeat(2,1fr)}.feat-grid{grid-template-columns:1fr}.nav-search{width:140px}.hero h1{font-size:30px}.hero-stats{gap:var(--s-6)}}