:root{--brand:#0d6b63;--brand-light:#14857a;--brand-soft:#e6f1ef;--gold:#c9a24b;--gold-bright:#e8c45a;--ink:#0e2421;--ink-2:#123430;--bg:#f3f5f5;--card:#fff;--line:#e6eae9;--text:#16201f;--muted:#6b7b78;--good:#1f8a5b;--bad:#c0392b;--warn:#c98a1b;--radius:18px;--radius-sm:12px;--font:"Microsoft JhengHei", "PingFang TC", "Noto Sans TC", "Segoe UI", system-ui, sans-serif;--font-num:"SF Pro Display", "Segoe UI", "Trebuchet MS", var(--font);--shadow:0 4px 18px #0e242114;--shadow-lg:0 12px 40px #0e242129;--glow-gold:0 0 24px #e8c45a59;--maxw:480px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:radial-gradient(90% 55% at 100% 0%, color-mix(in srgb, var(--brand) 8%, transparent), transparent 70%), radial-gradient(80% 40% at 0% 8%, color-mix(in srgb, var(--gold) 7%, transparent), transparent 60%), var(--bg);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;background-attachment:fixed}#app{min-height:100%}.num{font-variant-numeric:tabular-nums;font-family:var(--font-num);letter-spacing:.5px}.app-frame{max-width:var(--maxw);background:0 0;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 60px #0000001a}.hero-atmos{background:radial-gradient(120% 90% at 50% -10%, var(--ink-2), var(--ink)) padding-box;position:relative;overflow:hidden}.hero-atmos:before{content:"";background:radial-gradient(45% 40% at 78% 20%, color-mix(in srgb, var(--gold-bright) 30%, transparent), transparent 70%), radial-gradient(40% 35% at 15% 30%, color-mix(in srgb, var(--brand-light) 40%, transparent), transparent 70%);pointer-events:none;opacity:.8;height:140%;position:absolute;inset:-40% -20% auto}.hero-atmos:after{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(1px 1px at 20% 30%,#ffffff80,#0000),radial-gradient(1px 1px at 70% 20%,#e8c45a99,#0000),radial-gradient(1px 1px at 85% 60%,#fff6,#0000),radial-gradient(1px 1px at 40% 70%,#e8c45a80,#0000),radial-gradient(1px 1px at 55% 40%,#ffffff59,#0000);position:absolute;inset:0}.hero-atmos>*{z-index:1;position:relative}.gold-text{background:linear-gradient(180deg, #fbe9be 0%, var(--gold-bright) 45%, var(--gold) 100%);color:#0000;text-shadow:0 2px 14px #e8c45a47;-webkit-background-clip:text;background-clip:text}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}.btn{cursor:pointer;letter-spacing:.5px;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:800;transition:transform .1s,box-shadow .2s,filter .2s;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:after{content:"";border-radius:inherit;background:linear-gradient(115deg,#0000 30%,#ffffff59 48%,#0000 60%);transition:transform .5s;position:absolute;inset:0;transform:translate(-120%)}.btn:hover:after{transform:translate(120%)}.btn-primary{background:linear-gradient(135deg, var(--brand-light), var(--brand));color:#fff;box-shadow:0 6px 18px color-mix(in srgb, var(--brand) 40%, transparent)}.btn-gold{background:linear-gradient(135deg, #f3d98a 0%, var(--gold-bright) 45%, var(--gold) 100%);color:#4a3708;box-shadow:0 6px 20px #c9a24b66}.btn-ghost{background:color-mix(in srgb, var(--brand) 10%, var(--card));color:var(--brand);box-shadow:none}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:after{display:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes glowPulse{0%,to{text-shadow:0 2px 14px #e8c45a40}50%{text-shadow:0 2px 22px #e8c45a8c}}@keyframes shine{to{transform:translate(180%)rotate(8deg)}}.rise{animation:.5s cubic-bezier(.2,.7,.3,1) both rise}