:root { --green:#047532; --teal:#02b2b5; --text:#595959; --page-width:1200px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:#fff; font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.site-header { height:126px; background:rgba(255,255,255,.97); position:relative; z-index:20; }
.header-inner { width:min(var(--page-width),calc(100% - 40px)); height:100%; margin:auto; display:flex; align-items:center; justify-content:space-between; }
.brand img { width:226px; height:auto; }
nav { display:flex; align-self:flex-end; height:95px; align-items:center; gap:46px; }
nav a { color:var(--green); font-size:17px; height:64px; line-height:64px; white-space:nowrap; position:relative; }
nav a::after { content:""; position:absolute; bottom:10px; left:50%; width:0; height:2px; background:var(--green); transition:width .25s ease,left .25s ease; }
nav a:hover::after,nav a.active::after { left:0; width:100%; }
.hero { height:800px; position:relative; overflow:hidden; background:#f5f7f4; }
.hero-slide { position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; animation:hero-fade 18s infinite; }
.hero-slide-1 { animation-delay:0s; }.hero-slide-2 { animation-delay:6s; }.hero-slide-3 { animation-delay:12s; }
@keyframes hero-fade { 0%,28%{opacity:1} 34%,94%{opacity:0} 100%{opacity:1} }
.section { padding:80px 20px; }
.content-grid,.quality-inner,.data-inner { width:min(var(--page-width),100%); margin:auto; }
.content-grid { min-height:453px; display:grid; grid-template-columns:1.25fr .9fr; align-items:center; gap:72px; }
h1,h2 { margin:0; color:var(--green); font-weight:400; font-size:36px; line-height:1.5; }
.story-copy p,.data-copy p { font-size:16px; line-height:1.9; margin:30px 0 0; }
.story-image { width:385px; justify-self:center; }
.more-link { display:inline-block; color:var(--teal); font-size:16px; margin-top:30px; transition:transform .2s ease; }
.more-link:hover { transform:translateX(4px); }
.quality-section { height:600px; background:url('public/assets/image/AD0I3PqGBxACGAAg74XIzQUokOntmQQwgA84zAg.jpg') center/cover fixed; }
.quality-inner { height:100%; position:relative; display:flex; align-items:center; justify-content:flex-end; }
.quality-photo { width:510px; height:477px; position:absolute; left:0; top:62px; background:rgba(255,255,255,.22); backdrop-filter:blur(1px); }
.quality-inner h2 { width:590px; font-weight:700; position:relative; }
.products { min-height:890px; }
.section-heading { text-align:center; }
.section-heading h2 { color:var(--green); }
.section-heading p { font-size:16px; margin:34px 0 0; }
.section-heading .more-link { margin-top:56px; }
.product-gallery { max-width:var(--page-width); margin:52px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.product-gallery figure { margin:0; height:415px; overflow:hidden; background:#f5f5f5; }
.product-gallery img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.product-gallery figure:hover img { transform:scale(1.035); }
.data-section { min-height:1000px; background-image:url('public/assets/image/AD0I3PqGBxAEGAAgt4fZzQUoivPn9AcwgA84ygg.png'); background-size:cover; background-position:center top; background-attachment:fixed; }
.data-inner { min-height:1000px; display:flex; justify-content:flex-end; }
.data-copy { width:531px; padding-top:65px; }
.data-copy h2 { color:var(--teal); line-height:1.95; }
.data-copy ul { list-style:none; padding:0; margin:55px 0 0; color:var(--teal); line-height:2.65; }
.data-thumbs { display:grid; grid-template-columns:1fr 1fr; gap:31px; margin-top:28px; }
.data-thumbs img { width:100%; height:224px; object-fit:cover; }
.contact-section { min-height:580px; padding-top:86px; }
.service-grid { max-width:var(--page-width); margin:78px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:60px; }
.service-grid article { text-align:center; }
.service-grid img { width:80px; height:80px; margin:auto; }
.service-grid h3 { color:#1e1e1e; font-size:24px; font-weight:400; margin:10px 0 8px; }
.service-grid p { margin:3px 0; font-size:14px; color:#666; }
footer { padding:20px; text-align:center; color:#999; font-size:14px; background:#f8f8f8; }
.back-top { position:fixed; right:24px; bottom:24px; width:50px; height:50px; display:block; overflow:hidden; border-radius:2px; background:#aaa; color:transparent; font-size:0; box-shadow:none; transition:opacity .25s ease,transform .25s ease,background-color .2s ease; }
.back-top::before { content:""; position:absolute; left:50%; top:50%; width:16px; height:16px; border:solid #fff; border-width:0 2px 2px 0; transform:translate(-50%,-25%) rotate(-135deg); }
.back-top:hover { background:#999; }
.back-top.is-hidden { opacity:0; transform:translateY(12px); pointer-events:none; }
@media(max-width:900px){
  .site-header{height:auto}.header-inner{flex-direction:column;padding:12px 0 0}.brand img{width:174px}nav{width:100%;height:56px;gap:0;justify-content:space-between;overflow-x:auto}nav a{height:56px;line-height:56px;font-size:14px;padding:0 8px}
  .hero{height:min(54vw,520px);min-height:280px}.content-grid{grid-template-columns:1fr;gap:36px}.story-image{grid-row:1;width:min(320px,80%)}
  .quality-section{height:auto;padding:75px 20px;background-attachment:scroll}.quality-inner{display:grid;grid-template-columns:1fr;gap:30px}.quality-photo{position:static;width:100%;height:320px}.quality-inner h2{width:auto;padding:20px;background:rgba(255,255,255,.8)}
  .product-gallery{grid-template-columns:1fr;max-width:520px}.products{min-height:auto}.data-section{background-attachment:scroll;background-position:35% top}.data-inner{min-height:850px}.data-copy{width:55%;padding-right:16px}.service-grid{gap:25px}
}
@media(max-width:600px){
  .section{padding:58px 20px}h1,h2{font-size:27px}.hero{min-height:230px}.hero-slide{background-position:59% center}.section-heading .more-link{margin-top:30px}.product-gallery figure{height:340px}
  .data-section{min-height:auto;background:#f0f7f4}.data-inner{min-height:auto}.data-copy{width:100%;padding:58px 0}.data-thumbs{gap:12px}.data-thumbs img{height:150px}.service-grid{grid-template-columns:1fr;gap:55px;margin-top:58px}.contact-section{min-height:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide{animation:none;opacity:0}.hero-slide:first-child{opacity:1}*{transition-duration:.01ms!important}}

/* Shared inner pages */
.sub-hero{height:300px;background-position:center;background-size:cover}.sub-hero.tall{height:800px}.page-shell{width:min(var(--page-width),calc(100% - 40px));margin:auto}.page-heading{text-align:center;padding:72px 20px 55px}.page-heading h1{color:var(--teal)}.page-heading p{margin:14px 0 0}.eyebrow{color:var(--teal);font-size:14px;letter-spacing:.18em;text-transform:uppercase}
.brand-intro{padding:78px 0 90px;font-size:16px;line-height:2}.brand-intro h1{color:#385723;font-weight:700;margin-bottom:25px}.brand-visuals{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.brand-visuals img{width:100%;aspect-ratio:1;object-fit:cover}.vision-band{padding:70px 20px;background:#f3f8f5}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.vision-grid article{border-left:3px solid var(--green);padding-left:25px}.vision-grid h2{color:#333;font-size:30px}.vision-grid p{margin:10px 0 0}
.product-section{padding:0 0 90px}.module-title{font-size:24px;color:#333;border-bottom:1px solid #e5e5e5;padding:0 0 16px;margin:0 0 35px}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:42px 34px}.product-card{text-align:center}.product-card .image-wrap{aspect-ratio:1;overflow:hidden;background:#f5f7f5}.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.product-card:hover img{transform:scale(1.04)}.product-card h2{color:#333;font-size:16px;line-height:1.55;margin:16px 0 0}.case-band{padding:58px 20px;background:linear-gradient(135deg,#047532,#02a0a2);text-align:center}.case-band h2,.case-band p{color:#fff}.case-band p{margin:10px 0 0}.case-gallery{padding:80px 20px}.case-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:220px 220px;gap:10px}.case-grid img{width:100%;height:100%;object-fit:cover}.case-grid img:first-child{grid-row:1/3}
.news-section{padding:82px 0 100px}.news-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}.news-heading h1{color:var(--green)}.news-heading p{margin:0;color:#999}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 28px}.news-card{border:1px solid #edf0ee;background:#fff;transition:transform .25s ease,box-shadow .25s ease}.news-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(18,85,47,.1)}.news-card img{width:100%;height:230px;object-fit:cover}.news-card div{padding:20px 20px 24px}.news-card h2{color:#26342d;font-size:18px;line-height:1.6;min-height:58px}.news-card p{font-size:14px;line-height:1.8;color:#777;margin:12px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pagebar .pagination,.pagination{display:flex;justify-content:center;gap:8px;margin-top:55px}.pagination a,.pagination span{min-width:36px;height:36px;padding:0 10px;display:grid;place-items:center;border:1px solid #ddd;background:#fff;color:#333;border-radius:3px}.pagination a:hover,.pagination a.page-num-current{color:#fff;border-color:var(--green);background:var(--green)}
.about-copy{padding:80px 0 55px;line-height:2.3;font-size:15px}.about-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-bottom:80px}.about-gallery img{width:100%;height:450px;object-fit:cover}.contact-title{text-align:center;padding:65px 20px 15px}.contact-title h2{font-weight:700}.contact-title strong{color:var(--green);font-size:20px;display:block;margin-top:8px}
@media(max-width:900px){.sub-hero.tall{height:min(54vw,520px);min-height:280px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:1fr 1fr}.case-grid img:first-child{grid-row:auto}.about-gallery img{height:320px}}
@media(max-width:600px){.sub-hero{height:180px}.sub-hero.tall{min-height:230px}.page-heading{padding:48px 20px 38px}.brand-intro{padding:52px 0}.brand-visuals,.vision-grid,.catalog-grid,.news-grid,.about-gallery{grid-template-columns:1fr}.vision-grid{gap:38px}.case-grid{grid-template-columns:1fr;grid-template-rows:none}.case-grid img{height:220px}.news-heading{display:block}.news-heading p{margin-top:8px}.news-card img{height:220px}.about-gallery img{height:350px}}

/* Product and news detail pages */
.detail-link{display:inline-block;margin-top:8px;color:var(--teal);font-size:13px}.detail-breadcrumb{border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee;background:#fafbfa}.detail-breadcrumb .page-shell{display:flex;gap:10px;align-items:center;min-height:52px;font-size:13px;color:#8a918d}.detail-breadcrumb strong{font-weight:400;color:#46514b}.product-detail{padding:52px 0 95px}.detail-page-title{font-size:24px;color:#333;border-bottom:1px solid #e5e5e5;padding-bottom:16px}.detail-summary{display:grid;grid-template-columns:minmax(0,640px) 1fr;gap:70px;padding:42px 0 70px}.detail-gallery{display:grid;grid-template-columns:76px 1fr;gap:18px}.detail-thumbs button{width:72px;height:72px;padding:4px;border:1px solid #ddd;background:#fff}.detail-thumbs button.selected{border-color:var(--teal)}.detail-thumbs img{width:100%;height:100%;object-fit:cover}.detail-main-image{aspect-ratio:1;background:#f7f9f8;display:grid;place-items:center;overflow:hidden}.detail-main-image img{width:100%;height:100%;object-fit:contain}.detail-copy{padding-top:24px}.detail-copy h2{font-size:34px;color:#25332c}.detail-rule{width:42px;height:3px;background:var(--teal);margin:22px 0 24px}.detail-lead{font-size:16px;line-height:1.9;color:#69736e}.detail-copy dl{margin:32px 0;border-top:1px solid #e7ebe9}.detail-copy dl div{display:grid;grid-template-columns:92px 1fr;padding:14px 0;border-bottom:1px solid #e7ebe9;font-size:14px}.detail-copy dt{color:#8b928e}.detail-copy dd{margin:0;color:#39443e}.consult-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;background:var(--green);color:#fff}.back-products{display:inline-block;margin-left:20px;color:var(--teal);font-size:14px}.detail-content{border-top:1px solid #e2e7e4}.detail-tabs{height:58px;border-bottom:1px solid #e2e7e4}.detail-tabs span{display:inline-flex;height:58px;align-items:center;padding:0 26px;border-bottom:3px solid var(--teal);color:#24342c}.detail-description{padding:42px 26px 60px;min-height:230px;background:#fbfcfb}.detail-description h2{font-size:24px;color:#293830}.detail-description p{max-width:820px;line-height:2;margin:18px 0 0}.detail-note{color:#909792;font-size:14px}
.article-detail{padding:72px 0 90px;max-width:900px}.article-detail>header{text-align:center;padding-bottom:35px;border-bottom:1px solid #e6eae8}.article-detail h1{margin:10px auto 18px;color:#26362e;font-size:34px;line-height:1.65}.article-detail time{font-size:13px;color:#9a9f9c}.article-cover{width:min(520px,100%);margin:48px auto;aspect-ratio:1;object-fit:contain;background:#f7f9f8}.article-body{font-size:16px;line-height:2.15;color:#505b55}.article-body p{margin:0 0 22px}.article-warning{margin-top:38px!important;padding:18px 22px;background:#f2f8f5;color:#4e6559;font-size:14px}.article-nav{display:flex;justify-content:space-between;height:auto;align-items:center;margin-top:52px;padding-top:25px;border-top:1px solid #e3e7e5}.article-nav a{color:var(--teal);font-size:14px}
.pagebar .pagination{flex-wrap:wrap}.article-body{padding-top:36px;overflow-wrap:anywhere}.article-body img{display:block;max-width:100%;height:auto;margin:28px auto}.article-body h2,.article-body h3,.article-body h4{margin:28px 0 16px;line-height:1.6}.article-body ul,.article-body ol{padding-left:1.6em}.article-nav{display:grid;grid-template-columns:1fr;gap:14px;overflow-wrap:anywhere}.article-nav span{min-width:0}
@media(max-width:900px){.detail-summary{grid-template-columns:1fr;gap:30px}.detail-gallery{max-width:640px}.detail-copy{padding-top:0}}
@media(max-width:600px){.product-detail{padding-top:36px}.detail-summary{padding-top:28px}.detail-gallery{grid-template-columns:1fr}.detail-thumbs{display:none}.detail-copy h2{font-size:29px}.consult-button{display:flex;width:100%}.back-products{display:block;text-align:center;margin:18px 0 0}.detail-description{padding:30px 20px 45px}.article-detail{padding:48px 0 65px}.article-detail h1{font-size:26px}.article-cover{margin:34px auto}.article-nav{align-items:flex-start;gap:20px}}