/* =====================================================================
   首页 8 大板块 —— 依据设计图 home1.jpg ~ home8.jpg 逐项像素测量后重写
   文件：Crafto/yuxia/home-blocks.css
   加载：inc/assets.php（依赖 yuxia-wp-map，最后生效）

   ---------------------------------------------------------------------
   【设计基准】设计稿导出宽度 = 1920px。
   本文件所有字号/间距都写成  min(设计稿px, 设计稿px/19.2 vw) ：
   在 1920 视口下正好等于设计稿原值，视口变窄时线性等比缩小，
   不再使用会提前触顶的 clamp()，避免整站被系统性缩小。

   【取色】（对设计图逐点采样所得，非目测）
     红    #a54245（缎带/按钮/强调） / #a84848（平涂块面） / #903030（暗部）
     舞台灰 #d8d8e8 (216,216,232)   ← home2 灰舞台、home8 侧卡
     蓝灰  #cfd8e0 (207,216,224)   ← home3 顶底、home5 右栏
     灰    #d8d8d8 (216,216,216)   ← home4 底
     浅灰  #e8e8e8 (232,232,232)
     墨    #181818 / #2b2b2b
     金    #c9a24a（卷草花线）

   【关键几何】（1920 视口实测，x 为距左边缘）
     home1  图带 x=48..1888(1840) y=274..761(487)；标题 cap 70→100px；
            "OEM & ODM" cap 44→62px；按钮 253×52
     home2  花线 475×34 上下各一；标题 cap 44→62px；
            缎带 x=480..1440(960) h=97；灰舞台满宽 h=440；
            6 分类图总宽 1306、单图 206×328；标签 cap 22→30px
     home3  左图 376 宽（比例 376/700）；红缎带 568 宽
     home4  左图 536 宽（比例 536/780）；红缎带 x=1008..1504
     home5  左右满幅两栏各 960（左 #a84848 / 右 #cfd8e0），自 y=368 起
     home6  三卡各 400 宽、间距 48、总宽 1296；红头 78 高
     home7  两张红卡各 620 宽、间距 56、总宽 1296、高 497
     home8  三卡总宽 1296、间距 40；中卡红底且比侧卡高 96
   ===================================================================== */

/* ---------------------------------------------------------------
   0. 设计令牌 + 通用容器
   --------------------------------------------------------------- */
.hb-blocks {
    --hb-red: #a54245;
    --hb-red-flat: #a84848;
    --hb-red-deep: #903030;
    --hb-stage: #d8d8e8;
    --hb-bluegray: #cfd8e0;
    --hb-gray: #d8d8d8;
    --hb-gray-lt: #e8e8e8;
    --hb-ink: #181818;
    --hb-ink-2: #2b2b2b;
    --hb-gold: #c9a24a;
    --hb-serif: var(--yuxia-serif, "Playfair Display", Georgia, "Times New Roman", serif);
    --hb-c: 1296px;                 /* 内容行总宽 = 稿面 x 312..1608 */
    --hb-gut: 80px;                 /* 左右安全边距总宽 = 稿面 40×2   */
    color: var(--hb-ink);
}

.hb-blocks .hb { margin: 0; }
.hb-blocks .hb-inner { width: min(var(--hb-c), 100% - var(--hb-gut)); margin-inline: auto; }
.hb-blocks :where(h1, h2, h3, p, ol, ul, figure) { margin: 0; padding: 0; }
.hb-blocks img { max-width: 100%; display: block; }
.hb-blocks .hb-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

/* 板块大标题：衬线 / 大写 / 62px（稿面 cap 高 44） */
.hb-title {
    font-family: var(--hb-serif);
    font-weight: 700;
    text-transform: uppercase;
    font-size: min(62px, 3.23vw);
    line-height: 1.1;
    letter-spacing: .02em;
    text-align: center;
    color: var(--hb-ink);
}
/* home7 / home8 的标题在稿面偏小（cap 26 → 37px） */
.hb-service .hb-title,
.hb-why .hb-title { font-size: min(37px, 1.93vw); }

/* 卷草花线：设计稿在标题「上下各一条」（475×34，金 #c9a24a）。
   标记里只有标题下方那一条 SVG，标题上方的这条用伪元素补，不改结构。 */
