/* ============================================================
   generic-23 · 通用型企业子站模板
   类前缀：wk-   原型：C 横幅 + 杂志（侘寂 / 日式留白）
   配色：暖灰 #EDE8E0 / 墨 #2B2B2B / 朱砂 #B33B2E / 苔绿 #6B705C
   字体：衬线标题 + 无衬线正文，微型宽字距标签
   签名：大负空间、竖向文字标签、横向发丝线、方形小图、朱砂印章、不对称章节
   ============================================================ */

.wk-body {
  --wk-paper: #EDE8E0;
  --wk-paper-2: #E6E0D6;
  --wk-ink: #2B2B2B;
  --wk-vermilion: #B33B2E;
  --wk-moss: #6B705C;
  --wk-muted: #7A746A;
  --wk-line: #D6CEC2;
  --wk-white: #F7F4EE;
  --wk-serif: "Songti SC", "STSong", "Noto Serif SC", "SimSun", Georgia, "Times New Roman", serif;
  --wk-sans: "PingFang SC", "Helvetica Neue", "Microsoft YaHei", Arial, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
.wk-body {
  font-family: var(--wk-sans);
  font-weight: 400;
  color: var(--wk-ink);
  background: var(--wk-white);
  line-height: 1.9;
  letter-spacing: .02em;
  -webkit-font-smoothing: antialiased;
}
.wk-body img { max-width: 100%; height: auto; border: 0; }
.wk-body a { color: inherit; text-decoration: none; }
.wk-body ul, .wk-body ol { list-style: none; margin: 0; padding: 0; }
.wk-body p { margin: 0; }
.wk-wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 44px; }
.wk-hide { display: none !important; }
.wk-noscroll { overflow: hidden; }

