*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#5d4e37;--primary-light:#8b7355;--accent:#0d9488;--accent-hover:#0f766e;--accent-light:#ccfbf1;--accent-soft:#99f6e4;--bg:#faf8f5;--bg-warm:#f5f0e8;--bg-cream:#ebe4d8;--text:#3d3529;--text-light:#6b5f52;--text-muted:#a89d91;--white:#fff;--border:#e8e2d9;--border-light:#f0ebe3;--success:#059669;--success-light:#ecfdf5;--warning:#d97706;--warning-light:#fffbeb;--danger:#dc2626;--danger-light:#fef2f2;--info:#0284c7;--info-light:#f0f9ff;--gradient-accent:linear-gradient(135deg, #0d9488 0%, #0f766e 50%, #065f46 100%);--gradient-warm:linear-gradient(135deg, #c1956c 0%, #d4a574 50%, #e8c9a0 100%);--gradient-text:linear-gradient(135deg, #5d4e37, #0d9488);--gradient-text-accent:linear-gradient(135deg, #0d9488, #34d399);--gradient-score-high:linear-gradient(135deg, #059669, #10b981, #34d399);--gradient-score-mid:linear-gradient(135deg, #d97706, #f59e0b, #fbbf24);--gradient-score-low:linear-gradient(135deg, #dc2626, #ef4444, #f87171);--glow-accent:0 0 20px #0d94884d, 0 0 60px #0d94881a;--glow-accent-sm:0 0 12px #0d948833;--glass-bg:#ffffffa6;--glass-border:#ffffff4d;--glass-blur:blur(20px);--shadow:0 1px 3px #3d35290a, 0 4px 12px #3d35290f;--shadow-md:0 2px 6px #3d35290d, 0 8px 24px #3d352914;--shadow-lg:0 4px 12px #3d35290f, 0 16px 48px #3d35291a;--shadow-accent:0 4px 14px #0d948840;--radius:14px;--radius-sm:8px;--radius-xs:6px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;--nav-height:64px;--nav-logo-size:18px;--ease:cubic-bezier(.4, 0, .2, 1)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,PingFang SC,Noto Sans SC,Microsoft YaHei,Helvetica Neue,sans-serif;line-height:1.7;overflow-x:hidden}#app{min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 24px}.page-nav{z-index:100;height:var(--nav-height);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);transition:box-shadow .2s var(--ease);background:#faf8f5e0;position:sticky;top:0}.page-nav.scrolled{box-shadow:var(--shadow)}.page-nav-inner{justify-content:space-between;align-items:center;max-width:960px;height:100%;margin:0 auto;padding:0 24px;display:flex}.page-nav .logo{font-size:var(--nav-logo-size);color:var(--primary);letter-spacing:.08em;font-weight:700;text-decoration:none}.nav-back{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .15s var(--ease);align-items:center;gap:4px;padding:6px 14px;font-size:13px;text-decoration:none;display:inline-flex}.nav-back:hover{color:var(--accent);border-color:var(--accent)}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-accent{background:var(--gradient-text-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glass-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);background:#ffffffb3;border:1px solid #fff6;box-shadow:0 8px 32px #3d352914}.fade-in{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}.stagger-item{opacity:0;transform:translateY(16px)}.stagger-item.revealed{animation:staggerReveal .4s var(--ease) forwards}@keyframes staggerReveal{to{opacity:1;transform:translateY(0)}}@keyframes fillBar{0%{width:0%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glowPulse{0%,to{box-shadow:var(--glow-accent-sm)}50%{box-shadow:var(--glow-accent)}}@keyframes shimmer{0%{background-position:-400% 0}to{background-position:400% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-warm) 0%, var(--border) 40%, var(--bg-warm) 80%, var(--bg-warm) 100%);border-radius:var(--radius-xs);background-size:200% 100%;animation:1.6s infinite shimmer}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.pulse{animation:1.5s ease-in-out infinite pulse}.card-reveal{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translateY(20px)}.card-reveal.visible{opacity:1;transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.7s linear infinite spin}.btn{border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.02em;border:none;justify-content:center;align-items:center;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-light)}.btn-accent{background:var(--gradient-accent);color:var(--white);box-shadow:var(--shadow-accent)}.btn-accent:hover{filter:brightness(1.1);box-shadow:0 6px 20px #0d948859}.btn-outline{border:1.5px solid var(--border);color:var(--text-light);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-hero{background:var(--gradient-accent);color:var(--white);cursor:pointer;box-shadow:var(--glow-accent-sm);border:none;border-radius:12px;justify-content:center;align-items:center;padding:18px 48px;font-family:inherit;font-size:17px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-hero:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-hero:hover:before{left:100%}.btn-hero:hover{box-shadow:var(--glow-accent);transform:translateY(-2px)}.btn:active,.btn-primary:active,.btn-accent:active,.btn-outline:active,.btn-hero:active{opacity:.8}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow .25s var(--ease);padding:24px}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:24px;position:relative;overflow:hidden}.card-elevated:before{content:"";background:var(--gradient-accent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card-elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-elevated:hover:before{opacity:1}input,textarea,select{font-family:inherit;font-size:14px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.section-header{text-align:center;margin-bottom:48px}.section-title{color:var(--primary);letter-spacing:.02em;margin-bottom:12px;font-size:28px;font-weight:700}.section-desc{color:var(--text-light);max-width:480px;margin:0 auto;font-size:15px}.section-line{background:var(--gradient-accent);border-radius:2px;width:40px;height:3px;margin:0 auto 16px}