:root{color:#1f2937;background:#f3f7ff;font-family:PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(160deg,#eef6ff 0%,#f9fbff 40%,#eefaf3 100%);margin:0}.page{max-width:1100px;margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}h1{margin:0;font-size:24px}h2{font-size:20px}button{color:#1653b7;cursor:pointer;background:#fff;border:1px solid #8ab4ff;border-radius:10px;padding:8px 12px}button.active{color:#fff;background:#1653b7}.layout-switch,.tabs{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.tab-wrap{background:#fff;border:1px solid #dce7ff;border-radius:12px;overflow:hidden}.tabs{background:#f8fbff;border-bottom:1px solid #dce7ff;gap:0;margin:0}.tabs button{color:#4b5563;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 18px}.tabs button.active{color:#1653b7;background:#fff;border-bottom:2px solid #1653b7}.tab-panel{padding:12px}.scene-block{background:#fff;border:1px solid #dce7ff;border-radius:12px;margin-bottom:14px;padding:14px}.scene-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;display:grid}.scene-item{background:#fcfdff;border:1px solid #e7eefc;border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.scene-title{font-size:14px}.weight{color:#2563eb;font-size:12px}.hint{text-align:center;color:#1d4ed8;background:#eff6ff;border-radius:50%;width:22px;height:22px;font-weight:700;line-height:22px}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.result{background:#fff;border:1px solid #cfe7d5;border-radius:12px;margin-top:20px;padding:14px}.judgement{border-top:1px dashed #d7dfef;margin-top:10px;padding-top:10px}@media (width<=900px){.three-columns{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}