*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.border{border-width:1px}*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#1a1a2e;--secondary:#e94560;--accent:#f5c842;--bg:#f4f6fb;--card-bg:#fff;--shadow:0 8px 30px rgba(0,0,0,.06);--radius:16px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--elegant-color:#2d7d9a;--social-color:#e67e22;--history-color:#8e44ad}body,html{font-family:var(--font);background:var(--bg);color:#1e1e2a;line-height:1.5}.container{max-width:1240px;margin:0 auto;padding:0 20px}header{background:hsla(0,0%,100%,.85);backdrop-filter:blur(6px);box-shadow:0 1px 12px rgba(0,0,0,.04);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.02)}.nav{justify-content:space-between;height:60px;flex-wrap:nowrap}.logo,.nav{display:flex;align-items:center}.logo{font-size:1.3rem;font-weight:700;gap:0;flex-shrink:0}.logo i{color:var(--secondary);font-size:1.4rem;margin-right:6px}.logo .brand{font-weight:700}.logo .brand-light{font-weight:300}.nav-links{display:flex;gap:24px;font-weight:500}.nav-links a{text-decoration:none;color:#333;transition:color .2s;font-size:.9rem}.nav-links a:hover{color:var(--secondary)}.nav-actions{display:flex;gap:12px}.menu-toggle,.nav-actions{align-items:center;flex-shrink:0}.menu-toggle{display:none;background:transparent;border:none;color:var(--primary);font-size:1.2rem;cursor:pointer;padding:6px 10px;margin-left:auto;border-radius:8px;transition:background .2s;order:10;min-width:44px;min-height:44px;justify-content:center}.menu-toggle i{font-size:1.4rem;line-height:1;pointer-events:none;color:var(--primary);display:inline-block;width:1.4rem;text-align:center}.menu-toggle.open,.menu-toggle:hover{background:#f0f2f7}.btn{padding:6px 18px;border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.85rem;background:transparent;color:var(--primary)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#2d2d4a}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:#d63a52}.btn-outline{border:2px solid var(--primary);background:transparent}.btn-outline:hover{background:var(--primary);color:#fff}.lang-toggle{background:transparent;border:1.5px solid #ccc;border-radius:30px;padding:4px 14px;font-weight:600;font-size:.75rem;cursor:pointer;color:#555}.lang-toggle:hover{border-color:var(--secondary);color:var(--secondary)}.hero{padding:16px 0 8px;text-align:center}.hero h1{font-size:2.2rem;font-weight:800;margin-bottom:4px}.hero h1 .highlight{background:linear-gradient(135deg,var(--secondary),#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero .slogan{font-size:1.1rem;font-weight:500;color:var(--secondary);margin-bottom:6px}.hero p.sub{font-size:1rem;color:#555;max-width:560px;margin:0 auto 14px}.name-form{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 24px;max-width:880px;margin:0 auto;text-align:left;border:1px solid rgba(0,0,0,.02)}.pricing-banner{background:linear-gradient(135deg,#fef3e8,#fff6e5);border:1px solid #f5d6b3;border-radius:12px;padding:12px 18px;margin:16px 0 6px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;font-size:.9rem}.pricing-banner .free-info{display:flex;align-items:center;gap:8px;color:#b45f06}.pricing-banner .free-info i{color:var(--secondary)}.pricing-banner .premium-info{display:flex;align-items:center;gap:8px;color:#7f6000;font-weight:600}.pricing-banner .premium-info .price-tag{background:var(--secondary);color:#fff;padding:2px 12px;border-radius:30px;font-size:.8rem}.pricing-banner .login-prompt a{color:var(--secondary);font-weight:600;cursor:pointer;text-decoration:underline}.mode-selector-wrapper{margin-bottom:14px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;border-bottom:1px solid #edf0f5;padding-bottom:12px}.mode-selector-wrapper .label{font-weight:600;font-size:.85rem;color:#333;margin-right:4px}.mode-option{padding:5px 14px;border:2px solid #dce1ea;border-radius:30px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s;background:#fff;color:#444}.mode-option.active,.mode-option:hover{border-color:var(--secondary)}.mode-option.active{background:var(--secondary);color:#fff}.mode-option i{margin-right:4px}.form-grid{grid-template-columns:1fr 1fr}.form-grid,.form-row-name{display:grid;gap:12px 20px}.form-row-name{grid-column:1/-1;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:3px}.form-group.full-width{grid-column:1/-1}.form-group label{font-weight:600;font-size:.8rem;color:#333}.form-group label .required{color:var(--secondary)}.form-group input,.form-group select,.form-group textarea{padding:8px 12px;border:1.5px solid #e8ecf2;border-radius:10px;font-size:.9rem;background:#fafcff;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px rgba(233,69,96,.06);background:#fff}.form-group textarea{resize:vertical;min-height:40px}input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none}.date-input-wrapper input{width:100%}.form-actions{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:6px}.free-quota-hint{font-size:.82rem;color:#b45f06;display:inline-flex;align-items:center;gap:6px}.free-quota-hint i{color:var(--secondary)}.btn-generate{background:var(--primary);color:#fff;padding:10px 44px;border-radius:40px;font-size:.95rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 16px rgba(26,26,46,.15);display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .1s}.btn-generate:hover{background:#2d2d4a}.btn-generate:active{transform:scale(.97)}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.results-section{margin-top:32px;padding:12px 0 30px;display:none}.results-section.visible{display:block}.results-section h2{text-align:center;font-size:1.6rem;font-weight:700;margin-bottom:4px}.results-section .sub-hint{text-align:center;color:#777;margin-bottom:20px;font-size:.9rem}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.results-loading{text-align:center;padding:40px 0 30px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.results-loading .spinner{width:44px;height:44px;border:4px solid #eee;border-top:4px solid var(--secondary);border-radius:50%;margin:0 auto 14px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.results-loading .loading-text{font-size:1.1rem;font-weight:600;color:var(--primary)}.results-loading .loading-sub{color:#888;font-size:.85rem;margin-top:6px}.results-placeholder{text-align:center;padding:50px 28px 46px;background:linear-gradient(135deg,#f8faff,#f0f4ff);border:1px dashed #c5d5f0;border-radius:var(--radius)}.results-placeholder .placeholder-icon{font-size:3rem;color:var(--secondary);margin-bottom:12px}.results-placeholder .placeholder-title{font-size:1.15rem;font-weight:600;color:var(--primary);margin-bottom:8px}.results-placeholder .placeholder-desc{color:#666;font-size:.9rem;line-height:1.6}.results-empty{text-align:center;padding:40px 28px 36px;background:#fff7f3;border:1px dashed #f5c8a1;border-radius:var(--radius)}.results-empty .empty-icon{font-size:2.4rem;margin-bottom:6px}.results-empty .empty-title{font-size:1.1rem;font-weight:700;color:#c0392b;margin-bottom:8px}.results-empty .empty-desc{color:#666;font-size:.85rem;line-height:1.7}.results-empty .empty-desc code{background:#fff;padding:1px 6px;border-radius:4px;border:1px solid #eee;font-size:.8rem;color:#c0392b}.name-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 18px 16px;border:1px solid rgba(0,0,0,.02);transition:transform .2s,box-shadow .2s}.name-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(0,0,0,.07)}.name-card .chinese{font-size:2.2rem;font-weight:700;letter-spacing:2px;color:var(--primary);display:flex;align-items:center;gap:8px}.name-card .chinese .chinese-speak{cursor:pointer;font-size:1.3rem;color:var(--secondary);opacity:.85;transition:opacity .2s,transform .1s}.name-card .chinese .chinese-speak:hover{opacity:1;transform:scale(1.08)}.name-card .pinyin{font-size:.9rem;color:#777;margin-top:2px;display:flex;align-items:center;gap:6px}.name-card .pinyin .pinyin-speak{cursor:pointer;font-size:.8rem;color:var(--secondary);opacity:.75;transition:opacity .2s,transform .1s}.name-card .pinyin .pinyin-speak:hover{opacity:1;transform:scale(1.1)}.name-card .pronunciation{background:#f0f3f8;padding:4px 12px;border-radius:16px;font-size:.75rem;display:inline-flex;align-items:center;gap:6px;margin:6px 0 8px;color:#444}.name-card .pronunciation .pron-label{font-weight:600}.name-card .pronunciation .pron-text{letter-spacing:.5px}.name-card .pronunciation .pron-speak-en{cursor:pointer;color:#1a73e8;opacity:.85;transition:opacity .2s,transform .1s}.name-card .pronunciation .pron-speak-en:hover{opacity:1;transform:scale(1.1)}.name-card .meaning{font-size:.85rem;color:#333;margin:4px 0}.name-card .cultural-ref{font-size:.8rem;color:var(--secondary);font-weight:500;margin:2px 0 8px}.name-card .why-fit{font-size:.8rem;color:#555;background:#f8faff;padding:4px 10px;border-radius:8px;margin:6px 0 10px;border-left:3px solid var(--accent)}.name-card .ai-strategy{font-size:.7rem;color:#666;background:#f0f3f8;padding:4px 8px;border-radius:6px;margin:4px 0 8px;border-left:2px solid var(--secondary);text-align:left}.name-card .card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.name-card .card-actions button{padding:4px 14px;border:none;border-radius:30px;font-size:.75rem;font-weight:600;cursor:pointer;background:#f0f3f8;color:#333}.name-card .card-actions .btn-select{background:var(--primary);color:#fff}.name-card .card-actions .btn-select:hover{background:#2d2d4a}.name-card .card-actions .btn-share{background:#e8f0fe;color:#1a73e8}.name-card .card-actions .btn-share:hover{background:#d2e3fc}.name-card .card-actions .btn-save{background:#e6f7e6;color:#2e7d32}.name-card .card-actions .btn-save:hover{background:#c8e6c9}.elegant-section,.history-section,.social-section{margin:24px 0 20px;padding-top:12px;border-radius:var(--radius);transition:background .3s}.elegant-section{border-top:4px solid var(--elegant-color);background:linear-gradient(180deg,#f5faff 0,transparent);padding:12px 12px 8px}.social-section{border-top:4px solid var(--social-color);background:linear-gradient(180deg,#fff8f0 0,transparent);padding:12px 12px 8px}.history-section{border-top:4px solid var(--history-color);background:linear-gradient(180deg,#f8f0ff 0,transparent);padding:12px 12px 8px}.elegant-section .section-header h2{color:var(--elegant-color)}.social-section .section-header h2{color:var(--social-color)}.history-section .section-header h2{color:var(--history-color)}.elegant-section .section-header,.history-section .section-header,.social-section .section-header{display:flex;flex-wrap:wrap;align-items:baseline;margin-bottom:4px}.elegant-section .section-header h2,.history-section .section-header h2,.social-section .section-header h2{flex:0 1 auto;margin-right:auto;font-size:1.8rem;font-weight:700}.elegant-section .section-header .more-link,.history-section .section-header .more-link,.social-section .section-header .more-link{flex-shrink:0;margin-left:auto;font-size:.9rem;color:var(--secondary);text-decoration:none;font-weight:500;white-space:nowrap;cursor:pointer}.elegant-section .section-header .more-link:hover,.history-section .section-header .more-link:hover,.social-section .section-header .more-link:hover{opacity:.7}.elegant-section .sub,.history-section .sub,.social-section .sub{text-align:center;color:#777;margin-bottom:20px;font-size:.9rem}.elegant-grid,.history-grid,.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.elegant-card,.history-card,.social-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 16px 16px;border:1px solid rgba(0,0,0,.02);transition:transform .2s,box-shadow .2s;text-align:center;display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;overflow:hidden}.elegant-card:hover,.history-card:hover,.social-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.09)}.elegant-card .chinese-name,.history-card .chinese-name,.social-card .chinese-name{font-size:2.4rem;font-weight:700;color:var(--secondary);letter-spacing:2px;margin:8px 0 4px;display:flex;align-items:center;gap:8px}.elegant-card .chinese-name .speak-zh-btn,.history-card .chinese-name .speak-zh-btn,.social-card .chinese-name .speak-zh-btn{cursor:pointer;font-size:1.1rem;color:var(--secondary);opacity:.8;transition:opacity .2s,transform .1s}.elegant-card .chinese-name .speak-zh-btn:hover,.history-card .chinese-name .speak-zh-btn:hover,.social-card .chinese-name .speak-zh-btn:hover{opacity:1;transform:scale(1.1)}.elegant-card .origin-name .speak-pinyin-btn,.history-card .origin-name .speak-pinyin-btn,.social-card .origin-name .speak-pinyin-btn{cursor:pointer;font-size:.75rem;color:var(--secondary);opacity:.75;margin-left:6px;transition:opacity .2s,transform .1s}.elegant-card .origin-name .speak-pinyin-btn:hover,.history-card .origin-name .speak-pinyin-btn:hover,.social-card .origin-name .speak-pinyin-btn:hover{opacity:1;transform:scale(1.1)}.elegant-card .origin-name,.history-card .origin-name,.social-card .origin-name{font-size:.85rem;color:#777;margin-bottom:6px}.elegant-card .origin-name strong,.history-card .origin-name strong,.social-card .origin-name strong{color:#333}.elegant-card .english-pron,.history-card .english-pron,.social-card .english-pron{font-size:.75rem;color:#4a6a8f;background:#eaf0f9;padding:2px 12px;border-radius:20px;display:inline-block;margin:4px 0 6px;font-weight:500}.elegant-card .english-pron .speak-btn,.history-card .english-pron .speak-btn,.social-card .english-pron .speak-btn{background:none;border:none;color:#4a6a8f;cursor:pointer;font-size:.75rem;margin-left:4px}.elegant-card .english-pron .speak-btn:hover,.history-card .english-pron .speak-btn:hover,.social-card .english-pron .speak-btn:hover{color:var(--secondary)}.elegant-card .english-meaning,.history-card .english-meaning,.social-card .english-meaning{font-size:.78rem;color:#4a6a8f;font-style:italic;line-height:1.4;margin:4px 0 6px;padding:4px 8px;background:#f0f6ff;border-radius:8px;width:100%}.elegant-card .tag,.history-card .tag,.social-card .tag{display:inline-block;background:var(--secondary);color:#fff;padding:2px 14px;border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-top:4px;cursor:pointer}.card-top-tags{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;z-index:2;pointer-events:none}.card-top-tags .tag-item{font-size:.6rem;padding:2px 10px;border-radius:30px;font-weight:600;color:#fff;white-space:nowrap}.tag-elegant{background:var(--elegant-color)}.tag-social{background:var(--social-color)}.tag-account{background:#888}.about-section{margin:20px 0 10px;background:linear-gradient(145deg,#fff,#f8faff);border-radius:var(--radius);box-shadow:0 12px 40px rgba(0,0,0,.05);padding:40px 28px 36px;border:1px solid rgba(233,69,96,.08);position:relative;overflow:hidden}.about-header{text-align:center;margin-bottom:28px}.about-header h2{font-size:2rem;font-weight:800;color:var(--primary);letter-spacing:-.5px;margin-bottom:4px}.about-header h2 i{color:var(--secondary);margin-right:8px}.about-sub{font-size:1.1rem;color:var(--secondary);font-weight:500}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0 28px}.about-item{background:#fff;border-radius:14px;padding:20px 16px;box-shadow:0 4px 16px rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.02);text-align:center;transition:transform .2s,box-shadow .2s}.about-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.06)}.about-item i{font-size:2rem;color:var(--secondary);margin-bottom:10px;display:block}.about-item h3{font-size:1.1rem;font-weight:700;color:var(--primary);margin-bottom:6px}.about-item p{font-size:.9rem;color:#555;line-height:1.6}.about-quote{text-align:center;margin-top:10px;padding:16px 20px;background:rgba(233,69,96,.04);border-radius:40px;display:inline-block}.about-quote i{color:var(--secondary);opacity:.5}.about-quote p{display:inline;font-size:1rem;font-weight:500;color:var(--primary);padding:0 12px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000}.modal-overlay.active{display:flex}.modal{background:#fff;border-radius:20px;padding:28px 32px;max-width:480px;width:92%;box-shadow:0 20px 56px rgba(0,0,0,.15);position:relative;animation:modalIn .2s ease;max-height:90vh;overflow-y:auto}@keyframes modalIn{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.modal .close-btn{position:absolute;top:12px;right:16px;font-size:1.5rem;cursor:pointer;color:#aaa;background:none;border:none}.modal .close-btn:hover{color:#333}.modal h2{font-size:1.3rem;margin-bottom:14px}.detail-modal .detail-title{font-size:1.6rem;font-weight:700;color:var(--secondary);text-align:center;margin-bottom:2px;display:flex;align-items:center;justify-content:center;gap:8px}.detail-modal .detail-title .detail-speak-zh{cursor:pointer;font-size:1.1rem;color:var(--secondary);opacity:.8;transition:opacity .2s,transform .1s}.detail-modal .detail-title .detail-speak-zh:hover{opacity:1;transform:scale(1.1)}.detail-modal .detail-subtitle{text-align:center;color:#777;font-size:.95rem;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.detail-modal .detail-subtitle .detail-speak-en{cursor:pointer;font-size:.8rem;color:#4a6a8f;opacity:.8;transition:opacity .2s,transform .1s}.detail-modal .detail-subtitle .detail-speak-en:hover{opacity:1;transform:scale(1.1)}.detail-modal .detail-meta{display:flex;justify-content:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.detail-modal .detail-meta .meta-item{font-size:.8rem;background:#f0f3f8;padding:2px 16px;border-radius:30px;color:#555}.detail-modal .detail-block{margin-top:12px}.detail-modal .detail-block .label{font-weight:700;font-size:.85rem;color:var(--primary);display:flex;align-items:center;gap:6px;margin-bottom:4px}.detail-modal .detail-block .label i{color:var(--secondary)}.detail-modal .detail-block p{font-size:.92rem;color:#333;line-height:1.7;padding:6px 12px;background:#f8faff;border-radius:8px;border-left:3px solid var(--accent)}.detail-modal .detail-block.en p{border-left-color:#6a8caf;background:#f5f8fc}.detail-modal .divider-light{margin:14px 0 8px;border:0;height:1px;background:linear-gradient(90deg,transparent,#e0e5ec,transparent)}.modal .social-login{display:flex;flex-direction:column;gap:8px;margin:12px 0}.modal .social-login button{padding:10px;border:1px solid #e0e5ec;border-radius:40px;background:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem}.modal .social-login button:hover{background:#f5f7fb}.modal .divider{text-align:center;color:#bbb;margin:10px 0;font-size:.8rem}.modal .input-group{margin-bottom:12px}.modal .input-group label{display:block;font-weight:600;font-size:.8rem;margin-bottom:3px}.modal .input-group input{width:100%;padding:8px 12px;border:1.5px solid #e0e5ec;border-radius:10px;font-size:.9rem}.modal .input-group input:focus{outline:none;border-color:var(--secondary)}.share-preview{max-width:460px}.share-preview .preview-card{background:linear-gradient(145deg,#1a1a2e,#2d2d4a);color:#fff;padding:28px 24px;border-radius:18px;text-align:center}.share-preview .preview-card .chinese-name{font-size:2.8rem;font-weight:700;letter-spacing:4px}.share-preview .preview-card .pinyin{font-size:1rem;opacity:.7;margin:4px 0 10px}.share-preview .preview-card .meaning{font-size:.9rem;line-height:1.5;opacity:.9}.share-preview .preview-card .footer{margin-top:14px;font-size:.75rem;opacity:.5}.share-actions{display:flex;gap:8px;justify-content:center;margin-top:14px;flex-wrap:wrap}.share-actions button{padding:8px 18px;border:none;border-radius:40px;font-weight:600;cursor:pointer;font-size:.8rem;display:inline-flex;align-items:center;gap:6px;transition:opacity .2s,transform .1s}.share-actions button:hover{opacity:.9;transform:translateY(-1px)}.share-actions .btn-twitter{background:#1da1f2;color:#fff}.share-actions .btn-facebook{background:#1877f2;color:#fff}.share-actions .btn-wechat{background:#07c160;color:#fff}.share-actions .btn-copy{background:#f0f3f8;color:#333}.wechat-qr-section{text-align:center;margin-top:16px;padding:16px}.wechat-qr-box{display:inline-block;padding:12px;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.wechat-qr-box img{display:block;border-radius:4px}.wechat-qr-tip{margin-top:12px;font-size:.85rem;color:#555;font-weight:500}.wechat-steps{margin-top:14px;text-align:left}.wechat-step{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;color:#555;margin-bottom:6px;line-height:1.5}.wechat-step .step-num{flex:0 0 18px;width:18px;height:18px;background:#07c160;color:#fff;border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.wechat-copy-alt{margin-top:12px}.wechat-copy-alt .btn-copy{padding:6px 18px;border:none;border-radius:40px;font-weight:600;cursor:pointer;font-size:.78rem;background:#f0f3f8;color:#333;display:inline-flex;align-items:center;gap:6px}.payment-modal .plan-summary{background:#f8faff;border-radius:12px;padding:14px 16px;margin:12px 0;border-left:3px solid var(--secondary)}.payment-modal .plan-summary .price{font-size:1.6rem;font-weight:800;color:var(--primary)}.payment-modal .plan-summary .price small{font-size:.85rem;color:#777;font-weight:500}.payment-modal .paypal-btn-container{margin-top:12px;min-height:50px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1e1e2a;color:#fff;padding:10px 28px;border-radius:40px;font-weight:500;box-shadow:0 6px 24px rgba(0,0,0,.2);z-index:2000;opacity:0;transition:opacity .3s;pointer-events:none;font-size:.9rem}.toast.show{opacity:1}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:28px;flex-wrap:wrap}.pagination button{padding:6px 14px;border:1px solid #e0e5ec;background:#fff;border-radius:30px;cursor:pointer;font-size:.85rem;font-weight:600;color:#333}.pagination button:hover:not(:disabled){border-color:var(--secondary);color:var(--secondary)}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.admin-page{padding:24px 0 60px}.admin-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #edf0f5;flex-wrap:wrap}.admin-tab{padding:10px 18px;background:transparent;cursor:pointer;font-weight:600;color:#777;border:none;border-bottom:2px solid transparent;font-size:.9rem}.admin-tab.active{color:var(--secondary);border-bottom-color:var(--secondary)}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.admin-stat-card{background:#fff;border-radius:var(--radius);padding:18px 16px;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.02)}.admin-stat-card .stat-label{font-size:.8rem;color:#777;margin-bottom:6px}.admin-stat-card .stat-value{font-size:1.8rem;font-weight:800;color:var(--primary)}.admin-stat-card .stat-value small{font-size:.85rem;color:#777;font-weight:500}.admin-table{width:100%;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(0,0,0,.02)}.admin-table table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{background:#f8faff;padding:12px 14px;text-align:left;font-weight:700;color:#333;border-bottom:1px solid #edf0f5}.admin-table td{padding:12px 14px;border-bottom:1px solid #f4f6fb;color:#444}.admin-table tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.72rem;font-weight:600}.badge-free{background:#e6f7e6;color:#2e7d32}.badge-paid{background:#fff3e0;color:#b45f06}.badge-captured{background:#e6f7e6;color:#2e7d32}.badge-created{background:#f0f3f8;color:#555}.badge-failed{background:#ffebee;color:#c62828}.history-records{display:flex;flex-direction:column;gap:22px}.history-record{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.02);overflow:hidden}.history-record-header{padding:14px 18px;background:linear-gradient(135deg,#f8faff,#fff5f5);border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.history-meta{flex:1 1 auto;min-width:0}.history-meta-row{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font-size:.82rem;color:#444}.history-meta-row .meta-item{display:inline-flex;align-items:center;gap:6px}.history-meta-row .meta-item i{color:var(--secondary)}.history-actions{flex:0 0 auto}.history-record-body{padding:18px}.history-empty{padding:18px 16px;background:#fff7f3;border:1px dashed #f5c8a1;border-radius:10px;color:#c0392b;font-size:.85rem}.history-empty code{background:#fff;padding:1px 6px;border-radius:4px;font-size:.75rem;color:#555}footer{background:#fff;padding:20px 0 16px;margin-top:28px;border-top:1px solid #edf0f5}footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}footer .links{display:flex;gap:18px}footer .links a{text-decoration:none;color:#777;font-size:.8rem}footer .links a:hover{color:var(--secondary)}@media (max-width:992px){.elegant-grid,.history-grid,.social-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr 1fr}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-links{position:absolute;top:60px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-top:1px solid #edf0f6;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:8px 0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;z-index:1000}.nav-links.open{max-height:400px;padding:8px 0 12px}.nav-links a{padding:10px 20px;border-radius:0;display:block}.menu-toggle{display:flex;align-items:center;justify-content:center}.nav{position:relative}.about-grid,.elegant-grid,.form-grid,.history-grid,.social-grid{grid-template-columns:1fr}.hero h1{font-size:1.8rem}.name-form{padding:16px}.modal{padding:20px}.pricing-banner{flex-direction:column;align-items:stretch;text-align:center}.elegant-section,.history-section,.social-section{padding:12px 8px 8px}.results-grid{grid-template-columns:1fr}.admin-stat-grid{grid-template-columns:1fr 1fr}}.hidden{display:none!important}.eval-section{margin-top:48px;padding:36px 0 8px;background:linear-gradient(180deg,#fff,#fafcff)}.eval-section h2{text-align:center;font-size:1.6rem;font-weight:700;margin-bottom:4px}.eval-section .sub{text-align:center;color:#777;margin-bottom:20px;font-size:.9rem}.eval-form{padding:24px;margin:0 auto}.eval-form,.eval-result{background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.06);max-width:720px}.eval-result{margin-top:24px;margin-left:auto;margin-right:auto;padding:22px 24px;border:1px solid #eaeef5}.eval-result h3{font-size:1.1rem;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}.eval-rating-badge{display:inline-block;font-size:1.5rem;font-weight:800;padding:8px 28px;border-radius:50px;color:#1a1a1a;margin-bottom:16px;box-shadow:0 2px 10px rgba(0,0,0,.1);letter-spacing:.05em}.eval-explanation{font-size:.95rem;line-height:1.8;color:#333;white-space:pre-wrap}.eval-public-section{margin:24px 0 20px;padding:12px 12px 8px;border-top:4px solid #9b6cff;background:linear-gradient(180deg,#f8f0ff 0,transparent);border-radius:var(--radius)}.eval-public-section .section-header{display:flex;flex-wrap:wrap;align-items:baseline;margin-bottom:4px}.eval-public-section .section-header h2{flex:0 1 auto;margin-right:auto;font-size:1.8rem;font-weight:700;color:#9b6cff}.eval-public-section .section-header .more-link{flex-shrink:0;margin-left:auto;font-size:.9rem;color:var(--secondary);text-decoration:none;font-weight:500;white-space:nowrap;cursor:pointer}.eval-public-section .section-header .more-link:hover{opacity:.7}.eval-public-section .sub{text-align:center;color:#777;margin-bottom:20px;font-size:.9rem}.eval-public-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:1200px){.eval-public-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.eval-public-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.eval-public-grid{grid-template-columns:1fr}}.eval-public-card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 4px 18px rgba(0,0,0,.05);border:1px solid #edf0f6;display:flex;flex-direction:column;gap:10px;transition:transform .15s,box-shadow .2s}.eval-public-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.eval-card-top{display:flex;justify-content:space-between;align-items:center}.eval-card-name{font-size:1.4rem;font-weight:700;color:#1a1a1a}.eval-card-rating{font-size:.85rem;font-weight:700;padding:4px 12px;border-radius:50px;color:#1a1a1a;letter-spacing:.05em}.eval-card-account{font-size:.82rem;color:#888;display:inline-flex;align-items:center;gap:6px}.eval-card-explanation{font-size:.88rem;line-height:1.7;color:#444}.eval-empty{text-align:center;padding:30px;color:#999}.hero-slogan{text-align:center;font-size:1.4rem;font-weight:700;background:linear-gradient(90deg,#7b5fff,#ff6fa8 50%,#ffb86f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:12px 0 8px;letter-spacing:.5px}.hero-slogan i{-webkit-text-fill-color:#ffb86f;font-size:1.1rem;margin:0 6px}.eval-result-hint{margin-top:14px;font-size:.82rem;color:#888;text-align:center;padding-top:10px;border-top:1px dashed #e0e0e0}.eval-result-hint i{color:var(--secondary);margin-right:4px}.eval-result-hero{padding:28px 20px 22px;border-radius:14px;text-align:center;margin-bottom:18px;position:relative;border:1px solid rgba(0,0,0,.04)}.eval-hero-name{display:inline-flex;align-items:center;gap:10px;margin-bottom:6px}.eval-hero-cn{font-size:1.6rem;font-weight:800;color:#1a1a1a;letter-spacing:2px;font-family:Ma Shan Zheng,"Noto Serif SC",serif}.eval-hero-speak{font-size:1.2rem;color:var(--secondary);cursor:pointer;opacity:.8;transition:opacity .2s,transform .1s}.eval-hero-speak:hover{opacity:1;transform:scale(1.15)}.eval-rating-badge-lg{display:inline-flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;padding:8px 22px;flex:0 0 auto;white-space:nowrap;border-radius:50px;color:#1a1a1a;box-shadow:0 6px 20px rgba(0,0,0,.12);letter-spacing:.08em}.eval-rating-badge-lg i{font-size:1rem}.eval-hero-date{font-size:.8rem;color:#555;margin-top:2px}.eval-hero-date i{margin-right:4px}.eval-module{background:#fafcff;border:1px solid #e8ecf2;border-left:4px solid var(--secondary);border-radius:10px;padding:14px 16px;margin-bottom:12px}.eval-module-title{font-size:.85rem;font-weight:700;color:var(--secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.eval-module-title i{margin-right:4px}.eval-module-body{font-size:.95rem;line-height:1.8;color:#333;white-space:pre-wrap}.eval-account-masked{font-family:Menlo,Consolas,monospace;font-size:.85rem;color:#888;background:#f0f2f7;padding:2px 8px;border-radius:6px}.eval-hero-pinyin{font-size:.9rem;color:#555;margin:2px 0;font-family:Menlo,Consolas,monospace}.eval-hero-pinyin i{color:var(--secondary)}.detail-pinyin{font-size:1rem;color:#555;margin:6px 0 10px;font-family:Menlo,Consolas,monospace;letter-spacing:1px}.detail-pinyin i{color:var(--secondary);cursor:pointer;opacity:.7}.eval-card-account{padding:0 2px}.eval-pron{background:linear-gradient(135deg,#f0f7ff,#fafcff);border:1px solid #d8e6f5;border-left:4px solid #4a8eff;border-radius:10px;padding:14px 16px;margin-bottom:12px}.eval-pron-title{font-size:.85rem;font-weight:700;color:#4a8eff;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.eval-pron-title i{margin-right:4px}.eval-pron-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.eval-pron-row:last-child{margin-bottom:0}.eval-pron-row .eval-pron-label{font-size:.85rem;color:#888;text-transform:none;letter-spacing:0;margin-bottom:0;font-weight:500;flex:0 0 auto}.eval-pron-row .eval-pron-en,.eval-pron-row .eval-pron-pinyin{font-size:1rem;font-weight:700;color:#4a6a8f;font-family:Menlo,Consolas,monospace}.eval-pron-row .eval-pron-en{letter-spacing:1px}.eval-pron-row .eval-pron-speak{cursor:pointer;font-size:.9rem;color:#4a8eff;opacity:.7;margin-left:auto;transition:opacity .2s,transform .1s}.eval-pron-row .eval-pron-speak:hover{opacity:1;transform:scale(1.15)}.detail-en-pron{font-size:.95rem;margin:4px 0 12px;display:flex;align-items:center;gap:8px}.detail-en-pron .en-pron-label{color:#888;font-weight:500}.detail-en-pron .en-pron-text{font-family:Menlo,Consolas,monospace;color:#4a6a8f;font-weight:700;letter-spacing:1px}.detail-en-pron i{color:var(--secondary);cursor:pointer;opacity:.7}.detail-en-pron i:hover{opacity:1}