/* Skip link - accessibility */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #1565C0;
    color: white;
    padding: 8px;
    z-index: 100;
    transition: top 0.3s;
}

.skip-link:focus {
    top: 0;
}

/* ============================================================
   yuanmhe - Premium Bakery Equipment Website
   Light Warm Theme | Bakery-Inspired Design
   Optimized for Vietnam & Africa Markets
   ============================================================ */


:root{
  /* 浅色温暖主题 - 烘焙行业配色 */
  --dark-900:#2C2416;
  --dark-800:#3D3426;
  --dark-700:#4E4536;
  --dark-600:#5F5646;
  --dark-500:#706756;
  --dark-400:#817866;
  /* 强调色 - 焦糖橙 */
  --orange-600:#BF360C;
  --orange-500:#E65100;
  --orange-400:#FF6D00;
  --orange-300:#FF9100;
  --orange-100:#FFF3E0;
  /* 温暖中性色 */
  --cream:#FAF6F0;
  --cream-dark:#F5EFE6;
  --white:#ffffff;
  --text:#1a1a1a;
  --text-light:#2C2416;
  --text-muted:#8D7B63;
  --line:#E8DFD3;
  --line-light:#F0E9DE;
  /* 背景色 */
  --bg-primary:#FAF6F0;
  --bg-secondary:#F5EFE6;
  --bg-card:#FFFFFF;
  --bg-dark:#2C2416;
  /* 尺寸 */
  --radius:12px;
  --radius-sm:6px;
  --radius-lg:16px;
  --shadow-sm:0 2px 8px rgba(44,36,22,.08);
  --shadow:0 4px 20px rgba(44,36,22,.1);
  --shadow-md:0 8px 30px rgba(44,36,22,.12);
  --shadow-lg:0 16px 48px rgba(44,36,22,.15);
  --shadow-orange:0 8px 24px rgba(230,81,0,.25);
  /* 字体 */
  --font-display:'Montserrat', -apple-system, 'Segoe UI', sans-serif;
  --font-body:'Inter', -apple-system, 'Segoe UI', sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;min-height:100%;}
body{
  font-family:var(--font-body);
  color:var(--text);
  line-height:1.75;
  background:var(--dark-800);
  font-size:15px;
  -webkit-font-smoothing:antialiased;
  display:flex;
  flex-direction:column;
  min-height:100vh;
}
body > *:not(.footer){flex-shrink:0;}
.footer{margin-top:auto;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;transition:color .25s ease;}
ul{list-style:none;}

/* ---------- 顶部信息条 ---------- */
.topbar{
  background:var(--dark-900);
  color:rgba(255,255,255,.78);
  font-size:12.5px;
  padding:9px 0;
  letter-spacing:.2px;
  border-bottom:1px solid var(--line);
}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.topbar a{color:rgba(255,255,255,.82);}
.topbar a:hover{color:var(--orange-400);}
.topbar .lang-switch a{margin-left:14px;font-weight:500;}
.topbar .lang-switch a.active{color:var(--orange-400);}

.container{width:min(1200px,92%);margin:0 auto;}

