@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700;800&display=swap');
:root{--green:#153e30;--yellow:#f2cb69;--cream:#f6f5ef;--muted:#738078}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#203c30;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}.topline{background:var(--green);color:#e7ebdf;padding:10px 6%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px}.topline b{color:var(--yellow);margin:0 12px}header{padding:23px 6%;display:flex;justify-content:space-between;align-items:center;background:#fffef9;border-bottom:1px solid #e0e5db}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700}.brand-icon{width:45px;height:45px;border:1px solid #315344;border-radius:50%;display:grid;place-items:center;font-family:serif;font-size:29px}.brand-sub{display:block;font-size:10px;font-weight:400;letter-spacing:1px;margin-top:6px}nav{display:flex;gap:38px;font-size:14px}nav a.active{color:#778d3c}nav a:hover{color:#8d9c58}.cart{font-size:12px}.cart span{display:inline-grid;place-items:center;background:var(--green);color:white;border-radius:50%;width:21px;height:21px;margin:0 8px}.hero{margin:26px 3% 0;min-height:536px;position:relative;overflow:hidden;background:#214634;border-radius:3px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,42,29,.95),rgba(18,43,26,.7) 44%,rgba(14,33,20,.05)),url('https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=2000&q=85') center 58%/cover}.hero-content{position:relative;color:white;padding:65px 7%;max-width:760px}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;display:flex;gap:12px;align-items:center}.eyebrow:before{content:"";width:24px;height:1px;background:currentColor}.hero .eyebrow{color:#e8d294}h1{font-family:"Noto Serif SC",serif;font-size:55px;font-weight:600;line-height:1.45;letter-spacing:5px;margin:24px 0 20px}h1 em{font-style:normal;color:var(--yellow)}.hero p{font-size:14px;line-height:2;color:#d3dcd1;margin-bottom:29px}.btn{border:0;border-radius:2px;background:var(--yellow);color:#213f2e;padding:16px 25px;display:inline-flex;gap:30px;align-items:center;font-size:13px;font-weight:600}.btn.dark{background:var(--green);color:#fff}.btn.outline{background:transparent;color:inherit;border:1px solid #aab7a8;margin-left:13px}.hero-note{position:absolute;right:35px;bottom:28px;color:white;text-align:right;font-size:10px;letter-spacing:3px;line-height:2}.hero-note strong{display:block;font-family:serif;font-size:26px;font-weight:400}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:29px 7%;border-bottom:1px solid #dce1d5;gap:25px}.benefit{display:flex;gap:15px;align-items:center}.benefit i{font-style:normal;font-size:27px;color:#697b4b}.benefit strong{display:block;font-size:14px;font-weight:500}.benefit small{display:block;font-size:10px;color:var(--muted);margin-top:7px;letter-spacing:1px}.section{padding:65px 7%}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section .eyebrow{color:#7a895b;font-size:10px}h2{font-family:"Noto Serif SC",serif;font-size:30px;letter-spacing:2px;font-weight:600;margin:12px 0 0}.section-top p{font-size:12px;color:var(--muted)}.textlink{font-size:12px;border-bottom:1px solid #94a18b;padding-bottom:6px}.filters{display:flex;gap:9px;margin:25px 0;flex-wrap:wrap}.filter{border:1px solid #dce0d5;background:transparent;padding:10px 22px;border-radius:2px;color:#6c776a;font-size:12px}.filter.active{background:var(--green);color:white;border-color:var(--green)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{min-width:0}.product-visual{height:220px;background:#ebece4;position:relative;display:grid;place-items:center;overflow:hidden}.product-visual svg{width:75%;height:75%;filter:drop-shadow(3px 15px 8px #25352622);transition:transform .3s}.product:hover svg{transform:scale(1.07)}.tag{position:absolute;top:13px;left:13px;font-size:9px;background:#fffdf5;padding:5px 8px;letter-spacing:1px}.product small{display:block;color:#829077;font-size:10px;margin:18px 0 9px;letter-spacing:1px}.product h3{font-size:15px;font-weight:500;margin:0 0 9px}.product p{font-size:11px;color:#8c9487;margin:0}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.price{font-family:Georgia,serif;font-size:24px}.price:before{content:'¥';font-size:13px;margin-right:3px}.add{width:29px;height:29px;background:transparent;color:#34503c;border:1px solid #c2ccb9;border-radius:50%;font-size:19px}.service-band{background:#e7ebdf;padding:50px 7%;display:grid;grid-template-columns:1fr 2fr;gap:70px}.service-band p{font-size:12px;line-height:2;color:#7b8771}.service-items{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-items b{font:italic 26px Georgia;color:#9ba78a}.service-items h3{font-size:15px;font-weight:500}.service-items p{font-size:11px}.page-head{text-align:center;padding:48px 20px 0}.page-head p{font-size:12px;color:#7d8977}.checkout{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;max-width:1060px;margin:35px auto 70px;padding:0 22px}.panel{background:#fffef9;padding:30px;border:1px solid #e1e5da}.panel h3{font-size:16px;margin:0 0 23px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-grid .full{grid-column:1/-1}label{display:block;font-size:12px;color:#5e705d}input{display:block;width:100%;padding:13px;border:1px solid #d6ddcf;background:#fffef9;margin-top:8px;border-radius:2px}fieldset{border:0;padding:0;margin:30px 0}legend{font-size:15px;margin-bottom:18px}.method{display:flex;align-items:center;gap:10px;border:1px solid #d5ddce;padding:15px;margin:10px 0;cursor:pointer}.method input{width:auto;margin:0;accent-color:var(--green)}.method span{margin-left:auto;color:#899580;font-size:11px}.demo{background:#f7f1dc;padding:13px;font-size:11px;line-height:1.8;color:#7a6a40}.summary-item{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #e4e7de;align-items:center}.summary-item svg{width:62px;height:62px;background:#edf0e6}.summary-item h4{font-size:12px;font-weight:500;margin:0 0 8px}.summary-item small{color:#89927e}.summary-item button{background:none;border:0;color:#78906b}.summary-line{display:flex;justify-content:space-between;font-size:12px;margin:20px 0}.total{padding-top:18px;border-top:1px solid #dbe0d3;font-size:15px}.total strong{font-size:28px;font-family:Georgia}.wide{width:100%;justify-content:center;margin-top:15px}.empty{text-align:center;padding:35px 0;color:#7d8977;font-size:13px}.success{text-align:center;padding:80px 20px}.success b{display:block;font-size:50px;color:#668452}.success p{font-size:13px;color:#7c8873;line-height:2}footer{background:#153e30;color:#d4dece;padding:37px 7%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:11px}.footer-brand{font-size:23px;color:white;font-weight:600}.footer-brand small{font-size:11px;font-weight:400;margin-left:10px}footer>div{width:100%;border-top:1px solid #ffffff20;padding-top:20px;margin-top:25px;color:#9bae9a;font-size:10px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:14px 25px;box-shadow:0 4px 20px #0002;font-size:13px;z-index:5;display:none}a:focus-visible,button:focus-visible{outline:3px solid #cfa946;outline-offset:4px}@media(min-width:1500px){main,header,.topline,footer{padding-left:max(6%,calc((100% - 1400px)/2));padding-right:max(6%,calc((100% - 1400px)/2))}}@media(max-width:760px){.topline{font-size:9px;letter-spacing:0}.topline span:last-child{display:none}header{padding:18px 5%;flex-wrap:wrap;gap:22px}.brand{font-size:21px}.brand-sub{font-size:9px}nav{order:3;width:100%;justify-content:center;gap:45px}.cart{font-size:10px}.hero{min-height:460px;margin:15px 3% 0}.hero-content{padding:45px 8%}h1{font-size:37px;letter-spacing:2px}.hero p{font-size:12px}.hero-note{display:none}.btn{padding:14px 18px;gap:12px;font-size:12px}.benefits{grid-template-columns:1fr 1fr;padding:25px 7%;gap:24px}.benefit strong{font-size:12px}.benefit small{font-size:9px}.section{padding:40px 6%}h2{font-size:25px}.products{grid-template-columns:1fr 1fr;gap:25px 14px}.product-visual{height:170px}.product h3{font-size:13px}.filter{padding:9px 13px}.service-band{grid-template-columns:1fr;padding:35px 6%;gap:25px}.service-items{gap:18px}.service-items h3{font-size:13px}.checkout{grid-template-columns:1fr;padding:0 15px;gap:20px}.panel{padding:22px}.field-grid{grid-template-columns:1fr}.field-grid .full{grid-column:auto}footer{gap:15px}.section-top{gap:10px}.section-top .textlink{white-space:nowrap;font-size:10px}}