:root{--text: #e7ebf3;--muted: #9aa4b2;--border: #273041}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 20% -10%,#122,#0b0c0f 60%) no-repeat fixed;color:var(--text);transition:background .25s ease}body.gateway-background{background:#fff}.page{width:100%;max-width:480px;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px}.page.gateway-mode{padding-top:16px}.hero{margin:12px 0 6px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#2a2f3a,#141922);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.hero-title{font-size:18px;font-weight:700;color:#ffd447;text-align:center;letter-spacing:1px;-webkit-text-stroke:.8px rgba(255,255,255,.35);text-shadow:0 0 6px rgba(255,212,71,.75),0 0 12px rgba(255,212,71,.35)}.app-main{padding:16px}.wechat-card,.gateway-card{display:grid;gap:16px;padding:20px 18px 8px;border:1px solid #ececec;border-radius:0;background:#fff;box-shadow:none}.wechat-card{padding-bottom:20px}.gateway-badge{justify-self:center;padding:0;background:transparent;border:none;color:#2d7d3f;font-size:15px;font-weight:700;letter-spacing:0}.gateway-title{margin:0;text-align:center;font-size:34px;line-height:1.35;color:#294b73}.wechat-title{margin:0;text-align:center;font-size:30px;line-height:1.35;color:#294b73}.gateway-text{margin:0;text-align:center;color:#9a9a9a;font-size:13px;line-height:1.5}.wechat-text{margin:0;text-align:center;color:#7f7f7f;font-size:15px;line-height:1.7}.wechat-steps{display:grid;gap:10px;padding:14px 16px;background:#f7f9fc;border:1px solid #e3eaf4}.wechat-step{text-align:center;color:#2e4a6b;font-size:15px;font-weight:600}.ready-tip{padding:0 0 2px;border:none;background:transparent;text-align:center;font-size:13px;color:#8f8f8f}.countdown-panel{display:grid;gap:14px;justify-items:center;padding:8px 0 4px}.countdown-ring{width:128px;height:128px;border-radius:50%;border:3px solid rgba(88,213,132,.4);background:radial-gradient(circle,#58d5842e,#3d966114);display:grid;place-items:center;box-shadow:0 0 20px #58d58424,inset 0 0 18px #58d5841a}.countdown-value{font-size:40px;font-weight:700;line-height:1;color:#78f0aa}.countdown-unit{margin-top:-6px;font-size:13px;color:var(--muted)}.countdown-status{font-size:14px;color:#d8f8e2}.line-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.quick-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin-top:4px}.quick-nav-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:28px;color:#2e4a6b;text-decoration:none;text-align:center;transition:color .2s ease,opacity .2s ease}.quick-nav-link:hover{color:#1f5f9e;opacity:.92}.quick-nav-icon{width:18px;height:18px;display:block;flex:0 0 18px;object-fit:contain}.quick-nav-text{font-size:15px;font-weight:600;line-height:1.2}.line-card{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;padding:12px 16px;border-radius:6px;border:none;background:#1fb319;color:#fff;text-align:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.line-card:hover{transform:translateY(-1px);background:#18a814}.line-name{flex:1;font-size:18px;font-weight:700;color:#fff;text-align:center}.line-speed{margin-left:12px;font-size:14px;font-weight:700;color:#fff;white-space:nowrap}.browser-section{display:grid;gap:14px;margin-top:8px;padding-top:12px}.browser-divider{height:1px;background:#d8d8d8}.browser-title{text-align:center;font-size:14px;color:#9a9a9a;font-weight:600}.browser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.wechat-browser-grid{margin-top:4px}.browser-item{display:grid;justify-items:center;gap:8px}.browser-icon{width:48px;height:48px;object-fit:contain;display:block}.browser-name{font-size:13px;color:#111;font-weight:600}.browser-support{display:grid;gap:6px;margin-top:4px;padding-bottom:8px;text-align:center;font-size:13px;line-height:1.5;color:#8f8f8f}.status{padding:14px 16px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);background:#15182299}.status.error{color:#ff6b6b}.content{display:grid;gap:14px}.group{padding:8px;border:1px solid var(--border);border-radius:12px;background:#15182299}.group-title{margin:0 6px 10px;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.card{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"top" "meta";align-items:center;justify-content:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#151a24,#0f1420);text-decoration:none;color:var(--text)}.card:hover{border-color:#345;box-shadow:0 0 0 1px #345 inset}.card-top{grid-area:top;height:64px;display:flex;align-items:center;justify-content:center}.card-top-img{width:auto;max-width:100%;height:100%;object-fit:contain;object-position:center;border-radius:8px;display:block}.card .meta{grid-area:meta;display:grid;text-align:center}.card .name{font-size:14px;color:#ffd447;-webkit-text-stroke:.6px #3aa0ff;paint-order:stroke fill;text-shadow:0 1px 0 #3aa0ff,1px 0 0 #3aa0ff,-1px 0 0 #3aa0ff,0 -1px 0 #3aa0ff}.card .desc{font-size:12px;color:var(--muted)}@media(min-width:720px){.app-main{padding:24px}}@media(max-width:540px){.page{max-width:100%;padding-left:8px;padding-right:8px}.page.gateway-mode{padding-top:12px}.gateway-card{padding:18px 12px 6px}.gateway-title{font-size:28px}.wechat-title{font-size:26px}.wechat-text,.wechat-step{font-size:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.line-card{padding:12px 10px}.line-name{font-size:14px}.line-speed{margin-left:8px;font-size:13px}.quick-nav-grid{gap:12px 14px}.quick-nav-text{font-size:14px}.browser-grid{gap:16px 8px}.browser-icon{width:42px;height:42px}.card-top{height:56px}}