/* 拆屏后的布局：能力雷达单屏 / MBTI 单屏 / 九型单屏 / 今日运程单屏 */

/* ── 屏2 能力雷达：单图 + 右侧读数 ── */
.radar-solo{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);
  gap:22px;align-items:center;max-width:1080px;margin:0 auto;
}
.radar-solo .ability-radar{padding:12px}
.radar-solo .radar-box{max-width:460px;margin:0 auto}
.radar-side .kv{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.radar-side .kv div{font-size:13px}
.radar-side .kv b{font-size:17px}

/* ── 屏3 MBTI ── */
.mbti-layout{
  display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);
  gap:20px;align-items:start;max-width:1080px;margin:0 auto;
}
.mbti-hero{padding:24px}
.mbti-hero .mbti-big{margin-bottom:10px}
.mbti-hero .mbti-big .lt{font-size:clamp(52px,7.4vw,76px);padding:2px 8px}
.mbti-hero .mbti-nick{font-size:17px;margin-bottom:10px}
.mbti-hero .mbti-core{font-size:14.5px}
.mbti-hero .mbti-chips{margin-top:14px}
#s-mbti .mbti-axes{margin-top:4px}
#s-mbti .axis-row{padding:9px 11px;margin-bottom:10px}
#s-mbti .mbti-detail{min-height:96px;font-size:13px}

/* ── 屏4 九型 ── */
.ennea-layout{
  display:grid;grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);
  gap:20px;align-items:start;max-width:1120px;margin:0 auto;
}
.ennea-wheel{max-width:420px;margin:0 auto}
.ennea-wheel svg{width:100%;height:auto;display:block}
.ennea-hero{padding:18px}
.ennea-top{display:flex;align-items:center;gap:13px;margin-bottom:12px}
.ennea-glyph{
  font-size:34px;line-height:1;color:#ff8a8a;
  text-shadow:0 0 16px rgba(255,90,90,.55);
}
.ennea-name{font-size:21px;font-weight:800;color:var(--ink)}
.ennea-alias{font-size:12.5px;color:var(--ink-3)}
.ennea-wing{
  margin-left:auto;font-size:12px;padding:4px 11px;border-radius:999px;
  background:rgba(255,196,107,.14);border:1px solid rgba(255,196,107,.42);color:#ffc46b;
  white-space:nowrap;
}
.ennea-line{
  font-size:13px;line-height:1.72;color:var(--ink-2);
  padding:7px 0;border-top:1px solid var(--edge);
}
.ennea-line b{color:#dcd0ff;margin-right:6px;font-weight:700}
.ennea-body{
  font-size:13px;line-height:1.72;color:var(--ink-2);
  padding:9px 11px;border-radius:10px;margin-top:9px;
  background:rgba(30,20,62,.5);border-left:2.5px solid #7b4dff;
}
.ennea-body.warn{border-left-color:#ffc46b}
.ennea-triad{
  margin-top:11px;font-size:12px;line-height:1.7;color:var(--ink-3);
  padding:9px 11px;border-radius:10px;background:rgba(123,77,255,.10);
}
.ennea-triad b{color:#b79bff}

.ennea-rank{display:flex;flex-direction:column;gap:7px}
.ennea-rank .er-row{display:grid;grid-template-columns:52px 1fr 42px;gap:9px;align-items:center;font-size:12px}
.ennea-rank .er-n{color:var(--ink-2);white-space:nowrap}
.ennea-rank .er-track{height:8px;border-radius:99px;background:rgba(123,77,255,.16);overflow:hidden}
.ennea-rank .er-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#37d6c8,#7b4dff)}
.ennea-rank .er-row.top .er-n{color:#ff8a8a;font-weight:700}
.ennea-rank .er-row.top .er-fill{background:linear-gradient(90deg,#ff8181,#ff5a5a)}
.ennea-rank .er-row.wing .er-n{color:#ffc46b}
.ennea-rank .er-v{text-align:right;color:var(--ink-3)}

/* ── 屏5 今日运程 ── */
.today-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;max-width:1180px;margin:0 auto;
}
.today-grid .dimcard{padding:18px}
.today-grid .dimscore{font-size:32px}
.today-grid .dimtext{font-size:13px}
.today-grid .basis{font-size:11.5px}

@media(max-width:1000px){
  .radar-solo,.mbti-layout,.ennea-layout{grid-template-columns:1fr;max-width:640px}
  .today-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .radar-solo .radar-box{max-width:380px}
  .ennea-wheel{max-width:340px}
}
@media(max-width:700px){
  .today-grid{grid-template-columns:1fr}
  .mbti-hero{padding:16px}
  .mbti-hero .mbti-big .lt{font-size:46px}
  .ennea-top{gap:9px}
  .ennea-glyph{font-size:28px}
  .ennea-name{font-size:18px}
  .radar-side .kv{grid-template-columns:repeat(2,minmax(0,1fr))}
}