@charset "UTF-8";

/* ==========================================================================
   TIANYI · 首页「水墨天懿」主题
   宣纸底 / 墨色字 / 朱砂点睛 / 远山留白
   仅作用于 body.theme-ink（当前只挂首页），其它页面不受影响。
   需要回退：删除 index.html 的 body 类名与本文件引用即可。
   ========================================================================== */

body.theme-ink {
    --ink-paper: #F7F2E7;
    --ink-paper-2: #FFFDF8;
    --ink-paper-3: #EFE7D7;
    --ink: #1D201C;
    --ink-2: #4C5049;
    --ink-3: #7E827A;
    --ink-line: rgba(29, 32, 28, .14);
    --ink-line-soft: rgba(29, 32, 28, .07);
    --ink-black: #20241E;
    --cinnabar: #B03A2E;
    --cinnabar-light: #D47464;
    --cinnabar-deep: #8A2B22;
    --cinnabar-soft: rgba(176, 58, 46, .08);
    --celadon: #6F8F7C;
    --celadon-deep: #56705F;
    --celadon-soft: rgba(111, 143, 124, .12);
    --celadon-wash: #EDF2EC;
    --sand-wash: #F1E7D6;
    --ink-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --ink-serif-cn: 'KaiTi', 'STKaiti', 'Kaiti SC', 'Songti SC', 'SimSun', serif;
    --ink-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.1'/%3E%3C/svg%3E");

    /* 同步覆盖 style.css 的全局旧色令牌，保证仍用 var(--gc-*) 的内页也切换过来 */
    --gc-navy: #1D201C;
    --gc-deep: #20241E;
    --gc-gold: #B03A2E;
    --gc-gold-light: #D47464;
    --gc-cream: #F7F2E7;
    --gc-text: #1D201C;
    --gc-muted: #5F635C;
    --gc-line: #E4DCCD;
    --gc-shadow: 0 10px 30px rgba(29, 32, 28, .08);

    background-color: var(--ink-paper);
    color: var(--ink);
    font-family: var(--gc-font);
    letter-spacing: .008em;
    overflow-x: hidden;
}

body.theme-ink a:hover { color: var(--cinnabar); }

/* 只统一字体，不强制颜色：深色区块的标题仍按各页原样式显示为纸白色 */
body.theme-ink h1,
body.theme-ink h2,
body.theme-ink h3,
body.theme-ink h4 {
    font-family: var(--ink-serif);
    letter-spacing: 0;
}

/* --------------------------------------------------------------------------
   1. 页头：一条深墨横卷，保证白色书法 Logo 清晰可见
   -------------------------------------------------------------------------- */
body.theme-ink .gc-header,
body.theme-ink .gc-header.is-sticky,
body.theme-ink .gc-header--solid {
    background-color: var(--ink-black);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .035) 0%, transparent 60%), var(--ink-grain);
    background-size: auto, 200px 200px;
    box-shadow: none;
}

body.theme-ink .gc-header__inner { height: 82px; }

body.theme-ink .gc-logo img { max-height: 52px; }

body.theme-ink .gc-nav__link {
    position: relative;
    color: rgba(250, 246, 237, .84);
}

body.theme-ink .gc-nav__link::after {
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 6px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--cinnabar-light), transparent);
    transition: left .28s ease, right .28s ease;
}

body.theme-ink .gc-nav__link:hover::after,
body.theme-ink .gc-nav__item.is-active > .gc-nav__link::after {
    left: 18%;
    right: 18%;
}

body.theme-ink .gc-nav__link:hover,
body.theme-ink .gc-nav__item.is-active > .gc-nav__link {
    color: var(--cinnabar-light);
}

body.theme-ink .gc-nav__sub,
body.theme-ink .gc-lang__list {
    background: var(--ink-paper-2);
    border: 1px solid var(--ink-line-soft);
    border-radius: 2px;
    box-shadow: 0 18px 40px rgba(23, 26, 23, .16);
}

body.theme-ink .gc-nav__sub a,
body.theme-ink .gc-lang__list a { color: var(--ink-2); }

body.theme-ink .gc-nav__sub a:hover,
body.theme-ink .gc-lang__list a:hover {
    background: var(--ink-paper-3);
    color: var(--cinnabar);
}

body.theme-ink .gc-lang__current { color: rgba(250, 246, 237, .8); }

body.theme-ink .gc-nav-toggle span { background: var(--ink-paper-2); }

body.theme-ink .gc-btn--primary {
    background: var(--cinnabar);
    border-radius: 2px;
    letter-spacing: .02em;
}

body.theme-ink .gc-btn--primary:hover {
    background: var(--cinnabar-deep);
    color: #fff;
    transform: translateY(-1px);
}

/* --------------------------------------------------------------------------
   2. 首屏：宣纸 + 淡墨远山 + 朱砂印
   -------------------------------------------------------------------------- */
body.theme-ink .fb-hero {
    background: var(--ink-paper);
    min-height: 100vh;
    min-height: 100svh;
    overflow: hidden;
}

body.theme-ink .fb-hero__video-wrap {
    filter: grayscale(.15) saturate(1.1) contrast(1.04) brightness(1.08);
    opacity: .5;
    mix-blend-mode: normal;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .5) 58%, transparent 92%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .5) 58%, transparent 92%);
    animation: inkHeroZoom 28s ease-in-out infinite alternate;
    transform-origin: 62% 45%;
}

body.theme-ink .fb-hero__overlay {
    background:
        radial-gradient(120% 95% at 10% 30%, rgba(246, 241, 230, .98) 0%, rgba(246, 241, 230, .86) 42%, rgba(246, 241, 230, .18) 100%),
        linear-gradient(96deg, rgba(246, 241, 230, .95) 0%, rgba(246, 241, 230, .4) 50%, rgba(246, 241, 230, 0) 100%);
}

/* 织物折线 + 一抹宋瓷青：补足首屏右侧留白 */
body.theme-ink .fb-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        radial-gradient(58% 52% at 88% 62%, rgba(126, 145, 132, .1) 0%, transparent 72%),
        repeating-linear-gradient(102deg, transparent 0 18px, rgba(29, 32, 28, .016) 18px 19px);
}

body.theme-ink .fb-hero__texture {
    background-image: var(--ink-grain),
        repeating-linear-gradient(45deg, transparent 0, transparent 5px, rgba(29, 32, 28, .02) 5px, rgba(29, 32, 28, .02) 6px);
    background-size: 200px 200px, auto;
    opacity: .55;
    animation: inkMist 18s ease-in-out infinite alternate;
}

/* 远山：由深到浅的三层墨色 */
body.theme-ink .fb-hero::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 330px;
    z-index: 2;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 360' preserveAspectRatio='none'%3E%3Cpath d='M0 252C150 202 258 232 366 172 474 112 546 58 664 110 782 162 852 220 982 200 1112 180 1244 108 1440 158L1440 360 0 360Z' fill='%231D201C' opacity='.055'/%3E%3Cpath d='M0 294C182 252 302 282 432 238 562 194 652 150 782 202 912 254 1032 292 1162 266 1292 240 1382 220 1440 238L1440 360 0 360Z' fill='%231D201C' opacity='.09'/%3E%3Cpath d='M0 328C222 298 382 320 542 294 702 268 842 246 1002 282 1162 318 1302 322 1440 300L1440 360 0 360Z' fill='%231D201C' opacity='.14'/%3E%3C/svg%3E");
}

/* 首页首屏：山水画作为主图，铺满整屏 */
body.theme-ink .fb-hero--inkbg {
    background: #F6F1E6 url("../index_bg.jpg") center center / cover no-repeat;
}
body.theme-ink .fb-hero--inkbg .fb-hero__video-wrap { display: none; }
body.theme-ink .fb-hero--inkbg::before { display: none; }
body.theme-ink .fb-hero--inkbg .fb-hero__overlay {
    background: linear-gradient(96deg, rgba(246, 241, 230, .88) 0%, rgba(246, 241, 230, .45) 46%, rgba(246, 241, 230, .02) 100%);
}

