:root{
  --bg:#1a202c;--bg-mid:#1a202c;--bg-card:rgba(26,32,44,0.98);--bg-light:transparent;
  --red:#1b5e20;--red-light:#2e7d32;--red-pale:#43a047;
  --gold:#1b5e20;--gold-light:#2e7d32;
  --ice:#1a202c;--slate:#4a5568;--white:#1a202c;
  --border:rgba(0,0,0,0.08);--border-r:rgba(0,0,0,0.12);
  /* 表单控件（含原生下拉列表弹出层）按浅色渲染，避免跟随系统深色配色 */
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:transparent;color:var(--ice);font-family:'Inter',sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}

/* FILMSTRIP TICKER */
.filmstrip{height:24px;background:var(--bg-main,#fff);display:flex;align-items:center;overflow:hidden;position:fixed;top:0;left:0;right:0;z-index:200;border-bottom:1px solid var(--border)}
.fs-track{display:flex;animation:filmroll 20s linear infinite;white-space:nowrap}
.fs-hole{width:14px;height:10px;border:1.5px solid var(--gold);border-radius:2px;margin:0 9px;flex-shrink:0;opacity:.45;display:inline-block}
.fs-txt{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--gold);letter-spacing:.15em;opacity:.65;padding:0 16px;flex-shrink:0}
@keyframes filmroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* SCROLL PROGRESS */
.scroll-progress{position:fixed;top:84px;left:0;height:2px;background:linear-gradient(90deg,var(--red),var(--gold));z-index:99;width:0%;transition:width .1s}

/* HEADER */
header{position:fixed;top:24px;left:0;right:0;z-index:100;background:rgba(255,255,255,0.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.header-inner{max-width:1400px;margin:0 auto;padding:0 12px;display:flex;align-items:center;flex-wrap:nowrap;height:56px;gap:4px}
.logo{flex-shrink:0;text-decoration:none;display:flex;align-items:center;gap:10px}
.logo-img{height:36px;width:auto;object-fit:contain;border-radius:4px}
.logo-main{font-family:'Playfair Display',serif;font-size:21px;font-weight:700;color:var(--white);letter-spacing:.03em}
.logo-main span{color:var(--gold)}
.logo-sub{font-size:11px;color:var(--slate);letter-spacing:.18em;text-transform:uppercase;margin-top:-2px;display:block}

/* NAV */
nav{display:flex;align-items:center;gap:0px;flex:1;overflow:visible;flex-wrap:nowrap;min-width:0}
.nav-item{position:relative}
.nav-item{flex-shrink:1;min-width:0}
.nav-item>a,.nav-item>span{color:var(--slate);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.02em;padding:6px 10px;border-radius:4px;transition:all .2s;display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}
.nav-item>a:hover,.nav-item>span:hover,.nav-item:hover>a,.nav-item:hover>span{color:var(--white);background:rgba(0,0,0,0.03)}
.nav-item>a.act,.nav-item>span.act{color:var(--gold)}
.nav-arrow{font-size:11px;opacity:.45;transition:transform .2s}
.nav-item:hover .nav-arrow{transform:rotate(180deg);opacity:1}

/* ---- HEADER DROPDOWN (light theme) ---- */
.nav-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:12px;
  min-width:240px;
  padding:8px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px);
  transition:all 0.25s;
  z-index:300;
  box-shadow:0 12px 40px rgba(0,0,0,0.12);
}
.nav-item:hover > .nav-dropdown,
.nav-item:focus-within > .nav-dropdown,
.nav-item.is-open > .nav-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.nav-dropdown-wide{
  min-width:680px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  padding:16px;
}
.nav-dropdown a{
  display:block;
  padding:10px 14px;
  border-radius:8px;
  color:var(--text-primary);
  text-decoration:none;
  font-size:13.5px;
  font-weight:500;
  transition:all 0.2s;
  white-space:nowrap;
}
.nav-dropdown a:hover{
  background:rgba(0,184,148,0.08);
  color:var(--neon-cyan);
}
.nav-dropdown-title{
  font-size:11px;
  font-weight:700;
  color:var(--neon-green);
  text-transform:uppercase;
  letter-spacing:0.08em;
  padding:8px 14px 4px;
  margin-top:4px;
}
.nav-dropdown-col{
  padding:4px 0;
}
.has-dropdown:hover > .nav-dropdown{
  display:block!important;
}
.dropdown{position:absolute;top:calc(100% + 5px);left:0;background:#1a202cff;border:1px solid var(--border);border-radius:8px;min-width:230px;padding:7px;opacity:0;visibility:hidden;transform:translateY(-5px);transition:all .2s;z-index:300;box-shadow:0 20px 50px rgba(0,0,0,0.15)}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-wide{min-width:500px;display:grid;grid-template-columns:1fr 1fr;left:-30px}
.dd-col-head{font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);padding:7px 11px 3px;border-bottom:1px solid rgba(232,196,106,0.12);margin-bottom:3px;font-family:'JetBrains Mono',monospace;grid-column:1/-1}
.dd-footer{grid-column:1/-1;padding:7px 11px 3px;border-top:1px solid rgba(232,196,106,0.1);margin-top:3px}
.dd-footer a{color:var(--gold)!important;font-size:10.5px;font-weight:600}
.dropdown a{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:5px;color:var(--slate);text-decoration:none;font-size:11.5px;transition:all .15s;white-space:nowrap}
.dropdown a:hover{background:rgba(0,0,0,0.03);color:var(--white)}
.ddi{width:24px;height:24px;background:rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.1);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.ddn{font-weight:500;color:var(--ice);font-size:11.5px;line-height:1.2}
.dds{font-size:10.5px;color:var(--slate);margin-top:1px}

/* LANG TOGGLE */
.lang-toggle select{background:transparent;border:1px solid var(--border);color:var(--ice);font-size:12px;font-weight:500;padding:5px 20px 5px 7px;border-radius:3px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23e8c46a'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;transition:border-color .2s}
.lang-toggle select:focus{border-color:var(--gold);outline:none}
.lang-toggle select option{background:#ffffff;color:#1a202c}

/* BUTTONS */
.btn-gold{background:linear-gradient(135deg,var(--red),var(--red-light));color:#1a202c;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;padding:7px 12px;border-radius:4px;border:none;cursor:pointer;transition:all .2s;display:inline-block;white-space:nowrap;flex-shrink:0}
.btn-gold:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn-r{background:linear-gradient(135deg,var(--red),var(--red-light));color:#1a202c;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:10px 22px;border-radius:4px;border:none;cursor:pointer;transition:all .2s;display:inline-block}
.btn-r:hover{filter:brightness(1.1);transform:translateY(-1px)}
.btn-o{border:1px solid rgba(232,196,106,0.3);color:var(--ice);font-size:11.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;padding:10px 22px;border-radius:4px;transition:all .2s;display:inline-block;background:none}
.btn-o:hover{border-color:var(--gold);color:var(--gold)}

/* BREADCRUMB */
.breadcrumb{max-width:1200px;margin:0 auto;padding:18px 28px 0;font-size:15px;color:var(--slate)}
.breadcrumb a{color:var(--slate);text-decoration:none}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb span{color:var(--gold)}

/* SECTIONS */
section{padding:88px 0}
.container{max-width:1600px;margin:0 auto;padding:0 48px}
.sec-label{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.24em;color:var(--gold);text-transform:uppercase;margin-bottom:10px}
.sec-title{font-family:'Playfair Display',serif;font-size:clamp(25px,3.4vw,42px);font-weight:700;color:#1a202c;line-height:1.15;margin-bottom:7px}
.sec-zh{font-size:clamp(13px,1.5vw,17px);color:var(--slate);margin-bottom:16px;font-weight:300}
.sec-desc{color:var(--slate);max-width:600px;line-height:1.8;margin-bottom:46px}

/* HERO SLIDER */
.flash-hero{position:relative;width:100%;height:100vh;min-height:580px;overflow:hidden;padding-top:84px}
.slides-wrap{position:absolute;inset:0;top:84px}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;display:flex;align-items:center}
.slide.active{opacity:1}
.s1{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 45%,#e8f5e9 100%)}
.s2{background:linear-gradient(135deg,#e0f2e1 0%,#c8e6c9 45%,#e0f2e1 100%)}
.s3{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 45%,#e0f2e1 100%)}
.s4{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 45%,#e0f2e1 100%)}
.slide::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.02) 1px,transparent 1px);background-size:48px 48px}
.glow{position:absolute;border-radius:50%;animation:gpulse 4s ease-in-out infinite;pointer-events:none}
.g1{width:550px;height:550px;background:radial-gradient(circle,rgba(0,0,0,0.08),transparent 70%);top:-80px;right:180px}
.g2{width:500px;height:500px;background:radial-gradient(circle,rgba(27,79,216,0.22),transparent 70%);top:-60px;right:160px}
.g3{width:520px;height:520px;background:radial-gradient(circle,rgba(46,139,87,0.2),transparent 70%);top:-80px;right:180px}
.g4{width:480px;height:480px;background:radial-gradient(circle,rgba(232,196,106,0.18),transparent 70%);top:-60px;right:160px}
@keyframes gpulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.07);opacity:.65}}
.slide-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 44px;display:grid;grid-template-columns:1fr 310px;gap:52px;align-items:center;width:100%}
.slide-eyebrow{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.24em;color:var(--gold);text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.slide-eyebrow::before{content:'';width:26px;height:1px;background:var(--gold)}
.slide-h1{font-family:'Playfair Display',serif;font-size:clamp(34px,4.8vw,62px);font-weight:700;line-height:1.1;color:#1a202c;margin-bottom:8px}
.slide-h1 em{font-style:normal;color:var(--gold)}
.slide-zh{font-size:clamp(13px,1.6vw,19px);color:var(--slate);margin-bottom:20px;font-weight:300;letter-spacing:.05em}
.slide-desc{font-size:14.5px;color:var(--slate);max-width:500px;margin-bottom:28px;line-height:1.8}
.slide-btns{display:flex;gap:12px;flex-wrap:wrap}
.stat-card{background:transparent;border:1px solid var(--border);border-radius:12px;padding:26px 22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.si{margin-bottom:20px}.si:last-child{margin-bottom:0}
.sn{font-family:'Playfair Display',serif;font-size:30px;font-weight:700;color:var(--gold);line-height:1}
.sl{font-size:10.5px;color:var(--slate);letter-spacing:.1em;text-transform:uppercase;margin-top:3px}
.sdiv{height:1px;background:var(--border);margin:16px 0}
.dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:9px;z-index:10}
.dot{width:7px;height:7px;border-radius:50%;background:rgba(27,94,32,0.3);cursor:pointer;transition:all .3s;border:none}
.dot.active{background:var(--gold);width:26px;border-radius:3.5px}
.s-arrows{position:absolute;bottom:22px;right:44px;display:flex;gap:9px;z-index:10}
.arr{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.9);border:1px solid var(--border);color:var(--gold);font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}
.arr:hover{background:var(--red);border-color:var(--red)}
.spbar{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--red),var(--gold));animation:spb 5s linear infinite;z-index:10}
@keyframes spb{0%{width:0}100%{width:100%}}

/* ABOUT */
.about{background:transparent}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:start}
.about-text p{color:var(--slate);margin-bottom:16px;line-height:1.85}
.about-text p strong{color:var(--ice)}
.fcrd{background:transparent;border:1px solid var(--border);border-radius:8px;padding:20px 24px;border-left:3px solid var(--gold);transition:all .25s;margin-bottom:14px}
.fcrd:hover{transform:translateX(4px);border-left-color:var(--red-light)}
.ft{font-weight:600;color:#1a202c;margin-bottom:4px;font-size:14.5px}
.fd{font-size:14.5px;color:var(--slate)}

/* COMPANY INTRODUCE */
.company-introduce{background:transparent}
.ci-section{display:flex;flex-direction:column;gap:32px}
.ci-en,.ci-zh{background:transparent;border:1px solid var(--border);border-radius:10px;padding:24px 28px}
.ci-heading{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--gold);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.06)}
.ci-en p,.ci-zh p{color:var(--slate);margin-bottom:14px;line-height:1.85}
.ci-en p strong,.ci-zh p strong{color:var(--ice)}
.ci-annotation{margin-top:20px;padding-top:16px;border-top:1px solid rgba(232,196,106,0.15);color:var(--slate);font-size:15px;line-height:1.7;text-align:justify}
.ci-annotation strong{color:var(--gold)}
.read-more-btn{display:inline-block;margin-top:15px;padding:10px 24px;background:linear-gradient(135deg,var(--red),var(--red-light));color:#1a202c;border:none;border-radius:5px;font-size:13px;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .3s}
.read-more-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}
.ci-btn{display:block;width:100%;margin-top:12px;text-align:center}
.about-content{max-height:200px;overflow:hidden;transition:max-height 0.5s ease-out;position:relative}
.about-content.expanded{max-height:2000px}
.about-content.collapsed::after,.company-introduce-content.collapsed::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,var(--bg-mid));pointer-events:none}
.company-introduce-content{max-height:200px;overflow:hidden;transition:max-height 0.5s ease-out;position:relative}
.company-introduce-content.expanded{max-height:3000px}
.ci-en.collapsed,.ci-zh.collapsed{max-height:200px;overflow:hidden;position:relative;transition:max-height .4s ease-out}
.ci-en.collapsed::after,.ci-zh.collapsed::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,var(--bg-card));pointer-events:none}

