:root{color-scheme:dark;--bg:#080617;--text:#fcf9ff;--muted:#c7bbdf;--gold:#f1ce93;--violet:#a34aff;--line:rgba(218,179,255,.29);--width:min(1200px,calc(100% - 64px))}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}.shell{width:var(--width);margin-inline:auto}
.space-bg{position:fixed;inset:0;z-index:-6;background:radial-gradient(ellipse at 85% 10%,rgba(90,17,151,.42),transparent 39%),linear-gradient(180deg,rgba(6,5,19,.51),rgba(6,5,19,.88)),url('assets/Background.png') center/cover no-repeat}
.starfield{pointer-events:none;position:fixed;inset:0;z-index:-5;opacity:.56;background-image:radial-gradient(1.5px 1.5px at 13% 17%,white 80%,transparent),radial-gradient(1.5px 1.5px at 75% 24%,#ad7dff 80%,transparent),radial-gradient(1px 1px at 58% 72%,#fff 80%,transparent),radial-gradient(1px 1px at 87% 57%,#fff 80%,transparent),radial-gradient(2px 2px at 35% 82%,#8e72ff 60%,transparent);background-size:440px 370px;animation:starFloat 28s linear infinite}
.ambient{pointer-events:none;position:fixed;width:52vw;height:52vw;border-radius:50%;filter:blur(95px);z-index:-4;opacity:.36}.ambient-a{background:#5a16b7;top:-29vw;right:-18vw;animation:breathe 9s ease-in-out infinite alternate}.ambient-b{background:#243baf;top:42vh;left:-32vw;animation:breathe 12s ease-in-out infinite alternate-reverse}
.light-flow{pointer-events:none;position:fixed;z-index:-3;width:140vw;height:34vw;left:-20vw;top:12vh;border-top:2px solid rgba(205,110,255,.28);border-radius:50%;filter:drop-shadow(0 0 12px #9e42ee);transform:rotate(-20deg);animation:auroraShift 15s ease-in-out infinite alternate}.flow-b{top:65vh;left:-6vw;animation-duration:21s;animation-delay:-6s;border-color:rgba(122,130,255,.24);transform:rotate(17deg)}
@keyframes starFloat{to{background-position:440px 370px}}@keyframes breathe{to{transform:translate(6vw,3vw) scale(1.12);opacity:.54}}@keyframes auroraShift{to{transform:translate(7vw,-4vh) rotate(-11deg);opacity:.45}}
.site-header{position:relative;z-index:12;display:flex;justify-content:space-between;align-items:center;padding-top:27px;gap:20px}.brand{display:inline-flex;align-items:center;gap:18px;min-width:0}.brand-logo{width:82px;height:66px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(239,197,122,.15))}.brand-rule{height:45px;width:1px;background:linear-gradient(transparent,#dec9ed,transparent)}.brand-name{display:grid;gap:5px}.brand-name strong{font-size:24px;font-weight:750}.brand-name small{font-size:13px;color:#c5bcd5}.top-nav{display:flex;gap:24px;font-size:14px;color:#d7cceb}.top-nav a:hover{color:#f1ce93}
.hero{height:590px;min-height:520px;position:relative;display:flex;align-items:center;isolation:isolate}.hero-copy{z-index:6;max-width:56%;position:relative;padding-bottom:14px}.hero-kicker{display:block;font-size:11px;letter-spacing:.27em;color:#c7a9ff;font-weight:600;margin-bottom:26px}.hero h1{font-family:Georgia,"Songti SC","SimSun",serif;font-size:clamp(42px,4.7vw,69px);letter-spacing:.03em;line-height:1.32;margin:0;color:#f7e5c8;text-shadow:0 3px 35px rgba(118,54,161,.55);white-space:pre-line}.gold-rule{width:174px;height:2px;background:linear-gradient(90deg,transparent,#ffe3ad,transparent);box-shadow:0 0 11px #edc590;margin:28px 0}.hero p{font-size:17px;line-height:2;color:#e4d5f6;white-space:pre-line;max-width:490px;margin:0}.hero-art{position:absolute;z-index:2;right:-3%;top:0;width:66%;height:100%;overflow:visible;pointer-events:none}.hero-art img{position:absolute;right:-2%;bottom:-18px;width:100%;height:102%;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 0 38px rgba(142,42,241,.35));mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 85%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 85%)}.portrait-aura{position:absolute;inset:14% 0 0 20%;border-radius:50%;background:radial-gradient(ellipse,rgba(148,52,245,.38),transparent 67%);filter:blur(29px);animation:portraitGlow 7s ease-in-out infinite alternate}.portrait-glow{position:absolute;right:-5%;bottom:-35px;height:160px;width:94%;background:radial-gradient(ellipse at 50% 0%,rgba(140,44,232,.3),transparent 70%);filter:blur(25px)}@keyframes portraitGlow{to{transform:translate(-2%,3%) scale(1.11);opacity:.6}}
.planet{position:absolute;width:58%;height:300px;left:-20%;bottom:-130px;transform:rotate(-12deg);border-radius:50%;background:radial-gradient(ellipse at center,transparent 43%,rgba(96,54,165,.35) 61%,rgba(117,68,204,.08) 65%,transparent 69%);border-top:2px solid rgba(144,112,255,.23);filter:drop-shadow(0 -8px 19px rgba(111,77,223,.37));pointer-events:none}.hero-ribbon{position:absolute;pointer-events:none;z-index:5;width:120%;height:130px;left:-9%;bottom:2%;border-bottom:3px solid rgba(220,138,255,.62);border-radius:50%;transform:rotate(-10deg);box-shadow:0 7px 32px rgba(137,27,235,.32);animation:ribbonMove 10s ease-in-out infinite alternate}.hero-ribbon-b{bottom:-10%;left:-16%;border-bottom-color:rgba(115,66,234,.34);transform:rotate(6deg);animation-duration:14s}@keyframes ribbonMove{to{transform:rotate(-7deg) translateY(-17px);opacity:.53}}
.entries-section{position:relative;padding:73px 0 64px;z-index:2}.section-heading{text-align:center;display:flex;justify-content:center;align-items:center;gap:35px;margin-bottom:30px}.decor-line{height:1px;width:90px;max-width:10%;background:linear-gradient(90deg,transparent,#f2c8f5,transparent)}.section-eyebrow{display:block;font-size:11px;letter-spacing:.24em;color:#ae8ee5;margin-bottom:9px}.section-heading h2{font-family:Georgia,"Songti SC","SimSun",serif;font-size:clamp(29px,3.4vw,43px);font-weight:600;margin:0 0 12px}.section-heading h2 em{color:#f7d4a0;font-style:normal}.section-heading p{font-size:14px;color:#c8b7da;margin:0;line-height:1.6}.speed-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#c2acd8;font-size:12px;margin:0 3px 16px}.refresh-button{color:#eddef9;border:1px solid rgba(190,144,244,.32);background:rgba(26,17,52,.72);border-radius:100px;padding:8px 15px;transition:.2s}.refresh-button:hover{border-color:#d59cfc;background:rgba(82,37,131,.5)}.refresh-button:disabled{opacity:.6;cursor:wait}
.speed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.speed-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;min-width:0;min-height:154px;padding:22px 23px 18px;border-radius:19px;overflow:hidden;background:linear-gradient(140deg,rgba(48,38,76,.93),rgba(21,17,44,.92));border:1px solid rgba(210,160,252,.38);box-shadow:inset 0 1px 1px rgba(255,255,255,.11),0 12px 28px rgba(0,0,0,.14),0 1px 13px rgba(139,75,224,.12);transition:transform .25s,border-color .25s,box-shadow .25s}.speed-card:before{content:'';position:absolute;bottom:0;left:15%;width:70%;height:1px;background:linear-gradient(90deg,transparent,#bb7aff,transparent);box-shadow:0 0 16px 3px rgba(165,70,250,.33)}.speed-card:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.10) 48%,transparent 66%);transform:translateX(-140%);transition:transform .6s}.speed-card:hover{transform:translateY(-5px);border-color:rgba(244,195,242,.8);box-shadow:0 18px 37px rgba(84,33,123,.3)}.speed-card:hover:after{transform:translateX(140%)}.speed-card.featured{background:linear-gradient(135deg,rgba(83,57,113,.85),rgba(37,21,70,.95));border-color:#c29ce4}.speed-card-top{display:flex;align-items:center;gap:15px}.entry-icon{flex:0 0 45px;width:45px;height:45px;display:grid;place-items:center;color:#e8c9ff;border-radius:14px;font-size:26px;background:rgba(174,115,245,.11)}.speed-card.featured .entry-icon{color:var(--gold)}.speed-main{min-width:0;flex:1}.speed-name{font-size:20px;font-weight:750;line-height:1.3}.speed-host{color:#9b8fac;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speed-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.speed-value{display:flex;align-items:center;gap:8px}.status-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#6ee59e;box-shadow:0 0 0 4px rgba(71,235,139,.12),0 0 8px #6ae09a}.status-dot.error,.status-dot.unavailable,.status-dot.restricted{background:#e8ae64;box-shadow:0 0 0 4px rgba(232,174,100,.12)}.speed-ms{font-size:24px;font-weight:770;letter-spacing:-.04em;white-space:nowrap}.speed-pill{display:inline-flex;font-size:11px;color:#93e4ae;background:rgba(40,168,87,.18);padding:5px 9px;border-radius:50px;white-space:nowrap}.speed-pill.error,.speed-pill.unavailable,.speed-pill.restricted,.speed-pill.unsupported{color:#f4ce9b;background:rgba(221,145,62,.15)}.speed-open{border:1px solid rgba(187,134,226,.4);padding:8px 12px;border-radius:999px;font-weight:600;font-size:12px;color:#ead9ff;white-space:nowrap;transition:background .2s}.speed-open:hover{background:rgba(149,80,211,.25)}.speed-note{margin:20px 5px 0;text-align:center;color:#9f8eaf;font-size:12px;line-height:1.7}.speed-placeholder{grid-column:1/-1;text-align:center;color:#c3abd9;padding:50px 20px;border-radius:16px;background:rgba(29,18,53,.65)}
.contact-section{position:relative;padding:55px 0 115px;min-height:430px;isolation:isolate}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;position:relative;z-index:3}.contact-card{min-width:0;display:flex;align-items:center;gap:18px;padding:24px 23px;border:1px solid rgba(198,144,248,.42);border-radius:20px;background:linear-gradient(135deg,rgba(51,39,86,.85),rgba(24,19,53,.85));box-shadow:inset 0 1px rgba(255,255,255,.09),0 10px 28px rgba(30,9,75,.25);transition:transform .22s,border-color .22s}.contact-card:hover{transform:translateY(-4px);border-color:#e0aaff}.contact-icon{color:var(--gold);font-size:32px;min-width:38px;line-height:1}.contact-text{flex:1;min-width:0}.contact-text strong{display:block;font-size:19px;margin-bottom:8px}.contact-text small{display:block;color:#c5b3d8;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-arrow{color:#967cbb;font-size:20px}.footer-art{position:absolute;left:15%;right:15%;bottom:0;height:110px;pointer-events:none;opacity:.75;filter:drop-shadow(0 0 28px rgba(181,94,244,.32))}.token{position:absolute;bottom:-15px;display:grid;place-items:center;font-family:Georgia,serif;font-weight:bold;color:#e8c584;border:13px double #8e6a41;border-radius:50%;background:radial-gradient(circle,#302343,#110c1a);box-shadow:0 0 0 3px #e5c48d,0 0 24px rgba(229,160,98,.3)}.token-one{left:35%;width:90px;height:90px;transform:rotate(-24deg)}.token-two{left:48%;width:60px;height:60px;bottom:2px}.token-three{left:56%;width:70px;height:70px;bottom:-10px}.footer{background:#080615;position:relative;z-index:3;border-top:1px solid rgba(174,118,203,.14)}.footer .shell{display:flex;justify-content:space-between;gap:18px;font-size:12px;color:#9d8baf;padding:25px 0}.footer span{white-space:nowrap}
@media(max-width:1000px){.hero{height:520px}.hero h1{font-size:clamp(39px,5vw,58px)}.hero-art{right:-10%;width:69%}.speed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{gap:12px}.contact-card{padding:19px 14px;gap:10px}.contact-text strong{font-size:16px}}
@media(max-width:700px){:root{--width:calc(100% - 32px)}.site-header{padding-top:13px}.brand{gap:9px}.brand-logo{width:56px;height:51px}.brand-rule{height:35px}.brand-name strong{font-size:18px}.brand-name small{font-size:10px;max-width:205px}.top-nav{display:none}.hero{display:block;height:630px;min-height:0}.hero-copy{padding-top:33px;max-width:100%;position:relative;z-index:7}.hero-kicker{font-size:9px;letter-spacing:.2em;margin-bottom:14px}.hero h1{font-size:clamp(35px,8vw,49px);line-height:1.28;max-width:100%;text-shadow:0 2px 12px #16051c}.hero p{font-size:13px;line-height:1.8;max-width:57%;text-shadow:0 2px 10px #120a26}.gold-rule{margin:18px 0;width:116px}.hero-art{width:108%;height:420px;right:-26%;top:205px;z-index:4}.hero-art img{height:100%;width:100%;right:0;bottom:0;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 95%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 95%)}.portrait-aura{inset:18% 0 0 25%}.hero-ribbon{bottom:0}.hero-ribbon-b{bottom:-5%}.planet{bottom:-90px;width:100%}.entries-section{padding:40px 0}.section-heading{gap:9px;margin-bottom:25px}.decor-line{max-width:8%;width:30px}.section-heading h2{font-size:clamp(26px,6.5vw,34px)}.section-heading p{font-size:12px}.section-eyebrow{font-size:9px}.speed-grid{grid-template-columns:1fr;gap:12px}.speed-card{padding:18px 19px;min-height:138px}.speed-name{font-size:19px}.speed-ms{font-size:23px}.speed-note{font-size:11px}.contact-section{padding:38px 0 95px}.contact-grid{grid-template-columns:1fr;gap:12px}.contact-card{padding:17px 19px;min-height:78px}.contact-text strong{font-size:18px}.footer-art{left:0;right:0;height:90px;opacity:.5}.token-one{left:23%}.token-two{left:45%}.token-three{left:60%}.footer .shell{font-size:11px;flex-wrap:wrap}}
@media(max-width:380px){.brand-name strong{font-size:16px}.brand-name small{font-size:9px}.hero h1{font-size:34px}.hero p{max-width:61%}.hero-art{right:-31%}.speed-card{padding:17px 15px}.speed-open{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* v3.1: QQ contact icon and compact mobile first screen */
.contact-icon-qq{display:flex;align-items:center;justify-content:center;min-width:38px}
.contact-icon-qq img{width:39px;height:39px;display:block;object-fit:contain;filter:drop-shadow(0 0 6px rgba(244,199,127,.22))}
@media(max-width:700px){
 .hero{height:380px;min-height:0}
 .hero-copy{padding-top:16px}
 .hero-kicker{margin-bottom:9px}
 .hero h1{font-size:clamp(30px,7.1vw,43px);line-height:1.23;max-width:94%}
 .gold-rule{margin:12px 0}
 .hero p{font-size:12px;line-height:1.6;max-width:59%}
 .hero-art{top:106px;height:280px;width:96%;right:-23%}
 .hero-art img{height:100%;object-position:bottom right}
 .planet{bottom:-76px}
 .entries-section{padding:12px 0 36px}
 .section-heading{margin-bottom:13px}
 .section-heading h2{margin-bottom:6px}
 .speed-toolbar{margin-bottom:12px}
 .speed-card{min-height:118px;padding:15px 18px 13px}
 .speed-bottom{margin-top:10px}
 .contact-icon-qq img{width:36px;height:36px}
}
@media(max-width:380px){
 .hero{height:365px}
 .hero h1{font-size:30px}
 .hero-art{top:112px;right:-29%;height:253px}
 .hero p{font-size:11px}
}