/* Brave 主题增强样式 v2.0 */
/* 导航栏滚动效果 */
.navbar{transition:background-color .3s ease,box-shadow .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.navbar.scrolled{background-color:rgba(255,255,255,.95)!important;box-shadow:0 2px 20px rgba(0,0,0,.1)}
.navbar.scrolled .navbar-brand,.navbar.scrolled .navbar-text{color:#3a3a3a!important}
.navbar-toggler{border:none;padding:4px 8px}
.navbar-toggler:focus{outline:none;box-shadow:none}

/* 首页卡片 hover 增强 */
.indexPlate .card{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}
.indexPlate .card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff5162,#437DFF,#98B08D);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.indexPlate .card:hover{transform:translateY(-6px);box-shadow:0 8px 30px rgba(125,147,178,.35)}
.indexPlate .card:hover::before{transform:scaleX(1)}
.indexPlate .card:hover .h5{color:#ff5162}
.indexPlate .avatar{transition:all .3s cubic-bezier(.4,0,.2,1)}
.indexPlate .card:hover .avatar{transform:scale(1.1) rotate(5deg)}

/* 文章列表卡片 hover */
.post{transition:all .3s cubic-bezier(.4,0,.2,1)}
.post:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(125,147,178,.35)!important}
.post-title a{transition:color .3s ease}
.post-title a:hover{color:#ff5162!important}

/* 分页器美化 */
.page-navigator{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:30px 0}
.page-navigator li{margin:0}
.page-navigator a,.page-navigator span{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:8px;background:#fff;color:#3a3a3a;font-size:14px;text-decoration:none;border:1px solid rgba(208,206,206,.4);box-shadow:0 2px 8px rgba(125,147,178,.15);transition:all .3s ease}
.page-navigator a:hover{background:linear-gradient(135deg,#ff5162,#ff7a8a);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 20px rgba(255,81,98,.2)}
.page-navigator .current a,.page-navigator .current span{background:linear-gradient(135deg,#ff5162,#ff7a8a);color:#fff;border-color:transparent}

/* 评论 hover */
.commentlist .comment{transition:all .3s ease}
.commentlist .comment:hover{box-shadow:0 4px 20px rgba(254,220,194,.5);transform:translateX(4px)}

/* 按钮 hover */
.btn-outline-danger{transition:all .3s ease}
.btn-outline-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(251,134,43,.4)}

/* 头像 hover */
.avatar-img{transition:all .3s ease}
.avatar-img:hover{transform:scale(1.08);border-color:rgba(255,255,255,.8)}

/* 卡片通用 */
.card{transition:all .3s cubic-bezier(.4,0,.2,1)}
.card:hover{box-shadow:0 8px 30px rgba(125,147,178,.35)}

/* 底部文字 hover */
.p-5.text-center h6{transition:all .3s ease}
.p-5.text-center h6:hover{transform:scale(1.05)}

/* ====== 移动端增强 ====== */
@media(max-width:767px){
  /* 评论移动端 */
  .commentlist .comment{margin-left:0!important;padding:10px 12px 4px!important}
  .commentlist .comment .comment-avatar{position:relative!important;left:0!important;margin-bottom:8px}
  .commentlist .comment .comment-avatar .avatar{width:40px!important;height:40px!important}
  .commentframe{padding:15px 12px!important}
  /* 表单移动端 */
  .form-row{flex-direction:column}
  .form-row>.form-group{margin-bottom:10px}
  #qq.form-control,#url.form-control,textarea.form-control,#author.form-control,#mail.form-control{margin:8px auto!important;font-size:16px}
  /* 按钮移动端 */
  .btn-outline-danger{width:100%;padding:10px;font-size:16px}
  /* 侧边栏移动端 */
  .elevator_item{bottom:20px;right:10px}
  .elevator_item .feedback{width:38px;height:38px}
  .elevator_item .feedback svg{width:20px!important;height:20px!important}
  /* 首页卡片移动端 */
  .indexPlate .card{margin:0 0 12px!important}
  .indexPlate .card .card-body{padding:12px 15px}
  .indexPlate .avatar-md img,.indexPlate .avatar-md svg{width:48px!important;height:48px!important}
  .indexPlate .h5{font-size:16px}
  .indexPlate .small{font-size:12px}
  /* 底部移动端 */
  .p-5.text-center{padding:1.5rem 1rem!important}
  /* 情话框移动端 */
  .lovecontent{width:100%!important}
  /* 评论嵌套移动端 */
  .comment-child{margin-left:15px!important;padding-left:10px;border-left:2px solid #fedcc2}
  /* 分页器移动端 */
  .page-navigator a,.page-navigator span{min-width:34px;height:34px;font-size:13px;padding:0 8px}
  .page-navigator{gap:4px;margin:20px 0}
  /* 大数字移动端 */
  .bigfontNum{font-size:1.3rem}
  /* 文章标题移动端 */
  #article h1{font-size:22px!important}
  #article h2{font-size:20px!important}
  #article h3{font-size:18px!important}
  #article p{font-size:14px}
  #article blockquote{padding:10px 8px 1px 12px;margin:1rem auto .8rem!important}
  #article img{border-width:5px!important}
  #article table{font-size:12px}
  #article table td,#article table th{padding:4px 8px}
  /* Hero 移动端 */
  .lover-container{max-width:100%!important;width:100%!important}
  .avatar-img{height:64px;width:64px;border-width:2px}
  /* 容器移动端 */
  .list-content{width:92%!important;padding:0 10px}
}

/* 平板适配 */
@media(min-width:768px) and (max-width:991px){
  .indexPlate .col-md-4{flex:0 0 50%;max-width:50%}
}

/* 触摸设备去掉 hover 位移避免抖动 */
@media(hover:none){
  .indexPlate .card:hover{transform:none}
  .post:hover{transform:none}
  .commentlist .comment:hover{transform:none}
  .btn-outline-danger:hover{transform:none}
}

/* NProgress 渐变 */
#nprogress .bar{background:linear-gradient(90deg,#ff5162,#437DFF)!important;height:3px!important}

/* 文章图片圆角 */
#article img{border-radius:8px}

/* 滚动平滑 */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}

/* 容器宽度增强 */
.list-content.mx-auto{max-width:800px;padding:0 15px}
@media(min-width:992px){.indexPlate .row{max-width:1200px;margin:0 auto}}