/* ============================================================
   各页面专属样式
   ============================================================ */

/* ============ 首页 Hero ============ */
.hero {
  position: relative;
  min-height: 88vh;
  display: flex;
  align-items: center;
  background: var(--bee-black);
  overflow: hidden;
  color: var(--white);
}

/* Hero 背景：蜂巢六边形纹理(纯CSS) */
.hero__pattern {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.5;
  background-color: var(--bee-black);
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255, 193, 7, 0.12) 0%, transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(255, 140, 0, 0.10) 0%, transparent 40%);
}

.hero__pattern::before {
  content: "";
  position: absolute;
  inset: -50%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23FFC107' stroke-width='1' opacity='0.18'><polygon points='28,2 54,17 54,47 28,62 2,47 2,17'/><polygon points='28,52 54,67 54,97 28,112 2,97 2,67'/></g></svg>");
  background-size: 56px 100px;
  animation: hexFloat 40s linear infinite;
}

@keyframes hexFloat {
  from { transform: translateY(0); }
  to { transform: translateY(-100px); }
}

.hero__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--space-7);
  align-items: center;
  width: 100%;
}

.hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-display);
  letter-spacing: 0.3em;
  color: var(--bee-yellow);
  font-size: 1rem;
  margin-bottom: var(--space-4);
}

.hero__eyebrow::before {
  content: "";
  width: 40px;
  height: 2px;
  background: var(--bee-yellow);
}

.hero__title {
  color: var(--white);
  font-size: clamp(2.6rem, 6vw, 5rem);
  line-height: 1.05;
  margin-bottom: var(--space-4);
}

.hero__title em {
  font-style: normal;
  color: var(--bee-yellow);
  position: relative;
}

.hero__desc {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.75);
  max-width: 480px;
  margin-bottom: var(--space-5);
}

.hero__cta {
  display: flex;
  gap: var(--space-3);
  flex-wrap: wrap;
}

/* Hero 右侧产品视觉占位 */
.hero__visual {
  position: relative;
  aspect-ratio: 1;
  max-width: 460px;
  justify-self: end;
}

.hero__visual .hex-frame {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--bee-yellow), var(--bee-honey));
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  display: grid;
  place-items: center;
}

.hero__visual .hex-inner {
  width: 92%;
  height: 92%;
  background: var(--bee-black);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  display: grid;
  place-items: center;
  font-size: 6rem;
}

.hero__scroll {
  position: absolute;
  bottom: var(--space-5);
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.hero__scroll::after {
  content: "";
  width: 1px;
  height: 40px;
  background: linear-gradient(var(--bee-yellow), transparent);
  animation: scrollLine 2s ease-in-out infinite;
}

@keyframes scrollLine {
  0%, 100% { transform: scaleY(0.4); transform-origin: top; }
  50% { transform: scaleY(1); }
}

@media (max-width: 980px) {
  .hero__inner { grid-template-columns: 1fr; }
  .hero__visual { display: none; }
}

/* ============ 首页：品牌理念 ============ */
.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-7);
  align-items: center;
}

.split--reverse .split__media { order: 2; }

.split__media {
  position: relative;
  aspect-ratio: 5 / 4;
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: var(--gray-200);
}

.split__media img { width: 100%; height: 100%; object-fit: cover; }

.split__media .badge {
  position: absolute;
  bottom: var(--space-4);
  left: var(--space-4);
  background: var(--bee-yellow);
  color: var(--bee-black);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius);
  font-weight: 800;
}

.split__content h2 { margin-bottom: var(--space-4); }
.split__content p { margin-bottom: var(--space-3); }

.value-list { margin-top: var(--space-4); }
.value-list li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: var(--space-3);
  font-weight: 500;
  color: var(--text);
}
.value-list li::before {
  content: "✓";
  color: var(--bee-black);
  background: var(--bee-yellow);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 0.75rem;
  font-weight: 900;
  flex-shrink: 0;
  margin-top: 2px;
}

@media (max-width: 880px) {
  .split { grid-template-columns: 1fr; }
  .split--reverse .split__media { order: 0; }
}

/* ============ 首页：CTA 横幅 ============ */
.cta-banner {
  position: relative;
  background:
    radial-gradient(ellipse 80% 70% at 50% 0%, rgba(232, 184, 74, 0.22) 0%, transparent 55%),
    linear-gradient(135deg, #221815 0%, #1A1610 48%, #0F0D0A 100%);
  color: var(--white);
  text-align: center;
  padding: calc(var(--space-8) + 12px) 0;
  overflow: hidden;
}

.cta-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23E8B84A' stroke-width='1' opacity='0.07'><polygon points='28,2 54,17 54,47 28,62 2,47 2,17'/><polygon points='28,52 54,67 54,97 28,112 2,97 2,67'/></g></svg>");
  background-size: 56px 100px;
  opacity: 0.9;
}

.cta-banner::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 48px;
  background: linear-gradient(var(--bee-yellow), transparent);
  transform: translateX(-50%);
}

.cta-banner__inner { position: relative; z-index: 2; }

.cta-banner__eyebrow {
  display: inline-block;
  font-family: var(--font-display);
  font-size: 0.78rem;
  letter-spacing: 0.42em;
  color: var(--bee-yellow-soft);
  margin-bottom: 20px;
  text-transform: uppercase;
}

.cta-banner h2 {
  color: #fff;
  margin-bottom: var(--space-3);
  letter-spacing: 0.18em;
  font-weight: 400;
}

.cta-banner p {
  color: rgba(255, 255, 255, 0.62);
  max-width: 560px;
  margin: 0 auto var(--space-5);
  font-weight: 400;
  line-height: 1.8;
}

.cta-banner .btn--dark {
  background: var(--bee-yellow);
  color: var(--bee-black);
  border: none;
}

.cta-banner .btn--dark:hover {
  background: #fff;
  color: var(--bee-black);
}

/* ============ 产品详情页 ============ */
.product-hero {
  padding: var(--space-7) 0 var(--space-8);
  background: var(--white);
}

.product-hero__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-7);
  align-items: start;
}

.product-hero__info .eyebrow {
  margin-bottom: var(--space-2);
}

.product-hero__info h1 {
  font-weight: 400;
  letter-spacing: 0.04em;
  margin-bottom: var(--space-3);
}

.product-gallery__main {
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: #111;
  border: none;
  margin-bottom: var(--space-3);
}

.product-gallery__main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 0;
}

.product-gallery__thumbs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-2);
}

.product-gallery__thumb {
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: #111 center / cover no-repeat;
  border: 2px solid transparent;
  cursor: pointer;
  font-size: 0.72rem;
  color: #fff;
  display: grid;
  place-items: end center;
  padding-bottom: 8px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
  transition: border-color var(--t-fast);
  position: relative;
}

.product-gallery__thumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(transparent 45%, rgba(0, 0, 0, 0.55));
  pointer-events: none;
}

.product-gallery__thumb.is-active,
.product-gallery__thumb:hover {
  border-color: var(--bee-yellow);
}

.product-info__cat {
  margin-bottom: var(--space-2);
}

.product-info__title {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 400;
  letter-spacing: 0.06em;
  margin-bottom: var(--space-3);
}

.product-info__desc {
  font-size: 1.05rem;
  margin-bottom: var(--space-4);
}

.product-features {
  display: grid;
  gap: var(--space-2);
  margin-bottom: var(--space-5);
}

.product-features li {
  display: flex;
  gap: 10px;
  align-items: center;
  font-weight: 500;
}
.product-features li::before {
  content: "◆";
  color: var(--bee-yellow);
}

.product-info__cta { display: flex; gap: var(--space-3); flex-wrap: wrap; }

@media (max-width: 880px) {
  .product-hero__grid { grid-template-columns: 1fr; }
}

/* 规格表 */
.spec-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--white);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.spec-table th,
.spec-table td {
  padding: 16px 24px;
  text-align: left;
  border-bottom: 1px solid var(--border);
}

.spec-table tr:last-child th,
.spec-table tr:last-child td { border-bottom: none; }

.spec-table th {
  background: var(--gray-100);
  width: 220px;
  font-weight: 700;
  color: var(--bee-black);
}

.spec-table td { color: var(--text-light); }

/* 应用场景图墙 */
.scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-3);
}

.scenario-card {
  margin: 0;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-sm);
  background: #111;
}

.scenario-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.scenario-card figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 14px 16px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.72));
  color: #fff;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  line-height: 1.45;
}

@media (max-width: 768px) {
  .scenario-grid { grid-template-columns: 1fr 1fr; }
}

/* 相关产品推荐 —— 保持竖构图与首页一致 */
.related .product-card__media { aspect-ratio: 4 / 5; }

/* ============ 内页统一深色页头 ============ */
.page-hero,
.about-hero {
  background: var(--surface-dark);
  color: var(--white);
  padding: clamp(64px, 10vw, 100px) 0 clamp(40px, 6vw, 64px);
  position: relative;
  overflow: hidden;
}

