.app-root[data-v-f6fdcb08]{flex-direction:column;min-height:100%;display:flex}main[data-v-f6fdcb08]{flex:1}:root{--c-primary:#4f46e5;--c-primary-hover:#4338ca;--c-primary-light:#eef2ff;--c-primary-ring:rgba(79,70,229,.15);--c-bg:#fafaf8;--c-surface:#fff;--c-surface-alt:#f7f6f2;--c-border:rgba(28,25,23,.07);--c-border-strong:rgba(28,25,23,.14);--c-text:#1c1917;--c-text-sub:#57534e;--c-text-muted:#78716c;--c-accent:#c2410c;--c-success:#15803d;--c-warn:#b45309;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.03), 0 1px 3px 0 rgba(0,0,0,.04);--shadow-md:0 4px 8px -2px rgba(0,0,0,.05), 0 2px 5px -3px rgba(0,0,0,.05);--shadow-lg:0 18px 35px -12px rgba(79,70,229,.1), 0 10px 20px -10px rgba(0,0,0,.06);--shadow-card-hover:0 14px 40px -16px rgba(0,0,0,.12), 0 6px 18px -8px rgba(79,70,229,.08);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--f-serif:"Playfair Display", "Noto Serif SC", Georgia, "Source Han Serif SC", serif;--f-sans:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--f-hanzi:"Noto Serif SC", "Source Han Serif SC", STSong, SimSun, Georgia, serif}*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{font-family:var(--f-sans);color:var(--c-text);background-color:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em;background-image:radial-gradient(1200px 600px at 10% -10%,rgba(79,70,229,.05) 0%,transparent 55%),radial-gradient(800px 500px at 120% 10%,rgba(194,65,12,.035) 0%,transparent 55%);background-attachment:fixed;line-height:1.6}img,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:0;font-family:inherit}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{font-family:inherit}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}@media (min-width:1200px){.container{max-width:1180px;padding:0 32px}}.section{padding:96px 0}.section+.section{border-top:1px solid var(--c-border)}@media (max-width:768px){.section{padding:64px 0}}.eyebrow{font-family:var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary);background:var(--c-primary-light);border-radius:var(--r-full);padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}h1,.h1{font-family:var(--f-serif);letter-spacing:-.02em;color:var(--c-text);font-size:max(36px,min(6vw,64px));font-weight:600;line-height:1.08}h2,.h2{font-family:var(--f-serif);letter-spacing:-.015em;color:var(--c-text);font-size:max(28px,min(4.2vw,44px));font-weight:600;line-height:1.15}h3,.h3{font-family:var(--f-serif);font-size:max(22px,min(3vw,28px));font-weight:600;line-height:1.25}.lead{font-family:var(--f-sans);color:var(--c-text-sub);max-width:640px;font-size:18px;line-height:1.7}.muted{color:var(--c-text-muted)}.hanzi-display{font-family:var(--f-hanzi);letter-spacing:.04em;font-weight:600;line-height:1.1}.btn{border-radius:var(--r-full);white-space:nowrap;will-change:transform, box-shadow;justify-content:center;align-items:center;gap:10px;height:52px;padding:0 28px;font-size:16px;font-weight:500;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--c-primary);color:#fff;box-shadow:0 6px 20px -8px var(--c-primary)}.btn-primary:hover{background:var(--c-primary-hover);box-shadow:0 10px 24px -6px var(--c-primary);text-decoration:none;transform:translateY(-1px)}.btn-ghost{color:var(--c-text);border:1px solid var(--c-border-strong);background:0 0}.btn-ghost:hover{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.2);text-decoration:none}.btn-lg{height:60px;padding:0 36px;font-size:17px}.btn-sm{height:42px;padding:0 20px;font-size:14px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:all .25s}.card:hover{box-shadow:var(--shadow-card-hover);border-color:rgba(79,70,229,.15);transform:translateY(-2px)}.form-label{color:var(--c-text);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-hint{color:var(--c-text-muted);margin-top:6px;font-size:13px}.input,.select{border:1px solid var(--c-border-strong);border-radius:var(--r-md);width:100%;height:52px;color:var(--c-text);background:var(--c-surface);outline:none;padding:0 18px;font-size:16px;transition:all .15s}.input::-webkit-input-placeholder{color:var(--c-text-muted)}.input::-moz-placeholder{color:var(--c-text-muted)}.input::-ms-input-placeholder{color:var(--c-text-muted)}.input::placeholder{color:var(--c-text-muted)}.input:focus,.select:focus{border-color:var(--c-primary);box-shadow:0 0 0 4px var(--c-primary-ring);background:#fff}.chip-group{flex-wrap:wrap;gap:10px;display:flex}.chip{border-radius:var(--r-full);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text-sub);cursor:pointer;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s}.chip:hover{border-color:var(--c-primary);color:var(--c-primary)}.chip.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff;box-shadow:0 4px 12px -4px var(--c-primary)}.name-showcase{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);text-align:center;padding:48px 40px;position:relative;overflow:hidden}.name-showcase:before{content:"";pointer-events:none;background:radial-gradient(circle,rgba(79,70,229,.08),transparent 65%);width:420px;height:420px;position:absolute;top:-40%;bottom:auto;left:auto;right:-10%}.name-hanzi-lg{font-family:var(--f-hanzi);letter-spacing:.08em;color:var(--c-text);font-size:max(72px,min(14vw,128px));font-weight:600;line-height:1.05}.name-pinyin-lg{font-family:var(--f-serif);color:var(--c-text-muted);letter-spacing:.04em;margin-top:10px;font-size:max(18px,min(3vw,26px));font-style:italic;font-weight:500}.name-meaning-lg{font-family:var(--f-serif);color:var(--c-text);max-width:560px;margin-top:22px;margin-left:auto;margin-right:auto;padding:0 18px;font-size:max(18px,min(2.6vw,22px));line-height:1.4}.name-meaning-lg:before{content:"“";opacity:.4;margin-right:2px}.name-meaning-lg:after{content:"”";opacity:.4;margin-left:2px}.score-badge{background:var(--c-primary-light);color:var(--c-primary);border-radius:var(--r-full);letter-spacing:.02em;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.score-badge.good{color:#047857;background:#ecfdf5}.score-badge.great{color:#b45309;background:#fef3c7}.navbar{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--c-border);background:rgba(250,250,248,.72);position:-webkit-sticky;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.brand{font-family:var(--f-serif);color:var(--c-text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:22px;font-weight:700;display:inline-flex}.brand-seal{background:var(--c-primary);color:#fff;width:34px;height:34px;font-family:var(--f-hanzi);border-radius:8px;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:inline-flex;position:relative;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.brand-seal:after{content:"";background:var(--c-accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--c-bg);border-radius:50%;position:absolute;top:-2px;right:-2px}.nav-links{align-items:center;gap:6px;display:inline-flex}.nav-link{border-radius:var(--r-full);color:var(--c-text-sub);align-items:center;padding:8px 14px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.nav-link:hover{color:var(--c-text);background:rgba(0,0,0,.04);text-decoration:none}@media (max-width:640px){.nav-links .nav-link{display:none}}.step-bar{justify-content:space-between;align-items:center;max-width:640px;margin:0 auto 40px;display:flex}.step-node{background:var(--c-surface);border:2px solid var(--c-border-strong);width:36px;height:36px;color:var(--c-text-muted);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;position:relative}.step-node.done{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.step-node.current{border-color:var(--c-primary);color:var(--c-primary);box-shadow:0 0 0 4px var(--c-primary-ring);background:#fff}.step-line{background:var(--c-border-strong);opacity:.4;flex:1;height:2px;margin:0 8px}.step-line.done{background:var(--c-primary);opacity:1}.footer{border-top:1px solid var(--c-border);color:var(--c-text-muted);margin-top:80px;padding:56px 0 32px;font-size:14px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.disclaimer{background:var(--c-surface-alt);border-radius:var(--r-md);max-width:520px;color:var(--c-text-muted);padding:14px 18px;font-size:13px;line-height:1.6}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px;display:grid}@media (max-width:820px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);flex-direction:column;padding:36px 32px;transition:all .25s;display:flex;position:relative}.pricing-card.featured{box-shadow:var(--shadow-lg);background:linear-gradient(#fff,#fafaf8);border-color:rgba(79,70,229,.3);transform:translateY(-8px)}.pricing-card:hover{box-shadow:var(--shadow-card-hover)}.price-tag{align-items:baseline;gap:4px;margin:16px 0 24px;display:flex}.price-amount{font-family:var(--f-serif);letter-spacing:-.03em;color:var(--c-text);font-size:52px;font-weight:700;line-height:1}.price-currency{color:var(--c-text-sub);font-size:22px;font-weight:600}.price-period{color:var(--c-text-muted);margin-left:4px;font-size:14px}.feature-list{margin:0 0 28px;padding:0;list-style:none}.feature-list li{border-bottom:1px dashed var(--c-border);color:var(--c-text-sub);align-items:flex-start;gap:10px;padding:10px 0;font-size:15px;display:flex}.feature-list li:before{content:"✓";color:var(--c-primary);flex-shrink:0;font-weight:700;line-height:1.6}.feature-list li.no:before{content:"−";color:var(--c-text-muted);opacity:.5}.feature-badge{background:var(--c-accent);color:#fff;border-radius:var(--r-full);letter-spacing:.06em;text-transform:uppercase;padding:6px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px -4px rgba(194,65,12,.5)}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-active{transition-delay:30ms}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s cubic-bezier(.2,.8,.2,1) both fadeInUp}
