/* ============================================================
   道华官网 2026 全站升级样式 daohua.css（唯一升级样式文件）
   = 首页样式(home) + 全站内页样式(inner)，加载于 style.css/bootstrap 之后
   ============================================================ */
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family:"Source Han Sans CN","Microsoft Yahei",sans-serif;
  background:#fff; color:#33404f;
  --gold:#c29c59; --gold-l:#d8b878; --gold-d:#a8853f;
  --navy:#0a3358; --navy2:#11487a; --ink:#1a2b47; --paper:#faf9f6;
  overflow-x:hidden;
}
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
@font-face { font-family:"DH Serif"; src:url(../fonts/dh-serif.woff2) format("woff2"); font-weight:700; font-display:swap; }
.serif { font-family:"DH Serif","Noto Serif SC","Source Han Serif SC","STSong","SimSun",serif; }
.wrap { max-width:1180px; margin:0 auto; padding:0 20px; }
::selection { background:rgba(194,156,89,.25); }

/* 滚动进度条 */
#pbar { position:fixed; top:0; left:0; height:3px; width:0; z-index:200; background:linear-gradient(90deg,var(--gold-d),var(--gold-l)); box-shadow:0 0 10px rgba(216,184,120,.45); }

/* 光标暖光（很淡，亮色下含蓄） */
#glow { position:fixed; width:480px; height:480px; border-radius:50%; pointer-events:none; z-index:1;
  background:radial-gradient(circle, rgba(194,156,89,.06), transparent 60%); transform:translate(-50%,-50%); }
