:root{--bg:#020917;--panel:#071427;--panel2:#091a31;--line:#1b4568;--cyan:#18d8f5;--blue:#1688ff;--text:#f4f8ff;--muted:#a8b8cc;--gold:#ffca3a;--shadow:0 0 22px rgba(24,136,255,.18)}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#020917;color:var(--text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.6}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("assets/hero-network.webp");background-size:100% auto;background-repeat:no-repeat;opacity:.035;z-index:-1}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.container{width:min(1360px,calc(100% - 44px));margin:auto}
.site-header{height:74px;position:sticky;top:0;z-index:20;background:rgba(2,9,23,.94);border-bottom:1px solid #16314c;backdrop-filter:blur(14px)}
.nav-shell{height:100%;width:min(1510px,calc(100% - 52px));margin:auto;display:flex;align-items:center;gap:42px}
.site-brand{color:#80edff;font-size:26px;font-weight:900;font-style:italic;white-space:nowrap;text-shadow:0 0 18px rgba(24,216,245,.35)}
.main-nav{margin:auto;display:flex;align-items:stretch;height:100%;gap:42px}
.main-nav a{display:flex;align-items:center;position:relative;color:#c7d2e1;font-size:16px}
.main-nav a:hover,.main-nav a.active{color:#fff}
.main-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#27ddeb}
.nav-actions{display:flex;gap:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 30px;border-radius:8px;border:1px solid #1b3b5e;font-weight:700}
.btn.primary{background:#0c84f4;border-color:#0c84f4}
.btn.ghost{background:#071427}
.menu-toggle{display:none;background:#071427;color:#fff;border:1px solid #214460;border-radius:7px;padding:8px 14px}
.hero{min-height:835px;background-color:#020917;background-image:url("assets/hero-network.webp");background-size:92% auto;background-repeat:no-repeat;background-position:center top;border-bottom:1px solid #132941}
.hero .container{width:min(1440px,calc(100% - 44px))}
.hero-inner{padding-top:75px}
.eyebrow,.section-heading>span{color:#31dff1;font-size:12px;letter-spacing:.22em}
.hero-copy h1{font-size:68px;line-height:1.08;margin:10px 0 10px;letter-spacing:.04em;font-style:italic;color:#8cecff;background:linear-gradient(90deg,#fff 0%,#74efff 36%,#299cff 70%,#9b75ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 28px rgba(24,216,245,.16)}
.hero-lead{font-size:22px;color:#d2dbe8;margin:0 0 22px}
.hero-tags,.mini-tags,.filter-tabs,.tag-cloud{display:flex;gap:12px;flex-wrap:wrap}
.hero-tags span,.mini-tags span,.tag-cloud span{border:1px solid #19507b;background:#07172b;border-radius:999px;color:#bceeff;padding:5px 15px}
.hero-panels{display:grid;grid-template-columns:1.95fr .82fr 1.03fr;gap:16px;margin-top:30px}
.winner-card,.score-card,.metric-grid article,.logo-rank article,.rank-row,.choice-grid a,.country-grid article,.editor-pick,.review-list article,.dimension-grid article,.faq-grid details,.news-grid article{background:rgba(5,17,35,.9);border:1px solid #214c70;border-radius:13px}
.winner-card{min-height:280px;padding:26px;display:grid;grid-template-columns:150px 1fr 120px;align-items:center;position:relative;border-color:#1d9fff;box-shadow:0 0 28px rgba(14,130,255,.28),inset 0 0 30px rgba(14,130,255,.08)}
.winner-label{position:absolute;left:25px;top:17px;color:var(--gold);font-weight:800}
.winner-card>img{width:130px;height:130px;object-fit:contain;margin-top:22px}
.winner-copy h2{font-size:32px;margin:18px 0 4px}
.winner-title-row{display:flex;align-items:center;gap:10px}
.winner-title-row>span{border:1px solid #2379aa;color:#53dcff;border-radius:6px;padding:3px 9px}
.winner-copy p{font-size:18px;color:#d7dfeb;margin:0 0 22px}
.mini-tags{gap:8px}
.mini-tags span{border-radius:6px;padding:3px 10px;font-size:13px}
.winner-score{text-align:center}
.winner-score strong{display:block;color:#44e6ff;font-size:52px;line-height:1}
.winner-score span{color:#a8b8cc}
.winner-card .download{grid-column:2/4;justify-self:start;margin-top:-8px;background:#0d82ef;border-color:#27cfff}
.score-card{padding:22px 20px}
.score-card h3{margin:0 0 12px;font-size:20px;line-height:1.25;display:flex;align-items:center;gap:8px;white-space:nowrap}
.score-card h3 img{width:30px;height:30px;object-fit:contain;flex:0 0 auto}
.score-card ol{list-style:none;padding:0;margin:0}
.score-card li{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #152c44;font-size:16px}
.score-card li span{border:1px solid #2b5375;border-radius:7px;text-align:center;font-size:15px;line-height:28px}
.score-card li b{font-size:17px}
.score-card li strong{color:#65eaff;font-size:18px}
.heat-content{display:flex;align-items:center;gap:14px;padding-top:4px}
.heat-content>img{width:168px;height:168px;object-fit:cover;border-radius:50%;flex:0 0 auto}
.heat-content ul{list-style:none;margin:0;padding:0;color:#d3deeb;font-size:15px;flex:1;min-width:0}
.heat-content li{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:7px;padding:3px 0;border:0;white-space:nowrap}
.heat-content li img{width:26px;height:26px;object-fit:contain}
.heat-content li span{border:0;border-radius:0;text-align:left;font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.heat-content li strong{font-size:16px;color:#59e8f8}
.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:25px}
.metric-grid article{min-height:156px;display:flex;align-items:center;gap:18px;padding:18px 20px}
.metric-grid img{width:86px;height:92px;object-fit:contain;flex:0 0 86px;transform:scale(1.16);transform-origin:center}
.metric-grid h3{margin:0;font-size:21px;line-height:1.35;font-weight:800;white-space:nowrap}
.metric-grid p{margin:5px 0 0;color:#aebbd0;font-size:16px;line-height:1.55;white-space:nowrap}
.section{padding:52px 0;border-bottom:1px solid #10263c}
.section-heading{text-align:center;margin:0 auto 26px}
.section-heading h2{font-size:38px;margin:5px 0 5px;letter-spacing:.08em}
.section-heading p{margin:4px 0;color:#9fb1c5}
.section-heading.compact{margin-top:40px;margin-bottom:22px}
.region-heading{margin-bottom:16px}
.region-title-row{display:flex;align-items:center;justify-content:center;gap:26px}
.region-title-row img{width:132px;height:32px;object-fit:contain}
.region-title-row h2{font-size:32px;line-height:1.3;margin:0;letter-spacing:.06em}
.region-heading p{font-size:18px;line-height:1.5;margin:2px 0 0;color:#bdc8d8}
.logo-rank{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}
.logo-rank article{height:154px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}
.logo-rank article.selected{border-color:#1eb0ff;box-shadow:var(--shadow)}
.logo-rank i,.country-grid i{position:absolute;left:12px;top:7px;font-style:normal;border:1px solid #2a567b;border-radius:8px;padding:0 7px}
.logo-rank img{width:74px;height:74px;object-fit:contain}
.logo-rank b{font-size:19px;margin-top:6px}
.logo-rank span{color:#a5b6c9}
.rank-title-row{margin:30px 0 12px}
.rank-title-row h3{font-size:28px;margin:0 0 12px}
.filter-tabs button{border:1px solid #20527c;background:#051329;color:#b9cce0;border-radius:999px;padding:7px 20px;cursor:pointer}
.filter-tabs button.active{color:#41e5f6;border-color:#16bde7;box-shadow:0 0 14px rgba(24,216,245,.15)}
.ranking-list{display:grid;gap:9px}
.rank-row{min-height:62px;display:grid;grid-template-columns:55px 64px 165px 1.2fr 1.35fr 80px 125px;align-items:center;gap:10px;padding:6px 16px}
.rank-row.no-download{grid-template-columns:55px 64px 165px 1.2fr 1.35fr 80px}
.rank-row.featured{border-color:#17a5ea;box-shadow:inset 70px 0 70px rgba(11,109,202,.08)}
.rank-row.hidden{display:none}
.rank-row .rank-no{font-size:20px;text-align:center}
.rank-row>img{width:48px;height:48px;object-fit:contain}
.rank-row h4{font-size:18px;margin:0}
.rank-row p{margin:0;color:#9fb0c6;font-size:14px}
.rank-row>strong{font-size:25px;color:#3ce5f4}
.rank-row>a,.review-list article>a,.news-grid .news-read-more,.editor-pick>a{border:1px solid #1477bd;border-radius:7px;text-align:center;padding:7px 14px;color:#8cdcff;background:#061a32}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.choice-grid a{min-height:125px;display:grid;grid-template-columns:95px 1fr 30px;align-items:center;padding:18px 22px}
.choice-grid img{width:76px;height:76px;object-fit:contain;transform:scale(1.45);transform-origin:center}
.choice-grid h3{margin:0;font-size:23px}
.choice-grid p{margin:0;color:#a6b4c6}
.choice-grid b{font-size:36px;color:#9ccaff;font-weight:300}
.country-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:16px}
.country-grid article{height:175px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:11px}
.country-grid article.selected{border-color:#23c4ff;box-shadow:var(--shadow)}
.country-grid img{width:76px;height:76px;object-fit:contain}
.country-grid b{font-size:23px;line-height:1.4;margin-top:4px}
.country-grid span{font-size:15px;line-height:1.45;color:#c2eaff;border:1px solid #1c4565;border-radius:7px;padding:1px 14px}
.guide-row{display:grid;grid-template-columns:1.05fr .95fr;gap:25px}
.tag-cloud{border:1px solid #214968;border-radius:13px;padding:20px;align-content:center}
.tag-cloud span{border-radius:7px;color:#b9cee3}
.editor-pick{display:grid;grid-template-columns:92px 1fr 80px;align-items:center;padding:20px;border-color:#15a8ef;box-shadow:var(--shadow)}
.editor-pick img{width:72px;height:72px;object-fit:contain}
.editor-pick h3{margin:0;font-size:22px}
.editor-pick p{margin:3px 0;color:#aebfd2}
.review-list{display:grid;gap:12px}
.review-list article{min-height:78px;display:grid;grid-template-columns:82px 1fr 115px 125px;align-items:center;padding:8px 20px}
.review-list article.no-download{grid-template-columns:82px 1fr 115px}
.review-list article.featured{border-color:#16a8f0;box-shadow:var(--shadow)}
.review-list article>img{width:70px;height:70px;object-fit:contain}
.review-list h3{margin:0;font-size:20px}
.review-list h3>span{font-size:13px;background:#0b4d9a;border-radius:5px;color:#aeeaff;padding:4px 10px}
.review-list p{margin:5px 0 0;color:#b7c5d6}
.review-list strong{font-size:28px;text-align:center;color:#a9b7cc}
.review-list article.featured strong{color:#f6d068}
.review-list small{display:block;font-size:12px;font-weight:400}
.review-list .champion-score{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}
.review-list .champion-score>img{width:38px;height:38px;object-fit:contain;flex:0 0 38px}
.review-list .champion-score>span{font:inherit;color:inherit;line-height:1.05}
.dimension-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.dimension-grid article{text-align:center;padding:14px 10px;min-height:176px;display:grid;grid-template-rows:82px auto 1fr;align-items:start}
.dimension-grid img{width:78px;height:78px;object-fit:contain;margin:0 auto;align-self:center}
.dimension-grid h3{margin:4px 0 2px;font-size:18px;line-height:1.4}
.dimension-grid p{font-size:13px;color:#a3b2c5;margin:0}
.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.faq-grid details{min-height:106px;padding:11px 16px}
.faq-grid summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:16px}
.faq-grid summary::-webkit-details-marker{display:none}
.faq-grid img{width:72px;height:72px;object-fit:contain;flex:0 0 auto}
.faq-grid summary span{font-size:20px}
.faq-grid summary small{display:block;color:#9eadbf;font-size:14px;font-weight:400}
.faq-grid details>p{color:#aab9ca;margin:10px 0 0;border-top:1px solid #1b3855;padding-top:10px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.news-grid article{display:grid;grid-template-columns:45% 55%;overflow:hidden;min-height:165px}
.news-grid img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.news-grid article>div{padding:18px}
.news-grid time{color:#96a9bf;font-size:13px}
.news-grid h3{font-size:18px;margin:5px 0}
.news-grid p{font-size:14px;color:#9fb0c6;margin:4px 0 12px}
.news-grid a{display:inline-block}
.news-grid .news-image-link{display:block;overflow:hidden;border:0;border-radius:0;padding:0;background:none}
.news-grid .news-image-link:hover img{transform:scale(1.035)}
.news-grid h3 .news-title-link{display:inline;border:0;padding:0;background:none;color:inherit;text-align:left}
.news-grid h3 .news-title-link:hover{color:#65eaff}
.news-more{text-align:center;margin:24px 0 0}
.news-more a{display:inline-flex;align-items:center;justify-content:center;min-width:230px;height:44px;border:1px solid #168ac6;border-radius:8px;background:#071a30;color:#8cecff;font-weight:700}
.tag-cloud.wide{justify-content:center;border:none;padding-top:0}
.site-footer{padding:38px 0 20px;background:#030a16;border-top:1px solid #16314c}
.footer-about{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:24px;max-width:1000px}
.footer-about img{width:86px;height:86px;object-fit:contain}
.footer-about h2{font-size:28px;margin:0}
.footer-about p{color:#a9b8ca;margin:5px 0}
.copyright{text-align:center;border-top:1px solid #142b43;margin-top:28px;padding-top:18px;color:#8e9db0}
.brand-register-link{color:inherit;text-decoration:none;transition:color .18s ease,text-shadow .18s ease}
.brand-register-link:hover{color:#67e9fa;text-shadow:0 0 14px rgba(39,221,235,.28)}

@media(max-width:1300px){.metric-grid{grid-template-columns:repeat(3,1fr)}}

@media(max-width:1150px){.main-nav{gap:22px}
.hero-panels{grid-template-columns:1fr 1fr}
.winner-card{grid-column:1/-1}
.metric-grid{grid-template-columns:repeat(3,1fr)}
.logo-rank,.country-grid{grid-template-columns:repeat(4,1fr)}
.rank-row{grid-template-columns:45px 56px 150px 1fr 80px 120px}
.rank-row.no-download{grid-template-columns:45px 56px 150px 1fr 80px}
.rank-row .mini-tags{display:none}
.dimension-grid{grid-template-columns:repeat(3,1fr)}
.nav-actions{display:none}
}

@media(max-width:820px){.container{width:min(100% - 28px,680px)}
.site-header{height:64px}
.nav-shell{width:calc(100% - 28px)}
.site-brand{font-size:21px}
.menu-toggle{display:block;margin-left:auto}
.main-nav{display:none;position:absolute;top:64px;left:0;right:0;height:auto;background:#041020;border-bottom:1px solid #20415e;padding:12px 20px;flex-direction:column;gap:0}
.main-nav.open{display:flex}
.main-nav a{padding:11px}
.main-nav a.active::after{display:none}
.hero{min-height:0;background-size:auto 520px;background-position:58% top}
.hero-inner{padding-top:52px;padding-bottom:45px}
.hero-copy h1{font-size:44px}
.hero-lead{font-size:17px}
.hero-panels{grid-template-columns:1fr}
.winner-card{grid-template-columns:90px 1fr;padding:22px}
.winner-card>img{width:78px;height:78px}
.winner-copy h2{font-size:24px}
.winner-score{grid-column:1/2;grid-row:2}
.winner-score strong{font-size:38px}
.winner-card .download{grid-column:2}
.score-card{display:none}
.metric-grid{grid-template-columns:1fr 1fr}
.metric-grid article{min-height:110px}
.section{padding:52px 0}
.section-heading h2{font-size:29px}
.logo-rank,.country-grid{grid-template-columns:repeat(2,1fr)}
.rank-row{grid-template-columns:38px 48px 1fr 70px}
.rank-row.no-download{grid-template-columns:38px 48px 1fr 70px}
.rank-row p,.rank-row .mini-tags{display:none}
.rank-row>a{grid-column:3/5}
.choice-grid{grid-template-columns:1fr}
.guide-row{grid-template-columns:1fr}
.review-list article{grid-template-columns:62px 1fr 82px}
.review-list article.no-download{grid-template-columns:62px 1fr 82px}
.review-list .champion-score{gap:2px}
.review-list .champion-score>img{width:22px;height:22px;flex-basis:22px}
.review-list article>a{grid-column:2/4}
.review-list p{display:none}
.dimension-grid{grid-template-columns:repeat(2,1fr)}
.faq-grid,.news-grid{grid-template-columns:1fr}
.country-grid article{height:155px}
.news-grid article{min-height:165px}
.footer-about{grid-template-columns:70px 1fr}
.footer-about img{width:64px;height:64px}
}

@media(max-width:480px){.hero-copy h1{font-size:36px}
.hero-tags span{padding:4px 10px}
.winner-title-row{display:block}
.winner-card{grid-template-columns:90px 1fr}
.winner-copy p{font-size:14px}
.winner-copy .mini-tags{display:none}
.winner-score strong{font-size:34px}
.winner-card .download{padding:0 20px}
.metric-grid{grid-template-columns:1fr}
.logo-rank article{height:145px}
.filter-tabs{gap:7px}
.filter-tabs button{padding:6px 11px}
.rank-row{grid-template-columns:32px 42px 1fr 62px;padding:8px}
.rank-row.no-download{grid-template-columns:32px 42px 1fr 62px}
.rank-row>img{width:40px;height:40px}
.rank-row h4{font-size:15px}
.rank-row>strong{font-size:19px}
.editor-pick{grid-template-columns:68px 1fr}
.editor-pick>a{grid-column:2}
.dimension-grid{grid-template-columns:1fr 1fr}
.news-grid article{grid-template-columns:1fr}
.news-grid img{height:190px}
.footer-about{display:block;text-align:center}
.footer-about img{margin:auto}
}