/*
 * 扩展样式 - 仅补充原 css.css 不包含的功能
 * 不覆盖任何原始样式
 */

/* ── 点赞按钮（爱心图标可点击） ── */
.lnks .hot{cursor:pointer;}
.lnks .hot.liked span{background-position:0 -236px;}
.like-anim{animation:likePop .3s ease;}
@keyframes likePop{
  0%{transform:scale(1);}
  50%{transform:scale(1.3);}
  100%{transform:scale(1);}
}

/* ── 评论区（与原站底色完全一致，无独立背景框） ── */
.m-cmthot{margin:0 0 50px;}
.comment-section{background:transparent;border:none;padding:20px 0;font-family:"\5FAE\8F6F\96C5\9ED1",Verdana;color:#434343;font-size:14px;line-height:24px;}
.comment-title{font-size:16px;color:#948C76;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #F1F0EE;}
.comment-count{font-size:12px;color:#999;font-weight:normal;}
.comment-item{padding:12px 0;border-top:1px solid #EBEBEB;}
.comment-item:first-child{border-top:none;}
.comment-meta{font-size:12px;color:#999;margin-bottom:6px;}
.comment-meta .author{color:#948C76;font-weight:bold;}
.comment-body{font-size:14px;line-height:24px;color:#434343;}
.comment-reply{margin-left:30px;padding-left:15px;border-left:1px solid #ccc;}
.comment-actions{margin-top:6px;}
.comment-actions a,.comment-actions button{font-size:12px;color:#999;background:none;border:none;cursor:pointer;margin-right:10px;text-decoration:none;}
.comment-actions a:hover,.comment-actions button:hover{color:#948C76;}

/* 评论表单 */
.comment-form{margin-top:20px;padding-top:15px;border-top:1px solid #F1F0EE;}
.comment-form input,.comment-form textarea{width:100%;padding:8px 12px;border:1px solid #E5E5E5;background:#fff;font-size:14px;font-family:inherit;color:#434343;margin-bottom:10px;box-sizing:border-box;}
.comment-form textarea{height:100px;resize:vertical;}
.comment-form input:focus,.comment-form textarea:focus{border-color:#948C76;outline:none;}
.comment-form button[type="submit"]{background:#F7F3EE;color:#948C76;border:1px solid #E5E5E5;padding:8px 24px;cursor:pointer;font-size:14px;transition:all .3s ease;}
.comment-form button[type="submit"]:hover{background:#e7d9ba;}
.comment-form .form-row{display:flex;gap:10px;}
.comment-form .form-row input{flex:1;}

/* ── 提示信息 ── */
.flash-msg{padding:10px 20px;margin:0 0 20px;font-size:14px;border:1px solid #E5E5E5;background:#F7F3EE;color:#948C76;}
.flash-msg.success{background:#f0fff4;border-color:#c6f6d5;color:#2f855a;}
.flash-msg.error{background:#fff5f5;border-color:#fed7d7;color:#c53030;}

/* ── 页脚 ── */
.g-ft{text-align:center;padding:10px 0 20px;clear:both;margin:0 auto;width:100%;}
.m-cprt{font-size:12px;color:#C0B9A8;margin:0;padding:0;}
.m-cprt a{color:#C0B9A8;text-decoration:none;transition:color .2s;}
.m-cprt a:hover{color:#948C76;}

/* ── 响应式 ── */
@media(max-width:960px){
  .g-doc{width:auto;padding:30px 15px;}
  .p-homepage .m-post .ct,.m-pager-idx .pagerc{margin-left:0;padding:20px 0 40px 0;border-left:none;}
  .more{position:relative;left:0;margin-bottom:10px;}
  .more .circle{display:none;}
  .more .date{position:relative;top:0;left:0;}
  .lnks{position:relative;left:0;top:0;margin:0;padding:5px 0;width:auto;text-align:left;}
  .lnks a{display:inline-block;margin:5px 15px 5px 0;}
  .m-pager a{padding:15px 10px;font-size:18px;}
}

@media(max-width:480px){
  .g-doc{padding:15px 10px;}
  .m-ttl{font-size:18px!important;line-height:1.4!important;}
  .txtcont{font-size:14px!important;line-height:1.8!important;word-break:break-word;}
  .txtcont img{max-width:100%!important;height:auto!important;}
  .info{font-size:12px;}
  .m-pager a{padding:10px 8px;font-size:14px;}
  .m-cmt textarea,.m-cmt input[type=text]{width:100%!important;box-sizing:border-box;}
  .m-hot .action{float:none;width:auto;}
}

/* ── 修复嵌套 .txtcont 导致的双线（抓取的内容自带 .txtcont 包装） ── */
.txtcont .txtcont{border:none!important;background:transparent!important;margin:0!important;padding:0!important;}

/* ── 日期悬停动画（丝滑无白线） ── */
.more .date{
  -webkit-transition:-webkit-transform .3s ease;
  transition:transform .3s ease;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.more .date:hover{
  margin-left:0;
  -webkit-transform:translateX(-10px);
  transform:translateX(-10px);
}
.more .date .arr,.more .date .txt{
  -webkit-transition:background .15s ease,border-color .15s ease;
  transition:background .15s ease,border-color .15s ease;
}

/* ── 分页居中（覆盖 original.css 的左偏移） ── */
.m-pager-idx .pagerc{margin-left:0;padding-left:0;padding-bottom:30px;}

/* ── 博客分页增强 ── */
.pg-bar{display:inline-flex;align-items:baseline;gap:6px;margin-top:8px;clear:both;font-size:14px;line-height:56px;}
.pg-bar a{color:#C0B9A8;text-decoration:none;transition:color .25s;font-size:14px;padding:0;border:none;opacity:1;line-height:1;float:none;}
.pg-bar a:hover{color:#6B6552;opacity:1;}
.pg-bar .pg-slash{color:#D0CABC;font-size:13px;}
.pg-bar .pg-total{color:#948C76;font-size:14px;}
.pg-bar input[type=number]{width:24px;padding:0;border:none;background:transparent;color:#948C76;font-size:14px;text-align:center;outline:none;-moz-appearance:textfield;}
.pg-bar input[type=number]::-webkit-outer-spin-button,.pg-bar input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.pg-bar .pg-arrow{font-size:13px;margin-left:2px;}

@media(max-width:480px){
  .pg-bar{gap:4px;font-size:12px;line-height:40px;}
  .pg-bar input[type=number]{width:20px;font-size:12px;}
  .pg-bar a{font-size:12px;}
}

/* ── HTMX 加载指示器 ── */
.htmx-indicator{display:none;}
.htmx-request .htmx-indicator{display:inline-block;}