:root{color:#4b3629;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--border:#bc895f38;--panel:#fffcf7c7;--heading:#2f1c12;--muted:#8c6b58;--shadow:0 24px 60px #5e341c1a;background:radial-gradient(circle at 0 0,#ffd08d73,#0000 24%),radial-gradient(circle at 100%,#ffedd5d9,#0000 22%),linear-gradient(#fff9f2 0%,#fff1e2 100%);font-family:Segoe UI,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000007a,#0000 85%);mask-image:linear-gradient(#0000007a,#0000 85%)}#root{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 48px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--heading);line-height:1.08}h1{max-width:10ch;margin-bottom:18px;font-size:clamp(2.6rem,6vw,5rem)}h2{font-size:clamp(1.6rem,3vw,2.3rem)}h3{margin-bottom:10px;font-size:1.35rem}p{color:#6f5445}button,input{font:inherit}@media (width<=980px){#root{width:min(100% - 20px,1180px);padding:20px 0 32px}}.page-shell,.auth-shell,.dashboard-shell{gap:28px;display:grid}.hero-panel,.auth-panel{grid-template-columns:minmax(0,1.4fr) minmax(320px,.95fr);align-items:stretch;gap:24px;display:grid}.hero-copy,.feature-card,.info-card,.auth-copy,.auth-card,.dashboard-hero{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:28px}.hero-copy,.auth-copy,.auth-card,.dashboard-hero,.info-card{text-align:left;padding:32px}.eyebrow,.card-label,.feature-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:.82rem}.hero-text{max-width:58ch;font-size:1.05rem}.hero-actions,.dashboard-actions{flex-wrap:wrap;gap:14px;margin:32px 0 38px;display:flex}.dashboard-actions{margin:0}.primary-btn,.ghost-btn,.text-btn{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:14px 22px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.primary-btn{color:#fffaf2;background:linear-gradient(135deg,#d97706,#ea580c);box-shadow:0 14px 30px #ea580c47}.ghost-btn{color:var(--heading);background:#ffffffa6;border:1px solid #a3744c2e}.text-btn{color:#9a3412;background:0 0;border-radius:0;justify-self:start;padding:0}.primary-btn:hover,.ghost-btn:hover,.text-btn:hover{transform:translateY(-1px)}.primary-btn:disabled,.ghost-btn:disabled,.text-btn:disabled,.tab-btn:disabled{cursor:wait;opacity:.7;transform:none}.stat-grid,.dashboard-stat-grid,.dashboard-grid,.content-grid{gap:24px;display:grid}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.stat-card,.dashboard-stat{background:#fff8efb8;border:1px solid #e6be975c;border-radius:20px;padding:18px}.stat-card strong,.dashboard-stat strong{color:var(--heading);font-size:1.9rem;display:block}.stat-card span,.dashboard-stat span{color:var(--muted)}.feature-card{text-align:left;background:radial-gradient(circle at top,#ffd2986b,#0000 48%),linear-gradient(#fff9f1f5,#fff4e6e0);padding:32px}.feature-card h2{margin-bottom:18px}.feature-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{padding-left:22px;position:relative}.feature-list li:before{content:"";background:linear-gradient(135deg,#f59e0b,#ea580c);border-radius:50%;width:10px;height:10px;position:absolute;top:.65em;left:0}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.login-header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:24px;display:flex}.status-pill{color:#166534;background:#4ade8033;border-radius:999px;padding:8px 12px;font-size:.85rem}.auth-card{gap:16px;display:grid}.auth-card label{color:var(--heading);gap:8px;font-weight:600;display:grid}.auth-card input{font:inherit;color:var(--heading);background:#ffffffd6;border:1px solid #a3744c3d;border-radius:16px;padding:14px 16px}.auth-card input:focus{border-color:#ea580c73;outline:2px solid #ea580c40}.submit-btn{width:100%}.demo-box{color:var(--heading);background:#fff8efb8;border:1px solid #e6be975c;border-radius:20px;gap:8px;margin-top:24px;padding:18px 20px;font-weight:600;display:grid}.form-error{color:#b42318;margin:0;font-size:.95rem}.form-success{color:#166534;margin:0;font-size:.95rem}.dashboard-hero{justify-content:space-between;align-items:center;gap:18px;display:flex}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-main{grid-column:span 2}.profile-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr)}.profile-summary,.profile-editor{height:fit-content}.tab-bar{flex-wrap:wrap;gap:12px;display:flex}.tab-btn{color:var(--heading);font:inherit;cursor:pointer;background:#ffffffb8;border:1px solid #a3744c2e;border-radius:999px;padding:12px 18px;font-weight:600;transition:transform .2s,background .2s,color .2s}.tab-btn.active{color:#fffaf2;background:linear-gradient(135deg,#d97706,#ea580c);box-shadow:0 14px 30px #ea580c2e}.password-form{gap:16px;margin-top:18px;display:grid}.password-form label{color:var(--heading);gap:8px;font-weight:600;display:grid}.password-form input{font:inherit;color:var(--heading);background:#ffffffd6;border:1px solid #a3744c3d;border-radius:16px;padding:14px 16px}.password-form input:focus{border-color:#ea580c73;outline:2px solid #ea580c40}@media (width<=980px){.hero-panel,.auth-panel,.content-grid,.dashboard-grid,.dashboard-stat-grid{grid-template-columns:1fr}.hero-copy,.auth-copy,.auth-card,.dashboard-hero,.info-card{padding:24px}.stat-grid{grid-template-columns:1fr}.dashboard-hero{flex-direction:column;align-items:stretch}.dashboard-main{grid-column:span 1}}