/* 广东法牛律师事务所 官网样式 */
:root{--navy:#0b2545;--navy-2:#13315c;--gold:#b8914f;--gold-soft:#f4ead8;--bg:#f6f7f9;--card:#fff;--text:#22282f;--muted:#5c6670;--line:#e3e7ec;}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);line-height:1.75;font-size:16px;}
a{color:var(--navy-2);text-decoration:none;}a:hover{color:var(--gold);}
img{max-width:100%;}
.container{max-width:1140px;margin:0 auto;padding:0 20px;}
.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(0,0,0,.25);}
.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 20px;}
.logo{font-size:19px;font-weight:700;color:#fff;}
.logo small{display:block;font-size:12px;color:var(--gold);font-weight:400;}
.site-header nav{display:flex;gap:12px;flex-wrap:wrap;}
.site-header nav a{color:#dbe4f0;font-size:14.5px;border-bottom:2px solid transparent;padding:4px 2px;}
.site-header nav a:hover{color:#fff;border-color:var(--gold);}
.nav-tel{background:var(--gold);color:#0b2545;font-weight:700;padding:8px 16px;border-radius:999px;font-size:15px;white-space:nowrap;}
.nav-tel:hover{background:#cba25e;color:#0b2545;}
.hero{background:linear-gradient(135deg,var(--navy),var(--navy-2) 60%,#1d4e89);color:#fff;padding:56px 0 48px;}
.hero h1{font-size:30px;line-height:1.4;margin-bottom:14px;}
.hero h1 span{color:var(--gold);}
.hero p{font-size:16px;color:#dbe4f0;max-width:760px;}
.hero .tag{display:inline-block;background:rgba(184,145,79,.18);border:1px solid var(--gold);color:var(--gold-soft);border-radius:999px;padding:3px 14px;font-size:13px;margin-bottom:14px;}
.hero-cta{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap;}
.btn{display:inline-block;padding:11px 26px;border-radius:999px;font-weight:700;font-size:15.5px;}
.btn-gold{background:var(--gold);color:#0b2545;}.btn-gold:hover{background:#cba25e;color:#0b2545;}
.btn-ghost{border:1px solid #9db3cd;color:#e8eef7;}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-soft);}
.section{padding:40px 0;}.section-alt{background:#fff;}
.section h2{font-size:24px;color:var(--navy);margin-bottom:8px;}
.section .sub{color:var(--muted);margin-bottom:22px;font-size:15px;}
.grid{display:grid;gap:18px;}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;}
.card h3{color:var(--navy);font-size:17px;margin-bottom:8px;}
.card p{font-size:14.5px;color:var(--muted);}
.card .more{display:inline-block;margin-top:10px;font-size:14px;font-weight:600;color:var(--gold);}
.highlights{background:var(--navy);color:#fff;}
.highlights .num{font-size:26px;font-weight:800;color:var(--gold);}
.highlights p{font-size:13.5px;color:#c7d3e2;}
article{max-width:820px;margin:0 auto;}
.article-meta{color:var(--muted);font-size:13.5px;margin:6px 0 16px;}
.lead{font-size:17px;color:var(--navy);background:var(--gold-soft);border-left:4px solid var(--gold);padding:14px 18px;border-radius:0 10px 10px 0;margin-bottom:22px;}
article h1{font-size:28px;line-height:1.45;color:var(--navy);}
article h2{font-size:21px;color:var(--navy);margin:28px 0 12px;padding-bottom:6px;border-bottom:2px solid var(--gold-soft);}
article h3{font-size:17px;color:var(--navy-2);margin:20px 0 8px;}
article p{margin-bottom:14px;}
article ul,article ol{margin:0 0 16px 24px;}article li{margin-bottom:6px;}
.faq{border:1px solid var(--line);border-radius:10px;background:#fff;margin:16px 0;}
.faq details{border-bottom:1px solid var(--line);}.faq details:last-child{border-bottom:none;}
.faq summary{cursor:pointer;padding:14px 18px;font-weight:600;color:var(--navy);list-style:none;}
.faq summary::before{content:"Q  ";color:var(--gold);font-weight:800;}
.faq .faq-a{padding:12px 18px 16px;color:var(--muted);font-size:15px;}
.cta-box{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;border-radius:14px;padding:26px;margin:28px 0;text-align:center;}
.cta-box h3{color:var(--gold);font-size:20px;margin-bottom:8px;}
.cta-box p{color:#dbe4f0;font-size:15px;}
.cta-box .tel{display:inline-block;margin-top:12px;font-size:26px;font-weight:800;color:#fff;letter-spacing:1px;}
.cta-box .tel:hover{color:var(--gold);}
.cta-box .addr{font-size:14px;color:#c7d3e2;margin-top:6px;}
.breadcrumb{font-size:13px;color:var(--muted);margin:18px 0;}.breadcrumb a{color:var(--navy-2);}
.contact-card{display:grid;gap:10px;font-size:15.5px;}
.contact-card .row{display:flex;gap:10px;align-items:baseline;}
.contact-card .label{color:var(--gold);font-weight:700;min-width:76px;}
.contact-card .big{font-size:22px;font-weight:800;color:var(--navy);}
.site-footer{background:#081a33;color:#9db3cd;padding:34px 0 96px;font-size:14px;}
.site-footer .container{display:grid;gap:10px;}
.site-footer a{color:#c7d3e2;}.site-footer a:hover{color:var(--gold);}
.site-footer .f-title{color:#fff;font-weight:700;font-size:15px;}
.site-footer .disclaimer{font-size:12.5px;color:#6d8299;margin-top:10px;}
.mobile-bar{display:none;}
@media (max-width:820px){
  .site-header nav{display:none;}
  .hero h1{font-size:24px;}.section{padding:32px 0;}
  .mobile-bar{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:2px solid var(--gold);z-index:60;}
  .mobile-bar a{flex:1;text-align:center;padding:12px 4px;font-size:14px;font-weight:700;color:var(--navy);}
  .mobile-bar a.tel{background:var(--gold);color:#0b2545;font-size:16px;}
  .mobile-bar a:not(.tel){border-right:1px solid var(--line);}
  .site-footer{padding-bottom:70px;}
}