@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#fffcf5;--bg-elev:#fff;--bg-muted:#faf3e0;--bg-cream:#fff8e7;--ink:#2a1b0a;--ink-2:#6b5230;--ink-3:#a89172;--line:#f0e8d2;--line-strong:#e2d5b0;--brand:#2a1b0a;--yellow:#f5c842;--yellow-soft:#fff4c2;--yellow-deep:#c9a02e;--accent:#d97706;--accent-soft:#ffedd5;--success:#15803d;--success-soft:#dcfce7;--danger:#b91c1c;--danger-soft:#fee2e2;--warning:#a16207;--radius-sm:8px;--radius:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 2px rgba(74,55,29,.04),0 0 0 1px rgba(74,55,29,.04);--shadow:0 6px 24px -8px rgba(74,55,29,.1),0 0 0 1px rgba(74,55,29,.04);--shadow-lg:0 24px 48px -16px rgba(74,55,29,.18),0 0 0 1px rgba(74,55,29,.06);--shadow-yellow:0 8px 24px -8px rgba(245,200,66,.45);--font-sans:"Inter","Noto Sans TC",system-ui,sans-serif}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:999px;border:1.5px solid var(--ink);background:var(--ink);color:var(--yellow);font-size:14px;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 0 0 rgba(42,27,10,.18)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 0 0 rgba(42,27,10,.22)}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 0 0 rgba(42,27,10,.18)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--bg-elev);color:var(--ink);font-size:14px;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:all .15s ease}.btn-ghost:hover{border-color:var(--ink);background:var(--bg-muted)}.btn-yellow{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:999px;border:1.5px solid var(--yellow-deep);background:var(--yellow);color:var(--ink);font-size:14px;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 0 0 var(--yellow-deep)}.btn-yellow:hover{transform:translateY(-1px);box-shadow:0 6px 0 0 var(--yellow-deep)}.btn-yellow:active{transform:translateY(1px);box-shadow:0 2px 0 0 var(--yellow-deep)}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:-.01em;border:1px solid}.chip-green{background:var(--success-soft);color:var(--success);border-color:#bbf7d0}.chip-red{background:var(--danger-soft);color:var(--danger);border-color:#fecaca}.chip-yellow{background:var(--yellow-soft);color:var(--ink);border-color:var(--yellow)}.chip-gray{color:var(--ink-3);border-color:var(--line)}.chip-gray,.upload-box{background:var(--bg-muted)}.upload-box{border:1.5px dashed var(--line-strong);border-radius:var(--radius);padding:24px 16px;text-align:center;cursor:pointer;transition:all .15s ease}.upload-box:hover{border-color:var(--yellow-deep);background:var(--yellow-soft)}.upload-box.done{border-style:solid;border-color:var(--success);background:var(--success-soft)}input,select,textarea{width:100%;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:11px 14px;font-size:14px;color:var(--ink);outline:none;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--yellow-deep);box-shadow:0 0 0 3px rgba(245,200,66,.25)}label{display:block}.ai-box{background:var(--bg-cream);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;font-size:14px;line-height:1.8;color:var(--ink-2)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow-deep)}.h-display{font-size:clamp(40px,5.5vw,64px);font-weight:900;letter-spacing:-.04em;line-height:1.02;color:var(--ink)}.h-section{font-size:clamp(28px,3.5vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}.lead{font-size:17px;line-height:1.65;color:var(--ink-2)}table{border-collapse:collapse}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}.dots-bg{background-image:radial-gradient(var(--line-strong) 1px,transparent 1px);background-size:24px 24px}.sparkle{position:absolute;font-size:24px;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(8deg)}}