.page-hero__pattern,
.about-hero__pattern {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 60% at 85% 20%, rgba(232, 184, 74, 0.12) 0%, transparent 55%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23E8B84A' stroke-width='1' opacity='0.10'><polygon points='28,2 54,17 54,47 28,62 2,47 2,17'/><polygon points='28,52 54,67 54,97 28,112 2,97 2,67'/></g></svg>");
  background-size: auto, 56px 100px;
  pointer-events: none;
}

.page-hero__inner,
.about-hero__inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
}

.page-hero h1,
.about-hero h1 {
  color: var(--white);
  margin-bottom: var(--space-3);
  font-weight: 400;
  letter-spacing: 0.06em;
}

.page-hero .section-sub,
.page-hero__sub,
.about-hero .section-sub {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.05rem;
  line-height: 1.85;
  max-width: 640px;
  margin-top: var(--space-3);
}

/* eyebrow 深色态已在 base.css .eyebrow--on-dark 统一 */

.page-hero--compact {
  padding: clamp(48px, 8vw, 72px) 0 clamp(32px, 5vw, 48px);
}

.page-hero--compact .page-hero__inner {
  max-width: none;
}

.page-hero .breadcrumb,
.page-hero .breadcrumb--dark {
  background: transparent;
  border: none;
  padding: 0 0 var(--space-4);
  margin: 0;
}

.page-hero .breadcrumb ol {
  padding: 0;
}

.page-hero--left .page-hero__inner {
  max-width: none;
}

/* ============ 关于我们页 ============ */

/* 时间线 */
.timeline {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding-left: 40px;
}

.timeline::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--gray-200);
}

.timeline__item {
  position: relative;
  padding-bottom: var(--space-6);
}

.timeline__item::before {
  content: "";
  position: absolute;
  left: -40px;
  top: 4px;
  width: 18px;
  height: 18px;
  background: var(--bee-yellow);
  border: 3px solid var(--white);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--bee-yellow);
}

.timeline__year {
  font-family: var(--font-display);
  font-size: 1.8rem;
  color: var(--bee-honey);
  letter-spacing: 0.05em;
}

.timeline__title {
  font-size: 1.15rem;
  margin: 4px 0 8px;
}

/* 企业文化三栏 */
.culture-grid { gap: var(--space-5); }
.culture-card {
  background: var(--bg-soft);
  border-radius: var(--radius-card);
  padding: var(--space-5);
  border: 1px solid var(--border);
  border-top: 3px solid var(--bee-yellow);
  height: 100%;
  transition: transform var(--t), box-shadow var(--t);
}

.culture-card:hover {
  transform: translateY(var(--hover-lift));
  box-shadow: var(--hover-shadow);
}
.culture-card h3 { margin-bottom: var(--space-2); }
.culture-card .ic { font-size: 2rem; margin-bottom: var(--space-3); }

/* 资质证书网格 */
.cert-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-4);
}

.cert-item {
  margin: 0;
  aspect-ratio: 3 / 4;
  background: #111;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color var(--t-fast), transform var(--t-fast);
}

.cert-item img {
  width: 100%;
  flex: 1;
  object-fit: cover;
  min-height: 0;
}

.cert-item figcaption {
  padding: 12px 10px;
  text-align: center;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--text-muted);
  background: var(--white);
  border-top: 1px solid var(--border);
}

.cert-item:hover {
  border-color: var(--bee-yellow);
  transform: translateY(-4px);
}

@media (max-width: 768px) {
  .cert-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ============ 联系我们页 ============ */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: var(--space-7);
  align-items: start;
}

.contact-info__item {
  display: flex;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
  align-items: flex-start;
}

.contact-info__icon {
  width: 52px;
  height: 52px;
  background: var(--bee-yellow);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  display: grid;
  place-items: center;
  font-size: 1.3rem;
  flex-shrink: 0;
}

.contact-info__item h4 { font-size: 1rem; margin-bottom: 4px; }
.contact-info__item p { font-size: 0.95rem; margin: 0; }

.contact-map {
  margin-top: var(--space-6);
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-sm);
  overflow: hidden;
  position: relative;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.88);
  background: var(--surface-dark) url("../img/contact-map.jpg") center / cover no-repeat;
  text-align: center;
  padding: var(--space-4);
  font-size: 0.88rem;
  letter-spacing: 0.06em;
}

.contact-map::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.62) 100%);
  pointer-events: none;
}

.contact-map > * {
  position: relative;
  z-index: 1;
}

.contact-form {
  background: var(--white);
  border-radius: var(--radius-sm);
  padding: var(--space-6);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border);
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
}

