/* 茶坊村全站品牌视觉层
   未来折叶负责识别，小茶负责给结论，真实界面负责证明。 */

:root{
  --brand-blue:#0a6ec4;
  --brand-blue-dark:#044286;
  --brand-navy:#02182b;
  --brand-navy-2:#06233e;
  --brand-gold:#f9e7a7;
  --brand-gold-deep:#b88a1f;
  --brand-sky:#dceefe;
  --blue:#0a6ec4;
  --blue-d:#055aa8;
  --blue-dd:#044286;
  --blue-ddd:#02182b;
  --blue-l:#2988d9;
  --blue-ll:#cfe4f7;
  --gold:#b88a1f;
  --gold-l:#c9a02e;
  --gold-ll:#f9e7a7;
}

html{accent-color:var(--brand-blue)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{color:#fff;background:var(--brand-blue)}
:focus-visible{outline:3px solid rgba(10,110,196,.34);outline-offset:3px}

/* 正式组合标识 */
.nav-logo{min-width:126px;gap:0!important}
.nav-logo img{
  width:134px!important;
  height:auto!important;
  max-height:58px!important;
  border-radius:0!important;
  object-fit:contain!important;
}
.nav-logo-name{display:none!important}
.ft-brand img,.footer-logo img{
  width:142px!important;
  height:auto!important;
  max-height:68px!important;
  border-radius:0!important;
  object-fit:contain!important;
}

/* 导航成为统一品牌门面 */
#nav,.nav{
  border-bottom:1px solid rgba(10,110,196,.08)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.86)!important;
  backdrop-filter:saturate(150%) blur(18px)!important;
}
#nav.scrolled,.nav.scrolled{box-shadow:0 12px 34px rgba(2,24,43,.08)!important}
.nav-links a{font-weight:500;letter-spacing:.01em}
.nav-links a.active::after{
  height:2px!important;
  border-radius:3px!important;
  background:linear-gradient(90deg,var(--brand-blue),var(--brand-gold-deep))!important;
}

/* 统一主次按钮：品牌蓝负责行动，淡金负责记忆 */
:is(.btn-primary,.btn-hero,.btn-main,.btn-submit,.form-submit){
  position:relative;
  overflow:hidden;
  border-color:transparent!important;
  border-radius:999px!important;
  color:#fff!important;
  background:linear-gradient(118deg,var(--brand-blue) 0%,#087dd3 58%,var(--brand-blue-dark) 100%)!important;
  box-shadow:0 10px 26px rgba(10,110,196,.2)!important;
}
:is(.btn-primary,.btn-hero,.btn-main,.btn-submit,.form-submit)::after{
  content:'';
  position:absolute;
  inset:-80% auto -80% -32%;
  width:22%;
  background:linear-gradient(90deg,transparent,rgba(249,231,167,.52),transparent);
  transform:skewX(-18deg);
  transition:transform .7s ease;
  pointer-events:none;
}
:is(.btn-primary,.btn-hero,.btn-main,.btn-submit,.form-submit):hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 34px rgba(10,110,196,.28)!important;
}
:is(.btn-primary,.btn-hero,.btn-main,.btn-submit,.form-submit):hover::after{transform:translateX(720%) skewX(-18deg)}
:is(.btn-ghost,.btn-secondary){border-color:rgba(10,110,196,.22)!important;border-radius:999px!important}
:is(.btn-ghost,.btn-secondary):hover{color:var(--brand-blue)!important;border-color:var(--brand-blue)!important;background:rgba(10,110,196,.045)!important}

/* 统一蓝金标题与栏目识别 */
:is(.t-eyebrow,.sec-eyebrow,.section-eyebrow,.hero-tag,.hero-badge){color:var(--brand-blue)}
:is(.t-eyebrow,.sec-eyebrow,.section-eyebrow)::before{
  background:linear-gradient(90deg,var(--brand-blue),var(--brand-gold-deep))!important;
}
:is(.hero-title,.hero-h1,.cases-hero h1,.hero h1) em,
em.hl{
  color:var(--brand-blue)!important;
  background:linear-gradient(112deg,var(--brand-blue) 12%,var(--brand-gold-deep) 92%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* 表单与卡片的统一交互反馈 */
:is(input,select,textarea):focus{
  border-color:var(--brand-blue)!important;
  box-shadow:0 0 0 4px rgba(10,110,196,.09)!important;
}
:is(.card,.sp-card,.why-card,.hl-card,.case-card,.service-card){
  border-color:rgba(10,110,196,.1);
}

/* AI 时代使用淡金反白标识 */
body.ai-era-active #nav{
  background:rgba(2,19,35,.9)!important;
  border-bottom-color:rgba(249,231,167,.12)!important;
  box-shadow:0 10px 34px rgba(0,8,18,.2)!important;
}
body.ai-era-active .nav-logo img{content:url('../images/brand/brand-lockup-gold.png')}
body.ai-era-active .nav-links a.active::after{background:var(--brand-gold)!important}
body.ai-era-active footer .ft-brand img{content:url('../images/brand/brand-lockup-gold.png')}

@media(max-width:720px){
  .nav-logo{min-width:104px}
  .nav-logo img{width:112px!important;max-height:52px!important}
  .ft-brand img,.footer-logo img{width:130px!important}
}

@media(max-width:420px){
  .nav-actions .btn-ghost{display:none!important}
  .nav-actions{gap:8px!important}
}

@media(prefers-reduced-motion:reduce){
  :is(.btn-primary,.btn-hero,.btn-main,.btn-submit,.form-submit)::after{display:none}
}