:root{--navy:#0b1f3a;--navy-2:#132c4f;--navy-3:#1d3c68;--orange:#ff6b35;--orange-2:#ff8f5f;--text:#fff;--text-dim:#ffffffa8;--text-dim-2:#ffffff73;--card:#ffffff12;--card-border:#ffffff24;--radius:18px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--navy);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}body{min-height:100vh;min-height:-webkit-fill-available}#root{background:radial-gradient(900px 400px at 50% -80px, #ff6b3538, transparent 70%), linear-gradient(180deg, var(--navy) 0%, var(--navy-2) 100%);min-height:100vh}.app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.page{padding:calc(20px + var(--safe-t)) 20px calc(24px + var(--safe-b));flex-direction:column;flex:1;animation:.35s fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.btn{cursor:pointer;border:none;border-radius:999px;width:100%;padding:15px 20px;font-family:inherit;font-size:17px;font-weight:600;transition:transform .15s,opacity .2s}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--orange), var(--orange-2));color:#fff;box-shadow:0 10px 26px #ff6b3552}.btn-ghost{color:var(--text);background:0 0;border:1.5px solid #ffffff59}.btn:disabled{opacity:.45;cursor:not-allowed}.footer-note{text-align:center;color:var(--text-dim-2);margin-top:16px;padding:0 6px;font-size:11.5px;line-height:1.7}.landing{justify-content:space-between}.landing-hero{background:radial-gradient(circle at 50% 40%,#ff6b3559,#ff6b350a 65%);border-radius:50%;justify-content:center;align-items:center;width:260px;height:260px;margin:24px auto 8px;font-size:96px;animation:3.4s ease-in-out infinite pulse;display:flex}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.wuxing-ring{justify-content:center;gap:6px;margin-top:6px;display:flex}.wx-dot{color:#0b1f3a;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:flex}.landing-title{text-align:center;margin:18px 0 10px;font-size:27px;font-weight:800;line-height:1.45}.landing-sub{text-align:center;color:var(--text-dim);margin-bottom:6px;font-size:14px}.landing-meta{color:var(--text-dim);justify-content:center;gap:14px;margin:18px 0;font-size:12.5px;display:flex}.trust-line{text-align:center;color:var(--text-dim-2);margin:10px 0 14px;font-size:12px}.topbar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.back{border:1px solid var(--card-border);background:var(--card);color:#fff;cursor:pointer;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;line-height:1;display:flex}.back[disabled]{opacity:.25}.progress{background:#ffffff21;border-radius:99px;flex:1;height:6px;overflow:hidden}.progress-inner{background:linear-gradient(90deg, var(--orange), #ffc7a8);border-radius:99px;height:100%;transition:width .3s}.step-txt{color:var(--text-dim);flex:none;font-size:12px}.q-tag{color:var(--orange-2);border:1px solid #ff6b3566;border-radius:99px;margin-bottom:12px;padding:3px 10px;font-size:11.5px;display:inline-block}.q-title{margin-bottom:22px;font-size:21px;font-weight:700;line-height:1.55}.q-options{flex-direction:column;gap:12px;display:flex}.opt{text-align:left;border:1.5px solid var(--card-border);background:var(--card);color:#fff;border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:12px;width:100%;padding:16px 18px;font-family:inherit;font-size:15.5px;line-height:1.6;transition:all .18s;display:flex}.opt.sel{border-color:var(--orange);background:#ff6b3529}.opt:active{transform:scale(.985)}.opt-key{background:#ffffff21;border-radius:50%;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:13px;font-weight:600;display:flex}.opt.sel .opt-key{background:var(--orange)}.loading-wrap{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.flame{font-size:72px;animation:1.1s ease-in-out infinite alternate flick}@keyframes flick{0%{transform:scale(1)rotate(-2deg)}to{transform:scale(1.12)rotate(2deg)}}.loading-txt{color:var(--text-dim);font-size:15px;line-height:1.8}.dots span{opacity:.3;animation:1.2s infinite blink}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.result-card{text-align:center;border:1px solid #ffffff29;border-radius:22px;margin-bottom:16px;padding:26px 20px}.result-icon{font-size:62px;line-height:1}.result-title{margin:12px 0 8px;font-size:25px;font-weight:800}.result-slogan{margin-bottom:6px;font-size:16px;font-weight:600}.result-desc{opacity:.9;font-size:14px;line-height:1.7}.section{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);margin-bottom:14px;padding:18px}.section-title{color:var(--orange-2);letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.traits{flex-direction:column;gap:9px;display:flex}.trait{color:#ffffffeb;gap:10px;font-size:14.5px;line-height:1.65;display:flex}.trait-dot{color:var(--orange);flex:none}.tip-box{background:#ff6b3521;border:1px solid #ff6b354d;border-radius:12px;margin-top:12px;padding:12px 14px;font-size:14px;line-height:1.7}.tip-label{color:var(--orange-2);margin-right:6px;font-weight:600}.body-text{color:#ffffffe6;font-size:14.5px;line-height:1.85}.result-actions{flex-direction:column;gap:11px;margin:8px 0 4px;display:flex}.cross-link{flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0 4px;font-size:13px;display:flex}.cross-link a{color:var(--orange-2);border-bottom:1px dashed #ff8f5f80;padding-bottom:1px;text-decoration:none}.mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#050e1ab8;justify-content:center;align-items:flex-end;animation:.22s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{background:var(--navy-2);width:100%;max-width:480px;padding:22px 20px calc(26px + var(--safe-b));border-radius:22px 22px 0 0;max-height:92vh;animation:.28s cubic-bezier(.2,.9,.3,1) slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}.sheet-title{margin-bottom:6px;font-size:18px;font-weight:700}.sheet-sub{color:var(--text-dim);margin-bottom:18px;font-size:13px;line-height:1.7}.field{margin-bottom:14px}.field-label{color:var(--text-dim);margin-bottom:7px;font-size:13px;display:block}.req{color:var(--orange)}.input,.select{border:1.5px solid var(--card-border);color:#fff;appearance:none;background:#ffffff0f;border-radius:12px;outline:none;width:100%;padding:13px 15px;font-family:inherit;font-size:16px}.input:focus,.select:focus{border-color:var(--orange)}.input::placeholder{color:#ffffff52}.select option{background:var(--navy-2);color:#fff}.err{color:#ff8a7a;margin-top:6px;font-size:12.5px}.success-wrap{text-align:center;padding:24px 10px 10px}.check-mark{color:#22c55e;background:#22c55e29;border:2px solid #22c55e;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;margin:0 auto 18px;font-size:30px;animation:.45s cubic-bezier(.2,1.4,.4,1) pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.close-x{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:30px;height:30px;font-size:15px;position:absolute;top:14px;right:16px}.pillars{justify-content:space-between;gap:8px;display:flex}.pillar{border:1px solid var(--card-border);text-align:center;background:#ffffff0f;border-radius:14px;flex:1;min-width:0;padding:12px 4px}.pillar-name{color:var(--text-dim);margin-bottom:7px;font-size:11px}.pillar-gz{letter-spacing:1px;font-family:Songti SC,STSong,serif;font-size:22px;font-weight:700}.pillar-shen{color:var(--orange-2);margin-top:5px;font-size:10.5px}.pillar-ny{color:var(--text-dim-2);margin-top:3px;font-size:10px}.pillar.missing .pillar-gz{color:var(--text-dim-2)}.copy-hint{color:var(--text-dim-2);text-align:center;margin-top:12px;font-size:11px;line-height:1.6}.copy-btn{margin-top:10px}.wx-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.wx-name{flex:0 0 26px;font-size:14px;font-weight:600}.wx-bar-bg{background:#ffffff1a;border-radius:99px;flex:1;height:12px;overflow:hidden}.wx-bar{border-radius:99px;height:100%;transition:width .6s}.wx-cnt{text-align:right;color:var(--text-dim);flex:0 0 34px;font-size:13px}.wx-summary{color:#ffffffeb;margin-top:6px;font-size:14px;line-height:1.7}.wx-tagbx{border-radius:6px;margin:0 2px;padding:1px 8px;font-weight:700;display:inline-block}.badge-note{color:#ffffffd9;background:#ff8f5f1a;border:1px dashed #ff8f5f66;border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:11px 13px;font-size:12.5px;line-height:1.7;display:flex}.share-wrap{text-align:center}.share-img{border-radius:14px;width:100%;max-width:300px;margin:0 auto;display:block;box-shadow:0 12px 34px #00000073}.share-tip{color:var(--text-dim);margin:12px 0 14px;font-size:12.5px;line-height:1.7}.copy-text{border:1px solid var(--card-border);color:#ffffffdb;text-align:left;word-break:break-all;background:#ffffff0f;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:13px;line-height:1.7}