/*
Theme Name: Blocksy Child
Theme URI: https://qmytea.com/
Description: 泉茗缘子主题
Author: 泉茗缘
Template: blocksy
Version: 2.0
*/

/* ============================================================
   ① CSS 变量 — 全站设计令牌（统一命名，一处修改全站生效）
   ============================================================ */
:root {
  /* 颜色 */
  --qmy-bg: #FFFFFF;
  --qmy-bg-alt: #F5F5F7;
  --qmy-text: #1D1D1F;
  --qmy-text-sub: #86868B;
  --qmy-text-light: #6E6E73;
  --qmy-accent: #0071E3;
  --qmy-border: #D2D2D7;
  --qmy-border-light: #E8E8ED;

  /* 间距 (4pt grid) — 苹果级宽松 */
  --qmy-space-xs: 4px;
  --qmy-space-sm: 8px;
  --qmy-space-md: 16px;
  --qmy-space-lg: 24px;
  --qmy-space-xl: 32px;
  --qmy-space-2xl: 48px;
  --qmy-space-3xl: 72px;       /* 原 64 → 72 */
  --qmy-space-4xl: 120px;      /* 原 96 → 120（核心 section 间距） */
  --qmy-space-5xl: 160px;      /* 新增：超大 Hero 区用 */
  --qmy-space-card: 44px;      /* 原 40 → 44 */

  /* 圆角 */
  --qmy-radius-sm: 8px;
  --qmy-radius-md: 12px;
  --qmy-radius-lg: 18px;
  --qmy-radius-xl: 24px;

  /* 阴影 */
  --qmy-shadow-sm: 0 2px 12px rgba(0,0,0,.06);
  --qmy-shadow-lg: 0 8px 24px rgba(0,0,0,.1);

  /* 动效 */
  --qmy-ease-out: cubic-bezier(.25,1,.5,1);

  /* 排版 */
  --qmy-font: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}

/* ============================================================
   ② 基础层 — 全局重置与排版
   ============================================================ */
body { background: var(--qmy-bg); overflow-x: hidden }

/* ============================================================
   ③ 通用组件 — 卡片基类 / 区块容器 / 骨架屏 / 按钮
   ============================================================ */

/* 卡片基类：所有自建卡片的共性统一定义（不改 HTML，用现有类名组合选择器） */
.qmy-product-card,
.qmy-news-card,
.qmy-cat-card,
.qmy-value-card,
.qmy-commit-item,
.qmy-contact-card {
  background: var(--qmy-bg);
  border-radius: var(--qmy-radius-lg);
  box-shadow: var(--qmy-shadow-sm);
  transition: transform .3s var(--qmy-ease-out), box-shadow .3s var(--qmy-ease-out);
}
.qmy-product-card:hover,
.qmy-news-card:hover,
.qmy-cat-card:hover,
.qmy-value-card:hover,
.qmy-commit-item:hover,
.qmy-contact-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--qmy-shadow-lg);
}

/* 全宽区块（仅 Hero / CTA 等需要撑满视口的区域） */
.qmy-section {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: var(--qmy-space-5xl) 0;   /* 原 4xl → 5xl (160px) */
  box-sizing: border-box;
  position: relative;
}
/* 内容区 section（精选产品/制茶工艺/新闻动态）— 不全宽，只加间距 */
.qmy-products-section,
.qmy-craft-section,
.qmy-news-section {
  padding: var(--qmy-space-5xl) 0;   /* 原 4xl → 5xl */
}
.qmy-products-inner,
.qmy-craft-inner,
.qmy-news-inner,
.qmy-contact-inner,
.qmy-section-inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 var(--qmy-space-lg);
  box-sizing: border-box;
}
.qmy-products-header,
.qmy-craft-header,
.qmy-news-header,
.qmy-contact-header,
.qmy-section-header {
  text-align: center;
  margin-bottom: var(--qmy-space-4xl);  /* 原 3xl → 4xl (120px) */
}
.qmy-products-en,
.qmy-craft-en,
.qmy-news-en,
.qmy-contact-en,
.qmy-section-en {
  font-size: 14px;
  letter-spacing: .15em;
  color: var(--qmy-text-sub);
  text-transform: uppercase;
  margin: 0 0 var(--qmy-space-md);   /* 原 12px → md (16px) */
  font-weight: 500;
}
.qmy-products-title,
.qmy-craft-title,
.qmy-news-title,
.qmy-contact-title,
.qmy-section-title {
  font-size: 48px;
  font-weight: 600;
  color: var(--qmy-text);
  margin: 0 0 var(--qmy-space-md);    /* 原 12px → md (16px) */
  letter-spacing: -.02em;
  line-height: 1.15;
}
.qmy-products-sub,
.qmy-craft-sub,
.qmy-news-sub,
.qmy-contact-sub,
.qmy-section-sub {
  font-size: 17px;
  color: var(--qmy-text-sub);
  margin: 0;
  font-weight: 400;
}

