.inner-hero{padding:110px 0 105px;background:var(--paper);border-bottom:1px solid var(--line)}.inner-hero .eyebrow{margin-bottom:24px}.inner-hero h1{font-size:clamp(2.6875rem,6vw,4.75rem);line-height:1.08;letter-spacing:0;margin:0;max-width:850px}.inner-hero h1 em{color:var(--blue);font-style:normal}.inner-hero p.lead{max-width:560px;color:var(--muted);font-size:1rem;line-height:1.9;margin:28px 0 0}.page-section{padding:120px 0}.page-section.alt{background:var(--paper)}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:13%;align-items:start}.split h2,.page-section h2{font-size:clamp(2.1875rem,4vw,3.4375rem);line-height:1.12;letter-spacing:0;margin:0 0 24px}.split h2 em,.page-section h2 em{font-style:normal;color:var(--blue)}.copy{color:var(--muted);font-size:0.9375rem;line-height:1.95}.copy p{margin:0 0 18px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:48px}.stat{padding:26px 20px 27px 0;border-right:1px solid var(--line)}.stat:last-child{border-right:0;padding-left:20px}.stat strong{font-size:2.375rem;letter-spacing:0}.stat span{display:block;color:var(--muted);font-size:0.8125rem;margin-top:3px}.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:58px}.principle{border:1px solid var(--line);border-radius:var(--radius);padding:27px;min-height:200px}.principle .number{color:var(--blue)}.principle h3{font-size:1.1875rem;margin:30px 0 10px}.principle p{color:var(--muted);font-size:0.8125rem;line-height:1.8;margin:0}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:60px}.service-item{border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:260px;position:relative}.service-item.featured{background:var(--blue);border-color:var(--blue);color:#fff}.service-item .service-index{font:0.8125rem var(--font-mono);color:var(--blue)}.service-item.featured .service-index{color:#c6d8ff}.service-item h3{font-size:1.5rem;letter-spacing:0;margin:42px 0 12px}.service-item p{font-size:0.8125rem;line-height:1.8;color:var(--muted);max-width:390px}.service-item.featured p{color:#dce8ff}.service-item a{position:absolute;bottom:28px;font-size:0.8125rem;font-weight:600;color:var(--blue)}.service-item.featured a{color:#fff}.service-item a span{margin-left:8px}.process-list{counter-reset:process;max-width:850px;margin:58px auto 0}.process-row{counter-increment:process;display:grid;grid-template-columns:80px 1fr 1fr;gap:25px;padding:27px 0;border-top:1px solid var(--line);align-items:start}.process-row:last-child{border-bottom:1px solid var(--line)}.process-row>span{font:0.8125rem var(--font-mono);color:var(--blue)}.process-row h3{margin:0;font-size:1.25rem}.process-row p{margin:0;color:var(--muted);font-size:0.8125rem;line-height:1.8}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:38px 20px;margin-top:60px}.case-grid .work-card-large{grid-row:auto}.case-grid .work-visual{min-height:390px}.case-grid .work-card-large .work-visual{min-height:480px}.case-link{display:block}.case-link:hover .work-visual{filter:saturate(1.15);transform:translateY(-4px)}.work-visual{transition:.3s}.case-caption{display:flex;justify-content:space-between;align-items:center;padding-top:15px}.case-caption h3{font-size:1rem;margin:0 0 3px}.case-caption p{font-size:0.8125rem;color:var(--muted);margin:0}.case-caption .round-arrow{flex:none}.detail-hero{padding:95px 0 0}.detail-hero h1{font-size:clamp(2.6875rem,6.5vw,5.125rem);letter-spacing:0;line-height:1.06;margin:0 0 30px;max-width:900px}.detail-hero h1 em{font-style:normal;color:var(--blue)}.detail-hero .lead{max-width:520px;color:var(--muted);font-size:1rem;line-height:1.9}.detail-visual{margin-top:70px;min-height:500px;border-radius:22px;background:#173f9b;color:#fff;position:relative;overflow:hidden;padding:35px}.detail-visual .visual-title{font-size:clamp(2.125rem,5vw,4.375rem);left:38px;bottom:38px}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-bottom:1px solid var(--line);padding:40px 0}.detail-facts dt{font:0.8125rem var(--font-mono);color:#8c96a5;margin-bottom:8px}.detail-facts dd{margin:0;font-size:0.875rem;font-weight:600}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px;margin-top:60px}.article-card{border-top:1px solid var(--ink);padding:22px 4px 30px;min-height:250px}.article-card .insight-meta{margin-bottom:24px}.article-card h2{font-size:1.5rem;line-height:1.35;letter-spacing:0;margin:0 0 25px}.article-card p{font-size:0.8125rem;color:var(--muted);line-height:1.8;margin:0 0 30px}.contact-page{padding:112px 0 130px}.contact-page-grid{display:grid;grid-template-columns:1fr .9fr;gap:15%;align-items:start}.contact-page h1{font-size:clamp(2.75rem,6vw,4.75rem);line-height:1.08;letter-spacing:0;margin:0 0 28px}.contact-page h1 em{color:var(--blue);font-style:normal}.contact-page .lead{font-size:1rem;color:var(--muted);line-height:1.9;max-width:490px}.office-list{margin-top:66px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.office{border-top:1px solid var(--ink);padding-top:15px}.office h3{font-size:1rem;margin:0 0 9px}.office p{font-size:0.8125rem;color:var(--muted);line-height:1.8;margin:0}.faq-list{max-width:800px;margin:56px auto 0;border-top:1px solid var(--line)}.faq{border-bottom:1px solid var(--line);padding:22px 0}.faq h3{font-size:1.0625rem;margin:0 0 9px}.faq p{color:var(--muted);font-size:0.8125rem;line-height:1.8;margin:0}@media(max-width:850px){.inner-hero{padding:75px 0 70px}.page-section{padding:80px 0}.split,.contact-page-grid{grid-template-columns:1fr;gap:38px}.stat-grid{margin-top:30px}.principles,.service-list,.case-grid,.article-list{grid-template-columns:1fr}.process-row{grid-template-columns:50px 1fr;gap:15px}.process-row p{grid-column:2}.detail-hero{padding-top:70px}.detail-visual{min-height:390px;margin-top:45px}.detail-facts{grid-template-columns:1fr 1fr}.office-list{grid-template-columns:1fr;gap:28px;margin-top:45px}}

.visual-purple{background:#3b315f;color:#fff;min-height:274px}
.office-list.office-list-single{grid-template-columns:minmax(0,1fr)}

/* Internal pages share the homepage's charcoal, warm-white and copper palette. */
body.page-work,body.page-about,body.page-services,body.page-blog,body.page-contact{--page-ink:#17191d;--page-muted:#74767c;--page-warm:#fffaf7;--page-warm-alt:#f7eee8;--page-line:#eadbd2;--page-copper:#e88d58;--page-copper-light:#ffc49d;background:var(--page-warm);color:var(--page-ink);font-family:var(--font-system)}
body.page-work .container,body.page-about .container,body.page-services .container,body.page-blog .container,body.page-contact .container{width:min(1120px,calc(100% - 180px))}
body.page-work main,body.page-about main,body.page-services main,body.page-blog main,body.page-contact main{background:var(--page-warm)}
body.page-work .inner-hero,body.page-about .inner-hero,body.page-services .inner-hero,body.page-blog .inner-hero{position:relative;overflow:hidden;padding:108px 0 102px;background:radial-gradient(circle at 75% 25%,rgba(232,141,88,.24),transparent 20%),linear-gradient(112deg,#0b0d0f,#1a1b1d 57%,#111214);border:0;color:#fff}
body.page-work .inner-hero::before,body.page-about .inner-hero::before,body.page-services .inner-hero::before,body.page-blog .inner-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,7,.68),rgba(5,6,7,.12) 68%,rgba(5,6,7,.34));pointer-events:none}
body.page-work .inner-hero .container,body.page-about .inner-hero .container,body.page-services .inner-hero .container,body.page-blog .inner-hero .container{position:relative;z-index:1}
body.page-work .inner-hero .eyebrow,body.page-about .inner-hero .eyebrow,body.page-services .inner-hero .eyebrow,body.page-blog .inner-hero .eyebrow{color:var(--page-copper-light)}
body.page-work .inner-hero h1,body.page-about .inner-hero h1,body.page-services .inner-hero h1,body.page-blog .inner-hero h1{max-width:760px;color:#fff;font-weight:600;letter-spacing:0}
body.page-work .inner-hero h1 em,body.page-about .inner-hero h1 em,body.page-services .inner-hero h1 em,body.page-blog .inner-hero h1 em{color:var(--page-copper-light)}
body.page-work .inner-hero p.lead,body.page-about .inner-hero p.lead,body.page-services .inner-hero p.lead,body.page-blog .inner-hero p.lead{color:rgba(255,255,255,.65)}
body.page-work .page-section,body.page-about .page-section,body.page-services .page-section,body.page-blog .page-section{padding:112px 0;background:var(--page-warm)}
body.page-work .page-section.alt,body.page-about .page-section.alt,body.page-services .page-section.alt,body.page-blog .page-section.alt,body.page-contact .page-section.alt{background:var(--page-warm-alt)}
body.page-work .eyebrow,body.page-about .eyebrow,body.page-services .eyebrow,body.page-blog .eyebrow,body.page-contact .eyebrow{color:var(--page-copper);font-family:var(--font-system);font-size:0.8125rem;font-weight:600;letter-spacing:.06em}
body.page-work .split h2,body.page-about .split h2,body.page-services .split h2,body.page-blog .split h2,body.page-contact .section-heading h2{color:var(--page-ink);font-weight:600;letter-spacing:0}
body.page-work .split h2 em,body.page-about .split h2 em,body.page-services .split h2 em,body.page-blog .split h2 em,body.page-contact .section-heading h2 em{color:var(--page-copper)}
body.page-work .copy,body.page-about .copy,body.page-services .copy,body.page-blog .copy,body.page-contact .copy{color:var(--page-muted)}
body.page-work .stat-grid,body.page-about .stat-grid{border-color:var(--page-line)}
body.page-work .stat,body.page-about .stat{border-color:var(--page-line)}
body.page-work .stat strong,body.page-about .stat strong{color:var(--page-copper);font-weight:600}
body.page-work .stat span,body.page-about .stat span{color:var(--page-muted)}
body.page-work .case-grid{gap:28px 20px}
body.page-work .case-grid .work-visual{border-radius:8px;box-shadow:0 16px 36px rgba(47,29,20,.12)}
body.page-work .visual-blue{background:linear-gradient(135deg,#1b1d20,#382821);color:#fff}
body.page-work .visual-orange{background:linear-gradient(135deg,#e3935c,#71351f);color:#fff}
body.page-work .visual-green{background:linear-gradient(135deg,#dbc0ac,#71554a);color:#fff}
body.page-work .visual-purple{background:linear-gradient(135deg,#252426,#624132);color:#fff}
body.page-work .green-orb{background:radial-gradient(circle at 34% 34%,#fff4e9,#e4a576 48%,#7e4b37 76%)}
body.page-work .green-lines{border-color:rgba(255,233,219,.42);box-shadow:0 0 0 24px rgba(255,245,237,.11),0 0 0 48px rgba(255,245,237,.06)}
body.page-work .case-caption h3{color:var(--page-ink);font-weight:600}
body.page-work .case-caption p{color:var(--page-muted)}
body.page-work .case-caption .round-arrow{border-color:#e5cbbd;color:var(--page-copper)}
body.page-work .work-visual .visual-title{letter-spacing:0}
body.page-about .principles{gap:16px}
body.page-about .principle{border-color:var(--page-line);border-radius:8px;background:#fffdfb;box-shadow:0 14px 30px rgba(74,44,28,.04)}
body.page-about .principle .number{color:var(--page-copper)}
body.page-about .principle h3{color:var(--page-ink);font-weight:600}
body.page-about .principle p{color:var(--page-muted)}
body.page-services .service-item{border-color:var(--page-line);border-radius:8px;background:#fffdfb;box-shadow:0 14px 32px rgba(74,44,28,.04)}
body.page-services .service-item.featured{background:linear-gradient(135deg,#e38b55,#b95e35);border-color:#d47748}
body.page-services .service-item .service-index{color:var(--page-copper)}
body.page-services .service-item.featured .service-index{color:#ffe0ca}
body.page-services .service-item h3{color:var(--page-ink);font-weight:600;letter-spacing:0}
body.page-services .service-item.featured h3{color:#fff}
body.page-services .service-item p{color:var(--page-muted)}
body.page-services .service-item.featured p{color:#fff0e6}
body.page-services .service-item a{color:var(--page-copper)}
body.page-services .service-item.featured a{color:#fff}
body.page-services .process-list{border-color:var(--page-line)}
body.page-services .process-row{border-color:var(--page-line)}
body.page-services .process-row>span{color:var(--page-copper)}
body.page-services .process-row h3{color:var(--page-ink);font-weight:600}
body.page-services .process-row p{color:var(--page-muted)}
body.page-services .button,body.page-about .button,body.page-contact .button{border-radius:999px}
body.page-blog .article-card{border-top-color:var(--page-copper);min-height:270px}
body.page-blog .article-card .insight-meta span,body.page-blog .article-card .text-link span{color:var(--page-copper)}
body.page-blog .article-card h2{color:var(--page-ink);font-weight:600;letter-spacing:0}
body.page-blog .article-card p{color:var(--page-muted)}
body.page-blog .article-card .text-link{color:var(--page-ink)}
body.page-blog .article-list{gap:24px;margin-top:50px}
body.page-blog .article-card{padding:26px 24px 28px;border:1px solid var(--page-line);border-top:3px solid var(--page-copper);border-radius:8px;background:#fffdfb;box-shadow:0 14px 32px rgba(74,44,28,.04)}
body.page-contact .contact-page{padding:98px 0 76px;color:#fff}
body.page-contact .contact-page h1{color:#fff;font-weight:600;letter-spacing:0}
body.page-contact .contact-page h1 em{color:var(--page-copper-light)}
body.page-contact .contact-page .eyebrow{color:var(--page-copper-light)}
body.page-contact .contact-page .lead{color:rgba(255,255,255,.68)}
body.page-contact .contact-details a{color:#fff}
body.page-contact .contact-details span{color:var(--page-copper-light)}
body.page-contact .contact-form{border-radius:8px;background:#fffaf7;box-shadow:0 24px 55px rgba(0,0,0,.26)}
body.page-contact .contact-form input,body.page-contact .contact-form textarea{border-color:#e8d9cf}
body.page-contact .contact-form input:focus,body.page-contact .contact-form textarea:focus{border-color:var(--page-copper)}
body.page-contact .contact-form .button-primary{background:linear-gradient(90deg,#e78952,#f3aa77);color:#2c1c14}
body.page-contact .office-list{margin-top:48px}
body.page-contact .office{border-color:rgba(255,255,255,.25)}
body.page-contact .office h3{color:#fff}
body.page-contact .office p{color:rgba(255,255,255,.62)}
body.page-contact .faq-list,body.page-contact .faq{border-color:var(--page-line)}
body.page-contact .faq h3{color:var(--page-ink);font-weight:600}
body.page-contact .faq p{color:var(--page-muted)}
body.page-work .site-footer,body.page-about .site-footer,body.page-services .site-footer,body.page-blog .site-footer,body.page-contact .site-footer{background:linear-gradient(105deg,#101214,#1a1c1f 50%,#101214);color:#fff}
body.page-work .footer-top,body.page-about .footer-top,body.page-services .footer-top,body.page-blog .footer-top,body.page-contact .footer-top{padding:36px 0 39px}
body.page-work .footer-brand .brand-mark,body.page-about .footer-brand .brand-mark,body.page-services .footer-brand .brand-mark,body.page-blog .footer-brand .brand-mark,body.page-contact .footer-brand .brand-mark{display:none}
body.page-work .footer-brand>span:last-child,body.page-about .footer-brand>span:last-child,body.page-services .footer-brand>span:last-child,body.page-blog .footer-brand>span:last-child,body.page-contact .footer-brand>span:last-child{display:none}
body.page-work .footer-brand,body.page-about .footer-brand,body.page-services .footer-brand,body.page-blog .footer-brand,body.page-contact .footer-brand{position:relative;min-width:144px;font-size:0;gap:0}
body.page-work .footer-brand::before,body.page-about .footer-brand::before,body.page-services .footer-brand::before,body.page-blog .footer-brand::before,body.page-contact .footer-brand::before{content:"";display:block;width:38px;height:33px;background:url("assets/xfeng-mark.png") center/contain no-repeat}
body.page-work .footer-brand::after,body.page-about .footer-brand::after,body.page-services .footer-brand::after,body.page-blog .footer-brand::after,body.page-contact .footer-brand::after{content:"显峰网络\A XIANFENG TECH";white-space:pre;display:block;margin-left:8px;color:#fff;font-family:var(--font-system);font-size:1rem;font-weight:600;line-height:1.06}
body.page-work .footer-top>p,body.page-about .footer-top>p,body.page-services .footer-top>p,body.page-blog .footer-top>p,body.page-contact .footer-top>p{color:rgba(255,255,255,.62)}
body.page-work .footer-links,body.page-about .footer-links,body.page-services .footer-links,body.page-blog .footer-links,body.page-contact .footer-links{color:rgba(255,255,255,.68)}
body.page-work .footer-links a:hover,body.page-about .footer-links a:hover,body.page-services .footer-links a:hover,body.page-blog .footer-links a:hover,body.page-contact .footer-links a:hover{color:var(--page-copper-light)}
body.page-work .footer-bottom,body.page-about .footer-bottom,body.page-services .footer-bottom,body.page-blog .footer-bottom,body.page-contact .footer-bottom{border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.52)}
body.page-work .footer-bottom a,body.page-about .footer-bottom a,body.page-services .footer-bottom a,body.page-blog .footer-bottom a,body.page-contact .footer-bottom a{color:var(--page-copper-light)}
@media(max-width:850px){
  body.page-work .container,body.page-about .container,body.page-services .container,body.page-blog .container,body.page-contact .container{width:calc(100% - 40px)}
  body.page-work .inner-hero,body.page-about .inner-hero,body.page-services .inner-hero,body.page-blog .inner-hero{padding:78px 0 72px}
  body.page-work .page-section,body.page-about .page-section,body.page-services .page-section,body.page-blog .page-section{padding:78px 0}
  body.page-contact .contact-page{padding:76px 0 64px}
  body.page-work .footer-top,body.page-about .footer-top,body.page-services .footer-top,body.page-blog .footer-top,body.page-contact .footer-top{padding:30px 0}
}

/* Each internal page owns its hero artwork; the mountain is homepage-only. */
body.page-work{--hero-image:url("assets/hero-work.jpg")}
body.page-about{--hero-image:url("assets/hero-about.jpg")}
body.page-services{--hero-image:url("assets/hero-services.jpg")}
body.page-blog{--hero-image:url("assets/hero-blog.jpg")}
body.page-contact{--hero-image:url("assets/hero-contact.jpg")}
body.page-work .inner-hero,
body.page-about .inner-hero,
body.page-services .inner-hero,
body.page-blog .inner-hero,
body.page-contact .contact-page{
  background-image:
    linear-gradient(90deg,rgba(7,8,9,.82) 0%,rgba(8,9,10,.66) 35%,rgba(11,11,12,.12) 70%,rgba(8,9,10,.24) 100%),
    var(--hero-image);
  background-color:#0b0d0f;
  background-repeat:no-repeat;
  background-size:100% 100%,cover;
  background-position:center,right center;
}
body.page-work .inner-hero::before,
body.page-about .inner-hero::before,
body.page-services .inner-hero::before,
body.page-blog .inner-hero::before{background:none}
@media(max-width:850px){
  body.page-work .inner-hero,
  body.page-about .inner-hero,
  body.page-services .inner-hero,
  body.page-blog .inner-hero,
  body.page-contact .contact-page{
    background-image:
      linear-gradient(90deg,rgba(7,8,9,.88),rgba(8,9,10,.62)),
      var(--hero-image);
    background-position:center,70% center;
  }
  body.page-contact .contact-page{
    background-size:100% 100%,auto 640px;
    background-position:center,70% top;
  }
}