:root{color-scheme:light;--blue:#267dff;--ink:#102246;--muted:#5e7597;--glass:rgba(255,255,255,.66)}
*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{margin:0;min-height:100vh;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:linear-gradient(180deg,#e6edfa 0%,#eaf1ff 45%,#edf3ff 100%);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #0d59ce;outline-offset:4px}[hidden]{display:none!important}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:#fff;padding:12px;border-radius:8px}.skip-link:focus{top:12px}.shell{position:relative;width:80%;max-width:1440px;margin:0 auto}.shell-wide{width:86%;max-width:1536px;margin:0 auto}.top-background{position:absolute;inset:0 0 auto;height:350px;overflow:hidden;z-index:-2;pointer-events:none}.top-background img{width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.31;filter:saturate(.65)}.top-background:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.36) 80%,#eaf1ff)}#constellation{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.65}
.masthead{margin-top:0;overflow:hidden;border:1px solid rgba(255,255,255,.85);border-top:0;border-radius:0 0 26px 26px;background:#d0e0fa;box-shadow:0 15px 38px rgba(43,76,136,.1);min-height:76px}.masthead-brand{display:flex;align-items:center;min-height:76px;padding:16px 40px;background-image:linear-gradient(90deg,#96bdf154,transparent),repeating-linear-gradient(90deg,#5b82b51c 0 1px,transparent 1px 24px),repeating-linear-gradient(0deg,#5b82b51c 0 1px,transparent 1px 18px)}.masthead-brand img{width:180px;height:38px;object-fit:contain}.carousel{position:relative;overflow:hidden}.carousel-track{display:flex;transition:transform .6s cubic-bezier(.22,1,.36,1)}.carousel-slide{flex:0 0 100%;min-width:0}.carousel-slide img{display:block;width:100%;height:76px;object-fit:cover;object-position:left center}.carousel-slide a{display:block}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffb8;border:1px solid #fff9;border-radius:50%;width:30px;height:30px;font-size:27px;color:#466b9d;line-height:1;box-shadow:0 4px 12px #3260a41a}.carousel-arrow.previous{left:12px}.carousel-arrow.next{right:12px}.carousel-dots{position:absolute;bottom:7px;left:50%;display:flex;gap:5px;transform:translateX(-50%)}.carousel-dots button{padding:0;width:6px;height:6px;border:0;border-radius:5px;background:#ffffff88}.carousel-dots button[aria-current=true]{width:16px;background:#fff}.section-rule{height:2px;margin:6px 0 12px;background:rgba(255,255,255,.55)}
.notice{height:30px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(100deg,#2475ed,#459dff);border:1px solid #4b9aff;border-radius:12px;color:#fff;box-shadow:0 5px 18px #327bec18;font-size:15px;font-weight:750;letter-spacing:.5px}.notice-text{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:0 20px}.icon-ticker{margin:8px 0 10px;border:1px solid #ffffffc4;border-radius:17px;background:rgba(255,255,255,.86);height:64px;box-shadow:0 8px 24px #3159990a;overflow:hidden;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.ticker-track{display:flex;width:max-content;animation:ticker 55s linear infinite;opacity:.85}.ticker-group{display:flex;gap:76px;align-items:center;padding-right:76px}.ticker-group img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 3px 10px #2f6cc016}.icon-ticker:hover .ticker-track{animation-play-state:paused}@keyframes ticker{to{transform:translateX(-33.3333%)}}
.category-nav{display:flex;gap:8px;margin-bottom:15px}.category-button{flex:1;min-height:40px;padding:7px 18px;border:2px solid #3698ff;border-radius:10px;background:rgba(255,255,255,.7);font-size:14px;font-weight:800;color:#3278c6;box-shadow:0 5px 12px #2267ca1c;transition:background .2s,transform .2s}.category-button.active{background:linear-gradient(100deg,#0b5edc,#25a5fa);color:#fff;box-shadow:0 6px 12px #2674e633,inset 0 1px 0 #ffffff26}.category-button:hover{transform:translateY(-1px)}.section-heading{text-align:center;margin:0 0 12px}.section-heading h1{font-size:clamp(26px,2.55vw,40px);line-height:1.4;font-weight:900;letter-spacing:.2px;margin:0;color:#10234f;text-shadow:0 2px 0 #fff5}.section-heading>span{display:block;margin:5px auto 0;width:120px;height:4px;border-radius:99px;background:linear-gradient(90deg,transparent,#3b93fc,transparent)}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.platform-card{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-areas:"avatar meta" "cta cta";column-gap:10px;row-gap:10px;align-items:start;padding:13px;border:1.5px solid rgba(255,255,255,.92);border-radius:23px;background:linear-gradient(180deg,rgba(255,255,255,.83),rgba(240,247,255,.68));box-shadow:inset 0 1px 0 #ffffffeb,0 14px 28px rgba(31,66,130,.12);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);transition:transform .25s,border-color .25s,box-shadow .25s;animation:card-in .55s both;animation-delay:var(--stagger,0ms)}.platform-card:hover{transform:translateY(-3px);border-color:#91bbff;box-shadow:inset 0 1px 0 #fff,0 16px 30px rgba(31,87,171,.18)}.avatar{grid-area:avatar;width:54px;height:54px;object-fit:cover;border-radius:50%;background:#edf4ff;border:2px solid #c8dcff;box-shadow:0 5px 12px #2b6ed01a}.card-meta{grid-area:meta;min-width:0;padding-top:1px}.card-meta h2{margin:0;color:#14243b;font-size:15px;line-height:1.25;font-weight:800;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-subtitle{margin:4px 0 3px;color:#5a7396;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating{display:flex;gap:7px;align-items:center;white-space:nowrap}.stars{display:inline-flex;gap:1px}.stars>span{width:15px;height:15px;display:block}.stars svg{width:100%;height:100%;fill:#2476ed;filter:drop-shadow(0 2px 3px #2773d71a)}.stars .muted svg{fill:#b6d0fb}.score{font-size:12px;color:#466185;line-height:1.1}.visit-button{grid-area:cta;display:block;min-height:32px;width:100%;margin:3px 0 0;padding:6px 8px;text-align:center;border:1px solid #8cbcff;border-radius:14px;background:linear-gradient(100deg,#287aff,#49a2ff);box-shadow:inset 0 1px 1px #ffffff73,0 5px 10px #2775e51a;color:white;text-decoration:none;font-weight:800;font-size:13px;line-height:1.3;transition:filter .2s}.visit-button:hover{filter:brightness(1.06)}.card-badge{position:absolute;right:9px;top:-7px;padding:2px 7px;border-radius:6px;background:#2e80fa;color:#fff;font-size:9px;box-shadow:0 4px 10px #195cc52b}.empty-state{text-align:center;padding:48px 20px;background:#ffffff70;border:1px solid #fff;border-radius:22px}.empty-state>span{font-size:32px;color:#4a96ff}.empty-state h2{font-size:20px}.empty-state p{color:#7185a3;font-size:14px}@keyframes card-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.site-footer{text-align:center;padding:18px 0 12px;font-size:11px;line-height:1.5;color:#8192ae}.footer-logo{display:inline-flex;background:#ffffffda;border:1px solid #dce5f3;border-radius:7px;padding:3px 7px;box-shadow:0 2px 5px #234a8410}.footer-logo img{width:110px;height:19px;object-fit:contain}.site-footer p{margin:4px 0}.site-footer .footer-name{font-weight:750;font-size:12px;color:#587195;margin-top:7px}.contact-widget{position:fixed;bottom:20px;right:20px;z-index:30}.contact-toggle{position:relative;display:grid;place-items:center;width:58px;height:58px;padding:14px;border:0;border-radius:50%;color:white;background:linear-gradient(145deg,#1872ef,#24a6ff);box-shadow:0 9px 25px #1870e74a;transition:transform .2s}.contact-toggle:hover{transform:translateY(-2px)}.contact-toggle svg{width:100%;height:100%}.contact-badge{position:absolute;right:-2px;top:-4px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#ff4c63;font-size:11px;color:white;box-shadow:0 2px 7px #ff46594d}.contact-panel{position:absolute;right:0;bottom:73px;width:285px;border:1px solid #fff;border-radius:20px;overflow:hidden;background:#f8fbff;box-shadow:0 16px 50px #21487f33;animation:card-in .2s both}.contact-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(100deg,#2378f6,#3ba9ff);color:white;font-size:15px}.contact-close{border:0;background:transparent;color:white;font-size:25px;line-height:1}.contact-body{display:flex;flex-direction:column;align-items:center;padding:24px 20px}.contact-avatar{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#e5efff;color:#3a8afa;font-size:26px;margin-bottom:13px}.contact-body strong{font-size:15px}.contact-body p{font-size:12px;line-height:1.7;text-align:center;color:#6b80a1}.contact-link{display:flex;gap:16px;align-items:center;text-decoration:none;background:#2d82f7;color:white;border-radius:10px;padding:10px 24px;font-size:13px;margin-top:6px}.toast{position:fixed;z-index:100;left:50%;bottom:35px;transform:translateX(-50%);border:1px solid #ffffff52;border-radius:12px;background:#12294eea;box-shadow:0 8px 25px #0e25442e;padding:13px 21px;color:#fff;font-size:13px;max-width:calc(100% - 40px);text-align:center;white-space:nowrap}
@media(min-width:1700px){.masthead,.carousel-slide img,.masthead-brand{height:92px}.notice{height:35px;font-size:17px}.icon-ticker{height:78px}.category-button{min-height:47px;font-size:16px}.card-grid{gap:15px}.platform-card{padding:16px;grid-template-columns:64px minmax(0,1fr);column-gap:12px;border-radius:27px}.avatar{width:64px;height:64px}.card-meta h2{font-size:18px}.card-subtitle{font-size:16px}.stars>span{width:18px;height:18px}.score{font-size:14px}.visit-button{min-height:38px;font-size:15px}.top-background{height:420px}.site-footer{padding-top:23px;font-size:13px}.footer-name{font-size:14px!important}.footer-logo img{width:132px;height:24px}}
@media(max-width:1100px){.shell{width:90%}.shell-wide{width:94%}.card-grid{gap:11px}.platform-card{padding:11px;grid-template-columns:46px minmax(0,1fr);column-gap:8px;border-radius:20px}.avatar{width:46px;height:46px}.card-meta h2{font-size:13px}.card-subtitle{font-size:12px}.stars>span{width:12px;height:12px}.rating{gap:4px}.score{font-size:10px}.top-background{height:330px}}
@media(max-width:760px){.shell{width:calc(100% - 24px)}.shell-wide{width:calc(100% - 16px)}.masthead{min-height:68px;border-radius:0 0 20px 20px}.carousel-slide img{height:68px}.masthead-brand{min-height:68px;padding:13px 23px}.masthead-brand img{width:150px;height:32px}.notice{height:30px;border-radius:10px;font-size:12px}.section-rule{margin:6px 0 9px}.icon-ticker{height:57px;margin:8px 0;border-radius:14px}.ticker-group{gap:45px;padding-right:45px}.ticker-group img{width:34px;height:34px}.category-nav{margin-bottom:15px;gap:6px;overflow-x:auto;padding:2px 0 5px}.category-button{min-height:36px;white-space:nowrap;font-size:12px;padding:6px 12px;border-radius:9px}.section-heading{margin-bottom:14px}.section-heading h1{font-size:27px}.section-heading>span{width:100px;height:3px;margin-top:7px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.platform-card{padding:11px 10px 10px;grid-template-columns:42px minmax(0,1fr);column-gap:8px;row-gap:8px;border-radius:19px}.avatar{width:42px;height:42px}.card-meta h2{font-size:13px;line-height:1.3}.card-subtitle{font-size:11px;margin:3px 0}.stars>span{width:11px;height:11px}.rating{gap:4px}.score{font-size:10px}.visit-button{min-height:29px;border-radius:11px;font-size:12px;margin-top:2px}.site-footer{padding:25px 0 20px;font-size:10px}.site-footer .footer-name{font-size:11px}.top-background{height:330px}.contact-widget{bottom:18px;right:14px}.contact-toggle{width:50px;height:50px;padding:12px}.contact-badge{width:17px;height:17px;font-size:10px}.toast{white-space:normal;min-width:240px;bottom:85px}.contact-panel{bottom:64px}}
@media(max-width:370px){.platform-card{padding:9px 8px;grid-template-columns:36px minmax(0,1fr);column-gap:6px}.avatar{width:36px;height:36px}.card-meta h2{font-size:12px}.stars>span{width:9px;height:9px}.score{font-size:9px}.section-heading h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}