/* ---------- 通用 ---------- */
.wk-label {
  display: inline-block; font-size: 10px; font-weight: 400;
  letter-spacing: .38em; text-transform: uppercase; color: var(--wk-moss);
}
.wk-label--light { color: rgba(237,232,224,.7); }
.wk-h2 { font-family: var(--wk-serif); font-size: 32px; line-height: 1.55; font-weight: 400; letter-spacing: .06em; margin: 12px 0 0; color: var(--wk-ink); }
.wk-h2--sub { margin-top: 34px; font-size: 25px; }
.wk-vlabel {
  writing-mode: vertical-rl; text-orientation: mixed;
  font-size: 10px; letter-spacing: .42em; text-transform: uppercase; color: var(--wk-moss);
}
.wk-sec { padding: 96px 0; }
.wk-sec--tint { background: var(--wk-paper); }
.wk-sechead { margin-bottom: 44px; }
.wk-rich { font-family: var(--wk-serif); font-size: 15.5px; line-height: 2.1; color: #3A3833; }
.wk-rich p { margin: 0 0 16px; }
.wk-empty { padding: 40px 0; font-size: 14px; color: var(--wk-muted); }
.wk-link {
  display: inline-block; margin-top: 28px; font-size: 12px; letter-spacing: .16em;
  color: var(--wk-ink); border-bottom: 1px solid var(--wk-vermilion); padding-bottom: 3px;
}
.wk-link:hover { color: var(--wk-vermilion); }
.wk-call {
  display: inline-block; padding: 12px 30px; background: var(--wk-vermilion); color: var(--wk-white);
  font-size: 13px; letter-spacing: .14em; transition: background .2s ease;
}
.wk-call:hover { background: #983024; }
.wk-btn-line {
  display: inline-block; padding: 11px 28px; border: 1px solid var(--wk-line);
  font-size: 13px; letter-spacing: .1em; color: var(--wk-ink);
}
.wk-btn-line:hover { border-color: var(--wk-ink); }

/* ---------- 顶栏 ---------- */
.wk-utility { background: var(--wk-ink); color: rgba(237,232,224,.72); }
.wk-utility__in {
  max-width: 1180px; margin: 0 auto; padding: 6px 44px;
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  font-size: 10px; letter-spacing: .22em;
}
.wk-utility__tel { color: var(--wk-paper); }
.wk-utility__tel:hover { color: var(--wk-vermilion); }
.wk-head { background: var(--wk-white); border-bottom: 1px solid var(--wk-line); }
.wk-head__in {
  max-width: 1180px; margin: 0 auto; padding: 0 44px; min-height: 82px;
  display: flex; align-items: center; gap: 26px;
}
.wk-brand { display: flex; align-items: center; gap: 14px; }
.wk-brand__img { height: 40px; width: auto; display: block; }
.wk-brand__title { display: flex; flex-direction: column; padding-left: 14px; border-left: 1px solid var(--wk-line); }
.wk-brand__name { font-family: var(--wk-serif); font-size: 21px; letter-spacing: .1em; line-height: 1.35; }
.wk-brand__meta { font-size: 10px; letter-spacing: .06em; color: var(--wk-muted); }
.wk-brand__meta b { color: var(--wk-vermilion); font-weight: 400; }
.wk-nav { margin-left: auto; display: flex; align-items: center; }
.wk-nav__item { padding: 8px 15px; font-size: 13px; letter-spacing: .08em; color: var(--wk-ink); position: relative; }
.wk-nav__item:hover { color: var(--wk-vermilion); }
.wk-nav__item--on { color: var(--wk-vermilion); }
.wk-nav__item--on::after { content: ""; position: absolute; left: 15px; right: 15px; bottom: 0; height: 1px; background: var(--wk-vermilion); }
.wk-burger { display: none; margin-left: auto; width: 42px; height: 36px; padding: 8px; border: 1px solid var(--wk-line); background: transparent; cursor: pointer; }
.wk-burger span { display: block; height: 1px; background: var(--wk-ink); margin: 5px 0; }

/* ---------- 抽屉 ---------- */
.wk-drawer {
  display: none; position: fixed; inset: 0 0 0 auto; width: 82%; max-width: 330px;
  background: var(--wk-white); border-left: 1px solid var(--wk-line); z-index: 220;
  padding: 22px; overflow-y: auto;
}
.wk-drawer--open { display: block; }
.wk-drawer__head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--wk-line); padding-bottom: 12px; }
.wk-drawer__name { font-family: var(--wk-serif); font-size: 17px; letter-spacing: .08em; }
.wk-drawer__close { border: 0; background: none; font-size: 24px; cursor: pointer; color: var(--wk-muted); }
.wk-drawer__item { display: block; padding: 13px 2px; border-bottom: 1px solid var(--wk-line); font-size: 14px; }
.wk-drawer__item--on { color: var(--wk-vermilion); }
.wk-drawer__tel { display: block; margin-top: 24px; padding: 12px; text-align: center; background: var(--wk-vermilion); color: var(--wk-white); }