/* ---------- 主导航 ---------- */
.header{
  position:sticky;top:0;z-index:100;
  background:rgba(18,18,18,.98);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
  transition:all .3s ease;
}
.header.scrolled{box-shadow:var(--shadow-sm);}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px;}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;margin-right:50px;flex-shrink:0;}
.logo img{height:54px;width:auto;}
.nav-menu{display:flex;align-items:center;gap:28px;flex-wrap:nowrap;}
.nav-menu ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0;flex-wrap:nowrap;}
.site-header{background:var(--dark-900,#1a1a1a);padding:15px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100;}
.header-inner{display:flex;align-items:center;justify-content:space-between;}
.header-content{display:flex;align-items:center;justify-content:space-between;}
nav ul{display:flex;align-items:center;gap:34px;list-style:none;margin:0;padding:0;}
nav ul li a{font-family:var(--font-display);font-size:14px;font-weight:600;color:#fff;position:relative;padding:10px 12px;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;}
nav ul li a:hover,nav ul li a.active{color:var(--orange-400,#ff9500);}
.nav-menu a{
  font-family:var(--font-display);
  font-size:14px;font-weight:600;color:var(--text);
  position:relative;padding:8px 0;letter-spacing:.5px;
  text-transform:uppercase;
}
.nav-menu a::after{
  content:'';position:absolute;bottom:0;left:0;width:0;height:2px;
  background:var(--orange-500);transition:width .3s ease;
}
.nav-menu a:hover,.nav-menu a.active{color:var(--orange-400);}
.nav-menu a:hover::after,.nav-menu a.active::after{width:100%;}
.nav-cta{
  background:linear-gradient(135deg,var(--orange-500),var(--orange-600));
  color:#fff!important;padding:12px 28px;border-radius:50px;
  font-weight:700;font-size:12px!important;
  box-shadow:var(--shadow-orange);
  transition:all .3s ease!important;
  text-transform:uppercase;letter-spacing:.3px;
  white-space:nowrap!important;display:inline-block!important;
  flex-shrink:0;min-width:120px;text-align:center;
}
.nav-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(255,109,0,.45);
  color:#fff!important;
}
.nav-cta::after{display:none!important;}
.nav-toggle{display:none;background:none;border:none;font-size:28px;color:var(--text);cursor:pointer;}

/* ---------- 通用区块 ---------- */
.section{padding:80px 0;}
.section.soft{background:var(--dark-700);}
.section.light{background:var(--cream);color:var(--dark-800);}
.section.light .sec-head h2{color:var(--dark-800);}
.section.light .sec-head p{color:var(--text-light);}
.sec-head{max-width:720px;margin-bottom:50px;}
.sec-head .kicker{
  color:var(--orange-400);font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;font-size:12.5px;margin-bottom:12px;
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-display);
}
.sec-head .kicker::before{
  content:'';width:32px;height:2px;background:var(--orange-500);
}
.sec-head h2{
  font-family:var(--font-display);
  font-size:36px;color:var(--text);line-height:1.2;
  font-weight:800;margin-bottom:14px;letter-spacing:-.5px;
}
.sec-head p{color:var(--text-light);font-size:16px;line-height:1.7;}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.sec-head.center .kicker{justify-content:center;}

/* ---------- Hero ---------- */
.hero{
  background:
    linear-gradient(120deg, rgba(10,10,10,.85) 0%, rgba(18,18,18,.7) 45%, rgba(26,26,26,.55) 100%),
    linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  color:#fff;padding:120px 0 110px;position:relative;overflow:hidden;
}
.hero .container{position:relative;z-index:2;}
.hero .kicker{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--orange-400);font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;font-size:13px;margin-bottom:20px;
  font-family:var(--font-display);
}
.hero .kicker::before{content:'';width:36px;height:2px;background:var(--orange-500);}
.hero h1{
  font-family:var(--font-display);
  font-size:54px;font-weight:900;line-height:1.1;
  margin-bottom:22px;letter-spacing:-1px;
  text-transform:uppercase;
  text-shadow:0 2px 20px rgba(0,0,0,.8);
}
.hero h1 .hl{
  background:linear-gradient(135deg,var(--orange-400),var(--orange-500));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.hero p.lead{
  font-size:18px;color:rgba(255,255,255,.85);
  max-width:620px;margin-bottom:36px;line-height:1.8;font-weight:300;
  text-shadow:0 1px 10px rgba(0,0,0,.7);
}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap;}
.btn{min-height:44px;display:inline-flex;align-items:center;
  display:inline-flex;align-items:center;gap:8px;
  padding:15px 32px;border-radius:50px;font-weight:700;
  font-size:14px;transition:all .3s ease;cursor:pointer;border:none;
  font-family:var(--font-display);
  text-transform:uppercase;letter-spacing:.5px;
}
.btn-primary{
  background:linear-gradient(135deg,var(--orange-500),var(--orange-600));
  color:#fff;box-shadow:var(--shadow-orange);
}
.btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(255,109,0,.45);
}
.btn-outline-light{
  border:2px solid rgba(255,255,255,.4);color:#fff;background:transparent;
}
.btn-outline-light:hover{
  border-color:var(--orange-400);color:var(--orange-400);
  background:rgba(255,109,0,.08);
}
.btn-outline-dark{
  border:2px solid var(--dark-800);color:var(--dark-800);background:transparent;
}
.btn-outline-dark:hover{
  background:var(--dark-800);color:#fff;
}
.btn-ghost{border:2px solid rgba(255,255,255,.85);color:#fff;}
.btn-ghost:hover{background:#fff;color:var(--dark-800);}
.hero-stats{display:flex;gap:56px;margin-top:56px;flex-wrap:wrap;}
.hero-stats .item .num{
  font-family:var(--font-display);
  font-size:38px;font-weight:800;color:var(--orange-400);line-height:1;
}
.hero-stats .item .lbl{font-size:13.5px;color:rgba(255,255,255,.78);margin-top:6px;letter-spacing:.3px;}

/* ---------- 信任条 ---------- */
.trust-band{background:var(--dark-900);border-bottom:1px solid var(--line);}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.trust-item{
  padding:32px 24px;text-align:center;
  border-right:1px solid var(--line);
  transition:background .3s ease;
}
.trust-item:last-child{border-right:none;}
.trust-item:hover{background:var(--dark-700);}
.trust-item .ic{font-size:30px;margin-bottom:10px;}
.trust-item .t{font-weight:800;color:var(--text);font-size:16px;margin-bottom:4px;font-family:var(--font-display);}
.trust-item .s{font-size:13px;color:var(--text-muted);}

/* ---------- 分类卡片 ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;}
.cat-card{
  background:var(--dark-700);border:1px solid var(--line);
  border-radius:var(--radius);padding:32px 28px;text-align:center;
  transition:all .35s ease;cursor:pointer;position:relative;overflow:hidden;
}
.cat-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--orange-500),var(--orange-400));
  transform:scaleX(0);transition:transform .35s ease;
}
.cat-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-md);
  border-color:var(--orange-500);
}
.cat-card:hover::before{transform:scaleX(1);}
.cat-icon{
  width:80px;height:80px;margin:0 auto 18px;
  background:linear-gradient(135deg,var(--dark-500),var(--dark-600));
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:32px;transition:all .35s ease;overflow:hidden;
}
.cat-icon img{
  width:100%;height:100%;object-fit:cover;border-radius:50%;
  display:block;
}
.cat-card:hover .cat-icon{
  background:linear-gradient(135deg,var(--orange-500),var(--orange-600));
  transform:scale(1.08);
  box-shadow:0 0 20px rgba(230,81,0,0.3);
}
.cat-card h3{
  font-family:var(--font-display);
  color:var(--text);font-size:18px;margin-bottom:10px;font-weight:700;
  text-transform:uppercase;letter-spacing:.5px;
}
.cat-card p{color:var(--text-light);font-size:14px;line-height:1.65;margin-bottom:16px;}
.cat-link{
  color:var(--orange-400);font-weight:700;font-size:13px;
  display:inline-flex;align-items:center;gap:6px;transition:gap .3s ease;
  text-transform:uppercase;letter-spacing:.5px;
}
.cat-link:hover{gap:10px;color:var(--orange-300);}

/* ---------- 客户评价 ---------- */
.testimonial-section{background:var(--dark-700);padding:70px 0;}
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-top:40px;}
.testimonial-card{background:var(--dark-600);border:1px solid var(--line);border-radius:var(--radius);padding:28px;position:relative;transition:all .3s ease;}
.testimonial-card:hover{transform:translateY(-4px);border-color:var(--orange-500);box-shadow:var(--shadow-md);}
.testimonial-stars{color:#FFD700;font-size:18px;margin-bottom:14px;letter-spacing:2px;}
.testimonial-text{color:var(--text-light);font-size:14.5px;line-height:1.8;margin-bottom:20px;font-style:italic;}
.testimonial-author{display:flex;align-items:center;gap:14px;}
.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--orange-500),var(--orange-600));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0;}
.testimonial-info h4{color:var(--text);font-size:15px;margin:0 0 3px 0;font-weight:600;}
.testimonial-info p{color:var(--text-light);font-size:13px;margin:0;}
.testimonial-rating-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,215,0,0.1);border:1px solid rgba(255,215,0,0.3);padding:8px 18px;border-radius:30px;margin-top:10px;}
.testimonial-rating-badge .rating-num{color:#FFD700;font-size:22px;font-weight:700;}
.testimonial-rating-badge .rating-text{color:var(--text-light);font-size:13px;}

/* ---------- 产品卡片 ---------- */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;}
.prod-card{
  background:var(--dark-700);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;
  transition:all .35s ease;display:flex;flex-direction:column;
}
.prod-card:hover{
  box-shadow:var(--shadow-lg);transform:translateY(-6px);
  border-color:var(--orange-500);
}
.prod-card .thumb{
  height:240px;background:var(--dark-600);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;position:relative;
}
.prod-card .thumb img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .5s ease;
}
.prod-card:hover .thumb img{transform:scale(1.06);}
.prod-card .body{padding:24px;flex:1;display:flex;flex-direction:column;}
.prod-card h3{
  font-family:var(--font-display);
  color:var(--text);font-size:17px;margin-bottom:8px;
  font-weight:700;line-height:1.35;
}
.prod-card h3 a:hover{color:var(--orange-400);}
.prod-card p{color:var(--text-light);font-size:14px;margin-bottom:18px;flex:1;line-height:1.6;}
.prod-card .more{
  color:var(--orange-400);font-weight:700;font-size:13px;
  display:inline-flex;align-items:center;gap:6px;transition:gap .3s ease;
  text-transform:uppercase;letter-spacing:.5px;
}
.prod-card .more:hover{gap:10px;}

/* ---------- 为什么选我们 ---------- */
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.why-item{
  background:var(--dark-700);border:1px solid var(--line);
  border-radius:var(--radius);padding:30px;
  display:flex;gap:18px;transition:all .3s ease;
}
.why-item:hover{box-shadow:var(--shadow-md);border-color:var(--orange-500);}
.why-item .ic{
  flex-shrink:0;width:56px;height:56px;border-radius:14px;
  background:linear-gradient(135deg,var(--orange-500),var(--orange-600));
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:26px;box-shadow:var(--shadow-orange);
}
.why-item h4{color:var(--text);margin-bottom:6px;font-size:17px;font-weight:700;font-family:var(--font-display);}
.why-item p{color:var(--text-light);font-size:14.5px;line-height:1.65;}

/* ---------- 市场区域 ---------- */
.market-band{background:var(--dark-900);color:#fff;}
.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;}
.market-card{
  background:var(--bg-card);
  border:1px solid var(--line);
  border-radius:var(--radius);padding:30px;
  transition:all .3s ease;
  box-shadow:var(--shadow-sm);
}
.market-card:hover{
  background:var(--bg-card);
  border-color:var(--orange-500);
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
}
.market-card .flag{font-size:34px;margin-bottom:12px;}
.market-card h4{font-size:19px;margin-bottom:10px;color:var(--text);font-weight:700;font-family:var(--font-display);}
.market-card p{color:var(--text-light);font-size:14.5px;line-height:1.7;}

