/* ====== 145 脱发治疗年度成本 · 墨绿 + 米白 + 处方笺 ====== */
.tsk.hlc{
  --tsk-bg:#f5f3ec;
  --tsk-card:#fffdf7;
  --tsk-card-2:#faf7ee;
  --tsk-ink:#22301f;
  --tsk-sub:#55644f;
  --tsk-faint:#8a957f;
  --tsk-line:#dcd6c2;
  --tsk-line-2:#ece7d6;
  --tsk-brand:#3f6b4a;
  --tsk-brand-2:#5f8f63;
  --tsk-brand-soft:#e8efe4;
  --tsk-brand-ink:#33573c;
  --hlc-gold:#b8860b;
  --hlc-gold-soft:#f3e9d2;
  --hlc-paper:#f7f4e9;
  --hlc-stamp:#9a6b13;
  --tsk-shadow-sm:0 1px 2px rgba(34,48,31,.06),0 6px 16px rgba(34,48,31,.05);
  --tsk-shadow:0 2px 6px rgba(34,48,31,.08),0 18px 44px rgba(34,48,31,.09);
  background:
    radial-gradient(760px 340px at 100% -12%, rgba(184,134,11,.10), transparent 62%),
    radial-gradient(560px 260px at -6% 8%, rgba(63,107,74,.08), transparent 60%),
    repeating-linear-gradient(180deg,transparent 0 39px,rgba(120,112,84,.045) 39px 40px),
    var(--tsk-bg);
}
:root[data-theme="dark"] .tsk.hlc{
  --tsk-bg:#151a16;
  --tsk-card:#1e2620;
  --tsk-card-2:#242d26;
  --tsk-ink:#e6ecdf;
  --tsk-sub:#a8b8a1;
  --tsk-faint:#7d8c76;
  --tsk-line:#303b30;
  --tsk-line-2:#283229;
  --tsk-brand:#7db98a;
  --tsk-brand-2:#9ccba2;
  --tsk-brand-soft:rgba(125,185,138,.14);
  --tsk-brand-ink:#a8d8b2;
  --hlc-gold:#e2b64a;
  --hlc-gold-soft:rgba(226,182,74,.13);
  --hlc-paper:#1b221c;
  --hlc-stamp:#c9a144;
  --tsk-shadow-sm:0 1px 2px rgba(0,0,0,.45),0 6px 16px rgba(0,0,0,.28);
  --tsk-shadow:0 2px 6px rgba(0,0,0,.5),0 18px 44px rgba(0,0,0,.36);
  background:
    radial-gradient(760px 340px at 100% -12%, rgba(226,182,74,.08), transparent 62%),
    radial-gradient(560px 260px at -6% 8%, rgba(125,185,138,.07), transparent 60%),
    repeating-linear-gradient(180deg,transparent 0 39px,rgba(255,255,255,.03) 39px 40px),
    var(--tsk-bg);
}
.hlc-hero{display:grid;grid-template-columns:minmax(0,1fr) 394px;gap:30px;align-items:stretch;padding:30px 0 24px;}
.hlc-hero-l{display:flex;flex-direction:column;}
.hlc-hero-l>.tsk-hs{flex:1 1 auto;}
.hlc-hero-l .tsk-h1 b{color:var(--tsk-brand-ink);}
.hlc-hero-r{align-self:start;}

/* 处方笺表单卡 */
.hlc-rx{position:relative;background:var(--hlc-paper);border:1px solid var(--tsk-line);border-radius:7px;box-shadow:var(--tsk-shadow);overflow:hidden;}
.hlc-rx::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:repeating-linear-gradient(90deg,var(--hlc-gold) 0 10px,transparent 10px 18px);}
.hlc-rx-top{display:flex;justify-content:space-between;align-items:flex-start;padding:17px 18px 10px;border-bottom:1px dashed var(--tsk-line);}
.hlc-rx-top span{font-size:12.5px;font-weight:800;letter-spacing:.04em;color:var(--tsk-brand-ink);}
.hlc-rx-top i{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--hlc-stamp);border-radius:6px;color:var(--hlc-stamp);font:800 14px/1 var(--tsk-num);transform:rotate(-7deg);background:var(--hlc-gold-soft);}
.hlc-rx-body{padding:6px 18px 18px;background:repeating-linear-gradient(180deg,transparent 0 33px,rgba(120,112,84,.07) 33px 34px);}
.hlc-rx-body label{display:block;margin:10px 0 3px;font-size:11.5px;font-weight:800;color:var(--tsk-sub);}
.hlc-rx-body input,.hlc-rx-body select{width:100%;height:32px;padding:0 2px;border:0;border-bottom:1.5px solid var(--tsk-line);border-radius:0;background:transparent;color:var(--tsk-ink);font:700 14px/32px var(--tsk-num);outline:none;transition:border-color .16s,background .16s;}
.hlc-rx-body select{font-family:var(--tsk-font);font-size:13.5px;cursor:pointer;}
.hlc-rx-body input:focus,.hlc-rx-body select:focus{border-bottom-color:var(--hlc-gold);background:rgba(184,134,11,.05);}
.hlc-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.hlc-err{margin-top:11px;padding:8px 10px;border:1px dashed color-mix(in srgb,var(--tsk-bad) 42%,transparent);border-radius:4px;font-size:11.5px;line-height:1.7;color:var(--tsk-bad);font-weight:600;}
.hlc-err[hidden]{display:none;}
.hlc-rx .tsk-btn-main{width:100%;margin-top:16px;border-radius:5px;background:linear-gradient(135deg,var(--tsk-brand),var(--tsk-brand-2));color:#fff;box-shadow:0 8px 18px rgba(63,107,74,.24);}
.hlc-rx-foot{margin-top:10px;font-size:10.5px;line-height:1.7;color:var(--tsk-faint);}

/* 结果 */
.hlc-result{margin:4px 0 26px;background:var(--tsk-card);border:1px solid var(--tsk-line);border-radius:12px;box-shadow:var(--tsk-shadow);padding:22px 24px;}
.hlc-res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:11px;}
.hlc-res-card{position:relative;background:var(--hlc-paper);border:1px solid var(--tsk-line);border-left:3px solid var(--tsk-brand);border-radius:5px;padding:15px 16px 14px;}
.hlc-res-card b{display:block;font:800 25px/1.15 var(--tsk-num);color:var(--tsk-ink);font-variant-numeric:tabular-nums;}
.hlc-res-card span{display:block;margin-top:5px;font-size:11.5px;font-weight:700;color:var(--tsk-faint);}
.hlc-res-card i{display:block;margin-top:3px;font-style:normal;font-size:10.5px;color:var(--tsk-sub);}
.hlc-res-card.hlc-main{background:var(--tsk-brand-soft);border-color:color-mix(in srgb,var(--tsk-brand) 26%,transparent);border-left-color:var(--hlc-gold);}
.hlc-res-card.hlc-main b{color:var(--tsk-brand-ink);}

