/* 人力成本计算器 —— 深蓝组织图 · 人力预算 */
.c60{
  --a:#1d4ed8;
  --a2:#60a5fa;
  --a-soft:rgba(29,78,216,.10);
  --a-line:rgba(29,78,216,.26);
}

/* 组织图母题：点阵 + 连接线 */
.c60-hero{
  background:
    radial-gradient(720px 320px at 12% 0%, rgba(255,255,255,.84), transparent 62%),
    radial-gradient(circle at 1px 1px, rgba(29,78,216,.10) 1px, transparent 0) 0 0 / 22px 22px,
    linear-gradient(135deg,#eff6ff 0%,#dbeafe 50%,#eef2ff 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(720px 320px at 12% 0%, rgba(96,165,250,.16), transparent 62%),
    radial-gradient(circle at 1px 1px, rgba(96,165,250,.10) 1px, transparent 0) 0 0 / 22px 22px,
    linear-gradient(135deg,#070f24 0%,#0b1a3a 50%,#0d1226 100%);
}

/* hero 组织图 */
.lc-org{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  width:250px;
  padding:16px 0;
}
.lc-node{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
  min-width:92px;
  padding:8px 12px;
  border-radius:10px;
  border:1px solid #bfdbfe;
  background:#fff;
  color:#1e3a8a;
  font-size:10.5px;
  font-weight:800;
  box-shadow:0 10px 20px rgba(29,78,216,.14);
  text-align:center;
}
.lc-node b{font-size:14px;font-weight:900;letter-spacing:-.3px;}
.lc-node-a{background:linear-gradient(135deg,#1d4ed8,#1e3a8a);color:#dbeafe;border-color:#1d4ed8;}
.lc-node-a b{color:#fff;}
.lc-node-total{background:linear-gradient(135deg,#2563eb,#1e40af);color:#dbeafe;border-color:#2563eb;}
.lc-node-total b{color:#fff;font-size:16px;}
.lc-node-row{display:flex;gap:12px;}
.lc-connector{width:2px;height:14px;background:repeating-linear-gradient(180deg,#60a5fa 0 4px,transparent 4px 7px);}
.lc-connector.short{height:10px;}
:root[data-theme="dark"] .lc-node{background:#0f1c3d;color:#bfdbfe;border-color:#1e3a8a;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#2563eb,#172554 72%);
  box-shadow:0 16px 34px rgba(23,37,84,.34);
}
.c60-segbtn.on{color:#1d4ed8;}
.c60-chip.on{background:rgba(29,78,216,.12);border-color:#1d4ed8;color:#1e40af;}

/* 月/年切换在卡片头 */
.lc-seg{padding:2px;}
.lc-seg .c60-segbtn{padding:5px 11px;font-size:12px;}
.lc-seg .c60-segbtn.on{background:#1d4ed8;color:#fff;box-shadow:0 4px 10px rgba(29,78,216,.22);}

/* 基数快捷 */
.lc-fill{
  border:0;background:transparent;color:var(--a);font-size:11px;font-weight:800;cursor:pointer;padding:0 2px;
}
.lc-fill:hover{text-decoration:underline;}

/* 结构堆叠条 */
.lc-visual{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:14px;margin-top:18px;align-items:stretch;}
.lc-orgresult{
  padding:14px 15px 12px;
  border:1px dashed var(--a-line);
  border-radius:14px;
  background:linear-gradient(160deg,var(--a-soft),transparent 70%);
}
.lc-orghead{display:flex;justify-content:space-between;margin-bottom:10px;font-size:11.5px;font-weight:800;color:var(--muted);}
.lc-orghead span:last-child{color:var(--a);}
.lc-stack{display:flex;height:34px;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:var(--soft);}
.lc-seg{
  display:flex;align-items:center;justify-content:center;
  min-width:0;
  font-size:10px;
  font-weight:800;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  transition:width .5s cubic-bezier(.2,.7,.2,1);
}
.lc-seg i{font-style:normal;opacity:.92;}
.lc-seg.s-salary{background:linear-gradient(90deg,#1e40af,#1d4ed8);}
.lc-seg.s-social{background:linear-gradient(90deg,#2563eb,#3b82f6);}
.lc-seg.s-bonus{background:linear-gradient(90deg,#3b82f6,#60a5fa);}
.lc-seg.s-fixed{background:linear-gradient(90deg,#60a5fa,#93c5fd);color:#1e3a8a;}
.lc-seg.s-recruit{background:linear-gradient(90deg,#bfdbfe,#dbeafe);color:#1e40af;}
.lc-stack-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:9px;font-size:10.5px;color:var(--muted);font-weight:700;}
.lc-stack-legend b{color:var(--ink);font-variant-numeric:tabular-nums;}
.lc-donut{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border:1px solid var(--line);border-radius:14px;background:var(--card);}
.lc-donut p{margin:4px 0 0;font-size:11px;color:var(--muted);font-weight:700;text-align:center;}

/* 明细表 */
.lc-table td{font-variant-numeric:tabular-nums;}
.lc-table td:first-child{font-weight:700;color:var(--ink);}
.lc-table tr.is-total td{background:rgba(29,78,216,.08);font-weight:800;color:var(--ink);}
.lc-table tbody tr:nth-child(even) td{background:rgba(29,78,216,.025);}

.c60-bar-row .bf{background:linear-gradient(90deg,#60a5fa,#1d4ed8);}

@media (max-width:640px){
  .lc-visual{grid-template-columns:1fr;}
  .lc-org{width:220px;}
  .lc-node-row{gap:8px;}
  .lc-seg{font-size:9px;}
}