:root{color:#2b241c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f4ee;font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:#f7f4ee;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.page{max-width:960px;margin:0 auto;padding:24px 16px 64px}.result-page{max-width:1080px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#8a8174;margin:0 0 4px;font-size:12px}h1{color:#2b241c;margin:0 0 8px;font-size:clamp(26px,4vw,32px)}h2{color:#2b241c;margin:0 0 12px;font-size:18px}.muted{color:#6d6458;margin:0 0 16px}.result-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.card{background:#fffdf8;border:1px solid #e6dece;border-radius:16px;margin-bottom:16px;padding:16px;box-shadow:0 8px 24px #3c280a0a}.label{color:#3f372e;margin:16px 0 8px;font-weight:600;display:block}.input{box-sizing:border-box;background:#fff;border:1px solid #d9cfbf;border-radius:10px;width:100%;padding:12px 14px;font-size:16px}.options{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.choice{cursor:pointer;text-align:left;background:#fff;border:1px solid #d9cfbf;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.choice small{color:#8a8174}.choice.selected{color:#8a2f00;background:#fff1e6;border-color:#c45c26}.primary{color:#fff;cursor:pointer;background:#c45c26;border:none;border-radius:12px;width:100%;margin-top:20px;padding:12px 16px;font-size:16px;font-weight:600}.primary.inline{width:auto;min-width:160px;margin-top:0}.primary:hover{background:#a84c1d}.error{color:#9b1c1c;background:#ffe8e2;border:1px solid #f0b4a8;border-radius:12px;padding:12px 14px}.hint{color:#8a8174;margin:8px 0 0;font-size:13px}.mutagen-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.mutagen-list li{background:#faf6ef;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.mutagen-list abbr,.star-list abbr{border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.hua-lu{color:#7a5200;background:#ffe08a}.hua-quan{color:#8a2f00;background:#ffd0a8}.hua-ke{color:#0b4f8a;background:#cfe8ff}.hua-ji{color:#5b2d8e;background:#e8d7ff}.chart-board{background:linear-gradient(#fffaf2,#f3eee4);border:1px solid #e6dece;border-radius:18px;grid-template-rows:repeat(4,minmax(96px,auto));grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:16px;padding:8px;display:grid}.chart-center{text-align:center;color:#3f372e;background:#fffdf8;border:1px dashed #d9cfbf;border-radius:14px;flex-direction:column;grid-area:2/2/span 2/span 2;justify-content:center;gap:4px;padding:12px;font-size:14px;display:flex}.chart-center p{margin:0}.palace-cell{background:#fff;border:1px solid #e4dccb;border-radius:12px;flex-direction:column;gap:4px;height:100%;min-height:96px;padding:8px;display:flex}.palace-cell.is-soul{border-color:#c45c26;box-shadow:inset 0 0 0 1px #c45c26}.palace-cell.is-body{background:#fff8f1}.palace-head{color:#2b241c;justify-content:space-between;gap:6px;font-size:13px;display:flex}.palace-head span{color:#8a8174;white-space:nowrap}.palace-tags{gap:4px;min-height:16px;display:flex}.palace-tags em{color:#6d6458;background:#f0e6d8;border-radius:999px;padding:1px 6px;font-size:11px;font-style:normal}.star-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.star-list li{color:#3f372e;align-items:center;gap:4px;font-size:13px;display:flex}.star-list small{color:#8a8174}.star-list .empty{color:#a39888}.palace-list{gap:8px;display:grid}.palace-list-item{border-bottom:1px solid #efe7da;grid-template-columns:110px 1fr;gap:8px;padding:8px 0;font-size:14px;display:grid}@media (width<=720px){.chart-board{gap:4px;padding:4px}.palace-cell{min-height:84px;padding:6px}.palace-head,.star-list li{font-size:12px}.chart-center{padding:8px;font-size:12px}.palace-list-item{grid-template-columns:1fr}}.header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ghost,.danger{cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:600}.ghost{color:#3f372e;background:#fff;border:1px solid #d9cfbf}.danger{color:#9b1c1c;background:#ffe8e2;border:1px solid #f0b4a8}.save-row{flex-wrap:wrap;gap:8px;display:flex}.save-row .input{flex:1;min-width:180px}.saved-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.saved-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.muted.compact{margin:4px 0}.chart-slot,.palace-cell,.chart-center,.palace-list-item>*{min-width:0}.auxiliary-stars{color:#786f63;overflow-wrap:anywhere;margin:4px 0 0;font-size:11px;line-height:1.5}.auxiliary-details summary{cursor:pointer}.auxiliary-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.auxiliary-more,.auxiliary-less{text-underline-offset:2px;text-decoration:underline}.auxiliary-less,.auxiliary-details[open] .auxiliary-more,.auxiliary-details[open] .auxiliary-preview{display:none}.auxiliary-details[open] .auxiliary-less{display:inline}.auxiliary-full{overscroll-behavior:contain;max-height:54px;margin-top:4px;overflow-y:auto}.auxiliary-full p{margin:0}.auxiliary-details summary:focus-visible,.auxiliary-full:focus-visible{outline-offset:2px;outline:2px solid #c45c26}.palace-list-item>.auxiliary-stars{grid-column:1/-1;margin:0}.lunar-summary{overflow-wrap:anywhere}.leap-badge{color:#8a2f00;background:#fff1e6;border-radius:4px;margin-left:4px;padding:0 4px;font-size:11px;display:inline-block}@media (width<=420px){.palace-head,.star-list li{flex-wrap:wrap}}.plain-reading h3{color:#3f372e;margin:0 0 8px;font-size:15px}.plain-disclaimer{color:#6d6458;background:#f7f1e6;border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:13px;line-height:1.55}.plain-block{margin-bottom:16px}.plain-block p{color:#3f372e;margin:0 0 8px;font-size:14px;line-height:1.65}.plain-mutagen-list{color:#3f372e;margin:0;padding-left:18px;font-size:14px;line-height:1.7}.plain-palace-list{gap:8px;display:grid}.plain-palace-item{background:#fff;border:1px solid #e6dece;border-radius:12px;padding:8px 10px}.plain-palace-item.is-open{background:#fff8f1;border-color:#c45c26}.plain-palace-toggle{cursor:pointer;text-align:left;color:#2b241c;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:4px 0;font-size:14px;display:flex}.plain-palace-toggle span{color:#8a8174;font-size:12px}.plain-palace-preview{color:#6d6458;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.plain-palace-body p{color:#3f372e;margin:6px 0 0;font-size:13px;line-height:1.6}
