/* 汉语典 P0 功能样式：收藏按钮 / 每日一学 / 智能直达 / Toast
 * 明暗自适应：优先使用站点既有 CSS 变量，dark 下仅补充必要覆盖 */

/* ---------- Toast ---------- */
#hyp0-toast{
  position:fixed;left:50%;bottom:64px;transform:translateX(-50%) translateY(12px);
  max-width:82vw;padding:8px 18px;border-radius:999px;
  background:rgba(24,24,24,.92);color:#fff;font-size:14px;line-height:1.6;
  opacity:0;pointer-events:none;z-index:9999;
  transition:opacity .25s ease,transform .25s ease;
  box-shadow:0 6px 24px rgba(0,0,0,.25);
}
#hyp0-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
html[data-theme="dark"] #hyp0-toast{background:rgba(240,240,240,.94);color:#161616;}

/* ---------- 收藏按钮 ---------- */
.hyfav-btn{
  display:inline-flex;align-items:center;gap:5px;vertical-align:middle;
  margin-left:12px;padding:4px 14px;border-radius:999px;
  font-size:13px;line-height:1.5;cursor:pointer;font-weight:400;
  color:#b8860b;background:rgba(240,173,0,.08);
  border:1px solid rgba(240,173,0,.4);
  transition:background .2s ease,color .2s ease,transform .12s ease;
}
.hyfav-btn:hover{background:rgba(240,173,0,.16);}
.hyfav-btn:active{transform:scale(.95);}
.hyfav-btn.active{color:#fff;background:#eaa600;border-color:#eaa600;}
.hyfav-btn svg{flex:none;}
html[data-theme="dark"] .hyfav-btn{color:#f0c75e;background:rgba(240,173,0,.12);border-color:rgba(240,173,0,.5);}
html[data-theme="dark"] .hyfav-btn.active{color:#1a1a1a;background:#f0c75e;border-color:#f0c75e;}

/* ---------- 每日一学 ---------- */
.hydaily{padding:12px 14px 14px;margin-bottom:16px;}
.hydaily-body{display:flex;gap:14px;align-items:flex-start;}
.hydaily-zi{
  flex:none;width:72px;height:72px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--border-color,rgba(0,0,0,.12));border-radius:10px;
  background:
    linear-gradient(to right,transparent calc(50% - .5px),rgba(220,53,69,.35) 50%,transparent calc(50% + .5px)),
    linear-gradient(to bottom,transparent calc(50% - .5px),rgba(220,53,69,.35) 50%,transparent calc(50% + .5px)),
    linear-gradient(to top right,transparent calc(50% - .5px),rgba(220,53,69,.18) 50%,transparent calc(50% + .5px)),
    linear-gradient(to bottom right,transparent calc(50% - .5px),rgba(220,53,69,.18) 50%,transparent calc(50% + .5px));
  text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;
}
.hydaily-zi:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12);}
.hydaily-char{font-size:44px;line-height:1;color:var(--body-color,#212529);font-family:"Kaiti SC","STKaiti","KaiTi",serif;}
.hydaily-info{min-width:0;flex:1;}
.hydaily-py{display:flex;align-items:center;gap:8px;font-size:17px;color:#d63384;font-weight:600;}
.hydaily-voice{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:50%;cursor:pointer;
  color:#fff;background:#0d6efd;border:none;padding:0;
  transition:background .2s ease,transform .12s ease;
}
.hydaily-voice:hover{background:#0b5ed7;}
.hydaily-voice:active{transform:scale(.92);}
.hydaily-meta{margin-top:2px;font-size:12px;color:var(--body-info-color,#888);}
.hydaily-def{
  margin-top:6px;font-size:13px;line-height:1.7;color:var(--body-secondary-color,#666);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.hydaily-cy{
  display:block;margin-top:12px;padding:10px 12px;border-radius:10px;
  border:1px dashed var(--border-color,rgba(0,0,0,.16));
  text-decoration:none;transition:background .18s ease,transform .18s ease;
}
.hydaily-cy:hover{background:rgba(13,110,253,.05);transform:translateY(-1px);}
.hydaily-cy-tag{
  display:inline-block;margin-right:8px;padding:1px 8px;border-radius:4px;
  font-size:11px;color:#fff;background:#d63384;vertical-align:2px;
}
.hydaily-cy-word{font-size:16px;font-weight:600;color:var(--body-color,#212529);letter-spacing:1px;}
.hydaily-cy-py{display:block;margin-top:3px;font-size:12px;color:#d63384;}
.hydaily-cy-def{
  display:block;margin-top:4px;font-size:12px;line-height:1.7;color:var(--body-secondary-color,#666);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
html[data-theme="dark"] .hydaily-zi{border-color:rgba(255,255,255,.18);}
html[data-theme="dark"] .hydaily-cy{border-color:rgba(255,255,255,.22);}
html[data-theme="dark"] .hydaily-cy:hover{background:rgba(255,255,255,.05);}

/* ---------- 智能直达 ---------- */
.hyask{margin:-6px 0 16px;}
.hyask-row{display:flex;gap:8px;}
.hyask-input{flex:1;min-width:0;font-size:14px;}
.hyask-go{flex:none;padding-left:18px;padding-right:18px;}
.hyask-samples{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.hyask-chip{
  padding:2px 12px;border-radius:999px;font-size:12px;line-height:1.8;cursor:pointer;
  color:var(--body-secondary-color,#666);
  background:transparent;border:1px solid var(--border-color,rgba(0,0,0,.14));
  transition:color .18s ease,border-color .18s ease,background .18s ease;
}
.hyask-chip:hover{color:#0d6efd;border-color:#0d6efd;background:rgba(13,110,253,.06);}
html[data-theme="dark"] .hyask-chip{color:#aaa;border-color:#3a3a3a;}
html[data-theme="dark"] .hyask-chip:hover{color:#6ea8fe;border-color:#6ea8fe;background:rgba(110,168,254,.08);}
@media (max-width:480px){
  .hyask-samples{gap:5px;}
  .hyask-chip{font-size:11px;padding:2px 10px;}
  .hydaily-zi{width:60px;height:60px;}
  .hydaily-char{font-size:36px;}
}

/* 学习工具入口 */
.hydaily-tools{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border-color,#e5e5e5);}
.hydaily-tools a{flex:1;text-align:center;font-size:12.5px;padding:5px 0;border-radius:6px;background:var(--body-bg-color,#f6f6f6);border:1px solid var(--border-color,#e5e5e5);color:var(--a-color,#007bff);text-decoration:none;transition:all .2s ease;}
.hydaily-tools a:hover{background:var(--a-color,#007bff);color:#fff;transform:translateY(-1px);}
html[data-theme="dark"] .hydaily-tools a{background:#161616;}