/* ---------- Hero 纸感横幅 ---------- */
.wk-hero {
  background:
    repeating-linear-gradient(0deg, rgba(43,43,43,.018) 0 1px, transparent 1px 4px),
    linear-gradient(180deg, var(--wk-paper), #E9E3D9);
  border-bottom: 1px solid var(--wk-line);
  padding: 96px 0 90px;
}
.wk-hero__in { max-width: 1180px; margin: 0 auto; padding: 0 44px; display: grid; grid-template-columns: 1fr 120px; gap: 40px; align-items: stretch; }
.wk-hero__titlewrap { display: flex; align-items: stretch; gap: 26px; margin-top: 20px; }
.wk-hero__vline { flex: 0 0 2px; background: var(--wk-vermilion); }
.wk-hero__h1 {
  font-family: var(--wk-serif); font-size: 62px; line-height: 1.34; font-weight: 400;
  letter-spacing: .09em; margin: 0; color: var(--wk-ink);
}
.wk-hero__sub { margin: 18px 0 0 28px; font-size: 12px; letter-spacing: .22em; color: var(--wk-moss); }
.wk-hero__lead { margin: 22px 0 0 28px; max-width: 560px; font-size: 14px; line-height: 2.1; color: var(--wk-muted); }
.wk-hero__foot { display: flex; align-items: baseline; gap: 20px; margin: 40px 0 0 28px; flex-wrap: wrap; }
.wk-hero__tel { font-family: var(--wk-serif); font-size: 34px; letter-spacing: .05em; color: var(--wk-vermilion); }
.wk-hero__tel:hover { color: var(--wk-ink); }
.wk-hero__hint { font-size: 11px; letter-spacing: .16em; color: var(--wk-muted); }
.wk-hero__aside { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 30px; }
.wk-seal {
  display: flex; align-items: center; justify-content: center;
  width: 54px; height: 54px; background: var(--wk-vermilion); color: var(--wk-paper);
  font-family: var(--wk-serif); font-size: 24px; letter-spacing: 0;
  transform: rotate(-4deg); box-shadow: inset 0 0 0 3px var(--wk-vermilion), inset 0 0 0 4px rgba(237,232,224,.55);
}

/* ---------- 简介 ---------- */
.wk-about__in { display: grid; grid-template-columns: 70px 1fr; gap: 44px; align-items: start; }
.wk-about__side { display: flex; justify-content: center; padding-top: 6px; }
.wk-about__body { max-width: 820px; }
.wk-about__full {
  font-family: var(--wk-serif); font-size: 15.5px; line-height: 2.1; max-height: 250px; overflow: hidden; position: relative;
  -webkit-mask-image: linear-gradient(180deg, #000 80%, transparent);
  mask-image: linear-gradient(180deg, #000 80%, transparent);
}
.wk-about__full--open { max-height: none; -webkit-mask-image: none; mask-image: none; }
.wk-about__full p { margin: 0 0 12px; }
.wk-about__full img { display: none; }
.wk-about__toggle { margin: 8px 0 0; }
.wk-about__btn {
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 0; border: 0; background: none;
  font-family: var(--wk-sans); font-size: 11.5px; letter-spacing: .14em; color: var(--wk-moss);
  cursor: pointer;
}
.wk-about__arr { font-size: 9px; }

/* ---------- 广告图 ---------- */
.wk-ad__head { margin-bottom: 34px; }
.wk-ad__figure { margin: 0; }
.wk-ad__img { display: block; width: 100%; }
.wk-ad__cap { margin-top: 14px; font-size: 10.5px; letter-spacing: .18em; color: var(--wk-muted); text-align: right; }

/* ---------- 实力：不对称图文 ---------- */
.wk-stat__in { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; align-items: start; }
.wk-stat__side { display: flex; gap: 26px; align-items: stretch; }
.wk-stat__img { display: block; width: 100%; max-width: 260px; }
.wk-stat__img img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.wk-stat__list { margin-top: 32px; border-top: 1px solid var(--wk-line); }
.wk-stat__row { display: flex; gap: 22px; align-items: baseline; padding: 18px 0; border-bottom: 1px solid var(--wk-line); }
.wk-stat__no { flex: 0 0 24px; font-family: var(--wk-serif); font-size: 13px; color: var(--wk-vermilion); }
.wk-stat__body { display: flex; flex-direction: column; gap: 2px; }
.wk-stat__title { font-family: var(--wk-serif); font-size: 18px; letter-spacing: .04em; }
.wk-stat__desc { font-size: 12.5px; line-height: 1.9; color: var(--wk-muted); }

/* ---------- 产品：小图网格 ---------- */
.wk-prod__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 30px; }
.wk-prod__item { display: block; }
.wk-prod__img { display: block; background: var(--wk-paper-2); }
.wk-prod__img img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.wk-prod__item:hover .wk-prod__name { color: var(--wk-vermilion); }
.wk-prod__name { display: block; margin-top: 12px; font-size: 13px; letter-spacing: .05em; }

/* ---------- 优势 ---------- */
.wk-adv__list { border-top: 1px solid var(--wk-line); }
.wk-adv__row {
  display: grid; grid-template-columns: 60px 250px 1fr; gap: 30px; align-items: baseline;
  padding: 22px 0; border-bottom: 1px solid var(--wk-line);
}
.wk-adv__no { font-family: var(--wk-serif); font-size: 14px; color: var(--wk-moss); }
.wk-adv__name { font-family: var(--wk-serif); font-size: 20px; letter-spacing: .05em; }
.wk-adv__desc { font-size: 13px; line-height: 1.95; color: var(--wk-muted); }

/* ---------- 承诺 / 应用 ---------- */
.wk-promise__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.wk-promise__list { margin-top: 24px; border-top: 1px solid var(--wk-line); }
.wk-promise__item { padding: 12px 0; border-bottom: 1px solid var(--wk-line); font-size: 13.5px; }

/* ---------- 新闻：杂志式 ---------- */
.wk-news__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 56px; }
.wk-news__item { display: flex; flex-direction: column; gap: 8px; padding: 26px 0; border-top: 1px solid var(--wk-line); }
.wk-news__item:first-child { grid-column: 1 / 3; padding-bottom: 40px; }
.wk-news__item:first-child .wk-news__title { font-size: 28px; line-height: 1.55; letter-spacing: .05em; }
.wk-news__item:hover .wk-news__title { color: var(--wk-vermilion); }
.wk-news__date { font-size: 10px; letter-spacing: .22em; color: var(--wk-moss); }
.wk-news__title { font-family: var(--wk-serif); font-size: 19px; line-height: 1.65; letter-spacing: .04em; }
.wk-news__desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12.5px; color: var(--wk-muted); }

