/* 52 · 身体乳什么时候涂 —— 琥珀奶油「三分钟时钟」：圆形表盘、横向时间轴、暖色卡片 */
.blg{
  --ink:#3b2f26; --sub:#8a7869; --card:#fffdf8; --line:#eee0cc;
  --pri:#c07a34; --pri-soft:#fdf0de; --ok:#4d8a62; --warn:#b98630; --bad:#b75a4a; --bg:#fbf7ef;
  --bl-font:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --bl-num:"Bahnschrift","Segoe UI Variable Text",ui-monospace,monospace;
  color:var(--ink);background:var(--bg);font-family:var(--bl-font);
  font-size:15px;line-height:1.82;padding:28px 16px 62px;
}
:root[data-theme="dark"] .blg{
  --ink:#f5ebdc; --sub:#bba58e; --card:#262019; --line:#46392b;
  --pri:#e9b471; --pri-soft:#3b2d1e; --ok:#91d2a5; --warn:#e9c47e; --bad:#f0a193; --bg:#191510;
}
.blg-wrap{max-width:1120px;margin:0 auto;}
.blg *{box-sizing:border-box;}
.blg h1,.blg h2,.blg h3{margin:0;}
.blg b{color:var(--pri);font-weight:700;}
.blg-hero{
  display:grid;grid-template-columns:minmax(0,1.5fr) 170px;gap:26px;align-items:center;
  background:linear-gradient(115deg,var(--card),var(--pri-soft));
  border:1px solid var(--line);border-radius:22px;padding:30px 34px;
  box-shadow:0 10px 28px rgba(192,122,52,.09);
}
.blg-badge{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--pri);}
.blg-hero h1{font-size:31px;line-height:1.32;font-weight:800;margin:12px 0 10px;}
.blg-hero h1 em{display:block;font-style:normal;font-size:16px;font-weight:600;color:var(--sub);margin-top:6px;}
.blg-hero p{margin:0;max-width:730px;line-height:1.9;}
.blg-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.blg-hero-meta span{font-size:12px;color:var(--sub);border-left:3px solid var(--pri);padding-left:9px;}
.blg-clock{display:flex;flex-direction:column;align-items:center;gap:10px;}
.blg-clock-face{width:132px;height:132px;border-radius:50%;border:7px solid var(--pri);position:relative;
  background:conic-gradient(var(--pri-soft) 0 8%,var(--card) 8% 100%);box-shadow:inset 0 0 0 1px var(--line);}