/* 骨架屏动画 */
@keyframes qmy-shimmer {
  0%   { background-position: -400px 0 }
  100% { background-position: 400px 0 }
}
.qmy-products-skeleton,
.qmy-news-skeleton {
  list-style: none;
  border-radius: var(--qmy-radius-lg);
  overflow: hidden;
  background: var(--qmy-bg);
  box-shadow: var(--qmy-shadow-sm);
}
.qmy-products-skeleton { padding: 0 0 20px }
.qmy-news-skeleton     { padding: 0 0 16px }
.qmy-skeleton-img {
  height: 240px;
  background: var(--qmy-bg-alt);
  background-image: linear-gradient(90deg, var(--qmy-bg-alt) 0px, #EEE 40px, var(--qmy-bg-alt) 80px);
  background-size: 400px 100%;
  animation: qmy-shimmer 1.5s ease-in-out infinite;
}
.qmy-news-skeleton .qmy-skeleton-img { height: 180px }
.qmy-skeleton-line {
  height: 13px;
  background: var(--qmy-bg-alt);
  background-image: linear-gradient(90deg, var(--qmy-bg-alt) 0px, #EEE 40px, var(--qmy-bg-alt) 80px);
  background-size: 400px 100%;
  animation: qmy-shimmer 1.5s ease-in-out infinite;
  border-radius: 6px;
  margin: 12px 20px 0;
}
.qmy-skeleton-line.w80 { width: 80% }
.qmy-skeleton-line.w70 { width: 70% }
.qmy-skeleton-line.w60 { width: 60% }
.qmy-skeleton-line.w90 { width: 90% }
.qmy-skeleton-line.w50 { width: 50% }
.qmy-products-empty,
.qmy-news-empty {
  grid-column: 1/-1;
  text-align: center;
  color: var(--qmy-text-sub);
  font-size: 15px;
  padding: 40px 0;
}

/* ============================================================
   ④ 首页（homepage）
   ============================================================ */

/* --- Hero --- */
.qmy-hero {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.45)), #000 url(https://qmytea.com/wp-content/uploads/2026/06/banner2.webp) center/cover no-repeat;
  padding: 200px 20px 160px;   /* 原 180/140 → 200/160 */
  box-sizing: border-box;
  position: relative;
}
.qmy-hero-inner {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}
.qmy-hero-en {
  font-size: 14px;
  letter-spacing: .2em;
  color: var(--qmy-text-sub);
  text-transform: uppercase;
  margin: 0 0 var(--qmy-space-lg);   /* 原 16px → lg (24px) */
  font-weight: 500;
}
.qmy-hero-title {
  font-size: 72px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 var(--qmy-space-lg);    /* 原 12px → lg (24px) */
  letter-spacing: -.02em;
  line-height: 1.1;
  text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.qmy-hero-tagline {
  font-size: 24px;
  color: var(--qmy-text-sub);
  margin: 0 0 var(--qmy-space-md);     /* 原 8px → md (16px) */
  font-weight: 400;
}
.qmy-hero-desc {
  font-size: 16px;
  color: rgba(255,255,255,0.8);
  margin: 0 0 var(--qmy-space-2xl);    /* 原 40px → 2xl (48px) */
  font-weight: 400;
}
.qmy-hero-btn {
  display: inline-block;
  padding: 12px 32px;
  border-radius: var(--qmy-radius-xl);
  background: var(--qmy-accent);
  color: #FFF;
  font-size: 15px;
  text-decoration: none;
  transition: opacity .2s;
}
.qmy-hero-btn:hover { opacity: .85 }

/* --- 精选产品（JS 渲染） --- */
.qmy-products-section { background: var(--qmy-bg) }
.qmy-products-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--qmy-space-xl);    /* 原 lg (24px) → xl (32px) */
  list-style: none;
  margin: 0;
  padding: 0;
}
.qmy-products-grid > li { margin: 0; padding: 0 }

