/* 发票税点计算器 —— 青绿发票 · 财务票据 */
.c60{
  --a:#0f766e;
  --a2:#2dd4bf;
  --a-soft:rgba(15,118,110,.10);
  --a-line:rgba(15,118,110,.26);
}

/* 发票母题：表格线 + 票根虚线 */
.c60-hero{
  background:
    radial-gradient(720px 320px at 10% 0%, rgba(255,255,255,.84), transparent 62%),
    repeating-linear-gradient(0deg, rgba(15,118,110,.06) 0 1px, transparent 1px 30px),
    repeating-linear-gradient(90deg, rgba(15,118,110,.05) 0 1px, transparent 1px 30px),
    linear-gradient(135deg,#f0fdfa 0%,#ccfbf1 48%,#ecfeff 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(720px 320px at 10% 0%, rgba(45,212,191,.15), transparent 62%),
    repeating-linear-gradient(0deg, rgba(45,212,191,.06) 0 1px, transparent 1px 30px),
    repeating-linear-gradient(90deg, rgba(45,212,191,.05) 0 1px, transparent 1px 30px),
    linear-gradient(135deg,#041a19 0%,#062c2a 50%,#04191f 100%);
}

/* hero 发票插画 */
.itp-invoiceart{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
  width:230px;
  padding:16px 18px 22px;
  border-radius:3px;
  background:#fffef8;
  color:#134e4a;
  border:1px solid #99f6e4;
  box-shadow:0 22px 42px rgba(15,118,110,.22);
  transform:rotate(2.5deg);
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:11px;
  font-weight:700;
}
.itp-invoiceart::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-8px;
  height:9px;
  background:radial-gradient(circle at 4px 0, transparent 3.4px, #fffef8 4px) repeat-x;
  background-size:8px 8px;
}
.itp-art-title{font-size:10px;letter-spacing:1.4px;color:#0f766e;padding-bottom:8px;border-bottom:1px dashed #99f6e4;}
.itp-art-line{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dotted #cbd5e1;}
.itp-art-line i{font-style:normal;color:#64748b;}
.itp-art-total{display:flex;justify-content:space-between;padding-top:8px;font-size:12px;color:#0f766e;font-weight:900;}
.itp-art-total b{font-size:14px;}
.itp-art-stamp{
  position:absolute;
  right:12px;bottom:18px;
  padding:4px 6px;
  border:2px solid #dc2626;
  border-radius:3px;
  color:#dc2626;
  font-size:9px;
  font-weight:900;
  letter-spacing:1px;
  transform:rotate(-13deg);
  opacity:.82;
}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#0d9488,#134e4a 72%);
  box-shadow:0 16px 34px rgba(15,118,110,.32);
}
.c60-segbtn.on{color:#0f766e;}
.c60-chip.on{background:rgba(15,118,110,.12);border-color:#0f766e;color:#115e59;}

/* 结果发票 */
.itp-bill{
  position:relative;
  max-width:360px;
  margin:18px auto 14px;
  padding:16px 18px 20px;
  background:#fffef8;
  color:#134e4a;
  border:1px solid #99f6e4;
  border-radius:3px;
  box-shadow:0 14px 30px rgba(15,118,110,.14);
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:12px;
  font-weight:700;
}
.itp-bill::before,
.itp-bill::after{content:"";position:absolute;left:0;right:0;height:9px;}
.itp-bill::before{top:-8px;background:radial-gradient(circle at 4px 8px, transparent 3.4px, #fffef8 4px) repeat-x;background-size:8px 8px;}
.itp-bill::after{bottom:-8px;background:radial-gradient(circle at 4px 0, transparent 3.4px, #fffef8 4px) repeat-x;background-size:8px 8px;}
.itp-bill-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:#0f766e;}
.itp-bill-line.dashed{margin:8px 0;border-top:1px dashed #99f6e4;}
.itp-bill-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;color:#4b6b68;}
.itp-bill-row b{color:#134e4a;}
.itp-bill-row.total{padding-top:9px;border-top:1px dashed #99f6e4;font-size:14px;color:#0f766e;}
.itp-bill-row.total b{font-size:19px;color:#0f766e;letter-spacing:-.4px;}
.itp-bill-foot{display:flex;justify-content:space-between;margin-top:13px;font-size:9px;letter-spacing:.5px;color:#94a3b8;}
.itp-bill-stamp{
  position:absolute;
  right:16px;bottom:16px;
  padding:5px 7px;
  border:2px solid #dc2626;
  border-radius:3px;
  color:#dc2626;
  font-family:inherit;
  font-size:9px;
  font-weight:900;
  letter-spacing:1px;
  transform:rotate(-13deg);
  opacity:.8;
}
:root[data-theme="dark"] .itp-bill{
  background:#0f2322;color:#99f6e4;border-color:#155e59;
  box-shadow:0 14px 30px rgba(0,0,0,.36);
}
:root[data-theme="dark"] .itp-bill::before{background:radial-gradient(circle at 4px 8px, transparent 3.4px, #0f2322 4px) repeat-x;background-size:8px 8px;}
:root[data-theme="dark"] .itp-bill::after{background:radial-gradient(circle at 4px 0, transparent 3.4px, #0f2322 4px) repeat-x;background-size:8px 8px;}
:root[data-theme="dark"] .itp-bill-line.dashed,
:root[data-theme="dark"] .itp-bill-row.total{border-color:#155e59;}
:root[data-theme="dark"] .itp-bill-row{color:#7fb7b0;}
:root[data-theme="dark"] .itp-bill-row b,
:root[data-theme="dark"] .itp-bill-row.total b{color:#99f6e4;}
:root[data-theme="dark"] .itp-bill-head{color:#2dd4bf;}

/* 金额构成 */
.itp-split{display:flex;align-items:center;gap:14px;margin-top:10px;padding:12px 14px;border:1px dashed var(--a-line);border-radius:14px;background:linear-gradient(180deg,var(--a-soft),transparent);}
.itp-split-donut{flex:none;}
.itp-split-info{min-width:0;}
.itp-split-title{margin:0 0 3px;font-size:12.5px;font-weight:900;color:var(--ink);}
.itp-split-info p:not(.itp-split-title){margin:0;font-size:11.5px;line-height:1.65;color:var(--muted);}
.itp-split-tip{margin-top:4px !important;font-weight:700;color:var(--a) !important;}

/* 税率对比 */
#itpRateTable td{font-variant-numeric:tabular-nums;}
#itpRateTable tbody tr:nth-child(even) td{background:rgba(15,118,110,.035);}
#itpRateTable tr.is-current td{background:rgba(15,118,110,.10);font-weight:800;color:var(--ink);}
#itpRateTable tr.is-current td:first-child::after{content:" 当前";font-size:10px;color:var(--a);}

.c60-bar-row .bf{background:linear-gradient(90deg,#2dd4bf,#0f766e);}

@media (max-width:640px){
  .itp-invoiceart{width:200px;padding:14px 15px 20px;}
  .itp-bill{max-width:100%;font-size:11.5px;}
  .itp-bill-row.total b{font-size:17px;}
  .itp-split{flex-direction:column;align-items:flex-start;}
}