/* ================= 0. 全局变量与基础重置 ================= */
:root{
  --brand-green:#0b9361; --brand-green-dark:#053f33; --brand-green-deep:#033c2d; --fresh-green:#10b76c;
  --mint:#eef8f2; --mint-2:#f6fbf8; --gold:#d9a441; --ink:#0b3029;
  --text:#52645c; --muted:#7d9189; --line:#dbe9e2; --white:#fff;
  --shell:min(1600px,calc(100% - 96px)); --header-h:90px;
  --radius-lg:18px; --radius-md:12px; --radius-sm:8px;
  --shadow:0 26px 70px rgba(6,45,36,.13); --shadow-soft:0 16px 46px rgba(6,45,36,.09);
  --shadow-hover:0 16px 36px rgba(16,77,57,.12); --ease:cubic-bezier(.22,.75,.22,1);
}
*{ box-sizing:border-box;}
html{ scroll-behavior:smooth;}
body{ margin:0; color:var(--ink); font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif; background:#fff; line-height:1.65; overflow-x:hidden;}
body.nav-open,body.modal-open,body.search-open{ overflow:hidden;}
a{ color:inherit; text-decoration:none;}
img{ max-width:100%;}
button,input,textarea{ font:inherit;}
button{ border:0; background:none; color:inherit; cursor:pointer;}
svg{ display:block;}
.shell{ width:var(--shell); margin-inline:auto;}
/* ================= 1. 通用组件 ================= */
.page-progress{ position:fixed; inset:0 0 auto; z-index:999; height:3px; pointer-events:none;}
.page-progress span{ display:block; width:0; height:100%; background:linear-gradient(90deg,var(--brand-green),#08b3a6); box-shadow:0 0 12px rgba(8,179,166,.42);}
.section{ position:relative; padding:124px 0;}
.section-heading{ margin-bottom:28px;}
.section-heading.centered{ text-align:center;}
.section-heading.left p{ margin-left:0;}
.section-kicker{ display:inline-block; margin-bottom:12px; color:var(--brand-green); font-size:13px; font-weight:900; letter-spacing:.22em; text-transform:uppercase;}
.section-heading h2{ margin:0; color:var(--brand-green-dark); font-size:42px; line-height:1.18; letter-spacing:0;}
.section-heading.left h2{ position:relative; padding-bottom:18px;}
.section-heading.left h2::after{ content:""; position:absolute; left:0; bottom:0; width:64px; height:3px; background:var(--brand-green);}
.section-heading p{ max-width:720px; margin:16px auto 0; color:var(--text); font-size:16px;}
.section-more{ text-align:center; margin-top:38px;}
.button{ min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:16px; padding:0 30px; border-radius:999px; font-size:15px; font-weight:900; transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),color .25s var(--ease);}
.button span{ transition:transform .25s var(--ease);}
.button:hover{ transform:translateY(-3px);}
.button:hover span{ transform:translateX(5px);}
.button-primary{ color:#fff; background:linear-gradient(135deg,var(--fresh-green),var(--brand-green)); box-shadow:0 16px 34px rgba(10,147,97,.24);}
.button-primary:hover{ box-shadow:0 20px 42px rgba(10,147,97,.3);}
.button-quote,.button-outline{ color:var(--brand-green); background:rgba(255,255,255,.68); border:1px solid rgba(10,147,97,.35);}
.button-quote:hover,.button-outline:hover{ color:#fff; background:var(--brand-green); border-color:var(--brand-green);}
.button-light{ color:var(--brand-green); background:#fff; box-shadow:0 14px 36px rgba(0,0,0,.16);}
.text-link{ color:var(--brand-green); font-size:14px; font-weight:900;}
.text-link span{ margin-left:8px;}
.reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s ease;}
.reveal.is-visible{ opacity:1; transform:none;}
/* ================= 2. 顶部导航 ================= */
.site-header{ position:fixed; left:0; right:0; top:0; z-index:100; height:var(--header-h); background:rgba(255,255,255,.92); border-bottom:1px solid rgba(10,91,73,.08); box-shadow:0 12px 36px rgba(6,45,36,.06); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); transition:height .3s ease,box-shadow .3s ease;}
.site-header.is-scrolled{ height:78px; box-shadow:0 18px 46px rgba(6,45,36,.1);}
.header-inner{ height:100%; display:flex; align-items:center; gap:34px;}
.brand{ width:230px; flex:0 0 230px;}
.brand img{ width:100%; height:70px; object-fit:contain; object-position:left center;}
.main-nav{ margin-left:auto; display:flex; align-items:center; height:100%; gap:4px;}
.nav-item{ position:relative; height:100%; display:flex; align-items:center;}
.nav-link{ position:relative; height:100%; display:flex; align-items:center; gap:5px; padding:0 19px; color:#12362d; font-size:16px; font-weight:800; white-space:nowrap; transition:color .25s ease;}
.nav-link svg{ width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s ease;}
.nav-link::after{ content:""; position:absolute; left:19px; right:19px; bottom:0; height:3px; border-radius:6px 6px 0 0; background:linear-gradient(90deg,var(--brand-green),var(--gold)); transform:scaleX(0); transition:transform .28s var(--ease);}
.nav-link:hover,.nav-link.active,.nav-item:hover>.nav-link{ color:var(--brand-green);}
.nav-link:hover::after,.nav-link.active::after,.nav-item:hover>.nav-link::after{ transform:scaleX(1);}
.nav-item:hover>.nav-link svg{ transform:rotate(180deg);}
.submenu-toggle{ display:none;}
.nav-submenu{ position:absolute; left:50%; top:calc(100% + 14px); min-width:190px; padding:10px; border:1px solid rgba(7,150,95,.12); border-radius:14px; background:rgba(255,255,255,.96); box-shadow:0 22px 55px rgba(6,45,36,.14); opacity:0; visibility:hidden; transform:translate(-50%,10px); transition:.24s ease; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);}
.nav-submenu::before{ content:""; position:absolute; left:0; right:0; top:-15px; height:15px;}
.nav-submenu a{ display:block; padding:11px 14px; border-radius:10px; color:#12362d; font-size:14px; font-weight:800; transition:.2s ease;}
.nav-submenu a span{ display:block;}
.nav-submenu a small{ display:block; margin-top:2px; color:var(--muted); font-size:11px; font-weight:500;}
.nav-submenu a small:empty{ display:none;}
.nav-submenu a:hover{ color:var(--brand-green); background:var(--mint); transform:translateX(3px);}
.nav-item:hover>.nav-submenu,.nav-item:focus-within>.nav-submenu{ opacity:1; visibility:visible; transform:translate(-50%,0);}
.header-tools{ display:flex; align-items:center; gap:10px; margin-left:10px;}
.icon-button,.language-button{ min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; gap:5px; border-radius:999px; color:var(--brand-green); background:#eff8f3; transition:background .25s ease,transform .25s ease,box-shadow .25s ease;}
.icon-button:hover,.language-button:hover{ background:#dff2e8; transform:translateY(-2px); box-shadow:0 12px 28px rgba(6,45,36,.1);}
.icon-button svg,.language-button svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;}
.language-button{ padding:0 14px; font-size:14px; font-weight:800;}
.language-switch{ position:relative;}
.language-menu{ position:absolute; right:0; top:calc(100% + 12px); min-width:132px; padding:8px; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:var(--shadow-soft); opacity:0; visibility:hidden; transform:translateY(8px); transition:.22s ease;}
.language-switch.open .language-menu{ opacity:1; visibility:visible; transform:none;}
.language-menu a{ display:block; padding:9px 12px; border-radius:8px; color:var(--ink); font-size:13px; font-weight:800;}
.language-menu a:hover{ background:var(--mint);}
.menu-button{ display:none; width:44px; height:44px; padding:11px;}
.menu-button span{ display:block; height:2px; margin:6px 0; background:var(--ink); transition:.28s ease;}
/* ================= 3. 首屏 Banner ================= */
.hero{ position:relative; height:clamp(840px,90vh,940px); min-height:840px; margin-top:var(--header-h); overflow:hidden; background:#dceee7;}
.hero-slider,.hero-slide{ position:absolute; inset:0;}
.hero-slider{ overflow:hidden; background:#dceee7;}
.hero-slide{ background-position:center center; background-size:cover; background-repeat:no-repeat; opacity:0; transform:scale(1.015); transition:opacity .85s ease,transform 4.8s ease;}
.hero-slide.is-active{ opacity:1; transform:scale(1);}
.hero-slide:nth-child(1){ filter:brightness(1.08) contrast(1.08) saturate(1.05);}
.hero-slide:nth-child(2),.hero-slide:nth-child(3){ filter:brightness(.94) contrast(1.04) saturate(1.04);}
.hero-slider::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(239,249,243,.2) 0%,rgba(239,249,243,.08) 32%,rgba(239,249,243,0) 56%), linear-gradient(180deg,rgba(4,39,34,0),rgba(4,39,34,.08)); pointer-events:none;}
.hero::after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(239,249,243,.1) 0%,rgba(239,249,243,.03) 36%,rgba(4,39,34,.03) 100%);}
.hero-pattern{ position:absolute; right:-120px; top:120px; z-index:2; width:430px; height:430px; border:1px solid rgba(10,147,97,.16); border-radius:50%; pointer-events:none;}
.hero-inner{ position:relative; z-index:3; height:100%; display:flex; align-items:center;}
.hero-copy-wrap{ width:850px; max-width:54%;}
.hero-copy{ position:relative; width:100%; max-width:100%; padding:44px 44px 38px; border:1px solid rgba(255,255,255,.5); border-radius:18px; background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.16)); box-shadow:var(--shadow); overflow:hidden;}
.hero-copy-slide{ display:none;}
.hero-copy-slide.is-active{ display:block;}
.hero-copy::before{ content:""; position:absolute; right:-110px; top:-105px; width:300px; height:300px; border:1px solid rgba(10,147,97,.18); border-radius:50%; pointer-events:none;}
.eyebrow{ display:inline-flex; align-items:center; gap:14px; margin-bottom:20px; color:var(--brand-green); font-size:14px; font-weight:900; letter-spacing:.24em;}
.eyebrow::before{ content:""; width:44px; height:2px; background:var(--brand-green);}
.hero h1{ margin:0; display:block; color:var(--brand-green-dark); font-size:clamp(46px,5vw,64px); line-height:1.06; letter-spacing:0;}
.hero h1 span{ font-weight:950;}
.hero h1 i{ color:var(--brand-green); font-style:normal; font-weight:400;}
.hero h1 strong{ color:var(--brand-green); font-weight:850;}
.hero-subtitle{ margin:18px 0 4px; color:#123c32; font-size:24px; font-weight:900;}
.hero-en{ margin:0; color:#52645c; font-size:16px;}
.hero-actions{ display:flex; gap:16px; margin-top:34px;}
.hero-dots{ display:flex; gap:10px; margin-top:26px;}
.hero-dots button{ width:44px; height:5px; border-radius:999px; background:rgba(10,147,97,.22);}
.hero-dots button.is-active{ width:78px; background:linear-gradient(90deg,var(--brand-green),#08b3a6);}
.hero-arrows{ position:absolute; left:0; right:0; top:50%; z-index:4; pointer-events:none; transform:translateY(-50%);}
.hero-arrows button{ position:absolute; top:0; width:48px; height:48px; border:1px solid rgba(255,255,255,.68); border-radius:50%; color:var(--brand-green-dark); background:rgba(255,255,255,.58); box-shadow:0 18px 45px rgba(4,39,34,.14); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); font-size:22px; font-weight:900; pointer-events:auto; transition:transform .25s ease,background .25s ease,color .25s ease;}
.hero-arrows button:hover{ color:#fff; background:var(--brand-green); transform:translateY(-2px);}
.hero-prev{ left:36px;}
.hero-next{ right:36px;}
.hero-scroll{ position:absolute; left:50%; bottom:32px; z-index:3; display:flex; align-items:center; gap:10px; color:rgba(10,147,97,.45); font-size:12px; letter-spacing:.15em; transform:translateX(-50%);}
.hero-scroll i{ width:24px; height:38px; border:1px solid rgba(10,147,97,.25); border-radius:20px; position:relative;}
.hero-scroll i::after{ content:""; position:absolute; top:7px; left:50%; width:3px; height:7px; border-radius:3px; background:var(--brand-green); transform:translateX(-50%); animation:scrollDot 1.8s ease infinite;}
@keyframes scrollDot{
  0%{ opacity:0; transform:translate(-50%,0);}
  35%{ opacity:1;}
  100%{ opacity:0; transform:translate(-50%,15px);}
}
/* ================= 4. 新闻中心 ================= */
.section-news{ background:#fff; padding-top:80px;}
.news-layout{ display:grid; grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr); gap:36px; align-items:stretch;}
.news-feature-slider{ position:relative; min-height:420px; overflow:hidden; border-radius:14px; background:#123b32; box-shadow:0 18px 42px rgba(6,45,36,.1);}
.news-feature{ position:absolute; inset:0; opacity:0; transform:scale(1.02); transition:opacity .55s ease,transform 1.6s ease;}
.news-feature.is-active{ opacity:1; transform:scale(1);}
.news-feature img{ width:100%; height:100%; object-fit:cover;}
.news-feature-shade{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(4,39,34,.02) 22%,rgba(4,39,34,.76) 100%);}
.news-feature-content{ position:absolute; left:32px; right:32px; bottom:70px; color:#fff;}
.news-tag{ display:inline-flex; margin-right:14px; padding:6px 13px; border-radius:999px; background:#dff3e8; color:var(--brand-green); font-size:12px; font-weight:900;}
.news-feature time{ font-size:13px; opacity:.82;}
.news-feature h3{ margin:16px 0 8px; font-size:25px; line-height:1.36;}
.news-feature p{ max-width:560px; margin:0 0 14px; color:rgba(255,255,255,.82); font-size:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.news-feature a{ font-weight:900;}
.news-feature-controls{ position:absolute; left:32px; right:32px; bottom:20px; display:flex; align-items:center; justify-content:flex-end; gap:14px; pointer-events:none;}
.news-feature-prev,.news-feature-next{ width:38px; height:38px; border:1px solid rgba(255,255,255,.5); border-radius:50%; color:#fff; background:rgba(255,255,255,.14); pointer-events:auto;}
.news-feature-dots{ display:flex; gap:8px; pointer-events:auto;}
.news-feature-dots button{ width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.55);}
.news-feature-dots button.is-active{ width:38px; border-radius:999px; background:#6de497;}
.news-list{ min-height:420px; display:flex; flex-direction:column; padding:30px 34px 28px; border-radius:14px; background:#fff; box-shadow:0 18px 46px rgba(6,45,36,.08);}
.news-list-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; padding-bottom:13px; border-bottom:1px solid #d7e1dc; position:relative;}
.news-list-head::after{ content:""; position:absolute; left:0; bottom:-1px; width:74px; height:2px; background:var(--brand-green);}
.news-list-head h3{ margin:0; color:var(--brand-green-dark); font-size:21px; font-weight:900;}
.news-list-head a{ display:inline-flex; align-items:center; gap:5px; color:#65727a; font-size:13px; font-weight:900; letter-spacing:.02em;}
.news-list-head a span{ width:14px; height:14px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--brand-green); font-size:11px; line-height:1;}
.news-list-head a:hover{ color:var(--brand-green);}
.news-list-head a:hover span{ background:var(--brand-green-dark);}
.news-item{ min-height:56px; display:grid; grid-template-columns:20px minmax(0,1fr) 96px; align-items:center; gap:14px; padding:14px 0; border-bottom:1px dashed #cfd9d4; border-radius:0; transition:background .22s ease,padding .22s ease;}
.news-item:hover,.news-item.active{ padding-left:10px; background:linear-gradient(90deg,#f3fbf7,rgba(243,251,247,0));}
.news-icon{ width:18px; height:18px; display:grid; place-items:center; color:#667482; font-style:normal;}
.news-icon svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;}
.news-item h3{ min-width:0; margin:0; color:#1f3030; font-size:16px; font-weight:700; line-height:1.45; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-item time{ justify-self:end; color:#647286; font-size:13px;}
.news-item:hover .news-icon,.news-item:hover h3,.news-item.active .news-icon,.news-item.active h3{ color:var(--brand-green);}
/* ================= 5. 产品中心 ================= */
.section-products{ overflow:hidden; background:linear-gradient(180deg,#f2faf5 0%,#edf7f1 100%);}
.section-products::before{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 18% 12%,rgba(10,147,97,.1),transparent 34%);}
.product-shell{ position:relative; z-index:1;}
.product-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px;}
.product-card{ min-height:610px; display:flex; flex-direction:column; align-items:center; padding:34px 28px 24px; border:1px solid rgba(7,150,95,.12); border-radius:12px; background:#fff; box-shadow:var(--shadow); overflow:hidden; transition:transform .35s var(--ease),box-shadow .35s var(--ease);}
.product-card.featured{ background:#fff;}
.product-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-hover);}
.product-index{ display:none;}
.product-image{ height:340px; width:100%; display:flex; align-items:flex-end; justify-content:center; position:relative;}
.product-image::after{ content:""; position:absolute; bottom:12px; width:70%; height:40px; border-radius:50%; background:rgba(7,66,62,.16); filter:blur(18px);}
.product-image img{ position:relative; z-index:1; max-height:340px; width:auto; object-fit:contain; filter:drop-shadow(16px 24px 22px rgba(4,55,39,.18)); transition:transform .35s var(--ease);}
.product-card:hover .product-image img{ transform:translateY(-5px) scale(1.025);}
.product-info{ width:100%; margin-top:16px; text-align:center;}
.product-info>span{ color:var(--brand-green); font-size:13px; font-weight:900; letter-spacing:.12em;}
.product-info h3{ margin:8px 0 10px; color:var(--brand-green-dark); font-size:24px; font-weight:600;}
.product-info p{ margin:0 0 18px; color:var(--text); font-size:15px;}
.product-meta{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 14px;}
.product-meta div{ min-height:62px; padding:9px 10px; border:1px solid var(--line); border-radius:8px; background:#f8fbf9;}
.product-meta dt{ color:#74877f; font-size:11px;}
.product-meta dd{ margin:5px 0 0; color:var(--brand-green-dark); font-size:13px; font-weight:800;}
.product-card-actions{ display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.product-card-actions a{ min-height:44px; display:flex; align-items:center; justify-content:center; border-radius:8px; color:var(--brand-green); background:#eaf7f0; font-weight:900;}
.product-card-actions a:last-child{ color:#fff; background:var(--brand-green);}
.product-actions{ text-align:center; margin-top:40px;}
.advantages{ min-height:96px; display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:54px; padding:16px 18px; border-radius:12px; background:rgba(255,255,255,.82); box-shadow:var(--shadow);}
.advantages article{ display:flex; align-items:center; gap:18px; padding:10px 26px; position:relative;}
.advantages article:not(:last-child)::after{ content:""; position:absolute; right:0; top:20%; width:1px; height:60%; background:var(--line);}
.adv-icon{ width:62px; height:62px; flex:0 0 62px; display:grid; place-items:center; border-radius:50%; color:var(--brand-green); background:#e2f4eb; transition:background .32s ease,color .32s ease;}
.advantages article:hover .adv-icon{ color:#fff; background:var(--brand-green);}
.adv-icon p,.about-side i p{ margin:0; display:grid; place-items:center;}
.adv-icon svg{ width:46px; height:46px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;}
.advantages h3{ margin:0 0 4px; font-size:18px; color:var(--brand-green-dark);}
.advantages p{ margin:0; color:#6f837b; font-size:12px;}
/* ================= 6. 关于国星 ================= */
.section-about{ overflow:hidden; background:#fff;}
.about-orbit{ position:absolute; right:-180px; top:60px; width:700px; height:700px; border:1px solid rgba(10,147,97,.08); border-radius:50%;}
.about-orbit::before,.about-orbit::after{ content:""; position:absolute; border:1px solid rgba(10,147,97,.08); border-radius:50%;}
.about-orbit::before{ inset:100px;}
.about-orbit::after{ inset:210px;}
.about-layout{ position:relative; display:grid; grid-template-columns:1.05fr 1.2fr .7fr; min-height:640px; border-radius:18px; overflow:hidden; background:#fff; box-shadow:var(--shadow);}
.about-media{ position:relative; min-height:640px; overflow:hidden;}
.about-media>img{ width:100%; height:100%; object-fit:cover; transition:transform .6s ease;}
.about-media:hover>img{ transform:scale(1.035);}
.about-media::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(4,39,34,.48));}
.media-play{ position:absolute; left:50%; top:50%; z-index:3; width:92px; height:92px; display:grid; place-items:center; border-radius:50%; color:var(--brand-green); background:rgba(255,255,255,.92); box-shadow:0 18px 48px rgba(4,39,34,.22); transform:translate(-50%,-50%);}
.media-play::before{ content:""; position:absolute; inset:-14px; border:1px solid rgba(255,255,255,.65); border-radius:50%; animation:pulse 2.2s infinite;}
.media-play span{ font-size:24px; padding-left:4px;}
.about-media-label{ position:absolute; left:38px; bottom:34px; z-index:3; display:flex; align-items:center; gap:16px; color:#fff;}
.about-media-label b{ font-size:46px; line-height:1;}
.about-media-label span{ padding-left:16px; border-left:1px solid rgba(255,255,255,.58); font-size:13px; line-height:1.5;}
.about-content{ padding:68px 58px;}
.about-content>p,.about-richtext p{ margin:0 0 17px; color:#667970; font-size:15px; line-height:2; text-indent:2em;}
.about-richtext{ overflow:visible;}
.about-richtext img,.about-richtext table,.about-richtext video{ max-width:100%; height:auto;}
.about-actions{ display:flex; align-items:center; gap:30px; margin-top:32px;}
.about-side{ display:grid; grid-template-rows:repeat(4,1fr); gap:16px; padding:28px; background:#eaf7f0;}
.about-side article{ display:grid; grid-template-columns:66px 54px 1fr; align-items:center; gap:16px; padding:18px 20px; border-radius:14px; background:rgba(255,255,255,.82); transition:transform .25s ease,box-shadow .25s ease;}
.about-side article:hover{ transform:translateY(-4px); box-shadow:0 14px 32px rgba(6,45,36,.08);}
.about-side article>span{ color:rgba(10,147,97,.34); font-size:50px; line-height:1; font-weight:950;}
.about-side i{ width:48px; height:48px; display:grid; place-items:center; border-radius:12px; color:var(--brand-green); background:#d9f1e5; font-style:normal;}
.about-side svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;}
.about-side b{ font-size:20px; color:var(--brand-green-dark);}
.about-side p{ margin:4px 0 0; color:#6f837b; font-size:14px;}
@keyframes pulse{
  0%{ opacity:0; transform:scale(.9);}
  40%{ opacity:1;}
  100%{ opacity:0; transform:scale(1.25);}
}
/* ================= 8. 荣誉资质 ================= */
.section-honors{ overflow:hidden; background:linear-gradient(180deg,#f2faf5 0%,#edf7f1 100%);}
.honor-layout{ display:grid; grid-template-columns:360px minmax(0,1fr); gap:44px; align-items:center;}
.honor-top{ align-self:stretch; display:flex; flex-direction:column; justify-content:center; gap:28px;}
.honor-top .section-heading{ margin:0;}
.honor-controls{ display:flex; gap:12px;}
.carousel-arrow{ width:56px; height:56px; display:grid; place-items:center; border-radius:14px; color:var(--brand-green); background:#ddf2e7; transition:background .25s ease,color .25s ease,transform .25s ease;}
.carousel-arrow:hover:not(:disabled){ color:#fff; background:var(--brand-green); transform:translateY(-2px);}
.carousel-arrow:disabled{ opacity:.45; cursor:not-allowed;}
.honor-more{ width:max-content; color:var(--brand-green); font-weight:900;}
.honor-gallery{ min-width:0;}
.honor-viewport{ overflow:hidden; padding:14px 4px 34px; margin:-14px -4px -34px; cursor:grab;}
.honor-viewport.is-dragging{ cursor:grabbing;}
.honor-track{ display:flex; gap:24px; transition:transform .45s var(--ease); will-change:transform;}
.honor-card{ flex:0 0 calc((100% - 48px)/3); min-width:0; min-height:390px; padding:18px; border:1px solid rgba(7,150,95,.1); border-radius:12px; background:#fff; box-shadow:var(--shadow); user-select:none;}
.honor-image-button{ display:block; width:100%; cursor:zoom-in;}
.honor-card img{ width:100%; height:270px; padding:18px; object-fit:contain; border:1px solid #edf2ef; border-radius:8px; background:#f7f5ef; transition:transform .25s ease,border-color .25s ease;}
.honor-image-button:hover img{ border-color:rgba(10,147,97,.32); transform:scale(1.018);}
.honor-card>div{ display:flex; align-items:center; gap:16px; padding-top:22px;}
.honor-card span{ min-width:40px; height:40px; display:grid; place-items:center; border-radius:12px; color:var(--brand-green); background:#dff3e8; font-size:13px; font-weight:900;}
.honor-card h3{ margin:0; color:var(--brand-green-dark); font-size:18px; line-height:1.35;}
.honor-progress{ width:110px; height:4px; margin-top:28px; border-radius:999px; background:#d9ebe2; overflow:hidden;}
.honor-progress span{ display:block; width:30%; height:100%; background:var(--brand-green); transition:width .3s ease;}
/* ================= 9. 底部联系与页脚 ================= */
.contact-cta{ position:relative; min-height:200px; overflow:hidden; color:#fff; background:var(--brand-green-deep);}
.contact-visual{ position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,55,43,.95),rgba(7,94,66,.9)), url('../images/news-field.jpg') center 62%/cover no-repeat; opacity:.92;}
.contact-cta-inner{ position:relative; min-height:200px; display:grid; grid-template-columns:1.3fr 1fr auto; align-items:center; gap:44px;}
.contact-cta-inner>div:first-child>span{ color:rgba(255,255,255,.74); font-size:16px; letter-spacing:.12em;}
.contact-cta h2{ margin:10px 0 0; font-size:24px; line-height:1.35; font-weight:600;}
.contact-numbers{ display:flex; gap:38px;}
.contact-numbers a{ display:flex; flex-direction:column;}
.contact-numbers small{ opacity:.72; font-size:16px;}
.contact-numbers b{ font-size:24px; font-weight:700;}
.site-footer{ position:relative; overflow:hidden; color:#fff; background:#0a2e22;}
.footer-glow{ position:absolute; right:-260px; bottom:-360px; width:640px; height:640px; border-radius:50%; background:radial-gradient(circle,rgba(16,183,108,.16),transparent 68%);}
.footer-main{ position:relative; display:grid; grid-template-columns:1.35fr 2.35fr 1.25fr; gap:54px; padding:48px 0 42px;}
.footer-brand img{ width:174px; height:56px; object-fit:contain; object-position:left center; filter:brightness(0) invert(1);}
.footer-brand h3{ margin:16px 0 10px; font-size:20px;}
.footer-brand p{ max-width:390px; margin:0; color:rgba(255,255,255,.72); font-size:14px; line-height:1.85; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.footer-links{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px;}
.footer-links h4,.footer-contact h4{ margin:6px 0 16px; font-size:14px; font-weight:700;}
.footer-links a{ display:block; margin:8px 0; color:rgba(255,255,255,.62); font-size:13px; transition:.22s ease;}
.footer-links a:hover{ color:#fff; transform:translateX(4px);}
.footer-contact p{ display:grid; grid-template-columns:44px 1fr; gap:8px; margin:9px 0; color:rgba(255,255,255,.76); font-size:13px;}
.footer-contact p span{ color:rgba(255,255,255,.52);}
.footer-bottom{ position:relative; min-height:58px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid rgba(255,255,255,.16); color:rgba(255,255,255,.68); font-size:12px;}
.footer-bottom div{ display:flex; gap:30px;}
.footer-bottom a:hover{ color:#fff;}
/* ================= 10. 悬浮工具与弹窗 ================= */
.floating-tools{ position:fixed; right:22px; bottom:80px; z-index:60; display:flex; flex-direction:column; gap:8px; box-shadow:none;}
.floating-tools a,.floating-tools button{ position:relative; width:46px; height:46px; display:grid; place-items:center; border-radius:10px; color:var(--brand-green); background:#fff; border:1px solid #e3eee8; box-shadow:0 10px 28px rgba(6,45,36,.12);}
.floating-tools svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.floating-tools span{ position:absolute; right:calc(100% + 8px); top:50%; white-space:nowrap; padding:6px 10px; border-radius:6px; color:#fff; background:var(--brand-green-dark); font-size:12px; opacity:0; visibility:hidden; transform:translate(6px,-50%); transition:.22s ease;}
.floating-tools a:hover span,.floating-tools button:hover span{ opacity:1; visibility:visible; transform:translate(0,-50%);}
.floating-tools a:hover,.floating-tools button:hover{ color:#fff; background:var(--brand-green);}
.floating-qr{ position:relative;}
.floating-qr-panel{ position:absolute; right:calc(100% + 14px); top:50%; width:154px; padding:14px 14px 13px; border:1px solid rgba(7,150,95,.16); border-radius:12px; background:#fff; color:var(--brand-green-dark); box-shadow:0 18px 45px rgba(6,45,36,.18); opacity:0; visibility:hidden; transform:translate(8px,-50%) scale(.96); transform-origin:right center; transition:.22s ease; text-align:center;}
.floating-qr:hover .floating-qr-panel,.floating-qr:focus-within .floating-qr-panel{ opacity:1; visibility:visible; transform:translate(0,-50%) scale(1);}
.floating-qr-panel::after{ content:""; position:absolute; right:-7px; top:50%; width:12px; height:12px; background:#fff; border-top:1px solid rgba(7,150,95,.16); border-right:1px solid rgba(7,150,95,.16); transform:translateY(-50%) rotate(45deg);}
.floating-qr-code{ width:126px; height:126px; display:block; margin:0 auto 10px; padding:8px; border-radius:8px; background:#fff; object-fit:contain;}
.floating-qr-panel strong{ display:block; margin-bottom:2px; font-size:14px; font-weight:900;}
.floating-qr-panel small{ display:block; color:#6f837b; font-size:12px;}
.search-modal,.inquiry-modal,.video-modal,.honor-modal{ position:fixed; inset:0; z-index:300; display:flex; align-items:center; justify-content:center; padding:24px; opacity:0; visibility:hidden; background:rgba(4,30,26,.72); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); transition:opacity .25s ease,visibility .25s ease;}
.search-modal.open,.inquiry-modal.open,.video-modal.open,.honor-modal.open{ opacity:1; visibility:visible;}
.search-panel,.inquiry-panel{ position:relative; width:min(680px,92vw); padding:38px; border-radius:18px; background:#fff; box-shadow:0 30px 90px rgba(0,0,0,.28);}
.search-close,.inquiry-close,.video-close,.honor-modal-close{ position:absolute; right:18px; top:18px; width:38px; height:38px; border-radius:50%; color:var(--brand-green); background:#e8f6ef; font-size:24px;}
.search-kicker{ color:var(--brand-green); font-size:12px; font-weight:900; letter-spacing:.18em; text-transform:uppercase;}
.search-panel h2,.inquiry-panel h2{ margin:8px 0 18px; color:var(--brand-green-dark); font-size:32px;}
.inquiry-panel p{ margin:0 0 22px; color:var(--text);}
.search-form{ display:grid; grid-template-columns:24px 1fr auto; gap:12px; align-items:center; padding:10px 10px 10px 16px; border:1px solid var(--line); border-radius:12px; background:#f8fbf9;}
.search-form svg{ width:22px; height:22px; fill:none; stroke:var(--brand-green); stroke-width:1.8; stroke-linecap:round;}
.search-form input{ min-width:0; border:0; outline:0; background:transparent; color:var(--ink);}
.search-form button,.inquiry-form button{ min-height:42px; padding:0 20px; border-radius:8px; color:#fff; background:var(--brand-green); font-weight:900;}
.search-suggestions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:16px;}
.search-suggestions button{ padding:8px 12px; border-radius:999px; color:var(--brand-green); background:#e8f6ef; font-weight:800;}
.search-result,.inquiry-result{ min-height:22px; margin:16px 0 0; color:var(--brand-green); font-weight:800;}
.inquiry-form{ display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.inquiry-form label{ display:block;}
.inquiry-form label.full{ grid-column:1/-1;}
.inquiry-form span{ display:block; margin-bottom:6px; color:#254b40; font-size:13px; font-weight:850;}
.inquiry-form input,.inquiry-form textarea{ width:100%; padding:12px 13px; border:1px solid var(--line); border-radius:8px; outline:0; color:var(--ink); background:#f8fbf9;}
.inquiry-form textarea{ min-height:108px; resize:vertical;}
.inquiry-form input:focus,.inquiry-form textarea:focus{ border-color:var(--brand-green); background:#fff; box-shadow:0 0 0 4px rgba(10,147,97,.1);}
.inquiry-form .captcha-field img{ width:150px; height:44px; border:1px solid var(--line); border-radius:8px; object-fit:cover; cursor:pointer; background:#fff;}
.inquiry-form button{ grid-column:1/-1;}
.inquiry-form .submit-button{ width:100%; min-height:56px; display:flex; align-items:center; justify-content:center; gap:10px; margin-top:8px; border-radius:10px; background:var(--brand-green); color:#fff; font-size:16px; font-weight:950; box-shadow:0 14px 30px rgba(10,147,97,.2); transition:background .25s ease,transform .25s ease,box-shadow .25s ease;}
.inquiry-form .submit-button:hover{ background:var(--brand-green-dark); transform:translateY(-2px); box-shadow:0 18px 38px rgba(4,39,34,.2);}
.inquiry-form .submit-button span{ display:inline-block; margin:0; color:inherit; font-size:16px; line-height:1; transform:none;}
.honor-modal{ z-index:320; background:rgba(3,24,21,.72); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
.honor-modal-dialog{ position:relative; width:min(980px,86vw); max-height:86vh; margin:0; display:flex; flex-direction:column; align-items:center; gap:14px;}
.honor-modal-dialog img{ max-width:100%; max-height:76vh; object-fit:contain; border-radius:10px; background:#f8faf8; box-shadow:0 28px 90px rgba(0,0,0,.38);}
.honor-modal-dialog figcaption{ color:#fff; font-size:18px; font-weight:850; text-align:center;}
.honor-modal-prev,.honor-modal-next{ position:absolute; top:50%; z-index:2; width:52px; height:52px; box-sizing:border-box; display:grid; place-items:center; padding:0; border:1px solid rgba(255,255,255,.38); border-radius:50%; color:#fff; background:rgba(255,255,255,.12); font-size:17px; line-height:1; transform:translateY(-50%); transition:background .25s ease,transform .25s ease,border-color .25s ease;}
.honor-modal-prev i,.honor-modal-next i,.honor-modal-close i{ display:block; line-height:1;}
.honor-modal-prev{ left:36px;}
.honor-modal-next{ right:36px;}
.honor-modal-prev:hover,.honor-modal-next:hover{ border-color:rgba(255,255,255,.65); background:rgba(255,255,255,.22); transform:translateY(-50%) scale(1.05);}
.video-dialog{ position:relative; width:min(1100px,92vw); background:#000; box-shadow:0 30px 90px rgba(0,0,0,.38);}
.video-dialog video{ display:block; width:100%; max-height:80vh;}
.video-close{ right:-18px; top:-18px;}
/* ================= 11. 响应式布局 ================= */




/* ================= 12. 内容页公共 ================= */
.inner-page{ background:linear-gradient(180deg,#f7fbf9 0%,#fff 16%,#f8fbfa 100%);}
.inner-page main{ padding-bottom:32px;}
.inner-hero{ position:relative; min-height:350px; margin-top:var(--header-h); overflow:hidden; background:#e8f2ee;}
.inner-hero-bg,.inner-hero::after{ position:absolute; inset:0;}
.inner-hero-bg{ background-position:center; background-size:cover; background-repeat:no-repeat;}
.inner-hero::after{ content:""; background:linear-gradient(180deg,rgba(6,45,36,0) 0%,rgba(6,45,36,.06) 100%);}
.inner-hero-content{ position:relative; z-index:1; min-height:350px; display:flex; align-items:center; justify-content:space-between; gap:34px; padding:72px 0 46px;}
.inner-hero-copy h1{ margin:0 0 16px; color:var(--brand-green-dark); font-size:64px; line-height:1.02; font-weight:950;}
.inner-hero-copy p{ margin:0 0 28px; color:#24473d; font-size:28px; font-weight:850;}
.inner-breadcrumb,.inner-breadcrumb a,.inner-breadcrumb span{ color:#5f746c; font-size:15px;}
.hero-subnav-card{ min-width:180px; display:grid; padding:14px; border-radius:20px; background:rgba(255,255,255,.92); box-shadow:0 24px 60px rgba(6,45,36,.12); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}
.hero-subnav-card a{ padding:15px 18px; border-radius:14px; color:#315145; font-size:16px; font-weight:800; transition:.24s ease;}
.hero-subnav-card a.active,.hero-subnav-card a:hover{ color:var(--brand-green); background:#eff8f3;}
.inner-section{ padding:44px 0 0;}
.panel-card{ border:1px solid rgba(7,150,95,.1); border-radius:22px; background:#fff; box-shadow:0 18px 52px rgba(6,45,36,.08);}
.inner-heading{ margin-bottom:28px;}
.inner-heading.centered{ text-align:center;}
.inner-heading.left h2{ display:inline-block; position:relative; margin:0; padding-bottom:14px; color:var(--brand-green-dark); font-size:26px;}
.inner-heading.left h2::after,.inner-heading.centered h2::after{ content:""; position:absolute; left:0; bottom:0; width:58px; height:3px; background:var(--brand-green);}
.inner-heading.centered h2{ position:relative; display:inline-block; margin:0; padding-bottom:14px; color:var(--brand-green-dark); font-size:48px;}
.inner-heading.centered h2::after{ left:50%; transform:translateX(-50%);}
.inner-heading p{ margin:22px auto 0; max-width:760px; color:#697e76; font-size:16px; line-height:1.9;}
.inner-two-column{ display:grid; grid-template-columns:minmax(0,1.34fr) 330px; gap:28px; align-items:start;}
.inner-main,.inner-side{ min-width:0;}
.side-card{ padding:30px;}
.side-title{ margin-bottom:22px; color:var(--brand-green-dark); font-size:18px; font-weight:950;}
.side-nav{ display:grid; gap:10px;}
.side-nav a{ min-height:56px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; border-radius:14px; background:#fff; color:#38594f; font-weight:800; transition:.24s ease;}
.side-nav a.active,.side-nav a:hover{ color:var(--brand-green); background:#eff8f3;}
.side-list{ display:grid; gap:18px;}
.side-news{ display:grid; grid-template-columns:92px 1fr; gap:14px; align-items:center;}
.side-news img{ width:92px; height:68px; border-radius:10px; object-fit:cover;}
.side-news strong{ display:block; color:#24473d; font-size:14px; line-height:1.55;}
.side-news span{ display:block; margin-top:7px; color:#80928a; font-size:12px;}
.side-ranking{ display:grid; gap:24px;}
.side-ranking a{ display:grid; grid-template-columns:36px 1fr; gap:14px;}
.side-ranking b{ color:var(--brand-green); font-size:34px; line-height:1;}
.side-ranking strong{ display:block; color:#24473d; font-size:15px; line-height:1.55;}
.side-ranking span{ display:block; margin-top:8px; color:#80928a; font-size:12px;}
.side-cta,.side-quote{ background:linear-gradient(135deg,#11a768,#0b8f5e); color:#fff;}
.side-cta strong,.side-quote .side-title{ display:block; color:#fff;}
.side-cta p,.side-quote p{ margin:12px 0 24px; color:rgba(255,255,255,.82);}
.pager-card{ padding:22px 28px; margin-top:24px;}
.inner-pager{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; color:#5e746c;}
.inner-pager .page-status{ display:none;}
.inner-pager .page-index, .inner-pager .page-pre, .inner-pager .page-next, .inner-pager .page-last, .inner-pager .page-numbar{ display:inline-flex; align-items:center; gap:8px;}
.inner-pager a,.inner-pager .page-num{ box-sizing:border-box; min-width:44px; height:42px; display:inline-flex; align-items:center; justify-content:center; padding:0 13px; border:1px solid #ddebe4; border-radius:10px; background:#fff; color:#5d746b; font-size:14px; font-weight:800; line-height:1; white-space:nowrap; transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease;}
.inner-pager .page-numbar>.page-num{ margin:0;}
.inner-pager .page-numbar>span.page-num{ padding:0 12px;}
.inner-pager .page-num-current{ color:#fff!important; background:var(--brand-green)!important; border-color:var(--brand-green)!important;}
.inner-pager a:hover{ color:#fff; background:var(--brand-green); border-color:var(--brand-green); transform:translateY(-2px);}
.article-richtext{ color:#425851; font-size:16px; line-height:2;}
.article-richtext-tight{ font-size:15px; line-height:1.95;}
.article-richtext img,.article-richtext table,.article-richtext video,.article-richtext iframe{ max-width:100%; height:auto;}
.article-richtext table{ width:100%!important; border-collapse:collapse;}
.article-richtext table td,.article-richtext table th{ padding:12px; border:1px solid #dbe7e1;}
/* ================= 13. 关于页 ================= */
.about-intro-card{ display:grid; grid-template-columns:420px 1fr; gap:38px; padding:26px;}
.about-intro-media{ position:relative; overflow:hidden; border-radius:20px;}
.about-intro-media img{ width:100%; height:100%; object-fit:cover; min-height:540px;}
.about-intro-label{ position:absolute; left:0; right:0; bottom:0; padding:28px 34px; color:#fff; background:linear-gradient(180deg,rgba(4,39,34,0),rgba(4,39,34,.84));}
.about-intro-label span{ display:block; font-size:16px; letter-spacing:.18em;}
.about-intro-label strong{ display:block; margin-top:14px; font-size:42px;}
.about-intro-content{ padding:16px 10px 10px 0;}
.inner-metrics,.inner-honor-panel{ margin-top:28px; padding:30px 32px;}
.inner-metric-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.inner-metric-grid article{ position:relative; overflow:hidden; display:grid; grid-template-columns:66px 54px 1fr; gap:16px; align-items:center; min-height:128px; padding:22px 20px; border:1px solid #dcebe4; border-radius:12px; background:linear-gradient(135deg,#fff 0%,#f5fbf8 100%); transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
.inner-metric-grid article::after{ content:""; position:absolute; right:-28px; bottom:-34px; width:96px; height:96px; border-radius:50%; background:rgba(10,147,97,.06); transition:transform .28s ease;}
.inner-metric-grid article:hover{ transform:translateY(-4px); border-color:#bfe4d4; box-shadow:0 18px 38px rgba(6,45,36,.09);}
.inner-metric-grid article:hover::after{ transform:scale(1.18);}
.inner-metric-grid i{ position:relative; z-index:1; width:54px; height:54px; display:grid; place-items:center; margin:0; border-radius:14px; color:var(--brand-green); background:#e8f6ef; font-style:normal; font-size:21px;}
.inner-metric-grid svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;}
.inner-metric-grid div{ position:relative; z-index:1; min-width:0;}
.inner-metric-grid .metric-num{ position:relative; z-index:1; display:block; color:rgba(10,147,97,.34); font-size:50px; line-height:1; font-weight:950; letter-spacing:-.04em;}
.inner-metric-grid strong{ display:block; margin-top:0; color:#173f34; font-size:24px; line-height:1.18; font-weight:950; letter-spacing:-.02em; white-space:nowrap;}
.inner-metric-grid small{ display:block; margin-top:8px; color:#789088; font-size:12px; line-height:1.45;}
.inner-honor-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px;}
.inner-honor-controls{ display:flex; gap:10px; margin-top:2px;}
.inner-honor-controls button{ width:40px; height:40px; display:grid; place-items:center; border:1px solid #dcebe4; border-radius:50%; color:var(--brand-green); background:#f6fbf8; font-size:14px; transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease;}
.inner-honor-controls button:hover{ color:#fff; background:var(--brand-green); border-color:var(--brand-green); transform:translateY(-2px);}
.inner-honor-controls button:disabled{ opacity:.42; cursor:not-allowed; transform:none;}
.inner-honor-carousel{ overflow:hidden; padding:2px 2px 4px; margin:0 -2px;}
.inner-honor-track{ display:flex; gap:18px; transition:transform .42s var(--ease); will-change:transform;}
.inner-honor-item{ flex:0 0 calc((100% - 54px)/4); display:block; padding:14px; border:1px solid #e4eee9; border-radius:16px; background:#fff; transition:.24s ease;}
.inner-honor-item:hover{ transform:translateY(-4px); border-color:#c9e6da; box-shadow:0 16px 36px rgba(6,45,36,.08);}
.inner-honor-item img{ width:100%; height:146px; padding:12px; border-radius:12px; background:#faf7f0; object-fit:contain;}
.inner-honor-item span{ display:block; margin-top:14px; color:#315145; font-size:15px; line-height:1.55; font-weight:800; text-align:center;}
/* ================= 14. 新闻页 ================= */
.news-feature-card{ display:grid; grid-template-columns:minmax(0,.92fr) minmax(360px,.88fr); gap:0; overflow:hidden;}
.news-feature-thumb img{ width:100%; height:100%; min-height:320px; object-fit:cover;}
.news-feature-info{ padding:42px;}
.news-feature-info time,.news-row time,.article-meta{ color:#7e918a; font-size:13px;}
.news-feature-info h2{ margin:16px 0 18px; font-size:42px; line-height:1.3;}
.news-feature-info h2 a,.news-row h3 a{ color:var(--brand-green-dark);}
.news-feature-info p,.news-row p{ margin:0; color:#667a73; font-size:15px; line-height:1.9;}
.news-row{ position:relative; display:grid; grid-template-columns:200px 1fr; gap:24px; align-items:center; padding:18px 20px; margin-top:22px; overflow:hidden; transition:transform .28s var(--ease),box-shadow .28s ease,border-color .28s ease,background .28s ease;}
.news-row::before{ content:""; position:absolute; left:0; top:18px; bottom:18px; width:3px; border-radius:999px; background:linear-gradient(180deg,var(--brand-green),#7bd5a7); opacity:0; transform:translateX(-4px); transition:opacity .24s ease,transform .24s ease;}
.news-row:hover{ transform:translateY(-5px); border-color:#bfe5d5; background:linear-gradient(135deg,#fff 0%,#f7fcfa 100%); box-shadow:0 20px 46px rgba(6,45,36,.12);}
.news-row:hover::before{ opacity:1; transform:none;}
.news-row-thumb{ display:block; overflow:hidden; border-radius:16px; background:#f3faf6;}
.news-row-thumb img{ width:100%; height:140px; border-radius:16px; object-fit:cover; transition:transform .42s var(--ease),filter .42s ease;}
.news-row:hover .news-row-thumb img{ transform:scale(1.06); filter:saturate(1.06) contrast(1.04);}
.news-row-tag{ display:inline-flex; margin-bottom:8px; padding:4px 10px; border-radius:999px; color:var(--brand-green); background:#ebf8f1; font-size:12px; font-weight:900;}
.news-row h3{ margin:10px 0 12px; font-size:28px; line-height:1.4;}
.news-row h3 a,.news-row .text-link{ transition:color .22s ease,background .22s ease,transform .22s ease;}
.news-row:hover h3 a{ color:var(--brand-green);}
.news-row:hover .text-link{ transform:translateX(4px);}
.article-detail{ padding:42px 48px;}
.article-head h1{ margin:0 0 18px; color:var(--brand-green-dark); font-size:28px; line-height:1.45;}
.article-meta{ display:flex; flex-wrap:wrap; gap:20px; padding-bottom:18px; border-bottom:1px solid #e2ece7;}
.article-meta a{ display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:34px; margin-left:8px; padding:0 10px; border-radius:999px; background:#edf8f2; color:var(--brand-green); font-size:12px;}
.article-cover{ margin:28px 0 30px;}
.article-cover img{ width:100%; border-radius:18px;}
.article-nav{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:34px; padding-top:24px; border-top:1px solid #e2ece7;}
.article-nav a{ color:#35564b; font-weight:800;}
.article-nav a:nth-child(2){ text-align:right;}
/* ================= 15. 产品列表 / 详情 ================= */
.product-category-strip{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; padding:18px 22px;}
.product-strip-item{ display:flex; align-items:center; gap:16px; padding:16px 18px; border-radius:16px; transition:.24s ease;}
.product-strip-item.active,.product-strip-item:hover{ background:#eff8f3;}
.product-strip-item i{ width:52px; height:52px; display:grid; place-items:center; border-radius:50%; color:var(--brand-green); background:#e7f5ee; font-style:normal; font-size:24px;}
.product-strip-item strong{ display:block; color:#24473d; font-size:18px;}
.product-strip-item span{ display:block; margin-top:6px; color:#7b8f87; font-size:13px;}
.product-layout{ display:grid; grid-template-columns:220px 1fr; gap:24px; margin-top:28px;}
.product-toolbar{ display:flex; align-items:center; justify-content:space-between; margin-bottom:22px;}
.product-toolbar-links{ display:flex; gap:18px;}
.product-toolbar-links span{ color:#73877f; font-size:15px; font-weight:800;}
.product-toolbar-links .active{ color:var(--brand-green);}
.product-toolbar-count{ color:#6b8078; font-size:14px;}
.inner-product-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.inner-product-card{ padding:24px; transition:.28s ease;}
.inner-product-card:hover{ transform:translateY(-5px); box-shadow:0 20px 42px rgba(6,45,36,.1);}
.inner-product-thumb{ height:280px; display:flex; align-items:center; justify-content:center;}
.inner-product-thumb img{ max-height:260px; object-fit:contain; filter:drop-shadow(12px 18px 18px rgba(4,55,39,.16));}
.inner-product-body h3{ margin:0 0 12px; font-size:22px;}
.inner-product-body h3 a{ color:var(--brand-green-dark);}
.inner-product-body p{ margin:0; color:#6b8078; font-size:14px; line-height:1.8;}
.inner-product-meta{ margin-top:14px; color:#4b655d; font-size:13px; font-weight:800;}
.inner-product-actions{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px;}
.inner-product-actions a{ min-height:44px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#eff8f3; color:var(--brand-green); font-weight:900;}
.inner-product-actions a:last-child{ color:#fff; background:var(--brand-green);}
.inner-advantage-bar{ display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin-top:24px; padding:24px;}
.inner-advantage-bar article{ padding:10px 18px; text-align:center; position:relative;}
.inner-advantage-bar article:not(:last-child)::after{ content:""; position:absolute; right:0; top:20%; width:1px; height:60%; background:#dce8e2;}
.inner-advantage-bar i{ display:block; margin-bottom:10px; color:var(--brand-green); font-style:normal; font-size:24px;}
.inner-advantage-bar strong{ display:block; color:#284a40;}
.inner-advantage-bar span{ display:block; margin-top:8px; color:#768a83; font-size:13px; line-height:1.7;}
.product-detail-top{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) 310px; gap:24px; align-items:start;}
.product-gallery,.product-summary,.product-tabs,.related-panel{ padding:24px;}
.product-gallery-main{ position:relative; height:520px; display:flex; align-items:center; justify-content:center; border-radius:18px; background:linear-gradient(180deg,#f7fbf9,#eff6f2);}
.product-gallery-main img{ max-width:86%; max-height:86%; object-fit:contain;}
.gallery-arrow{ position:absolute; top:50%; z-index:3; width:42px; height:42px; box-sizing:border-box; display:grid; place-items:center; padding:0; border:1px solid #dceae3; border-radius:50%; background:#fff; color:var(--brand-green); font-size:15px; line-height:1; box-shadow:0 10px 24px rgba(6,45,36,.08); transform:translateY(-50%); transition:background .24s ease,color .24s ease,transform .24s ease,box-shadow .24s ease;}
.gallery-arrow i{ display:block; line-height:1;}
.gallery-arrow.prev{ left:calc(50% - 250px);}
.gallery-arrow.next{ right:calc(50% - 250px);}
.product-gallery-thumbs{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:10px; margin-top:14px;}
.gallery-thumb{ width:72px; height:72px; flex:0 0 72px; padding:6px; border:2px solid transparent; border-radius:12px; background:#f5faf7;}
.gallery-thumb.active{ border-color:#6ecf96; background:#fff;}
.gallery-thumb img{ width:100%; height:100%; object-fit:cover; border-radius:8px;}
.product-summary h1{ margin:0; color:var(--brand-green-dark); font-size:28px; line-height:1.5;}
.product-summary-sub{ margin:10px 0 18px; color:#2b5145; font-size:18px; font-weight:850;}
.product-tags{ display:flex; flex-wrap:wrap; gap:10px;}
.product-tags span{ padding:7px 14px; border-radius:999px; color:var(--brand-green); background:#edf8f2; font-size:13px; font-weight:900;}
.product-summary-text{ margin:18px 0 20px; color:#677b74; font-size:15px; line-height:1.9;}
.product-summary-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding:18px 0; border-top:1px solid #e3ede8; border-bottom:1px solid #e3ede8;}
.product-summary-stats span{ display:block; color:#7a8d85; font-size:12px;}
.product-summary-stats strong{ display:block; margin-top:10px; color:var(--brand-green); font-size:34px;}
.product-packs{ margin-top:18px;}
.product-packs span{ display:block; color:#2b5145; font-size:15px; font-weight:900;}
.product-packs b{ display:block; margin-top:10px; color:#5f746c; font-size:15px;}
.product-summary-actions{ display:flex; gap:14px; margin-top:26px;}
.contact-page-form input,.contact-page-form textarea{ width:100%; padding:13px 14px; border:1px solid #ddebe4; border-radius:12px; background:#fbfdfc; outline:0;}
.contact-page-form textarea{ margin-bottom:16px;}
.contact-code{ display:grid; grid-template-columns:86px minmax(0,1fr) 124px; align-items:center; gap:12px; margin-bottom:16px; color:#214b3f; font-size:14px; font-weight:850;}
.contact-code span{ display:flex; align-items:center; height:48px;}
.contact-code input{ height:48px;}
.contact-code img{ width:124px; height:48px; border:1px solid #ddebe4; border-radius:12px; object-fit:cover; cursor:pointer; background:#fff;}
.contact-page-form button{ min-height:48px; border-radius:12px; color:#fff; background:var(--brand-green); font-weight:900;}
.product-tab-head{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px;}
.product-tab-head button{ min-width:132px; height:52px; padding:0 22px; border:1px solid #dbe9e2; border-radius:14px; background:#f5faf7; color:#3d5d52; font-weight:900;}
.product-tab-head button.active{ color:#fff; background:var(--brand-green); border-color:var(--brand-green);}
.product-tab-panel{ display:none;}
.product-tab-panel.active{ display:block;}
.feature-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.feature-grid article{ display:flex; gap:14px; padding:18px; border:1px solid #e2ece7; border-radius:16px; background:linear-gradient(180deg,#fff,#fbfdfc);}
.feature-grid i,.feature-grid .feature-icon{ width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; border-radius:50%; color:var(--brand-green); background:#ecf8f1; font-style:normal; font-size:22px;}
.feature-grid .feature-icon p{ margin:0; display:grid; place-items:center;}
.feature-grid .feature-icon svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;}
.feature-grid strong{ display:block; color:#24473d;}
.feature-grid p{ margin:6px 0 0; color:#748781; font-size:13px; line-height:1.75;}
.inner-table{ width:100%; border-collapse:collapse;}
.inner-table th,.inner-table td{ padding:16px; border:1px solid #deebe4; font-size:14px;}
.inner-table th{ width:130px; color:#34554a; background:#f5faf7; text-align:left;}
.related-grid{ grid-template-columns:repeat(4,1fr); gap:26px; align-items:stretch;}
.related-grid .inner-product-card{ border-radius:16px; background:#fff; box-shadow:0 14px 34px rgba(6,45,36,.08);}
.related-grid .inner-product-card:hover{ box-shadow:0 22px 48px rgba(6,45,36,.13);}
/* ================= 16. 图片中心 ================= */
.image-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.image-grid.three-col{ grid-template-columns:repeat(3,1fr);}
.image-card{ overflow:hidden; border-radius:10px; box-shadow:0 10px 28px rgba(6,45,36,.06); transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;}
.image-card:hover{ transform:translateY(-4px); border-color:#bfe5d5; box-shadow:0 18px 38px rgba(6,45,36,.11);}
.image-card-thumb{ position:relative; display:block; overflow:hidden; background:#f4faf7;}
.image-card-thumb::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(4,39,34,0),rgba(4,39,34,.18)); opacity:0; transition:opacity .28s ease;}
.image-card-thumb img{ width:100%; height:220px; object-fit:cover; transition:transform .42s ease,filter .42s ease;}
.image-card:hover .image-card-thumb::after{ opacity:1;}
.image-card:hover .image-card-thumb img{ transform:scale(1.045); filter:saturate(1.04) contrast(1.03);}
.image-card-body{ position:relative; padding:16px 18px 20px;}
.image-card-body span{ display:inline-flex; padding:4px 9px; border-radius:999px; color:var(--brand-green); background:#ecf8f1; font-size:11px; font-weight:900;}
.image-card-body h3{ margin:12px 0 0; font-size:16px; line-height:1.5; font-weight:400;}
.image-card-body h3 a{ color:#24473d; transition:color .22s ease;}
.image-card:hover .image-card-body h3 a{ color:var(--brand-green);}
.image-card-link{ position:absolute; right:14px; top:14px; z-index:2; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.92); color:var(--brand-green); font-size:13px; box-shadow:0 10px 22px rgba(6,45,36,.12); opacity:0; transform:translateY(8px); transition:opacity .24s ease,transform .24s ease,background .24s ease,color .24s ease;}
.image-card:hover .image-card-link{ opacity:1; transform:none;}
.image-card-link:hover{ color:#fff; background:var(--brand-green);}
.image-detail-main{ padding:18px;}
.image-gallery-main{ height:420px;}
.image-gallery-thumbs{ grid-template-columns:repeat(5,1fr);}
.image-detail-meta{ padding:18px 12px 8px;}
.image-detail-meta h1{ margin:0 0 14px; color:var(--brand-green-dark); font-size:24px;}
.image-info-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:20px;}
.image-info-grid article{ padding:16px; border:1px solid #e0ece6; border-radius:14px; background:#fbfdfc;}
.image-info-grid span{ display:block; color:#7b8f87; font-size:13px;}
.image-info-grid strong{ display:block; margin-top:8px; color:#305045; font-size:15px;}
.image-prev-next{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:24px;}
.image-prev-next a{ display:block; padding:22px 24px; border-radius:18px; background:#f7fbf9; color:#315145; font-weight:800;}
/* ================= 17. 联系我们 ================= */
.contact-intro{ padding-top:12px;}
.contact-info-grid,.contact-traffic-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
.contact-info-grid article,.contact-traffic-grid article{ padding:34px 22px; text-align:center;}
.contact-info-grid i,.contact-traffic-grid i{ width:66px; height:66px; display:grid; place-items:center; margin:0 auto 18px; border-radius:50%; color:var(--brand-green); background:#ebf7f1; font-style:normal; font-size:28px;}
.contact-info-grid strong,.contact-traffic-grid strong{ display:block; color:#24473d; font-size:22px;}
.contact-info-grid b{ display:block; margin:14px 0 10px; color:#294b40; font-size:32px; line-height:1.4;}
.contact-info-grid span,.contact-traffic-grid p{ display:block; color:#70847d; font-size:14px; line-height:1.8;}
.contact-map{ position:relative; min-height:500px; margin-top:24px; overflow:hidden; background:#f4faf7;}
.contact-map iframe{ display:block; width:100%; min-height:500px; border:0;}
.contact-map-card{ position:absolute; left:34px; top:34px; max-width:360px; padding:34px; border-radius:20px; background:rgba(255,255,255,.95); box-shadow:0 20px 50px rgba(6,45,36,.1);}
.contact-map-card strong{ display:block; color:#24473d; font-size:28px;}
.contact-map-card p{ margin:16px 0 22px; color:#667a73; font-size:15px; line-height:1.9;}
.contact-map-marker{ position:absolute; right:28%; top:50%; width:74px; height:74px; border-radius:50% 50% 50% 0; background:linear-gradient(135deg,#12ab69,#0b8f5e); transform:translateY(-50%) rotate(-45deg); box-shadow:0 20px 44px rgba(6,45,36,.18);}
.contact-map-marker::after{ content:""; position:absolute; inset:17px; border-radius:50%; background:#fff;}
.contact-form-wrap{ display:grid; grid-template-columns:1fr 1.3fr; gap:20px; margin-top:24px;}
.contact-photo{ overflow:hidden;}
.contact-photo img{ width:100%; height:100%; min-height:520px; object-fit:cover;}
.contact-form-panel{ padding:28px;}
.contact-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px;}
.transport-wrap{ margin-top:24px;}
.contact-traffic-grid a{ display:inline-flex; align-items:center; justify-content:center; min-width:118px; height:40px; margin-top:18px; border-radius:999px; background:#ebf7f1; color:var(--brand-green); font-weight:900;}
/* ================= 18. 静态单页 ================= */
.department-intro{ text-align:center; color:#61756d; font-size:20px; line-height:1.9;}
.department-layout{ display:grid; grid-template-columns:220px 1fr; gap:20px; margin-top:26px;}
.department-menu{ padding:0; overflow:hidden;}
.department-menu button{ width:100%; min-height:96px; padding:0 28px; border-bottom:1px solid #e6efe9; color:#35564b; background:#fff; font-size:16px; font-weight:900; text-align:left;}
.department-menu button:last-child{ border-bottom:0;}
.department-menu button.active{ color:#fff; background:linear-gradient(135deg,#0e9e66,#0b8f5e);}
.department-content{ padding:34px;}
.department-panel{ display:none;}
.department-panel.active{ display:block;}
.department-panel h2{ margin:0 0 18px; color:var(--brand-green-dark); font-size:34px;}
.department-panel p{ margin:0; color:#5f746c; font-size:18px; line-height:2.1;}
.department-accordion{ display:grid; gap:12px; margin-top:28px;}
.department-accordion details{ border:1px solid #dfebe5; border-radius:16px; background:#fff;}
.department-accordion summary{ padding:22px 24px; color:#24473d; font-size:17px; font-weight:900; cursor:pointer; list-style:none;}
.department-accordion summary::-webkit-details-marker{ display:none;}
.department-accordion details p{ padding:0 24px 22px; margin:0; color:#71857d; line-height:1.9;}
.department-card-list{ display:grid; gap:14px; margin-top:20px;}
.department-card-list article{ padding:24px 26px; border-radius:10px;}
.department-card-list h2{ margin:0 0 18px; color:#24473d; font-size:18px; line-height:1.35; font-weight:900;}
.department-card-list p,.department-card-list .article-richtext{ margin:0; color:#6d8179; font-size:15px; line-height:1.9;}
.mission-panel{ padding:38px 46px;}
.mission-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.mission-grid article{ display:flex; gap:26px; align-items:center; padding:34px; border-radius:22px; background:linear-gradient(135deg,#f3fbf8,#f8fcfb);}
.mission-grid article.wide{ grid-column:1/-1;}
.mission-grid i{ width:124px; height:124px; flex:0 0 124px; display:grid; place-items:center; border-radius:50%; color:var(--brand-green); background:#fff; box-shadow:0 18px 40px rgba(6,45,36,.08); font-style:normal; font-size:50px;}
.mission-grid h3{ position:relative; margin:0 0 18px; padding-bottom:14px; color:var(--brand-green-dark); font-size:24px;}
.mission-grid h3::after{ content:""; position:absolute; left:0; bottom:0; width:48px; height:3px; background:var(--brand-green);}
.mission-grid p{ margin:0; color:#687c75; font-size:18px; line-height:1.9;}
.org-panel,.org-rule-panel{ padding:36px 40px;}
.org-panel{ margin-bottom:24px;}
.org-top-chain{ display:grid; justify-content:center; gap:16px;}
.org-top-chain span{ min-width:240px; height:76px; display:flex; align-items:center; justify-content:center; border-radius:14px; color:#fff; background:linear-gradient(135deg,#0c8e5d,#0a714c); font-size:22px; font-weight:950;}
.org-branch-line{ width:2px; height:140px; margin:0 auto; background:linear-gradient(180deg,#0e9e66,#dcebe4);}
.org-dept-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; position:relative; padding-top:40px;}
.org-dept-grid::before{ content:""; position:absolute; left:8%; right:8%; top:0; height:2px; background:#17a56d;}
.org-dept-grid article{ position:relative; min-height:120px; display:flex; align-items:center; justify-content:center; padding:20px; border:2px solid #7acfa0; border-radius:18px; color:#24473d; background:#fff; font-size:18px; font-weight:950;}
.org-dept-grid article::before{ content:""; position:absolute; left:50%; top:-40px; width:2px; height:40px; background:#17a56d; transform:translateX(-50%);}
.org-desc{ margin:34px 0 0; color:#6c8179; font-size:16px; line-height:1.95; text-align:center;}
.org-rule-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:18px;}
.org-rule-grid article{ padding:24px 18px; text-align:center; position:relative;}
.org-rule-grid article:not(:last-child)::after{ content:""; position:absolute; right:0; top:20%; width:1px; height:60%; background:#dce8e2;}
.org-rule-grid i{ width:92px; height:92px; display:grid; place-items:center; margin:0 auto 14px; border-radius:50%; color:var(--brand-green); background:#ecf8f1; font-style:normal; font-size:20px;}
.org-rule-grid strong{ display:block; color:#24473d; font-size:28px;}
.org-rule-grid p{ margin:10px 0 0; color:#73877f; font-size:15px; line-height:1.8;}
/* ================= 19. 响应式补充 ================= */




/* ================= 20. 内容页统一校准 ================= */
.inner-page .reveal{ opacity:1; transform:none;}
.inner-page main{ padding-bottom:0;}
.inner-page .site-header{ height:var(--header-h);}
.inner-page .site-header.is-scrolled{ height:78px;}
.inner-page .brand{ width:230px; flex:0 0 230px;}
.inner-page .brand img{ height:70px;}
.inner-page .nav-link{ font-size:16px; padding:0 19px;}
.inner-page .inner-hero{ height:350px; min-height:350px; margin-top:var(--header-h); background:#eef7f2; overflow:hidden;}
.inner-page .inner-hero-bg{ height:350px; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.inner-page .inner-hero::after{ display:none;}
.inner-page .inner-hero-content{ min-height:350px; padding:46px 0 34px; align-items:center;}
.inner-page .inner-hero-copy{ max-width:720px;}
.inner-page .inner-hero-copy h1{ position:relative; display:inline-block; margin:0 0 12px; color:var(--brand-green-dark); font-size:34px; line-height:1.18; font-weight:850; letter-spacing:.01em;}
.inner-page .inner-hero-copy h1::after{ content:""; position:absolute; left:2px; bottom:-10px; width:46px; height:3px; border-radius:999px; background:linear-gradient(90deg,var(--brand-green),var(--gold));}
.inner-page .inner-hero-copy p{ margin:0 0 16px; color:#0d4d3f; font-size:16px; line-height:1.55; font-weight:700;}
.inner-page .inner-breadcrumb{ margin-top:22px; color:#365d52; font-size:13px;}
.inner-page .inner-breadcrumb a,.inner-page .inner-breadcrumb span{ font-size:13px; color:#365d52;}
.inner-page .inner-hero-copy h1,.inner-page .inner-hero-copy p,.inner-page .inner-breadcrumb,.inner-page .inner-breadcrumb a,.inner-page .inner-breadcrumb span{ text-shadow:0 1px 8px rgba(255,255,255,.86);}
.inner-page .inner-section{ padding-top:34px; background:#fff;}
.inner-page .panel-card{ border-radius:10px; border-color:#dfeae5; box-shadow:0 10px 34px rgba(6,45,36,.08);}
.inner-page .button{ min-height:42px; border-radius:8px; font-size:14px;}
.inner-heading.left h2{ font-size:22px; line-height:1.35;}
.inner-heading.centered h2,.inner-heading.centered h2{ font-size:28px; line-height:1.35;}
.inner-heading p,.inner-heading.centered p{ font-size:14px; line-height:1.85;}
.article-richtext{ font-size:15px; line-height:1.95;}
.article-head h1,.article-head h1{ font-size:24px; line-height:1.45;}
.news-row h3{ font-size:20px; line-height:1.42;}
.inner-product-card h3{ font-size:17px; line-height:1.42;}
.inner-product-card p,.side-card a,.side-card li{ font-size:14px;}
.product-summary h2,.news-feature-info h2{ font-size:26px; line-height:1.42;}
.contact-info-grid strong,.contact-traffic-grid strong,.contact-info-grid strong{ font-size:16px;}
.contact-info-grid b,.contact-info-grid b{ font-size:18px; line-height:1.45;}
.contact-map-card strong{ font-size:22px;}
.contact-form-panel .inner-heading.left h2{ font-size:22px;}
.product-category-strip{ min-height:100px; display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:0 auto 58px; padding:20px 36px; background:#fff; border-color:#e4eee9; box-shadow:0 16px 45px rgba(6,45,36,.09); overflow:hidden;}
.product-strip-item{ min-height:60px; display:flex; align-items:center; gap:16px; padding:0 26px; border-radius:8px; color:#34574c; transition:.22s ease;}
.product-strip-item:hover,.product-strip-item.active{ background:#f2faf6; color:var(--brand-green); transform:translateY(-2px);}
.product-strip-item i{ width:50px; height:50px; flex:0 0 50px; display:grid; place-items:center; border-radius:50%; background:#e9f8f0; color:var(--brand-green); font-size:20px; font-style:normal; transition:.24s ease;}
.product-strip-item:hover i,.product-strip-item.active i{ color:#fff; background:linear-gradient(135deg,#12aa70,#07895a); box-shadow:0 14px 28px rgba(8,137,90,.22);}
.product-strip-item strong{ display:block; margin-bottom:4px; color:#124437; font-size:16px; line-height:1.3;}
.product-strip-item span{ display:block; color:#6b8078; font-size:13px; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-layout{ grid-template-columns:220px minmax(0,1fr); gap:38px; align-items:start; margin-top:0;}
.side-card{ padding:0; overflow:hidden; transition:box-shadow .28s ease,transform .28s ease,border-color .28s ease;}
.side-card:hover{ border-color:#cbe6d9; box-shadow:0 18px 42px rgba(6,45,36,.1);}
.side-title{ padding:26px 24px 18px; color:#053f33; font-size:24px; font-weight:950;}
.side-nav{ padding:0 14px 20px;}
.side-nav a{ height:58px; border-bottom:1px solid #e4eee8; border-radius:7px; font-size:15px;}
.side-nav a.active,.side-nav a:hover{ color:#fff; background:linear-gradient(135deg,#0fa667,#078958); border-bottom-color:transparent;}
.side-quote{ position:relative; padding:0 20px 24px; background:linear-gradient(135deg,#fff,#f5fbf8); overflow:hidden;}
.side-quote p{ margin:0 0 18px; color:#758981; font-size:13px; line-height:1.8;}
.product-toolbar{ height:44px; display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:18px;}
.product-toolbar-links{ display:flex; gap:34px; color:#566b63; font-size:14px; font-weight:850;}
.product-toolbar-links span{ position:relative; padding-bottom:13px;}
.product-toolbar-links span.active{ color:var(--brand-green);}
.product-toolbar-links span.active::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--brand-green);}
.product-toolbar-count{ color:#52665f; font-size:14px;}
.product-list-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px;}
.product-list-card{ padding:24px 24px 22px; background:#fff; border:1px solid #dfeae5; border-radius:10px; box-shadow:0 12px 34px rgba(6,45,36,.08); transition:transform .28s var(--ease),box-shadow .28s ease,border-color .28s ease;}
.product-list-card:hover{ transform:translateY(-6px); border-color:#bfe3d2; box-shadow:0 22px 48px rgba(6,45,36,.13);}
.product-list-thumb{ height:230px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:linear-gradient(180deg,#fff,#f7fcfa);}
.product-list-thumb img{ width:auto; height:auto; max-width:82%; max-height:220px; object-fit:contain; filter:drop-shadow(12px 20px 18px rgba(6,45,36,.15)); transition:transform .28s ease,filter .28s ease;}
.product-list-card:hover .product-list-thumb img{ transform:translateY(-5px) scale(1.04); filter:drop-shadow(16px 26px 20px rgba(6,45,36,.2));}
.product-list-body{ text-align:center;}
.product-list-body>span{ display:block; margin:16px 0 10px; color:var(--brand-green); font-size:14px; line-height:1.45; font-weight:850;}
.product-list-body h3{ margin:0 0 18px; color:#17483d; font-size:22px; line-height:1.35; font-weight:950;}
.product-list-body h3 a{ color:inherit;}
.product-list-body dl{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 14px;}
.product-list-body dl div{ min-height:58px; display:grid; place-items:center; padding:9px 8px; border:1px solid #dcebe4; border-radius:8px; background:#f8fcfa;}
.product-list-body dt{ color:#7b8f87; font-size:12px;}
.product-list-body dd{ margin:3px 0 0; color:#17483d; font-size:13px; line-height:1.35; font-weight:850;}
.product-list-actions{ display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.product-list-actions a{ height:42px; display:flex; align-items:center; justify-content:center; border-radius:7px; color:var(--brand-green); background:#edf8f2; font-size:14px; font-weight:900; transition:.22s ease;}
.product-list-actions a:hover{ transform:translateY(-2px);}
.product-list-actions a:last-child{ color:#fff; background:linear-gradient(135deg,#0fa667,#078958);}
.inner-advantage-bar{ grid-template-columns:repeat(5,1fr); gap:0; margin-top:32px; padding:22px 24px; border-color:#dbece3; box-shadow:0 12px 34px rgba(6,45,36,.06);}
.inner-advantage-bar article{ padding:10px 16px; transition:.24s ease;}
.inner-advantage-bar article:hover{ background:#f2fbf7; transform:translateY(-2px);}
.pager-card{ margin-top:28px; padding:18px; background:#fff; box-shadow:none; border-color:transparent;}
.product-detail-top{ grid-template-columns:480px minmax(360px,1fr) 300px; gap:24px; align-items:start;}
.inner-main .product-detail-top{ grid-template-columns:420px minmax(0,1fr);}
.product-summary h1{ font-size:28px; line-height:1.35;}
.product-summary-sub{ font-size:16px;}
.product-tabs{ margin-top:28px; padding:0; overflow:hidden;}
.product-tab-head{ gap:0; margin:0; border-bottom:1px solid #dde9e3;}
.product-tab-head button{ height:56px; min-width:148px; border:0; border-right:1px solid #dde9e3; border-radius:0; background:#fff;}
.product-tab-head button.active{ background:var(--brand-green); color:#fff;}
.product-tab-panel{ padding:26px;}
.news-feature-card{ grid-template-columns:1.05fr .95fr; min-height:330px; margin-bottom:22px; overflow:hidden; border-radius:10px;}
.news-feature-thumb img{ width:100%; height:100%; min-height:330px; object-fit:cover;}
.news-feature-info{ padding:38px 36px;}
.news-feature-info h2{ font-size:26px; line-height:1.38;}
.news-row{ grid-template-columns:210px 1fr; gap:22px; min-height:150px; margin-bottom:16px; padding:14px; border-radius:10px; box-shadow:none;}
.news-row-thumb img{ height:122px; border-radius:8px; object-fit:cover;}
.news-row-body h3{ font-size:20px; margin:8px 0;}
.news-row-body p{ margin-bottom:8px; line-height:1.7; -webkit-line-clamp:2;}
.inner-side .side-card{ padding:24px 22px;}
.inner-two-column{ grid-template-columns:minmax(0,1fr) 300px;}
.article-detail{ padding:34px 38px;}
.article-cover img{ max-height:430px; border-radius:10px; object-fit:cover;}
.side-ranking a{ padding:14px 0;}
.side-ranking b{ font-size:32px; color:var(--brand-green);}
.inner-heading.centered{ margin-bottom:34px;}
.inner-heading.centered p{ max-width:620px;}
.contact-info-grid{ grid-template-columns:repeat(3,1fr); gap:18px;}
.contact-info-grid article{ min-height:164px; padding:30px 18px;}
.contact-info-grid i{ width:52px; height:52px; margin-bottom:14px; font-size:24px;}
.contact-info-grid b{ margin:10px 0 0;}
.contact-map{ min-height:250px; margin-top:22px;}
.contact-map-card{ left:32px; top:30px; padding:26px; max-width:340px;}
.contact-form-wrap{ grid-template-columns:.88fr 1.12fr; margin-top:22px;}
.contact-photo img{ min-height:450px;}
.contact-form-panel{ padding:26px;}
.contact-traffic-grid article{ padding:26px 18px;}
.inner-metric-grid i,.mission-grid i,.org-rule-grid i,.contact-info-grid i,.contact-traffic-grid i{ display:grid; place-items:center; color:var(--brand-green); background:#eaf8f1; font-size:20px!important;}
.inner-metric-grid article,.contact-info-grid article,.contact-traffic-grid article{ transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
.inner-metric-grid article:hover,.contact-info-grid article:hover,.contact-traffic-grid article:hover{ transform:translateY(-4px); border-color:#cde7dc; box-shadow:0 18px 38px rgba(6,45,36,.1);}
.inner-standard-layout{ display:grid; grid-template-columns:300px minmax(0,1fr); gap:24px; align-items:start;}
.inner-two-column.inner-standard-layout,.product-layout.inner-standard-layout{ grid-template-columns:300px minmax(0,1fr); gap:24px;}
.inner-standard-layout>.inner-main,.inner-standard-layout>.product-main,.inner-standard-layout>.article-detail,.inner-standard-layout>.image-detail-main,.inner-standard-layout>.message-main{ min-width:0;}
.inner-sidebar{ position:sticky; top:calc(var(--header-h) + 22px); display:grid; gap:22px; align-self:start;}
.inner-side-card{ border:1px solid #dfeae5; border-radius:10px; background:#fff; box-shadow:0 12px 34px rgba(6,45,36,.08); padding:24px;}
.inner-side-title{ margin:0; color:var(--brand-green-dark); font-size:20px; line-height:1.35; font-weight:850;}
.inner-side-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;}
.inner-side-head a{ color:var(--brand-green); font-size:12px; font-weight:800;}
.inner-nav-toggle{ display:none;}
.inner-side-nav{ display:grid; gap:8px; margin-top:16px;}
.inner-side-nav a{ height:44px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 14px; border-radius:8px; color:#34574c; background:#f8fcfa; border:1px solid #edf4f0; font-size:14px; font-weight:800; transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease;}
.inner-side-nav a span{ display:flex; align-items:center; gap:9px;}
.inner-side-nav a:hover,.inner-side-nav a.active{ color:#fff; background:linear-gradient(135deg,#0fa667,#078958); border-color:transparent; transform:translateX(3px);}
.inner-side-nav em{ font-style:normal; font-size:18px; font-weight:900;}
.inner-contact-card p{ margin:10px 0 0; color:#70847d; font-size:13px; line-height:1.75;}
.inner-contact-card ul{ display:grid; gap:20px; margin:20px 0 0; padding:0; list-style:none;}
.inner-contact-card li{ position:relative; min-height:44px; padding-left:54px;}
.inner-contact-card i{ position:absolute; left:0; top:0; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#eaf8f1; color:var(--brand-green);}
.inner-contact-card span{ display:block; color:#60766e; font-size:13px;}
.inner-contact-card strong{ display:block; margin-top:4px; color:#23483d; font-size:15px; line-height:1.45; font-weight:750;}
.inner-contact-card li:first-child strong{ color:var(--brand-green); font-size:22px; line-height:1.15;}
.inner-contact-card small{ display:block; margin-top:3px; color:#71857d; font-size:12px;}
.inner-side-products{ display:grid; gap:12px;}
.inner-side-products article{ display:grid; grid-template-columns:72px 1fr; gap:14px; padding:12px; border:1px solid #e3eee8; border-radius:10px; background:#fff; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.inner-side-products article:hover{ transform:translateY(-3px); border-color:#bfe5d5; box-shadow:0 12px 24px rgba(6,45,36,.08);}
.inner-side-product-thumb img{ width:72px; height:82px; object-fit:contain; border-radius:8px; background:#f7fbf9;}
.inner-side-products strong{ display:block; color:#23483d; font-size:14px; line-height:1.45;}
.inner-side-products span{ display:block; margin:5px 0 8px; color:#7b8f87; font-size:12px; line-height:1.45;}
.inner-side-products a:last-child{ display:inline-flex; align-items:center; justify-content:center; min-width:72px; height:26px; border:1px solid #b9e4d1; border-radius:999px; color:var(--brand-green); font-size:12px; font-weight:800;}
.inner-hero-bg{ height:350px; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.inner-hero-content{ min-height:350px;}
.inner-hero-copy h1{ font-size:32px;}
.message-section{ padding:46px 0 0; background:linear-gradient(180deg,#f8fcfa 0%,#fff 100%);}
.message-main{ display:grid; gap:22px;}
.message-side-card,.message-form-panel,.message-service-grid,.message-flow-wide{ border:1px solid #dfeae5; border-radius:10px; background:#fff; box-shadow:0 12px 34px rgba(6,45,36,.08);}
.message-side-card{ padding:24px;}
.message-side-card h2,.message-form-title h2,.message-flow-title h2{ margin:0; color:var(--brand-green-dark); font-size:20px; line-height:1.35; font-weight:850;}
.message-side-card>p,.message-form-title p,.message-flow-title p{ margin:10px 0 0; color:#70847d; font-size:13px; line-height:1.75;}
.message-contact-card ul{ display:grid; gap:20px; margin:20px 0 0; padding:0; list-style:none;}
.message-contact-card li{ position:relative; min-height:44px; padding-left:54px;}
.message-contact-card i,.message-service-grid i{ display:grid; place-items:center; border-radius:50%; background:#eaf8f1; color:var(--brand-green);}
.message-contact-card i{ position:absolute; left:0; top:0; width:38px; height:38px;}
.message-contact-card span{ display:block; color:#60766e; font-size:13px;}
.message-contact-card strong{ display:block; margin-top:4px; color:#23483d; font-size:15px; line-height:1.45; font-weight:750;}
.message-contact-card li:first-child strong{ color:var(--brand-green); font-size:22px; line-height:1.15;}
.message-contact-card small{ display:block; margin-top:3px; color:#71857d; font-size:12px;}
.message-card-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;}
.message-card-head a{ color:var(--brand-green); font-size:12px; font-weight:800;}
.message-product-list{ display:grid; gap:12px;}
.message-product-list article{ display:grid; grid-template-columns:72px 1fr; gap:14px; padding:12px; border:1px solid #e3eee8; border-radius:10px; background:#fff; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.message-product-list article:hover{ transform:translateY(-3px); border-color:#bfe5d5; box-shadow:0 12px 24px rgba(6,45,36,.08);}
.message-product-thumb img{ width:72px; height:82px; object-fit:contain; border-radius:8px; background:#f7fbf9;}
.message-product-list strong{ display:block; color:#23483d; font-size:14px; line-height:1.45;}
.message-product-list span{ display:block; margin:5px 0 8px; color:#7b8f87; font-size:12px; line-height:1.45;}
.message-product-list a:last-child{ display:inline-flex; align-items:center; justify-content:center; min-width:72px; height:26px; border:1px solid #b9e4d1; border-radius:999px; color:var(--brand-green); font-size:12px; font-weight:800;}
.message-download-item{ display:grid; grid-template-columns:42px 1fr auto; gap:12px; align-items:center; padding:14px; border-radius:10px; background:#f8fcfa; color:#24483d;}
.message-download-item i{ width:42px; height:42px; display:grid; place-items:center; border-radius:8px; background:#eaf8f1; color:var(--brand-green);}
.message-download-item strong{ display:block; font-size:13px; line-height:1.45;}
.message-download-item small{ display:block; margin-top:3px; color:#70847d; font-size:12px;}
.message-download-item em{ color:var(--brand-green); font-style:normal; font-weight:900;}
.message-form-panel{ padding:32px 38px;}
.message-form-title{ margin-bottom:24px;}
.message-page-form{ display:grid; gap:18px;}
.message-form-grid,.message-region-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px;}
.message-region-grid{ grid-template-columns:repeat(3,1fr);}
.message-page-form label{ position:relative; display:grid; gap:8px; color:#284d40; font-size:13px; font-weight:800;}
.message-page-form label span em{ color:#e15353; font-style:normal;}
.message-page-form input,.message-page-form select,.message-page-form textarea{ width:100%; border:1px solid #dce8e2; border-radius:8px; background:#fbfdfc; color:#233e35; font-size:13px; line-height:1.45; outline:0; transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;}
.message-page-form input,.message-page-form select{ height:48px; padding:0 14px;}
.message-page-form select{ appearance:none; padding-right:34px; background-image:linear-gradient(45deg,transparent 50%,#9ab0a8 50%),linear-gradient(135deg,#9ab0a8 50%,transparent 50%); background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px; background-size:5px 5px; background-repeat:no-repeat;}
.message-page-form textarea{ min-height:188px; padding:14px; resize:vertical;}
.message-page-form input:focus,.message-page-form select:focus,.message-page-form textarea:focus{ border-color:#13a466; background:#fff; box-shadow:0 0 0 4px rgba(19,164,102,.1);}
.message-count{ position:absolute; right:12px; bottom:10px; color:#8aa098; font-size:12px;}
.message-agree{ display:flex!important; grid-template-columns:none!important; align-items:center; gap:10px; color:#7b8f87; font-weight:500!important;}
.message-agree input{ width:16px!important; height:16px!important; padding:0!important;}
.message-code{ display:grid!important; grid-template-columns:96px 160px 124px; align-items:center; gap:12px!important; width:max-content; max-width:100%;}
.message-code span{ margin:0!important; display:flex!important; align-items:center; height:48px; color:#214b3f; font-size:14px; font-weight:850;}
.message-code input{ width:160px!important;}
.message-code img{ width:124px; height:48px; border-radius:8px; border:1px solid #dce8e2; object-fit:cover; cursor:pointer; background:#fff;}
.message-page-form .submit-button{ width:100%; height:52px; border:0; border-radius:8px; background:linear-gradient(90deg,#13a466,#078f56); color:#fff; font-size:15px; font-weight:850; cursor:pointer; transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;}
.message-page-form .submit-button:hover{ transform:translateY(-2px); filter:saturate(1.08); box-shadow:0 14px 28px rgba(8,120,71,.22);}
.message-service-grid{ display:grid; grid-template-columns:repeat(4,1fr); padding:22px 20px;}
.message-service-grid article{ position:relative; padding:8px 18px; text-align:center;}
.message-service-grid article:not(:last-child)::after{ content:""; position:absolute; right:0; top:10px; bottom:10px; width:1px; background:#e4eee8;}
.message-service-grid i{ width:50px; height:50px; margin:0 auto 12px;}
.message-service-grid strong{ display:block; color:#23483d; font-size:15px; line-height:1.35;}
.message-service-grid span{ display:block; margin-top:6px; color:#71857d; font-size:12px; line-height:1.65;}
.message-flow-wide{ margin-top:2px; padding:28px;}
.message-flow-title{ text-align:center; margin-bottom:24px;}
.message-flow-title h2{ font-size:22px;}
.message-flow-list{ display:grid; grid-template-columns:repeat(4,1fr); gap:34px;}
.message-flow-list article{ position:relative; display:grid; grid-template-columns:52px 1fr; gap:12px; align-items:center; min-height:94px; padding:16px 18px; border:1px solid #e4eee8; border-radius:10px; background:#f8fcfa; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.message-flow-list article:hover{ transform:translateY(-3px); border-color:#cde7dc; box-shadow:0 14px 28px rgba(6,45,36,.08);}
.message-flow-list article:not(:last-child)::after{ content:"›"; position:absolute; right:-24px; top:50%; transform:translateY(-50%); color:#9ed7bf; font-size:40px; font-weight:300;}
.message-flow-list i{ width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:#eaf8f1; color:var(--brand-green); font-size:22px; font-style:normal;}
.message-flow-list strong{ display:block; color:#23483d; font-size:15px; line-height:1.4;}
.message-flow-list span{ display:block; margin-top:5px; color:#71857d; font-size:12px; line-height:1.6;}
.content-cta-wrap{ padding:54px 0 62px; background:#fff;}
.content-cta-card{ position:relative; min-height:120px; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:32px; padding:0 64px; border-radius:12px; color:#fff; background:url('../images/crop-field.jpg') center 58%/cover no-repeat; box-shadow:0 14px 34px rgba(6,45,36,.13);}
.content-cta-card::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.14),transparent 62%); pointer-events:none;}
.content-cta-copy,.content-cta-button{ position:relative; z-index:1;}
.content-cta-copy span{ display:block; margin-bottom:9px; font-size:24px; line-height:1.28; font-weight:800; letter-spacing:.01em;}
.content-cta-copy p{ margin:0; color:rgba(255,255,255,.82); font-size:14px; line-height:1.6;}
.content-cta-button{ min-width:172px; height:48px; display:inline-flex; align-items:center; justify-content:center; gap:12px; border-radius:999px; background:#fff; color:#118252; font-size:14px; font-weight:800; box-shadow:0 10px 24px rgba(0,0,0,.13); transition:transform .24s ease,box-shadow .24s ease,background .24s ease;}
.content-cta-button:hover{ transform:translateY(-3px); background:#f6fff9; box-shadow:0 16px 30px rgba(0,0,0,.17);}
.content-cta-button span{ font-weight:900;}
.inner-section>.shell.inner-two-column{ margin-bottom:34px;}
.related-panel{ margin-top:0; padding:28px 30px;}
.inner-side .side-card + .side-card{ margin-top:26px;}
.image-detail-main{ box-shadow:0 12px 34px rgba(6,45,36,.07);}
/* Font Awesome icon cleanup: component icons use FA glyphs, not svg mask images. */
.inner-side-nav a span i{ width:15px; text-align:center; font-size:13px; line-height:1;}
.inner-contact-card i, .message-contact-card i, .message-service-grid i, .message-download-item i, .message-flow-list i, .inner-metric-grid i, .mission-grid i, .org-rule-grid i, .contact-info-grid i, .contact-traffic-grid i{ font-size:18px!important; font-style:normal;}
.message-service-grid i{ font-size:20px!important;}
.message-flow-list i{ font-size:22px!important;}
.inner-metric-grid i, .mission-grid i, .org-rule-grid i, .contact-info-grid i, .contact-traffic-grid i{ font-size:20px!important;}
html.no-scroll{ overflow:hidden;}
.gallery-zoom-trigger{ position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; border:0; background:transparent; cursor:zoom-in;}
.gallery-zoom-trigger img{ transition:transform .34s ease,filter .34s ease;}
.gallery-zoom-trigger span{ position:absolute; left:50%; bottom:18px; display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:999px; background:rgba(255,255,255,.94); color:#118252; font-size:13px; font-weight:850; box-shadow:0 10px 24px rgba(6,45,36,.12); opacity:0; transform:translate(-50%,8px); transition:opacity .24s ease,transform .24s ease;}
.gallery-zoom-trigger:hover img{ transform:scale(1.035); filter:drop-shadow(16px 24px 18px rgba(6,45,36,.18));}
.gallery-zoom-trigger:hover span{ opacity:1; transform:translate(-50%,0);}
.gallery-arrow:hover{ background:var(--brand-green); color:#fff; transform:translateY(-50%) scale(1.08); box-shadow:0 16px 30px rgba(8,137,90,.2);}
.gallery-thumb{ cursor:pointer; transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;}
.gallery-thumb:hover{ transform:translateY(-3px); border-color:#a8dfc5; box-shadow:0 10px 22px rgba(6,45,36,.1);}
.gallery-lightbox{ position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:72px 92px; background:rgba(3,24,21,.72); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); opacity:0; pointer-events:none; transition:opacity .24s ease;}
.gallery-lightbox.active{ opacity:1; pointer-events:auto;}
.gallery-lightbox figure{ position:relative; max-width:min(1120px,88vw); max-height:86vh; margin:0; text-align:center;}
.gallery-lightbox img{ max-width:100%; max-height:76vh; object-fit:contain; border-radius:12px; background:#fff; box-shadow:0 30px 90px rgba(0,0,0,.32);}
.gallery-lightbox figcaption{ margin-top:14px; color:#fff; font-size:14px; font-weight:800; text-shadow:0 2px 10px rgba(0,0,0,.26);}
.gallery-lightbox-close,.gallery-lightbox-arrow{ position:absolute; z-index:2; box-sizing:border-box; display:grid; place-items:center; padding:0; border:1px solid rgba(255,255,255,.38); border-radius:50%; color:#fff; background:rgba(255,255,255,.12); line-height:1; transition:background .22s ease,transform .22s ease,border-color .22s ease;}
.gallery-lightbox-close i,.gallery-lightbox-arrow i{ display:block; line-height:1;}
.gallery-lightbox-close{ top:24px; right:28px; width:42px; height:42px; color:var(--brand-green); background:rgba(255,255,255,.92); font-size:18px;}
.gallery-lightbox-arrow{ top:50%; width:52px; height:52px; font-size:17px; transform:translateY(-50%);}
.gallery-lightbox-arrow.prev{ left:28px;}
.gallery-lightbox-arrow.next{ right:28px;}
.gallery-lightbox-close:hover{ color:#fff; background:var(--brand-green); transform:scale(1.06);}
.gallery-lightbox-arrow:hover{ border-color:rgba(255,255,255,.65); background:rgba(255,255,255,.22); transform:translateY(-50%) scale(1.05);}
.honor-modal-close{ box-sizing:border-box!important; display:grid!important; place-items:center!important; padding:0!important; color:var(--brand-green)!important; background:rgba(255,255,255,.92)!important; font-size:18px!important; line-height:1!important;}
.honor-modal-close:hover{ color:#fff!important; background:var(--brand-green)!important;}
.inner-page .panel-card{ transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;}
.inner-page .panel-card:hover{ border-color:#cce8dc; box-shadow:0 18px 44px rgba(6,45,36,.11);}
.inner-main .product-detail-top{ grid-template-columns:minmax(480px,1.12fr) minmax(0,.88fr); gap:28px; margin-bottom:30px;}
.product-gallery{ padding:20px;}
.product-gallery:hover{ transform:translateY(-3px);}
.product-gallery-main{ height:470px; overflow:hidden; border-radius:10px;}
.product-gallery-main img{ max-width:88%; max-height:88%;}
.product-summary{ padding:28px 30px;}
.product-summary:hover{ transform:translateY(-3px);}
.product-summary-stats{ grid-template-columns:repeat(2,1fr); gap:12px; padding:18px 0; border-bottom:0;}
.product-summary-stats article{ min-height:88px; padding:16px 18px; border:1px solid #dcebe4; border-radius:8px; background:#f8fcfa; transition:transform .22s ease,border-color .22s ease,background .22s ease;}
.product-summary-stats article:hover{ transform:translateY(-3px); border-color:#b9e4d1; background:#fff;}
.product-summary-stats span{ color:#6e817a; font-size:13px;}
.product-summary-stats strong{ margin-top:8px; color:#124437; font-size:18px; line-height:1.45; word-break:break-word;}
.product-summary-stats small{ display:none;}
.product-gallery .gallery-arrow.prev{ left:18px;}
.product-gallery .gallery-arrow.next{ right:18px;}
.product-tabs{ margin-top:0; margin-bottom:30px;}
.related-panel{ margin-top:0;}
.feature-grid article,.inner-table tr,.inner-product-card,.image-prev-next a{ transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;}
.feature-grid article:hover{ transform:translateY(-4px); border-color:#bfe5d5; box-shadow:0 14px 30px rgba(6,45,36,.08); background:#fff;}
.inner-table tr:hover th,.inner-table tr:hover td{ background:#f8fcfa;}
.image-prev-next a:hover{ transform:translateY(-3px); background:#edf8f2; color:var(--brand-green);}
.image-detail-main{ padding:20px;}
.image-detail-main:hover{ transform:translateY(-3px);}
.image-detail-head{ padding:8px 0 22px; text-align:center;}
.image-detail-head h1{ display:inline-block; position:relative; margin:0; padding-bottom:14px; color:var(--brand-green-dark); font-size:28px; line-height:1.35; font-weight:900;}
.image-detail-head h1::after{ content:""; position:absolute; left:50%; bottom:0; width:58px; height:3px; background:var(--brand-green); transform:translateX(-50%);}
.image-detail-meta{ padding-top:22px;}
.image-gallery-main{ height:470px; overflow:hidden; border-radius:10px; background:linear-gradient(180deg,#fbfdfc,#edf6f1);}
.image-gallery-main img{ max-width:88%; max-height:88%; object-fit:contain;}
.image-gallery-thumbs{ margin-top:16px;}
.gallery-arrow.prev{ left:18px;}
.gallery-arrow.next{ right:18px;}
.mission-panel{ padding:42px 46px;}
.inner-heading.centered{ margin-bottom:30px;}
.inner-heading.centered .section-kicker{ display:block; margin:0 0 10px; color:var(--brand-green); font-size:13px; font-weight:900; letter-spacing:.24em;}
.inner-heading.centered h2{ display:block; width:max-content; margin:0 auto; padding-bottom:14px; font-size:34px;}
.mission-grid{ grid-template-columns:repeat(3,1fr); gap:18px;}
.mission-grid article{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:32px 38px; border:1px solid #dfeee7; background:linear-gradient(180deg,#fff,#f6fcf9); transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;}
.mission-grid article.wide{ grid-column:auto;}
.mission-grid article:hover{ transform:translateY(-5px); border-color:#bfe5d5; box-shadow:0 18px 42px rgba(6,45,36,.1);}
.mission-grid i{ width:74px; height:74px; flex:0 0 74px; margin-bottom:18px; font-size:28px!important; transition:background .24s ease,color .24s ease,transform .24s ease;}
.mission-grid article:hover i{ color:#fff; background:var(--brand-green); transform:rotate(-6deg) scale(1.04);}
.mission-grid h3{ display:inline-block; margin:0 0 14px; font-size:22px;}
.mission-grid h3::after{ left:50%; transform:translateX(-50%);}
.mission-grid p{ font-size:15px; line-height:1.9;}
.department-intro{ position:relative; overflow:hidden; margin-bottom:24px; padding:34px 40px; border:1px solid #dfeee7; border-radius:14px; background:linear-gradient(135deg,#f7fcfa 0%,#fff 62%,#edf8f2 100%); box-shadow:0 14px 34px rgba(6,45,36,.06);}
.department-intro::after{ content:""; position:absolute; right:34px; top:50%; width:92px; height:92px; border-radius:28px; background:rgba(10,147,97,.08); transform:translateY(-50%) rotate(12deg);}
.department-intro span{ display:block; margin-bottom:10px; color:var(--brand-green); font-size:12px; font-weight:900; letter-spacing:.22em; text-transform:uppercase;}
.department-intro h2{ position:relative; z-index:1; margin:0; color:var(--brand-green-dark); font-size:28px; line-height:1.42; font-weight:900; letter-spacing:-.01em;}
.department-card-list{ display:grid; gap:16px;}
.department-card-list article{ padding:24px 28px; border-radius:12px; transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
.department-card-list article:hover{ transform:translateY(-3px); border-color:#cbe8dc; box-shadow:0 16px 36px rgba(6,45,36,.08);}
.article-page{ padding:38px 46px;}
.page-detail-head{ margin-bottom:28px; text-align:center;}
.page-detail-head span{ display:block; margin-bottom:10px; color:var(--brand-green); font-size:12px; font-weight:900; letter-spacing:.2em; text-transform:uppercase;}
.page-detail-head h1{ position:relative; display:inline-block; margin:0; padding-bottom:16px; color:var(--brand-green-dark); font-size:32px; line-height:1.38; font-weight:900;}
.page-detail-head h1::after{ content:""; position:absolute; left:50%; bottom:0; width:64px; height:3px; background:var(--brand-green); transform:translateX(-50%);}
.page-richtext{ max-width:920px; margin:0 auto; padding:30px 34px; border:1px solid #dfeee7; border-radius:14px; background:linear-gradient(180deg,#fff,#fbfdfc); font-size:16px; line-height:2.08; text-align:left;}
.page-richtext p{ margin:0 0 18px; text-indent:2em;}

/* ================= 21. 统一响应式 ================= */
@media (max-width:1500px){
:root{ --shell:min(1340px,calc(100% - 70px));}
  .brand{ width:210px; flex-basis:210px;}
  .nav-link{ padding:0 13px; font-size:15px;}
  .hero-copy-wrap{ max-width:58%;}
  .about-layout{ grid-template-columns:1fr 1fr .76fr;}
  .about-content{ padding:62px 48px;}
  .about-side{ padding:24px;}
  .about-side article{ grid-template-columns:58px 50px 1fr; padding:16px;}
.inner-hero-copy h1{ font-size:56px;}
  .inner-hero-copy p{ font-size:24px;}
  .news-feature-info h2{ font-size:34px;}
}
@media (max-width:1400px) and (min-width:1201px){
.product-layout{ gap:32px;}
  .inner-product-grid{ gap:20px;}
  .inner-product-card{ grid-template-columns:104px minmax(0,1fr); gap:14px; padding:20px 16px; min-height:286px;}
  .inner-product-thumb{ height:168px;}
  .inner-product-thumb img{ max-height:152px; max-width:96px;}
  .inner-product-body{ min-height:214px;}
  .inner-product-actions{ gap:8px;}
  .inner-product-actions a{ font-size:12px;}
}
@media (max-width:1200px){
:root{ --shell:calc(100% - 48px); --header-h:82px;}
  .site-header{ height:var(--header-h);}
  .site-header.is-scrolled{ height:74px;}
  .brand{ width:190px; flex-basis:190px;}
  .brand img{ height:70px;}
  .menu-button{ display:block;}
  .main-nav{ position:fixed; left:0; right:0; top:82px; height:calc(100vh - 82px); padding:28px 40px; flex-direction:column; align-items:stretch; background:#fff; transform:translateX(100%); transition:transform .3s ease; overflow:auto;}
  .nav-open .main-nav{ transform:none;}
  .nav-item{ height:auto; display:block;}
  .nav-link{ height:58px; padding:0; border-bottom:1px solid #edf3ef; font-size:17px; justify-content:space-between;}
  .nav-link::after{ display:none;}
  .nav-link svg{ transform:none!important;}
  .nav-submenu{ position:static; min-width:0; padding:6px 0 10px 14px; border:0; border-radius:0; background:transparent; box-shadow:none; opacity:1; visibility:visible; transform:none; backdrop-filter:none; -webkit-backdrop-filter:none;}
  .nav-submenu::before{ display:none;}
  .nav-submenu a{ padding:9px 12px; color:#52645c; font-size:14px;}
  .nav-open .menu-button span:nth-child(1){ transform:translateY(8px) rotate(45deg);}
  .nav-open .menu-button span:nth-child(2){ opacity:0;}
  .nav-open .menu-button span:nth-child(3){ transform:translateY(-8px) rotate(-45deg);}
  .hero{ margin-top:82px;}
  .hero-copy-wrap{ max-width:72%;}
  .hero h1{ font-size:54px;}
  .hero-prev{ left:18px;}
  .hero-next{ right:18px;}
  .news-layout{ grid-template-columns:1fr; gap:26px;}
  .news-feature-slider,.news-list{ min-height:430px;}
  .product-grid{ grid-template-columns:repeat(2,1fr); gap:24px;}
  .advantages{ grid-template-columns:repeat(2,1fr);}
  .advantages article:nth-child(2)::after{ display:none;}
  .about-layout{ grid-template-columns:1fr;}
  .about-media{ min-height:520px;}
  .about-side{ grid-template-columns:repeat(2,1fr); grid-template-rows:none;}
  .technology-grid{ grid-template-columns:repeat(2,1fr);}
  .honor-layout{ grid-template-columns:1fr;}
  .honor-top{ align-self:auto;}
  .honor-card{ flex-basis:calc((100% - 24px)/2);}
  .contact-cta-inner{ grid-template-columns:1fr auto;}
  .contact-numbers{ grid-column:1;}
  .contact-cta-inner>.button{ grid-column:2; grid-row:1/3;}
  .footer-main{ grid-template-columns:1fr; gap:34px; padding:44px 0 34px;}
  .footer-links{ grid-template-columns:repeat(4,1fr);}
  .footer-contact{ grid-column:auto;}
.inner-hero-content{ min-height:320px; padding:56px 0 40px;}
  .inner-hero-copy h1{ font-size:48px;}
  .inner-hero-copy p{ font-size:22px;}
  .inner-two-column,.product-detail-top,.contact-form-wrap{ grid-template-columns:1fr;}
  .product-layout{ grid-template-columns:1fr;}
  .product-side{ order:2;}
  .inner-product-grid,.image-grid,.contact-info-grid,.contact-traffic-grid,.feature-grid,.org-rule-grid{ grid-template-columns:repeat(2,1fr);}
  .related-grid{ grid-template-columns:repeat(2,1fr);}
  .inner-honor-grid{ grid-template-columns:repeat(3,1fr);}
  .inner-metric-grid,.product-summary-stats,.image-info-grid{ grid-template-columns:repeat(2,1fr);}
  .inner-advantage-bar{ grid-template-columns:repeat(3,1fr);}
  .inner-advantage-bar article:nth-child(3)::after{ display:none;}
  .about-intro-card,.news-feature-card,.department-layout,.mission-grid{ grid-template-columns:1fr;}
  .org-dept-grid{ grid-template-columns:repeat(3,1fr);}
.inner-metric-grid{ grid-template-columns:repeat(2,1fr);}
  .inner-honor-item{ flex-basis:calc((100% - 36px)/3);}
  .mission-grid{ grid-template-columns:repeat(2,1fr);}
  .inner-main .product-detail-top{ grid-template-columns:1fr;}
  .product-gallery-main,.image-gallery-main{ height:420px;}
  .gallery-arrow.prev{ left:22px;}
  .gallery-arrow.next{ right:22px;}
.inner-page .inner-hero{ height:300px; min-height:300px;}
  .inner-page .inner-hero-bg{ height:300px; background-position:62% center;}
  .inner-page .inner-hero-content{ min-height:300px;}
  .inner-hero,.inner-hero-bg{ height:300px; min-height:300px;}
  .inner-hero-content{ min-height:300px;}
  .product-category-strip{ grid-template-columns:repeat(2,1fr);}
  .inner-standard-layout,.product-layout,.product-detail-top,.inner-main .product-detail-top{ grid-template-columns:1fr;}
  .inner-sidebar{ position:static; grid-template-columns:repeat(3,1fr);}
  .inner-product-grid{ grid-template-columns:repeat(2,minmax(0,1fr));}
  .message-flow-list{ gap:28px;}
  .message-flow-list article:not(:last-child)::after{ right:-23px;}
  .content-cta-card{ padding:26px 36px;}
.header-tools{ margin-left:auto;}
  .brand{ width:230px; flex-basis:230px;}
  .main-nav .nav-item{ height:auto; display:grid; grid-template-columns:minmax(0,1fr) 42px; align-items:center;}
  .main-nav .nav-link{ height:auto; min-height:58px; grid-column:1; justify-content:flex-start;}
  .main-nav .submenu-toggle{ grid-column:2; width:34px; height:34px; display:grid; place-items:center; justify-self:end; border-radius:9px; color:var(--brand-green); background:#f0faf5; transition:background .22s ease,color .22s ease;}
  .main-nav .submenu-toggle svg{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .22s ease;}
  .main-nav .submenu-toggle:active{ color:#fff; background:var(--brand-green);}
  .main-nav .nav-submenu{ position:static; left:auto; top:auto; display:none; min-width:0; height:auto; margin:0; padding:8px 0 14px 18px; border:0; border-bottom:1px solid #edf3ef; border-radius:0; background:transparent; box-shadow:none; opacity:1; visibility:visible; transform:none; backdrop-filter:none; -webkit-backdrop-filter:none;}
  .main-nav .has-submenu>.nav-submenu{ grid-column:1 / -1;}
  .main-nav .nav-submenu a{ display:flex; align-items:center; min-height:40px; padding:8px 0; color:#52645c; font-size:15px; line-height:1.45; opacity:1; visibility:visible; transform:none;}
  .main-nav .nav-submenu a span{ display:block; color:inherit;}
  .main-nav .nav-item:hover>.nav-submenu,.main-nav .nav-item:focus-within>.nav-submenu{ transform:none;}
  .main-nav .submenu-open>.nav-submenu{ display:block!important;}
  .main-nav .submenu-open>.submenu-toggle svg{ transform:rotate(180deg);}
}
@media (max-width:900px){
.inner-honor-item{ flex-basis:calc((100% - 18px)/2);}
}
@media (max-width:850px){
:root{ --shell:calc(100% - 34px); --header-h:76px;}
  .site-header{ height:var(--header-h);}
  .site-header.is-scrolled{ height:70px;}
  .brand img{ height:62px;}
  .search-button,.language-switch{ display:none;}
  .main-nav{ top:76px; height:calc(100vh - 76px);}
  .section{ padding:92px 0;}
  .section-heading h2{ font-size:34px;}
  .section-heading p{ font-size:14px;}
  .hero{ height:auto; min-height:760px; margin-top:76px; padding:82px 0 96px;}
  .hero-inner{ align-items:flex-start;}
  .hero-copy-wrap{ width:100%; max-width:100%;}
  .hero-copy{ padding:30px 24px;}
  .hero h1{ flex-wrap:wrap; font-size:42px; white-space:normal;}
  .hero-subtitle{ font-size:21px;}
  .hero-en{ font-size:14px;}
  .hero-arrows{ display:none;}
  .hero-scroll{ display:none;}
  .news-feature-slider{ min-height:430px;}
  .news-feature-content{ left:28px; right:28px; bottom:56px;}
  .news-feature h3{ font-size:25px;}
  .news-list{ min-height:0; padding:24px 22px;}
  .news-item{ grid-template-columns:20px minmax(0,1fr) 88px; gap:12px; padding:13px 0;}
  .news-item h3{ font-size:15px;}
  .news-item time{ font-size:12px;}
  .product-grid{ grid-template-columns:1fr;}
  .section-products .shell{ width:calc(100% - 20px);}
  .product-card{ width:100%; min-height:0; max-width:none; margin:0; padding:22px 18px 20px;}
  .product-image{ height:280px;}
  .product-image img{ max-height:270px; max-width:88%;}
  .product-info h3{ font-size:24px;}
  .advantages{ grid-template-columns:1fr;}
  .advantages article::after{ display:none!important;}
  .advantages article:not(:last-child){ border-bottom:1px solid var(--line);}
  .about-media{ min-height:420px;}
  .about-content{ padding:44px 28px;}
  .about-actions{ flex-wrap:wrap;}
  .about-side{ grid-template-columns:1fr;}
  .technology-grid{ grid-template-columns:1fr;}
  .technology-card{ min-height:0;}
  .honor-card{ flex-basis:100%; min-height:410px;}
  .honor-card img{ height:280px;}
  .contact-cta-inner{ grid-template-columns:1fr; padding:52px 0;}
  .contact-numbers{ grid-column:auto; flex-direction:column; gap:16px;}
  .contact-cta-inner>.button{ grid-column:auto; grid-row:auto; width:max-content;}
  .footer-main{ grid-template-columns:1fr; gap:34px; padding:40px 0 30px;}
  .footer-links{ grid-template-columns:repeat(2,1fr);}
  .footer-bottom{ flex-direction:column; justify-content:center; gap:8px; text-align:center;}
  .floating-tools{ right:10px; bottom:20px;}
  .floating-tools a[href^="mailto:"]{ display:none;}
  .inquiry-form{ grid-template-columns:1fr;}
  .honor-modal-prev{ left:14px;}
  .honor-modal-next{ right:14px;}
  .honor-modal-dialog{ width:calc(100vw - 70px);}
.inner-hero{ min-height:300px; margin-top:76px;}
  .inner-hero-content{ min-height:300px; align-items:flex-end;}
  .inner-hero-copy h1{ font-size:42px;}
  .inner-hero-copy p{ font-size:19px;}
  .hero-subnav-card{ display:none;}
  .panel-card{ border-radius:18px;}
  .article-detail,.side-card,.product-gallery,.product-summary,.product-tabs,.related-panel,.contact-form-panel,.org-panel,.org-rule-panel,.mission-panel,.department-content{ padding:22px;}
  .inner-heading.centered h2{ font-size:34px;}
  .inner-product-grid,.image-grid,.contact-info-grid,.contact-traffic-grid,.feature-grid,.org-rule-grid,.inner-honor-grid,.inner-metric-grid,.product-summary-stats,.image-info-grid{ grid-template-columns:1fr;}
  .inner-advantage-bar{ grid-template-columns:1fr;}
  .inner-advantage-bar article::after,.org-rule-grid article::after{ display:none!important;}
  .inner-product-actions,.article-nav,.image-prev-next,.contact-form-grid{ grid-template-columns:1fr;}
  .product-category-strip,.org-dept-grid{ grid-template-columns:1fr;}
  .product-gallery-main{ height:360px;}
  .product-gallery-thumbs{ grid-template-columns:repeat(3,1fr);}
  .gallery-thumb img{ height:58px;}
  .product-toolbar{ display:block;}
  .product-toolbar-count{ margin-top:10px;}
  .contact-photo img{ min-height:320px;}
  .about-intro-media img{ min-height:380px;}
}
@media (max-width:768px){
.inner-page .inner-hero{ height:300px; min-height:300px; margin-top:76px;}
  .inner-page .inner-hero-bg{ height:300px; background-position:68% center;}
  .inner-page .inner-hero-content{ min-height:300px; padding:34px 0 28px;}
  .inner-hero,.inner-hero-bg{ height:300px; min-height:300px;}
  .inner-hero-content{ min-height:300px; padding:34px 0 28px;}
  .inner-page .inner-hero-copy h1{ font-size:28px;}
  .inner-page .inner-hero-copy p{ font-size:15px;}
  .inner-heading.centered h2,.inner-heading.centered h2{ font-size:24px;}
  .product-category-strip,.inner-product-grid,.inner-advantage-bar,.inner-sidebar,.message-form-grid,.message-region-grid,.message-service-grid,.message-flow-list{ grid-template-columns:1fr;}
  .inner-product-card{ grid-template-columns:1fr; min-height:0;}
  .inner-product-thumb{ height:210px;}
  .inner-product-body{ min-height:0;}
  .message-form-panel,.inner-side-card,.message-flow-wide{ padding:24px;}
  .message-service-grid article:not(:last-child)::after,.message-flow-list article:not(:last-child)::after{ display:none;}
  .content-cta-wrap{ padding:36px 0 44px;}
  .content-cta-card{ min-height:132px; grid-template-columns:1fr; padding:24px; gap:16px;}
  .content-cta-copy span{ font-size:21px;}
  .content-cta-button{ width:max-content; min-width:148px;}
.footer-links{ display:none;}
  .inner-standard-layout{ display:flex; flex-direction:column;}
  .inner-standard-layout>.inner-main,.inner-standard-layout>.product-main,.inner-standard-layout>.article-detail,.inner-standard-layout>.image-detail-main,.inner-standard-layout>.message-main{ order:1; width:100%;}
  .inner-sidebar{ display:contents;}
  .inner-nav-card{ order:0; width:100%;}
  .inner-contact-card,.inner-products-card{ order:2; width:100%;}
  .inner-nav-head{ margin-bottom:0;}
  .inner-nav-toggle{ width:36px; height:36px; display:grid; place-items:center; border:1px solid #dcebe4; border-radius:8px; color:var(--brand-green); background:#f5fbf8; font-size:15px; line-height:1; transition:background .22s ease,color .22s ease,border-color .22s ease;}
  .inner-nav-toggle i{ transition:transform .22s ease;}
  .inner-nav-card.is-open .inner-nav-toggle{ color:#fff; background:var(--brand-green); border-color:var(--brand-green);}
  .inner-nav-card.is-open .inner-nav-toggle i{ transform:rotate(180deg);}
  .inner-nav-card .inner-side-nav{ display:none;}
  .inner-nav-card.is-open .inner-side-nav{ display:grid;}
  .product-list-grid{ grid-template-columns:1fr; gap:18px;}
  .product-list-card{ min-height:0; padding:18px; border-radius:10px;}
  .product-list-thumb{ height:210px;}
  .product-list-thumb img{ max-height:198px; max-width:76%;}
  .product-list-body>span{ margin:12px 0 8px; font-size:13px;}
  .product-list-body h3{ margin-bottom:14px; font-size:21px;}
  .product-list-body dl{ gap:8px;}
  .product-list-body dl div{ min-height:54px; padding:8px 6px;}
  .product-list-actions a{ height:42px;}
  .product-detail-top{ gap:16px;}
  .product-gallery,.product-summary,.product-tabs,.related-panel{ padding:18px;}
  .product-gallery-main{ height:340px;}
  .product-gallery-main img{ max-width:88%; max-height:88%;}
  .product-gallery-thumbs{ display:flex; overflow-x:auto; gap:10px; padding-bottom:4px;}
  .gallery-thumb{ flex:0 0 62px; width:62px; height:62px;}
  .product-summary h1{ font-size:24px;}
  .product-summary-stats{ grid-template-columns:repeat(2,minmax(0,1fr));}
  .product-summary-actions{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr));}
  .product-summary-actions .button{ width:100%; min-width:0; padding:0 12px;}
  .feature-grid,.related-grid{ grid-template-columns:1fr;}
  .inner-product-card{ padding:18px; border-radius:10px;}
  .inner-product-thumb{ height:210px;}
  .inner-product-thumb img{ max-height:198px;}
  .image-grid{ grid-template-columns:1fr;}
  .image-card-thumb img{ height:220px;}
  .image-detail-main{ padding:16px;}
  .image-detail-head h1{ font-size:22px;}
  .image-gallery-main{ height:330px;}
  .image-gallery-main img{ max-width:92%; max-height:90%;}
  .image-gallery-thumbs{ display:flex; overflow-x:auto; gap:10px; padding-bottom:4px;}
  .image-info-grid,.image-prev-next{ grid-template-columns:1fr;}
  .contact-info-grid,.contact-traffic-grid{ grid-template-columns:1fr; gap:14px;}
  .contact-info-grid article,.contact-traffic-grid article{ min-height:0; padding:22px 18px;}
  .contact-map,.contact-map iframe{ min-height:320px;}
  .contact-form-wrap{ grid-template-columns:1fr; gap:16px;}
  .contact-photo img{ min-height:240px; height:240px;}
  .contact-form-panel{ padding:20px;}
  .contact-form-grid{ grid-template-columns:1fr;}
  .contact-code{ grid-template-columns:1fr 118px; gap:10px;}
  .contact-code span{ grid-column:1/-1; height:auto;}
  .contact-code img{ width:118px; height:44px;}
  .message-code{ width:100%; grid-template-columns:86px minmax(0,1fr) 118px; gap:10px!important;}
  .message-code span{ height:44px;}
  .message-code input{ width:100%!important;}
  .message-code img{ width:118px; max-width:100%; height:44px;}
  .news-row{ display:grid; grid-template-columns:1fr; gap:0; min-height:0; margin:0 0 16px; padding:0; overflow:hidden; border-radius:12px;}
  .news-row-thumb{ display:block; overflow:hidden; background:#f3faf6;}
  .news-row-thumb img{ width:100%; height:auto; aspect-ratio:16/9; border-radius:0; object-fit:cover;}
  .news-row-body{ padding:18px;}
  .news-row-tag{ margin:0 10px 10px 0; padding:4px 9px; font-size:11px; vertical-align:middle;}
  .news-row time{ display:inline-flex; align-items:center; margin-bottom:10px; font-size:12px; vertical-align:middle;}
  .news-row-body h3{ margin:4px 0 10px; font-size:18px; line-height:1.45;}
  .news-row-body h3 a{ display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
  .news-row-body p{ margin:0 0 14px; color:#6a7e76; font-size:14px; line-height:1.75; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
  .news-row .text-link{ display:inline-flex; align-items:center; min-height:34px; padding:0 12px; border-radius:999px; background:#edf8f2; font-size:13px;}
  .pager-card{ margin-top:18px; padding:16px 12px;}
  .inner-pager{ gap:8px;}
  .inner-pager a,.inner-pager .page-num{ min-width:36px; height:36px; padding:0 10px; border-radius:8px; font-size:13px;}
}
@media (max-width:560px){
:root{ --shell:calc(100% - 24px);}
  .hero{ min-height:720px;}
  .hero-copy{ padding:26px 20px;}
  .hero h1{ font-size:36px;}
  .hero-actions{ gap:10px;}
  .button{ min-height:48px; padding:0 22px;}
  .news-feature-slider{ min-height:390px;}
  .news-feature p{ display:none;}
  .news-list-head h3{ font-size:19px;}
  .news-item{ grid-template-columns:20px 1fr; grid-template-areas:"icon title" ". date"; gap:4px 10px;}
  .news-icon{ grid-area:icon;}
  .news-item h3{ grid-area:title; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
  .news-item time{ grid-area:date; justify-self:start;}
  .product-image{ height:260px;}
  .product-image img{ max-height:250px; max-width:90%;}
  .product-meta,.product-card-actions{ grid-template-columns:1fr 1fr;}
  .product-meta div{ min-height:58px; padding:8px 6px;}
  .product-meta dd{ font-size:12px;}
  .product-card-actions a{ min-height:42px; font-size:14px;}
  .about-side article{ grid-template-columns:52px 48px 1fr;}
  .about-side article>span{ font-size:42px;}
  .honor-card img{ height:300px;}
  .footer-links{ grid-template-columns:1fr 1fr;}
  .search-panel,.inquiry-panel{ padding:30px 22px;}
.inner-hero-copy h1{ font-size:34px;}
  .inner-hero-copy p{ font-size:17px;}
  .inner-breadcrumb,.inner-breadcrumb a,.inner-breadcrumb span{ font-size:13px;}
  .news-row{ grid-template-columns:1fr;}
  .news-row-thumb img,.image-card-thumb img{ height:200px;}
  .product-gallery-main{ height:300px;}
  .product-summary-actions{ flex-direction:column;}
  .mission-grid article{ display:block;}
  .mission-grid i{ margin-bottom:20px;}
  .org-top-chain span{ min-width:0;}
.inner-metric-grid{ grid-template-columns:1fr;}
  .inner-honor-head{ align-items:center;}
  .inner-honor-item{ flex-basis:100%;}
  .inner-honor-controls button{ width:36px; height:36px;}
  .mission-grid{ grid-template-columns:1fr;}
  .department-intro,.article-page{ padding:24px;}
  .department-intro h2,.page-detail-head h1{ font-size:24px;}
  .page-richtext{ padding:22px 20px;}
  .gallery-lightbox{ padding:62px 16px;}
  .gallery-lightbox-arrow{ width:42px; height:42px; font-size:15px;}
  .gallery-lightbox-arrow.prev{ left:12px;}
  .gallery-lightbox-arrow.next{ right:12px;}
  .gallery-lightbox-close{ right:16px;}
  .product-summary-stats{ grid-template-columns:repeat(2,minmax(0,1fr));}
  .product-gallery-main,.image-gallery-main{ height:330px;}
  .gallery-thumb{ width:64px; height:64px; flex-basis:64px;}
}
@media (max-width:420px){
:root{ --shell:calc(100% - 20px);}
  .menu-button{ margin-left:auto;}
  .product-list-card{ padding:16px;}
  .product-list-thumb{ height:190px;}
  .product-list-thumb img{ max-height:180px; max-width:82%;}
  .product-list-body h3{ font-size:20px;}
  .product-list-body dl,.product-list-actions{ grid-template-columns:repeat(2,minmax(0,1fr));}
  .product-summary-stats,.product-summary-actions{ grid-template-columns:repeat(2,minmax(0,1fr));}
  .section-products .shell{ width:calc(100% - 16px);}
  .product-card{ padding:20px 14px 18px;}
  .product-image{ height:245px;}
  .product-image img{ max-height:236px; max-width:92%;}
  .product-info h3{ font-size:22px;}
  .section-products .product-meta,.section-products .product-card-actions{ grid-template-columns:repeat(2,minmax(0,1fr));}
  .product-gallery-main,.image-gallery-main{ height:285px;}
  .floating-tools{ right:8px; bottom:18px;}
  .floating-tools a,.floating-tools button{ width:44px; height:44px;}
  .news-row-body{ padding:16px 14px;}
  .news-row-body h3{ font-size:17px;}
  .news-row-thumb img{ aspect-ratio:4/3;}
  .inner-pager .page-index,.inner-pager .page-last{ display:none;}
  .message-code{ grid-template-columns:1fr 118px;}
  .message-code span{ grid-column:1/-1; height:auto;}
}

/* Company profile layout refinement */
html[lang="zh-CN"] .about-intro-card{
  display:block;
  padding:0;
  overflow:hidden;
}
html[lang="zh-CN"] .about-intro-media{
  height:320px;
  min-height:0;
  border-radius:0;
}
html[lang="zh-CN"] .about-intro-media img{
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center 58%;
}
html[lang="zh-CN"] .about-intro-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,39,34,0) 36%,rgba(4,39,34,.5));
  pointer-events:none;
}
html[lang="zh-CN"] .about-intro-label{
  z-index:2;
}
html[lang="zh-CN"] .about-intro-content{
  padding:36px 42px 42px;
}
html[lang="zh-CN"] .about-intro-content .inner-heading{
  margin-bottom:22px;
}
html[lang="zh-CN"] .about-intro-content .article-richtext-tight{
  width:100%;
  max-width:none;
  color:#3f5750;
  line-height:2;
  text-align:left;
}
html[lang="zh-CN"] .about-intro-content .article-richtext-tight p{
  width:100%;
  max-width:none;
  margin-top:0;
}

@media (max-width:1200px){
  html[lang="zh-CN"] .about-intro-media{ height:290px; }
}
@media (max-width:850px){
  html[lang="zh-CN"] .about-intro-content{ padding:30px 26px 34px; }
  html[lang="zh-CN"] .about-intro-media{ height:250px; }
}