/* ---------- FAQ ---------- */
.wk-faq__list { max-width: 920px; border-top: 1px solid var(--wk-line); }
.wk-faq__item { border-bottom: 1px solid var(--wk-line); }
.wk-faq__item summary {
  display: flex; gap: 18px; align-items: baseline; list-style: none; cursor: pointer;
  padding: 20px 34px 20px 0; position: relative;
  font-family: var(--wk-serif); font-size: 16px; letter-spacing: .03em;
}
.wk-faq__item summary::-webkit-details-marker { display: none; }
.wk-faq__item summary::after { content: "+"; position: absolute; right: 2px; top: 16px; font-family: var(--wk-serif); font-size: 20px; color: var(--wk-vermilion); }
.wk-faq__item[open] summary::after { content: "−"; }
.wk-faq__no { flex: 0 0 auto; font-size: 10px; letter-spacing: .14em; color: var(--wk-moss); }
.wk-faq__a { padding: 0 34px 22px 28px; font-size: 13px; line-height: 2; color: var(--wk-muted); }

/* ---------- 分站 ---------- */
.wk-city__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--wk-line); border-left: 1px solid var(--wk-line); }
.wk-city__item { display: flex; flex-direction: column; gap: 2px; padding: 16px 18px; border-right: 1px solid var(--wk-line); border-bottom: 1px solid var(--wk-line); }
.wk-city__item:hover { background: var(--wk-paper); }
.wk-city__region { font-family: var(--wk-serif); font-size: 15px; letter-spacing: .06em; }
.wk-city__site { font-size: 10.5px; color: var(--wk-muted); }
.wk-city__item--fold { display: none; }
.wk-city__grid--open .wk-city__item--fold { display: flex; }
.wk-city__more {
  margin-top: 26px; padding: 9px 22px; border: 1px solid var(--wk-line); background: transparent;
  font-family: var(--wk-sans); font-size: 12px; letter-spacing: .12em; color: var(--wk-ink); cursor: pointer;
}
.wk-city__more:hover { border-color: var(--wk-vermilion); color: var(--wk-vermilion); }

/* ---------- 关联企业 ---------- */
.wk-partners__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 56px; }
.wk-partners__item {
  display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
  padding: 13px 0; border-bottom: 1px solid var(--wk-line);
}
.wk-partners__item:hover .wk-partners__name { color: var(--wk-vermilion); }
.wk-partners__name { font-family: var(--wk-serif); font-size: 14px; letter-spacing: .04em; }
.wk-partners__region { font-size: 10px; letter-spacing: .12em; color: var(--wk-muted); }

/* ---------- CTA ---------- */
.wk-cta { background: var(--wk-ink); padding: 78px 0; }
.wk-cta__in { display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap; }
.wk-cta__title { margin: 12px 0 6px; font-family: var(--wk-serif); font-size: 34px; font-weight: 400; letter-spacing: .08em; color: var(--wk-paper); }
.wk-cta__lead { font-size: 13px; color: rgba(237,232,224,.6); }
.wk-cta__tel { font-family: var(--wk-serif); font-size: 38px; letter-spacing: .05em; color: var(--wk-paper); border-bottom: 1px solid var(--wk-vermilion); padding-bottom: 4px; }
.wk-cta__tel:hover { color: var(--wk-vermilion); }

