:root{--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--secondary:#6366f1;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--dark:#111827;--dark-gray:#374151;--gray:#6b7280;--light-gray:#9ca3af;--very-light-gray:#e5e7eb;--light:#f3f4f6;--white:#fff;--bg-primary:#f9fafb;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#111827;--text-secondary:#6b7280;--text-light:#9ca3af;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;margin:0}#app{width:100%;min-height:100vh}.btn{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;text-align:center;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-family:inherit;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 12px -2px #00000026}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-primary:disabled{background-color:var(--light-gray);cursor:not-allowed;box-shadow:none;opacity:.8;transform:none}.btn{position:relative;overflow:hidden}.btn:after{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:after{width:300px;height:300px}.btn:active:after{width:0;height:0;transition:width,height}.form-group{margin-bottom:1.5rem}.form-label{font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:.5rem;display:block}.form-input{border:1px solid var(--very-light-gray);width:100%;font-size:var(--font-size-base);background-color:var(--white);border-radius:.5rem;padding:.75rem 1rem;transition:border-color .3s,box-shadow .3s}.form-input:focus{border-color:var(--primary);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #3b82f633}.form-input::placeholder{color:var(--text-light);font-size:var(--font-size-sm)}.form-input{transition:border-color .3s,box-shadow .3s,transform .2s}.card{background-color:var(--bg-card);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-header{margin-bottom:1.25rem}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-snug);margin-bottom:.5rem}.grid{gap:1rem;display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.table{border-collapse:collapse;width:100%;margin-top:1rem}.table th,.table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem}.table th{background-color:var(--light);color:var(--text-secondary);font-weight:600}.table tbody tr:hover{background-color:var(--light)}@media (width<=639px){.card{padding:1rem}.card-title{font-size:var(--font-size-lg)}.btn{padding:.625rem 1.25rem}.form-input{padding:.625rem .875rem}.table th,.table td{font-size:var(--font-size-sm);padding:.5rem .75rem}.banner-container{height:150px}.banner-title{font-size:1.25rem}}@media (width>=640px) and (width<=767px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-container{height:200px}.banner-title{font-size:1.75rem}}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.banner-container{height:250px}.banner-title{font-size:2rem}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.banner-container{height:300px}.banner-title{font-size:2.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{border:2px solid #f3f3f3;border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}.alert{border-radius:.5rem;margin-bottom:1rem;padding:1rem}.alert-error{color:#b91c1c;background-color:#fee2e2;border-left:4px solid #dc2626}.alert-success{color:#15803d;background-color:#dcfce7;border-left:4px solid #22c55e}.header{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);color:var(--white);padding:1.5rem 0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.footer{background-color:var(--dark);color:var(--text-light);margin-top:2rem;padding:2rem 0}.footer p{text-align:center;margin:0}.main{flex:1;padding:2rem 0}.analysis-section{margin-bottom:2rem}.analysis-card{background-color:#fff;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.analysis-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.wuxing-gold{color:var(--warning);font-weight:500}.wuxing-wood{color:var(--success);font-weight:500}.wuxing-water{color:var(--primary);font-weight:500}.wuxing-fire{color:var(--danger);font-weight:500}.wuxing-earth{color:var(--secondary);font-weight:500}.fortune-good{color:var(--success);font-weight:600}.fortune-bad{color:var(--danger);font-size:40px;font-weight:700}.fortune-unknown{color:var(--gray);font-weight:500}.name-analyzer[data-v-3bee7024]{max-width:1000px;margin:0 auto}.char-meaning-item[data-v-3bee7024]{margin-bottom:1rem;overflow:hidden}.char-meaning-item>div[data-v-3bee7024]:first-child{background-color:#f3f4f6;margin:-1.5rem -1.5rem 0;padding:1.5rem}.char-meaning-item>div[data-v-3bee7024]:nth-child(2){background-color:#f3f4f6;margin:0 -1.5rem -1.5rem;padding:1.5rem}.char-meaning-item.expanded>div[data-v-3bee7024]:nth-child(2){background-color:#0000}.char-meaning-item>div[data-v-3bee7024]:first-child{cursor:pointer}.char-meaning-item>div[data-v-3bee7024]:first-child:hover{background-color:#e5e7eb;transition:background-color .2s}.fortune-display[data-v-3bee7024]{margin-bottom:-15px;line-height:40px}:is(.fortune-display[data-v-3bee7024]:has(.fortune-bad),.fortune-display[data-v-3bee7024]:has(.fortune-good)){margin-bottom:0}.fortune-main[data-v-3bee7024]{font-size:40px;font-weight:700}.table .fortune-content[data-v-3bee7024]{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;overflow:hidden}.table .fortune-good[data-v-3bee7024]{color:#10b981;font-size:14px;font-weight:400}.table .fortune-bad[data-v-3bee7024]{color:#ef4444;font-size:14px;font-weight:400}.table td[data-v-3bee7024]:nth-child(6){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fortune-desc[data-v-3bee7024]{margin-left:10px}.analysis-line[data-v-3bee7024]{margin-bottom:1rem;line-height:1.5}ol[data-v-3bee7024]{padding-left:40px}.table th[data-v-3bee7024]{background-color:#e5e7eb}.table tbody tr[data-v-3bee7024]:nth-child(odd){background-color:#fff;transition:background-color .2s}.table tbody tr[data-v-3bee7024]:nth-child(2n){background-color:#f3f4f6;transition:background-color .2s}.table tbody tr[data-v-3bee7024]:hover{background-color:#e5e7eb}h5[data-v-3bee7024]{font-size:1rem}.animate-fade-in[data-v-3bee7024]{animation:.8s ease-out fadeIn-3bee7024}.animate-slide-up[data-v-3bee7024]{animation:.6s ease-out slideUp-3bee7024}.animate-pulse[data-v-3bee7024]{animation:2s infinite pulse-3bee7024}.result-container[data-v-3bee7024]{animation:.8s ease-out fadeInUp-3bee7024}.result-container>div[data-v-3bee7024]{animation:.6s ease-out fadeInUp-3bee7024}.result-container>div[data-v-3bee7024]:first-child{animation-delay:.1s}.result-container>div[data-v-3bee7024]:nth-child(2){animation-delay:.2s}.result-container>div[data-v-3bee7024]:nth-child(3){animation-delay:.3s}.char-meaning-item>div[data-v-3bee7024]:nth-child(2){max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.char-meaning-item.expanded>div[data-v-3bee7024]:nth-child(2){max-height:none;padding:1.5rem}@keyframes fadeIn-3bee7024{0%{opacity:0}to{opacity:1}}@keyframes slideUp-3bee7024{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-3bee7024{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-3bee7024{0%,to{opacity:1}50%{opacity:.5}}@media (width<=768px){.name-analyzer[data-v-3bee7024]{padding:0 1rem}}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.navbar{z-index:1000;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1rem 0;position:sticky;top:0}.navbar-content{justify-content:space-between;align-items:center;display:flex}.navbar-brand{color:#343a40;font-size:1.25rem;font-weight:700}.navbar-actions{gap:1rem;display:flex}.external-link-btn{color:#fff;background-color:#007bff;border-radius:4px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:background-color .3s;display:inline-block}.external-link-btn:hover{background-color:#0069d9}.banner-container{width:100%;height:300px;position:relative;overflow:hidden}.banner-image{object-fit:cover;object-position:center;width:100%;height:100%}.banner-overlay{background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.banner-title{color:#fff;text-shadow:2px 2px 4px #00000080;text-align:center;font-size:2.5rem;font-weight:700}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.footer{margin-top:2rem;padding:2rem 0}.footer .text{color:#6c757d;font-size:.875rem;line-height:1.5}.footer a{color:#6c757d;text-decoration:none}.footer a:hover{color:#007bff;text-decoration:underline}@media (width<=768px){.navbar-content{flex-direction:column;gap:.5rem}.banner-container{height:200px}.banner-title{font-size:2rem}.footer{padding:1.5rem 0}.footer .text{font-size:.8rem}}@media (width<=480px){.banner-container{height:150px}.banner-title{font-size:1.5rem}.external-link-btn{padding:.4rem .8rem;font-size:.9rem}.footer{padding:1rem 0}.footer .text{font-size:.75rem}}