.hb-flourish {
    display: block;
    width: min(475px, 24.74vw);
    height: min(34px, 1.77vw);
    margin: min(17px, .89vw) auto 0;
    color: var(--hb-gold);
}
.hb-classified .hb-title::before,
.hb-oem .hb-title::before,
.hb-company .hb-title::before {
    content: "";
    display: block;
    width: min(475px, 24.74vw);
    height: min(34px, 1.77vw);
    margin: 0 auto min(17px, .89vw);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 30'%3E%3Cg fill='none' stroke='%23c9a24a' stroke-width='2.2'%3E%3Cpath d='M14 15h78M148 15h78'/%3E%3Cpath d='M14 15c-5-6-11-6-16 0M148 15c-5-6-11-6-16 0'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

/* 红色缎带（稿面 960×97，红底白字，轻微斜切） */
.hb-ribbon {
    --hb-skew: 12deg;
    display: inline-block;
    background: var(--hb-red);
    color: #fff;
    font-family: var(--hb-serif);
    font-weight: 600;
    text-transform: uppercase;
    font-size: min(46px, 2.4vw);
    line-height: 1;
    letter-spacing: .06em;
    padding: min(26px, 1.35vw) min(58px, 3.02vw);
    transform: skewX(calc(-1 * var(--hb-skew)));
}
.hb-ribbon > span { display: inline-block; transform: skewX(var(--hb-skew)); }
.hb-ribbon--banner { position: relative; }          /* 稿面底部无尖角，不再加 ::after */
.hb-ribbon--flat { --hb-skew: 0deg; letter-spacing: .1em; }

/* ===============================================================
   1. home1 — 15+ YEARS EXPERIENCE（首屏）
   =============================================================== */
.hb-hero {
    background: #fff;
    padding: min(90px, 4.69vw) 0 min(62px, 3.23vw);
    text-align: center;
}
.hb-hero__title {
    font-family: var(--hb-serif);
    font-weight: 700;
    text-transform: uppercase;
    font-size: min(100px, 5.21vw);   /* 稿面 cap 高 70 → 100px */
    line-height: 1.09;
    letter-spacing: .02em;
    color: var(--hb-ink);
}
.hb-hero__title em { font-style: normal; color: var(--hb-red); }

/* 8 图带：稿面 x 48..1888 / y 274..761 → 满宽留 40 边距，1840×487 连续无缝 */
.hb-hero__strip {
    position: relative;
    width: calc(100% - var(--hb-gut));
    margin: min(12px, .63vw) auto 0;
}
.hb-hero__frames {
    display: flex;
    aspect-ratio: 1840 / 487;
    overflow: hidden;
    box-shadow: 0 12px 34px rgba(18, 22, 30, .10);
}
.hb-hero__frame { flex: 1 1 0; min-width: 0; overflow: hidden; }
.hb-hero__frame img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.hb-hero__frame:hover img { transform: scale(1.05); }

/* 中央缝线装饰（虚线 + 顶针 + 水滴） */
.hb-hero__seam {
    position: absolute;
    left: 50%; top: -6%; bottom: -6%;
    width: 0;
    transform: translateX(-50%);
    border-left: 2px dashed rgba(20, 20, 20, .35);
    pointer-events: none;
}
.hb-hero__seam::before,
.hb-hero__seam::after {
    content: ""; position: absolute; left: 50%; transform: translateX(-50%); background: #111;
}
.hb-hero__seam::before {
    top: -14px; width: 18px; height: 18px; border-radius: 50%;
    background: transparent; border: 3px solid #111;
}
.hb-hero__seam::after {
    bottom: -18px; width: 14px; height: 14px;
    border-radius: 0 50% 50% 50%; transform: translateX(-50%) rotate(45deg);
}

/* 「OEM & ODM」：稿面 cap 44 → 62px，宽 360 */
.hb-hero__sub {
    margin-top: min(10px, .52vw);
    font-weight: 700;
    font-size: min(62px, 3.23vw);
    line-height: 1;
    letter-spacing: .02em;
    color: var(--hb-ink);
}
.hb-hero__cta { margin-top: min(12px, .63vw); }
.hb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: min(52px, 2.71vw);           /* 稿面 253×52 */
    padding: 0 min(70px, 3.65vw);
    border-radius: 999px;
    background: var(--hb-red);
    color: #fff;
    font-size: min(20px, 1.04vw);
    font-weight: 500;
    letter-spacing: .02em;
    text-decoration: none;
    transition: background .25s ease;
}
.hb-btn:hover { background: var(--hb-red-deep); color: #fff; }

/* ===============================================================
   2. home2 — CLASSIFIED NAVIGATION
   =============================================================== */
.hb-classified {
    background: #fff;
    padding: min(34px, 1.77vw) 0 min(174px, 9.06vw);
}
.hb-classified__head { text-align: center; }
.hb-classified__ribbon { margin-top: min(94px, 4.9vw); }
/* 稿面缎带实宽 972，横向内边距补足到 103 */
.hb-classified__ribbon .hb-ribbon { padding-inline: min(103px, 5.36vw); }
.hb-classified__lead {
    margin-top: min(46px, 2.4vw);
    text-align: center;
    font-size: min(30px, 1.56vw);
    line-height: 1.1;
    color: var(--hb-ink);
}

/* 灰舞台：稿面满宽、高 440（y 488..928），白色只出现在上下留白区 */
.hb-classified__stage {
    margin-top: min(31px, 1.61vw);
    background: var(--hb-stage);
    padding: min(56px, 2.92vw) 0 min(12px, .63vw);
}
/* 6 图总宽 1306（稿面），故舞台这一层容器单独放宽 */
.hb-classified__stage .hb-inner { width: min(1306px, 100% - var(--hb-gut)); }
.hb-cats {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: min(14px, .73vw);
    width: 100%;
    margin-inline: auto;
}
.hb-cat { text-align: center; display: block; }
.hb-cat__media {
    display: block;
    overflow: hidden;
    background: #eef0f3;
    aspect-ratio: 206 / 328;             /* 稿面单图 206×328 */
}
.hb-cat__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.hb-cat:hover .hb-cat__media img { transform: scale(1.06); }
.hb-cat__label {
    display: block;
    margin-top: min(22px, 1.15vw);
    font-size: min(30px, 1.56vw);        /* 稿面 cap 22 → 30px */
    line-height: 1;
    color: var(--hb-ink);
}

/* ===============================================================
   3./4. home3 T-SHIRTS AND HOODIES / home4 SILK SCARVES
   =============================================================== */
.hb-split {
    display: grid;
    align-items: center;
    gap: 0;
    padding: 0;
}
/* home3：稿面顶部 #cfd8e0 → 底部 #d8d8e8 的竖向渐变；左图 376 宽 */
.hb-split--tshirt {
    grid-template-columns: 400px minmax(0, 1fr) 360px;
    background: linear-gradient(180deg, var(--hb-bluegray) 0%, var(--hb-stage) 100%);
}
.hb-split--scarf {
    grid-template-columns: 560px minmax(0, 1fr);
    background: linear-gradient(160deg, var(--hb-gray-lt) 0%, var(--hb-gray) 65%);
}
.hb-split__photo { position: relative; overflow: hidden; align-self: stretch; }
.hb-split__photo img { width: 100%; height: 100%; object-fit: cover; }
.hb-split--tshirt .hb-split__photo { aspect-ratio: 376 / 760; }
.hb-split--tshirt .hb-split__photo:last-of-type { align-self: end; aspect-ratio: 360 / 560; }
.hb-split--scarf .hb-split__photo { aspect-ratio: 536 / 800; }

.hb-split__body {
    padding: min(60px, 3.13vw) min(40px, 2.08vw);
    text-align: center;
}
.hb-split__title {
    font-family: var(--hb-serif);
    font-weight: 700;
    text-transform: uppercase;
    font-size: min(46px, 2.4vw);
    line-height: 1.16;
    letter-spacing: .03em;
    color: var(--hb-ink);
}
.hb-split__body .hb-ribbon { margin-top: min(26px, 1.35vw); }
.hb-split--tshirt .hb-ribbon { padding-inline: min(170px, 8.85vw); }   /* 稿面缎带宽 568 */
.hb-split--scarf  .hb-ribbon { padding-inline: min(134px, 6.98vw); }   /* 稿面缎带宽 496 */
.hb-split__note {
    margin-top: min(18px, .94vw);
    font-size: min(22px, 1.15vw);
    line-height: 1.4;
    color: #222;
}

/* ===============================================================
   5. home5 — OEM&ODM SUPPORTED（左右满幅两栏）
   =============================================================== */
.hb-oem {
    background: #fff;
    padding: min(112px, 5.83vw) 0 min(80px, 4.17vw);
}
.hb-oem__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: min(103px, 5.36vw);
}
/* 稿面左右两栏各占 960（通栏），故承载栅格的这一层 .hb-inner 放开宽度限制 */
.hb-oem > .hb-inner + .hb-inner { width: 100%; }
.hb-oem__col { padding: min(70px, 3.65vw) min(80px, 4.17vw); }
.hb-oem__col--with { background: var(--hb-red-flat); }
.hb-oem__col--no   { background: var(--hb-bluegray); }
.hb-oem__heading {
    font-family: var(--hb-serif);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: min(30px, 1.56vw);
    line-height: 1.2;
    text-align: center;
    margin-bottom: min(40px, 2.08vw);
}
.hb-oem__col--with .hb-oem__heading { color: #fff; }
.hb-oem__col--no   .hb-oem__heading { color: var(--hb-ink); }

.hb-oem__panel { padding: min(30px, 1.56vw) min(26px, 1.35vw); }
.hb-oem__col--with .hb-oem__panel { background: rgba(0, 0, 0, .10); }
.hb-oem__col--no   .hb-oem__panel { background: rgba(255, 255, 255, .55); }

.hb-steps { list-style: none; position: relative; }
.hb-steps__item {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: min(22px, 1.15vw);
    padding: 0 0 min(34px, 1.77vw) min(42px, 2.19vw);
}
.hb-steps__item:last-child { padding-bottom: 0; }
.hb-steps__item::before {                 /* 竖向虚线 */
    content: ""; position: absolute; left: 9px; top: 20px; bottom: 0;
    border-left: 2px dotted rgba(255, 255, 255, .5);
}
.hb-oem__col--no .hb-steps__item::before { border-left-color: rgba(40, 40, 40, .38); }
.hb-steps__item:last-child::before { display: none; }
.hb-steps__item::after {                  /* 节点圆点 */
    content: ""; position: absolute; left: 0; top: 6px;
    width: 16px; height: 16px; border-radius: 50%;
    background: #fff; box-shadow: 0 0 0 4px rgba(255, 255, 255, .28);
}
.hb-oem__col--no .hb-steps__item::after {
    background: #6a6a6a; box-shadow: 0 0 0 4px rgba(60, 60, 60, .15);
}
.hb-steps__text { font-size: min(22px, 1.15vw); line-height: 1.5; font-weight: 500; }
.hb-oem__col--with .hb-steps__text { color: #fff; }
.hb-oem__col--no   .hb-steps__text { color: #33373d; }
.hb-steps__icon { width: min(56px, 2.92vw); height: min(56px, 2.92vw); flex: none; }
.hb-oem__col--with .hb-steps__icon { color: #fff; }
.hb-oem__col--no   .hb-steps__icon { color: #2f3338; }

.hb-oem__foot {
    margin-top: min(30px, 1.56vw);
    text-align: center;
    font-size: min(22px, 1.15vw);
    font-weight: 500;
    color: var(--hb-red);
}

/* ===============================================================
   6. home6 — COMPANY INTRODUCTION
   =============================================================== */
.hb-company {
    position: relative;
    background: var(--hb-gray-lt);
    padding: min(128px, 6.67vw) 0 min(84px, 4.38vw);
    overflow: hidden;
}
/* 稿面顶部有一块从右上斜向左下的浅灰面（y=0 时右缘 x≈1248，y=600 时 x≈112） */
.hb-company::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: min(600px, 31.25vw);
    background: var(--hb-stage);
    clip-path: polygon(0 0, 65% 0, 6% 100%, 0 100%);
    z-index: 0;
}
.hb-company .hb-inner { position: relative; z-index: 1; }
.hb-company__name {
    margin-top: min(105px, 5.47vw);
    text-align: center;
    font-family: var(--hb-serif);
    text-transform: uppercase;
    font-size: min(37px, 1.93vw);
    letter-spacing: .08em;
    color: var(--hb-ink);
}
.hb-company__lead {
    margin: min(51px, 2.66vw) auto 0;
    max-width: min(1140px, 59.4vw);      /* 稿面首行宽 1141 */
    text-align: center;
    font-size: min(22px, 1.15vw);
    line-height: min(30px, 1.56vw);      /* 稿面行距 30 */
    color: #33373d;
}
.hb-cards { display: grid; }
.hb-cards--3 { grid-template-columns: repeat(3, 1fr); }
.hb-cards--2 { grid-template-columns: repeat(2, 1fr); }
.hb-company .hb-cards--3 { gap: min(48px, 2.5vw); margin-top: min(96px, 5vw); }

/* 白卡 + 红头（稿面红头高 78） */
.hb-card {
    background: #fff;
    border: 1px solid #e2e5ea;
    box-shadow: 0 10px 26px rgba(20, 26, 36, .10);
    display: flex;
    flex-direction: column;
}
.hb-card__head {
    background: var(--hb-red);
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: min(24px, 1.25vw);
    line-height: 1.2;
    padding: min(25px, 1.3vw) min(14px, .73vw);
}
.hb-card__body {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: min(30px, 1.56vw) min(26px, 1.35vw);
    font-size: min(22px, 1.15vw);
    line-height: min(33px, 1.72vw);      /* 稿面三行行距 33 */
    min-height: min(152px, 7.92vw);      /* 稿面卡体 698..850 */
    color: #2b2f34;
}

/* ===============================================================
   7. home7 — CUSTOM MADE SERVICE INCLUDING（两张红卡 620×497）
   =============================================================== */
.hb-service {
    background: var(--hb-gray-lt);
    padding: min(72px, 3.75vw) 0 min(97px, 5.05vw);
}
.hb-service .hb-cards--2 { gap: min(56px, 2.92vw); margin-top: min(121px, 6.3vw); }
.hb-svc-card {
    background: var(--hb-red);
    color: #fff;
    text-align: center;
    min-height: min(497px, 25.89vw);
    padding: min(70px, 3.65vw) min(50px, 2.6vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: min(30px, 1.56vw);
}
.hb-svc-card__icon { width: min(90px, 4.69vw); height: min(90px, 4.69vw); }
.hb-svc-card__title { font-weight: 700; font-size: min(30px, 1.56vw); line-height: 1.2; }
.hb-svc-card__text {
    max-width: min(430px, 22.4vw);
    font-size: min(22px, 1.15vw);
    line-height: 1.6;
    opacity: .95;
}

/* ===============================================================
   8. home8 — WHY CHOOSE US?（三卡，中卡红底且高出 96）
   =============================================================== */
.hb-why {
    background: var(--hb-gray-lt);
    padding: min(37px, 1.93vw) 0 min(80px, 4.17vw);
}
.hb-why__lead {
    margin: min(20px, 1.04vw) auto 0;
    max-width: min(836px, 43.5vw);
    text-align: center;
    font-size: min(22px, 1.15vw);
    line-height: 1.6;
    color: #2b2f34;
}
.hb-why .hb-cards--3 { gap: min(40px, 2.08vw); margin-top: min(40px, 2.08vw); align-items: stretch; }
.hb-why-card {
    background: var(--hb-stage);
    color: var(--hb-ink);
    text-align: center;
    min-height: min(300px, 15.63vw);
    padding: min(56px, 2.92vw) min(30px, 1.56vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(20px, 1.04vw);
}
.hb-why-card__icon { width: min(70px, 3.65vw); height: min(70px, 3.65vw); color: var(--hb-red); }
.hb-why-card__title { font-weight: 700; font-size: min(26px, 1.35vw); line-height: 1.25; color: var(--hb-red); }
.hb-why-card__text { font-size: min(20px, 1.04vw); line-height: 1.6; }
/* 中卡：红底白字，比两侧各高出 48（共 96） */
.hb-why-card--feature {
    background: var(--hb-red);
    color: #fff;
    min-height: min(396px, 20.63vw);
    margin-top: -48px;
    margin-bottom: -48px;
    justify-content: center;
    box-shadow: 0 16px 38px rgba(140, 50, 52, .28);
}
.hb-why-card--feature .hb-why-card__icon { color: #fff; }
.hb-why-card--feature .hb-why-card__title { color: #fff; }

/* ===============================================================
   9. 响应式
   =============================================================== */
@media (max-width: 1199px) {
    .hb-blocks { --hb-c: 100%; --hb-gut: 48px; }
}

/* --- 平板：992px 以下 --- */
@media (max-width: 991px) {
    .hb-blocks { --hb-gut: 40px; }
    .hb-cats { grid-template-columns: repeat(3, 1fr); gap: 20px 16px; }
    .hb-cat__media { aspect-ratio: 3 / 4; }

    /* home3 三栏 → 文字在上、两图并列在下 */
    .hb-split--tshirt {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "body body" "left right";
    }
    .hb-split--tshirt .hb-split__body { grid-area: body; padding-bottom: 20px; }
    .hb-split--tshirt .hb-split__photo { grid-area: left; aspect-ratio: 4 / 5; }
    .hb-split--tshirt .hb-split__photo:last-of-type { grid-area: right; align-self: stretch; }

    /* home4 图文左右 → 上下 */
    .hb-split--scarf {
        grid-template-columns: 1fr;
        grid-template-areas: "photo" "body";
    }
    .hb-split--scarf .hb-split__photo { grid-area: photo; aspect-ratio: 16 / 10; }
    .hb-split--scarf .hb-split__body { grid-area: body; }

    .hb-oem__grid { grid-template-columns: 1fr; }
    .hb-oem__col { padding: 44px 28px; }

    .hb-company .hb-cards--3 { grid-template-columns: 1fr; }
    .hb-service .hb-cards--2 { grid-template-columns: 1fr; }
    .hb-why .hb-cards--3 { grid-template-columns: 1fr; }
    .hb-why-card--feature { margin-top: 0; margin-bottom: 0; min-height: 0; }

    .hb-classified { padding-bottom: 90px; }
}

/* --- 手机：768px 以下 --- */
@media (max-width: 767px) {
    .hb-blocks { --hb-gut: 28px; }
    .hb-hero { padding: 40px 0 40px; }
    .hb-hero__title { font-size: 42px; }
    .hb-hero__sub { font-size: 30px; }
    .hb-btn { height: 46px; padding: 0 40px; font-size: 16px; }

    /* 首屏 8 图带改横向滚动，避免被压成细条 */
    .hb-hero__strip { width: calc(100% - var(--hb-gut)); }
    .hb-hero__frames {
        aspect-ratio: auto;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }
    .hb-hero__frame { flex: 0 0 46%; scroll-snap-align: center; aspect-ratio: 206 / 328; }
    .hb-hero__seam { display: none; }

    .hb-title { font-size: 32px; }
    .hb-service .hb-title, .hb-why .hb-title { font-size: 24px; }
    .hb-ribbon { font-size: 22px; padding: 14px 26px; }
    .hb-classified__lead { font-size: 18px; }
    .hb-cat__label { font-size: 17px; }
    .hb-cats { grid-template-columns: repeat(2, 1fr); }

    .hb-split--tshirt { grid-template-columns: 1fr; grid-template-areas: "body" "left" "right"; }
    .hb-split__photo { aspect-ratio: 4 / 5; }

    .hb-oem__col { padding: 32px 20px; }
    .hb-steps__item { padding-left: 30px; padding-bottom: 22px; }
    .hb-steps__icon { width: 34px; height: 34px; }
    .hb-steps__text { font-size: 15px; }

    .hb-svc-card, .hb-why-card { padding: 34px 22px; min-height: 0; }
    .hb-svc-card__text, .hb-why-card__text, .hb-card__body, .hb-company__lead, .hb-why__lead { font-size: 15px; }
    .hb-split__title { font-size: 26px; }
    .hb-company { padding-top: 56px; }
    .hb-company::before { display: none; }
}

/* ===============================================================
   10. 内联 SVG 图标（颜色随 currentColor 走）
   =============================================================== */
.hb-blocks .hb-icon { display: block; flex: none; }
.hb-blocks .hb-i--line {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.hb-blocks .hb-i--solid { fill: currentColor; stroke: none; }