/* PRODUCTS */
.products{background:transparent}
.prod-layout{display:grid;grid-template-columns:280px 1fr;gap:40px;width:100%;align-items:start}
.pnd{width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0;opacity:.5}
.pcat{margin-bottom:56px}
.cat-hdr{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.cat-t{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;color:#1a202c}
.cat-tz{font-size:14.5px;color:var(--slate);margin-left:3px}
.cat-c{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--gold);background:rgba(0,0,0,0.03);padding:2px 9px;border-radius:20px;border:1px solid rgba(0,0,0,0.1);margin-left:auto}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;width:100%;max-width:100%}
.pcrd{background:transparent;border:1px solid var(--border-r);border-radius:10px;overflow:hidden;transition:all .25s;cursor:pointer;position:relative}
.pcrd::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),var(--gold));opacity:0;transition:opacity .25s;z-index:1}
.pcrd:hover{transform:translateY(-4px);border-color:rgba(232,196,106,0.32);box-shadow:0 16px 40px rgba(0,0,0,0.45)}
.pcrd:hover::before{opacity:1}
.pimg{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:44px;background:linear-gradient(135deg,var(--bg-light),var(--bg-mid));position:relative;overflow:hidden;border-radius:8px;border:1px solid rgba(232,196,106,0.25);box-shadow:0 2px 12px rgba(0,0,0,0.3);transition:all .3s ease}
.pimg:hover{border-color:var(--gold);box-shadow:0 4px 20px rgba(232,196,106,0.25),0 0 30px rgba(232,196,106,0.08)}
.pimg img{transition:transform .4s ease}
.pimg:hover img{transform:scale(1.06)}
.pimg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(192,57,43,0.08),rgba(232,196,106,0.03));pointer-events:none}
.pbody{padding:16px}
.pname{font-weight:600;color:#1a202c;font-size:14.5px;margin-bottom:3px;line-height:1.35}
.pnamez{font-size:15px;color:var(--gold);margin-bottom:8px}
.pdesc{font-size:11.5px;color:var(--slate);line-height:1.6}
.pspecs{margin-top:9px;display:flex;flex-wrap:wrap;gap:4px}
.spl{font-size:15px;background:rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.1);color:var(--red-pale);padding:2px 7px;border-radius:3px;letter-spacing:.03em}
.ptag{display:inline-block;font-size:10.5px;letter-spacing:.07em;color:var(--red-pale);background:rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.04);border-radius:3px;padding:2px 7px;margin-top:9px;text-transform:uppercase}

