@charset "utf-8";
/* =============================================================
   长沙市人货分离信息技术有限公司 · 官网 PC 端样式
   主色：中国红 #C8102E ／ 辅色：暖金 #BE9520 ／ 底色：米白 #FAF6EF
   ============================================================= */

:root{
  --red:#C8102E;
  --red-dk:#96081F;
  --red-lt:#E8394F;
  --red-bg:#FDF0F1;
  --gold:#BE9520;
  --gold-lt:#E5C264;
  --gold-bg:#FBF4DE;
  --ink:#17140F;
  --ink-2:#2B2620;
  --paper:#FAF6EF;
  --line:#E9E1D3;
  --txt:#2A2620;
  --mut:#7A7168;
  --r:16px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",-apple-system,"Segoe UI",sans-serif;
  color:var(--txt);background:#fff;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%;border:0}
input,textarea,button,select{font-family:inherit}
.wrap{width:1200px;margin:0 auto}
.rv{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.7,.3,1),transform .75s cubic-bezier(.2,.7,.3,1)}
.rv.in{opacity:1;transform:none}
.clearfix::after{content:"";display:block;clear:both}

/* ---------- 导航 ---------- */
.nav{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-in{height:78px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:13px}
.logo-mark{width:44px;height:44px;border-radius:12px;background:var(--red);display:grid;place-items:center;box-shadow:0 6px 16px rgba(200,16,46,.28);flex:0 0 44px}
.logo-txt b{display:block;font-size:19px;font-weight:700;letter-spacing:1px;color:var(--ink);line-height:1.25}
.logo-txt span{display:block;font-size:10px;letter-spacing:2.4px;color:var(--mut);text-transform:uppercase}
.menu{display:flex;gap:34px;font-size:15px;font-weight:500}
.menu a{position:relative;padding:6px 0;color:var(--ink-2);transition:color .2s}
.menu a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .28s}
.menu a:hover,.menu a.on{color:var(--red)}
.menu a:hover::after,.menu a.on::after{width:100%}
.nav-cta{display:flex;align-items:center;gap:20px}
.nav-tel{font-size:14px;color:var(--mut)}
.nav-tel b{color:var(--ink);font-size:16px;letter-spacing:.5px}