/* ---------- CTA ---------- */
.cta-band{
  background:linear-gradient(135deg,var(--orange-500) 0%,var(--orange-600) 100%);
  text-align:center;padding:64px 0;color:#fff;position:relative;overflow:hidden;
}
.cta-band::before{
  content:'';position:absolute;top:-100px;right:-100px;
  width:300px;height:300px;border-radius:50%;
  background:rgba(255,255,255,.08);
}
.cta-band .container{position:relative;z-index:2;}
.cta-band h2{
  font-family:var(--font-display);
  font-size:36px;font-weight:800;margin-bottom:12px;
  text-transform:uppercase;letter-spacing:-.5px;
}
.cta-band p{font-size:17px;margin-bottom:30px;opacity:.9;}
.btn-white{background:#fff;color:var(--orange-600);}
.btn-white:hover{background:var(--dark-800);color:#fff;transform:translateY(-3px);}

/* ---------- 面包屑 ---------- */
.breadcrumb{
  background:var(--dark-700);padding:18px 0;font-size:13.5px;
  color:var(--text-muted);border-bottom:1px solid var(--line);
}
.breadcrumb a{color:var(--text-light);}
.breadcrumb a:hover{color:var(--orange-400);}
.breadcrumb .sep{margin:0 10px;color:var(--line);}

/* ---------- 产品详情页 ---------- */
.prod-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;}
.prod-detail .gallery .main-img{
  aspect-ratio:1/1;background:var(--dark-600);
  border-radius:var(--radius-lg);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;box-shadow:var(--shadow-sm);
}
.prod-detail .gallery .main-img img{width:100%;height:100%;object-fit:cover;}
.prod-info h1{
  font-family:var(--font-display);
  color:var(--text);font-size:32px;font-weight:800;
  margin-bottom:12px;line-height:1.2;
  text-transform:uppercase;letter-spacing:-.5px;
}
.prod-info .tagline{
  color:var(--orange-400);font-weight:600;margin-bottom:18px;
  font-size:15.5px;line-height:1.6;
}
.prod-info .desc{color:var(--text-light);margin-bottom:26px;font-size:15px;line-height:1.8;}
.prod-info h3{
  font-family:var(--font-display);
  color:var(--text);font-size:20px;font-weight:700;
  margin:28px 0 14px;text-transform:uppercase;letter-spacing:.5px;
}
.spec-table{width:100%;border-collapse:collapse;margin:16px 0;border-radius:var(--radius-sm);overflow:hidden;}
.spec-table th,.spec-table td{
  border:1px solid var(--line);padding:13px 16px;
  font-size:14px;text-align:left;
}
.spec-table th{
  background:var(--dark-600);color:var(--text);
  font-weight:700;width:42%;font-size:13.5px;
}
.spec-table tr:nth-child(even) td{background:var(--dark-600);}
.spec-note{font-size:12.5px;color:var(--text-muted);margin-bottom:22px;font-style:italic;}
.feature-list li{
  padding:10px 0 10px 30px;position:relative;
  font-size:14.5px;border-bottom:1px dashed var(--line);
  color:var(--text-light);
}
.feature-list li::before{
  content:"✓";position:absolute;left:0;top:10px;
  color:var(--orange-400);font-weight:800;font-size:16px;
}
.feature-list li:last-child{border-bottom:none;}

/* ---------- 关于页面 ---------- */
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.about-grid h2{
  font-family:var(--font-display);
  color:var(--text);font-size:32px;font-weight:800;
  margin-bottom:18px;line-height:1.2;text-transform:uppercase;letter-spacing:-.5px;
}
.about-grid p{color:var(--text-light);margin-bottom:16px;font-size:15.5px;line-height:1.8;}
.about-img-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
}
.about-img-grid .img-box{
  border-radius:var(--radius);overflow:hidden;
  background:var(--dark-600);aspect-ratio:1;
  display:flex;align-items:center;justify-content:center;
  color:var(--text-muted);font-size:13px;text-align:center;
  border:1px solid var(--line);
}
.about-img-grid .img-box img{width:100%;height:100%;object-fit:cover;}
.about-img-grid .img-box.tall{grid-row:span 2;aspect-ratio:auto;}
.milestones{margin-top:24px;}
.milestones li{
  display:flex;gap:16px;padding:14px 0;
  border-bottom:1px solid var(--line);font-size:15px;
}
.milestones .yr{
  color:var(--orange-400);font-weight:800;white-space:nowrap;
  font-family:var(--font-display);font-size:17px;
}

/* ---------- 联系页面 ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:start;}
.contact-info h2{
  font-family:var(--font-display);
  color:var(--text);font-size:30px;font-weight:800;margin-bottom:16px;
  text-transform:uppercase;letter-spacing:-.5px;
}
.contact-info p{color:var(--text-light);margin-bottom:28px;font-size:15px;}
.info-row{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start;}
.info-row .ic{
  width:48px;height:48px;border-radius:12px;
  background:linear-gradient(135deg,var(--dark-500),var(--dark-600));
  color:var(--orange-400);display:flex;align-items:center;justify-content:center;
  font-size:20px;flex-shrink:0;transition:all .3s ease;
}
.info-row:hover .ic{
  background:linear-gradient(135deg,var(--orange-500),var(--orange-600));
  color:#fff;
}
.info-row b{display:block;color:var(--text);font-size:15px;margin-bottom:2px;font-family:var(--font-display);}
.info-row span{color:var(--text-light);font-size:14px;word-break:break-word;}
.info-row a{color:var(--orange-400);font-weight:600;}
.info-row a:hover{color:var(--orange-300);}
.form-card{
  background:var(--dark-700);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow);
}
.form-card h3{
  font-family:var(--font-display);
  color:var(--text);margin-bottom:6px;font-size:24px;font-weight:700;
  text-transform:uppercase;letter-spacing:-.5px;
}
.form-card .sub{color:var(--text-light);font-size:14.5px;margin-bottom:26px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.field{display:flex;flex-direction:column;gap:7px;}
.field.full{grid-column:1/-1;}
.field label{font-size:13.5px;font-weight:600;color:var(--text);font-family:var(--font-display);}
.field label .req{color:var(--orange-400);}
.field input,.field select,.field textarea{
  padding:13px 16px;border:1.5px solid var(--line);
  border-radius:var(--radius-sm);font-size:14.5px;font-family:inherit;
  background:var(--dark-600);transition:all .25s ease;color:var(--text);
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--orange-500);
  box-shadow:0 0 0 4px rgba(255,109,0,.12);
}
.field textarea{resize:vertical;min-height:120px;}
.form-note{font-size:12px;color:var(--text-muted);margin-top:10px;}

/* ---------- 页脚 ---------- */
.footer{
  background:var(--dark-900);color:var(--text-light);
  padding:64px 0 0;font-size:14px;
  border-top:1px solid var(--line);
}
.footer-grid{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;
  gap:40px;padding-bottom:48px;
}
.footer h5{
  color:#fff;font-size:16px;margin-bottom:20px;font-weight:700;
  font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;
}
.footer a{color:var(--text-light);display:block;margin-bottom:10px;transition:all .25s ease;}
.footer a:hover{color:var(--orange-400);padding-left:4px;}
.footer .brand-txt{color:var(--text-muted);margin-bottom:18px;line-height:1.8;font-size:13.5px;}
.footer .logo img{height:48px;margin-bottom:16px;}
.footer-bottom{
  border-top:1px solid var(--line);
  padding:22px 0;font-size:13px;color:var(--text-muted);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;
}

