/* ====== 142 宠物医疗储备金 · 诊所薄荷绿 + 爪印病历卡 ====== */
.tsk.pvf{
  --tsk-bg:#eef7f2;
  --tsk-card:#ffffff;
  --tsk-card-2:#f4faf7;
  --tsk-ink:#17332a;
  --tsk-sub:#4e6c60;
  --tsk-faint:#86a396;
  --tsk-line:#d5e9df;
  --tsk-line-2:#e6f2ec;
  --tsk-brand:#12805c;
  --tsk-brand-2:#2aa87a;
  --tsk-brand-soft:#ddf2e8;
  --tsk-brand-ink:#0d6247;
  --tsk-amber:#f59e0b;
  --tsk-amber-soft:#fdf1d9;
  --tsk-red:#c2412f;
  --tsk-red-soft:#fbe9e4;
  background:
    radial-gradient(660px 330px at 100% -8%, rgba(245,158,11,.10), transparent 62%),
    radial-gradient(560px 290px at -6% 8%, rgba(18,128,92,.10), transparent 60%),
    radial-gradient(circle at 22% 86%, rgba(18,128,92,.05) 0 2.5px, transparent 3.5px) 0 0/30px 30px,
    var(--tsk-bg);
}
:root[data-theme="dark"] .tsk.pvf{
  --tsk-bg:#0f1a16;
  --tsk-card:#17251f;
  --tsk-card-2:#1d2d26;
  --tsk-ink:#e6f4ec;
  --tsk-sub:#b0c9bd;
  --tsk-faint:#7e9a8c;
  --tsk-line:#2b4036;
  --tsk-line-2:#233630;
  --tsk-brand:#4fd1a1;
  --tsk-brand-2:#7ce0b9;
  --tsk-brand-soft:rgba(79,209,161,.14);
  --tsk-brand-ink:#8be8c3;
  --tsk-amber:#fbbf24;
  --tsk-amber-soft:rgba(251,191,36,.13);
  --tsk-red:#f28b74;
  --tsk-red-soft:rgba(242,139,116,.13);
  background:
    radial-gradient(660px 330px at 100% -8%, rgba(251,191,36,.08), transparent 62%),
    radial-gradient(560px 290px at -6% 8%, rgba(79,209,161,.08), transparent 60%),
    var(--tsk-bg);
}

.pvf-hero{display:grid;grid-template-columns:minmax(0,1fr) 394px;gap:30px;padding:30px 0 24px;align-items:stretch;}
.pvf-hero-l{display:flex;flex-direction:column;}
.pvf-hero-l>.tsk-hs{flex:1 1 auto;}
.pvf-hero-l .tsk-h1 b{color:var(--tsk-brand-ink);}
.pvf-hero-l .tsk-chips span{border-color:rgba(18,128,92,.22);background:var(--tsk-card);}

/* 病历卡 */
.pvf-card{align-self:start;position:relative;background:var(--tsk-card);border:1px solid var(--tsk-line);border-radius:12px;box-shadow:var(--tsk-shadow);overflow:hidden;}
.pvf-card::before{content:"";position:absolute;left:16px;top:52px;bottom:16px;width:1px;background:repeating-linear-gradient(180deg,var(--tsk-line) 0 4px,transparent 4px 9px);}
.pvf-card::after{content:"";position:absolute;right:14px;bottom:12px;width:46px;height:46px;opacity:.07;background:
    radial-gradient(circle at 30% 68%, var(--tsk-brand) 0 5px, transparent 6px),
    radial-gradient(circle at 70% 68%, var(--tsk-brand) 0 5px, transparent 6px),
    radial-gradient(circle at 18% 40%, var(--tsk-brand) 0 4px, transparent 5px),
    radial-gradient(circle at 50% 30%, var(--tsk-brand) 0 4px, transparent 5px),
    radial-gradient(circle at 82% 40%, var(--tsk-brand) 0 4px, transparent 5px);}
