:root{--color-canvas-bg:#f8faf8;--color-surface:#fff;--color-surface-subtle:#f0fdf4;--color-surface-hover:#dcfce7;--color-surface-muted:#f1f5f9;--color-surface-card:#fff;--color-primary:#16a34a;--color-primary-hover:#15803d;--color-primary-light:#f0fdf4;--color-primary-focus:#16a34a33;--color-primary-dark:#14532d;--color-primary-border:#bbf7d0;--color-secondary:#059669;--color-tertiary:#0d9488;--color-accent-amber:#d97706;--color-accent-amber-bg:#fef3c7;--color-accent-amber-border:#fde68a;--color-accent-blue:#0284c7;--color-accent-blue-bg:#e0f2fe;--color-accent-red:#dc2626;--color-accent-red-bg:#fee2e2;--color-text-main:#0f172a;--color-text-muted:#475569;--color-text-light:#64748b;--color-text-inverse:#fff;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-border-accent:#86efac;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #00000008;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #00000008;--shadow-green:0 4px 14px 0 #16a34a26;--shadow-drawer:-4px 0 24px #00000014;--font-heading:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", "Noto Sans TC", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-canvas-bg);color:var(--color-text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}.tnum{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1)}button:active{transform:scale(.98)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes tickerAnimation{0%{transform:translate(0%)}to{transform:translate(-50%)}}.ticker-track{white-space:nowrap;animation:35s linear infinite tickerAnimation;display:inline-flex}.ticker-track:hover{animation-play-state:paused}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.pulse-dot{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseGlow;display:inline-block}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;transition:opacity .3s;position:fixed;inset:0}.drawer-panel{width:100%;max-width:540px;box-shadow:var(--shadow-drawer);z-index:1001;background:#fff;flex-direction:column;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.mobile-bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);z-index:900;background:#fffffff2;justify-content:space-around;align-items:center;height:64px;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000a}.device-container-desktop{width:100%;min-height:100vh}.device-container-mobile{background:var(--color-canvas-bg);border-radius:40px;max-width:420px;min-height:844px;margin:24px auto 96px;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #00000026,0 0 0 10px #1e293b,0 0 0 12px #94a3b8}