:root{--neon:#00f0ff;--pink:#ff2a6d;--yellow:#f9f002;--purple:#a200ff;--bg:#0d0221;--bg-soft:#150a30;--bg-card:#1a0b2e;--border:#00f0ff59;--text:#d8f8ff;--text-dim:#9fb4c8;--text-faint:#5a7a8a;--accent:#00f0ff;--accent-soft:#00f0ff14;--link:#00f0ff;--max-width:920px;--radius:4px;--radius-sm:2px;--font-display:"Orbitron", "Bahnschrift", "Microsoft YaHei", system-ui, sans-serif;--font-sans:"Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, "Courier New", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#00f0ff08 3px 4px);position:fixed;inset:0}.site-header,main,.site-footer{z-index:1;position:relative}a{color:var(--link);text-decoration:none}a:hover{text-shadow:0 0 8px var(--neon);text-decoration:underline}img{max-width:100%}.site-header{z-index:10;backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#0d0221eb;position:sticky;top:0;box-shadow:0 1px #00f0ff33,0 0 18px #00f0ff1f}.site-header .inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:64px;margin:0 auto;padding:0 20px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:1.05rem;line-height:1;display:flex}.brand-logo{aspect-ratio:517/466;background:linear-gradient(135deg, var(--neon) 0%, #9ff4ff 100%);filter:drop-shadow(0 0 5px #00f0ffcc)drop-shadow(0 0 16px #00f0ff80);height:42px;display:block;mask-image:url(/semicat-white.png);mask-size:100% 100%;mask-repeat:no-repeat}.brand-name{font-family:var(--font-display);letter-spacing:.15em;color:var(--neon);text-shadow:0 0 10px var(--neon), 0 0 30px var(--neon);font-size:1rem;font-weight:900}.site-nav{gap:22px;font-size:.9rem;display:flex}.site-nav a{color:#8ef3ff;letter-spacing:.1em;position:relative}.site-nav a:hover{color:var(--neon);text-shadow:0 0 8px var(--neon);text-decoration:none}.site-nav a[aria-current=page]{color:var(--neon);text-shadow:0 0 10px var(--neon);font-weight:700;text-decoration:none}.site-nav a[aria-current=page]:after{content:"";background:var(--neon);height:2px;box-shadow:0 0 8px var(--neon);position:absolute;bottom:-6px;left:0;right:0}main{max-width:var(--max-width);min-height:60vh;margin:0 auto;padding:32px 20px 64px}.site-footer{text-align:center;font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-faint);border-top:1px dashed #00f0ff40;padding:24px 20px;font-size:.8rem}.blink{animation:1.2s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.06em;color:#fff;line-height:1.35}h1{font-size:1.9rem}h2{margin-top:2rem;font-size:1.45rem}h3{font-size:1.15rem}.hero{text-align:center;padding:80px 20px 60px}.hero .scanline{font-family:var(--font-mono);color:var(--pink);letter-spacing:.35em;text-shadow:0 0 8px var(--pink);margin:0 0 22px;font-size:12px}.hero h1{color:#fff;text-shadow:3px 3px 0 var(--pink), -3px -3px 0 var(--neon), 0 0 24px #00f0ff99;font-size:3rem;font-weight:900}.hero .sub{color:var(--text-dim);max-width:560px;margin:20px auto 0;font-size:1.02rem;line-height:1.9}.page-head{margin-bottom:28px}.page-head h1{text-shadow:2px 2px 0 var(--pink), -2px -2px 0 var(--neon), 0 0 18px #00f0ff66;margin:0 0 8px}.page-head .meta{color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.1em;flex-wrap:wrap;align-items:center;gap:10px;font-size:.8rem;display:flex}.section-title{align-items:baseline;gap:12px;margin:40px 0 16px;display:flex}.section-title h2{margin:0}.section-title .more{color:var(--text-faint);font-size:.85rem;font-family:var(--font-mono);letter-spacing:.1em;margin-left:auto}.section-title .more:hover{color:var(--neon);text-shadow:0 0 8px var(--neon)}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:linear-gradient(135deg,#00f0ff14,#ff2a6d14);padding:20px 18px;transition:border-color .15s,box-shadow .15s;display:block;position:relative}.card:before,.card:after{content:"";border:2px solid var(--neon);pointer-events:none;width:14px;height:14px;position:absolute}.card:before{border-bottom:none;border-right:none;top:-2px;left:-2px}.card:after{border-top:none;border-left:none;bottom:-2px;right:-2px}a.card:hover{border-color:var(--neon);text-decoration:none;box-shadow:0 0 20px #00f0ff59}.card .card-title{color:var(--yellow);font-size:1.05rem;font-weight:700;font-family:var(--font-display);letter-spacing:.08em;text-shadow:0 0 8px #f9f00280;margin:0 0 6px}.card .card-desc{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:.9rem;display:-webkit-box;overflow:hidden}.card .card-meta{color:var(--text-faint);font-size:.78rem;font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-card{text-align:center;padding:30px 18px}.app-icon{text-shadow:0 0 24px var(--neon), 0 0 48px #00f0ff66;margin-bottom:12px;font-size:3rem;line-height:1;display:block}.tag{color:var(--neon);font-size:.72rem;font-family:var(--font-mono);letter-spacing:.15em;background:0 0;border:1px solid #00f0ff66;border-radius:0;padding:1px 10px;display:inline-block}.tag.accent{background:var(--pink);color:#fff;letter-spacing:.2em;border-color:#0000;box-shadow:0 0 12px #ff2a6db3}.card-meta .clicks{color:var(--neon);text-shadow:0 0 8px #00f0ff99;letter-spacing:.05em}.prose{font-size:1rem}.prose p{margin:.9em 0}.prose pre{border:1px solid var(--border);border-radius:var(--radius-sm);background:#070214;padding:14px 16px;font-size:.88rem;overflow-x:auto;box-shadow:inset 0 0 12px #00f0ff0f}.prose code{font-family:var(--font-mono);background:var(--bg-soft);border:1px solid #00f0ff33;border-radius:2px;padding:1px 6px;font-size:.9em}.prose pre code{background:0 0;border:none;padding:0}.prose ul,.prose ol{padding-left:1.4em}.prose blockquote{border-left:3px solid var(--pink);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-dim);background:#ff2a6d0f;margin:1em 0;padding:4px 16px;box-shadow:inset 0 0 18px #ff2a6d14}.prose h2{border-bottom:1px solid #00f0ff40;padding-bottom:8px}.prose h3{color:var(--yellow);margin-top:1.8rem}.game-frame{border:1px solid var(--border);border-radius:var(--radius);background:#000;width:100%;height:calc(100dvh - 260px);min-height:400px;display:block;box-shadow:0 0 24px #00f0ff26}.game-controls{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-size:.85rem;font-family:var(--font-mono);letter-spacing:.05em;margin-top:16px;padding:12px 16px}.room-empty .room-empty-emoji{text-shadow:0 0 24px var(--neon), 0 0 48px #00f0ff66;font-size:4rem}@media (width<=640px){.hero h1{font-size:2rem}.hero{padding:50px 16px 40px}.game-frame{height:60dvh;min-height:360px}.site-nav{gap:14px;font-size:.85rem}.brand-name{font-size:.9rem}.brand-logo{height:34px}}