/* DOG_THEME_V1：日常主题「小狗警长」。只在 <html> 带 dog 类时生效（没有节日的日子） */
html.dog .hm-hero{position:relative}
html.dog .dg-hero{flex:none;align-self:flex-end;margin:-16px 4px -20px auto;line-height:0;pointer-events:auto}
html.dog .dg-hero canvas{height:128px;width:auto;display:block;cursor:grab;touch-action:pan-y}
html.dog .dg-hero + .hm-clock{margin-left:8px}
@media (max-width:860px){html.dog .dg-hero{margin:-16px 0 -20px auto}html.dog .dg-hero canvas{height:100px}html.dog .hm-hi{min-width:180px}}
@media (max-width:520px){html.dog .dg-hero{order:3;margin:-34px -6px -20px auto}html.dog .dg-hero canvas{height:92px}}

/* 今日一句 */
.dg-quote .dg-q{display:flex;align-items:center;gap:12px}
.dg-quote img{width:52px;height:52px;border-radius:50%;background:#fbefe2;box-shadow:0 0 0 2px #f3d9bd;flex:none;object-fit:cover}
.dg-quote p{margin:0;font-size:14px;line-height:1.65;color:var(--ink,#1f2329)}

/* 爪印 / 冒泡 */
.dg-paw{position:fixed;z-index:80;width:16px;height:16px;pointer-events:none;color:#c8874a;opacity:0;
  transform:translate(-50%,-50%) rotate(var(--r));animation:dgPaw 1.05s ease-out forwards}
.dg-paw.pink{color:#ff7fa3;width:20px;height:20px}
.dg-paw.top{z-index:96}
.dg-paw svg{width:100%;height:100%;display:block}
@keyframes dgPaw{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(var(--r))}20%{opacity:.95}
  100%{opacity:0;transform:translate(-50%,calc(-50% - 34px)) scale(1) rotate(var(--r))}}
.dg-bubble{position:fixed;z-index:80;pointer-events:none;font-weight:700;font-size:20px;color:#f0a020;text-shadow:0 1px 0 #fff,0 0 6px rgba(0,0,0,.25);
  transform:translate(-50%,-50%);animation:dgPop .95s ease-out forwards}
@keyframes dgPop{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}25%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-120%) scale(1)}}

/* 每日小卡 */
.dg-card-wrap{position:fixed;inset:0;z-index:95;display:grid;place-items:center;background:rgba(24,32,46,.32);backdrop-filter:blur(2px);animation:dgIn .3s ease-out;
  padding:16px}
.dg-card-wrap.out{animation:dgOut .4s ease-in forwards}
@keyframes dgIn{from{opacity:0}to{opacity:1}}
@keyframes dgOut{to{opacity:0}}
.dg-card{position:relative;width:min(340px,100%);background:linear-gradient(180deg,#fffdf9,#fdf1e4);border:2px solid #efcfa8;border-radius:22px;
  padding:14px 20px 16px;text-align:center;box-shadow:0 18px 48px rgba(40,30,20,.3);animation:dgCard .55s cubic-bezier(.2,1.4,.4,1)}
@keyframes dgCard{from{transform:scale(.7) translateY(24px);opacity:0}to{transform:none;opacity:1}}
.dg-card canvas{width:190px;max-width:100%;height:auto;display:block;margin:0 auto;cursor:grab}
.dg-card h3{margin:2px 0 0;font-size:21px;color:#8a4f1e}
.dg-date{display:block;font-size:12.5px;color:#a8835e;margin-top:2px}
.dg-line{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#fff;border:1px dashed #efcfa8;font-size:15px;line-height:1.7;color:#5d3d22}
.dg-hint{display:block;margin-top:10px;font-size:12px;color:#b09379}
.dg-x{position:absolute;top:8px;right:10px;border:0;background:transparent;font:inherit;font-size:22px;line-height:1;color:#b09379;cursor:pointer;padding:4px 6px;border-radius:8px}
.dg-x:focus-visible{outline:2px solid #c8874a}
@media (prefers-reduced-motion:reduce){.dg-card,.dg-card-wrap{animation:none!important}.dg-paw,.dg-bubble{display:none}}