.blg-clock-face:before,.blg-clock-face:after{content:"";position:absolute;background:var(--sub);opacity:.5;}
.blg-clock-face:before{width:2px;height:12px;top:6px;left:calc(50% - 1px);}
.blg-clock-face:after{height:2px;width:12px;right:6px;top:calc(50% - 1px);}
.blg-clock-hand{position:absolute;left:calc(50% - 1px);top:22px;width:2px;height:42px;background:var(--pri);transform-origin:bottom center;transform:rotate(18deg);}
.blg-clock-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--pri);left:calc(50% - 5px);top:calc(50% - 5px);}
.blg-clock-cap{font-size:11px;color:var(--sub);text-align:center;line-height:1.5;}
.blg-card,.blg-panel,.blg-empty{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 26px;margin-top:18px;box-shadow:0 2px 12px rgba(120,80,40,.05);}
.blg-card-h,.blg-h2{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:18px;}
.blg-card-h h2{font-size:19px;font-weight:750;}
.blg-h2{font-size:17px;font-weight:750;}
.blg-card-tip,.blg-h2 span{font-size:12px;color:var(--sub);font-weight:500;}
.blg-form{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.blg-f{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650;}
.blg-f em{font-style:normal;font-size:11px;color:var(--sub);font-weight:400;}
.blg-f input,.blg-f select,.blg-ta{width:100%;font:500 14px var(--bl-font);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 11px;outline:none;transition:border-color .16s,box-shadow .16s;}
.blg-f input{font-family:var(--bl-num);font-weight:650;}
.blg-f input:hover,.blg-f select:hover,.blg-ta:hover{border-color:var(--pri);}
.blg-f input:focus,.blg-f select:focus,.blg-ta:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-soft);}
.blg-num{display:flex;align-items:center;gap:8px;}
.blg-num i{font-style:normal;font-size:11.5px;color:var(--sub);}
.blg-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.blg-btn{font:650 13.5px var(--bl-font);color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 19px;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;}
.blg-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--pri);box-shadow:0 6px 16px rgba(192,122,52,.16);}
.blg-btn:disabled{opacity:.5;cursor:not-allowed;}
.blg-btn-main{background:var(--pri);border-color:var(--pri);color:#fff;}
.blg-btn-ghost{background:transparent;color:var(--sub);}
.blg-msg{font-size:12.5px;color:var(--sub);margin:12px 0 0;min-height:18px;}
.blg-empty{text-align:center;color:var(--sub);padding:42px 20px;}
.blg-empty-ic{display:block;font-size:30px;}
.blg-empty b{display:block;color:var(--ink);font-size:16px;}
.blg-empty em{display:block;font-style:normal;font-size:13px;margin-top:6px;}
.blg-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;}
.blg-kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:3px;}
.blg-kpi.is-hero{background:linear-gradient(130deg,var(--pri),#dfa65f);border-color:transparent;color:#fff;}
.blg-kpi .k{font-size:12px;color:var(--sub);}
.blg-kpi.is-hero .k,.blg-kpi.is-hero .s{color:#fff4e4;}
.blg-kpi .v{font:800 26px/1.25 var(--bl-num);}
.blg-kpi-txt{font-size:18px!important;font-family:var(--bl-font)!important;}
.blg-kpi .s{font-size:11px;color:var(--sub);}
.blg-timeline{position:relative;height:78px;background:linear-gradient(90deg,#e8eff6 0%,#fff3dc 30%,#ffe8c9 62%,#e8eff6 100%);border:1px solid var(--line);border-radius:12px;margin-top:6px;}
.blg-tl-mark{position:absolute;top:0;bottom:0;width:2px;background:var(--pri);}
.blg-tl-mark i{position:absolute;top:8px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--pri);}
.blg-tl-mark span{position:absolute;top:23px;left:6px;white-space:nowrap;font-size:11px;line-height:1.45;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:3px 7px;box-shadow:0 2px 6px rgba(0,0,0,.06);}
.blg-tl-mark.is-alt{background:var(--ok);}
.blg-tl-mark.is-alt i{background:var(--ok);}
.blg-tl-mark.is-late{background:var(--bad);}
.blg-tl-mark.is-late i{background:var(--bad);}
.blg-tl-mark.is-far span{left:auto;right:6px;}
.blg-ticks{display:flex;justify-content:space-between;font:600 11px var(--bl-num);color:var(--sub);margin-top:6px;}
.blg-note{font-size:12.5px;color:var(--sub);background:var(--bg);border-radius:10px;padding:10px 14px;margin:14px 0 0;line-height:1.75;}
.blg-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.blg-two .blg-panel{margin-top:18px;}
.blg-steps{margin:0;padding-left:20px;font-size:13px;line-height:1.8;}
.blg-steps li{margin-bottom:8px;}
.blg-myth{display:flex;flex-direction:column;gap:9px;}
.blg-myth div{background:var(--bg);border-left:3px solid var(--warn);border-radius:0 10px 10px 0;padding:9px 13px;font-size:13px;line-height:1.75;}
.blg-tw{overflow:auto;}
.blg-tb{width:100%;border-collapse:collapse;font-size:13px;min-width:660px;}
.blg-tb th,.blg-tb td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;}
.blg-tb th{background:var(--bg);font-size:11.5px;color:var(--sub);}
.blg-tb tbody tr:hover{background:var(--pri-soft);}
.blg-ta{min-height:98px;resize:vertical;line-height:1.7;}
.blg-final{margin-top:20px;}
@media (max-width:860px){
  .blg{padding:18px 12px 48px;}
  .blg-hero{grid-template-columns:1fr;padding:22px 18px;}
  .blg-clock{display:none;}
  .blg-hero h1{font-size:26px;}
  .blg-form,.blg-kpis,.blg-two{grid-template-columns:1fr;}
  .blg-card,.blg-panel{padding:18px 16px;}
  .blg-card-h,.blg-h2{flex-direction:column;gap:3px;}
  .blg-timeline{height:96px;}
  .blg-tl-mark span{font-size:10px;}
}