:root{--ink:#173f32;--muted:#6d7b6d;--paper:#f7f7ef;--lime:#d4e59a;--line:#dce1d3;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #6b9d43;outline-offset:5px}h1,h2,h3,p{margin:0}button{border:0}.shell{width:min(1240px,calc(100% - 96px));margin:auto}.header{height:92px;position:sticky;top:0;z-index:30;background:rgba(247,247,239,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand img{width:52px;height:42px;object-fit:contain;mix-blend-mode:multiply}.brand span{font-size:21px;letter-spacing:2px;font-weight:700}.brand small{font-size:9px;display:block;letter-spacing:2.3px;margin-top:5px;font-weight:400}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a{position:relative}nav a.active:not(.nav-contact)::after{content:'';position:absolute;height:2px;background:var(--ink);bottom:-9px;left:0;right:0}.nav-contact{padding:13px 20px;border:1px solid #aab9a6;border-radius:30px;display:flex;gap:22px}nav a:hover{color:#58943a}.menu-toggle{display:none}.hero{overflow:hidden;position:relative;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 82% 30%,#e7efd6,transparent 70%)}.hero-grid{display:grid;grid-template-columns:.95fr 1.15fr;min-height:680px;align-items:center;gap:20px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;letter-spacing:1.5px;font-weight:600}.eyebrow i,.tiny-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#69924a}.hero-copy{padding:45px 0}.hero h1{font-size:clamp(48px,5.7vw,78px);line-height:1.2;letter-spacing:4px;margin:24px 0}.hero h1 span{color:#6b9241}.hero-description{font-size:17px;line-height:2;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:30px;padding:16px 24px;font-size:14px;transition:transform .25s,background .25s;min-height:48px}.button:hover{transform:translateY(-3px)}.solid{background:var(--ink);color:var(--paper)}.solid:hover{background:#285e47}.text-link{font-size:14px;display:flex;gap:20px}.hero-foot{display:flex;align-items:center;gap:12px;margin-top:65px;color:var(--muted);font-size:11px;letter-spacing:2px}.line{width:50px;height:1px;background:#a3b397}.hero-visual{position:relative;min-width:0}.hero-visual>img{width:100%;filter:drop-shadow(0 25px 30px #315b2820)}.land-label{position:absolute;left:10%;bottom:10%;background:#fbfbf2e8;backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 5px 20px #173f3210;padding:12px 18px;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1px}.visual-stamp{position:absolute;right:3%;top:10%;font-size:13px;line-height:2;writing-mode:vertical-rl;letter-spacing:4px;border:1px solid #819969;padding:18px 10px;border-radius:36px}.visual-stamp strong{font-weight:400;margin-right:8px}.hero-bottom{height:60px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px;color:var(--muted)}.hero-bottom a{font-size:12px;letter-spacing:1px}.hero-bottom a span{margin-left:18px}.section{padding-top:112px;padding-bottom:112px}h2{font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.45;letter-spacing:1px;margin-top:20px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.about-body>p{font-size:14px;line-height:2.1;color:var(--muted)}.about-body .lead{font-size:19px;color:var(--ink);margin-bottom:22px;line-height:1.9}.principles{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding-top:25px}.principles b{font-size:16px;font-weight:500;display:block}.principles span{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin-top:9px}.business-section{padding:96px 0;background:#ebefdf}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:46px}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted)}.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.business-card{text-align:left;min-height:305px;background:#f9faf3;border:1px solid #d6dfcb;border-radius:var(--radius);padding:25px 28px;position:relative;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.business-card:hover{transform:translateY(-5px);border-color:#97ac7e;box-shadow:0 12px 28px #24472b0d}.card-index{font-size:10px;letter-spacing:1.5px;color:#687960}.business-symbol{position:absolute;right:25px;top:17px;font:52px Georgia,serif;color:#b8ca9c;opacity:.8}.business-card h3{font-size:24px;margin-top:48px;letter-spacing:1px;font-weight:500}.business-card p{font-size:13px;line-height:1.95;color:var(--muted);margin-top:12px;max-width:300px}.card-bottom{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;font-size:12px;margin-top:25px}.card-bottom b{font-size:19px;font-weight:400}.business-note{border-radius:var(--radius);background:var(--ink);color:var(--paper);padding:30px;display:flex;flex-direction:column;justify-content:center}.business-note .eyebrow{color:#b6cc9b;font-size:11px}.business-note h3{font-size:30px;line-height:1.5;font-weight:400;margin:24px 0}.note-line{height:1px;width:60px;background:#7d9d78}.business-note p{font-size:12px;line-height:1.9;color:#b3c5b7;margin-top:22px}.mobile-break{display:none}.digital-section{background:#173f32;color:var(--paper);padding:105px 0;overflow:hidden}.digital-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:85px;align-items:center}.light{color:#c4d894}.digital-grid h2{font-size:38px}.digital-grid p{font-size:14px;line-height:2;color:#becdc0;max-width:490px;margin-top:25px}.digital-features{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.digital-features span{border:1px solid #6e8872;padding:8px 12px;border-radius:5px;font-size:11px;color:#d4dfc9}.lime{background:var(--lime);color:var(--ink)}.digital-caption{display:block;font-size:10px;color:#92ae99;margin:12px 20px}.digital-art{border:1px solid #70927a66;border-radius:16px;padding:23px;background:linear-gradient(135deg,#25523f,#12352c);box-shadow:15px 20px 0 #47614833;transform:rotate(-2deg);transition:transform .4s}.digital-art:hover{transform:rotate(0)}.art-top{display:flex;align-items:center;gap:9px;font-size:13px;letter-spacing:1px;padding-bottom:20px;border-bottom:1px solid #62806b66}.art-top .tiny-dot{background:#c5e68c;box-shadow:0 0 15px #a7d06c}.art-live{margin-left:auto;font-size:8px;letter-spacing:2px;color:#8fad99}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.art-metric,.art-wide{padding:20px 17px;border:1px solid #6e88724d;border-radius:9px;background:#49704c18}.art-grid small{font-size:10px;color:#a6bda9;display:block}.art-grid strong{display:block;font-size:19px;font-weight:400;margin-top:8px}.mini-bars{height:72px;display:flex;align-items:flex-end;gap:8px;margin-top:16px}.mini-bars i{flex:1;height:40%;background:linear-gradient(#c7df92,#749a58);border-radius:3px 3px 0 0}.mini-bars i:nth-child(2n){height:62%}.mini-bars i:nth-child(3n){height:80%}.mini-bars i:nth-child(5){height:93%}.energy-orbit{display:flex;gap:12px;align-items:center;height:80px;margin-top:8px;font-size:12px}.energy-orbit span{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;border:1px solid #a8c679}.energy-orbit b{font-weight:400;color:#93b17b}.art-wide{grid-column:1/-1}.art-timeline{display:flex;gap:20px;border-bottom:1px solid #627c53;margin:22px 0 18px;justify-content:space-between}.art-timeline i{width:8px;height:8px;background:#b2d480;border-radius:50%;transform:translateY(4px)}.art-wide>span{font-size:11px;color:#a6bda9}.digital-art .art-caption{font-size:9px;letter-spacing:2px;margin-top:16px;color:#92ae99}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.approach-grid article{border-top:1px solid var(--line);padding-top:25px}.approach-grid article>span{font:24px Georgia;color:#91a67b}.approach-grid h3{font-size:19px;font-weight:500;margin:20px 0 15px}.approach-grid p{font-size:13px;line-height:2;color:var(--muted)}.contact-section{padding:90px 0;background:#e6ecd8}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact-grid>div>p{font-size:13px;line-height:2;color:var(--muted);margin-top:20px}.contact-card{background:#f7f8ef;border:1px solid #d4dec5;padding:35px 40px;border-radius:var(--radius)}.contact-card>p{font-size:12px;color:var(--muted);margin:20px 0 10px}.contact-card>#contact-phone{font-size:clamp(27px,3vw,38px);letter-spacing:1px;font-weight:500;white-space:nowrap}.contact-actions{margin-top:25px;display:flex;align-items:center;gap:25px}.copy-button{font-size:12px;background:none;padding:10px 0;border-bottom:1px solid #8ca67f}.contact-card .copy-status{min-height:16px;font-size:11px;margin-top:13px}.footer{background:#f7f7ef;padding-top:45px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:40px;gap:20px}.footer-top>div{display:flex;gap:24px;font-size:12px}.footer .brand small{letter-spacing:1px;color:var(--muted);font-size:10px}.back-top{height:42px;width:42px;border:1px solid #bac8ae;border-radius:50%;display:grid;place-items:center}.footer-bottom{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;font-size:10px;line-height:1.8;color:var(--muted)}.footer-bottom>div{display:flex;gap:20px}.footer-bottom button{font-size:10px;background:none;padding:0}.mobile-call{display:none}.skip{position:absolute;top:-100px;left:15px;background:var(--ink);color:white;padding:10px;z-index:100}.skip:focus{top:10px}dialog{background:var(--paper);color:var(--ink);border:1px solid #adbe9c;border-radius:20px;padding:42px;width:min(580px,calc(100% - 32px));max-height:85vh;overflow:auto}dialog::backdrop{background:#102d25b8;backdrop-filter:blur(5px)}dialog h2{font-size:29px;margin:18px 0}dialog p,dialog li{font-size:14px;line-height:2;color:var(--muted)}dialog p+p{margin-top:14px}dialog ul{padding-left:20px;margin:20px 0 28px}.dialog-close{position:absolute;right:15px;top:10px;font-size:30px;padding:4px 10px;background:none}.reveal{opacity:0;translate:0 16px;transition:opacity .7s,translate .7s}.reveal.visible{opacity:1;translate:0 0}[hidden]{display:none!important}
@media(min-width:1600px){.hero-grid{min-height:740px}}@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero-grid{min-height:610px}.hero h1{font-size:58px}.about,.digital-grid,.contact-grid{gap:40px}.business-card{padding:24px}.digital-grid h2{font-size:33px}.brand span{font-size:18px}nav{gap:22px}}
@media(max-width:800px){html{scroll-padding-top:78px}.shell{width:calc(100% - 40px)}.header{height:76px}.brand span{font-size:17px;letter-spacing:1px}.brand small{font-size:8px}.brand img{width:42px;height:35px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;background:none;padding:9px}.menu-toggle span{height:1px;width:24px;background:var(--ink);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}nav{display:none;position:absolute;left:0;right:0;top:75px;padding:22px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 20px #173f320d;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:16px}.nav-contact{margin-top:10px;justify-content:space-between}nav a.active:not(.nav-contact)::after{display:none}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:48px 0 0}.hero h1{font-size:52px;margin:23px 0;letter-spacing:2px}.hero-description{font-size:15px}.hero-actions{gap:25px;margin-top:25px}.hero-foot{display:none}.hero-visual{width:min(100%,520px);margin:-6px auto 0}.visual-stamp{top:17%;right:4%;font-size:10px;padding:12px 7px;letter-spacing:2px}.land-label{font-size:9px;padding:9px 12px;bottom:8%;left:9%}.hero-bottom{font-size:8px;height:52px;letter-spacing:.8px}.hero-bottom a{font-size:10px}.section{padding-top:70px;padding-bottom:70px}.about{grid-template-columns:1fr;gap:28px}.about-body .lead{font-size:17px}.about-body>p{font-size:13px}.principles{gap:14px;margin-top:28px}.principles b{font-size:14px}.principles span{font-size:10px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.business-section{padding:65px 0}.business-grid{grid-template-columns:1fr 1fr;gap:12px}.business-card{min-height:288px;padding:20px 17px}.card-index{font-size:8px;letter-spacing:.5px}.business-symbol{font-size:40px;top:30px;right:15px}.business-card h3{font-size:21px;margin-top:48px}.business-card p{font-size:12px;line-height:1.8}.card-bottom{font-size:11px;margin-top:20px}.business-note{padding:20px 17px}.business-note h3{font-size:24px}.business-note p{font-size:11px}.business-note .eyebrow{font-size:9.5px;letter-spacing:.5px}.mobile-break{display:block}.digital-section{padding:70px 0}.digital-grid{grid-template-columns:1fr;gap:35px}.digital-grid h2{font-size:32px}.digital-grid p{font-size:13px}.digital-art{margin:8px 8px 0 0;padding:18px}.art-grid strong{font-size:17px}.approach-grid{grid-template-columns:1fr;gap:28px}.approach-grid article{display:grid;grid-template-columns:35px 1fr;gap:8px 15px}.approach-grid h3{margin:3px 0 6px;font-size:18px}.approach-grid p{grid-column:2}.contact-section{padding:65px 0}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-card{padding:28px 25px}.contact-card>#contact-phone{font-size:31px}.contact-actions{gap:22px}.footer-top{flex-wrap:wrap;padding-bottom:28px}.footer-top>div{order:3;flex-basis:100%;padding-top:12px;gap:30px}.footer-bottom{padding-bottom:86px;gap:12px}.mobile-call{display:flex;position:fixed;bottom:18px;right:18px;z-index:25;align-items:center;gap:20px;padding:13px 19px;border-radius:30px;background:var(--ink);color:var(--paper);font-size:12px;box-shadow:0 5px 20px #173f3233}dialog{padding:35px 24px}.eyebrow{font-size:12.5px;letter-spacing:1px}}
@media(max-width:360px){.hero h1{font-size:46px}.hero-actions{gap:15px}.button{padding:14px 20px;font-size:12px}.business-grid{grid-template-columns:1fr}.business-card{min-height:255px}.contact-card>#contact-phone{font-size:27px}.art-metric{padding:15px 12px}.art-grid strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;translate:none}}

.hero-visual>img{height:auto}


/* 图片与企业价值版 */
.image-hero{min-height:720px;color:#fff;display:flex;flex-direction:column;justify-content:center;background:#173f32}
.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-photo{object-position:center 54%}.hero-shade{background:linear-gradient(90deg,rgba(6,28,22,.72),rgba(10,31,22,.27) 60%,rgba(12,32,22,.08)),linear-gradient(0deg,rgba(7,30,21,.65),transparent 35%)}
.hero-content{position:relative;z-index:1;padding:95px 0 100px}.hero-content h1{font-size:clamp(56px,6.8vw,94px);line-height:1.15;letter-spacing:5px;margin:26px 0}.hero-content>p{font-size:17px;line-height:2;color:#e4ecdd}.hero-content .eyebrow{font-size:13.5px;letter-spacing:2px;color:#e3eacb}.hero-culture-link{font-size:14px;display:flex;gap:22px}.image-hero .hero-bottom{position:relative;z-index:1;margin-top:auto;color:#dde7cf;border-top:1px solid #edf2d333;height:80px}.hero-bottom>div{display:flex;gap:36px;font-size:12px;letter-spacing:3px}.theme-credit{position:absolute;right:20px;bottom:8px;font-size:9px;color:#d6e1ce88;z-index:1}.about{gap:70px;align-items:center}.about-picture{margin:28px 0 0}.about-picture img{width:100%;height:225px;object-fit:cover;border-radius:12px}.about-picture figcaption{font-size:10px;line-height:1.7;color:var(--muted);margin-top:9px}.business-card{padding:0 0 23px;display:flex;flex-direction:column}.business-image{height:180px;overflow:hidden;flex:none;margin-bottom:22px}.business-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.business-card:hover .business-image img{transform:scale(1.05)}.business-card .card-index,.business-card h3,.business-card p,.business-card .card-bottom{margin-left:24px;margin-right:24px}.business-card h3{margin-top:16px}.business-card p{margin-top:12px;margin-bottom:24px}.business-card .card-bottom{margin-top:auto}.business-symbol{display:none}.business-note{min-height:410px}.culture-section{padding:100px 0;background:#f7f7ef}.culture-feature{display:grid;grid-template-columns:1.25fr 1fr;border-radius:18px;overflow:hidden;background:#e8edda}.culture-feature>img{width:100%;height:450px;object-fit:cover}.culture-quote{padding:48px;display:flex;flex-direction:column;justify-content:center}.culture-quote>span{font-size:11px;letter-spacing:2px;color:#6c7e61}.culture-quote h3{font-size:43px;line-height:1.4;letter-spacing:2px;margin:20px 0}.culture-quote p{font-size:14px;line-height:2;color:var(--muted)}.culture-quote a{margin-top:25px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.values-grid article{padding:20px 0;border-top:1px solid var(--line)}.values-grid article>span{font-size:10px;letter-spacing:2px;color:#7c926c}.values-grid h3{font-size:22px;font-weight:500;margin:18px 0 12px}.values-grid p{font-size:12px;line-height:2;color:var(--muted)}.footer-bottom{flex-wrap:wrap;gap:10px 20px}.footer-bottom>span:first-child{flex-basis:100%;font-size:9px;color:#8b9884}
@media(max-width:1100px){nav{gap:18px;font-size:12px}.image-hero{min-height:650px}.culture-quote{padding:32px}.culture-quote h3{font-size:35px}}
@media(max-width:800px){.image-hero{min-height:680px}.hero-content{padding:90px 0 65px}.hero-content h1{font-size:52px;letter-spacing:2px}.hero-content>p{font-size:14px}.hero-content .eyebrow{font-size:11.5px;letter-spacing:1px}.hero-photo{object-position:61% center}.hero-shade{background:linear-gradient(90deg,rgba(6,28,22,.67),rgba(8,29,20,.25)),linear-gradient(0deg,rgba(7,30,21,.8),transparent 45%)}.hero-content .hero-actions{gap:22px}.hero-culture-link{font-size:12px;gap:12px}.image-hero .hero-bottom{height:80px;align-items:center}.hero-bottom>div{gap:16px;font-size:10px;letter-spacing:1px}.image-hero .hero-bottom>a{display:none}.about{gap:30px}.about-picture img{height:210px}.business-card{padding:0 0 19px}.business-image{height:140px;margin-bottom:18px}.business-card .card-index,.business-card h3,.business-card p,.business-card .card-bottom{margin-left:17px;margin-right:17px}.business-card h3{margin-top:12px}.business-card p{margin-bottom:18px}.business-note{min-height:380px}.culture-section{padding:65px 0}.culture-feature{grid-template-columns:1fr}.culture-feature>img{height:270px}.culture-quote{padding:30px 25px}.culture-quote h3{font-size:33px}.values-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.values-grid h3{font-size:20px}.values-grid p{font-size:12px}.theme-credit{font-size:8px}.hero-content .button{gap:15px;padding:14px 18px}}
@media(max-width:360px){.hero-content h1{font-size:45px}.hero-content .hero-actions{gap:14px}.hero-culture-link{font-size:11px}.business-image{height:195px}.values-grid{gap:15px}}

/* ==== 企业文化板块视觉升级 v2（2026-10-09）==== */
.culture-section{position:relative;padding:112px 0;background:linear-gradient(180deg,#f7f7ef 0%,#eff3e4 46%,#f7f7ef 100%)}
.culture-feature{display:grid;grid-template-columns:1fr 1fr;border-radius:22px;overflow:hidden;background:#e8edda;border:1px solid #e3e9d4;box-shadow:0 26px 60px rgba(23,63,50,.13)}
.culture-feature>img{width:100%;height:470px;object-fit:cover;transition:transform .8s}
.culture-feature:hover>img{transform:scale(1.03)}
.culture-quote{position:relative;padding:56px 52px;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.culture-quote::before{content:'';position:absolute;left:0;top:54px;bottom:54px;width:3px;background:var(--lime);opacity:.92}
.culture-quote::after{content:'D';position:absolute;right:26px;bottom:-58px;font-size:220px;line-height:1;color:var(--lime);opacity:.13;font-family:Georgia,'Times New Roman',serif}
.culture-quote>span{position:relative;z-index:1;font-size:11px;letter-spacing:3px;color:var(--lime)}
.culture-quote h3{position:relative;z-index:1;font-size:clamp(30px,2.6vw,38px);font-weight:500;line-height:1.5;letter-spacing:1.5px;margin:22px 0 0;color:#fff;line-break:strict;text-wrap:pretty}
.culture-quote p{position:relative;z-index:1;margin-top:22px;font-size:14px;line-height:2.1;color:#cfdcc3}
.culture-quote .text-link{position:relative;z-index:1;align-self:flex-start;margin-top:32px;font-size:13px;letter-spacing:1px;color:#fff;border-bottom:1px solid rgba(255,255,255,.38);padding-bottom:6px;transition:color .3s,border-color .3s}
.culture-quote .text-link:hover{color:var(--lime);border-color:var(--lime)}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:26px}
.values-grid article{position:relative;padding:32px 26px 30px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s}
.values-grid article::before{content:'';position:absolute;left:0;top:0;height:3px;width:38px;background:var(--lime);transition:width .45s}
.values-grid article::after{content:'';position:absolute;right:-46px;top:-46px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,rgba(212,229,154,.34),transparent 70%)}
.values-grid article:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(23,63,50,.13);border-color:#ccd8c1}
.values-grid article:hover::before{width:100%}
.values-grid article>span{position:relative;z-index:1;display:block;font-size:10px;letter-spacing:2.4px;color:#7c926c}
.values-grid h3{position:relative;z-index:1;font-size:23px;font-weight:500;line-height:1.5;margin:16px 0 13px;color:var(--ink)}
.values-grid p{position:relative;z-index:1;font-size:12.5px;line-height:2.05;color:var(--muted)}
@media(max-width:1100px){.culture-section{padding:92px 0}.culture-quote{padding:40px 34px}.culture-quote::before{top:38px;bottom:38px}.culture-quote h3{font-size:28px}.culture-quote::after{font-size:170px;bottom:-44px}.values-grid{grid-template-columns:1fr 1fr;gap:18px}.culture-feature>img{height:420px}}
@media(max-width:800px){.culture-section{padding:70px 0}.culture-feature{grid-template-columns:1fr;border-radius:16px}.culture-feature>img{height:260px}.culture-quote{padding:34px 26px}.culture-quote::before{top:30px;bottom:30px}.culture-quote::after{font-size:140px;right:14px;bottom:-36px}.culture-quote h3{font-size:25px;line-height:1.55;margin:18px 0 0;letter-spacing:1px}.culture-quote p{margin-top:18px;font-size:13px;line-height:2}.culture-quote .text-link{margin-top:26px;font-size:12px}.values-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.values-grid article{padding:24px 20px}.values-grid article::after{width:104px;height:104px;right:-36px;top:-36px}.values-grid h3{font-size:19px;margin:13px 0 11px}.values-grid p{font-size:12px;line-height:1.95}}
@media(max-width:360px){.values-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.culture-feature>img,.values-grid article,.values-grid article::before{transition:none}.values-grid article:hover{transform:none}.culture-feature:hover>img{transform:none}}

/* ============ 全站视觉升级 v3 · 2026-10-09 ============ */

/* —— 一、企业文化：价值卡图标 + 顶部动效条 —— */
.values-grid article{padding:34px 26px 32px;background-image:linear-gradient(var(--lime),var(--lime));background-size:38px 3px;background-position:0 0;background-repeat:no-repeat;transition:transform .35s,box-shadow .35s,border-color .35s,background-size .45s}
.values-grid article::before{content:'';display:block;position:static;left:auto;top:auto;width:46px;height:46px;border-radius:13px;background-color:#eef3e0;background-repeat:no-repeat;background-position:center;background-size:23px 23px;margin-bottom:20px;transition:background-color .35s,transform .35s}
.values-grid article:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%234f7c3f'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.5%2012a8.5%208.5%200%201%201-2.5-6'/%3E%3Cpath%20d='M20.6%204.8v4h-4'/%3E%3C/svg%3E")}
.values-grid article:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%234f7c3f'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3.2%2020.4h17.6'/%3E%3Cpath%20d='M7.4%2020.4v-4'/%3E%3Cpath%20d='M12%2020.4V8.6'/%3E%3Cpath%20d='M16.6%2020.4v-6.4'/%3E%3C/svg%3E")}
.values-grid article:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%234f7c3f'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203.4%2019.4%206v5.5c0%204.2-3%206.9-7.4%208.4-4.4-1.5-7.4-4.2-7.4-8.4V6z'/%3E%3Cpath%20d='M9%2012.1l2.2%202.3%203.9-4.2'/%3E%3C/svg%3E")}
.values-grid article:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%234f7c3f'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3.3'%20y='14.7'%20width='6.2'%20height='6'%20rx='1.2'/%3E%3Crect%20x='8.9'%20y='10.1'%20width='6.2'%20height='10.6'%20rx='1.2'/%3E%3Crect%20x='14.5'%20y='5.5'%20width='6.2'%20height='15.2'%20rx='1.2'/%3E%3C/svg%3E")}
.values-grid article:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(23,63,50,.13);border-color:#ccd8c1;background-size:100% 3px}
.values-grid article:hover::before{background-color:var(--lime);transform:translateY(-2px)}
.values-grid article>span{display:block;font-size:10px;letter-spacing:2.4px;color:#7c926c;font-weight:500}

/* —— 二、认识笃行：图片与原则卡 —— */
.about-picture{overflow:hidden;border-radius:16px}
.about-picture img{height:290px;border-radius:16px;transition:transform .9s}
.about-picture:hover img{transform:scale(1.035)}
.principles{border-top:0;padding-top:0;gap:16px;margin-top:38px}
.principles>div{padding:22px 20px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:transform .3s,box-shadow .3s,border-color .3s}
.principles>div:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(23,63,50,.09);border-color:#ccd8c1}
.principles b{font-size:15px}
.principles span{margin-top:8px}

/* —— 三、产业布局：卡片与符号徽标 —— */
.business-card{border-radius:20px}
.business-symbol{display:flex;align-items:center;justify-content:center;position:absolute;right:22px;top:20px;width:44px;height:44px;border-radius:50%;background:rgba(212,229,154,.92);color:var(--ink);font:20px/1 'Microsoft YaHei','PingFang SC',system-ui,sans-serif;opacity:0;transform:translateY(-6px) rotate(-12deg);transition:opacity .35s,transform .5s}
.business-card:hover .business-symbol,.business-card:focus-visible .business-symbol{opacity:1;transform:translateY(0) rotate(0)}
.business-card .card-index{color:#6c7f63}

/* —— 四、发展理念：卡片化 —— */
.approach-grid{gap:22px}
.approach-grid article{border-top:0;position:relative;overflow:hidden;padding:30px 26px 32px;background:#fff;border:1px solid var(--line);border-radius:18px;transition:transform .35s,box-shadow .35s,border-color .35s}
.approach-grid article::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--lime);transform:scaleY(.3);transform-origin:top;transition:transform .45s}
.approach-grid article:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(23,63,50,.1);border-color:#ccd8c1}
.approach-grid article:hover::before{transform:scaleY(1)}
.approach-grid article>span{font:26px Georgia,serif;color:#c3d3a5}
.approach-grid h3{font-size:19px;margin:16px 0 12px}
.approach-grid p{font-size:13px;line-height:1.95}

/* —— 五、联系合作：深绿卡片 —— */
.contact-section{background:linear-gradient(180deg,#e9eedd,#e1e8d2)}
.contact-card{position:relative;overflow:hidden;padding:40px 42px;border-color:transparent;border-radius:20px;color:#fff;background:linear-gradient(155deg,#173f32 0%,#1e4d3b 60%,#215540 100%);box-shadow:0 26px 58px rgba(23,63,50,.24)}
.contact-card::after{content:'';position:absolute;right:-70px;bottom:-80px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(212,229,154,.26),transparent 68%)}
.contact-card .eyebrow,.contact-card>p,.contact-card>#contact-phone,.contact-card .contact-actions,.contact-card .copy-status,.contact-card #contact-address{position:relative;z-index:1}
.contact-card .eyebrow{color:var(--lime)}
.contact-card>p{color:#b6c8ab}
.contact-card>#contact-phone{color:#fff}
.contact-card .solid{background:var(--lime);color:var(--ink)}
.contact-card .solid:hover{background:#c7dc86}
.contact-card .copy-button{color:#fff;border-bottom-color:rgba(255,255,255,.45)}
.contact-card .copy-status{color:#cfe0c2}

/* —— 六、页脚细节 —— */
.footer{background:#f4f5ea}
.footer-top>div a{position:relative}
.footer-top>div a::after{content:'';position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:var(--ink);transition:right .3s}
.footer-top>div a:hover::after{right:0}
.footer .back-top{transition:transform .3s}
.footer .back-top:hover{transform:translateY(-4px)}

/* —— 七、响应式 —— */
@media(max-width:1100px){
  .about-picture img{height:250px}
  .approach-grid{gap:18px}
  .approach-grid article{padding:26px 22px}
  .contact-card{padding:34px 32px}
}
@media(max-width:800px){
  .about-picture img{height:215px}
  .principles{gap:12px;margin-top:26px}
  .principles>div{padding:18px 16px}
  .business-symbol{width:34px;height:34px;font-size:16px;right:14px;top:14px}
  .approach-grid{gap:14px}
  .approach-grid article{padding:22px 20px;grid-template-columns:32px 1fr}
  .approach-grid h3{margin:2px 0 6px}
  .contact-card{padding:28px 24px}
  .contact-card>#contact-phone{font-size:30px}
  .values-grid article{padding:26px 20px}
  .values-grid article::before{width:42px;height:42px;background-size:21px 21px;margin-bottom:16px}
}
@media(max-width:360px){
  .principles{grid-template-columns:1fr}
  .values-grid{gap:12px}
}
@media(prefers-reduced-motion:reduce){
  .principles>div,.approach-grid article,.approach-grid article::before,.about-picture img,.business-symbol{transition:none}
  .principles>div:hover,.approach-grid article:hover{transform:none}
  .approach-grid article::before{transform:scaleY(1)}
}

/* ==== v3 修正：改用 HTML 图标（短条回归 ::before） ==== */
.values-grid article{background-image:none;background-size:auto}
.values-grid article::before{content:'';display:block;position:absolute;left:0;top:0;height:3px;width:38px;background:var(--lime);border-radius:0;transition:width .45s}
.values-grid article:hover::before{width:100%;background-color:var(--lime);transform:none}
.values-grid article>span{display:block;font-size:10px;letter-spacing:2.4px;color:#7c926c;font-weight:500}
.value-icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:#eef3e0;color:#4f7c3f;margin-bottom:20px;transition:background-color .35s,color .35s,transform .35s}
.value-icon svg{width:23px;height:23px}
.values-grid article:hover .value-icon{background:var(--ink);color:var(--lime);transform:translateY(-2px)}
.value-index{position:absolute;right:22px;top:14px;font-size:38px;font-weight:700;line-height:1;letter-spacing:1px;color:#e8eede;transition:color .35s}
.values-grid article:hover .value-index{color:#dde7cb}
@media(max-width:800px){
  .values-grid article::before{width:32px;height:3px}
  .value-index{font-size:28px;right:18px;top:12px}
  .value-icon{width:42px;height:42px;margin-bottom:16px}
  .value-icon svg{width:21px;height:21px}
}

/* ==== v3 修正2：价值卡内部结构（显式特异性） ==== */
.values-grid article>span{display:block;font-size:10px;letter-spacing:2.4px;color:#7c926c;font-weight:500}
.values-grid article>span.value-index{position:absolute;right:20px;top:16px;font-size:30px;font-weight:700;letter-spacing:0;line-height:1;color:#dfe8cf}
.values-grid article:hover>span.value-index{color:#dbe6c8}
.values-grid article>span.value-icon{position:static;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#e9f0da;color:#3d6832;margin:0 0 18px}
.values-grid article>span.value-icon svg{width:24px;height:24px;display:block}
.values-grid article>span.value-icon svg path,.values-grid article>span.value-icon svg rect{stroke-width:1.8}
.values-grid article:hover>span.value-icon{background:var(--ink);color:var(--lime)}
.values-grid article>span.value-label{position:static;display:block;margin-bottom:10px;font-size:10px;letter-spacing:2.4px;color:#7c926c;font-weight:600}
.values-grid article{background-image:none}
.values-grid article::before{content:'';display:block;position:absolute;left:0;top:0;height:3px;width:38px;background:var(--lime);transition:width .45s}
.values-grid article:hover::before{width:100%}
@media(max-width:800px){
  .values-grid article>span.value-index{font-size:24px;right:16px;top:14px}
  .values-grid article>span.value-icon{width:44px;height:44px;margin-bottom:16px}
  .values-grid article>span.value-icon svg{width:22px;height:22px}
}

/* ==== v3 修正3：网格抗溢出（minmax 0,1fr）+ 手机排版 ==== */
.values-grid,.principles,.approach-grid,.business-grid{min-width:0}
.values-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.values-grid h3,.values-grid p,.principles b,.principles span{overflow-wrap:anywhere}
.values-grid article{min-width:0}
@media(max-width:1100px){
  .values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .principles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .values-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .values-grid article{padding:22px 16px 20px}
  .values-grid h3{font-size:17px;line-height:1.45;margin:10px 0 8px}
  .values-grid p{font-size:11.5px;line-height:1.85}
  .values-grid article>span.value-icon{width:40px;height:40px;margin-bottom:14px}
  .values-grid article>span.value-icon svg{width:20px;height:20px}
  .values-grid article>span.value-index{font-size:22px;right:14px;top:12px}
  .principles{grid-template-columns:1fr;gap:10px;margin-top:24px}
}

/* 官网 v3 合并：长标题、窄屏阅读与键盘操作 */
.culture-quote h3{font-size:clamp(24px,2.5vw,36px);line-height:1.55;overflow-wrap:anywhere}
.culture-feature,.culture-quote,.digital-grid>div,.contact-grid>div{min-width:0}
.values-grid article>span.value-icon{position:relative}
.business-card:focus-visible,.button:focus-visible,.text-link:focus-visible,.copy-button:focus-visible{outline:3px solid #69933e;outline-offset:5px}
@media(max-width:520px){.values-grid{grid-template-columns:minmax(0,1fr);gap:14px}.values-grid article{padding:26px 24px}.values-grid h3{font-size:21px;line-height:1.55}.values-grid p{font-size:14px;line-height:1.9}.culture-quote h3{font-size:25px}.culture-quote{padding:32px 26px}.contact-card>#contact-phone{font-size:clamp(23px,7.4vw,30px)}.digital-grid p{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.culture-quote::after{content:none}

/* ============ v4 · 2026-10-09：A档排版收敛 + B档资质荣誉板块 ============ */

/* —— A-1 正文行高收敛（原 1.9~2.1 → 1.8~1.95），提升信息密度 —— */
.hero-content>p{line-height:1.9}
.about-body>p{line-height:1.85}
.about-body .lead{line-height:1.8}
.section-heading>p{line-height:1.8}
.business-card p{line-height:1.85}
.digital-grid p{line-height:1.85}
.values-grid p{line-height:1.85}
.approach-grid p{line-height:1.85}
.contact-grid>div>p{line-height:1.85}
.culture-quote p{line-height:1.95}
.principles span{line-height:1.75}
.about-picture figcaption{line-height:1.65}

/* —— B-1 资质荣誉板块 —— */
.honor-section{padding:105px 0;background:linear-gradient(180deg,#f7f7ef 0%,#eff3e4 52%,#f7f7ef 100%)}
.honor-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:8px}
.honor-stats>div{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 26px;transition:transform .35s,box-shadow .35s,border-color .35s}
.honor-stats>div::after{content:'';position:absolute;right:-38px;bottom:-38px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(212,229,154,.42),transparent 70%)}
.honor-stats b{position:relative;z-index:1;display:block;font-size:34px;font-weight:600;line-height:1.2;letter-spacing:1px;color:var(--ink)}
.honor-stats span{position:relative;z-index:1;display:block;margin-top:8px;font-size:13px;letter-spacing:.6px;color:var(--muted)}
.honor-stats>div:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(23,63,50,.11);border-color:#ccd8c1}
.honor-group{margin-top:50px}
.honor-group-head{display:flex;align-items:center;gap:16px;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:26px}
.honor-group-head span{font-size:13px;letter-spacing:3px;font-weight:600;color:var(--ink)}
.honor-group-head b{margin-left:auto;font:20px Georgia,serif;font-weight:400;color:#a8bb8e}
.honor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.honor-card{display:flex;flex-direction:column;margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s}
.honor-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(23,63,50,.13);border-color:#ccd8c1}
.honor-media{position:relative;height:250px;display:grid;place-items:center;overflow:hidden;background:#f3f5ea;border-bottom:1px solid var(--line);cursor:zoom-in}
.honor-media::after{content:'点击查看大图';position:absolute;right:9px;bottom:9px;padding:5px 12px;border-radius:20px;background:rgba(23,63,50,.68);color:#fff;font-size:11px;letter-spacing:.6px;pointer-events:none;backdrop-filter:blur(3px)}
.honor-grid.tall .honor-media{height:330px}
.honor-card.wide .honor-media{height:380px}
.honor-media img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transition:transform .6s}
.honor-card:hover .honor-media img{transform:scale(1.05)}
.honor-card figcaption{padding:22px 24px 24px}
.honor-card figcaption h3{font-size:17.5px;font-weight:600;line-height:1.6;color:var(--ink)}
.honor-card figcaption p{margin-top:9px;font-size:13.5px;line-height:1.8;color:var(--muted)}
.honor-card figcaption p.honor-list{color:#4f7c3f;font-weight:500;letter-spacing:.3px;font-size:13px}
.honor-note{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;line-height:1.85;color:#8e9b87}

/* —— lightbox 证书大图 —— */
dialog.lightbox{display:flex;align-items:center;justify-content:center;width:min(900px,calc(100% - 28px));padding:22px;background:#fff}
dialog.lightbox img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:8px}
dialog.lightbox .dialog-close{z-index:2;right:6px;top:2px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 3px 12px #173f3220}

@media(max-width:1100px){.honor-section{padding:92px 0}.honor-stats{grid-template-columns:repeat(2,1fr);gap:14px}.honor-media{height:230px}.honor-grid.tall .honor-media{height:300px}.honor-card.wide .honor-media{height:340px}}
@media(max-width:800px){.honor-section{padding:70px 0}.honor-stats{gap:12px}.honor-stats>div{padding:18px}.honor-stats b{font-size:26px}.honor-stats span{font-size:12.5px}.honor-group{margin-top:38px}.honor-grid{grid-template-columns:1fr 1fr;gap:12px}.honor-media{height:185px}.honor-grid.tall .honor-media{height:240px}.honor-card.wide .honor-media{height:260px}.honor-card figcaption{padding:16px 16px 18px}.honor-card figcaption h3{font-size:15.5px}.honor-card figcaption p{font-size:12.5px}.honor-media::after{font-size:10px;padding:4px 9px;right:7px;bottom:7px}}
@media(max-width:360px){.honor-grid{grid-template-columns:1fr}.honor-media{height:250px}.honor-grid.tall .honor-media{height:270px}.honor-card.wide .honor-media{height:270px}}
@media(prefers-reduced-motion:reduce){.honor-card,.honor-stats>div,.honor-media img{transition:none}.honor-card:hover,.honor-stats>div:hover{transform:none}.honor-card:hover .honor-media img{transform:none}}


/* ================= v7 · 2026-10-09 系统性改版 =================
   统一视觉规范：内容最大宽 1200px；电脑端板块间距 72–88px；
   手机端板块间距 48–56px、左右留白 20px；正文 16px / 辅助 14px / 行距 1.7。 */

:root{--fs-body:16px;--fs-note:14px;--fs-card:15px;--lh:1.7;--radius:18px;--gap-desk:84px;--gap-mob:52px}

/* —— 一、容器与节奏 —— */
.shell{width:min(1200px,calc(100% - 96px))}
.section,.business-section,.culture-section,.digital-section,.honor-section,.plan,.contact-section{padding-top:var(--gap-desk);padding-bottom:var(--gap-desk)}
.section-heading{margin-bottom:40px;align-items:flex-end}
.section-heading>p{font-size:var(--fs-note);line-height:var(--lh)}
.section-heading h2{font-size:clamp(28px,3.2vw,40px);line-height:1.3}

/* —— 二、统一字号层级 —— */
body{font-size:var(--fs-body);line-height:var(--lh)}
.about-body .lead{font-size:var(--fs-body);line-height:var(--lh);margin-bottom:18px}
.about-body>p{font-size:var(--fs-body);line-height:var(--lh);color:#5c6b5c}
.about-body>p+p{margin-top:16px}
.digital-grid p{font-size:var(--fs-body);line-height:var(--lh);max-width:560px}
.contact-grid>div>p{font-size:var(--fs-body);line-height:var(--lh)}
.plan-grid p,.scene-body p{font-size:var(--fs-card);line-height:var(--lh)}
.business-card p{font-size:var(--fs-card);line-height:var(--lh)}
.hero-content>p{font-size:var(--fs-body);line-height:var(--lh);max-width:520px}
.principles span{font-size:var(--fs-note)}
.honor-note,.business-legend,.plan-note,.shots-note,.digital-caption{font-size:var(--fs-note);line-height:var(--lh)}

/* —— 三、按钮与卡片统一 —— */
.button{border-radius:30px;min-height:48px;padding:14px 26px;font-size:var(--fs-note);gap:12px}
.business-card,.honor-card,.plan-grid article,.scene-grid article,.core-data>div{border-radius:var(--radius);border:1px solid var(--line);background:#fff}
.contact-card{border-radius:var(--radius);border:1px solid transparent}
.business-card:hover,.plan-grid article:hover,.scene-grid article:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(23,63,50,.10)}

/* —— 四、首屏 —— */
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:26px 0 0}
.hero-tags li{border:1px solid rgba(255,255,255,.42);border-radius:30px;padding:8px 16px;font-size:var(--fs-note);letter-spacing:.5px;color:#eaf1e0}
.button.ghost{background:transparent;border:1px solid rgba(255,255,255,.55);color:#fff}
.button.ghost:hover{background:rgba(255,255,255,.14)}
.hero-actions{gap:14px;flex-wrap:wrap;margin-top:26px}
.image-hero .hero-bottom{height:64px}
.theme-credit{font-size:11px}

/* —— 五、关于集团：核心数据带 + 发展节点 —— */
.about{display:block}
.about-top{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}
.core-data{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:44px}
.core-data>div{padding:22px 22px 20px}
.core-data b{display:block;font-size:28px;font-weight:600;letter-spacing:.5px;color:var(--ink);line-height:1.25;white-space:nowrap}
.core-data span{display:block;margin-top:8px;font-size:var(--fs-note);color:var(--muted);line-height:1.5}
.core-data .core-note{grid-column:1/-1;margin-top:2px;font-size:13px;line-height:1.75;color:#8a9683}
.timeline{margin-top:44px}
.timeline-title{font-size:var(--fs-body);font-weight:600;margin-bottom:18px}
.timeline ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.timeline li{position:relative;padding:0 0 20px 24px}
.timeline li:last-child{padding-bottom:0}
.timeline li::before{content:'';position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--lime);border:2px solid #f7f7ef}
.tl-year{display:inline-block;font-size:var(--fs-note);font-weight:600;letter-spacing:1px;color:#4f7c3f}
.timeline b{display:block;font-size:var(--fs-body);margin:6px 0 6px}
.timeline p{font-size:var(--fs-card);line-height:var(--lh);color:var(--muted)}

/* —— 六、产业与业务 —— */
.business-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.business-card{min-width:0}
.business-card .business-info{min-width:0}
.business-note{display:none}
.business-card{padding:0 0 22px;min-height:0;display:flex;flex-direction:column}
.business-card .business-info{display:flex;flex-direction:column;flex:1;padding:0 24px}
.business-image{height:190px;margin-bottom:20px}
.business-card .card-index,.business-card .card-status,.business-card h3,.business-card p,.business-card .card-bottom{margin-left:0;margin-right:0}
.card-status{position:absolute;right:16px;top:16px;padding:4px 12px;border-radius:20px;font-size:12px;letter-spacing:.5px;background:#e8f0da;color:#3f6b2f;border:1px solid #cfe0b8}
.card-status.plan{background:#f4efe0;color:#8a6a24;border-color:#e6d9b6}
.business-card h3{font-size:21px;margin:12px 0 0;letter-spacing:.5px}
.business-card p{margin:10px 0 20px;color:#5c6b5c}
.business-card .card-bottom{padding-top:14px;font-size:var(--fs-note)}
.business-card.feature{grid-column:span 2;flex-direction:row}
.business-card.feature .business-image{width:46%;height:auto;min-height:260px;margin:0}
.business-card.feature .business-info{padding:28px 28px 24px;justify-content:center}
.business-card.feature h3{font-size:25px}
.business-card.feature p{max-width:420px}
.business-card.feature .card-bottom{margin-top:26px}
.card-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0;padding:0;list-style:none}
.card-tags li{font-size:12.5px;letter-spacing:.3px;padding:5px 11px;border-radius:20px;background:#eef3e0;border:1px solid #dbe6c4;color:#4a663d}
.business-legend{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px;color:#7c8a76}
.business-legend .lg{display:inline-flex;align-items:center;gap:8px}
.business-legend i{width:11px;height:11px;border-radius:50%;display:inline-block}
.business-legend .dot-live{background:#69924a}
.business-legend .dot-plan{background:#c9a94e}

/* —— 七、企业文化：三场景 —— */
.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.scene-grid article{overflow:hidden;display:flex;flex-direction:column}
.scene-grid article>img{width:100%;height:210px;object-fit:cover;border-bottom:1px solid var(--line)}
.scene-body{padding:24px 24px 26px}
.scene-label{display:inline-block;font-size:13px;letter-spacing:2px;color:#4f7c3f;font-weight:600}
.scene-body h3{font-size:19px;margin:12px 0 10px;line-height:1.45}
.scene-body p{color:#5c6b5c}

/* —— 八、数字农业 —— */
.digital-faq{list-style:none;padding:0;margin:26px 0 26px;display:grid;gap:12px;max-width:560px}
.digital-faq li{font-size:var(--fs-card);line-height:var(--lh);color:#c6d3c6;padding-left:0}
.digital-faq b{display:inline-block;min-width:76px;color:var(--lime);font-weight:600;margin-right:6px}
.digital-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;align-items:start}
.digital-shots figure{margin:0;border-radius:16px;overflow:hidden;border:1px solid #6f8a7466;background:#12352c}
.digital-shots img{width:100%;height:auto;display:block}
.digital-shots figcaption{padding:12px 6px;text-align:center;font-size:var(--fs-note);color:#bcd0bd;letter-spacing:.5px;background:#173f32}
.shots-note{grid-column:1/-1;margin-top:6px;color:#9dbda2}
.digital-art{display:none}

/* —— 九、资质荣誉 —— */
.honor-stats{display:none}
.honor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.honor-grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.honor-grid.g2 .honor-media,.honor-grid.g2 .honor-card.port .honor-media,.honor-grid.g2 .honor-card.land .honor-media{aspect-ratio:auto;height:430px}
.honor-media{height:auto;aspect-ratio:4/3;background:#f3f5ea}
.honor-card.port .honor-media{aspect-ratio:3/4}
.honor-card.land .honor-media{aspect-ratio:4/3}
.honor-media img{width:100%;height:100%;object-fit:contain;padding:10px}
.honor-card:hover .honor-media img{transform:none}
.honor-card figcaption{padding:20px 22px 22px}
.honor-card figcaption h3{font-size:17px;line-height:1.5}
.honor-card figcaption dl{margin:12px 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px}
.honor-card figcaption dt{font-size:13px;color:#8a9683;white-space:nowrap}
.honor-card figcaption dd{margin:0;font-size:var(--fs-note);color:#4d5b4d;overflow-wrap:anywhere}
.honor-group{margin-top:44px}
.honor-note{margin-top:28px;padding-top:16px;color:#8a9683}

@media(max-width:1100px){.honor-grid{gap:14px}.honor-grid.g2 .honor-media,.honor-grid.g2 .honor-card.port .honor-media,.honor-grid.g2 .honor-card.land .honor-media{height:360px}}

/* —— 十、产业发展规划 —— */
.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.plan-grid article{padding:26px 24px 28px;position:relative;display:flex;flex-direction:column}
.plan-index{font:24px Georgia,serif;color:#bccfa4}
.plan-stage{align-self:flex-start;margin-top:12px;padding:4px 11px;border-radius:20px;font-size:12px;background:#eef3e0;color:#4f7c3f;border:1px solid #dbe6c4}
.plan-grid h3{font-size:19px;margin:14px 0 10px;line-height:1.45}
.plan-grid p{color:#5c6b5c}
.plan-cond{display:block;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:13px;line-height:1.65;color:#8a9683}
.plan-note{margin-top:22px;color:#8a9683}

/* —— 十一、联系我们与页脚 —— */
.contact-grid{gap:56px}
.contact-info{margin-top:26px;display:grid;gap:18px;max-width:440px}
.contact-info b{display:block;font-size:var(--fs-note);letter-spacing:1px;color:#4f7c3f;margin-bottom:6px}
.contact-info p{font-size:var(--fs-card);line-height:var(--lh);color:#5c6b5c}
.contact-card{padding:34px 36px 30px}
.contact-qr{margin:24px 0 0;display:flex;align-items:center;gap:14px}
.contact-qr img{width:104px;height:104px;border-radius:10px;background:#fff;padding:5px;border:1px solid rgba(255,255,255,.3)}
.contact-qr figcaption{font-size:var(--fs-note);color:#cfe0c2}
.footer-top{gap:24px}
.footer-top>div{gap:20px;font-size:var(--fs-note);flex-wrap:wrap}
.footer-bottom{display:block;padding:22px 0 28px;font-size:13px;line-height:1.75;color:#7c8a76}
.footer-bottom .credit{margin-bottom:12px;max-width:900px}
.footer-bottom .credit b{color:#4d5b4d}
.footer-bottom>span{display:block;margin-bottom:10px}
.footer-bottom>div{display:flex;gap:20px}

/* —— 十二、详情弹窗 —— */
dialog.detail-dialog,#detail-dialog{padding:0;width:min(620px,calc(100% - 32px));max-height:88vh;overflow:hidden}
.detail-body{overflow:auto;max-height:88vh;padding:0 0 32px}
.detail-body>img{width:100%;height:210px;object-fit:cover;display:block}
.detail-body>#detail-category,.detail-body>h2,.detail-body>p,.detail-body>h3,.detail-body>ul,.detail-body>.button{margin-left:32px;margin-right:32px}
.detail-body>#detail-category{margin-top:24px}
.detail-body>h2{font-size:26px;margin-top:10px;margin-bottom:14px}
.detail-sub{font-size:var(--fs-note);letter-spacing:1.5px;color:#4f7c3f;margin-top:24px;margin-bottom:10px}
.detail-body ul{padding-left:20px;margin-top:0;margin-bottom:8px}
.detail-body li{font-size:var(--fs-card);line-height:var(--lh);color:#4d5b4d}
.detail-body>p{font-size:var(--fs-body);line-height:var(--lh);color:#5c6b5c}
.detail-body>.button{margin-top:26px}
#detail-dialog .dialog-close{right:14px;top:14px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 3px 12px #173f3220;display:grid;place-items:center;font-size:26px;line-height:1}

/* —— 十三、证书大图 —— */
dialog.lightbox{display:none;width:min(920px,calc(100% - 28px));padding:20px}
dialog.lightbox[open]{display:flex;align-items:center;justify-content:center}
dialog.lightbox img{max-height:76vh;width:auto}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 3px 12px #173f3220;font-size:26px;line-height:1;display:grid;place-items:center;z-index:2}
.lb-prev{left:10px}.lb-next{right:10px}

/* —— 十四、手机悬浮电话按钮 —— */
.mobile-call.is-hidden{display:none!important}

/* ============ 移动端（≤800px）============ */
@media(max-width:800px){
  .shell{width:calc(100% - 40px)}
  .section,.business-section,.culture-section,.digital-section,.honor-section,.plan,.contact-section{padding-top:var(--gap-mob);padding-bottom:var(--gap-mob)}
  .section-heading{margin-bottom:26px}
  .section-heading>p{margin-top:14px}

  /* 首屏：降低高度，露出下方内容 */
  .image-hero{min-height:0}
  .hero-content{padding:76px 0 54px}
  .hero-content h1{font-size:44px;letter-spacing:2px;margin:18px 0}
  .hero-content>p{font-size:var(--fs-body);line-height:1.6}
  .hero-tags{gap:8px;margin-top:20px}
  .hero-tags li{padding:7px 13px;font-size:13.5px}
  .hero-actions{gap:12px;margin-top:22px}
  .button{padding:13px 20px;font-size:var(--fs-note)}
  .image-hero .hero-bottom{height:auto;padding:16px 0}
  .image-hero .hero-bottom>a{display:block}

  /* 关于集团 */
  .about-top{grid-template-columns:1fr;gap:26px}
  .about-picture{margin:22px 0 0}
  .about-picture img{height:190px}
  .about-body .lead,.about-body>p{font-size:var(--fs-body);line-height:var(--lh)}
  .core-data{grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
  .core-data b{font-size:20px}
  .core-data>div{padding:16px}
  .core-data span{font-size:13.5px}
  .core-data .core-note{font-size:12.5px}
  .timeline{margin-top:30px}
  .timeline p{font-size:var(--fs-card)}

  /* 产业与业务：单列 */
  .business-grid{grid-template-columns:1fr;gap:16px}
  .business-card.feature{grid-column:auto;flex-direction:column}
  .business-card.feature .business-image{width:100%;height:200px;min-height:0}
  .business-card.feature .business-info{padding:22px 22px 20px}
  .business-card.feature h3{font-size:22px}
  .business-card .business-info{padding:0 20px}
  .business-image{height:190px}
  .business-card h3{font-size:20px}
  .business-card p{font-size:var(--fs-card);line-height:var(--lh)}
  .business-card .card-bottom{font-size:var(--fs-note)}
  .business-card.feature .card-bottom{margin-top:20px}
  .card-tags{margin-top:16px;gap:7px}
  .card-tags li{font-size:12.5px;padding:5px 11px}

  /* 企业文化：单列 */
  .scene-grid{grid-template-columns:1fr;gap:16px}
  .scene-grid article>img{height:190px}
  .scene-body{padding:20px}
  .scene-body p{font-size:var(--fs-card)}

  /* 数字农业：取消倾斜，上下排列 */
  .digital-grid{grid-template-columns:1fr;gap:30px}
  .digital-grid h2{font-size:28px}
  .digital-grid p{font-size:var(--fs-body)}
  .digital-faq li{font-size:var(--fs-card)}
  .digital-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .digital-shots figcaption{font-size:12px;padding:9px 2px}

  /* 资质荣誉：单列 + 左缩略图右信息 */
  .honor-grid,.honor-grid.g2{grid-template-columns:1fr;gap:12px}
  .honor-card,.honor-card.port,.honor-card.land{flex-direction:row;align-items:stretch}
  .honor-media,.honor-card.port .honor-media,.honor-card.land .honor-media,.honor-grid.g2 .honor-media,.honor-grid.g2 .honor-card.port .honor-media,.honor-grid.g2 .honor-card.land .honor-media{width:112px;flex:0 0 112px;aspect-ratio:1/1;height:auto;border-bottom:0;border-right:1px solid var(--line)}
  .honor-media img{padding:7px}
  .honor-media::after{display:none}
  .honor-card figcaption{padding:14px 16px;flex:1;min-width:0}
  .honor-card figcaption h3{font-size:15.5px;line-height:1.45}
  .honor-card figcaption dl{margin-top:8px;gap:4px 10px}
  .honor-card figcaption dt{font-size:12px}
  .honor-card figcaption dd{font-size:13px}
  .honor-group{margin-top:32px}
  .honor-group-head{padding-bottom:12px;margin-bottom:18px}

  /* 产业发展规划：单列 */
  .plan-grid{grid-template-columns:1fr;gap:14px}
  .plan-grid article{padding:22px 20px}
  .plan-grid p,.plan-cond{font-size:var(--fs-card)}

  /* 联系我们 */
  .contact-grid{gap:24px}
  .contact-card{padding:26px 24px}
  .contact-info{max-width:none}
  .contact-info p{font-size:var(--fs-card)}
  .contact-qr img{width:96px;height:96px}

  /* 弹窗 */
  #detail-dialog{width:calc(100% - 24px);max-height:90vh}
  .detail-body{max-height:90vh;padding-bottom:26px}
  .detail-body>img{height:180px}
  .detail-body>#detail-category,.detail-body>h2,.detail-body>p,.detail-body>h3,.detail-body>ul,.detail-body>.button{margin-left:20px;margin-right:20px}
  .detail-body>h2{font-size:22px}
  .detail-body>p,.detail-body li{font-size:var(--fs-card)}
  #detail-dialog .dialog-close{right:10px;top:10px;width:38px;height:38px}
  dialog.lightbox{padding:14px}
  dialog.lightbox img{max-height:72vh}
  .lb-nav{width:40px;height:40px;font-size:22px}
  .lb-prev{left:4px}.lb-next{right:4px}
}
@media(max-width:360px){
  .hero-content h1{font-size:40px}
  .core-data{grid-template-columns:1fr}
  .business-card.feature .business-image{height:170px}
  .digital-shots{grid-template-columns:1fr 1fr}
}


/* 关于笃行板块（2026-11-05 文案改稿） */
.about-idea{padding-top:72px;padding-bottom:40px}
.about-idea .section-heading{margin-bottom:8px}
.about-idea .principles{margin-top:28px}
.about-idea .values-grid{margin-top:28px}
@media(max-width:800px){.about-idea{padding-top:48px;padding-bottom:24px}}
/* 企业宣传片 2026-11-07 */
.promo-video{padding-top:72px;padding-bottom:64px}
.promo-video-head{margin-bottom:28px}
.promo-video-head h2{margin-top:0}
.promo-video-frame{margin:0;background:var(--ink);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(23,63,50,.12)}
.promo-video-frame video{display:block;width:100%;height:auto;background:var(--ink)}
.promo-video-frame video:focus-visible{outline:3px solid #6b9d43;outline-offset:5px}
@media(max-width:800px){
  .promo-video{padding-top:48px;padding-bottom:36px}
  .promo-video-frame{border-radius:14px}
}

/* culture heading one-line 20261112 */
.culture-section .section-heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
}
.culture-section .section-heading h2,
.culture-section .section-heading>p{
  white-space:nowrap;
}
@media (max-width:800px){
  .culture-section .section-heading h2,
  .culture-section .section-heading>p{
    white-space:normal;
  }
}