/*
Theme Name: SUNVOLT Energy
Theme URI: http://23.27.168.181:8085
Author: SUNVOLT
Author URI: http://23.27.168.181:8085
Description: Custom ToB theme for SUNVOLT ENERGY — 12V lithium power solutions for emerging markets. Built from the SUNVOLT demo design.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: sunvolt
*/

/* ===== SUNVOLT Theme Styles (from demo) ===== */
:root{
    --bg-dark:#081714;
    --bg-dark2:#0c211c;
    --green:#22c55e;
    --green-bright:#4ade80;
    --text-light:#e8f5ee;
    --text-dim:#9fb8ad;
    --white:#ffffff;
    --bg-light:#f6faf8;
    --border:#e2ece7;
    --accent-orange:#f59e0b;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:#12211b;line-height:1.6;}
  .container{max-width:1160px;margin:0 auto;padding:0 24px;}
  img{max-width:100%;display:block;}

  /* ===== NAV ===== */
  nav{position:sticky;top:0;z-index:50;background:rgba(8,23,20,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:80px;padding:4px 0;}
  .logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:19px;letter-spacing:-.3px;text-decoration:none;}
  .logo .bolt{width:32px;height:32px;background:linear-gradient(135deg,#22c55e,#059669);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;}
  .nav-links{display:flex;gap:26px;list-style:none;}
  .nav-links a{color:#3d5a4f;text-decoration:none;font-size:14px;font-weight:600;transition:color .2s;white-space:nowrap;}
  .nav-links a:hover{color:#16a34a;}
  .nav-cta{display:flex;gap:8px;align-items:center;}
  .nav-cta .btn{padding:6px 12px;font-size:12.5px;}
  .nav-cta .btn-outline{border-width:1px;}
  .nav-quote{color:#16a34a;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;transition:color .2s;}
  .nav-quote:hover{color:#0d9488;}
  .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;transition:all .2s;cursor:pointer;border:none;}
  .btn-green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;}
  .btn-green:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(34,197,94,.35);}
  .btn-outline{border:1.5px solid rgba(255,255,255,.35);color:#fff;background:transparent;}
  .btn-outline:hover{border-color:var(--green-bright);color:var(--green-bright);}
  .btn-wa{background:#25d366;color:#fff;}
  .btn-wa:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(37,211,102,.35);}
  .menu-btn{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;}

  /* ===== HERO ===== */
  .hero{background:radial-gradient(1100px 600px at 75% -10%,rgba(34,197,94,.18),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(5,150,105,.15),transparent 60%),linear-gradient(160deg,#081714 0%,#0b231d 60%,#0a1f19 100%);color:#fff;padding:96px 0 84px;position:relative;overflow:hidden;}
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;}
  .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.35);color:var(--green-bright);padding:7px 14px;border-radius:100px;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:22px;}
  .hero h1{font-size:clamp(32px,4.6vw,54px);line-height:1.12;font-weight:800;letter-spacing:-1.5px;margin-bottom:20px;}
  .hero h1 span{background:linear-gradient(90deg,#4ade80,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
  .hero p.sub{font-size:17px;color:var(--text-dim);max-width:520px;margin-bottom:34px;font-weight:300;}
  .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
  .hero-stats{display:flex;gap:36px;margin-top:52px;flex-wrap:wrap;}
  .hero-stats .stat b{display:block;font-size:26px;font-weight:800;color:#fff;}
  .hero-stats .stat span{font-size:13px;color:var(--text-dim);}
  .hero-visual{position:relative;}
  .battery-card{background:linear-gradient(160deg,#0f2b22,#0a1f19);border:1px solid rgba(74,222,128,.22);border-radius:20px;padding:34px;box-shadow:0 30px 60px rgba(0,0,0,.45);}
  .battery-card .cap{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}
  .battery-card .cap span{color:var(--text-dim);font-size:13px;font-weight:500;}
  .battery-card .cap b{color:var(--green-bright);font-size:13px;}
  .cell{height:34px;background:linear-gradient(90deg,rgba(34,197,94,.22),rgba(34,197,94,.05));border:1px solid rgba(74,222,128,.3);border-radius:8px;margin-bottom:8px;display:flex;align-items:center;padding:0 14px;font-size:12px;color:#cfe6db;font-weight:500;}
  .cell .dots{margin-left:auto;display:flex;gap:3px;}
  .cell .dots i{width:6px;height:6px;border-radius:50%;background:#22c55e;}
  .cell.full .dots i{background:#f59e0b;}
  .battery-card .spec-row{display:flex;justify-content:space-between;border-top:1px dashed rgba(255,255,255,.12);padding:11px 0;font-size:13.5px;}
  .battery-card .spec-row span{color:var(--text-dim);}
  .battery-card .spec-row b{color:#fff;font-weight:600;}
  .float-tag{position:absolute;background:rgba(8,23,20,.92);border:1px solid rgba(74,222,128,.3);border-radius:12px;padding:10px 14px;font-size:12.5px;color:var(--text-light);box-shadow:0 12px 30px rgba(0,0,0,.4);display:flex;align-items:center;gap:8px;font-weight:500;}
  .float-tag i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;}
  .ft1{top:-18px;right:8px;}
  .ft2{bottom:26px;left:-24px;}

  /* ===== TRUST BAR ===== */
  .trust{background:#fff;border-bottom:1px solid var(--border);padding:22px 0;}
  .trust-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
  .trust-item{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:#3d5a4f;}
  .trust-item .badge{width:34px;height:34px;border-radius:8px;background:var(--bg-light);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:#16a34a;font-weight:800;}

  /* ===== SECTIONS ===== */
  section{padding:84px 0;}
  .sec-head{text-align:center;max-width:640px;margin:0 auto 52px;}
  .sec-head .kicker{color:#16a34a;font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;}
  .sec-head h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-1px;color:#0d1f19;}
  .sec-head p{color:#5b7468;margin-top:12px;font-size:15.5px;}

  /* ===== PRODUCTS ===== */
  .products{background:var(--bg-light);}
  .prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;}
  .prod-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px;transition:all .25s;text-decoration:none;color:inherit;display:block;}
  .prod-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(13,31,25,.10);border-color:#bcdccb;}
  .prod-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(34,197,94,.14),rgba(5,150,105,.10));display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;}
  .prod-card h3{font-size:17.5px;font-weight:700;margin-bottom:8px;color:#0d1f19;}
  .prod-card p{font-size:13.5px;color:#5b7468;margin-bottom:14px;}
  .prod-card .tags{display:flex;flex-wrap:wrap;gap:6px;}
  .prod-card .tags span{font-size:11.5px;background:var(--bg-light);border:1px solid var(--border);color:#3d5a4f;padding:3px 9px;border-radius:100px;font-weight:500;}
  .prod-card .more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13.5px;font-weight:600;color:#16a34a;}

  /* ===== SPEC TABLE ===== */
  .spec-wrap{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 10px 34px rgba(13,31,25,.06);}
  .spec-head{background:linear-gradient(120deg,#0c211c,#12352a);color:#fff;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
  .spec-head h3{font-size:18px;font-weight:700;}
  .spec-head span{font-size:13px;color:#9fd9bd;}
  table{width:100%;border-collapse:collapse;}
  td{padding:13px 28px;font-size:14px;border-bottom:1px solid var(--border);}
  td:first-child{color:#3d5a4f;font-weight:500;width:38%;}
  td:last-child{color:#0d1f19;font-weight:600;}
  tr:last-child td{border-bottom:none;}
  tr:nth-child(even) td{background:#fafcfb;}

  /* ===== MARKETS ===== */
  .markets{background:#fff;}
  .market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;}
  .market-card{border:1px solid var(--border);border-radius:16px;padding:24px;background:var(--bg-light);transition:all .2s;}
  .market-card:hover{border-color:#bcdccb;background:#fff;}
  .market-card .flag{font-size:26px;margin-bottom:12px;}
  .market-card h4{font-size:15.5px;font-weight:700;color:#0d1f19;margin-bottom:6px;}
  .market-card p{font-size:13px;color:#5b7468;}

  /* ===== WHY US ===== */
  .why{background:linear-gradient(160deg,#081714,#0b231d);color:#fff;}
  .why .sec-head h2{color:#fff;}
  .why .sec-head p{color:var(--text-dim);}
  .why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;}
  .why-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:26px;}
  .why-card .num{font-size:13px;font-weight:700;color:var(--green-bright);letter-spacing:1px;margin-bottom:10px;}
  .why-card h4{font-size:16px;font-weight:700;margin-bottom:8px;}
  .why-card p{font-size:13.5px;color:var(--text-dim);}

  /* ===== CASES ===== */
  .cases{background:var(--bg-light);}
  .case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;}
  .case-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px;position:relative;}
  .case-card .region{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#16a34a;background:rgba(34,197,94,.1);padding:4px 10px;border-radius:100px;margin-bottom:14px;}
  .case-card h4{font-size:16px;font-weight:700;color:#0d1f19;margin-bottom:8px;}
  .case-card p{font-size:13.5px;color:#5b7468;margin-bottom:14px;}
  .case-card .result{font-size:13px;font-weight:600;color:#0d1f19;border-top:1px dashed var(--border);padding-top:12px;}

  /* ===== QUOTE CTA ===== */
  .cta-section{background:radial-gradient(800px 400px at 50% 0%,rgba(34,197,94,.15),transparent 60%),linear-gradient(160deg,#081714,#0c211c);color:#fff;text-align:center;}
  .cta-section h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-1px;margin-bottom:14px;}
  .cta-section p{color:var(--text-dim);max-width:560px;margin:0 auto 30px;font-size:15.5px;}
  .cta-form{max-width:640px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left;}
  .cta-form input,.cta-form textarea,.cta-form select{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:13px 16px;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:border .2s;}
  .cta-form input::placeholder,.cta-form textarea::placeholder{color:#6f8f81;}
  .cta-form input:focus,.cta-form textarea:focus{border-color:var(--green);}
  .cta-form .full{grid-column:1/-1;}
  .cta-form button{grid-column:1/-1;justify-content:center;font-size:15px;padding:14px;}
  .form-note{margin-top:16px;font-size:12.5px;color:#6f8f81;}

  /* ===== FOOTER ===== */
  footer{background:#060f0d;color:#7d9a8e;padding:44px 0;font-size:13.5px;}
  .footer-inner{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;}
  .footer-inner .brand{max-width:300px;}
  .footer-inner .brand .logo{margin-bottom:12px;}
  .footer-inner p{line-height:1.7;}
  .footer-col h5{color:#cfe6db;font-size:13.5px;font-weight:700;margin-bottom:12px;}
  .footer-col a{display:block;color:#7d9a8e;text-decoration:none;margin-bottom:8px;}
  .footer-col a:hover{color:var(--green-bright);}
  .footer-bottom{border-top:1px solid rgba(255,255,255,.07);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;}

  /* ===== RESPONSIVE ===== */
  @media(max-width:900px){
    .hero-grid{grid-template-columns:1fr;gap:44px;}
    .float-tag{display:none;}
    .nav-links{display:none;position:absolute;top:80px;left:0;right:0;background:var(--bg-dark2);flex-direction:column;padding:20px 24px;gap:18px;border-bottom:1px solid rgba(255,255,255,.1);}
    .nav-links.open{display:flex;}
    .menu-btn{display:block;}
    .nav-cta .btn-outline{display:none;}
  }
  @media(max-width:560px){
    section{padding:64px 0;}
    .hero{padding:64px 0;}
    .cta-form{grid-template-columns:1fr;}
  }

  /* ===== PRODUCT CATALOG PAGE ===== */
  .cat-hero{background:radial-gradient(1100px 600px at 75% -10%,rgba(34,197,94,.18),transparent 60%),linear-gradient(160deg,#081714 0%,#0b231d 60%,#0a1f19 100%);color:#fff;padding:84px 0 60px;text-align:center;}
  .cat-hero h1{font-size:clamp(28px,4vw,46px);line-height:1.15;font-weight:800;letter-spacing:-1px;max-width:760px;margin:0 auto 16px;}
  .cat-hero h1 span{background:linear-gradient(90deg,#4ade80,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
  .cat-hero p.sub{color:var(--text-dim);max-width:640px;margin:0 auto 30px;font-size:15.5px;font-weight:300;}
  .cat-hero .hero-badge{margin-bottom:18px;}
  .cat-hero .hero-ctas{justify-content:center;}
  .cat-toc{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;}
  .cat-toc a{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#cfe6db;padding:9px 16px;border-radius:100px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;}
  .cat-toc a:hover{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.4);color:var(--green-bright);}
  .cat-block{background:var(--bg-light);}
  .cat-block.alt{background:#fff;}
  .cat-head{display:flex;gap:20px;align-items:flex-start;max-width:760px;margin-bottom:40px;}
  .cat-head .cat-num{flex:0 0 auto;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,#22c55e,#059669);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;}
  .cat-head .kicker{color:#16a34a;font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;}
  .cat-head h2{font-size:clamp(22px,2.8vw,30px);font-weight:800;letter-spacing:-.8px;color:#0d1f19;line-height:1.25;}
  .cat-head p{color:#5b7468;font-size:14px;margin-top:8px;}
  .cat-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px;transition:all .25s;display:flex;flex-direction:column;}
  .cat-block.alt .cat-card{background:var(--bg-light);}
  .cat-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(13,31,25,.10);border-color:#bcdccb;}
  .cat-card ul{list-style:none;margin:0 0 14px;padding:0;}
  .cat-card ul li{position:relative;padding:4px 0 4px 20px;font-size:13.5px;color:#4a6357;line-height:1.55;}
  .cat-card ul li::before{content:'';position:absolute;left:2px;top:12px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#059669);}
  .cat-card .ideal{font-size:12px;color:#7a8f85;background:rgba(34,197,94,.07);border:1px dashed rgba(34,197,94,.3);border-radius:8px;padding:8px 12px;margin-top:auto;margin-bottom:14px;line-height:1.5;}
  .cat-card .ideal b{color:#16a34a;}
  .cat-card .more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:#16a34a;text-decoration:none;}
  .cat-card .more:hover{color:#059669;}
  @media(max-width:900px){
    .cat-toc{gap:8px;}
  }
  @media(max-width:560px){
    .cat-hero{padding:56px 0 48px;}
    .cat-head{flex-direction:column;gap:12px;}
  }

  /* ===== LIGHT MODE UPGRADE (2026-08) — 整体提亮,深色仅作点缀 ===== */
  body{background:#ffffff;color:#12211b;}
  nav{background:rgba(255,255,255,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(8px);}
  nav .logo{color:#0d1f19;}
  .nav-links a{color:#3d5a4f;}
  .nav-links a:hover{color:#16a34a;}
  .nav-cta .btn-outline{border-color:rgba(13,31,25,.45);color:#0d1f19;}
  .nav-cta .btn-outline:hover{border-color:#16a34a;color:#16a34a;}
  .menu-btn{color:#0d1f19;}
  @media(max-width:900px){.nav-links{background:#ffffff;border-bottom:1px solid var(--border);}}
  /* hero → 亮色渐变 */
  .hero{background:radial-gradient(900px 520px at 82% -12%,rgba(34,197,94,.14),transparent 60%),radial-gradient(700px 400px at 8% 110%,rgba(5,150,105,.10),transparent 60%),linear-gradient(160deg,#ffffff 0%,#f2faf6 55%,#e7f6ee 100%);color:#0d1f19;}
  .hero h1 span{background:linear-gradient(90deg,#16a34a,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
  .hero p.sub{color:#5b7468;}
  .hero-badge{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.32);color:#15803d;}
  .hero-stats .stat b{color:#0d1f19;}
  .hero-stats .stat span{color:#5b7468;}
  .battery-card{background:linear-gradient(160deg,#ffffff,#f4faf7);border:1px solid rgba(34,197,94,.25);box-shadow:0 24px 50px rgba(13,31,25,.10);}
  .battery-card .cap span{color:#5b7468;}
  .battery-card .cap b{color:#16a34a;}
  .cell{background:linear-gradient(90deg,rgba(34,197,94,.10),rgba(34,197,94,.03));border:1px solid rgba(34,197,94,.25);color:#3d5a4f;}
  .cell .dots i{background:#22c55e;}
  .cell.full .dots i{background:#f59e0b;}
  .battery-card .spec-row span{color:#5b7468;}
  .battery-card .spec-row b{color:#0d1f19;}
  .float-tag{background:rgba(255,255,255,.95);border-color:rgba(34,197,94,.35);color:#0d1f19;box-shadow:0 12px 30px rgba(13,31,25,.12);}
  /* why → 浅色 */
  .why{background:linear-gradient(160deg,#f6faf8,#eef8f2);}
  .why .sec-head h2{color:#0d1f19;}
  .why .sec-head p{color:#5b7468;}
  .why-card{background:#ffffff;border:1px solid var(--border);}
  .why-card h4{color:#0d1f19;}
  .why-card p{color:#5b7468;}
  .why-card .num{color:#16a34a;}
  /* CTA 保留深色聚焦(略微提亮) */
  .cta-section{background:radial-gradient(800px 420px at 50% 0%,rgba(34,197,94,.20),transparent 60%),linear-gradient(160deg,#0a1f19,#0d2b22);}
  /* catalog hero 同步亮色(保持与首页一致) */
  .cat-hero{background:radial-gradient(1000px 540px at 80% -12%,rgba(34,197,94,.14),transparent 60%),linear-gradient(160deg,#ffffff 0%,#f2faf6 55%,#e7f6ee 100%);color:#0d1f19;}
  .cat-hero h1 span{background:linear-gradient(90deg,#16a34a,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
  .cat-hero p.sub{color:#5b7468;}
  .cat-toc a{background:rgba(13,31,25,.04);border:1px solid rgba(13,31,25,.14);color:#3d5a4f;}
  .cat-toc a:hover{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.4);color:#15803d;}
  .cat-stats .stat b{color:#0d1f19;}
  .cert-row span{color:#15803d;background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.3);}
  .cat-cta .cta-left h2{color:#fff;}
  .cat-cta .cta-left p{color:var(--text-dim);}
  .cat-cta .kicker.light{color:#4ade80;}

  /* ===== LIGHT V2 (2026-08) — 更亮 + 橙金点缀,深色仅剩按钮 ===== */
  /* CTA 区改浅色 */
  .cta-section{background:radial-gradient(800px 420px at 50% 0%,rgba(245,158,11,.10),transparent 60%),linear-gradient(160deg,#ffffff 0%,#eef8f2 100%);color:#0d1f19;}
  .cta-section h2{color:#0d1f19;}
  .cta-section p{color:#5b7468;}
  .cta-form input,.cta-form textarea,.cta-form select{background:#ffffff;border:1px solid var(--border);color:#0d1f19;}
  .cta-form input::placeholder,.cta-form textarea::placeholder{color:#9fb8ad;}
  .cta-form input:focus,.cta-form textarea:focus{border-color:#16a34a;}
  .form-note{color:#7a8f85;}
  .cta-section .btn-outline{border-color:rgba(13,31,25,.4);color:#0d1f19;}
  .cta-section .btn-outline:hover{border-color:#d97706;color:#d97706;}
  /* catalog CTA 同步 */
  .cat-cta .cta-left h2{color:#0d1f19;}
  .cat-cta .cta-left p{color:#5b7468;}
  .cat-cta .kicker.light{color:#d97706;}
  .cta-promise li{color:#3d5a4f;}
  .cta-card{background:#ffffff;border:1px solid var(--border);box-shadow:0 24px 50px rgba(13,31,25,.10);}
  .cta-card h3{color:#0d1f19;}
  .cta-card .cta-form input,.cta-card .cta-form textarea,.cta-card .cta-form select{background:var(--bg-light);border:1px solid var(--border);color:#0d1f19;}
  /* footer 改浅 */
  footer{background:#f2f8f5;color:#5b7468;border-top:1px solid var(--border);}
  footer .logo{color:#0d1f19;}
  .footer-col h5{color:#0d1f19;}
  .footer-col a{color:#5b7468;}
  .footer-col a:hover{color:#d97706;}
  .footer-bottom{border-top:1px solid var(--border);color:#7a8f85;}
  /* 橙金点缀 */
  .hero-badge{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.45);color:#b45309;}
  .hero-stats .stat:nth-child(2) b{background:linear-gradient(90deg,#d97706,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
  .float-tag i{background:#f59e0b;box-shadow:0 0 10px #f59e0b;}
  .sec-head .kicker{color:#d97706;}
  .trust-item .badge{color:#d97706;border-color:rgba(245,158,11,.35);background:#fffdf7;}
  .prod-card:hover{border-color:rgba(245,158,11,.45);}
  .prod-card .more{color:#d97706;}
  .prod-card .more:hover{color:#b45309;}
  .case-card .region{background:rgba(245,158,11,.10);color:#b45309;}
  .why-card .num{color:#d97706;}
  .cat-num{background:linear-gradient(135deg,#f59e0b,#d97706);}
  .sv-tag.won{background:rgba(245,158,11,.18);color:#d97706;}
  /* 更亮微调:section 间距感 */
  .products{background:#ffffff;}
  .cases{background:#ffffff;}

  /* ===== CATALOG V2 UPGRADE — depth, motion, trust ===== */
  .cat-hero{position:relative;padding:110px 0 76px;overflow:hidden;}
  .cat-hero-inner{position:relative;z-index:2;}
  .hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(74,222,128,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(74,222,128,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 75%);}
  .hero-glow{position:absolute;width:720px;height:420px;left:50%;top:-140px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(34,197,94,.22),transparent 70%);filter:blur(10px);pointer-events:none;}
  .cat-hero h1{font-size:clamp(30px,4.4vw,52px);letter-spacing:-1.5px;}
  .cat-stats{justify-content:center;margin-top:44px;gap:48px;}
  .cat-stats .stat b{font-size:30px;background:linear-gradient(90deg,#4ade80,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
  .cert-row{display:flex;justify-content:center;gap:10px;margin-top:34px;flex-wrap:wrap;}
  .cert-row span{font-size:11.5px;font-weight:700;letter-spacing:1.2px;color:#9fd9bd;background:rgba(34,197,94,.08);border:1px solid rgba(74,222,128,.25);padding:6px 14px;border-radius:6px;}
  .cat-card{position:relative;overflow:hidden;border:1px solid rgba(226,236,231,.9);background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%);}
  .cat-block.alt .cat-card{background:linear-gradient(180deg,#fbfdfc 0%,#f6faf8 100%);}
  .cat-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#059669);opacity:0;transition:opacity .25s;}
  .cat-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(13,31,25,.12);border-color:rgba(34,197,94,.35);}
  .cat-card:hover::after{opacity:1;}
  .card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;}
  .prod-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#0c211c,#12352a);color:#4ade80;box-shadow:0 8px 20px rgba(13,31,25,.18);margin-bottom:0;}
  .prod-icon svg{width:24px;height:24px;}
  .sv-tag{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#7d9a8e;background:var(--bg-light);border:1px solid var(--border);padding:4px 10px;border-radius:6px;font-family:monospace;}
  .cat-card h3{font-size:17px;margin-bottom:10px;}
  .cat-card ul li{color:#42584e;}
  .ideal{border-left:3px solid #22c55e;border-radius:0 8px 8px 0;}
  .more{position:relative;}
  .more::after{content:'→';transition:transform .2s;}
  .more:hover::after{transform:translateX(4px);}

  /* reveal on scroll */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.visible{opacity:1;transform:none;}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

  /* CTA v2 — split layout */
  .cat-cta{padding:96px 0;}
  .cta-wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;text-align:left;max-width:1040px;}
  .cta-left .kicker.light{color:#4ade80;font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;}
  .cta-left h2{font-size:clamp(26px,3.2vw,36px);font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:14px;}
  .cta-left p{color:var(--text-dim);font-size:15px;margin:0 0 26px;max-width:440px;}
  .cta-promise{list-style:none;margin:0 0 30px;padding:0;}
  .cta-promise li{display:flex;align-items:center;gap:12px;color:#3d5a4f;font-size:14.5px;font-weight:500;margin-bottom:12px;}
  .cta-promise svg{width:20px;height:20px;color:#22c55e;flex:0 0 auto;}
  .cta-channels{display:flex;gap:12px;flex-wrap:wrap;}
  .cta-card{background:#ffffff;border:1px solid var(--border);border-radius:20px;padding:34px;box-shadow:0 24px 50px rgba(13,31,25,.10);}
  .cta-card h3{font-size:19px;font-weight:700;margin-bottom:20px;color:#0d1f19;}
  .cta-form input,.cta-form textarea,.cta-form select{background:#ffffff;border-color:var(--border);}
  @media(max-width:900px){
    .cta-wrap{grid-template-columns:1fr;gap:44px;text-align:center;}
    .cta-left p{margin:0 auto 26px;}
    .cta-promise{display:inline-block;}
    .cta-channels,.cta-promise{justify-content:center;}
    .cat-stats{gap:28px;}
  }