/* 配队详情页的页面布局。
   配队预览卡 / 成员配置块 / chip / 图鉴选项块等一律用公共组件（team-components.css），
   这里只留页头、面包屑、标题与区块间距。 */
/* 深色变量作用域（2026-09-23 引入，2026-09-24 移除）
   原先这行写在 :root 上，会把整页变量改回深色 —— 导致 108 个页面的
   标题/属性文字变成「深字压深底」的隐形文字；参考 2026-09-23 的修法，
   当时把它收窄到 `.preview-panel .team-card` / `#shot-node` 两个容器内。
   站点统一浅色后，这两个容器是仅剩的深色残留，现整块删除：
   不再覆盖任何 token，配队预览卡与分享图直接继承浅色（--bg=#f4f7fb / --card=#fff）。
   注：.gear-* / .pick-grid 等装备块嵌在正文里，本来就跟随页面主题，从未套深色。 */
*{box-sizing:border-box;margin: 0;padding: 0}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--txt);line-height:1.65}
.container{max-width:1200px;margin: 0 auto;padding: 0 20px}
.header-inner{display:flex;align-items:center;gap: 20px;height:64px}
.logo{display:flex;align-items:center;gap: 8px;text-decoration:none;color:var(--txt)}
.logo img{width:38px;height:38px;border-radius:9px}
.logo small{display:block;font-size:10px;color:var(--text-dim)}
.main-nav{display:flex;gap: 20px}
.nav-item{position:relative;font-size:14px;font-weight:700}
.nav-item .dropdown{display:none;position:absolute;top:100%;left:0;min-width:150px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding: 8px;z-index:20}
.nav-item:hover .dropdown{display:block}
.dropdown a{display:block;padding: 8px 12px;color:var(--txt);text-decoration:none;border-radius:8px}
.dropdown a:hover,.dropdown a.on{color:var(--brand-ink);background:rgba(79,216,232,.08)}
.crumb{font-size:13px;color:var(--text-dim);margin: 20px 0 0}
/* 2026-09-27：原来的 margin-bottom:12px 让面包屑到标题比别的页面多 12px（图鉴详情页也加载了这个文件），去掉 */
.crumb a{color:var(--text-dim);text-decoration:none}
.crumb a:hover{color:var(--brand-ink)}
.crumb b{color:var(--brand-ink);font-weight:600}
.crumb .sep{margin: 0 8px;color:var(--text-dim)}
.not-found{padding: 64px 20px;text-align:center;color:var(--text-dim)}
.not-found h2{font-size:18px;margin-bottom: 12px}
.btn{display:inline-block;background:var(--card);border:1px solid var(--line);color:var(--txt);padding: 8px 16px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:700}
.btn:hover{border-color:var(--brand-ink);color:var(--brand-ink)}
.section-title{margin: 32px 0 12px;font-size:18px;font-weight:800;border-left:4px solid var(--accent);padding-left: 12px}
.member-config-list{display:flex;flex-direction:column;gap: 16px;margin-bottom: 24px}
/* 成员配置卡：左列头像/名称/定位 + 弧盘，右列空幕卡带（左半图鉴块、右半属性），下方通栏技能培养顺序 */
.member-card{display:grid;grid-template-columns:200px minmax(0,1fr);gap: 16px 20px;align-items:start}
.member-profile{display:flex;flex-direction:column;align-items:center;gap: 8px;text-align:center}
.member-avatar{width:120px;height:120px;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:var(--surface-sunken)}
.member-name{font-size:18px;font-weight:800}
.member-profile .gear-section{width:100%;margin-top: 4px}
.gear-section{border:1px solid var(--line);border-radius:12px;padding: 12px;background:var(--bg)}
.gear-title{font-size:13px;font-weight:700;color:var(--txt);margin-bottom: 8px}
.gear-title.gear-sub{margin-top: 16px;padding-top: 12px;border-top:1px dashed var(--line)}
/* 空幕卡带块：左边卡带 + 驱动块的图鉴块，右边它们的属性 */
.gear-split{display:grid;grid-template-columns:200px minmax(0,1fr);gap: 16px 20px;align-items:start}
.gear-items{min-width:0}
.gear-attrs{min-width:0}
/* 左列弧盘 · 右列（上=空幕卡带+卡带属性，下=驱动块+驱动属性） */
.gear-col{min-width:0}
.gear-col-main{display:flex;flex-direction:column;gap: 16px}
.gear-section-block{min-width:0}
.gear-row{display:grid;grid-template-columns:minmax(210px,280px) minmax(0,1fr);gap: 12px 20px;align-items:start}
.gear-row-items{min-width:0}
.gear-row-items .pick-grid{max-height:none;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}
.gear-row-items .card-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
.gear-row-attrs{min-width:0}
.member-card .stat-label{font-size:12px;margin: 12px 0 8px}
.gear-attrs .stat-label:first-child{margin-top: 0}
.gear-row-attrs .stat-label:first-child{margin-top: 0}
.member-card .pick-grid .pick-item .pick-name{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}
/* 成员配置卡里的图鉴块一律平铺展示（公共 .pick-grid 自带 max-height:320px + overflow:auto 是给配队工具选人用的；
   配队详情里驱动块常有 5~7 个，会出现滚动条 → 这里取消限高，全部平铺）。gearPanel（角色/配队详情）同理。 */
.member-card .gear-section .pick-grid,
.gear-split .pick-grid,
.gear-row-items .pick-grid{max-height:none;overflow:visible}
.member-skills{grid-column:1 / -1;border-top:1px dashed var(--line);padding-top: 12px}
@media (max-width:640px){
  .section-title{margin: 24px 0 12px;font-size:16px}
  .member-card{grid-template-columns:1fr}
  .member-skills{grid-column:auto}
  .gear-split{grid-template-columns:1fr}
  .gear-row{grid-template-columns:1fr}
}