/* ============================================================
   premium.css v2 — 内容区整体重设计（对标官网的现代 SaaS 风格）
   设计系统：
   主色 #1968fc / 渐变 #2e90fa→#1968fc / 墨蓝标题 #091d43
   正文 #445060 / 次要 #677294 / 弱化 #93a0b5 / 分隔线 #e8eef8
   背景 #f3f6fc / 卡片纯白 16px 圆角 / 双层柔和阴影
   ============================================================ */

:root {
  --tq-blue: #1968fc;
  --tq-blue-2: #2e90fa;
  --tq-ink: #091d43;
  --tq-text: #445060;
  --tq-muted: #677294;
  --tq-faint: #93a0b5;
  --tq-line: #e8eef8;
  --tq-bg: #f3f6fc;
  --tq-orange: #fc7019;
  --tq-radius: 16px;
  --tq-shadow: 0 1px 2px rgba(9, 29, 67, .04), 0 10px 30px -14px rgba(9, 29, 67, .12);
  --tq-shadow-hover: 0 4px 10px rgba(9, 29, 67, .06), 0 24px 48px -20px rgba(25, 104, 252, .28);
  --tq-ease: cubic-bezier(.22, .61, .36, 1);
}

/* ============ 全局基调 ============ */
/* 内容主体加宽：1170 → 1500（官网头部/底部不使用 .container，不受影响） */
body .container { max-width: 1500px; }
body .main { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; }
body article.post-list { background: transparent !important; }
body .widget { background: transparent !important; }

