:root{
  /* ——— 橙色 VI 系统 ——— */
  --o-600:#D96A1B;   /* 主橙 */
  --o-700:#C25A12;   /* 深橙 hover */
  --o-500:#EA7F2B;   /* 亮橙 */
  --o-400:#F29A4B;   /* 辅助橙 */
  --o-100:#FDF0E3;   /* 浅橙底 */
  --o-ink:#8A4A10;   /* 橙上文字 */
  --ember:#F5B16B;   /* 暖金高光 */
  --ink:#241A12;     /* 炭暖黑 */
  --sub:#55453A;     /* 次级文字 */
  --grey:#8C7A6B;    /* 弱文字 */
  --line:#F0E4D8;    /* 描边暖灰 */
  --bg:#FAF5EF;      /* 米白底 */
  --card:#FFFFFF;
  --glass:rgba(255,255,255,.55);
  --sh-1:0 6px 22px rgba(160,90,30,.08);
  --sh-2:0 16px 40px rgba(160,90,30,.16);
}
/**{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}*/
body{
  font-family:"PingFang SC","Microsoft YaHei","Source Han Sans SC","Noto Sans SC",sans-serif;
  color:var(--ink); background:var(--bg); -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(circle at 12% 0%, rgba(234,127,43,.07), transparent 42%),
                   radial-gradient(circle at 94% 24%, rgba(242,154,75,.08), transparent 40%);
}
.wrap{max-width:1100px; margin:0 auto; padding:0 22px;}