/* BOPP CATEGORY ACCORDION */
.bopp-category{margin-bottom:20px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:transparent}
.bopp-cat-header{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;transition:all .2s;background:transparent}
.bopp-cat-header:hover{background:rgba(27,94,32,0.08)}
.bopp-cat-icon{font-size:24px;flex-shrink:0}
.bopp-cat-title{flex:1}
.bopp-cat-title .cat-t{font-size:14.5px;font-weight:600;color:var(--ice);display:block;font-family:Inter,sans-serif;padding-left:12px;border-left:2px solid var(--gold)}
.bopp-cat-title .cat-tz{font-size:15px;color:var(--gold);display:block;margin-top:2px;padding-left:14px}
.bopp-cat-arrow{font-size:18px;color:var(--gold);transition:transform .3s;flex-shrink:0}
.bopp-cat-header.active .bopp-cat-arrow{transform:rotate(90deg)}
.bopp-sub-products{max-height:2000px;overflow:hidden;transition:max-height .4s ease-out;background:transparent}
.bopp-sub-products.collapsed{max-height:0}
.bopp-sub-products .pgrid{padding:16px;background:transparent}

/* SPECS */
.specs{background:transparent}
.stabs{display:flex;gap:4px;margin-bottom:28px;flex-wrap:wrap}
.stab{background:none;border:1px solid var(--border);color:var(--slate);font-size:11.5px;font-weight:500;padding:7px 15px;border-radius:4px;cursor:pointer;transition:all .2s;letter-spacing:.04em}
.stab.active,.stab:hover{background:var(--red);color:#1a202c;border-color:var(--red)}
.spec-panel{display:none}
.spec-panel.active-panel{display:block}
.stbl{width:100%;border-collapse:collapse;font-size:14.5px}
.stbl th{background:rgba(27,94,32,0.1);color:var(--gold);font-size:15px;letter-spacing:.12em;text-transform:uppercase;padding:12px 15px;text-align:left;border-bottom:1px solid var(--border)}
.stbl td{padding:11px 15px;color:var(--slate);border-bottom:1px solid rgba(232,196,106,0.06)}
.stbl td:first-child{color:var(--ice);font-weight:500}
.stbl tr:last-child td{border-bottom:none}
.stbl tbody tr:hover td{background:rgba(0,0,0,0.02)}

/* APPLICATIONS */
.applications{background:transparent}
.agrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.acrd{background:transparent;border:1px solid var(--border-r);border-radius:8px;padding:24px 16px;text-align:center;transition:all .25s}
.acrd:hover{border-color:var(--gold);transform:translateY(-3px)}
.ai{font-size:28px;margin-bottom:10px;display:block}
.an{font-size:15px;font-weight:600;color:#1a202c;margin-bottom:3px}
.anz{font-size:15px;color:var(--slate)}
.al-more{display:inline-block;margin-top:8px;font-size:15px;color:var(--gold);text-decoration:none;font-weight:600;transition:color .2s}
.al-more:hover{color:var(--ice)}

/* WHY US */
.why-us{background:transparent}
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wcrd{background:transparent;border:1px solid var(--border);border-radius:10px;padding:30px 24px;position:relative;overflow:hidden}
.wcrd::after{content:'';position:absolute;bottom:0;right:0;width:70px;height:70px;background:radial-gradient(circle,rgba(232,196,106,0.06),transparent 70%)}
.wn{font-family:'Playfair Display',serif;font-size:44px;font-weight:700;color:rgba(232,196,106,0.1);line-height:1;margin-bottom:9px}
.wt{font-size:14.5px;font-weight:600;color:#1a202c;margin-bottom:5px}
.wtz{font-size:15px;color:var(--gold);margin-bottom:11px}
.wd{font-size:14.5px;color:var(--slate);line-height:1.7}
.wl-more{display:inline-block;margin-top:10px;font-size:15px;color:var(--gold);text-decoration:none;font-weight:600;transition:color .2s}
.wl-more:hover{color:var(--ice)}

/* EQUIPMENT */
.equipment{background:transparent}
.eq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.eq-item{background:transparent;border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:all .3s}
.eq-item:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.eq-img{width:100%;height:200px;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}
.eq-img img{width:100%;height:100%;object-fit:cover}
.eq-name{font-size:15px;font-weight:600;color:#1a202c;padding:14px 16px 6px}
.eq-desc{font-size:15px;color:var(--slate);padding:0 16px 16px;line-height:1.6}
.eq-gallery .eq-gallery-main{width:100%;height:300px;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}
.eq-gallery .eq-gallery-main img{max-width:100%;max-height:100%;object-fit:contain;cursor:pointer}
.eq-gallery-thumbs{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px}
.eq-gallery-thumbs img{width:64px;height:64px;object-fit:cover;cursor:pointer;border:2px solid transparent;border-radius:4px;transition:border-color .2s}
.eq-gallery-thumbs img:hover{border-color:var(--gold)}
.eq-thumbs-collapsed{max-height:360px;overflow:hidden;position:relative}
.eq-thumbs-collapsed::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,var(--bg-card))}
.eq-readmore{display:block;width:100%;padding:10px;background:none;border:none;border-top:1px solid var(--border);color:var(--gold);font-size:15px;cursor:pointer;transition:color .2s}
.eq-readmore:hover{color:#1a202c}

/* CONTACT */
.contact{background:transparent}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:52px}
.citem{display:flex;gap:13px;align-items:flex-start;padding:16px;background:transparent;border:1px solid var(--border);border-radius:8px;transition:all .2s;margin-bottom:10px}
.citem:hover{border-color:var(--gold)}
.cion{width:36px;height:36px;background:rgba(27,94,32,0.08);border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.clbl{font-size:15px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin-bottom:3px}
.cval{font-size:15px;color:#1a202c;font-weight:500}
.cval a{color:inherit;text-decoration:none}
.cval a:hover{color:var(--gold)}
.csub{font-size:10.5px;color:var(--slate);margin-top:2px}
.cform{background:transparent;border:1px solid var(--border);border-radius:12px;padding:34px}
.cft{font-family:'Playfair Display',serif;font-size:19px;color:#1a202c;margin-bottom:3px}
.cftz{font-size:14.5px;color:var(--slate);margin-bottom:22px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px}
.fg{margin-bottom:13px}
.fl{display:block;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-bottom:6px}
.fi,.fsel,.fta{width:100%;background:rgba(255,255,255,0.95);border:1px solid var(--border);border-radius:5px;padding:10px 13px;color:var(--ice);font-family:'Inter',sans-serif;font-size:14.5px;outline:none;transition:border-color .2s}
.fi:focus,.fsel:focus,.fta:focus{border-color:var(--gold)}
.fsel option{background:#ffffff;color:#1a202c}
/* 原生下拉列表的弹出层由浏览器绘制，默认可能跟随系统深色配色。
   这里统一钉成与控件一致的浅色底 + 深色字，避免"深字压深底"看不见。 */
select option{background-color:#ffffff;color:#1a202c}
.fta{resize:vertical;min-height:96px}
.fsub{width:100%;background:linear-gradient(135deg,var(--red),var(--red-light));color:#1a202c;border:none;border-radius:5px;padding:12px;font-size:14.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:all .2s;margin-top:5px}
.fsub:hover{filter:brightness(1.1);transform:translateY(-1px)}
.form-success{display:none;margin-top:14px;padding:12px;background:rgba(232,196,106,.1);border:1px solid rgba(232,196,106,.3);border-radius:5px;color:var(--gold);font-size:14.5px;text-align:center}
.form-success.is-error{background:rgba(179,38,30,.08);border-color:rgba(179,38,30,.35);color:#b3261e}

/* FOOTER */
footer{background:transparent;border-top:1px solid var(--border);padding:52px 0 26px}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.flogo{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:#1a202c;margin-bottom:10px}
.flogo span{color:var(--gold)}
.ftagline{font-size:11.5px;color:var(--slate);line-height:1.7;max-width:240px}
.fh{font-size:15px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.flinks{list-style:none}
.flinks li{margin-bottom:7px}
.flinks a{color:var(--slate);text-decoration:none;font-size:15px;transition:color .2s}
.flinks a:hover{color:var(--gold)}
.fbot{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.fcopy{font-size:15px;color:var(--slate)}
.fcopy a{color:var(--gold);text-decoration:none}
.faddr{font-size:15px;color:var(--slate);text-align:right;line-height:1.6}

/* FLOATING CONTACT SIDEBAR */
.contact-sidebar{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;gap:1px;box-shadow:-2px 0 10px rgba(0,0,0,0.15);background:rgba(255,255,255,0.95);border:1px solid rgba(0,0,0,0.1);border-radius:8px 0 0 8px;-webkit--webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff;border:none;border-bottom:1px solid rgba(0,0,0,0.08);transition:all .2s;text-decoration:none;position:relative}.contact-item:last-child{border-bottom:none}.contact-item:hover{width:120px;border-color:#1b5e20;background:#f0f7f0}.contact-icon{font-size:20px;flex-shrink:0;color:#1b5e20}.contact-label{position:absolute;right:55px;white-space:nowrap;font-size:15px;color:#1b5e20;font-weight:500;opacity:0;transition:opacity .2s;pointer-events:none}.contact-item:hover .contact-label{opacity:1}.contact-whatsapp:hover .contact-icon{color:#25D366}.contact-wechat:hover .contact-icon{color:#07C160}.contact-email:hover .contact-icon{color:#E74C3C}.contact-qq:hover .contact-icon{color:#12B7F5}.contact-teams:hover .contact-icon{color:#6264A7}


/* NOTICE */
.notice{background:rgba(27,94,32,0.05);border:1px solid rgba(0,0,0,0.1);border-radius:8px;padding:13px 20px;margin-bottom:40px;display:flex;align-items:center;gap:10px}
.ni{font-size:17px;flex-shrink:0}
.nt{font-size:15px;color:var(--slate)}
.nt strong{color:var(--gold)}

/* STATS */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.scrd{background:transparent;border:1px solid var(--border);border-radius:10px;padding:24px;text-align:center}

/* FADE IN */
.fade-in{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.fade-in.visible{opacity:1;transform:translateY(0)}

/* RESPONSIVE */
@media(max-width:1024px){
  .slide-content{grid-template-columns:1fr}
  .stat-card{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px}
  .sdiv{display:none}
  .about-grid{grid-template-columns:1fr}
  .prod-layout{grid-template-columns:1fr}
  .prod-nav{position:static;display:flex;flex-wrap:wrap;gap:5px}
  .pnt{display:none}
  .prod-nav a{padding:5px 9px;font-size:15px}
  .wgrid{grid-template-columns:1fr 1fr}
  .eq-grid{grid-template-columns:1fr 1fr}
  .cgrid{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .pgrid{grid-template-columns:repeat(3,1fr)}
  .pgrid-wrapper{grid-template-columns:repeat(3,1fr)}
  .agrid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:680px){
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .pgrid-wrapper{grid-template-columns:repeat(2,1fr)}
  .agrid{grid-template-columns:repeat(2,1fr)}
  .tech-card-img{aspect-ratio:1}
}
.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;background:none;border:1px solid var(--border);border-radius:6px;cursor:pointer;flex-shrink:0}
.mobile-menu-toggle span{display:block;width:18px;height:2px;background:var(--gold);margin:0 auto;transition:all .25s}
header.nav-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
header.nav-open .mobile-menu-toggle span:nth-child(2){opacity:0}
header.nav-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:680px){
  .header-inner{padding:0 14px;gap:10px}
  .mobile-menu-toggle{display:flex}
  nav{display:none;position:absolute;top:100%;left:0;right:0;background:transparent;border-bottom:1px solid var(--border);max-height:80vh;overflow-y:auto;flex-direction:column;padding:8px 0;box-shadow:0 12px 24px rgba(0,0,0,0.4)}
  header.nav-open{position:relative}
  header.nav-open nav{display:flex}
  .nav-item{width:100%}
  .nav-item>a,.nav-item>span{width:100%;padding:13px 20px;justify-content:space-between}
  .nav-item .dropdown{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;background:rgba(0,0,0,0.03);border:none;border-radius:0;padding:4px 0;width:100%;max-width:100%}
  .nav-item.open .dropdown{display:block}
  .nav-item.open>.nav-link .nav-arrow{transform:rotate(180deg)}
  .dropdown-wide{grid-template-columns:1fr}
  .container{padding:0 16px}
  section{padding:56px 0}
  .wgrid{grid-template-columns:1fr}
  .eq-grid{grid-template-columns:1fr}
  .frow{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .fbot{flex-direction:column;text-align:center}
  .faddr{text-align:center}
  .stats{grid-template-columns:1fr}
  .contact-sidebar{display:none}
}


/* CONTACT STRIP */
.contact-strip{background:transparent;border-top:1px solid var(--border);padding:30px 28px;margin-top:40px}
.contact-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.contact-text{font-size:15px;color:var(--ice)}
.contact-text b{color:var(--gold)}
.contact-links{display:flex;gap:18px;flex-wrap:wrap;font-size:14.5px;color:var(--slate)}
.contact-links a{color:var(--slate);text-decoration:none}
.contact-links a:hover{color:var(--gold)}

/* ---- FLOATING CONTACT SIDEBAR ---- */
.floating-contact{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;gap:1px;box-shadow:-2px 0 10px rgba(0,0,0,0.15);background:rgba(255,255,255,0.95);border:1px solid rgba(0,0,0,0.1);border-radius:8px 0 0 8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fc-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff;border:none;border-bottom:1px solid rgba(0,0,0,0.08);transition:all .2s;text-decoration:none;position:relative}.fc-item:last-child{border-bottom:none}.fc-item:hover{width:150px;border-color:#1b5e20;background:#f0f7f0}.fc-item:hover .fc-label{opacity:1}.fc-svg{width:20px;height:20px;flex-shrink:0}.fc-label{position:absolute;right:55px;white-space:nowrap;font-size:13px;color:#1b5e20;font-weight:500;opacity:0;transition:opacity .2s;pointer-events:none}

/* ============================================
   PRODUCTS PAGE - TECH DESIGN SYSTEM
   ============================================ */

:root{
  --neon-cyan:#00b894;
  --neon-green:#00a86b;
  --neon-purple:#6c5ce7;
  --bg-main:#C1E7CD;
  --bg-card:#E8F5EC;
  --bg-card-hover:#D4EDDA;
  --text-primary:#1a2e1a;
  --text-secondary:#3d5c3d;
  --tech-border:rgba(0,184,148,0.25);
  --tech-glow:0 0 15px rgba(0,184,148,0.2),0 0 30px rgba(0,184,148,0.05);
  --tech-glow-hover:0 0 20px rgba(0,184,148,0.3),0 0 40px rgba(0,184,148,0.1),0 0 60px rgba(0,184,148,0.05);
}

/* ---- HERO SECTION ---- */
.tech-hero{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:var(--bg-main);
  border-bottom:2px solid var(--tech-border);
}
.tech-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,184,148,0.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,184,148,0.04) 1px,transparent 1px);
  background-size:40px 40px;
  animation:gridMove 20s linear infinite;
}
@keyframes gridMove{
  0%{transform:translate(0,0)}
  100%{transform:translate(40px,40px)}
}
.tech-hero::after{
  content:'';
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  background:radial-gradient(ellipse at 20% 50%,rgba(0,184,148,0.06) 0%,transparent 60%),
             radial-gradient(ellipse at 80% 50%,rgba(0,168,107,0.04) 0%,transparent 60%);
}
.tech-hero-inner{
  position:relative;
  z-index:2;
  text-align:center;
  padding:40px 28px;
  max-width:900px;
}
.tech-hero-badge{
  display:inline-block;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:0.3em;
  text-transform:uppercase;
  color:var(--text-primary);
  border:2px solid var(--neon-cyan);
  padding:6px 18px;
  border-radius:20px;
  margin-bottom:24px;
  background:rgba(0,184,148,0.12);
}
.tech-hero h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(36px,5.5vw,68px);
  font-weight:700;
  color:var(--text-primary);
  line-height:1.1;
  margin-bottom:16px;
  letter-spacing:-0.02em;
}
.tech-hero h1 .accent{
  background:linear-gradient(135deg,var(--neon-cyan),var(--neon-green));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.tech-hero-sub{
  font-family:'JetBrains Mono',monospace;
  font-size:14px;
  color:var(--text-secondary);
  margin-bottom:32px;
  letter-spacing:0.05em;
}
.tech-hero-sub .cursor{
  display:inline-block;
  width:2px;
  height:16px;
  background:var(--neon-cyan);
  animation:blink 1s step-end infinite;
  vertical-align:middle;
  margin-left:2px;
}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.tech-hero-stats{
  display:flex;
  justify-content:center;
  gap:40px;
  flex-wrap:wrap;
}
.tech-stat{
  text-align:center;
}
.tech-stat-num{
  font-family:'JetBrains Mono',monospace;
  font-size:28px;
  font-weight:700;
  color:var(--neon-cyan);
  line-height:1;
  text-shadow:0 0 20px rgba(0,240,255,0.3);
}
.tech-stat-label{
  font-size:12px;
  color:var(--text-secondary);
  letter-spacing:0.1em;
  text-transform:uppercase;
  margin-top:4px;
}


/* ---- CATEGORY NAV ---- */
.prod-nav{
  position:sticky;
  top:80px;
  align-self:start;
  background:var(--bg-main);
  border-radius:12px;
  padding:20px;
  box-shadow:0 2px 12px rgba(0,0,0,0.06);
  max-height:calc(100vh - 100px);
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,184,148,0.3) transparent;
}
.prod-nav::-webkit-scrollbar{
  width:4px;
}
.prod-nav::-webkit-scrollbar-track{
  background:transparent;
}
.prod-nav::-webkit-scrollbar-thumb{
  background:rgba(0,184,148,0.3);
  border-radius:2px;
}
.tech-nav{
  background:transparent;
  border:none;
  border-radius:0;
  padding:0;
  display:block;
  align-items:normal;
  gap:0;
  flex:none;
}
.tech-nav-header{
  padding:0 0 14px;
  margin:0 0 6px;
  border-bottom:1px solid var(--tech-border);
}
.tech-nav-title{
  font-family:'Inter',sans-serif;
  font-size:14px;
  font-weight:700;
  color:var(--text-primary);
  margin:0;
  letter-spacing:0.03em;
}
.tech-nav-subtitle{
  display:block;
  font-size:11px;
  color:var(--text-secondary);
  margin-top:3px;
  letter-spacing:0.02em;
}
.tech-nav-title{
  font-family:'Playfair Display',serif;
  font-size:24px;
  font-weight:700;
  color:var(--text-primary);
  margin:0 0 20px;
  padding:0 0 14px;
  border-bottom:2px solid var(--neon-cyan);
}
.nav-cat{
  margin:0;
  padding:0;
}
.scroll-hl{
  animation:hlPulse 1.5s ease-out;
}
@keyframes hlPulse{
  0%{box-shadow:0 0 0 0 rgba(0,184,148,0.4);background:rgba(0,184,148,0.08)}
  50%{box-shadow:0 0 0 8px rgba(0,184,148,0.1);background:rgba(0,184,148,0.04)}
  100%{box-shadow:0 0 0 0 rgba(0,184,148,0);background:transparent}
}
.nav-cat-item{
  list-style:none;
  margin-bottom:6px;
}
.nav-cat-item > a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  color:var(--text-primary);
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  transition:all 0.3s;
  border-radius:10px;
  cursor:pointer;
  background:transparent;
}
.nav-cat-item > a:hover{
  background:rgba(0,184,148,0.08);
}
.nav-cat-item.open > a{
  background:rgba(0,184,148,0.12);
  color:var(--neon-cyan);
}
.nav-cat-item > a .nav-dot{
  width:8px;height:8px;
  border-radius:50%;
  background:var(--text-secondary);
  opacity:0.4;
  flex-shrink:0;
  transition:all 0.3s;
}
.nav-cat-item.open > a .nav-dot,
.nav-cat-item > a:hover .nav-dot{
  background:var(--neon-cyan);
  opacity:1;
}
.nav-sub{
  display:none;
  padding:4px 0 8px 28px;
  margin:0 0 0 18px;
  border-left:2px solid rgba(0,184,148,0.15);
}
.nav-cat-item:hover .nav-sub{
  display:block;
}
.nav-sub-title{
  font-size:11px;
  color:var(--neon-green);
  font-family:'Inter',sans-serif;
  font-weight:700;
  letter-spacing:0.1em;
  text-transform:uppercase;
  padding:12px 16px 6px;
}
.nav-sub-item{
  list-style:none;
}
.nav-sub-item > a{
  display:block;
  padding:8px 14px;
  color:var(--text-secondary);
  text-decoration:none;
  font-size:13px;
  font-weight:500;
  transition:all 0.2s;
  border-radius:6px;
  text-align:left;
}
.nav-sub-item > a:hover{
  color:var(--text-primary);
  background:rgba(0,184,148,0.06);
}
.nav-sub-item > a.active{
  color:var(--neon-cyan);
  background:rgba(0,184,148,0.1);
  font-weight:600;
}
.nav-sub-item > a .nav-sub-dot{
  width:5px;height:5px;
  border-radius:50%;
  background:var(--text-secondary);
  opacity:0.3;
  flex-shrink:0;
  transition:all 0.2s;
}
.nav-sub-item > a:hover .nav-sub-dot,
.nav-sub-item > a.active .nav-sub-dot{
  opacity:1;
  background:var(--neon-cyan);
}

/* ---- PRODUCT CARDS ---- */
.tech-card{
  position:relative;
  background:var(--bg-card);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid var(--tech-border);
  border-radius:14px;
  overflow:hidden;
  transition:all 0.35s cubic-bezier(0.25,0.46,0.45,0.94);
  cursor:pointer;
}
.tech-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);
  opacity:0;
  transition:opacity 0.35s;
}
.tech-card:hover{
  transform:translateY(-6px);
  border-color:var(--neon-cyan);
  background:var(--bg-card-hover);
  box-shadow:var(--tech-glow-hover);
}
.tech-card:hover::before{opacity:1}
.tech-card::after{
  content:'';
  position:absolute;
  top:-50%;left:-50%;
  width:200%;height:200%;
  background:linear-gradient(45deg,transparent 40%,rgba(0,240,255,0.08) 50%,transparent 60%);
  transform:translateX(-100%);
  transition:transform 0.6s;
  pointer-events:none;
}
.tech-card:hover::after{transform:translateX(100%)}

.tech-card-img{
  width:100%;
  aspect-ratio:4/3;
  max-height:280px;
  overflow:hidden;
  position:relative;
  background:var(--bg-card);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px 14px 0 0;
}
.tech-card-img img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transition:transform 0.5s;
  max-width:100%;max-height:100%;
}
.tech-card:hover .tech-card-img img{transform:scale(1.05)}
.tech-card-img .tech-icon{
  font-size:64px;
  filter:drop-shadow(0 0 10px rgba(0,240,255,0.3));
}
.tech-card-body{padding:20px 24px}
.tech-card-tag{
  display:inline-block;
  font-family:'JetBrains Mono',monospace;
  font-size:9px;
  letter-spacing:0.15em;
  text-transform:uppercase;
  color:var(--neon-green);
  background:rgba(0,168,107,0.1);
  border:1px solid rgba(0,168,107,0.25);
  padding:3px 8px;
  border-radius:10px;
  margin-bottom:8px;
}
.tech-card-name{
  font-size:15px;
  font-weight:600;
  color:var(--text-primary);
  margin-bottom:2px;
  line-height:1.3;
}
.tech-card-name-zh{
  font-size:13px;
  color:var(--text-secondary);
  margin-bottom:8px;
}
.tech-card-desc{
  font-size:12.5px;
  color:var(--text-secondary);
  line-height:1.6;
  margin-bottom:12px;
}
.tech-card-specs{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-bottom:14px;
}
.tech-spec-pill{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  color:var(--neon-cyan);
  background:rgba(0,184,148,0.08);
  border:1px solid rgba(0,184,148,0.15);
  padding:2px 7px;
  border-radius:4px;
}
.tech-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,0.06);
}
.tech-card-price{
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  color:var(--neon-green);
}
.tech-card-btn{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  color:var(--neon-cyan);
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:5px;
  transition:gap 0.2s;
}
.tech-card-btn:hover{gap:10px}
.tech-card-btn .arrow{transition:transform 0.2s}
.tech-card-btn:hover .arrow{transform:translateX(3px)}

/* ---- PRODUCT GRID - SHOW MORE ---- */
.pcard-hidden{
  display: none !important;
}
.pgrid-showmore-btn{
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 8px;
  padding: 13px 24px;
  background: var(--bg-card-hover);
  border: 1px solid var(--tech-border);
  border-radius: 10px;
  color: var(--neon-cyan);
  font-family: 'Inter', sans-serif;
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: 0.2px;
  cursor: pointer;
  transition: all 0.25s ease;
}
.pgrid-showmore-btn:hover{
  background: var(--bg-card);
  border-color: var(--neon-cyan);
  transform: translateY(-1px);
}
.pgrid-showmore-btn .pgrid-arrow{
  display: inline-block;
  font-size: 11px;
  transition: transform 0.3s ease;
}
.pgrid-showmore-btn.is-expanded .pgrid-arrow{
  transform: rotate(180deg);
}

/* ---- TECH CATEGORY SECTIONS ---- */
.tech-section{
  margin-bottom:64px;
  scroll-margin-top:100px;
}
.tech-section-header{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
  padding-bottom:14px;
  border-bottom:1px solid var(--tech-border);
}
.tech-section-icon{
  font-size:28px;
  filter:drop-shadow(0 0 8px rgba(0,240,255,0.4));
}
.tech-section-title{
  font-family:'Playfair Display',serif;
  font-size:20px;
  font-weight:600;
  color:var(--text-primary);
}
.tech-section-zh{
  font-size:14px;
  color:var(--text-secondary);
  margin-left:4px;
}
.tech-section-count{
  margin-left:auto;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  color:var(--text-primary);
  background:rgba(0,184,148,0.1);
  border:1px solid rgba(0,184,148,0.2);
  padding:2px 9px;
  border-radius:10px;
}

/* ---- TECH MODAL ---- */
.tech-btn-primary{
  flex:1;min-width:160px;text-align:center;
  background:linear-gradient(135deg,var(--neon-cyan),#00a86b);
  color:#fff;
  font-size:13px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  text-decoration:none;
  padding:12px 24px;
  border-radius:8px;
  border:none;
  cursor:pointer;
  transition:all 0.25s;
}
.tech-btn-primary:hover{
  filter:brightness(1.15);
  transform:translateY(-1px);
  box-shadow:0 4px 20px rgba(0,240,255,0.3);
}
.tech-btn-outline{
  flex:1;min-width:160px;text-align:center;
  background:transparent;
  border:2px solid var(--neon-cyan);
  color:var(--neon-cyan);
  font-size:13px;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  text-decoration:none;
  padding:12px 24px;
  border-radius:8px;
  cursor:pointer;
  transition:all 0.25s;
}
.tech-btn-outline:hover{
  border-color:var(--neon-cyan);
  background:rgba(0,240,255,0.05);
}

/* Tech responsive */
@media(max-width:1024px){
  .tech-nav{position:static;margin-bottom:32px;display:flex;flex-wrap:wrap;gap:6px;top:auto;background:transparent;border:none;padding:0}
  .tech-nav-title{display:none}
  .tech-nav a{padding:6px 12px;border:1px solid var(--tech-border);border-radius:20px;font-size:12px}
  .tech-nav a.active{border-color:var(--neon-cyan)}
  .nav-dropdown{display:none!important}
}
@media(max-width:680px){
  .tech-hero{min-height:400px}
  .tech-hero-stats{gap:24px}
  .tech-stat-num{font-size:22px}
  .nav-dropdown{display:none!important}
}

/* Force nav to single line on all screen sizes */
.header-inner nav#mainNav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  position: static !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  max-height: none !important;
  padding: 0 !important;
}
.header-inner .nav-item {
  width: auto !important;
  flex-shrink: 0 !important;
}
.header-inner .nav-item > a {
  width: auto !important;
  padding: 5px 6px !important;
  justify-content: flex-start !important;
}
.header-inner .nav-item .nav-dropdown {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-8px) !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
  padding: 8px !important;
  width: auto !important;
  max-width: none !important;
}
.header-inner .nav-item:hover .nav-dropdown {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* ========== CHAT WIDGET ========== */
.chat-widget{position:fixed;right:16px;bottom:16px;z-index:1000}
/* 面板固定在视口右侧、垂直居中（原来贴右下角弹出）。窗口太矮时整体不超出视口。 */
.chat-panel{position:fixed;right:20px;top:50%;transform:translateY(-50%);width:320px;max-height:calc(100vh - 48px);background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.18);display:none;overflow:hidden}
.chat-panel.open{display:block}
.chat-header{background:linear-gradient(135deg,#1b5e20,#2e7d32);color:#fff;padding:16px;display:flex;align-items:center;gap:12px}
.chat-avatar{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:18px}
.chat-header-info h4{font-size:14px;font-weight:600;margin:0}
.chat-header-info p{font-size:11px;opacity:.8;margin:0}
.chat-body{padding:16px;max-height:min(280px, calc(100vh - 230px));overflow-y:auto;background:#f8f9fa}
.chat-msg{margin-bottom:12px;display:flex;gap:8px}
.chat-msg.bot{flex-direction:row}
.chat-msg.user{flex-direction:row-reverse}
.chat-bubble{max-width:80%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5}
.chat-msg.bot .chat-bubble{background:#e8f5e9;color:#1b5e20;border-radius:4px 12px 12px 12px}
.chat-msg.user .chat-bubble{background:#1b5e20;color:#fff;border-radius:12px 4px 12px 12px}
.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid #e0e0e0;background:#fff}
.chat-input input{flex:1;border:1px solid #e0e0e0;border-radius:20px;padding:10px 16px;font-size:13px;outline:none}
.chat-input input:focus{border-color:#1b5e20}
.chat-input button{width:40px;height:40px;border-radius:50%;background:#1b5e20;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.chat-input button svg{width:18px;height:18px;fill:#fff}
.chat-toggle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1b5e20,#2e7d32);border:none;cursor:pointer;box-shadow:0 4px 16px rgba(27,94,32,.4);display:flex;align-items:center;justify-content:center;transition:all .3s}
.chat-toggle:hover{transform:scale(1.1);box-shadow:0 6px 24px rgba(27,94,32,.5)}
.chat-toggle svg{width:28px;height:28px;fill:#fff}