.qmy-product-card {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.qmy-product-card a {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.qmy-product-thumb {
  height: 240px;
  overflow: hidden;
  background: var(--qmy-bg-alt);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.qmy-product-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s;
}
.qmy-product-card:hover .qmy-product-img { transform: scale(1.03) }
.qmy-product-placeholder {
  width: 56px;
  height: 56px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 12h20l4 8H28l-4 6-4-6H10z' stroke='%23C8C2BC' stroke-width='1.2' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M14 12v4a2 2 0 002 2' stroke='%23C8C2BC' stroke-width='1' stroke-linecap='round' fill='none'/%3E%3Cline x1='24' y1='20' x2='24' y2='36' stroke='%23C8C2BC' stroke-width='1'/%3E%3Cpath d='M12 34h24' stroke='%23C8C2BC' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  opacity: .25;
}
.qmy-product-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px var(--qmy-space-lg) var(--qmy-space-lg);
}
.qmy-product-name {
  font-size: 17px;
  font-weight: 600;
  color: var(--qmy-text);
  margin: 0 0 6px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.4em;
}
.qmy-product-excerpt {
  font-size: 14px;
  color: var(--qmy-text-sub);
  line-height: 1.6;
  margin: 0 0 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.8em;
  flex: 1;
}
.qmy-product-more {
  font-size: 14px;
  color: var(--qmy-accent);
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: auto;
}
.qmy-product-more::after {
  content: '\2192';
  transition: transform .2s;
}
.qmy-product-card:hover .qmy-product-more::after { transform: translateX(3px) }

/* --- 制茶工艺 --- */
.qmy-craft-section { background: var(--qmy-bg-alt) }
.qmy-craft-steps {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--qmy-space-2xl);   /* 原 40px → 2xl (48px) */
  flex-wrap: wrap;
}
.qmy-craft-step {
  flex: 1;
  min-width: 0;
  max-width: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}
.qmy-craft-step:not(:last-child)::after {
  content: '';
  position: absolute;
  left: calc(100% + 8px);
  top: 36px;
  width: 24px;
  height: 1px;
  background: var(--qmy-border);
}
.qmy-craft-step:not(:last-child)::before {
  content: '';
  position: absolute;
  left: calc(100% + 28px);
  top: 33px;
  width: 6px;
  height: 6px;
  border-top: 1px solid var(--qmy-border);
  border-right: 1px solid var(--qmy-border);
  transform: rotate(45deg);
}
.qmy-step-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--qmy-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--qmy-space-lg);   /* 原 md (16px) → lg (24px) */
  color: var(--qmy-text-sub);
  transition: background .25s, color .25s;
}
.qmy-craft-step:hover .qmy-step-icon {
  background: var(--qmy-text);
  color: var(--qmy-bg-alt);
}
.qmy-step-icon svg { width: 36px; height: 36px }
.qmy-step-num {
  font-size: 12px;
  color: var(--qmy-text-sub);
  letter-spacing: .1em;
  margin-bottom: 6px;
}
.qmy-step-name {
  font-size: 17px;
  font-weight: 600;
  color: var(--qmy-text);
  margin: 0 0 var(--qmy-space-sm);
}
.qmy-step-desc {
  font-size: 14px;
  color: var(--qmy-text-sub);
  line-height: 1.6;
  margin: 0;
  padding: 0 2px;
}

/* --- 行业新闻 --- */
.qmy-news-section { background: var(--qmy-bg) }
.qmy-news-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--qmy-space-xl);    /* 原 lg (24px) → xl (32px) */
  list-style: none;
  margin: 0;
  padding: 0;
}
.qmy-news-grid > li { margin: 0; padding: 0 }