@media (max-width: 880px) {
  .contact-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
}
/* 产品分类页：由后台分类树静态生成 */
.category-chips { display:flex; flex-wrap:wrap; gap:12px; margin:0 0 42px; }
.category-chip { display:inline-flex; flex-direction:column; gap:4px; min-width:170px; padding:16px 20px; border:1px solid var(--line, #e7e7e7); color:inherit; text-decoration:none; transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.category-chip:hover { transform:translateY(-3px); border-color:var(--brand, #d9a441); box-shadow:0 10px 28px rgba(0,0,0,.08); }
.category-chip small { color:#8a8a8a; letter-spacing:.04em; }
.category-index-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px; }
.category-card { display:grid; grid-template-columns:42% 1fr; min-height:220px; background:#f5f5f3; color:inherit; text-decoration:none; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease; }
.category-card:hover { transform:translateY(-4px); box-shadow:0 14px 34px rgba(0,0,0,.1); }
.category-card img { width:100%; height:100%; min-height:220px; object-fit:cover; }
.category-card > div { padding:28px; align-self:center; }
.category-card span { color:#a07b38; letter-spacing:.12em; font-size:12px; }
.category-card h2 { margin:10px 0; }
.category-card p { color:#777; line-height:1.7; }
@media (max-width: 700px) { .category-index-grid { grid-template-columns:1fr; } .category-card { grid-template-columns:38% 1fr; } }

/* ============ 产品目录 / 详情：黑金工业画册方向 ============ */
.page-catalog { background: #f5f4f0; }
.catalog-hero { min-height: 560px; position: relative; overflow: hidden; background: #161616; color: #fff; }
.catalog-hero__swiper { position:absolute; inset:0; }
.catalog-hero__swiper .swiper-slide { position:relative; overflow:hidden; }
.catalog-hero__media { position:absolute; inset:0 0 0 38%; overflow:hidden; }
.catalog-hero__media img,.catalog-hero__media video { width:100%; height:100%; object-fit:cover; opacity:.64; filter:saturate(.86) contrast(1.05); }
.catalog-hero__media span { position:absolute; inset:0; background:linear-gradient(90deg,#161616 0%,rgba(22,22,22,.92) 22%,rgba(22,22,22,.12) 76%),linear-gradient(0deg,rgba(0,0,0,.52),transparent 52%); }
.catalog-hero__slide-copy { position:relative; z-index:1; min-height:560px; display:flex; flex-direction:column; justify-content:flex-end; padding-bottom:68px; pointer-events:none; }
.catalog-hero__slide-copy .eyebrow { color:var(--bee-yellow); }
.catalog-hero__slide-copy h2 { max-width:560px; margin:10px 0 16px; color:#fff; font-size:clamp(2.4rem,5vw,4.8rem); font-weight:300; line-height:1.05; }
.catalog-hero__slide-copy p { max-width:480px; margin:0; color:rgba(255,255,255,.72); line-height:1.9; }
.catalog-hero__pagination { position:absolute; z-index:4; right:calc((100vw - min(1180px, calc(100vw - 48px))) / 2); bottom:48px; display:flex; gap:9px; }
.catalog-hero__pagination .swiper-pagination-bullet { width:34px; height:2px; border-radius:0; background:rgba(255,255,255,.42); opacity:1; }
.catalog-hero__pagination .swiper-pagination-bullet-active { background:var(--bee-yellow); }
.catalog-hero__inner { position:relative; z-index:2; min-height:560px; display:flex; flex-direction:column; justify-content:space-between; padding-top:34px; padding-bottom:74px; pointer-events:none; }
.catalog-hero .breadcrumb { color:rgba(255,255,255,.75); }
.catalog-hero .breadcrumb a { color:#fff; }
.catalog-hero__copy { max-width:560px; }
.catalog-hero__kicker { margin:0 0 16px; color:rgba(255,255,255,.5); font:500 .7rem/1 var(--font-display); letter-spacing:.28em; text-transform:uppercase; }
.catalog-hero__copy h1 { margin:0 0 18px; color:#fff; font-size:clamp(3rem,7vw,6.5rem); font-weight:300; letter-spacing:.04em; line-height:1; }
.catalog-hero__copy > p:not(.catalog-hero__kicker) { max-width:450px; color:rgba(255,255,255,.68); line-height:1.9; }
.catalog-story { background:#fff; }
.catalog-story__head { max-width:640px; margin-bottom:36px; }
.catalog-story__head h2 { margin:8px 0 12px; font-size:clamp(2rem,3.8vw,3.25rem); font-weight:300; }
.catalog-story__head p { margin:0; color:#777; line-height:1.9; }
.catalog-story__list { display:grid; gap:28px; }
.catalog-story__block { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); align-items:stretch; min-height:420px; background:#f5f4f0; }
.catalog-story__block:nth-child(even) { grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr); }
.catalog-story__block:nth-child(even) .catalog-story__image { order:2; }
.catalog-story__image { overflow:hidden; background:#e4e1d8; }
.catalog-story__image img { width:100%; height:100%; min-height:420px; object-fit:cover; display:block; }
.catalog-story__copy { display:flex; flex-direction:column; justify-content:center; padding:44px; }
.catalog-story__copy span { color:#a07b38; font:500 .7rem/1 var(--font-display); letter-spacing:.18em; }
.catalog-story__copy h3 { margin:18px 0 14px; font-size:1.55rem; font-weight:400; }
.catalog-story__copy p { margin:0; color:#777; line-height:1.9; }
.catalog-nav { background:#fff; border-bottom:1px solid #e7e5df; }
.catalog-nav__inner { display:grid; grid-template-columns:240px 1fr; gap:54px; align-items:center; }
.catalog-nav h2 { margin:6px 0 0; font-size:1.45rem; font-weight:400; }
.catalog-nav__list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
.catalog-subcategory { min-height:76px; padding:12px 18px; display:flex; align-items:center; gap:14px; border-left:1px solid #e7e5df; color:inherit; text-decoration:none; transition:background .25s ease,color .25s ease; }
.catalog-subcategory:hover,.catalog-subcategory.is-active { background:#191919; color:#fff; }
.catalog-subcategory__number { color:#a7966a; font:500 .72rem/1 var(--font-display); letter-spacing:.12em; }
.catalog-subcategory b,.catalog-subcategory small { display:block; }
.catalog-subcategory b { font-size:.9rem; font-weight:500; }
.catalog-subcategory small { margin-top:5px; color:#979797; font: .64rem/1 var(--font-display); letter-spacing:.05em; }
.catalog-subcategory em { margin-left:auto; color:#aaa; font: .65rem/1 var(--font-display); font-style:normal; }
.catalog-subcategory:hover small,.catalog-subcategory.is-active small { color:rgba(255,255,255,.55); }
.catalog-subcategory:hover em,.catalog-subcategory.is-active em { color:var(--bee-yellow); }
.catalog-nav__list { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.catalog-subcategory-card { display:block; overflow:hidden; background:#fff; color:inherit; text-decoration:none; box-shadow:0 8px 24px rgba(25,25,25,.05); transition:transform .3s ease,box-shadow .3s ease; }
.catalog-subcategory-card:hover,.catalog-subcategory-card.is-active { transform:translateY(-6px); box-shadow:0 16px 34px rgba(25,25,25,.13); }
.catalog-subcategory-card > div { position:relative; aspect-ratio:1.25; overflow:hidden; background:#ddd9cf; }
.catalog-subcategory-card img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.catalog-subcategory-card:hover img { transform:scale(1.07); }
.catalog-subcategory-card > div::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.5)); }
.catalog-subcategory-card > div > span,.catalog-subcategory-card > div > i { position:absolute; z-index:1; color:#fff; }
.catalog-subcategory-card > div > span { top:14px; left:15px; font:500 .68rem/1 var(--font-display); letter-spacing:.16em; }
.catalog-subcategory-card > div > i { right:14px; bottom:12px; font-size:1.15rem; font-style:normal; }
.catalog-subcategory-card section { padding:16px 17px 17px; }
.catalog-subcategory-card b,.catalog-subcategory-card small { display:block; }
.catalog-subcategory-card b { font-size:.96rem; font-weight:500; }
.catalog-subcategory-card small { margin-top:5px; color:#999; font: .61rem/1 var(--font-display); letter-spacing:.06em; }
.catalog-subcategory-card p { min-height:35px; margin:12px 0; color:#777; font-size:.7rem; line-height:1.6; }
.catalog-subcategory i { margin-left:auto; color:var(--bee-yellow); font-style:normal; font-size:1.2rem; }
.catalog-nav__empty { color:#888; font-size:.9rem; }
.catalog-products { background:#f5f4f0; }
.catalog-products__head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:38px; }
.catalog-products__head h2 { margin:8px 0 0; font-size:clamp(2rem,3.5vw,3.2rem); font-weight:300; }
.catalog-products__head p { margin:0; color:#777; font-size:.86rem; line-height:1.8; text-align:right; }
.catalog-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:26px; }
.catalog-product-card { display:grid; grid-template-columns:47% 1fr; height:100%; min-height:335px; overflow:hidden; background:#fff; color:inherit; text-decoration:none; box-shadow:0 10px 35px rgba(25,25,25,.04); transition:transform .35s ease,box-shadow .35s ease; }
.catalog-product-card:hover { transform:translateY(-7px); box-shadow:0 20px 45px rgba(25,25,25,.13); }
.catalog-product-card__media { position:relative; min-height:335px; overflow:hidden; background:#e7e5df; }
.catalog-product-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.2,.8,.2,1); }
.catalog-product-card:hover .catalog-product-card__media img { transform:scale(1.06); }
.catalog-product-card__index { position:absolute; z-index:1; top:17px; left:18px; color:#fff; font:500 .7rem/1 var(--font-display); letter-spacing:.16em; text-shadow:0 1px 5px #333; }
.catalog-product-card__type { position:absolute; z-index:1; left:14px; bottom:14px; max-width:calc(100% - 70px); padding:7px 9px; background:rgba(20,20,20,.72); color:#fff; font-size:.64rem; line-height:1; letter-spacing:.08em; }
.catalog-product-card__arrow { position:absolute; z-index:1; right:17px; bottom:15px; width:36px; height:36px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.65); border-radius:50%; color:#fff; font-size:1.1rem; transition:background .25s,color .25s; }
.catalog-product-card:hover .catalog-product-card__arrow { background:var(--bee-yellow); color:#111; border-color:var(--bee-yellow); }
.catalog-product-card__body { display:flex; flex-direction:column; padding:30px 26px 24px; }
.catalog-product-card__meta { display:flex; justify-content:space-between; align-items:center; gap:8px; color:#9a8353; font:500 .62rem/1.3 var(--font-display); letter-spacing:.12em; text-transform:uppercase; }
.catalog-product-card__meta strong { color:#313131; font-weight:500; letter-spacing:.04em; }
.catalog-product-card__body h2 { margin:15px 0 9px; font-size:1.35rem; font-weight:500; letter-spacing:.02em; line-height:1.35; }
.catalog-product-card__body p { display:-webkit-box; overflow:hidden; color:#777; font-size:.78rem; line-height:1.7; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.catalog-product-card__tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:13px; }
.catalog-product-card__tags span { padding:5px 8px; background:#f1f0eb; color:#777; font-size:.64rem; }
.catalog-product-card__link { margin-top:auto; padding-top:22px; color:#222; font-size:.76rem; letter-spacing:.08em; }
.catalog-product-card__link b { margin-left:8px; color:#a07b38; font-size:1rem; }
.catalog-empty { grid-column:1/-1; padding:70px; background:#fff; text-align:center; color:#888; }
.product-architecture { background:#f5f4f0; }
.product-architecture__intro { max-width:640px; margin-bottom:42px; }
.product-architecture__intro h2 { margin:8px 0 13px; font-size:clamp(2rem,4vw,3.4rem); font-weight:300; }
.product-architecture__intro p { margin:0; color:#777; line-height:1.9; }
.catalog-root-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:28px; }
.catalog-root-card { display:grid; grid-template-columns:34% 1fr; height:100%; min-height:340px; background:#fff; box-shadow:0 10px 35px rgba(25,25,25,.05); }
.catalog-root-card__visual { position:relative; overflow:hidden; background:#dedbd2; color:#fff; text-decoration:none; }
.catalog-root-card__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.68)); }
.catalog-root-card__visual img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.catalog-root-card__visual:hover img { transform:scale(1.08); }
.catalog-root-card__visual > span,.catalog-root-card__visual > b { position:absolute; z-index:1; left:17px; }
.catalog-root-card__visual > span { top:17px; font:500 .7rem/1 var(--font-display); letter-spacing:.15em; }
.catalog-root-card__visual > b { bottom:18px; font-size:.7rem; font-weight:400; letter-spacing:.06em; }
.catalog-root-card__content { display:flex; flex-direction:column; min-width:0; padding:28px 25px 20px; }
.catalog-root-card__heading { display:flex; justify-content:space-between; gap:12px; }
.catalog-root-card__heading .eyebrow { display:block; height:2.7em; overflow:hidden; line-height:1.35; }
.catalog-root-card__heading h2 { margin:8px 0 0; font-size:1.55rem; font-weight:400; }
.catalog-root-card__heading strong { color:#a07b38; font:400 1.8rem/1 var(--font-display); }
.catalog-root-card__heading strong small { display:block; margin-top:5px; color:#999; font: .58rem/1 var(--font-body); }
.catalog-root-card__content > p { min-height:52px; margin:19px 0; color:#777; font-size:.8rem; line-height:1.7; }
.catalog-root-card__subcats { border-top:1px solid #e8e6df; }
.catalog-root-card__subcats a { display:grid; grid-template-columns:24px 1fr 22px; gap:8px; align-items:center; padding:9px 0; border-bottom:1px solid #eee; color:inherit; text-decoration:none; transition:color .2s; }
.catalog-root-card__subcats a:hover { color:#a07b38; }
.catalog-root-card__subcats span { color:#b0a07b; font: .63rem/1 var(--font-display); }
.catalog-root-card__subcats b { font-size:.76rem; font-weight:500; }
.catalog-root-card__subcats small { grid-column:2; grid-row:2; margin-top:-6px; color:#aaa; font: .58rem/1 var(--font-display); }
.catalog-root-card__subcats i { grid-column:3; grid-row:1 / span 2; color:#a07b38; font-style:normal; }
.catalog-root-card__footer { display:flex; justify-content:space-between; gap:10px; margin-top:auto; padding-top:15px; color:#999; font-size:.66rem; }
.catalog-root-card__footer a { color:#222; text-decoration:none; }

.page-product-detail { background:#f5f4f0; }
.detail-hero { padding:30px 0 86px; background:#191919; color:#fff; }
.detail-hero .breadcrumb { color:rgba(255,255,255,.58); }
.detail-hero .breadcrumb a { color:#fff; }
.detail-hero__grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:clamp(45px,7vw,110px); align-items:center; padding-top:46px; }
.detail-hero__gallery { min-width:0; }
.detail-gallery__main { position:relative; aspect-ratio:1/1; overflow:hidden; background:#e4e2dc; }
.detail-gallery__main img { width:100%; height:100%; object-fit:cover; transition:opacity .2s,transform .7s; }
.detail-gallery__watermark { position:absolute; z-index:1; top:25px; left:27px; color:rgba(25,25,25,.55); font:500 .65rem/1.55 var(--font-display); letter-spacing:.18em; }
.detail-gallery__thumbs { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:12px; }
.detail-gallery__thumb { position:relative; aspect-ratio:1; padding:0; overflow:hidden; border:2px solid transparent; background:#555 center/cover no-repeat; cursor:pointer; }
.detail-gallery__thumb::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 50%,rgba(0,0,0,.58)); }
.detail-gallery__thumb.is-active { border-color:var(--bee-yellow); }
.detail-gallery__thumb span,.detail-gallery__thumb b { position:absolute; z-index:1; color:#fff; font-size:.65rem; }
.detail-gallery__thumb span { top:8px; left:9px; font-family:var(--font-display); }
.detail-gallery__thumb b { bottom:8px; left:9px; font-weight:400; }
.detail-quick-products { margin-top:14px; }
.detail-quick-products > small { display:block; margin-bottom:8px; color:rgba(255,255,255,.48); font-size:.62rem; letter-spacing:.12em; }
.detail-quick-products > div { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.detail-quick-product { display:grid; grid-template-columns:42px 1fr; align-items:center; gap:8px; min-width:0; padding:5px; border:1px solid rgba(255,255,255,.14); color:#fff; text-decoration:none; transition:border-color .2s,background .2s; }
.detail-quick-product:hover { border-color:var(--bee-yellow); background:rgba(255,255,255,.06); }
.detail-quick-product img { width:42px; height:42px; object-fit:cover; }
.detail-quick-product span { overflow:hidden; color:rgba(255,255,255,.72); font-size:.62rem; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.detail-hero__copy { max-width:520px; }
.detail-product-code { display:flex; justify-content:space-between; margin-bottom:38px; color:rgba(255,255,255,.45); font:500 .67rem/1 var(--font-display); letter-spacing:.14em; text-transform:uppercase; }
.detail-product-code b { color:var(--bee-yellow); font-weight:500; }
.detail-hero__copy .eyebrow { color:var(--bee-yellow); }
.detail-hero__copy h1 { margin:15px 0 9px; color:#fff; font-size:clamp(2.3rem,5vw,4.8rem); font-weight:300; line-height:1.05; letter-spacing:.04em; }
.detail-hero__en { margin:0 0 25px; color:rgba(255,255,255,.42); font:500 .75rem/1.5 var(--font-display); letter-spacing:.14em; text-transform:uppercase; }
.detail-hero__summary { max-width:440px; color:rgba(255,255,255,.68); line-height:1.9; }
.detail-hero__rule { width:100%; height:1px; margin:30px 0 24px; background:rgba(255,255,255,.15); }
.detail-feature-list { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin:0 0 35px; }
.detail-feature-list li { display:block; }
.detail-feature-list li > span { display:block; margin-bottom:14px; color:var(--bee-yellow); font:500 .7rem/1 var(--font-display); }
.detail-feature-list b,.detail-feature-list small { display:block; }
.detail-feature-list b { color:#fff; font-size:.82rem; font-weight:500; }
.detail-feature-list small { margin-top:7px; color:rgba(255,255,255,.42); font-size:.72rem; line-height:1.5; }
.detail-hero__actions { display:flex; align-items:center; gap:24px; }
.detail-text-link { color:#fff; font-size:.8rem; text-decoration:none; letter-spacing:.08em; }
.detail-text-link span { margin-left:8px; color:var(--bee-yellow); font-size:1.1rem; }
.detail-video { background:#e9e7e1; }
.detail-video video { display:block; width:100%; max-height:620px; object-fit:cover; background:#111; }
.detail-section-head { margin-bottom:38px; }
.detail-section-head h2 { margin:8px 0 10px; font-size:clamp(2rem,3.6vw,3.2rem); font-weight:300; }
.detail-section-head p { max-width:500px; margin:0; color:#777; line-height:1.8; }
.detail-spec { background:#fff; }
.detail-spec__layout { display:grid; grid-template-columns:220px 1fr; gap:46px; align-items:start; }
.detail-spec__note { min-height:225px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; background:#191919; color:#fff; }
.detail-spec__note span { color:var(--bee-yellow); font:500 .67rem/1.55 var(--font-display); letter-spacing:.18em; }
.detail-spec__note b { font:400 1.7rem/1 var(--font-display); letter-spacing:.08em; }
.detail-spec__note small { color:rgba(255,255,255,.45); font-size:.7rem; line-height:1.6; }
.detail-spec-table { width:100%; border-collapse:collapse; }
.detail-spec-table th,.detail-spec-table td { padding:17px 20px; border-bottom:1px solid #e8e6df; text-align:left; }
.detail-spec-table th { width:42%; color:#555; font-weight:500; }
.detail-spec-table td { color:#1c1c1c; font-weight:500; }
.detail-spec-table small { display:block; margin-top:4px; color:#aaa; font: .65rem/1 var(--font-display); letter-spacing:.05em; }
html[lang="en"] .detail-spec-table [data-spec-translation] { display:none; }
.detail-scenarios { background:#f5f4f0; }
.detail-scenario-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.detail-scenario { margin:0; background:#fff; }
.detail-scenario > div { position:relative; aspect-ratio:4/3; overflow:hidden; }
.detail-scenario img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.detail-scenario:hover img { transform:scale(1.05); }
.detail-scenario > div span { position:absolute; bottom:14px; left:16px; color:#fff; font:500 .7rem/1 var(--font-display); text-shadow:0 1px 4px #333; }
.detail-scenario figcaption { padding:18px 20px 21px; }
.detail-scenario figcaption b,.detail-scenario figcaption small { display:block; }
.detail-scenario figcaption b { font-weight:500; }
.detail-scenario figcaption small { margin-top:5px; color:#999; font: .65rem/1 var(--font-display); letter-spacing:.08em; }
.detail-scenario figcaption p { margin:12px 0 0; color:#777; font-size:.78rem; }
.detail-related { background:#191919; color:#fff; }
.detail-related .detail-section-head h2 { color:#fff; }
.detail-related .eyebrow { color:var(--bee-yellow); }
.detail-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.detail-related { padding-bottom:90px; }
.detail-related > .container { position:relative; }
.detail-related-grid a { color:#fff; text-decoration:none; }
.detail-related-grid a > div { position:relative; aspect-ratio:4/3; margin-bottom:18px; overflow:hidden; background:#333; }
.detail-related-grid img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.detail-related-grid a:hover img { transform:scale(1.06); }
.detail-related-grid a > div span { position:absolute; top:14px; left:15px; color:#fff; font:500 .7rem/1 var(--font-display); }
.detail-related-grid small { color:var(--bee-yellow); font: .65rem/1 var(--font-display); letter-spacing:.12em; }
.detail-related-grid h3 { margin:9px 0 12px; font-size:1.15rem; font-weight:400; }
.detail-related-grid b { color:rgba(255,255,255,.6); font-size:.73rem; font-weight:400; }
@media (max-width: 900px) { .catalog-hero__media { left:25%; opacity:.8; } .catalog-nav__inner { grid-template-columns:1fr; gap:24px; } .catalog-nav__list { grid-template-columns:repeat(2,1fr); } .catalog-story__block,.catalog-story__block:nth-child(even) { grid-template-columns:1fr; } .catalog-story__block:nth-child(even) .catalog-story__image { order:0; } .detail-hero__grid { grid-template-columns:1fr; } .detail-hero__copy { max-width:none; } .detail-spec__layout { grid-template-columns:1fr; } .detail-spec__note { min-height:150px; } .catalog-root-grid { grid-template-columns:1fr; } }
@media (max-width: 680px) { .catalog-hero,.catalog-hero__inner,.catalog-hero__slide-copy { min-height:620px; } .catalog-hero__media { inset:0; left:0; opacity:.55; } .catalog-hero__copy h1 { font-size:3.4rem; } .catalog-hero__slide-copy { justify-content:flex-end; padding-bottom:110px; } .catalog-hero__slide-copy h2 { font-size:2.3rem; } .catalog-hero__pagination { left:24px; right:auto; bottom:70px; } .catalog-nav__list,.catalog-product-grid,.detail-scenario-grid,.detail-related-grid { grid-template-columns:1fr; } .catalog-products__head { display:block; } .catalog-products__head p { margin-top:18px; text-align:left; } .catalog-product-card { grid-template-columns:42% 1fr; min-height:260px; } .catalog-product-card__media { min-height:260px; } .catalog-product-card__body { padding:20px 17px; } .catalog-product-card__body h2 { margin-top:17px; font-size:1.05rem; } .catalog-product-card__body p { font-size:.72rem; } .catalog-root-card { grid-template-columns:1fr; } .catalog-root-card__visual { min-height:190px; } .catalog-story__copy { padding:28px 22px; } .catalog-story__image img { min-height:280px; } .detail-hero { padding-bottom:55px; } .detail-feature-list { grid-template-columns:1fr; } .detail-hero__actions { align-items:flex-start; flex-direction:column; gap:18px; } .detail-gallery__thumb b { font-size:.58rem; } }

/* 目录展示密度：让首屏先看到更多分类和产品，再进入详情阅读。 */
@media (min-width: 901px) {
  .page-catalog--root .catalog-hero { min-height: 410px; }
  .page-catalog--root .catalog-hero__inner { min-height: 410px; padding-bottom: 45px; }
  .page-catalog--root .catalog-hero__copy h1 { font-size: clamp(2.8rem, 5vw, 5rem); }
  .page-catalog--root .catalog-products { padding-top: 56px; }
  .page-catalog--root .catalog-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .page-catalog--root .catalog-product-card { display:block; min-height:0; }
  .page-catalog--root .catalog-product-card__media { min-height:0; aspect-ratio:1 / 1; }
  .page-catalog--root .catalog-product-card__body { padding:16px 16px 17px; }
  .page-catalog--root .catalog-product-card__body h2 { margin:13px 0 8px; font-size:1rem; }
  .page-catalog--root .catalog-product-card__body p { -webkit-line-clamp:2; }
  .page-catalog--root .catalog-product-card__tags { margin-top:10px; }
  .page-catalog--root .catalog-product-card__link { padding-top:14px; }

  .page-product-index .product-architecture { padding-top: 48px; }
  .page-product-index .product-architecture__intro { margin-bottom: 28px; }
  .page-product-index .product-architecture__intro h2 { font-size: 2.35rem; }
  .page-product-index .catalog-root-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .page-product-index .catalog-root-card { display:flex; flex-direction:column; height:100%; min-height:0; }
  .page-product-index .catalog-root-card__visual { display:block; flex:0 0 auto; aspect-ratio: 1.15; }
  .page-product-index .catalog-root-card__content { flex:1 1 auto; min-height:330px; padding: 16px 16px 14px; }
  .page-product-index .catalog-root-card__heading .eyebrow { height:2.7em; }
  .page-product-index .catalog-root-card__heading h2 { font-size: 1.15rem; }
  .page-product-index .catalog-root-card__heading strong { font-size: 1.35rem; }
  .page-product-index .catalog-root-card__content > p { min-height: 37px; margin: 12px 0; font-size: .72rem; }
  .page-product-index .catalog-root-card__subcats { margin-top: 4px; }
  .page-product-index .catalog-root-card__subcats a { grid-template-columns: 22px 1fr 18px; padding: 8px 0; }
  .page-product-index .catalog-root-card__subcats b { font-size: .72rem; }
  .page-product-index .catalog-root-card__subcats small { font-size: .55rem; }
  .page-product-index .catalog-root-card__footer { padding-top: 11px; }

  .page-catalog--leaf .catalog-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .page-catalog--leaf .catalog-product-card { display:block; min-height:0; }
  .page-catalog--leaf .catalog-product-card__media { min-height:0; aspect-ratio: 1 / 1; }
  .page-catalog--leaf .catalog-product-card__body { padding: 16px 16px 17px; }
  .page-catalog--leaf .catalog-product-card__body h2 { margin: 14px 0 8px; font-size: 1rem; }
  .page-catalog--leaf .catalog-product-card__body p { -webkit-line-clamp:2; }
  .page-catalog--leaf .catalog-product-card__tags { margin-top: 10px; }
  .page-catalog--leaf .catalog-product-card__link { padding-top: 14px; }
}

@media (max-width: 900px) and (min-width: 681px) {
  .page-catalog--root .catalog-hero,.page-catalog--root .catalog-hero__inner { min-height: 460px; }
  .page-catalog--root .catalog-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-catalog--leaf .catalog-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-catalog--leaf .catalog-product-card { display:block; min-height:0; }
  .page-catalog--leaf .catalog-product-card__media { min-height:0; aspect-ratio:1 / 1; }
  .page-catalog--leaf .catalog-product-card__body p { display:none; }
}

@media (max-width: 680px) {
  .page-catalog--root .catalog-hero,.page-catalog--root .catalog-hero__inner { min-height: 520px; }
  .page-catalog--root .catalog-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .page-catalog--root .catalog-product-card { display:block; }
  .page-catalog--root .catalog-product-card__media { aspect-ratio:1 / 1.08; }
  .page-catalog--root .catalog-product-card__body { min-height:142px; padding:10px 9px 11px; }
  .page-catalog--root .catalog-product-card__meta { display:block; }
  .page-catalog--root .catalog-product-card__meta strong { display:block; margin-top:4px; }
  .page-catalog--root .catalog-product-card__body h2 { margin:9px 0 0; font-size:.86rem; line-height:1.4; }
  .page-catalog--root .catalog-product-card__body p,.page-catalog--root .catalog-product-card__tags { display:none; }
  .page-catalog--root .catalog-product-card__link { padding-top:10px; font-size:.64rem; }
  .page-catalog--root .catalog-product-card__type { left:8px; bottom:8px; padding:5px 6px; font-size:.55rem; }
}

/* 一级分类页直接给出产品速览，减少“进入一个子分类才能看到产品”的往返。 */
.catalog-preview { background:#f5f4f0; }
.catalog-preview__head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:22px; }
.catalog-preview__head h2 { margin:7px 0 0; font-size:clamp(1.8rem,3vw,2.6rem); font-weight:300; }
.catalog-preview__head p { margin:0; color:#777; font-size:.78rem; line-height:1.7; text-align:right; }
.catalog-preview-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.catalog-preview-card { display:block; overflow:hidden; background:#fff; color:inherit; text-decoration:none; box-shadow:0 8px 22px rgba(25,25,25,.05); transition:transform .25s ease,box-shadow .25s ease; }
.catalog-preview-card:hover { transform:translateY(-5px); box-shadow:0 14px 30px rgba(25,25,25,.12); }
.catalog-preview-card__media { position:relative; aspect-ratio:1.25; overflow:hidden; background:#ddd9cf; }
.catalog-preview-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.catalog-preview-card:hover .catalog-preview-card__media img { transform:scale(1.06); }
.catalog-preview-card__media span,.catalog-preview-card__media i { position:absolute; z-index:1; color:#fff; }
.catalog-preview-card__media span { top:12px; left:13px; font:500 .65rem/1 var(--font-display); text-shadow:0 1px 4px #333; }
.catalog-preview-card__media i { right:12px; bottom:10px; font-size:1.1rem; font-style:normal; }
.catalog-preview-card__body { display:grid; grid-template-columns:1fr auto; gap:6px 10px; padding:12px 14px 13px; }
.catalog-preview-card__body small { grid-column:1/-1; color:#a07b38; font-size:.62rem; }
.catalog-preview-card__body b { min-width:0; overflow:hidden; font-size:.82rem; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.catalog-preview-card__body span { color:#777; font-size:.62rem; white-space:nowrap; }
@media (max-width:900px) { .catalog-preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:680px) { .catalog-preview__head { display:block; } .catalog-preview__head p { margin-top:10px; text-align:left; } .catalog-preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .catalog-preview-card__body { display:block; padding:10px; } .catalog-preview-card__body small,.catalog-preview-card__body b,.catalog-preview-card__body span { display:block; } .catalog-preview-card__body b { margin-top:4px; } .catalog-preview-card__body span { margin-top:7px; } }

/* 产品详情：沿用品牌官网黑 / 白 / 蜂黄色体系，提升产品信息密度与图片浏览。 */
.page-product-detail { background:#f4f2ed; }
.page-product-detail .detail-hero { padding:26px 0 62px; background:#171717; }
.page-product-detail .detail-hero__grid { grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); gap:clamp(38px,5vw,76px); align-items:start; padding-top:28px; }
.detail-gallery__main { display:block; width:100%; padding:0; border:0; color:#171717; cursor:zoom-in; }
.detail-gallery__main::after { content:""; position:absolute; inset:0; border:1px solid rgba(255,255,255,.15); pointer-events:none; }
.detail-gallery__main img { display:block; }
.detail-gallery__badge,.detail-gallery__zoom { position:absolute; z-index:2; display:flex; align-items:center; background:rgba(18,18,18,.82); color:#fff; font:500 .64rem/1 var(--font-display); letter-spacing:.12em; }
.detail-gallery__badge { top:16px; left:16px; gap:5px; padding:10px 12px; }
.detail-gallery__badge b { color:var(--bee-yellow); }
.detail-gallery__zoom { right:16px; bottom:16px; gap:10px; padding:10px 12px; }
.detail-gallery__zoom i { color:var(--bee-yellow); font-style:normal; font-size:1rem; }
.detail-gallery__thumbs { grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:8px; }
.detail-gallery__thumb { border-width:1px; background:#2a2a2a; }
.detail-gallery__thumb img { width:100%; height:100%; object-fit:cover; }
.detail-gallery__thumb::after { background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.55)); }
.detail-gallery__thumb.is-active { border-color:var(--bee-yellow); }
.detail-gallery__thumb span { top:auto; bottom:7px; left:8px; }
.detail-product-model { display:flex; justify-content:space-between; gap:20px; padding-bottom:17px; margin-bottom:24px; border-bottom:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.43); font:500 .62rem/1.3 var(--font-display); letter-spacing:.14em; text-transform:uppercase; }
.detail-product-model b { color:var(--bee-yellow); font-size:.74rem; }
.page-product-detail .detail-hero__copy { max-width:560px; padding-top:3px; }
.page-product-detail .detail-hero__copy h1 { margin:12px 0 7px; font-size:clamp(2.15rem,3.5vw,3.8rem); }
.page-product-detail .detail-hero__summary { margin:18px 0 22px; }
.detail-sku { margin:22px 0 20px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.045); box-shadow:0 18px 45px rgba(0,0,0,.18); }
.detail-sku__head { display:flex; justify-content:space-between; align-items:flex-end; gap:18px; padding:16px 18px 14px; border-bottom:1px solid rgba(255,255,255,.12); }
.detail-sku__head span { color:var(--bee-yellow); font:600 .62rem/1 var(--font-display); letter-spacing:.18em; }
.detail-sku__head h2 { margin:8px 0 0; color:#fff; font-size:1rem; font-weight:500; letter-spacing:.08em; }
.detail-sku__head small { max-width:210px; color:rgba(255,255,255,.42); font-size:.66rem; line-height:1.55; text-align:right; }
.detail-sku__options { padding:0 18px; }
.detail-option { padding:14px 0; border-top:1px solid rgba(255,255,255,.1); }
.detail-option:first-child { border-top:0; }
.detail-option__name { display:flex; justify-content:space-between; margin-bottom:11px; font-size:.72rem; }
.detail-option__name span { color:rgba(255,255,255,.52); }
.detail-option__name b { color:#fff; font-weight:500; }
.detail-option__values { display:flex; flex-wrap:wrap; gap:8px; }
.detail-option__value { display:flex; align-items:center; gap:8px; min-height:40px; padding:5px 13px 5px 6px; border:1px solid rgba(255,255,255,.22); background:rgba(0,0,0,.08); color:rgba(255,255,255,.74); cursor:pointer; transition:border-color .25s,color .25s,background .25s; }
.detail-option__value:hover { border-color:rgba(238,174,45,.62); color:#fff; }
.detail-option__value img { width:30px; height:30px; object-fit:cover; background:#222; }
.detail-option__value.is-active { border-color:var(--bee-yellow); background:rgba(238,174,45,.12); color:#fff; }
.detail-sku__specs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:0; margin:0; border-top:1px solid rgba(255,255,255,.12); }
.detail-sku__specs li { display:flex; justify-content:space-between; gap:12px; padding:12px 18px; border-top:1px solid rgba(255,255,255,.07); list-style:none; }
.detail-sku__specs li:nth-child(1),.detail-sku__specs li:nth-child(2) { border-top:0; }
.detail-sku__specs li:nth-child(odd) { border-right:1px solid rgba(255,255,255,.07); }
.detail-sku__specs span { color:rgba(255,255,255,.42); font-size:.66rem; }
.detail-sku__specs b { color:#fff; font-size:.7rem; font-weight:500; text-align:right; }
.detail-hero__features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:19px 0 22px; margin:0; border-top:1px solid rgba(255,255,255,.14); }
.detail-hero__features li { display:flex; gap:8px; min-width:0; }
.detail-hero__features i { width:5px; height:5px; flex:0 0 auto; margin-top:5px; border-radius:50%; background:var(--bee-yellow); }
.detail-hero__features b,.detail-hero__features small { display:block; }
.detail-hero__features b { overflow:hidden; font-size:.75rem; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.detail-hero__features small { margin-top:5px; color:rgba(255,255,255,.42); font-size:.65rem; line-height:1.45; }
.detail-inquiry { display:flex; align-items:center; gap:20px; }
.detail-inquiry > div span,.detail-inquiry > div a { display:block; }
.detail-inquiry > div span { color:rgba(255,255,255,.42); font-size:.65rem; }
.detail-inquiry > div a { margin-top:5px; color:#fff; font:500 .85rem/1 var(--font-display); text-decoration:none; letter-spacing:.05em; }
.detail-inquiry__note { margin:13px 0 0; color:rgba(255,255,255,.35); font-size:.62rem; }
.detail-section-head--row { display:flex; justify-content:space-between; align-items:end; gap:30px; }
.detail-section-head--row > p { text-align:right; }
.detail-features { background:#fff; }
.detail-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; margin:0; border-top:1px solid #dedbd2; border-left:1px solid #dedbd2; }
.detail-feature-grid li { min-height:188px; padding:24px; border-right:1px solid #dedbd2; border-bottom:1px solid #dedbd2; }
.detail-feature-grid li > span { color:#aa8240; font:500 .68rem/1 var(--font-display); letter-spacing:.12em; }
.detail-feature-grid h3 { margin:34px 0 10px; font-size:1rem; font-weight:500; }
.detail-feature-grid p { margin:0; color:#777; font-size:.76rem; line-height:1.7; }
.detail-content { background:#e9e6df; }
.detail-richtext { max-width:880px; margin:0 auto; padding:clamp(32px,5vw,64px); background:#fff; color:#3a3a3a; font-size:.92rem; line-height:1.95; }
.detail-richtext h2,.detail-richtext h3,.detail-richtext h4 { margin:1.6em 0 .6em; color:#161513; font-weight:400; line-height:1.35; }
.detail-richtext h2 { font-size:1.5rem; }
.detail-richtext h3 { font-size:1.25rem; }
.detail-richtext h4 { font-size:1.05rem; }
.detail-richtext > :first-child { margin-top:0; }
.detail-richtext p { margin:0 0 1em; }
.detail-richtext img { display:block; max-width:100%; height:auto; margin:1.4em auto; }
.detail-richtext ul,.detail-richtext ol { margin:0 0 1em; padding-left:1.6em; }
.detail-richtext li { margin:.3em 0; }
.detail-richtext a { color:#aa8240; text-decoration:underline; }
.detail-richtext table { width:100%; margin:0 0 1em; border-collapse:collapse; }
.detail-richtext th,.detail-richtext td { padding:10px 12px; border:1px solid #dedbd2; text-align:left; }
.detail-richtext blockquote { margin:1.4em 0; padding:4px 0 4px 18px; border-left:3px solid #aa8240; color:#6e6e6e; }
.detail-video video { max-height:680px; }
.detail-spec-table-wrap { overflow-x:auto; }
.detail-dimensions { background:#fff; }
.detail-dimensions__image { position:relative; display:block; width:100%; padding:0; border:0; background:#f2f1ed; cursor:zoom-in; }
.detail-dimensions__image img { display:block; width:100%; max-height:760px; object-fit:contain; }
.detail-dimensions__image span { position:absolute; right:18px; bottom:18px; padding:10px 12px; background:#171717; color:#fff; font-size:.68rem; }
.detail-scenario-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.detail-scenario figcaption h3 { margin:0; font-size:1rem; font-weight:500; }
.detail-documents { background:#fff; }
.detail-document-list { border-top:1px solid #ddd; }
.detail-document-list a { display:grid; grid-template-columns:70px 1fr auto; gap:20px; align-items:center; padding:18px 5px; border-bottom:1px solid #ddd; color:#222; text-decoration:none; }
.detail-document-list span { color:#aa8240; font:500 .65rem/1 var(--font-display); }
.detail-document-list b { font-size:.9rem; font-weight:500; }
.detail-document-list i { color:#777; font-size:.72rem; font-style:normal; }
.detail-related .detail-section-head > a { color:rgba(255,255,255,.62); font-size:.75rem; text-decoration:none; }
.detail-related-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.detail-related-card p { margin:0; color:rgba(255,255,255,.42); font:500 .65rem/1 var(--font-display); letter-spacing:.1em; }
.detail-lightbox { width:100vw; max-width:none; height:100vh; max-height:none; padding:0; border:0; background:#101010; color:#fff; }
.detail-lightbox::backdrop { background:#101010; }
.detail-lightbox__toolbar { position:absolute; z-index:3; top:0; left:0; right:0; display:flex; justify-content:space-between; align-items:center; padding:20px 26px; background:linear-gradient(#101010,transparent); }
.detail-lightbox__toolbar span { color:var(--bee-yellow); font:500 .68rem/1 var(--font-display); letter-spacing:.15em; }
.detail-lightbox__toolbar button,.detail-lightbox__arrow { border:0; background:transparent; color:#fff; cursor:pointer; }
.detail-lightbox__stage { width:100%; height:100%; }
.detail-lightbox__slide { display:none; width:100%; height:100%; margin:0; padding:64px 80px 44px; }
.detail-lightbox__slide.is-active { display:flex; flex-direction:column; align-items:center; justify-content:center; }
.detail-lightbox__slide img { max-width:100%; max-height:calc(100vh - 130px); object-fit:contain; }
.detail-lightbox__slide figcaption { margin-top:14px; color:rgba(255,255,255,.55); font-size:.72rem; }
.detail-lightbox__arrow { position:absolute; z-index:3; top:50%; width:48px; height:48px; border:1px solid rgba(255,255,255,.3); border-radius:50%; transform:translateY(-50%); }
.detail-lightbox__arrow--prev { left:24px; }
.detail-lightbox__arrow--next { right:24px; }
.detail-standalone-preview { position:fixed; z-index:9999; inset:0; display:grid; place-items:center; padding:65px 28px 28px; background:rgba(12,12,12,.96); }
.detail-standalone-preview[hidden] { display:none; }
.detail-standalone-preview img { max-width:100%; max-height:calc(100vh - 90px); object-fit:contain; }
.detail-standalone-preview button { position:absolute; top:22px; right:24px; border:0; background:transparent; color:#fff; cursor:pointer; }
body.preview-open { overflow:hidden; }

/* 商品详情首屏覆盖：把产品详情从品牌海报式改为更明确的电商商品卡片式。 */
.page-product-detail .detail-hero {
  padding:26px 0 56px;
  background:#f4f2ed;
  color:#171717;
}
.page-product-detail .detail-hero .breadcrumb {
  background:transparent;
  border-bottom:0;
  color:#7b786f;
}
.page-product-detail .detail-hero .breadcrumb a { color:#171717; }
.page-product-detail .detail-hero .breadcrumb li::after { color:#c7bfae; }
.page-product-detail .detail-hero .breadcrumb li:last-child { color:#171717; }
.page-product-detail .detail-hero__grid {
  grid-template-columns:minmax(0,52%) minmax(380px,48%);
  gap:0;
  align-items:start;
  padding:24px;
  margin-top:24px;
  background:#fff;
  border:1px solid #e5e1d8;
  box-shadow:0 28px 70px rgba(30,24,15,.1);
}
.page-product-detail .detail-hero__gallery {
  padding-right:28px;
  border-right:1px solid #ebe7dd;
}
.page-product-detail .detail-gallery__main::after { border-color:#eee8dd; }
.page-product-detail .detail-gallery__thumb { border-color:#e7e2d8; background:#f7f5ef; }
.page-product-detail .detail-gallery__thumb::after { background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.42)); }
.page-product-detail .detail-hero__copy {
  max-width:none;
  padding:4px 0 0 28px;
}
.page-product-detail .detail-product-model {
  padding-bottom:15px;
  margin-bottom:22px;
  border-bottom:1px solid #ede8df;
  color:#9a968e;
}
.page-product-detail .detail-hero__copy .eyebrow { color:#a07b38; }
.page-product-detail .detail-hero__copy h1 {
  color:#171717;
  font-size:clamp(2rem,3.2vw,3.35rem);
  font-weight:400;
}
.page-product-detail .detail-hero__en { color:#99948b; }
.page-product-detail .detail-hero__summary {
  max-width:none;
  color:#5f5b54;
}
.page-product-detail .detail-sku {
  border:1px solid #e5dfd3;
  background:#fbfaf7;
  box-shadow:none;
}
.page-product-detail .detail-sku__head { border-bottom:1px solid #e8e1d4; }
.page-product-detail .detail-sku__head h2 { color:#171717; font-weight:600; }
.page-product-detail .detail-sku__head small { color:#8b867d; }
.page-product-detail .detail-option { border-top-color:#eee8dc; }
.page-product-detail .detail-option__name span { color:#7d776d; }
.page-product-detail .detail-option__name b { color:#171717; font-weight:600; }
.page-product-detail .detail-option__value {
  border-color:#ddd4c4;
  background:#fff;
  color:#4f4a43;
}
.page-product-detail .detail-option__value:hover {
  border-color:rgba(238,174,45,.72);
  color:#171717;
}
.page-product-detail .detail-option__value img { background:#f1eee7; }
.page-product-detail .detail-option__value.is-active {
  border-color:var(--bee-yellow);
  background:#fff8e8;
  color:#171717;
  box-shadow:inset 0 0 0 1px rgba(238,174,45,.35);
}
.page-product-detail .detail-sku__specs {
  border-top-color:#e8e1d4;
}
.page-product-detail .detail-sku__specs li {
  border-top-color:#eee8dc;
}
.page-product-detail .detail-sku__specs li:nth-child(odd) { border-right-color:#eee8dc; }
.page-product-detail .detail-sku__specs span { color:#8a8377; }
.page-product-detail .detail-sku__specs b {
  color:#171717;
  font-weight:600;
}
.page-product-detail .detail-hero__features { border-top-color:#ede8df; }
.page-product-detail .detail-hero__features b {
  color:#171717;
  font-weight:600;
}
.page-product-detail .detail-hero__features small { color:#8a8377; }
.page-product-detail .detail-inquiry > div span { color:#8a8377; }
.page-product-detail .detail-inquiry > div a {
  color:#171717;
  font-weight:600;
}
.page-product-detail .detail-inquiry__note { color:#9c968e; }

/* 产品中心根页：先看一级/二级分类，再辅助展示具体商品。 */
.page-product-index .page-hero--product-index {
  min-height: 0;
  padding: 54px 0 42px;
}
.page-product-index .page-hero--product-index .page-hero__inner {
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.page-product-index .page-hero--product-index h1 {
  margin-bottom: 16px;
  font-size: clamp(2.45rem, 5vw, 4.1rem);
}
.page-product-index .page-hero--product-index .page-hero__sub {
  max-width: 700px;
  margin-top: 0;
  font-size: .96rem;
  line-height: 1.75;
}
.page-product-index .product-index-featured {
  padding: 46px 0 78px;
}
.page-product-index .product-index-featured .catalog-products__head {
  align-items: flex-start;
  margin-bottom: 24px;
}
.page-product-index .product-index-featured .catalog-products__head h2 {
  font-size: clamp(1.9rem, 3.1vw, 2.8rem);
}
.page-product-index .product-index-featured .catalog-products__head p {
  max-width: 430px;
  padding-top: 30px;
}
.page-product-index .product-index-featured .catalog-product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.page-product-index .product-index-featured .catalog-product-card {
  display: block;
  min-height: 0;
}
.page-product-index .product-index-featured .catalog-product-card__media {
  min-height: 0;
  aspect-ratio: 1 / 1;
}
.page-product-index .product-index-featured .catalog-product-card__body {
  min-height: 152px;
  padding: 16px 16px 17px;
}
.page-product-index .product-index-featured .catalog-product-card__body h2 {
  margin: 13px 0 8px;
  font-size: 1rem;
}
.page-product-index .product-index-featured .catalog-product-card__body p {
  -webkit-line-clamp: 2;
}
.page-product-index .product-index-featured .catalog-product-card__tags {
  margin-top: 10px;
}
.page-product-index .product-index-featured .catalog-product-card__link {
  padding-top: 14px;
}
.page-product-index .product-index-categories {
  padding-top: 66px;
}

@media (max-width:1100px) {
  .page-product-index .product-index-featured .catalog-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width:760px) {
  .page-product-index .page-hero--product-index {
    padding: 42px 0 34px;
  }
  .page-product-index .product-index-featured {
    padding: 38px 0 58px;
  }
  .page-product-index .product-index-featured .catalog-products__head {
    display: block;
  }
  .page-product-index .product-index-featured .catalog-products__head p {
    max-width: none;
    padding-top: 0;
    margin-top: 16px;
    text-align: left;
  }
  .page-product-index .product-index-featured .catalog-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .page-product-index .product-index-featured .catalog-product-card__media {
    aspect-ratio: 1 / 1.08;
  }
  .page-product-index .product-index-featured .catalog-product-card__body {
    min-height: 142px;
    padding: 10px 9px 11px;
  }
  .page-product-index .product-index-featured .catalog-product-card__meta {
    display: block;
  }
  .page-product-index .product-index-featured .catalog-product-card__meta strong {
    display: block;
    margin-top: 4px;
  }
  .page-product-index .product-index-featured .catalog-product-card__body h2 {
    margin: 9px 0 0;
    font-size: .86rem;
    line-height: 1.4;
  }
  .page-product-index .product-index-featured .catalog-product-card__body p,
  .page-product-index .product-index-featured .catalog-product-card__tags {
    display: none;
  }
  .page-product-index .product-index-featured .catalog-product-card__link {
    padding-top: 10px;
    font-size: .64rem;
  }
  .page-product-index .product-index-featured .catalog-product-card__type {
    left: 8px;
    bottom: 8px;
    padding: 5px 6px;
    font-size: .55rem;
  }
}

@media (max-width:900px) {
  .page-product-detail .detail-hero__grid { grid-template-columns:1fr; }
  .page-product-detail .detail-hero__gallery { padding-right:0; border-right:0; }
  .page-product-detail .detail-hero__copy { max-width:none; padding:28px 0 0; }
  .detail-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .detail-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:680px) {
  .page-product-detail .detail-hero { padding-top:18px; }
  .page-product-detail .detail-hero__grid { gap:30px; padding-top:20px; }
  .detail-gallery__thumbs { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .detail-gallery__zoom { font-size:0; }
  .detail-sku__head { display:block; }
  .detail-sku__head small { display:block; max-width:none; margin-top:8px; text-align:left; }
  .detail-sku__specs { grid-template-columns:1fr; }
  .detail-sku__specs li:nth-child(odd) { border-right:0; }
  .detail-sku__specs li:nth-child(2) { border-top:1px solid rgba(255,255,255,.07); }
  .detail-hero__features { grid-template-columns:1fr; }
  .detail-inquiry { align-items:flex-start; flex-direction:column; }
  .detail-inquiry .btn { width:100%; text-align:center; }
  .detail-section-head--row { display:block; }
  .detail-section-head--row > p { margin-top:12px; text-align:left; }
  .detail-feature-grid { grid-template-columns:1fr; }
  .detail-feature-grid li { min-height:150px; }
  .detail-richtext { padding:28px 22px 32px; font-size:.85rem; }
  .detail-spec__layout { gap:20px; }
  .detail-scenario-grid { grid-template-columns:1fr; }
  .detail-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .detail-related-grid a > div { aspect-ratio:1/1; }
  .detail-lightbox__slide { padding:58px 16px 70px; }
  .detail-lightbox__arrow { top:auto; bottom:15px; transform:none; }
}

.page-news-detail .page-hero--compact {
  padding-bottom: 34px;
}

.news-list {
  padding-top: 38px;
  padding-bottom: 82px;
}

.news-list__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.news-list-card {
  display: grid;
  grid-template-columns: minmax(240px, 0.95fr) minmax(0, 1fr);
  min-height: 280px;
  text-decoration: none;
  color: inherit;
  border: 1px solid rgba(23, 19, 15, .08);
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}

.news-list-card:hover {
  transform: translateY(-4px);
  border-color: rgba(232,184,74,.42);
  box-shadow: 0 22px 50px rgba(23,19,15,.08);
}

.news-list-card__media {
  position: relative;
  overflow: hidden;
  background: #1d1915;
}

.news-list-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}

.news-list-card:hover .news-list-card__media img {
  transform: scale(1.05);
}

.news-list-card__media span {
  position: absolute;
  left: 18px;
  top: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(18,16,14,.74);
  color: #fff;
  font-size: .78rem;
  letter-spacing: .18em;
}

.news-list-card__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px 28px 30px;
}

.news-list-card__body time {
  color: #a19585;
  font-size: .78rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.news-list-card__body h2 {
  margin: 14px 0 14px;
  color: #171310;
  font-size: 1.5rem;
  line-height: 1.45;
  font-weight: 500;
}

.news-list-card__body p {
  margin: 0;
  color: #62584c;
  line-height: 1.85;
}

.news-list-card__body b {
  margin-top: 18px;
  color: var(--bee-yellow-deep);
  font-size: .86rem;
  font-weight: 500;
  letter-spacing: .12em;
}

.news-list-empty {
  padding: 56px 32px;
  border-radius: 24px;
  background: #f7f3ee;
  text-align: center;
  grid-column: 1 / -1;
}

.news-list-empty h2 {
  margin: 0 0 12px;
  font-size: 1.8rem;
}

.news-list-empty p {
  margin: 0;
  color: #7e7468;
}

.news-detail {
  padding-top: 44px;
  padding-bottom: 86px;
}

.news-detail__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.8fr);
  gap: 40px;
  align-items: start;
}

.news-detail__article {
  background: #fff;
  max-width: 880px;
}

.news-detail__cover {
  overflow: hidden;
  border-radius: 22px;
  margin-bottom: 22px;
}

.news-detail__cover img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.news-detail__meta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  color: #8a8277;
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  margin-bottom: 22px;
}

.news-detail__content {
  color: #2d241b;
  font-size: 1rem;
  line-height: 1.95;
}

.news-detail__content p {
  margin: 0 0 18px;
}

.news-detail__pager {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 30px;
}

.news-detail__pager-link {
  display: block;
  padding: 18px 20px;
  border-radius: 18px;
  border: 1px solid rgba(23,19,15,.08);
  text-decoration: none;
  color: inherit;
  background: #faf8f4;
}

.news-detail__pager-link span {
  display: block;
  margin-bottom: 8px;
  color: #9b8d7d;
  font-size: .78rem;
  letter-spacing: .14em;
}

.news-detail__pager-link strong {
  display: block;
  color: #171310;
  line-height: 1.7;
  font-weight: 500;
}

.news-detail__pager-link--next {
  text-align: right;
}

.news-detail__aside {
  position: sticky;
  top: 110px;
}

.news-detail__panel {
  padding: 24px 22px;
  border-radius: 22px;
  background: linear-gradient(180deg, #171411 0%, #241d17 100%);
  color: #fff;
}

.news-detail__panel h2 {
  margin: 8px 0 18px;
  font-size: 1.4rem;
  font-weight: 400;
}

.news-related-card {
  display: block;
  padding: 16px 0;
  border-top: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.88);
  text-decoration: none;
}

.news-related-card:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.news-related-card span {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--bee-yellow-soft);
  font-size: 0.75rem;
  letter-spacing: 0.18em;
}

.news-related-card strong {
  display: block;
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: 500;
}

.news-related-card p {
  margin: 0;
  color: rgba(255,255,255,.65);
  line-height: 1.7;
  font-size: 0.9rem;
}

.news-related-card:hover strong {
  color: var(--bee-yellow-soft);
}

@media (max-width: 980px) {
  .news-list__grid {
    grid-template-columns: 1fr;
  }

  .news-list-card {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .news-list-card__media {
    aspect-ratio: 16 / 10;
  }

  .news-detail__grid {
    grid-template-columns: 1fr;
  }

  .news-detail__aside {
    position: static;
  }

  .news-detail__pager {
    grid-template-columns: 1fr;
  }

  .news-detail__pager-link--next {
    text-align: left;
  }
}