:root{--ink:#202b29;--green:#244f43;--muted:#7c8580;--line:#e3e7e1;--paper:#f6f7f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #be9e59;outline-offset:4px}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfcf8}.brand{font-size:24px;font-weight:800;letter-spacing:2px}.brand span{font-weight:400}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:3px;margin-top:7px;color:var(--muted)}nav{display:flex;gap:36px;align-items:center;font-size:13px}nav a{color:#737e77}.cart-link{border:1px solid #cdd5ce;background:none;padding:12px 17px;border-radius:5px}.cart-link b{margin-left:10px;background:var(--green);border-radius:50%;color:white;font-size:11px;padding:3px 6px}main{max-width:1440px;margin:auto;padding:0 5%}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:49px 0 34px}.eyebrow{font-size:10px;letter-spacing:2px;color:#819087;font-weight:600}h1{font-size:36px;font-weight:500;letter-spacing:1px;line-height:1.5;margin:13px 0}p{line-height:1.8}.intro p,.section-heading p{font-size:13px;color:var(--muted);margin:8px 0}.intro-note{font-size:11px;color:#607469;margin-bottom:9px}.intro-note small{display:block;font-size:10px;color:#92988f;margin-top:10px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#67866e;margin-right:7px}.showcase{display:grid;grid-template-columns:1.38fr 1fr;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.visual{min-height:550px;position:relative;background:#10292d;overflow:hidden}.crop{position:relative;overflow:hidden;width:100%;height:100%}.crop img{position:absolute;max-width:none;width:calc(100% * var(--iw) / var(--cw));height:calc(100% * var(--ih) / var(--ch));left:calc(-100% * var(--x) / var(--cw));top:calc(-100% * var(--y) / var(--ch));object-fit:fill}.visual>.crop{position:absolute;inset:0}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a1d25dd,transparent 45%,#0a1d2540);pointer-events:none}.visual-top,.visual-bottom{position:absolute;z-index:1;color:white;left:28px;right:28px}.visual-top{top:24px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px}.visual-top button{border:1px solid #ffffff60;border-radius:4px;color:white;background:#15282e60;padding:8px 12px;font-size:11px}.visual-bottom{bottom:22px}.visual-bottom span{font-size:28px;letter-spacing:5px}.visual-bottom p{font-size:12px;color:#d0dbd8;letter-spacing:2px}.details{padding:34px}.details h2{font-size:26px;font-weight:500;margin:14px 0}.muted{font-size:12px;color:var(--muted)}.divider{height:1px;background:var(--line);margin:22px 0}.details label{display:block;font-size:12px;margin:17px 0 10px}.segmented{display:flex;gap:10px}.segmented button{background:#f9faf7;border:1px solid var(--line);padding:10px 20px;border-radius:5px;font-size:12px}.segmented button.active{background:#edf2ed;border-color:var(--green);color:var(--green)}.styles{display:flex;gap:10px}.styles button{flex:1;text-align:left;border:1px solid var(--line);border-radius:5px;padding:12px 9px;background:white;font-size:12px;white-space:nowrap}.styles .active{border-color:var(--green);background:#f5f8f3}.styles span{float:right;visibility:hidden;margin-left:8px}.styles .active span{visibility:visible}.styles i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:7px;vertical-align:-2px}.blue{background:linear-gradient(135deg,#37cbdc,#123b5e)}.gold{background:linear-gradient(135deg,#dec38a,#77613b)}.price-panel{background:#f5f6f1;border-radius:6px;padding:16px;margin:22px 0 17px}.price-panel>span{font-size:12px;color:#6a776c}em{font-style:normal;border:1px solid #d6ceac;color:#a48b4c;font-size:9px;padding:1px 4px;margin-left:5px}.price-panel strong{display:block;font-size:33px;font-weight:500;margin:8px 0;font-variant-numeric:tabular-nums}.price-panel p{font-size:10px;color:#899084;margin:0}.primary{display:flex;justify-content:space-between;align-items:center;background:var(--green);color:white;border:0;border-radius:5px;padding:15px 20px;font-size:13px}.footnote{font-size:10px;color:#90998e;text-align:center;margin-bottom:0}.modules-section{padding-top:65px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-heading h2{font-size:26px;font-weight:500;margin:10px 0}.pill{border:1px solid var(--line);border-radius:30px;padding:8px 13px;font-size:11px;color:#7e8d80}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.product-image{height:210px;background:white;padding:22px;position:relative}.product-image .crop{max-width:100%;margin:auto}.product-info{padding:20px;border-top:1px solid #f0f1ec}.product-info small{font-size:9px;letter-spacing:1px;color:#8c998e}.product-info h3{font-size:17px;font-weight:500;margin:8px 0}.product-info p{font-size:11px;color:var(--muted);margin:0 0 19px}.product-bottom{display:flex;justify-content:space-between;align-items:center}.product-bottom strong{font-weight:500;font-size:21px}.add{border:1px solid #dce4db;background:#f3f7f0;border-radius:4px;color:var(--green);padding:9px 12px;font-size:11px}.add:hover{background:#e3eddf}footer{display:flex;justify-content:space-between;font-size:10px;color:#91998f;padding:38px 0 120px;gap:15px}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:5;background:#fffffff5;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:16px 5%;display:flex;justify-content:space-between;align-items:center}.bottom-bar>div{display:flex;gap:30px;align-items:center;font-size:12px}.bottom-bar small{font-size:11px;color:var(--muted)}.bottom-bar strong{font-size:24px;color:var(--green);font-weight:500;margin-left:12px}.bottom-bar .primary{min-width:210px}.overlay{position:fixed;inset:0;background:#15251d66;z-index:10;backdrop-filter:blur(3px)}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(480px,100%);background:#fbfcf8;z-index:11;display:flex;flex-direction:column;padding:28px}.drawer[hidden],.overlay[hidden]{display:none}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h2{font-size:24px;font-weight:500;margin:12px 0}.drawer-head h2 small{font-size:12px;color:var(--muted)}.close{border:0;background:none;font-size:30px;color:#7c887c;padding:5px 10px}.drawer-note{font-size:11px;padding:12px;background:#eff2e9;color:#7a826c}#cart-items{overflow:auto;flex:1}.empty{text-align:center;padding:70px 20px;color:#84907f;font-size:13px}.cart-item{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.cart-thumb{height:70px;width:80px;background:white;flex-shrink:0}.cart-info{flex:1}.cart-info h3{font-size:13px;font-weight:500;margin:3px 0 8px}.cart-info p{font-size:10px;color:var(--muted);margin:0}.cart-controls{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.stepper{display:flex;border:1px solid var(--line);border-radius:3px;align-items:center}.stepper button{border:0;background:white;width:28px;height:26px}.stepper span{font-size:12px;padding:0 8px}.cart-controls strong{font-size:15px;font-weight:500}.drawer-foot{padding-top:15px}.text-button{background:none;border:0;font-size:11px;color:#85917f;padding:0;margin:8px 0 22px}.drawer-foot>div{display:flex;justify-content:space-between;align-items:center;font-size:12px}.drawer-foot strong{font-size:30px;font-weight:500}.drawer-foot p{font-size:11px;color:#939987;margin:15px 0}dialog{width:min(850px,95vw);border:0;padding:40px 20px 10px;border-radius:10px;background:#fbfcf8}dialog::backdrop{background:#10211ce0}dialog .close{position:absolute;right:5px;top:0}#large-image{height:65vh}dialog p{text-align:center;font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:108px;left:50%;transform:translateX(-50%);padding:12px 23px;background:#213c32;color:white;border-radius:5px;font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}@media(min-width:1500px){main{padding:0 45px}}@media(max-width:800px){header{height:72px}nav{gap:15px}nav>a{display:none}.intro{padding:30px 0 24px;display:block}h1{font-size:28px}.intro-note{margin-top:20px}.intro-note small{display:inline;margin-left:8px}.showcase{grid-template-columns:1fr}.visual{min-height:380px}.details{padding:25px}.details h2{font-size:24px}.products{grid-template-columns:repeat(2,1fr);gap:12px}.product-image{height:155px;padding:14px}.product-info{padding:14px}.product-info h3{font-size:14px}.product-info p{font-size:10px;min-height:36px}.product-bottom{align-items:flex-start;gap:10px;flex-direction:column}.product-bottom strong{font-size:20px}.add{width:100%}.section-heading h2{font-size:22px}.section-heading{align-items:flex-start}.pill{white-space:nowrap;font-size:9px}.section-heading p{font-size:11px}.modules-section{padding-top:40px}.bottom-bar{padding:12px 5%}.bottom-bar>div{display:block}.bottom-bar>div>span{display:block;font-size:10px;margin-bottom:6px}.bottom-bar strong{font-size:22px;margin-left:8px}.bottom-bar .primary{min-width:155px;font-size:12px;padding:14px}footer{display:block;font-size:9px}footer span{display:block;margin-bottom:8px}.styles button{padding:13px}.visual-bottom{bottom:17px}.visual-bottom span{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.secondary{display:block;text-align:center;color:var(--green);font-size:12px;margin-top:14px;padding:8px}.bundle-add{width:100%;justify-content:center}.buy-control{min-width:115px}.buy-control .add{width:100%}.shop-stepper{justify-content:space-between;background:#f4f7f1;color:var(--green);width:115px;height:35px}.shop-stepper button{background:transparent;height:33px;width:35px;font-size:20px}.shop-stepper span{font-size:14px}.bundle-control{width:100%;height:46px}.bundle-control button{height:44px;width:60px}.checkout{width:100%;margin-top:22px}.checkout:disabled{opacity:.4;cursor:default}#checkout-dialog{max-width:580px;padding:35px 26px 25px}#checkout-dialog h2{font-size:25px;font-weight:500}#checkout-dialog p{text-align:left;font-size:11px}#checkout-items{max-height:40vh;overflow:auto}.checkout-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.checkout-row b{font-weight:500}.checkout-row small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.checkout-row strong{white-space:nowrap;font-weight:500}.checkout-summary{display:flex;justify-content:space-between;align-items:center;padding:25px 0;font-size:13px}.checkout-summary strong{font-size:28px;color:var(--green);font-weight:500}#done-checkout{width:100%;justify-content:center}.cart-info h3 em{margin-left:0;margin-right:4px}.drawer-foot{border-top:1px solid var(--line)}@media(max-width:800px){.buy-control,.shop-stepper{width:100%}.shop-stepper button{width:40px}.bundle-control{width:100%}.drawer{padding:22px}.drawer-foot p{margin-bottom:0}.drawer-note{font-size:10px}}
