:root{--bg: #0d0f1a;--bg2: #131729;--card: #1a1f35;--card-border: #2a3050;--text: #e8eaf2;--muted: #8b91ad;--gold: #d4af37;--gold-dim: #8a7222;--purple: #7c6cf0;--cyan: #4fd1c5;--red: #e06c75;--green: #5cc98c}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,-apple-system,sans-serif;min-height:100vh}.page{max-width:1400px;margin:0 auto;padding:0 20px 40px}.hero{text-align:center;padding:40px 0 28px}.hero-badge{display:inline-block;padding:4px 14px;border-radius:20px;border:1px solid var(--gold-dim);color:var(--gold);font-size:13px;letter-spacing:2px;margin-bottom:14px;background:linear-gradient(135deg,rgba(212,175,55,.08),transparent)}.hero h1{font-size:40px;font-weight:700;letter-spacing:6px;background:linear-gradient(120deg,#f5d76e,#d4af37 40%,#9d7bd8 75%,#7c6cf0);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--muted);font-size:14px;margin-top:12px;line-height:1.7}.layout{display:grid;grid-template-columns:280px 1fr 340px;gap:18px;align-items:start}@media(max-width:1100px){.layout{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:20px}.card h2{font-size:16px;margin-bottom:14px;color:var(--gold);display:flex;align-items:center;gap:8px}.tag{font-size:11px;color:var(--cyan);border:1px solid rgba(79,209,197,.3);padding:2px 8px;border-radius:10px;font-weight:400}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.hint{color:#5a6080}.field input,.field select,.field textarea{width:100%;background:var(--bg2);border:1px solid var(--card-border);border-radius:8px;padding:9px 11px;color:var(--text);font-size:13px;outline:none;transition:border-color .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold-dim)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.model-row{margin-top:10px}.run-btn{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(120deg,#b8942e,#d4af37);color:#1a1408;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:2px;transition:transform .15s,box-shadow .2s}.run-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #d4af374d}.run-btn:disabled{opacity:.55;cursor:not-allowed}.error{margin-top:12px;padding:10px;border-radius:8px;font-size:12px;background:#e06c751f;color:var(--red);border:1px solid rgba(224,108,117,.3)}.bazi-strip{background:var(--bg2);border:1px solid var(--card-border);border-radius:10px;padding:14px;margin-bottom:14px;text-align:center}.bazi-pillars{display:flex;justify-content:center;gap:18px}.pillar{text-align:center}.pillar .gan{font-size:22px;color:var(--gold);font-weight:600}.pillar .zhi{font-size:22px;color:var(--cyan);font-weight:600}.pillar .ss{font-size:11px;color:var(--muted);margin-top:2px}.bazi-meta{margin-top:10px;font-size:12px;color:var(--muted)}.ziwei-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border:1px solid var(--card-border);border-radius:10px;padding:8px;background:var(--bg2)}.palace{border:1px solid var(--card-border);border-radius:8px;padding:8px;min-height:88px;background:#ffffff04}.palace.ming{border-color:var(--gold-dim);background:#d4af370f}.palace.shen{outline:1px dashed rgba(124,108,240,.5)}.p-head{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px}.p-name{color:var(--gold);font-weight:600}.p-gz{color:var(--muted)}.p-stars{display:flex;flex-wrap:wrap;gap:3px}.star{font-size:11px;padding:1px 5px;border-radius:4px}.star.major{background:#d4af371f;color:#f0d68a}.star.major em{font-size:10px;color:var(--muted);font-style:normal}.star.major u{font-size:10px;color:var(--red);text-decoration:none;margin-left:2px}.star.minor{background:#4fd1c51a;color:var(--cyan)}.star.adj{color:#6b7194;font-size:10px}.steps{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto}.step{display:flex;gap:10px;padding:10px 12px;border-radius:10px;background:var(--bg2);border-left:3px solid var(--muted);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}.step-running{border-left-color:var(--cyan)}.step-running .s-icon{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.step-done{border-left-color:var(--green)}.step-error{border-left-color:var(--red)}.step-ziwei{border-left-color:var(--gold)}.step-bazi{border-left-color:var(--cyan)}.step-synthesis{border-left-color:var(--purple)}.s-icon{font-size:15px}.s-body{flex:1}.s-title{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.s-agent{font-size:10px;color:var(--muted);border:1px solid var(--card-border);padding:1px 6px;border-radius:8px}.s-detail{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.6}.conf{font-size:11px;padding:1px 8px;border-radius:10px;font-weight:600}.conf-hi{background:#5cc98c26;color:var(--green)}.conf-mid{background:#d4af3726;color:var(--gold)}.conf-lo{background:#e06c7526;color:var(--red)}.final-conf{display:flex;align-items:center;gap:16px;margin-bottom:16px}.conf-ring{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;border:3px solid}.conf-ring-hi{border-color:var(--green);color:var(--green)}.conf-ring-mid{border-color:var(--gold);color:var(--gold)}.conf-label{font-size:12px;color:var(--muted);line-height:1.6}.answer{font-size:14px;line-height:1.9;padding:14px;border-radius:10px;background:linear-gradient(135deg,#d4af370f,#7c6cf00d);border:1px solid var(--card-border);white-space:pre-wrap}.sub-reports{margin-top:16px;display:flex;flex-direction:column;gap:12px}.sub-report{border-radius:10px;padding:12px;background:var(--bg2);border:1px solid var(--card-border)}.sub-report.ziwei{border-left:3px solid var(--gold)}.sub-report.bazi{border-left:3px solid var(--cyan)}.sub-report h3{font-size:13px;display:flex;justify-content:space-between;margin-bottom:8px}.conf-mini{color:var(--gold);font-weight:600}.sub-report p{font-size:12px;color:#c6cadb;line-height:1.7;margin-bottom:6px}.sub-report ul{padding-left:18px}.sub-report li{font-size:12px;color:var(--muted);line-height:1.7}.tools-used{font-size:11px;color:#5a6080;margin-top:8px}.conflicts{margin-top:16px;padding:12px;border-radius:10px;background:#e06c7512;border:1px solid rgba(224,108,117,.25)}.conflicts h3{font-size:13px;color:var(--red);margin-bottom:8px}.conflicts ul{padding-left:18px}.conflicts li{font-size:12px;color:#d8aeb1;line-height:1.7}.placeholder{color:#4a4f6b;font-size:13px;text-align:center;padding:30px 0}.footer{margin-top:30px;padding:16px;text-align:center;font-size:12px;color:#4a4f6b;border-top:1px solid var(--card-border);line-height:1.8}.footer a{color:var(--gold-dim)}@media(max-width:768px){.page{padding:0 12px 24px}.hero{padding:24px 0 18px}.hero-badge{font-size:11px;padding:3px 10px;letter-spacing:1px;margin-bottom:10px}.hero h1{font-size:28px;letter-spacing:4px}.subtitle{font-size:12px;margin-top:8px;line-height:1.6}.layout{gap:12px}.card{padding:14px;border-radius:12px}.card h2{font-size:14px;margin-bottom:10px}.tag{font-size:10px;padding:1px 6px}.field{margin-bottom:10px}.field label{font-size:11px;margin-bottom:4px}.field input,.field select,.field textarea{padding:10px;font-size:14px;border-radius:8px}.grid2{gap:8px}.run-btn{padding:13px;font-size:15px;border-radius:10px}.bazi-strip{padding:10px;margin-bottom:10px}.bazi-pillars{gap:12px}.pillar .gan,.pillar .zhi{font-size:18px}.pillar .ss{font-size:10px}.bazi-meta{font-size:11px;margin-top:8px}.ziwei-grid{grid-template-columns:repeat(2,1fr);gap:5px;padding:6px}.palace{min-height:70px;padding:6px;border-radius:6px}.p-head{font-size:10px;margin-bottom:3px}.p-name{font-size:11px}.p-gz{font-size:10px}.p-stars{gap:2px}.star{font-size:10px;padding:1px 4px}.star.major em,.star.major u,.star.adj{font-size:9px}.steps{max-height:none;gap:6px}.step{padding:8px 10px;border-radius:8px;gap:8px}.s-icon{font-size:14px}.s-title{font-size:12px;gap:6px}.s-agent{font-size:9px;padding:1px 5px}.s-detail{font-size:11px;line-height:1.5}.conf{font-size:10px;padding:1px 6px}.final-conf{gap:12px;margin-bottom:12px}.conf-ring{width:60px;height:60px;font-size:16px;border-width:2px}.conf-label{font-size:11px}.answer{font-size:13px;line-height:1.8;padding:12px;border-radius:8px}.sub-reports{gap:10px}.sub-report{padding:10px;border-radius:8px}.sub-report h3{font-size:12px;margin-bottom:6px}.sub-report p,.sub-report li{font-size:11px;line-height:1.6}.tools-used{font-size:10px}.conflicts{padding:10px;border-radius:8px;margin-top:12px}.conflicts h3{font-size:12px}.conflicts li{font-size:11px}.placeholder{padding:20px 0;font-size:12px}.footer{margin-top:20px;padding:12px;font-size:11px;line-height:1.7}}@media(max-width:380px){.hero h1{font-size:24px;letter-spacing:3px}.bazi-pillars{gap:8px}.pillar .gan,.pillar .zhi{font-size:16px}.ziwei-grid{gap:4px;padding:5px}.palace{min-height:64px;padding:5px}.p-head{font-size:9px}.star{font-size:9px;padding:0 3px}}@media(hover:none)and (pointer:coarse){.run-btn:hover:not(:disabled){transform:none;box-shadow:0 4px 12px #d4af3733}.field input,.field select,.field textarea{-webkit-appearance:none}}