:root{--bg:#06101e;--panel:#0b1727;--panel2:#0e2035;--line:#173a5d;--text:#eef7ff;--muted:#8da9c2;--cyan:#56d5ff;--blue:#5092ff;--violet:#8b7cff;--green:#6ee7b7;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 50% -20%,#12335b 0,#08192d 31%,#050d18 70%);min-height:100vh}a{color:inherit;text-decoration:none}
.topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:rgba(5,13,24,.9);border-bottom:1px solid rgba(86,213,255,.11);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border:1px solid #2879ae;border-radius:11px;display:grid;place-items:center;font-weight:900;color:#dff8ff;background:linear-gradient(145deg,#123a62,#0c1d34);box-shadow:0 0 20px rgba(86,213,255,.1)}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#638aaa;font-size:9px;letter-spacing:1px;margin-top:2px}
.top-actions{display:flex;gap:7px;align-items:center;flex-wrap:nowrap}.top-mini{border:1px solid #183653;background:#091522;color:#9fb9cf;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:700;white-space:nowrap}.top-mini:hover{border-color:#3aa8d7;color:#e9fbff}.favorite-btn{font-family:inherit;cursor:pointer}
.signal{max-width:1180px;margin:8px auto 0;padding:9px 14px;border:1px solid rgba(86,213,255,.13);background:rgba(8,24,42,.76);border-radius:10px;color:#91afc6;font-size:12px;display:flex;align-items:center;gap:9px}.signal i{width:7px;height:7px;border-radius:50%;background:#6ee7b7;box-shadow:0 0 12px #6ee7b7}
.hero,.section,footer{max-width:1180px;margin-left:auto;margin-right:auto}.hero{padding:34px 18px 20px;display:flex;align-items:center;justify-content:space-between;gap:22px}.hero-copy{max-width:570px}.eyebrow{font-size:9px;letter-spacing:2.6px;color:#64cff1;font-weight:800}.hero h1{font-size:36px;line-height:1.12;margin:8px 0}.hero p{margin:0;color:#9ab0c2;line-height:1.8;font-size:14px}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.hero-tags span{font-size:11px;padding:6px 10px;border-radius:8px;border:1px solid #173b5c;background:#081827;color:#a9c8df}
.hero-orbit{width:110px;height:110px;flex:0 0 110px;border:1px solid rgba(86,213,255,.22);border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(80,146,255,.16),transparent 62%);box-shadow:inset 0 0 28px rgba(86,213,255,.05)}.hero-orbit:before{content:"";position:absolute;inset:13px;border:1px dashed rgba(139,124,255,.25);border-radius:50%}.hero-orbit b{font-size:26px;letter-spacing:-1px;color:#d9f8ff}.hero-orbit span{position:absolute;width:7px;height:7px;background:#56d5ff;border-radius:50%;box-shadow:0 0 13px #56d5ff}.hero-orbit span:nth-of-type(1){top:11px;left:50%}.hero-orbit span:nth-of-type(2){bottom:17px;right:12px;background:#8b7cff;box-shadow:0 0 13px #8b7cff}
.section{padding:18px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.section-title small{font-size:9px;letter-spacing:2px;color:#4db9e4}.section-title h2{font-size:20px;margin:2px 0 0}.section-note{font-size:10px;color:#69879f}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.category-grid a{min-height:106px;padding:13px;border-radius:14px;background:linear-gradient(145deg,#0c1b2e,#0a1523);border:1px solid #163653;transition:.18s transform,.18s border-color}.category-grid a:hover{transform:translateY(-2px);border-color:#347dac}.category-grid b{display:block;color:#3e7aa3;font-size:10px}.category-grid strong{display:block;margin-top:13px;font-size:14px}.category-grid span{display:block;margin-top:6px;color:#7895ac;font-size:10px;line-height:1.45}
.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.platform-card{position:relative;min-height:104px;display:grid;grid-template-columns:34px 56px 1fr auto;align-items:center;gap:10px;padding:12px;background:linear-gradient(135deg,#0d1c2e,#10253d);border:1px solid #173c5e;border-radius:15px;overflow:hidden;transition:.18s transform,.18s border-color,.18s box-shadow}.platform-card:after{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:linear-gradient(#56d5ff,#7c7cff);opacity:.72}.platform-card:hover{transform:translateY(-1px);border-color:#3387b7;box-shadow:0 10px 28px rgba(0,0,0,.18)}.rank{font-size:10px;color:#3f708f;font-weight:800}.logo-wrap{width:52px;height:52px;border-radius:12px;background:#07111c;border:1px solid #173955;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-wrap img{width:78%;height:78%;object-fit:contain;transform:scale(var(--logo-scale,1))}.logo-wrap span{font-size:20px;font-weight:900;color:#62d4f7}.platform-copy{min-width:0}.platform-copy strong{font-size:14px}.platform-copy p{font-size:10px;color:#819db3;line-height:1.5;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enter{font-size:10px;color:#7fccea;white-space:nowrap}.enter span{font-size:15px}.empty{grid-column:1/-1;padding:24px;text-align:center;border:1px dashed #204a6b;border-radius:14px;color:#7391aa}
.friend-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.friend-card{position:relative;min-height:128px;padding:16px;border-radius:15px;background:linear-gradient(145deg,#0c2635,#0d3140);border:1px solid rgba(86,213,255,.15)}.friend-card:nth-child(2){background:linear-gradient(145deg,#171d38,#22234a);border-color:rgba(139,124,255,.18)}.friend-card strong{display:block;font-size:16px;margin-top:18px}.friend-card p{font-size:11px;line-height:1.55;color:#89a3b8;margin:7px 0 10px}.friend-card>span:last-child{font-size:11px;color:#69d0ef;font-weight:700}.friend-tag{position:absolute;top:12px;right:12px;font-size:9px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.06);color:#aac3d7}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide-grid article{display:flex;gap:11px;padding:14px;border:1px solid #153651;background:#091726;border-radius:14px}.guide-grid article>span{width:36px;height:36px;flex:0 0 36px;border-radius:9px;display:grid;place-items:center;background:#102b43;color:#5bd5fc;font-size:10px;font-weight:900}.guide-grid h3{font-size:13px;margin:0 0 5px}.guide-grid p{font-size:10px;line-height:1.6;color:#7896ad;margin:0}
.faq details{border:1px solid #13324e;border-bottom:0;background:#091522;padding:0 14px}.faq details:first-of-type{border-radius:14px 14px 0 0}.faq details:last-of-type{border-radius:0 0 14px 14px;border-bottom:1px solid #13324e}.faq summary{cursor:pointer;padding:15px 0;font-weight:700;font-size:13px}.faq details p{margin:0;padding:0 0 15px;color:#7d9bb1;font-size:12px;line-height:1.7}.about p{background:#091522;border:1px solid #13324e;border-radius:14px;padding:16px;color:#809db3;font-size:12px;line-height:1.8;margin:0}
footer{padding:28px 18px 42px;text-align:center;color:#527189;font-size:11px}footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-bottom:16px;color:#7798af}footer small{display:block;margin-top:6px;color:#405e75}
@media(max-width:620px){.topbar{gap:8px}.brand small{display:none}.top-actions{gap:5px}.top-mini{padding:7px 8px;font-size:9px}.signal{margin:7px 10px 0}.hero{padding:28px 12px 16px}.hero-orbit{display:none}.hero h1{font-size:31px}.section{padding:14px 12px}.category-grid{grid-template-columns:1fr 1fr}.platform-grid{grid-template-columns:1fr}.friend-grid,.guide-grid{grid-template-columns:1fr}.platform-card{grid-template-columns:28px 52px 1fr auto}}
@media(min-width:900px){body{padding-bottom:40px}.topbar{padding-left:max(16px,calc((100vw - 1180px)/2));padding-right:max(16px,calc((100vw - 1180px)/2))}.platform-card{min-height:96px}.friend-card{min-height:118px}.seo-info-grid{grid-template-columns:repeat(3,1fr)}}

.seo-info-grid{display:grid;grid-template-columns:1fr;gap:10px}.seo-info-grid article{padding:16px;border:1px solid #153651;background:#091726;border-radius:14px}.seo-info-grid h3{font-size:14px;margin:0 0 8px;color:#dcefff}.seo-info-grid p{font-size:11px;line-height:1.8;color:#7896ad;margin:0}