/* ---------- 响应式 ---------- */
@media(max-width:1024px){
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .market-grid{grid-template-columns:1fr;}
  .about-grid,.contact-grid,.prod-detail{grid-template-columns:1fr;gap:36px;}
  .hero h1{font-size:42px;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .nav-toggle{display:block;}
  .nav-menu{
    position:fixed;top:0;right:-100%;width:80%;max-width:320px;
    height:100vh;background:var(--dark-800);flex-direction:column;
    align-items:flex-start;justify-content:flex-start;padding:100px 30px;
    gap:26px;box-shadow:-10px 0 40px rgba(0,0,0,.5);
    transition:right .35s ease;z-index:200;
  }
  .nav-menu.open{right:0;}
  .nav-menu a{font-size:17px;}
  .nav-cta{margin-top:10px;width:100%;text-align:center;}
  .hero{padding:72px 0;}
  .hero h1{font-size:32px;}
  .hero p.lead{font-size:16px;}
  .trust-grid{grid-template-columns:repeat(2,1fr);}
  .trust-item:nth-child(2){border-right:none;}
  .trust-item{border-bottom:1px solid var(--line);}
  .prod-grid,.why-grid,.form-grid{grid-template-columns:1fr;}
  .section{padding:56px 0;}
  .sec-head h2{font-size:28px;}
  .hero-stats{gap:32px;}
  .hero-stats .item .num{font-size:28px;}
  .footer-grid{grid-template-columns:1fr;gap:32px;}
  .about-img-grid{grid-template-columns:1fr 1fr;}
  .cat-grid{grid-template-columns:1fr;}
}

/* ============================================================
   Shopping Cart Styles
   ============================================================ */

/* 导航栏购物车图标 */
.cart-icon-wrapper{
  list-style:none;
}
.cart-icon{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--orange-500),var(--orange-600));
  color:#fff;
  font-size:20px;
  cursor:pointer;
  transition:all .3s ease;
  box-shadow:var(--shadow-orange);
  text-decoration:none;
}
.cart-icon:hover{
  transform:scale(1.1);
  box-shadow:0 8px 24px rgba(255,109,0,.5);
  color:#fff;
}
.cart-icon-svg{
  width:22px;
  height:22px;
  display:block;
}
.cart-badge{
  position:absolute;
  top:-4px;
  right:-4px;
  min-width:20px;
  height:20px;
  border-radius:10px;
  background:#fff;
  color:var(--orange-600);
  font-size:11px;
  font-weight:800;
  display:none;
  align-items:center;
  justify-content:center;
  padding:0 5px;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  font-family:var(--font-display);
}

/* 购物车遮罩 */
.cart-overlay{
  position:fixed;
  top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,.6);
  backdrop-filter:blur(4px);
  z-index:999;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
}
.cart-overlay.show{
  opacity:1;
  visibility:visible;
}

/* 购物车侧边栏 */
.cart-sidebar{
  position:fixed;
  top:0;right:-420px;
  width:400px;
  max-width:90vw;
  height:100vh;
  background:var(--dark-800);
  border-left:1px solid var(--line);
  box-shadow:-10px 0 40px rgba(0,0,0,.5);
  z-index:1000;
  display:flex;
  flex-direction:column;
  transition:right .35s ease;
}
.cart-sidebar.open{
  right:0;
}
.cart-sidebar-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 24px;
  border-bottom:1px solid var(--line);
  background:var(--dark-700);
}
.cart-sidebar-header h3{
  color:#fff;
  font-family:var(--font-display);
  font-size:18px;
  font-weight:700;
  margin:0;
}
.cart-close-btn{
  width:36px;height:36px;
  border-radius:50%;
  border:none;
  background:var(--dark-600);
  color:#fff;
  font-size:22px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .25s ease;
  line-height:1;
}
.cart-close-btn:hover{
  background:var(--orange-500);
  transform:rotate(90deg);
}

