/* ============================================
   北京市大瀚(深圳)律师事务所 官网
   设计风格：藏青深蓝 + 烫金 + 酒红，厚重、权威、专业
   ============================================ */
:root{
  --navy:#0f1e3d;        /* 藏青主色 */
  --navy-2:#1a2d52;
  --gold:#b8924a;        /* 烫金 */
  --gold-2:#d4b06a;
  --burgundy:#7a1f2b;    /* 酒红 */
  --text:#222;
  --gray:#6b7280;
  --bg:#f7f5f0;          /* 米白 */
  --line:#e5e0d5;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Songti SC","SimSun","Microsoft YaHei",serif;color:var(--text);line-height:1.8;background:#fff;font-size:15px}
a{color:var(--navy);text-decoration:none;transition:.2s}
a:hover{color:var(--gold)}
img{max-width:100%;display:block}
.container{max-width:1240px;margin:0 auto;padding:0 24px}

/* ===== 顶部细条 ===== */
.topbar{background:var(--navy);color:#c8b98a;font-size:12px;padding:6px 0}
.topbar .container{display:flex;justify-content:space-between}
.topbar a{color:#c8b98a}

/* ===== 头部 ===== */
.header{background:#fff;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.header .inner{display:flex;align-items:center;justify-content:space-between;height:90px}
.logo{display:flex;align-items:center;gap:14px}
.logo .mark{width:58px;height:58px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:30px;font-family:"KaiTi","STKaiti",serif;border:2px solid var(--gold)}
.logo .txt b{font-size:20px;color:var(--navy);display:block;letter-spacing:2px;font-family:"SimSun",serif}
.logo .txt span{font-size:11px;color:var(--gray);letter-spacing:3px;text-transform:uppercase}
.nav{display:flex;gap:4px}
.nav a{padding:12px 18px;color:var(--navy);font-size:15px;letter-spacing:2px;position:relative;font-family:"SimSun",serif}
.nav a:hover,.nav a.active{color:var(--burgundy)}
.nav a.active::after{content:"";position:absolute;bottom:-3px;left:18px;right:18px;height:2px;background:var(--gold)}
.header .tel{text-align:right;border-left:1px solid var(--line);padding-left:20px}
.header .tel b{color:var(--burgundy);font-size:22px;font-family:Georgia,serif;letter-spacing:1px}
.header .tel small{display:block;color:var(--gray);font-size:12px;letter-spacing:2px}

/* ===== 主视觉 ===== */
.hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;padding:110px 0;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(184,146,74,.15),transparent 60%)}
.hero .inner{position:relative;z-index:1}
.hero .eyebrow{color:var(--gold-2);letter-spacing:6px;font-size:14px;margin-bottom:20px;font-family:"SimSun",serif}
.hero h1{font-size:48px;letter-spacing:8px;margin-bottom:24px;font-family:"SimSun",serif;font-weight:600}
.hero h1 em{color:var(--gold);font-style:normal}
.hero p{font-size:17px;color:#d8dce8;max-width:720px;line-height:2}
.hero .cta{margin-top:36px;display:flex;gap:16px}
.btn{display:inline-block;padding:14px 36px;font-size:15px;letter-spacing:3px;cursor:pointer;border:0;font-family:"SimSun",serif}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-2);color:var(--navy)}
.btn-outline{background:transparent;color:#fff;border:1px solid var(--gold)}
.btn-outline:hover{background:var(--gold);color:var(--navy)}

/* ===== 区块通用 ===== */
.section{padding:90px 0}
.section.alt{background:var(--bg)}
.section h2{font-size:34px;text-align:center;color:var(--navy);margin-bottom:10px;letter-spacing:6px;font-family:"SimSun",serif;font-weight:600}
.section h2::after{content:"—— ❖ ——";display:block;color:var(--gold);font-size:14px;margin-top:14px;letter-spacing:2px}
.section .sub{text-align:center;color:var(--gray);margin-bottom:50px;font-size:15px;letter-spacing:2px}

/* ===== 数据条 ===== */
.stats{background:var(--navy);color:#fff;padding:50px 0}
.stats .row{display:flex;justify-content:space-around;text-align:center}
.stats .item{border-right:1px solid rgba(255,255,255,.15);padding:0 40px}
.stats .item:last-child{border-right:0}
.stats b{font-size:42px;color:var(--gold);display:block;font-family:Georgia,serif}
.stats span{color:#c8b98a;letter-spacing:3px;font-size:13px}

/* ===== 业务卡片 ===== */
.grid{display:grid;gap:28px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.biz-card{background:#fff;border:1px solid var(--line);padding:36px 28px;position:relative;transition:.3s;border-top:3px solid transparent}
.biz-card:hover{border-top-color:var(--gold);box-shadow:0 12px 30px rgba(15,30,61,.1);transform:translateY(-3px)}
.biz-card .num{position:absolute;top:20px;right:24px;font-size:36px;color:#eee;font-family:Georgia,serif}
.biz-card .icon{width:54px;height:54px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px}
.biz-card h3{font-size:19px;color:var(--navy);margin-bottom:10px;letter-spacing:2px;font-family:"SimSun",serif}
.biz-card p{color:var(--gray);font-size:14px;line-height:1.9}
.biz-card .more{display:inline-block;margin-top:14px;color:var(--burgundy);font-size:13px;letter-spacing:2px}

/* ===== 团队 ===== */
.team-card{background:#fff;border:1px solid var(--line);text-align:center;padding:36px 20px;transition:.3s}
.team-card:hover{box-shadow:0 10px 28px rgba(15,30,61,.12)}
.team-card .avatar{width:130px;height:150px;margin:0 auto 16px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:48px;font-family:"KaiTi",serif;border:3px solid var(--gold)}
.team-card h3{font-size:18px;color:var(--navy);letter-spacing:2px;font-family:"SimSun",serif}
.team-card .role{display:inline-block;margin-top:8px;padding:3px 14px;background:var(--bg);color:var(--burgundy);font-size:12px;letter-spacing:2px}
.team-card .sp{margin-top:10px;color:var(--gray);font-size:13px;line-height:1.7}

/* ===== 文章列表 ===== */
.article-list{max-width:900px;margin:0 auto}
.article-item{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.article-item h3{font-size:17px;color:var(--navy);font-family:"SimSun",serif;letter-spacing:1px}
.article-item h3:hover{color:var(--burgundy)}
.article-item .meta{color:var(--gray);font-size:13px;margin-top:6px;letter-spacing:1px}
.article-item .arrow{color:var(--gold);font-size:20px}

/* ===== 表单 ===== */
.form{max-width:680px;margin:0 auto;background:#fff;padding:40px;border:1px solid var(--line);border-top:3px solid var(--gold)}
.form h3{text-align:center;color:var(--navy);letter-spacing:4px;margin-bottom:20px;font-family:"SimSun",serif}
.form label{display:block;margin:14px 0 6px;color:var(--navy);font-size:14px;letter-spacing:1px}
.form input,.form select,.form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);font-size:14px;font-family:inherit;background:var(--bg)}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--gold)}
.form textarea{min-height:120px}
.form button{width:100%;padding:14px;background:var(--burgundy);color:#fff;border:0;font-size:15px;letter-spacing:6px;cursor:pointer;font-family:"SimSun",serif;margin-top:20px}
.form button:hover{background:#9a2836}

/* ===== 页脚 ===== */
.footer{background:var(--navy);color:#a8b0c4;padding:70px 0 0;margin-top:80px}
.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px}
.footer h4{color:var(--gold);margin-bottom:18px;font-size:16px;letter-spacing:3px;font-family:"SimSun",serif}
.footer p,.footer a{color:#a8b0c4;font-size:14px;line-height:2.2}
.footer a:hover{color:var(--gold)}
.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding:22px 0;text-align:center;color:#6b7490;font-size:13px;letter-spacing:1px}

/* ===== 悬浮咨询 ===== */
.side-consult{position:fixed;right:20px;bottom:100px;z-index:90;display:flex;flex-direction:column;gap:12px}
.side-consult a{width:60px;height:60px;border-radius:50%;background:var(--burgundy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;text-align:center;line-height:1.4;box-shadow:0 6px 18px rgba(122,31,43,.4);letter-spacing:1px}
.side-consult a:hover{background:var(--gold);color:var(--navy)}

/* ===== 文章详情 ===== */
.article-detail{max-width:860px;margin:0 auto;padding:40px;background:#fff}
.article-detail h1{font-size:28px;color:var(--navy);margin-bottom:14px;letter-spacing:2px;font-family:"SimSun",serif}
.article-detail .meta{color:var(--gray);font-size:13px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:24px}
.article-detail .content p{margin:14px 0;text-indent:2em}

/* ===== 面包屑 ===== */
.crumb{font-size:13px;color:var(--gray);padding:18px 0;letter-spacing:1px}
.crumb a{color:var(--gray)}
.crumb a:hover{color:var(--burgundy)}

/* ===== 响应式 ===== */
@media(max-width:960px){
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
  .nav{display:none}
  .hero h1{font-size:30px;letter-spacing:4px}
  .footer .cols{grid-template-columns:1fr 1fr}
  .stats .row{flex-wrap:wrap;gap:30px}
}
@media(max-width:600px){
  .grid-3,.grid-4{grid-template-columns:1fr}
  .footer .cols{grid-template-columns:1fr}
  .header .tel small{display:none}
  .hero{padding:70px 0}
}