body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#toast-container{left:0;pointer-events:none;position:fixed;right:0;top:20px;z-index:9999}#toast-container,.toast-wrapper{align-items:center;display:flex;flex-direction:column}.toast-wrapper{position:relative;width:100%}.toast{align-items:center;background-color:#fff;background-color:var(--card-background,#fff);border-left:4px solid #0000;border-radius:4px;box-shadow:0 4px 12px #00000026;color:#333;color:var(--text-color,#333);display:flex;font-size:14px;margin-bottom:10px;max-width:350px;min-width:250px;opacity:0;padding:12px 16px;pointer-events:auto;position:relative;transform:translateY(-100%);transition:all .3s ease-in-out}.toast.visible{opacity:1;transform:translateY(0)}.toast.removing{margin-bottom:0;max-height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0}.toast-success{border-left-color:#67c23a;border-left-color:var(--success-color,#67c23a)}.toast-error{border-left-color:#f56c6c;border-left-color:var(--error-color,#f56c6c)}.toast-warning{border-left-color:#e6a23c}.toast-info{border-left-color:#3466f2;border-left-color:var(--primary-color,#3466f2)}.toast-icon{align-items:center;display:flex;height:24px;justify-content:center;margin-right:10px;width:24px}.toast-icon svg{height:20px;width:20px}.toast-success .toast-icon{color:#67c23a;color:var(--success-color,#67c23a)}.toast-error .toast-icon{color:#f56c6c;color:var(--error-color,#f56c6c)}.toast-warning .toast-icon{color:#e6a23c}.toast-info .toast-icon{color:#3466f2;color:var(--primary-color,#3466f2)}.toast-content{flex:1 1}@media (prefers-color-scheme:dark){.toast{background-color:#1e1e1e;background-color:var(--card-background,#1e1e1e);box-shadow:0 4px 12px #00000059;color:#f0f0f0;color:var(--text-color,#f0f0f0)}}.popover-container{cursor:pointer;display:inline-flex;position:relative}.popover-content{word-wrap:break-word;animation:popover-appear .2s ease-out;background-color:#fff;background-color:var(--card-background,#fff);border-radius:4px;box-shadow:0 2px 8px #00000026;color:#333;color:var(--text-color,#333);font-size:14px;max-width:250px;padding:8px 12px;position:absolute;z-index:100}.popover-top{bottom:100%;left:50%;margin-bottom:8px;transform:translateX(-50%)}.popover-right{left:100%;margin-left:8px;top:50%;transform:translateY(-50%)}.popover-bottom{left:50%;margin-top:8px;top:100%;transform:translateX(-50%)}.popover-left{margin-right:8px;right:100%;top:50%;transform:translateY(-50%)}.popover-content.with-arrow:after{border:6px solid #0000;content:"";height:0;position:absolute;width:0}.popover-top.with-arrow:after{border-top-color:#fff;border-top-color:var(--card-background,#fff);left:50%;top:100%;transform:translateX(-50%)}.popover-right.with-arrow:after{border-right-color:#fff;border-right-color:var(--card-background,#fff);right:100%;top:50%;transform:translateY(-50%)}.popover-bottom.with-arrow:after{border-bottom-color:#fff;border-bottom-color:var(--card-background,#fff);bottom:100%;left:50%;transform:translateX(-50%)}.popover-left.with-arrow:after{border-left-color:#fff;border-left-color:var(--card-background,#fff);left:100%;top:50%;transform:translateY(-50%)}@keyframes popover-appear{0%{opacity:0;transform:translateY(-5px) translateX(-50%)}to{opacity:1;transform:translateY(0) translateX(-50%)}}.popover-left.with-arrow,.popover-right.with-arrow{animation:popover-appear-horizontal .2s ease-out}@keyframes popover-appear-horizontal{0%{opacity:0;transform:translateX(-5px) translateY(-50%)}to{opacity:1;transform:translateX(0) translateY(-50%)}}@media (prefers-color-scheme:dark){.popover-content{background-color:#1e1e1e;background-color:var(--card-background,#1e1e1e);box-shadow:0 2px 8px #0000004d;color:#f0f0f0;color:var(--text-color,#f0f0f0)}.popover-top.with-arrow:after{border-top-color:#1e1e1e;border-top-color:var(--card-background,#1e1e1e)}.popover-right.with-arrow:after{border-right-color:#1e1e1e;border-right-color:var(--card-background,#1e1e1e)}.popover-bottom.with-arrow:after{border-bottom-color:#1e1e1e;border-bottom-color:var(--card-background,#1e1e1e)}.popover-left.with-arrow:after{border-left-color:#1e1e1e;border-left-color:var(--card-background,#1e1e1e)}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:modal-appear .3s ease-out;background-color:#fff;background-color:var(--card-background,#fff);border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:450px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color,#eaeaea);display:flex;justify-content:space-between;padding:16px 20px}.modal-title{color:#333;color:var(--text-color,#333);font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.modal-close:hover{background-color:#0000000d}.modal-content{padding:20px}@keyframes modal-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.modal{background-color:#1e1e1e;background-color:var(--card-background,#1e1e1e)}.modal-header{border-bottom-color:#333;border-bottom-color:var(--border-color,#333)}.modal-close:hover{background-color:#ffffff1a}}.input-container{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:16px;width:100%}.input-label{color:var(--text-color);font-size:14px;font-weight:500;margin-bottom:6px}.input-required{color:var(--error-color);margin-left:4px}.input-wrapper{position:relative;width:100%}.input-field{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:14px;padding:10px 12px;transition:border-color var(--transition-time) ease,box-shadow var(--transition-time) ease;width:100%}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3466f233;outline:none}.input-field::placeholder{color:var(--disabled-color)}.input-error .input-field{border-color:var(--error-color)}.input-error .input-field:focus{box-shadow:0 0 0 2px #f56c6c33}.input-success .input-field{border-color:var(--primary-color)}.input-error-message{color:var(--error-color);font-size:12px;margin-top:4px}@media (prefers-color-scheme:dark){.input-field{background-color:var(--card-background);border-color:var(--border-color)}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3466f24d}}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;outline:none;transition:all var(--transition-time) ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:#3466f2e6}.btn-secondary{background-color:initial;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover:not(:disabled){background-color:#3466f21a}.btn-text{background-color:initial;color:var(--primary-color);padding:0}.btn-text:hover:not(:disabled){text-decoration:underline}.btn-sm{font-size:12px;padding:6px 12px}.btn-md{font-size:14px;padding:8px 16px}.btn-lg{font-size:16px;padding:12px 24px}.btn-disabled{cursor:not-allowed;opacity:.6}.btn-loading{cursor:wait}.btn-loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:8px;width:16px}.btn-secondary .btn-loading-spinner{border:2px solid #3466f24d;border-top:2px solid var(--primary-color)}.btn-full-width{width:100%}@media (prefers-color-scheme:dark){.btn-secondary{border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:#ffffff1a}}.auth-modal{max-width:400px;width:100%}.auth-container{gap:20px}.auth-container,.auth-inputs{display:flex;flex-direction:column}.auth-inputs{gap:16px}.auth-actions{margin-top:8px}.auth-divider{align-items:center;display:flex;margin:8px 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color,#eaeaea);content:"";flex:1 1}.auth-divider span{color:#666;color:var(--text-secondary,#666);font-size:14px;padding:0 10px}.social-login{display:flex;flex-direction:column;gap:12px}.google-login-btn{align-items:center;display:flex;gap:8px;justify-content:center}.google-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="%23EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/><path fill="%234285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/><path fill="%23FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/><path fill="%2334A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/><path fill="none" d="M0 0h48v48H0z"/></svg>');background-repeat:no-repeat;background-size:contain;height:18px;width:18px}.auth-switch{color:#666;color:var(--text-secondary,#666);font-size:14px;text-align:center}.auth-switch button{background:none;border:none;color:#3466f2;color:var(--primary-color,#3466f2);cursor:pointer;font-size:14px;margin-left:4px;padding:0;text-decoration:underline}.auth-switch button:hover{color:#2a52c2;color:var(--primary-hover,#2a52c2)}.verification-code-container{align-items:flex-start;display:flex;gap:8px}.verification-code-input{flex:1 1}.verification-code-button{margin-top:24px;min-width:120px;white-space:nowrap}.forgot-password{margin-bottom:8px;margin-top:-8px;text-align:right}.forgot-password button{background:none;border:none;color:#3466f2;color:var(--primary-color,#3466f2);cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.forgot-password button:hover{color:#2a52c2;color:var(--primary-hover,#2a52c2)}@media (prefers-color-scheme:dark){.forgot-password button{color:#4d7ef7;color:var(--primary-color,#4d7ef7)}.forgot-password button:hover{color:#6a93f8;color:var(--primary-hover,#6a93f8)}.auth-divider:after,.auth-divider:before{border-bottom-color:#333;border-bottom-color:var(--border-color,#333)}.auth-divider span,.auth-switch{color:#999;color:var(--text-secondary,#999)}}.header{background-color:var(--card-background);box-shadow:0 2px 8px #0000001a;left:0;position:fixed;right:0;top:0;z-index:100}.header-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1280px}.header-container,.header-left,.logo{align-items:center;display:flex}.logo{margin-right:32px}.logo .img{height:32px;margin-right:8px;width:32px}.logo .title{color:var(--text-color);font-family:Inter,sans-serif;font-size:24px;font-weight:600}.nav-links{display:flex;gap:24px}.nav-link{color:var(--text-secondary);font-size:16px;text-decoration:none;transition:color var(--transition-time) ease}.nav-link:hover{text-decoration:underline;text-underline-offset:10px}.nav-link.active{color:var(--primary-color);font-weight:500}.nav-link.disabled{color:var(--disabled-color);cursor:not-allowed;pointer-events:none}.header-right{align-items:center;display:flex}.auth-buttons{display:flex;gap:12px}.btn-login{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:all var(--transition-time) ease}.btn-login:hover{background-color:#2a56d9}.user-area{position:relative}.avatar{align-items:center;background-color:var(--primary-color);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:36px;justify-content:center;width:36px}.dropdown-menu{background-color:var(--card-background);border-radius:4px;box-shadow:0 2px 12px #00000026;margin-top:8px;min-width:150px;padding:8px 0;position:absolute;right:0;top:100%;z-index:10}.dropdown-menu span{color:var(--text-color);cursor:pointer;display:block;padding:8px 16px;text-decoration:none;transition:background-color var(--transition-time) ease}.dropdown-menu span:hover{background-color:var(--background-light)}@media (max-width:767px){.header-container{padding:0 16px}.nav-links{display:none}.logo{margin-right:0}}.mobile-menu-toggle{cursor:pointer;display:none;margin-left:16px}.hamburger{display:flex;flex-direction:column;height:20px;justify-content:space-between;position:relative;width:24px}.hamburger span{background-color:var(--text-color);display:block;height:2px;transition:all .3s ease;width:100%}.hamburger.open span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-nav{background-color:var(--card-background);box-shadow:0 4px 8px #0000001a;left:0;opacity:0;padding:16px;position:fixed;right:0;top:64px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;z-index:99}.mobile-nav.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-nav-links{display:flex;flex-direction:column;gap:16px}.mobile-nav-link{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:18px;padding:8px 0;text-decoration:none;transition:color var(--transition-time) ease}.mobile-nav-link.active,.mobile-nav-link:hover{color:var(--primary-color)}.mobile-nav-link.active{font-weight:500}@media (max-width:767px){.header-container{padding:0 16px}.desktop-nav{display:none}.logo{margin-right:0}.mobile-menu-toggle{display:block}}.card{background-color:var(--card-background);border-radius:8px;transition:box-shadow var(--transition-time) ease,background-color var(--transition-time) ease}.card-elevation-sm{box-shadow:0 2px 4px #0000000d}.card-elevation-md{box-shadow:0 4px 8px #0000001a}.card-elevation-lg{box-shadow:0 8px 16px #00000026}@media (prefers-color-scheme:dark){.card{background-color:var(--card-background)}.card-elevation-sm{box-shadow:0 2px 4px #0003}.card-elevation-md{box-shadow:0 4px 8px #00000040}.card-elevation-lg{box-shadow:0 8px 16px #0000004d}}.accordion{width:100%}.accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 0;-webkit-user-select:none;user-select:none}.accordion-header h3{color:var(--text-color);font-size:16px;font-weight:600}.accordion-icon{transition:transform var(--transition-time) ease-in-out}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-time) ease-in-out}.accordion-content.open{max-height:100%}.accordion-title-container{display:flex;gap:8px}.accordion-subtitle{color:#606266;color:var(--text-secondary,#606266);font-size:12px;font-weight:400;margin:4px 0 0}.embedded-checkout-container{background-color:var(--card-background);border-radius:8px;margin:0 auto;overflow:hidden;width:100%}.checkout-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:16px;height:300px;justify-content:center}@media (prefers-color-scheme:dark){.embedded-checkout-container{background-color:#1e1e1e;background-color:var(--card-background-dark,#1e1e1e)}}.payment-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:300px;justify-content:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #0000001a;border-radius:50%;border-top:4px solid var(--primary-color);height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.payment-error{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center;padding:20px;text-align:center}.payment-error p{color:#e53935;margin-bottom:20px}@media (prefers-color-scheme:dark){.loading-spinner{border-color:#ffffff1a;border-top-color:var(--primary-color)}}.name-generator-card{background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 12px #0000001a;display:flex;flex-direction:column;height:100%;margin-bottom:100px;overflow-y:auto;padding:24px;scrollbar-width:thin}.name-input-section{margin-bottom:24px}.options-container{display:flex;flex-direction:column;gap:24px;padding:8px 0}.option-group{background-color:var(--background-light);border-radius:8px;margin-bottom:16px;padding:16px}.option-group h4{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:8px;text-align:left}.checkbox-group,.radio-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-left:8px}.checkbox-option,.radio-option{align-items:center;background-color:var(--card-background);border-radius:4px;cursor:pointer;display:flex;padding:6px 8px;transition:background-color var(--transition-time) ease;-webkit-user-select:none;user-select:none}.checkbox-option:hover,.radio-option:hover{background-color:#3466f21a}.checkbox-option span,.radio-option span{font-size:14px;margin-left:8px}.generate-section{background-color:var(--card-background);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -4px 20px #0000001a;box-sizing:border-box;left:0;padding:24px;position:absolute;width:100%}@media (prefers-color-scheme:dark){.generate-section{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#1e1e1ecc;border-top:1px solid #ffffff1a;box-shadow:0 -4px 20px #0003}}.free-tries-info{color:var(--text-color);font-size:14px;margin-top:12px;text-align:center}.unlock-section{align-items:center;display:flex;flex-direction:column;gap:8px}.unlock-section p{margin:0}@media (max-width:767px){.generate-section{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#1e1e1ecc;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -4px 20px #0003;left:0;padding:16px;position:fixed;right:0;z-index:10}.name-generator-card{margin-bottom:0;padding-bottom:80px}}.premium-unlock-button{background:linear-gradient(135deg,#ff9500,#ff2d55)!important;border-radius:8px!important;box-shadow:0 4px 12px #ff2d554d;font-weight:600!important;letter-spacing:.5px;overflow:hidden;position:relative;transform:translateY(0);transition:all .3s ease!important}.premium-unlock-button:hover{background:linear-gradient(135deg,#ffb040,#ff4d75)!important;box-shadow:0 6px 16px #ff2d5566!important;transform:translateY(-2px)}.premium-unlock-button:active{transform:translateY(1px)}.shine-effect{animation:shine 3s infinite;background:#ffffff4d;height:100%;left:-100%;position:absolute;top:0;transform:skewX(-25deg);width:50px}@keyframes shine{0%{left:-100%}20%{left:100%}90%,to{left:104%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.unlock-section p{color:var(--text-primary);font-weight:500;margin-bottom:12px}.unlock-icon{align-items:center;animation:bounce 2s infinite;display:inline-flex;justify-content:center;margin-right:8px}.unlock-icon svg{vertical-align:middle}.name-inputs-row{display:flex;gap:12px;width:100%}.first-name-input,.last-name-input{flex:1 1;min-width:0}.gender-selection{margin-top:16px}.gender-label{color:var(--text-color);font-size:14px;font-weight:500;margin-bottom:8px;text-align:start}.gender-radio-group{display:flex;flex-wrap:wrap;gap:12px}.gender-radio-option{align-items:center;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;padding:8px 16px;transition:all var(--transition-time) ease;-webkit-user-select:none;user-select:none}.gender-radio-option:hover{background-color:#3466f21a;border-color:var(--primary-color)}.gender-radio-option input[type=radio]:checked+span{color:var(--primary-color);font-weight:500}.gender-radio-option span{font-size:14px;margin-left:8px}.empty-state{align-items:center;animation:fadeIn .5s ease;background-color:var(--background-light);border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:24px;text-align:center}.empty-illustration{margin-bottom:16px}.empty-state h3{color:var(--text-secondary);font-weight:500;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme:dark){.empty-state{background-color:var(--card-background)}.empty-illustration svg rect{fill:#2c2c2c}.empty-illustration svg path{stroke:#606266}}.loading-state{align-items:center;background-color:var(--background-light);border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:24px;text-align:center}.loading-animation{margin-bottom:16px}.loading-dots{display:flex;gap:8px}.loading-dots span{animation:pulse 1.5s ease-in-out infinite;background-color:var(--primary-color);border-radius:50%;display:inline-block;height:12px;width:12px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.loading-state h3{color:var(--text-color);font-weight:500;margin:0 0 16px}.progress-bar{background-color:var(--background-color);border-radius:4px;height:8px;max-width:300px;overflow:hidden;width:100%}.progress-fill{background-color:var(--primary-color);border-radius:4px;height:100%;transition:width .3s ease}@keyframes pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media (prefers-color-scheme:dark){.progress-bar{background-color:#ffffff1a}}.gender-icon{flex-shrink:0}.gender-male{color:#3498db}.gender-female{color:#e74c3c}.gender-neutral{color:#9b59b6}[data-theme=dark] .gender-male{color:#5dade2}[data-theme=dark] .gender-female{color:#ec7063}[data-theme=dark] .gender-neutral{color:#bb8fce}.result-display{height:100%;overflow:auto}.result-display,.results-list{display:flex;flex-direction:column}.results-list{gap:16px}.result-item{transition:transform var(--transition-time) ease}.result-item:hover{transform:translateY(-2px)}.result-content{display:flex;flex-direction:column}.original-name{color:#666;font-size:14px}.chinese-name{color:var(--text-color);font-size:24px;margin:0 0 4px}.pinyin{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag{background-color:var(--tag-background);border-radius:4px;color:var(--tag-text);padding:4px 8px}.result-actions{display:flex;gap:12px}@media (max-width:767px){.result-display{padding-bottom:80px}.result-item{margin:0 auto;max-width:400px;width:100%}}@media (prefers-color-scheme:dark){.tag{background-color:#ffffff1a}}.meaning-explanation{background-color:#3466f20d;border-left:3px solid var(--primary-color);border-radius:0 4px 4px 0;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px;padding:8px 12px;text-align:start}@media (prefers-color-scheme:dark){.meaning-explanation{background-color:#3466f21a}}.duplicate-name-alert{background-color:#e6a23c1a;border-left:3px solid #e6a23c;border-radius:0 4px 4px 0;margin-bottom:16px;padding:12px 16px}.duplicate-name-alert p{color:var(--text-color);font-size:14px;line-height:1.5;margin:0;text-align:left}@media (prefers-color-scheme:dark){.duplicate-name-alert{background-color:#e6a23c26}}.name-gender-container{align-items:center;display:flex;gap:8px;margin-bottom:8px}:root{--text-color:#303133;--text-secondary:#606266;--border-color:#dcdfe6;--background-light:#f5f7fa;--card-background:#fff;--tag-background:#ebeef5;--tag-text:#606266;--transition-time:0.2s}@media (prefers-color-scheme:dark){:root{--text-color:#fff;--text-secondary:#f0f0f0;--background-color:#121212;--card-background:#1e1e1e;--border-color:#fff9;--background-light:#2c2c2c;--tag-background:#333;--tag-text:#e0e0e0}}.home-page{background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding:88px 24px 24px}.content-container{display:flex;gap:24px;height:calc(100vh - 136px);margin:0 auto;max-width:1280px}.generator-column,.results-column{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.generator-column{position:relative}@media (max-width:1023px){.content-container{flex-direction:column;height:auto}.generator-column,.results-column{width:100%}.results-column{margin-top:24px}}@media (max-width:767px){.main-content{padding:80px 16px 16px}.results-column{margin-bottom:54px}}.records-page{display:flex;flex-direction:column;min-height:100vh}.records-content{margin:84px auto 40px;max-width:1280px;padding:0 32px;width:100%}.filter-section{background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:16px}.filter-controls{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px}.name-filter{flex:1 1;min-width:200px;position:relative}.name-filter-input{margin-bottom:0}.status-filter{min-width:150px}.status-dropdown,.status-filter{position:relative}.status-dropdown-toggle{align-items:center;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;padding:10px 12px;text-align:left;width:100%}.status-dropdown-toggle:hover{border-color:var(--primary-color)}.status-dropdown-menu{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #0000001a;display:none;left:0;margin-top:4px;padding:8px 0;position:absolute;top:100%;width:100%;z-index:10}.status-dropdown:hover .status-dropdown-menu{display:block}.status-option{align-items:center;cursor:pointer;display:flex;padding:8px 12px}.status-option:hover{background-color:#3466f21a}.status-option span{margin-left:8px}.selected-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.selected-filter{align-items:center;background-color:#3466f21a;border-radius:4px;color:var(--primary-color);display:inline-flex;font-size:12px;padding:4px 8px}.remove-filter{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:14px;margin-left:4px;padding:0 4px}.records-table-container{display:block;margin-bottom:24px;overflow-x:auto}.records-table{border-collapse:collapse;text-align:left;width:100%}.records-table th{background-color:var(--card-background);border-bottom:2px solid var(--border-color);font-weight:600;padding:12px 16px}.records-table td{border-bottom:1px solid var(--border-color);padding:16px;vertical-align:middle}.records-table tr:nth-child(2n){background-color:var(--card-background)}.records-table tr:hover{background-color:#3466f20d}.cn-name-cell{display:flex;flex-direction:column}.chinese-name{font-size:16px;font-weight:600}.pinyin{color:#666;color:var(--text-secondary,#666);font-size:12px}.tags-cell{display:flex;flex-wrap:wrap;gap:4px}.tag{background-color:#3466f21a;color:var(--primary-color);white-space:nowrap}.more-tag,.tag{border-radius:12px;display:inline-block;font-size:12px;padding:2px 8px}.more-tag{background-color:#0000000d;color:#666;color:var(--text-secondary,#666)}.badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-align:center}.badge-generated{background-color:#3466f21a;color:#3466f2}.badge-saved{background-color:#ffb8001a;color:#ffb800}.badge-paid{background-color:#4caf501a;color:#4caf50}.badge-expired{background-color:#d32f2f1a;color:#d32f2f}.action-buttons{display:flex;gap:8px}.records-cards{display:none;flex-direction:column;gap:16px;margin-bottom:24px}.record-card{width:100%}.record-card-content{display:flex;flex-direction:column;gap:8px}.record-card-row{align-items:flex-start;display:flex;justify-content:space-between}.record-card-label{font-weight:500;min-width:80px}.record-card-value{flex:1 1;text-align:right}.tags-container{gap:4px}.record-card-actions,.tags-container{display:flex;flex-wrap:wrap;justify-content:flex-end}.record-card-actions{gap:8px;margin-top:8px}.pagination{gap:8px;margin-top:24px}.pagination,.pagination-button{display:flex;justify-content:center}.pagination-button{align-items:center;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;height:32px;transition:all var(--transition-time) ease;width:32px}.pagination-button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination-button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1023px){.records-table td,.records-table th{padding:12px 8px}}@media (max-width:767px){.records-content{margin-top:72px;padding:0 16px}.records-table-container{display:none}.records-cards{display:flex}.filter-controls{align-items:stretch;flex-direction:column}.name-filter,.status-filter{width:100%}}@media (prefers-color-scheme:dark){.records-table tr:nth-child(2n){background-color:#1e1e1e}.records-table tr:nth-child(odd){background-color:#121212}.records-table tr:hover{background-color:#ffffff0d}.more-tag{background-color:#ffffff1a}.status-dropdown-toggle{background-color:var(--card-background)}.status-option:hover{background-color:#ffffff1a}.selected-filter{background-color:#3466f233}.pagination-button{background-color:var(--card-background)}}.autocomplete{position:relative;width:100%}.suggestions{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.suggestion-item{cursor:pointer;padding:10px 12px;transition:background-color var(--transition-time) ease}.suggestion-item:hover{background-color:#3466f21a}.status-search{border-bottom:1px solid var(--border-color);padding:8px 12px}.status-search input{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:12px;padding:6px 8px;width:100%}@media (prefers-color-scheme:dark){.suggestion-item:hover{background-color:#ffffff1a}.status-search input{background-color:var(--card-background)}.records-empty-illustration svg rect{fill:#2c2c2c}.records-empty-illustration svg path{stroke:#606266}}.filter-reset-btn{height:38px;padding:10px 12px}.explanation-cell{max-width:300px;white-space:normal}.explanation-cell,.explanation-text{color:var(--text-secondary);font-size:14px}.explanation-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.records-empty-state{align-items:center;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:60px 20px;text-align:center}.records-empty-state h3{color:var(--text-color);font-size:18px;margin-bottom:8px;margin-top:24px}.records-empty-state p{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.records-empty-illustration{margin-bottom:16px}.records-empty-state-button{min-width:120px}.name-with-gender{align-items:center;display:flex;gap:8px;justify-content:flex-end}:root{--primary-color:#3466f2;--text-color:#333;--disabled-color:#c0c4cc;--background-color:#fff;--card-background:#f5f7fa;--border-color:#e4e7ed;--success-color:#67c23a;--error-color:#f56c6c;--transition-time:200ms}@media (prefers-color-scheme:dark){:root{--primary-color:#3466f2;--text-color:#f0f0f0;--disabled-color:#909399;--background-color:#121212;--card-background:#1e1e1e;--border-color:#fff9}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .2s ease;transition:background-color var(--transition-time) ease}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}a{text-decoration:none}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d42e91c4.css.map*/