/* ================= ★v3.382 手机顶栏：待读 / 待办 两个按钮收成一个 =================
   业主 2026-10-26：「把手机端的这两个收起来不然占地方」（截图圈的是顶栏 ⏰18 和 ☑4）。
   做法：
     · 手机端把原来那两个大按钮（#rdBtn / #tkBtn）藏起来；
     · 换成一个小按钮 #tdBtn —— **0 条的时候完全不占地方**（display:none），
       有东西才出现，显示一个 ✓ 加总数，到点/过期时变红；
     · 点它弹底部小面板，里面两个大按钮「⏰ 待读 N」「☑ 待办 N」，各自直达原来的面板。
   桌面端一个像素都不动（全部带 html.phone 前缀，且 #tdBtn 默认 display:none）。
   ★ 换文件名而不是改旧 css：nginx 给静态文件缓存一天。 */

/* ---------- 手机上把原来那两个藏掉 ---------- */
html.phone #rdBtn,
html.phone #tkBtn{display:none!important}

/* ---------- 合并后的那个小按钮 ---------- */
#tdBtn{
  display:none;align-items:center;gap:3px;
  border:1px solid var(--line);background:var(--bg);border-radius:8px;
  padding:4px 8px;font-size:12px;line-height:1;color:var(--sub);
  font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;
  touch-action:manipulation}

html.phone #tdBtn.on{display:inline-flex}

#tdBtn b{font-size:12px;font-weight:600}

#tdBtn.hot{color:#e03131;border-color:rgba(224,49,49,.42);background:rgba(224,49,49,.07)}

/* ---------- 点开的底部小面板 ---------- */
#tdSheet{
  position:fixed;left:0;right:0;bottom:0;z-index:9990;
  background:var(--panel);border-top:1px solid var(--line);
  box-shadow:0 -10px 26px rgba(0,0,0,.22);
  padding:8px 8px calc(10px + env(safe-area-inset-bottom));
  display:flex;flex-wrap:wrap;gap:8px}

#tdSheet .tdshd{
  width:100%;display:flex;justify-content:space-between;align-items:center;
  font-size:13px;color:var(--sub);padding:0 4px 2px}

#tdSheet .tdshd b{color:var(--tx);font-size:14px}
#tdSheet .tdsx{padding:4px 10px;font-size:16px;cursor:pointer}

#tdSheet button{
  flex:1;min-width:120px;border:1px solid var(--line);background:var(--bg);
  border-radius:12px;padding:14px 10px;font-size:15px;color:var(--tx);
  font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent}

#tdSheet button b{font-size:18px;font-weight:700}
#tdSheet button:active{filter:brightness(.96)}

#tdSheet button[data-td="rd"]{color:#c76f00;border-color:rgba(240,140,0,.42);background:rgba(240,140,0,.07)}
#tdSheet button[data-td="tk"]{color:#2f9e44;border-color:rgba(47,158,68,.42);background:rgba(47,158,68,.07)}