.qmy-news-card { overflow: hidden }
.qmy-news-card a {
  text-decoration: none;
  color: inherit;
  display: block;
}
.qmy-news-thumb {
  height: 180px;
  overflow: hidden;
  background: var(--qmy-bg-alt);
}
.qmy-news-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.qmy-news-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--qmy-bg-alt);
}
.qmy-news-placeholder svg { width: 48px; height: 48px }
.qmy-news-body { padding: 20px var(--qmy-space-lg) var(--qmy-space-lg) }
.qmy-news-date {
  font-size: 13px;
  color: var(--qmy-text-sub);
  display: block;
  margin-bottom: var(--qmy-space-sm);
  font-weight: 400;
}
.qmy-news-card-title {
  font-size: 17px;
  font-weight: 600;
  color: var(--qmy-text);
  margin: 0 0 var(--qmy-space-sm);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.qmy-news-excerpt {
  font-size: 14px;
  color: var(--qmy-text-sub);
  line-height: 1.6;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.qmy-news-more { display: none }

/* 首页联系区块 - 黑底铺满 section，padding 归零避免双重间距 */
/* （内部 div 已有 inline padding:100px 0，此处不再叠加） */
.qmy-section.qmy-contact {
  background: #000;
  color: #F5F5F7;
  padding: 0;
}

/* --- 联系我们（首页页脚区块） --- */
.qmy-contact-section { background: var(--qmy-bg-alt) }
.qmy-contact-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--qmy-space-xl);    /* 原 lg (24px) → xl (32px) */
  margin-bottom: var(--qmy-space-3xl);  /* 原 2xl (48px) → 3xl (72px) */
}
.qmy-contact-card {
  padding: var(--qmy-space-card) var(--qmy-space-lg);
  text-align: center;
}
.qmy-contact-icon {
  width: 44px;
  height: 44px;
  margin: 0 auto var(--qmy-space-md);
  color: var(--qmy-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}
.qmy-contact-icon svg { width: 24px; height: 24px }
.qmy-contact-label {
  font-size: 15px;
  font-weight: 600;
  color: var(--qmy-text);
  margin: 0 0 var(--qmy-space-md);
}
.qmy-contact-list p {
  font-size: 15px;
  color: var(--qmy-text);
  margin: 0 0 6px;
  font-weight: 400;
}
.qmy-contact-list p:last-child { margin-bottom: 0 }
.qmy-contact-list a {
  color: var(--qmy-accent);
  text-decoration: none;
  margin-left: 6px;
}
.qmy-contact-list a:hover { text-decoration: underline }
.qmy-contact-single {
  font-size: 15px;
  color: var(--qmy-text);
  margin: 0;
}
.qmy-contact-single a {
  color: var(--qmy-accent);
  text-decoration: none;
}
.qmy-contact-single a:hover { text-decoration: underline }
.qmy-contact-qr {
  width: 140px;
  height: 140px;
  margin: 0 auto 12px;
  border-radius: var(--qmy-radius-md);
  overflow: hidden;
}
.qmy-contact-qr-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.qmy-contact-qr-empty {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--qmy-bg-alt);
  gap: var(--qmy-space-sm);
  border-radius: var(--qmy-radius-md);
}
.qmy-contact-qr-empty svg { width: 36px; height: 36px }
.qmy-contact-qr-empty p {
  font-size: 13px;
  color: var(--qmy-text-sub);
  margin: 0;
}
.qmy-contact-hint {
  font-size: 14px;
  color: var(--qmy-text-sub);
  margin: 0;
}
.qmy-contact-footnote {
  text-align: center;
  font-size: 13px;
  color: var(--qmy-text-sub);
  margin: 0;
}

/* ============================================================
   ⑤ 关于我们页
   ============================================================ */
.qmy-about-wrapper {
  max-width: none;
  width: 100%;
  margin: 0;
  color: var(--qmy-text);
  font-family: var(--qmy-font);
}
.qmy-about-wrapper * { font-family: var(--qmy-font) }
.qmy-about-wrapper h1,.qmy-about-wrapper h2,.qmy-about-wrapper h3,.qmy-about-wrapper h4,.qmy-about-wrapper p,.qmy-about-wrapper span,.qmy-about-wrapper blockquote,.qmy-about-wrapper blockquote p { font-family: var(--qmy-font) }
.qmy-about-wrapper h1,.qmy-about-wrapper h2,.qmy-about-wrapper h3,.qmy-about-wrapper h4 { color: var(--qmy-text) }

.qmy-about-container { max-width: 980px; margin: 0 auto; padding: 0 var(--qmy-space-lg) }
.qmy-about-hero { padding: var(--qmy-space-5xl) 0 calc(var(--qmy-space-5xl) - 40px); text-align: center; background: var(--qmy-bg-alt) }

