/* HeartBug presentation stylesheet 22 (extracted from inline <style>) */

  .p16a-slide .inner{width:min(1360px,100%);height:100%;display:flex;align-items:center;gap:clamp(30px,4vw,70px);padding:1vh 0}
  .p16a-left{flex:0 1 46%}
  .p16a-compare{display:flex;flex-direction:column;gap:12px;margin-top:clamp(12px,2.2vh,22px)}
  .p16a-row{display:flex;align-items:center;gap:16px;border:1.5px solid var(--line);border-radius:14px;
    padding:clamp(12px,1.8vh,18px) clamp(16px,1.8vw,24px);background:#fff;transition:.35s var(--ease);cursor:pointer}
  .p16a-row:hover{transform:translateX(8px);border-color:var(--line-r)}
  .p16a-row.sel{border-color:var(--red);box-shadow:0 14px 32px -20px rgba(228,0,43,.4)}
  .p16a-row.sel .ic{border-color:var(--red);color:var(--red)}
  .p16a-row .ic{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;
    border:2px solid var(--dim);color:var(--dim)}
  .p16a-row .ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .p16a-row.win{border-color:var(--line-r);background:rgba(228,0,43,.03);box-shadow:0 16px 36px -22px rgba(228,0,43,.35)}
  .p16a-row.win .ic{border-color:var(--red);color:var(--red);background:#fff}
  .p16a-row b{display:block;font-size:clamp(13px,1.15vw,15.5px);font-weight:800}
  .p16a-row.win b{color:var(--red)}
  .p16a-row span{font-size:clamp(13.5px,1.2vw,16px);font-weight:300;color:var(--muted)}
  /* phone (same component as before) */
  .p16a-right{flex:1 1 auto;display:flex;justify-content:center}
  .p16-phone{flex:0 0 auto;width:clamp(280px,22.5vw,345px);aspect-ratio:9/18.2;border-radius:40px;
    background:linear-gradient(160deg,#ffffff,#F3F0EB);padding:10px;border:1.5px solid rgba(20,17,20,.14);
    box-shadow:0 34px 64px -26px rgba(20,17,20,.35),inset 0 1px 0 #fff}
  .p16-scr{position:relative;width:100%;height:100%;border-radius:30px;background:#fff;overflow:hidden;display:flex;flex-direction:column;
    border:1px solid rgba(20,17,20,.08)}
  .p16-scr::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;
    background:rgba(20,17,20,.18);box-shadow:14px 0 0 -2px rgba(20,17,20,.1);z-index:2}
  .p16-ph{padding:32px 18px 10px;border-bottom:1px solid var(--line)}
  .p16-ph b{display:block;font-size:15px;font-weight:800;letter-spacing:.02em}
  .p16-ph span{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--red)}
  .p16-log{flex:1;overflow:hidden auto;padding:9px 12px;display:flex;flex-direction:column;gap:7px}
  .p16-entry{border:1px solid var(--line);border-radius:11px;padding:7px 10px;font-size:10.8px;line-height:1.32;
    transition:border-color .3s,background .3s,transform .3s var(--ease);flex:none}
  .p16-entry .d{font-weight:800;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);display:flex;justify-content:space-between}
  .p16-entry .d i{font-style:normal;font-weight:800}
  .p16-entry.af .d i{color:var(--red)} .p16-entry.ec .d i{color:var(--ink)} .p16-entry.cb .d i{color:#A50020}
  .p16-entry p{margin:2px 0 0;color:var(--muted);font-weight:400}
  .p16-entry.hot{border-color:var(--red);background:rgba(228,0,43,.05);transform:scale(1.03)}
  /* 0730 修复：空态不再占位（display:none），Holter 模式才以 flex 占满 */
  .p16-empty{display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:16px;
    opacity:0;transition:opacity .4s}
  .p16-empty.show{display:flex;flex:1;opacity:1}
  .p16-empty .big{font-size:48px;font-weight:800;color:var(--line);line-height:1}
  .p16-empty b{font-size:13.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
  .p16-empty span{font-size:11.5px;color:var(--muted);line-height:1.5}
  .p16-log.holter .p16-entry{display:none}
  /* 0731 缺肉修复：矮屏笔记本（如 1366×768）压缩手机壳内日志行距字号，8 条事件一屏全显 */
  @media (max-height:820px) and (min-width:901px){
    .p16a-slide .p16-ph{padding:26px 16px 8px}
    .p16a-slide .p16-log{padding:7px 10px;gap:5px}
    .p16a-slide .p16-entry{padding:5px 9px;font-size:10px;line-height:1.26}
    .p16a-slide .p16-entry .d{font-size:9.8px}
    .p16a-slide .p16-entry p{margin:1px 0 0}
  }
  /* 0730 竖屏：手机壳高度放开、日志全量展开（页面滚动代替壳内滚动） */
  @media (max-width:900px){
    /* 0731 修复：内容超出时 justify-content:center 会把顶部裁掉且滚不到 → 改 flex-start；
       同时压缩行距字号，尽量减少需要滚动的距离 */
    .p16a-slide .inner{flex-direction:column;overflow-y:auto;justify-content:flex-start;padding-top:2vh}
    .p16a-compare{gap:9px;margin-top:12px}
    .p16a-row{padding:10px 16px}
    .p16-phone{aspect-ratio:auto;width:min(300px,78vw)}
    .p16-ph{padding:24px 16px 8px}
    .p16-log{overflow:visible;flex:none;padding:7px 10px;gap:5px}
    .p16-entry{padding:5px 9px;font-size:10px;line-height:1.26}
    .p16-entry .d{font-size:9.8px}
    .p16-entry p{margin:1px 0 0}
  }