/* 技能模拟器 / 技能说明 / 技能顺位 */
.skillhub{width:100%;max-width:none;margin:0;padding:0}
.skillhub-head{padding:2px 0 18px;border-bottom:1px solid var(--border)}
.skillhub-kicker{font-family:var(--serif);font-size:11px;font-weight:600;letter-spacing:2px;
  text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:8px;margin-bottom:8px}
.skillhub-kicker::before{content:'';display:inline-block;width:18px;height:1.5px;
  background:var(--accent);border-radius:1px}
.skillhub-head h1{font-family:var(--serif);font-size:30px;font-weight:700;color:var(--text);
  letter-spacing:-.4px;line-height:1.25;margin:0 0 8px}
.skillhub-sub{font-size:13px;color:var(--text-light);line-height:1.7;margin:0}

.skillhub-tabs{display:flex;gap:4px;margin:14px 0 0;border-bottom:1px solid var(--border);
  overflow-x:auto;scrollbar-width:thin}
.skillhub-tab{flex:0 0 auto;padding:10px 18px;border:1px solid transparent;border-bottom:2px solid transparent;
  margin-bottom:-1px;border-radius:7px 7px 0 0;font-size:13.5px;font-weight:600;
  color:var(--text-light);text-decoration:none;white-space:nowrap;transition:color .15s,background .15s,border-color .15s}
.skillhub-tab:hover{color:var(--accent);background:var(--accent-soft)}
.skillhub-tab.is-active{color:var(--accent);border-bottom-color:var(--accent);
  background:var(--accent-soft)}

.skillhub-panel{display:none;padding-top:18px}
.skillhub-panel.is-active{display:block}
#panel-sim #simRoot{max-width:none;margin:0;padding:0}
#panel-sim .breadcrumb{display:none}
#panel-sim .page-header>.page-label,#panel-sim .page-header>.page-title{display:none}
#panel-sim .page-header{margin-bottom:0}

.skillhub-doc{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;
  padding:18px 20px 20px;box-shadow:var(--shadow-sm)}
.skillhub-doc-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  flex-wrap:wrap;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-soft)}
.skillhub-doc-head h2{font-family:var(--serif);font-size:19px;font-weight:700;
  color:var(--text);margin:0;line-height:1.3}
.skillhub-doc-head p{font-size:12px;color:var(--text-faint);margin:0;line-height:1.6}
.skillhub-table-wrap{width:100%;overflow:auto;border:1px solid var(--border-soft);
  border-radius:7px;background:var(--card-bg)}
.skillhub-table-wrap table{width:100%;border-collapse:collapse;font-size:13.5px;
  line-height:1.6;color:var(--text)}
.skillhub-table-wrap th,.skillhub-table-wrap td{border:1px solid var(--border-soft)!important;
  padding:6px 8px!important;vertical-align:top;text-align:left;white-space:normal}
.skillhub-table-wrap th{background:var(--table-header-bg)!important;color:var(--text-light)!important;
  font-weight:600!important;text-align:center;white-space:nowrap}
.skillhub-table-wrap td.g{background:var(--table-header-bg)!important;color:var(--text)!important;
  text-align:center!important;font-weight:600;white-space:nowrap;vertical-align:middle!important}
.skillhub-table-wrap td.t{background:var(--card-bg)!important}
.skillhub-table-wrap td.n,.skillhub-table-wrap td[align="right"]{text-align:right;white-space:nowrap}
.skillhub-doc--skill .skillhub-table-wrap table{min-width:720px}
.skillhub-doc--order .skillhub-table-wrap table{min-width:760px}

@media(max-width:900px){
  .skillhub-head h1{font-size:26px}
}
@media(max-width:768px){
  .skillhub-head{padding-bottom:14px}
  .skillhub-head h1{font-size:23px}
  .skillhub-sub{font-size:12.5px}
  .skillhub-tabs{gap:2px;margin-top:10px}
  .skillhub-tab{padding:9px 12px;font-size:12.5px}
  .skillhub-panel{padding-top:13px}
  .skillhub-doc{padding:12px}
  .skillhub-doc-head h2{font-size:17px}
  .skillhub-table-wrap table{font-size:12.5px}
  .skillhub-table-wrap th,.skillhub-table-wrap td{padding:5px 6px!important}
}