@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
body{font-family:'Plus Jakarta Sans',sans-serif}
.development-page{color:#163c34;background:#fff}.dev-wrap{max-width:1216px;margin:auto}.dev-section{padding:76px 32px;scroll-margin-top:110px}.dev-soft{background:#f5f8f4}
.dev-heading{text-align:center;max-width:860px;margin:0 auto 38px}.dev-eyebrow{font-size:13px!important;letter-spacing:1.8px;font-weight:700;color:#408549!important;margin:0 0 14px!important}
.dev-heading h1{font-size:clamp(36px,3.4vw,52px);line-height:1.18;font-weight:800;letter-spacing:-1.2px}.dev-heading h1 span{color:#408549}
.dev-heading h2{font-size:clamp(28px,2.9vw,40px);line-height:1.25;font-weight:800;letter-spacing:-.8px}.dev-heading>p:not(.dev-eyebrow){font-size:18px;line-height:1.75;color:#587064;margin:18px auto 0;max-width:740px}
.dev-hero{background:#eef5ee;padding:58px 32px}.dev-hero .dev-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:54px;align-items:center}.dev-hero .dev-heading{margin:0}.dev-hero .dev-heading>p{max-width:560px}
.dev-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 24px;background:#408549;border-radius:6px;color:#fff;font-size:16px;font-weight:700;min-height:50px;margin-top:28px}.dev-button:hover{background:#326e3b}.dev-text-link{display:block;width:fit-content;margin:20px auto 0;color:#367443;font-size:16px;font-weight:650;text-decoration:underline;text-underline-offset:5px;line-height:1.6}
.development-page a:focus-visible,.development-page summary:focus-visible{outline:3px solid #8bbb91;outline-offset:5px}.dev-hero-media{position:relative}.dev-hero-media>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}.dev-media-note{background:#fff;border:1px solid #dee8dd;border-radius:0 0 12px 12px;padding:18px 22px;display:flex;justify-content:space-between;gap:12px;font-size:14px}.dev-media-note span{color:#687b6d}
.dev-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0}.dev-steps li{border-top:2px solid #bdd5bd;padding-top:22px}.dev-steps li>span{font-size:30px;font-weight:700;color:#629266}.development-page h3{font-size:22px;font-weight:700;line-height:1.4}.dev-steps h3{margin:12px 0}.dev-steps p,.dev-brief p,.dev-packaging p,.dev-artwork p{font-size:17px;line-height:1.8;color:#587064}
.dev-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.dev-format{background:#fff;border:1px solid #e1e8df;border-radius:12px;overflow:hidden}.dev-format>img{width:100%;aspect-ratio:1.55;object-fit:cover}.dev-format h3{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-size:20px}.dev-format h3 span{color:#408549}.dev-format:hover{border-color:#78a880}
.dev-packaging{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.dev-packaging>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.dev-packaging h3{font-size:26px;margin-bottom:18px}.dev-checks{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}.dev-checks li{font-size:16px;line-height:1.65;position:relative;padding-left:24px}.dev-checks li:before{content:'✓';position:absolute;left:0;color:#408549}.dev-packaging .dev-text-link{margin-left:0}.dev-details{border-top:1px solid #dbe5da;border-bottom:1px solid #dbe5da;padding:16px 0}.dev-details summary{cursor:pointer;font-size:16px;font-weight:700}.dev-details p{margin-top:12px}
.dev-brief{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.dev-brief>div{background:#fff;border:1px solid #e0e8dd;border-radius:10px;padding:26px}.dev-brief h3{margin-bottom:12px}.dev-artwork{max-width:850px;margin:32px auto 0;text-align:center}.dev-artwork strong{font-size:18px}.dev-artwork p{margin-top:8px}.dev-cta .dev-heading{margin-bottom:0}
@media(max-width:900px){.dev-hero .dev-wrap{gap:26px}.dev-steps{grid-template-columns:repeat(2,1fr)}.dev-media-note{flex-direction:column}.dev-packaging{gap:28px}}
@media(max-width:640px){.dev-section{padding:48px 20px}.dev-hero{padding:38px 20px}.dev-hero .dev-wrap,.dev-packaging{grid-template-columns:1fr}.dev-heading{margin-bottom:28px}.dev-heading>p:not(.dev-eyebrow){font-size:17px}.dev-formats{grid-template-columns:repeat(2,1fr);gap:14px}.dev-format h3{font-size:17px;padding:14px}.dev-format>img{aspect-ratio:1}.dev-steps{gap:26px 20px}.dev-steps h3{font-size:20px}.dev-steps p{font-size:16px}.dev-brief{grid-template-columns:1fr;gap:14px}.dev-button{font-size:15px}.dev-media-note{flex-direction:row;flex-wrap:wrap}}
/* 定制能力与包装多图展示。 */
.dev-custom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 36px}.dev-custom-grid article{border-top:1px solid #cbdccb;padding-top:22px}.dev-custom-number{font-size:15px;font-weight:700;color:#629266}.dev-custom-grid h3{margin:12px 0 10px}.dev-custom-grid p,.dev-custom-action p{font-size:17px;line-height:1.8;color:#587064}.dev-custom-action{text-align:center;margin-top:30px}.dev-gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;font-size:16px;color:#587064}.dev-gallery-controls>div{display:flex;gap:10px}.dev-gallery-controls button{width:46px;height:46px;border:1px solid #b7cdb8;border-radius:50%;font-size:24px;color:#367443;background:#fff}.dev-gallery-controls button:hover:not(:disabled){background:#edf5ed}.dev-gallery-controls button:disabled{opacity:.35;cursor:default}.dev-gallery-controls button:focus-visible,.dev-package-gallery:focus-visible{outline:3px solid #8bbb91;outline-offset:4px}.dev-package-gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 20px;scrollbar-color:#91b292 #eef3ed;scrollbar-width:thin}.dev-package-card{flex:0 0 calc((100% - 72px)/4);min-width:0;scroll-snap-align:start;border:1px solid #dfe7dc;border-radius:12px;background:#fff;padding:18px;text-align:center}.dev-package-card img{width:100%;aspect-ratio:1;object-fit:contain}.dev-package-card h3{font-size:20px;margin:18px 0 10px}.dev-package-card p{font-size:15px;color:#587064;line-height:1.7}
@media(max-width:1000px){.dev-package-card{flex-basis:calc((100% - 48px)/3)}}
@media(max-width:700px){.dev-custom-grid{grid-template-columns:repeat(2,1fr);gap:24px}.dev-package-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:460px){.dev-custom-grid{grid-template-columns:1fr}.dev-package-card{flex-basis:82%}.dev-gallery-controls{font-size:14px}.dev-custom-grid p{font-size:16px}}
/* 六项定制能力：上图下文，保留可翻译的独立文案。 */
.dev-custom-grid article.dev-custom-card{padding:0;border:1px solid #dfe7dc;border-radius:12px;overflow:hidden;background:#fff}
.dev-custom-card>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.dev-custom-copy{padding:22px 24px 26px}.dev-custom-copy h3{margin:8px 0 10px}.dev-custom-copy p{font-size:16px;line-height:1.75}
@media(max-width:700px){.dev-custom-copy{padding:18px}.dev-custom-copy h3{font-size:20px}}