:root{color:#23211f;background:#0e0d0c;font-family:"Noto Sans SC Variable","Microsoft YaHei",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#181715;--charcoal:#201e1b;--paper:#f2f0eb;--paper-deep:#e8e4dd;--muted:#77736c;--line:rgba(35,33,31,0.16);--red:#c8432f;--red-light:#dd5740;--bronze:#a98461;}

/* ========================================================================
   01. 全站通用基础
   变量、重置、版心、页头以及所有页面都会复用的基础组件。
   ======================================================================== */

/* --- 基础重置与版心
   修改全站字体、颜色、页面宽度和默认元素行为。 --- */
*{box-sizing:border-box;}
[hidden]{display:none!important;}
html{scroll-behavior:smooth;}
section[id]{scroll-margin-top:78px;}
body{margin:0;min-width:320px;background:#0e0d0c;overflow-x:hidden;}
body.modal-open{overflow:hidden;}
button,
input,
select{font:inherit;}
button,
a{-webkit-tap-highlight-color:transparent;}
button{border:0;}
a{color:inherit;text-decoration:none;}
img{display:block;width:100%;}
.page-width{width:min(1380px,calc(100% - 112px));margin:0 auto;}
.site-header{position:fixed;inset:0 0 auto;z-index:40;height:78px;color:#f8f5ef;background:rgba(18,17,15,0.91);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);}
.header-inner{width:min(1380px,calc(100% - 112px));height:100%;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;}
.brand{display:inline-flex;align-items:center;width:max-content;}
.brand-logo{display:block;width:auto;height:52px;object-fit:contain;}
.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.46);font-family:"Space Grotesk Variable",sans-serif;font-size:15px;font-weight:650;}
.brand-name{font-size:17px;font-weight:630;letter-spacing:.01em;}
.main-nav{display:flex;gap:44px;}
.main-nav a{position:relative;padding:28px 0 26px;font-size:14px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.72);transition:color .2s ease;}
.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:1px;background:var(--red-light);transition:right .25s ease;}
.main-nav a:hover{color:#fff;}
.main-nav a:hover::after{right:0;}
.main-nav a:focus-visible,
.header-cta:focus-visible,
.menu-toggle:focus-visible,
.button-primary:focus-visible,
.text-link:focus-visible,
.carousel-arrow:focus-visible,
.carousel-dot:focus-visible,
.modal-close:focus-visible,
.site-footer button:focus-visible,
.site-footer a:focus-visible{outline:2px solid #e5b16f;outline-offset:3px;}
.header-cta{justify-self:end;display:inline-flex;align-items:center;gap:10px;height:39px;padding:0 18px;color:#fff;background:var(--red);font-size:15px;cursor:pointer;transition:background .2s ease;}
.header-cta:hover{background:var(--red-light);}
.menu-toggle{display:none;color:white;background:transparent;font-size:25px;}

/* --- 通用标题、按钮与文字链接
   首页和栏目页都会调用，避免在单页区块重复定义。 --- */
.section-kicker{margin:0;font-family:"Space Grotesk Variable",sans-serif;font-size:12px;font-weight:620;letter-spacing:.2em;color:var(--red);}
.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:48px;padding:0 22px;color:#fff;background:var(--red);cursor:pointer;transition:background .2s ease,transform .2s ease;}
.button-primary:hover{background:var(--red-light);transform:translateY(-1px);}
.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.68);}
.text-link:hover{color:white;}

/* --- 全站页脚与预约弹窗
   所有模板通过 footer.html 引入；表单状态也在此维护。 --- */
.site-footer{padding:58px 0 0;color:rgba(255,255,255,.64);background:#151412;}
.footer-main{display:grid;grid-template-columns:1fr auto auto;gap:70px;align-items:center;padding-bottom:52px;}
.footer-brand{color:white;}
.footer-logo{display:block;width:auto;height:56px;object-fit:contain;}
.footer-main > div:first-child > p{margin:14px 0 0;font-size:12px;}
.footer-links{display:flex;gap:28px;font-size:12px;}
.footer-links a:hover{color:white;}
.footer-actions{display:flex;align-items:center;gap:26px;}
.footer-socials{display:flex;align-items:center;gap:9px;}
.social-qr-item{position:relative;}
.social-qr-item > button{width:39px;height:39px;display:grid;place-items:center;color:rgba(255,255,255,.68);background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);font-size:19px;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;}
.social-qr-item:hover > button,
.social-qr-item:focus-within > button{color:#fff;background:var(--red);border-color:var(--red);transform:translateY(-2px);}
.social-qr-popover{position:absolute;z-index:12;left:50%;bottom:calc(100% + 14px);width:166px;display:grid;justify-items:center;padding:14px 14px 13px;color:#292622;background:#f5f2ec;box-shadow:0 20px 50px rgba(0,0,0,.42);opacity:0;visibility:hidden;transform:translate(-50%,8px);pointer-events:none;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;}
.social-qr-popover::after{content:"";position:absolute;left:50%;top:100%;width:10px;height:10px;background:#f5f2ec;transform:translate(-50%,-50%) rotate(45deg);}
.social-qr-item:hover .social-qr-popover,
.social-qr-item:focus-within .social-qr-popover{opacity:1;visibility:visible;transform:translate(-50%,0);}
.social-qr-popover img{width:128px;height:128px;object-fit:contain;background:#fff;}
.social-qr-popover strong{margin-top:9px;color:#292622;font-size:13px;}
.social-qr-popover span{margin-top:3px;color:#847d74;font-size:12px;}
.footer-consultation{display:inline-flex;gap:8px;align-items:center;color:#e6c5a2;background:none;cursor:pointer;white-space:nowrap;}
.footer-consultation:hover{color:#fff;}
.footer-bottom-shell{width:100%;border-top:1px solid rgba(255,255,255,.12);}
.footer-bottom{display:flex;justify-content:space-between;padding:20px 0 23px;font:500 12px "Space Grotesk Variable",sans-serif;letter-spacing:.08em;}
.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:rgba(8,7,6,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);}
.consultation-modal{position:relative;width:min(610px,100%);padding:48px 54px 52px;color:#f2ca94;background:linear-gradient(120deg,#c05443 0%,#bc4937 52%,#b83e2b 100%);border:1px solid #deb475;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 34px 100px rgba(0,0,0,.58),inset 0 1px rgba(255,237,199,.08);}
.consultation-modal .section-kicker{color:#f7d8a7;}
.modal-close{position:absolute;right:20px;top:18px;width:35px;height:35px;color:rgba(255,222,198,.72);background:transparent;font-size:22px;cursor:pointer;transition:color .2s ease,background .2s ease;}
.modal-close:hover{color:#fff0d2;background:rgba(91,24,17,.18);}
.consultation-modal h2{margin:15px 0 0;color:#ecc48f;font-size:36px;font-weight:520;letter-spacing:-.04em;}
.modal-intro{margin:14px 0 30px;color:#f4d3ad;font-size:13px;}
.consultation-modal form{display:grid;gap:18px;}
.consultation-modal label{display:grid;gap:8px;color:#ecc48f;font-size:12px;}
.consultation-modal input,
.consultation-modal select{width:100%;height:46px;padding:0 13px;color:#f7d39a;background:#171512;border:2px solid #cf7659;border-radius:0;outline:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;}
.consultation-modal input::placeholder{color:rgba(247,211,154,.48);}
.consultation-modal select option{color:#f7d39a;background:#171512;}
.consultation-modal input:focus,
.consultation-modal select:focus{background:#1b1814;border-color:#d99b68;box-shadow:0 0 0 2px rgba(91,24,17,.15);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.form-error{margin:-8px 0 0;color:var(--red);font-size:12px;}
.consultation-modal .form-error{color:#fff0d2;font-weight:600;}
.modal-submit{justify-self:start;margin-top:6px;}
.button-primary.is-submitting,
.button-primary:disabled{opacity:.62;cursor:progress;pointer-events:none;}
.consultation-modal .button-primary{color:#f7d39a;background:#171512;border:1px solid #d89a68;}
.consultation-modal .button-primary:hover{color:#fff0d2;background:#231c17;border-color:#efbd79;}
.success-state{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.success-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:22px;color:#f8ca8e;background:#171512;border:1px solid #deb475;border-radius:50%;font-size:26px;}
.success-state h2{margin-top:14px;}
.success-state > p:not(.section-kicker){max-width:360px;margin:15px auto 28px;color:#f4d3ad;line-height:1.8;font-size:13px;}

/* --- 栏目通用 Banner
   品牌、案例、新闻、联系等内页顶部横幅共用。 --- */
.main-nav a[aria-current="page"]{color:#fff;}
.main-nav a[aria-current="page"]::after{right:0;}
.inner-page-banner{position:relative;height:578px;padding-top:78px;overflow:hidden;color:#fff;background:#0d0c0b;}
.inner-page-banner-image{position:absolute;inset:78px 0 0;width:100%;height:500px;object-fit:cover;object-position:center;animation:inner-banner-image 8s cubic-bezier(.2,.65,.2,1) both;}
.inner-page-banner-shade{position:absolute;inset:78px 0 0;background:linear-gradient(90deg,rgba(5,5,4,.26),rgba(5,5,4,.1) 30%,rgba(5,5,4,.1) 70%,rgba(5,5,4,.28)),linear-gradient(180deg,rgba(5,5,4,.28),rgba(5,5,4,.08) 42%,rgba(5,5,4,.4));}
.inner-page-banner-content{position:absolute;z-index:2;inset:78px 24px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:inner-banner-copy .85s ease .12s both;}
.inner-page-banner-content p{margin:0 0 15px;color:rgba(255,255,255,.7);font:600 12px/1 "Space Grotesk Variable",sans-serif;letter-spacing:.32em;text-shadow:0 2px 16px rgba(0,0,0,.42);}
.inner-page-banner-content h1{margin:0;font-size:clamp(38px,4vw,58px);font-weight:520;line-height:1.2;letter-spacing:.04em;text-shadow:0 4px 24px rgba(0,0,0,.5);}
@keyframes inner-banner-image{
  from{transform:scale(1.035);}
  to{transform:scale(1);}
}
@keyframes inner-banner-copy{
  from{opacity:0;transform:translateY(16px);}
  to{opacity:1;transform:translateY(0);}
}
@media (max-width:720px){
  .inner-page-banner{height:387px;padding-top:67px;}
  .inner-page-banner-image,
  .inner-page-banner-shade{inset:67px 0 0;height:320px;}
  .inner-page-banner-content{inset:67px 20px 0;}
  .inner-page-banner-content p{margin-bottom:12px;font-size:12px;letter-spacing:.25em;}
  .inner-page-banner-content h1{font-size:38px;}
}

/* --- 通用分页
   案例列表、新闻列表以及其他分页栏目共用。 --- */
.pagination{float:none;width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:54px 0 0;text-align:center;overflow:visible;}
.pagination span,
.pagination a{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0 13px;color:rgba(255,255,255,.48);background:#151412;border:1px solid rgba(255,255,255,.13);font:500 12px/1 "Space Grotesk Variable",sans-serif;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;}
.pagination a:hover{color:#fff;background:#211714;border-color:rgba(200,67,47,.7);transform:translateY(-2px);}
.pagination .current-page{color:#fff;background:#c8432f;border-color:#c8432f;}
@media screen and (max-width:767px){
.pagination{gap:6px;margin:34px 0 0;}
.pagination span,
.pagination a{min-width:38px;height:38px;padding:0 11px;}
}

/* --- 通用响应式
   只包含版心、页头、页脚和预约弹窗的平板/手机适配。 --- */
@media (max-width:1100px){

  .page-width{width:min(100% - 56px,960px);}
  .header-inner{width:min(100% - 56px,960px);}
  .main-nav{gap:24px;}
}
@media (max-width:760px){

  .page-width{width:calc(100% - 40px);}
  .site-header{height:67px;}
  .header-inner{width:calc(100% - 40px);grid-template-columns:1fr auto;}
  .brand-logo{height:44px;}
  .header-cta{display:none;}
  .menu-toggle{display:block;}
  .main-nav{position:fixed;left:0;right:0;top:67px;display:grid;gap:0;padding:12px 20px 20px;background:#181715;border-bottom:1px solid rgba(255,255,255,.15);transform:translateY(-130%);visibility:hidden;transition:transform .28s ease,visibility .28s ease;}
  .main-nav.is-open{transform:translateY(0);visibility:visible;}
  .main-nav a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);}
  .main-nav a::after{display:none;}
  .footer-main{grid-template-columns:1fr;gap:35px;}
  .footer-links{flex-wrap:wrap;}
  .footer-actions{align-items:flex-start;flex-direction:column;gap:22px;}
  .social-qr-popover{left:0;transform:translate(0,8px);}
  .social-qr-popover::after{left:20px;}
  .social-qr-item:hover .social-qr-popover,
  .social-qr-item:focus-within .social-qr-popover{transform:translate(0,0);}
  .footer-bottom{gap:20px;}
  .consultation-modal{padding:44px 23px 30px;}
  .form-row{grid-template-columns:1fr;}
}

/* --- 无障碍动画设置
   系统开启“减少动态效果”时关闭滚动与过渡动画。 --- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,
  *::before,
  *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}
}

/* ========================================================================
   02. 首页样式
   仅用于 index.html，包括幻灯、品牌介绍、材质、服务、案例、新闻及底部 CTA。
   ======================================================================== */

/* --- 首页主体区块
   首页首屏及首屏以下内容的桌面端基础布局。 --- */
.hero{--hero-inset:max(56px,calc((100% - 1380px) / 2));--hero-copy-width:min(593.4px,calc(43vw - 48.16px));position:relative;min-height:760px;background:#161513;color:#f8f5ef;overflow:hidden;}
.hero-slide{position:absolute;inset:0;min-height:760px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .75s ease,visibility .75s ease;}
.hero-slide.is-active{position:relative;z-index:1;opacity:1;visibility:visible;pointer-events:auto;}
.hero-slide .hero-copy > *{opacity:0;transform:translateY(16px);transition:opacity .55s ease .15s,transform .55s ease .15s;}
.hero-slide.is-active .hero-copy > *{opacity:1;transform:translateY(0);}
.hero-inner{width:calc(100% - var(--hero-inset));min-height:760px;margin:0 0 0 var(--hero-inset);display:grid;grid-template-columns:var(--hero-copy-width) 1fr;}
.hero-copy{min-width:0;padding:166px 64px 54px 54px;display:flex;flex-direction:column;justify-content:center;}
.hero-eyebrow{margin:0;font-family:"Space Grotesk Variable",sans-serif;font-size:12px;font-weight:620;letter-spacing:.2em;color:var(--red);}
.hero-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:31px;color:#b6b0a7;}
.hero-eyebrow span{width:27px;height:1px;background:var(--red-light);}
.hero h1{margin:0;font-size:clamp(40px,4.4vw,72px);line-height:1.17;letter-spacing:-.055em;font-weight:520;}
.hero-subtitle{margin:26px 0 0;color:#d4b696;font-size:20px;letter-spacing:.2em;}
.hero-description{margin:25px 0 0;color:rgba(255,255,255,.55);line-height:1.9;font-size:14px;}
.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px;}

.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:auto;padding-top:42px;border-top:1px solid rgba(255,255,255,.13);}
.hero-facts div{display:flex;flex-direction:column;gap:3px;}
.hero-facts strong{font-family:"Space Grotesk Variable",sans-serif;font-size:20px;font-weight:520;}
.hero-facts span{color:rgba(255,255,255,.4);font-size:12px;}
.hero-visual{position:relative;min-width:0;overflow:hidden;}
.hero-visual::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.12);pointer-events:none;}
.hero-visual img{height:100%;object-fit:cover;transform:scale(1.025);transition:transform 7s ease;}
.hero-slide.is-active .hero-visual img{transform:scale(1);}
.hero-slide:nth-child(2) .hero-visual img{object-position:58% center;}
.hero-slide:nth-child(3) .hero-visual img{object-position:62% center;}
.hero-image-caption{position:absolute;z-index:2;right:35px;bottom:88px;display:flex;align-items:flex-start;gap:14px;color:rgba(255,255,255,.78);}
.hero-image-caption span{color:var(--red-light);font-family:"Space Grotesk Variable",sans-serif;font-size:12px;}
.hero-image-caption p{margin:0;font:500 12px/1.55 "Space Grotesk Variable",sans-serif;letter-spacing:.15em;}
.hero-carousel-controls{position:absolute;z-index:6;left:50%;bottom:27px;display:flex;align-items:center;gap:18px;transform:translateX(-50%);color:#fff;}
.carousel-arrow{width:38px;height:38px;display:grid;place-items:center;color:rgba(255,255,255,.82);background:rgba(18,17,15,.52);border:1px solid rgba(255,255,255,.24);cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease;}
.carousel-arrow:hover{color:#fff;background:var(--red);border-color:var(--red);}
.carousel-dots{display:flex;align-items:center;gap:9px;}
.carousel-dot{width:22px;height:10px;padding:0;background:transparent;cursor:pointer;}
.carousel-dot::before{content:"";display:block;width:100%;height:2px;background:rgba(255,255,255,.34);transition:background .2s ease,transform .2s ease;}
.carousel-dot.is-active::before{background:var(--red-light);transform:scaleY(1.5);}
.brand-intro{padding:128px 0;color:#f8f5ef;background:#0e0d0c;border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;}
.brand-intro-main{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);align-items:center;gap:clamp(52px,7vw,110px);}
.brand-intro-copy{min-width:0;}
.brand-intro-copy > .section-kicker{color:var(--red);font-family:"Space Grotesk Variable",sans-serif;font-size:12px;font-weight:620;letter-spacing:.2em;}
.brand-intro-copy h2{margin:18px 0 0;color:#f8f5ef;font-size:clamp(38px,3.8vw,58px);line-height:1.2;font-weight:500;letter-spacing:-.045em;}
.brand-intro-copy h3{margin:24px 0 0;color:#d4b08c;font-size:17px;line-height:1.7;font-weight:500;letter-spacing:.06em;}
.brand-intro-copy > p{max-width:650px;margin:19px 0 0;color:rgba(255,255,255,.55);font-size:14px;line-height:2.05;}
.brand-intro-visual{position:relative;height:500px;overflow:hidden;border:1px solid rgba(255,255,255,.12);}
.brand-intro-visual > img{height:100%;object-fit:cover;transition:transform .7s ease;}
.brand-intro-visual:hover > img{transform:scale(1.02);}
.brand-intro-visual > span{position:absolute;right:18px;bottom:18px;padding:8px 12px;color:rgba(255,255,255,.82);background:rgba(14,13,12,.78);font-size:12px;letter-spacing:.16em;}
.brand-intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px;padding-top:28px;border-top:1px solid rgba(255,255,255,.16);}
.brand-intro-stats article{min-width:0;}
.brand-intro-stats strong{color:#f4eee7;font:450 clamp(34px,3vw,48px)/1 "Space Grotesk Variable",sans-serif;}
.brand-intro-stats strong span{margin-left:5px;color:#d4b08c;font-size:14px;}
.brand-intro-stats p{margin:11px 0 0;color:rgba(255,255,255,.44);font-size:15px;}
.precision-section{position:relative;height:590px;color:white;overflow:hidden;}
.precision-section > img{height:100%;object-fit:cover;}
.precision-shade{position:absolute;inset:0;background:rgba(18,17,15,.7);}
.precision-content{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;}
.section-kicker-light{color:#d2b293;}
.precision-content h2,
.final-cta h2{margin:24px 0 0;font-size:clamp(42px,4.5vw,70px);line-height:1.22;font-weight:470;letter-spacing:-.045em;}
.precision-number{justify-self:end;padding-right:7vw;}
.precision-number strong{font:400 clamp(130px,15vw,230px)/.8 "Space Grotesk Variable",sans-serif;letter-spacing:-.09em;}
.precision-number > span{margin-left:14px;font:400 32px "Space Grotesk Variable",sans-serif;color:#d0ad89;}
.precision-number p{margin:44px 0 0 8px;padding-left:18px;border-left:1px solid var(--red-light);color:rgba(255,255,255,.62);line-height:1.8;}
.materials-section{width:100%;max-width:none;padding:130px max(56px,calc((100% - 1380px) / 2)) 140px;color:#f8f5ef;background:#181715;}
.section-heading{display:grid;grid-template-columns:1fr 430px;align-items:end;gap:80px;margin-bottom:62px;}
.section-heading h2{margin:20px 0 0;font-size:clamp(38px,4vw,62px);line-height:1.25;font-weight:500;letter-spacing:-.045em;}
.section-heading > p{margin:0 0 7px;color:rgba(255,255,255,.48);font-size:14px;line-height:1.9;}
.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.material-item{min-width:0;border-top:1px solid rgba(255,255,255,.46);padding-top:15px;}
.material-image{position:relative;height:470px;overflow:hidden;background:#151413;}
.material-image img{height:100%;object-fit:cover;transition:transform .65s ease;}
.material-item:hover .material-image img{transform:scale(1.025);}
.material-image span{position:absolute;left:15px;top:15px;width:34px;height:34px;display:grid;place-items:center;color:white;background:rgba(18,17,15,.78);font:500 12px "Space Grotesk Variable",sans-serif;}
.material-en{margin:22px 0 8px;color:var(--red);font:600 12px "Space Grotesk Variable",sans-serif;letter-spacing:.17em;}
.material-item h3{margin:0;font-size:21px;font-weight:560;}
.material-detail{margin:13px 0 0;color:rgba(255,255,255,.43);font-size:13px;line-height:1.75;}
.service-cases{padding:124px 0 132px;color:#f8f5ef;background:#181715;}
.centered-section-heading{max-width:680px;margin:0 auto 56px;text-align:center;}
.centered-section-heading h2{margin:18px 0 0;font-size:clamp(38px,3.8vw,58px);line-height:1.2;font-weight:500;letter-spacing:-.045em;}
.centered-section-heading > p:not(.section-kicker){margin:20px auto 0;color:rgba(255,255,255,.45);font-size:13px;line-height:1.9;}
.service-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.service-case-card{min-width:0;background:#171614;border:1px solid rgba(255,255,255,.11);transition:transform .3s ease,box-shadow .3s ease;}
.service-case-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.42);}
.service-case-image{aspect-ratio:4 / 3;overflow:hidden;background:#24211e;}
.service-case-image img{height:100%;object-fit:cover;transition:transform .65s ease;}
.service-case-card:hover .service-case-image img{transform:scale(1.035);}
.service-case-copy{padding:23px 20px 21px;}
.service-case-copy > p{margin:0 0 9px;color:var(--red);font:600 12px "Space Grotesk Variable",sans-serif;letter-spacing:.08em;}
.service-case-copy h3{margin:0;font-size:19px;font-weight:560;}
.service-case-copy > span{display:block;min-height:42px;margin-top:11px;color:rgba(255,255,255,.43);font-size:12px;line-height:1.75;}
.service-case-copy > a{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:15px;color:#a63827;border-top:1px solid rgba(255,255,255,.12);font-size:12px;}
.service-case-grid .service-case-card{height:100%;overflow:hidden;background:linear-gradient(145deg,#191816,#151412);border-color:rgba(255,255,255,.12);box-shadow:none;}
.service-case-grid .service-case-card:hover{border-color:rgba(200,67,47,.5);box-shadow:0 22px 50px rgba(0,0,0,.32);}
.service-case-grid .service-case-image{position:relative;}
.service-case-grid .service-case-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,7,.48),transparent 42%);pointer-events:none;}
.service-case-grid .service-case-image > span{position:absolute;z-index:1;left:16px;bottom:14px;padding-left:9px;color:rgba(255,255,255,.78);border-left:2px solid var(--red);font:600 9px/1 "Space Grotesk Variable",sans-serif;letter-spacing:.14em;}
.service-case-grid .service-case-copy{flex:1;display:flex;flex-direction:column;padding:22px 19px 19px;}
.service-case-grid .service-case-copy > p{display:flex;align-items:center;gap:8px;margin-bottom:11px;color:var(--red-light);letter-spacing:.1em;}
.service-case-grid .service-case-copy > p::before{content:"";width:16px;height:1px;background:currentColor;}
.service-case-grid .service-case-copy h3{font-size:19px;line-height:1.5;font-weight:540;}
.service-case-grid .service-case-copy > span{display:-webkit-box;min-height:42px;margin-top:9px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.service-case-grid .case-card-action{padding-top:15px;}
.section-more-link{width:max-content;min-width:170px;height:42px;display:flex;align-items:center;justify-content:center;gap:12px;margin:48px auto 0;color:#a63827;border:1px solid rgba(166,56,39,.6);font-size:15px;transition:color .2s ease,background .2s ease;}
.section-more-link:hover{color:#fff;background:var(--red);}
.brand-intro-more-link{margin:42px 0 0;}
.service-section{width:100%;max-width:none;padding:130px max(56px,calc((100% - 1380px) / 2)) 125px;color:#f8f5ef;background:#181715;}
.service-heading{margin-bottom:56px;}
.service-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.42);border-bottom:1px solid rgba(255,255,255,.13);}
.service-step{min-height:265px;padding:26px 24px 24px;border-right:1px solid rgba(255,255,255,.13);}
.service-step:first-child{border-left:1px solid rgba(255,255,255,.13);}
.service-top{display:flex;justify-content:space-between;color:var(--red);}
.service-top i{font-size:23px;}
.service-top span{font:500 12px "Space Grotesk Variable",sans-serif;color:rgba(255,255,255,.4);}
.service-step h3{margin:75px 0 12px;font-size:18px;font-weight:560;}
.service-step p{margin:0;color:rgba(255,255,255,.43);font-size:12px;line-height:1.75;}
.guarantee-section{color:#f8f5ef;background:#211f1c;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);}
.guarantee-grid{min-height:140px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;}
.guarantee-grid article{height:62px;display:flex;align-items:center;gap:18px;padding:0 30px;border-right:1px solid rgba(255,255,255,.12);}
.guarantee-grid article:first-child{border-left:1px solid rgba(255,255,255,.12);}
.guarantee-grid i{color:var(--red);font-size:25px;}
.guarantee-grid div{display:flex;flex-direction:column;gap:4px;}
.guarantee-grid strong{font-size:14px;font-weight:580;}
.guarantee-grid span{color:rgba(255,255,255,.42);font-size:12px;}
.news-section{padding:124px 0 132px;color:#f8f5ef;background:#0e0d0c;border-top:1px solid rgba(255,255,255,.08);}
.news-section > .page-width{width:min(100% - 128px,1380px);}
.news-heading{margin-bottom:30px;}
.news-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:56px;}
.news-tabs button{min-width:108px;height:40px;padding:0 20px;color:rgba(255,255,255,.58);background:transparent;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease;}
.news-tabs button:hover,
.news-tabs button.is-active{color:#fff;background:var(--red);border-color:var(--red);}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.news-grid article{display:grid;grid-template-columns:210px minmax(0,1fr);min-width:0;height:168px;min-height:158px;overflow:hidden;background:#171614;border:1px solid rgba(255,255,255,.11);transition:transform .3s ease,box-shadow .3s ease;}
.news-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.42);}
.news-grid article[hidden]{display:none;}
.news-image{min-height:158px;overflow:hidden;background:#24211e;}
.news-image img{height:100%;object-fit:cover;transition:transform .65s ease;}
.news-grid article:hover .news-image img{transform:scale(1.035);}
.news-copy{min-width:0;padding:18px 20px 16px;}
.news-copy > span{display:block;color:var(--red);font:600 12px "Space Grotesk Variable",sans-serif;letter-spacing:.08em;}
.news-copy h3{margin:7px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:560;}
.news-copy p{height:42px;margin:8px 0 0;overflow:hidden;color:rgba(255,255,255,.45);font-size:12px;line-height:1.75;}
.news-copy time{display:block;margin-top:10px;padding-top:10px;color:#a63827;border-top:1px solid rgba(255,255,255,.12);font:500 12px "Space Grotesk Variable",sans-serif;}
.home-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.home-news-grid .home-news-card{display:block;height:auto;min-height:236px;overflow:hidden;background:linear-gradient(120deg,#181715 0%,#151412 100%);border:1px solid rgba(255,255,255,.11);box-shadow:none;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;}
.home-news-grid .home-news-card:hover{transform:translateY(-4px);border-color:rgba(200,67,47,.5);box-shadow:0 20px 45px rgba(0,0,0,.3);}
.home-news-card-link{height:100%;display:grid;grid-template-columns:minmax(190px,35%) minmax(0,65%);}
.home-news-image{position:relative;min-height:234px;overflow:hidden;background:#25221f;}
.home-news-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,6,.48),transparent 44%);pointer-events:none;}
.home-news-image img{height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.65,.3,1);}
.home-news-card:hover .home-news-image img{transform:scale(1.035);}
.home-news-image > span{position:absolute;z-index:1;left:15px;bottom:14px;padding-left:9px;color:rgba(255,255,255,.78);border-left:2px solid var(--red);font:600 9px/1 "Space Grotesk Variable",sans-serif;letter-spacing:.14em;}
.home-news-copy{min-width:0;display:flex;flex-direction:column;padding:25px 25px 21px;}
.home-news-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1);}
.home-news-meta > span{display:flex;align-items:center;gap:8px;color:var(--red-light);font-size:11px;font-weight:600;letter-spacing:.1em;}
.home-news-meta > span::before{content:"";width:16px;height:1px;background:currentColor;}
.home-news-meta time{flex:0 0 auto;color:rgba(255,255,255,.34);font:500 11px "Space Grotesk Variable",sans-serif;letter-spacing:.06em;}
.home-news-copy h3{display:-webkit-box;margin:17px 0 0;overflow:hidden;font-size:19px;line-height:1.5;font-weight:540;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.home-news-copy > p{display:-webkit-box;margin:9px 0 0;overflow:hidden;color:rgba(255,255,255,.43);font-size:12px;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.home-news-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;color:rgba(255,255,255,.46);font-size:11px;letter-spacing:.06em;transition:color .25s ease;}
.home-news-action i{color:var(--red-light);font-size:16px;transition:transform .25s ease;}
.home-news-card-link:hover .home-news-action{color:#fff;}
.home-news-card-link:hover .home-news-action i{transform:translateX(4px);}
.home-news-card-link:focus-visible{outline:2px solid #e5b16f;outline-offset:-3px;}
.final-cta{position:relative;height:660px;overflow:hidden;color:white;}
.final-cta > img{height:100%;object-fit:cover;}
.final-cta-shade{position:absolute;inset:0;background:rgba(12,11,10,.3);}
.final-cta-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.final-cta-content > p:not(.section-kicker){margin:27px 0 34px;color:rgba(255,255,255,.58);font-size:14px;line-height:1.9;}

/* --- 首页响应式
   首页各区块的平板与手机布局。 --- */
@media (max-width:1100px){
  .hero{--hero-inset:28px;--hero-copy-width:calc((100% - 28px) * .48);}
  .hero-inner{width:calc(100% - 28px);margin-left:28px;grid-template-columns:48% 52%;}
  .hero-copy{padding-left:40px;padding-right:36px;}
  .hero h1{font-size:52px;}
  .brand-intro-copy{padding-right:0;}
  .brand-intro-visual{height:440px;margin-right:0;}
  .brand-intro-links div{width:94px;height:100px;}
  .material-image{height:390px;}
  .service-case-grid{grid-template-columns:1fr 1fr;}
  .news-grid article{grid-template-columns:174px minmax(0,1fr);}
  .service-grid{grid-template-columns:repeat(3,1fr);}
  .service-step:nth-child(4){border-left:1px solid var(--line);}
  .guarantee-grid article{padding:0 15px;}
}
@media (max-width:760px){
  .hero{--hero-inset:0px;--hero-copy-width:0px;min-height:auto;}
  .hero-slide{min-height:auto;}
  .hero-inner{width:100%;min-height:auto;margin-left:0;grid-template-columns:1fr;}
  .hero-copy{min-height:710px;padding:132px 24px 40px;}
  .hero h1{font-size:47px;}
  .hero-subtitle{font-size:16px;}
  .hero-description br{display:none;}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:20px;}
  .hero-facts{margin-top:64px;}
  .hero-visual{height:470px;}
  .hero-image-caption{bottom:78px;}
  .hero-carousel-controls{bottom:20px;}
  .brand-intro{padding:82px 0 88px;}
  .brand-intro-main{grid-template-columns:1fr;min-height:auto;}
  .brand-intro-copy{padding:0;}
  .brand-intro-copy h2{font-size:39px;}
  .brand-intro-copy h3{font-size:15px;line-height:1.7;}
  .brand-intro-copy > p{margin-top:20px;}
  .brand-intro-stats{gap:10px;margin-top:36px;padding-top:24px;}
  .brand-intro-stats article{min-height:0;padding:0;border:0;}
  .brand-intro-stats strong{font-size:31px;}
  .brand-intro-stats strong span{font-size:12px;}
  .brand-intro-more-link{margin-top:34px;}
  .brand-intro-visual{width:100%;height:310px;margin:50px 0 0;}
  .precision-section{height:670px;}
  .precision-content{grid-template-columns:1fr;align-content:center;gap:80px;}
  .precision-content h2,
  .final-cta h2{font-size:45px;}
  .precision-number{justify-self:start;padding:0;}
  .precision-number strong{font-size:150px;}
  .materials-section,
  .service-section{padding-top:88px;padding-bottom:92px;}
  .materials-section,
  .service-section{padding-left:20px;padding-right:20px;}
  .section-heading{grid-template-columns:1fr;gap:28px;margin-bottom:42px;}
  .section-heading h2{font-size:39px;}
  .material-grid{grid-template-columns:1fr;gap:58px;}
  .material-image{height:460px;}
  .service-cases{padding:82px 0 90px;}
  .centered-section-heading{margin-bottom:38px;}
  .centered-section-heading h2{font-size:39px;}
  .service-case-grid{grid-template-columns:1fr;gap:24px;}
  .service-case-copy > span{min-height:auto;}
  .service-grid{grid-template-columns:1fr;}
  .service-step{min-height:190px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);}
  .service-step h3{margin-top:45px;}
  .guarantee-grid{grid-template-columns:1fr 1fr;padding:24px 0;}
  .guarantee-grid article{border:0;min-height:82px;}
  .guarantee-grid article:first-child{border:0;}
  .news-section{padding:82px 0 90px;}
  .news-section > .page-width{width:calc(100% - 40px);}
  .news-heading{margin-bottom:25px;}
  .news-tabs{flex-wrap:wrap;gap:8px;margin-bottom:36px;}
  .news-tabs button{min-width:96px;padding:0 14px;}
  .news-grid{grid-template-columns:1fr;}
  .news-grid article{grid-template-columns:112px minmax(0,1fr);min-height:128px;}
  .news-grid article{height:128px;}
  .news-image{min-height:128px;}
  .news-copy{padding:14px 14px 12px;}
  .news-copy h3{display:-webkit-box;margin-top:6px;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:15px;line-height:1.45;}
  .news-copy p{display:none;}
  .news-copy time{margin-top:10px;padding-top:8px;}
  .home-news-grid{grid-template-columns:1fr;gap:18px;}
  .home-news-grid .home-news-card{height:auto;min-height:0;}
  .home-news-card-link{grid-template-columns:1fr;}
  .home-news-image{min-height:0;aspect-ratio:16/9;}
  .home-news-copy{padding:22px 20px 20px;}
  .home-news-copy h3{margin-top:16px;font-size:19px;}
  .home-news-copy > p{display:-webkit-box;height:auto;}
  .home-news-action{margin-top:20px;}
  .final-cta{height:680px;}
  .final-cta > img{object-position:66% center;}
  .final-cta-shade{background:rgba(10,9,8,.58);}
}

/* --- 首页全屏幻灯
   当前首页使用的居中全图 Banner，是基础 hero 的增强版本。 --- */
.hero--fullscreen,
.hero--fullscreen .hero-slide{min-height:clamp(720px,88vh,920px);}
.hero--fullscreen{background:#0b0b0a;}
.hero--fullscreen .hero-slide{isolation:isolate;}
.hero--fullscreen .hero-media{position:absolute;z-index:-2;inset:0;overflow:hidden;}
.hero--fullscreen .hero-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.045);transition:transform 7s cubic-bezier(.2,.65,.2,1);}
.hero--fullscreen .hero-slide.is-active .hero-media img{transform:scale(1);}
.hero--fullscreen .hero-slide:nth-child(1) .hero-media img{object-position:60% center;}
.hero--fullscreen .hero-slide:nth-child(2) .hero-media img{object-position:center;}
.hero--fullscreen .hero-slide:nth-child(3) .hero-media img{object-position:55% center;}
.hero--fullscreen .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,5,.52) 0%,rgba(6,6,5,.16) 38%,rgba(6,6,5,.64) 100%),radial-gradient(circle at center,rgba(0,0,0,.04) 0%,rgba(0,0,0,.46) 100%);}
.hero--fullscreen .hero-centered-content{position:absolute;z-index:3;inset:78px 32px 86px;width:min(940px,calc(100% - 64px));margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.hero--fullscreen .hero-centered-content > *{opacity:0;transform:translateY(18px);transition:opacity .58s ease,transform .58s ease;}
.hero--fullscreen .hero-slide.is-active .hero-centered-content > *{opacity:1;transform:translateY(0);}
.hero--fullscreen .hero-slide.is-active .hero-centered-content >:nth-child(1){transition-delay:.12s;}
.hero--fullscreen .hero-slide.is-active .hero-centered-content >:nth-child(2){transition-delay:.2s;}
.hero--fullscreen .hero-slide.is-active .hero-centered-content >:nth-child(3){transition-delay:.28s;}
.hero--fullscreen .hero-slide.is-active .hero-centered-content >:nth-child(4){transition-delay:.36s;}
.hero--fullscreen .hero-eyebrow{margin:0 0 28px;justify-content:center;gap:14px;color:rgba(255,255,255,.7);letter-spacing:.28em;text-shadow:0 2px 14px rgba(0,0,0,.45);}
.hero--fullscreen .hero-eyebrow span{width:34px;background:var(--red-light);}
.hero--fullscreen h1{max-width:940px;font-size:clamp(48px,5.1vw,80px);line-height:1.16;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 4px 28px rgba(0,0,0,.5);}
.hero--fullscreen .hero-subtitle{margin-top:22px;color:rgba(255,255,255,.84);font-size:18px;letter-spacing:.24em;text-shadow:0 2px 16px rgba(0,0,0,.55);}
.hero--fullscreen .hero-centered-content .button-primary{margin-top:34px;min-width:168px;}
.hero--fullscreen .hero-slide-counter{position:absolute;z-index:4;right:max(32px,calc((100vw - 1380px) / 2));bottom:39px;margin:0;color:rgba(255,255,255,.42);font:500 12px/1 "Space Grotesk Variable",sans-serif;letter-spacing:.16em;}
.hero--fullscreen .hero-slide-counter span{color:var(--red-light);}
.hero--fullscreen .hero-carousel-controls{bottom:27px;}
@media (max-width:720px){
  .hero--fullscreen,
  .hero--fullscreen .hero-slide{min-height:max(660px,100svh);}
  .hero--fullscreen .hero-centered-content{inset:67px 20px 82px;width:auto;}
  .hero--fullscreen .hero-eyebrow{margin-bottom:22px;gap:10px;font-size:12px;letter-spacing:.2em;}
  .hero--fullscreen .hero-eyebrow span{width:20px;}
  .hero--fullscreen h1{max-width:360px;font-size:clamp(38px,11vw,48px);line-height:1.2;}
  .hero--fullscreen .hero-subtitle{margin-top:18px;font-size:14px;letter-spacing:.16em;}
  .hero--fullscreen .hero-centered-content .button-primary{margin-top:28px;}
  .hero--fullscreen .hero-slide:nth-child(1) .hero-media img{object-position:67% center;}
  .hero--fullscreen .hero-slide:nth-child(2) .hero-media img{object-position:58% center;}
  .hero--fullscreen .hero-slide:nth-child(3) .hero-media img{object-position:61% center;}
  .hero--fullscreen .hero-slide-counter{display:none;}
  .hero--fullscreen .hero-carousel-controls{bottom:22px;}
}

/* ========================================================================
   03. 栏目单页
   品牌介绍、服务体系和联系我们等独立栏目页面。
   ======================================================================== */

/* --- 服务体系与品牌介绍
   两页共享部分版式，因此集中维护；响应式紧跟其后。 --- */
.service-page{color:#f8f5ef;background:#0e0d0c;}
.service-page-hero{padding-top:78px;color:#f8f5ef;background:#0e0d0c;border-bottom:1px solid rgba(255,255,255,.1);}
.service-page-hero-inner{width:min(1380px,calc(100% - 112px));min-height:720px;margin:0 auto;display:grid;grid-template-columns:42% 58%;}
.service-page-hero-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:76px 72px 68px 0;}
.service-page-hero-copy h1{margin:23px 0 0;font-size:clamp(48px,5vw,76px);line-height:1.15;font-weight:500;letter-spacing:-.055em;}
.service-page-hero-lead{margin:28px 0 0;color:#d4b08c;font-size:18px;letter-spacing:.08em;}
.service-page-hero-description{margin:22px 0 34px;color:rgba(255,255,255,.48);font-size:14px;line-height:1.95;}
.service-page-hero-copy > .button-primary{align-self:flex-start;}
.service-page-hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:auto;padding-top:31px;border-top:1px solid rgba(255,255,255,.17);}
.service-page-hero-facts article{display:grid;gap:8px;}
.service-page-hero-facts strong{font:500 26px/1 "Space Grotesk Variable",sans-serif;}
.service-page-hero-facts span{color:rgba(255,255,255,.38);font-size:12px;}
.service-page-hero-image{position:relative;min-width:0;min-height:720px;overflow:hidden;}
.service-page-hero-image img{height:100%;object-fit:cover;object-position:center;}
.service-page-hero-image > span{position:absolute;right:20px;bottom:20px;padding:8px 12px;color:rgba(255,255,255,.82);background:rgba(14,13,12,.8);font:600 12px "Space Grotesk Variable",sans-serif;letter-spacing:.15em;}
.service-overview{padding:128px 0 136px;background:#0e0d0c;}
.service-page-heading{display:grid;grid-template-columns:1fr 440px;align-items:end;gap:80px;margin-bottom:60px;}
.service-page-heading h2{margin:20px 0 0;font-size:clamp(40px,4vw,62px);line-height:1.22;font-weight:500;letter-spacing:-.05em;}
.service-page-heading > p{margin:0 0 6px;color:rgba(255,255,255,.47);font-size:14px;line-height:1.95;}
.service-overview-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.42);border-bottom:1px solid rgba(255,255,255,.13);}
.service-overview-grid article{min-height:290px;padding:28px 24px 26px;border-right:1px solid rgba(255,255,255,.13);}
.service-overview-grid article:first-child{border-left:1px solid rgba(255,255,255,.13);}
.service-overview-grid article > div{display:flex;align-items:center;justify-content:space-between;color:var(--red-light);}
.service-overview-grid i{font-size:26px;}
.service-overview-grid article > div span{color:rgba(255,255,255,.3);font:500 12px "Space Grotesk Variable",sans-serif;}
.service-overview-grid h3{margin:84px 0 14px;font-size:19px;font-weight:560;}
.service-overview-grid p{margin:0;color:rgba(255,255,255,.42);font-size:12px;line-height:1.8;}
.service-deliverables{padding:124px 0 138px;background:#181715;border-top:1px solid rgba(255,255,255,.08);}
.service-deliverables-heading{max-width:760px;}
.service-deliverables-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.service-deliverables-grid article{min-width:0;background:#11100f;border:1px solid rgba(255,255,255,.11);}
.service-deliverable-image{position:relative;height:380px;overflow:hidden;}
.service-deliverable-image img{height:100%;object-fit:cover;transition:transform .65s ease;}
.service-deliverables-grid article:hover img{transform:scale(1.025);}
.service-deliverable-image > span{position:absolute;left:18px;top:18px;width:36px;height:36px;display:grid;place-items:center;color:#fff;background:rgba(14,13,12,.78);font:500 12px "Space Grotesk Variable",sans-serif;}
.service-deliverable-copy{padding:28px 28px 31px;}
.service-deliverable-copy > p{margin:0 0 10px;color:var(--red-light);font:600 12px "Space Grotesk Variable",sans-serif;letter-spacing:.14em;}
.service-deliverable-copy h3{margin:0;font-size:22px;font-weight:560;}
.service-deliverable-copy > span{display:block;margin-top:13px;color:rgba(255,255,255,.43);font-size:13px;line-height:1.85;}
.service-process{padding:128px 0 136px;background:#0e0d0c;}
.service-process-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.2);}
.service-process-list li{min-height:112px;display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:25px;border-bottom:1px solid rgba(255,255,255,.13);}
.service-process-list > li > span{color:var(--red-light);font:600 12px "Space Grotesk Variable",sans-serif;}
.service-process-list div{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:45px;}
.service-process-list strong{font-size:19px;font-weight:560;}
.service-process-list p{margin:0;color:rgba(255,255,255,.42);font-size:13px;line-height:1.8;}
.service-process-list i{color:rgba(255,255,255,.3);font-size:26px;}
.brand-page{color:#f8f5ef;background:#0e0d0c;}
.brand-page-hero .service-page-hero-inner{grid-template-columns:44% 56%;}
.brand-page-hero-image img{object-position:center;}
.brand-page-hero-facts strong{font-family:"Noto Sans SC Variable","Microsoft YaHei",sans-serif;font-size:22px;}
.brand-story{padding:128px 0 136px;background:#0e0d0c;border-top:1px solid rgba(255,255,255,.08);}
.brand-story-layout{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);align-items:center;gap:clamp(58px,7vw,108px);}
.brand-story-image{position:relative;height:570px;overflow:hidden;border:1px solid rgba(255,255,255,.11);}
.brand-story-image img{height:100%;object-fit:cover;transition:transform .7s ease;}
.brand-story-image:hover img{transform:scale(1.02);}
.brand-story-image > span,
.brand-standards-image > span{position:absolute;right:18px;bottom:18px;padding:8px 12px;color:rgba(255,255,255,.8);background:rgba(14,13,12,.8);font:600 12px "Space Grotesk Variable",sans-serif;letter-spacing:.15em;}
.brand-story-copy{min-width:0;}
.brand-story-copy h2,
.brand-standards-copy h2{margin:20px 0 0;font-size:clamp(40px,4vw,62px);line-height:1.22;font-weight:500;letter-spacing:-.05em;}
.brand-story-copy h3{margin:25px 0 0;color:#d4b08c;font-size:17px;line-height:1.75;font-weight:500;letter-spacing:.05em;}
.brand-story-copy > p:not(.section-kicker){margin:18px 0 0;color:rgba(255,255,255,.48);font-size:14px;line-height:2;}
.brand-story-copy > a{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:34px;padding:0 22px;color:#fff;background:var(--red);font-size:12px;transition:background .2s ease,transform .2s ease;}
.brand-story-copy > a:hover{background:var(--red-light);transform:translateY(-1px);}
.brand-values{padding:124px 0 136px;background:#181715;border-top:1px solid rgba(255,255,255,.08);}
.brand-values-heading{max-width:720px;}
.brand-values-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.38);border-bottom:1px solid rgba(255,255,255,.13);}
.brand-values-grid article{min-height:278px;padding:28px 25px 26px;border-right:1px solid rgba(255,255,255,.13);}
.brand-values-grid article:first-child{border-left:1px solid rgba(255,255,255,.13);}
.brand-values-grid article > div{display:flex;justify-content:space-between;color:var(--red-light);}
.brand-values-grid i{font-size:26px;}
.brand-values-grid article > div span{color:rgba(255,255,255,.3);font:500 12px "Space Grotesk Variable",sans-serif;}
.brand-values-grid h3{margin:78px 0 13px;font-size:19px;font-weight:560;}
.brand-values-grid p{margin:0;color:rgba(255,255,255,.42);font-size:12px;line-height:1.8;}
.brand-standards{padding:128px 0 136px;background:#0e0d0c;}
.brand-standards-layout{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1fr);align-items:center;gap:clamp(58px,7vw,105px);}
.brand-standards-copy > p:not(.section-kicker){margin:24px 0 0;color:rgba(255,255,255,.47);font-size:14px;line-height:1.95;}
.brand-standard-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:44px;border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16);}
.brand-standard-metrics article{min-height:128px;display:grid;align-content:center;padding:0 22px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);}
.brand-standard-metrics strong{color:#f5f0e9;font:450 38px/1 "Space Grotesk Variable",sans-serif;}
.brand-standard-metrics strong span{margin-left:4px;color:#d4b08c;font-size:13px;}
.brand-standard-metrics p{margin:10px 0 0;color:rgba(255,255,255,.4);font-size:12px;}
.brand-standards-image{position:relative;height:600px;overflow:hidden;border:1px solid rgba(255,255,255,.11);}
.brand-standards-image img{height:100%;object-fit:cover;}
.brand-promise{padding:138px 0 144px;text-align:center;background:#181715;border-top:1px solid rgba(255,255,255,.08);}
.brand-promise-inner{display:grid;justify-items:center;}
.brand-promise h2{max-width:880px;margin:22px auto 0;font-size:clamp(42px,4.6vw,68px);line-height:1.28;font-weight:500;letter-spacing:-.05em;}
.brand-promise-inner > p:not(.section-kicker){max-width:720px;margin:28px auto 36px;color:rgba(255,255,255,.48);font-size:14px;line-height:2;}
@media (max-width:1100px){
  .service-page-hero-inner{width:calc(100% - 56px);grid-template-columns:46% 54%;}
  .service-page-hero-copy{padding-right:44px;}
  .service-page-hero-copy h1{font-size:55px;}
  .service-page-heading{grid-template-columns:1fr 380px;gap:50px;}
  .service-overview-grid{grid-template-columns:repeat(3,1fr);}
  .service-overview-grid article:nth-child(4){border-left:1px solid rgba(255,255,255,.13);}
  .service-overview-grid article{border-bottom:1px solid rgba(255,255,255,.13);}
  .service-deliverable-image{height:330px;}
  .brand-story-layout,
  .brand-standards-layout{gap:50px;}
  .brand-story-image{height:510px;}
  .brand-values-grid{grid-template-columns:1fr 1fr;}
  .brand-values-grid article{border-bottom:1px solid rgba(255,255,255,.13);}
  .brand-values-grid article:nth-child(3){border-left:1px solid rgba(255,255,255,.13);}
  .brand-standards-image{height:540px;}
}
@media (max-width:760px){
  .service-page-hero{padding-top:67px;}
  .service-page-hero-inner{width:100%;min-height:auto;grid-template-columns:1fr;}
  .service-page-hero-copy{min-height:690px;padding:105px 24px 44px;}
  .service-page-hero-copy h1{font-size:47px;}
  .service-page-hero-lead{font-size:16px;line-height:1.7;}
  .service-page-hero-description br{display:none;}
  .service-page-hero-facts{gap:10px;margin-top:72px;}
  .service-page-hero-facts strong{font-size:22px;}
  .service-page-hero-image{min-height:460px;}
  .service-overview,
  .service-deliverables,
  .service-process{padding:86px 0 94px;}
  .service-page-heading{grid-template-columns:1fr;gap:26px;margin-bottom:42px;}
  .service-page-heading h2{font-size:39px;}
  .service-overview-grid{grid-template-columns:1fr;}
  .service-overview-grid article,
  .service-overview-grid article:nth-child(4){min-height:196px;border-left:1px solid rgba(255,255,255,.13);}
  .service-overview-grid h3{margin-top:48px;}
  .service-deliverables-grid{grid-template-columns:1fr;gap:24px;}
  .service-deliverable-image{height:300px;}
  .service-deliverable-copy{padding:24px 22px 27px;}
  .service-process-list li{min-height:148px;grid-template-columns:38px 1fr auto;gap:13px;}
  .service-process-list div{grid-template-columns:1fr;gap:8px;}
  .service-process-list strong{font-size:17px;}
  .service-process-list p{font-size:12px;}
  .service-process-list i{font-size:22px;}
  .brand-page-hero .service-page-hero-inner{grid-template-columns:1fr;}
  .brand-page-hero-facts strong{font-size:18px;}
  .brand-story,
  .brand-values,
  .brand-standards,
  .brand-promise{padding:86px 0 94px;}
  .brand-story-layout,
  .brand-standards-layout{grid-template-columns:1fr;gap:48px;}
  .brand-story-image{height:370px;}
  .brand-story-copy h2,
  .brand-standards-copy h2{font-size:39px;}
  .brand-story-copy h3{font-size:15px;}
  .brand-values-grid{grid-template-columns:1fr;}
  .brand-values-grid article,
  .brand-values-grid article:nth-child(3){min-height:190px;border-left:1px solid rgba(255,255,255,.13);}
  .brand-values-grid h3{margin-top:46px;}
  .brand-standard-metrics article{min-height:112px;padding:0 14px;}
  .brand-standard-metrics strong{font-size:31px;}
  .brand-standards-image{height:390px;}
  .brand-promise h2{font-size:40px;}
}

/* --- 联系我们
   到店信息、地图示意及留言表单。 --- */
.contact-page{color:#f8f5ef;background:#0e0d0c;}
.contact-hero{position:relative;min-height:790px;padding-top:78px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1);}
.contact-hero-media,
.contact-hero-shade{position:absolute;inset:0;}
.contact-hero-media img{height:100%;object-fit:cover;object-position:center;}
.contact-hero-shade{background:linear-gradient(90deg,rgba(8,8,7,.97) 0%,rgba(8,8,7,.9) 42%,rgba(8,8,7,.34) 72%,rgba(8,8,7,.45) 100%),linear-gradient(0deg,rgba(8,8,7,.72),transparent 44%);}
.contact-hero-inner{position:relative;z-index:1;min-height:712px;display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:center;gap:90px;padding:72px 0;}
.contact-hero-copy{max-width:720px;}
.contact-hero-copy h1{margin:24px 0 0;font-size:clamp(54px,5.4vw,82px);line-height:1.18;font-weight:520;letter-spacing:-.06em;}
.contact-hero-copy > p:not(.section-kicker){max-width:540px;margin:30px 0 36px;color:rgba(255,255,255,.54);font-size:15px;line-height:2;}
.contact-hero-panel{align-self:end;margin-bottom:18px;padding:30px 30px 28px;background:rgba(17,16,14,.76);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);box-shadow:0 24px 54px rgba(0,0,0,.25);}
.contact-hero-panel > p{margin:0 0 24px;color:#d48a71;font:600 12px "Space Grotesk Variable",sans-serif;letter-spacing:.16em;}
.contact-hero-panel > div{display:grid;gap:7px;padding:17px 0;border-top:1px solid rgba(255,255,255,.1);}
.contact-hero-panel span{color:rgba(255,255,255,.37);font-size:12px;}
.contact-hero-panel strong{font-size:14px;font-weight:500;}
.contact-hero-panel > button{width:100%;min-height:48px;margin-top:14px;color:#fff;background:var(--red);border:0;font:inherit;font-size:13px;cursor:pointer;transition:background .2s ease,transform .2s ease;}
.contact-hero-panel > button:hover{background:var(--red-light);transform:translateY(-1px);}
.contact-visit{padding:132px 0 142px;background:#0e0d0c;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);}
.contact-visit-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(65px,7vw,110px);}
.contact-map{position:relative;height:610px;overflow:hidden;background:radial-gradient(circle at 67% 43%,rgba(210,74,55,.15),transparent 18%),linear-gradient(135deg,#181714,#0b0b0a);border:1px solid rgba(255,255,255,.12);}
.contact-map-grid{position:absolute;inset:0;opacity:.36;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:48px 48px;}
.contact-map-road{position:absolute;height:2px;background:rgba(216,180,147,.25);transform-origin:left center;}
.contact-map-road::after{content:"";position:absolute;inset:-10px 0;border-top:1px dashed rgba(255,255,255,.07);border-bottom:1px dashed rgba(255,255,255,.07);}
.contact-map-road-one{width:86%;left:6%;top:29%;transform:rotate(11deg);}
.contact-map-road-two{width:72%;left:18%;top:74%;transform:rotate(-23deg);}
.contact-map-road-three{width:65%;left:57%;top:9%;transform:rotate(87deg);}
.contact-map-marker{position:absolute;left:66%;top:43%;display:grid;justify-items:center;transform:translate(-50%,-50%);}
.contact-map-marker > span{width:58px;height:58px;display:grid;place-items:center;color:#fff;background:var(--red);border-radius:50%;box-shadow:0 0 0 10px rgba(210,74,55,.13),0 16px 30px rgba(0,0,0,.35);font-size:24px;}
.contact-map-marker strong{margin-top:16px;font:600 13px "Space Grotesk Variable",sans-serif;letter-spacing:.16em;}
.contact-map-marker small{margin-top:5px;color:rgba(255,255,255,.4);font:500 12px "Space Grotesk Variable",sans-serif;letter-spacing:.17em;}
.contact-map-coordinate{position:absolute;left:22px;bottom:20px;color:rgba(255,255,255,.3);font:500 12px "Space Grotesk Variable",sans-serif;letter-spacing:.12em;}
.contact-visit-copy h2{margin:21px 0 0;font-size:clamp(40px,4vw,60px);line-height:1.28;font-weight:520;letter-spacing:-.055em;}
.contact-visit-copy > p:not(.section-kicker){margin:24px 0 31px;color:rgba(255,255,255,.46);font-size:13px;line-height:2;}
.contact-visit-copy dl{margin:0 0 34px;}
.contact-visit-copy dl > div{display:grid;grid-template-columns:105px 1fr;gap:20px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);}
.contact-visit-copy dt{color:rgba(255,255,255,.32);font-size:12px;}
.contact-visit-copy dd{margin:0;font-size:13px;}
.contact-form-section{padding:132px 0 144px;background:radial-gradient(circle at 74% 42%,rgba(175,105,78,.1),transparent 28%),radial-gradient(circle at 16% 82%,rgba(255,255,255,.035),transparent 24%),#12110f;}
.contact-form-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(72px,9vw,142px);align-items:start;}
.contact-form-intro h2{margin:20px 0 0;font-size:clamp(40px,3.2vw,50px);line-height:1.25;font-weight:520;letter-spacing:-.06em;}
.contact-form-intro > p:not(.section-kicker){margin:26px 0 0;color:rgba(255,255,255,.46);font-size:13px;line-height:2;}
.contact-form-note{display:flex;align-items:center;gap:12px;margin-top:45px;padding-top:23px;color:rgba(255,255,255,.34);border-top:1px solid rgba(255,255,255,.1);font-size:12px;line-height:1.8;}
.contact-form-note i{flex:0 0 auto;margin-top:0;color:#d4b08c;font-size:16px;line-height:1;}
.contact-form-card{min-height:530px;padding:40px;color:#f8f5ef;background:rgba(18,17,15,.72);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(0,0,0,.24);}
.contact-form-card form{display:grid;gap:24px;}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.contact-form-card label{display:grid;gap:10px;}
.contact-form-card label > span{color:rgba(255,255,255,.48);font-size:12px;}
.contact-form-card input,
.contact-form-card select,
.contact-form-card textarea{width:100%;min-height:49px;padding:0 15px;color:#f8f5ef;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.14);border-radius:0;outline:0;font:inherit;font-size:13px;transition:border-color .2s ease,box-shadow .2s ease;}
.contact-form-card textarea{min-height:108px;padding-top:14px;resize:vertical;}
.contact-form-card input::placeholder,
.contact-form-card textarea::placeholder{color:rgba(255,255,255,.25);}
.contact-form-card select{cursor:pointer;}
.contact-form-card select option{color:#f8f5ef;background:#181715;}
.contact-custom-select{position:relative;width:100%;}
.contact-select-trigger{width:100%;min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px 0 15px;color:#f8f5ef;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.14);font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;}
.contact-select-trigger i{color:rgba(255,255,255,.64);font-size:18px;transition:transform .2s ease;}
.contact-select-trigger[aria-expanded="true"]{background:rgba(255,255,255,.065);border-color:rgba(212,176,140,.72);box-shadow:0 0 0 3px rgba(212,176,140,.08);}
.contact-select-trigger[aria-expanded="true"] i{transform:rotate(180deg);}
.contact-select-options{position:absolute;z-index:20;top:calc(100% + 4px);left:0;width:100%;padding:5px;background:#181715;border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 34px rgba(0,0,0,.38);}
.contact-select-options[hidden]{display:none;}
.contact-select-options button{width:100%;min-height:40px;display:flex;align-items:center;padding:0 12px;color:rgba(248,245,239,.78);background:transparent;border:0;font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:color .15s ease,background .15s ease;}
.contact-select-options button:hover,
.contact-select-options button:focus-visible,
.contact-select-options button[aria-selected="true"]{color:#fff;background:var(--red);outline:0;}
.contact-form-card input:focus,
.contact-form-card select:focus,
.contact-form-card textarea:focus{background:rgba(255,255,255,.065);border-color:rgba(212,176,140,.72);box-shadow:0 0 0 3px rgba(212,176,140,.08);}
.contact-form-card .button-primary{justify-self:start;margin-top:3px;}
.contact-page-form-error{margin:-8px 0 0;color:#bf3f31;font-size:12px;}
.contact-page-success{min-height:450px;display:grid;align-content:center;justify-items:center;text-align:center;}
.contact-page-success[hidden]{display:none;}
.contact-page-success > span{width:62px;height:62px;display:grid;place-items:center;color:#fff;background:var(--red);border-radius:50%;font-size:27px;}
.contact-page-success .section-kicker{margin-top:28px;}
.contact-page-success h3{margin:15px 0 0;font-size:30px;font-weight:560;}
.contact-page-success > p:not(.section-kicker){margin:13px 0 28px;color:rgba(255,255,255,.45);font-size:13px;}
@media (max-width:1100px){
  .contact-hero-inner{grid-template-columns:minmax(0,1fr) 320px;gap:55px;}
  .contact-hero-copy h1{font-size:61px;}
  .contact-visit-layout{gap:58px;}
  .contact-map{height:530px;}
  .contact-form-layout{gap:65px;}
  .contact-form-card{padding:34px;}
}
@media (max-width:760px){
  .contact-hero{min-height:auto;padding-top:67px;}
  .contact-hero-media img{object-position:63% center;}
  .contact-hero-shade{background:linear-gradient(0deg,rgba(8,8,7,.98) 0%,rgba(8,8,7,.9) 52%,rgba(8,8,7,.46) 100%),linear-gradient(90deg,rgba(8,8,7,.7),transparent);}
  .contact-hero-inner{width:calc(100% - 40px);min-height:780px;grid-template-columns:1fr;align-content:end;gap:42px;padding:96px 0 36px;}
  .contact-hero-copy h1{font-size:46px;}
  .contact-hero-copy > p:not(.section-kicker){font-size:13px;}
  .contact-hero-panel{align-self:auto;margin:0;padding:25px 24px;}
  .contact-visit,
  .contact-form-section{padding:88px 0 96px;}
  .contact-visit-copy h2,
  .contact-form-intro h2{font-size:39px;}
  .contact-visit-layout,
  .contact-form-layout{grid-template-columns:1fr;gap:52px;}
  .contact-map{height:410px;}
  .contact-map-marker{left:61%;}
  .contact-visit-copy dl > div{grid-template-columns:90px 1fr;}
  .contact-form-note{margin-top:28px;}
  .contact-form-card{min-height:0;padding:25px 20px;}
  .contact-form-row{grid-template-columns:1fr;}
  .contact-page-success{min-height:380px;}
}

/* ========================================================================
   04. 栏目列表
   服务案例列表和新闻资讯列表，共用筛选、卡片及结果统计样式。
   ======================================================================== */


.listing-page{color:#f8f5ef;background:#0e0d0c;}
.listing-section{padding:128px 0 136px;border-top:1px solid rgba(255,255,255,.08);}
.listing-section-cases{background:#0e0d0c;}
.listing-section-news{background:#0e0d0c;}
.listing-page-heading{max-width:820px;margin:0 auto 46px;text-align:center;}
.listing-page-heading h2{margin:18px 0 0;font-size:clamp(38px,3.8vw,58px);line-height:1.28;font-weight:500;letter-spacing:-.045em;}
.listing-page-heading > p:not(.section-kicker){max-width:660px;margin:22px auto 0;color:rgba(255,255,255,.47);font-size:13px;line-height:1.95;}
.listing-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:58px;}
.listing-tabs button,
.listing-tabs a{min-width:108px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;color:rgba(255,255,255,.58);background:transparent;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease;}
.listing-tabs button:hover,
.listing-tabs button.is-active,
.listing-tabs a:hover,
.listing-tabs a.is-active{color:#fff;background:var(--red);border-color:var(--red);}
.case-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.case-list-grid .service-case-card{position:relative;height:100%;overflow:hidden;background:linear-gradient(145deg,#191816,#151412);border-color:rgba(255,255,255,.12);box-shadow:none;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;}
.case-list-grid .service-case-card:hover{border-color:rgba(200,67,47,.5);box-shadow:0 22px 50px rgba(0,0,0,.32);}
.case-card-link{height:100%;display:flex;flex-direction:column;}
.case-list-grid .service-case-image{position:relative;aspect-ratio:4/3;}
.case-list-grid .service-case-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,7,.48),transparent 42%);pointer-events:none;}
.case-list-grid .service-case-image > span{position:absolute;z-index:1;left:18px;bottom:16px;padding-left:10px;color:rgba(255,255,255,.78);border-left:2px solid var(--red);font:600 10px/1 "Space Grotesk Variable",sans-serif;letter-spacing:.16em;}
.case-list-grid .service-case-copy{flex:1;display:flex;flex-direction:column;padding:25px 23px 22px;}
.case-list-grid .service-case-copy > p{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:var(--red-light);letter-spacing:.12em;}
.case-list-grid .service-case-copy > p::before{content:"";width:18px;height:1px;background:currentColor;}
.case-list-grid .service-case-copy h3{font-size:19px;line-height:1.55;font-weight:540;}
.case-list-grid .service-case-copy > span{display:-webkit-box;min-height:42px;margin-top:10px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.case-card-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:17px;color:rgba(255,255,255,.48);border-top:1px solid rgba(255,255,255,.1);font-size:12px;letter-spacing:.06em;transition:color .25s ease;}
.case-card-action i{color:var(--red-light);font-size:17px;transition:transform .25s ease;}
.case-card-link:hover .case-card-action{color:#fff;}
.case-card-link:hover .case-card-action i{transform:translateX(4px);}
.case-card-link:focus-visible{outline:2px solid #e5b16f;outline-offset:-3px;}
.case-list-grid article[hidden]{display:none;}
.news-list-grid{grid-template-columns:1fr;gap:24px;}
.news-list-grid .news-list-card{display:grid;grid-template-columns:minmax(300px,35%) minmax(0,1fr);height:auto;min-height:286px;overflow:hidden;background:linear-gradient(120deg,#181715 0%,#151412 100%);border:1px solid rgba(255,255,255,.11);box-shadow:none;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;}
.news-list-grid .news-list-card:hover{transform:translateY(-4px);border-color:rgba(200,67,47,.52);box-shadow:0 22px 52px rgba(0,0,0,.3);}
.news-list-image{position:relative;min-height:286px;overflow:hidden;background:#25221f;}
.news-list-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,rgba(14,13,12,.26)),linear-gradient(0deg,rgba(7,7,6,.42),transparent 42%);pointer-events:none;}
.news-list-image img{height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.65,.3,1);}
.news-list-card:hover .news-list-image img{transform:scale(1.035);}
.news-list-image > span{position:absolute;z-index:1;left:22px;bottom:20px;padding:7px 10px;color:rgba(255,255,255,.82);background:rgba(14,13,12,.72);border-left:2px solid var(--red);font:600 10px/1 "Space Grotesk Variable",sans-serif;letter-spacing:.18em;backdrop-filter:blur(7px);}
.news-list-copy{min-width:0;display:flex;flex-direction:column;padding:38px clamp(34px,4vw,64px) 34px;}
.news-list-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);}
.news-list-meta > span{display:inline-flex;align-items:center;gap:9px;color:var(--red-light);font-size:12px;font-weight:600;letter-spacing:.12em;}
.news-list-meta > span::before{content:"";width:20px;height:1px;background:currentColor;}
.news-list-meta time{flex:0 0 auto;color:rgba(255,255,255,.34);font:500 12px "Space Grotesk Variable",sans-serif;letter-spacing:.08em;}
.news-list-copy h3{margin:24px 0 0;font-size:19px;line-height:1.55;font-weight:540;letter-spacing:0;}
.news-list-copy h3 a{transition:color .25s ease;}
.news-list-copy h3 a:hover{color:#fff;}
.news-list-copy > p{display:-webkit-box;margin:16px 0 0;overflow:hidden;color:rgba(255,255,255,.46);font-size:13px;line-height:1.95;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-list-more{width:max-content;display:inline-flex;align-items:center;gap:13px;margin-top:auto;padding-top:22px;color:rgba(255,255,255,.58);font-size:12px;letter-spacing:.08em;transition:color .25s ease,gap .25s ease;}
.news-list-more i{color:var(--red-light);font-size:17px;}
.news-list-more:hover{gap:18px;color:#fff;}
.news-list-empty{min-height:280px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center!important;color:rgba(255,255,255,.38);background:#151412!important;border:1px dashed rgba(255,255,255,.14)!important;}
.news-list-empty i{color:var(--red);font-size:34px;}
.news-list-empty p{margin:16px 0 0;font-size:14px;}
.listing-result-count{margin:44px 0 0;color:rgba(255,255,255,.35);text-align:center;font:500 12px "Space Grotesk Variable",sans-serif;letter-spacing:.08em;}
@media (max-width:1024px){
  .case-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .news-list-grid .news-list-card{grid-template-columns:minmax(260px,36%) minmax(0,1fr);min-height:270px;}
  .news-list-image{min-height:270px;}
  .news-list-copy{padding:30px 34px 28px;}
  .news-list-copy h3{margin-top:22px;font-size:19px;}
}
@media (max-width:760px){
  .listing-section{padding:82px 0 90px;}
  .listing-page-heading{margin-bottom:34px;}
  .listing-page-heading h2{font-size:39px;}
  .listing-tabs{gap:8px;margin-bottom:38px;}
  .listing-tabs button,
  .listing-tabs a{min-width:96px;padding:0 14px;}
  .case-list-grid{grid-template-columns:1fr;gap:24px;}
  .news-list-grid{gap:18px;}
  .news-list-grid .news-list-card{grid-template-columns:1fr;min-height:0;}
  .news-list-image{min-height:0;aspect-ratio:16/10;}
  .news-list-image::after{background:linear-gradient(0deg,rgba(7,7,6,.48),transparent 45%);}
  .news-list-image > span{left:16px;bottom:15px;}
  .news-list-copy{padding:24px 22px 23px;}
  .news-list-meta{padding-bottom:16px;}
  .news-list-copy h3{margin-top:19px;font-size:19px;line-height:1.55;}
  .news-list-copy > p{margin-top:12px;-webkit-line-clamp:3;}
  .news-list-more{margin-top:23px;padding-top:0;}
  .listing-result-count{margin-top:34px;}
}

/* ========================================================================
   05. 栏目详情
   案例详情与新闻详情；详情正文、图集、上一篇/下一篇和相关推荐。
   ======================================================================== */

/* --- 案例详情与新版新闻详情
   当前栏目详情模板的主要布局。 --- */
.detail-page{color:#f8f5ef;background:#0e0d0c;}
.detail-hero{position:relative;min-height:860px;padding-top:78px;overflow:hidden;}
.detail-hero-image,
.detail-hero-shade{position:absolute;inset:78px 0 0;width:100%;height:calc(100% - 78px);}
.detail-hero-image{object-fit:cover;}
.detail-hero-shade{background:linear-gradient(90deg,rgba(8,8,7,.88),rgba(8,8,7,.3) 56%,rgba(8,8,7,.2)),linear-gradient(0deg,rgba(8,8,7,.82),transparent 48%);}
.detail-hero-content{position:relative;z-index:1;min-height:782px;display:grid;grid-template-rows:auto 1fr auto;padding:42px 0 54px;}
.detail-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:rgba(255,255,255,.48);font-size:12px;}
.detail-breadcrumb a{transition:color .2s ease;}
.detail-breadcrumb a:hover{color:#fff;}
.detail-breadcrumb i{color:rgba(255,255,255,.25);}
.detail-breadcrumb span{color:rgba(255,255,255,.72);}
.detail-hero-copy{align-self:center;max-width:820px;}
.detail-hero-copy h1{margin:23px 0 0;font-size:clamp(54px,6vw,88px);line-height:1.12;font-weight:500;letter-spacing:-.06em;}
.detail-hero-copy > p:not(.section-kicker){margin:28px 0 0;color:rgba(255,255,255,.62);font-size:15px;line-height:1.95;}
.detail-hero-meta{display:grid;grid-template-columns:repeat(3,180px);gap:28px;}
.detail-hero-meta > div{display:grid;gap:8px;padding-top:17px;border-top:1px solid rgba(255,255,255,.26);}
.detail-hero-meta span{color:rgba(255,255,255,.38);font:500 11px "Space Grotesk Variable",sans-serif;letter-spacing:.13em;}
.detail-hero-meta strong{font-size:13px;font-weight:500;}
.case-detail-overview{padding:132px 0 142px;background:#0e0d0c;}
.case-detail-overview-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:72px 110px;}
.case-detail-overview h2,
.detail-section-heading h2,
.case-detail-material-copy h2{margin:20px 0 0;font-size:clamp(40px,4vw,58px);line-height:1.27;font-weight:520;letter-spacing:-.055em;}
.case-detail-intro{max-width:720px;}
.case-detail-intro p{margin:0;color:rgba(255,255,255,.46);font-size:13px;line-height:2.05;}
.case-detail-intro .case-detail-lead{margin-bottom:24px;color:rgba(255,255,255,.75);font-size:17px;line-height:1.9;}
.case-detail-facts{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);}
.case-detail-facts > div{min-height:126px;padding:27px 26px;border-left:1px solid rgba(255,255,255,.12);}
.case-detail-facts > div:first-child{border-left:0;}
.case-detail-facts dt{color:rgba(255,255,255,.34);font-size:12px;}
.case-detail-facts dd{margin:14px 0 0;font-size:13px;line-height:1.65;}
.case-detail-wide-image{margin:0;background:#0a0908;}
.case-detail-wide-image img{height:min(760px,62vw);object-fit:cover;object-position:center;}
.case-detail-wide-image figcaption,
.detail-gallery-grid figcaption,
.news-detail-cover figcaption,
.news-article figure figcaption{color:rgba(255,255,255,.34);font-size:12px;line-height:1.7;}
.case-detail-wide-image figcaption{padding-top:17px;padding-bottom:17px;}
.case-detail-strategies{padding:132px 0 142px;background:#181715;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);}
.detail-section-heading{max-width:760px;margin-bottom:58px;}
.case-strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);}
.case-strategy-grid article{min-height:285px;padding:31px 34px 34px;border-left:1px solid rgba(255,255,255,.14);}
.case-strategy-grid article:first-child{border-left:0;}
.case-strategy-grid article > span{color:var(--red);font:600 12px "Space Grotesk Variable",sans-serif;}
.case-strategy-grid h3{margin:62px 0 0;font-size:21px;font-weight:540;}
.case-strategy-grid p{margin:16px 0 0;color:rgba(255,255,255,.43);font-size:13px;line-height:1.9;}
.case-detail-gallery{padding:132px 0 142px;background:#0e0d0c;}
.detail-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.detail-gallery-grid figure{margin:0;}
.detail-gallery-grid .detail-gallery-large{grid-column:1 / -1;}
.detail-gallery-grid img{height:470px;object-fit:cover;}
.detail-gallery-grid .detail-gallery-large img{height:min(720px,58vw);}
.detail-gallery-grid figcaption{padding-top:12px;}
.case-detail-materials{padding:132px 0 142px;background:#181715;border-top:1px solid rgba(255,255,255,.08);}
.case-detail-materials-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);align-items:center;gap:clamp(70px,8vw,130px);}
.case-detail-material-image img{height:620px;object-fit:cover;}
.case-detail-material-copy > p:not(.section-kicker){margin:26px 0 31px;color:rgba(255,255,255,.46);font-size:13px;line-height:2;}
.case-detail-material-copy ul{margin:0;padding:0;list-style:none;}
.case-detail-material-copy li{display:grid;grid-template-columns:92px 1fr;gap:20px;padding:15px 0;border-top:1px solid rgba(255,255,255,.1);}
.case-detail-material-copy li span{color:rgba(255,255,255,.32);font-size:12px;}
.case-detail-material-copy li strong{font-size:13px;font-weight:500;}
.detail-page-navigation{background:#0e0d0c;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);}
.detail-page-navigation-inner{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:40px;}
.detail-page-navigation a{display:inline-flex;align-items:center;gap:17px;color:rgba(255,255,255,.68);font-size:13px;transition:color .2s ease;}
.detail-page-navigation a:hover{color:#fff;}
.detail-page-navigation a:last-child{text-align:right;}
.detail-page-navigation small{display:block;margin-bottom:5px;color:var(--red);font:600 10px "Space Grotesk Variable",sans-serif;letter-spacing:.12em;}
.news-detail-header{padding:140px 0 92px;background:#12110f;border-bottom:1px solid rgba(255,255,255,.08);}
.news-detail-heading{max-width:980px;margin:84px auto 0;text-align:center;}
.news-detail-meta{display:flex;justify-content:center;gap:18px;color:rgba(255,255,255,.36);font:500 12px "Space Grotesk Variable",sans-serif;}
.news-detail-meta span{color:var(--red);font-weight:600;}
.news-detail-heading h1{margin:25px 0 0;font-size:clamp(48px,5.5vw,76px);line-height:1.22;font-weight:510;letter-spacing:-.055em;}
.news-detail-heading > p{max-width:710px;margin:28px auto 0;color:rgba(255,255,255,.5);font-size:14px;line-height:2;}
.news-detail-cover{margin-top:76px;margin-bottom:0;}
.news-detail-cover img{height:min(720px,54vw);object-fit:cover;}
.news-detail-cover figcaption{padding-top:13px;}
.news-article{width:min(760px,calc(100% - 40px));margin:92px auto 100px;color:rgba(255,255,255,.64);font-size:15px;line-height:2.05;}
.news-article > p{margin:0 0 24px;}
.news-article .news-article-lead{margin-bottom:54px;color:rgba(255,255,255,.82);font-size:19px;line-height:1.9;}
.news-article h2{margin:66px 0 23px;color:#f8f5ef;font-size:29px;line-height:1.45;font-weight:540;letter-spacing:-.025em;}
.news-article blockquote{margin:58px 0;padding:36px 42px;color:#f8f5ef;background:#181715;border-left:3px solid var(--red);}
.news-article blockquote p{margin:0;font-size:20px;line-height:1.8;}
.news-article blockquote cite{display:block;margin-top:18px;color:rgba(255,255,255,.34);font:500 11px "Space Grotesk Variable",sans-serif;letter-spacing:.12em;}
.news-article figure{margin:58px 0;}
.news-article-image img{height:520px;object-fit:cover;}
.news-article figure figcaption{padding-top:11px;}
.news-article ol{margin:27px 0 0;padding-left:24px;}
.news-article li{margin:12px 0;padding-left:7px;}
.news-article li strong{color:rgba(255,255,255,.84);font-weight:550;}
.news-article-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:min(1120px,calc(100vw - 112px));margin-left:50%;transform:translateX(-50%);}
.news-article-image-pair figure{margin:0;}
.news-article-image-pair img{height:430px;object-fit:cover;}
.news-article-actions{width:min(760px,calc(100% - 40px));display:flex;justify-content:space-between;margin-bottom:112px;padding-top:24px;border-top:1px solid rgba(255,255,255,.13);}
.news-article-actions a,
.news-article-actions button{display:inline-flex;align-items:center;gap:9px;color:rgba(255,255,255,.5);background:transparent;font:inherit;font-size:12px;cursor:pointer;transition:color .2s ease;}
.news-article-actions a:hover,
.news-article-actions button:hover{color:#fff;}
.news-related{padding:126px 0 136px;background:#181715;border-top:1px solid rgba(255,255,255,.08);}
.news-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.news-related-grid article{overflow:hidden;background:#0e0d0c;border:1px solid rgba(255,255,255,.1);}
.news-related-grid article > img{height:245px;object-fit:cover;}
.news-related-grid article > div{padding:22px 20px 20px;}
.news-related-grid span{color:var(--red);font:600 11px "Space Grotesk Variable",sans-serif;letter-spacing:.08em;}
.news-related-grid h3{min-height:54px;margin:10px 0 19px;font-size:17px;line-height:1.55;font-weight:540;}
.news-related-grid a{display:flex;align-items:center;justify-content:space-between;padding-top:15px;color:rgba(255,255,255,.48);border-top:1px solid rgba(255,255,255,.1);font-size:12px;}
@media (max-width:1024px){
  .case-detail-overview-grid{gap:60px;}
  .case-detail-materials-grid{gap:58px;}
  .case-detail-material-image img{height:520px;}
  .detail-gallery-grid img{height:390px;}
}
@media (max-width:760px){
  .detail-hero{min-height:760px;padding-top:67px;}
  .detail-hero-image,
  .detail-hero-shade{inset:67px 0 0;height:calc(100% - 67px);}
  .detail-hero-content{min-height:693px;padding:29px 0 36px;}
  .detail-hero-copy h1{font-size:46px;}
  .detail-hero-copy > p:not(.section-kicker){font-size:13px;}
  .detail-hero-copy br{display:none;}
  .detail-hero-meta{grid-template-columns:repeat(3,1fr);gap:12px;}
  .detail-hero-meta > div{padding-top:12px;}
  .detail-hero-meta strong{font-size:12px;}
  .case-detail-overview,
  .case-detail-strategies,
  .case-detail-gallery,
  .case-detail-materials,
  .news-related{padding:84px 0 92px;}
  .case-detail-overview-grid{grid-template-columns:1fr;gap:38px;}
  .case-detail-overview h2,
  .detail-section-heading h2,
  .case-detail-material-copy h2{font-size:39px;}
  .case-detail-intro .case-detail-lead{font-size:16px;}
  .case-detail-facts{grid-template-columns:1fr 1fr;}
  .case-detail-facts > div:nth-child(3){border-left:0;}
  .case-detail-wide-image img{height:430px;}
  .detail-section-heading{margin-bottom:39px;}
  .case-strategy-grid{grid-template-columns:1fr;}
  .case-strategy-grid article{min-height:215px;padding:27px 22px;border-left:0;border-top:1px solid rgba(255,255,255,.14);}
  .case-strategy-grid article:first-child{border-top:0;}
  .case-strategy-grid h3{margin-top:38px;}
  .detail-gallery-grid{grid-template-columns:1fr;}
  .detail-gallery-grid .detail-gallery-large{grid-column:auto;}
  .detail-gallery-grid img,
  .detail-gallery-grid .detail-gallery-large img{height:360px;}
  .case-detail-materials-grid{grid-template-columns:1fr;gap:48px;}
  .case-detail-material-image img{height:430px;}
  .detail-page-navigation-inner{min-height:100px;}
  .detail-page-navigation a:last-child span{max-width:140px;}
  .news-detail-header{padding:112px 0 70px;}
  .news-detail-heading{margin-top:55px;}
  .news-detail-heading h1{font-size:42px;}
  .news-detail-heading br{display:none;}
  .news-detail-cover{width:100%;margin-top:0;}
  .news-detail-cover img{height:360px;}
  .news-detail-cover figcaption{width:calc(100% - 40px);margin:0 auto;}
  .news-article{margin:68px auto 78px;font-size:14px;}
  .news-article .news-article-lead{font-size:17px;}
  .news-article h2{margin-top:52px;font-size:25px;}
  .news-article blockquote{margin:44px 0;padding:28px 24px;}
  .news-article blockquote p{font-size:18px;}
  .news-article-image img{height:390px;}
  .news-article-image-pair{grid-template-columns:1fr;width:calc(100vw - 40px);}
  .news-article-image-pair img{height:360px;}
  .news-article-actions{margin-bottom:78px;}
  .news-related-grid{grid-template-columns:1fr;}
  .news-related-grid article > img{height:270px;}
}

/* --- 新闻正文编辑布局
   journal-* 规则用于新闻正文与相关内容区域。 --- */
.journal-detail{padding:126px 0 136px;background:#0e0d0c}
.journal-breadcrumb{min-width:0;display:flex;align-items:center;gap:8px;padding:25px 0;color:rgba(255,255,255,.34);font-size:12px;white-space:nowrap}
.journal-breadcrumb a,
.journal-breadcrumb span{overflow:hidden;text-overflow:ellipsis}
.journal-breadcrumb a{color:rgba(255,255,255,.5);transition:color .2s ease}
.journal-breadcrumb a:hover{color:#fff}
.journal-breadcrumb i{flex:0 0 auto;color:rgba(255,255,255,.24)}
.journal-breadcrumb span{color:rgba(255,255,255,.7)}
.journal-panel{--journal-inset:clamp(80px,12.5vw,200px);overflow:hidden;background:#151412;border:1px solid rgba(255,255,255,.1);box-shadow:0 26px 70px rgba(0,0,0,.2)}
.journal-hero{position:relative;display:grid;gap:32px;align-items:start;overflow:hidden;padding:54px 64px 20px;border-top:2px solid var(--red);}
.journal-heading{position:relative;z-index:1;}
.journal-hero > .journal-heading{grid-column:1 / -1;width:100%;max-width:920px;}
.journal-heading h1{width:100%;max-width:900px;}
.journal-category{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;padding:6px 10px;color:var(--red);border:1px solid rgba(232,65,38,.38);font-size:12px;font-weight:600;letter-spacing:.08em}
.journal-heading h1{margin:0;color:#f8f5ef;font-size:clamp(37px,4.2vw,58px);line-height:1.28;font-weight:520;letter-spacing:-.05em}
.journal-heading>p{margin:19px 0 0;color:rgba(255,255,255,.5);font-size:14px;line-height:1.95}
.journal-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 23px;margin-top:25px;padding:11px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.journal-meta span{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.34);font-size:12px}
.journal-meta i{color:var(--red);font-size:14px}
.journal-orbit{position:absolute;top:-128px;right:-35px;width:240px;height:240px;border:1px dashed rgba(232,65,38,.16);border-radius:50%;box-shadow:0 0 0 30px rgba(232,65,38,.025),0 0 0 60px rgba(232,65,38,.014);animation:journal-orbit 20s linear infinite}
.journal-orbit:before,
.journal-orbit:after{content:"";position:absolute;border-radius:50%;background:var(--red)}
.journal-orbit:before{top:25px;left:31px;width:8px;height:8px}
.journal-orbit:after{right:22px;bottom:55px;width:5px;height:5px}
@keyframes journal-orbit{
  to{transform:rotate(360deg)}
}
.journal-article{padding:20px 58px;color:rgba(255,255,255,.58);font-size:15px;line-height:2; font-weight:normal;}
.journal-article>p{margin:0 0 23px}
.journal-article .journal-lead{margin:0 0 47px;padding:24px 26px;color:rgba(255,255,255,.78);background:#1b1916;border:1px solid rgba(232,65,38,.24);border-left:3px solid var(--red);font-size:17px;line-height:1.9}
.journal-article h2{margin:58px 0 22px;padding-left:15px;color:#f8f5ef;border-left:3px solid var(--red);font-size:27px;line-height:1.48;font-weight:540;letter-spacing:-.025em}
.journal-article img{display:block;width:auto;max-width:100%;height:auto;margin-left:auto;margin-right:auto;}
.journal-pager{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.journal-pager a{min-width:0;min-height:100px;display:flex;flex-direction:column;justify-content:center;padding:20px 22px;background:#151412;border:1px solid rgba(255,255,255,.1);transition:.25s ease}
.journal-pager a:last-child{align-items:flex-end;text-align:right}
.journal-pager a:hover{border-color:rgba(232,65,38,.48);transform:translateY(-3px)}
.journal-pager span{display:inline-flex;align-items:center;gap:7px;margin-bottom:9px;color:rgba(255,255,255,.32);font-size:12px}
.journal-pager strong{max-width:100%;overflow:hidden;color:rgba(255,255,255,.72);font-size:13px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}
.journal-related{margin-top:78px;padding-top:62px;border-top:1px solid rgba(255,255,255,.1)}
@media(max-width:760px){
  .journal-detail{padding:92px 0 94px}
  .journal-breadcrumb{padding:20px 0}
  .journal-panel{--journal-inset:20px}
  .journal-hero{display:block;padding:28px 21px 31px}
  .journal-heading h1{font-size:31px}
  .journal-heading>p{margin-top:15px;font-size:12px}
  .journal-meta{gap:9px 14px;margin-top:19px}
  .journal-orbit{top:-145px;right:-85px}
  .journal-cover{margin:22px 20px 0}
  .journal-cover img{height:auto;aspect-ratio:16/10}
  .journal-article{padding:20px;padding-bottom:42px;font-size:14px;line-height:1.9}
  .journal-article .journal-lead{margin-bottom:35px;padding:20px 18px;font-size:16px}
  .journal-article h2{margin-top:47px;font-size:23px}
  .journal-image-pair{grid-template-columns:1fr;width:calc(100vw - 76px)}
  .journal-image-pair img{height:340px}
  .journal-pager{grid-template-columns:1fr;gap:11px}
  .journal-pager a{min-height:88px;padding:18px}
  .journal-pager a:last-child{align-items:flex-start;text-align:left}
}

/* ========================================================================
   06. 全站交互覆盖
   以下规则依赖 CSS 层叠覆盖基础组件，必须保留在文件末尾。
   ======================================================================== */
.material-image,
.service-case-image,
.news-image,
.brand-intro-visual,
.service-deliverable-image,
.brand-story-image,
.brand-standards-image{overflow:hidden;}
.material-image img,
.service-case-image img,
.news-image img,
.brand-intro-visual img,
.service-deliverable-image img,
.brand-story-image img,
.brand-standards-image img{transition:transform .8s cubic-bezier(.2,.65,.2,1),filter .4s ease;}
.material-item:hover .material-image img,
.service-case-card:hover .service-case-image img,
.news-grid article:hover .news-image img,
.brand-intro-visual:hover img,
.service-deliverables-grid article:hover .service-deliverable-image img,
.brand-story-image:hover img,
.brand-standards-image:hover img{transform:scale(1.035);filter:brightness(1.04);}
.service-case-card,
.service-step,
.guarantee-grid article,
.service-overview-grid article,
.brand-values-grid article{transition:transform .35s ease,border-color .35s ease,background-color .35s ease;}
.service-case-card:hover,
.service-step:hover,
.guarantee-grid article:hover,
.service-overview-grid article:hover,
.brand-values-grid article:hover{transform:translateY(-5px);}
.button-primary i,
.header-cta i,
.section-more-link i,
.news-more-link i,
.service-case-copy i,
.final-cta a i{transition:transform .25s ease;}
.button-primary:hover i,
.header-cta:hover i,
.section-more-link:hover i,
.news-more-link:hover i,
.service-case-card:hover .service-case-copy i,
.final-cta a:hover i{transform:translateX(4px);}