*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0f0f0f;color:#fff;font-family:Noto Sans TC,sans-serif;min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:20px}.header{text-align:center;padding:40px 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:40px}.header h1{font-size:2.5rem;margin-bottom:10px}.header p{color:#fff9;font-size:1.1rem}.main{display:flex;flex-direction:column;gap:30px}.input-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:30px;animation:fadeIn .5s ease-out}.input-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:15px;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:100px}.form-group label{font-size:.9rem;color:#fffc;font-weight:500}.form-group input,.form-group select{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#ffffff4d;background:#ffffff1f}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:14px 28px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.result-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;animation:fadeIn .5s ease-out}.bazi-chart,.wuxing-chart{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:30px}.bazi-chart h2,.wuxing-chart h2{font-size:1.8rem;margin-bottom:25px;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:15px}.pillar-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.pillar-card{background:#ffffff14;border-radius:10px;padding:20px;transition:all .3s ease}.pillar-card:hover{transform:translateY(-5px);background:#ffffff1f}.pillar-title{font-size:1.1rem;font-weight:700;margin-bottom:12px;color:#fff;text-transform:uppercase;letter-spacing:1px}.pillar-ganzhi{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pillar-details{display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:#fffc}.pillar-insight{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#f093fb;line-height:1.4}.strategy-text,.wuxing-insight{margin-top:15px;padding:12px;background:#667eea1a;border-radius:8px;font-size:.95rem;color:#fff;border-left:3px solid #667eea}.basic-info,.rizhu-analysis,.yongshen,.dayun{margin-top:30px}.basic-info h3,.rizhu-analysis h3,.yongshen h3,.dayun h3{font-size:1.3rem;margin-bottom:15px;color:#ffffffe6}.info-grid,.analysis-grid,.yongshen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font-size:.95rem;color:#ffffffd9}.dayun-list{display:flex;flex-direction:column;gap:8px}.dayun-item{display:flex;gap:15px;padding:10px 15px;background:#ffffff0d;border-radius:8px;font-size:.95rem;color:#ffffffd9}.dayun-item span:first-child{font-weight:600;min-width:100px}.chart-container{margin-bottom:25px}.scoring-box{margin-top:10px;margin-bottom:25px;background:#667eea0d;border-left-color:#f093fb}.scoring-box p{color:#ffffffb3;font-size:.9rem}.card{background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:25px;border:1px solid rgba(255,255,255,.1);margin-bottom:25px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.section-header h3{font-size:1.4rem;font-weight:600;color:#fff}.section-header .icon{font-size:1.6rem}.edu-box{background:#667eea1a;border-radius:12px;padding:20px;margin-top:20px;border-left:4px solid #667eea}.edu-box h4{margin-bottom:10px;color:#667eea}.edu-box p{font-size:.95rem;line-height:1.6;color:#fffc}.edu-box.small{padding:12px 15px;font-size:.9rem}.info-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-item .label{color:#ffffff80}.shishen-tag{display:flex;flex-direction:column;background:#f093fb1a;padding:10px;border-radius:8px;margin:10px 0}.shishen-name{font-weight:700;color:#f093fb;font-size:1rem;margin-bottom:4px}.shishen-desc{font-size:.8rem;color:#ffffffb3;line-height:1.3}.wuxing-item-complex{flex:1;min-width:180px;background:#ffffff08;padding:15px;border-radius:12px}.wuxing-title-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.wuxing-base-desc{font-size:.85rem;color:#fff9;line-height:1.4;margin-bottom:12px}.life-hack{background:#ffffff0d;padding:10px;border-radius:8px;font-size:.85rem;line-height:1.4;color:#fff}.life-hack strong{color:#f093fb;display:block;margin-bottom:4px}.life-hack.overflow strong{color:#4caf50}.dayun-item .age{color:#667eea;font-weight:700}.dayun-item .ganzhi{font-family:JetBrains Mono,monospace;font-size:1.1rem}.wuxing-details{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.wuxing-item{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff0d;border-radius:8px;font-size:.95rem}.wuxing-dot{width:16px;height:16px;border-radius:50%;box-shadow:0 0 10px currentColor}.wuxing-name{font-weight:600;min-width:30px}.wuxing-value{color:#ffffffb3}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-interpretation{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:30px;animation:fadeIn .5s ease-out;margin-top:30px}.ai-interpretation h2{font-size:1.8rem;margin-bottom:25px;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:15px;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.interpretation-section{margin-bottom:25px;padding:20px;background:#ffffff08;border-radius:10px;border-left:4px solid #667eea}.interpretation-section h3{font-size:1.2rem;margin-bottom:12px;color:#fffffff2}.interpretation-section p{font-size:1rem;line-height:1.8;color:#ffffffd9;white-space:pre-line}.interpretation-section .outlook{font-family:Noto Sans TC,sans-serif;font-size:.95rem;line-height:1.8;color:#ffffffd9;background:#ffffff0d;padding:15px;border-radius:8px;white-space:pre-wrap}.disclaimer{margin-top:25px;padding:15px;background:#ffc1071a;border-radius:8px;border-left:4px solid #ffc107}.yongshen-grid{display:grid;grid-template-columns:1fr;gap:20px}.yongshen-item{background:#ffffff08;padding:15px;border-radius:12px}.yongshen-item.favorable{border-left:4px solid #4CAF50}.yongshen-item.unfavorable{border-left:4px solid #FF5252}.w-action-item{margin-top:8px;font-size:.95rem;color:#ffffffe6}.w-action-item strong{color:#4caf50}.w-action-item.unfavorable strong{color:#ff5252}.dayun-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dayun-vibe{font-size:.9rem;color:#f093fb}.disclaimer p{font-size:.9rem;color:#ffc107e6;margin:0}.ai-deep-analysis{margin-top:40px;padding:30px;background:#667eea14;border-radius:16px;border:1px solid rgba(102,126,234,.2);box-shadow:0 8px 32px #0000004d}.ai-deep-analysis h3{font-size:1.5rem;margin-bottom:20px;color:#fff;display:flex;align-items:center;gap:10px}.ai-action{text-align:center;padding:20px 0}.ai-action .hint{color:#fff9;margin-bottom:20px;font-size:.95rem}.ai-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:30px;padding:16px 32px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #f5576c66}.ai-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 8px 25px #f5576c99}.ai-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.ai-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.2);margin-top:20px;font-size:.9rem;padding:10px 20px}.progress-container{margin:20px 0;text-align:left}.progress-container.top{margin-top:0;margin-bottom:25px}.progress-bar-wrapper{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#f093fb,#f5576c);transition:width .4s ease-out}.progress-text{margin-top:8px;font-size:.85rem;color:#fff9}.ai-input-group{display:flex;flex-direction:column;gap:15px;margin-bottom:25px;text-align:left}.ai-input-group label{font-size:.95rem;color:#ffffffe6;font-weight:600}.ai-text-input,.ai-textarea{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;color:#fff;font-size:1rem;width:100%;font-family:Noto Sans TC,sans-serif;transition:all .3s ease}.ai-textarea{min-height:120px;resize:vertical}.ai-text-input:focus,.ai-textarea:focus{outline:none;border-color:#667eea;background:#ffffff1f;box-shadow:0 0 0 3px #667eea33}.ai-text-box{background:#0003;padding:25px;border-radius:12px;line-height:1.8;color:#ffffffe6}.ai-text-box p{margin-bottom:15px}.error-msg{color:#ff5252;background:#ff52521a;padding:12px;border-radius:8px;margin-top:20px;font-size:.9rem;text-align:center}@media(max-width:768px){.result-section{grid-template-columns:1fr}.pillar-container{grid-template-columns:1fr 1fr}.form-row{flex-direction:column}.info-grid,.analysis-grid,.yongshen-grid{grid-template-columns:1fr}.header h1{font-size:2rem}.ai-interpretation{padding:20px}.interpretation-section{padding:15px}}