*{box-sizing:border-box}
:root{--navy:#142f53;--blue:#387cde;--gold:#b99546;--line:#dfe8f1;--muted:#7187a0;--ease:150ms ease}
body{margin:0;background:linear-gradient(130deg,#f8fafc,#e6eef7 58%,#f8f6ef);color:var(--navy);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px}
button,input,a{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #4b92ec;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbol-library{display:none}[hidden]{display:none!important}
.app{position:relative;isolation:isolate;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;background:linear-gradient(155deg,#ffffff 0%,#f4f9ff 34%,#ffffff 60%,#eef7fc 100%);overflow:clip;padding-bottom:22px}
.world{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.lightwash{position:absolute;inset:0;background:radial-gradient(ellipse at 110% 15%,#b6e1ff65,transparent 43%),radial-gradient(ellipse at -30% 66%,#9dded242,transparent 50%)}
.orbit{position:absolute;top:45px;right:-83px;width:235px;height:223px;transform:perspective(700px) rotateY(-28deg) rotateZ(18deg);opacity:.57}
.orbit-band{position:absolute;border-radius:50%;border:1px solid #dfc58a;box-shadow:inset 0 1px 0 #fff,0 2px 0 #9eafb730,0 9px 20px #7097b720}
.orbit-band.outer{inset:8px;background:repeating-conic-gradient(from 9deg,#c6ac7055 0deg 1deg,transparent 1deg 15deg);mask:radial-gradient(transparent 64%,#000 65%);border-width:2px}
.orbit-band.inner{inset:27px;border-color:#9acbf0;transform:rotateX(45deg);background:linear-gradient(130deg,#ffffff80,transparent)}
.orbit-axis{position:absolute;inset:55px;border-radius:50%;border:1px solid #dfc887;transform:rotateY(48deg);box-shadow:3px 1px 0 #fff8d6,8px 3px 10px #83b5e526}
.orbit-nucleus{position:absolute;top:97px;left:98px;height:14px;width:14px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 5%,#d5f8ff 35%,#88cdff 70%,#539fdf);box-shadow:0 0 0 5px #e9f8ff80,0 0 22px #8ed4ffb0}
.neural-plane{position:absolute;top:85px;right:-33px;width:185px;height:185px;transform:perspective(650px) rotateX(12deg) rotateY(-25deg) rotateZ(12deg);opacity:.61;overflow:visible}
.wire-faint{fill:none;stroke:#82bbec;stroke-width:.7;opacity:.57}.wire-bright{fill:none;stroke:url(#beam);stroke-width:1.25}
.field-platform{position:absolute;left:-61px;top:205px;width:455px;height:650px;transform:perspective(1050px) rotateX(39deg) rotateZ(-23deg);border:2px solid #d3bd82;border-radius:13px;background:repeating-linear-gradient(0deg,#9edbd196 0,#9edbd196 55px,#c2ece186 55px,#c2ece186 110px);box-shadow:inset 0 0 0 5px #ffffffdf,5px 7px 0 #fffef5,8px 11px 0 #c7af7857,14px 20px 0 #d6e6f1a3,25px 31px 37px #648ca226}
.field-inset{position:absolute;inset:18px;border:2px solid #fffffff0;box-shadow:0 0 0 1px #82bfb066}
.halfway{position:absolute;top:50%;left:0;right:0;height:2px;background:#ffffffef}
.centre-circle{position:absolute;width:104px;height:104px;border:2px solid white;border-radius:50%;left:calc(50% - 52px);top:calc(50% - 52px)}
.centre-point{position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#fff}
.penalty{position:absolute;left:calc(50% - 80px);width:160px;height:94px;border:2px solid #fff}.penalty.top{top:0;border-top:0}.penalty.bottom{bottom:0;border-bottom:0}
.goal{position:absolute;left:calc(50% - 35px);width:70px;height:35px;border:2px solid #fff}.goal.top{top:0;border-top:0}.goal.bottom{bottom:0;border-bottom:0}
.data-landscape{position:absolute;right:-24px;bottom:30px;height:160px;width:200px;display:flex;gap:14px;align-items:flex-end;transform:perspective(600px) rotateY(-30deg) rotateZ(-14deg);opacity:.46}
.data-landscape i{height:55px;width:23px;border:1px solid #96c4e8;border-top:3px solid #fff;background:linear-gradient(90deg,#9fc8ec,#dfedff);box-shadow:7px 6px 0 #7da6c530,11px 15px 16px #6f95a526}
.data-landscape i:nth-child(2){height:85px;background:linear-gradient(90deg,#d9bd7b,#f8edce);border-color:#d9c28d}.data-landscape i:nth-child(3){height:70px}.data-landscape i:nth-child(4){height:130px;background:linear-gradient(90deg,#d9bd7b,#f8edce);border-color:#d9c28d}.data-landscape i:nth-child(5){height:108px}
.header{height:60px;display:flex;align-items:center;gap:8px;padding:0 10px;position:sticky;top:0;z-index:10;background:linear-gradient(110deg,#fffffff5,#f6fbfff5);backdrop-filter:blur(18px);border-bottom:1px solid #d5be85;box-shadow:0 2px 0 #fff,0 6px 15px #547a9e09}
.header-circuit{position:absolute;inset:0;width:100%;height:100%;z-index:-1;stroke:none;pointer-events:none;opacity:.62}
.brand{display:flex;align-items:center;gap:4px;flex:0 0 128px;min-width:0;text-decoration:none;white-space:nowrap;line-height:1}
.brand img{width:27px;height:27px;filter:drop-shadow(0 2px 2px #a38d4c1c)}
.wordmark{font-family:Arial,sans-serif;font-style:italic;font-size:17px;font-weight:900;letter-spacing:-.7px;color:#163a64}.wordmark>span{background:linear-gradient(#ad8231,#d8ba71 45%,#a37a29);background-clip:text;-webkit-background-clip:text;color:transparent}.wordmark small{font-size:10px;font-weight:800;letter-spacing:-.5px;margin-left:0}
.navigation{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;gap:3px;height:100%}
.navigation button{position:relative;height:44px;border:0;background:none;white-space:nowrap;font-size:13px;line-height:1.3;padding:0 2px;color:#6c829c;flex-shrink:0;transition:color var(--ease)}
.navigation button.active{color:#a57a24;font-weight:800}.navigation button.active:after{content:"";position:absolute;left:calc(50% - 10px);bottom:0;width:20px;height:2px;border-radius:2px;background:linear-gradient(90deg,#c9a755,#ae8230)}
.intro{position:relative;padding:21px 16px 16px;min-height:94px}.intro h1{font-size:23px;line-height:1.35;letter-spacing:-.7px;margin:0 0 8px;font-weight:850}.intro h1 span{color:#ab8637}.intro p{font-size:12px;line-height:1.5;color:#728da7;margin:0}
.content{padding:0 14px}
.search{height:43px;border:1px solid #dce7f3;background:#fffffff0;box-shadow:inset 0 1px 0 #fff,0 4px 10px #436b8b05;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#578cc4;margin-bottom:17px}.search svg{width:18px;height:18px}.search input{border:0;outline:none;background:none;min-width:0;width:100%;font-size:13px;color:#294f72}.search input::placeholder{color:#97aabd}.search>span{font-size:11px;color:#8ca3bb;white-space:nowrap;border-left:1px solid #dde7f1;padding-left:10px}
.section-heading{display:flex;gap:9px;align-items:center;margin-bottom:11px}.section-heading h2{font-size:17px;font-weight:800;white-space:nowrap;margin:0;letter-spacing:-.2px}.section-heading h2:before{content:"";display:inline-block;height:14px;width:3px;border-radius:2px;background:#c0a058;margin-right:7px;transform:skew(-12deg)}.heading-rule{height:1px;flex:1;background:linear-gradient(90deg,#d3dfeb,transparent)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.site-card{position:relative;min-width:0;display:flex;flex-direction:column;padding:12px 10px 10px;min-height:168px;border:1px solid var(--edge);border-top:2px solid var(--accent);border-radius:12px;background:linear-gradient(145deg,#fffffffa 0%,#ffffffee 60%,var(--tint));box-shadow:inset 1px 1px 0 white,0 3px 0 var(--plinth),0 8px 15px #32516b0b;overflow:hidden}
.site-card:before{content:"";position:absolute;right:0;top:0;height:52px;width:52px;background:linear-gradient(135deg,transparent 49%,var(--edge) 50%,transparent 51%);opacity:.6;pointer-events:none}
.site-identity{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:10px}
.site-mark{height:34px;width:31px;border-radius:7px 7px 7px 2px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(140deg,#fff,var(--tint));border:1px solid var(--edge);box-shadow:0 2px 0 var(--edge);color:var(--accent);font-size:21px;font-weight:900}
.identity-copy{min-width:0}.site-name{font-size:17px;font-weight:800;line-height:1.3;letter-spacing:-.5px;margin:0;white-space:nowrap}.site-domain{font-size:11px;line-height:1.4;margin-top:3px;color:#8fa2b7;white-space:nowrap;letter-spacing:-.2px}
.site-description{font-size:13px;line-height:1.55;word-break:keep-all;overflow-wrap:normal;color:#68839d;margin:0 0 13px;min-height:40px}
.site-actions{display:flex;align-items:center;gap:6px;margin-top:auto}
.save{width:30px;height:39px;flex-shrink:0;border:0;border-radius:6px;background:none;padding:0;display:grid;place-items:center;color:#bac9d9}.save svg{width:17px;height:17px}.save.saved{color:#bf9443}.save.saved svg{fill:#e7d4a3}
.launch{height:39px;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;gap:5px;padding:0 5px;border:1px solid var(--edge);background:linear-gradient(#ffffffed,var(--tint));color:var(--accent);border-radius:7px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 2px 3px #2f4f6f04;transition:filter var(--ease),transform var(--ease)}.launch svg{height:13px;width:13px}.launch:hover{filter:brightness(.98)}.launch:active{transform:translateY(1px)}
.site-card.qy{--accent:#366fc4;--edge:#d5e4f8;--tint:#eff6ff;--plinth:#deebf778}.site-card.yx{--accent:#ce656b;--edge:#efd9dc;--tint:#fff3f4;--plinth:#f0dfe175}.site-card.zy{--accent:#3d967c;--edge:#d7e9e1;--tint:#f0faf6;--plinth:#d9ebe276}.site-card.sd{--accent:#ce904e;--edge:#efdfcd;--tint:#fff7ee;--plinth:#ecdfcf72}
.links-section,.link-list-section{margin-top:21px}.link-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px}.link-groups button{height:62px;min-width:0;position:relative;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid #dce7f3;border-radius:10px;background:linear-gradient(145deg,#ffffffef,#edf5ff);box-shadow:inset 0 1px 0 #fff,0 3px 0 #e0e9f16b,0 7px 14px #3b638206}.link-groups button:nth-child(2){background:linear-gradient(145deg,#ffffffef,#fff6e7);border-color:#eadfc7}.group-icon{width:27px;height:31px;display:grid;place-items:center;color:#76a3cf}.link-groups button:nth-child(2) .group-icon{color:#bc9b5b}.group-icon svg{width:23px;height:23px}.link-groups strong{font-size:15px}.group-arrow{height:13px;width:13px;margin-left:auto;color:#99adbf}
.empty-state{border:1px solid #dfe8f2;border-radius:12px;background:#ffffffdc;text-align:center;padding:35px 15px;color:#8099b1}.empty-state>svg{width:27px;height:27px;color:#a5c2df}.empty-state p{font-size:14px;margin:12px 0 0}.search-empty{padding:28px 12px;text-align:center;font-size:14px;color:#7a93ad}.cards>.empty-state{grid-column:1/-1;padding:28px 12px}
@media(min-width:600px){.app{margin:22px auto;border:1px solid #d5dfed;border-radius:20px;min-height:calc(100dvh - 44px);box-shadow:0 20px 70px #24466b16}.header{border-radius:20px 20px 0 0}.intro{padding:22px 20px 18px}.intro h1{font-size:27px}.content{padding-left:18px;padding-right:18px}.brand{flex-basis:145px}.wordmark{font-size:20px}.wordmark small{font-size:11px}.brand img{height:30px;width:30px}.navigation button{font-size:14px}.site-card{padding:13px 12px 11px;min-height:171px}.site-name{font-size:19px}.site-domain{font-size:12px}}
@media(max-width:380px){.header{padding:0 7px;gap:5px;height:56px}.brand{flex-basis:114px;gap:3px}.brand img{height:24px;width:24px}.wordmark{font-size:16px;letter-spacing:-.7px}.wordmark small{font-size:9px}.navigation{gap:2px}.navigation button{font-size:12px;padding:0 1px}.intro{padding:18px 14px 14px;min-height:87px}.intro h1{font-size:21px}.intro p{font-size:12px}.content{padding-left:12px;padding-right:12px}.cards,.link-groups{gap:10px}.site-card{padding:11px 8px 9px;min-height:169px}.site-identity{gap:5px}.site-mark{width:27px;height:32px;font-size:19px}.site-name{font-size:16px}.site-domain{font-size:10px;letter-spacing:-.25px}.site-description{font-size:12px;min-height:38px}.site-actions{gap:4px}.save{width:26px;height:38px}.launch{font-size:12px;gap:3px;height:38px}.link-groups button{padding:0 9px;gap:6px}.link-groups strong{font-size:14px}}
@media(max-width:335px){.header{padding:0 6px;gap:4px}.brand{flex-basis:105px}.brand img{height:22px;width:22px}.wordmark{font-size:15px;letter-spacing:-.7px}.wordmark small{font-size:8px}.navigation button{font-size:11.5px;padding:0 1px}.intro h1{font-size:20px}.site-name{font-size:15px}.site-domain{font-size:9px}.site-identity{gap:4px}.site-mark{width:24px;height:30px}.site-card{padding-left:7px;padding-right:7px}.launch{font-size:11px;padding:0 3px}.site-description{font-size:12px}}
/* 单行头部：标志按实际内容占位，栏目紧凑成组靠右。 */
.brand{flex:0 0 auto;gap:4px;overflow:visible}
.brand img{width:30px;height:30px;filter:drop-shadow(0 1px 1px #8c662530)}
.wordmark{font-size:18px;letter-spacing:-.5px;padding-right:2px;overflow:visible}
.wordmark>span{display:inline-block;padding-right:3px;margin-right:-1px;background:linear-gradient(#9a6516,#d0a03f 45%,#986315);background-clip:text;-webkit-background-clip:text}
.wordmark small{font-size:10px;letter-spacing:-.3px;margin-left:1px}
.navigation{flex:0 0 auto;justify-content:flex-end;margin-left:auto;gap:5px}
.navigation button{font-size:13px;padding:0 1px}
.site-card{min-height:150px}.site-description{min-height:30px;margin-bottom:8px}
/* 白金球场、金属结构和明亮的神经节点贯穿整页，不增加内容高度。 */
.app{background:linear-gradient(145deg,#fff 3%,#edf6ff 30%,#fffdf6 66%,#f1f8ff)}
.lightwash{background:radial-gradient(ellipse at 100% 11%,#8acaff55,transparent 35%),radial-gradient(ellipse at -20% 70%,#fff4cc77,transparent 49%)}
.neural-plane{opacity:.95;filter:drop-shadow(0 0 3px #78c9ff66)}
.wire-bright{stroke-width:1.8}.wire-faint{stroke:#5aa7e5;opacity:.7}
.orbit{opacity:.87}.orbit-band{border-color:#bc9549;box-shadow:inset 0 2px 0 #fff9e2,0 3px 0 #9a712c32,0 9px 20px #7896b520}
.field-platform{border:3px solid #c6a455;background:repeating-linear-gradient(0deg,#b3ded88c 0,#b3ded88c 55px,#e1f3ebc2 55px,#e1f3ebc2 110px);box-shadow:inset 0 0 0 5px #fffefa,6px 8px 0 #fff,9px 12px 0 #bea15d9c,14px 20px 0 #edf5fc,25px 31px 37px #648ca226}
.field-inset{border-color:#fff;box-shadow:0 0 0 1px #75afaa70}
.data-landscape{opacity:.75;right:-8px;bottom:23px}
.stadium-ribs{position:absolute;inset:180px -70px 40px;transform:rotate(-19deg);opacity:.42}
.stadium-ribs i{position:absolute;right:8px;height:100%;width:14px;background:linear-gradient(90deg,#fff,#e0eaf3 48%,#fff 60%,#d9bc79 72%,#f8e5ac 80%,#fff 92%);box-shadow:6px 0 16px #6586a310;transform:skewY(15deg)}
.stadium-ribs i:nth-child(2){right:57px;width:6px}.stadium-ribs i:nth-child(3){left:32px;width:8px}.stadium-ribs i:nth-child(4){left:57px;width:4px}
.light-track{position:absolute;left:-30px;width:540px;height:4px;transform:rotate(-18deg);background:linear-gradient(90deg,transparent,#d3af5b 22%,#fff7ce 50%,#a47b28 76%,transparent);box-shadow:0 -2px 0 #fff,0 3px 0 #fff,0 8px 16px #ac945a20}
.track-one{top:192px;opacity:.5}.track-two{bottom:74px;opacity:.65}
.intro h1 span{background:linear-gradient(135deg,#91631b,#c39b45 48%,#8d601a);background-clip:text;-webkit-background-clip:text;color:transparent}
.football-scene{position:absolute;right:8px;top:3px;width:98px;height:92px;pointer-events:none;isolation:isolate}
.football-scene img{position:absolute;z-index:2;width:83px;height:83px;left:7px;top:0;transform:rotate(-15deg);filter:drop-shadow(3px 8px 5px #84642f30)}
.ball-ring{position:absolute;left:-8px;top:29px;width:115px;height:33px;border:2px solid #cba652;border-radius:50%;transform:rotate(-22deg);box-shadow:0 1px 0 #fff6d1,0 3px 0 #8d6c2629}
.ball-ring.back{z-index:1}.ball-ring.front{z-index:3;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);border-bottom:3px solid #c6a14a}
.ball-pedestal{position:absolute;z-index:0;bottom:6px;left:5px;width:88px;height:18px;border-radius:50%;background:linear-gradient(#fffdf6 10%,#d9bb73 35%,#a8863b 47%,#fff3c6 60%,#fff 80%);box-shadow:0 4px 0 #e9eff7,0 7px 6px #8799a328}
.site-card{box-shadow:inset 1px 1px 0 white,0 3px 0 var(--plinth),0 8px 15px #32516b12}
@media(min-width:430px){.navigation{gap:6px}.navigation button{font-size:14px}.wordmark{font-size:19px}}
@media(min-width:600px){.brand{flex-basis:auto}.wordmark{font-size:20px}.site-card{min-height:154px}}
@media(max-width:380px){.brand{flex-basis:auto;gap:3px}.brand img{width:28px;height:28px}.wordmark{font-size:16.5px}.wordmark small{font-size:9px}.navigation{gap:4px}.navigation button{font-size:12px;padding:0}.site-card{min-height:150px}.site-description{min-height:30px}.football-scene{right:7px;top:1px;transform:scale(.88);transform-origin:right top}}
@media(max-width:335px){.brand img{width:25px;height:25px}.wordmark{font-size:15px}.wordmark small{font-size:8.5px}.navigation{gap:3px}.navigation button{font-size:11.5px}.football-scene{right:3px;top:5px;transform:scale(.81)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}