:root{--ink:#203029;--green:#176b55;--mint:#dff3e9;--paper:#f7f3e9;--orange:#f18c5b}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1180px;margin:auto;padding:0 24px}header{border-bottom:1px solid #d8d8ca;justify-content:space-between;align-items:center;height:82px;display:flex}.brand{letter-spacing:2px;font-size:25px;font-weight:900}.brand span{color:var(--green)}.badge{background:#fff;border:1px solid #ddd6c6;border-radius:99px;padding:8px 14px;font-size:13px}.hero{max-width:760px;padding:62px 0 38px}.eyebrow{letter-spacing:3px;color:var(--green);font-size:12px;font-weight:800}.hero h1{letter-spacing:-2px;margin:10px 0 16px;font-size:52px;line-height:1.16}.hero em{color:var(--green);font-style:normal}.hero>p:last-child,.result-copy>p:not(.eyebrow){color:#677169;line-height:1.6}.hero>p:last-child{font-size:18px}.workspace{grid-template-columns:1.08fr .92fr;gap:22px;display:grid}.card{background:#ffffffc7;border:1px solid #ddd9ce;border-radius:24px;box-shadow:0 14px 40px #24342a0f}.input-card,.options-card{padding:24px}.step{align-items:center;gap:14px;margin-bottom:20px;display:flex}.step b{background:var(--mint);width:34px;height:34px;color:var(--green);border-radius:50%;place-items:center;display:grid}h2{margin:0;font-size:21px}.step p{color:#7a817c;margin:4px 0 0;font-size:13px}.field{margin:20px 0;font-size:14px;font-weight:700;display:block}.ratio-field{margin-top:0}.ratio-picker,.fidelity{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.ratio-picker button,.fidelity button{background:#fff;border:1px solid #d7d7cd;border-radius:13px;padding:10px 7px}.ratio-picker strong,.ratio-picker small,.fidelity strong,.fidelity small{display:block}.ratio-picker small,.fidelity small{color:#808681;margin-top:4px;font-size:10px}.ratio-picker button.active,.fidelity button.active{border:2px solid var(--green);color:var(--green);background:#eff9f4}.canvas-wrap{background:#fffdf8;border:2px dashed #c5ccbf;border-radius:18px;width:100%;position:relative;overflow:hidden}.aspect-square{aspect-ratio:1}.aspect-portrait{aspect-ratio:3/4}.aspect-landscape{aspect-ratio:4/3}.canvas-wrap canvas{touch-action:none;width:100%;height:100%;position:absolute}.drawing-tools{background:#fff;border:1px solid #e2e2d9;border-radius:14px;margin-top:14px;padding:13px}.tool-row{align-items:center;gap:8px;margin:8px 0;font-size:12px;display:flex}.tool-row>span{color:#657169;min-width:58px}.color-dot{border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.color-dot.active{outline:2px solid var(--green);outline-offset:2px}.tool-row input{accent-color:var(--green);width:150px}.tool-row b{color:#657169;font-size:12px}.tool-actions{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.tool-actions button{background:#fff;border:1px solid #d7d7cd;border-radius:8px;padding:6px 10px;font-size:12px}.tool-actions button.active{background:var(--mint);border-color:var(--green);color:var(--green)}.tool-actions button:disabled{cursor:not-allowed;opacity:.4}.tools{justify-content:space-between;margin-top:10px;display:flex}.upload,.quiet{color:var(--green);background:0 0;border:0;padding:8px;font-weight:700}.upload input{display:none}.field input{background:#fff;border:1px solid #d7d7cd;border-radius:12px;width:100%;margin-top:9px;padding:13px 14px;display:block}.chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chips button{background:#fff;border:1px solid #d4d9d2;border-radius:99px;padding:8px 12px}.chips button.active{border-color:var(--green);background:var(--mint);color:var(--green)}.generate{background:var(--green);color:#fff;border:0;border-radius:14px;width:100%;padding:15px;font-weight:800;box-shadow:0 8px 18px #176b5533}.generate:disabled{opacity:.6}.error{color:#ae3c32;font-size:13px}.result{grid-template-columns:minmax(220px,.55fr) 1fr;align-items:center;gap:28px;margin-top:24px;padding:28px;display:grid}.result-image{background:#eef1eb;border-radius:16px;justify-self:end;width:min(100%,640px);overflow:hidden}.result-square .result-image{aspect-ratio:1}.result-portrait .result-image{aspect-ratio:3/4}.result-landscape .result-image{aspect-ratio:4/3}.result-image img{object-fit:cover;width:100%;height:100%;display:block}.result a{color:#fff;background:var(--orange);border-radius:10px;margin-top:20px;padding:11px 18px;font-weight:700;text-decoration:none;display:inline-block}footer{text-align:center;color:#7c847e;padding:48px 0 32px;font-size:13px}@media (max-width:760px){.shell{padding:0 14px}.badge{display:none}.hero{padding:38px 4px 24px}.hero h1{font-size:36px}.workspace,.result,.fidelity,.ratio-picker{grid-template-columns:1fr}.tool-row input{width:110px}.result-image{justify-self:stretch}.input-card,.options-card{padding:18px}}.reference-hint{color:#657169;font-size:12px;line-height:1.5}.official-gallery{background:#f5faf7;border:1px solid #dce8e1;border-radius:14px;margin:14px 0;padding:12px}.gallery-heading{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.gallery-heading small{color:#657169}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:10px;display:grid}.gallery-card{text-align:left;background:#fff;border:1px solid #d7d7cd;border-radius:10px;padding:0 0 8px;overflow:hidden}.gallery-card.active{border:2px solid var(--green);box-shadow:0 0 0 2px #cde8dc}.gallery-card img{aspect-ratio:1.3;object-fit:cover;width:100%;margin-bottom:6px;display:block}.gallery-card strong,.gallery-card small{padding:0 8px;display:block}.gallery-card strong{font-size:12px}.gallery-card small{color:#657169;margin-top:3px;font-size:10px;line-height:1.35}.reference-controls{border:1px solid #dce2dc;border-radius:10px;margin-top:9px;padding:10px}.reference-controls>div:first-child{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.reference-controls button{color:var(--green);background:0 0;border:0;font-weight:700}.acknowledgement{color:#657169;margin-top:10px;font-size:11px;line-height:1.5;display:block}.admin-shell{max-width:850px;margin:40px auto;padding:0 20px}.admin-shell header{height:auto;padding-bottom:16px}.admin-shell h1{margin:0 0 10px}.admin-shell header h1{margin:0}.admin-form{background:#fff;border:1px solid #ddd9ce;border-radius:16px;gap:10px;padding:20px;display:grid}.admin-form input{border:1px solid #d7d7cd;border-radius:9px;padding:10px}.admin-form button,.admin-list button{background:var(--green);color:#fff;border:0;border-radius:8px;padding:9px 12px;font-weight:700}.admin-list{gap:9px;margin-top:20px;display:grid}.admin-list article{background:#fff;border:1px solid #ddd9ce;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.admin-list small{color:#657169;margin-top:4px;display:block}.admin-list input{width:60px}.admin-list article button{background:#a94b42}@media (max-width:760px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.admin-list article{flex-direction:column;align-items:flex-start}}.landing{color:#162a24;background:#f8f7f1;overflow:hidden}.landing-nav,.landing-hero,.landing-intro,.process-section,.showcase-section,.inspiration-section,.landing-footer{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}.landing-nav{justify-content:space-between;align-items:center;height:86px;display:flex}.landing-brand{color:#162a24;letter-spacing:2px;font-size:23px;font-weight:900;text-decoration:none}.landing-brand span{color:#e55f42}.landing-nav-links{align-items:center;gap:27px;font-size:14px;display:flex}.landing-nav-links a{color:#40534c;text-decoration:none}.nav-cta{background:#1b6c59;border-radius:999px;padding:11px 17px;color:#fff!important}.landing-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:38px;min-height:620px;padding-top:45px;padding-bottom:80px;display:grid}.landing-eyebrow{color:#1b6c59;letter-spacing:2.6px;margin:0 0 18px;font-size:11px;font-weight:900}.hero-copy h1,.landing h2{letter-spacing:-3px;font-family:Georgia,Songti SC,serif;font-weight:500}.hero-copy h1{margin:0;font-size:clamp(55px,7.1vw,95px);line-height:.98}.hero-copy h1 em,.landing-closing h2 em{color:#e55f42;font-style:normal}.hero-copy>p:not(.landing-eyebrow){color:#50635c;margin:27px 0 33px;font-size:20px}.primary-cta{color:#fff;background:#1b6c59;border-radius:999px;align-items:center;gap:24px;padding:17px 21px 17px 25px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 12px 25px #1b6c5933}.primary-cta span{font-size:22px;line-height:.8}.hero-composition{background:#dceee4;border-radius:44% 56% 48% 52%/52% 44% 56% 48%;height:470px;position:relative;overflow:hidden;transform:rotate(-4deg)}.hero-composition:before,.hero-composition:after{content:"";filter:blur(2px);border-radius:50%;position:absolute}.hero-composition:before{background:#f7b876;width:300px;height:300px;top:-65px;right:-70px}.hero-composition:after{background:#e7745e;width:220px;height:220px;bottom:-82px;left:-72px}.hero-orbit{z-index:1;border:1px solid #1b6c595c;border-radius:50%;position:absolute}.orbit-one{width:390px;height:145px;top:145px;left:30px;transform:rotate(24deg)}.orbit-two{width:270px;height:360px;top:39px;left:105px;transform:rotate(-18deg)}.hero-card{z-index:2;background:#fffaf0;border-radius:22px;place-items:center;font-family:Georgia,serif;display:grid;position:absolute;box-shadow:0 20px 35px #162a2426}.hero-card-a{color:#e55f42;width:125px;height:154px;font-size:55px;top:70px;left:82px;transform:rotate(-13deg)}.hero-card-b{color:#1b6c59;width:160px;height:125px;font-size:80px;top:188px;right:48px;transform:rotate(12deg)}.hero-card-c{color:#7a62a8;width:118px;height:118px;font-size:62px;bottom:51px;left:150px;transform:rotate(18deg)}.hero-composition p{z-index:3;letter-spacing:1.5px;color:#375a50;margin:0;font-size:11px;position:absolute;bottom:18px;right:32px}.landing-intro{max-width:950px;margin-left:calc(50% - 620px);margin-right:auto;padding-top:120px;padding-bottom:145px}.landing-intro h2{margin:0 0 27px;font-size:clamp(42px,5vw,70px);line-height:1.05}.landing-intro>p:last-child{color:#50635c;max-width:570px;font-size:17px;line-height:1.85}.process-section{background:#e8f2eb;max-width:none;padding:76px max(32px,50vw - 588px) 86px}.process-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.process-grid article{border-top:1px solid #b8d1c3;padding:36px 0 12px}.process-grid span{color:#e55f42;font-family:Georgia,serif;font-size:19px}.process-grid h3{margin:46px 0 10px;font-size:24px}.process-grid p{color:#5d7169;max-width:250px;margin:0;line-height:1.7}.showcase-section,.inspiration-section{padding-top:135px;padding-bottom:135px}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:48px;display:flex}.section-heading h2{margin:0;font-size:clamp(39px,4.5vw,64px);line-height:1.05}.section-heading>p{color:#5d7169;margin:0 0 5px;line-height:1.7}.case-list{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.case-card{min-width:0}.case-visuals{grid-template-columns:.74fr 1.26fr;gap:7px;height:255px;display:grid}.sketch-art,.result-art{border-radius:18px;position:relative;overflow:hidden}.sketch-art{background:#eee9dc;border:1px solid #ded5c2}.sketch-art span,.result-art span{z-index:3;background:#ffffffb8;border-radius:99px;padding:5px 7px;font-size:10px;position:absolute;top:12px;left:12px}.sketch-art i{border:3px solid #485650;border-radius:50%;display:block;position:absolute}.moon i:first-of-type{width:53px;height:53px;top:60px;left:32px}.moon i:nth-of-type(2){border-width:0 0 3px;width:74px;height:25px;top:135px;left:25px}.moon i:nth-of-type(3){background:#485650;width:4px;height:4px;top:49px;left:79px}.shape i:first-of-type{width:82px;height:47px;top:80px;left:18px;transform:rotate(-28deg)}.shape i:nth-of-type(2){width:38px;height:83px;top:117px;left:53px;transform:rotate(42deg)}.shape i:nth-of-type(3){background:#485650;width:6px;height:6px;top:64px;left:58px}.daily i:first-of-type{border-radius:50% 50% 35% 35%;width:52px;height:74px;top:88px;left:37px}.daily i:nth-of-type(2){width:36px;height:26px;top:67px;left:46px}.daily i:nth-of-type(3){border-width:0 0 3px;width:74px;height:30px;top:175px;left:23px}.result-art{background:linear-gradient(135deg,#f7bd7b,#e97c61 58%,#714e86)}.result-art:after{content:"";background:#fff4cd94;border-radius:50%;width:170px;height:170px;position:absolute;top:33px;right:-33px}.result-art b{z-index:2;color:#fff6dd;font-family:Georgia,serif;font-size:92px;position:absolute;top:28%;left:36%}.shape-art{background:linear-gradient(135deg,#79c4b1,#2d8292 55%,#e2d679)}.daily-art{background:linear-gradient(145deg,#f1c4a3,#c15d67 52%,#513d71)}.case-card h3{margin:19px 0 8px;font-size:19px}.case-card>p{color:#5d7169;margin:0;font-size:14px;line-height:1.65}.inspiration-section{color:#f7f3e9;background:#142e28;max-width:none;padding-left:max(32px,50vw - 588px);padding-right:max(32px,50vw - 588px)}.inspiration-section .landing-eyebrow{color:#9bd7bd}.inspiration-section .section-heading>p{color:#aec7bd}.gallery-message{color:#aec7bd;margin:0;padding:34px 0}.landing-gallery{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.landing-gallery-item{color:#163029;background:#f0eee6;border-radius:16px;text-decoration:none;transition:transform .2s;overflow:hidden}.landing-gallery-item:hover{transform:translateY(-4px)}.landing-gallery-item img{object-fit:cover;width:100%;height:195px;display:block}.landing-gallery-item div{padding:14px}.landing-gallery-item strong,.landing-gallery-item span,.landing-gallery-item em{display:block}.landing-gallery-item strong{font-size:16px}.landing-gallery-item span{color:#5a7169;margin-top:5px;font-size:12px;line-height:1.5}.landing-gallery-item em{color:#1b6c59;margin-top:15px;font-size:12px;font-style:normal;font-weight:800}.landing-closing{color:#fffaf0;text-align:center;background:#e55f42;padding:125px 24px}.landing-closing .landing-eyebrow{color:#ffe3ba}.landing-closing h2{margin:0 0 35px;font-size:clamp(48px,6vw,80px);line-height:1.03}.landing-closing h2 em{color:#fff0c8}.primary-cta.light{color:#c9533b;background:#fff8e9}.landing-footer{grid-template-columns:1fr 1.2fr 1.7fr;align-items:end;gap:22px;padding-top:47px;padding-bottom:52px;display:grid}.landing-footer p{color:#5d7169;margin:0;font-size:13px}.landing-footer>div:last-child{color:#718179;flex-wrap:wrap;justify-content:flex-end;gap:16px;font-size:12px;display:flex}.landing-footer a{color:#50635c;text-decoration:none}@media (max-width:760px){.landing-nav,.landing-hero,.landing-intro,.process-section,.showcase-section,.inspiration-section,.landing-footer{padding-left:18px;padding-right:18px}.landing-nav{height:68px}.landing-nav-links>a:not(.nav-cta){display:none}.landing-brand{font-size:20px}.landing-hero{grid-template-columns:1fr;gap:42px;min-height:0;padding-top:45px;padding-bottom:75px}.hero-copy h1{font-size:61px}.hero-composition{height:350px}.hero-card-a{top:52px;left:55px}.hero-card-b{top:145px;right:25px}.hero-card-c{bottom:32px;left:120px}.orbit-one{top:106px;left:-4px}.orbit-two{top:6px;left:55px}.landing-intro{margin:0;padding-top:80px;padding-bottom:90px}.landing-intro h2{font-size:46px}.process-section{padding-top:60px;padding-bottom:55px}.process-grid,.case-list{grid-template-columns:1fr;gap:22px}.process-grid article{padding-top:22px}.process-grid h3{margin-top:26px}.showcase-section,.inspiration-section{padding-top:82px;padding-bottom:82px}.section-heading{margin-bottom:32px;display:block}.section-heading h2{font-size:44px}.section-heading>p{margin-top:20px}.case-visuals{height:250px}.landing-gallery{grid-template-columns:1fr 1fr}.landing-gallery-item img{height:135px}.landing-gallery-item div{padding:11px}.landing-gallery-item em{display:none}.landing-closing{padding:90px 18px}.landing-closing h2{font-size:55px}.landing-footer{grid-template-columns:1fr;gap:18px}.landing-footer>div:last-child{justify-content:flex-start}}.features-section,.faq-section{max-width:1240px;margin:auto;padding:125px 32px}.features-section{background:#fffdfa;max-width:none;padding-left:max(32px,50vw - 588px);padding-right:max(32px,50vw - 588px)}.feature-grid{border-top:1px solid #ddd9ce;grid-template-columns:repeat(5,1fr);display:grid}.feature-grid article{border-right:1px solid #ddd9ce;min-height:228px;padding:25px 18px 24px}.feature-grid article:first-child{padding-left:0}.feature-grid article:last-child{border-right:0}.feature-grid span{color:#1b6c59;background:#dff3e9;border-radius:50%;place-items:center;width:41px;height:41px;font-size:20px;display:grid}.feature-grid h3{margin:56px 0 9px;font-size:17px}.feature-grid p{color:#5d7169;margin:0;font-size:13px;line-height:1.65}.faq-section{padding-bottom:140px}.faq-list{border-top:1px solid #cbd3cb}.faq-list article{border-bottom:1px solid #cbd3cb;grid-template-columns:84px 1fr;gap:16px;padding:26px 0;display:grid}.faq-list article>span{color:#e55f42;font-family:Georgia,serif;font-size:16px}.faq-list h3{margin:0;font-size:18px}.faq-list p{color:#5d7169;max-width:670px;margin:8px 0 0;line-height:1.7}@media (max-width:760px){.features-section,.faq-section{padding:78px 18px}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article{border-bottom:1px solid #ddd9ce;min-height:195px;padding:20px 13px}.feature-grid article:first-child{padding-left:0}.feature-grid article:nth-child(2){border-right:0}.feature-grid article:last-child{border-bottom:0}.feature-grid h3{margin-top:34px}.faq-list article{grid-template-columns:44px 1fr;padding:21px 0}}.process-section>h2{letter-spacing:-3px;margin:0 0 48px;font-family:Georgia,Songti SC,serif;font-size:clamp(39px,4.5vw,64px);font-weight:500;line-height:1.05}@media (max-width:760px){.process-section>h2{margin-bottom:32px;font-size:44px}}.gallery-more{color:#1b6c59;background:#fff;border:1px solid #1b6c59;border-radius:999px;margin:12px auto 0;padding:8px 14px;font-size:12px;font-weight:800;display:block}.gallery-more:disabled{opacity:.55}.drop-zone{text-align:center;color:#36584d;background:#f5faf7;border:2px dashed #a8c7b9;border-radius:14px;justify-items:center;gap:7px;padding:30px 18px;display:grid;position:relative}.drop-zone.dragging{background:#dff3e9;border-color:#1b6c59}.drop-zone strong{color:#1b6c59;font-size:17px}.drop-zone span{font-size:13px}.drop-zone small{color:#657169;font-size:11px}.drop-zone input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-progress{color:#36584d;background:#eef7f1;border-radius:10px;gap:5px;padding:11px;font-size:12px;display:grid}.upload-progress span,.upload-progress small{color:#657169;overflow-wrap:anywhere}.admin-item-copy{flex:1;gap:5px;display:grid}.admin-item-copy input{border:1px solid #d7d7cd;border-radius:6px;width:100%;padding:5px 7px}.admin-item-copy input:first-child{font-weight:800}@media (max-width:760px){.drop-zone{padding:24px 12px}.admin-item-copy{width:100%}}