:root{--primary: #2f78ff;--text: #222;--muted: #666;--bg: #ffffff;--border: #e8e8e8}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.navbar{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:10}.navbar-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.brand{display:flex;align-items:center;gap:10px}.brand img{height:36px;width:auto}.menu{display:flex;gap:16px;align-items:center}.menu a,.menu button{color:#111;text-decoration:none;font-size:14px;padding:8px 10px;border-radius:6px;background:transparent;border:none;cursor:pointer}.menu a:hover,.menu button:hover{background:#f5f7fa}.menu .qq-group-btn{padding:4px;display:flex;align-items:center;justify-content:center}.menu .qq-group-btn img{width:90px;height:auto;display:block;border-radius:0}.menu .menu-item{position:relative}.menu .menu-item .submenu{position:absolute;top:calc(100% + 6px);left:0;display:none;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);box-shadow:0 8px 24px #0000001f;border-radius:8px;padding:8px;min-width:120px;z-index:20}.menu .menu-item:hover .submenu,.menu .menu-item.submenu-open .submenu{display:flex}@media (max-width: 640px){.menu.open .menu-item{position:relative}.menu.open .menu-item .submenu{top:0;left:auto;right:calc(100% + 8px);display:none}.menu.open .menu-item.submenu-open .submenu{display:flex}.menu.open{align-items:stretch}.menu.open a,.menu.open button{display:block;width:100%;text-align:left}.menu.open .menu-item{width:100%}}.menu-toggle{display:none;cursor:pointer;font-size:18px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:#fff}main.container{flex:1;width:100%;max-width:960px;margin:0 auto;padding:96px 16px 72px;text-align:center;box-sizing:border-box}.hero-typed{font-size:48px;color:transparent;background:linear-gradient(180deg,#8b5cf6,#2f78ff);-webkit-background-clip:text;background-clip:text;display:block;font-weight:700;font-family:Segoe UI,Helvetica Neue,Arial,Microsoft YaHei,sans-serif;white-space:nowrap;width:100%;max-width:100%;overflow:visible;text-overflow:ellipsis;height:60px;line-height:60px;margin:28px auto 72px;text-align:center;vertical-align:baseline;position:relative;z-index:0}.hero-typed:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,820px);height:340px;background:radial-gradient(ellipse at center,#8b5cf647,#5275ff38 40%,#fff0 70%);filter:blur(80px);pointer-events:none;z-index:-1}.hero-typed:after{content:"|";margin-left:6px;color:var(--primary);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.sites-wrapper{margin-top:12px;padding:0;border:0;border-radius:0;background:transparent;width:100%}.sites{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch;width:100%;max-width:720px;margin-left:auto;margin-right:auto}.site-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:100%;box-sizing:border-box;padding:10px 14px;background:#4169e1;color:#fff;border-radius:999px;text-decoration:none;font-weight:600;box-shadow:0 2px 6px #4169e138;transition:transform .12s ease,box-shadow .2s}.site-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #4169e142}.site-btn .left{display:inline-flex;align-items:center;gap:8px}.site-btn .flag{font-size:18px;line-height:1}.site-btn .flag-img{width:26px;height:26px;border-radius:50%;object-fit:cover}.site-btn .label{font-size:15px}.site-btn .latency{padding:1px 6px;min-width:48px;font-size:12px;border-radius:999px;background:#fff;border:1px solid #ffffff}.latency{display:inline-block;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:#fafafa;font-size:13px;color:#333;min-width:90px;text-align:center;transition:transform .15s ease}.latency[data-update="1"]{transform:translateY(-2px)}.latency.good{color:#00875a}.latency.medium{color:#a35b00}.latency.bad{color:#c40000}footer{margin-top:24px;padding:12px 16px 18px;border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:14px}footer a{color:var(--muted)}footer a:hover{color:var(--primary)}.sites-note{margin-top:10px;color:var(--muted);font-size:13px}.wechat-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999;overflow:auto}.wechat-gate img{display:block;width:100%;height:auto;margin:0}.platforms{margin:65px auto 40px;width:100%;max-width:720px}.platforms-title{font-size:18px;font-weight:700;color:var(--text);text-align:center;margin-bottom:16px}.platforms-strip{position:relative;overflow:hidden;display:block;gap:0;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,1) 38px,rgba(0,0,0,1) calc(100% - 38px),rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,#0000 0,#000 38px,#000 calc(100% - 38px),#0000)}.platforms-strip:before,.platforms-strip:after{content:"";position:absolute;top:0;bottom:0;width:48px;pointer-events:none;z-index:2}.platforms-strip:before{left:0;background:linear-gradient(to right,#fff 50%,#fff0)}.platforms-strip:after{right:0;background:linear-gradient(to left,#fff 50%,#fff0)}.platforms-row{display:inline-flex;align-items:center;gap:0;will-change:transform}.platforms-row.right{animation:platforms-marquee-reverse 34s linear infinite}.platforms-track{display:inline-flex;align-items:center;gap:20px;padding:8px 2px}.platforms-strip:hover .platforms-row{animation-play-state:paused}.platforms-track img{width:80px;height:80px;object-fit:contain;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000002e;border:1px solid var(--border)}@keyframes platforms-marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.stats{margin:48px auto 36px;width:100%;max-width:720px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat{text-align:center;padding:10px 6px}.stat-value{color:var(--primary);font-size:36px;font-weight:700;line-height:1.1}.stat-label{color:var(--text);font-size:16px;line-height:1.4;margin-top:6px}@media (max-width: 640px){.sites{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.navbar-inner{padding:10px 12px}.sites{grid-template-columns:1fr;justify-items:stretch}.latency{justify-self:start}}@media (max-width: 640px){:root{--footer-mobile-h: 52px}footer{position:fixed;bottom:0;left:0;right:0;margin-top:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));font-size:13px;background:#fff;border-top:1px solid var(--border);box-shadow:0 -8px 24px #00000014;z-index:30}main.container{padding-bottom:calc(72px + var(--footer-mobile-h) + env(safe-area-inset-bottom))}.navbar-inner{position:relative}.menu{display:none}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.menu.open{display:flex;flex-direction:column;position:absolute;right:12px;top:48px;background:#fff;border:1px solid var(--border);box-shadow:0 8px 24px #0000001f;border-radius:10px;padding:8px;gap:4px;z-index:20;width:120px}.menu.open a,.menu.open button{width:100%;text-align:left}.hero-typed{font-size:clamp(20px,6.8vw,28px);height:54px;line-height:54px;margin:20px auto 40px}.hero-typed:before{width:86vw;height:200px;filter:blur(52px)}.sites-tip{font-size:clamp(12px,3.2vw,14px)}.sites{grid-template-columns:1fr;justify-items:center;gap:12px;max-width:92vw}.site-btn{width:min(84vw,340px);margin:0 auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:52px}.stat-value{font-size:28px}.stat-label{font-size:15px}.platforms-track img{width:64px;height:64px}}.sites-tip{margin:6px auto 16px;max-width:960px;color:var(--muted);font-size:15px}.platforms-title{font-weight:400;letter-spacing:.6px}.wechat-help-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:none;z-index:1000}.wechat-help-mask.open{display:flex;align-items:center;justify-content:center}.wechat-help-dialog{background:#fff;color:#333;width:88%;max-width:420px;border-radius:12px;box-shadow:0 10px 30px #0003;padding:18px 16px;text-align:center}.wechat-help-dialog h3{margin:0 0 8px;font-size:18px}.wechat-help-dialog p{margin:6px 0;font-size:14px;color:#555}.wechat-help-dialog .actions{display:flex;gap:10px;justify-content:center;margin-top:12px;flex-wrap:wrap}.wechat-help-dialog button,.wechat-help-dialog .btn{background:#1677ff;color:#fff;border:none;border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer;text-decoration:none}.wechat-help-dialog #wechat-close{background:#888}