/* 16 型老闆人格圖鑑（2026-10-16，src/boss-types-page.js，bt- 開頭；色調沿用 theme-2026 海軍藍 × 香檳金） */
.bt{background:#F7F6F2;color:#18334B}
.bt-hero{padding:60px 0 40px;text-align:center;background:radial-gradient(800px 320px at 50% 0,rgba(199,154,69,.16),transparent 70%)}
.bt-tag{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:7px 16px;border-radius:999px;background:#F4E5C2;color:#8C6420;font-size:14px;font-weight:900}
.bt-tag .bx-ic{width:18px;height:18px}
.bt-hero h1{margin:0 0 12px;font-size:clamp(30px,4vw,50px);line-height:1.25;font-weight:900;color:#12344D}
.bt-lead{max-width:640px;margin:0 auto 24px;font-size:17px;line-height:1.85;color:#526172}
.bt-actions{display:flex;flex-direction:column;align-items:center;gap:10px}
.bt-note{font-size:14px;font-weight:700;color:#657486}
.bt-list{padding:20px 0 70px}
.bt-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px}
.bt-tabs button{padding:10px 18px;border:1.5px solid #D9DEE2;border-radius:999px;background:#fff;color:#12344D;font:inherit;font-size:15px;font-weight:900;cursor:pointer}
.bt-tabs button[aria-selected=true]{background:#12344D;border-color:#12344D;color:#fff}
.bt-gdesc{margin:0 0 26px;text-align:center;font-size:14px;color:#657486}
.bt-gdesc b{margin-right:8px;color:#8C6420}
.bt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bt-card{display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#fff;border:1px solid #E1E5E2;box-shadow:0 2px 6px rgba(18,52,77,.04),0 10px 26px rgba(18,52,77,.07)}
.bt-card[hidden]{display:none}
.bt-card.is-mine{border:2px solid #C79A45;box-shadow:0 0 0 5px rgba(199,154,69,.15),0 10px 26px rgba(18,52,77,.1)}
.bt-img{position:relative;background:#F2EEE4}
.bt-img img{display:block;width:100%;height:auto}
.bt-mine{position:absolute;top:10px;right:10px;padding:5px 12px;border-radius:999px;background:#C79A45;color:#fff;font-size:13px;font-weight:900}
.bt-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.bt-grp{margin:0 0 4px;font-size:12px;font-weight:900;letter-spacing:.06em;color:#8C6420}
.bt-card h3{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;font-size:19px;font-weight:900;color:#12344D}
.bt-card h3 b{font-family:var(--bx-latin);font-size:24px}
.bt-talent{margin:0 0 12px;font-size:14px;line-height:1.7;color:#526172}
.bt-gb{display:grid;gap:6px;margin:0 0 12px}
.bt-gb div{padding:8px 10px;border-radius:10px;background:#F7F4EC}
.bt-gb div+div{background:#F6EEEC}
.bt-gb dt{font-size:11px;font-weight:900;color:#8C6420}
.bt-gb div+div dt{color:#A4553E}
.bt-gb dd{margin:2px 0 0;font-size:13px;font-weight:700;line-height:1.55;color:#18334B}
.bt-k{margin:0 0 6px;font-size:12px;font-weight:900;color:#657486}
.bt-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0}
.bt-chips li{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}
.bt-chips.is-good li{background:#E9F1EC;color:#3F6B55}
.bt-chips.is-bad li{background:#F6EAE6;color:#9A4A33}
.bt-up{margin:auto 0 0;padding-top:12px;border-top:1px dashed #E1E5E2;font-size:13px;line-height:1.65;color:#18334B}
.bt-up b{display:flex;align-items:center;gap:4px;margin-bottom:2px;font-size:12px;color:#12344D}
.bt-up .bx-ic{width:15px;height:15px;color:#6F947A}
.bt-fine{max-width:760px;margin:28px auto 0;text-align:center;font-size:13px;line-height:1.7;color:#657486}
.bt-final{padding:64px 0;text-align:center;background:linear-gradient(160deg,#173B57,#102C43);color:#fff}
.bt-final h2{margin:0 0 10px;font-size:clamp(26px,3vw,38px);font-weight:900;color:#fff}
.bt-final p{max-width:560px;margin:0 auto 24px;line-height:1.8;color:rgba(255,255,255,.8)}
@media(max-width:1200px){.bt-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.bt-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){
  .bt-hero{padding:40px 0 26px}
  .bt-grid{grid-template-columns:1fr}
  .bt-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
  .bt-tabs button{flex:none;font-size:14px;padding:9px 14px}
  .bt-actions .bx-btn{width:100%;justify-content:center}
}