:root{color-scheme:light;--paper:#f6f7f2;--ink:#17251f;--muted:#5f6a62;--line:#dce3d8;--green:#225f45;--hero:#122820;--lime:#d9f980;--white:#fff;--r:22px;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:15px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6ea04a;outline-offset:4px}[hidden]{display:none!important}img{display:block;max-width:100%}html{scroll-behavior:smooth;scroll-padding-top:100px}.wrap{width:min(1260px,calc(100% - 72px));margin-inline:auto}.top{position:sticky;top:0;z-index:5;background:#f6f7f2f5;border-bottom:1px solid #dce3d8b5;backdrop-filter:blur(10px)}.nav{height:70px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-weight:850;white-space:nowrap;font-size:18px}.brand img{width:37px}.brand>span{display:flex;align-items:center;gap:10px}.brand-divider{height:17px;width:1px;background:#cdd7cc}.brand small{font-size:14px;font-weight:650;color:#526359}.nav nav{display:flex;gap:31px;font-weight:600;color:#4b5b51}.nav nav a:hover,.footer a:hover{color:var(--green);text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:11px;min-height:48px;padding:0 17px;font-weight:720;white-space:nowrap}.compact{min-height:40px;padding:0 13px;font-size:13px}.button:hover{filter:brightness(.96)}.dark{background:#1e3e30;color:#fff}.lime{background:var(--lime);color:#1b351c}.outline{background:transparent;border-color:var(--line);color:var(--ink)}.hero{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:30px 36px;align-items:center;background:radial-gradient(ellipse at 88% 22%,#315642 0%,#183428 44%,#11261e 78%);color:#fff;margin-top:30px;border-radius:var(--r);padding:43px 45px 0;overflow:hidden}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.115em;margin:0 0 13px;color:#c3d8c6}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d9f980;margin-right:8px;box-shadow:0 0 10px #c9f57d6e}.accent{color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4.2vw,61px);line-height:1.15;letter-spacing:-.055em;margin-bottom:19px;font-weight:850}h1 span{color:var(--lime)}.intro{color:#d6e4d8;line-height:1.85;max-width:440px;margin-bottom:26px}.hero-actions{display:flex;gap:20px;align-items:center}.play-icon{font-size:12px}.hero-link{font-size:14px;color:#d5e6d7;font-weight:650}.hero-link span{margin-left:4px}.hero-media{width:100%;min-width:0}.hero-frame{position:relative;width:100%;display:block;text-align:left;overflow:hidden;border-radius:16px;background:#24372c;border:1px solid #ffffff25;aspect-ratio:1.6;color:#fff;padding:0;isolation:isolate}.hero-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 54%,#06140dbb);pointer-events:none}.hero-frame>img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.hero-frame .hero-label,.hero-frame .hero-caption,.hero-frame .hero-play{position:absolute;z-index:1}.hero-label{top:14px;left:14px;background:#ecf6e9;color:#183326;padding:6px 10px;border-radius:8px;font-weight:750;font-size:12px}.hero-caption{bottom:14px;left:15px;font-size:14px;font-weight:720}.hero-play{bottom:14px;right:15px;background:var(--lime);border-radius:50%;height:42px;width:42px;display:grid;place-items:center;color:#193225;font-size:14px}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:15px 0 19px;border-top:1px solid #ffffff28;color:#a7c5b2;font-size:12px}.hero-bottom b{color:#e1ede1;margin-left:5px}.hero-bottom i{height:1px;width:25px;background:#8db69d;opacity:.5}.cases,.method{margin:47px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-top h2,.method h2{font-size:clamp(27px,3.1vw,40px);letter-spacing:-.045em;margin:0 0 9px}.sub{color:var(--muted);line-height:1.65;margin-bottom:0}.search{flex:0 0 260px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 11px;height:42px}.search svg{width:20px;color:#5c7365}.search input{min-width:0;width:100%;border:none;background:none;color:var(--ink);outline:none}.search:focus-within{border-color:#6ea04a;box-shadow:0 0 0 2px #6ea04a33}.filter-row{margin:20px 0 15px;display:flex;align-items:center;justify-content:space-between;gap:13px}.filters{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid #dce4d8;border-radius:9px;background:#fff;color:#496054;padding:7px 11px;font-size:13px;font-weight:650;min-height:35px}.chip[aria-pressed=true]{background:#e3efdf;border-color:#a5c5a3;color:#194a2f}.count{color:var(--muted);font-size:13px;margin:0;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:15px;padding:0;overflow:hidden;transition:transform .16s,border-color .16s,box-shadow .16s}.card:hover{transform:translateY(-3px);border-color:#a6bfa7;box-shadow:0 9px 20px #233c2510}.card-cover{height:auto;aspect-ratio:1.78;position:relative;background:#e2ebe1;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.cover-play{position:absolute;bottom:10px;right:10px;background:#fffffff0;color:#173629;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px}.card-copy{padding:14px 15px 15px}.tag{display:inline-block;background:#eaf2e9;color:#255d41;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:750}.card-copy h3{font-size:19px;margin:8px 0 6px;line-height:1.4}.card-copy p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 12px}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6ece5;padding-top:10px;font-size:12px;font-weight:650;color:#39614b}.empty{padding:36px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px}.method{border-top:1px solid var(--line);padding-top:32px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.method-grid article{background:#eaf0e6;padding:19px 21px;border-radius:13px}.method-grid span{font-size:11px;color:#417453;letter-spacing:.12em;font-weight:750}.method-grid h3{margin:10px 0 5px;font-size:17px}.method-grid p{margin:0;color:#516055;line-height:1.65;font-size:14px}.footer{border-top:1px solid var(--line);color:#516055;font-size:13px}.footer .wrap{display:flex;gap:16px;justify-content:space-between;padding-block:23px}dialog{width:min(1050px,calc(100% - 30px));max-height:calc(100dvh - 34px);border:1px solid #c9d8ca;border-radius:18px;background:#fbfcf8;color:var(--ink);padding:0;box-shadow:0 20px 80px #0005;overscroll-behavior:contain}dialog::backdrop{background:#102018bd;backdrop-filter:blur(4px)}body:has(dialog[open]){overflow:hidden}.dialog-top,.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 23px;background:#fbfcf8;position:sticky;z-index:2}.dialog-top{top:0;border-bottom:1px solid var(--line)}.dialog-bottom{bottom:0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.dialog-top .eyebrow{margin:0}.dialog-actions{display:flex;align-items:center;gap:9px}.close{height:40px;width:40px;background:#edf2eb;border:0;border-radius:9px;color:#213d2d;font-size:25px}.detail-main{padding:23px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:23px}.detail-title{font-size:30px;letter-spacing:-.035em;margin:0 0 9px}.detail-desc{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:14px}.detail-subhead{font-size:14px;font-weight:800;color:#264d38;margin:13px 0 7px}.steps{list-style:none;padding:0;margin:0;counter-reset:step}.steps li{counter-increment:step;display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;padding:7px 0;color:#3d5245;line-height:1.55;font-size:13px}.steps li:before{content:counter(step,decimal-leading-zero);display:grid;place-items:center;color:#23553c;background:#e1efdd;border-radius:6px;width:24px;height:24px;font-size:11px;font-weight:800}.impact{background:#ebf3e7;border-radius:10px;padding:10px 12px;margin:10px 0 0;color:#315c42;font-size:13px;line-height:1.6}.video-area{min-width:0}.video-area video{display:block;width:100%;max-height:min(54vh,480px);aspect-ratio:16/10;background:#10231a;border-radius:11px;object-fit:contain}.video-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.video-note{margin:9px 0 0;color:var(--muted);font-size:12px}.gallery-section{padding:0 23px 23px}.gallery-section h3{margin:0 0 10px;font-size:17px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,44%),1fr));gap:9px}.asset{display:block;min-width:0;padding:0;text-align:left;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.asset img{width:100%;height:105px;object-fit:contain;background:#eef3eb}.asset span{display:block;padding:7px 9px;font-size:12px;font-weight:650}.image-dialog{width:max-content;max-width:calc(100% - 25px);padding:13px;position:relative}.image-dialog img{max-height:75vh;max-width:min(86vw,900px);object-fit:contain}.image-dialog p{margin:8px 0 0;text-align:center;color:var(--muted);font-size:13px}.image-dialog .close{position:absolute;top:17px;right:17px}
@media(max-width:930px){.wrap{width:calc(100% - 44px)}.hero{padding:34px 29px 0;gap:22px}.grid{gap:13px}.card-copy h3{font-size:17px}.hero-actions{gap:12px}.intro{font-size:14px}}
@media(max-width:680px){.wrap{width:calc(100% - 30px)}.nav{height:61px;gap:10px}.nav nav{display:none}.brand{font-size:16px}.brand img{width:33px}.brand small{font-size:12px}.hero{margin-top:15px;grid-template-columns:1fr;padding:24px 17px 0;gap:19px;border-radius:16px}.hero .eyebrow{font-size:11px}h1{font-size:clamp(33px,8vw,46px);margin-bottom:12px}.intro{margin-bottom:16px}.hero-frame{aspect-ratio:1.85}.hero-bottom{padding:10px 0 12px;gap:8px;font-size:11px}.hero-bottom i{width:11px}.cases,.method{margin:32px 0}.section-top{display:grid;gap:13px}.search{height:40px}.filter-row{align-items:flex-start}.filters{gap:5px}.chip{font-size:12px;padding:5px 8px;min-height:32px}.count{padding-top:6px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card-copy{padding:10px}.card-copy h3{font-size:15px}.card-copy p{font-size:12px}.card-footer{font-size:11px}.method-grid{grid-template-columns:1fr;gap:9px}.footer .wrap{flex-wrap:wrap;gap:9px;padding-block:16px}.detail-main{grid-template-columns:1fr;padding:15px;gap:15px}.gallery-section{padding:0 15px 16px}.dialog-top,.dialog-bottom{padding:9px 12px}.detail-title{font-size:24px}.video-area video{max-height:42vh}.dialog-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.asset.wide img{height:auto;max-height:45vh;object-fit:contain}.asset.wide{width:100%}
.hero-visual{display:grid;grid-template-columns:.74fr 1.26fr;position:absolute;inset:0}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 34%}.hero-input{position:relative;display:grid;place-items:center;background:#e5ecde;border-right:1px solid #d7e2d2;overflow:hidden}.hero-input>img{height:76%;width:88%;object-fit:contain;mix-blend-mode:multiply}.input-badge{position:absolute;bottom:39px;left:14px;font-size:11px;font-weight:750;color:#213d2e;background:#ffffffe3;padding:5px 8px;border-radius:6px;z-index:1}.hero-frame .hero-label{left:auto;right:14px}.hero-frame:after{background:linear-gradient(transparent 66%,#071910db)}
.hero-visual{grid-template-rows:minmax(0,1fr)}.hero-input{min-height:0}.hero-input>img{position:absolute;inset:10% 8% 21%;width:84%;height:69%}.hero-input .input-badge{bottom:45px}