body:not(.skinbg) {
  background: linear-gradient(180deg, #edf2fd 0%, var(--tq-bg) 320px) fixed, var(--tq-bg);
  background-attachment: fixed;
  color: var(--tq-text);
  font-family: "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei", "Segoe UI", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.skinbg {
  color: var(--tq-text);
  font-family: "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei", "Segoe UI", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
::selection { background: rgba(25, 104, 252, .16); color: var(--tq-ink); }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-thumb { border-radius: 9px; background: rgba(25, 104, 252, .25); border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(25, 104, 252, .45); }
::-webkit-scrollbar-track { background: transparent; }

.content-wrap a { transition: color .25s var(--tq-ease); }
.content-wrap a:hover { color: var(--tq-blue); }

/* 呼吸感：内容区上下留白 */
.site-main { margin-top: 28px !important; }

/* ============ 卡片基座 ============ */
body .widget,
body .list-item,
body .single-post,
body .contpost,
body .special-item,
body #comments,
body .commentlist,
body #comt-respond,
body .homedia {
  /* background: #fff; */
  border: 1px solid rgba(9, 29, 67, .055);
  border-radius: var(--tq-radius);
  box-shadow: var(--tq-shadow);
  transition: box-shadow .3s var(--tq-ease), transform .3s var(--tq-ease), border-color .3s var(--tq-ease);
}

/* 列表卡片：悬停只加深阴影与描边，不位移（.list-item 仅出现在侧栏等场景） */
body .list-item { padding: 14px; }
body .list-item:hover {
  border-color: rgba(25, 104, 252, .16);
  box-shadow: var(--tq-shadow-hover);
}
body .media { border-radius: 12px; overflow: hidden; background: #eef2f9; }
body .media img { transition: transform .5s var(--tq-ease); }
body .list-item:hover .media img { transform: scale(1.045); }

/* ============ 文章列表条目 ============ */
/* 卡片纵向呼吸间距 */
body .post-list .list-item { margin-bottom: 22px; }
body .post-list { margin-bottom: 0 !important; }
body .list-title {
  color: var(--tq-ink) !important;
  font-weight: 600;
  line-height: 1.5;
}
body .list-title:hover { color: var(--tq-blue) !important; }
body .list-item .list-content { padding: 16px 8px 8px 22px; }
body .list-footer { color: var(--tq-faint); font-size: 12px; }
body .list-footer time, body .list-footer .text-muted { color: var(--tq-faint) !important; }
/* 列表摘要弱化 */
body .list-item .list-description, body .list-item .list-body p {
  color: var(--tq-muted);
  font-size: 13px;
  line-height: 1.8;
}

/* "最新/热文/推荐"类徽章 → 蓝系 pill */
body .arc_v1, body .arc_v2, body .arc_v3, body .arc_v4,
body .arc_v5, body .arc_v6, body .arc_v7 {
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 2px 10px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--tq-blue-2), var(--tq-blue)) !important;
  box-shadow: 0 4px 12px -4px rgba(25, 104, 252, .55) !important;
  letter-spacing: .5px;
}

/* ============ 侧栏 ============ */
body .widget { padding: 20px 20px 18px; margin-bottom: 24px; overflow: hidden; }
body .widget-title {
  position: relative;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--tq-ink) !important;
  letter-spacing: .3px;
  margin-bottom: 16px !important;
  line-height: 1.4;
}
body .widget-title span { background: transparent !important; }
/* 标题不使用任何竖杆装饰 */
body .widget-title::before {
  content: none !important;
  display: none !important;
}

/* ---------- 侧栏（重设计）----------
   原则：悬停零布局位移——只允许变色/背景/阴影（transform/颜色），
   严禁 padding/margin/尺寸变化，杜绝"悬停导致其他内容移动" */

/* 行式列表（最新留言/排行等）：无虚线分隔，行内边距固定，悬停只变背景色 */
body .widget ul li { border-bottom: none !important; }
body .widget ul.widget-box li {
  padding: 9px 12px !important;
  border-radius: 10px;
  transition: background .25s var(--tq-ease);
}
body .widget ul.widget-box li:hover {
  background: #f0f5fe !important;
  padding-left: 12px !important; /* 与常态完全一致：零位移 */
}
body .widget ul li a { color: var(--tq-text); transition: color .2s var(--tq-ease); }
body .widget ul li a:hover { color: var(--tq-blue) !important; }
body .widget ul li .coll-title { font-size: 13.5px; font-weight: 600; color: var(--tq-ink); line-height: 1.6; }
body .widget ul li .coll-commnums {
  color: var(--tq-blue) !important;
  background: rgba(25, 104, 252, .08);
  border-radius: 999px;
  padding: 1px 8px;
  font-size: 11px !important;
}
body .widget ul li p { color: var(--tq-faint) !important; font-size: 12px !important; line-height: 1.7 !important; margin-top: 4px; }

/* 随机看看（r-item 图文卡）：悬停只加深底色，图片在圆角裁切内轻微放大 */
body .widget .r-item {
  border: none !important;
  padding: 8px 10px !important;
  border-radius: 12px;
  transition: background .25s var(--tq-ease);
}
body .widget .r-item:hover { background: #f0f5fe; }
body .widget .r-item .r-thumb { border-radius: 10px; overflow: hidden; display: block; }
body .widget .r-item .r-thumb img { transition: transform .45s var(--tq-ease); }
body .widget .r-item:hover .r-thumb img { transform: scale(1.04); }
body .widget .r-item .r-title a {
  font-size: 13.5px; font-weight: 600; color: var(--tq-ink);
  line-height: 1.5 !important;
  height: auto !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body .widget .r-item .r-title a:hover { color: var(--tq-blue); }

/* 热门文章 hotimg 大图卡：悬停只加深阴影，不位移 */
body .hotimg .list-item { padding: 0; }
body .hotimg .list-item .list-content { padding: 12px 14px 14px; }
body .hotimg .list-item:hover { transform: none; box-shadow: var(--tq-shadow); }
body .hotimg .list-item .list-title { font-size: 14.5px; }

/* 标签列表（常见问题等）：中性灰蓝底色块，统一尺寸，悬停变主蓝 */
body .widget .divTags a, body .widget a.tag-link {
  background: #f3f6fc !important;
  color: var(--tq-text) !important;
  border: 1px solid #e6ecf7 !important;
  border-radius: 10px !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  transition: background .2s var(--tq-ease), color .2s var(--tq-ease), border-color .2s var(--tq-ease);
}
body .widget .divTags a:hover, body .widget a.tag-link:hover {
  background: linear-gradient(135deg, var(--tq-blue-2), var(--tq-blue)) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* 时间进度条（今日已过/本周已过…）：细圆角渐变 */
body .widget .item .title { font-size: 12.5px; color: var(--tq-muted); }
body .widget .progress {
  height: 6px !important;
  background: #e9effa !important;
  border-radius: 999px !important;
  overflow: hidden;
}
body .widget .progress-bar { border-radius: 999px !important; }
body .widget .progress-inner {
  background: linear-gradient(90deg, var(--tq-blue-2), var(--tq-blue)) !important;
  border-radius: 999px !important;
}
body .widget .progress-percentage { font-size: 11px; color: var(--tq-faint); }

/* ---------- pic-thumb 缩略图（相关阅读/首页榜单等）：按原图比例完整显示 ---------- */
body i.pic-thumb, body span.pic-thumb, body div.pic-thumb {
  height: auto !important;
  display: block !important;
}
body .pic-thumb img {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  object-fit: unset !important;
  align-self: auto !important;
  display: block !important;
}
/* 相关阅读图片：圆角 + 底色，悬停不旋转不夸张放大 */
body .part-mor .pic-thumb { border-radius: 10px; overflow: hidden; background: #eef2f9; }
body .pic-box-list li a:hover .pic-thumb img,
body .rowimg .feaimg:hover a.feaimg-content { transform: none !important; }
body .part-mor .pic-thumb img { transition: transform .4s var(--tq-ease); }
body .part-mor li a:hover .pic-thumb img { transform: scale(1.03); }

/* ---------- 悬停零位移中和层（quietlee 自带的 margin/padding 悬停位移全部禁用） ---------- */
/* quietlee 列表悬停时左侧冒出的蓝色竖条也一并去除 */
body .entry-container:before { content: none !important; }
body .entry-container:hover:before { content: none !important; }
body #divPrevious ul li a:hover,
body ul.two-box-list li a:hover,
body a.widget-posts-title:hover {
  margin-left: 0 !important;
  transition: color .2s var(--tq-ease);
}
body .toptext ul li {
  padding-left: 12px !important;
  border-radius: 10px;
  transition: background .25s var(--tq-ease);
}
body .toptext ul li:hover {
  padding-left: 12px !important; /* 与常态完全一致：零位移，只变背景色 */
  background: #f0f5fe !important;
}

/* ---------- 首页侧栏"常见问题"（divTags 标签列表）：统一尺寸的胶囊标签 ---------- */
body .widget ul li[class*="divTags"] {
  display: inline-block !important;
  padding: 0 !important;
  margin: 0 8px 10px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body .widget ul li[class*="divTags"]:hover { background: transparent !important; padding: 0 !important; }
body .widget ul li[class*="divTags"] a {
  display: inline-block !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  padding: 8px 16px !important;
  white-space: nowrap;
}

/* ---------- 3D 标签云（热门标签） ---------- */
body ul.widget-box.tq-tag3d {
  position: relative;
  height: 310px;
  margin: 6px auto 0;
  padding: 0 !important;
  list-style: none;
  overflow: visible;
  border-radius: 12px;
  background: radial-gradient(ellipse at 50% 45%, rgba(25, 104, 252, .08), rgba(124, 92, 252, .04) 45%, transparent 70%);
}
body ul.widget-box.tq-tag3d::before {
  content: ""; position: absolute; top: 50%; left: 50%;
  width: 180px; height: 180px; border-radius: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(25, 104, 252, .06);
  pointer-events: none;
}
body ul.widget-box.tq-tag3d li.tq3d-item {
  position: absolute;
  left: 0; top: 0;
  padding: 0 !important;
  margin: 0 !important;
  white-space: nowrap;
  will-change: transform, opacity;
}
body ul#divTags.tq-tag3d li.tq3d-item a,
body ul.widget-box.tq-tag3d li.tq3d-item a {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  line-height: 1 !important;
  padding: 8px 14px !important;
  /* background: rgba(255, 255, 255, .92) !important; */
  color: var(--tq-ink) !important;
  border: 1px solid rgba(9, 29, 67, .1) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px -8px rgba(9, 29, 67, .28) !important;
  text-decoration: none;
  transition: color .2s var(--tq-ease), border-color .2s var(--tq-ease), background .2s var(--tq-ease);
}
body ul.widget-box.tq-tag3d li.tq3d-item a:hover {
  background: linear-gradient(135deg, var(--tq-blue-2), var(--tq-blue)) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* ---------- 随便看看标题不加粗 ---------- */
body .widget .r-item .r-title a { font-weight: 400 !important; }

/* ---------- 文章图片：独占段落的图片水平居中 ---------- */
body .entry-content p img:only-child,
body .entry-content p[style*="center"] img,
body .entry-content div[style*="center"] img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ---------- 上下篇悬浮大箭头：恢复 quietlee 原始样式（120px 灰色大箭头） ----------
   定位改为相对内容宽度：宽屏时落在内容两侧空白区，窄屏时贴屏幕边缘 */
body a.prev-article,
body a.next-article {
  display: block !important;
  top: 40% !important;
  font-size: 120px !important;
  color: #ddd !important;
  z-index: 60;
}
body a.prev-article i.fa,
body a.next-article i.fa { font-size: 120px !important; }
/* 悬停变色（与原主题一致：变深灰） */
body a.prev-article:hover,
body a.next-article:hover { color: #333 !important; }
body a.prev-article {
  left: max(8px, calc(50% - 810px)) !important;
  right: auto !important;
  margin: 0 !important;
}
body a.next-article {
  right: max(8px, calc(50% - 810px)) !important;
  left: auto !important;
  margin: 0 !important;
}
@media screen and (max-width: 900px) {
  body a.prev-article, body a.next-article { display: none !important; }
}
/* 底部上下篇卡片轻微精修 */
body .entry-page-prev, body .entry-page-next {
  border-radius: 12px;
  overflow: hidden;
}

/* ---------- 上下篇底部卡片轻微精修 ---------- */
body .entry-page-prev, body .entry-page-next {
  border-radius: 12px;
  overflow: hidden;
}

/* ============ 文章单页 ============ */
body .single-post { padding: 30px 34px 28px; }
/* 文章单页大标题 */
body .single-post .entry-title,
body .contpost .entry-title {
  color: var(--tq-ink) !important;
  font-weight: 700 !important;
  font-size: 26px !important;
  line-height: 1.4 !important;
  letter-spacing: .3px;
  margin-bottom: 14px;
}
/* 列表卡片标题：还原 quietlee 原始字号（18px/26px/500），并完整显示不截断 */
body .post-list .entry-title,
body .post-list .entry-title a {
  font-size: 18px !important;
  line-height: 26px !important;
  font-weight: 500 !important;
  white-space: normal !important;
  text-overflow: unset !important;
  overflow: visible !important;
  max-height: none !important;
  -webkit-line-clamp: unset !important;
  display: inline-block;
  word-break: break-word;
}
/* 文章单页大标题同样完整显示 */
body .single-post .entry-title,
body .contpost .entry-title {
  white-space: normal !important;
  text-overflow: unset !important;
  overflow: visible !important;
  max-height: none !important;
  -webkit-line-clamp: unset !important;
}
/* 面包屑：扁平自然风（去掉胶囊卡片），图标与分隔箭头清晰可见 */
body nav.navcates.place {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 4px !important;
  margin-bottom: 14px !important;
  font-size: 13px;
  color: var(--tq-faint) !important;
}
body nav.navcates.place a { color: var(--tq-muted) !important; }
body nav.navcates.place a:hover { color: var(--tq-blue) !important; }
body nav.navcates.place a[rel="bookmark"] { color: var(--tq-ink) !important; font-weight: 400; }
/* 分隔箭头与首页小图标：改为主蓝色，白底上清晰可见 */
body nav.navcates.place i.fa {
  color: var(--tq-blue) !important;
  font-size: 14px !important;
}

/* 作者信息行精致化 */
body .contpost-meta, body .entry-header .meta,
body .single-post .meta, body .post-author-row {
  color: var(--tq-faint) !important;
  font-size: 13px;
}
body .contpost-meta img, body .entry-header .avatar,
body .meta img { border-radius: 50%; }

/* 正文排版：更大字号、更松行距 */
body .entry-content {
  color: var(--tq-text) !important;
  font-size: 15.5px !important;
  line-height: 2 !important;
  letter-spacing: .2px;
}
body .entry-content p { margin: 1em 0; }
body .entry-content h1, body .entry-content h2,
body .entry-content h3, body .entry-content h4 {
  color: var(--tq-ink) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  margin: 1.5em 0 .8em;
}
body .entry-content h2 { font-size: 18px; }
body .entry-content h1, body .entry-content h2 { background: #1968fc2b; }
body .entry-content h3 { font-size: 18px; }
body .entry-content a { color: var(--tq-blue); }
body .entry-content a:hover { text-decoration: underline; text-underline-offset: 4px; }
body .entry-content img { border-radius: 12px; box-shadow: 0 6px 24px -12px rgba(9, 29, 67, .25); }
body .entry-content blockquote {
  margin: 1.3em 0;
  padding: 16px 20px;
  background: linear-gradient(90deg, rgba(25, 104, 252, .07), rgba(25, 104, 252, .02));
  border-left: 4px solid var(--tq-blue);
  border-radius: 0 12px 12px 0;
  color: var(--tq-muted) !important;
}
body .entry-content blockquote p { margin: 0; }
body .entry-content code {
  background: rgba(25, 104, 252, .08);
  color: var(--tq-blue);
  border-radius: 6px;
  padding: 2px 7px;
  font-size: 13px;
}
body .entry-content pre {
  background: #0d1b33;
  color: #d7e4ff;
  border-radius: 14px;
  padding: 18px 20px;
  overflow: auto;
  box-shadow: 0 14px 30px -18px rgba(9, 29, 67, .5);
}
body .entry-content pre code { background: transparent; color: inherit; padding: 0; }
body .entry-content table { border-collapse: collapse; width: 100%; border-radius: 10px; overflow: hidden; }
body .entry-content table th { background: rgba(25, 104, 252, .08); color: var(--tq-ink); font-weight: 700; }
body .entry-content table th, body .entry-content table td { border: 1px solid var(--tq-line); padding: 10px 14px; }
body .entry-content ul, body .entry-content ol { padding-left: 1.6em; }
body .entry-content ul li::marker { color: var(--tq-blue); }

/* 文章内广告图：统一卡片化，弱化违和 */
body .entry-content img[src*="syimg"], body .homedia img,
body .single-post .homedia {
  border-radius: 12px;
}

/* ============ 分类/标签页横幅 ============ */
body .catatop-bg {
  border-radius: 0 0 20px 20px;
  overflow: hidden;
  box-shadow: inset 0 -180px 140px -90px rgba(9, 29, 67, .62), 0 20px 44px -26px rgba(9, 29, 67, .4);
}
body .catatop-bg .cat-title, body .catatop-bg h1 {
  color: #fff !important;
  text-shadow: 0 2px 14px rgba(9, 29, 67, .5);
}

/* ============ 按钮 / 表单 ============ */
/* 注意：只处理评论表单和原生 submit，不要用 .button 全局命中（会覆盖官网头部登录/注册按钮配色） */
body #frmSumbit .button,
body input[type="submit"] {
  background: linear-gradient(135deg, var(--tq-blue-2), var(--tq-blue)) !important;
  border: none !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-weight: 600;
  letter-spacing: 1px;
  box-shadow: 0 10px 22px -10px rgba(25, 104, 252, .65);
  transition: transform .25s var(--tq-ease), box-shadow .25s var(--tq-ease), filter .25s var(--tq-ease);
}
body #frmSumbit .button:hover,
body input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 28px -12px rgba(25, 104, 252, .7);
  filter: brightness(1.06);
  color: #fff !important;
}
body input[type="text"], body input[type="email"], body input[type="url"],
body textarea, body .searchInput {
  border: 1px solid var(--tq-line) !important;
  border-radius: 10px !important;
  background: #f8fafd;
  transition: border-color .25s var(--tq-ease), box-shadow .25s var(--tq-ease), background .25s var(--tq-ease);
}
body input[type="text"]:focus, body input[type="email"]:focus,
body input[type="url"]:focus, body textarea:focus {
  border-color: var(--tq-blue) !important;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(25, 104, 252, .12) !important;
  outline: none;
}

/* ============ 分页 ============ */
body .pagination li a,
body .pagination li span {
  border-radius: 10px !important;
  border: 1px solid var(--tq-line) !important;
  background: transparent !important;
  color: var(--tq-text) !important;
  font-weight: 400;
  transition: color .25s var(--tq-ease), border-color .25s var(--tq-ease), box-shadow .25s var(--tq-ease);
}
body a#post_over { background: transparent !important; }
body .pagination li a:hover {
  color: var(--tq-blue) !important;
  border-color: var(--tq-blue) !important;
  box-shadow: 0 8px 18px -8px rgba(25, 104, 252, .5);
}
body .pagination li.active a,
body .pagination li.active span,
body .pagination li span.current {
  background: linear-gradient(135deg, var(--tq-blue-2), var(--tq-blue)) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 10px 20px -10px rgba(25, 104, 252, .65);
}
body #loadmore {
  border-radius: 12px !important;
  background: transparent !important;
  border: 1px solid rgba(25, 104, 252, .3) !important;
  color: var(--tq-blue) !important;
  font-weight: 400;
}
body #loadmore:hover {
  background: linear-gradient(135deg, var(--tq-blue-2), var(--tq-blue)) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* ============ 评论 ============ */
body .commentlist li { border-bottom: 1px dashed var(--tq-line) !important; padding: 14px 0; }
body .msgimg img { border-radius: 50%; border: 2px solid #eaf1ff; }
body .msg .msgtxt { font-size: 14px; }
body .diggit, body .copy-button { border-radius: 8px; }

/* ============ 悬浮工具条（回到顶部/划到底部）============ */
body .backtop .bt-box {
  background: linear-gradient(135deg, #2e90fa, #1968fc) !important;
  border: none !important;
  box-shadow: 0 8px 20px -8px rgba(25, 104, 252, .6) !important;
  border-radius: 10px !important;
  color: #fff !important;
  transition: transform .25s var(--tq-ease), box-shadow .25s var(--tq-ease), filter .25s var(--tq-ease);
}
body .backtop .bt-box:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #1968fc, #0d5cdb) !important;
  transform: translateY(-3px);
  box-shadow: 0 14px 28px -10px rgba(25, 104, 252, .7) !important;
}
body .backtop .bt-box.bottom,
body .backtop .bt-box.qq {
  transform: none;
}
body .backtop .bt-box.bottom:hover,
body .backtop .bt-box.qq:hover {
  transform: translateY(-3px);
}

/* ============ 首页轮播 ============ */
body .slideshow-container {
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 18px 44px -22px rgba(9, 29, 67, .35) !important;
}
body .slideshow-container .mySlides img { display: block; }
body .dot-container {
  background: linear-gradient(180deg, transparent, rgba(9, 29, 67, .55)) !important;
  border-radius: 0 0 18px 18px;
  padding: 14px 0 10px !important;
}
body .dot { width: 8px; height: 8px; }
body .dot.active, body .dot:hover { background-color: #fff !important; transform: scale(1.2); }

/* ============ 资源下载块 ============ */
body .download-down, body .download-info { border-radius: 14px !important; }

/* ============ 杂项统一 ============ */
body .widget-title, body .list-title, body .entry-title { text-rendering: optimizeLegibility; }
body img { max-width: 100%; }

/* 移动端适配收紧 */
@media screen and (max-width: 768px) {
  body .single-post { padding: 20px 16px; }
  body .widget { padding: 16px 16px 14px; }
  body .single-post .entry-title, body .contpost .entry-title { font-size: 21px !important; }
  body .list-item { padding: 10px; }
  body .list-item .list-content { padding: 10px 4px 4px 12px; }
}

/* ============================================================
   缩略图按原图比例完整显示（不做任何裁切）
   原理：去掉 .feaimg 的 3:2 / 21:9 固定占位盒与 210x158 绝对定位盒，
   让 <img> 以 width:100% / height:auto 按原图比例撑开
   ============================================================ */

/* ① 去掉固定比例占位伪元素 */
body .feaimg::after { content: none !important; }

/* ② 链接容器静态化，随图片高度自适应 */
body .feaimg a.feaimg-content,
body .feaimg a.block-fea {
  position: static !important;
  display: block;
  height: auto !important;
  transform: none !important;
}

/* ③ 图片完整按原图比例显示（关键：图片必须回到文档流） */
body .feaimg img {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: unset !important;
  display: block !important;
  transition: transform .45s var(--tq-ease);
}
body .feaimg:hover img { transform: scale(1.03) !important; }
body .feaimg { border-radius: 12px !important; }

/* ④ blockimg 列表：左侧缩略图由绝对定位改为浮动，宽度固定、高度随原图 */
body .block-image.feaimg {
  position: static !important;
  float: left !important;
  width: 250px !important;
  height: auto !important;
  margin: 0 24px 8px 0 !important;
  overflow: hidden;
}
body .entry-container {
  padding: 20px 24px 20px 24px !important;
  min-height: 128px !important;
}
body .entry-container::after { content: ""; display: block; clear: both; }

/* ⑤ 悬停不再旋转整个链接块（quietlee 原效果太夸张） */
body .feaimg:hover a.feaimg-content,
body .entry-container:hover a.block-fea { transform: none !important; }

/* ⑥ 首页/分类列表升级为真正的卡片 */
body article.post-list {
  background: #fff;
  border: 1px solid rgba(9, 29, 67, .055);
  border-radius: var(--tq-radius);
  box-shadow: var(--tq-shadow);
  margin-bottom: 22px !important;
  padding: 6px 0;
  border-bottom: 1px solid rgba(9, 29, 67, .055) !important;
  transition: box-shadow .3s var(--tq-ease), transform .3s var(--tq-ease), border-color .3s var(--tq-ease);
}
body article.post-list:hover {
  transform: translateY(-3px);
  border-color: rgba(25, 104, 252, .16) !important;
  box-shadow: var(--tq-shadow-hover);
}
body .post-list:first-child { margin-top: 0 !important; }

/* ⑦ 热门文章侧栏卡：图片 cover 裁切填满 2:1 卡头（不再留白），底部渐隐压字 */
body .hotimg .media.media-2x1 { border-radius: 0 !important; background-color: #e8eef8; }
body .hotimg .media .media-content {
  background-size: cover !important;
  background-position: center !important;
}
body .hotimg .media .media-content .overlay {
  background: linear-gradient(180deg, rgba(9, 29, 67, 0) 55%, rgba(9, 29, 67, .38)) !important;
}

/* ⑨ 侧栏"随机看看"缩略图：去掉固定 3:2/16:10 占位盒，按原图比例完整显示 */
body .side_random li .r-thumb { height: auto !important; padding-top: 0 !important; }
body .side_random li .r-thumb img {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  object-fit: unset !important;
  display: block !important;
}

/* ⑧ 移动端：缩略图窄一些，避免占满屏 */
@media screen and (max-width: 768px) {
  body .block-image.feaimg { width: 128px !important; margin: 0 14px 6px 0 !important; }
  body .entry-container { padding: 14px 16px 14px 16px !important; }
}

/* ============================================================
   移动端文章列表：精确复刻线上原版布局
   缩略图 absolute 定位在容器左缘（padding-left 外），标题右侧完整展示
   ============================================================ */
@media screen and (max-width: 768px) {
  body article.post-list, body .post-list {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, .05) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    transform: none !important;
  }
  body .list-title { font-weight: 400 !important; }
  body .feaimg { position: relative !important; overflow: hidden !important; }
  body .feaimg img {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  body .feaimg:hover img { transform: none !important; }
}

/* ≤600px */
@media screen and (max-width: 600px) {
  body .entry-summary, body .primary-menu { display: none !important; }
  body .entry-container {
    min-height: 112px !important;
    padding: 12px 15px 12px 120px !important;
    display: block !important;
    position: relative !important;
  }
  body .block-image.feaimg {
    position: absolute !important;
    left: 0 !important; top: 12px !important;
    float: none !important;
    width: 106px !important; height: 80px !important;
    margin: 0 !important;
    border-radius: 5px !important;
  }
  body .block-image.feaimg img {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
  }
  body .feaimg::after { content: none !important; }
  body .entry-container .entry-meta {
    bottom: 8px !important; position: absolute !important;
    height: 22px !important; overflow: hidden !important; margin-bottom: 0 !important;
  }
  body .blockimg a.meta-cate, body .blockimg a.meta-viewnums { display: none !important; }
  body header.entry-header, body span.entry-title, body .entry-title, body .entry-title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    white-space: normal !important;
    max-height: none !important;
  }
  body .post-list .entry-title, body .post-list .entry-title a {
    font-size: 15px !important;
    line-height: 24.5px !important;
    max-height: 49px !important;
    font-weight: 400 !important;
  }
  body .contpost-meta { height: 25px !important; line-height: 25px !important; padding-bottom: 0; margin-bottom: 10px; }
}

/* ============================================================
   移动端文章详情页：还原原主题无阴影无边框的扁平原生样式
   ============================================================ */
@media screen and (max-width: 768px) {
  body .single-post {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 12px 0 !important;
  }
  body .contpost {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  body .homedia { border-radius: 0 !important; box-shadow: none !important; }
}

/* 移动端列表/内容与屏幕边缘保留 15px 间距
   （原主题 .main 自带 15px 补白，桌面端重设计时被清零，
     这里只在 ≤768px 恢复，抵消 .row 的 -15px 负边距） */
@media screen and (max-width: 768px) {
  body .main { padding-left: 15px !important; padding-right: 15px !important; }
}

/* 601~768px */
@media screen and (min-width: 601px) and (max-width: 768px) {
  body article.post-list, body .post-list {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, .05) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    transform: none !important;
  }
  body .entry-container {
    min-height: 128px !important;
    padding: 15px 15px 15px 175px !important;
    display: block !important;
    position: relative !important;
  }
  body .block-image.feaimg {
    position: absolute !important;
    left: 15px !important; top: 15px !important;
    float: none !important;
    width: 160px !important; height: 120px !important;
    margin: 0 !important;
    border-radius: 5px !important;
  }
  body .block-image.feaimg img {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
  }
  body .feaimg::after { content: none !important; }
  body .ss p {
    height: 55px !important; padding-bottom: 0 !important;
    font-size: 13px !important; -webkit-line-clamp: 2 !important;
  }
  body header.entry-header, body span.entry-title, body .entry-title, body .entry-title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    white-space: normal !important;
    max-height: none !important;
  }
  body .post-list .entry-title, body .post-list .entry-title a {
    font-size: 16px !important;
    line-height: 24.5px !important;
    max-height: 49px !important;
    font-weight: 400 !important;
  }
}

/* ============================================================
   节日风格主题（后台"节日风格"下拉选择，配合 header.php 的
   body.festival-xmas / festival-spring / festival-newyear 类）
   原则：只换色调、不改布局 —— 通过覆盖 --tq-* 设计变量 +
   少量硬编码色（顶栏、悬停、轮播指示条、CTA 卡）实现整体协调
   ============================================================ */

/* ---------- 🎄 圣诞风：雪白底 + 圣诞红主色 + 松绿点缀 ---------- */
body.festival-xmas {
  --tq-blue: #c93636;
  --tq-blue-2: #e8574d;
  --tq-bg: #f5f4f8;
  --tq-line: #f0dede;
  --tq-ink: #3d1d22;
  --tq-shadow-hover: 0 4px 10px rgba(61, 29, 34, .06), 0 24px 48px -20px rgba(201, 54, 54, .28);
}
body.festival-xmas:not(.skinbg) {
  background: linear-gradient(180deg, #fbe9e9 0%, var(--tq-bg) 320px) fixed, var(--tq-bg);
}
body.festival-xmas ::selection { background: rgba(201, 54, 54, .15); color: var(--tq-ink); }
body.festival-xmas a:hover { color: var(--tq-blue); }
body.festival-xmas .header { background: #f6eff0; }
body.festival-xmas .header .user a.user-login { background-color: #c93636 !important; }
body.festival-xmas .header .user a.user-register { background-color: #2c8c55 !important; }
body.festival-xmas .tq-hero-title { color: #40222a; }
body.festival-xmas .tq-hero-line span { background: #c93636; }
body.festival-xmas .tq-hero-item { box-shadow: 0 12px 32px -12px rgba(201, 54, 54, .35); }
body.festival-xmas .tq-hero-item.active { box-shadow: 0 16px 40px -14px rgba(201, 54, 54, .45); }
body.festival-xmas .tq-cta-width {
  background: linear-gradient(120deg, #ffffff 0%, #fdf3f3 55%, #f9e8e8 100%);
  border-color: rgba(201, 54, 54, .12);
  box-shadow: 0 18px 44px -22px rgba(201, 54, 54, .30);
}
body.festival-xmas .tq-cta-width::before { background: radial-gradient(circle, rgba(201, 54, 54, .12), transparent 70%); }
body.festival-xmas .tq-cta-width::after { background: radial-gradient(circle, rgba(44, 140, 85, .10), transparent 70%); }
body.festival-xmas .tq-cta-btns .tq-cta-blue {
  background: linear-gradient(135deg, #e8574d, #c93636) !important;
  background-image: linear-gradient(135deg, #e8574d, #c93636) !important;
  background-color: #c93636 !important;
  box-shadow: 0 14px 26px -12px rgba(201, 54, 54, .65);
}
body.festival-xmas .tq-cta-btns .tq-cta-orange {
  background: linear-gradient(135deg, #3fae6a, #2c8c55) !important;
  background-image: linear-gradient(135deg, #3fae6a, #2c8c55) !important;
  background-color: #2c8c55 !important;
  box-shadow: 0 14px 26px -12px rgba(44, 140, 85, .55);
}

/* ---------- 🧧 新春风：暖米金底 + 中国红主色 + 鎏金点缀 ---------- */
body.festival-spring {
  --tq-blue: #cf3a32;
  --tq-blue-2: #e85a3a;
  --tq-bg: #faf3ec;
  --tq-line: #f2ddcd;
  --tq-ink: #4a1f16;
  --tq-orange: #e8940a;
  --tq-shadow-hover: 0 4px 10px rgba(74, 31, 22, .06), 0 24px 48px -20px rgba(207, 58, 50, .30);
}
body.festival-spring:not(.skinbg) {
  background: linear-gradient(180deg, #fde8dc 0%, var(--tq-bg) 320px) fixed, var(--tq-bg);
}
body.festival-spring ::selection { background: rgba(207, 58, 50, .15); color: var(--tq-ink); }
body.festival-spring a:hover { color: var(--tq-blue); }
body.festival-spring .header { background: #fdf2ea; }
body.festival-spring .header .user a.user-login { background-color: #cf3a32 !important; }
body.festival-spring .header .user a.user-register { background-color: #e8940a !important; }
body.festival-spring .tq-hero-title { color: #57201a; }
body.festival-spring .tq-hero-line span { background: linear-gradient(90deg, #cf3a32, #e8940a); }
body.festival-spring .tq-hero-item { box-shadow: 0 12px 32px -12px rgba(207, 58, 50, .35); }
body.festival-spring .tq-hero-item.active { box-shadow: 0 16px 40px -14px rgba(207, 58, 50, .45); }
body.festival-spring .tq-cta-width {
  background: linear-gradient(120deg, #ffffff 0%, #fdf6ee 55%, #fbeee0 100%);
  border-color: rgba(207, 58, 50, .12);
  box-shadow: 0 18px 44px -22px rgba(207, 58, 50, .30);
}
body.festival-spring .tq-cta-width::before { background: radial-gradient(circle, rgba(207, 58, 50, .12), transparent 70%); }
body.festival-spring .tq-cta-width::after { background: radial-gradient(circle, rgba(232, 148, 10, .12), transparent 70%); }
body.festival-spring .tq-cta-btns .tq-cta-blue {
  background: linear-gradient(135deg, #e85a3a, #cf3a32) !important;
  background-image: linear-gradient(135deg, #e85a3a, #cf3a32) !important;
  background-color: #cf3a32 !important;
  box-shadow: 0 14px 26px -12px rgba(207, 58, 50, .65);
}
body.festival-spring .tq-cta-btns .tq-cta-orange {
  background: linear-gradient(135deg, #f7b733, #e8940a) !important;
  background-image: linear-gradient(135deg, #f7b733, #e8940a) !important;
  background-color: #e8940a !important;
  box-shadow: 0 14px 26px -12px rgba(232, 148, 10, .55);
}

/* ---------- 🎆 元旦风：冰蓝银白底 + 亮蓝主色（比日常更清亮） ---------- */
body.festival-newyear {
  --tq-blue: #0b74d8;
  --tq-blue-2: #22a2f2;
  --tq-bg: #eef4fb;
  --tq-line: #d8e8f8;
  --tq-ink: #0f2a52;
  --tq-shadow-hover: 0 4px 10px rgba(15, 42, 82, .06), 0 24px 48px -20px rgba(11, 116, 216, .32);
}
body.festival-newyear:not(.skinbg) {
  background: linear-gradient(180deg, #dcecfc 0%, var(--tq-bg) 320px) fixed, var(--tq-bg);
}
body.festival-newyear ::selection { background: rgba(11, 116, 216, .16); color: var(--tq-ink); }
body.festival-newyear a:hover { color: var(--tq-blue); }
body.festival-newyear .header { background: #e6effb; }
body.festival-newyear .header .user a.user-login { background-color: #0b74d8 !important; }
body.festival-newyear .header .user a.user-register { background-color: #fc7019 !important; }
body.festival-newyear .tq-hero-title { color: #12294d; }
body.festival-newyear .tq-hero-line span { background: #0b74d8; }
body.festival-newyear .tq-hero-item { box-shadow: 0 12px 32px -12px rgba(11, 116, 216, .38); }
body.festival-newyear .tq-hero-item.active { box-shadow: 0 16px 40px -14px rgba(11, 116, 216, .48); }
body.festival-newyear .tq-cta-width {
  background: linear-gradient(120deg, #ffffff 0%, #f0f7ff 55%, #e2f0fc 100%);
  border-color: rgba(11, 116, 216, .12);
  box-shadow: 0 18px 44px -22px rgba(11, 116, 216, .32);
}
body.festival-newyear .tq-cta-width::before { background: radial-gradient(circle, rgba(34, 162, 242, .14), transparent 70%); }
body.festival-newyear .tq-cta-width::after { background: radial-gradient(circle, rgba(124, 92, 252, .10), transparent 70%); }
body.festival-newyear .tq-cta-btns .tq-cta-blue {
  background: linear-gradient(135deg, #22a2f2, #0b74d8) !important;
  background-image: linear-gradient(135deg, #22a2f2, #0b74d8) !important;
  background-color: #0b74d8 !important;
  box-shadow: 0 14px 26px -12px rgba(11, 116, 216, .65);
}
body.festival-newyear .tq-cta-btns .tq-cta-orange {
  background: linear-gradient(135deg, #fd8b39, #fc7019) !important;
  background-image: linear-gradient(135deg, #fd8b39, #fc7019) !important;
  background-color: #fc7019 !important;
  box-shadow: 0 14px 26px -12px rgba(252, 112, 25, .55);
}