.qmy-hero-label {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: var(--qmy-accent);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: var(--qmy-space-lg);
}
.qmy-about-hero h1 {
  font-size: clamp(36px,5vw,56px);
  font-weight: 600;
  letter-spacing: -.015em;
  line-height: 1.15;
  color: var(--qmy-text);
  margin: 0 0 var(--qmy-space-lg);   /* 原 20px → lg (24px) */
}
.qmy-hero-subtitle {
  font-size: 21px;
  line-height: 1.7;               /* 原 1.6 → 1.7（更透气） */
  color: var(--qmy-text-light);
  max-width: 640px;
  margin: 0 auto var(--qmy-space-3xl);  /* 原 card → 3xl (72px) */
}
.qmy-hero-tag {
  display: inline-block;
  font-size: 15px;
  color: var(--qmy-text-sub);
  letter-spacing: .04em;
}

.qmy-section-title {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1.2;
  text-align: center;
  margin: 0 0 var(--qmy-space-lg);   /* 原 md → lg (24px) */
  color: var(--qmy-text);
}
.qmy-section-subtitle {
  font-size: 17px;
  line-height: 1.7;               /* 原 1.6 → 1.7 */
  color: var(--qmy-text-light);
  text-align: center;
  max-width: 560px;
  margin: 0 auto var(--qmy-space-4xl); /* 原 3xl → 4xl (120px) */
}

.qmy-story { padding: var(--qmy-space-5xl) 0; background: var(--qmy-bg) }  /* 原 4xl → 5xl */
.qmy-story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 96px; align-items: center } /* 原 80px → 96px */
.qmy-story-text h2 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -.01em;
  margin: 0 0 var(--qmy-space-lg);
  line-height: 1.25;
  color: var(--qmy-text);
}
.qmy-story-text p {
  font-size: 17px;
  line-height: 1.8;               /* 保持 1.8 */
  color: var(--qmy-text-light);
  margin: 0 0 var(--qmy-space-lg);   /* 原 md → lg (24px) */
}
.qmy-story-visual {
  background: #F0F0F2;
  border-radius: var(--qmy-radius-lg);
  aspect-ratio: 3/4;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.qmy-story-visual img { width: 100%; height: 100%; object-fit: cover }

.qmy-values { padding: var(--qmy-space-5xl) 0; background: var(--qmy-bg-alt) }  /* 原 4xl → 5xl */
.qmy-values-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--qmy-space-2xl) } /* 原 xl → 2xl */
.qmy-value-card { padding: var(--qmy-space-card); text-align: center }
.qmy-value-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--qmy-radius-md);
  background: #F0F0F2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--qmy-space-xl);   /* 原 lg → xl (32px) */
  font-size: 24px;
  line-height: 1;
}
.qmy-value-card h3 {
  font-size: 19px;
  font-weight: 600;
  margin: 0 0 var(--qmy-space-md);     /* 原 12px → md (16px) */
  line-height: 1.3;
  color: var(--qmy-text);
}
.qmy-value-card p {
  font-size: 15px;
  line-height: 1.6;
  color: var(--qmy-text-light);
  margin: 0;
}

.qmy-commitments { padding: var(--qmy-space-5xl) 0; background: var(--qmy-bg) }  /* 原 4xl → 5xl */
.qmy-commit-list { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--qmy-space-2xl) } /* 原 xl → 2xl */
.qmy-commit-item {
  text-align: center;
  padding: var(--qmy-space-xl) var(--qmy-space-lg);
}
.qmy-commit-icon {
  font-size: 48px;
  font-weight: 700;
  color: var(--qmy-accent);
  line-height: 1;
  margin-bottom: var(--qmy-space-md);
}
.qmy-commit-label {
  font-size: 17px;
  font-weight: 500;
  color: var(--qmy-text);
  margin-bottom: var(--qmy-space-sm);
}
.qmy-commit-desc {
  font-size: 14px;
  color: var(--qmy-text-sub);
  line-height: 1.5;
}

