:root{--app-primary:#176b87;--app-primary-dark:#104e64}body{min-height:100vh;background:radial-gradient(circle at 10% 0,#dff4fa 0,transparent 36%),#f4f8fa;color:#173b47;font-family:"Microsoft JhengHei",system-ui,sans-serif}.brand-mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:linear-gradient(145deg,#27a8bd,var(--app-primary-dark));color:#fff;box-shadow:0 .35rem 1rem #176b8733}.hero-card{border:1px solid #d9ebf0;border-radius:1.25rem;background:linear-gradient(135deg,#fff,#edf9fc);box-shadow:0 .75rem 2rem #234f5d12}.compact-hero .h2{font-size:clamp(1.55rem,2.4vw,2.15rem)}.compact-hero p{font-size:.98rem}.feature-chip{padding:.5rem .7rem;border:1px solid #d9ebf0;border-radius:.65rem;background:#fff;color:#315f6e;white-space:nowrap}.upload-zone{min-height:15rem;border:2px dashed #70b5c5;border-radius:1rem;background:#f1fbfd;cursor:pointer;transition:.2s}.upload-zone:hover,.upload-zone.dragging{border-color:var(--app-primary);background:#e1f6fa;transform:translateY(-2px)}.upload-icon{display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:#d8f2f6;color:var(--app-primary);font-size:2rem;font-weight:700}.btn-primary{--bs-btn-bg:var(--app-primary);--bs-btn-border-color:var(--app-primary);--bs-btn-hover-bg:var(--app-primary-dark);--bs-btn-hover-border-color:var(--app-primary-dark)}.result-list{max-height:20rem;overflow:auto}.setting-card{padding:1rem;border:1px solid #dcecef;border-radius:.85rem;background:#f4fafb}.setting-card code{color:#64808a}@media(max-width:575.98px){.feature-chip{white-space:normal}.compact-hero .badge{width:100%;text-align:left}}