/* 视觉豁免:官网自有纸色、衬线、墨阶体系(2026-10-22 定) */
/* space, colour and one small surprise per page; everything here respects prefers-reduced-motion */
:root{--clay:#d97757;--oat:#e8e6dc;--sage:#b9d1c2;--sky:#b8c7d6;--wheat:#e7c08f;--slate:#40403e}

/* more air on wide screens */
@media (min-width:1280px){
  .section{padding-top:128px;padding-bottom:128px}
  .page-hero,.mast,.a-hero{padding-top:112px;padding-bottom:96px}
  .hero-lede{padding-top:28px}
  .section-heading{margin-bottom:44px}
  .page-field{margin-top:-20px;margin-bottom:24px}
}
.tinted{background:var(--oat)}
.cooperation-strip{background:#eef1ea;padding:64px;border-radius:14px}
@media (max-width:800px){.cooperation-strip{padding:36px 28px}}

/* a little clay where the eye should land */
.section-label,.fd-kicker,.product-category,.cat-kicker,.a-label,.eyebrow{color:var(--clay)}
.text-link:hover{color:var(--clay);border-color:var(--clay)}
.button:not(.secondary):hover{background:var(--clay);border-color:var(--clay);color:#fff}
.gen-no{display:inline-block;padding:3px 10px;border-radius:999px;font:500 12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:var(--ink)}
.gen-steps li:nth-child(1) .gen-no{background:var(--sage)}
.gen-steps li:nth-child(2) .gen-no{background:var(--sky)}
.gen-steps li:nth-child(3) .gen-no{background:var(--wheat)}
.gen-steps li:nth-child(4) .gen-no{background:#f0cdbb}
.partner-logo{transition:transform .25s cubic-bezier(.2,0,0,1),box-shadow .25s}
.partner-logo:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(20,20,19,.08)}

/* home: tiles answer the pointer */
.fd-t{pointer-events:auto}
.fd-f{transition:transform .35s cubic-bezier(.2,0,0,1),box-shadow .35s}
.fd-t:hover{z-index:3}
.fd-t:hover .fd-f{transform:scale(1.08);box-shadow:0 14px 34px rgba(20,20,19,.16)}

/* catalogue: the arrow arrives on hover */
.cat-card h3 a::after{content:" →";display:inline-block;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .25s cubic-bezier(.2,0,0,1);color:var(--clay)}
.cat-card:hover h3 a::after{opacity:1;transform:none}

/* product teasers: detail rows and one soft button, like a card that lists its materials */
.detail-rows{display:block;margin-top:auto;border-top:1px solid var(--line)}
.detail-rows>span{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.detail-rows em{font-style:normal;color:var(--ink)}
.detail-rows b{font-weight:400;color:var(--muted)}
.product-teaser:hover .detail-rows b{color:var(--clay)}
.teaser-foot{margin-top:14px;border:0;padding:10px 16px;border-radius:8px;background:var(--oat);justify-content:center;font-size:14px;transition:background .2s}
.teaser-foot>span:last-child{font-size:16px}
.product-teaser:hover .teaser-foot{background:#dedccf}

/* model team: table rows and panel anchors */
.model-matrix tbody tr{transition:background .2s}
.model-matrix tbody tr:hover{background:#f3f2ec}

/* footer: a couplet lights up its translation */
.footer-verse .en{transition:color .2s}
.footer-verse p:hover .en{color:var(--ink)}

/* reading pages: a thin progress line */
#read-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--clay);z-index:40;transition:width .1s linear}

/* numbers that count up when they come into view */
[data-countup]{font-variant-numeric:tabular-nums}

@media (prefers-reduced-motion:reduce){
  .fd-f,.partner-logo,.cat-card h3 a::after,#read-progress{transition:none}
  .fd-t:hover .fd-f{transform:none}
}

/* brand: the company name sits on the same baseline as the mark */
.brand{align-items:flex-end}
.brand span{line-height:1;padding-bottom:3px}

/* media kit: a card with one row per file */
.kit-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:28px 28px 8px;margin:8px 0 32px}
.kit-preview{margin:0 0 20px}.kit-preview img{display:block;width:258px;height:auto}
.kit-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line);font-size:15px}
.kit-row a{color:var(--muted);text-decoration:none}.kit-row a:hover{color:var(--clay)}

/* one eyebrow system across pages */
.section-label,.fd-kicker,.product-category,.cat-kicker,.a-label,.eyebrow,.mp-kicker{font-size:13px;line-height:1.6;letter-spacing:.02em;color:var(--clay)}
.detail-rows em{white-space:nowrap;flex:0 0 auto}
.detail-rows b{text-align:right}
.kit-row>span{white-space:nowrap}