.pvf-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 18px;background:linear-gradient(100deg,rgba(18,128,92,.10),rgba(18,128,92,.03));border-bottom:1px solid var(--tsk-line);}
.pvf-card-top span{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:var(--tsk-brand-ink);letter-spacing:.04em;}
.pvf-card-top i{display:inline-block;width:17px;height:17px;border-radius:4px;background:var(--tsk-brand);color:#fff;font-style:normal;font:800 11px/17px var(--tsk-num);text-align:center;}
.pvf-card-top em{font-style:normal;font:700 9.5px/1 var(--tsk-num);letter-spacing:.14em;color:var(--tsk-faint);}
.pvf-card-body{position:relative;padding:10px 18px 18px 30px;z-index:1;}
.pvf-card-body label{display:block;margin:11px 0 5px;font-size:11.5px;font-weight:800;color:var(--tsk-sub);letter-spacing:.02em;}
.pvf-card-body input,.pvf-card-body select{width:100%;height:37px;padding:0 11px;border:1px solid var(--tsk-line);border-radius:7px;background:var(--tsk-card-2);color:var(--tsk-ink);font:700 13.5px/37px var(--tsk-num);outline:none;transition:border-color .16s,box-shadow .16s;}
.pvf-card-body select{font-family:inherit;font-weight:600;font-size:12.5px;}
.pvf-card-body input:focus,.pvf-card-body select:focus{border-color:var(--tsk-brand);box-shadow:0 0 0 3px var(--tsk-brand-soft);}
.pvf-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pvf-card .tsk-btn-main{width:100%;margin-top:16px;background:linear-gradient(120deg,var(--tsk-brand),var(--tsk-brand-2));color:#fff;border-radius:7px;}
.pvf-card-foot{margin-top:10px;font-size:10.5px;line-height:1.7;color:var(--tsk-faint);}
.pvf-msg{margin-top:10px;padding:8px 11px;border-radius:6px;background:var(--tsk-red-soft);color:var(--tsk-red);font-size:11.5px;line-height:1.65;font-weight:700;}

/* 结果 */
.pvf-result{margin:4px 0 26px;background:var(--tsk-card);border:1px solid var(--tsk-line);border-radius:14px;box-shadow:var(--tsk-shadow);padding:20px 22px;}
.pvf-res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:11px;}
.pvf-res-card{position:relative;background:var(--tsk-card-2);border:1px solid var(--tsk-line-2);border-radius:9px;padding:15px 17px;overflow:hidden;}
.pvf-res-card::before{content:"";position:absolute;left:0;top:0;width:34px;height:3px;border-radius:0 0 3px 0;background:var(--tsk-brand);opacity:.55;}
.pvf-res-card b{display:block;font:800 25px/1.15 var(--tsk-num);color:var(--tsk-ink);font-variant-numeric:tabular-nums;}
.pvf-res-card span{display:block;margin-top:5px;font-size:11.5px;font-weight:700;color:var(--tsk-faint);}
.pvf-res-card i{display:block;margin-top:3px;font-style:normal;font-size:10.5px;color:var(--tsk-sub);}
.pvf-res-card.pvf-main{background:var(--tsk-brand-soft);border-color:rgba(18,128,92,.24);}
.pvf-res-card.pvf-main b{color:var(--tsk-brand-ink);}
.pvf-res-card.pvf-compare b{font-size:19px;line-height:1.35;}
.pvf-res-card.pvf-compare.is-warn{background:var(--tsk-red-soft);border-color:rgba(194,65,47,.22);}
.pvf-res-card.pvf-compare.is-warn b{color:var(--tsk-red);}
.pvf-res-card.pvf-compare.is-ok{background:var(--tsk-amber-soft);border-color:rgba(245,158,11,.24);}
.pvf-res-card.pvf-compare.is-ok b{color:#b0730a;}
:root[data-theme="dark"] .pvf-res-card.pvf-compare.is-ok b{color:var(--tsk-amber);}

.pvf-alert{margin-top:13px;padding:12px 14px;border-radius:8px;background:var(--tsk-brand-soft);border-left:3px solid var(--tsk-brand);font-size:12px;line-height:1.8;color:var(--tsk-sub);}
.pvf-alert b{color:var(--tsk-brand-ink);}
.pvf-alert.is-warn{background:var(--tsk-red-soft);border-left-color:var(--tsk-red);}
.pvf-alert.is-warn b{color:var(--tsk-red);}

.pvf-copybar{display:flex;align-items:center;gap:12px;margin-top:13px;padding:10px 12px 10px 15px;border:1px solid var(--tsk-line);border-left:3px solid var(--tsk-amber);border-radius:8px;background:var(--tsk-card-2);}
.pvf-copybar span{flex:1;min-width:0;font-size:11.5px;line-height:1.75;color:var(--tsk-sub);}
.pvf-copybar button{flex:none;padding:8px 14px;border:1px solid var(--tsk-brand);border-radius:6px;background:transparent;color:var(--tsk-brand-ink);font-size:11.5px;font-weight:800;cursor:pointer;transition:background .16s;}
.pvf-copybar button:hover{background:var(--tsk-brand-soft);}

.pvf-plan{margin-top:14px;overflow-x:auto;border-radius:9px;border:1px solid var(--tsk-line);}
.pvf-scroll{overflow-x:auto;border-radius:9px;box-shadow:var(--tsk-shadow-sm);}
.pvf-table{width:100%;min-width:560px;border-collapse:collapse;background:var(--tsk-card);}
.pvf-table.is-wide{border:1px solid var(--tsk-line);}
.pvf-table th,.pvf-table td{padding:10px 14px;font-size:12.5px;line-height:1.7;border-bottom:1px solid var(--tsk-line-2);text-align:left;}
.pvf-table thead th{background:var(--tsk-card-2);font-size:11px;font-weight:800;color:var(--tsk-brand-ink);letter-spacing:.05em;}
.pvf-table tbody tr:last-child td{border-bottom:0;}
.pvf-table tbody tr:hover td{background:var(--tsk-card-2);}
.pvf-strong{font-weight:800;color:var(--tsk-ink);}
.pvf-tag{display:inline-block;padding:2px 9px;border-radius:6px;background:var(--tsk-brand-soft);color:var(--tsk-brand-ink);font:800 11.5px/1.7 var(--tsk-num);}
.pvf-tag.is-amber{background:var(--tsk-amber-soft);color:#9a6410;}
:root[data-theme="dark"] .pvf-tag.is-amber{color:var(--tsk-amber);}

.pvf-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:10px;}
.pvf-rule{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:16px 18px;background:var(--tsk-card);border:1px solid var(--tsk-line);border-radius:10px;box-shadow:var(--tsk-shadow-sm);}
.pvf-rule>span{width:30px;height:30px;border-radius:8px;background:var(--tsk-amber-soft);color:#9a6410;font:800 13px/30px var(--tsk-num);text-align:center;}
:root[data-theme="dark"] .pvf-rule>span{color:var(--tsk-amber);}
.pvf-rule b{font-size:13px;font-weight:800;color:var(--tsk-ink);}
.pvf-rule p{margin:5px 0 0;font-size:12px;line-height:1.8;color:var(--tsk-sub);}

@media (max-width:900px){
  .pvf-hero{grid-template-columns:1fr;gap:22px;}
  .pvf-card{align-self:stretch;}
  .pvf-res-grid{grid-template-columns:1fr 1fr;}
  .pvf-copybar{flex-direction:column;align-items:stretch;}
  .pvf-copybar button{width:100%;}
}
@media (max-width:520px){
  .pvf-res-grid{grid-template-columns:1fr;}
}