/* ============================================================
   鹰和卓(8905) · 白底藏青金 · 商务律所皮
   挂在 common.css 之后；版式按 E 盘设计稿、文案以 SEO-GEO TXT 为准
   ============================================================ */
:root{
  --yz-navy:#1a2b4a; --yz-navy-d:#12203c; --yz-gold:#c9a96e; --yz-gold-d:#b3934f;
  --yz-cream:#f6f2ea; --yz-gray:#f5f5f5; --yz-text:#333333; --yz-muted:#8a8a8a; --yz-line:#e8e4dc;
  --yz-serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;
  --yz-sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}
body{font-family:var(--yz-sans);background:#fff;color:var(--yz-text);}
h1,h2,h3,.yz-serif{font-family:var(--yz-serif);}
.yz-container{max-width:1200px;margin:0 auto;padding:0 clamp(22px,4vw,48px);}

/* ---------- 页头 ---------- */
.site-header{background:#fff;border-bottom:1px solid var(--yz-line);}
.site-header .nav-link{color:var(--yz-navy);font-size:15px;padding:8px 14px;position:relative;}
.site-header .nav-link:hover{color:var(--yz-gold-d);}
.site-header .nav-link.active{font-weight:600;}
.site-header .nav-link.active::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--yz-gold);}
.yz-logo{display:flex;align-items:center;gap:10px;}
.yz-logo-badge{width:38px;height:38px;border:1.5px solid var(--yz-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--yz-gold);font-size:17px;}
.yz-logo-cn{font-family:var(--yz-serif);font-weight:700;font-size:20px;color:var(--yz-navy);letter-spacing:2px;line-height:1.1;}
.yz-logo-en{font-size:9px;letter-spacing:2.5px;color:var(--yz-gold-d);margin-top:2px;}
.yz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14.5px;padding:10px 24px;border-radius:4px;transition:.25s;cursor:pointer;border:none;letter-spacing:1px;}
.yz-btn-navy{background:var(--yz-navy);color:#fff;}
.yz-btn-navy:hover{background:var(--yz-navy-d);}
.yz-btn-gold{background:var(--yz-gold);color:#fff;}
.yz-btn-gold:hover{background:var(--yz-gold-d);}
.yz-btn-outline{background:transparent;color:var(--yz-navy);border:1px solid var(--yz-navy);}
.yz-btn-outline:hover{background:var(--yz-navy);color:#fff;}

/* ---------- 分栏 Hero ---------- */
.yz-hero{display:grid;grid-template-columns:1fr 1fr;min-height:520px;}
.yz-hero-l{background:var(--yz-cream);display:flex;align-items:center;padding:64px 6vw 64px calc((100vw - 1200px)/2 + 24px);}
.yz-hero-l-inner{max-width:520px;}
.yz-hero-l h1{font-size:clamp(30px,3.6vw,46px);font-weight:700;color:var(--yz-navy);letter-spacing:2px;line-height:1.3;}
.yz-hero-l .yz-hero-en{margin-top:18px;font-size:14px;letter-spacing:2px;color:var(--yz-gold-d);}
.yz-hero-l .yz-hero-cta{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap;}
.yz-hero-r{position:relative;background:linear-gradient(160deg,#22375f 0%,#16263f 60%,#0f1b2e 100%);overflow:hidden;}
.yz-hero-r img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.yz-hero-r .yz-skyline{position:absolute;left:0;right:0;bottom:0;height:46%;opacity:.28;
  background:
   linear-gradient(to top,rgba(201,169,110,.9),rgba(201,169,110,0)) ,
   repeating-linear-gradient(90deg,transparent 0 34px,rgba(201,169,110,.55) 34px 36px,transparent 36px 78px,rgba(201,169,110,.35) 78px 80px);
  -webkit-mask-image:linear-gradient(to top,#000 60%,transparent);mask-image:linear-gradient(to top,#000 60%,transparent);}
.yz-hero-r .yz-hero-seal{position:absolute;right:36px;top:50%;transform:translateY(-50%);width:130px;height:130px;border:2px solid rgba(201,169,110,.75);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.9);font-family:var(--yz-serif);letter-spacing:2px;font-size:13px;line-height:1.9;text-align:center;}

/* ---------- 数据条（首页底部四项） ---------- */
.yz-stats{border-top:1px solid var(--yz-line);border-bottom:1px solid var(--yz-line);}
.yz-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.yz-stat{padding:36px 10px;text-align:center;}
.yz-stat+.yz-stat{border-left:1px solid var(--yz-line);}
.yz-stat i{font-size:22px;color:var(--yz-gold);display:block;margin-bottom:12px;}
.yz-stat b{display:block;font-family:var(--yz-serif);font-size:30px;font-weight:700;color:var(--yz-navy);line-height:1;}
.yz-stat span{display:block;margin-top:8px;font-size:13.5px;color:var(--yz-muted);letter-spacing:1px;}

/* ---------- 区块标题 ---------- */
.yz-section{padding:76px 0;}
.yz-head{text-align:center;margin-bottom:52px;}
.yz-head h2{font-size:32px;font-weight:700;color:var(--yz-navy);letter-spacing:3px;}
.yz-head .yz-head-line{width:44px;height:2px;background:var(--yz-gold);margin:16px auto 0;position:relative;}
.yz-head .yz-head-line::after{content:"";position:absolute;left:50%;top:-3px;transform:translateX(-50%);width:6px;height:6px;background:var(--yz-gold);border-radius:50%;}

/* ---------- 核心业务卡 ---------- */
.yz-biz{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.yz-biz-card{background:var(--yz-gray);border-radius:6px;padding:34px 28px;transition:.3s;border:1px solid transparent;}
.yz-biz-card:hover{background:#fff;border-color:var(--yz-gold);box-shadow:0 14px 36px rgba(26,43,74,.08);transform:translateY(-4px);}
.yz-biz-card .yz-biz-ico{width:52px;height:52px;border-radius:6px;background:linear-gradient(150deg,var(--yz-gold),#a8874f);display:flex;align-items:center;justify-content:center;color:#fff;font-size:21px;margin-bottom:20px;}
.yz-biz-card h3{font-size:19px;font-weight:700;color:var(--yz-navy);margin-bottom:10px;letter-spacing:1px;}
.yz-biz-card p{font-size:13.5px;color:#666;line-height:1.75;}

/* ---------- 为什么选我们（金圈编号） ---------- */
.yz-why{background:var(--yz-cream);}
.yz-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 56px;}
.yz-why-item{display:flex;gap:18px;align-items:flex-start;background:#fff;border-radius:6px;padding:24px 26px;}
.yz-why-num{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--yz-gold);color:var(--yz-gold-d);display:flex;align-items:center;justify-content:center;font-family:var(--yz-serif);font-size:17px;font-weight:700;}
.yz-why-item h4{font-size:17px;font-weight:700;color:var(--yz-navy);margin-bottom:6px;}
.yz-why-item p{font-size:13px;color:#777;line-height:1.7;}

/* ---------- 法律资讯卡 ---------- */
.yz-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.yz-news-card{background:#fff;border:1px solid var(--yz-line);border-radius:6px;overflow:hidden;transition:.3s;}
.yz-news-card:hover{box-shadow:0 14px 36px rgba(26,43,74,.10);transform:translateY(-4px);}
.yz-news-img{aspect-ratio:16/10;background:linear-gradient(135deg,#dfd8cb,#c9c0b2);position:relative;overflow:hidden;}
.yz-news-img img{width:100%;height:100%;object-fit:cover;}
.yz-news-body{padding:22px 24px 26px;}
.yz-news-date{font-size:12px;color:var(--yz-gold-d);letter-spacing:1px;}
.yz-news-body h3{font-size:17px;font-weight:700;color:var(--yz-navy);margin:10px 0 8px;line-height:1.5;}
.yz-news-body p{font-size:13px;color:#888;line-height:1.7;}

/* ---------- 页脚 ---------- */
.site-footer{background:var(--yz-navy);color:rgba(255,255,255,.75);}
.yz-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:44px;}
.site-footer .footer-heading{color:#fff;font-size:16px;font-weight:600;margin-bottom:18px;font-family:var(--yz-serif);letter-spacing:1px;}
.site-footer .footer-contact p,.site-footer .footer-contact li,.site-footer .footer-link{font-size:13.5px;line-height:2.1;color:rgba(255,255,255,.68);}
.site-footer .footer-link{display:inline-block;}
.site-footer .footer-link:hover{color:#fff;}
.site-footer .footer-contact i{color:var(--yz-gold);}
.yz-fform{background:rgba(255,255,255,.06);border:1px solid rgba(201,169,110,.35);border-radius:6px;padding:26px;}
.yz-fform h4{color:#fff;font-family:var(--yz-serif);font-size:18px;margin-bottom:16px;letter-spacing:1px;}
.yz-fform input,.yz-fform select,.yz-fform textarea{width:100%;background:#fff;border:none;border-radius:4px;padding:11px 14px;font-size:13.5px;color:#333;margin-bottom:12px;outline:none;}
.yz-fform input::placeholder,.yz-fform textarea::placeholder{color:#aaa;}
.yz-foot-bar{border-top:1px solid rgba(255,255,255,.12);}
.yz-foot-bar .yz-container{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;font-size:12px;color:rgba(255,255,255,.55);}

/* ---------- 移动端底部通栏（设计稿：藏青「电话咨询+电话」） ---------- */
.mobile-fab{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;}
@media (max-width:1023px){.mobile-fab{display:block;}}
.mobile-fab-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--yz-navy);color:#fff;font-size:15px;font-weight:600;padding:14px 0;letter-spacing:1px;}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .yz-foot-grid{grid-template-columns:1fr 1fr;}
  .yz-hero{grid-template-columns:1fr;}
  .yz-hero-l{padding:56px 24px;}
  .yz-hero-r{min-height:300px;}
  .yz-biz,.yz-news-grid{grid-template-columns:repeat(2,1fr);}
  .yz-why-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .yz-foot-grid{grid-template-columns:1fr;}
  .yz-stats-grid{grid-template-columns:repeat(2,1fr);}
  .yz-stat:nth-child(3){border-left:none;}
  .yz-stat:nth-child(n+3){border-top:1px solid var(--yz-line);}
  .yz-biz,.yz-news-grid{grid-template-columns:1fr;}
  .yz-section{padding:48px 0;}
  .yz-head h2{font-size:24px;}
}

/* ===== 内页兼容层（旧葛骨类 → 藏青金皮） ===== */
.category-banner{position:relative;height:300px;overflow:hidden;background:linear-gradient(120deg,#22375f,#16263f);}
.category-banner img{width:100%;height:100%;object-fit:cover;}
.category-banner-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(15,25,45,.5);text-align:center;}
.category-banner-title{font-family:var(--yz-serif);font-size:36px;font-weight:700;color:#fff;letter-spacing:3px;}
.category-banner-subtitle{margin-top:10px;font-size:14px;color:rgba(255,255,255,.85);letter-spacing:2px;}
.section-header{margin-bottom:40px;}
.section-title{font-family:var(--yz-serif);color:var(--yz-navy);letter-spacing:2px;}
.section-subtitle{color:#777;}
.gold-line{width:44px;height:2px;background:var(--yz-gold);margin-top:14px;border-radius:1px;}
.design-card,.case-card,.stat-card,.team-card{background:#fff;border:1px solid var(--yz-line);border-radius:6px;box-shadow:0 2px 12px rgba(26,43,74,.05);}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--yz-navy);color:var(--yz-navy);border-radius:4px;padding:10px 26px;background:transparent;transition:.25s;font-size:14.5px;}
.btn-outline:hover{background:var(--yz-navy);color:#fff;}
.badge{display:inline-block;background:rgba(201,169,110,.12);color:var(--yz-gold-d);border:1px solid rgba(201,169,110,.4);border-radius:4px;padding:2px 10px;font-size:12px;}
.stats-banner{background:var(--yz-navy)!important;padding:56px 0;}
.stats-number{font-family:var(--yz-serif);font-size:38px;font-weight:700;color:#fff;}
.stats-label{color:rgba(255,255,255,.75);margin-top:6px;}
.link-arrow{color:var(--yz-gold-d);font-weight:500;}
.text-primary{color:var(--yz-gold-d)!important;}
.faq-item{border-color:var(--yz-line)!important;}

/* ===== 内页 .container 约束（锁 1200 居中 + 响应式侧距，防文字贴边） ===== */
.container{max-width:1200px!important;padding-left:clamp(22px,4vw,48px)!important;padding-right:clamp(22px,4vw,48px)!important;}