.path-bazi { grid-column:1/-1; min-height:180px; }
.bazi-form { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.bazi-form label { display:flex;flex-direction:column;gap:9px;min-width:0; }
.bazi-form input,.bazi-form select { width:100%;min-height:44px;box-sizing:border-box; }
.bazi-advanced,.bazi-form > button,.bazi-form .hint { grid-column:1/-1; }
.bazi-advanced summary,.source-note summary,.luck-list summary { cursor:pointer;padding:14px 0;color:var(--gold,#dfbf7e); }
.bazi-form .checkline { flex-direction:row;align-items:center; }
.checkline input { width:18px;min-height:18px; }
.pillar-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0; }
.pillar { padding:20px 12px;border:1px solid #d9b67a33;border-radius:14px;text-align:center;background:linear-gradient(145deg,#211d32,#101827); }
.pillar strong { display:block;font-size:32px;color:#dfbf7e;letter-spacing:.12em;margin:14px 0; }
.pillar small { line-height:1.9;color:#aab7d0; }
.element-row { display:flex;gap:12px;flex-wrap:wrap; }.element-row span { padding:12px 20px;background:#ffffff08;border-radius:10px; }
.luck-list details { border-bottom:1px solid #ffffff12; }.luck-list p { line-height:2; }
.explore-actions { display:flex;gap:12px;flex-wrap:wrap;margin:22px 0; }
.quiz-progress { position:relative;margin:20px 0; }.quiz-progress progress { width:100%;height:8px;accent-color:#d9b67a; }
fieldset.quiz-q { margin:20px 0;padding:18px;border:1px solid #ffffff18;border-radius:14px; }
.quiz-q legend { font-size:17px;padding:0 8px; }.likert-option { display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer; }
.likert-option:has(input:checked) { background:#a88cdf22; }.likert-option input { width:18px;height:18px;accent-color:#d9b67a; }
.personality-profile article { margin:18px 0;padding:20px;border:1px solid #d9b67a22;border-radius:14px; }.personality-profile h3 { display:flex;justify-content:space-between;gap:10px; }
.personality-profile meter { width:100%;height:16px; }.facet-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }.facet-list span { display:flex;justify-content:space-between;gap:10px; }
.source-note { line-height:1.8;margin-top:20px;color:#aab7d0; }.source-note a { color:#dfbf7e; }
@media(max-width:600px) { .pillar-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.bazi-form { gap:14px; }.facet-list { grid-template-columns:1fr; } }