:root{--coffee-900: #3d2b1f;--coffee-800: #4f3828;--coffee-700: #6f4e37;--coffee-600: #8b5a2b;--coffee-500: #a67b5b;--coffee-400: #c19a6b;--coffee-300: #d2b48c;--coffee-200: #e6d2b5;--coffee-100: #f5e6d3;--coffee-50: #fdf8f3;--knowledge-900: #1e3a5f;--knowledge-800: #2a4d73;--knowledge-700: #3a5f8a;--knowledge-600: #4a75a0;--knowledge-500: #5b8db8;--knowledge-400: #7ba7c7;--knowledge-300: #a3c4dc;--knowledge-200: #c8ddf0;--knowledge-100: #e8f1f8;--knowledge-50: #f4f9fc;--bg-primary: var(--coffee-50);--bg-secondary: #ffffff;--bg-glass: rgba(253, 248, 243, .9);--text-primary: var(--coffee-900);--text-secondary: var(--coffee-700);--text-muted: var(--coffee-500);--border-primary: var(--coffee-200);--border-strong: var(--coffee-300);--accent-primary: var(--coffee-600);--accent-secondary: var(--knowledge-600);--accent-soft: var(--knowledge-100);--font-display: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--shadow-sm: 0 2px 8px rgba(61, 43, 31, .06);--shadow-md: 0 8px 24px rgba(61, 43, 31, .1);--shadow-lg: 0 16px 40px rgba(61, 43, 31, .14);--bg-hero-opacity: .38}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;position:relative}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url(../assets/bg-hero.png);background-size:cover;background-position:center top;background-repeat:no-repeat;opacity:var(--bg-hero-opacity)}.app-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fdf8f32e,#fdf8f36b 45%,#fdf8f3b8)}.app-content{position:relative;z-index:1;min-height:100dvh}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-lg)}.heading-xl{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary)}.heading-lg{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.2}.heading-md{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.3}.text-body{font-size:1rem;line-height:1.7;color:var(--text-secondary)}.text-small{font-size:.875rem;line-height:1.5;color:var(--text-muted)}.card{background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card-clickable{cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;transition:all .18s ease;cursor:pointer;border:none;outline:none}.btn-primary{background:linear-gradient(135deg,var(--coffee-600),var(--coffee-700));color:#fff;box-shadow:0 4px 14px #8b5a2b40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #8b5a2b52}.btn-secondary{background:#fff;color:var(--coffee-700);border:1px solid var(--border-primary)}.btn-secondary:hover{border-color:var(--coffee-400);background:var(--coffee-50)}.tag{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:9999px;font-size:.75rem;font-weight:600;background:var(--accent-soft);color:var(--accent-secondary)}.tag-coffee{background:var(--coffee-100);color:var(--coffee-700)}.metric-card{background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.metric-label{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-xs)}.metric-value{font-size:1.875rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.metric-sublabel{font-size:.8125rem;color:var(--text-muted);margin-top:var(--space-xs)}.placeholder-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);border:2px dashed var(--border-primary);border-radius:var(--radius-lg);background:#ffffff80;color:var(--text-muted);text-align:center}.placeholder-state svg{width:48px;height:48px;margin-bottom:var(--space-md);opacity:.5}.nav-bar{position:sticky;top:0;z-index:50;background:#fdf8f3f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-primary)}.nav-list{display:flex;gap:var(--space-xs);padding:var(--space-sm) 0;overflow-x:auto;scrollbar-width:none}.nav-list::-webkit-scrollbar{display:none}.nav-item{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all .18s ease;border:none;background:transparent}.nav-item:hover{color:var(--coffee-800);background:#a17b5b14}.nav-item.active{color:#fff;background:linear-gradient(135deg,var(--coffee-600),var(--coffee-700));box-shadow:var(--shadow-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:#3d2b1f73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal-panel{width:100%;max-width:720px;max-height:85dvh;overflow-y:auto;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:slideUp .24s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--border-primary)}.modal-body{padding:var(--space-xl)}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:var(--coffee-50);color:var(--coffee-700);cursor:pointer;transition:background .18s ease}.modal-close:hover{background:var(--coffee-100)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.funnel-stage{display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);color:#fff;font-weight:700;position:relative}.funnel-stage-primary{background:linear-gradient(135deg,var(--coffee-500),var(--coffee-600))}.funnel-stage-secondary{background:linear-gradient(135deg,var(--knowledge-400),var(--knowledge-500))}.funnel-stage-success{background:linear-gradient(135deg,#b08d55,var(--coffee-500))}.funnel-stage-danger{background:linear-gradient(135deg,#c97b63,#b8684f)}.section-enter{animation:fadeIn .32s ease}@media (max-width: 768px){.container{padding:0 var(--space-md)}.heading-xl{font-size:2rem}.nav-list{gap:var(--space-xs)}.nav-item{padding:var(--space-sm) var(--space-md);font-size:.875rem}}