.qmy-timeline { padding: var(--qmy-space-5xl) 0; background: var(--qmy-bg-alt) }  /* 原 4xl → 5xl */
.qmy-timeline-items { max-width: 680px; margin: 0 auto; text-align: center }
.qmy-timeline-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--qmy-space-sm);
  padding: var(--qmy-space-xl) 0;
  border-top: 1px solid var(--qmy-border-light);
}
.qmy-timeline-item:first-child { border-top: none; padding-top: 0 }
.qmy-timeline-item:last-child  { padding-bottom: 0 }
.qmy-timeline-year {
  font-size: 17px;
  font-weight: 600;
  color: var(--qmy-accent);
  letter-spacing: .02em;
}
.qmy-timeline-content h4 {
  font-size: 17px;
  font-weight: 500;
  margin: 0 0 6px;
  color: var(--qmy-text);
}
.qmy-timeline-content p {
  font-size: 15px;
  color: var(--qmy-text-light);
  line-height: 1.5;
  margin: 0;
}

/* ============================================================
   ⑥ 产品页
   ============================================================ */

/* ============================================================
   ⑥b 联系我们页（覆盖内联样式）
   ============================================================ */
.page-id-18 .contact-hero {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  box-sizing: border-box;
}
/* contact-info 保持 HTML 内联样式的白色背景设计，不覆盖 */

/* ============================================================
   ⑦ 跨页共用 CTA
   ============================================================ */
.qmy-product-wrapper {
  max-width: none;
  width: 100%;
  margin: 0;
  color: var(--qmy-text);
  font-family: var(--qmy-font);
}
.qmy-product-wrapper * { font-family: var(--qmy-font) }
.qmy-product-wrapper h1,.qmy-product-wrapper h2,.qmy-product-wrapper h3,.qmy-product-wrapper h4,.qmy-product-wrapper p,.qmy-product-wrapper span { font-family: var(--qmy-font) }
.qmy-product-wrapper h1,.qmy-product-wrapper h2,.qmy-product-wrapper h3,.qmy-product-wrapper h4 { color: var(--qmy-text) }

.qmy-product-container { max-width: 980px; margin: 0 auto; padding: 0 var(--qmy-space-lg) }
.qmy-product-hero { padding: var(--qmy-space-5xl) 0 calc(var(--qmy-space-5xl) - 40px); text-align: center; background: var(--qmy-bg-alt) }  /* 原 100/80 → 变量 */
.qmy-product-hero h1 {
  font-size: clamp(36px,5vw,56px);
  font-weight: 600;
  letter-spacing: -.015em;
  line-height: 1.15;
  color: var(--qmy-text);
  margin: 0 0 var(--qmy-space-lg);   /* 原 20px → lg (24px) */
}

.qmy-categories { padding: var(--qmy-space-5xl) 0; background: var(--qmy-bg) }  /* 原 4xl → 5xl */
.qmy-cat-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--qmy-space-2xl) } /* 原 xl → 2xl */
.qmy-cat-card {
  overflow: hidden;
  text-decoration: none;
  display: block;
}
.qmy-cat-img {
  aspect-ratio: 4/3;
  background: var(--qmy-bg-alt);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--qmy-text-sub);
  font-size: 15px;
  overflow: hidden;
}
.qmy-cat-img img { width: 100%; height: 100%; object-fit: cover }
.qmy-cat-info { padding: var(--qmy-space-2xl) 28px }  /* 原 xl → 2xl (48px) */
.qmy-cat-info h3 {
  font-size: 19px;
  font-weight: 600;
  margin: 0 0 var(--qmy-space-sm);
  line-height: 1.3;
  color: var(--qmy-text);
}
.qmy-cat-info p {
  font-size: 15px;
  line-height: 1.6;
  color: var(--qmy-text-light);
  margin: 0;
}
.qmy-cat-link {
  display: inline-block;
  margin-top: var(--qmy-space-md);
  font-size: 15px;
  font-weight: 500;
  color: var(--qmy-accent);
  text-decoration: none;
}
.qmy-cat-link:after { content: " →" }

