/* 首頁能力雷達＋分數補強（2026-10-11，src/home-radar.js）。沿用 boss.css 的 --bx- 色票；原本 boss.css 不動 */
.hr-card{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:var(--bx-r);background:var(--bx-card);border:1px solid var(--bx-line);box-shadow:var(--bx-shadow-lg);text-align:left;min-width:0}
.hr-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hr-head h3{margin:0;font-size:20px;font-weight:900;color:var(--bx-navy)}
.hr-who{padding:2px 10px;border-radius:99px;background:var(--bx-cream-2);font-size:12px;font-weight:900;color:var(--bx-muted)}
.hr-who.is-mine{background:var(--bx-navy);color:var(--bx-yellow)}
.hr-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:8px 14px}
.hr-svg svg{display:block;width:100%;height:auto;overflow:visible}
.hr-grid{fill:none;stroke:#E8E1D7;stroke-width:1}
.hr-boost{fill:rgba(111,148,122,.28);stroke:var(--bx-green);stroke-width:1.5;stroke-dasharray:4 3}
.hr-base{fill:rgba(233,170,50,.3);stroke:#B98A2E;stroke-width:2}
.hr-dot{fill:#B98A2E}
.hr-lab{font-size:10.5px;font-weight:900;fill:var(--bx-ink-2)}
.hr-lab tspan{fill:var(--bx-navy)}
.hr-bars{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.hr-bars li{display:grid;grid-template-columns:3.6em 1fr 3.4em;align-items:center;gap:8px;font-size:13px;font-weight:900;color:var(--bx-ink)}
.hr-bars i{display:flex;height:8px;border-radius:99px;background:var(--bx-cream-2);overflow:hidden}
.hr-bars i b{display:block;height:100%;background:var(--bx-navy)}
.hr-bars i b.is-add{background:var(--bx-green)}
.hr-bars em{font-style:normal;text-align:right;color:var(--bx-navy)}
.hr-bars em small{margin-left:2px;font-size:11px;color:var(--bx-green)}
.hr-boostbox{padding:12px 14px;border-radius:var(--bx-r-sm);background:#FAF6EF}
.hr-bh{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0 0 8px;font-size:15px;font-weight:900;color:var(--bx-navy)}
.hr-bh small{font-size:12px;font-weight:700;color:var(--bx-muted)}
.hr-bh small b{color:var(--bx-orange)}
.hr-total{margin-left:auto;padding:1px 10px;border-radius:99px;background:var(--bx-green);color:#fff;font-size:13px}
.hr-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hr-rows li{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:0 8px;padding:7px 10px;border-radius:10px;background:#fff;border:1px solid var(--bx-line)}
.hr-rows li>b{font-size:13.5px;line-height:1.35;color:var(--bx-ink)}
.hr-rows li>em{grid-column:2;grid-row:2;font-style:normal;font-size:12px;color:var(--bx-muted)}
.hr-rows .hr-tag{grid-row:1/3;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:900}
.hr-rows .is-free .hr-tag{background:#EDF3EE;color:#4F6E58}
.hr-rows .is-paid .hr-tag{background:var(--bx-yellow-l);color:var(--bx-gold-ink)}
.hr-go,.hr-ok{grid-column:3;grid-row:1/3;white-space:nowrap;font-size:12.5px;font-weight:900;text-decoration:none}
.hr-go{padding:5px 10px;border-radius:99px;background:var(--bx-navy);color:#fff!important}
.hr-go.is-buy{background:var(--bx-yellow);color:var(--bx-ink)!important}
.hr-ok{color:var(--bx-green)}
.hr-rows li.is-done{background:#F4F8F5}
.hr-note{margin:8px 0 0;font-size:11.5px;line-height:1.5;color:var(--bx-muted)}
@media(max-width:1180px){.hr-card{grid-column:auto}}
@media(max-width:480px){.hr-body{grid-template-columns:1fr}.hr-svg{max-width:300px;margin:0 auto;width:100%}}
/* 測過老闆人格：右邊養成卡整張換成人格結果卡（src/home-radar.js） */
.hr-type{justify-content:flex-start!important;gap:6px}
.hr-type .hr-k{margin:0;font-size:13px;font-weight:900;color:var(--bx-gold-ink)}
.hr-type .hr-code{font-family:var(--bx-latin);font-size:clamp(44px,4.4vw,64px);line-height:1;color:var(--bx-navy)}
.hr-type .hr-name{margin:2px 0 4px;font-size:24px;font-weight:900;color:var(--bx-navy)}
.hr-type .hr-talent{margin:0;font-size:14px;line-height:1.6;color:var(--bx-ink-2)}
.hr-type .hr-talent b{display:block;font-size:12px;color:var(--bx-gold-ink)}
.hr-type .hr-conf{margin:4px 0 6px;font-size:13px;font-weight:900;color:var(--bx-muted)}
.hr-type .hr-conf b{margin-right:6px;font-family:var(--bx-latin);font-size:26px;color:var(--bx-gold-ink)}
.hr-type img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--bx-line);box-shadow:var(--bx-shadow)}
.hr-type .hr-more{margin-top:6px;font-size:14px;font-weight:900;color:var(--bx-navy);text-decoration:none}