/* 宝宝头围发育标准 · 育儿生长曲线蓝粉柔和风：网格曲线纸 + 圆角卡 + 手写感标注 */
.hcc-wrap{
  --hcc-bg:#f4f8fd; --hcc-card:#ffffff; --hcc-ink:#2a3c56; --hcc-mute:#7b8ba3;
  --hcc-blue:#3f7fc4; --hcc-blue-soft:#e5f0fb; --hcc-pink:#e88fb0; --hcc-pink-soft:#fdeef4;
  --hcc-line:#dbe6f3; --hcc-ok:#2f9e7b; --hcc-warn:#cf8a2c; --hcc-red:#c95a6b;
  --hcc-grid:#dce9f7;
  max-width:960px;margin:0 auto;padding:22px 16px 48px;
  font-size:15.5px;line-height:1.8;color:var(--hcc-ink);
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  overflow-x:hidden;
}
.hcc-wrap *,.hcc-wrap *::before,.hcc-wrap *::after{box-sizing:border-box;}
.hcc-wrap h1,.hcc-wrap h2,.hcc-wrap h3{font-weight:800;}
.hcc-wrap b{color:var(--hcc-blue);}

/* 曲线纸底纹首屏 */
.hcc-hero{
  display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:center;
  background-color:var(--hcc-card);
  background-image:linear-gradient(var(--hcc-grid) 1px,transparent 1px),linear-gradient(90deg,var(--hcc-grid) 1px,transparent 1px);
  background-size:22px 22px;
  border:2px solid var(--hcc-line);border-radius:26px;padding:28px 30px;position:relative;overflow:hidden;
  box-shadow:0 16px 42px rgba(63,127,196,.10);
}
.hcc-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.92) 40%,rgba(229,240,251,.55));pointer-events:none;}
.hcc-hero-copy,.hcc-hero-chart{position:relative;}
.hcc-kicker{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.1em;color:var(--hcc-blue);background:#fff;border:2px solid var(--hcc-blue-soft);border-radius:999px;padding:5px 14px;}
.hcc-kicker em{font-style:normal;color:var(--hcc-pink);margin-left:8px;letter-spacing:.06em;}
.hcc-hero h1{font-size:clamp(23px,3.6vw,33px);line-height:1.4;margin:16px 0 10px;color:#263c5c;}
.hcc-sub{margin:0 0 18px;color:var(--hcc-mute);max-width:600px;}
.hcc-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;}
.hcc-btn{
  font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;border-radius:999px;
  border:2px solid var(--hcc-blue);background:#fff;color:var(--hcc-blue);
  padding:9px 20px;text-decoration:none;display:inline-block;transition:transform .12s,box-shadow .12s;
}
.hcc-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(63,127,196,.18);}
.hcc-btn:focus-visible{outline:3px solid var(--hcc-pink);outline-offset:2px;}
.hcc-btn.main{background:var(--hcc-blue);color:#fff;}
.hcc-btn.ghost{border-color:var(--hcc-line);color:var(--hcc-mute);}
.hcc-hero-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.hcc-hero-meta div{background:#fff;border:2px solid var(--hcc-line);border-radius:16px;padding:9px 6px;text-align:center;}
.hcc-hero-meta b{display:block;font-size:21px;line-height:1.25;}
.hcc-hero-meta span{font-size:12px;color:var(--hcc-mute);}
.hcc-hero-chart{background:#fff;border:2px dashed var(--hcc-pink);border-radius:22px;padding:14px;text-align:center;}
.hcc-hero-chart svg{width:100%;height:auto;display:block;}
.hcc-chart-cap{display:block;font-size:12.5px;color:var(--hcc-pink);font-weight:700;margin-top:6px;}
.hcc-source{background:var(--hcc-blue-soft);border-left:5px solid var(--hcc-blue);border-radius:12px;padding:11px 16px;font-size:13.5px;color:var(--hcc-mute);margin:16px 0 0;}

/* 卡片 */
.hcc-card{background:var(--hcc-card);border:2px solid var(--hcc-line);border-radius:22px;padding:22px 24px;margin-top:20px;box-shadow:0 8px 24px rgba(63,127,196,.06);}
.hcc-sec-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:2px dashed var(--hcc-line);padding-bottom:12px;margin-bottom:16px;}
.hcc-no{font-family:Georgia,serif;font-size:27px;font-weight:800;color:var(--hcc-pink);line-height:1;}
.hcc-sec-head h2{font-size:20px;margin:0;}
.hcc-sec-head p{margin:0 0 0 auto;font-size:13.5px;color:var(--hcc-mute);}
.hcc-note{font-size:13.5px;color:var(--hcc-mute);margin:12px 0 0;}

/* 表格 */
.hcc-table-scroll{overflow-x:auto;border-radius:12px;}
.hcc-table{width:100%;border-collapse:collapse;font-size:14px;min-width:600px;}
.hcc-table th,.hcc-table td{border:1px solid var(--hcc-line);padding:7px 9px;text-align:center;}
.hcc-table thead th{background:var(--hcc-blue);color:#fff;font-size:13.5px;}
.hcc-table thead tr:first-child th:nth-child(2){background:#5b93cf;}
.hcc-table thead tr:first-child th:nth-child(3){background:var(--hcc-pink);}
.hcc-table tbody th{background:var(--hcc-blue-soft);color:var(--hcc-blue);font-weight:800;}
.hcc-table tbody tr:nth-child(even) td{background:#f8fbff;}
.hcc-table .bad{background:#fdeef0 !important;color:var(--hcc-red);font-weight:700;text-align:left;}
.hcc-table .bad td{background:#fdeef0 !important;}

/* 单次判定 */
.hcc-judge-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;}
.hcc-judge-grid label,.hcc-batch-form label{font-size:13px;font-weight:700;color:var(--hcc-mute);display:block;}
.hcc-judge-grid input,.hcc-judge-grid select,.hcc-batch-form textarea{
  font-family:inherit;font-size:15px;color:var(--hcc-ink);background:#fff;
  border:2px solid var(--hcc-line);border-radius:12px;padding:9px 11px;width:100%;margin-top:6px;
}
.hcc-judge-grid input:focus-visible,.hcc-judge-grid select:focus-visible,.hcc-batch-form textarea:focus-visible{outline:3px solid var(--hcc-pink);outline-offset:1px;}
.hcc-err{color:var(--hcc-red);font-weight:700;font-size:14px;margin:12px 0 0;}
.hcc-result{margin-top:16px;border-radius:16px;padding:16px 18px;border:2px solid var(--hcc-blue);background:var(--hcc-blue-soft);}
.hcc-result[data-tier="low"]{border-color:var(--hcc-warn);background:#fdf6e9;}
.hcc-result[data-tier="high"]{border-color:var(--hcc-red);background:#fdeef0;}
.hcc-result-tag{display:inline-block;font-weight:800;font-size:15px;border-radius:999px;padding:5px 16px;background:var(--hcc-blue);color:#fff;}
.hcc-result[data-tier="low"] .hcc-result-tag{background:var(--hcc-warn);}
.hcc-result[data-tier="high"] .hcc-result-tag{background:var(--hcc-red);}
.hcc-result h3{font-size:17px;margin:10px 0 6px;}
.hcc-result p{margin:4px 0;}
.hcc-fact-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;}
.hcc-fact-row div{background:#fff;border:1px solid var(--hcc-line);border-radius:12px;padding:9px;text-align:center;}
.hcc-fact-row span{display:block;font-size:12.5px;color:var(--hcc-mute);}
.hcc-fact-row b{font-size:18px;}
.hcc-result .hcc-rx{font-weight:700;}
.hcc-result .hcc-caveat{font-size:13px;color:var(--hcc-mute);border-top:1px dashed var(--hcc-line);padding-top:8px;}

/* 曲线区 */
.hcc-chart-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px;}
.hcc-sex-switch{display:flex;gap:6px;background:var(--hcc-blue-soft);border-radius:999px;padding:4px;}
.hcc-sex-btn{font-family:inherit;font-size:14px;font-weight:700;border:0;background:transparent;color:var(--hcc-mute);border-radius:999px;padding:6px 14px;cursor:pointer;}
.hcc-sex-btn.on{background:#fff;color:var(--hcc-blue);box-shadow:0 2px 8px rgba(63,127,196,.18);}
.hcc-legend{margin-left:auto;font-size:12.5px;color:var(--hcc-mute);display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.hcc-legend i{display:inline-block;width:16px;height:4px;border-radius:2px;margin-left:6px;}
.hcc-legend .l3{background:#9dc3ea;}.hcc-legend .l50{background:var(--hcc-blue);}.hcc-legend .l97{background:var(--hcc-pink);}
.hcc-legend .lpt{width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--hcc-blue);}
.hcc-chart-box{background:repeating-linear-gradient(0deg,transparent,transparent 31px,#eef4fc 32px),#fff;border:2px solid var(--hcc-line);border-radius:16px;padding:8px;}
.hcc-chart-box svg{width:100%;height:auto;display:block;}

/* 批量 */
.hcc-batch-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;}
.hcc-batch-form textarea{min-height:186px;resize:vertical;line-height:1.7;font-family:ui-monospace,Consolas,monospace;font-size:14px;}
.hcc-label small{display:block;font-weight:400;font-size:12px;color:var(--hcc-mute);margin-top:2px;}
.hcc-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px;}
.hcc-batch-table{min-width:420px;}
.hcc-batch-sum{font-size:13.5px;color:var(--hcc-mute);margin-top:10px;font-weight:700;}

/* 测量图解 */
.hcc-measure-grid{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start;}
.hcc-measure-fig{background:var(--hcc-blue-soft);border:2px solid var(--hcc-line);border-radius:18px;padding:14px;text-align:center;}
.hcc-measure-fig svg{width:100%;height:auto;display:block;}
.hcc-measure-fig p{font-size:13.5px;color:var(--hcc-mute);margin:8px 0 0;text-align:left;}
.hcc-err-list{margin:0;padding-left:22px;}
.hcc-err-list li{margin-bottom:9px;background:var(--hcc-pink-soft);border-radius:10px;padding:8px 12px;list-style:none;position:relative;}
.hcc-err-list li::before{content:"!";position:absolute;left:-22px;top:8px;width:17px;height:17px;border-radius:50%;background:var(--hcc-pink);color:#fff;font-size:12px;font-weight:800;text-align:center;line-height:17px;}

/* 提示条 */
.hcc-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:var(--hcc-blue);color:#fff;padding:11px 20px;border-radius:999px;font-size:14px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.22);z-index:80;}

/* 深色模式 */
html[data-theme="dark"] .hcc-wrap{
  --hcc-bg:#101a28; --hcc-card:#16233a; --hcc-ink:#e6eefb; --hcc-mute:#9fb0c8;
  --hcc-blue:#7db2f2; --hcc-blue-soft:#1d3050; --hcc-pink:#f4a9c8; --hcc-pink-soft:#3a2436;
  --hcc-line:#2a3b57; --hcc-grid:#22314a; --hcc-ok:#64d3ac; --hcc-warn:#e8bd6a; --hcc-red:#ff93a3;
}
html[data-theme="dark"] .hcc-hero{background-color:var(--hcc-card);background-image:linear-gradient(#22314a 1px,transparent 1px),linear-gradient(90deg,#22314a 1px,transparent 1px);}
html[data-theme="dark"] .hcc-hero::before{background:linear-gradient(120deg,rgba(22,35,58,.94),rgba(29,48,80,.6));}
html[data-theme="dark"] .hcc-kicker,html[data-theme="dark"] .hcc-hero-meta div,html[data-theme="dark"] .hcc-hero-chart,
html[data-theme="dark"] .hcc-fact-row div,html[data-theme="dark"] .hcc-chart-box,html[data-theme="dark"] .hcc-sex-btn.on{background:#1c2c46;color:var(--hcc-ink);}
html[data-theme="dark"] .hcc-judge-grid input,html[data-theme="dark"] .hcc-judge-grid select,html[data-theme="dark"] .hcc-batch-form textarea,
html[data-theme="dark"] .hcc-btn{background:#1c2c46;color:var(--hcc-ink);border-color:var(--hcc-line);}
html[data-theme="dark"] .hcc-btn.main{background:var(--hcc-blue);color:#101a28;border-color:var(--hcc-blue);}
html[data-theme="dark"] .hcc-table thead th{background:#2a4a75;color:#eaf3ff;}
html[data-theme="dark"] .hcc-table thead tr:first-child th:nth-child(2){background:#345b8d;}
html[data-theme="dark"] .hcc-table thead tr:first-child th:nth-child(3){background:#7a4568;}
html[data-theme="dark"] .hcc-table tbody th{background:var(--hcc-blue-soft);}
html[data-theme="dark"] .hcc-table tbody tr:nth-child(even) td{background:#1a2a44;}
html[data-theme="dark"] .hcc-table .bad,html[data-theme="dark"] .hcc-table .bad td{background:#432531 !important;}
html[data-theme="dark"] .hcc-measure-fig{background:var(--hcc-blue-soft);}
html[data-theme="dark"] .hcc-err-list li{background:var(--hcc-pink-soft);}

/* 窄屏 375px 无横向溢出 */
@media (max-width:820px){
  .hcc-hero{grid-template-columns:1fr;padding:22px;}
  .hcc-hero-chart{max-width:320px;margin:0 auto;}
  .hcc-judge-grid{grid-template-columns:1fr 1fr;}
  .hcc-batch-grid,.hcc-measure-grid{grid-template-columns:1fr;}
  .hcc-legend{margin-left:0;}
}
@media (max-width:400px){
  .hcc-wrap{padding:14px 11px 36px;font-size:15px;}
  .hcc-hero{padding:16px 13px;border-radius:16px;}
  .hcc-hero h1{font-size:21px;}
  .hcc-hero-meta{grid-template-columns:repeat(2,1fr);}
  .hcc-card{padding:16px 13px;border-radius:16px;}
  .hcc-judge-grid{grid-template-columns:1fr;}
  .hcc-judge-grid .hcc-btn{width:100%;text-align:center;}
  .hcc-sec-head p{margin-left:0;}
  .hcc-fact-row{grid-template-columns:1fr;}
  .hcc-btn{padding:9px 14px;}
}