:root{--bg: #f4f4f4;--panel: #f1eee7;--border: #dedad3;--text: #1c1c1e;--muted: #8a8580;--acid: #c8a800;--acid-dim: #c8a80022;--topbar-bg: #f4f4f4e8;--grid-line: #00000008;--hero-title: var(--text);--products-bg: var(--panel);--card-bg: var(--bg)}[data-theme=dark]{--bg: #08090a;--panel: #0e0f11;--border: #26272b;--text: #f2f3f5;--muted: #84878e;--acid: #d8ff2e;--acid-dim: #d8ff2e22;--topbar-bg: #08090ae8;--grid-line: #ffffff06;--hero-title: var(--acid);--products-bg: var(--bg);--card-bg: var(--panel)}*{margin:0;padding:0;box-sizing:border-box;border-radius:0!important}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:PingFang TC,Noto Sans TC,system-ui,sans-serif;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:14px 24px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:800;font-size:16px;letter-spacing:2px;color:var(--text)}.brand span{color:var(--acid)}.hero{padding:clamp(48px,10vh,96px) 24px clamp(32px,6vh,64px);text-align:center;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:36px 36px}.hero-title{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:clamp(48px,10vw,96px);font-weight:900;letter-spacing:4px;color:var(--hero-title);line-height:1;margin-bottom:20px;transition:color .2s}.hero-sub{font-size:clamp(14px,2.5vw,18px);color:var(--muted);letter-spacing:1px}.products-section{padding:clamp(32px,6vh,64px) 24px;background:var(--products-bg);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:36px 36px;transition:background-color .2s}.products-label{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-bottom:24px;text-align:center}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:0 auto}.product-card{display:flex;flex-direction:column;gap:16px;padding:28px 24px;border:1px solid var(--border);background:var(--card-bg);transition:border-color .12s,box-shadow .12s,background .2s;cursor:pointer}.product-card:not(.tbc):hover{border-color:var(--acid);box-shadow:0 0 20px var(--acid-dim)}.product-card.tbc{opacity:.5;cursor:default;pointer-events:none}.card-icon{font-size:32px;line-height:1}.card-body{display:flex;flex-direction:column;gap:8px;flex:1}.card-name{font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:800;font-size:18px;letter-spacing:1px}.card-en{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--muted);letter-spacing:2px;text-transform:uppercase}.card-desc{font-size:13px;color:var(--muted);line-height:1.7}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.badge-tbc{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;letter-spacing:2px;color:var(--muted);border:1px solid var(--border);padding:3px 8px}.card-arrow{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;color:var(--muted);transition:color .12s,transform .12s}.product-card:not(.tbc):hover .card-arrow{color:var(--acid);transform:translate(4px)}.footer{padding:24px;text-align:center;border-top:1px solid var(--border);color:var(--muted);font-size:11px;letter-spacing:2px;font-family:ui-monospace,SF Mono,Menlo,monospace}@media(max-width:899px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:599px){.products-grid{grid-template-columns:1fr}}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.profile-page{max-width:560px;margin:0 auto;padding:32px 24px 64px}.pill-back{display:inline-block;font-size:12px;letter-spacing:1px;color:var(--muted);border:1px solid var(--border);padding:6px 12px;margin-bottom:24px;cursor:pointer}.pill-back:hover{color:var(--acid);border-color:var(--acid)}.profile-title{font-size:22px;font-weight:800;letter-spacing:1px;margin-bottom:24px}.profile-card{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--border);background:var(--panel);margin-bottom:32px}.profile-avatar{width:56px;height:56px;object-fit:cover;border:1px solid var(--border)}.profile-avatar-placeholder{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--acid-dim);border:1px solid var(--acid);font-size:22px;font-weight:700;color:var(--acid)}.profile-display-name{font-size:16px;font-weight:700}.profile-email{font-size:12px;color:var(--muted);margin-top:4px}.profile-section{margin-bottom:32px}.profile-label{display:block;font-size:11px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.profile-section-title{font-size:15px;font-weight:700;margin-bottom:12px}.profile-username-row{display:flex;gap:8px}.profile-input{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 12px;font-size:14px;font-family:inherit}.profile-input:focus{outline:none;border-color:var(--acid)}.profile-save-btn{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;letter-spacing:1px;padding:8px 16px;cursor:pointer}.profile-save-btn:hover:not(:disabled){color:var(--acid);border-color:var(--acid)}.profile-save-btn:disabled{opacity:.5;cursor:default}.profile-msg{font-size:12px;margin-top:8px;min-height:16px;color:var(--muted)}.profile-msg.ok{color:var(--acid)}.profile-msg.error{color:#ff4d52}.profile-placeholder{padding:20px;text-align:center;border:1px dashed var(--border);color:var(--muted);font-size:12px;letter-spacing:1px}.profile-logout-btn{background:transparent;border:1px solid var(--border);color:var(--muted);font-size:11px;letter-spacing:1px;padding:8px 16px;cursor:pointer}.profile-logout-btn:hover{color:#ff4d52;border-color:#ff4d52}