/* ---------- 页脚 ---------- */
.wk-foot { background: var(--wk-paper-2); color: var(--wk-muted); font-size: 12.5px; padding-top: 54px; border-top: 1px solid var(--wk-line); }
.wk-foot__top { max-width: 1180px; margin: 0 auto; padding: 0 44px 34px; display: grid; grid-template-columns: 1.6fr .6fr 1fr; gap: 40px; }
.wk-foot__name { font-family: var(--wk-serif); font-size: 22px; letter-spacing: .1em; color: var(--wk-ink); }
.wk-foot__desc { margin: 8px 0 10px; }
.wk-foot__tel { font-family: var(--wk-serif); font-size: 19px; color: var(--wk-vermilion); }
.wk-foot__tt { font-size: 9.5px; letter-spacing: .26em; color: var(--wk-moss); margin-bottom: 10px; }
.wk-foot__link { display: block; padding: 4px 0; }
.wk-foot__link:hover { color: var(--wk-vermilion); }
.wk-foot__line { margin: 0 0 6px; }
.wk-foot__line a { color: var(--wk-vermilion); }
.wk-foot__city { max-width: 1180px; margin: 0 auto; padding: 14px 44px; border-top: 1px solid var(--wk-line); }
.wk-foot__citytt { font-size: 9.5px; letter-spacing: .2em; color: var(--wk-moss); margin-right: 10px; }
.wk-foot__citylist { display: inline; }
.wk-foot__cityitem { display: inline-block; margin: 0 14px 6px 0; font-size: 11.5px; }
.wk-foot__cityitem:hover { color: var(--wk-vermilion); }
.wk-foot__cityitem--fold { display: none; }
.wk-foot__citylist--open .wk-foot__cityitem--fold { display: inline-block; }
.wk-foot__morebtn { border: 1px solid var(--wk-line); background: none; color: var(--wk-ink); padding: 3px 10px; font-size: 10.5px; cursor: pointer; }
.wk-foot__nap { max-width: 1180px; margin: 0 auto; padding: 14px 44px; border-top: 1px solid var(--wk-line); font-size: 11px; color: #948D82; }
.wk-foot__nap p { margin: 0 0 4px; }
.wk-foot__copy { max-width: 1180px; margin: 0 auto; padding: 14px 44px 28px; border-top: 1px solid var(--wk-line); display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: 10.5px; color: #948D82; }
.wk-foot__copy a { color: var(--wk-muted); }
.wk-foot__copy a:hover { color: var(--wk-vermilion); }

/* ---------- 移动拨号 ---------- */
.wk-dial { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 95; padding: 8px 12px; background: var(--wk-white); border-top: 1px solid var(--wk-line); }
.wk-dial__tel { display: block; text-align: center; padding: 12px; background: var(--wk-vermilion); color: var(--wk-white); letter-spacing: .12em; }

/* ---------- 内页页头 ---------- */
.wk-pagehead { background: var(--wk-paper); border-bottom: 1px solid var(--wk-line); padding: 74px 0 54px; }
.wk-crumb { font-size: 10.5px; letter-spacing: .1em; color: var(--wk-muted); margin: 0 0 22px; }
.wk-crumb a { border-bottom: 1px solid var(--wk-line); }
.wk-pagehead__h1 { margin: 0; font-family: var(--wk-serif); font-size: 42px; font-weight: 400; letter-spacing: .07em; line-height: 1.5; }
.wk-pagehead__line { display: block; width: 64px; height: 2px; background: var(--wk-vermilion); margin-top: 22px; }
.wk-narrow { max-width: 860px; }

/* ---------- 列表 / 分页 ---------- */
.wk-newslist { border-top: 1px solid var(--wk-line); }
.wk-newslist__row { display: grid; grid-template-columns: 120px 1fr 24px; gap: 24px; align-items: start; padding: 22px 0; border-bottom: 1px solid var(--wk-line); }
.wk-newslist__date { font-size: 10.5px; letter-spacing: .12em; color: var(--wk-moss); }
.wk-newslist__body { display: block; min-width: 0; }
.wk-newslist__title { display: block; font-family: var(--wk-serif); font-size: 18px; letter-spacing: .03em; line-height: 1.7; }
.wk-newslist__row:hover .wk-newslist__title { color: var(--wk-vermilion); }
.wk-newslist__desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 5px; font-size: 12.5px; color: var(--wk-muted); }
.wk-newslist__arr { text-align: right; color: var(--wk-moss); }
.wk-region {
  display: inline-block; font-style: normal; margin-right: 8px; padding: 0 7px;
  border: 1px solid var(--wk-line); color: var(--wk-moss); font-size: 9.5px; letter-spacing: .1em; vertical-align: 2px;
}
.pagination { margin-top: 36px; font-size: 12px; letter-spacing: .06em; }
.pagination a, .pagination span {
  display: inline-block; min-width: 32px; padding: 5px 9px; margin: 0 3px 0 0;
  border: 1px solid var(--wk-line); color: var(--wk-ink); text-align: center;
}
.pagination a:hover { border-color: var(--wk-vermilion); color: var(--wk-vermilion); }
.pagination .current { background: var(--wk-ink); border-color: var(--wk-ink); color: var(--wk-paper); }

/* ---------- 新闻详情 ---------- */
.wk-detail { display: grid; grid-template-columns: 1fr 300px; gap: 56px; align-items: start; }
.wk-post__meta { padding-bottom: 12px; margin-bottom: 24px; border-bottom: 1px solid var(--wk-line); font-size: 10.5px; letter-spacing: .16em; color: var(--wk-moss); }
.wk-post__cover { display: block; width: 100%; margin-bottom: 26px; }
.wk-post__actions { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; margin-top: 34px; padding-top: 24px; border-top: 1px solid var(--wk-line); }
.wk-side { border-top: 1px solid var(--wk-line); padding-top: 20px; }
.wk-side__tt { margin: 10px 0 10px; font-family: var(--wk-serif); font-size: 20px; font-weight: 400; letter-spacing: .06em; }
.wk-side__item { display: block; padding: 12px 0; border-bottom: 1px solid var(--wk-line); }
.wk-side__title { display: block; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wk-side__date { display: block; margin-top: 3px; font-size: 10px; color: var(--wk-muted); }
.wk-side__empty { font-size: 12px; color: var(--wk-muted); }
.wk-side .wk-link { margin-top: 18px; }

/* ---------- 产品详情 ---------- */
.wk-prodpage { padding-top: 70px; }
.wk-crumb--dark { margin-bottom: 34px; }
.wk-prodhero { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.wk-prodhero__media { background: var(--wk-paper); }
.wk-prodhero__media img { display: block; width: 100%; }
.wk-prodhero__h1 { margin: 14px 0 0; font-family: var(--wk-serif); font-size: 32px; font-weight: 400; letter-spacing: .05em; line-height: 1.55; }
.wk-prodhero__line { display: block; width: 52px; height: 2px; background: var(--wk-vermilion); margin-top: 18px; }
.wk-prodhero__desc { margin-top: 18px; font-size: 13.5px; line-height: 2; color: var(--wk-muted); }
.wk-inforows { margin: 24px 0; border-top: 1px solid var(--wk-line); }
.wk-inforows__row { display: flex; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--wk-line); font-size: 13px; }
.wk-inforows__k { flex: 0 0 84px; font-size: 10.5px; letter-spacing: .12em; color: var(--wk-moss); }
.wk-inforows__v { flex: 1 1 auto; }
.wk-inforows__v a { color: var(--wk-vermilion); }
.wk-prodhero__btns { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
.wk-prodshow { display: grid; grid-template-columns: 1fr 300px; gap: 56px; align-items: start; margin-top: 60px; padding-top: 44px; border-top: 1px solid var(--wk-line); }
.wk-panel { border-top: 1px solid var(--wk-line); padding-top: 18px; margin-bottom: 26px; }
.wk-panel__tt { margin: 0 0 10px; font-family: var(--wk-serif); font-size: 15px; font-weight: 400; letter-spacing: .08em; }
.wk-panel p { margin: 0 0 6px; font-size: 12px; color: var(--wk-muted); }
.wk-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.wk-chip { display: inline-block; padding: 2px 9px; border: 1px solid var(--wk-line); font-size: 11px; color: var(--wk-ink); }

/* ---------- 联系页 ---------- */
.wk-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
.wk-contact__card { border-top: 1px solid var(--wk-line); padding-top: 26px; }
.wk-contact__row { display: flex; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--wk-line); font-size: 13.5px; }
.wk-contact__k { flex: 0 0 84px; font-size: 10.5px; letter-spacing: .12em; color: var(--wk-moss); }
.wk-contact__row a { color: var(--wk-vermilion); }
.wk-contact__card .wk-call { margin-top: 26px; }
.wk-steps { margin-top: 22px; border-top: 1px solid var(--wk-line); }
.wk-steps li { display: flex; gap: 16px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--wk-line); font-size: 13.5px; }
.wk-steps__no { font-family: var(--wk-serif); font-size: 13px; color: var(--wk-vermilion); }

/* ---------- 响应式 ---------- */
@media (max-width: 960px) {
  .wk-nav { display: none; }
  .wk-burger { display: block; }
  .wk-hero { padding: 64px 0 60px; }
  .wk-hero__in { grid-template-columns: 1fr; }
  .wk-hero__aside { flex-direction: row; align-items: center; }
  .wk-hero__h1 { font-size: 44px; }
  .wk-stat__in { grid-template-columns: 1fr; gap: 40px; }
  .wk-stat__side { justify-content: flex-start; }
  .wk-prod__grid { grid-template-columns: repeat(2, 1fr); }
  .wk-adv__row { grid-template-columns: 44px 1fr; gap: 14px; }
  .wk-adv__desc { grid-column: 2 / 3; }
  .wk-detail, .wk-prodshow, .wk-prodhero, .wk-contact { grid-template-columns: 1fr; gap: 40px; }
  .wk-city__grid { grid-template-columns: repeat(3, 1fr); }
  .wk-foot__top { grid-template-columns: 1fr 1fr; }
  .wk-sec { padding: 64px 0; }
  .wk-pagehead__h1 { font-size: 32px; }
  .wk-news__item:first-child .wk-news__title { font-size: 23px; }
  .wk-wrap, .wk-hero__in, .wk-utility__in, .wk-head__in, .wk-foot__top, .wk-foot__city, .wk-foot__nap, .wk-foot__copy { padding-left: 30px; padding-right: 30px; }
}
@media (max-width: 640px) {
  .wk-wrap, .wk-hero__in, .wk-utility__in, .wk-head__in, .wk-foot__top, .wk-foot__city, .wk-foot__nap, .wk-foot__copy { padding-left: 20px; padding-right: 20px; }
  .wk-brand__img { height: 30px; }
  .wk-brand__name { font-size: 16px; }
  .wk-hero { padding: 46px 0; }
  .wk-hero__h1 { font-size: 31px; }
  .wk-hero__sub, .wk-hero__lead, .wk-hero__foot { margin-left: 18px; }
  .wk-hero__titlewrap { gap: 16px; }
  .wk-prod__grid, .wk-city__grid { grid-template-columns: 1fr 1fr; }
  .wk-news__grid { grid-template-columns: 1fr; }
  .wk-news__item:first-child { grid-column: 1 / 2; }
  .wk-promise__grid, .wk-partners__grid, .wk-contact { grid-template-columns: 1fr; gap: 40px; }
  .wk-newslist__row { grid-template-columns: 1fr; gap: 8px; }
  .wk-newslist__arr { display: none; }
  .wk-pagehead { padding: 46px 0 36px; }
  .wk-pagehead__h1 { font-size: 25px; }
  .wk-h2 { font-size: 25px; }
  .wk-cta__tel { font-size: 27px; }
  .wk-foot__top { grid-template-columns: 1fr; gap: 24px; }
  .wk-dial { display: block; }
  .wk-body { padding-bottom: 66px; }
  .wk-faq__a { padding-left: 0; }
  .wk-about__in { grid-template-columns: 1fr; gap: 20px; }
  .wk-about__side { justify-content: flex-start; }
  .wk-about__side .wk-vlabel { writing-mode: horizontal-tb; }
}
