*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}:root{--bg:#fafaf8;--bg-elevated:#fff;--bg-subtle:#f5f0e8;--fg:#1a1a1a;--fg-body:#4b5563;--fg-muted:#6b7280;--fg-dim:#9ca3af;--accent:#d42b2b;--accent-soft:#d42b2b14;--accent-border:#d42b2b33;--border:#0000000f;--border-card:#00000014;--shadow-btn:#d42b2b40;--chat-user:#d42b2b;--chat-ai-bg:#00000008;--chat-ai-fg:#1a1a1a;--ghost-char:#d42b2b0f}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0f;--bg-elevated:#ffffff08;--bg-subtle:#ffffff05;--fg:#e5e5e5;--fg-body:#9ca3af;--fg-muted:#9ca3af;--fg-dim:#9ca3af80;--accent:#ef4444;--accent-soft:#ef44441a;--accent-border:#ef44444d;--border:#ffffff0d;--border-card:#ffffff12;--shadow-btn:#ef444459;--chat-user:#ef4444;--chat-ai-bg:#ffffff0d;--chat-ai-fg:#e5e5e5;--ghost-char:#ef44441a}}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:0 24px}.narrow{max-width:780px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px -8px var(--shadow-btn);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:transform .12s;display:inline-flex}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{border:1px solid var(--border-card);color:var(--fg);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;transition:border-color .12s,color .12s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}nav{z-index:100;background:color-mix(in srgb, var(--bg) 90%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:56px;position:sticky;top:0}nav .container{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-brand{align-items:center;gap:8px;font-size:1.125rem;font-weight:700;display:flex}.nav-links{align-items:center;gap:20px;display:flex}.nav-links a{color:var(--fg-muted);font-size:.875rem;transition:color .15s}.nav-links a:hover{color:var(--fg)}@media (width<=768px){.nav-links a:not(.btn-primary){display:none}.btn-primary.nav-cta{padding:8px 14px;font-size:.8rem}}.hero{text-align:center;padding:100px 0 60px;position:relative}.hero:before{content:"";background:radial-gradient(ellipse, var(--ghost-char) 0%, transparent 70%);pointer-events:none;width:700px;height:500px;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.hero-char{color:var(--ghost-char);user-select:none;margin-bottom:24px;font-size:8rem;font-weight:200;line-height:1}.hero h1{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.08}.hero .lead{color:var(--fg-body);max-width:540px;margin:0 auto 36px;font-size:1.0625rem;line-height:1.6}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:12px;display:flex}.hero-note{color:var(--fg-dim);font-size:.6875rem}.accent{color:var(--accent)}.stats-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:24px 48px;margin-top:40px;padding:32px 0;display:flex}.stat{text-align:center}.stat .num{color:var(--accent);font-size:2.25rem;font-weight:700;line-height:1}.stat .label{color:var(--fg-dim);margin-top:4px;font-size:.6875rem}section{border-top:1px solid var(--border);padding:80px 0}section h2{letter-spacing:-.02em;margin-bottom:8px;font-size:1.75rem;font-weight:700}section .section-lead{color:var(--fg-muted);max-width:540px;margin-bottom:40px;font-size:1rem}.chat-demo{border:1px solid var(--border-card);background:var(--bg-elevated);border-radius:14px;max-width:560px;margin:0 auto;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);color:var(--fg-muted);align-items:center;gap:8px;padding:12px 16px;font-size:.75rem;display:flex}.chat-header .dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.chat-body{padding:16px}.chat-msg{flex-direction:column;margin-bottom:12px;display:flex}.chat-msg.user{align-items:flex-end}.chat-msg.ai{align-items:flex-start}.chat-bubble{border-radius:12px;max-width:85%;padding:10px 14px;font-size:.8125rem;line-height:1.6}.chat-msg.user .chat-bubble{background:var(--chat-user);color:#fff;border-bottom-right-radius:4px}.chat-msg.ai .chat-bubble{background:var(--chat-ai-bg);color:var(--chat-ai-fg);border-bottom-left-radius:4px}.etymology-block{border-left:3px solid var(--accent);margin-bottom:40px;padding-left:24px}.etymology-block .char-display{margin-bottom:8px;font-size:4rem;font-weight:300;line-height:1}.etymology-block .pinyin-display{color:var(--accent);margin-bottom:12px;font-size:1rem}.etymology-block .breakdown{color:var(--fg-body);font-size:.9375rem;line-height:1.8}.etymology-block .component{color:var(--accent);font-weight:500}.etymology-pair{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=640px){.etymology-pair{grid-template-columns:1fr}}.etymology-mini{border-top:1px solid var(--border);padding-top:20px}.etymology-mini .em-char{margin-bottom:4px;font-size:2.5rem;line-height:1}.etymology-mini .em-pinyin{color:var(--accent);margin-bottom:8px;font-size:.875rem}.etymology-mini p{color:var(--fg-body);font-size:.8125rem;line-height:1.6}.etymology-mini .component{color:var(--accent);font-weight:500}.divider{background:var(--border-card);width:48px;height:1px;margin:48px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.features-grid{grid-template-columns:1fr}}.feature-card{border:1px solid var(--border-card);background:var(--bg-elevated);border-radius:14px;padding:24px}.feature-card .f-icon{color:var(--accent);margin-bottom:12px;font-size:1.75rem}.feature-card h3{margin-bottom:6px;font-size:.9375rem;font-weight:600}.feature-card p{color:var(--fg-muted);font-size:.8125rem;line-height:1.5}.feature-card:nth-child(7){grid-column:span 1}.canvas-mock{border:1px solid var(--border-card);background:var(--bg-elevated);text-align:center;border-radius:14px;max-width:400px;margin:0 auto;padding:32px}.canvas-mock .canvas-area{border:2px dashed var(--border-card);width:200px;height:200px;color:var(--ghost-char);border-radius:8px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:6rem;display:flex}.canvas-mock .canvas-label{color:var(--fg-dim);font-size:.75rem}.canvas-mock .strokes-info{color:var(--accent);margin-top:12px;font-size:.6875rem}.ocr-demo{background:var(--bg-elevated);border:1px solid var(--border-card);border-radius:14px;grid-template-columns:1fr 1fr;align-items:center;gap:20px;max-width:480px;margin:0 auto;padding:24px;display:grid}@media (width<=560px){.ocr-demo{grid-template-columns:1fr}}.ocr-photo{background:var(--bg-subtle);text-align:center;color:var(--fg-dim);border-radius:12px;padding:20px;font-size:.75rem}.ocr-photo .menu-text{color:var(--fg);font-size:1.25rem;line-height:2}.ocr-result{font-size:.8125rem}.ocr-result .ocr-char{color:var(--accent);margin-bottom:4px;font-size:2.5rem;line-height:1}.ocr-result .ocr-pinyin{color:var(--accent);margin-bottom:2px;font-size:.875rem}.ocr-result .ocr-meaning{color:var(--fg-body);margin-bottom:8px}.ocr-result .ocr-example{color:var(--fg-dim);font-size:.75rem}.diff-row{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=768px){.diff-row{grid-template-columns:1fr}}.diff-item{border-left:3px solid var(--accent);padding:20px}.diff-item h3{margin-bottom:4px;font-size:.9375rem;font-weight:600}.diff-item p{color:var(--fg-muted);font-size:.8125rem}.pricing-row{grid-template-columns:1fr 1fr;gap:20px;max-width:720px;margin:0 auto;display:grid}@media (width<=600px){.pricing-row{grid-template-columns:1fr}}.plan-card{border:1px solid var(--border-card);background:var(--bg-elevated);border-radius:14px;padding:28px}.plan-card.highlighted{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.plan-card .plan-name{margin-bottom:4px;font-size:1rem;font-weight:700}.plan-card .plan-price{margin-bottom:2px;font-size:1.75rem;font-weight:700}.plan-card .plan-period{color:var(--fg-dim);margin-bottom:16px;font-size:.75rem}.plan-card .plan-features{color:var(--fg-body);font-size:.8125rem;list-style:none}.plan-card .plan-features li{border-bottom:1px solid var(--border);align-items:baseline;gap:6px;padding:5px 0;display:flex}.plan-card .plan-features li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-top:7px}.plan-card .annual-note{color:var(--accent);margin-top:12px;font-size:.6875rem;font-weight:500}.final-cta{text-align:center;border-top:1px solid var(--border);padding:100px 0}.final-cta h2{margin-bottom:12px;font-size:2rem}.final-cta p{color:var(--fg-muted);max-width:440px;margin:0 auto 32px}footer{border-top:1px solid var(--border);text-align:center;color:var(--fg-dim);padding:32px 0;font-size:.6875rem}.faq-list{max-width:640px}.faq-item{border-bottom:1px solid var(--border);padding:16px 0}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.faq-item summary:after{content:"+";color:var(--fg-dim);font-size:1.25rem}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--fg-muted);margin-top:8px;font-size:.8125rem;line-height:1.6}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn-primary:hover{transform:none}}