/* ---------- 按钮 ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:10px;font-size:15px;font-weight:500;transition:.25s;cursor:pointer;border:1px solid transparent}
.btn-red{background:var(--red);color:#fff;box-shadow:0 8px 20px rgba(200,16,46,.24)}
.btn-red:hover{background:var(--red-dk);transform:translateY(-2px);box-shadow:0 12px 26px rgba(200,16,46,.32)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--ink-2);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--red);color:var(--red)}
.btn-sm{padding:10px 22px;font-size:14px}

/* ---------- 首屏 ---------- */
.hero{position:relative;background:var(--paper);padding:76px 0 0;overflow:hidden}
.hero-deco{position:absolute;right:-160px;top:-120px;width:760px;height:760px;border-radius:50%;border:1px solid rgba(190,149,32,.28)}
.hero-deco::after{content:"";position:absolute;inset:130px;border-radius:50%;border:1px dashed rgba(200,16,46,.18)}
.hero-grid{position:relative;display:grid;grid-template-columns:600px 1fr;gap:60px;align-items:center;padding-bottom:78px}
.tagline{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:100px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--mut);letter-spacing:.5px}
.tagline i{width:7px;height:7px;border-radius:50%;background:var(--gold);display:block}
.hero h1{font-size:58px;line-height:1.18;font-weight:800;color:var(--ink);letter-spacing:-1px;margin:26px 0 0}
.hero h1 em{font-style:normal;color:var(--red);position:relative}
.hero h1 em::after{content:"";position:absolute;left:0;bottom:6px;width:100%;height:12px;background:rgba(190,149,32,.24);z-index:-1}
.hero p.lead{margin:26px 0 0;font-size:17px;color:var(--mut);max-width:520px;line-height:1.85}
.hero-btns{display:flex;gap:16px;margin-top:40px}
.hero-note{margin-top:22px;font-size:13px;color:#9C938A;letter-spacing:.3px}

.hero-visual{position:relative;height:520px}
.phone{position:absolute;right:60px;top:0;width:264px;height:520px;background:#fff;border:9px solid var(--ink);border-radius:34px;box-shadow:0 30px 60px rgba(23,20,15,.2);overflow:hidden}
.phone-bar{height:74px;background:linear-gradient(135deg,var(--red),var(--red-dk));padding:14px 16px;color:#fff}
.phone-bar small{font-size:10px;opacity:.8;letter-spacing:1px}
.phone-bar b{display:block;font-size:14px;font-weight:600;margin-top:3px}
.phone-body{padding:14px 14px 0}
.p-sec{font-size:11px;color:var(--mut);margin-bottom:8px;display:flex;justify-content:space-between}
.p-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.p-item{border-radius:9px;overflow:hidden;border:1px solid var(--line)}
.p-thumb{height:56px}
.p-thumb.a{background:linear-gradient(135deg,#FDE8EA,#F8D3D7)}
.p-thumb.b{background:linear-gradient(135deg,#FBF4DE,#F0E1B8)}
.p-thumb.c{background:linear-gradient(135deg,#EFEDE9,#DEDAD3)}
.p-thumb.d{background:linear-gradient(135deg,#FDE8EA,#EFEDE9)}
.p-item span{display:block;font-size:9px;padding:5px 6px;color:var(--mut)}
.p-badge{margin-top:12px;background:var(--paper);border-radius:9px;padding:10px 12px;font-size:10px;color:var(--mut);display:flex;justify-content:space-between;align-items:center}
.p-badge b{color:var(--red);font-size:11px}
.float-card{position:absolute;left:8px;bottom:96px;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 18px 40px rgba(23,20,15,.14);border-left:3px solid var(--gold);width:210px}
.float-card b{display:block;font-size:14px;color:var(--ink)}
.float-card span{font-size:12px;color:var(--mut)}
.float-card2{position:absolute;left:0;top:76px;background:var(--ink);border-radius:14px;padding:13px 17px;color:#fff;width:186px;box-shadow:0 18px 40px rgba(23,20,15,.22)}
.float-card2 b{display:block;font-size:13px;color:var(--gold-lt);letter-spacing:.5px}
.float-card2 span{font-size:11px;opacity:.72}

/* ---------- 能力条 ---------- */
.cap{background:var(--ink);color:#fff}
.cap-in{display:grid;grid-template-columns:repeat(4,1fr);padding:34px 0}
.cap-item{text-align:center;border-right:1px solid rgba(255,255,255,.1)}
.cap-item:last-child{border-right:0}
.cap-item b{display:block;font-size:24px;color:var(--gold-lt);font-weight:700;letter-spacing:.5px}
.cap-item span{font-size:13px;color:rgba(255,255,255,.62)}

/* ---------- 区块通用 ---------- */
.sec{padding:96px 0}
.sec-head{margin-bottom:52px}
.sec-head.center{text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;letter-spacing:2.6px;color:var(--gold);text-transform:uppercase;font-weight:600}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--gold)}
.sec-head.center .eyebrow::after{content:"";width:26px;height:1px;background:var(--gold)}
.sec-head h2{font-size:38px;font-weight:800;color:var(--ink);margin:16px 0 0;letter-spacing:-.5px;line-height:1.3}
.sec-head p{margin-top:16px;font-size:16px;color:var(--mut);max-width:680px;line-height:1.85}
.sec-head.center p{margin-left:auto;margin-right:auto}
.sec-head.row{display:flex;justify-content:space-between;align-items:flex-end;max-width:none}
.bg-paper{background:var(--paper)}
.bg-ink{background:var(--ink)}
.bg-ink .sec-head h2{color:#fff}
.bg-ink .sec-head p{color:rgba(255,255,255,.62)}

/* ---------- 政策背景 ---------- */
.pol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pol-card{border-radius:var(--r);padding:32px 26px 34px;min-height:272px;position:relative;overflow:hidden;transition:.3s}
.pol-card:hover{transform:translateY(-6px)}
.pol-card .no{font-size:12px;letter-spacing:2px;font-weight:600;opacity:.6}
.pol-card h3{font-size:19px;font-weight:700;margin:14px 0 12px;line-height:1.4}
.pol-card p{font-size:14px;line-height:1.8;opacity:.82}
.pol-card i{position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;border:1px solid currentColor;opacity:.14}
.pol-card.a{background:var(--red);color:#fff}
.pol-card.a .no{color:rgba(255,255,255,.6)}
.pol-card.b{background:var(--gold-bg);color:var(--ink);border:1px solid #EFE0B4}
.pol-card.b .no{color:var(--gold)}
.pol-card.c{background:var(--ink);color:#fff}
.pol-card.c .no{color:var(--gold-lt)}
.pol-card.d{background:#fff;color:var(--ink);border:1px solid var(--line)}
.pol-card.d .no{color:var(--red)}

/* ---------- 方案流程 ---------- */
.flow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.flow-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:36px 30px 40px;position:relative;transition:.3s}
.flow-card:hover{border-color:var(--red);box-shadow:0 22px 46px rgba(23,20,15,.1);transform:translateY(-6px)}
.flow-no{font-size:44px;font-weight:800;color:var(--paper);line-height:1;letter-spacing:-2px;position:absolute;right:26px;top:22px}
.flow-ic{width:52px;height:52px;border-radius:13px;background:var(--red-bg);display:grid;place-items:center;color:var(--red);margin-bottom:22px}
.flow-card h3{font-size:20px;font-weight:700;color:var(--ink);margin-bottom:12px}
.flow-card p{font-size:14px;color:var(--mut);line-height:1.85}
.flow-tags{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}
.flow-tags span{font-size:12px;padding:4px 11px;border-radius:100px;background:var(--paper);color:var(--ink-2);border:1px solid var(--line)}

/* ---------- 服务内容 ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;display:flex;gap:18px;transition:.28s}
.svc:hover{border-color:var(--red);box-shadow:0 18px 38px rgba(23,20,15,.09);transform:translateY(-4px)}
.svc-ic{flex:0 0 46px;height:46px;border-radius:12px;background:var(--ink);display:grid;place-items:center;color:var(--gold-lt)}
.svc:hover .svc-ic{background:var(--red);color:#fff}
.svc h3{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:8px}
.svc p{font-size:13.5px;color:var(--mut);line-height:1.75}

/* ---------- 产品展示 ---------- */
.prod-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}
.prod-grid2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:20px}
.prod{background:var(--ink-2);border-radius:var(--r);padding:34px 32px;color:#fff;position:relative;overflow:hidden;transition:.3s;border:1px solid rgba(255,255,255,.06);display:block}
.prod:hover{transform:translateY(-6px);background:#332D25}
.prod.big{padding:40px 38px;min-height:330px}
.prod-tag{display:inline-block;font-size:11px;letter-spacing:1.6px;padding:5px 12px;border-radius:100px;background:rgba(190,149,32,.16);color:var(--gold-lt);border:1px solid rgba(190,149,32,.3)}
.prod h3{font-size:24px;font-weight:700;margin:18px 0 12px;color:#fff}
.prod.big h3{font-size:30px}
.prod p{font-size:14px;color:rgba(255,255,255,.6);line-height:1.8;max-width:440px}
.prod ul{margin-top:20px;display:flex;flex-wrap:wrap;gap:9px}
.prod ul li{list-style:none;font-size:12.5px;padding:5px 12px;border-radius:7px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.82)}
.prod .go{margin-top:26px;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--gold-lt);font-weight:500;transition:gap .25s}
.prod .go:hover{gap:14px}
.dash{position:absolute;right:-40px;bottom:-40px;width:280px;height:190px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px 0 0 0;padding:16px}
.dash i{display:block;height:9px;border-radius:5px;background:rgba(255,255,255,.14);margin-bottom:9px}
.dash i:nth-child(1){width:52%;background:rgba(200,16,46,.7)}
.dash i:nth-child(2){width:80%}
.dash i:nth-child(3){width:66%}
.dash i:nth-child(4){width:88%}
.dash i:nth-child(5){width:44%;background:rgba(190,149,32,.55)}
.prod-mini h3{font-size:18px;margin:14px 0 10px}
.prod-mini p{font-size:13px}

/* ---------- 资讯 ---------- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.news{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.28s;display:block}
.news:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(23,20,15,.1)}
.news-cover{height:158px;position:relative;background:linear-gradient(135deg,#FDE8EA,#F6D9DD);display:flex;align-items:flex-end;padding:16px;background-size:cover;background-position:center}
.news-cover.b{background:linear-gradient(135deg,#FBF4DE,#F1E3BB)}
.news-cover.c{background:linear-gradient(135deg,#EDEBE7,#DDD8D0)}
.news-cover em{font-style:normal;font-size:11px;letter-spacing:1.4px;background:var(--red);color:#fff;padding:4px 11px;border-radius:6px}
.news-body{padding:22px 24px 26px}
.news-body h3{font-size:17px;font-weight:600;color:var(--ink);line-height:1.55;height:52px;overflow:hidden}
.news-body p{font-size:13.5px;color:var(--mut);margin-top:10px;line-height:1.8;height:48px;overflow:hidden}
.news-meta{display:flex;justify-content:space-between;font-size:12.5px;color:#A79E94;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.news-more{text-align:center;margin-top:40px}

/* ---------- 春节高并发保障 ---------- */
.spring{position:relative;overflow:hidden;background:linear-gradient(135deg,#C8102E 0%,#A50D26 55%,#8A0A1E 100%)}
.spring::before{content:"";position:absolute;right:-140px;top:-140px;width:540px;height:540px;border-radius:50%;border:1px solid rgba(255,255,255,.16)}
.spring::after{content:"";position:absolute;left:-180px;bottom:-240px;width:620px;height:620px;border-radius:50%;border:1px dashed rgba(255,255,255,.13)}
.spring .sec-head h2{color:#fff}
.spring .sec-head p{color:rgba(255,255,255,.75)}
.spring .eyebrow{color:var(--gold-lt)}
.spring .eyebrow::before{background:var(--gold-lt)}
.spring-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:1}
.spring-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:var(--r);padding:30px 26px;transition:.28s}
.spring-card:hover{background:rgba(255,255,255,.16);transform:translateY(-5px)}
.spring-ic{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center;color:var(--gold-lt);margin-bottom:20px}
.spring-card h3{font-size:17px;font-weight:700;color:#fff;margin-bottom:10px}
.spring-card p{font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.8}
.spring-bar{margin-top:32px;display:flex;align-items:center;justify-content:center;gap:14px;padding:24px;border-radius:14px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.16);font-size:18px;font-weight:600;color:#fff;letter-spacing:.5px;position:relative;z-index:1}
.spring-bar svg{color:var(--gold-lt);flex:0 0 auto}

/* ---------- 技术支持 ---------- */
.sup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sup{border-radius:var(--r);padding:30px 26px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);transition:.28s}
.sup:hover{background:rgba(255,255,255,.09);transform:translateY(-5px)}
.sup-ic{width:46px;height:46px;border-radius:12px;background:rgba(200,16,46,.9);display:grid;place-items:center;color:#fff;margin-bottom:20px}
.sup h3{font-size:17px;font-weight:700;color:#fff;margin-bottom:10px}
.sup p{font-size:13.5px;color:rgba(255,255,255,.58);line-height:1.8}

/* ---------- 联系我们 ---------- */
.ct{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.form-card{background:#fff;border-radius:20px;padding:40px 40px 44px;box-shadow:0 30px 70px rgba(0,0,0,.24)}
.form-card h3{font-size:22px;font-weight:700;color:var(--ink);margin-bottom:8px}
.form-card .sub{font-size:13.5px;color:var(--mut);margin-bottom:28px}
.fld{margin-bottom:18px}
.fld label{display:block;font-size:13px;color:var(--ink-2);margin-bottom:8px;font-weight:500}
.fld input,.fld textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:var(--paper);color:var(--txt);transition:.2s}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--red);background:#fff;box-shadow:0 0 0 3px rgba(200,16,46,.08)}
.fld textarea{height:96px;resize:none}
.form-card .btn{width:100%;justify-content:center;margin-top:6px}
.form-tip{font-size:12px;color:#A79E94;margin-top:14px;text-align:center}
.ct-info h3{font-size:26px;font-weight:700;color:#fff;margin-bottom:18px;line-height:1.45}
.ct-info>p{font-size:15px;color:rgba(255,255,255,.6);line-height:1.9;margin-bottom:34px}
.ct-list{display:grid;gap:16px;margin-bottom:34px}
.ct-item{display:flex;gap:16px;align-items:center;padding:16px 20px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.ct-item .ic{width:40px;height:40px;border-radius:10px;background:rgba(190,149,32,.16);display:grid;place-items:center;color:var(--gold-lt);flex:0 0 40px}
.ct-item small{display:block;font-size:12px;color:rgba(255,255,255,.45);letter-spacing:.5px}
.ct-item b{font-size:16px;color:#fff;font-weight:600}
.qr{display:flex;gap:16px}
.qr-box{width:104px;height:104px;border-radius:12px;background:#fff;padding:8px;display:grid;place-items:center;flex:0 0 104px}
.qr-in{width:100%;height:100%;border-radius:6px;background:
  repeating-linear-gradient(90deg,#17140F 0 6px,transparent 6px 12px),
  repeating-linear-gradient(0deg,#17140F 0 6px,transparent 6px 12px);opacity:.86}
.qr img{width:100%;height:100%;object-fit:contain}
.qr p{font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.9}

/* ---------- 页脚 ---------- */
footer{background:#100E0A;color:rgba(255,255,255,.55);padding:64px 0 0}
.ft-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:52px;border-bottom:1px solid rgba(255,255,255,.08)}
.ft-logo{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.ft-logo b{font-size:18px;color:#fff;font-weight:700}
.ft-top p{font-size:13.5px;line-height:1.95}
.ft-col h4{font-size:15px;color:#fff;font-weight:600;margin-bottom:20px}
.ft-col a{display:block;font-size:13.5px;padding:6px 0;transition:.2s}
.ft-col a:hover{color:var(--gold-lt)}
.ft-bot{display:flex;justify-content:space-between;padding:26px 0;font-size:13px}
.ft-bot a:hover{color:#fff}
.flink{display:flex;gap:14px;flex-wrap:wrap}
.flinks{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.flinks b{color:#fff;font-weight:600}
.flinks a{color:rgba(255,255,255,.55)}
.flinks a:hover{color:var(--gold-lt)}

/* =============================================================
   内页样式
   ============================================================= */

/* 页头横幅 */
.page-head{background:var(--paper);padding:56px 0 60px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.page-head::after{content:"";position:absolute;right:-140px;top:-160px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(190,149,32,.22)}
.page-head .wrap{position:relative;z-index:1}
.crumb{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mut);margin-bottom:20px;flex-wrap:wrap}
.crumb a{transition:.2s}
.crumb a:hover{color:var(--red)}
.crumb i{font-style:normal;opacity:.45}
.page-head h1{font-size:40px;font-weight:800;color:var(--ink);letter-spacing:-.5px;line-height:1.3}
.page-head .desc{margin-top:16px;font-size:16px;color:var(--mut);max-width:760px;line-height:1.85}
.page-head.dark{background:var(--ink);border-bottom:0}
.page-head.dark h1{color:#fff}
.page-head.dark .desc{color:rgba(255,255,255,.6)}
.page-head.dark .crumb{color:rgba(255,255,255,.45)}
.page-head.dark .crumb a:hover{color:var(--gold-lt)}
.page-head.dark::after{border-color:rgba(255,255,255,.1)}

/* 通用内容排版 */
.article-body{font-size:16px;line-height:2;color:#3A342C}
.article-body p{margin-bottom:1.4em}
.article-body h2{font-size:24px;font-weight:700;color:var(--ink);margin:2em 0 .8em;padding-left:16px;border-left:4px solid var(--red);line-height:1.5}
.article-body h3{font-size:19px;font-weight:700;color:var(--ink);margin:1.6em 0 .7em}
.article-body img{margin:1.6em auto;border-radius:14px}
.article-body ul,.article-body ol{margin:0 0 1.4em 1.4em}
.article-body li{margin-bottom:.5em}
.article-body blockquote{margin:1.6em 0;padding:22px 26px;background:var(--gold-bg);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;color:var(--ink-2);font-size:15px}
.article-body table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:15px}
.article-body th,.article-body td{border:1px solid var(--line);padding:12px 16px;text-align:left}
.article-body th{background:var(--paper);font-weight:600;color:var(--ink)}
.article-body a{color:var(--red);border-bottom:1px solid rgba(200,16,46,.3)}
.article-body a:hover{border-bottom-color:var(--red)}
.article-body strong{color:var(--ink);font-weight:600}

/* 两栏布局 */
.layout{display:grid;grid-template-columns:1fr 320px;gap:52px;align-items:start}
.layout-full{display:block}
.side-sticky{position:sticky;top:100px}
.side-box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;margin-bottom:22px}
.side-box h4{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px}
.side-box h4::before{content:"";width:3px;height:15px;background:var(--red);border-radius:2px}
.side-list li{list-style:none;padding:11px 0;border-bottom:1px dashed var(--line);font-size:14px;line-height:1.6}
.side-list li:last-child{border-bottom:0}
.side-list a{color:var(--ink-2);transition:.2s}
.side-list a:hover{color:var(--red)}
.side-list .num{display:inline-block;width:20px;font-size:13px;color:var(--gold);font-weight:700}
.side-list .date{display:block;font-size:12px;color:#A79E94;margin-top:5px}
.side-cta{background:var(--ink);border-radius:var(--r);padding:30px 24px;color:#fff;text-align:center}
.side-cta h4{color:#fff;font-size:17px;margin-bottom:10px;font-weight:700}
.side-cta p{font-size:13px;color:rgba(255,255,255,.55);line-height:1.8;margin-bottom:20px}
.side-cta .tel{font-size:20px;color:var(--gold-lt);font-weight:700;letter-spacing:.5px;display:block;margin-bottom:16px}
.side-cta .btn{width:100%;justify-content:center}

/* 列表页卡片 */
.list-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.list-wrap.two{grid-template-columns:repeat(2,1fr)}
.list-wrap.four{grid-template-columns:repeat(4,1fr)}
.list-item{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.28s;display:flex;flex-direction:column}
.list-item:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(23,20,15,.1);border-color:transparent}
.list-thumb{height:186px;background:var(--paper);overflow:hidden;position:relative}
.list-thumb img{width:100%;height:100%;object-fit:cover;transition:.5s}
.list-item:hover .list-thumb img{transform:scale(1.05)}
.list-thumb .badge{position:absolute;left:14px;top:14px;font-size:11px;background:var(--red);color:#fff;padding:4px 11px;border-radius:6px;letter-spacing:.5px}
.list-body{padding:22px 24px 24px;flex:1;display:flex;flex-direction:column}
.list-body h3{font-size:17px;font-weight:600;color:var(--ink);line-height:1.55;margin-bottom:10px}
.list-body p{font-size:13.5px;color:var(--mut);line-height:1.8;flex:1}
.list-meta{display:flex;justify-content:space-between;font-size:12.5px;color:#A79E94;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.list-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}
.list-tags span{font-size:11.5px;padding:3px 10px;border-radius:100px;background:var(--paper);color:var(--ink-2);border:1px solid var(--line)}

/* 产品卡（深色） */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product-card{background:var(--ink-2);border-radius:var(--r);padding:32px 30px 34px;color:#fff;transition:.3s;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden;display:flex;flex-direction:column}
.product-card:hover{transform:translateY(-6px);background:#332D25}
.product-card h3{font-size:21px;font-weight:700;color:#fff;margin:16px 0 10px}
.product-card p{font-size:13.5px;color:rgba(255,255,255,.58);line-height:1.8;flex:1}
.product-card .list-tags span{background:rgba(255,255,255,.07);color:rgba(255,255,255,.82);border-color:rgba(255,255,255,.08)}
.product-card .go{margin-top:20px;font-size:13.5px;color:var(--gold-lt);display:inline-flex;align-items:center;gap:7px}

/* 文章详情 */
.detail-head{margin-bottom:34px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.detail-head h1{font-size:34px;font-weight:800;color:var(--ink);line-height:1.42;letter-spacing:-.3px}
.detail-meta{display:flex;gap:22px;flex-wrap:wrap;font-size:13.5px;color:var(--mut);margin-top:20px}
.detail-meta span{display:inline-flex;align-items:center;gap:7px}
.detail-meta a{color:var(--red)}
.detail-foot{margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.detail-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.detail-tags a,.detail-tags span{font-size:12.5px;padding:5px 13px;border-radius:100px;background:var(--paper);border:1px solid var(--line);color:var(--ink-2)}
.detail-tags a:hover{border-color:var(--red);color:var(--red)}
.neighbors{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.neighbors a{background:var(--paper);border-radius:12px;padding:16px 20px;font-size:14px;color:var(--ink-2);line-height:1.6;transition:.25s;border:1px solid transparent}
.neighbors a:hover{background:#fff;border-color:var(--red);color:var(--red)}
.neighbors a.disabled{opacity:.4;pointer-events:none}
.neighbors small{display:block;font-size:12px;color:var(--mut);margin-bottom:6px}
.neighbors .next{text-align:right}
.related{margin-top:56px}
.related h3{font-size:20px;font-weight:700;color:var(--ink);margin-bottom:24px;padding-left:16px;border-left:4px solid var(--red);line-height:1.4}
.source-note{margin-top:26px;padding:14px 18px;background:var(--paper);border-radius:10px;font-size:13px;color:var(--mut)}

/* 产品详情 */
.prod-detail{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;margin-bottom:56px}
.prod-gallery{background:var(--paper);border-radius:var(--r);padding:40px;display:grid;place-items:center;min-height:380px;position:relative;overflow:hidden}
.prod-gallery::after{content:"";position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:rgba(200,16,46,.07)}
.prod-gallery .ph-visual{width:100%;max-width:340px}
.prod-info h1{font-size:34px;font-weight:800;color:var(--ink);line-height:1.35;letter-spacing:-.3px}
.prod-info .sub{font-size:16px;color:var(--gold);margin-top:14px;font-weight:500}
.prod-info .intro{font-size:15px;color:var(--mut);line-height:1.95;margin-top:22px}
.prod-feature{margin-top:26px;padding:20px 24px;background:var(--paper);border-radius:12px}
.prod-feature dt{font-size:13.5px;color:var(--mut);margin-bottom:10px}
.prod-feature dd{font-size:15px;color:var(--ink-2);line-height:1.9}
.prod-info .btns{display:flex;gap:14px;margin-top:32px}

/* 视频 */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.video-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.28s;display:block}
.video-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(23,20,15,.1)}
.video-thumb{height:180px;background:var(--ink);position:relative;overflow:hidden}
.video-thumb img{width:100%;height:100%;object-fit:cover;opacity:.86}
.video-play{position:absolute;inset:0;display:grid;place-items:center}
.video-play span{width:52px;height:52px;border-radius:50%;background:rgba(200,16,46,.92);display:grid;place-items:center;transition:.3s}
.video-card:hover .video-play span{transform:scale(1.1);background:var(--red)}
.video-time{position:absolute;right:12px;bottom:12px;font-size:12px;background:rgba(0,0,0,.66);color:#fff;padding:3px 9px;border-radius:6px}
.video-body{padding:20px 22px 24px}
.video-body h3{font-size:16px;font-weight:600;color:var(--ink);line-height:1.55;margin-bottom:8px}
.video-body p{font-size:13px;color:var(--mut);line-height:1.75}
.video-group{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}
.video-group a{font-size:14px;padding:9px 20px;border-radius:100px;background:#fff;border:1px solid var(--line);color:var(--ink-2);transition:.25s}
.video-group a:hover{border-color:var(--red);color:var(--red)}
.video-group a.on{background:var(--red);border-color:var(--red);color:#fff}
.video-player{background:var(--ink);border-radius:var(--r);overflow:hidden;margin-bottom:34px;position:relative;padding-top:56.25%}
.video-player video,.video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* 图集 */
.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.album-card{position:relative;border-radius:var(--r);overflow:hidden;background:var(--paper);display:block;transition:.28s}
.album-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(23,20,15,.12)}
.album-card .ph{height:220px;background:var(--paper);overflow:hidden}
.album-card .ph img{width:100%;height:100%;object-fit:cover}
.album-card .info{position:absolute;left:0;right:0;bottom:0;padding:36px 22px 20px;background:linear-gradient(to top,rgba(0,0,0,.78),transparent);color:#fff}
.album-card .info h3{font-size:16px;font-weight:600;color:#fff}
.album-card .info span{font-size:12.5px;opacity:.72}
.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.photo-grid a{border-radius:12px;overflow:hidden;background:var(--paper);display:block;aspect-ratio:1/1}
.photo-grid img{width:100%;height:100%;object-fit:cover;transition:.4s}
.photo-grid a:hover img{transform:scale(1.06)}

/* 分页 */
.pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:52px;flex-wrap:wrap}
.pager a,.pager span{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;border:1px solid var(--line);background:#fff;color:var(--ink-2);transition:.22s;padding:0 14px}
.pager a:hover{border-color:var(--red);color:var(--red)}
.pager .on{background:var(--red);border-color:var(--red);color:#fff}
.pager .disabled{opacity:.38;cursor:not-allowed}
.pager .pg-dot{border:0;background:transparent;min-width:auto;padding:0 2px}
.pager.dark a,.pager.dark span{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.75)}
.pager.dark .on{background:var(--red);border-color:var(--red);color:#fff}

/* 空状态 */
.empty{padding:80px 0;text-align:center;color:var(--mut)}
.empty b{display:block;font-size:18px;color:var(--ink-2);margin-bottom:10px;font-weight:600}
.empty p{font-size:14px}

/* 表单反馈 */
.form-msg{margin-top:14px;font-size:13.5px;text-align:center;display:none}
.form-msg.ok{color:#0F6E56;display:block}
.form-msg.err{color:var(--red);display:block}

/* 公司介绍页 */
.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.about-visual{position:relative;height:440px}
.about-card{position:absolute;background:#fff;border-radius:var(--r);padding:26px;box-shadow:0 22px 50px rgba(23,20,15,.1)}
.about-card.a{left:0;top:20px;width:270px;border-top:4px solid var(--red)}
.about-card.b{right:0;top:130px;width:250px;border-top:4px solid var(--gold)}
.about-card.c{left:40px;bottom:0;width:280px;border-top:4px solid var(--ink)}
.about-card h4{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:9px}
.about-card p{font-size:13px;color:var(--mut);line-height:1.8}
.about-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
.about-stat div{background:var(--paper);border-radius:var(--r);padding:28px 22px;text-align:center}
.about-stat b{display:block;font-size:24px;color:var(--red);font-weight:800;margin-bottom:8px}
.about-stat span{font-size:13.5px;color:var(--mut)}

/* 服务内容页 */
.svc-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.svc-block{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px 32px;transition:.28s}
.svc-block:hover{border-color:var(--red);box-shadow:0 20px 44px rgba(23,20,15,.09)}
.svc-block .hd{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.svc-block .hd .no{font-size:13px;font-weight:700;color:var(--gold);letter-spacing:1px}
.svc-block h3{font-size:20px;font-weight:700;color:var(--ink)}
.svc-block p{font-size:14px;color:var(--mut);line-height:1.9;margin-bottom:18px}
.svc-block ul{margin-left:0}
.svc-block li{list-style:none;font-size:13.5px;color:var(--ink-2);line-height:2;padding-left:20px;position:relative}
.svc-block li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--red)}

/* 搜索页 */
.search-bar{display:flex;gap:12px;max-width:640px}
.search-bar input{flex:1;padding:15px 20px;border:1px solid var(--line);border-radius:12px;font-size:15px;background:#fff}
.search-bar input:focus{outline:none;border-color:var(--red)}
.search-bar button{padding:0 32px;border:0;border-radius:12px;background:var(--red);color:#fff;font-size:15px;cursor:pointer;transition:.25s}
.search-bar button:hover{background:var(--red-dk)}
.search-result{margin-top:44px}
.search-result h2{font-size:20px;font-weight:700;color:var(--ink);margin-bottom:24px}

/* 404 */
.err-page{padding:120px 0;text-align:center}
.err-page .code{font-size:120px;font-weight:800;color:var(--paper);line-height:1;letter-spacing:-6px}
.err-page h1{font-size:30px;font-weight:800;color:var(--ink);margin:-20px 0 16px}
.err-page p{font-size:15px;color:var(--mut);margin-bottom:34px}

/* 站点地图 */
.map-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}
.map-block{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 30px}
.map-block h3{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.map-block ul{margin:0}
.map-block li{list-style:none;padding:8px 0;font-size:14px}
.map-block li a{color:var(--ink-2)}
.map-block li a:hover{color:var(--red)}
.map-block .date{font-size:12px;color:#A79E94;margin-left:10px}