/* 顶栏 */
.topbar{background:linear-gradient(90deg,#241A12,#3d2a18); color:var(--ember); font-size:13px; padding:9px 0;
  border-bottom:1px solid rgba(245,177,107,.18);}
.topbar .wrap{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:6px;}
.topbar .dot-o{color:var(--o-400);}

/* 头部 — 炭黑 + 橙色燃烧渐变 */
.hero{position:relative; color:#fff; padding:66px 0 58px; overflow:hidden;
  background:linear-gradient(135deg,#241A12 6%,#3a2313 52%,#5a3413 100%);}
.hero .glow{position:absolute; border-radius:50%; filter:blur(60px); opacity:.5;}
.hero .g1{width:340px;height:340px;background:var(--o-500); right:-80px; top:-110px;}
.hero .g2{width:260px;height:260px;background:var(--ember); left:40%; bottom:-140px; opacity:.28;}
.hero .g3{width:200px;height:200px;background:var(--o-400); left:-70px; top:20%; opacity:.25;}
.hero .wrap{position:relative; z-index:2;}
.hero .crumb{color:var(--ember); font-size:12.5px; letter-spacing:3px; margin-bottom:18px; opacity:.9;}
.hero h1{font-size:clamp(30px,5vw,44px); font-weight:800; letter-spacing:1px; line-height:1.2;}
.hero .org{color:#F6D9BC; font-size:16.5px; margin-top:12px; font-weight:600;}
.hero .slogan{margin-top:16px; font-family:"Georgia","Playfair Display",serif; font-style:italic; font-size:16px; color:var(--ember); letter-spacing:1px;}
.hero .slogan .sep{opacity:.55; margin:0 8px;}
.hero .desc{margin-top:20px; font-size:14.8px; line-height:2; color:#F3E3D2; max-width:840px;}
.hero .desc strong{color:#FFD9A6; font-weight:700;}
.hero .tags{margin-top:22px; display:flex; flex-wrap:wrap; gap:9px;}
.hero .tag{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.22); color:#FFEAD2;
  font-size:12.8px; padding:6px 14px; border-radius:24px; backdrop-filter:blur(6px); transition:.2s;}
.hero .tag:hover{background:var(--o-500); border-color:var(--o-500); color:#fff; transform:translateY(-2px);}

/* 版块 */
section{padding:52px 0;}
.sec-head{display:flex; align-items:flex-end; gap:16px; margin-bottom:26px; padding-bottom:14px; border-bottom:1px solid var(--line); position:relative;}
.sec-head::after{content:""; position:absolute; left:0; bottom:-1px; width:56px; height:3px;
  background:linear-gradient(90deg,var(--o-500),transparent); border-radius:2px;}
.sec-head h2{font-size:clamp(22px,3vw,28px); font-weight:800; color:var(--o-700); letter-spacing:1px;}
.sec-head .en{font-size:11.5px; color:var(--grey); letter-spacing:3px; text-transform:uppercase; margin-bottom:4px;}
.sec-head .more{margin-left:auto; font-size:13px; color:var(--o-600); font-weight:600;}

/* 业务卡片 — 白色玻璃拟态 */
.grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:20px;}
.card{position:relative; background:var(--glass); backdrop-filter:blur(10px); border:1px solid rgba(160,90,30,.14);
  border-radius:16px; padding:26px 24px; overflow:hidden; transition:.28s;
  box-shadow:var(--sh-1);}
.card::before{content:""; position:absolute; inset:0 0 auto 0; height:4px;
  background:linear-gradient(90deg,var(--o-500),var(--ember)); opacity:.9; transition:.3s;}
.card:hover{transform:translateY(-6px); box-shadow:var(--sh-2); border-color:var(--o-400);}
.card .no{display:inline-block; font-family:Georgia,serif; font-size:12px; letter-spacing:2px; color:var(--o-600);
  font-weight:700; padding:3px 10px; border-radius:20px; background:var(--o-100);}
.card h3{font-size:19px; font-weight:800; color:var(--o-700); margin:12px 0 10px;}
.card .kws{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px;}
.card .kws span{font-size:12px; color:var(--o-ink); background:var(--o-100); padding:2px 9px; border-radius:5px;}
.card p{font-size:13.8px; line-height:1.9; color:var(--sub);}
.card .who{margin-top:14px; padding-top:13px; border-top:1px dashed var(--line); font-size:14px; color:var(--grey);}
.card .who b{color:var(--o-700);}

/* 数据亮点条 */
.stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; margin-top:34px;}
.stat{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px; text-align:center;
  box-shadow:var(--sh-1);}
.stat .num{font-family:Georgia,serif; font-weight:800; font-size:26px; color:var(--o-600);}
.stat .lbl{font-size:13px; color:var(--sub); margin-top:6px;}

/* CTA 条 — 橙色燃烧渐变 */
.cta-band{position:relative; border-radius:18px; padding:42px 32px; margin-top:48px; text-align:center; color:#fff; overflow:hidden;
  background:linear-gradient(120deg,#C25A12 0%,#EA7F2B 45%,#F29A4B 100%);
  box-shadow:0 18px 40px rgba(194,90,18,.35);}
.cta-band::before{content:""; position:absolute; inset:0;
  background:radial-gradient(circle at 8% 20%, rgba(255,255,255,.25), transparent 40%),
             radial-gradient(circle at 92% 90%, rgba(255,255,255,.18), transparent 42%);}
.cta-band .wrap{position:relative; z-index:2;}
.cta-band h3{font-size:clamp(22px,3.4vw,30px); font-weight:800; letter-spacing:1px;}
.cta-band p{font-size:15px; margin-top:12px; line-height:1.9; max-width:740px; margin-left:auto; margin-right:auto; opacity:.96;}
.cta-band .btn{display:inline-block; margin-top:22px; background:#fff; color:var(--o-700); font-weight:800; font-size:15px;
  padding:13px 36px; border-radius:32px; text-decoration:none; box-shadow:0 6px 18px rgba(0,0,0,.22); transition:.25s;}
.cta-band .btn:hover{transform:translateY(-3px); background:#241A12; color:var(--ember);}
.cta-band .btns{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;margin-top:22px;}
.cta-band .phone{font-size:18px;font-weight:800;color:#fff;letter-spacing:1px;background:rgba(255,255,255,.16);padding:11px 22px;border-radius:32px;border:1px solid rgba(255,255,255,.35);}

/* 资讯 */
.news{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:18px;}
.news-item{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:22px; text-decoration:none;
  display:flex; flex-direction:column; gap:9px; box-shadow:var(--sh-1); transition:.25s; border-left:4px solid var(--o-400);}
.news-item:hover{transform:translateY(-4px); box-shadow:var(--sh-2); border-left-color:var(--o-600);}
.news-item .date{font-size:12px; color:var(--grey); letter-spacing:1px;}
.news-item .cat{font-size:12px; color:var(--o-600); font-weight:700;}
.news-item h4{font-size:15.5px; font-weight:700; color:var(--ink); line-height:1.6;}
.news-item .read{color:var(--o-600); font-size:13px; font-weight:600; margin-top:auto;}
.news .empty{grid-column:1/-1; text-align:center; color:var(--grey); font-size:14px; padding:32px;
  background:var(--card); border:1px dashed var(--line); border-radius:14px;}

/* 页脚 */
footer{background:linear-gradient(90deg,#241A12,#3a2313); color:#C4A78A; padding:28px 0; margin-top:16px; font-size:13px; text-align:center; line-height:1.9;}
footer .brand{color:#fff; font-weight:800; letter-spacing:1px; font-size:15px;}
footer .gold{color:var(--ember);}

@media(max-width:640px){
  .hero{padding:46px 0;}
  section{padding:38px 0;}
  .card{padding:22px 20px;}
}