:root {
  --black:#0b0d10; --dark:#11151b; --gray:#68707d; --white:#fff; --yellow:#ffc400; --yellow2:#f0a800;
  --blue:#2f80ed; --border:rgba(255,255,255,0.12); --shadow:0 24px 80px rgba(0,0,0,.22); --radius:22px; --container:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth; scroll-padding-top:90px}
body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",Helvetica,sans-serif;color:var(--dark);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}.container{width:min(100% - 40px,var(--container));margin:0 auto}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(11,13,16,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}
.logo{display:inline-flex;align-items:center;gap:12px;font-weight:800}.logo-img{width:46px;height:46px;object-fit:contain;background:#fff;padding:5px;border-radius:10px;box-shadow:0 0 0 4px rgba(255,196,0,.14)}.logo-text{color:#fff;font-size:18px}
.main-nav{display:flex;align-items:center;gap:20px;color:rgba(255,255,255,.82);font-size:14px;font-weight:700}
.main-nav a:hover,.dropdown-toggle:hover{color:var(--yellow)}
.nav-cta{color:var(--black)!important;background:var(--yellow);padding:10px 16px;border-radius:999px}
.nav-dropdown{position:relative}.dropdown-toggle{display:inline-flex;align-items:center;gap:6px;border:0;padding:0;cursor:pointer;color:rgba(255,255,255,.82);background:transparent;font:inherit;font-weight:800}.dropdown-arrow{color:var(--yellow)}
.dropdown-menu{position:absolute;top:34px;left:50%;transform:translateX(-50%) translateY(8px);width:260px;padding:10px;border:1px solid var(--border);border-radius:18px;background:rgba(11,13,16,.98);box-shadow:0 20px 54px rgba(0,0,0,.36);opacity:0;visibility:hidden;pointer-events:none;transition:.18s}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown.active .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.dropdown-menu a{display:block;padding:11px 12px;border-radius:12px;color:rgba(255,255,255,.82)}.dropdown-menu a:hover{background:var(--yellow);color:#111}
.lang-switch{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid var(--border)}.lang-btn{border:0;cursor:pointer;padding:8px 11px;color:rgba(255,255,255,.82);background:transparent;border-radius:999px;font-weight:900}.lang-btn.active{color:#111;background:var(--yellow)}
.nav-toggle{display:none;width:42px;height:42px;background:transparent;border:1px solid var(--border);border-radius:12px;padding:9px}.nav-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:3px}
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 20%, rgba(255,196,0,.24), transparent 34%),radial-gradient(circle at 10% 10%, rgba(47,128,237,.2), transparent 30%),linear-gradient(135deg,#080a0d 0%,#121821 50%,#0c0f14 100%);min-height:760px}
.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom, black, transparent 86%)}
.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:42px;padding:90px 0 86px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--yellow2);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px}
body.lang-zh .eyebrow{text-transform:none;letter-spacing:.08em}.eyebrow::before{content:"";width:28px;height:3px;background:currentColor;border-radius:999px}
.hero h1,.section h2{margin:0;line-height:1.05;letter-spacing:-1px}body.lang-zh .hero h1,body.lang-zh .section h2{line-height:1.16;letter-spacing:-.4px}
.hero h1{font-size:clamp(42px,5.6vw,70px);max-width:640px}.hero-subtitle{max-width:620px;margin:24px 0 0;color:rgba(255,255,255,.78);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border-radius:999px;border:0;cursor:pointer;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#111;background:linear-gradient(135deg,var(--yellow),var(--yellow2));box-shadow:0 18px 36px rgba(255,196,0,.22)}.btn-secondary{color:#fff;background:rgba(255,255,255,.08);border:1px solid var(--border)}
.hero-slider{position:relative;min-height:560px;border:1px solid var(--border);border-radius:34px;background:linear-gradient(160deg, rgba(255,255,255,.12), rgba(255,255,255,.04)), rgba(255,255,255,.04);box-shadow:var(--shadow);overflow:hidden}.slider-track{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .55s ease}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(3,7,12,.55) 0%, rgba(0,0,0,.08) 40%, rgba(0,0,0,.05) 100%)}
.slide-caption{position:absolute;left:30px;right:30px;bottom:32px;z-index:2;padding:22px 24px;border-radius:24px;background:rgba(8,10,13,.76);border:1px solid var(--border);backdrop-filter:blur(14px)}.slide-caption span{color:var(--yellow);font-size:12px;font-weight:800;text-transform:uppercase}body.lang-zh .slide-caption span{text-transform:none}.slide-caption h3{margin:6px 0 6px;font-size:28px;color:#fff}.slide-caption p{margin:0;color:rgba(255,255,255,.76)}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border:1px solid var(--border);border-radius:50%;background:rgba(0,0,0,.42);color:#fff;cursor:pointer;font-size:34px;line-height:1}.slider-btn:hover{background:rgba(255,196,0,.92);color:#111}.slider-btn.prev{left:18px}.slider-btn.next{right:18px}.slider-dots{position:absolute;left:50%;bottom:14px;z-index:3;transform:translateX(-50%);display:flex;gap:10px}.dot{width:12px;height:12px;border-radius:50%;border:0;cursor:pointer;background:rgba(255,255,255,.35)}.dot.active{background:var(--yellow)}
.trust-bar{background:var(--yellow);color:#111;font-weight:900;text-transform:uppercase;letter-spacing:.8px}body.lang-zh .trust-bar{text-transform:none;letter-spacing:.06em}.trust-grid{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow-x:auto;white-space:nowrap}
.section{padding:100px 0}.section-heading{max-width:760px;margin:0 auto 46px;text-align:center}.section-heading h2,.split h2,.shipping-box h2,.contact-copy h2{font-size:clamp(34px,4.2vw,54px)}.section-heading p,.split p,.shipping-box p,.contact-copy p{color:var(--gray);font-size:17px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{border:1px solid #e8ecf3;border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 16px 46px rgba(14,20,30,.08);transition:.2s}.product-card:target{outline:4px solid rgba(255,196,0,.56);transform:translateY(-6px)}.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(14,20,30,.14)}.product-image{height:205px;background:#1a2029}.product-image img{width:100%;height:100%;object-fit:cover}.product-body{padding:24px}.product-body h3{margin:0 0 10px;font-size:23px}.product-body p{color:var(--gray);margin:0 0 16px}.product-body ul{padding-left:18px;margin:0 0 18px;color:#3b4554}.product-body a{color:#111;font-weight:900;border-bottom:2px solid var(--yellow)}
.featured,.process{color:#fff;background:var(--dark)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.featured .split p{color:rgba(255,255,255,.72)}.feature-list{display:grid;gap:18px}.feature-item{display:grid;grid-template-columns:74px 1fr;gap:18px;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.06)}.feature-item strong{display:grid;place-items:center;width:58px;height:58px;color:#111;background:var(--yellow);border-radius:16px;font-size:22px}.feature-item h3{margin:0 0 6px}.feature-item p{margin:0}
.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.advantage-card{padding:30px;border-radius:var(--radius);background:#f7f9fc;border:1px solid #e8ecf3}.advantage-card span{display:inline-flex;color:#111;background:var(--yellow);border-radius:999px;padding:5px 11px;font-weight:900}.advantage-card h3{margin:18px 0 10px;font-size:21px}.advantage-card p{margin:0;color:var(--gray)}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.timeline-item{padding:26px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.06)}.timeline-item span{display:grid;place-items:center;width:42px;height:42px;color:#111;background:var(--yellow);border-radius:50%;font-weight:900}.timeline-item h3{margin:18px 0 8px}.timeline-item p{margin:0;color:rgba(255,255,255,.72)}
.shipping{background:#f7f9fc}.shipping-box{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:46px;border-radius:34px;background:radial-gradient(circle at 80% 20%, rgba(255,196,0,.2), transparent 34%),#fff;border:1px solid #e8ecf3;box-shadow:0 18px 56px rgba(14,20,30,.08)}.shipping-tags{display:flex;flex-wrap:wrap;gap:14px}.shipping-tags span{display:inline-flex;padding:14px 18px;border-radius:999px;color:#111;background:#eef3fb;font-weight:800}
.faq-list{max-width:860px;margin:0 auto;display:grid;gap:14px}details{border:1px solid #e8ecf3;border-radius:18px;padding:20px 22px;background:#fff;box-shadow:0 10px 34px rgba(14,20,30,.06)}summary{cursor:pointer;font-weight:900;font-size:18px}details p{color:var(--gray);margin:12px 0 0}
.contact{color:#fff;background:radial-gradient(circle at 20% 20%, rgba(255,196,0,.18), transparent 32%),linear-gradient(135deg,#090b0f,#151b24)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:start}.contact-copy p{color:rgba(255,255,255,.72)}.contact-methods{display:grid;gap:14px;margin-top:30px}.contact-methods a{display:grid;gap:4px;padding:18px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.06)}.contact-methods span{color:var(--yellow);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px}body.lang-zh .contact-methods span{text-transform:none}.contact-form{display:grid;gap:16px;padding:28px;border:1px solid var(--border);border-radius:28px;background:rgba(255,255,255,.08);box-shadow:var(--shadow)}.contact-form label{display:grid;gap:8px;color:rgba(255,255,255,.82);font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:14px 15px;color:#fff;background:rgba(0,0,0,.28);outline:none;font:inherit}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--yellow)}.contact-form select option{color:#111}.form-note{margin:0;color:rgba(255,255,255,.62);font-size:13px}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:999;display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 20px;border-radius:999px;color:#111;background:var(--yellow);font-weight:900;box-shadow:0 16px 38px rgba(0,0,0,.28)}
.site-footer{color:rgba(255,255,255,.72);background:#07090c;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:38px}.site-footer h3{margin:0 0 12px;color:#fff}.site-footer a{display:block;margin:8px 0}.site-footer a:hover{color:var(--yellow)}.footer-logo{margin-bottom:16px}.copyright{margin-top:34px;padding-top:24px;border-top:1px solid var(--border);font-size:14px}
@media(max-width:1080px){.hero-content,.split,.shipping-box,.contact-grid{grid-template-columns:1fr}.product-grid,.advantage-grid,.timeline{grid-template-columns:repeat(2,1fr)}.hero{min-height:auto}.hero-slider{min-height:520px}}
@media(max-width:860px){.container{width:min(100% - 28px,var(--container))}.nav-toggle{display:block}.main-nav{position:absolute;left:14px;right:14px;top:82px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px;color:#fff;background:rgba(11,13,16,.96);border:1px solid var(--border);border-radius:20px}.main-nav.active{display:flex}.main-nav>a{padding:13px 14px;border-radius:12px}.nav-cta{text-align:center;margin-top:8px}.nav-dropdown{width:100%}.dropdown-toggle{width:100%;justify-content:space-between;padding:13px 14px;border-radius:12px}.dropdown-menu{position:static;width:100%;transform:none;display:none;margin:4px 0 10px;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;background:rgba(255,255,255,.06)}.nav-dropdown.active .dropdown-menu{display:block}.lang-switch{margin-top:10px;justify-content:center}.hero-content{padding:68px 0 70px;gap:34px}.hero h1{font-size:40px}.product-grid,.advantage-grid,.timeline,.footer-grid{grid-template-columns:1fr}.trust-grid{justify-content:flex-start}.section{padding:72px 0}.shipping-box{padding:28px}.floating-whatsapp{right:14px;bottom:14px}.slider-btn{width:42px;height:42px}.slide-caption h3{font-size:24px}}


/* Product detail page */
.product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.product-actions a {
  display: inline-flex;
  align-items: center;
  color: #111;
  font-weight: 900;
  border-bottom: 2px solid var(--yellow);
}

.product-detail-hero {
  position: relative;
  color: #fff;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 20%, rgba(255,196,0,.22), transparent 32%),
    linear-gradient(135deg,#080a0d,#151b24);
  padding: 78px 0 70px;
}

.product-detail-grid {
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: 48px;
  align-items: center;
}

.breadcrumb {
  display: flex;
  gap: 8px;
  align-items: center;
  color: rgba(255,255,255,.68);
  font-weight: 700;
  margin-bottom: 20px;
}

.breadcrumb a:hover {
  color: var(--yellow);
}

.product-detail-hero h1 {
  margin: 0;
  font-size: clamp(42px,5vw,68px);
  line-height: 1.05;
  letter-spacing: -1px;
}

.product-detail-hero p {
  color: rgba(255,255,255,.76);
  font-size: 18px;
}

.product-hero-image {
  border-radius: 34px;
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  min-height: 420px;
  background: #111827;
}

.product-hero-image img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  display: block;
}

.detail-section {
  padding: 86px 0;
}

.detail-section.alt {
  background: #f7f9fc;
}

.detail-heading {
  max-width: 760px;
  margin: 0 auto 38px;
  text-align: center;
}

.detail-heading h2 {
  margin: 0;
  font-size: clamp(32px,4vw,50px);
  line-height: 1.08;
}

.detail-heading p {
  color: var(--gray);
}

.style-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.style-card {
  padding: 28px;
  border-radius: var(--radius);
  border: 1px solid #e8ecf3;
  background: #fff;
  box-shadow: 0 16px 44px rgba(14,20,30,.07);
}

.style-card span {
  display: inline-flex;
  color: #111;
  background: var(--yellow);
  border-radius: 999px;
  padding: 5px 11px;
  font-weight: 900;
  margin-bottom: 16px;
}

.style-card h3 {
  margin: 0 0 10px;
  font-size: 22px;
}

.style-card p {
  color: var(--gray);
  margin: 0;
}

.model-grid {
  display: grid;
  gap: 24px;
}

.model-card {
  display: grid;
  grid-template-columns: .5fr 1fr;
  gap: 24px;
  border-radius: 28px;
  border: 1px solid #e8ecf3;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 16px 50px rgba(14,20,30,.08);
}

.model-media {
  min-height: 260px;
  background: #ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
}

.model-media img {
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:contain;
  display:block;
  background:#ffffff;
}

.model-info {
  padding: 28px;
}

.model-info h3 {
  margin: 0 0 8px;
  font-size: 28px;
}

.model-style {
  color: var(--yellow2);
  font-weight: 900;
  margin-bottom: 18px;
}

.param-table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 14px;
}

.param-table tr {
  border-bottom: 1px solid #edf0f5;
}

.param-table tr:last-child {
  border-bottom: 0;
}

.param-table th,
.param-table td {
  text-align: left;
  padding: 13px 12px;
  vertical-align: top;
}

.param-table th {
  width: 32%;
  color: #475467;
  background: #f7f9fc;
}

.detail-cta {
  color: #fff;
  background:
    radial-gradient(circle at 15% 30%, rgba(255,196,0,.2), transparent 28%),
    linear-gradient(135deg,#080a0d,#151b24);
  border-radius: 34px;
  padding: 44px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: center;
}

.detail-cta h2 {
  margin: 0 0 10px;
  font-size: clamp(30px,4vw,48px);
}

.detail-cta p {
  margin: 0;
  color: rgba(255,255,255,.72);
}

.related-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 18px;
}

.related-card {
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e8ecf3;
  box-shadow: 0 12px 34px rgba(14,20,30,.07);
}

.related-card img {
  width: 100%;
  height: 130px;
  object-fit: cover;
  display: block;
}

.related-card h3 {
  margin: 0;
  padding: 16px;
  font-size: 17px;
}

@media(max-width:1080px) {
  .product-detail-grid,
  .model-card,
  .detail-cta {
    grid-template-columns: 1fr;
  }
  .style-grid,
  .related-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

@media(max-width:700px) {
  .style-grid,
  .related-grid {
    grid-template-columns: 1fr;
  }
  .product-detail-hero {
    padding: 54px 0 56px;
  }
  .product-hero-image,
  .product-hero-image img {
    min-height: 280px;
  }
}


/* About page */
.about-hero {
  position: relative;
  color: #fff;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 20%, rgba(255,196,0,.22), transparent 32%),
    linear-gradient(135deg,#080a0d,#151b24);
  padding: 82px 0 76px;
}

.about-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr .82fr;
  gap: 48px;
  align-items: center;
}

.about-hero h1 {
  margin: 0;
  font-size: clamp(44px, 5vw, 72px);
  line-height: 1.05;
  letter-spacing: -1px;
}

.about-hero p {
  color: rgba(255,255,255,.76);
  font-size: 18px;
}

.about-visual {
  min-height: 390px;
  border: 1px solid var(--border);
  border-radius: 34px;
  background:
    radial-gradient(circle at 80% 20%, rgba(255,196,0,.32), transparent 34%),
    linear-gradient(160deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  box-shadow: var(--shadow);
  display: grid;
  place-items: center;
  text-align: center;
  padding: 42px;
}

.about-visual img {
  width: min(260px, 70%);
  max-height: 160px;
  object-fit: contain;
  background: #fff;
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(0,0,0,.24);
}

.about-visual strong {
  display: block;
  margin-top: 28px;
  color: var(--yellow);
  font-size: 46px;
  line-height: 1;
}

.about-visual span {
  display: block;
  margin-top: 12px;
  color: rgba(255,255,255,.76);
  font-weight: 800;
}

.about-content-grid {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 54px;
  align-items: start;
}

.about-content-grid h2 {
  margin: 0;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.08;
}

.about-content-grid p {
  color: var(--gray);
  font-size: 17px;
}

.about-info-cards {
  display: grid;
  gap: 18px;
}

.about-info-card {
  padding: 26px;
  border-radius: 22px;
  border: 1px solid #e8ecf3;
  background: #fff;
  box-shadow: 0 14px 40px rgba(14,20,30,.07);
}

.about-info-card span {
  display: inline-flex;
  color: #111;
  background: var(--yellow);
  border-radius: 999px;
  padding: 5px 11px;
  font-weight: 900;
  margin-bottom: 14px;
}

.about-info-card h3 {
  margin: 0 0 8px;
  font-size: 23px;
}

.about-info-card p {
  margin: 0;
}

@media(max-width:1080px) {
  .about-hero-grid,
  .about-content-grid {
    grid-template-columns: 1fr;
  }
}


/* Factory news */
.factory-news-preview {
  background: #f7f9fc;
}

.center-action {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

.news-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.news-card {
  border: 1px solid #e8ecf3;
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 16px 46px rgba(14,20,30,.08);
}

.news-cover {
  display: block;
  height: 220px;
  background: #111827;
}

.news-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-card-body {
  padding: 22px;
}

.news-card-body time,
.news-list-body time,
#detailDate {
  display: inline-flex;
  color: var(--yellow2);
  font-weight: 900;
  margin-bottom: 10px;
}

.news-card-body h3 {
  margin: 0 0 10px;
  font-size: 23px;
  line-height: 1.18;
}

.news-card-body p,
.news-list-body p {
  color: var(--gray);
}

.news-link {
  color: #111;
  font-weight: 900;
  border-bottom: 2px solid var(--yellow);
}

.news-hero,
.news-detail-hero {
  position: relative;
  color: #fff;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 20%, rgba(255,196,0,.22), transparent 32%),
    linear-gradient(135deg,#080a0d,#151b24);
  padding: 78px 0 70px;
}

.news-hero-content {
  position: relative;
  z-index: 1;
  max-width: 880px;
}

.news-hero h1,
.news-detail-hero h1 {
  margin: 0;
  font-size: clamp(42px,5vw,70px);
  line-height: 1.05;
  letter-spacing: -1px;
}

.news-hero p {
  color: rgba(255,255,255,.76);
  font-size: 18px;
}

.news-list-grid {
  display: grid;
  gap: 26px;
}

.news-list-card {
  display: grid;
  grid-template-columns: .42fr .58fr;
  gap: 0;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid #e8ecf3;
  background: #fff;
  box-shadow: 0 16px 48px rgba(14,20,30,.08);
}

.news-list-cover {
  min-height: 280px;
  background: #111827;
}

.news-list-cover img {
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
}

.news-list-body {
  padding: 32px;
}

.news-list-body h2 {
  margin: 0 0 12px;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.12;
}

.news-article-wrap {
  max-width: 980px;
}

.news-detail-cover {
  width: 100%;
  max-height: 520px;
  object-fit: cover;
  border-radius: 30px;
  box-shadow: 0 18px 56px rgba(14,20,30,.12);
  margin-bottom: 34px;
}

.news-rich-content {
  font-size: 18px;
  line-height: 1.85;
  color: #1f2937;
}

.news-rich-content img {
  max-width: 100%;
  border-radius: 18px;
  display: block;
  margin: 22px auto;
}

.news-rich-content h1,
.news-rich-content h2,
.news-rich-content h3 {
  line-height: 1.25;
  margin-top: 1.4em;
}

.news-rich-content a {
  color: #1d4ed8;
  text-decoration: underline;
}

.article-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
}

.dark-text {
  color: #111 !important;
  border-color: #d0d5dd !important;
}

.empty-news {
  text-align: center;
  color: var(--gray);
  font-weight: 800;
  padding: 40px;
  background: #fff;
  border-radius: 22px;
}

@media(max-width:1080px) {
  .news-preview-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .news-list-card {
    grid-template-columns: 1fr;
  }
}

@media(max-width:700px) {
  .news-preview-grid {
    grid-template-columns: 1fr;
  }
}


/* Online inquiry */
.inquiry-hero {
  position: relative;
  color: #fff;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 20%, rgba(255,196,0,.22), transparent 32%),
    linear-gradient(135deg,#080a0d,#151b24);
  padding: 78px 0 78px;
}

.inquiry-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 48px;
  align-items: start;
}

.inquiry-hero h1 {
  margin: 0;
  font-size: clamp(42px,5vw,70px);
  line-height: 1.05;
  letter-spacing: -1px;
}

.inquiry-hero p {
  color: rgba(255,255,255,.76);
  font-size: 18px;
}

.inquiry-form h2 {
  margin: 0;
  color: #fff;
  font-size: 32px;
}

.inquiry-form > p {
  margin: 0 0 10px;
  color: rgba(255,255,255,.72);
}

.form-grid-two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.form-note.error {
  color: #ffb4ab;
}

#contactStatus {
  font-weight: 800;
}

@media(max-width:1080px) {
  .inquiry-hero-grid {
    grid-template-columns: 1fr;
  }
}

@media(max-width:700px) {
  .form-grid-two {
    grid-template-columns: 1fr;
  }
}

/* ===== Mobile compatibility fix ===== */
@media (max-width: 700px) {
  html {
    scroll-padding-top: 74px;
  }

  body {
    overflow-x: hidden;
  }

  .container {
    width: min(100% - 24px, var(--container));
  }

  .nav-wrap {
    height: 66px;
  }

  .logo-img {
    width: 40px;
    height: 40px;
  }

  .logo-text {
    font-size: 14px;
    max-width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .main-nav {
    top: 72px;
    max-height: calc(100vh - 86px);
    overflow-y: auto;
  }

  .hero {
    min-height: auto;
  }

  .hero-content {
    display: flex;
    flex-direction: column;
    padding: 44px 0 54px;
    gap: 28px;
  }

  .hero h1 {
    font-size: 34px;
    line-height: 1.15;
  }

  .hero-subtitle {
    font-size: 15px;
    margin-top: 16px;
  }

  .hero-actions {
    margin-top: 22px;
    gap: 10px;
  }

  .hero-actions .btn {
    width: 100%;
  }

  .hero-slider {
    width: 100%;
    min-height: 360px;
    border-radius: 24px;
  }

  .slider-track {
    position: absolute;
    inset: 0;
  }

  .slide-caption {
    left: 14px;
    right: 14px;
    bottom: 14px;
    padding: 14px 16px;
    border-radius: 18px;
  }

  .slide-caption h3 {
    font-size: 20px;
    line-height: 1.18;
  }

  .slide-caption p {
    font-size: 13px;
    line-height: 1.45;
  }

  .slider-btn {
    width: 36px;
    height: 36px;
    font-size: 26px;
  }

  .slider-btn.prev {
    left: 8px;
  }

  .slider-btn.next {
    right: 8px;
  }

  .trust-grid {
    min-height: 52px;
    font-size: 12px;
    gap: 14px;
  }

  .section {
    padding: 56px 0;
  }

  .section-heading {
    margin-bottom: 28px;
  }

  .section-heading h2,
  .split h2,
  .shipping-box h2,
  .contact-copy h2 {
    font-size: 30px;
    line-height: 1.16;
  }

  .section-heading p,
  .split p,
  .shipping-box p,
  .contact-copy p {
    font-size: 15px;
  }

  .product-grid,
  .advantage-grid,
  .timeline,
  .footer-grid,
  .contact-grid,
  .split,
  .shipping-box {
    grid-template-columns: 1fr !important;
  }

  .product-image {
    height: 210px;
  }

  .product-body {
    padding: 20px;
  }

  .product-body h3 {
    font-size: 21px;
  }

  .feature-item {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .shipping-box {
    padding: 24px;
    border-radius: 24px;
  }

  .shipping-tags span {
    padding: 10px 14px;
    font-size: 13px;
  }

  details {
    padding: 16px 18px;
  }

  summary {
    font-size: 16px;
  }

  .contact-form {
    padding: 20px;
    border-radius: 22px;
  }

  .contact-form input,
  .contact-form select,
  .contact-form textarea {
    font-size: 16px;
  }

  .site-footer {
    padding: 42px 0 22px;
  }

  .floating-whatsapp {
    height: 46px;
    right: 12px;
    bottom: 12px;
    padding: 0 16px;
    font-size: 13px;
  }

  .product-detail-grid,
  .about-hero-grid,
  .about-content-grid,
  .inquiry-hero-grid,
  .news-list-card,
  .model-card,
  .detail-cta {
    grid-template-columns: 1fr !important;
  }

  .product-detail-hero,
  .about-hero,
  .news-hero,
  .news-detail-hero,
  .inquiry-hero {
    padding: 48px 0 52px;
  }

  .product-detail-hero h1,
  .about-hero h1,
  .news-hero h1,
  .news-detail-hero h1,
  .inquiry-hero h1 {
    font-size: 34px;
    line-height: 1.15;
  }

  .product-hero-image,
  .product-hero-image img,
  .about-visual {
    min-height: 260px;
  }

  .model-info {
    padding: 20px;
  }

  .param-table th,
  .param-table td {
    display: block;
    width: 100%;
    padding: 10px 12px;
  }

  .detail-cta {
    padding: 26px;
    border-radius: 24px;
  }

  .form-grid-two {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 420px) {
  .hero h1,
  .product-detail-hero h1,
  .about-hero h1,
  .news-hero h1,
  .news-detail-hero h1,
  .inquiry-hero h1 {
    font-size: 30px;
  }

  .hero-slider {
    min-height: 330px;
  }

  .slide-caption h3 {
    font-size: 18px;
  }

  .slide-caption p {
    font-size: 12px;
  }

  .product-image {
    height: 190px;
  }
}

/* ===== Fix mobile product dropdown menu ===== */
@media (max-width: 700px) {
  .site-header {
    z-index: 9999;
  }

  .main-nav {
    z-index: 10000;
  }

  .main-nav .nav-dropdown {
    width: 100%;
    display: block;
  }

  .main-nav .dropdown-toggle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    border: 0;
    background: transparent;
    color: #ffc400;
    font-size: 20px;
    font-weight: 900;
  }

  .main-nav .dropdown-arrow {
    margin-left: auto;
    transition: transform .2s ease;
  }

  .main-nav .nav-dropdown.active .dropdown-arrow {
    transform: rotate(180deg);
  }

  .main-nav .dropdown-menu {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 4px 0 12px !important;
    padding: 8px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: none !important;
  }

  .main-nav .nav-dropdown.active .dropdown-menu {
    display: grid !important;
    gap: 6px;
  }

  .main-nav .dropdown-menu a {
    display: block;
    padding: 12px 14px !important;
    border-radius: 12px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
    background: rgba(255,255,255,.06);
  }

  .main-nav .dropdown-menu a:hover {
    background: rgba(255,196,0,.16);
    color: #ffc400 !important;
  }
}

/* ===== Product model parameter table: two-column layout on desktop ===== */
@media (min-width: 900px) {
  .model-card .param-table {
    display: block;
    width: 100%;
  }

  .model-card .param-table tbody {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 18px;
  }

  .model-card .param-table tr {
    display: grid;
    grid-template-columns: minmax(145px, 42%) 1fr;
    border-bottom: 1px solid #e7ebf2;
  }

  .model-card .param-table th,
  .model-card .param-table td {
    display: block;
    border: 0 !important;
    padding: 13px 12px;
    line-height: 1.45;
  }

  .model-card .param-table th {
    background: #f3f5f9;
    color: #475569;
    font-weight: 900;
  }

  .model-card .param-table td {
    background: #fff;
    color: #111827;
  }
}

/* 手机端仍然保持单列，避免太挤 */
@media (max-width: 899px) {
  .model-card .param-table,
  .model-card .param-table tbody,
  .model-card .param-table tr,
  .model-card .param-table th,
  .model-card .param-table td {
    display: revert;
  }
}

/* ===== Product detail parameter card layout ===== */
.model-info .parameter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 14px 18px;
  margin-top: 18px;
}

.model-info .parameter-card {
  border: 1px solid #e7ebf2;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
}

.model-info .parameter-name {
  background: #f3f5f9;
  padding: 12px 16px;
  color: #475569;
  font-weight: 900;
  line-height: 1.35;
  word-break: normal;
}

.model-info .parameter-value {
  padding: 13px 16px;
  color: #111827;
  font-size: 16px;
  line-height: 1.55;
  word-break: normal;
  overflow-wrap: break-word;
}

@media (max-width: 899px) {
  .model-info .parameter-grid {
    grid-template-columns: 1fr;
  }
}


/* 产品参数自动两列显示 */

.parameter-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(280px,1fr));
    gap:18px;
    margin-top:20px;
}


.parameter-card{
    border:1px solid #e5eaf2;
    border-radius:16px;
    overflow:hidden;
    background:#ffffff;
}


.parameter-name{
    background:#f3f5f9;
    padding:14px 18px;
    font-weight:900;
    color:#475569;
    font-size:16px;
}


.parameter-value{
    padding:15px 18px;
    color:#111827;
    font-size:16px;
    line-height:1.5;
}


/* 手机端自动一列 */

@media(max-width:768px){

.parameter-grid{
    grid-template-columns:1fr;
}

.parameter-name{
    font-size:15px;
}

.parameter-value{
    font-size:15px;
}

}


/* ===== About Us right visual: image only ===== */
.about-visual {
  padding: 0 !important;
  overflow: hidden !important;
}

.about-visual .about-logo-card,
.about-visual .visual-card,
.about-visual .logo-card {
  width: 100% !important;
  height: 100% !important;
  min-height: 420px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
}

.about-visual #aboutLogo,
.about-visual img {
  width: 100% !important;
  height: 100% !important;
  min-height: 420px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 34px !important;
  background: #ffffff !important;
}

.about-visual h1,
.about-visual h2,
.about-visual h3,
.about-visual p,
.about-visual span:not(.ignore-hide) {
  display: none !important;
}

/* 手机端适配 */
@media (max-width: 768px) {
  .about-visual .about-logo-card,
  .about-visual .visual-card,
  .about-visual .logo-card,
  .about-visual #aboutLogo,
  .about-visual img {
    min-height: 280px !important;
    border-radius: 24px !important;
  }
}



/* ===== Excel import and model detail page styles ===== */
.model-detail-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 14px 0 18px;
  padding: 10px 16px;
  border-radius: 999px;
  background: #ffc400;
  color: #111827;
  font-weight: 900;
  text-decoration: none;
}

.model-detail-link:hover {
  transform: translateY(-1px);
}

.excel-import-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 18px;
  margin-bottom: 20px;
  border: 1px solid #e5eaf2;
  border-radius: 18px;
  background: #fff8db;
}

.excel-import-box h3 {
  margin: 0 0 8px;
}

.excel-import-box p {
  margin: 4px 0;
  color: #64748b;
}

.excel-import-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}

.model-detail-hero {
  position: relative;
  overflow: hidden;
  padding: 76px 0;
  color: #fff;
  background:
    radial-gradient(circle at 80% 18%, rgba(255,196,0,.22), transparent 32%),
    linear-gradient(135deg,#080a0d,#111827);
}

.model-detail-wrap {
  position: relative;
  z-index: 1;
}

.model-detail-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 44px;
  align-items: center;
  margin-top: 40px;
}

.model-detail-image {
  background: #fff;
  border-radius: 30px;
  padding: 24px;
  min-height: 460px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.model-detail-image img {
  width: 100%;
  height: 100%;
  max-height: 560px;
  object-fit: contain;
  display: block;
}

.model-detail-info h1 {
  font-size: clamp(44px, 5vw, 76px);
  line-height: 1.05;
  margin: 0 0 16px;
}

.model-detail-info p {
  color: rgba(255,255,255,.76);
  font-size: 18px;
  line-height: 1.7;
}

.model-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 24px;
}

.model-param-section {
  margin-top: 54px;
  padding: 34px;
  border-radius: 30px;
  background: #fff;
  color: #111827;
}

.model-param-section .section-heading {
  text-align: left;
  margin-bottom: 24px;
}

@media(max-width:900px) {
  .model-detail-grid,
  .excel-import-box {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: stretch;
  }

  .model-detail-image {
    min-height: 320px;
  }

  .excel-import-actions {
    flex-direction: column;
    align-items: stretch;
  }
}



/* ===== Language separate Excel import styles ===== */
.language-excel-import-box {
  background: #fff8db;
  border: 1px solid #e5eaf2;
  border-radius: 18px;
  padding: 18px;
  margin-bottom: 20px;
}

.language-excel-import-box h3 {
  margin: 0 0 8px;
}

.language-excel-import-box p {
  margin: 4px 0;
  color: #64748b;
}

.language-excel-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

@media(max-width:900px) {
  .language-excel-actions {
    flex-direction: column;
    align-items: stretch;
  }
}
/* ===== Language separate Excel import styles END ===== */


/* ===== Per-model bilingual Excel styles START ===== */
.model-excel-help {
  background: #fff8db !important;
  border-color: #f4d66d !important;
}

.model-excel-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
  align-items: center;
}

.model-excel-actions .mini-btn,
.model-excel-actions .file-btn {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 900px) {
  .model-excel-actions {
    flex-direction: column;
    align-items: stretch;
  }
}
/* ===== Per-model bilingual Excel styles END ===== */