:root{--bg:#0a0e1a;--bg2:#0f1426;--card:#121933;--card2:#1a2344;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--gold:#f5c451;--gold2:#ffd76a;--orange:#ff8a3d;--red:#e23a3a;--text:#eef1f8;--muted:#9aa4c4;--dim:rgba(238,241,248,.62);--shadow:0 18px 45px rgba(0,0,0,.45);--radius:16px;--r-sm:10px;--maxw:1200px;--glow:0 0 0 1px rgba(245,196,81,.28),0 8px 30px rgba(245,196,81,.12);}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(226,58,58,.18),transparent 60%),radial-gradient(1000px 500px at -10% 10%,rgba(245,196,81,.10),transparent 55%),var(--bg);color:var(--text);font:15px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;}a{color:inherit;text-decoration:none;transition:.2s}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px;width:100%}:root{--top-h:70px}.topbar{position:sticky;top:0;z-index:60;height:var(--top-h);background:rgba(10,14,26,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}.topbar .container{display:flex;align-items:center;gap:28px;height:100%}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:.3px;flex-shrink:0}.logo .badge{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:linear-gradient(135deg,var(--gold),var(--orange));display:grid;place-items:center;color:#1a1206;font-weight:900;font-size:17px;box-shadow:var(--glow);}.logo b{color:var(--gold2)}.nav{display:flex;gap:6px;align-items:center;margin-left:auto}.nav a{padding:8px 15px;border-radius:9px;font-weight:600;font-size:14.5px;color:var(--muted);white-space:nowrap;position:relative;}.nav a:hover{color:var(--text);background:rgba(255,255,255,.05)}.nav a.active{color:#1a1206;background:linear-gradient(135deg,var(--gold),var(--gold2));box-shadow:var(--glow)}.burger{display:none;margin-left:auto;width:40px;height:40px;border-radius:9px;border:1px solid var(--line2);place-items:center;font-size:20px}section{padding:48px 0}.eyebrow{color:var(--gold);font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase}.sec-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}.sec-head h2{font-size:26px;line-height:1.25;letter-spacing:.3px}.sec-head h2 em{font-style:normal;color:var(--gold2)}.sec-head .more{color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap}.sec-head .more:hover{color:var(--gold)}.subtitle{color:var(--dim);margin-top:6px;max-width:720px}.card{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.grid{display:grid;gap:20px}.hero{min-height:520px;display:flex;align-items:center;position:relative;overflow:hidden;padding:64px 0 56px;border-bottom:1px solid var(--line)}.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 40%,rgba(255,138,61,.16),transparent 42%);pointer-events:none}.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}.hero h1{font-size:clamp(30px,4vw,50px);line-height:1.12;font-weight:900;letter-spacing:.5px}.hero h1 .hl{background:linear-gradient(120deg,var(--gold2),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{color:var(--dim);font-size:16.5px;margin:20px 0 28px;max-width:560px}.cta-row{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:14px 26px;border-radius:12px;transition:.2s;white-space:nowrap;}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--orange));color:#1a1206;box-shadow:var(--glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,196,81,.3)}.btn-ghost{border:1px solid var(--line2);color:var(--text)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold2)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.stat{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:16px}.stat b{display:block;font-size:24px;color:var(--gold2)}.stat span{font-size:12.5px;color:var(--muted)}.hero-card{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line2);border-radius:18px;padding:6px;box-shadow:var(--shadow)}.hero-card .hc-head{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.hero-card .hc-head h3{font-size:16px}.live-dot{width:8px;height:8px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 4px rgba(61,220,151,.18);animation:pulse 1.6s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}.srv-list{max-height:420px;overflow:auto}.srv-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line)}.srv-row:last-child{border-bottom:none}.srv-row .no{font-weight:800;color:var(--gold);font-size:15px}.srv-row .name{font-weight:600;font-size:14px;line-height:1.3}.srv-row .meta{font-size:11.5px;color:var(--muted);margin-top:2px}.tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap}.tag-hot{background:rgba(226,58,58,.16);color:#ff8a8a;border:1px solid rgba(226,58,58,.35)}.tag-new{background:rgba(61,220,151,.14);color:#5be3ac;border:1px solid rgba(61,220,151,.3)}.tag-rec{background:rgba(245,196,81,.14);color:var(--gold2);border:1px solid rgba(245,196,81,.3)}.features{grid-template-columns:repeat(4,1fr)}.feat{border:1px solid var(--line);border-radius:14px;padding:24px;background:linear-gradient(180deg,var(--card),var(--bg2));transition:.22s}.feat:hover{border-color:rgba(245,196,81,.4);transform:translateY(-4px)}.feat .ic{font-size:30px;margin-bottom:12px}.feat h4{font-size:16px;margin-bottom:6px}.feat p{font-size:13.5px;color:var(--dim)}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:14px;min-width:760px}thead th{background:var(--card2);text-align:left;padding:14px 16px;font-weight:700;color:var(--gold2);font-size:13px;letter-spacing:.5px;border-bottom:1px solid var(--line2);white-space:nowrap}tbody td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}tbody tr:hover{background:rgba(245,196,81,.04)}tbody tr:last-child td{border-bottom:none}.srv-name{font-weight:700}.progress{height:7px;width:110px;border-radius:20px;background:rgba(255,255,255,.08);overflow:hidden;display:inline-block;vertical-align:middle}.progress i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--gold),var(--orange))}.news-grid{grid-template-columns:repeat(3,1fr)}.news-card{transition:.22s;display:flex;flex-direction:column}.news-card:hover{transform:translateY(-5px);border-color:rgba(245,196,81,.4)}.nc-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#1a2344,#0f1426);position:relative;overflow:hidden}.nc-thumb span{position:absolute;left:12px;top:12px;font-size:11px;font-weight:700;background:rgba(10,14,26,.7);border:1px solid var(--line2);padding:4px 9px;border-radius:20px;backdrop-filter:blur(4px)}.nc-body{padding:18px;flex:1;display:flex;flex-direction:column;gap:8px}.nc-body h3{font-size:16.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nc-body p{font-size:13px;color:var(--dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nc-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.nc-lg{grid-column:span 2;flex-direction:row}.nc-lg .nc-thumb{width:52%;aspect-ratio:auto;min-height:100%}.nc-lg .nc-body{width:48%;justify-content:center}@media(max-width:900px){.nc-lg{grid-column:span 1;flex-direction:column}.nc-lg .nc-thumb,.nc-lg .nc-body{width:100%}}.down-grid{grid-template-columns:repeat(3,1fr)}.down-card{border:1px solid var(--line);border-radius:14px;padding:22px;background:linear-gradient(180deg,var(--card),var(--bg2));display:flex;flex-direction:column;gap:12px;transition:.22s}.down-card:hover{border-color:rgba(245,196,81,.4);transform:translateY(-4px)}.dc-top{display:flex;gap:14px;align-items:center}.dc-ico{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--card2),#0f1426);border:1px solid var(--line2);display:grid;place-items:center;font-size:26px;flex-shrink:0}.dc-top h4{font-size:16px;line-height:1.3}.dc-top small{color:var(--muted);font-size:12px}.dc-spec{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12.5px;color:var(--muted)}.dc-spec b{color:var(--text)}.dc-foot{margin-top:auto;display:flex;gap:10px;align-items:center;justify-content:space-between}.two-col{display:grid;grid-template-columns:2.1fr .9fr;gap:28px}@media(max-width:960px){.two-col{grid-template-columns:1fr}}.side-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:linear-gradient(180deg,var(--card),var(--bg2))}.side-card h3{font-size:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.side-card h3::before{content:"";width:4px;height:16px;border-radius:3px;background:linear-gradient(var(--gold),var(--orange))}.rank-list{display:flex;flex-direction:column;gap:2px;counter-reset:r}.rank-list li{list-style:none;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:11px 4px;border-bottom:1px dashed var(--line)}.rank-list li:last-child{border-bottom:none}.rank-list li .rn{counter-increment:r;font-weight:800;color:var(--muted);font-size:14px}.rank-list li .rn::before{content:counter(r)}.rank-list li:nth-child(1) .rn,.rank-list li:nth-child(2) .rn,.rank-list li:nth-child(3) .rn{color:var(--gold)}.rank-list li .rt{font-size:13.5px;font-weight:600;line-height:1.3}.rank-list li small{color:var(--muted);font-size:11px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud a{font-size:13px;padding:6px 13px;border:1px solid var(--line2);border-radius:20px;color:var(--muted)}.tag-cloud a:hover{border-color:var(--gold);color:var(--gold2)}.trustbar{background:linear-gradient(90deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:18px;padding:28px}.trustbar .grid{grid-template-columns:repeat(4,1fr)}.ti b{font-size:28px;color:var(--gold2);display:block}.ti span{font-size:13px;color:var(--muted)}.faq-item{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:12px;background:var(--card)}.faq-q{width:100%;text-align:left;padding:18px 22px;font-weight:700;font-size:15.5px;display:flex;justify-content:space-between;align-items:center;gap:14px}.faq-q .plus{font-size:22px;color:var(--gold);transition:.25s;flex-shrink:0}.faq-a{max-height:0;overflow:hidden;transition:.3s;padding:0 22px;color:var(--dim)}.faq-item.open .faq-a{padding:4px 22px 20px;max-height:400px}.faq-item.open .faq-q .plus{transform:rotate(45deg)}.breadcrumb{padding:18px 0 0;font-size:13px;color:var(--muted)}.breadcrumb a:hover{color:var(--gold)}.breadcrumb .sep{margin:0 8px;opacity:.5}.breadcrumb .now{color:var(--text)}.pager{display:flex;gap:8px;justify-content:center;margin-top:34px;flex-wrap:wrap}.pager a,.pager span{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:10px;font-weight:600;padding:0 12px}.pager a:hover{border-color:var(--gold);color:var(--gold2)}.pager .cur{background:linear-gradient(135deg,var(--gold),var(--orange));color:#1a1206;border-color:transparent}footer{border-top:1px solid var(--line);background:var(--bg2);padding:54px 0 0;margin-top:40px}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding-bottom:40px}.foot-brand p{color:var(--dim);font-size:13.5px;margin-top:14px;max-width:340px}.foot-col h5{font-size:14px;margin-bottom:16px;color:var(--gold2)}.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.foot-col a{color:var(--muted);font-size:13.5px}.foot-col a:hover{color:var(--gold)}.foot-bottom{border-top:1px solid var(--line);padding:24px 0;font-size:12.5px;color:var(--muted);text-align:center;line-height:1.9}.foot-bottom a{color:var(--muted)}.foot-bottom a:hover{color:var(--gold)}.flinks{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px;margin:0 auto 14px}.notice{background:rgba(245,196,81,.06);border:1px solid rgba(245,196,81,.22);border-radius:12px;padding:14px 18px;font-size:13.5px;color:var(--dim);display:flex;gap:10px;align-items:center;margin-bottom:24px}.notice .k{color:#1a1206;background:var(--gold);font-weight:800;padding:2px 10px;border-radius:6px;font-size:12px;flex-shrink:0}.reveal{opacity:0;transform:translateY(24px);transition:.6s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}@media(max-width:960px){.hero .container,.hero{grid-template-columns:1fr;min-height:auto}.features,.news-grid,.down-grid{grid-template-columns:repeat(2,1fr)}.trustbar .grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.nav{position:fixed;inset:var(--top-h) 0 auto;right:0;flex-direction:column;background:var(--bg2);border-bottom:1px solid var(--line);padding:14px;gap:4px;transform:translateY(-120%);transition:.3s;box-shadow:var(--shadow)}.nav.open{transform:none}.nav a{width:100%;padding:13px 16px}.burger{display:grid}.features,.news-grid,.down-grid,.trustbar .grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}section{padding:34px 0}}