/* 明细 */
.hlc-detail{margin-top:14px;overflow-x:auto;border:1px solid var(--tsk-line);border-radius:6px;}
.hlc-scroll{overflow-x:auto;border-radius:6px;box-shadow:var(--tsk-shadow-sm);}
.hlc-table{width:100%;min-width:560px;border-collapse:collapse;background:var(--tsk-card);}
.hlc-table.is-wide{border:1px solid var(--tsk-line);}
.hlc-table th,.hlc-table td{padding:10px 14px;font-size:12.5px;line-height:1.7;border-bottom:1px solid var(--tsk-line-2);text-align:left;}
.hlc-table thead th{background:var(--tsk-card-2);font-size:11px;font-weight:800;color:var(--tsk-brand-ink);letter-spacing:.04em;border-bottom:2px solid var(--hlc-gold);}
.hlc-table tbody tr:last-child td{border-bottom:0;}
.hlc-table tbody tr:hover td{background:var(--hlc-paper);}
.hlc-strong{font-weight:800;color:var(--tsk-ink);}
.hlc-tag{display:inline-block;padding:2px 9px;border-radius:3px;background:var(--hlc-gold-soft);color:var(--hlc-stamp);font:800 11.5px/1.7 var(--tsk-num);}
.hlc-sec-sub{font-size:12px;color:var(--tsk-faint);}

/* 复制条 */
.hlc-copy-row{display:flex;gap:10px;align-items:center;margin-top:13px;padding:10px 12px;border:1px dashed var(--tsk-line);border-radius:5px;background:var(--hlc-paper);}
.hlc-copy-row code{flex:1;min-width:0;max-height:62px;overflow:auto;font:500 12px/1.65 var(--tsk-num);color:var(--tsk-sub);white-space:pre-wrap;word-break:break-all;}

/* 警示条 */
.hlc-alert{margin-top:13px;padding:12px 14px;border-radius:5px;background:var(--hlc-gold-soft);border:1px solid color-mix(in srgb,var(--hlc-gold) 30%,transparent);font-size:12px;line-height:1.85;color:var(--tsk-sub);}
.hlc-alert b{color:var(--hlc-stamp);}
.hlc-alert.is-warn{background:var(--tsk-bad-soft);border-color:color-mix(in srgb,var(--tsk-bad) 30%,transparent);}
.hlc-alert.is-warn b{color:var(--tsk-bad);}

/* 内容模块 */
.hlc-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:10px;}
.hlc-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:5px;box-shadow:var(--tsk-shadow-sm);}
.hlc-rule>span{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--hlc-gold);color:var(--hlc-stamp);font:800 13px/27px var(--tsk-num);text-align:center;}
.hlc-rule b{font-size:13px;font-weight:800;color:var(--tsk-ink);}
.hlc-rule p{margin:5px 0 0;font-size:12px;line-height:1.8;color:var(--tsk-sub);}
.hlc-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(288px,1fr));gap:8px;}
.hlc-list li{position:relative;padding:12px 15px 12px 34px;background:var(--tsk-card);border:1px solid var(--tsk-line);border-radius:5px;font-size:12.5px;line-height:1.78;color:var(--tsk-sub);}
.hlc-list li::before{content:"✕";position:absolute;left:14px;top:10px;color:var(--hlc-stamp);font-weight:800;font-size:12px;}

@media (max-width:900px){
  .hlc-hero{grid-template-columns:1fr;gap:22px;}
  .hlc-hero-r{align-self:stretch;}
  .hlc-result{padding:18px 15px;}
}