@charset "utf-8";
/*Theme Name: wpdx liezhe
Theme URI: https://www.wpdaxue.com/shop/wordpress-theme-wpdx
Description: WPDX Child Theme by <a href="https://www.cmhello.com" target="_blank">Changmeng Hu</a>.
Author: Changmeng Hu
Author URI: https://www.cmhello.com/
Template: wpdx
Version: 1.1.3
Text Domain: wpdx-child
*/

/* === 全局CSS变量（仅声明，不影响父主题布局） === */
:root {
  --brand: #3056d3;
  --brand-dark: #2545b0;
  --brand-soft: #eef1fc;
  --teal: #0fa3a3;
  --red: #e8453c;
  --ink: #1c2230;
  --body: #646b7a;
  --muted: #9aa0ac;
  --line: #e7e9ef;
  --bg: #eef0f4;
  --card: #fff;
  --header-bg: #2f3a52;
  --nav-bg: #26b4d8;
  --shadow: 0 1px 2px rgba(28,34,48,.04), 0 8px 24px rgba(28,34,48,.06);
  --shadow-hover: 0 4px 10px rgba(28,34,48,.07), 0 16px 40px rgba(28,34,48,.1);
  --radius-lg: 18px;
  --radius-md: 13px;
  --radius-sm: 9px;
  --radius-xs: 6px;
  --wrap-width: 1180px;
  --sidebar-width: 320px;
  --font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
}

.lz-main li{
  list-style: unset;
}

/* === 子主题作用域 Reset ===
   仅作用于子主题自有容器（.lz-home / .lz-category / .lz-single），
   不污染父主题 header(#header,#main-nav)、footer(#footer) 等区域 */
.lz-home,
.lz-category,
.lz-single {
  font-family: var(--font-family);
  color: var(--body);
  line-height: 1.7;
}

.lz-home *, .lz-home *::before, .lz-home *::after,
.lz-category *, .lz-category *::before, .lz-category *::after,
.lz-single *, .lz-single *::before, .lz-single *::after {
  box-sizing: border-box;
}

.lz-home a,
.lz-category a,
.lz-single a {
  color: var(--brand);
  text-decoration: none;
}
.lz-home a:hover,
.lz-category a:hover,
.lz-single a:hover {
  color: var(--brand-dark);
}

.lz-home img,
.lz-category img,
.lz-single img {
  max-width: 100%;
  height: auto;
  display: block;
}

.lz-home h1, .lz-home h2, .lz-home h3, .lz-home h4, .lz-home h5, .lz-home h6,
.lz-category h1, .lz-category h2, .lz-category h3, .lz-category h4, .lz-category h5, .lz-category h6,
.lz-single h1, .lz-single h2, .lz-single h3, .lz-single h4, .lz-single h5, .lz-single h6 {
  color: var(--ink);
  line-height: 1.3;
}

/* === 布局容器（子主题专有类，不影响父主题） === */
.lz-wrap {
  /* max-width: var(--wrap-width); */
  margin: 0 auto;
  /* padding: 0 24px; */
}

/* === 修复：父主题 body{overflow-x:hidden} 会让 body 成为滚动容器，
   导致子主题里所有 position:sticky（首页 .mainA、详情页 .post-layout、
   分类页 .sub-layout 的侧栏）失效。
   `overflow-x: clip` 视觉效果与 hidden 完全等价，但不建立 scroll container，
   sticky 可正常工作。仅在浏览器支持 clip 时启用，旧浏览器保持原行为。 === */
@supports (overflow: clip) {
  html { overflow-x: clip; }
  body { overflow-x: clip; }
}

/* ─── 移动端响应式 ─── */
@media (max-width: 768px) {
  .lz-home .lz-wrap,
  .lz-category .lz-wrap,
  .lz-single .lz-wrap,
  .lz-page .lz-wrap { padding: 0 16px; }
}
@media (max-width: 480px) {
  .lz-home .lz-wrap,
  .lz-category .lz-wrap,
  .lz-single .lz-wrap,
  .lz-page .lz-wrap { padding: 0 12px; }
}