:root{--paper:#f7f7f3;--surface:#fff;--ink:#1c2925;--muted:#606c65;--green:#367565;--soft:#e7eee8;--line:#d9dfd9;--dark:#1d3129;--cream:#eee9df;--radius:14px;--bg:var(--paper);--accent:var(--green);--border:var(--line);--text:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font-family:HarborMiSans,"MiSans","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure,ul,ol{margin:0}h1,h2,h3,h4{line-height:1.3;font-weight:500;letter-spacing:-.025em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}img{display:block;width:100%;height:auto}video{display:block;width:100%;max-height:76vh;background:#13241c;border-radius:10px}p{color:var(--muted)}ul,ol{padding-left:1.2em}li+li{margin-top:10px}.shell{width:calc(100% - 96px);max-width:1200px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:600;text-transform:uppercase;color:var(--green)}.muted{color:var(--muted)}.small{font-size:13px}.caption{font-size:12px;color:var(--muted);line-height:1.65}.green{color:var(--green)}.skip-link{position:fixed;top:8px;left:8px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);z-index:99;background:white}.skip-link:focus{width:auto;height:auto;clip-path:none;padding:12px 18px}
.site-header{border-bottom:1px solid var(--line)}.site-header>.shell{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:22px;letter-spacing:-.06em;font-weight:600;display:flex;align-items:center;gap:10px}.brand svg{width:25px;height:25px}.back-link{font-size:13px;color:var(--muted);min-height:44px;display:flex;align-items:center;gap:8px}.back-link:hover{color:var(--green)}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.breadcrumb a:hover{color:var(--green)}.case-hero{padding:56px 0 62px}.case-hero>.eyebrow{margin-bottom:20px}.case-hero h1{font-size:60px;line-height:1.2;max-width:930px}.case-hero .lead{font-size:19px;max-width:760px;line-height:1.9;margin-top:25px}.case-hero .tags{margin-top:28px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.hero-grid h1{font-size:52px}.hero-grid .lead{font-size:17px}.hero-image{border-radius:var(--radius);overflow:hidden;background:var(--soft)}.hero-image img{aspect-ratio:4/3;object-fit:cover}.tags{display:flex;flex-wrap:wrap;gap:9px}.tag,.chip{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:4px 10px;color:var(--muted);font-size:11px;line-height:1.5}.tag.accent,.chip.accent{background:var(--soft);color:var(--green);border-color:transparent}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:26px 0;border-top:1px solid var(--line);margin-top:40px}.case-meta dt{font-size:11px;color:var(--muted);margin-bottom:7px}.case-meta dd{font-size:14px;margin:0}.page-nav{position:sticky;top:0;z-index:10;display:flex;gap:27px;align-items:center;flex-wrap:wrap;background:rgba(247,247,243,.96);backdrop-filter:blur(12px);padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.page-nav a{display:inline-flex;align-items:center;min-height:24px;gap:8px;white-space:nowrap}.page-nav a:hover,.page-nav a[aria-current=true]{color:var(--green)}.page-nav span{font-size:10px;color:var(--green)}
.case-section{padding:82px 0;border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:15px}.section-heading h2{font-size:36px;line-height:1.35}.section-heading>p{font-size:15px;line-height:1.9}.section-heading.single{display:block;max-width:740px}.section-heading.single>p{margin-top:20px}.section-intro{max-width:740px;margin-bottom:30px}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.split.reverse{direction:rtl}.split.reverse>*{direction:ltr}.split.wide-left{grid-template-columns:1.3fr 1fr}.split.wide-right{grid-template-columns:1fr 1.45fr}.prose p+p{margin-top:19px}.prose h3{font-size:24px;margin-bottom:18px}.prose ul{font-size:14px;color:var(--muted);margin-top:22px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.panel.soft{background:var(--soft);border-color:transparent}.panel h3{font-size:21px;margin-bottom:17px}.panel p{font-size:14px}.panel ul{font-size:14px;color:var(--muted);margin-top:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:white}.card .eyebrow{font-size:10px;margin-bottom:18px}.card h3{font-size:20px;margin-bottom:15px}.card p{font-size:13px}.card ul{font-size:13px;color:var(--muted);margin-top:18px}.note{background:var(--soft);border-left:2px solid var(--green);padding:18px 22px;margin-top:24px;font-size:13px;line-height:1.8;color:var(--muted)}.note strong{color:var(--ink);font-weight:500}.inline-note{font-size:12px;color:var(--muted);margin-top:15px}.check-list{list-style:none;padding:0}.check-list li{position:relative;padding-left:23px}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--green);font-size:13px}.step-list{display:grid;gap:0;list-style:none;padding:0}.step-list li{display:grid;grid-template-columns:42px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:23px 0;margin:0}.step-list li:first-child{padding-top:0}.step-list li:last-child{border:0;padding-bottom:0}.step-list .step-no{font-size:12px;color:var(--green)}.step-list h3{font-size:18px;margin-bottom:9px}.step-list p{font-size:14px}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.process-step{border:1px solid var(--line);border-radius:9px;padding:22px 17px;background:white}.process-step .eyebrow{font-size:9px;letter-spacing:.05em;margin-bottom:20px}.process-step h3{font-size:17px;margin-bottom:12px}.process-step p{font-size:12px}.process-step:last-child{background:var(--soft);border-color:#c9d9ce}.dark-panel{background:var(--dark);color:#f6f8f2;border-radius:var(--radius);padding:40px}.dark-panel .eyebrow{color:#a7c4b2}.dark-panel h3{font-size:26px}.dark-panel p{color:#bed0c4}.dark-panel .line{border-top:1px solid #496052;margin:24px 0}.dark-panel .split{gap:35px}.dark-panel .label{font-size:11px;color:#aac1b2}.dark-panel strong{font-weight:500}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:auto;background:white}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;background:#edf1eb;color:var(--muted);font-size:11px;font-weight:500;padding:16px}.data-table td{padding:20px 16px;border-top:1px solid var(--line);vertical-align:top;line-height:1.75}.data-table small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.data-table strong{font-weight:500}.status{display:inline-block;padding:3px 8px;border-radius:4px;background:var(--soft);color:var(--green);font-size:10px;white-space:nowrap}.status.pending{background:#efefea;color:var(--muted)}.field-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0}.field-list>div{border-bottom:1px solid var(--line);padding:15px 0}.field-list dt{color:var(--muted);font-size:11px;margin-bottom:7px}.field-list dd{margin:0;font-size:14px}.field-list .full{grid-column:1/-1}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.gallery.three{grid-template-columns:repeat(3,1fr)}.gallery.four{grid-template-columns:repeat(4,1fr)}.gallery figure{min-width:0}.gallery figcaption,.media-caption{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.65}.gallery .wide{grid-column:1/-1}.gallery img{border-radius:9px;background:#eeece5}.gallery .portrait img{aspect-ratio:4/5;object-fit:cover}.gallery .square img{aspect-ratio:1;object-fit:cover}.gallery .contain img{aspect-ratio:4/3;object-fit:contain;background:#eeece5}.zoomable{display:block;position:relative;cursor:zoom-in;border-radius:9px;overflow:hidden}.zoomable:after{content:'放大查看 ↗';position:absolute;right:11px;bottom:11px;padding:4px 8px;font-size:10px;background:rgba(255,255,255,.94);color:var(--ink);border-radius:4px;opacity:0;transition:opacity .18s}.zoomable:hover:after,.zoomable:focus-visible:after{opacity:1}.gallery .zoomable:after{opacity:1}.product-index{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:35px}.product-index a{display:block;background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .18s,border-color .18s}.product-index a:hover{transform:translateY(-3px);border-color:#8ba595}.product-index img{aspect-ratio:4/3;object-fit:contain;background:#f2f0e9}.product-index .product-intro{padding:22px}.product-index .eyebrow{font-size:9px}.product-index h3{font-size:20px;margin:8px 0}.product-index p{font-size:12px}.product-case{border:1px solid var(--line);border-radius:var(--radius);background:white;margin-top:24px;scroll-margin-top:95px;overflow:hidden}.product-case>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 32px;cursor:pointer}.product-case>summary::-webkit-details-marker{display:none}.product-case>summary:after{content:'＋';font-size:23px;font-weight:400;color:var(--green);flex:none}.product-case[open]>summary:after{content:'−'}.product-case[open]>summary{border-bottom:1px solid var(--line)}.product-case>summary .eyebrow{font-size:10px;display:block;margin-bottom:9px}.product-case>summary h3{font-size:27px}.product-case>summary p{font-size:12px;margin-top:7px}.product-body{padding:32px}.product-overview{display:grid;grid-template-columns:.85fr 1.3fr;gap:28px;align-items:start;margin-bottom:30px}.product-overview .source{padding:20px;background:#efeee9;border-radius:9px}.product-overview .source img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.product-overview .source .eyebrow{font-size:9px;margin-bottom:15px}.product-overview .output{border:1px solid var(--line);border-radius:9px;overflow:hidden}.product-overview .output img{aspect-ratio:4/3;object-fit:contain;background:#f7f4ed}.product-overview figcaption{padding:14px 18px;font-size:12px;color:var(--muted)}.product-overview .source figcaption{padding:14px 0 0}.module-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:34px 0 18px}.module-title h4{font-size:19px}.module-title p{font-size:12px}.module-stack{display:grid;gap:18px;max-width:920px;margin:0 auto}.module-stack img{border-radius:6px}.module-stack figcaption{font-size:11px;margin-top:8px;color:var(--muted)}.product-body .note{margin-top:28px}.full-page-summary{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.full-page-summary summary{font-size:14px;color:var(--green);cursor:pointer;min-height:44px;line-height:44px}.full-page-summary[open] summary{margin-bottom:18px}.video-card{border:1px solid var(--line);background:white;border-radius:var(--radius);overflow:hidden}.video-card video{border-radius:0;aspect-ratio:9/16;object-fit:contain;max-height:70vh}.video-card .video-copy{padding:23px}.video-card h3{font-size:22px;margin-bottom:12px}.video-card p{font-size:13px}.video-card .eyebrow{font-size:10px;margin-bottom:12px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.placeholder-media{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:46px 32px;min-height:240px;display:grid;align-content:center;gap:14px}.placeholder-media h3{font-size:26px}.placeholder-media p{font-size:14px}
.next-case{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px 0;border-bottom:1px solid var(--line)}.next-case .eyebrow{display:block;margin-bottom:10px}.next-case strong{font-size:31px;font-weight:500;line-height:1.3}.next-case .next-arrow{font-size:34px;color:var(--green)}.next-case:hover strong{color:var(--green)}.case-footer{padding:34px 0 40px}.case-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;font-size:14px;color:var(--muted);margin-bottom:22px}.case-links a{display:inline-flex;align-items:center;min-height:44px}.case-links a:hover{color:var(--green)}.case-links a[aria-current=page]{color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.case-links .footer-home{margin-left:auto}.footer-meta{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}
.lightbox{border:0;padding:0;border-radius:12px;background:#f8f8f3;width:min(1300px,calc(100% - 32px));max-height:94vh;box-shadow:0 28px 100px #0006}.lightbox::backdrop{background:#13241dde;backdrop-filter:blur(6px)}.lightbox-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;border-bottom:1px solid var(--line)}.lightbox-top p{font-size:12px;line-height:1.5;max-width:950px}.lightbox-tools{display:flex;gap:8px;flex:none}.lightbox button{border:1px solid var(--line);border-radius:5px;background:white;min-width:44px;height:44px;padding:0 13px;font-size:14px}.lightbox-stage{background:#e9ebe5;min-height:200px;max-height:77vh;overflow:auto;display:flex;justify-content:center;align-items:start}.lightbox-stage img{width:auto;max-width:100%;max-height:77vh;object-fit:contain}.lightbox.is-zoomed .lightbox-stage{display:block}.lightbox.is-zoomed .lightbox-stage img{max-width:none;max-height:none;min-width:100%;height:auto}.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;gap:20px;font-size:11px;color:var(--muted)}.lightbox-bottom .lightbox-tools{gap:7px}.lightbox-bottom button{height:36px;min-width:44px;font-size:12px}.lightbox-original{color:var(--green);min-height:36px;display:inline-flex;align-items:center}.lightbox-count{font-variant-numeric:tabular-nums}.lightbox button:disabled{opacity:.35;cursor:default}
@media(max-width:1020px){.shell{width:calc(100% - 56px)}.case-hero h1{font-size:49px}.case-hero .lead{font-size:17px}.hero-grid{gap:35px}.hero-grid h1{font-size:40px}.section-heading{gap:40px}.section-heading h2{font-size:30px}.process-grid{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(2,1fr)}.product-overview{grid-template-columns:1fr 1.3fr}.product-body{padding:25px}.product-case>summary{padding:25px}.gallery.three{gap:16px}.product-index{gap:16px}.product-index .product-intro{padding:18px}.product-index h3{font-size:18px}.page-nav{gap:16px;font-size:11px}.panel{padding:24px}.cards{gap:16px}.card{padding:22px}.dark-panel{padding:30px}.next-case strong{font-size:27px}}
@media(max-width:700px){html{scroll-padding-top:125px}.shell{width:calc(100% - 40px)}.site-header>.shell{height:68px}.brand{font-size:21px}.back-link{font-size:12px}.case-hero{padding:33px 0 35px}.breadcrumb{font-size:10px;margin-bottom:25px}.case-hero h1,.hero-grid h1{font-size:36px;line-height:1.27}.case-hero .lead,.hero-grid .lead{font-size:15px;line-height:1.9;margin-top:20px}.case-hero>.eyebrow{font-size:10px;margin-bottom:17px}.hero-grid{grid-template-columns:1fr;gap:28px}.case-meta{grid-template-columns:1fr;gap:18px;margin-top:28px;padding:22px 0 0}.case-meta dt{font-size:10px;margin-bottom:5px}.case-meta dd{font-size:13px}.page-nav{padding:13px 0;gap:8px 18px;font-size:11px}.page-nav a{min-height:25px}.page-nav span{font-size:9px}.case-section{padding:48px 0}.section-heading{grid-template-columns:1fr;gap:21px;margin-bottom:28px}.section-heading h2{font-size:28px}.section-heading .eyebrow{margin-bottom:13px;font-size:10px}.section-heading>p{font-size:14px;line-height:1.85}.split,.split.wide-left,.split.wide-right{grid-template-columns:1fr;gap:23px}.split.reverse{direction:ltr}.prose h3{font-size:22px}.prose p{font-size:14px}.panel{padding:22px}.panel h3{font-size:20px}.panel p,.panel ul{font-size:13px}.cards,.cards.two,.cards.four{grid-template-columns:1fr;gap:14px}.card{padding:24px}.card h3{font-size:21px}.card p{font-size:13px}.process-grid{grid-template-columns:1fr 1fr;gap:12px}.process-step{padding:20px 16px}.process-step .eyebrow{font-size:8px;margin-bottom:15px}.process-step h3{font-size:16px}.process-step p{font-size:11px}.process-step:last-child{grid-column:1/-1}.dark-panel{padding:27px 23px}.dark-panel h3{font-size:23px}.dark-panel p{font-size:14px}.note{padding:16px 18px;font-size:12px}.field-list{gap:0 16px}.field-list dd{font-size:12px}.field-list dt{font-size:10px}.table-wrap{overflow:visible;border:0;background:transparent}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{border:1px solid var(--line);border-radius:10px;background:white;margin-top:14px;overflow:hidden}.data-table td{padding:12px 16px;font-size:12px;display:grid;grid-template-columns:76px 1fr;gap:12px;border-top:1px solid #e5e9e2}.data-table td:first-child{background:#edf1eb;border:0}.data-table td:before{content:attr(data-label);font-size:10px;color:var(--muted);padding-top:2px}.data-table td>div{min-width:0}.data-table small{font-size:10px}.data-table .status{font-size:10px}.gallery,.gallery.three,.gallery.four{grid-template-columns:1fr;gap:20px}.gallery figcaption{font-size:11px;margin-top:10px}.gallery .wide{grid-column:auto}.gallery.mobile-two{grid-template-columns:1fr 1fr;gap:12px}.gallery.mobile-two figcaption{font-size:10px}.product-index{grid-template-columns:1fr;gap:13px}.product-index a{display:grid;grid-template-columns:120px 1fr}.product-index img{height:100%;aspect-ratio:auto;object-fit:contain}.product-index .product-intro{padding:18px}.product-index h3{font-size:20px}.product-index p{font-size:11px}.product-case>summary{padding:23px 20px;gap:16px}.product-case>summary .eyebrow{font-size:9px}.product-case>summary h3{font-size:24px}.product-case>summary p{font-size:11px}.product-body{padding:20px}.product-overview{grid-template-columns:1fr;gap:17px;margin-bottom:25px}.product-overview .source{padding:16px}.product-overview .source img{max-height:320px}.product-overview .output img{aspect-ratio:4/3}.product-overview figcaption{font-size:11px;padding:13px 15px}.module-title{display:block;margin:27px 0 15px}.module-title h4{font-size:19px}.module-title p{font-size:11px;margin-top:6px}.module-stack{gap:15px}.step-list li{grid-template-columns:28px 1fr;gap:13px;padding:20px 0}.step-list h3{font-size:18px}.step-list p{font-size:13px}.video-grid{grid-template-columns:1fr;gap:24px}.video-card .video-copy{padding:20px}.video-card h3{font-size:21px}.placeholder-media{padding:32px 25px;min-height:210px}.placeholder-media h3{font-size:23px}.placeholder-media p{font-size:13px}.next-case{padding:32px 0}.next-case strong{font-size:25px}.next-case .eyebrow{font-size:10px}.next-case .next-arrow{font-size:28px}.case-footer{padding:26px 0}.case-links{gap:4px 20px;font-size:13px}.case-links .footer-home{margin-left:0;flex-basis:100%}.footer-meta{display:block;font-size:12px}.footer-meta span+span{display:block;margin-top:9px}.lightbox{width:calc(100% - 16px);max-height:94vh}.lightbox-top{padding:10px 12px;gap:12px}.lightbox-top p{font-size:11px;line-height:1.45}.lightbox-top .lightbox-tools button{min-width:39px;height:39px;font-size:12px;padding:0 10px}.lightbox-top .lightbox-tools{gap:5px}.lightbox-stage,.lightbox-stage img{max-height:72vh}.lightbox-bottom{padding:10px 12px;gap:10px;font-size:10px}.lightbox-bottom button{font-size:11px;padding:0 9px}.lightbox-original{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}