/* blog.css —— 日志页增强：可展开条目 */
.entry{
  transition:background .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);
  border-radius:16px;
}
.entry:hover{background:rgba(255,255,255,.55)}
.entry.open{background:rgba(255,255,255,.72);box-shadow:0 4px 18px -10px rgba(139,92,246,.3)}
.e-title{
  cursor:pointer;position:relative;padding-right:26px;
  transition:color .22s ease;
  -webkit-tap-highlight-color:transparent;
}
.e-title::after{
  content:'';
  position:absolute;right:4px;top:50%;
  width:8px;height:8px;
  border-right:2px solid #A99CAE;
  border-bottom:2px solid #A99CAE;
  transform:translateY(-70%) rotate(45deg);
  transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .22s;
}
.entry.open .e-title::after{transform:translateY(-30%) rotate(-135deg);border-color:#8B5CF6}
.e-title:hover{color:#8B5CF6}
.e-title:focus-visible{outline:3px solid rgba(139,92,246,.35);outline-offset:4px;border-radius:4px}

.e-body{
  max-height:0;overflow:hidden;
  opacity:0;
  transition:max-height .5s cubic-bezier(.22,1,.36,1),opacity .35s ease,margin .4s ease;
  margin-top:0;
}
.entry.open .e-body{max-height:900px;opacity:1;margin-top:14px}
.e-body p{margin:0 0 1.05em;color:#6E5F77;font-size:14.5px;line-height:1.9}
.e-body p:last-child{margin-bottom:0}
.e-body code{
  font-family:ui-monospace,Consolas,monospace;font-size:.88em;
  background:rgba(139,92,246,.09);padding:2px 6px;border-radius:5px;color:#7C3AED;
}
.e-body .quote{
  border-left:3px solid rgba(236,72,153,.4);padding:10px 0 10px 16px;
  color:#8A7B92;font-size:14px;margin:14px 0;
}
.e-date{
  font-size:11.5px;color:#A99CAE;font-weight:700;letter-spacing:.04em;
  margin-bottom:6px;display:block;
}
.blog-tools{
  display:flex;gap:10px;align-items:center;margin:0 0 18px;
  flex-wrap:wrap;
}
.blog-tools button{
  font:inherit;font-size:12.5px;font-weight:700;color:#8A7B92;
  background:rgba(255,255,255,.7);border:1px solid rgba(61,48,64,.09);
  border-radius:999px;padding:8px 16px;cursor:pointer;min-height:38px;
  transition:.24s cubic-bezier(.22,1,.36,1);
}
.blog-tools button:hover{background:#fff;color:#8B5CF6;border-color:rgba(139,92,246,.3)}
.blog-hint{font-size:12px;color:#A99CAE}
@media (prefers-reduced-motion:reduce){
  .e-body,.entry,.e-title::after{transition:none}
}