.qmy-taste { padding: var(--qmy-space-5xl) 0; background: var(--qmy-bg-alt) }  /* 原 4xl → 5xl */
.qmy-taste-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 96px; align-items: center } /* 原 80px → 96px */
.qmy-taste-text h2 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -.01em;
  margin: 0 0 var(--qmy-space-lg);
  line-height: 1.25;
  color: var(--qmy-text);
}
.qmy-taste-text p {
  font-size: 17px;
  line-height: 1.8;
  color: var(--qmy-text-light);
  margin: 0 0 var(--qmy-space-lg);   /* 原 md → lg (24px) */
}
.qmy-taste-visual {
  background: #F0F0F2;
  border-radius: var(--qmy-radius-lg);
  aspect-ratio: 4/3;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: var(--qmy-text-sub);
  font-size: 15px;
}
.qmy-taste-visual img { width: 100%; height: 100%; object-fit: cover }
.qmy-product-cta { padding: var(--qmy-space-5xl) 0; background: var(--qmy-bg); text-align: center }  /* 原 4xl → 5xl */

/* ============================================================
   ⑦ 跨页共用 CTA
   ============================================================ */
.qmy-cta-card { max-width: 520px; margin: 0 auto }
.qmy-cta-card h2 {
  font-size: 32px;
  font-weight: 600;
  margin: 0 0 var(--qmy-space-md);   /* 原 12px → md (16px) */
  color: var(--qmy-text);
}
.qmy-cta-card p {
  font-size: 17px;
  color: var(--qmy-text-light);
  line-height: 1.7;               /* 原 1.6 → 1.7 */
  margin: 0 0 var(--qmy-space-md);   /* 原 sm → md (16px) */
}
.qmy-cta-card .qmy-address {
  font-size: 15px;
  color: var(--qmy-text-sub);
  margin: 0 0 var(--qmy-space-2xl);   /* 原 xl → 2xl (48px) */
}
.qmy-cta-card .qmy-phone {
  font-size: 24px;
  font-weight: 600;
  color: var(--qmy-text);
  letter-spacing: .02em;
  margin: 0;
}

/* ============================================================
   ⑧ 页脚
   ============================================================ */
.ct-footer a,.ct-footer-copyright { color: rgba(0,0,0,.72) }
.ct-footer a:hover { color: var(--qmy-text) }

/* ============================================================
   ⑨ Blocksy 原生卡片统一（新闻归档 / 博客列表）
   ============================================================ */
.entry-card,
.entry-card-wrap,
.archive .entries article,
.blog .entries article,
.category-news .entries article,
.page .entries article,
body[data-prefix="blog"] .entry-card,
body[data-prefix="archive"] .entry-card,
body[data-prefix="blog"] .entry-card-wrap,
body[data-prefix="archive"] .entry-card-wrap,
body[data-prefix="blog"] .entries article,
body[data-prefix="archive"] .entries article {
  background: var(--qmy-bg);
  border: none;
  border-radius: var(--qmy-radius-lg);
  box-shadow: var(--qmy-shadow-sm);
  transition: transform .3s var(--qmy-ease-out), box-shadow .3s var(--qmy-ease-out);
  overflow: hidden;
}
.entry-card:hover,
.entry-card-wrap:hover,
.archive .entries article:hover,
.blog .entries article:hover,
.category-news .entries article:hover,
.page .entries article:hover,
body[data-prefix="blog"] .entry-card:hover,
body[data-prefix="archive"] .entry-card:hover,
body[data-prefix="blog"] .entry-card-wrap:hover,
body[data-prefix="archive"] .entry-card-wrap:hover,
body[data-prefix="blog"] .entries article:hover,
body[data-prefix="archive"] .entries article:hover {
  transform: translateY(-4px);
  box-shadow: var(--qmy-shadow-lg);
}

/* 新闻页卡片缩略图 4:3 */
.entry-card .ct-media-container,
.entry-card-wrap .ct-media-container,
.archive .entries .ct-media-container,
.blog .entries .ct-media-container,
body[data-prefix="blog"] .ct-media-container,
body[data-prefix="archive"] .ct-media-container {
  aspect-ratio: 4/3;
}

/* 新闻页卡片文字边距 */
.entry-card .ct-entry-content,
.entry-card-wrap .ct-entry-content,
.archive .entries .ct-entry-content,
.blog .entries .ct-entry-content,
body[data-prefix="blog"] .ct-entry-content,
body[data-prefix="archive"] .ct-entry-content {
  padding: 20px var(--qmy-space-lg) var(--qmy-space-lg);
}

/* ============================================================
   ⑩ 响应式（3 断点）
   ============================================================ */

