/* 摄影报价计算器 —— 石墨灰 · 相机与价签 */
.c60{
  --a:#374151;
  --a2:#9ca3af;
  --a-soft:rgba(55,65,81,.10);
  --a-line:rgba(55,65,81,.24);
}

/* 影棚背景：柔和灰幕 + 网格 */
.c60-hero{
  background:
    radial-gradient(760px 320px at 12% 0%, rgba(255,255,255,.86), transparent 62%),
    repeating-linear-gradient(0deg, rgba(55,65,81,.04) 0 1px, transparent 1px 22px),
    linear-gradient(135deg, #f8fafc 0%, #e5e7eb 52%, #f9fafb 100%);
}
.c60-hero::before{
  background-image:
    linear-gradient(to right, rgba(55,65,81,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(55,65,81,.05) 1px, transparent 1px);
  background-size:32px 26px;
  mask-image:radial-gradient(78% 80% at 74% 18%, #000 0%, transparent 82%);
  -webkit-mask-image:radial-gradient(78% 80% at 74% 18%, #000 0%, transparent 82%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(760px 320px at 12% 0%, rgba(156,163,175,.12), transparent 62%),
    repeating-linear-gradient(0deg, rgba(156,163,175,.035) 0 1px, transparent 1px 22px),
    linear-gradient(135deg,#0b0f14 0%,#151a21 52%,#0a0e12 100%);
}
:root[data-theme="dark"] .c60-hero::before{
  background-image:
    linear-gradient(to right, rgba(148,163,184,.09) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(148,163,184,.09) 1px, transparent 1px);
}

/* 自绘插画：相机机身 + 镜头光圈 + 价签 */
.c60-hero-art .pq-cam{
  position:relative;
  width:190px;
  height:150px;
  transform:rotate(-3deg);
}
.c60-hero-art .pq-body{
  position:absolute;
  left:14px;right:14px;
  top:22px;bottom:14px;
  border-radius:12px;
  background:linear-gradient(150deg,#4b5563,#1f2937 58%,#111827);
  border:1px solid rgba(17,24,39,.5);
  box-shadow:0 18px 28px rgba(31,41,55,.30);
}
.c60-hero-art .pq-body::before{
  content:"";
  position:absolute;
  left:16px;top:-10px;
  width:56px;height:14px;
  border-radius:5px 5px 0 0;
  background:linear-gradient(180deg,#6b7280,#374151);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.12);
}
.c60-hero-art .pq-lens{
  position:absolute;
  left:32px;top:42px;
  width:88px;height:88px;
  border-radius:50%;
  background:conic-gradient(from 20deg,#374151,#6b7280,#1f2937,#9ca3af,#374151);
  border:2px solid rgba(17,24,39,.55);
  box-shadow:inset 0 0 0 7px rgba(17,24,39,.55), 0 10px 18px rgba(31,41,55,.28);
}
.c60-hero-art .pq-glass{
  position:absolute;
  left:52px;top:62px;
  width:48px;height:48px;
  border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#e5e7eb 0 8%,#9ca3af 26%,#374151 64%,#111827 100%);
  box-shadow:inset 0 0 0 4px rgba(249,250,251,.18);
}
.c60-hero-art .pq-glass::after{
  content:"";
  position:absolute;
  left:11px;top:9px;
  width:14px;height:8px;
  border-radius:50%;
  background:rgba(255,255,255,.55);
  transform:rotate(-24deg);
}
.c60-hero-art .pq-flash{
  position:absolute;
  right:22px;top:8px;
  width:30px;height:14px;
  border-radius:4px;
  background:linear-gradient(180deg,#e5e7eb,#9ca3af);
  border:1px solid rgba(17,24,39,.35);
}
.c60-hero-art .pq-shutter{
  position:absolute;
  right:24px;top:40px;
  width:14px;height:14px;
  border-radius:50%;
  background:radial-gradient(circle,#f87171 0 38%,#7f1d1d 42% 100%);
  border:1px solid rgba(17,24,39,.4);
}
.c60-hero-art .pq-tag{
  position:absolute;
  right:0;bottom:0;
  width:54px;height:38px;
  display:grid;
  place-items:center;
  border-radius:8px 8px 8px 16px;
  background:linear-gradient(150deg,#fde68a,#f59e0b);
  border:1px solid rgba(120,53,15,.35);
  transform:rotate(8deg);
  box-shadow:0 8px 14px rgba(120,53,15,.2);
}
.c60-hero-art .pq-tag b{
  font-size:17px;
  color:#7c2d12;
  font-weight:900;
}
:root[data-theme="dark"] .c60-hero-art .pq-body{
  background:linear-gradient(150deg,#374151,#111827 58%,#030712);
  border-color:rgba(156,163,175,.24);
  box-shadow:0 18px 28px rgba(0,0,0,.45);
}
:root[data-theme="dark"] .c60-hero-art .pq-lens{
  background:conic-gradient(from 20deg,#1f2937,#4b5563,#111827,#6b7280,#1f2937);
  border-color:rgba(156,163,175,.24);
  box-shadow:inset 0 0 0 7px rgba(3,7,18,.7), 0 10px 18px rgba(0,0,0,.4);
}
:root[data-theme="dark"] .c60-hero-art .pq-glass{
  background:radial-gradient(circle at 34% 30%,#9ca3af 0 8%,#4b5563 26%,#1f2937 64%,#030712 100%);
}
:root[data-theme="dark"] .c60-hero-art .pq-tag{
  background:linear-gradient(150deg,#ca8a04,#a16207);
  border-color:rgba(253,230,138,.3);
}
:root[data-theme="dark"] .c60-hero-art .pq-tag b{color:#fde68a;}
.c60-hero-art .chip{background:rgba(255,255,255,.94);}
:root[data-theme="dark"] .c60-hero-art .chip{background:rgba(10,14,18,.9);}
.c60-hero-art .chip b{color:#374151;}
:root[data-theme="dark"] .c60-hero-art .chip b{color:#9ca3af;}

/* 主结果：石墨黑 */
.c60-metric.is-hero{
  background:linear-gradient(135deg,#111827,#374151 52%,#6b7280 100%);
  box-shadow:0 16px 34px rgba(31,41,55,.30);
}
.c60-metric.is-hero .v{font-size:clamp(28px,3.4vw,42px);letter-spacing:-.4px;}

.c60-segbtn.on{color:#374151;}
:root[data-theme="dark"] .c60-segbtn.on{color:#d1d5db;}
.c60-chip.on{background:rgba(55,65,81,.12);border-color:#374151;color:#374151;}
:root[data-theme="dark"] .c60-chip.on{color:#d1d5db;border-color:#d1d5db;}

/* 小标题：取景框竖线 */
.pq-sub{
  position:relative;
  margin:20px 0 2px;
  padding-left:14px;
  font-size:13.5px;
  font-weight:900;
  color:var(--ink);
  letter-spacing:.2px;
}
.pq-sub::before{
  content:"";
  position:absolute;
  left:0;top:4px;bottom:4px;
  width:5px;
  border-radius:2px;
  background:linear-gradient(180deg,#374151,#9ca3af);
}

/* 条形图：石墨灰阶 */
.c60-bar-row .bf{background:linear-gradient(90deg,#374151,#9ca3af);}

/* 分项明细表 */
#pqTable td:first-child{font-weight:900;color:var(--ink);white-space:nowrap;}
#pqTable td:nth-child(3){font-variant-numeric:tabular-nums;}
#pqTable td:last-child{font-weight:900;color:var(--a);font-variant-numeric:tabular-nums;}
:root[data-theme="dark"] #pqTable td:last-child{color:#d1d5db;}

/* 区间与定金指标：文本较短但字号要稳 */
#pqRange{font-size:clamp(16px,1.9vw,21px);letter-spacing:-.3px;}
#pqMainNote,#pqRangeNote,#pqDepositNote{line-height:1.5;}
#pqFitNote{font-weight:900;color:#374151;}
:root[data-theme="dark"] #pqFitNote{color:#d1d5db;}

/* 场景与单价输入框：取景框角标 */
#pqHoursField .c60-control,
#pqRetouchPriceField .c60-control{border-color:rgba(55,65,81,.3);}

/* 批量表 */
#pqBatchTable td:first-child{font-weight:800;color:var(--ink);}
#pqBatchTable tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--a) 3%,transparent);}
#pqBatchTable td:nth-child(n+2){font-variant-numeric:tabular-nums;}
#pqBatchTable tbody tr.is-err td{color:var(--err);background:var(--err-soft);}
#pqBatchTable tbody tr.is-warn td{background:var(--warn-soft);}

/* 提醒框 */
.c60-warn h3{color:#7c2d12;}
:root[data-theme="dark"] .c60-warn{color:#fcd34d;}

@media (max-width:960px){
  .c60-hero-art .pq-cam{width:166px;height:132px;}
  .c60-hero-art .pq-lens{width:74px;height:74px;left:28px;top:38px;}
  .c60-hero-art .pq-glass{width:40px;height:40px;left:46px;top:56px;}
  .pq-sub{margin-top:18px;}
}
@media (max-width:640px){
  .c60-hero-art{display:none;}
  .c60-metrics{grid-template-columns:1fr 1fr;}
  .c60-metric.is-hero{grid-column:1/-1;}
  .pq-sub{font-size:13px;}
  #pqRange{font-size:16px;}
  #pqTable{min-width:480px;}
  .c60-actions .c60-btn{flex:1 1 auto;}
}
@media print{
  .c60-actions,.c60-batch,.c60-hist,.c60-seg,.c60-msg,.c60-hero-art{display:none!important;}
  .c60-card{box-shadow:none;border-color:#ccc;}
  #pqTable{min-width:0;}
}