:root{
    --orange:#d96b1a;
    --orange-2:#e07b2a;
    --orange-deep:#b85510;
    --orange-light:#fdf3e8;
    --navy:#1a2a3a;
    --navy-2:#243a4e;
    --blue:#2a4a6a;
    --blue-light:#e8f0fa;
    --accent:#d96b1a;
    --gold:#c9a25e;
    --text:#22303e;
    --text-light:#5b6b7b;
    --bg:#ffffff;
    --bg-soft:#faf7f3;
    --border:#ece5dc;
    --radius:10px;
    --shadow:0 6px 24px rgba(26,42,58,.08);
    --shadow-lg:0 14px 40px rgba(26,42,58,.14);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
    color:var(--text);background:var(--bg);line-height:1.7;
    -webkit-font-smoothing:antialiased;
  }
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  img{max-width:100%;display:block;}
  .container{max-width:1200px;margin:0 auto;padding:0 24px;}

  /* ============ 顶部信息条 ============ */
  .topbar{background:var(--navy);color:#c6d4e4;font-size:13px;}
  .topbar .container{display:flex;justify-content:space-between;align-items:center;height:36px;}
  .topbar a{color:#fff;transition:.2s;}
  .topbar a:hover{color:var(--orange);}
  .topbar .tel{font-weight:600;letter-spacing:.5px;}
  .topbar .tel svg{vertical-align:-2px;margin-right:5px;}

  /* ============ 导航 ============ */
  header.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);transition:box-shadow .3s;}
  header.nav.scrolled{box-shadow:var(--shadow);}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;}
  .brand{display:flex;align-items:center;gap:10px;}
  .brand img{height:48px;width:auto;flex:none;}
  /* v4.4 新 logo：SVG 图标 + 柏顿智能文字（图标与字体等高） */
  .brand .brand-logo{height:36px;width:36px;border-radius:8px;filter:drop-shadow(0 2px 8px rgba(240,149,77,.35));}
  .brand .brand-name{
    font-size:34px;font-weight:800;letter-spacing:2px;line-height:1;
    background:linear-gradient(92deg,#f7a866 0%,#f0954d 45%,#fbbf24 100%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
    white-space:nowrap;
  }
  @media(max-width:640px){.brand .brand-logo{height:28px;width:28px;}.brand .brand-name{font-size:26px;letter-spacing:1px;}}
  .brand-text .cn{font-size:19px;font-weight:700;color:var(--navy);letter-spacing:1px;line-height:1.3;}
  .brand-text .en{font-size:11px;color:var(--text-light);letter-spacing:2.5px;text-transform:uppercase;}
  nav.main{display:flex;gap:6px;}
  nav.main a{padding:8px 16px;font-size:15px;color:var(--text);border-radius:6px;font-weight:500;transition:.2s;position:relative;}
  nav.main a:hover{color:var(--orange);background:var(--orange-light);}
  nav.main a.active{color:var(--orange);}
  nav.main a.active::after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:2px;background:var(--orange);border-radius:2px;}
  .menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;}
  .menu-btn span{display:block;width:22px;height:2px;background:var(--navy);margin:5px 0;transition:.3s;}

  /* ============ Hero ============ */
  .hero{position:relative;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 55%,#2a3f54 100%);color:#fff;overflow:hidden;}
  .hero::before{content:"";position:absolute;inset:0;
    background-image:radial-gradient(circle at 85% 15%,rgba(217,107,26,.35) 0,transparent 45%),radial-gradient(circle at 10% 90%,rgba(201,162,94,.18) 0,transparent 40%);
  }
  .hero-grid-bg{position:absolute;inset:0;opacity:.12;
    background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
    background-size:56px 56px;
    mask-image:linear-gradient(to top left,#000 0%,transparent 70%);
    -webkit-mask-image:linear-gradient(to top left,#000 0%,transparent 70%);
  }
  .hero-inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:88px 0 96px;}
  .hero-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:2px;color:#e8c8a8;border:1px solid rgba(255,255,255,.25);padding:6px 16px;border-radius:999px;margin-bottom:22px;background:rgba(255,255,255,.06);}
  .hero-tag i{width:6px;height:6px;border-radius:50%;background:var(--orange);display:inline-block;}
  .hero h1{font-size:42px;font-weight:700;line-height:1.35;letter-spacing:1px;margin-bottom:18px;}
  .hero h1 em{font-style:normal;color:#f5a85c;}
  .hero p.sub{font-size:17px;color:#d8d0c8;max-width:560px;margin-bottom:34px;}
  .hero-actions{display:flex;gap:16px;flex-wrap:wrap;}
  .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border-radius:8px;font-size:15px;font-weight:600;transition:.25s;cursor:pointer;border:none;}
  .btn-primary{background:var(--orange);color:#fff;box-shadow:0 8px 22px rgba(217,107,26,.45);}
  .btn-primary:hover{background:var(--orange-2);transform:translateY(-2px);}
  .btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);}
  .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.1);}

  /* Hero 楼宇插画 */
  .hero-visual{position:relative;display:flex;justify-content:center;}
  .bldg{filter:drop-shadow(0 24px 48px rgba(0,0,0,.35));}

  /* 数据条 */
  .stats{background:var(--bg);position:relative;z-index:2;}
  .stats-inner{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-top:-46px;overflow:hidden;}
  .stat{padding:26px 20px;text-align:center;border-right:1px solid var(--border);}
  .stat:last-child{border-right:none;}
  .stat .num{font-size:32px;font-weight:700;color:var(--orange);font-variant-numeric:tabular-nums;}
  .stat .num small{font-size:16px;margin-left:2px;}
  .stat .label{font-size:13px;color:var(--text-light);margin-top:4px;letter-spacing:1px;}

  /* ============ 通用 Section ============ */
  section.block{padding:88px 0;}
  section.block.soft{background:var(--bg-soft);}
  .sec-head{text-align:center;max-width:720px;margin:0 auto 56px;}
  .sec-head .kicker{display:inline-block;font-size:13px;letter-spacing:4px;color:var(--orange);font-weight:600;text-transform:uppercase;margin-bottom:12px;}
  .sec-head h2{font-size:32px;font-weight:700;color:var(--navy);letter-spacing:1px;}
  .sec-head h2::after{content:"";display:block;width:52px;height:3px;background:linear-gradient(90deg,var(--orange),var(--gold));margin:16px auto 0;border-radius:3px;}
  .sec-head p{margin-top:18px;color:var(--text-light);font-size:15px;}

  /* ============ 关于我们 ============ */
  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
  .about-text h3{font-size:24px;color:var(--navy);margin-bottom:18px;font-weight:700;}
  .about-text p{color:var(--text-light);font-size:15px;margin-bottom:14px;text-align:justify;}
  .about-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;}
  .about-point{display:flex;gap:12px;align-items:flex-start;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;transition:.25s;}
  .about-point:hover{border-color:var(--orange);box-shadow:var(--shadow);transform:translateY(-2px);}
  .about-point .ic{width:38px;height:38px;flex:none;border-radius:8px;background:var(--orange-light);display:flex;align-items:center;justify-content:center;}
  .about-point b{display:block;font-size:15px;color:var(--navy);margin-bottom:2px;}
  .about-point span{font-size:13px;color:var(--text-light);line-height:1.5;display:block;}

  /* ============ 开放协议生态条 ============ */
  .proto{margin:38px 0 0;}
  .proto-inner{display:flex;align-items:center;gap:26px;flex-wrap:wrap;border:1px dashed #e0b387;background:linear-gradient(90deg,#fdf6ee,#faf7f3);border-radius:var(--radius);padding:15px 26px;}
  .proto-title{font-size:14px;font-weight:800;color:var(--orange);letter-spacing:2px;flex-shrink:0;}
  .proto-items{display:flex;flex-wrap:wrap;gap:8px 24px;}
  .proto-item{font-size:13px;color:var(--text-light);}
  .proto-item b{color:var(--navy);margin-right:6px;font-weight:700;}

  .sol-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;}
  .sol-tags span{font-size:11.5px;color:var(--orange);background:var(--orange-light);border:1px solid #f0dcc0;border-radius:99px;padding:2px 10px;}

  .badge-feature{position:absolute;top:14px;right:14px;background:linear-gradient(90deg,var(--orange),#e88a3c);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px;letter-spacing:1px;box-shadow:0 2px 8px rgba(217,107,26,.4);}

  /* ============ 解决方案 ============ */
  .sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .sol-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:34px 28px;transition:.3s;position:relative;overflow:hidden;}
  .sol-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),#f0a860);transform:scaleX(0);transform-origin:left;transition:.35s;}
  .sol-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px);border-color:transparent;}
  .sol-card:hover::before{transform:scaleX(1);}
  .sol-card .ic{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--orange-light),#f5e0c8);display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
  .sol-card h3{font-size:18px;color:var(--navy);margin-bottom:10px;font-weight:700;}
  .sol-card p{font-size:14px;color:var(--text-light);line-height:1.75;}
  .sol-card .more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13px;color:var(--orange);font-weight:600;opacity:0;transform:translateY(4px);transition:.3s;}
  .sol-card:hover .more{opacity:1;transform:none;}

  /* ============ 产品中心 ============ */
  .prod-filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:40px;}
  .prod-filter button{border:1px solid var(--border);background:#fff;color:var(--text-light);padding:7px 18px;border-radius:999px;font-size:13.5px;cursor:pointer;transition:.25s;font-family:inherit;}
  .prod-filter button:hover{border-color:var(--orange);color:var(--orange);}
  .prod-filter button.active{background:var(--orange);border-color:var(--orange);color:#fff;}
  .prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .prod-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.3s;display:flex;flex-direction:column;}
  .prod-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px);border-color:#f0d8bc;}
  .prod-img{height:185px;background:#fff;display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid var(--border);}
  .prod-img img{max-height:100%;max-width:100%;object-fit:contain;transition:.4s;}
  .prod-card:hover .prod-img img{transform:scale(1.06);}
  .prod-img-ph{background:linear-gradient(135deg,var(--navy),var(--navy-2));border-bottom:none;}
  .prod-info{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column;}
  .prod-info .pname{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:7px;letter-spacing:.5px;}
  .prod-info .pcat{display:inline-block;align-self:flex-start;font-size:11px;color:var(--orange);border:1px solid #f0d8bc;background:var(--orange-light);padding:2px 10px;border-radius:999px;letter-spacing:1px;margin-bottom:9px;}
  .prod-info p{font-size:12.5px;color:var(--text-light);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;}
  .prod-info .pmore{font-size:12.5px;color:var(--orange);font-weight:600;margin-top:10px;opacity:0;transform:translateY(3px);transition:.3s;}
  .prod-card:hover .pmore{opacity:1;transform:none;}
/* ============ 工程案例 ============ */
  .case-filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:40px;}
  .case-filter button{border:1px solid var(--border);background:#fff;color:var(--text-light);padding:8px 20px;border-radius:999px;font-size:14px;cursor:pointer;transition:.25s;font-family:inherit;}
  .case-filter button:hover{border-color:var(--orange);color:var(--orange);}
  .case-filter button.active{background:var(--orange);border-color:var(--orange);color:#fff;}
  .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .case-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:.3s;cursor:pointer;}
  .case-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px);}
  .case-cover{height:170px;position:relative;display:flex;align-items:flex-end;padding:16px;}
  .case-cover .tag{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);color:var(--navy);font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;letter-spacing:1px;}
  .case-cover .icon{position:absolute;right:14px;top:50%;transform:translateY(-60%);opacity:.85;}
  .case-body{padding:20px 22px 24px;}
  .case-body h3{font-size:16.5px;color:var(--navy);font-weight:700;margin-bottom:8px;}
  .case-body p{font-size:13.5px;color:var(--text-light);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
  .cv1{background:linear-gradient(135deg,#1a2a3a,#2a4a6a);}
  .cv2{background:linear-gradient(135deg,#243a4e,#3a5a7a);}
  .cv3{background:linear-gradient(135deg,#2a3f54,#4a6a8a);}
  .cv4{background:linear-gradient(135deg,#1e2e3e,#2e4e6e);}
  .cv5{background:linear-gradient(135deg,#223242,#3a5a7a);}
  .cv6{background:linear-gradient(135deg,#1a2a3a,#3a5a7a);}

  /* ============ 新闻 ============ */
  .news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .news-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:.3s;display:flex;flex-direction:column;}
  .news-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px);border-color:transparent;}
  .news-date{display:flex;align-items:baseline;gap:6px;color:var(--orange);margin-bottom:12px;}
  .news-date b{font-size:26px;font-weight:700;line-height:1;}
  .news-date span{font-size:12px;color:var(--text-light);}
  .news-card h3{font-size:15px;color:var(--navy);font-weight:700;line-height:1.6;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:48px;}
  .news-card p{font-size:13px;color:var(--text-light);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}


  /* ============ 常见问题 ============ */
  .faq-list{max-width:860px;margin:0 auto;}
  .faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;overflow:hidden;transition:box-shadow .2s;}
  .faq-item:hover{box-shadow:var(--shadow);}
  .faq-q{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;font-weight:600;font-size:15.5px;color:var(--navy);}
  .faq-q .num{color:var(--orange);font-weight:700;margin-right:6px;}
  .faq-q .arrow{flex:none;color:var(--orange);transition:transform .25s;font-size:13px;}
  .faq-item.open .arrow{transform:rotate(180deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
  .faq-item.open .faq-a{max-height:420px;}
  .faq-a-inner{padding:0 22px 18px 44px;color:var(--text-light);font-size:14.5px;}
  .faq-a-inner b{color:var(--text);}
  @media(max-width:640px){.faq-a-inner{padding-left:22px;}}

  /* ============ 联系我们 ============ */
  .contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);}
  .contact-info{background:linear-gradient(150deg,var(--navy),var(--navy-2));color:#fff;padding:52px 48px;}
  .contact-info h3{font-size:24px;font-weight:700;margin-bottom:10px;}
  .contact-info>p{color:#b9cde5;font-size:14px;margin-bottom:34px;}
  .c-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12);align-items:flex-start;}
  .c-item:last-child{border-bottom:none;}
  .c-item .ic{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex:none;}
  .c-item b{display:block;font-size:13px;color:#9fbad9;margin-bottom:3px;font-weight:500;letter-spacing:1px;}
  .c-item span{font-size:15.5px;font-weight:600;}
  .contact-cta{background:#fff;padding:52px 48px;display:flex;flex-direction:column;justify-content:center;}
  .contact-cta h3{font-size:22px;color:var(--navy);font-weight:700;margin-bottom:8px;}
  .contact-cta p{color:var(--text-light);font-size:14px;margin-bottom:28px;}
  .cta-phone{display:flex;align-items:center;gap:14px;background:var(--orange-light);border:1px solid #f0d8bc;border-radius:var(--radius);padding:18px 22px;margin-bottom:18px;}
  .cta-phone .num{font-size:24px;font-weight:700;color:var(--orange);letter-spacing:1px;}
  .cta-phone .num small{display:block;font-size:12px;color:var(--text-light);font-weight:400;letter-spacing:0;margin-top:2px;}
  .btn-full{width:100%;justify-content:center;background:var(--orange);}
  .btn-full:hover{background:var(--orange-2);}

  /* ============ 页脚 ============ */
  footer{background:var(--navy);color:#8fa8c4;padding:56px 0 0;font-size:14px;}
  .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:44px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.1);}
  .foot-brand .cn{color:#fff;font-size:17px;font-weight:700;letter-spacing:1px;margin-bottom:4px;}
  .foot-brand .en{font-size:11px;letter-spacing:2px;color:#6d87a8;text-transform:uppercase;margin-bottom:16px;}
  .foot-brand p{font-size:13px;line-height:1.8;}
  footer h4{color:#fff;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:18px;}
  footer li{margin-bottom:10px;transition:.2s;}
  footer li:hover{color:#fff;}
  .foot-bottom{padding:20px 0;font-size:12.5px;color:#6d87a8;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
  .foot-bottom a{color:#8fa8c4;}
  .foot-bottom a:hover{color:#fff;}

  /* ============ 移动端 ============ */
  @media(max-width:992px){
    .hero-inner{grid-template-columns:1fr;padding:60px 0 80px;}
    .hero h1{font-size:32px;}
    .hero-visual{display:none;}
    .stats-inner{grid-template-columns:repeat(2,1fr);}
    .stat:nth-child(2){border-right:none;}
    .stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--border);}
    .about-grid,.sol-grid,.case-grid,.news-grid{grid-template-columns:1fr 1fr;}.prod-grid{grid-template-columns:repeat(2,1fr);}
    .contact-grid{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr 1fr;}
    nav.main{position:fixed;top:0;right:-280px;width:270px;height:100vh;background:#fff;flex-direction:column;padding:80px 20px 20px;gap:4px;transition:right .3s;box-shadow:-8px 0 30px rgba(0,0,0,.12);}
    nav.main.open{right:0;}
    nav.main a{padding:12px 16px;font-size:16px;}
    .menu-btn{display:block;z-index:120;}
    .menu-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .menu-btn.active span:nth-child(2){opacity:0;}
    .menu-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
    .topbar .addr{display:none;}
  }
  @media(max-width:640px){
    .about-grid,.sol-grid,.prod-grid,.case-grid,.news-grid{grid-template-columns:1fr;}
    .about-points{grid-template-columns:1fr;}
    section.block{padding:64px 0;}
    .hero h1{font-size:27px;}
    .stats-inner{grid-template-columns:1fr 1fr;}
    .contact-info,.contact-cta{padding:36px 28px;}
    .foot-grid{grid-template-columns:1fr;}
  }

  /* 滚动浮现动画 */
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.in{opacity:1;transform:none;}

  /* ============ 内页通用样式 ============ */
  a.sol-card{display:block;}
  .page-hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 62%,#2f4a63 100%);color:#fff;padding:52px 0 46px;position:relative;overflow:hidden;}
  .page-hero::after{content:"";position:absolute;right:-80px;top:-60px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(217,107,26,.35),transparent 68%);}
  .page-hero .container{position:relative;z-index:2;}
  .crumb{font-size:13px;color:#9fb3c8;margin-bottom:14px;}
  .crumb a{color:#c6d4e4;transition:.2s;}
  .crumb a:hover{color:#f5a85c;}
  .crumb span{margin:0 7px;opacity:.6;}
  .page-hero h1{font-size:30px;font-weight:700;letter-spacing:.5px;line-height:1.4;color:#fff;}
  .page-hero .lead{margin-top:12px;font-size:15px;color:#c6d4e4;max-width:800px;line-height:1.85;}
  .page-hero .pill{display:inline-block;font-size:12px;color:#f5a85c;border:1px solid rgba(245,168,92,.45);border-radius:99px;padding:3px 13px;margin-bottom:14px;letter-spacing:1px;}
  .detail-layout{display:grid;grid-template-columns:1fr 310px;gap:42px;align-items:start;}
  .prose{font-size:15px;color:var(--text);line-height:1.9;}
  .prose h2{font-size:20px;margin:36px 0 16px;color:var(--navy);padding-left:13px;border-left:4px solid var(--orange);line-height:1.5;}
  .prose h2:first-child{margin-top:0;}
  .prose p{margin-bottom:13px;color:var(--text-light);}
  .prose ul{margin:0 0 16px;}
  .prose ul li{position:relative;padding-left:20px;margin-bottom:9px;color:var(--text-light);}
  .prose ul li::before{content:"";position:absolute;left:3px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--orange);}
  .prose b{color:var(--text);}
  .feat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0 8px;}
  .feat-item{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;transition:.25s;}
  .feat-item:hover{border-color:#e8cfae;box-shadow:var(--shadow);}
  .feat-item b{display:block;color:var(--navy);font-size:14.5px;margin-bottom:5px;}
  .feat-item span{font-size:13px;color:var(--text-light);line-height:1.7;}
  .spec-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px;}
  .spec-table th,.spec-table td{border:1px solid var(--border);padding:10px 15px;text-align:left;vertical-align:top;}
  .spec-table th{background:var(--bg-soft);color:var(--navy);font-weight:600;width:170px;}
  .spec-table td{color:var(--text-light);}
  .side-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-bottom:18px;box-shadow:var(--shadow);}
  .side-card h4{font-size:15px;color:var(--navy);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border);}
  .side-card ul li{margin-bottom:10px;font-size:13.5px;line-height:1.6;}
  .side-card ul li a{color:var(--text-light);transition:.2s;}
  .side-card ul li a:hover{color:var(--orange);}
  .cta-card{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;border-radius:var(--radius);padding:24px 20px;text-align:center;}
  .cta-card b{display:block;font-size:16.5px;margin-bottom:8px;}
  .cta-card p{font-size:13px;color:#c6d4e4;margin-bottom:16px;line-height:1.7;}
  .cta-card a{display:inline-block;background:var(--orange);color:#fff;border-radius:6px;padding:9px 20px;font-size:14px;font-weight:600;transition:.2s;}
  .cta-card a:hover{background:var(--orange-2);}
  .detail-img{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:26px;text-align:center;margin-bottom:24px;}
  .detail-img img{max-height:320px;margin:0 auto;}
  .case-hero-img{border-radius:var(--radius);overflow:hidden;margin-bottom:26px;box-shadow:var(--shadow);}
  .case-hero-img img{width:100%;max-height:430px;object-fit:cover;}
  .tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px;}
  .tag-row span{font-size:12.5px;color:var(--orange);background:var(--orange-light);border:1px solid #f0dcc0;border-radius:99px;padding:3px 12px;}
  .rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-top:20px;}
  .more-wrap{text-align:center;margin-top:36px;}
  .prose .arch{margin:20px 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
  .arch-row{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid var(--border);}
  .arch-row:last-child{border-bottom:none;}
  .arch-row .k{background:var(--bg-soft);padding:16px;font-size:14px;font-weight:600;color:var(--navy);display:flex;align-items:center;}
  .arch-row .v{padding:14px 18px;font-size:13.5px;color:var(--text-light);line-height:1.75;}
  @media(max-width:980px){
    .detail-layout{grid-template-columns:1fr;}
    .feat-list{grid-template-columns:1fr;}
    .arch-row{grid-template-columns:110px 1fr;}
  }

/* ===== 悬浮咨询组件 ===== */
.fc-wrap{position:fixed;right:20px;bottom:88px;z-index:950;display:flex;align-items:flex-end;gap:12px;}
.fc-btns{display:flex;flex-direction:column;gap:10px;}
.fc-btn{width:50px;height:50px;border-radius:50%;background:#fff;border:1px solid var(--border);color:var(--orange);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:.2s;text-decoration:none;}
.fc-btn:hover{background:var(--orange);color:#fff;border-color:var(--orange);transform:translateY(-2px);}
.fc-qr{display:none;position:absolute;right:64px;bottom:0;width:210px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:16px;text-align:center;}
.fc-qr.show{display:block;}
.fc-qr img{width:150px;height:150px;display:block;margin:0 auto 10px;border-radius:8px;}
.fc-qr b{display:block;font-size:14.5px;color:var(--navy);margin-bottom:3px;}
.fc-qr span{font-size:12.5px;color:var(--orange);font-weight:600;}
.fc-btns{position:relative;}
.fc-modal{position:fixed;inset:0;z-index:980;display:none;}
.fc-modal.show{display:block;}
.fc-modal-mask{position:absolute;inset:0;background:rgba(10,20,30,.55);}
.fc-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,92vw);background:#fff;border-radius:16px;padding:30px 28px;box-shadow:0 20px 60px rgba(0,0,0,.25);}
.fc-card h3{font-size:20px;color:var(--navy);margin-bottom:6px;}
.fc-card .fc-sub{font-size:13px;color:var(--text-light);margin-bottom:18px;line-height:1.6;}
.fc-card input,.fc-card textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:11px 13px;font-size:14px;margin-bottom:12px;font-family:inherit;resize:vertical;box-sizing:border-box;}
.fc-card input:focus,.fc-card textarea:focus{outline:none;border-color:var(--orange);}
.fc-submit{width:100%;background:var(--orange);color:#fff;border:none;border-radius:8px;padding:12px;font-size:15px;font-weight:600;cursor:pointer;transition:.2s;}
.fc-submit:hover{background:var(--orange-2);}
.fc-close{position:absolute;right:14px;top:12px;background:none;border:none;font-size:26px;color:#999;cursor:pointer;line-height:1;}
@media(max-width:768px){
  .fc-wrap{right:12px;bottom:76px;}
  .fc-btn{width:44px;height:44px;}
  .fc-qr{right:56px;}
}

/* ===== Hero 轮播 ===== */
.hero-carousel{position:relative;min-height:340px;}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s;}
.hero-slide.active{position:relative;opacity:1;visibility:visible;}
.hero-dots{display:flex;gap:10px;margin-top:34px;}
.hero-dots button{width:26px;height:4px;border:none;border-radius:2px;background:rgba(255,255,255,.28);cursor:pointer;transition:.3s;padding:0;}
.hero-dots button.active{background:var(--orange);width:40px;}
@media(max-width:980px){.hero-carousel{min-height:0;}}

/* ================= 绿色科技感升级 ================= */
  .hero-inner{z-index:2;}
:root{
  --green:#63bd97;
  --green-2:#8ed3b4;
  --green-deep:#3d9b78;
  --green-light:#f1faf5;
}

/* --- Hero：绿橙双色光晕 + 网格缓动 --- */
.hero::before{background-image:
  radial-gradient(circle at 85% 15%,rgba(217,107,26,.35) 0,transparent 45%),
  radial-gradient(circle at 92% 88%,rgba(142,211,180,.30) 0,transparent 42%),
  radial-gradient(circle at 8% 90%,rgba(201,162,94,.16) 0,transparent 40%);}
.hero-grid-bg{animation:gridMove 18s linear infinite;}
@keyframes gridMove{to{background-position:56px 56px;}}

/* Hero 标题渐变字（橙→金→绿，呼应"绿色节能"） */
.hero h1 em{background:linear-gradient(92deg,#f5a85c 0%,#f6c26b 42%,#8ed3b4 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}

/* Hero 标签：绿色呼吸灯 */
.hero-tag i{background:var(--green-2);animation:tagPulse 2.2s ease-out infinite;}
@keyframes tagPulse{0%{box-shadow:0 0 0 0 rgba(142,211,180,.55);}75%{box-shadow:0 0 0 7px rgba(142,211,180,0);}100%{box-shadow:0 0 0 0 rgba(142,211,180,0);}}

/* Hero 悬浮光点（JS 注入） */
.hero-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;}
.hero-sparks i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--green-2);
  box-shadow:0 0 12px 3px rgba(142,211,180,.5);opacity:0;animation:rise 7s linear infinite;}
.hero-sparks i.o{background:#f5a85c;box-shadow:0 0 12px 3px rgba(245,168,92,.45);}
@keyframes rise{0%{transform:translateY(30px);opacity:0;}14%{opacity:.85;}82%{opacity:.4;}100%{transform:translateY(-190px);opacity:0;}}

/* 楼宇插画：绿色呼吸窗（JS 注入） */
.bldg rect.win-pulse{animation:winPulse 2.8s ease-in-out infinite;}
@keyframes winPulse{0%,100%{opacity:.9;}50%{opacity:.12;}}

/* --- 数据条：三色渐变顶线 + 渐变数字 --- */
.stats-inner{position:relative;}
.stats-inner::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:1;
  background:linear-gradient(90deg,var(--orange),var(--gold) 55%,var(--green));}
.stat .num{background:linear-gradient(135deg,var(--orange) 25%,#f09a52 70%,#ecb060);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

/* --- 板块标题：三色下划线 --- */
.sec-head h2::after{width:64px;background:linear-gradient(90deg,var(--orange),var(--gold) 55%,var(--green));}

/* --- 解决方案：双色卡（偶数卡绿色系） --- */
.sol-grid .sol-card:nth-child(even)::before{background:linear-gradient(90deg,var(--green),var(--green-2));}
.sol-grid .sol-card:nth-child(even) .ic{background:linear-gradient(135deg,var(--green-light),#dcf3e7);}
.sol-grid .sol-card:nth-child(even) .more{color:var(--green);}
.sol-grid .sol-card:nth-child(even) .sol-tags span{color:var(--green-deep);background:var(--green-light);border-color:#d3ecdf;}
.sol-card:hover{box-shadow:0 18px 44px rgba(26,42,58,.16);}
.sol-grid .sol-card:nth-child(even):hover{box-shadow:0 18px 44px rgba(99,189,151,.20);}

/* --- 开放协议生态条：绿色勾点 + 渐变底 --- */
.proto-inner{border:1px dashed #b7dcc9;background:linear-gradient(90deg,#fdf6ee 0%,#f5fbf7 55%,#eff8f3 100%);}
.proto-item b::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--green-2);margin-right:7px;vertical-align:2px;}

/* --- 浅色板块：蓝图网点纹理（科技感底纹） --- */
section.block.soft{background-image:radial-gradient(rgba(26,42,58,.055) 1px,transparent 1px);background-size:28px 28px;}

/* --- 案例封面：绿色科技光晕 --- */
.case-cover::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 82% 18%,rgba(142,211,180,.22),transparent 55%);}

/* --- 产品卡：悬停绿光 --- */
.prod-card:hover{border-color:#d3ecdf;box-shadow:0 16px 40px rgba(26,42,58,.14),0 0 0 3px rgba(142,211,180,.10);}

/* --- 联系我们：深色面加绿色辉光 --- */
.contact-info{background:radial-gradient(circle at 92% 0%,rgba(142,211,180,.26),transparent 55%),
  linear-gradient(150deg,var(--navy),var(--navy-2));}

/* --- 页脚：三色渐变顶线 --- */
footer{border-top:3px solid;border-image:linear-gradient(90deg,var(--orange),var(--gold) 55%,var(--green)) 1;}

/* --- 内页 Hero：绿色光斑 --- */
.page-hero::before{content:"";position:absolute;left:-70px;bottom:-90px;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(142,211,180,.26),transparent 68%);}
.page-hero::after{background:radial-gradient(circle,rgba(217,107,26,.35),transparent 68%),
  radial-gradient(circle at 70% 70%,rgba(142,211,180,.22),transparent 60%);}

/* --- 按钮：主按钮微渐变 --- */
.btn-primary{background:linear-gradient(135deg,var(--orange),#e8863c);}
.btn-primary:hover{background:linear-gradient(135deg,var(--orange-2),#f0954d);box-shadow:0 10px 26px rgba(217,107,26,.5);}

/* ================= 科技感升级 v2（参考 GridCMS：等宽标签/玻璃拟态/青绿点缀/数据芯片） ================= */
:root{
  --cyan:#0e9fb5;
  --cyan-2:#22d3ee;
  --mint:#34d399;
  --mono:'JetBrains Mono',Consolas,'Courier New',monospace;
}

/* --- 板块眉标：GridCMS 式等宽字体标签（如 SOLUTIONS / 解决方案） --- */
.kicker{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);}
.kicker::before{content:"// ";color:var(--cyan-2);letter-spacing:0;}
.kicker::after{content:" _";color:var(--mint);animation:cursorBlink 1.2s steps(1) infinite;}
@keyframes cursorBlink{50%{opacity:0;}}

/* --- 板块标题下划线：橙→金→青三色科技线 --- */
.sec-head h2::after{width:64px;background:linear-gradient(90deg,var(--orange),var(--gold) 48%,var(--cyan-2));}

/* --- 卡片：HUD 角标（悬停显示青色边角） --- */
.sol-card,.prod-card,.case-card{position:relative;}
.sol-card::after,.prod-card::after,.case-card::after{content:"";position:absolute;top:-1px;right:-1px;width:16px;height:16px;
  border-top:2px solid var(--cyan-2);border-right:2px solid var(--cyan-2);border-radius:0 6px 0 0;opacity:0;transition:.25s;}
.sol-card:hover::after,.prod-card:hover::after,.case-card:hover::after{opacity:1;}

/* --- 玻璃拟态：导航与卡片轻毛玻璃 --- */
.nav{backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);background:rgba(255,255,255,.82);}
.sol-card,.prod-card,.case-card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}

/* --- 数据条数字：等宽字体（工程仪表感） --- */
.stat .num{font-family:var(--mono);letter-spacing:-.01em;}
.stat .num small{font-family:var(--sans);font-weight:700;}

/* --- 主按钮：悬停流光扫过（btnshine） --- */
.btn-primary{position:relative;overflow:hidden;}
.btn-primary::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .55s ease;}
.btn-primary:hover::after{left:130%;}

/* --- Hero 实时数据芯片（JS 注入）：玻璃卡 + 等宽读数 + 迷你柱状波 --- */
.hero-chip{position:absolute;z-index:3;background:rgba(255,255,255,.78);backdrop-filter:blur(12px) saturate(1.3);
  -webkit-backdrop-filter:blur(12px) saturate(1.3);border:1px solid rgba(34,211,238,.38);border-radius:10px;
  box-shadow:0 8px 28px rgba(14,159,181,.16),inset 0 1px 0 rgba(255,255,255,.7);
  padding:10px 14px;font-family:var(--mono);animation:chipFloat 5.2s ease-in-out infinite;}
.hero-chip .lbl{display:block;font-size:10px;letter-spacing:.16em;color:var(--cyan);text-transform:uppercase;margin-bottom:3px;}
.hero-chip .val{font-size:17px;font-weight:700;color:var(--navy);}
.hero-chip .val small{font-size:11px;font-weight:600;color:var(--mint);margin-left:2px;}
.hero-chip .val .up{color:var(--orange);}
.hero-chip .bars{display:inline-flex;gap:2px;align-items:flex-end;height:16px;margin-left:8px;vertical-align:-3px;}
.hero-chip .bars i{width:3px;background:linear-gradient(180deg,var(--cyan-2),var(--mint));border-radius:1px;animation:barwave 1.15s ease-in-out infinite;}
.hero-chip .bars i:nth-child(1){height:40%;animation-delay:0s;}
.hero-chip .bars i:nth-child(2){height:75%;animation-delay:.15s;}
.hero-chip .bars i:nth-child(3){height:55%;animation-delay:.3s;}
.hero-chip .bars i:nth-child(4){height:90%;animation-delay:.45s;}
.hero-chip .bars i:nth-child(5){height:62%;animation-delay:.6s;}
@keyframes barwave{0%,100%{transform:scaleY(.55);}50%{transform:scaleY(1);}}
.hero-chip .bars i{transform-origin:bottom;}
.hero-chip.c1{top:6%;right:-6px;}
.hero-chip.c2{top:38%;right:-14px;animation-delay:.8s;}
.hero-chip.c3{bottom:10%;right:2%;animation-delay:1.6s;}
@keyframes chipFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
@media(max-width:980px){.hero-chip{display:none;}}

/* --- 协议生态条：加青色科技角 --- */
.proto-inner{position:relative;}
.proto-inner::before{content:"";position:absolute;top:-1px;left:-1px;width:18px;height:18px;
  border-top:2px solid var(--cyan-2);border-left:2px solid var(--cyan-2);border-radius:6px 0 0 0;}

/* --- 详情页内页 hero：等宽面包屑点缀 --- */
.page-hero .crumb,.crumb{font-family:var(--mono);letter-spacing:.08em;}

/* --- 减少动效偏好适配 --- */
@media(prefers-reduced-motion:reduce){
  .hero-chip,.hero-chip .bars i,.kicker::after{animation:none;}
  .btn-primary::after{display:none;}
}

/* ================= v3 升级：阅读进度条 / 返回顶部 / 移动端转化栏 / 可访问性 ================= */

/* --- 顶部阅读进度条（三色渐变，随滚动填充） --- */
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:300;pointer-events:none;
  background:rgba(226,232,240,.18);}
.reading-progress i{display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--orange),var(--gold) 48%,var(--cyan-2));
  box-shadow:0 0 8px rgba(34,211,238,.45);transition:width .08s linear;}

/* --- 返回顶部（悬浮按钮列内，带滚动进度环） --- */
#fcTop{position:relative;opacity:0;visibility:hidden;transform:translateY(6px);}
#fcTop.show{opacity:1;visibility:visible;transform:none;}
#fcTop::before{content:"";position:absolute;inset:-1px;border-radius:50%;
  background:conic-gradient(var(--cyan-2) calc(var(--p,0)*1%),rgba(226,232,240,.25) 0);}
#fcTop::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff;z-index:-1;}
#fcTop svg{position:relative;z-index:1;transition:transform .25s;}
#fcTop:hover svg{transform:translateY(-2px);}

/* --- 移动端底部转化栏（电话/微信/留言） --- */
.m-cta{display:none;}
@media(max-width:768px){
  .fc-wrap{display:none;}              /* 移动端由底部转化栏替代悬浮球 */
  .m-cta{display:grid;grid-template-columns:1.3fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:940;
    background:rgba(255,255,255,.94);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);
    border-top:1px solid var(--border);box-shadow:0 -6px 24px rgba(26,42,58,.10);
    padding-bottom:env(safe-area-inset-bottom);}
  .m-cta a,.m-cta button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    height:56px;font-size:12px;font-weight:600;color:var(--text);background:none;border:none;cursor:pointer;font-family:inherit;}
  .m-cta .m-tel{background:linear-gradient(135deg,var(--orange),#e8863c);color:#fff;font-size:13.5px;flex-direction:row;gap:8px;}
  .m-cta .m-tel svg{width:17px;height:17px;}
  .m-cta .m-wx,.m-cta .m-msg{color:var(--navy);}
  .m-cta .m-wx svg,.m-cta .m-msg svg{width:21px;height:21px;color:var(--cyan);}
  body{padding-bottom:0;}
  main,footer{padding-bottom:0;}
  footer{padding-bottom:56px;}
  /* 微信二维码弹层（居中于栏上方） */
  .m-qr{position:fixed;left:50%;bottom:72px;transform:translateX(-50%) translateY(8px);width:200px;
    background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);
    padding:14px;text-align:center;z-index:960;opacity:0;visibility:hidden;transition:.25s;}
  .m-qr.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
  .m-qr img{width:140px;height:140px;margin:0 auto 8px;border-radius:8px;}
  .m-qr b{display:block;font-size:14px;color:var(--navy);margin-bottom:2px;}
  .m-qr span{font-size:12px;color:var(--orange);font-weight:600;}
}

/* --- 锚点定位偏移（避免被吸顶导航遮挡） --- */
section[id],footer[id]{scroll-margin-top:86px;}

/* --- 可访问性：键盘焦点样式 + 文本选中色 --- */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--cyan-2);outline-offset:2px;border-radius:4px;}
::selection{background:rgba(34,211,238,.28);color:var(--navy);}
.faq-q{user-select:none;}

/* --- 卡片网格级联浮现（stagger，delay 由 JS 写入） --- */
.sol-grid .reveal,.prod-grid .reveal,.case-grid .reveal,.news-grid .reveal,.about-points .reveal{
  transition:opacity .7s ease,transform .7s ease;}

/* --- 移动端菜单打开时锁定背景滚动 --- */
body.nav-lock{overflow:hidden;}
nav.main.open{overflow-y:auto;}

/* --- v3 减少动效补充适配 --- */
@media(prefers-reduced-motion:reduce){
  .reading-progress i{transition:none;}
  #fcTop svg,.reveal{transition:none;}
  .reveal{opacity:1;transform:none;}
}

/* ================= v4：全站深色科技风（GridCMS 基底 × BATOWN 橙） ================= */
:root{
  --cyan:#22d3ee;
  --sans:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
}
/* v4 标题/眉标适配深色底 */
.sec-head h2{color:#fff;}
.about-text h3,.contact-info h3,.contact-cta h3{color:#fff;}
.sol-card h3{color:#fff;}
.kicker{color:var(--cyan);}

:root{
  --bg:#0c1220;
  --bg-soft:#0e1626;
  --panel:#111a2c;
  --panel-2:#152033;
  --border:#22304e;
  --navy:#0d1626;
  --navy-2:#121d30;
  --orange:#f0954d;
  --orange-2:#f7a866;
  --orange-deep:#d97e35;
  --orange-light:rgba(240,149,77,.13);
  --gold:#fbbf24;
  --text:#e6edf7;
  --text-light:#9db0ca;
  --blue-light:rgba(34,211,238,.10);
  --shadow:0 8px 28px rgba(0,0,0,.45);
  --shadow-lg:0 18px 48px rgba(0,0,0,.55);
  --grad-brand:linear-gradient(92deg,#f0954d,#fbbf24);
}
html{background:var(--bg);}
body{background:var(--bg);color:var(--text);}

/* --- 顶栏 / 导航 --- */
.topbar{background:#080d18;border-bottom:1px solid var(--border);}
header.nav{background:rgba(7,11,20,.82);border-bottom:1px solid var(--border);}
.brand-text .cn{color:#fff;}
.menu-btn span{background:#fff;}
nav.main a{color:var(--text-light);}
nav.main a:hover{color:var(--orange);background:rgba(240,149,77,.10);}
nav.main a.active{color:var(--orange);}
@media(max-width:992px){nav.main{background:var(--panel);box-shadow:-8px 0 30px rgba(0,0,0,.5);}}

/* --- Hero --- */
.hero{background:radial-gradient(circle at 82% 12%,rgba(240,149,77,.14) 0,transparent 45%),
  radial-gradient(circle at 8% 88%,rgba(34,211,238,.10) 0,transparent 42%),
  linear-gradient(160deg,#101a30 0%,#0c1220 100%);}
.hero p.sub{color:#c3cfe2;}
.hero h1 em{background:linear-gradient(92deg,#f7a866 0%,#fbbf24 45%,#7be7f7 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.hero-tag{color:#f3c79b;border-color:rgba(240,149,77,.35);background:rgba(240,149,77,.08);}
.hero-chip{background:rgba(13,21,36,.78);border-color:rgba(34,211,238,.35);}
.hero-chip .val{color:#fff;}
.bldg rect[fill="#243a4e"]{fill:#152238;}
.bldg rect[fill="#2a4a6a"]{fill:#1a2c47;}

/* --- 数据条 --- */
.stats-inner{background:var(--panel);border-color:var(--border);}
.stat .num{background:linear-gradient(135deg,#f7a866 20%,#fbbf24 70%,#7be7f7);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

/* --- 卡片体系（方案/产品/案例/新闻/FAQ） --- */
.sol-card,.prod-card,.case-card,.news-card,.faq-item{background:var(--panel);border-color:var(--border);}
.sol-card .ic{background:linear-gradient(135deg,rgba(240,149,77,.16),rgba(251,191,36,.07));}
.sol-card h3,.prod-info .pname,.case-body h3,.news-card h3{color:#fff;}
.sol-card:hover,.prod-card:hover,.case-card:hover,.news-card:hover{border-color:#2a3d63;}
.prod-card:hover{box-shadow:var(--shadow-lg),0 0 0 3px rgba(240,149,77,.08);}
/* v4.5：产品图换回白底原图，图片区保持白底融合 */
.prod-img{background:#fff;}
.prod-img img{filter:none;}
.prod-img-ph{background:linear-gradient(135deg,#101a2d,#152238);border-bottom-color:var(--border);}
.sol-card .more,.prod-info .pmore,.prod-info .pcat{color:var(--orange);}
.prod-info .pcat{border-color:rgba(240,149,77,.4);background:var(--orange-light);}
.sol-tags span,.tag-row span{color:var(--orange);background:var(--orange-light);border-color:rgba(240,149,77,.35);}
.case-cover .tag{background:rgba(7,11,20,.82);color:#fff;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);}
.prod-filter button,.case-filter button,.filter button{background:var(--panel);border:1px solid var(--border);color:var(--text-light);padding:7px 18px;font-size:13.5px;border-radius:999px;cursor:pointer;transition:.25s;font-family:inherit;}
.filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:40px;}
/* 首页「更多产品」入口卡片 */
.prod-more{display:flex;align-items:center;justify-content:center;min-height:100%;}
.prod-more-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 20px;width:100%;height:100%;min-height:260px;}
.prod-more-plus{width:46px;height:46px;border-radius:50%;border:2px dashed rgba(240,149,77,.55);color:var(--orange);font-size:26px;font-weight:300;display:flex;align-items:center;justify-content:center;transition:.3s;}
.prod-more .pname{color:#fff;}
.prod-more:hover .prod-more-plus{border-color:var(--orange);background:rgba(240,149,77,.12);transform:rotate(90deg);}
.prod-more:hover{border-color:var(--orange);}
.prod-filter button.active,.case-filter button.active,.filter button.active{background:var(--grad-brand);border-color:transparent;color:#10131c;font-weight:700;box-shadow:0 6px 18px rgba(240,149,77,.35);}
.prod-filter button:hover,.case-filter button:hover,.filter button:hover{border-color:var(--orange);color:var(--orange);}
.prod-filter button.active:hover,.case-filter button.active:hover,.filter button.active:hover{color:#10131c;}

/* --- 关于/协议条 --- */
.about-text h3{color:#fff;}
.about-point{background:var(--panel);border-color:var(--border);}
.about-point b{color:#fff;}
.about-point:hover{border-color:var(--orange);}
.proto-inner{border:1px dashed rgba(240,149,77,.4);
  background:linear-gradient(90deg,rgba(240,149,77,.06) 0%,rgba(34,211,238,.05) 55%,rgba(52,211,153,.05) 100%);}
.proto-item b{color:#fff;}
.proto-title{color:var(--orange);}

/* --- 内页（详情/产品/方案/案例） --- */
.page-hero{background:radial-gradient(circle at 88% 10%,rgba(240,149,77,.16) 0,transparent 46%),
  radial-gradient(circle at 6% 90%,rgba(34,211,238,.10) 0,transparent 42%),
  linear-gradient(160deg,#0c1526 0%,#0a111e 100%);}
.page-hero h1{color:#fff;}
.page-hero .pill{color:#f7a866;border-color:rgba(247,168,102,.45);}
.prose{color:var(--text);}
.prose h2{color:#fff;border-left-color:var(--orange);}
.prose b{color:#fff;}
.feat-item{background:var(--panel);border-color:var(--border);}
.feat-item b{color:#fff;}
.feat-item:hover{border-color:rgba(240,149,77,.45);}
.spec-table th{background:var(--panel-2);color:#fff;}
.spec-table th,.spec-table td{border-color:var(--border);}
.spec-table td{color:var(--text-light);}
.side-card{background:var(--panel);border-color:var(--border);}
.side-card h4{color:#fff;border-bottom-color:var(--border);}
.detail-img{background:var(--panel);border-color:var(--border);}
.arch-row .k{background:var(--panel-2);color:#fff;}
.arch-row .k,.arch-row .v{border-bottom-color:var(--border);}
.arch-row{border-bottom-color:var(--border);}
.cta-card{background:linear-gradient(150deg,#101a2d,#0b1322);border:1px solid var(--border);}
.cta-card a{background:var(--grad-brand);color:#10131c;}
.cta-card a:hover{filter:brightness(1.1);}

/* --- 联系我们 --- */
.contact-info{background:radial-gradient(circle at 92% 0%,rgba(34,211,238,.18),transparent 55%),
  linear-gradient(150deg,#101a2d,#0b1322);}
.contact-cta{background:var(--panel);}
.contact-cta h3{color:#fff;}
.cta-phone{background:var(--orange-light);border-color:rgba(240,149,77,.4);}
.cta-phone .num{color:var(--orange);}
.c-item b{color:#8fa8c4;}

/* --- 页脚 --- */
footer{background:#080d18;}
.foot-brand .cn{color:#fff;}

/* --- 悬浮组件 / 弹窗 / 移动栏 --- */
.fc-btn{background:var(--panel);border-color:var(--border);}
.fc-btn:hover{background:var(--grad-brand);border-color:transparent;}
.fc-qr,.m-qr{background:var(--panel);border-color:var(--border);}
.fc-qr b,.m-qr b{color:#fff;}
.fc-card{background:var(--panel);box-shadow:0 24px 70px rgba(0,0,0,.6);}
.fc-card h3{color:#fff;}
.fc-card input,.fc-card textarea{background:var(--bg-soft);border-color:var(--border);color:var(--text);}
.fc-close{color:#64748b;}
.m-cta{background:rgba(10,17,30,.95);border-top-color:var(--border);}
.m-cta .m-wx,.m-cta .m-msg{color:#e6edf7;}

/* --- 滚动条 / 选中 --- */
::-webkit-scrollbar{width:10px;height:8px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:#22304f;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:#2c3f68;}
::selection{background:rgba(240,149,77,.35);color:#fff;}

/* --- 按钮：主按钮橙色渐变（深色底上更亮） --- */
.btn-primary{background:var(--grad-brand);color:#10131c;box-shadow:0 8px 26px rgba(240,149,77,.35);}
.btn-primary:hover{background:linear-gradient(92deg,#f7a866,#fcd34d);box-shadow:0 10px 30px rgba(240,149,77,.45);}
.btn-full{background:var(--grad-brand);color:#10131c;}
.btn-ghost{border-color:rgba(255,255,255,.35);}

/* --- 板块底纹（深色底上的青色网点） --- */
section.block.soft{background:var(--bg-soft);
  background-image:radial-gradient(rgba(34,211,238,.05) 1px,transparent 1px);background-size:28px 28px;}

/* --- FAQ --- */
.faq-q{color:#fff;}
.faq-a-inner b{color:#fff;}

/* --- 新闻日期 --- */
.news-date b{color:var(--orange);}

/* ================= v4 新增：资料下载 / 文章列表 / 后台通用 ================= */
.dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.dl-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:26px 24px;
  display:flex;flex-direction:column;gap:12px;transition:.25s;position:relative;overflow:hidden;}
.dl-card::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,149,77,.55),transparent);}
.dl-card:hover{border-color:#2a3d63;transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.dl-card .dl-ic{width:44px;height:44px;border-radius:10px;background:var(--orange-light);
  display:flex;align-items:center;justify-content:center;color:var(--orange);}
.dl-card h3{font-size:16.5px;color:#fff;font-weight:700;line-height:1.5;}
.dl-card p{font-size:13px;color:var(--text-light);line-height:1.7;flex:1;}
.dl-card .dl-meta{font-family:var(--mono);font-size:11px;color:#64748b;letter-spacing:.06em;}
.dl-card .dl-btn{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  font-size:13px;font-weight:700;color:var(--orange);border:1px solid rgba(240,149,77,.45);
  border-radius:6px;padding:8px 16px;transition:.2s;text-decoration:none;}
.dl-card .dl-btn:hover{background:var(--grad-brand);color:#10131c;border-color:transparent;}
.art-list{max-width:860px;margin:0 auto;}
.art-card{display:flex;gap:20px;background:var(--panel);border:1px solid var(--border);border-radius:12px;
  padding:24px 26px;margin-bottom:16px;transition:.25s;display:flex;}
.art-card:hover{border-color:#2a3d63;transform:translateX(4px);}
.art-card .a-date{font-family:var(--mono);flex:none;width:64px;text-align:center;border-right:1px solid var(--border);padding-right:16px;}
.art-card .a-date b{display:block;font-size:26px;color:var(--orange);line-height:1.1;}
.art-card .a-date span{font-size:11px;color:#64748b;}
.art-card h3{font-size:17px;color:#fff;font-weight:700;margin-bottom:8px;line-height:1.5;}
.art-card p{font-size:13.5px;color:var(--text-light);line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.art-card .a-tag{display:inline-block;font-size:11px;color:#22d3ee;border:1px solid rgba(34,211,238,.4);
  border-radius:3px;padding:2px 8px;margin-bottom:9px;letter-spacing:.08em;}
.empty-tip{text-align:center;padding:70px 20px;color:var(--text-light);font-size:14.5px;}
.empty-tip .mono{color:#22d3ee;letter-spacing:.2em;font-size:12px;display:block;margin-bottom:12px;}
/* --- 文章详情页元信息 / 返回 --- */
.art-meta{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap;}
.art-meta .a-tag{display:inline-block;font-size:11px;color:#22d3ee;border:1px solid rgba(34,211,238,.4);
  border-radius:3px;padding:3px 10px;letter-spacing:.08em;}
.art-date{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#8298b3;font-family:var(--mono);letter-spacing:.05em;}
.back-to-list{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-size:13.5px;color:var(--text-light);
  transition:color .2s,transform .2s;}
.back-to-list:hover{color:var(--orange);transform:translateX(-3px);}
@media(max-width:992px){.dl-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.dl-grid{grid-template-columns:1fr;}
  .art-card{flex-direction:column;gap:12px;}
  .art-card .a-date{width:auto;text-align:left;border-right:none;border-bottom:1px solid var(--border);padding:0 0 10px;}}

/* --- 后台 /admin --- */
.adm{max-width:1080px;margin:0 auto;padding:36px 22px 80px;}
.adm-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:12px;}
.adm-head h1{font-size:22px;color:#fff;letter-spacing:.5px;}
.adm-head .adm-out{font-size:13px;color:var(--text-light);background:none;border:1px solid var(--border);
  border-radius:6px;padding:8px 16px;cursor:pointer;transition:.2s;}
.adm-head .adm-out:hover{border-color:var(--orange);color:var(--orange);}
.adm-tabs{display:flex;gap:8px;margin-bottom:26px;}
.adm-tabs button{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;padding:10px 22px;
  border:1px solid var(--border);border-radius:6px;color:var(--text-light);background:var(--panel);cursor:pointer;transition:.2s;}
.adm-tabs button.on{background:var(--grad-brand);color:#10131c;border-color:transparent;font-weight:700;}
.adm-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px;}
.adm-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.adm-form .full{grid-column:1/-1;}
.adm-form label{display:block;font-size:12.5px;color:var(--text-light);margin-bottom:6px;letter-spacing:.05em;}
.adm-form input,.adm-form textarea,.adm-form select{width:100%;background:var(--bg-soft);border:1px solid var(--border);
  border-radius:8px;padding:11px 13px;font-size:14px;color:var(--text);font-family:inherit;box-sizing:border-box;}
.adm-form input:focus,.adm-form textarea:focus{outline:none;border-color:var(--orange);}
.adm-form textarea{resize:vertical;min-height:120px;}
.adm-submit{grid-column:1/-1;justify-self:start;background:var(--grad-brand);color:#10131c;border:none;
  border-radius:8px;padding:13px 34px;font-size:14.5px;font-weight:700;cursor:pointer;transition:.2s;}
.adm-submit:hover{filter:brightness(1.1);}
.adm-list{margin-top:30px;border-top:1px solid var(--border);}
.adm-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 4px;border-bottom:1px solid var(--border);}
.adm-row b{color:#fff;font-size:14.5px;font-weight:600;}
.adm-row small{color:#64748b;font-size:11.5px;font-family:var(--mono);}
.adm-row .ops{display:flex;gap:8px;flex:none;}
.adm-row .ops button{font-size:12px;border:1px solid var(--border);background:none;color:var(--text-light);
  border-radius:5px;padding:6px 12px;cursor:pointer;transition:.2s;}
.adm-row .ops .del:hover{border-color:#f87171;color:#f87171;}
.adm-row .ops .pub:hover{border-color:#34d399;color:#34d399;}
.adm-login{max-width:400px;margin:12vh auto;background:var(--panel);border:1px solid var(--border);
  border-radius:14px;padding:38px 34px;text-align:center;}
.adm-login h1{font-size:19px;color:#fff;margin-bottom:6px;}
.adm-login p{font-size:12.5px;color:var(--text-light);margin-bottom:22px;}
.adm-login input{width:100%;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;
  padding:12px 14px;font-size:14px;color:var(--text);margin-bottom:14px;box-sizing:border-box;}
.adm-login button{width:100%;background:var(--grad-brand);color:#10131c;border:none;border-radius:8px;
  padding:12px;font-size:14.5px;font-weight:700;cursor:pointer;}
.adm-tip{font-size:12.5px;color:#34d399;margin-top:12px;min-height:18px;}
@media(max-width:720px){.adm-form{grid-template-columns:1fr;}}