:root{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#0b1b49;background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:#fff}a{color:inherit;text-decoration:none}img{display:block}button,input{font:inherit}.container{width:min(1422px,calc(100% - 164px));margin:0 auto}
.site-header{height:66px;background:#fff;border-bottom:1px solid #edf3fb;position:sticky;top:0;z-index:30}.header-inner{width:min(1422px,calc(100% - 164px));height:66px;margin:auto;display:flex;align-items:center}.site-logo{width:258px;flex:0 0 258px}.site-logo img{width:215px;height:55px;object-fit:contain}.site-header nav{display:flex;height:100%;align-items:center;gap:34px;white-space:nowrap}.site-header nav a{height:100%;display:flex;align-items:center;font-size:16px;font-weight:700;color:#263963;position:relative}.site-header nav a.active{color:#0875f7}.site-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:#0875f7}.search{margin-left:auto;width:265px;height:40px;border:1px solid #e5edf7;background:#f6f9fd;border-radius:24px;display:flex;align-items:center;padding:0 17px;gap:8px}.search img{width:19px;height:19px}.search input{width:100%;border:0;outline:0;background:transparent;color:#38517f;font-size:16px}.search input::placeholder{color:#a6b5d1}
.hero{height:370px;background:#f3f8fe;overflow:hidden}.hero-inner{height:100%;display:flex;align-items:center;position:relative}.hero-copy{z-index:2;width:58%;padding-left:38px}.hero h1{font-size:47px;line-height:1.1;margin:0 0 16px;font-weight:900;letter-spacing:-2px;color:#07173f}.hero h1 span{color:#0870f5}.hero-copy>p{font-size:20px;line-height:1.55;margin:0 0 7px;color:#152852}.hero-copy>small{font-size:16px;color:#6c80a9}.hero-actions{display:flex;gap:14px;margin-top:28px}.hero-actions a{height:54px;border-radius:10px;min-width:236px;padding:0 30px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800}.hero-actions .primary{background:#0877f9;color:#fff}.hero-actions .secondary{border:1px solid #5e9ff4;background:#fff;color:#0870ee;min-width:216px}.hero-actions img{width:21px;height:21px;margin-left:10px}.hero-points{display:flex;gap:55px;margin-top:27px;color:#63779f;font-size:16px}.hero-points span{display:flex;align-items:center;gap:9px}.hero-points img{width:20px;height:20px}.hero-art{position:absolute;width:690px;right:-8px;bottom:4px;object-fit:contain}
.section{padding-top:30px}.section-title-row{height:46px;display:flex;align-items:center;margin-bottom:17px}.section-title{display:flex;align-items:center;gap:10px}.section-title>img{width:43px;height:40px;object-fit:contain}.section-title h2{font-size:25px;line-height:1;margin:0;font-weight:900;color:#07173e}.section-title strong{font-size:22px;color:#0872f6;font-style:italic;margin-left:12px}.section-title-row>p{font-size:16px;color:#7b8eae;margin:4px 0 0 17px}.section-title-row>a{margin-left:auto;color:#0872f6;font-size:16px;font-weight:800;display:flex;align-items:center;gap:6px}.section-title-row>a img{width:20px;height:20px}
.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px 14px}.product-card{height:140px;border:1px solid #e2ebf6;border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(38,107,187,.035);display:flex;align-items:center;position:relative;padding:17px 14px 12px 47px}.product-card.winner{border-color:#f6a300;background:#fffdf7}.rank{display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;border-radius:7px;background:#e9f1fb;color:#526b94;font-weight:900}.product-card>.rank{position:absolute;left:9px;top:9px}.rank-1{background:#ffbe3b;color:#4a2a00}.rank-2{background:#dce8f8;color:#284975}.rank-3{background:#f7c29b;color:#73330b}.brand-icon{width:70px;height:70px;border-radius:13px;object-fit:cover;flex:none}.brand-icon-1{object-fit:contain;background:#fff}.product-copy{min-width:0;padding-left:17px;display:flex;flex-direction:column}.product-copy b{font-size:16px;white-space:nowrap}.product-copy small{font-size:16px;color:#8698b6;margin-top:6px;white-space:nowrap}.score{font-size:16px;font-weight:900;margin-top:7px;display:flex;align-items:center;gap:5px}.score img{width:17px;height:17px}.product-copy em{font-size:14px;font-style:normal;color:#a66a08;background:#fff1c8;border-radius:5px;padding:4px 8px;margin-top:5px;width:max-content}
.dimension-bar{height:122px;border:1px solid #e2edf8;border-radius:11px;background:#f8fbff;margin-top:26px;display:grid;grid-template-columns:1.35fr repeat(5,1fr);align-items:center;padding:0 28px}.dimension-bar>b{font-size:19px;display:flex;align-items:center;gap:13px}.dimension-bar>b img{width:44px;height:44px;border-radius:9px}.dimension-bar>span{height:52px;border-left:1px solid #d8e5f5;display:flex;align-items:center;padding-left:38px;gap:13px}.dimension-bar>span>img{width:38px;height:38px;object-fit:contain}.dimension-bar i{font-style:normal;display:flex;flex-direction:column}.dimension-bar i b{font-size:16px}.dimension-bar i small{font-size:14px;color:#8a9ab6;margin-top:5px}.more-ranking{padding-top:28px}
.node-tables{display:grid;grid-template-columns:1fr 1fr;gap:10px}.node-table{border:1px solid #e0eaf5;border-radius:11px;overflow:hidden}.node-head,.node-row{display:grid;grid-template-columns:70px 1.25fr 1.4fr 1fr 1.25fr;align-items:center;padding:0 17px}.node-head{height:54px;background:#edf5fe;color:#647da7;font-size:16px;font-weight:800}.node-row{height:47px;border-top:1px solid #e5edf6;font-size:16px}.node-row .rank{width:32px;height:28px}.node-row b{display:flex;align-items:center;gap:10px}.node-row b img{width:28px;height:20px;object-fit:cover}.node-row strong{color:#08a73b}.network{display:flex;align-items:center;gap:17px;color:#5c739a;position:relative;padding-left:112px}.network:before{content:"";width:94px;height:10px;border-radius:6px;background:#e5effb;position:absolute;left:0}.network i{display:block;height:9px;border-radius:6px;background:#1e8cf5;z-index:1;position:absolute;left:0}
.audience-grid,.feature-grid,.platform-grid,.criteria-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.audience-card{height:115px;border:1px solid #e1ebf6;border-radius:10px;display:flex;align-items:center;padding:15px 20px;gap:14px}.audience-card img{width:58px;height:58px;object-fit:contain}.audience-card div,.platform-card div,.criteria-card div{display:flex;flex-direction:column}.audience-card b{font-size:16px}.audience-card span{font-size:16px;color:#7c90b2;margin-top:6px;white-space:nowrap}.feature-card{height:180px;border:1px solid #dfe9f5;border-radius:11px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.feature-card img{width:54px;height:54px;object-fit:contain;margin-bottom:12px}.feature-card b{font-size:18px}.feature-card span{color:#7389ad;font-size:16px;margin-top:8px}
.compare-table,.detail-table{border:1px solid #dfeaf6;border-radius:11px;overflow:hidden}.compare-head,.compare-row{display:grid;grid-template-columns:90px 220px 170px 170px 180px 1.35fr 280px;align-items:center;padding:0 30px}.compare-head{height:46px;background:#eaf4fe;color:#526f9c;font-size:16px;font-weight:800}.compare-row{height:47px;border-top:1px solid #e5edf6;font-size:16px}.compare-row .rank{width:31px;height:28px}.compare-row>b{display:flex;align-items:center;gap:12px}.tiny-brand{width:34px;height:34px;border-radius:7px;object-fit:cover}.compare-row>strong{display:flex;align-items:center;gap:7px}.compare-row>strong img{width:18px;height:18px}.platform-mini{display:flex;align-items:center;gap:19px}.platform-mini img{width:26px;height:26px;object-fit:contain}.platform-card{height:86px;border:1px solid #dfe9f5;border-radius:10px;display:flex;align-items:center;padding:14px 28px;gap:18px}.platform-card img{width:48px;height:48px;object-fit:contain}.platform-card b{font-size:16px}.platform-card span{font-size:16px;color:#778aaa;margin-top:6px}.ranking-note{height:66px;border:1px solid #d8e7f7;background:#f0f7ff;border-radius:10px;margin-top:16px;display:flex;align-items:center;padding:0 26px;color:#6f83a8;font-size:16px}.ranking-note img{width:32px;height:32px;object-fit:contain;margin-right:12px}.ranking-note b{color:#1a4f9d;font-size:17px;margin-right:28px}.ranking-note i{height:34px;border-left:1px solid #96b9e3;margin-right:25px}
.detail-head,.detail-row{display:grid;grid-template-columns:110px 1.55fr 1.1fr 1fr .85fr 1.55fr;align-items:center;padding:0 30px}.detail-head{height:39px;background:#eaf4fe;color:#54719d;font-size:16px;font-weight:800}.detail-head span:nth-child(4){color:#0873f7}.detail-row{height:34px;border-top:1px solid #e4edf7;font-size:16px}.detail-row .rank{width:29px;height:24px}.detail-row>span:nth-child(3){display:flex;align-items:center;gap:14px;color:#687fa3}.detail-row>span:nth-child(3) img{width:28px;height:20px;object-fit:cover}.detail-row strong{color:#08a53d}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.guide-card{height:108px;border:1px solid #dfe9f5;border-radius:10px;display:flex;align-items:center;padding:14px 18px;gap:17px}.guide-card>img{width:70px;height:70px;object-fit:contain}.guide-card>div{display:flex;flex-direction:column}.guide-card b{font-size:16px}.guide-card span{font-size:16px;color:#6d82a9;margin-top:7px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.faq-grid button{min-height:43px;border:1px solid #e0eaf5;background:#fff;border-radius:9px;color:#142752;text-align:left;position:relative;padding:10px 48px 10px 55px;cursor:pointer}.faq-num{position:absolute;left:14px;top:10px;width:27px;height:25px;border-radius:50%;background:#eaf2fd;color:#45618c;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900}.faq-grid button b{font-size:16px}.faq-grid button .chevron{position:absolute;right:22px;top:7px;font-size:23px;color:#123a78}.faq-grid button.open .chevron{transform:rotate(180deg)}.faq-grid button p{margin:10px 0 2px;color:#6e83a8;font-size:16px;line-height:1.6}.data-note{height:78px;border:1px solid #d9e8f7;background:#eff7ff;border-radius:10px;margin-top:12px;display:flex;align-items:center;padding:0 24px}.data-note>span{width:25px;height:25px;border-radius:50%;background:#157ff4;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;margin-right:14px}.data-note b{color:#1471df;font-size:16px}.data-note p{margin:4px 0 0;font-size:14px;color:#7188ad;line-height:1.5}
.news-section{padding-top:21px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 14px}.article-card{height:145px;border:1px solid #dfe9f5;border-radius:10px;display:flex;padding:16px;gap:18px}.article-card>img{width:126px;height:110px;border-radius:5px;object-fit:cover}.article-card>div{flex:1;min-width:0;display:flex;flex-direction:column}.article-card b{font-size:16px;margin-top:3px}.article-card p{font-size:16px;color:#6d82a8;line-height:1.7;white-space:pre-line;margin:9px 0 0}.article-card span{font-size:15px;color:#8799b7;margin-top:auto;display:flex}.article-card em{font-style:normal;margin-left:auto}.criteria-grid{gap:14px}.criteria-card{height:124px;border:1px solid #dfe9f5;border-radius:10px;display:flex;align-items:flex-start;padding:14px 18px;gap:13px}.criteria-card img{width:62px;height:62px;object-fit:contain}.criteria-card b{font-size:16px;margin-top:13px}.criteria-card p{font-size:15px;color:#6f84a9;white-space:pre-line;line-height:1.65;margin:8px 0 0}
.site-map-section{padding-bottom:25px}.site-map-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.site-map-grid>a{height:90px;border:1px solid #dfe9f5;border-radius:9px;display:flex;align-items:center;padding:12px 14px;gap:12px}.site-map-grid>a>img:first-child{width:42px;height:42px;object-fit:contain}.site-map-grid span{display:flex;flex-direction:column;white-space:nowrap}.site-map-grid b{font-size:16px}.site-map-grid small{font-size:14px;color:#7990b3;margin-top:7px}.site-map-grid .map-arrow{width:20px;height:20px;margin-left:auto}
footer{background:#0d2f61;color:#fff}.footer-main{height:188px;display:grid;grid-template-columns:2.1fr 1.3fr .9fr 1.5fr;padding-top:28px}.footer-main>div{border-right:1px solid rgba(255,255,255,.16);padding:0 36px}.footer-main>div:first-child{padding-left:0}.footer-main>div:last-child{border-right:0}.footer-brand>img{width:220px;height:55px;object-fit:contain;filter:brightness(0) invert(1)}.footer-brand p{font-size:14px;color:#b7c8e0;line-height:1.8;margin:8px 0}.footer-links>b,.footer-about>b,.footer-contact>b{font-size:16px}.footer-links>div{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin-top:18px}.footer-links a,.footer-about a{font-size:15px;color:#c4d1e4}.footer-about{display:flex;flex-direction:column;gap:12px}.footer-about b{margin-bottom:3px}.footer-contact p{font-size:15px;color:#c4d1e4;margin:18px 0}.footer-bottom{height:45px;border-top:1px solid rgba(255,255,255,.15);color:#bdcce1;font-size:14px}.footer-bottom .container{height:100%;display:flex;align-items:center;justify-content:space-between}.floating{position:fixed;right:10px;top:142px;z-index:25;display:flex;flex-direction:column;gap:6px}.floating img{width:72px;height:84px;object-fit:cover}.top-ranking{padding-top:27px}
@media(max-width:1200px){.container,.header-inner{width:calc(100% - 48px)}.site-logo{width:220px;flex-basis:220px}.site-header nav{gap:18px}.search{width:210px}.hero-copy{padding-left:0}.hero-art{right:-120px;opacity:.72}.compare-head,.compare-row{grid-template-columns:65px 190px 120px 120px 140px 1fr 220px;padding:0 18px}.dimension-bar{grid-template-columns:1.3fr repeat(5,1fr);padding:0 18px}.dimension-bar>span{padding-left:18px}.floating{display:none}}
@media(max-width:900px){.site-header{height:auto}.header-inner{height:auto;min-height:64px;flex-wrap:wrap;padding:8px 0}.site-header nav{order:3;width:100%;height:46px;overflow-x:auto}.site-logo{width:190px;flex-basis:190px}.site-logo img{width:185px}.search{width:240px}.hero{height:auto;min-height:570px}.hero-inner{align-items:flex-start;padding-top:52px}.hero-copy{width:100%}.hero h1{font-size:38px}.hero-art{width:600px;right:-60px;bottom:0;opacity:.42}.product-grid,.audience-grid,.feature-grid,.platform-grid,.criteria-grid{grid-template-columns:repeat(2,1fr)}.node-tables{grid-template-columns:1fr}.dimension-bar{display:none}.compare-table,.detail-table{overflow-x:auto}.compare-head,.compare-row{min-width:1050px}.detail-head,.detail-row{min-width:900px}.guide-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.site-map-grid{grid-template-columns:repeat(3,1fr)}.footer-main{height:auto;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:30px}.footer-main>div{border:0;padding:0}.footer-bottom .container{gap:20px}.section-title-row{height:auto;align-items:flex-start;flex-wrap:wrap}.section-title-row>p{width:100%;margin:9px 0 0 53px}}
@media(max-width:600px){.container,.header-inner{width:calc(100% - 28px)}.search{display:none}.site-logo{width:100%;flex-basis:100%;display:flex;justify-content:center}.site-header nav{gap:24px}.hero{min-height:620px}.hero h1{font-size:33px}.hero-copy>p{font-size:17px}.hero-actions{flex-direction:column}.hero-actions a{width:100%}.hero-points{gap:12px;flex-wrap:wrap}.hero-art{width:500px;right:-150px;opacity:.35}.product-grid,.audience-grid,.feature-grid,.platform-grid,.criteria-grid,.guide-grid,.article-grid,.faq-grid,.site-map-grid{grid-template-columns:1fr}.product-card{height:126px}.section-title h2{font-size:21px}.section-title-row>p{margin-left:0}.node-head,.node-row{grid-template-columns:48px 1.2fr 1fr .7fr}.node-head span:last-child,.node-row .network{display:none}.footer-main{grid-template-columns:1fr}.footer-bottom{height:auto;padding:14px 0}.footer-bottom .container{flex-direction:column;align-items:flex-start}}