@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Noto+Sans+TC:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #030608;--surface-grad: linear-gradient(180deg, rgba(10, 22, 28, .92) 0%, rgba(5, 12, 16, .94) 100%);--surface-hover: linear-gradient(180deg, rgba(14, 30, 38, .95) 0%, rgba(7, 16, 21, .96) 100%);--accent: #00ffc8;--accent-dim: #0d9c7f;--accent-soft: rgba(0, 255, 200, .1);--accent-glow: rgba(0, 255, 200, .35);--cyan: #4dd8ff;--magenta: #ff2d95;--blue: #4dc8ff;--amber: #ffb020;--rose: #ff5f66;--border: rgba(0, 255, 200, .14);--border-strong: rgba(0, 255, 200, .35);--top-highlight: inset 0 1px 0 rgba(0, 255, 200, .08);--shadow-card: 0 0 0 1px rgba(0, 255, 200, .03), 0 8px 30px -14px rgba(0, 0, 0, .9);--shadow-card-hover: 0 0 18px -4px var(--accent-glow), 0 10px 34px -14px rgba(0, 0, 0, .9);--text: #e8fff8;--text-dim: #8fb8ad;--text-faint: #567a70;--mono: "Share Tech Mono", ui-monospace, monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Noto Sans TC,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(1000px 560px at 14% -12%,rgba(0,255,200,.09),transparent 60%),radial-gradient(900px 620px at 100% 0%,rgba(77,200,255,.06),transparent 55%),radial-gradient(700px 500px at 50% 115%,rgba(255,45,149,.05),transparent 60%),linear-gradient(rgba(0,255,200,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,200,.028) 1px,transparent 1px);background-size:auto,auto,auto,44px 44px,44px 44px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0px,rgba(0,0,0,.22) 1px,transparent 1px,transparent 3px);opacity:.35;mix-blend-mode:overlay}#root{position:relative;z-index:1}.tnum,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.card{background:var(--surface-grad);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--top-highlight),var(--shadow-card);transition:border-color .22s ease,box-shadow .22s ease}.card.interactive:hover{border-color:var(--border-strong);box-shadow:var(--top-highlight),var(--shadow-card-hover)}.hud{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);border-radius:0}.live-dot{width:7px;height:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 6px var(--accent),0 0 0 0 var(--accent-glow);animation:livePulse 2.2s ease-out infinite}@keyframes livePulse{0%{box-shadow:0 0 6px var(--accent),0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 6px var(--accent),0 0 0 8px #00ffc800}to{box-shadow:0 0 6px var(--accent),0 0 #00ffc800}}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-dim);text-shadow:0 0 8px rgba(0,255,200,.25)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--mono);font-size:14px;letter-spacing:.06em;padding:11px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border-strong);border-radius:var(--r-md);transition:background .18s ease,box-shadow .18s ease,transform .1s ease}.btn:hover{background:#00ffc82e;box-shadow:0 0 16px -2px var(--accent-glow)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{color:#032019;background:linear-gradient(160deg,#45ffd9,#00c89b);border-color:transparent;font-weight:700;text-shadow:none}.btn.primary:hover{box-shadow:0 0 22px -2px var(--accent-glow)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text-dim)}.btn.ghost:hover{color:var(--accent);border-color:var(--border-strong)}.input,textarea.input{width:100%;color:var(--text);font-family:var(--mono);font-size:16px;letter-spacing:.08em;background:#000c0a99;border:1px solid var(--border);border-radius:var(--r-md);padding:13px 16px;transition:border-color .18s ease,box-shadow .18s ease}.input::placeholder{color:var(--text-faint)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px -6px var(--accent-glow)}textarea.input{font-family:Noto Sans TC,sans-serif;letter-spacing:normal;line-height:1.6;resize:vertical}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#020608cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.modal{width:min(560px,100%);padding:26px 26px 22px}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:shake .35s ease}.page{max-width:1240px;margin:0 auto;padding:30px 28px 56px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:20px;margin-top:22px;align-items:start}@media (max-width: 920px){.layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.page{padding:18px 14px 40px}.metrics{gap:10px}.app-header{margin-bottom:20px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#00ffc824;border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#00ffc84d;background-clip:padding-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}