:root{--bg-deep: #070b12;--bg-panel: rgba(12, 22, 38, .82);--bg-panel-solid: #0c1626;--bg-elevated: rgba(18, 32, 52, .95);--border: rgba(64, 196, 255, .22);--border-strong: rgba(64, 196, 255, .45);--cyan: #29d4ff;--cyan-dim: #1a9fc4;--cyan-glow: rgba(41, 212, 255, .35);--text: #d7e6f2;--text-muted: #7f93a8;--text-dim: #5a6d80;--danger: #f05252;--warning: #f0b429;--success: #2dd4a8;--header-h: 56px;--radius: 4px;--font-display: "Orbitron", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", "PingFang SC", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text);font-family:var(--font-body);font-size:13px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#29d4ff47;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.tech-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #ffffff05,0 0 24px #00000059;position:relative;overflow:hidden}.tech-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(41,212,255,.55),transparent);pointer-events:none}.panel-title{display:flex;align-items:center;gap:8px;padding:10px 12px 8px;font-size:14px;font-weight:600;color:var(--cyan);letter-spacing:.04em}.panel-title:before{content:"";width:3px;height:14px;background:linear-gradient(180deg,var(--cyan),transparent);border-radius:2px;box-shadow:0 0 8px var(--cyan-glow)}.tag-btn{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:2px 10px;border:1px solid var(--border);border-radius:3px;background:#08101cb3;color:var(--text-muted);transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.tag-btn:hover{border-color:var(--border-strong);color:var(--text)}.tag-btn.is-active{color:#fff;border-color:var(--cyan);background:linear-gradient(180deg,#29d4ff59,#145a828c);box-shadow:0 0 10px var(--cyan-glow)}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 14px;border:1px solid var(--border-strong);border-radius:3px;background:transparent;color:var(--cyan);transition:background .15s,box-shadow .15s}.ghost-btn:hover{background:#29d4ff1f;box-shadow:0 0 12px var(--cyan-glow)}.ghost-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;background:transparent}.primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 16px;border:1px solid var(--cyan);border-radius:3px;background:linear-gradient(180deg,#29d4ff73,#126e96b3);color:#fff}.primary-btn:hover{box-shadow:0 0 12px var(--cyan-glow)}.muted-btn{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 16px;border:1px solid var(--border);border-radius:3px;background:#08101ccc;color:var(--text-muted)}.muted-btn:hover{color:var(--text);border-color:var(--border-strong)}