/* ── 统一内页头部（米白纸底 + 山水画线条轮廓） ── */
.page-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    min-height: 460px;
    padding: 82px 5.5%;
    color: #1D201C;
    background: #F6F1E6;
    font-family: 'Mulish', sans-serif;
}
.page-hero__grid { display: none; }
/* 头部底部朱砂渐变线（所有内页统一） */
.page-hero::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(to right, transparent, #A63A2E 20%, #A63A2E 80%, transparent);
    pointer-events: none;
}
/* 墨层叠加 22%：墨色更淡，画面更轻 */
.page-hero__ink {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: url("../index_bg.jpg") center center / cover no-repeat;
    mix-blend-mode: multiply;
    opacity: .22;
    filter: none;
}
.page-hero__ring {
    position: absolute;
    right: -140px;
    bottom: -220px;
    width: 560px;
    height: 560px;
    border: 1px solid rgba(166, 58, 46, .18);
    border-radius: 50%;
    pointer-events: none;
}
.page-hero__inner {
    position: relative;
    z-index: 1;
    max-width: 1240px;
    margin: 0 auto;
    width: 100%;
}
.page-hero__crumbs {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 26px;
    color: rgba(255, 255, 255, .46);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.page-hero__crumbs a { color: rgba(255, 255, 255, .72); text-decoration: none; transition: color .2s; }
.page-hero__crumbs a:hover { color: #D47464; }
.page-hero__crumbs span { color: rgba(255, 255, 255, .55); }
.page-hero__crumbs strong { color: #D47464; font-weight: 700; }
.page-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 16px;
    color: #A63A2E;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.page-hero__eyebrow::before {
    content: '';
    width: 34px;
    height: 1px;
    background: #A63A2E;
}
.page-hero h1 {
    margin: 0;
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.4rem, 4.4vw, 4.05rem);
    font-weight: 700;
    color: #1D201C;
    line-height: 1.1;
    letter-spacing: -.01em;
}
.page-hero__sub {
    max-width: 620px;
    margin: 22px 0 0;
    color: #5F645B;
    font-size: 15px;
    line-height: 1.85;
    font-weight: 400;
    overflow-wrap: anywhere;
}
@media (max-width: 768px) {
    .page-hero { min-height: 330px; padding: 56px 5%; }
    .page-hero h1 { font-size: 2.2rem; }
    .page-hero__sub { font-size: 14px; }
    .page-hero__ink { opacity: .18; }
}

/* 关于我们：首屏下方的企业信息横带（始创年份/所在地/产业链/经营模式） */
body.theme-ink .au-strip-band {
    background: #F6F1E6;
    border-top: 1px solid #E4DCCD;
    border-bottom: 1px solid #E4DCCD;
    position: relative;
    z-index: 2;
}
body.theme-ink .au-strip-band .au-strip-item { border-right-color: #E4DCCD; }
body.theme-ink .au-strip-band .au-strip-item__icon { color: #A63A2E; }
body.theme-ink .au-strip-band .au-strip-item__num { color: #1D201C; }
body.theme-ink .au-strip-band .au-strip-item__num span { color: #7E827A; }
body.theme-ink .au-strip-band .au-strip-item__label { color: #7E827A; }
body.theme-ink .au-strip-band__inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 5.5%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
@media (max-width: 768px) {
    body.theme-ink .au-strip-band .au-strip-item { border-bottom-color: #E4DCCD; }
}

body.theme-ink .fb-hero__accent-bar { display: none; }

body.theme-ink .fb-hero__content { padding-bottom: 130px; }

body.theme-ink .fb-hero__eyebrow {
    color: var(--cinnabar);
    letter-spacing: .2em;
}

body.theme-ink .fb-hero__eyebrow::before { background: var(--cinnabar); }

body.theme-ink .fb-hero__eyebrow::after { display: none; }

html[lang="zh-cn"] body.theme-ink .fb-hero__eyebrow::after {
    display: inline;
    content: ' 天懿纺织';
    font-family: var(--ink-serif-cn);
    font-size: 13px;
    letter-spacing: .18em;
    color: var(--ink-3);
    margin-left: 4px;
}

body.theme-ink .fb-hero__title {
    position: relative;
    color: var(--ink);
    font-size: clamp(2.5rem, 5vw, 4.25rem);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.005em;
    text-shadow: none;
    max-width: 780px;
    padding-bottom: 16px;
    text-wrap: balance;
}

/* 标题下的一笔朱砂 */
body.theme-ink .fb-hero__title::after {
    content: '';
    position: absolute;
    left: 2px;
    bottom: 0;
    width: clamp(96px, 13vw, 152px);
    height: 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 10' preserveAspectRatio='none'%3E%3Cpath d='M2 6C30 3 58 7 86 5 112 3 136 6 158 4' stroke='%23A63A2E' stroke-width='2.6' stroke-linecap='round' fill='none' opacity='.85'/%3E%3Cpath d='M28 8C60 6 92 9 128 7' stroke='%23A63A2E' stroke-width='1' stroke-linecap='round' fill='none' opacity='.32'/%3E%3C/svg%3E") left center / 100% 100% no-repeat;
    opacity: .85;
}

body.theme-ink .fb-hero__title em {
    color: var(--cinnabar);
    font-style: normal;
}

body.theme-ink .fb-hero__subtitle {
    color: var(--ink-2);
    max-width: 560px;
    line-height: 1.8;
}

body.theme-ink .fb-btn-primary,
body.theme-ink .fb-btn-ghost {
    border-radius: 2px;
    letter-spacing: .03em;
}

body.theme-ink .fb-btn-primary {
    background: var(--cinnabar);
    border-color: var(--cinnabar);
    color: #FBF6EA;
}

body.theme-ink .fb-btn-primary:hover {
    background: var(--cinnabar-deep);
    border-color: var(--cinnabar-deep);
    color: #fff;
}

body.theme-ink .fb-btn-ghost {
    border-color: rgba(29, 32, 28, .3);
    color: var(--ink);
    background: transparent;
}

body.theme-ink .fb-btn-ghost:hover {
    background: rgba(29, 32, 28, .05);
    border-color: var(--ink);
    color: var(--ink);
}

body.theme-ink .fb-hero__trust-bar {
    background: rgba(250, 246, 237, .72);
    border-top: 1px solid var(--ink-line-soft);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

body.theme-ink .fb-trust-item { color: var(--ink-2); }
body.theme-ink .fb-trust-dot { background: var(--cinnabar); }

body.theme-ink .fb-hero__scroll-label { color: var(--ink-3); }

body.theme-ink .fb-hero__scroll-line {
    background: linear-gradient(to bottom, rgba(29, 32, 28, .35), transparent);
}

body.theme-ink .fb-hero__dot::before { background: rgba(29, 32, 28, .18); }
body.theme-ink .fb-hero__dot.is-active::before { background: var(--cinnabar); }

body.theme-ink .fb-hero__video-ctrl {
    background: rgba(250, 246, 237, .82);
    border: 1px solid var(--ink-line);
    color: var(--ink-2);
}

/* 品牌椭圆印章：贴在首屏标题右上方 */
body.theme-ink .fb-hero__content::before {
    content: '';
    position: absolute;
    right: 6px;
    top: -6px;
    width: 56px;
    height: 68px;
    background: url("../seal.png") center / contain no-repeat;
    z-index: 6;
    pointer-events: none;
    transform: rotate(-2deg);
    animation: inkSealFloat 7s ease-in-out infinite;
}

/* 右侧竖排题字：仅中文站显示 */
body.theme-ink .fb-hero__content::after {
    content: '';
    display: none;
    position: absolute;
    right: 18px;
    top: 74px;
    padding-left: 14px;
    border-left: 1px solid rgba(166, 58, 46, .26);
    writing-mode: vertical-rl;
    font-family: var(--ink-serif-cn);
    font-size: 14px;
    letter-spacing: .4em;
    color: var(--ink-2);
    pointer-events: none;
    animation: inkFadeIn 1.1s .7s both;
}

html[lang="zh-cn"] body.theme-ink .fb-hero__content::after {
    display: block;
    content: '面料研发、织造与印染';
}

html[lang="en"] body.theme-ink .fb-hero__content::after,
html[lang="ru"] body.theme-ink .fb-hero__content::after,
html[lang="es"] body.theme-ink .fb-hero__content::after {
    display: block;
    writing-mode: vertical-rl;
    text-orientation: upright;
    max-width: none;
    font-family: var(--gc-font);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .08em;
}

html[lang="en"] body.theme-ink .fb-hero__content::after {
    content: 'FABRIC DEVELOPMENT, WEAVING AND DYEING';
}

html[lang="ru"] body.theme-ink .fb-hero__content::after {
    content: 'РАЗРАБОТКА, ТКАЧЕСТВО И ОКРАШИВАНИЕ';
    font-size: 9px;
    letter-spacing: .045em;
}

html[lang="es"] body.theme-ink .fb-hero__content::after {
    content: 'DESARROLLO TEXTIL, TEJEDURÍA Y TINCIÓN';
}

/* --------------------------------------------------------------------------
   3. 询价区：宣纸 + 素白表单
   -------------------------------------------------------------------------- */
body.theme-ink .fb-quote {
    background-color: var(--ink-paper-2) !important;
    background-image: var(--ink-grain) !important;
    background-size: 220px 220px !important;
    position: relative;
    overflow: hidden;
}

body.theme-ink .fb-quote::before {
    content: '';
    position: absolute;
    left: -12%;
    top: -30%;
    width: 62%;
    height: 160%;
    background: radial-gradient(closest-side, rgba(29, 32, 28, .07), transparent 72%);
    pointer-events: none;
}

body.theme-ink .fb-quote__grid { position: relative; z-index: 1; }

body.theme-ink .fb-quote__form {
    background: #FFFDF8 !important;
    border-left: 1px solid var(--ink-line);
    box-shadow: -30px 0 60px rgba(29, 32, 28, .035);
}

body.theme-ink .fb8l-tag { color: var(--cinnabar); }
body.theme-ink .fb8l-dot { background: var(--cinnabar); }

body.theme-ink .fb8l h2 { color: var(--ink); font-weight: 600; }
body.theme-ink .fb8l h2 em { color: var(--cinnabar); font-style: normal; }
body.theme-ink .fb8l-sub { color: var(--ink-2); }
body.theme-ink .fb8l-rule { background: var(--cinnabar); }
body.theme-ink .fb8l-trust li { color: var(--ink-2); }

body.theme-ink .fb8l-chk {
    background: var(--cinnabar-soft);
    border-color: rgba(166, 58, 46, .32);
    color: var(--cinnabar);
}

body.theme-ink .fb8l-stats { border-top-color: var(--ink-line); }
body.theme-ink .fb8l-stat { border-right-color: var(--ink-line-soft); }
body.theme-ink .fb8l-stat-num { color: var(--cinnabar); }
body.theme-ink .fb8l-stat-lbl { color: var(--ink-3); }

body.theme-ink .fb8l-loc {
    background: rgba(250, 246, 237, .8);
    border-color: var(--ink-line);
}

body.theme-ink .fb8l-loc-name { color: var(--ink); }
body.theme-ink .fb8l-loc-sub { color: var(--ink-3); }

body.theme-ink .gc-quote-contacts__item {
    background: rgba(250, 246, 237, .8);
    border-color: var(--ink-line);
    border-radius: 2px;
}

body.theme-ink .gc-quote-contacts__label { color: var(--cinnabar); }
body.theme-ink .gc-quote-contacts .gc-quote-contacts__value { color: var(--ink); }
body.theme-ink .gc-quote-contacts a:hover { color: var(--cinnabar); }
body.theme-ink .gc-quote-contacts a:focus-visible { outline-color: var(--cinnabar); }

/* 表单 */
body.theme-ink .gc-form__label { color: var(--ink-2); }
body.theme-ink .gc-form__req { color: var(--cinnabar); }

body.theme-ink .gc-form input[type="text"],
body.theme-ink .gc-form input[type="email"],
body.theme-ink .gc-form input[type="tel"],
body.theme-ink .gc-form select,
body.theme-ink .gc-form textarea {
    background: #fffdf8;
    border-color: var(--ink-line);
    border-radius: 2px;
    color: var(--ink);
}

body.theme-ink .gc-form input:focus,
body.theme-ink .gc-form select:focus,
body.theme-ink .gc-form textarea:focus {
    border-color: var(--cinnabar);
    box-shadow: 0 0 0 3px rgba(166, 58, 46, .12);
}

body.theme-ink .gc-form__submit {
    background: var(--cinnabar);
    border-radius: 2px;
    letter-spacing: .04em;
}

body.theme-ink .gc-form__submit:hover { background: var(--cinnabar-deep); }

/* --------------------------------------------------------------------------
   4. 通用区块标题：统一字号，朱砂眉题
   -------------------------------------------------------------------------- */
body.theme-ink .fb-section-eyebrow-c,
body.theme-ink .fb-section-eyebrow-b,
body.theme-ink .hp-sust-eyebrow,
body.theme-ink .au-vi__eyebrow,
body.theme-ink .hp-ship-eyebrow,
body.theme-ink .fb-cta__eyebrow {
    color: var(--cinnabar);
}

body.theme-ink .fb-section-eyebrow-c::before,
body.theme-ink .fb-section-eyebrow-b::before,
body.theme-ink .hp-sust-eyebrow::before,
body.theme-ink .au-vi__eyebrow::before,
body.theme-ink .hp-ship-eyebrow::before {
    background: var(--cinnabar);
}

body.theme-ink .fb-section-title-c,
body.theme-ink .fb-section-title-b,
body.theme-ink .au-vi__title,
body.theme-ink .fb-factory__title,
body.theme-ink .fb-cta__title {
    color: var(--ink);
    font-size: clamp(1.9rem, 3vw, 2.85rem);
    font-weight: 600;
    line-height: 1.18;
}

body.theme-ink .fb-type__header-desc,
body.theme-ink .fb-app__header-desc { color: var(--ink-2); }

/* 区块内层置于序号之上，并保留一道极淡的纸边 */
body.theme-ink .fb-type__inner,
body.theme-ink .fb-app__inner,
body.theme-ink .au-vi__inner,
body.theme-ink .fb-factory__inner {
    position: relative;
    z-index: 1;
}

body.theme-ink .fb-type,
body.theme-ink .fb-app,
body.theme-ink .au-vi,
body.theme-ink .fb-factory {
    box-shadow: inset 0 1px 0 rgba(29, 32, 28, .04);
}

/* 卷轴编号：中文站用壹贰叁肆，其它语种用 01–04 */
body.theme-ink .fb-type::after,
body.theme-ink .fb-app::after,
body.theme-ink .au-vi::before,
body.theme-ink .fb-factory::before {
    position: absolute;
    top: 22px;
    right: 4%;
    font-family: var(--ink-serif);
    font-size: clamp(90px, 11vw, 170px);
    line-height: 1;
    letter-spacing: .02em;
    color: rgba(126, 145, 132, .075);
    pointer-events: none;
    user-select: none;
    z-index: 0;
}

body.theme-ink .fb-type::after { content: '01'; }
body.theme-ink .fb-app::after { content: '02'; }
body.theme-ink .au-vi::before { content: '03'; }
body.theme-ink .fb-factory::before { content: '04'; }

html[lang="zh-cn"] body.theme-ink .fb-type::after,
html[lang="zh-cn"] body.theme-ink .fb-app::after,
html[lang="zh-cn"] body.theme-ink .au-vi::before,
html[lang="zh-cn"] body.theme-ink .fb-factory::before {
    font-family: var(--ink-serif-cn);
    font-size: clamp(110px, 13vw, 200px);
    letter-spacing: 0;
}

html[lang="zh-cn"] body.theme-ink .fb-type::after { content: '壹'; }
html[lang="zh-cn"] body.theme-ink .fb-app::after { content: '贰'; }
html[lang="zh-cn"] body.theme-ink .au-vi::before { content: '叁'; }
html[lang="zh-cn"] body.theme-ink .fb-factory::before { content: '肆'; }

/* --------------------------------------------------------------------------
   5. 面料类型：把图片装进“宣纸画框”，底部留白题字
   -------------------------------------------------------------------------- */
body.theme-ink .fb-type {
    position: relative;
    overflow: hidden;
    background-color: var(--ink-paper);
    background-image:
        radial-gradient(80% 70% at 6% 0%, rgba(126, 145, 132, .08) 0%, transparent 62%),
        var(--ink-grain),
        linear-gradient(180deg, #F8F4EA 0%, #F6F1E6 58%, #F1EBDD 100%);
    background-size: auto, 220px 220px, auto;
}

body.theme-ink .fb-type-card {
    background: var(--ink-paper-2);
    border: 1px solid var(--ink-line-soft);
    border-radius: 2px;
    min-height: 470px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .55), 0 10px 26px rgba(29, 32, 28, .04);
    transition: transform .5s cubic-bezier(.2, .7, .2, 1), box-shadow .5s ease, border-color .5s ease;
}

body.theme-ink .fb-type-card:hover {
    transform: translateY(-8px);
    border-color: rgba(166, 58, 46, .22);
    box-shadow: 0 26px 54px rgba(29, 32, 28, .13);
}

/* 悬停时浮出一枚小印 */
body.theme-ink .fb-type-card::after {
    content: 'T';
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cinnabar);
    color: #FBF6EA;
    font-family: var(--ink-serif);
    font-size: 16px;
    line-height: 1;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1.5px rgba(251, 246, 234, .3);
    opacity: 0;
    transform: rotate(-6deg) scale(.82);
    transition: opacity .35s ease, transform .45s cubic-bezier(.2, .7, .2, 1);
    pointer-events: none;
}

html[lang="zh-cn"] body.theme-ink .fb-type-card::after {
    content: '懿';
    font-family: var(--ink-serif-cn);
    font-size: 18px;
}

body.theme-ink .fb-type-card:hover::after {
    opacity: .92;
    transform: rotate(-4deg) scale(1);
}

body.theme-ink .fb-type-card__img {
    filter: grayscale(.1) sepia(.02) saturate(1.1) contrast(1.01) brightness(1.04);
    opacity: 1;
    transition: transform .9s cubic-bezier(.2, .7, .2, 1), filter .6s ease, opacity .6s ease;
}

body.theme-ink .fb-type-card:hover .fb-type-card__img {
    transform: scale(1.045);
    filter: grayscale(0) saturate(1.1) contrast(1.02) brightness(1.05);
    opacity: 1;
}

body.theme-ink .fb-type-card:nth-child(1) .fb-type-card__img {
    background-color: var(--ink-paper-3);
    background-image: url("../uploads/2026/10/2505041-1-393-main.jpg");
    background-size: cover;
    background-position: center;
}

body.theme-ink .fb-type-card:nth-child(2) .fb-type-card__img {
    background-color: var(--ink-paper-3);
    background-image: url("../uploads/2026/10/2505033a-333-main.jpg");
    background-size: cover;
    background-position: center;
}

/* 后台未配图时用真实面料图兜底，不再露出灰白占位纹理 */
body.theme-ink .fb-type-card .fb-type-placeholder { display: none; }

body.theme-ink .fb-type-card__overlay {
    background: linear-gradient(
        180deg,
        rgba(255, 253, 248, 0) 0%,
        rgba(255, 253, 248, 0) 30%,
        rgba(255, 253, 248, .93) 58%,
        #FFFDF8 100%
    );
}

body.theme-ink .fb-type-card:hover .fb-type-card__overlay { opacity: 1; }

body.theme-ink .fb-type-card__bar {
    background: linear-gradient(to bottom, transparent, var(--cinnabar) 30%, var(--cinnabar) 70%, transparent);
}

body.theme-ink .fb-type-card__bg-letter { color: rgba(29, 32, 28, .045); }
body.theme-ink .fb-type-card__tag { color: var(--cinnabar); }

body.theme-ink .fb-type-card__title {
    color: var(--ink);
    font-size: clamp(1.75rem, 2.7vw, 2.35rem);
    font-weight: 600;
}

body.theme-ink .fb-type-card__desc { color: var(--ink-2); }

body.theme-ink .fb-type-tag {
    background: var(--celadon-soft);
    border: 1px solid rgba(126, 145, 132, .22);
    color: var(--celadon-deep);
    transition: background .3s ease, border-color .3s ease;
}

body.theme-ink .fb-type-card:hover .fb-type-tag {
    background: rgba(126, 145, 132, .18);
    border-color: rgba(126, 145, 132, .32);
}

body.theme-ink .fb-type-card__btn {
    background: var(--cinnabar);
    border: 1px solid var(--cinnabar);
    color: #FBF6EA;
    border-radius: 2px;
}

body.theme-ink .fb-type-card__btn:hover {
    background: var(--cinnabar-deep);
    color: #fff;
}

body.theme-ink .fb-type-placeholder {
    background:
        repeating-linear-gradient(45deg, transparent 0, transparent 8px, rgba(29, 32, 28, .04) 8px, rgba(29, 32, 28, .04) 9px),
        var(--ink-paper-3);
}

/* --------------------------------------------------------------------------
   6. 合作场景：同样做“画框 + 留白题字”
   -------------------------------------------------------------------------- */
body.theme-ink .fb-app {
    position: relative;
    overflow: hidden;
    background-color: var(--ink-paper-2);
    background-image:
        radial-gradient(70% 60% at 96% 100%, rgba(126, 145, 132, .09) 0%, transparent 64%),
        var(--ink-grain),
        linear-gradient(180deg, #FDFAF4 0%, #F8F3E9 100%);
    background-size: auto, 220px 220px, auto;
}

body.theme-ink .fb-app-card {
    background: var(--ink-paper);
    border: 1px solid var(--ink-line-soft);
    border-radius: 2px;
    box-shadow: 0 10px 26px rgba(29, 32, 28, .04);
    transition: transform .5s cubic-bezier(.2, .7, .2, 1), box-shadow .5s ease, border-color .5s ease;
}

body.theme-ink .fb-app-card:hover {
    transform: translateY(-6px);
    border-color: rgba(166, 58, 46, .2);
    box-shadow: 0 24px 46px rgba(29, 32, 28, .12);
}

body.theme-ink .fb-app-card__img {
    filter: grayscale(.12) sepia(.02) saturate(1.08) contrast(1.01) brightness(1.04);
    opacity: 1;
    transition: transform .9s cubic-bezier(.2, .7, .2, 1), filter .6s ease, opacity .6s ease;
}

body.theme-ink .fb-app-card:hover .fb-app-card__img {
    transform: scale(1.045);
    filter: grayscale(0) saturate(1.1) contrast(1.02) brightness(1.05);
    opacity: 1;
}

/* 桌面端让卡片错落一点，像卷轴上的钤印位置 */
@media (min-width: 981px) {
    body.theme-ink .fb-type__grid > .fb-type-card:nth-child(2) {
        transform: none;
    }

    body.theme-ink .fb-type__grid > .fb-type-card:nth-child(2):hover {
        transform: translateY(-8px);
    }

    body.theme-ink .fb-app__grid > .fb-app-card:nth-child(even) {
        transform: translateY(22px);
    }

    body.theme-ink .fb-app__grid > .fb-app-card:nth-child(even):hover {
        transform: translateY(14px);
    }
}

body.theme-ink .fb-app-card__overlay {
    background: linear-gradient(
        to top,
        #FFFDF8 0%,
        rgba(255, 253, 248, .94) 34%,
        rgba(255, 253, 248, 0) 74%
    );
}

body.theme-ink .fb-app-card__top-line { background: var(--cinnabar); }
body.theme-ink .fb-app-card__tag { color: var(--cinnabar); }
body.theme-ink .fb-app-card__title { color: var(--ink); font-weight: 600; }
body.theme-ink .fb-app-card__sub { color: var(--ink-2); }

body.theme-ink .fb-app-card__btn {
    background: var(--cinnabar);
    border: 1px solid var(--cinnabar);
    color: #FBF6EA;
    border-radius: 2px;
}

body.theme-ink .fb-app-card__btn:hover { background: var(--cinnabar-deep); }

/* --------------------------------------------------------------------------
   7. 可持续与认证：保留一块深墨，作为全页唯一的“重墨”
   -------------------------------------------------------------------------- */
body.theme-ink .hp-sustain { background: #1B201D; }

body.theme-ink .hp-sustain::after {
    background: radial-gradient(circle, rgba(166, 58, 46, .1) 0%, transparent 65%);
}

body.theme-ink .hp-sustain__border {
    background: linear-gradient(to right, transparent, var(--cinnabar) 25%, var(--cinnabar) 75%, transparent);
}

body.theme-ink .hp-sust-eyebrow { color: var(--cinnabar-light); }
body.theme-ink .hp-sust-eyebrow::before { background: rgba(201, 105, 90, .7); }
body.theme-ink .hp-sust-h2 { color: #F4EFE4; }
body.theme-ink .hp-sust-h2 em { color: var(--cinnabar-light); font-style: normal; }
body.theme-ink .hp-sust-desc { color: rgba(246, 241, 230, .62); }
body.theme-ink .hp-sust-desc strong { color: rgba(246, 241, 230, .9); }

body.theme-ink .hp-sust-img-wrap {
    background: rgba(246, 241, 230, .05);
    border-color: rgba(246, 241, 230, .12);
}

body.theme-ink .hp-sust-img-wrap::before,
body.theme-ink .hp-sust-img-wrap::after { border-color: var(--cinnabar-light); }

body.theme-ink .hp-sust-pill {
    background: rgba(246, 241, 230, .05);
    border-color: rgba(246, 241, 230, .12);
    color: rgba(246, 241, 230, .72);
}

body.theme-ink .hp-sust-pill svg { color: var(--cinnabar-light); }

body.theme-ink .hp-sust-pill:hover {
    background: rgba(166, 58, 46, .16);
    border-color: rgba(201, 105, 90, .35);
    color: rgba(246, 241, 230, .92);
}

body.theme-ink .hp-cert-card {
    background: rgba(246, 241, 230, .03);
    border-color: rgba(246, 241, 230, .1);
}

body.theme-ink .hp-cert-card:hover {
    background: rgba(246, 241, 230, .06);
    border-color: rgba(201, 105, 90, .35);
}

body.theme-ink .hp-cert-card::before { background: var(--cinnabar-light); }

body.theme-ink .hp-cert-card__badge {
    background: rgba(166, 58, 46, .14);
    border-right-color: rgba(246, 241, 230, .08);
}

body.theme-ink .hp-cert-card__badge-inner {
    background: rgba(166, 58, 46, .16);
    border-color: rgba(201, 105, 90, .4);
    color: var(--cinnabar-light);
}

body.theme-ink .hp-cert-card__tag { color: var(--cinnabar-light); }
body.theme-ink .hp-sust-qstat__num span { color: var(--cinnabar-light); }
body.theme-ink .hp-sust-qstat { background: rgba(246, 241, 230, .03); }
body.theme-ink .hp-sust-qstat:hover { background: rgba(246, 241, 230, .06); }
body.theme-ink .hp-sust-qstat__label { color: rgba(246, 241, 230, .4); }

body.theme-ink .hp-sust-download {
    background: rgba(166, 58, 46, .12);
    border-color: rgba(201, 105, 90, .3);
}

body.theme-ink .hp-sust-download:hover { background: rgba(166, 58, 46, .2); }
body.theme-ink .hp-sust-download__icon { background: rgba(166, 58, 46, .22); color: var(--cinnabar-light); }
body.theme-ink .hp-sust-download__arrow { color: var(--cinnabar-light); }

/* --------------------------------------------------------------------------
   8. 垂直整合：纸面 + 朱砂流程线
   -------------------------------------------------------------------------- */
body.theme-ink .au-vi {
    position: relative;
    overflow: hidden;
    background-color: var(--ink-paper);
    background-image: var(--ink-grain), linear-gradient(180deg, #F6F1E6 0%, #FAF6ED 100%);
    background-size: 220px 220px, auto;
}

body.theme-ink .au-vi::after {
    background: linear-gradient(to left, rgba(29, 32, 28, .035), transparent);
}

body.theme-ink .au-vi__eyebrow { color: var(--cinnabar); }
body.theme-ink .au-vi__eyebrow::before { background: var(--cinnabar); }
body.theme-ink .au-vi__title { color: var(--ink); }
body.theme-ink .au-vi__title em { color: var(--cinnabar); font-style: normal; }
body.theme-ink .au-vi__desc { color: var(--ink-2); }

body.theme-ink .au-vi-adv__icon {
    background: var(--cinnabar-soft);
    border-color: rgba(166, 58, 46, .3);
    color: var(--cinnabar);
}

body.theme-ink .au-vi-adv__label { color: var(--ink); }
body.theme-ink .au-vi-adv__sub { color: var(--ink-2); }

body.theme-ink .au-vi__quote {
    border-left-color: var(--cinnabar);
    background: rgba(29, 32, 28, .035);
}

body.theme-ink .au-vi__quote p { color: var(--ink-2); }

body.theme-ink .au-vi__process-label { color: var(--cinnabar); }

body.theme-ink .au-vi-step:not(:last-child)::after {
    background: linear-gradient(to bottom, var(--cinnabar), rgba(166, 58, 46, .12));
}

body.theme-ink .au-vi-step__circle {
    background: var(--ink-paper-2);
    border-color: rgba(166, 58, 46, .35);
    color: var(--cinnabar);
}

body.theme-ink .au-vi-step:hover .au-vi-step__circle {
    background: var(--cinnabar);
    border-color: var(--cinnabar);
    color: #FBF6EA;
}

body.theme-ink .au-vi-step__num { color: rgba(166, 58, 46, .65); }
body.theme-ink .au-vi-step__name { color: var(--ink); font-weight: 600; }
body.theme-ink .au-vi-step__detail { color: var(--ink-2); }

body.theme-ink .au-vi-tag {
    color: var(--ink-2);
    background: rgba(29, 32, 28, .04);
    border-color: var(--ink-line);
}

/* --------------------------------------------------------------------------
   9. 工厂：素白展示，图片加纸色题签
   -------------------------------------------------------------------------- */
body.theme-ink .fb-factory {
    position: relative;
    overflow: hidden;
    background-color: var(--ink-paper-2);
    background-image: var(--ink-grain), linear-gradient(180deg, #FBF7EE 0%, #F6F1E6 100%);
    background-size: 220px 220px, auto;
}

body.theme-ink .fb-factory__top > div > p {
    color: var(--cinnabar) !important;
    letter-spacing: .22em !important;
}

body.theme-ink .fb-factory__title { color: var(--ink); }
body.theme-ink .fb-factory__desc { color: var(--ink-2); }

body.theme-ink .fb-stat { border-top-color: var(--ink-line); }
body.theme-ink .fb-stat__num { color: var(--ink); }
body.theme-ink .fb-stat__label { color: var(--ink-3); }

body.theme-ink .fb-factory-img {
    background: var(--ink-paper-3);
    border: 1px solid var(--ink-line-soft);
}

body.theme-ink .fb-factory-img img {
    filter: grayscale(.1) saturate(1.06) contrast(1.02);
}

body.theme-ink .fb-factory-img__caption {
    background: linear-gradient(to top, rgba(246, 241, 230, .96), rgba(246, 241, 230, 0));
}

body.theme-ink .fb-factory-img__caption span { color: var(--ink-2); }

body.theme-ink .fb-factory__cta-strip {
    background: var(--ink-paper);
    border: 1px solid var(--ink-line-soft);
}

body.theme-ink .fb-factory__cta-text { color: var(--ink); }
body.theme-ink .fb-factory__cta-text span { color: var(--ink-2); }

body.theme-ink .fb-factory-btn--primary {
    background: var(--cinnabar);
    color: #FBF6EA;
    border-radius: 2px;
}

body.theme-ink .fb-factory-btn--primary:hover { background: var(--cinnabar-deep); }

body.theme-ink .fb-factory-btn--ghost {
    border-color: rgba(29, 32, 28, .28);
    color: var(--ink);
    border-radius: 2px;
}

body.theme-ink .fb-factory-btn--ghost:hover {
    border-color: var(--ink);
    background: rgba(29, 32, 28, .04);
}

/* --------------------------------------------------------------------------
   10. 全球物流：从深色改为月白纸面
   -------------------------------------------------------------------------- */
body.theme-ink .hp-shipping {
    background-color: var(--ink-paper-3);
    background-image: var(--ink-grain), linear-gradient(180deg, #F1EBDE 0%, #EBE3D4 100%);
    background-size: 220px 220px, auto;
}

body.theme-ink .hp-shipping::before {
    background-image:
        linear-gradient(rgba(29, 32, 28, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 32, 28, .045) 1px, transparent 1px);
}

body.theme-ink .hp-shipping::after {
    background: radial-gradient(circle, rgba(166, 58, 46, .07) 0%, transparent 65%);
}

body.theme-ink .hp-shipping__border {
    background: linear-gradient(to right, transparent, var(--cinnabar) 25%, var(--cinnabar) 75%, transparent);
}

body.theme-ink .hp-ship-eyebrow { color: var(--cinnabar); }
body.theme-ink .hp-ship-eyebrow::before { background: rgba(166, 58, 46, .6); }
body.theme-ink .hp-ship-h2 { color: var(--ink); }
body.theme-ink .hp-ship-h2 em { color: var(--cinnabar); font-style: normal; }
body.theme-ink .hp-ship-sub { color: var(--ink-2); }
body.theme-ink .hp-ship-header-stat__num { color: var(--ink); }
body.theme-ink .hp-ship-header-stat__num span { color: var(--cinnabar); }
body.theme-ink .hp-ship-header-stat__label { color: var(--ink-3); }

body.theme-ink .hp-ship-regions-label,
body.theme-ink .hp-ship-methods-label,
body.theme-ink .hp-ship-bottom-cell__title { color: var(--ink-3); }

body.theme-ink .hp-ship-regions-label::after,
body.theme-ink .hp-ship-methods-label::after,
body.theme-ink .hp-ship-bottom-cell__title::after { background: var(--ink-line); }

body.theme-ink .hp-ship-regions,
body.theme-ink .hp-shipping__bottom {
    background: var(--ink-line-soft);
    border-color: var(--ink-line-soft);
}

body.theme-ink .hp-ship-region,
body.theme-ink .hp-ship-method,
body.theme-ink .hp-ship-bottom-cell {
    background: var(--ink-paper-2);
}

body.theme-ink .hp-ship-region:hover,
body.theme-ink .hp-ship-method:hover,
body.theme-ink .hp-ship-bottom-cell:hover { background: #FFFDF8; }

body.theme-ink .hp-ship-region::before,
body.theme-ink .hp-ship-method::before { background: var(--cinnabar); }

body.theme-ink .hp-ship-region__name,
body.theme-ink .hp-ship-method__name { color: var(--ink); }
body.theme-ink .hp-ship-region__countries,
body.theme-ink .hp-ship-method__desc,
body.theme-ink .hp-ship-doc { color: var(--ink-2); }
body.theme-ink .hp-ship-region__transit { color: var(--cinnabar); }
body.theme-ink .hp-ship-region__transit::before { background: var(--cinnabar); }

body.theme-ink .hp-ship-method {
    border-color: var(--ink-line-soft);
}

body.theme-ink .hp-ship-method:hover { border-color: rgba(166, 58, 46, .3); }

body.theme-ink .hp-ship-method__icon {
    background: var(--cinnabar-soft);
    border-color: rgba(166, 58, 46, .28);
    color: var(--cinnabar);
}

body.theme-ink .hp-ship-method__tag {
    color: var(--cinnabar);
    border-color: rgba(166, 58, 46, .32);
}

body.theme-ink .hp-incoterm {
    background: var(--cinnabar-soft);
    border-color: rgba(166, 58, 46, .3);
    color: var(--cinnabar);
}

body.theme-ink .hp-incoterm:hover { background: rgba(166, 58, 46, .16); }
body.theme-ink .hp-ship-doc::before { background: var(--cinnabar); }

/* --------------------------------------------------------------------------
   11. 底部 CTA：整幅收束成一张“山水卷尾”
   -------------------------------------------------------------------------- */
body.theme-ink .fb-cta {
    background-color: var(--ink-paper);
    background-image: var(--ink-grain), linear-gradient(180deg, #F8F4EA 0%, #F1EBDD 100%);
    background-size: 220px 220px, auto;
    padding-top: 120px;
    padding-bottom: 120px;
}

body.theme-ink .fb-cta::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: 62%;
    top: auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath d='M0 210C170 168 300 196 430 156 560 116 660 82 790 130 920 178 1030 214 1160 190 1290 166 1370 146 1440 164L1440 320 0 320Z' fill='%231D201C' opacity='.05'/%3E%3Cpath d='M0 262C220 226 380 250 540 222 700 194 840 176 1000 210 1160 244 1300 252 1440 230L1440 320 0 320Z' fill='%231D201C' opacity='.09'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
    pointer-events: none;
}

body.theme-ink .fb-cta::after {
    background: radial-gradient(circle, rgba(166, 58, 46, .08) 0%, transparent 65%);
}

body.theme-ink .fb-cta__top-border {
    background: linear-gradient(to right, transparent 0%, var(--cinnabar) 30%, var(--cinnabar) 70%, transparent 100%);
}

body.theme-ink .fb-cta__ornament-line:first-child {
    background: linear-gradient(to right, transparent, var(--cinnabar));
}

body.theme-ink .fb-cta__ornament-line:last-child {
    background: linear-gradient(to left, transparent, var(--cinnabar));
}

body.theme-ink .fb-cta__ornament-diamond { background: var(--cinnabar); }
body.theme-ink .fb-cta__eyebrow { color: var(--cinnabar); }
body.theme-ink .fb-cta__title { color: var(--ink); }
body.theme-ink .fb-cta__sub { color: var(--ink-2); }

body.theme-ink .fb-cta-btn-main {
    background: var(--cinnabar);
    border-color: var(--cinnabar);
    color: #FBF6EA;
    border-radius: 2px;
}

body.theme-ink .fb-cta-btn-main:hover {
    background: var(--cinnabar-deep);
    border-color: var(--cinnabar-deep);
    box-shadow: 0 12px 30px rgba(130, 42, 33, .2);
}

body.theme-ink .fb-cta-btn-sec {
    color: var(--ink);
    border-color: rgba(29, 32, 28, .24);
    border-radius: 2px;
}

body.theme-ink .fb-cta-btn-sec:hover {
    border-color: var(--ink);
    background: rgba(29, 32, 28, .05);
}

body.theme-ink .fb-cta__trust { border-top-color: var(--ink-line); }
body.theme-ink .fb-cta-trust-item { color: var(--ink-3); }
body.theme-ink .fb-cta-trust-item svg { color: var(--cinnabar); }

body.theme-ink .fb-cta__inner::before {
    content: 'TIAN\AYI';
    white-space: pre;
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto 26px;
    padding-top: 10px;
    background: var(--cinnabar);
    color: #FBF6EA;
    font-family: var(--ink-serif);
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: .08em;
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px rgba(251, 246, 234, .3);
    transform: rotate(-2deg);
}

html[lang="zh-cn"] body.theme-ink .fb-cta__inner::before {
    content: '天懿\A纺织';
    padding-top: 8px;
    font-family: var(--ink-serif-cn);
    font-size: 17px;
    line-height: 1.12;
    letter-spacing: 1px;
}

/* --------------------------------------------------------------------------
   12. 页脚：深墨卷底 + 淡墨大字
   -------------------------------------------------------------------------- */
body.theme-ink .gc-footer {
    position: relative;
    overflow: hidden;
    background: var(--ink-black);
    color: rgba(250, 246, 237, .66);
}

body.theme-ink .gc-footer::after {
    content: 'TIANYI';
    position: absolute;
    right: 2%;
    bottom: -20px;
    font-family: var(--ink-serif);
    font-size: clamp(72px, 12vw, 160px);
    letter-spacing: .02em;
    line-height: 1;
    color: rgba(250, 246, 237, .035);
    pointer-events: none;
    user-select: none;
}

html[lang="zh-cn"] body.theme-ink .gc-footer::after {
    content: '天懿';
    bottom: -34px;
    font-family: var(--ink-serif-cn);
    font-size: clamp(96px, 15vw, 200px);
    letter-spacing: 0;
}

body.theme-ink .gc-footer__title {
    font-family: var(--ink-serif);
    color: #F4EFE4;
    font-weight: 600;
}

body.theme-ink .gc-footer__about,
body.theme-ink .gc-footer__list a { color: rgba(250, 246, 237, .72); }
body.theme-ink .gc-footer__list a:hover { color: var(--cinnabar-light); }
body.theme-ink .gc-footer__bottom { border-top-color: rgba(250, 246, 237, .12); color: rgba(250, 246, 237, .6); }
body.theme-ink .gc-footer__friendlinks a { color: rgba(250, 246, 237, .56); }
body.theme-ink .gc-footer__friendlinks a:hover { color: var(--cinnabar-light); }

body.theme-ink .gc-totop {
    background: var(--ink-black);
    color: var(--ink-paper-2);
}

body.theme-ink .gc-totop:hover { background: var(--cinnabar); }

/* --------------------------------------------------------------------------
   13. 内页通用：旧 navy 内联样式、白底页面与分页
   -------------------------------------------------------------------------- */
body.theme-ink .au-form,
body.theme-ink .cu-form {
    background-color: var(--ink-black) !important;
    background-attachment: scroll;
}

body.theme-ink .au-form__overlay,
body.theme-ink .cu-form__overlay {
    background: rgba(32, 36, 30, .9) !important;
}

body.theme-ink .au-form__form,
body.theme-ink .cu-form__form {
    background: #FFFDF8 !important;
    border-left: 1px solid var(--ink-line-soft);
}

body.theme-ink .au-form__form .gc-form__label,
body.theme-ink .cu-form__form .gc-form__label { color: var(--ink-2) !important; }

body.theme-ink .fabric-index,
body.theme-ink .article-body-wrap,
body.theme-ink .au-comply,
body.theme-ink .ft-overview,
body.theme-ink .ft-sustain,
body.theme-ink .ww-services,
body.theme-ink .wf-products,
body.theme-ink .wf-cats,
body.theme-ink .fb-cats,
body.theme-ink .fb-faq,
body.theme-ink .kf-faq,
body.theme-ink .blog-grid,
body.theme-ink .shop-grid,
body.theme-ink .pcat-grid,
body.theme-ink .pd-main,
body.theme-ink .pd-detail {
    background-color: var(--ink-paper-2);
}

body.theme-ink .fabric-index__hero {
    background: linear-gradient(118deg, #2A2E27 0%, #1D201C 52%, #20241E 100%);
}

body.theme-ink .fabric-index__hero-media-fallback {
    background: linear-gradient(145deg, #2A2E27, #20241E 62%, #1D201C);
}

/* 深底上的小号朱砂文字提亮到 AA */
body.theme-ink .fabric-index__snapshot h3 { color: #D47464; }

/* 深色首屏统一继承纸白，避免后续插入的文本落到墨底上 */
body.theme-ink .au-hero,
body.theme-ink .wf-hero,
body.theme-ink .kf-hero,
body.theme-ink .ft-hero,
body.theme-ink .ww-hero,
body.theme-ink .blog-hero,
body.theme-ink .article-hero,
body.theme-ink .pcat-hero,
body.theme-ink .fabric-index__hero {
    color: #F6F1E6;
}

/* 深色区块里的旧金色小标签，改用提亮后的朱砂 */
body.theme-ink .wf-badge,
body.theme-ink .wf-app-card2__meta {
    color: var(--cinnabar-light);
}

body.theme-ink .wf-badge {
    background: rgba(166, 58, 46, .34);
    border-color: rgba(212, 116, 100, .45);
}

body.theme-ink .wf-apps2__head .wf-label {
    color: var(--cinnabar-light);
}

body.theme-ink .wf-apps2__more a {
    color: #F6F1E6;
}

body.theme-ink .wf-apps2__more a:hover {
    color: var(--cinnabar-light);
}

@media (min-width: 981px) {
    body.theme-ink .wf-apps2__grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 390px));
        justify-content: center;
    }
}

body.theme-ink .pcat-card__desc { color: var(--ink-2); }

body.theme-ink .pd-cta { color: #F6F1E6; }
body.theme-ink .pd-cta__note { color: rgba(250, 246, 237, .62); }

body.theme-ink .kf8l-tag {
    color: var(--cinnabar) !important;
    background: rgba(176, 58, 46, .08) !important;
    border-color: rgba(176, 58, 46, .28) !important;
}

body.theme-ink .blog-list-head p,
body.theme-ink .blog-entry-meta time { color: var(--ink-2); }

body.theme-ink .blog-grid__search input::placeholder {
    color: #6B6F68;
    opacity: 1;
}

body.theme-ink .gc-nav__link:hover {
    color: var(--cinnabar);
}

body.theme-ink .gc-nav__item.is-active > .gc-nav__link {
    color: var(--cinnabar);
}

/* 旧金色按钮改用朱砂底时，文字统一为纸白，避免深字压朱砂 */
body.theme-ink .wf-btn-primary,
body.theme-ink .wf-btn-gold,
body.theme-ink .kf-btn-gold,
body.theme-ink .au-btn-gold,
body.theme-ink .cu-btn-primary,
body.theme-ink .fb-btn-primary,
body.theme-ink .fabric-index__hero-actions a {
    color: #FBF6EA !important;
}

body.theme-ink .gc-totop {
    box-shadow: 0 8px 24px rgba(29, 32, 28, .18);
}

body.theme-ink .gc-pagination a:hover,
body.theme-ink .gc-pagination .active a,
body.theme-ink .gc-pagination .active span {
    background: var(--cinnabar);
    border-color: var(--cinnabar);
    color: #FBF6EA;
}

body.theme-ink .gc-section--cream { background: var(--ink-paper-2); }
body.theme-ink .gc-section--navy { background: var(--ink-black); }
body.theme-ink .gc-btn--dark { background: var(--ink-black); }
body.theme-ink .gc-btn--dark:hover { background: var(--cinnabar); }

/* --------------------------------------------------------------------------
   14. 内页首屏：统一成首页的宣纸水墨语言
   -------------------------------------------------------------------------- */
body.theme-ink .au-hero,
body.theme-ink .fabric-index__hero,
body.theme-ink .cu-hero,
body.theme-ink .wf-hero,
body.theme-ink .kf-hero,
body.theme-ink .ft-hero,
body.theme-ink .ww-hero,
body.theme-ink .blog-hero,
body.theme-ink .article-hero,
body.theme-ink .pcat-hero,
body.theme-ink .shop-hero {
    background-color: var(--ink-paper) !important;
    background-image:
        radial-gradient(78% 80% at 6% 0%, rgba(126, 145, 132, .09) 0%, transparent 62%),
        var(--ink-grain),
        linear-gradient(180deg, #F8F4EA 0%, #F1EBDD 100%) !important;
    background-size: auto, 220px 220px, auto !important;
    color: var(--ink) !important;
    position: relative;
    overflow: hidden;
}

/* 首屏照片处理成淡墨 */
body.theme-ink .au-hero__bg,
body.theme-ink .wf-hero-bg,
body.theme-ink .kf-hero-bg,
body.theme-ink .ft-hero__img {
    filter: grayscale(.2) saturate(1.06) contrast(1.03) brightness(1.08);
    opacity: .4 !important;
    mix-blend-mode: normal;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .45) 58%, transparent 92%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .45) 58%, transparent 92%);
}

body.theme-ink .au-hero__overlay,
body.theme-ink .ft-hero__overlay {
    background: linear-gradient(100deg, rgba(246, 241, 230, .97) 0%, rgba(246, 241, 230, .84) 55%, rgba(246, 241, 230, .36) 100%) !important;
}

body.theme-ink .au-hero__texture,
body.theme-ink .ft-hero__texture,
body.theme-ink .pcat-hero__texture,
body.theme-ink .shop-hero__texture,
body.theme-ink .blog-hero::before,
body.theme-ink .article-hero::before,
body.theme-ink .cu-hero::before {
    background-image:
        linear-gradient(rgba(29, 32, 28, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 32, 28, .05) 1px, transparent 1px) !important;
    background-size: 72px 72px !important;
    opacity: .55;
}

body.theme-ink .au-hero__bar,
body.theme-ink .ft-hero__bar,
body.theme-ink .ww-hero__accent { display: none !important; }

/* 内容层压在山水装饰之上 */
body.theme-ink .au-hero__content,
body.theme-ink .fabric-index__hero-inner,
body.theme-ink .cu-hero-inner,
body.theme-ink .wf-hero-body,
body.theme-ink .kf-hero-body,
body.theme-ink .ft-hero__body,
body.theme-ink .ww-hero__content,
body.theme-ink .blog-hero__inner,
body.theme-ink .article-hero__inner,
body.theme-ink .pcat-hero__inner,
body.theme-ink .shop-hero__inner {
    position: relative;
    z-index: 2;
}

/* 首屏标题：墨色 */
body.theme-ink .au-hero__headline,
body.theme-ink .fabric-index__hero h1,
body.theme-ink .cu-hero h1,
body.theme-ink .wf-h1,
body.theme-ink .kf-h1,
body.theme-ink .ft-hero__h1,
body.theme-ink .ww-hero__title,
body.theme-ink .blog-hero__h1,
body.theme-ink .article-title,
body.theme-ink .pcat-hero__title,
body.theme-ink .shop-hero__title {
    color: var(--ink) !important;
    text-shadow: none !important;
}

body.theme-ink .au-hero__headline em,
body.theme-ink .cu-hero h1 em,
body.theme-ink .wf-h1 em,
body.theme-ink .ft-hero__h1 em,
body.theme-ink .blog-hero__h1 em,
body.theme-ink .article-title em,
body.theme-ink .pcat-hero__title em,
body.theme-ink .shop-hero__title em {
    color: var(--cinnabar) !important;
    font-style: normal;
}

body.theme-ink .au-hero__tagline,
body.theme-ink .fabric-index__intro,
body.theme-ink .cu-hero-sub,
body.theme-ink .wf-hero-sub,
body.theme-ink .kf-hero-sub,
body.theme-ink .ft-hero__sub,
body.theme-ink .ww-hero__desc,
body.theme-ink .blog-hero__desc,
body.theme-ink .pcat-hero__desc,
body.theme-ink .shop-hero__desc {
    color: var(--ink-2) !important;
}

body.theme-ink .au-hero__tagline strong,
body.theme-ink .wf-hero-sub strong,
body.theme-ink .ft-hero__sub strong,
body.theme-ink .pcat-hero__desc strong {
    color: var(--ink) !important;
}

/* 首屏眉题与徽标 */
body.theme-ink .au-hero__eyebrow,
body.theme-ink .fabric-index__eyebrow,
body.theme-ink .cu-eyebrow,
body.theme-ink .ft-hero__eyebrow,
body.theme-ink .blog-hero__eyebrow,
body.theme-ink .pcat-hero__eyebrow,
body.theme-ink .shop-hero__eyebrow,
body.theme-ink .ww-hero__eyebrow {
    color: var(--cinnabar) !important;
}

body.theme-ink .wf-badge,
body.theme-ink .kf-badge {
    color: var(--cinnabar) !important;
    background: var(--cinnabar-soft) !important;
    border-color: rgba(166, 58, 46, .3) !important;
}

body.theme-ink .wf-badge-dot,
body.theme-ink .kf-badge-dot { background: var(--cinnabar) !important; }

body.theme-ink .wf-usp,
body.theme-ink .wf-usps-sep { color: var(--ink-2) !important; }

/* 面包屑 */
body.theme-ink .fabric-index__breadcrumb,
body.theme-ink .pcat-breadcrumb,
body.theme-ink .shop-breadcrumb,
body.theme-ink .blog-hero__crumbs,
body.theme-ink .article-breadcrumb,
body.theme-ink .cu-breadcrumb { color: var(--ink-2) !important; }

body.theme-ink .fabric-index__breadcrumb a,
body.theme-ink .pcat-breadcrumb a,
body.theme-ink .shop-breadcrumb a,
body.theme-ink .blog-hero__crumbs a,
body.theme-ink .article-breadcrumb a,
body.theme-ink .cu-breadcrumb a { color: var(--ink-2) !important; }

body.theme-ink .fabric-index__breadcrumb a:hover,
body.theme-ink .pcat-breadcrumb a:hover,
body.theme-ink .shop-breadcrumb a:hover,
body.theme-ink .blog-hero__crumbs a:hover,
body.theme-ink .article-breadcrumb a:hover,
body.theme-ink .cu-breadcrumb a:hover,
body.theme-ink .blog-hero__crumbs em,
body.theme-ink .article-cat,
body.theme-ink .cu-breadcrumb strong { color: var(--cinnabar) !important; }

body.theme-ink .blog-hero__crumbs span,
body.theme-ink .cu-breadcrumb span { color: var(--ink-3) !important; }

body.theme-ink .fabric-index__hero-media img {
    filter: saturate(1.06) contrast(1.02) brightness(1.02);
    border: 1px solid var(--ink-line);
}

body.theme-ink .fabric-index__stats strong,
body.theme-ink .blog-hero__count-num { color: var(--cinnabar) !important; }

body.theme-ink .fabric-index__stats span,
body.theme-ink .blog-hero__badge-label { color: var(--ink-2) !important; }

body.theme-ink .au-hero__stamp-text { color: var(--ink-3) !important; }
body.theme-ink .au-hero__stamp-line { background: var(--cinnabar) !important; }

body.theme-ink .au-strip-item__num { color: #FBF6EA !important; }
body.theme-ink .au-strip-item__label { color: #FBF6EA !important; }

/* 浅色首屏上的白色遗留元素 */
body.theme-ink .au-hero__scroll span { color: var(--ink-3) !important; }
body.theme-ink .au-hero__scroll-line {
    background: linear-gradient(to bottom, rgba(29, 32, 28, .35), transparent) !important;
}

body.theme-ink .fabric-index__trust li {
    border-color: var(--ink-line) !important;
    background: rgba(252, 249, 242, .72) !important;
    color: var(--ink-2) !important;
}

body.theme-ink .fabric-index__trust li::before { background: var(--cinnabar) !important; }

body.theme-ink .fabric-index__hero-caption {
    background: rgba(250, 246, 237, .92) !important;
    border-top-color: var(--ink-line) !important;
}

body.theme-ink .fabric-index__hero-caption span { color: var(--cinnabar) !important; }
body.theme-ink .fabric-index__hero-caption strong { color: var(--ink) !important; }

body.theme-ink .wf-btn-outline,
body.theme-ink .au-btn-ghost {
    background: transparent !important;
    color: var(--ink) !important;
    border-color: rgba(29, 32, 28, .28) !important;
}

body.theme-ink .wf-stats-bar {
    background: rgba(250, 246, 237, .82) !important;
    border-top: 1px solid var(--ink-line) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

body.theme-ink .wf-stat { border-right-color: var(--ink-line-soft) !important; }
body.theme-ink .wf-stat-label { color: var(--ink-2) !important; }
body.theme-ink .wf-stat-icon { background: var(--cinnabar-soft) !important; }

/* 山水 + 印章：每个内页首屏共用 */
body.theme-ink .ink-hero-decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

body.theme-ink .ink-hero-decor::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 230px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 260' preserveAspectRatio='none'%3E%3Cpath d='M0 178C160 142 280 168 400 120 520 72 600 40 720 82 840 124 940 168 1060 150 1180 132 1300 84 1440 116L1440 260 0 260Z' fill='%231D201C' opacity='.06'/%3E%3Cpath d='M0 214C200 182 340 208 500 176 660 144 800 118 960 156 1120 194 1280 202 1440 182L1440 260 0 260Z' fill='%231D201C' opacity='.1'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
}

body.theme-ink .ink-hero-decor::after {
    content: 'TIAN\AYI';
    white-space: pre;
    position: absolute;
    right: 5%;
    bottom: 96px;
    width: 58px;
    height: 58px;
    padding-top: 10px;
    background: var(--cinnabar);
    color: #FBF6EA;
    font-family: var(--ink-serif);
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: .08em;
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px rgba(251, 246, 234, .3), 0 6px 18px rgba(130, 42, 33, .16);
    transform: rotate(-2deg);
}

html[lang="zh-cn"] body.theme-ink .ink-hero-decor::after {
    content: '天懿\A纺织';
    padding-top: 8px;
    font-family: var(--ink-serif-cn);
    font-size: 17px;
    line-height: 1.12;
    letter-spacing: 1px;
}

@media (max-width: 980px) {
    body.theme-ink .ink-hero-decor::after { display: none; }
    body.theme-ink .ink-hero-decor::before { height: 170px; }
}

/* --------------------------------------------------------------------------
   15. 内页深色区块回纸：关于 / 联系 / 面料总览
   -------------------------------------------------------------------------- */

/* 关于：愿景暗板 */
body.theme-ink .au-team__vision {
    background: var(--ink-paper-2) !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink-line-soft);
    box-shadow: 0 24px 60px rgba(29, 32, 28, .06);
}

body.theme-ink .au-vision__label { color: var(--cinnabar) !important; }
body.theme-ink .au-vision__label::before { background: var(--cinnabar) !important; }
body.theme-ink .au-vision__title { color: var(--ink) !important; }
body.theme-ink .au-vision__title em { color: var(--cinnabar) !important; }
body.theme-ink .au-vision__text { color: var(--ink-2) !important; }
body.theme-ink .au-value { border-bottom-color: var(--ink-line-soft) !important; }
body.theme-ink .au-value__num { color: rgba(166, 58, 46, .28) !important; }
body.theme-ink .au-value__title { color: var(--ink) !important; }
body.theme-ink .au-value__desc { color: var(--ink-2) !important; }

/* 关于 / 联系：询价区回纸 */
body.theme-ink .au-form,
body.theme-ink .cu-form {
    background-color: var(--ink-paper) !important;
    background-image: none !important;
}

body.theme-ink .au-form__overlay,
body.theme-ink .cu-form__overlay { display: none !important; }

body.theme-ink .au-form__form,
body.theme-ink .cu-form__form {
    background: #FFFDF8 !important;
    border-left: 1px solid var(--ink-line);
    box-shadow: -30px 0 60px rgba(29, 32, 28, .035);
}

body.theme-ink .au-form .kf8l h2,
body.theme-ink .cu-form .kf8l h2 { color: var(--ink) !important; }

body.theme-ink .au-form .kf8l-sub,
body.theme-ink .au-form .kf8l-trust li,
body.theme-ink .cu-form .kf8l-sub,
body.theme-ink .cu-form .kf8l-trust li { color: var(--ink-2) !important; }

body.theme-ink .au-form .kf8l-stat-num,
body.theme-ink .cu-form .kf8l-stat-num { color: var(--cinnabar) !important; }

body.theme-ink .au-form .kf8l-stat-lbl,
body.theme-ink .cu-form .kf8l-stat-lbl { color: var(--ink-3) !important; }

body.theme-ink .au-form .gc-quote-contacts__item,
body.theme-ink .cu-form .gc-quote-contacts__item {
    background: rgba(252, 249, 242, .72) !important;
    border-color: var(--ink-line) !important;
}

body.theme-ink .au-form .gc-quote-contacts__label,
body.theme-ink .cu-form .gc-quote-contacts__label { color: var(--cinnabar) !important; }

body.theme-ink .au-form .gc-quote-contacts__value,
body.theme-ink .cu-form .gc-quote-contacts__value { color: var(--ink) !important; }

/* 关于：底部 CTA */
body.theme-ink .au-cta {
    background: var(--ink-paper) !important;
    color: var(--ink) !important;
}

body.theme-ink .au-cta__bg {
    background-image: url("../uploads/2026/10/2505041-1-393-main.jpg") !important;
    background-size: cover;
    background-position: center;
    opacity: .22 !important;
    filter: grayscale(.2) saturate(1.06) brightness(1.1);
    mix-blend-mode: normal;
}

body.theme-ink .au-cta__overlay {
    background: linear-gradient(180deg, rgba(246, 241, 230, .96), rgba(246, 241, 230, .86)) !important;
}

body.theme-ink .au-cta__texture {
    background-image:
        linear-gradient(rgba(29, 32, 28, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 32, 28, .04) 1px, transparent 1px) !important;
    background-size: 60px 60px !important;
    opacity: .7;
}

body.theme-ink .au-cta__headline { color: var(--ink) !important; text-shadow: none !important; }
body.theme-ink .au-cta__headline em { color: var(--cinnabar) !important; }
body.theme-ink .au-cta__sub { color: var(--ink-2) !important; }
body.theme-ink .au-cta__eyebrow { color: var(--cinnabar) !important; }
body.theme-ink .au-cta__trust { color: var(--ink-3) !important; border-top-color: var(--ink-line) !important; }

body.theme-ink .au-cta-btn-secondary {
    color: var(--ink) !important;
    border-color: var(--ink-line) !important;
    background: transparent !important;
}

/* 联系：CTA 条与 FAQ 白底 */
body.theme-ink .cu-cta-bar {
    background: var(--ink-paper-2) !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink-line-soft);
    box-shadow: 0 24px 60px rgba(29, 32, 28, .05);
}

body.theme-ink .cu-cta-bar h3 { color: var(--ink) !important; }
body.theme-ink .cu-cta-bar h3 em { color: var(--cinnabar) !important; }
body.theme-ink .cu-cta-bar p { color: var(--ink-2) !important; }
body.theme-ink .cu-cta-bar-tag { color: var(--cinnabar) !important; }
body.theme-ink .cu-faq { background: var(--ink-paper-2) !important; }

/* 面料总览：能力区 */
body.theme-ink .fabric-index__capabilities {
    background: var(--ink-paper-2) !important;
    color: var(--ink) !important;
}

body.theme-ink .fabric-index__capabilities::before {
    background: repeating-linear-gradient(45deg, rgba(29, 32, 28, .035) 0 1px, transparent 1px 14px) !important;
}

body.theme-ink .fabric-index__cap-head h2 { color: var(--ink) !important; }
body.theme-ink .fabric-index__cap-head > p:last-child { color: var(--ink-2) !important; }

body.theme-ink .fabric-index__cap-item {
    background: #FFFDF8 !important;
    border-color: var(--ink-line-soft) !important;
}

body.theme-ink .fabric-index__cap-item:hover {
    border-color: rgba(166, 58, 46, .35) !important;
    background: #fff !important;
}

body.theme-ink .fabric-index__cap-item h3 { color: var(--ink) !important; }
body.theme-ink .fabric-index__cap-item p { color: var(--ink-2) !important; }
body.theme-ink .fabric-index__cap-tag { color: var(--cinnabar) !important; border-color: rgba(166, 58, 46, .3) !important; }
body.theme-ink .fabric-index__cap-no { color: rgba(29, 32, 28, .18) !important; }
body.theme-ink .fabric-index__proof { background: var(--ink-line-soft) !important; }
body.theme-ink .fabric-index__proof > div { background: #FFFDF8 !important; }
body.theme-ink .fabric-index__proof strong { color: var(--cinnabar) !important; }
body.theme-ink .fabric-index__proof span { color: var(--ink-2) !important; }

/* 面料总览：Snapshot 暗卡 */
body.theme-ink .fabric-index__snapshot {
    background: var(--ink-paper-2) !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink-line-soft);
    box-shadow: 0 22px 46px rgba(29, 32, 28, .06);
}

body.theme-ink .fabric-index__snapshot h3 {
    color: var(--cinnabar) !important;
    border-bottom-color: var(--ink-line) !important;
}

body.theme-ink .fabric-index__snapshot-item { border-top-color: var(--ink-line-soft) !important; }
body.theme-ink .fabric-index__snapshot-item > span { color: var(--cinnabar) !important; }
body.theme-ink .fabric-index__snapshot-item strong { color: var(--ink) !important; }
body.theme-ink .fabric-index__snapshot-item p { color: var(--ink-2) !important; }

/* 面料总览：分类 CTA 卡 */
body.theme-ink .fabric-category--cta {
    background: var(--ink-paper-2) !important;
    color: var(--ink) !important;
    border-color: var(--ink-line) !important;
}

body.theme-ink .fabric-category--cta::after { border-color: rgba(166, 58, 46, .25) !important; }
body.theme-ink .fabric-category--cta__eyebrow { color: var(--cinnabar) !important; }
body.theme-ink .fabric-category--cta__title { color: var(--ink) !important; }
body.theme-ink .fabric-category--cta__action { color: #FBF6EA !important; }

/* 面料总览：底部咨询条 */
body.theme-ink .fabric-index__contact {
    background: var(--ink-paper-2) !important;
    color: var(--ink) !important;
    border-top: 1px solid var(--ink-line-soft);
}

body.theme-ink .fabric-index__contact h2 { color: var(--ink) !important; }
body.theme-ink .fabric-index__contact .fabric-index__eyebrow { color: var(--cinnabar) !important; }
body.theme-ink .fabric-index__categories { background: var(--ink-paper-2) !important; }

/* 面料首屏印章会被右侧画框压住，改为不显示 */
body.theme-ink .fabric-index__hero .ink-hero-decor::after { display: none !important; }

/* 消除 100vw 满幅层带来的 7-8px 横向溢出 */
html.ink-js { overflow-x: clip; }

body.theme-ink .au-hero__bg {
    left: 0 !important;
    width: 100% !important;
}

body.theme-ink .au-vi,
body.theme-ink .au-team,
body.theme-ink .au-cta {
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    margin-left: 0 !important;
}

/* --------------------------------------------------------------------------
   16. 其他页深色区块回纸：面料分类 / 博客详情 / 产品详情
   -------------------------------------------------------------------------- */

/* 面料分类：按应用分类 */
body.theme-ink .wf-apps2 {
    background: var(--ink-paper-2) !important;
}

body.theme-ink .wf-apps2::before {
    background-image:
        linear-gradient(rgba(29, 32, 28, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 32, 28, .045) 1px, transparent 1px) !important;
}

body.theme-ink .wf-apps2__head h2 { color: var(--ink) !important; }
body.theme-ink .wf-apps2__intro { color: var(--ink-2) !important; }
body.theme-ink .wf-apps2__head .wf-label { color: var(--cinnabar) !important; }
body.theme-ink .wf-apps2__head .wf-label::before,
body.theme-ink .wf-apps2__head .wf-label::after { background: var(--cinnabar) !important; }

body.theme-ink .wf-app-card2 {
    background: var(--ink-paper);
    border: 1px solid var(--ink-line-soft);
    box-shadow: 0 10px 26px rgba(29, 32, 28, .04);
}

body.theme-ink .wf-app-card2::after {
    background: linear-gradient(to top, rgba(20, 23, 20, .76) 0%, rgba(20, 23, 20, .34) 44%, rgba(20, 23, 20, 0) 82%) !important;
}

body.theme-ink .wf-app-card2:hover::after {
    background: linear-gradient(to top, rgba(20, 23, 20, .84) 0%, rgba(20, 23, 20, .42) 52%, rgba(20, 23, 20, .04) 100%) !important;
}

body.theme-ink .wf-app-card2__media { background: var(--ink-paper-3); }
body.theme-ink .wf-app-card2__media img { filter: saturate(1.08) contrast(1.04); }
body.theme-ink .wf-app-card2__body h3,
body.theme-ink .wf-app-card2__body h4 { color: #FFFDF8 !important; text-shadow: 0 1px 8px rgba(0, 0, 0, .28); }
body.theme-ink .wf-app-card2__body p { color: rgba(255, 253, 248, .82) !important; }
body.theme-ink .wf-app-card2__meta { color: var(--cinnabar) !important; }

body.theme-ink .wf-sus2__icon,
body.theme-ink .wf-caps2__icon { filter: grayscale(1); opacity: .72; }

body.theme-ink .wf-apps2__more a { color: var(--cinnabar) !important; }
body.theme-ink .wf-apps2__more a:hover { color: var(--cinnabar-deep) !important; }

body.theme-ink .wf-caps2 { background: var(--ink-paper-2) !important; }

/* 博客详情：正文底色与 CTA */
body.theme-ink .article-main { background: var(--ink-paper-2) !important; }

body.theme-ink .article-hero__series,
body.theme-ink .article-meta__item { color: var(--ink-2) !important; }

body.theme-ink .article-cta {
    background: #FFFDF8 !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink-line-soft);
    box-shadow: 0 16px 40px rgba(29, 32, 28, .05);
}

body.theme-ink .article-cta h3 { color: var(--ink) !important; }
body.theme-ink .article-cta__eyebrow { color: var(--cinnabar) !important; }

/* 产品详情：面包屑深带与底部 CTA 回纸 */
body.theme-ink .pd-head {
    background: var(--ink-paper-2) !important;
    color: var(--ink) !important;
    border-bottom: 1px solid var(--ink-line-soft);
}

body.theme-ink .pd-breadcrumb,
body.theme-ink .pd-breadcrumb a { color: var(--ink-2) !important; }
body.theme-ink .pd-breadcrumb > span:last-child { color: var(--ink) !important; }
body.theme-ink .pd-breadcrumb__sep { color: var(--ink-3) !important; }
body.theme-ink .pd-breadcrumb a:hover { color: var(--cinnabar) !important; }

body.theme-ink .pd-cta {
    background: var(--ink-paper) !important;
    color: var(--ink) !important;
    border-top: 1px solid var(--ink-line-soft);
}

body.theme-ink .pd-cta__copy h2 { color: var(--ink) !important; }
body.theme-ink .pd-cta__copy p,
body.theme-ink .pd-cta__note { color: var(--ink-2) !important; }
body.theme-ink .pd-cta__eyebrow { color: var(--cinnabar) !important; }

/* --------------------------------------------------------------------------
   17. 呼吸感：留白、悬停与滚动入场
   -------------------------------------------------------------------------- */
body.theme-ink p { line-height: 1.85; }

body.theme-ink .gc-btn--primary,
body.theme-ink .fb-btn-primary,
body.theme-ink .fb-type-card__btn,
body.theme-ink .fb-cta-btn-main,
body.theme-ink .fb-factory-btn--primary,
body.theme-ink .gc-form__submit {
    transition: background .3s ease, transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

body.theme-ink .gc-btn--primary:hover,
body.theme-ink .fb-btn-primary:hover,
body.theme-ink .fb-type-card__btn:hover,
body.theme-ink .fb-cta-btn-main:hover,
body.theme-ink .fb-factory-btn--primary:hover,
body.theme-ink .gc-form__submit:hover {
    box-shadow: 0 10px 24px rgba(130, 42, 33, .2);
}

@media (min-width: 981px) {
    body.theme-ink .fb-type,
    body.theme-ink .fb-app,
    body.theme-ink .au-vi,
    body.theme-ink .fb-factory {
        padding-top: 112px;
        padding-bottom: 112px;
    }
}

/* 滚动入场：只在 JS 正常工作时隐藏内容，避免失效 */
body.theme-ink.ink-js .ink-reveal {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity .85s ease, transform .9s cubic-bezier(.2, .7, .2, 1);
    will-change: opacity, transform;
}

body.theme-ink.ink-js .ink-reveal.is-inview {
    opacity: 1;
    transform: none;
}

@keyframes inkHeroZoom {
    from { transform: scale(1); }
    to { transform: scale(1.06); }
}

@keyframes inkSunBreathe {
    0%, 100% { opacity: .82; }
    50% { opacity: 1; }
}

@keyframes inkMist {
    from { background-position: 0 0, 0 0; }
    to { background-position: 22px 10px, 0 0; }
}

@keyframes inkSealFloat {
    0%, 100% { transform: rotate(-2deg) translateY(0); }
    50% { transform: rotate(-2deg) translateY(-6px); }
}

@keyframes inkFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-ink *,
    body.theme-ink *::before,
    body.theme-ink *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
    }
}

/* 首页现货与定制卡片使用同一网格基线，内容高度变化时底部操作仍对齐。 */
body.theme-ink .fb-type__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}

body.theme-ink .fb-type__grid > .fb-type-card,
body.theme-ink .fb-type__grid > .fb-type-card:nth-child(2) {
    display: grid;
    min-width: 0;
    transform: none !important;
}

body.theme-ink .fb-type__grid > .fb-type-card:hover,
body.theme-ink .fb-type__grid > .fb-type-card:nth-child(2):hover {
    transform: translateY(-8px) !important;
}

body.theme-ink .fb-type__grid .fb-type-card__content {
    grid-area: 1 / 1;
    box-sizing: border-box;
    height: auto;
    min-width: 0;
}

@media (max-width: 980px) {
    body.theme-ink .fb-type__grid { grid-template-columns: 1fr; }
}

/* 合作场景卡片交错排列，悬停时再依次展示合作说明。 */
@media (min-width: 981px) {
    body.theme-ink .fb-app__grid > .fb-app-card {
        --app-card-offset: 0px;
        transform: translateY(var(--app-card-offset));
    }

    body.theme-ink .fb-app__grid > .fb-app-card:nth-child(even) {
        --app-card-offset: 22px;
    }
}

body.theme-ink .fb-app-card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transform: none;
    transition: transform .4s cubic-bezier(.2, .7, .2, 1);
}

body.theme-ink .fb-app-card__sub {
    opacity: 1;
    transform: none;
    transition: opacity .3s ease, transform .35s ease;
}

body.theme-ink .fb-app-card__btn {
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(12px);
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    transition: max-height .35s ease, opacity .3s .06s ease, transform .35s .06s ease, margin .35s ease, padding .35s ease, border-width .35s ease, background .25s ease;
}

body.theme-ink .fb-app-card:hover,
body.theme-ink .fb-app-card:focus-visible {
    transform: translateY(calc(var(--app-card-offset, 0px) - 7px));
}

body.theme-ink .fb-app-card:hover .fb-app-card__content,
body.theme-ink .fb-app-card:focus-visible .fb-app-card__content {
    transform: translateY(0);
}

body.theme-ink .fb-app-card:hover .fb-app-card__sub,
body.theme-ink .fb-app-card:focus-visible .fb-app-card__sub,
body.theme-ink .fb-app-card:hover .fb-app-card__btn,
body.theme-ink .fb-app-card:focus-visible .fb-app-card__btn {
    opacity: 1;
    transform: translateY(0);
}

body.theme-ink .fb-app-card:hover .fb-app-card__btn,
body.theme-ink .fb-app-card:focus-visible .fb-app-card__btn {
    max-height: 48px;
    margin-top: 16px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

body.theme-ink .fb-app-card__img {
    transition: transform .7s cubic-bezier(.2, .7, .2, 1), filter .5s ease;
}

body.theme-ink .fb-app-card:hover .fb-app-card__img,
body.theme-ink .fb-app-card:focus-visible .fb-app-card__img {
    transform: scale(1.07);
}

@media (max-width: 980px) {
    body.theme-ink .fb-app__grid > .fb-app-card { transform: none; }

    body.theme-ink .fb-app-card__content { transform: none; }

    body.theme-ink .fb-app-card__sub,
    body.theme-ink .fb-app-card__btn {
        opacity: 1;
        transform: none;
    }

    body.theme-ink .fb-app-card__btn {
        max-height: none;
        margin-top: 16px;
        padding-top: 9px;
        padding-bottom: 9px;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }
}

/* --------------------------------------------------------------------------
   14. 响应式
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
    body.theme-ink .fb-hero__content::after { display: none; }
}

@media (max-width: 980px) {
    body.theme-ink .gc-nav {
        background: var(--ink-black);
        border-top: 1px solid rgba(166, 58, 46, .28);
    }

    body.theme-ink .gc-nav__link { color: rgba(250, 246, 237, .86); }

    body.theme-ink .gc-nav__sub {
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    body.theme-ink .gc-nav__sub a { color: rgba(250, 246, 237, .72); }
    body.theme-ink .gc-nav__sub a:hover { background: transparent; color: var(--cinnabar-light); }

    body.theme-ink .fb-hero::before { height: 240px; }
    body.theme-ink .fb-hero__content { padding-bottom: 110px; }
    body.theme-ink .fb-hero__content::before { display: none; }
}

@media (max-width: 768px) {
    body.theme-ink .fb-hero {
        min-height: 100vh;
        min-height: 100svh;
    }

    body.theme-ink .fb-hero__title {
        font-size: clamp(2.05rem, 8vw, 2.8rem);
        line-height: 1.14;
    }

    body.theme-ink .fb-hero__eyebrow::after { display: none; }

    body.theme-ink .fb-hero::before { height: 190px; }

    body.theme-ink .fb-type-card { min-height: 430px; }

    body.theme-ink .fb-cta { padding-top: 88px; padding-bottom: 96px; }
}

/* ==========================================================================
   18. 明暗层次：白卡、纸带节奏、青瓷第二强调色
   ========================================================================== */

/* 18.1 区块明度节奏：白 / 纸 / 青瓷 / 暖砂 */
body.theme-ink .fb-quote {
    background-color: var(--ink-paper-3) !important;
    background-image:
        radial-gradient(90% 80% at 20% 0%, rgba(255, 253, 248, .55), transparent 62%),
        var(--ink-grain) !important;
}

body.theme-ink .fb-type,
body.theme-ink .au-vi,
body.theme-ink .fabric-index__overview,
body.theme-ink .fabric-index__faq {
    background-color: var(--ink-paper) !important;
}

body.theme-ink .fb-app,
body.theme-ink .au-team,
body.theme-ink .cu-faq,
body.theme-ink .wf-caps2,
body.theme-ink .fabric-index__capabilities {
    background-color: var(--celadon-wash) !important;
    background-image:
        radial-gradient(80% 90% at 0% 0%, rgba(111, 143, 124, .1), transparent 62%),
        linear-gradient(180deg, #F2F6F1 0%, #E8F0E8 100%) !important;
}

body.theme-ink .fb-cta,
body.theme-ink .au-cta,
body.theme-ink .fabric-index__contact,
body.theme-ink .pd-cta {
    background-color: var(--sand-wash) !important;
    background-image:
        radial-gradient(80% 80% at 80% 0%, rgba(176, 58, 46, .05), transparent 60%),
        linear-gradient(180deg, #F7EFE1 0%, #EFE2CE 100%) !important;
}

/* 18.2 卡片白化：从背景里浮起来 */
body.theme-ink .fb-type-card,
body.theme-ink .fb-app-card,
body.theme-ink .au-team__vision,
body.theme-ink .fabric-index__snapshot,
body.theme-ink .fabric-index__cap-item,
body.theme-ink .fabric-category,
body.theme-ink .fabric-category--cta,
body.theme-ink .pcat-card,
body.theme-ink .wf-app-card2,
body.theme-ink .wf-sus2__item,
body.theme-ink .wf-caps2__item,
body.theme-ink .article-cta,
body.theme-ink .pd-gallery__main,
body.theme-ink .gc-quote-contacts__item {
    background: #FFFFFF !important;
    border: 1px solid rgba(29, 32, 28, .07) !important;
    box-shadow:
        0 2px 6px rgba(29, 32, 28, .035),
        0 16px 34px rgba(29, 32, 28, .06) !important;
}

body.theme-ink .fb-type-card,
body.theme-ink .fb-app-card,
body.theme-ink .fabric-category,
body.theme-ink .fabric-category--cta,
body.theme-ink .pcat-card,
body.theme-ink .wf-app-card2,
body.theme-ink .wf-sus2__item,
body.theme-ink .wf-caps2__item,
body.theme-ink .pd-gallery__main {
    border-radius: 6px !important;
    overflow: hidden;
}

body.theme-ink .au-team__vision,
body.theme-ink .fabric-index__snapshot,
body.theme-ink .fabric-index__cap-item,
body.theme-ink .article-cta,
body.theme-ink .gc-quote-contacts__item {
    border-radius: 8px !important;
}

body.theme-ink .fb-type-card,
body.theme-ink .fb-app-card,
body.theme-ink .fabric-category,
body.theme-ink .pcat-card,
body.theme-ink .wf-app-card2 {
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

body.theme-ink .fb-type-card:hover,
body.theme-ink .fb-app-card:hover,
body.theme-ink .fabric-category:hover,
body.theme-ink .pcat-card:hover,
body.theme-ink .wf-app-card2:hover {
    transform: translateY(-4px);
    border-color: rgba(176, 58, 46, .2) !important;
    box-shadow:
        0 6px 14px rgba(29, 32, 28, .05),
        0 24px 48px rgba(29, 32, 28, .1) !important;
}

/* 18.3 表单卡：圆角 + 投影，不再顶边 */
body.theme-ink .fb-quote__form,
body.theme-ink .au-form__form,
body.theme-ink .cu-form__form {
    background: #FFFFFF !important;
    border: 1px solid rgba(29, 32, 28, .07) !important;
    border-left: 1px solid rgba(29, 32, 28, .07) !important;
    border-radius: 10px !important;
    box-shadow:
        0 6px 18px rgba(29, 32, 28, .04),
        0 24px 56px rgba(29, 32, 28, .07) !important;
}

/* 18.4 标题减重、拉大层级 */
body.theme-ink h1,
body.theme-ink h2,
body.theme-ink h3,
body.theme-ink h4 {
    letter-spacing: -.012em;
}

body.theme-ink .fb-hero__title,
body.theme-ink .au-hero__headline,
body.theme-ink .fb-section-title-b,
body.theme-ink .fb-section-title-c,
body.theme-ink .au-vi__title,
body.theme-ink .au-vision__title,
body.theme-ink .au-cta__headline,
body.theme-ink .fb-factory__title,
body.theme-ink .fb-cta__title,
body.theme-ink .au-team__header h2,
body.theme-ink .kf8l h2,
body.theme-ink .fb8l h2,
body.theme-ink .fabric-index__hero h1,
body.theme-ink .fabric-index__section-head h2,
body.theme-ink .fabric-index__overview h2,
body.theme-ink .fabric-index__cap-head h2,
body.theme-ink .fabric-index__faq h2,
body.theme-ink .fabric-index__contact h2 {
    font-weight: 500;
}

body.theme-ink .fb-type-card__title {
    font-size: clamp(1.35rem, 2.1vw, 1.9rem);
    font-weight: 500;
    letter-spacing: -.01em;
}

body.theme-ink .fb-app-card__title {
    font-size: clamp(1.2rem, 1.8vw, 1.6rem);
    font-weight: 500;
    letter-spacing: -.01em;
}

/* 18.5 青瓷成为第二强调色 */
body.theme-ink .fb-type::after,
body.theme-ink .fb-app::after,
body.theme-ink .au-vi::before,
body.theme-ink .fb-factory::before {
    color: rgba(111, 143, 124, .14);
}

body.theme-ink .au-vi__quote {
    border-left: 3px solid var(--celadon);
    background: rgba(111, 143, 124, .06);
    padding-left: 18px;
}

body.theme-ink .wf-btn-outline,
body.theme-ink .au-btn-ghost,
body.theme-ink .au-cta-btn-secondary {
    color: var(--celadon-deep) !important;
    border-color: rgba(111, 143, 124, .45) !important;
}

body.theme-ink .fb8l-tag {
    color: var(--cinnabar) !important;
    background: rgba(176, 58, 46, .07) !important;
    border-color: rgba(176, 58, 46, .28) !important;
}

body.theme-ink .fabric-index__section-head p { color: var(--ink-2) !important; }
body.theme-ink .fb-hero__scroll-label { color: var(--ink-2) !important; }

/* 18.6 关于页红色统计条改纸面，减轻大面积红块 */
body.theme-ink .au-hero__strip {
    background: rgba(255, 253, 248, .92) !important;
    border-top: 1px solid var(--ink-line) !important;
    padding: 16px 0 !important;
}

body.theme-ink .au-strip-item__num { color: var(--cinnabar) !important; }
body.theme-ink .au-strip-item__label { color: var(--ink-2) !important; }
body.theme-ink .au-strip-item { border-right-color: var(--ink-line-soft) !important; }

/* 18.7 留白与网格间距 */
body.theme-ink .fb-type__grid,
body.theme-ink .fb-app__grid {
    gap: 24px !important;
}

@media (max-width: 980px) {
    body.theme-ink .fb-type,
    body.theme-ink .fb-app,
    body.theme-ink .au-vi,
    body.theme-ink .au-team {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    body.theme-ink .fb-type__grid,
    body.theme-ink .fb-app__grid { gap: 20px !important; }

    body.theme-ink .fb-quote__form,
    body.theme-ink .au-form__form,
    body.theme-ink .cu-form__form { margin: 18px !important; }
}

@media (max-width: 768px) {
    body.theme-ink .gc-footer { padding-top: 52px; }

    body.theme-ink .gc-footer__grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 24px !important;
        padding-bottom: 36px !important;
    }

    body.theme-ink .gc-footer__grid > div:first-child {
        grid-column: 1 / -1;
    }
}

/* ==========================================================================
   19. 询价模块收敛：干净纸底 + 白表单 + 极简信息
   ========================================================================== */

body.theme-ink .fb-quote,
body.theme-ink .au-form,
body.theme-ink .cu-form {
    background-color: var(--ink-paper) !important;
    background-image: none !important;
}

body.theme-ink .fb-quote::before { display: none !important; }

/* 左侧统一为一条纵向信息流 */
body.theme-ink .fb-quote .fb8l,
body.theme-ink .au-form .kf8l,
body.theme-ink .cu-form .kf8l {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    align-self: start !important;
    gap: 14px;
}

/* 标签去掉胶囊底，只留一个小圆点 */
body.theme-ink .fb8l-tag,
body.theme-ink .kf8l-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--cinnabar) !important;
}

body.theme-ink .fb8l-dot,
body.theme-ink .kf8l-dot { background: var(--cinnabar) !important; }

/* 标题与说明 */
body.theme-ink .fb-quote .fb8l h2,
body.theme-ink .au-form .kf8l h2,
body.theme-ink .cu-form .kf8l h2 {
    max-width: 12em;
    font-size: clamp(1.9rem, 2.8vw, 2.7rem);
    line-height: 1.18;
    font-weight: 500;
    color: var(--ink) !important;
}

body.theme-ink .fb-quote .fb8l-sub,
body.theme-ink .au-form .kf8l-sub,
body.theme-ink .cu-form .kf8l-sub {
    max-width: 35em;
    font-size: 14.5px;
    line-height: 1.85;
    color: var(--ink-2) !important;
}

/* 一道短朱砂线 */
body.theme-ink .fb8l-rule,
body.theme-ink .kf8l-rule {
    width: 46px !important;
    height: 2px !important;
    margin: 2px 0 4px !important;
    background: var(--cinnabar) !important;
}

/* 勾选项改成轻量内联，不再是小方块 */
body.theme-ink .fb8l-trust,
body.theme-ink .kf8l-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    margin: 2px 0 0 !important;
    padding: 0 !important;
}

body.theme-ink .fb8l-trust li,
body.theme-ink .kf8l-trust li {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--ink-2) !important;
}

body.theme-ink .fb8l-chk,
body.theme-ink .kf8l-chk {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: var(--cinnabar) !important;
    font-size: 10px;
    line-height: 1;
}

/* 统计块暂时收起，避免和勾选、联系方式抢注意力 */
body.theme-ink .fb-quote .fb8l-stats,
body.theme-ink .au-form .kf8l-stats,
body.theme-ink .cu-form .kf8l-stats {
    display: none !important;
}

/* 地址 / 电话 / 邮箱压成一条信息带 */
body.theme-ink .fb-quote .gc-quote-contacts,
body.theme-ink .au-form .gc-quote-contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 26px;
    margin-top: 2px;
    padding-top: 14px;
    border-top: 1px solid var(--ink-line-soft);
}

body.theme-ink .fb-quote .gc-quote-contacts__item,
body.theme-ink .au-form .gc-quote-contacts__item {
    display: flex;
    align-items: baseline;
    gap: 7px;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.theme-ink .fb-quote .gc-quote-contacts__label,
body.theme-ink .au-form .gc-quote-contacts__label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ink-2) !important;
}

body.theme-ink .fb-quote .gc-quote-contacts__value,
body.theme-ink .au-form .gc-quote-contacts__value {
    font-size: 13px;
    color: var(--ink-2) !important;
}

/* 表单卡：一张干净白卡，四周留出纸边 */
body.theme-ink .fb-quote__form,
body.theme-ink .au-form__form,
body.theme-ink .cu-form__form {
    margin: 24px !important;
    border: 1px solid var(--ink-line-soft) !important;
    border-left: 1px solid var(--ink-line-soft) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 50px rgba(29, 32, 28, .07) !important;
}

@media (max-width: 980px) {
    body.theme-ink .fb-quote__form,
    body.theme-ink .au-form__form,
    body.theme-ink .cu-form__form { margin: 18px !important; }
}

/* ==========================================================================
   20. 博客列表：特色卡回纸面，和全站卡片统一
   ========================================================================== */

body.theme-ink .blog-grid {
    background-color: var(--ink-paper) !important;
    background-image: none !important;
}

body.theme-ink .blog-featured {
    background: #FFFFFF !important;
    border: 1px solid var(--ink-line-soft) !important;
    border-radius: 6px !important;
    overflow: hidden;
    box-shadow:
        0 2px 6px rgba(29, 32, 28, .035),
        0 16px 34px rgba(29, 32, 28, .06) !important;
}

/* 无图时的“书脊”改成暖砂纸面，不再是一整块深墨 */
body.theme-ink .blog-featured__spine {
    min-height: 392px;
    padding: 36px 32px;
    background: #F1E7D6 !important;
    color: var(--ink) !important;
    border-right: 1px solid var(--ink-line-soft);
    justify-content: flex-end;
    gap: 14px;
}

body.theme-ink .blog-featured__spine::before { display: none !important; }

body.theme-ink .blog-featured__spine::after {
    inset: 16px;
    border: 1px solid rgba(176, 58, 46, .18);
}

body.theme-ink .blog-featured__spine-brand {
    position: absolute;
    top: 34px;
    left: 32px;
    color: var(--cinnabar-deep) !important;
}

body.theme-ink .blog-featured__spine-no { color: var(--cinnabar) !important; }
body.theme-ink .blog-featured__spine-rule { background: var(--cinnabar) !important; }
body.theme-ink .blog-featured__spine-date { color: var(--ink-2) !important; }

body.theme-ink .blog-featured__content { background: #FFFFFF; }

body.theme-ink .blog-featured h2,
body.theme-ink .blog-list h3 {
    font-weight: 500;
    letter-spacing: -.01em;
}

body.theme-ink .blog-featured h2 a,
body.theme-ink .blog-list h3 a { color: var(--ink) !important; }

body.theme-ink .blog-featured p,
body.theme-ink .blog-list__content p { color: var(--ink-2) !important; }

body.theme-ink .blog-entry-meta,
body.theme-ink .blog-entry-meta time { color: var(--ink-2) !important; }

body.theme-ink .blog-entry-meta__tag {
    color: var(--cinnabar) !important;
    background: rgba(176, 58, 46, .06) !important;
    border-color: rgba(176, 58, 46, .28) !important;
    border-radius: 3px;
}

body.theme-ink .blog-read-link {
    color: var(--cinnabar) !important;
    border-color: rgba(176, 58, 46, .4) !important;
}

body.theme-ink .blog-read-link:hover {
    color: var(--ink) !important;
    border-color: var(--ink) !important;
}

body.theme-ink .blog-list { gap: 16px !important; }

body.theme-ink .blog-list__item {
    background: #FFFFFF !important;
    border-color: var(--ink-line-soft) !important;
    border-radius: 6px !important;
    box-shadow:
        0 2px 6px rgba(29, 32, 28, .035),
        0 12px 28px rgba(29, 32, 28, .05) !important;
}

body.theme-ink .blog-list__item:hover {
    border-color: rgba(176, 58, 46, .2) !important;
    box-shadow:
        0 6px 14px rgba(29, 32, 28, .05),
        0 24px 48px rgba(29, 32, 28, .09) !important;
}

body.theme-ink .blog-list__item::before { background: var(--cinnabar) !important; }
body.theme-ink .blog-list__no { color: rgba(176, 58, 46, .3) !important; }
body.theme-ink .blog-list__item:hover .blog-list__no { color: var(--cinnabar) !important; }

body.theme-ink .blog-list-head { border-bottom-color: var(--ink-line) !important; }
body.theme-ink .blog-list-head h2 { color: var(--ink) !important; font-weight: 500; }
body.theme-ink .blog-list-head h2::before { background: var(--cinnabar) !important; }
body.theme-ink .blog-list-head p { color: var(--ink-2) !important; }
body.theme-ink .blog-list-head strong { color: var(--ink) !important; }

body.theme-ink .blog-grid__search {
    background: #FFFFFF !important;
    border-color: var(--ink-line) !important;
    border-radius: 8px !important;
}

body.theme-ink .blog-grid__search:focus-within {
    border-color: var(--cinnabar) !important;
    box-shadow: 0 0 0 3px rgba(176, 58, 46, .1) !important;
}

body.theme-ink .blog-grid__search svg { color: var(--ink-3) !important; }
body.theme-ink .blog-grid__search input::placeholder { color: #6B6F68 !important; }

@media (max-width: 980px) {
    body.theme-ink .blog-featured__spine {
        min-height: 170px;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-start;
        gap: 18px;
        padding: 26px 28px;
    }

    body.theme-ink .blog-featured__spine-brand {
        position: static;
        margin-right: auto;
    }

    body.theme-ink .blog-featured__spine-no { font-size: 2.6rem; }
    body.theme-ink .blog-featured__spine-rule { display: none; }
    body.theme-ink .blog-featured__spine-date { margin-bottom: 4px; }
}

@media (max-width: 640px) {
    body.theme-ink .blog-featured__spine {
        min-height: 142px;
        flex-wrap: wrap;
        gap: 12px 16px;
        padding: 22px;
    }

    body.theme-ink .blog-featured__spine-brand {
        width: 100%;
        margin-right: 0;
    }

    body.theme-ink .blog-featured__spine-no { font-size: 2.2rem; }
}

/* ==========================================================================
   21. 产品列表工具条、键盘焦点与减少动效
   ========================================================================== */

body.theme-ink .pcat-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

body.theme-ink .pcat-toolbar__form {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.theme-ink .pcat-toolbar__form input,
body.theme-ink .pcat-toolbar__form select {
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--ink-line);
    border-radius: 6px;
    background: #FFFFFF;
    color: var(--ink);
    font: inherit;
    font-size: 13px;
}

body.theme-ink .pcat-toolbar__form input { min-width: 190px; }

body.theme-ink .pcat-toolbar__form button {
    height: 42px;
    padding: 0 18px;
    border: 1px solid var(--cinnabar);
    border-radius: 6px;
    background: var(--cinnabar);
    color: #FBF6EA;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s, border-color .2s;
}

body.theme-ink .pcat-toolbar__form button:hover {
    background: var(--cinnabar-deep);
    border-color: var(--cinnabar-deep);
}

body.theme-ink a:focus-visible,
body.theme-ink button:focus-visible,
body.theme-ink input:focus-visible,
body.theme-ink textarea:focus-visible,
body.theme-ink select:focus-visible,
body.theme-ink summary:focus-visible {
    outline: 2px solid var(--cinnabar);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    body.theme-ink .pcat-toolbar__form { width: 100%; }
    body.theme-ink .pcat-toolbar__form input { flex: 1; min-width: 0; }
}

/* 首页 CTA 与关于页末模块统一为宣纸底、细网格与朱砂收边。 */
body.theme-ink .fb-cta {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5%;
    background-color: var(--ink-paper);
    background-image: var(--ink-grain), linear-gradient(180deg, #F6F1E6, #F1EBDD) !important;
    background-size: 220px 220px, auto;
}

body.theme-ink .fb-cta::before,
body.theme-ink .fb-cta::after {
    content: none;
}

body.theme-ink .fb-cta__top-border,
body.theme-ink .fb-cta__bottom-border {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to right, transparent, var(--cinnabar) 25%, var(--cinnabar) 75%, transparent);
}

body.theme-ink .fb-cta__top-border { top: 0; }
body.theme-ink .fb-cta__bottom-border { bottom: 0; opacity: .55; }

body.theme-ink .fb-cta__bg-pattern {
    background-image:
        linear-gradient(rgba(29, 32, 28, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 32, 28, .035) 1px, transparent 1px);
    background-size: 60px 60px;
    opacity: .7;
}

body.theme-ink .fb-cta__inner {
    width: 100%;
    max-width: 900px;
    padding: 92px 0;
}

body.theme-ink .fb-cta__inner::before { display: none; }

body.theme-ink .fb-cta__ornament { margin-bottom: 28px; }
body.theme-ink .fb-cta__ornament-line { width: 56px; }
body.theme-ink .fb-cta__eyebrow { font-size: 10px; letter-spacing: .3em; margin-bottom: 20px; }
body.theme-ink .fb-cta__title { font-size: clamp(2.2rem, 5vw, 4.5rem); line-height: 1.1; margin-bottom: 16px; }
body.theme-ink .fb-cta__sub { max-width: 620px; margin: 0 auto 40px; }
body.theme-ink .fb-cta__buttons { margin-bottom: 42px; }
body.theme-ink .fb-cta__trust { padding-top: 30px; }

@media (max-width: 768px) {
    body.theme-ink .fb-cta__inner { padding: 72px 0; }
    body.theme-ink .fb-cta__buttons { margin-bottom: 32px; }
    body.theme-ink .fb-cta__trust { padding-top: 24px; }
}

body.theme-ink #blk-hero .fb-hero__title {
    font-size: 64px;
    line-height: 1.12;
    letter-spacing: 0;
    padding-bottom: 0;
}

body.theme-ink #blk-hero .fb-hero__title::after { display: none; }

body.theme-ink .fb8l h2,
body.theme-ink .fb-section-title-b,
body.theme-ink .fb-section-title-c,
body.theme-ink .hp-sust-h2,
body.theme-ink .au-vi__title,
body.theme-ink .fb-factory__title,
body.theme-ink .hp-ship-h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
}

body.theme-ink .fb-type-card__title,
body.theme-ink .fb-app-card__title {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
}

body.theme-ink .fb-cta__title {
    font-size: 48px;
    line-height: 1.15;
    letter-spacing: 0;
}

@media (max-width: 768px) {
    body.theme-ink #blk-hero .fb-hero__title { font-size: 38px; }

    body.theme-ink .fb8l h2,
    body.theme-ink .fb-section-title-b,
    body.theme-ink .fb-section-title-c,
    body.theme-ink .hp-sust-h2,
    body.theme-ink .au-vi__title,
    body.theme-ink .fb-factory__title,
    body.theme-ink .hp-ship-h2 { font-size: 32px; }

    body.theme-ink .fb-type-card__title,
    body.theme-ink .fb-app-card__title { font-size: 21px; }

    body.theme-ink .fb-cta__title { font-size: 36px; }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-ink *,
    body.theme-ink *::before,
    body.theme-ink *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
    }
}