/* 购物车项目列表 */
.cart-items{
  flex:1;
  overflow-y:auto;
  padding:16px;
}
.cart-empty{
  text-align:center;
  padding:60px 20px;
}
.cart-item{
  display:flex;
  gap:12px;
  padding:14px;
  background:var(--dark-700);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  margin-bottom:12px;
  transition:all .25s ease;
}
.cart-item:hover{
  border-color:var(--orange-500);
  box-shadow:var(--shadow-sm);
}
.cart-item-image-link{
  flex-shrink:0;
  width:70px;
  height:70px;
  border-radius:var(--radius-sm);
  overflow:hidden;
  background:var(--dark-600);
  display:block;
}
.cart-item-image{
  width:100%;
  height:100%;
  object-fit:cover;
}
.cart-item-info{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.cart-item-name{
  color:#fff;
  font-size:13.5px;
  font-weight:600;
  line-height:1.4;
  margin-bottom:8px;
  display:block;
  text-decoration:none;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.cart-item-name:hover{
  color:var(--orange-400);
}
.cart-item-controls{
  display:flex;
  align-items:center;
  gap:6px;
}
.cart-qty-btn{
  width:26px;height:26px;
  border-radius:4px;
  border:1px solid var(--line);
  background:var(--dark-600);
  color:#fff;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .2s ease;
  line-height:1;
}
.cart-qty-btn:hover{
  background:var(--orange-500);
  border-color:var(--orange-500);
}
.cart-qty-input{
  width:44px;
  height:26px;
  text-align:center;
  border:1px solid var(--line);
  border-radius:4px;
  background:var(--dark-600);
  color:#fff;
  font-size:13px;
  font-weight:600;
  -moz-appearance:textfield;
}
.cart-qty-input::-webkit-outer-spin-button,
.cart-qty-input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.cart-qty-input:focus{
  outline:none;
  border-color:var(--orange-500);
}
.cart-remove-btn{
  margin-left:auto;
  width:28px;height:28px;
  border-radius:4px;
  border:none;
  background:transparent;
  color:var(--text-muted);
  font-size:14px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .2s ease;
}
.cart-remove-btn:hover{
  background:rgba(255,0,0,.15);
  color:#ff4444;
}

/* 购物车底部 */
.cart-footer{
  padding:20px;
  border-top:1px solid var(--line);
  background:var(--dark-700);
}
.cart-total-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
}
.cart-total-label{
  color:var(--text-light);
  font-size:14px;
  font-weight:600;
}
.cart-total-count{
  color:var(--orange-400);
  font-size:22px;
  font-weight:800;
  font-family:var(--font-display);
}
.cart-note{
  background:var(--dark-600);
  border-radius:var(--radius-sm);
  padding:12px 14px;
  margin-bottom:16px;
}
.cart-note p{
  color:var(--text-light);
  font-size:12.5px;
  line-height:1.6;
  margin:0;
}
.cart-checkout-btn{
  width:100%;
  justify-content:center;
  margin-bottom:10px;
  font-size:14px;
  padding:14px 24px;
}
.cart-clear-btn{
  width:100%;
  padding:10px;
  border:1px solid var(--line);
  border-radius:50px;
  background:transparent;
  color:var(--text-muted);
  font-size:12.5px;
  font-weight:600;
  cursor:pointer;
  transition:all .25s ease;
}
.cart-clear-btn:hover{
  border-color:#ff4444;
  color:#ff4444;
  background:rgba(255,0,0,.08);
}

/* Toast提示 */
.cart-toast{
  position:fixed;
  top:100px;
  left:50%;
  transform:translateX(-50%) translateY(-20px);
  background:linear-gradient(135deg,var(--orange-500),var(--orange-600));
  color:#fff;
  padding:14px 28px;
  border-radius:50px;
  font-size:14px;
  font-weight:600;
  box-shadow:var(--shadow-orange);
  z-index:2000;
  opacity:0;
  transition:all .3s ease;
  pointer-events:none;
}
.cart-toast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

/* 产品页加入购物车按钮 */
.add-to-cart-section{
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.add-to-cart-row{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
}
.add-to-cart-qty{
  display:flex;
  align-items:center;
  gap:0;
  border:1.5px solid var(--line);
  border-radius:var(--radius-sm);
  overflow:hidden;
  background:var(--dark-700);
}
.add-to-cart-qty button{
  width:40px;height:44px;
  border:none;
  background:var(--dark-600);
  color:#fff;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
  transition:all .2s ease;
}
.add-to-cart-qty button:hover{
  background:var(--orange-500);
}
.add-to-cart-qty input{
  width:56px;
  height:44px;
  text-align:center;
  border:none;
  background:var(--dark-700);
  color:#fff;
  font-size:16px;
  font-weight:700;
  -moz-appearance:textfield;
}
.add-to-cart-qty input:focus{
  outline:none;
}
.add-to-cart-qty input::-webkit-outer-spin-button,
.add-to-cart-qty input::-webkit-inner-spin-button{
  -webkit-appearance:none;
}
.add-to-cart-btn{
  flex:1;
  justify-content:center;
  font-size:14px;
  padding:14px 24px;
}
.add-to-cart-note{
  color:var(--text-muted);
  font-size:12.5px;
  line-height:1.6;
}

/* 响应式 */
@media(max-width:768px){
  .cart-icon{
    width:40px;height:40px;
    font-size:18px;
  }
  .cart-sidebar{
    width:100%;
    max-width:100%;
  }
  .add-to-cart-row{
    flex-direction:column;
    align-items:stretch;
  }
  .add-to-cart-qty{
    justify-content:center;
  }
}

/* ============================================================
   Social Media Icons
   ============================================================ */
.topbar .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.topbar-social{
  display:flex;
  align-items:center;
  gap:10px;
}
.topbar-social a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(255,255,255,.1);
  color:var(--text-light);
  transition:all .25s ease;
  text-decoration:none;
}
.topbar-social a:hover{
  background:var(--orange-500);
  color:#fff;
  transform:translateY(-2px);
}
.topbar-social svg{
  width:15px;
  height:15px;
  fill:currentColor;
}

@media(max-width:768px){
  .topbar-social{
    display:none;
  }
}

/* Read More 链接样式 */
.read-more{
  display:inline-block;
  color:var(--orange-500);
  font-weight:600;
  text-decoration:none;
  transition:all .25s ease;
  margin-top:8px;
}
.read-more:hover{
  color:var(--orange-600);
  text-decoration:underline;
  transform:translateX(4px);
}

/* ============================================================
   浅色主题强制覆盖样式 - 覆盖硬编码的深色背景
   ============================================================ */

/* 全局背景覆盖 */
body{
  background:var(--bg-primary) !important;
  color:var(--text) !important;
}

/* 顶部栏和导航栏 - 深棕色 */
.top-bar{
  background:var(--bg-dark) !important;
  color:#FAF6F0 !important;
}
.top-bar a{
  color:#FFAB40 !important;
}
.site-header{
  background:var(--bg-dark) !important;
  box-shadow:0 2px 12px rgba(44,36,22,.15) !important;
}
.site-header .logo{
  color:#FAF6F0 !important;
}
.nav-menu a{
  color:#D7CCC8 !important;
}
.nav-menu a:hover,
.nav-menu a.active{
  color:#FF9100 !important;
}

/* Hero区域 - 温暖米色渐变 */
.hero{
  background:linear-gradient(135deg,#FAF6F0 0%,#F5EFE6 50%,#EFE6D8 100%) !important;
  color:var(--text) !important;
}
.hero h1{
  color:var(--text) !important;
}
.hero .lead{
  color:var(--text-light) !important;
}
.hero-stats .stat-num{
  color:var(--orange-500) !important;
}
.hero-stats .stat-label{
  color:var(--text-light) !important;
}

/* Section背景 */
.section{
  background:var(--bg-primary) !important;
  color:var(--text) !important;
}
.section.soft{
  background:var(--bg-secondary) !important;
}
.section.light{
  background:var(--bg-card) !important;
  color:var(--text) !important;
}

/* 信任条 */
.trust-band{
  background:var(--bg-secondary) !important;
  border-bottom:1px solid var(--line) !important;
}
.trust-item{
  color:var(--text-light) !important;
}
.trust-item:hover{
  background:var(--bg-card) !important;
}

/* 卡片 */
.cat-card,
.prod-card,
.testimonial-card,
.why-item,
.market-card,
.faq-item{
  background:var(--bg-card) !important;
  border:1px solid var(--line) !important;
  color:var(--text) !important;
}
.cat-card h3,
.prod-card h3,
.testimonial-card h3,
.why-item h4,
.market-card h4{
  color:var(--text) !important;
}
.cat-card p,
.prod-card p,
.testimonial-card p,
.why-item p,
.market-card p{
  color:var(--text) !important;
}

/* 分类图标 */
.cat-icon{
  background:linear-gradient(135deg,#FFF3E0,#FFE0B2) !important;
  border:2px solid #FFCC80 !important;
}
.cat-card:hover .cat-icon{
  background:linear-gradient(135deg,#FF9100,#E65100) !important;
  box-shadow:0 4px 16px rgba(230,81,0,.3) !important;
}

/* 市场区域 */
.market-band{
  background:linear-gradient(135deg,#2C2416 0%,#3D3426 100%) !important;
  color:#FAF6F0 !important;
}
.market-band h2{
  color:#FAF6F0 !important;
}
.market-band p{
  color:rgba(250,246,240,.7) !important;
}

/* CTA区域 */
.cta-band{
  background:linear-gradient(135deg,#E65100 0%,#BF360C 100%) !important;
  color:#fff !important;
}
.cta-band h2{
  color:#fff !important;
}
.cta-band p{
  color:rgba(255,255,255,.85) !important;
}

/* 客户评价区域 */
.testimonial-section{
  background:var(--bg-secondary) !important;
}
.testimonial-text{
  color:var(--text-light) !important;
}
.testimonial-info h4{
  color:var(--text) !important;
}
.testimonial-info p{
  color:var(--text-muted) !important;
}

/* 按钮 */
.btn-primary{
  background:linear-gradient(135deg,#E65100,#BF360C) !important;
  color:#fff !important;
}
.btn-primary:hover{
  background:linear-gradient(135deg,#FF6D00,#E65100) !important;
  box-shadow:0 4px 16px rgba(230,81,0,.35) !important;
}
.btn-outline-light{
  border:2px solid var(--text) !important;
  color:var(--text) !important;
}
.btn-outline-light:hover{
  background:var(--text) !important;
  color:var(--bg-primary) !important;
}
.btn-white{
  background:#fff !important;
  color:var(--orange-600) !important;
}

/* 导航CTA */
.nav-cta{
  background:linear-gradient(135deg,#E65100,#BF360C) !important;
  color:#fff !important;
}
.nav-cta:hover{
  background:linear-gradient(135deg,#FF6D00,#E65100) !important;
  box-shadow:0 4px 12px rgba(230,81,0,.4) !important;
}

/* 页脚 */
.site-footer{
  background:var(--bg-dark) !important;
  color:#EFEBE9 !important;
}
.site-footer h4{
  color:#FAF6F0 !important;
}
.site-footer p{
  color:#D7CCC8 !important;
}
.site-footer a{
  color:#FFAB40 !important;
}
.site-footer a:hover{
  color:#FF9100 !important;
}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.15) !important;
  color:#BCAAA4 !important;
}
/* 页脚所有文字强制高对比度 */
.site-footer *{
  color:#D7CCC8 !important;
}
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6{
  color:#FAF6F0 !important;
}
.site-footer a,.site-footer a *{
  color:#FFAB40 !important;
}
.site-footer .brand-txt,
.site-footer .footer-desc,
.site-footer .about-text{
  color:#D7CCC8 !important;
}
.footer-bottom *{
  color:#BCAAA4 !important;
}
.footer-bottom a{
  color:#FFAB40 !important;
}

/* 标题颜色 */
h1,h2,h3,h4,h5,h6{
  color:var(--text) !important;
}

/* 链接颜色 */
a{
  color:var(--orange-500) !important;
}
a:hover{
  color:var(--orange-600) !important;
}

/* 面包屑 */
.breadcrumb{
  background:var(--bg-secondary) !important;
  color:var(--text-light) !important;
}
.breadcrumb a{
  color:var(--orange-500) !important;
}

/* 输入框 */
input,textarea,select{
  background:var(--bg-card) !important;
  border:1px solid var(--line) !important;
  color:var(--text) !important;
}
input:focus,textarea:focus,select:focus{
  border-color:var(--orange-500) !important;
  box-shadow:0 0 0 3px rgba(230,81,0,.1) !important;
}

/* 表格 */
table{
  background:var(--bg-card) !important;
  color:var(--text) !important;
}
th{
  background:var(--bg-secondary) !important;
  color:var(--text) !important;
  border-bottom:2px solid var(--orange-500) !important;
}
td{
  border-bottom:1px solid var(--line) !important;
  color:var(--text-light) !important;
}

/* 分隔线 */
hr{
  border-color:var(--line) !important;
}

/* 代码块 */
code,pre{
  background:var(--bg-secondary) !important;
  color:var(--text) !important;
}

/* 引用块 */
blockquote{
  border-left:4px solid var(--orange-500) !important;
  background:var(--bg-secondary) !important;
  color:var(--text-light) !important;
}

/* 滚动条 */
::-webkit-scrollbar-track{
  background:var(--bg-secondary) !important;
}
::-webkit-scrollbar-thumb{
  background:var(--orange-400) !important;
}
::-webkit-scrollbar-thumb:hover{
  background:var(--orange-500) !important;
}

/* 产品图片容器 */
.prod-card .image,
.cat-card .cat-icon img{
  background:var(--bg-secondary) !important;
}

/* FAQ */
.faq-question{
  background:var(--bg-card) !important;
  border:1px solid var(--line) !important;
  color:var(--text) !important;
}
.faq-answer{
  background:var(--bg-secondary) !important;
  color:var(--text-light) !important;
}

/* 标签 */
.tag,
.badge{
  background:var(--orange-100) !important;
  color:var(--orange-600) !important;
}

/* 分页 */
.pagination a{
  background:var(--bg-card) !important;
  border:1px solid var(--line) !important;
  color:var(--text) !important;
}
.pagination a:hover,
.pagination a.active{
  background:var(--orange-500) !important;
  color:#fff !important;
  border-color:var(--orange-500) !important;
}


/* 产品卡片底部文字修复 */
.prod-card .body{
  background:linear-gradient(180deg,transparent 0%,rgba(44,36,22,0.92) 30%) !important;
}
.prod-card .body h3,
.prod-card .body h4{
  color:#FF9100 !important;
}
.prod-card .body p{
  color:rgba(250,246,240,0.85) !important;
}
.prod-card .body .price{
  color:#FFAB40 !important;
}


/* ============================================================
   全局对比度保障 - 确保所有文字清晰可见
   ============================================================ */

/* 深色背景区域文字强制高对比度 */
[style*="background:#0"],
[style*="background:#1"],
[style*="background:#2"],
[style*="background: #0"],
[style*="background: #1"],
[style*="background: #2"]{
  color:#EFEBE9 !important;
}
[style*="background:#0"] p,
[style*="background:#1"] p,
[style*="background:#2"] p,
[style*="background: #0"] p,
[style*="background: #1"] p,
[style*="background: #2"] p{
  color:#D7CCC8 !important;
}
[style*="background:#0"] h1,
[style*="background:#0"] h2,
[style*="background:#0"] h3,
[style*="background:#0"] h4,
[style*="background:#1"] h1,
[style*="background:#1"] h2,
[style*="background:#1"] h3,
[style*="background:#1"] h4,
[style*="background:#2"] h1,
[style*="background:#2"] h2,
[style*="background:#2"] h3,
[style*="background:#2"] h4{
  color:#FAF6F0 !important;
}

/* 导航栏文字对比度 */
.site-header *{
  color:#D7CCC8 !important;
}
.site-header .logo,
.site-header .logo *{
  color:#FAF6F0 !important;
}
.site-header nav a,
.site-header .nav-menu a,
.site-header .nav a{
  color:#D7CCC8 !important;
}
.site-header nav a:hover,
.site-header .nav-menu a:hover,
.site-header .nav a:hover,
.site-header nav a.active,
.site-header .nav-menu a.active{
  color:#FF9100 !important;
}

/* 顶部栏文字对比度 */
.top-bar *{
  color:#D7CCC8 !important;
}
.top-bar a{
  color:#FFAB40 !important;
}

/* 市场区域文字对比度 */
.market-band *{
  color:#D7CCC8 !important;
}
.market-band h1,
.market-band h2,
.market-band h3,
.market-band h4{
  color:#FAF6F0 !important;
}
.market-band a{
  color:#FFAB40 !important;
}

/* CTA区域文字对比度 */
.cta-band *{
  color:#fff !important;
}
.cta-band a{
  color:#FFE0B2 !important;
}

/* 推荐卡片文字对比度 */
.why-item *,
.faq-item *,
.testimonial-card *{
  color:var(--text-light) !important;
}
.why-item h1,
.why-item h2,
.why-item h3,
.why-item h4,
.faq-item h1,
.faq-item h2,
.faq-item h3,
.faq-item h4,
.testimonial-card h1,
.testimonial-card h2,
.testimonial-card h3,
.testimonial-card h4{
  color:var(--text) !important;
}

/* 产品卡片底部文字对比度（再次加强） */
.prod-card .body *{
  color:rgba(250,246,240,0.9) !important;
}
.prod-card .body h1,
.prod-card .body h2,
.prod-card .body h3,
.prod-card .body h4{
  color:#FF9100 !important;
}
.prod-card .body a{
  color:#FFAB40 !important;
}

/* 博客卡片文字对比度 */
.blog-card *{
  color:var(--text-light) !important;
}
.blog-card h1,
.blog-card h2,
.blog-card h3,
.blog-card h4{
  color:var(--text) !important;
}
.blog-card a{
  color:var(--orange-500) !important;
}


/* ============================================================
   产品卡片(f-card)文字对比度修复
   ============================================================ */
.f-card{
  background:var(--bg-card) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius) !important;
  overflow:hidden !important;
}
.f-card .f-img{
  background:var(--bg-secondary) !important;
}
.f-card .f-body{
  background:linear-gradient(180deg,transparent 0%,rgba(44,36,22,0.95) 25%) !important;
  padding:20px !important;
}
.f-card .f-body h4{
  color:#FF9100 !important;
  margin-bottom:8px !important;
}
.f-card .f-body h4 a{
  color:#FF9100 !important;
  text-decoration:none !important;
}
.f-card .f-body h4 a:hover{
  color:#FFAB40 !important;
}
.f-card .f-body p{
  color:rgba(250,246,240,0.92) !important;
  font-size:14px !important;
  line-height:1.6 !important;
  margin:0 !important;
}
.f-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 12px 32px rgba(44,36,22,0.18) !important;
  border-color:var(--orange-400) !important;
}

/* 产品网格(f-grid) */
.f-grid{
  gap:24px !important;
}


/* ============================================================
   去掉文字阴影 - 浅色主题不需要阴影，阴影会导致字体模糊
   ============================================================ */
.hero h1,
.hero h2,
.hero h3,
.hero .lead,
.hero p,
.hero *{
  text-shadow:none !important;
}
h1,h2,h3,h4,h5,h6,
p,span,a,li,
.section *,
.section.soft *,
.section.light *,
.cat-card *,
.prod-card *,
.f-card *,
.why-item *,
.faq-item *,
.testimonial-card *,
.market-band *,
.cta-band *,
.site-footer *{
  text-shadow:none !important;
}
/* 特别强调Hero标题清晰锐利 */
.hero h1{
  text-shadow:none !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
  font-weight:800 !important;
}
.hero h1 .hl{
  text-shadow:none !important;
}


/* ============================================================
   Hero左右布局样式
   ============================================================ */
.hero-layout{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:50px;
  align-items:center;
}
.hero-left{
  padding-right:20px;
}
.hero-right{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:400px;
}
.hero-image-main{
  position:relative;
  z-index:2;
  background:#fff;
  border-radius:16px;
  padding:15px;
  box-shadow:0 20px 60px rgba(44,36,22,0.18);
  border:1px solid rgba(44,36,22,0.08);
  transition:transform .4s ease, box-shadow .4s ease;
}
.hero-image-main:hover{
  transform:translateY(-6px) scale(1.02);
  box-shadow:0 28px 80px rgba(44,36,22,0.25);
}
.hero-image-main img{
  display:block;
  width:100%;
  max-width:480px;
  height:auto;
  border-radius:10px;
}
.hero-image-badge{
  position:absolute;
  top:-12px;
  right:-12px;
  background:linear-gradient(135deg,#E65100,#BF360C);
  color:#fff;
  padding:8px 16px;
  border-radius:20px;
  font-size:13px;
  font-weight:700;
  letter-spacing:0.5px;
  box-shadow:0 4px 16px rgba(230,81,0,0.4);
  z-index:3;
}
.hero-image-secondary{
  position:absolute;
  bottom:-20px;
  left:-30px;
  z-index:1;
  background:#fff;
  border-radius:12px;
  padding:10px;
  box-shadow:0 12px 40px rgba(44,36,22,0.15);
  border:1px solid rgba(44,36,22,0.08);
  transition:transform .4s ease;
}
.hero-image-secondary:hover{
  transform:translateY(-4px) rotate(-2deg);
}
.hero-image-secondary img{
  display:block;
  width:100%;
  max-width:240px;
  height:auto;
  border-radius:8px;
}

/* 响应式布局 */
@media(max-width:1024px){
  .hero-layout{
    grid-template-columns:1fr;
    gap:40px;
    text-align:center;
  }
  .hero-left{
    padding-right:0;
  }
  .hero-right{
    min-height:350px;
  }
  .hero-image-secondary{
    left:50%;
    transform:translateX(-50%);
  }
  .hero-image-secondary:hover{
    transform:translateX(-50%) translateY(-4px) rotate(-2deg);
  }
  .hero-stats{
    justify-content:center;
  }
  .hero-btns{
    justify-content:center;
  }
}
@media(max-width:640px){
  .hero-right{
    min-height:300px;
  }
  .hero-image-main img{
    max-width:320px;
  }
  .hero-image-secondary img{
    max-width:180px;
  }
}


/* ============================================================
   Hero全屏背景图+半透明遮罩样式（方案B）
   ============================================================ */
.hero.hero-bg{
  position:relative;
  min-height:600px;
  display:flex;
  align-items:center;
  padding:100px 0;
  overflow:hidden;
}
.hero.hero-bg::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-image:url('../images/factory-1.webp');
  background-size:cover;
  background-attachment:scroll;
  will-change:transform;
  background-position:center;
  background-repeat:no-repeat;
  filter:brightness(1.25) contrast(1.1) saturate(1.1);
  z-index:0;
}
.hero-bg-img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:brightness(1.25) contrast(1.1) saturate(1.1);
  z-index:0;
}
.hero-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,rgba(20,15,10,0.6) 0%,rgba(20,15,10,0.4) 40%,rgba(20,15,10,0.15) 70%,rgba(20,15,10,0.05) 100%);
  z-index:1;
}
.hero.hero-bg .container{
  position:relative;
  z-index:2;
  max-width:900px;
}
.hero.hero-bg h1{
  color:#FFFFFF !important;
  font-size:48px;
  font-weight:800;
  line-height:1.15;
  margin-bottom:24px;
  text-shadow:0 2px 12px rgba(0,0,0,0.8), 0 0 30px rgba(0,0,0,0.4) !important;
  letter-spacing:-0.5px;
}
.hero.hero-bg .lead{
  color:rgba(255,255,255,0.95) !important;
  font-size:17px;
  line-height:1.8;
  margin-bottom:32px;
  text-shadow:0 1px 8px rgba(0,0,0,0.7), 0 0 20px rgba(0,0,0,0.3) !important;
}
.hero.hero-bg .hero-btns{
  margin-bottom:40px;
}
.hero.hero-bg .btn-primary{
  background:linear-gradient(135deg,#FF6D00,#E65100) !important;
  color:#fff !important;
  box-shadow:0 4px 20px rgba(255,109,0,0.4) !important;
}
.hero.hero-bg .btn-primary:hover{
  background:linear-gradient(135deg,#FF9100,#FF6D00) !important;
  box-shadow:0 6px 28px rgba(255,109,0,0.5) !important;
  transform:translateY(-2px);
}
.hero.hero-bg .btn-outline-light{
  border:2px solid rgba(255,255,255,0.8) !important;
  color:#fff !important;
  background:rgba(255,255,255,0.1) !important;
  backdrop-filter:blur(10px);
}
.hero.hero-bg .btn-outline-light:hover{
  background:rgba(255,255,255,0.2) !important;
  border-color:#fff !important;
  transform:translateY(-2px);
}
.hero.hero-bg .hero-stats{
  display:flex;
  gap:40px;
  flex-wrap:wrap;
}
.hero.hero-bg .hero-stats .num{
  color:#FF9100 !important;
  font-size:32px;
  font-weight:800;
  text-shadow:0 2px 8px rgba(0,0,0,0.5) !important;
}
.hero.hero-bg .hero-stats .lbl{
  color:rgba(255,255,255,0.85) !important;
  font-size:14px;
  text-shadow:0 1px 4px rgba(0,0,0,0.4) !important;
}

/* 覆盖之前的左右布局样式 */
.hero-layout,
.hero-left,
.hero-right,
.hero-image-main,
.hero-image-secondary,
.hero-image-badge{
  display:none !important;
}

/* 响应式 */
@media(max-width:1024px){
  .hero.hero-bg{
    min-height:500px;
    padding:80px 0;
  }
  .hero.hero-bg h1{
    font-size:38px;
  }
  .hero.hero-bg .hero-stats{
    gap:30px;
  }
}
@media(max-width:640px){
  .hero.hero-bg{
    min-height:450px;
    padding:60px 0;
  }
  .hero.hero-bg h1{
    font-size:28px;
  }
  .hero.hero-bg .lead{
    font-size:15px;
  }
  .hero.hero-bg .hero-stats{
    gap:20px;
  }
  .hero.hero-bg .hero-stats .num{
    font-size:24px;
  }
}


/* ============================================================
   全局对比度保障样式 - 确保所有文字清晰可读
   ============================================================ */

/* 表单卡片改为浅色背景 */
.form-card{
  background:var(--bg-card) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow-md) !important;
}
.form-card h3{
  color:var(--text) !important;
}
.form-card .sub{
  color:var(--text-light) !important;
}
.field label{
  color:var(--text) !important;
}
.field input,.field select,.field textarea{
  background:var(--bg-primary) !important;
  color:var(--text) !important;
  border:1.5px solid var(--line) !important;
}
.field input::placeholder,.field textarea::placeholder{
  color:var(--text-light) !important;
  opacity:0.7 !important;
}
.form-note{
  color:var(--text-light) !important;
}

/* 所有深色背景区域的文字强制改为亮色 */
[style*="background:var(--dark-900)"],
[style*="background:var(--dark-800)"],
[style*="background:var(--dark-700)"],
[style*="background:var(--dark-600)"],
[style*="background:var(--dark-500)"]{
  color:#fff !important;
}
[style*="background:var(--dark-900)"] p,
[style*="background:var(--dark-800)"] p,
[style*="background:var(--dark-700)"] p,
[style*="background:var(--dark-600)"] p,
[style*="background:var(--dark-500)"] p{
  color:rgba(255,255,255,0.9) !important;
}
[style*="background:var(--dark-900)"] h1,
[style*="background:var(--dark-800)"] h1,
[style*="background:var(--dark-700)"] h1,
[style*="background:var(--dark-600)"] h1,
[style*="background:var(--dark-500)"] h1,
[style*="background:var(--dark-900)"] h2,
[style*="background:var(--dark-800)"] h2,
[style*="background:var(--dark-700)"] h2,
[style*="background:var(--dark-600)"] h2,
[style*="background:var(--dark-500)"] h2,
[style*="background:var(--dark-900)"] h3,
[style*="background:var(--dark-800)"] h3,
[style*="background:var(--dark-700)"] h3,
[style*="background:var(--dark-600)"] h3,
[style*="background:var(--dark-500)"] h3,
[style*="background:var(--dark-900)"] h4,
[style*="background:var(--dark-800)"] h4,
[style*="background:var(--dark-700)"] h4,
[style*="background:var(--dark-600)"] h4,
[style*="background:var(--dark-500)"] h4{
  color:#fff !important;
}
[style*="background:var(--dark-900)"] span,
[style*="background:var(--dark-800)"] span,
[style*="background:var(--dark-700)"] span,
[style*="background:var(--dark-600)"] span,
[style*="background:var(--dark-500)"] span{
  color:rgba(255,255,255,0.85) !important;
}
[style*="background:var(--dark-900)"] a,
[style*="background:var(--dark-800)"] a,
[style*="background:var(--dark-700)"] a,
[style*="background:var(--dark-600)"] a,
[style*="background:var(--dark-500)"] a{
  color:var(--orange-300) !important;
}

/* 产品卡片底部描述文字对比度 */
.f-card .f-body{
  background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-secondary) 100%) !important;
}
.f-card .f-body h4 a{
  color:var(--text) !important;
}
.f-card .f-body p{
  color:var(--text-light) !important;
}

/* 博客文章内容文字对比度 */
.blog-content p{
  color:var(--text) !important;
  line-height:1.8 !important;
}
.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{
  color:var(--text) !important;
}
.blog-content li{
  color:var(--text) !important;
}

/* 表格文字对比度 */
table{
  color:var(--text) !important;
}
table th{
  color:var(--text) !important;
  background:var(--bg-secondary) !important;
}
table td{
  color:var(--text) !important;
}

/* 引用块文字对比度 */
blockquote{
  color:var(--text) !important;
  border-left:4px solid var(--orange-500) !important;
  background:var(--bg-secondary) !important;
}

/* 页脚文字对比度（已在之前修复，这里再次保障） */
.site-footer p,
.site-footer span,
.site-footer li{
  color:rgba(255,255,255,0.85) !important;
}
.site-footer h3,
.site-footer h4,
.site-footer h5{
  color:#fff !important;
}
.site-footer a{
  color:rgba(255,255,255,0.8) !important;
}
.site-footer a:hover{
  color:var(--orange-300) !important;
}
.footer-bottom{
  color:rgba(255,255,255,0.85) !important;
}

/* 导航栏文字对比度 */
.site-header,
.header-content{
  color:#fff !important;
}
.site-header a,
.header-content a,
nav ul li a{
  color:#fff !important;
}
nav ul li a:hover{
  color:var(--orange-300) !important;
}

/* 全局文字平滑渲染 */
*{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}


/* ============================================================
   市场卡片文字颜色强制覆盖（修复.market-band *覆盖问题）
   ============================================================ */
.market-band .market-card,
.market-band .market-card *{
  color:var(--text) !important;
}
.market-band .market-card h4{
  color:var(--text) !important;
  font-size:19px !important;
  font-weight:700 !important;
}
.market-band .market-card p{
  color:var(--text) !important;
  font-size:14.5px !important;
  line-height:1.7 !important;
}
.market-band .market-card .flag{
  font-size:34px !important;
}








/* ============================================================
   LOGO样式强制修复（确保不被通用img样式覆盖）
   ============================================================ */
.logo {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-weight: 800 !important;
    margin-right: 50px !important;
    flex-shrink: 0 !important;
    max-width: 150px !important;
}
.logo img {
    height: 54px !important;
    width: auto !important;
    max-width: 150px !important;
    max-height: 54px !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    display: block !important;
}
header .logo {
    color: #FAF6F0 !important;
}
header .logo,
.site-header .logo * {
    color: #FAF6F0 !important;
}


/* ============================================================
   LOGO高优先级样式修复（覆盖内联样式，确保logo不变形）
   选择器优先级：header .logo img > .logo img > img
   ============================================================ */
header .logo,
.header .logo {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-weight: 800 !important;
    margin-right: 50px !important;
    flex-shrink: 0 !important;
    max-width: 150px !important;
}
header .logo img,
.header .logo img {
    height: 54px !important;
    width: auto !important;
    max-width: 150px !important;
    max-height: 54px !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    display: block !important;
}
/* 额外保险：针对所有页面的logo图片 */
.site-header .logo img,
nav .logo img,
.navbar .logo img {
    height: 54px !important;
    width: auto !important;
    max-width: 150px !important;
    max-height: 54px !important;
    object-fit: contain !important;
}


/* ============================================================
   LOGO明确尺寸样式（确保logo-clean.png等正方形图片不变形）
   明确设置logo图片的宽度和高度，使用object-fit保持比例
   ============================================================ */
.logo img {
    width: 120px !important;
    height: 60px !important;
    max-width: 120px !important;
    max-height: 60px !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    display: block !important;
}
/* 高优先级选择器，覆盖内联样式 */
header .logo img,
.header .logo img,
.site-header .logo img,
nav .logo img,
.navbar .logo img {
    width: 120px !important;
    height: 60px !important;
    max-width: 120px !important;
    max-height: 60px !important;
    object-fit: contain !important;
}


/* ============================================================
   LOGO最高优先级样式（覆盖内联样式，确保所有页面logo不变形）
   使用body header .logo img等最高优先级选择器，覆盖内联样式img { max-width: 100%; }
   ============================================================ */
body header .logo img,
body .header .logo img,
body div.container.nav .logo img,
body .nav .logo img,
body .site-header .logo img {
    width: 120px !important;
    height: 60px !important;
    max-width: 120px !important;
    max-height: 60px !important;
    min-width: 120px !important;
    min-height: 60px !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    display: block !important;
}
/* 额外保险：针对所有可能的logo图片选择器 */
body a.logo img,
body .logo a img,
body header a.logo img,
body .header a.logo img {
    width: 120px !important;
    height: 60px !important;
    max-width: 120px !important;
    max-height: 60px !important;
    object-fit: contain !important;
}

/* Logo图片样式 - 保持原始比例，不拉伸 */
.logo img {
    height: 54px;
    width: auto;
    max-width: 150px;
    max-height: 54px;
    object-fit: contain;
    border-radius: 0;
    display: block;
}

/* Quick Answer文字颜色 - 确保对比度足够 */
.quick-answer, .quick-answer-box, .quick-answer p, .quick-answer li {
    color: #1a1a1a !important;
    line-height: 1.7 !important;
}
.quick-answer h3, .quick-answer-box h3 {
    color: #1e40af !important;
}
/* blog-content文字颜色 - 确保对比度足够 */
.blog-content, .blog-content p, .blog-content li {
    color: #2C2416 !important;
    line-height: 1.8 !important;
}
.blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6 {
    color: #1a1a1a !important;
}
.blog-content a {
    color: #2563eb !important;
}
.blog-content strong, .blog-content b {
    color: #1a1a1a !important;
}