/* ≤960px — 平板横屏 */
@media(max-width:960px) {
  .qmy-hero { padding: 160px 20px 120px }   /* 原 140/100 → 160/120 */
  .qmy-hero-title { font-size: 52px }
  .qmy-section { padding: var(--qmy-space-4xl) 0 }   /* 原 72px → 变量 (120px) */
  .qmy-section-header { margin-bottom: var(--qmy-space-3xl) }  /* 原 2xl → 3xl */
  .qmy-section-title { font-size: 36px }
  .qmy-products-grid,
  .qmy-news-grid { grid-template-columns: repeat(2,1fr); gap: var(--qmy-space-lg) }
  .qmy-product-thumb { height: 200px }
  .qmy-products-skeleton .qmy-skeleton-img { height: 200px }
  .qmy-craft-steps {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: var(--qmy-space-xl) var(--qmy-space-md);  /* 原 40/12 → 变量 */
    justify-items: center;
  }
  .qmy-craft-step { max-width: 150px; flex: none }
  .qmy-craft-step:not(:last-child)::after,
  .qmy-craft-step:not(:last-child)::before { display: none }
  .qmy-step-icon { width: 60px; height: 60px }
  .qmy-step-icon svg { width: 30px; height: 30px }
  .qmy-step-name { font-size: 15px }
  .qmy-step-desc { font-size: 13px }
  .qmy-contact-grid { gap: var(--qmy-space-lg) }  /* 原 md → lg */
  .qmy-contact-card { padding: var(--qmy-space-2xl) var(--qmy-space-md) }  /* 原 xl/md → 2xl/md */
  .qmy-contact-qr { width: 110px; height: 110px }

  /* 产品/关于页 Hero 缩小 */
  .qmy-about-hero { padding: var(--qmy-space-4xl) 0 calc(var(--qmy-space-4xl) - 30px) }
  .qmy-product-hero { padding: var(--qmy-space-4xl) 0 calc(var(--qmy-space-4xl) - 30px) }
}

/* ≤768px — 平板竖屏 / 小屏笔记本 */
@media(max-width:768px) {
  .qmy-about-hero { padding: var(--qmy-space-4xl) 0 calc(var(--qmy-space-4xl) - 20px) }
  .qmy-about-hero h1 { font-size: 32px }
  .qmy-hero-subtitle { font-size: 17px }
  .qmy-section-title { font-size: 28px }
  .qmy-story-grid { grid-template-columns: 1fr; gap: var(--qmy-space-card) }
  .qmy-values-grid,
  .qmy-commit-list { grid-template-columns: 1fr; gap: var(--qmy-space-xl) }  /* 原 20px → xl */
  .qmy-product-hero { padding: var(--qmy-space-4xl) 0 calc(var(--qmy-space-4xl) - 20px) }
  .qmy-product-hero h1 { font-size: 32px }
  .qmy-cat-grid { grid-template-columns: 1fr; gap: var(--qmy-space-lg) }   /* 原 20px → lg */
  .qmy-taste-grid { grid-template-columns: 1fr; gap: var(--qmy-space-card) }
}

/* ≤600px — 手机竖屏 */
@media(max-width:600px) {
  .qmy-hero { padding: var(--qmy-space-4xl) 20px calc(var(--qmy-space-4xl) - 28px) }   /* 原 100/72 → 变量 (120/92) */
  .qmy-hero-title { font-size: 36px }
  .qmy-hero-tagline { font-size: 19px }
  .qmy-section-title { font-size: 30px }
  .qmy-products-grid,
  .qmy-news-grid { grid-template-columns: 1fr; gap: var(--qmy-space-lg) }  /* 原 md → lg */
  .qmy-product-thumb { height: 220px }
  .qmy-products-skeleton .qmy-skeleton-img { height: 220px }
  .qmy-craft-steps {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: var(--qmy-space-md) var(--qmy-space-xs);  /* 原 12/6 → 变量 */
    justify-items: center;
  }
  .qmy-step-icon { width: 52px; height: 52px }
  .qmy-step-icon svg { width: 26px; height: 26px }
  .qmy-step-name { font-size: 14px }
  .qmy-step-desc { font-size: 12px }
  .qmy-contact-grid { grid-template-columns: 1fr; gap: var(--qmy-space-md) }  /* 原 12px → md */
  .qmy-contact-card { padding: var(--qmy-space-2xl) 20px }  /* 原 28 → 2xl */
  .qmy-contact-qr { width: 140px; height: 140px }
}