@media (pointer:coarse) { #glow { display:none; } }

/* ===== 导航 ===== */
.nav { position:fixed; top:0; left:0; right:0; z-index:100; padding:18px 0; transition:all .4s;
  background:linear-gradient(180deg, rgba(6,26,46,.45), transparent); }
.nav.solid { background:rgba(255,255,255,.97); box-shadow:0 1px 0 rgba(10,51,88,.08), 0 4px 18px rgba(10,51,88,.06); padding:10px 0; }
.nav .wrap { display:flex; align-items:center; justify-content:space-between; }
.nav .logo { font-size:19px; font-weight:700; color:#fff; letter-spacing:1px; display:flex; align-items:center; gap:10px; transition:color .4s; }
.nav .logo img { height:36px; display:block; }
.nav:not(.solid) .logo img { filter:brightness(0) invert(1); opacity:.95; }
.nav.solid .logo { color:var(--ink); }
.nav ul { display:flex; gap:28px; font-size:15px; }
.nav ul a { color:rgba(255,255,255,.92); padding:8px 2px; position:relative; transition:color .3s; }
.nav.solid ul a { color:#33415c; }
.nav ul a::after { content:""; position:absolute; left:50%; bottom:0; width:0; height:2px; background:var(--gold); transition:all .35s cubic-bezier(.22,.61,.36,1); }
.nav ul a:hover::after, .nav ul a.cur::after { left:8%; width:84%; }
.nav ul a:hover, .nav ul a.cur { color:var(--gold-l); }
.nav.solid ul a:hover, .nav.solid ul a.cur { color:var(--gold-d); }
.nav .call { border:1px solid var(--gold); color:var(--gold-l); padding:8px 20px; font-size:14px; letter-spacing:1px; border-radius:2px; transition:all .3s; }
.nav.solid .call { color:var(--gold-d); }
.nav .call:hover { background:var(--gold); color:#fff; box-shadow:0 6px 20px rgba(168,133,63,.35); }

/* ===== HERO（唯一的深色区，提亮版深蓝） ===== */
.hero { position:relative; min-height:92vh; display:flex; align-items:center; overflow:hidden;
  background:linear-gradient(125deg,#0d3a63 0%, #11487a 48%, #1c619e 100%); }
/* 实拍背景图层（Ken Burns 缓推） */
.hero .bg { position:absolute; inset:-2%; background-size:cover; background-position:center 68%;
  animation:kb 22s ease-in-out infinite alternate; z-index:0; }
@keyframes kb { from { transform:scale(1); } to { transform:scale(1.08) translateY(-1.2%); } }
/* 深蓝遮罩：左深右浅，保文字可读 + 品牌色调和 */
.hero .hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; opacity:0; transition:opacity 1.2s ease; }
.hero .hero-video.ready { opacity:1; }
.hero .tint { position:absolute; inset:0; z-index:1; transition:background .6s ease; }
.hero[data-bg="night"] .tint { background:linear-gradient(92deg, rgba(9,38,66,.88) 0%, rgba(9,38,66,.68) 46%, rgba(9,38,66,.3) 100%); }
.hero[data-bg="day"] .tint { background:linear-gradient(92deg, rgba(10,42,72,.86) 0%, rgba(10,42,72,.66) 48%, rgba(10,42,72,.42) 100%); }
.hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:3px;
  background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold-l) 50%,var(--gold) 70%,transparent); z-index:5; }
.hero .wm { position:absolute; right:-1%; top:50%; transform:translateY(-50%); font-size:clamp(160px,24vw,330px); color:rgba(255,255,255,.07); line-height:1; letter-spacing:10px; pointer-events:none; user-select:none; white-space:nowrap; }
.hero .grid { position:absolute; inset:0; z-index:2;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:76px 76px;
  mask-image:radial-gradient(740px 540px at 62% 45%, #000 25%, transparent 75%); }
.hero .wrap { position:relative; z-index:3; padding-top:100px; }
.hero .kicker { color:var(--gold-l); letter-spacing:11px; font-size:14px; margin-bottom:24px; display:flex; align-items:center; gap:16px; }
.hero .kicker::before { content:""; width:44px; height:1px; background:linear-gradient(90deg,var(--gold-l),transparent); }
.hero h1 { font-size:clamp(32px,4.6vw,54px); line-height:1.32; color:#fff; font-weight:700; letter-spacing:2px; }
.hero h1 em { font-style:normal; background:linear-gradient(180deg,#f0dcae,var(--gold-l)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero .sub { margin-top:22px; color:rgba(255,255,255,.78); font-size:17px; letter-spacing:3px; opacity:0; animation:up .9s .95s cubic-bezier(.22,.61,.36,1) forwards; }
.hero .cta { margin-top:38px; display:flex; gap:18px; opacity:0; animation:up .9s 1.1s cubic-bezier(.22,.61,.36,1) forwards; }
.hero .trust-note { margin-top:16px; color:rgba(255,255,255,.55); font-size:13px; letter-spacing:2px; opacity:0; animation:up .9s 1.25s cubic-bezier(.22,.61,.36,1) forwards; }
.btn-gold { position:relative; display:inline-block; padding:14px 44px; border:1px solid var(--gold-l); color:#f4e3bb; font-size:15px; letter-spacing:5px; overflow:hidden; transition:color .35s, box-shadow .35s; z-index:1; }
.btn-gold::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,var(--gold-l),var(--gold-d)); left:-101%; transition:left .5s cubic-bezier(.22,.61,.36,1); z-index:-1; }
.btn-gold { box-shadow:0 8px 26px rgba(216,184,120,.22); }
.btn-gold:hover { color:#fff; box-shadow:0 10px 30px rgba(216,184,120,.4); }
.btn-gold:hover::before { left:0; }
.btn-white { display:inline-block; padding:14px 44px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.45); color:#fff; font-size:15px; letter-spacing:5px; backdrop-filter:blur(4px); transition:all .3s; }
.btn-white:hover { background:rgba(255,255,255,.22); transform:translateY(-2px); box-shadow:0 10px 26px rgba(6,26,46,.3); }
.hero .side-vert { position:absolute; right:44px; bottom:110px; writing-mode:vertical-rl; color:rgba(255,255,255,.45); letter-spacing:8px; font-size:13px; z-index:3; }
@keyframes up { from { opacity:0; transform:translateY(26px); } to { opacity:1; transform:none; } }
.scroll-hint { position:absolute; bottom:30px; left:50%; transform:translateX(-50%); color:rgba(255,255,255,.55); font-size:11px; letter-spacing:5px; z-index:3; }
.scroll-hint i { display:block; width:1px; height:40px; margin:10px auto 0; background:linear-gradient(180deg,var(--gold-l),transparent); animation:pulse 1.8s infinite; }
@keyframes pulse { 0%,100%{opacity:.3} 50%{opacity:1} }

/* ===== 客户 logo 墙 ===== */
.cl-head { text-align:center; padding:40px 20px 0; background:#fff; }
.cl-head .pill { display:inline-block; color:var(--gold-d); font-size:11px; letter-spacing:7px; border:1px solid rgba(194,156,89,.4); padding:6px 20px; border-radius:999px; }
.cl-head h2 { margin-top:14px; font-size:26px; color:var(--ink); letter-spacing:3px; font-weight:700; }
.cl-head h2 em { font-style:normal; color:var(--gold-d); }
.cl-head .rule { width:60px; height:2px; margin:16px auto 0; background:linear-gradient(90deg,transparent,var(--gold),transparent); }
.cl-head .cl-sub { margin-top:12px; color:#8b93a1; font-size:13.5px; letter-spacing:1.5px; }

/* ===== 荣誉跑马灯（亮色） ===== */
.marquee { background:#fff; overflow:hidden; padding:22px 0 26px; position:relative; }
.marquee::before, .marquee::after { content:""; position:absolute; top:0; bottom:0; width:150px; z-index:2; }
.marquee::before { left:0; background:linear-gradient(90deg,#fff,transparent); }
.marquee::after { right:0; background:linear-gradient(-90deg,#fff,transparent); }
.mq-track { display:flex; align-items:center; gap:78px; width:max-content; padding-right:78px; animation:mq 32s linear infinite; }
.marquee:hover .mq-track { animation-play-state:paused; }
.mq-track img { height:72px; opacity:.92; filter:drop-shadow(0 3px 10px rgba(10,51,88,.08)); transition:opacity .35s, transform .35s; }
.mq-track img:hover { opacity:1; transform:scale(1.09) translateY(-2px); }
@keyframes mq { to { transform:translateX(-50%); } }

/* ===== 关于道华（左文右图 + 数据条） ===== */
.about { padding:62px 0 50px; }
.about-grid { display:flex; gap:52px; align-items:center; }
.about-txt { flex:1; min-width:0; }
.about-txt .en { display:inline-block; color:var(--gold-d); font-size:11px; letter-spacing:7px; border:1px solid rgba(194,156,89,.4); padding:6px 20px; border-radius:999px; margin-bottom:18px; }
.about-txt h2 { font-size:34px; color:var(--ink); letter-spacing:4px; }
.about-txt h2 em { font-style:normal; color:var(--gold-d); }
.about-txt .lead { margin-top:22px; color:#5c6675; font-size:15.5px; line-height:2.15; }
.about-txt .lead b { color:var(--navy2); }
.feat { margin-top:28px; display:grid; grid-template-columns:1fr 1fr; gap:15px 24px; }
.feat li { display:flex; align-items:center; gap:11px; color:var(--ink); font-size:14.5px; letter-spacing:1px; }
.feat li svg { width:24px; height:24px; padding:4px; box-sizing:border-box; flex:none; stroke:var(--gold-d); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; background:rgba(194,156,89,.14); border-radius:50%; }
.about-vis { flex:0 0 470px; position:relative; }
.about-vis .frame { position:absolute; inset:-16px 16px 16px -16px; border:1px solid var(--gold-l); border-radius:2px; }
.about-vis .ph { position:relative; border-radius:2px; overflow:hidden; box-shadow:0 24px 50px rgba(10,51,88,.22); }
.about-vis .ph img { display:block; width:100%; height:400px; object-fit:cover; }
.about-stats { margin-top:44px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.stat { background:#fff; border:1px solid #e8e2d4; border-radius:14px; padding:30px 8px 26px; text-align:center; position:relative; overflow:hidden; transition:all .35s; }
.stat::before { content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,var(--gold),transparent); }
.stat:hover { transform:translateY(-5px); border-color:rgba(194,156,89,.6); box-shadow:0 16px 36px rgba(10,51,88,.12); }
.stat .sv { display:flex; align-items:baseline; justify-content:center; gap:5px; line-height:1; padding-top:4px; }
.stat .sv .cnt { font-size:56px; font-weight:700; background:linear-gradient(180deg,#d8b878,#a8853f); -webkit-background-clip:text; background-clip:text; color:transparent; }
.stat .sv small { font-size:20px; font-weight:700; color:var(--gold-d); }
.stat .sl { display:block; margin-top:13px; color:#5c6675; letter-spacing:3px; font-size:13.5px; white-space:nowrap; }

/* ===== 区块头 ===== */
section.blk { padding:62px 0; }
section.blk.tight { padding:44px 0 40px; }
section.blk.grey { background:var(--paper); }
.sec-head { text-align:center; margin-bottom:34px; }
.sec-head .en { display:inline-block; color:var(--gold-d); font-size:11px; letter-spacing:7px; border:1px solid rgba(194,156,89,.4); padding:6px 20px; border-radius:999px; margin-bottom:16px; }
.sec-head h2 { font-size:34px; color:var(--ink); letter-spacing:4px; font-weight:700; }
.sec-head h2 em { font-style:normal; color:var(--gold-d); }
.sec-head .rule { width:60px; height:2px; margin:18px auto 0; background:linear-gradient(90deg,transparent,var(--gold),transparent); }

/* ===== 专业领域（亮色卡 + 3D tilt） ===== */
.expand { display:flex; gap:14px; height:430px; perspective:1400px; }
.exp-card { position:relative; flex:1; border-radius:12px; overflow:hidden; cursor:pointer;
  transition:flex .55s cubic-bezier(.22,.61,.36,1), transform .2s ease-out, box-shadow .4s;
  background:linear-gradient(165deg,#134a7c,#0a3358); display:flex; flex-direction:column; justify-content:flex-end; transform-style:preserve-3d; }
.exp-card:hover { flex:2.6; box-shadow:0 24px 54px rgba(10,51,88,.35); }
.exp-card::after { content:""; position:absolute; inset:0; background:radial-gradient(460px 240px at 85% -8%, rgba(216,184,120,.25), transparent 62%); pointer-events:none; }
.exp-card .lines { position:absolute; inset:0; background-image:repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 1px, transparent 1px 15px); pointer-events:none; }
.exp-card .sky { position:absolute; left:0; right:0; bottom:-2px; height:104px; opacity:.28; pointer-events:none; }
.exp-card .sky svg { width:100%; height:100%; stroke:var(--gold-l); fill:none; stroke-width:1; }
.exp-card .hint { position:absolute; bottom:15px; left:0; right:0; text-align:center; color:rgba(255,255,255,.45); font-size:11px; letter-spacing:3px; transition:opacity .3s; }
.exp-card:hover .hint { opacity:0; }
.exp-card .tag { position:absolute; top:26px; left:26px; color:var(--gold-l); font-size:13px; letter-spacing:2px; border:1px solid rgba(216,184,120,.45); padding:4px 12px; border-radius:999px; font-family:"Noto Serif SC","STSong",serif; }
.exp-card .vtitle { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; gap:16px; transition:opacity .35s; }
.exp-card .vtitle svg { width:46px; height:46px; stroke:var(--gold-l); fill:none; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 10px rgba(212,175,106,.25)); }
.exp-card .vtitle .vt { writing-mode:vertical-rl; letter-spacing:13px; color:rgba(255,255,255,.92); font-size:22px; }
.exp-card:hover .vtitle { opacity:0; }
.exp-card .body h3 { color:#fff; font-size:24px; letter-spacing:2px; white-space:nowrap; margin:2px 0 0; text-shadow:0 1px 10px rgba(5,22,40,.7); }
.exp-card .body { position:relative; z-index:2; max-height:0; opacity:0; overflow:hidden; transition:max-height .55s cubic-bezier(.22,.61,.36,1), opacity .4s .08s, padding .55s; padding:0 28px; }
.exp-card:hover .body { max-height:190px; opacity:1; padding:14px 28px 4px; }
.exp-card .body p { color:rgba(255,255,255,.9); font-size:15px; line-height:2.05; text-shadow:0 1px 8px rgba(5,22,40,.6); }
.exp-card .icn { display:flex; align-items:center; gap:10px; color:var(--gold-l); }
.exp-card .icn svg { width:30px; height:30px; stroke:var(--gold-l); fill:none; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.exp-card .icn b { font-size:16px; letter-spacing:2px; color:#fff; font-weight:600; text-shadow:0 1px 8px rgba(5,22,40,.6); }
.exp-card .icn::after { content:""; flex:1; height:1px; background:linear-gradient(90deg,rgba(216,184,120,.5),transparent); margin-right:4px; }
.exp-card .go { position:relative; z-index:2; display:block; padding:14px 28px 26px; color:var(--gold-l); font-size:13px; letter-spacing:3px; opacity:0; transform:translateY(8px); transition:all .4s .12s; }
.exp-card:hover .go { opacity:1; transform:none; }
.exp-card .num { position:absolute; right:20px; bottom:6px; font-size:78px; line-height:1; color:transparent; -webkit-text-stroke:1px rgba(216,184,120,.3); letter-spacing:2px; transition:all .4s; }
.exp-card:hover .num { -webkit-text-stroke:1px rgba(216,184,120,.6); }
.exp-card .cbg { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; opacity:.4; transition:opacity .45s, transform .45s; }
.exp-card .scrim { position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(5,22,40,0) 30%, rgba(5,22,40,.88) 76%); opacity:0; transition:opacity .45s; pointer-events:none; }
.exp-card:hover .scrim { opacity:1; }
.exp-card:hover .cbg { opacity:.55; transform:scale(1.05); }
.exp-card { background:#0a3358; }

/* ===== 实务研究 ===== */
.art-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.art-card { background:#fff; border:1px solid #e8e2d4; border-radius:12px; overflow:hidden; transition:all .35s; display:block; }
.art-card:hover { transform:translateY(-6px); box-shadow:0 18px 40px rgba(10,51,88,.12); }
.art-card .cover { height:150px; background:linear-gradient(135deg,#134a7c,#0a3358); position:relative; overflow:hidden; }
.art-card .cover img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.5; transition:opacity .35s, transform .5s; }
.art-card:hover .cover img { opacity:.68; transform:scale(1.05); }
.art-card .cover .cat { position:absolute; top:14px; left:14px; background:rgba(216,184,120,.94); color:#0a3358; font-size:11.5px; letter-spacing:2px; padding:4px 12px; border-radius:999px; }
.art-card .txt { padding:20px 22px 24px; }
.art-card h3 { font-size:16.5px; color:var(--ink); line-height:1.7; letter-spacing:.5px; }
.art-card p { margin-top:10px; color:#8f8b7d; font-size:13px; line-height:1.9; }
.art-card .meta { margin-top:14px; padding-top:12px; border-top:1px dashed #e5dcc4; color:#a89a76; font-size:12px; letter-spacing:2px; display:flex; justify-content:space-between; }

/* ===== FAQ ===== */
.faq-wrap { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
details.faq { border:1px solid #e8e2d4; border-radius:10px; background:#fff; overflow:hidden; transition:box-shadow .3s, border-color .3s; }
details.faq[open] { box-shadow:0 12px 32px rgba(10,51,88,.08); border-color:rgba(194,156,89,.5); }
details.faq summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:13px; padding:17px 20px; font-size:15px; color:var(--ink); letter-spacing:.5px; font-weight:600; line-height:1.6; }
details.faq summary::-webkit-details-marker { display:none; }
details.faq summary .q { flex:none; width:30px; height:30px; border-radius:50%; background:rgba(194,156,89,.12); color:var(--gold-d); display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; }
details.faq summary .arr { margin-left:auto; color:var(--gold-d); transition:transform .3s; flex:none; }
details.faq[open] summary .arr { transform:rotate(180deg); }
details.faq .a { padding:0 20px 18px 64px; color:#5c6675; font-size:14px; line-height:1.95; }

/* ===== 当事人评价 ===== */
.tst-mq { overflow:hidden; position:relative; padding:6px 0 14px; }
.tst-mq::before, .tst-mq::after { content:""; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none; }
.tst-mq::before { left:0; background:linear-gradient(90deg,var(--paper),transparent); }
.tst-mq::after { right:0; background:linear-gradient(-90deg,var(--paper),transparent); }
.tst-track { display:flex; gap:22px; width:max-content; padding-right:22px; animation:tm 46s linear infinite; }
.tst-mq:hover .tst-track { animation-play-state:paused; }
.tst { width:380px; flex:none; }
@keyframes tm { to { transform:translateX(-50%); } }
.tst { background:#fff; border:1px solid #e8e2d4; border-radius:12px; padding:28px; position:relative; transition:all .35s; }
.tst:hover { border-color:rgba(194,156,89,.6); box-shadow:0 18px 40px rgba(10,51,88,.14); }
.tst .stars { color:var(--gold); font-size:14px; letter-spacing:4px; margin:0 0 12px; }
.tst p { color:#5c6675; font-size:14.5px; line-height:2.05; }
.tst .who { margin-top:18px; padding-top:14px; border-top:1px dashed #e5dcc4; display:flex; align-items:center; gap:12px; }
.tst .who i { flex:none; width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg,#11487a,#0a3358); color:var(--gold-l); display:flex; align-items:center; justify-content:center; font-style:normal; font-size:15px; }
.tst .who b { display:block; font-size:14.5px; color:var(--ink); }
.tst .who span { font-size:12px; color:#9aa2ad; letter-spacing:1px; }

/* ===== 咨询预约（深蓝收尾） ===== */
.consult { position:relative; overflow:hidden; background:radial-gradient(700px 320px at 50% 130%, rgba(216,184,120,.22), transparent 70%), linear-gradient(120deg,#0d3a63,#11487a); padding:58px 0; }
.consult-grid { display:flex; gap:60px; align-items:center; }
.consult .cl { flex:1; color:#fff; }
.consult .cl .en2 { color:var(--gold-l); font-size:12px; letter-spacing:6px; margin-bottom:14px; }
.consult .cl h2 { font-size:30px; letter-spacing:4px; }
.consult .cl p { margin-top:14px; color:rgba(255,255,255,.7); line-height:2.05; font-size:14.5px; }
.consult .cl .li { margin-top:16px; display:flex; align-items:center; gap:12px; color:rgba(255,255,255,.85); font-size:15px; }
.consult .cl .li svg { width:20px; height:20px; flex:none; stroke:var(--gold-l); fill:none; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.consult .form { flex:0 0 440px; background:#fff; border-radius:14px; padding:34px 34px 30px; box-shadow:0 24px 60px rgba(4,20,36,.4); }
.consult .form h3 { color:var(--ink); font-size:19px; letter-spacing:2px; }
.consult .form .sub2 { color:#8f8f8f; font-size:12.5px; margin-top:6px; letter-spacing:1px; }
.consult .form input, .consult .form textarea { width:100%; margin-top:14px; border:1px solid #e3ddcd; border-radius:8px; padding:12px 14px; font-size:14px; color:var(--ink); background:#fdfcf9; outline:none; transition:border .3s; font-family:inherit; }
.consult .form input:focus, .consult .form textarea:focus { border-color:var(--gold); }
.consult .form textarea { height:86px; resize:none; }
.consult .form button { width:100%; margin-top:16px; padding:13px; border:none; border-radius:8px; background:linear-gradient(120deg,var(--gold-l),var(--gold-d)); color:#fff; font-size:15px; letter-spacing:4px; cursor:pointer; transition:all .3s; font-family:inherit; }
.consult .form button:hover { box-shadow:0 10px 26px rgba(168,133,63,.4); transform:translateY(-2px); }

/* ===== 经典案例（两列卡片） ===== */
.case-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.case-card { display:block; background:#fff; border:1px solid #e8e2d4; border-radius:10px; padding:16px 22px 14px; transition:all .35s; position:relative; overflow:hidden; }
.case-card::before { content:""; position:absolute; top:0; left:0; bottom:0; width:3px; background:linear-gradient(180deg,var(--gold-l),var(--gold-d)); opacity:0; transition:opacity .35s; }
.case-card:hover { transform:translateY(-5px); border-color:rgba(194,156,89,.6); box-shadow:0 16px 38px rgba(10,51,88,.12); }
.case-card:hover::before { opacity:1; }
.case-card .ct { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:5px; }
.case-card .no { font-size:23px; color:transparent; -webkit-text-stroke:1px rgba(168,133,63,.45); }
.case-card .money2 { text-align:right; }
.case-card .money2 b { display:block; font-size:19px; color:var(--gold-d); }
.case-card .money2 span { font-size:11.5px; color:#a49a80; letter-spacing:2px; }
.case-card h3 { font-size:16px; color:var(--ink); letter-spacing:.5px; }
.case-card p { margin-top:5px; color:#8f8b7d; font-size:12.5px; line-height:1.7; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }

/* ===== 胜诉捷报（暖白滚动带） ===== */
.wins { background:var(--paper); border-bottom:1px solid #efe9db; padding:16px 0; position:relative; overflow:hidden; }
.wins .wins-row { display:flex; align-items:center; gap:30px; padding:0 46px; }
.wins .wtag { flex:none; display:flex; align-items:center; gap:12px; color:var(--ink); font-size:18px; letter-spacing:4px; font-weight:700; }
.wins .wtag img { width:38px; height:38px; filter:drop-shadow(0 2px 6px rgba(168,60,40,.25)); }
.wins .wtag small { display:block; color:var(--gold-d); font-size:10px; letter-spacing:3px; margin-top:3px; }
.wins .tape { flex:1; overflow:hidden; position:relative; }
.wins .tape::before, .wins .tape::after { content:""; position:absolute; top:0; bottom:0; width:70px; z-index:2; pointer-events:none; }
.wins .tape::before { left:0; background:linear-gradient(90deg,var(--paper),transparent); }
.wins .tape::after { right:0; background:linear-gradient(-90deg,var(--paper),transparent); }
.wins .tape-track { display:flex; gap:52px; width:max-content; padding-right:52px; animation:wtk 42s linear infinite; color:var(--ink); font-size:14.5px; letter-spacing:.5px; white-space:nowrap; }
.wins:hover .tape-track { animation-play-state:paused; }
.wins .tape-track b { background:linear-gradient(120deg,var(--gold-l),var(--gold-d)); color:#fff; font-weight:700; font-size:12px; letter-spacing:2px; padding:3px 9px; border-radius:4px; margin-right:10px; box-shadow:0 3px 8px rgba(168,133,63,.3); }
.wins .tape-track i { font-style:normal; color:#a49a80; margin-left:10px; font-size:12.5px; }
@keyframes wtk { to { transform:translateX(-50%); } }

/* ===== 五步（米白） ===== */
.steps5 { display:flex; position:relative; padding-top:6px; }
.steps5::before { content:""; position:absolute; top:81px; left:12%; right:12%; height:2px; background:linear-gradient(90deg,transparent,#dccdaa 12%,#dccdaa 88%,transparent); z-index:0; }
.step { flex:1; text-align:center; position:relative; }
.step .no { display:block; color:var(--gold-d); font-size:11px; font-weight:700; letter-spacing:2.5px; margin-bottom:14px; }
.step .dot { width:78px; height:78px; margin:0 auto; border-radius:50%; background:linear-gradient(160deg,#ffffff,#faf4e8); border:1px solid rgba(194,156,89,.55); box-shadow:0 8px 20px rgba(168,133,63,.16), inset 0 0 0 4px #fff; display:flex; align-items:center; justify-content:center; position:relative; z-index:2; transition:all .35s; }
.step .dot svg { width:32px; height:32px; stroke:var(--gold-d); fill:none; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; transition:stroke .35s; }
.step:hover .dot { background:linear-gradient(120deg,var(--gold-l),var(--gold-d)); border-color:transparent; box-shadow:0 12px 28px rgba(168,133,63,.4); transform:translateY(-6px); }
.step:hover .dot svg { stroke:#fff; }
.step h4 { margin-top:18px; font-size:17px; color:var(--ink); letter-spacing:2px; }
.step p { margin-top:8px; color:#8f8f8f; font-size:12.5px; line-height:1.8; padding:0 14px; min-height:66px; }

/* ===== 律师（白卡金边） ===== */
.lawyer-band { display:flex; border:1px solid #e5dcc4; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 8px 30px rgba(10,51,88,.07); }
.lawyer-band .photo { position:relative; }
.lawyer-band .stamp { position:absolute; top:8px; left:18px; width:64px; opacity:.95; filter:drop-shadow(0 3px 10px rgba(0,0,0,.3)); }
.lawyer-band .photo { flex:0 0 340px; min-height:320px; background:linear-gradient(160deg,#e9e2d0,#d9cfb5); display:flex; align-items:center; justify-content:center; color:#a89a76; letter-spacing:4px; font-size:14px; }
.lawyer-band .info { flex:1; padding:46px 50px; }
.lawyer-band h3 { font-size:30px; color:var(--ink); letter-spacing:2px; }
.lawyer-band h3 small { font-size:14px; color:var(--gold-d); margin-left:14px; letter-spacing:3px; }
.lawyer-band .cert { display:inline-block; margin-top:12px; color:#7d8899; font-size:13px; border-left:2px solid var(--gold); padding-left:12px; }
.lawyer-band .info > p { margin-top:18px; color:#5c6675; line-height:2.15; font-size:15px; }
.lawyer-band .nums { margin-top:24px; display:flex; gap:46px; }
.lawyer-band .nums b { display:block; font-size:27px; color:var(--gold-d); }
.lawyer-band .nums span { font-size:12px; color:#9aa2ad; letter-spacing:3px; }

/* ===== 团队横排 ===== */
.team-row { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:20px; }
.tm { background:#fff; border:1px solid #e8e2d4; border-radius:12px; overflow:hidden; text-align:center; transition:all .35s; display:block; }
.tm:hover { transform:translateY(-6px); box-shadow:0 16px 36px rgba(10,51,88,.13); border-color:rgba(194,156,89,.6); }
.tm .ph { height:195px; overflow:hidden; position:relative; background:#e9edf2; }
.tm .ph > img:first-child { width:100%; height:100%; object-fit:cover; object-position:center top; transition:transform .5s; }
.tm .ph .seal { position:absolute; top:10px; left:10px; width:42px; filter:drop-shadow(0 2px 6px rgba(0,0,0,.25)); }
.tm:hover .ph img { transform:scale(1.06); }
.tm b { display:block; padding:12px 6px 2px; font-size:15.5px; color:var(--ink); letter-spacing:2px; }
.tm span { display:block; padding:0 6px 14px; font-size:11.5px; color:#a49a80; letter-spacing:1px; }

/* ===== Footer ===== */
.foot { background:#0a2a48; color:#9fb2c6; padding:52px 0 30px; }
.foot .wrap { display:flex; justify-content:space-between; gap:30px; }
.foot h4 { color:#fff; font-size:16px; letter-spacing:2px; margin-bottom:16px; position:relative; padding-bottom:10px; }
.foot h4::after { content:""; position:absolute; left:0; bottom:0; width:26px; height:1px; background:var(--gold); }
.foot li { line-height:2.3; font-size:14px; }
.foot li a:hover { color:var(--gold-l); }
.foot .bar { border-top:1px solid rgba(255,255,255,.1); margin-top:34px; padding-top:22px; text-align:center; color:#6c829b; font-size:13px; }

/* ===== 悬浮（电话/微信/回顶部） ===== */
.fab { position:fixed; right:26px; bottom:34px; z-index:90; display:flex; flex-direction:column; gap:12px; }
.fab a { position:relative; width:52px; height:52px; border-radius:50%; background:#fff; border:1px solid rgba(194,156,89,.55); color:var(--navy2); display:flex; align-items:center; justify-content:center; box-shadow:0 6px 22px rgba(10,51,88,.16); transition:all .3s; }
.fab a svg { width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.fab a .wxmask { fill:#fff; transition:fill .3s; }
.fab a:hover .wxmask { fill:var(--navy2); }
.fab a:hover { background:linear-gradient(135deg,#11487a,#0a3358); border-color:transparent; color:#fff; transform:translateX(-4px); box-shadow:0 10px 26px rgba(10,51,88,.35); }
.fab a span:not(.qr-pop) { position:absolute; right:64px; top:50%; transform:translateY(-50%) translateX(8px); background:rgba(10,42,72,.94); color:#fff; padding:8px 14px; border-radius:8px; font-size:12.5px; letter-spacing:1px; white-space:nowrap; opacity:0; pointer-events:none; transition:all .3s; }
.fab a:hover span:not(.qr-pop) { opacity:1; transform:translateY(-50%) translateX(0); }
.fab a span:not(.qr-pop)::after { content:""; position:absolute; right:-4px; top:50%; transform:translateY(-50%) rotate(45deg); width:8px; height:8px; background:rgba(10,42,72,.94); }
.fab a .qr-pop { position:absolute; right:66px; top:50%; transform:translateY(-50%) translateX(10px); background:#fff; padding:12px 12px 9px; border-radius:12px; box-shadow:0 14px 38px rgba(10,51,88,.28); opacity:0; pointer-events:none; transition:all .3s; text-align:center; font-size:12px; color:var(--ink); letter-spacing:1px; line-height:1; }
.fab a .qr-pop img { width:124px; height:124px; display:block; margin-bottom:7px; }
.fab a:hover .qr-pop { opacity:1; transform:translateY(-50%) translateX(0); }
#backtop { opacity:0; pointer-events:none; }
#backtop.show { opacity:1; pointer-events:auto; }

/* ===== 入场 ===== */
.rv { opacity:0; transform:translateY(30px); transition:opacity .85s ease, transform .85s cubic-bezier(.22,.61,.36,1); }
.rv.in { opacity:1; transform:none; }
.rv.d1 { transition-delay:.1s; } .rv.d2 { transition-delay:.2s; } .rv.d3 { transition-delay:.3s; }
@media (prefers-reduced-motion:reduce) { .rv { opacity:1; transform:none; } * { animation:none !important; } .mq-track { animation:none !important; } }

@media (max-width:900px) {
  .hero h1 { font-size:30px; } .hero .wm { font-size:140px; }
  .expand { flex-direction:column; height:auto; } .exp-card { flex:none !important; min-height:84px; }
  .about-grid { flex-direction:column; gap:44px; } .about-vis { flex:none; width:100%; }
  .about-stats { grid-template-columns:1fr 1fr; } .case-grid { grid-template-columns:1fr; } .wins .wins-row { flex-direction:column; align-items:flex-start; gap:14px; padding:0 20px; }
  .feat { grid-template-columns:1fr; }
  .steps5 { flex-wrap:wrap; gap:26px; } .steps5::before { display:none; } .step { flex:1 1 40%; }
  .art-grid { grid-template-columns:1fr; } .team-row { grid-template-columns:repeat(3,1fr); } .faq-wrap { grid-template-columns:1fr; } .tst { width:320px; }
  .consult-grid { flex-direction:column; gap:40px; } .consult .form { flex:none; width:100%; }
  .lawyer-band { flex-direction:column; } .lawyer-band .photo { flex:none; }
  .case-item .money { display:none; } .nav ul { display:none; } .hero .side-vert { display:none; }
}

/* ============================================================
   第二部分：全站内页升级（覆盖内页旧样式）
   ============================================================ */
/* ============================================================
   道华官网 · 全站内页升级样式层 inner.css（2026.10）
   设计语言：深蓝 #0a3358/#11487a × 鎏金 #c29c59/#d8b878 × 暖白纸 #faf9f6
   加载位置：head.htm 顶部（在 style.css 之后，同优先级靠后生效）
   ============================================================ */
:root{}
a{transition:color .3s,background .3s,border-color .3s,box-shadow .3s,transform .3s}
::selection{background:rgba(194,156,89,.25)}
body{color:#33404f}

/* ---------- 顶部导航 ---------- */
.navbar-default{background:rgba(255,255,255,.97)!important;border:none!important;box-shadow:0 1px 0 rgba(10,51,88,.08),0 4px 18px rgba(10,51,88,.06)}
.navbar-default .navbar-brand{font-family:"Noto Serif SC","Noto Serif SC","STSong","SimSun",serif;font-size:20px;font-weight:700;color:#1a2b47!important;letter-spacing:1px;padding-left:0}
.navbar-default .navbar-brand::before{content:"";display:inline-block;width:5px;height:20px;margin-right:10px;border-radius:2px;background:linear-gradient(180deg,#d8b878,#a8853f);vertical-align:-3px}
.navbar-default .navbar-nav>li>a{color:#33415c!important;font-size:15px;padding:15px 2px!important;position:relative}
.navbar-default .navbar-nav>li>a::after{content:"";position:absolute;left:50%;bottom:8px;width:0;height:2px;background:#c29c59;transition:all .35s cubic-bezier(.22,.61,.36,1)}
.navbar-default .navbar-nav>li>a:hover{color:#a8853f!important}
.navbar-default .navbar-nav>li>a:hover::after{left:8%;width:84%}
.navbar-default .navbar-nav>li.hover>a,.navbar-default .navbar-nav>li.active>a{color:#a8853f!important}
.navbar-default .navbar-nav>li.hover>a::after,.navbar-default .navbar-nav>li.active>a::after{left:8%;width:84%}
.navbar-default .navbar-nav>li .list-unstyled{background:#fff;border:1px solid #efe9db;border-top:2px solid #c29c59;border-radius:0 0 8px 8px;box-shadow:0 12px 30px rgba(10,51,88,.12);padding:6px 0!important}
.navbar-default .navbar-nav>li .list-unstyled li a{color:#33415c!important;padding:9px 22px;display:block}
.navbar-default .navbar-nav>li .list-unstyled li a:hover{background:#faf9f6;color:#a8853f!important}
.nav-ico a{color:#8b93a1!important;border:1px solid #e5dcc4;border-radius:4px;padding:2px 8px;margin-left:6px;font-size:12px}
.nav-ico a:hover{border-color:#c29c59;color:#a8853f!important}

/* ---------- 版块标题（全站统一） ---------- */
.slide-info .slide-title h3,.slide-title h3{font-family:"Noto Serif SC","Noto Serif SC","STSong","SimSun",serif!important;font-size:32px!important;color:#1a2b47!important;letter-spacing:4px;font-weight:700;line-height:1.3!important}
.slide-info .slide-title span,.slide-title span{color:#a8853f!important;letter-spacing:7px!important;font-size:11px!important;font-weight:400}
.slide-title::after{content:"";display:block;width:60px;height:2px;margin-top:14px;background:linear-gradient(90deg,transparent,#c29c59,transparent)}

/* ---------- 背景/容器 ---------- */
.bg-grey{background:#faf9f6!important}
.bg-blue{background:linear-gradient(165deg,#134a7c,#0a3358)!important}
section{position:relative}
.about,.anli,.yanjiu,.kehu,.five-step{overflow:hidden}

/* ---------- 按钮统一 ---------- */
.btn-center{background:linear-gradient(120deg,#d8b878,#a8853f)!important;color:#fff!important;border:none!important;border-radius:6px!important;padding:11px 34px!important;letter-spacing:3px;font-size:14px!important;box-shadow:0 6px 18px rgba(168,133,63,.25)!important;display:inline-block}
.btn-center:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(168,133,63,.4)!important}
.btn-center.hover,.btn-center-white{background:transparent!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:none!important}
.btn-center-white{color:#fff!important}
.btn-center-white:hover{background:rgba(255,255,255,.15)!important}

/* ---------- 关于我们 ---------- */
.about .left-img .img-box img{border-radius:8px;box-shadow:0 12px 32px rgba(10,51,88,.14)}
.about .right-info p{color:#5c6675;line-height:2.1}
.about .right-info h4{color:#1a2b47;letter-spacing:2px;margin-top:22px}
.ab-lawyer-list li{background:#fff;border:1px solid #e8e2d4;border-radius:10px;padding:10px;transition:all .35s}
.ab-lawyer-list li:hover{transform:translateY(-5px);border-color:rgba(194,156,89,.6);box-shadow:0 14px 32px rgba(10,51,88,.12)}
.ab-lawyer-list li img{border-radius:6px}
.ab-lawyer-list p{margin:8px 0 2px;color:#1a2b47;letter-spacing:1px}

/* ---------- 专业领域（标签页） ---------- */
.menu-kj>li>a{color:#33415c;border:1px solid #e5dcc4;border-radius:999px;padding:9px 26px;margin:0 5px;transition:all .3s}
.menu-kj>li.active>a,.menu-kj>li>a:hover{background:linear-gradient(120deg,#d8b878,#a8853f);border-color:transparent;color:#fff!important}
.ani-banner-text h3{font-family:"Noto Serif SC","Noto Serif SC","STSong",serif;letter-spacing:4px}
.ani-banner-text p{color:rgba(255,255,255,.85)!important;line-height:2}

/* ---------- 案例列表 ---------- */
.anli .menu li a{color:#33415c}
.anli .menu li.active a{color:#a8853f}
.al-list a li{background:#fff;border:1px solid #e8e2d4;border-radius:10px;overflow:hidden;transition:all .35s}
.al-list a:hover li{transform:translateY(-6px);border-color:rgba(194,156,89,.6);box-shadow:0 16px 38px rgba(10,51,88,.13)}
.al-list a li p{color:#1a2b47;padding:12px 14px 4px;font-size:15px}
.al-list a li span{color:#a8853f;padding:0 14px 14px;display:block;font-size:12px;letter-spacing:2px}
.al-list a li img{transition:transform .5s}
.al-list a:hover li img{transform:scale(1.05)}
.sdjd{background:linear-gradient(165deg,#134a7c,#0a3358)!important;border-radius:10px}
.sdjd .ttx p{color:rgba(216,184,120,.7)!important}
.sdjd .ttx span{color:#fff!important}

/* ---------- 专业研究/文章列表 ---------- */
.wz-list3 ul li{background:#fff;border:1px solid #e8e2d4;border-left:3px solid transparent;border-radius:10px;padding:18px 22px;margin-bottom:14px;transition:all .3s}
.wz-list3 ul li:hover{border-left-color:#c29c59;box-shadow:0 12px 30px rgba(10,51,88,.1);transform:translateX(4px)}
.wz-list3 .ibq{background:rgba(194,156,89,.14)!important;color:#a8853f!important;border-radius:4px;padding:3px 10px;font-size:12px}
.wz-list3 .ti p{color:#1a2b47!important;font-size:16px;margin-bottom:6px}
.wz-list3 .ti span{color:#8f8b7d!important;font-size:13px;line-height:1.9}
.wz-list3 .time-md{color:#a89a76!important}

/* ---------- 五步一站 ---------- */
.five-step{background:linear-gradient(165deg,#134a7c,#0a3358)!important;position:relative}
.five-step::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#c29c59 30%,#d8b878 50%,#c29c59 70%,transparent)}
.five-step .ten p{color:rgba(216,184,120,.85)!important;letter-spacing:6px}
.five-step .steps{filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}
.five-step .item p{color:#fff!important;letter-spacing:2px}
.five-step .num .s p{color:#d8b878!important}

/* ---------- 服务客户 ---------- */
.kehu .wz p{color:#5c6675;line-height:2.1;font-size:15px}
.kehu .tu ul li{background:#fff;border:1px solid #e8e2d4;border-radius:10px;padding:14px;transition:all .3s}
.kehu .tu ul li:hover{border-color:rgba(194,156,89,.6);box-shadow:0 12px 30px rgba(10,51,88,.1);transform:translateY(-4px)}
.kehu .tu ul li img{filter:grayscale(0);transition:transform .35s}
.kehu .tu ul li:hover img{transform:scale(1.04)}

/* ---------- 行动召唤 ---------- */
.xingdong{background:radial-gradient(700px 320px at 50% 130%,rgba(216,184,120,.22),transparent 70%),linear-gradient(120deg,#0d3a63,#11487a)!important}
.xingdong h4{color:#fff!important;font-family:"Noto Serif SC","Noto Serif SC","STSong",serif;letter-spacing:3px}
.xingdong p{color:rgba(255,255,255,.75)!important}

/* ---------- 留言表单 ---------- */
.guestbook .title-block-c h2{font-family:"Noto Serif SC","Noto Serif SC","STSong",serif;letter-spacing:3px}
.guestbook .input,.guestbook .textarea,.form-group .input,.form-group .textarea{background:#fdfcf9!important;border:1px solid #e3ddcd!important;border-radius:8px!important;color:#1a2b47!important;transition:border .3s,box-shadow .3s}
.guestbook .input:focus,.guestbook .textarea:focus,.form-group .input:focus,.form-group .textarea:focus{border-color:#c29c59!important;box-shadow:0 0 0 3px rgba(194,156,89,.15)!important;outline:none}
.guestbook .btn-center,.form-button .btn-center,.form-button input[type=submit]{background:linear-gradient(120deg,#d8b878,#a8853f)!important;border:none!important;border-radius:8px!important;box-shadow:0 8px 22px rgba(168,133,63,.3)!important}
.form-button input[type=submit]:hover{transform:translateY(-2px)}

/* ---------- 详情页（文章/案例/律师） ---------- */
.page-h1,.article-titile,.title,.tit h1,.view-tit h1{font-family:"Noto Serif SC","Noto Serif SC","STSong",serif!important;color:#1a2b47!important;letter-spacing:1px}
.title{font-size:26px!important;font-weight:700;line-height:1.6!important}
.article p,.article li,.content p,.content li,.Tag-content p,.Tag-content li{color:#3d4a5c!important;line-height:2.05!important;font-size:15.5px}
.article img,.content img{border-radius:6px;max-width:100%;height:auto}
.article-titile{font-size:24px!important;margin-bottom:10px}
.text-gray{color:#8b93a1!important}
.side .info,.ys-list,.Tag{background:#fff;border:1px solid #e8e2d4;border-radius:10px;padding:18px}
.ys-list a:hover{color:#a8853f!important}
.tag,.tags{background:linear-gradient(120deg,#d8b878,#a8853f)!important}
.news-box{background:#fff;border:1px solid #e8e2d4;border-radius:12px;padding:8px}
.news-box li{border-bottom:1px dashed #e8e2d4}
.news-box li:hover{background:#fffdf7}
.pagination>.active>a,.pagination>li>a:hover{background:#c29c59!important;border-color:#c29c59!important;color:#fff!important}
.breadcrumbs,.breadcrumb a{color:#8b93a1!important}
.breadcrumbs a:hover,.breadcrumb a:hover{color:#a8853f!important}

/* ---------- 律师页 ---------- */
.lawyerint .pic .tit h2,.tit h2{color:#11487a!important;font-size:30px;display:inline-block;font-weight:600}
.view_lawyer,.lawyerint{background:#faf9f6}
.lawyerint .pic img{border-radius:10px;box-shadow:0 16px 40px rgba(10,51,88,.18)}

/* ---------- 页脚 ---------- */
.foot-bg{background:linear-gradient(180deg,#0a2a48,#082138)!important;border-top:3px solid transparent;position:relative}
.foot-bg::before{content:"";position:absolute;top:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#c29c59 30%,#d8b878 50%,#c29c59 70%,transparent)}
.foot-nva li a{color:#9fb2c6!important;font-size:14px}
.foot-nva li a:hover{color:#d8b878!important}
.foot-box dl p{color:#9fb2c6!important}
.foot-box .flink a{color:#7d92a8!important;font-size:13px}
.foot-box .flink a:hover{color:#d8b878!important}
.foot p{color:#6c829b!important}
.foot a{color:#6c829b!important}
.ewm{background:#fff;border-radius:8px;padding:8px}
.foot .kefu,.kefu li a{background:rgba(255,255,255,.95)!important}

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar{width:9px}
::-webkit-scrollbar-thumb{background:#c9bda1;border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:#a8853f}
/* ---------- 首页导航：动态栏目下拉 + 当前页高亮 ---------- */
.nav ul li{position:relative}
.nav ul li.hover>a,.nav ul li a:hover{color:var(--gold-l)!important}
.nav.solid ul li.hover>a,.nav.solid ul li a:hover{color:var(--gold-d)!important}
.nav ul ul.sub{position:absolute;top:100%;left:-10px;min-width:190px;background:#fff;border-radius:0 0 10px 10px;border-top:2px solid var(--gold);box-shadow:0 14px 34px rgba(10,51,88,.18);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;z-index:99;padding:6px 0}
.nav ul li:hover ul.sub{opacity:1;visibility:visible;transform:none}
.nav ul ul.sub li a{display:block!important;padding:11px 20px!important;color:#33415c!important;font-size:14px!important;letter-spacing:1px;border-bottom:1px solid #f2ede1;white-space:nowrap}
.nav ul ul.sub li a:hover{color:#a8853f!important;background:#faf9f6}
.nav ul ul.sub li:last-child a{border-bottom:none}

/* ---------- arclist 序号/封面：CSS 计数器方案 ---------- */
.art-grid{counter-reset:ac}
.art-card:nth-child(3n+1) .cover{background-image:url(/template/pc/skin/images/home/area-01.jpg)}
.art-card:nth-child(3n+2) .cover{background-image:url(/template/pc/skin/images/home/area-02.jpg)}
.art-card:nth-child(3n) .cover{background-image:url(/template/pc/skin/images/home/area-03.jpg)}
.art-card .cover{background-size:cover!important;background-position:center!important}
.art-card .cover::before{content:"";position:absolute;inset:0;background:linear-gradient(165deg,rgba(10,51,88,.55),rgba(10,51,88,.85))}
.art-card .cover .cat{z-index:2}
.case-grid{counter-reset:cc}
.case-card .no::before{counter-increment:cc;content:"0" counter(cc)}


/* ============================================================
   第三部分：内页新版式（page-hero / 新页脚）——列表页/详情页/全站页脚
   ============================================================ */
.dh-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.page-hero{background:radial-gradient(700px 300px at 85% -30%,rgba(216,184,120,.25),transparent 65%),linear-gradient(120deg,#0d3a63,#11487a);padding:64px 0 54px;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#c29c59 30%,#d8b878 50%,#c29c59 70%,transparent)}
.page-hero .ph-crumb{color:rgba(255,255,255,.55);font-size:13px;letter-spacing:2px;margin-bottom:14px}
.page-hero .ph-crumb a{color:rgba(255,255,255,.75)}
.page-hero .ph-crumb a:hover{color:#d8b878}
.page-hero .ph-crumb span{color:rgba(216,184,120,.6)}
.page-hero .ph-title{font-family:"Noto Serif SC","Noto Serif SC","STSong",serif;font-size:36px;color:#fff;letter-spacing:4px;font-weight:700;margin:0}
.page-hero .ph-meta{color:rgba(255,255,255,.55);font-size:13px;letter-spacing:2px;margin-top:12px}
.dh-foot{background:linear-gradient(180deg,#0a2a48,#082138)!important;color:#9fb2c6;position:relative}
.dh-foot::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#c29c59 30%,#d8b878 50%,#c29c59 70%,transparent)}
.dh-foot-main{padding:56px 0 34px}
.dh-foot-grid{display:flex;gap:38px;align-items:flex-start;flex-wrap:nowrap}
.dh-col{min-width:130px;flex:none}
.dh-col h4{color:#fff;font-size:16px;letter-spacing:2px;margin-bottom:18px;position:relative;padding-bottom:10px}
.dh-col h4::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;background:#c29c59}
.dh-col ul li{line-height:2.3;font-size:14px}
.dh-col ul li a{color:#9fb2c6}
.dh-col ul li a:hover{color:#d8b878}
.dh-foot-logo{font-family:"Noto Serif SC","Noto Serif SC","STSong",serif;font-size:22px;color:#fff;letter-spacing:2px;margin-bottom:14px}
.dh-foot-desc{font-size:13.5px;line-height:2;color:#7d92a8;max-width:300px;margin-bottom:16px}
.dh-foot-ewm{display:flex;align-items:center;gap:12px}
.dh-foot-ewm img{width:86px;height:86px;border-radius:8px;background:#fff;padding:4px}
.dh-foot-ewm p{font-size:12px;color:#7d92a8}
.dh-contact li{color:#9fb2c6}
.dh-flink{border-top:1px solid rgba(255,255,255,.08);margin-top:30px;padding-top:18px;font-size:13px}
.dh-flink span{color:#6c829b}
.dh-flink a{color:#7d92a8;margin-right:12px}
.dh-flink a:hover{color:#d8b878}
.dh-foot-bar{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;text-align:center;color:#6c829b;font-size:13px}
.dh-foot-bar a{color:#6c829b;margin-left:10px}
.dh-foot-bar a:hover{color:#d8b878}
@media (max-width:900px){.page-hero .ph-title{font-size:26px}.dh-foot-grid{flex-direction:column;gap:26px}}

/* ---------- 导航统一升级：下拉竖排 + 箭头 + 简繁按钮 ---------- */
.nav ul li{position:relative}
.nav ul ul.sub{display:block;position:absolute;top:100%;left:-14px;min-width:180px;background:#fff;border-radius:0 0 10px 10px;border-top:2px solid #c29c59;box-shadow:0 14px 34px rgba(10,51,88,.18);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;padding:6px 0;z-index:99}
.nav ul li:hover ul.sub{opacity:1;visibility:visible;transform:none}
.nav ul ul.sub li{display:block;width:100%}
.nav ul ul.sub li a{display:block;padding:10px 20px;color:#33415c!important;font-size:14px;letter-spacing:1px;border-bottom:1px solid #f2ede1;white-space:nowrap}
.nav ul ul.sub li a:hover{color:#a8853f!important;background:#faf9f6}
.nav ul ul.sub li:last-child a{border-bottom:none}
.nav ul li.has-sub>a::before{content:"▾";font-size:11px;margin-left:5px;color:#a8853f;vertical-align:1px}
.nav .nav-r{display:flex;align-items:center;gap:16px}
.nav .s2t-btn{display:flex;gap:2px}
.nav .s2t-btn a{color:#8b93a1;font-size:12.5px;border:1px solid #e5dcc4;border-radius:3px;padding:3px 8px}
.nav .s2t-btn a:hover{border-color:#c29c59;color:#a8853f!important}

/* ---------- footer 一行布局：品牌+联系 | 领域 | 导航 | 二维码 ---------- */
.dh-col-brand{flex:1;max-width:400px}
.dh-col-brand .dh-contact li{font-size:13px;line-height:2.2}
.dh-col-ewm{margin-left:auto;text-align:center}
.dh-col-ewm img{width:98px;height:98px;border-radius:8px;background:#fff;padding:5px;display:block;margin:0 auto}
.dh-col-ewm p{margin-top:8px;font-size:12px;color:#7d92a8;letter-spacing:1px}
@media (max-width:1000px){.dh-foot-grid{flex-wrap:wrap}.dh-col-ewm{margin-left:0}}

/* ---------- 导航防折行紧凑化 ---------- */
.nav ul{flex-wrap:nowrap;gap:20px}
.nav ul li{flex:none}
.nav ul li>a{white-space:nowrap;font-size:14.5px;padding:8px 0}
.nav .call{padding:7px 14px;font-size:13px;white-space:nowrap}
.nav .logo img{height:32px}
.nav .wrap{gap:14px}
@media (max-width:1280px){.nav ul{gap:13px}.nav ul li>a{font-size:13.5px}.nav .call{padding:6px 10px;font-size:12.5px}}