*{box-sizing:border-box}body{margin:0;background:#f6f2eb;color:#292b26;font:16px/1.6 system-ui,sans-serif}a{color:inherit}button,input,textarea{font:inherit}button,.button{cursor:pointer}nav,main,footer{max-width:1200px;margin:auto;padding:24px}nav{display:flex;justify-content:space-between;align-items:center;gap:20px}nav div{display:flex;align-items:center;gap:20px}.brand{text-decoration:none;font-size:23px;font-weight:850;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:3px}button{border:1px solid #d5cfbf;border-radius:30px;padding:9px 17px;background:#fffdf7;color:#292b26}#count{background:#264c40;color:white;padding:1px 7px;border-radius:20px}header{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:45px 0 55px}header small{font-size:11px;letter-spacing:2px;color:#73624c}h1{font-size:clamp(36px,5vw,64px);line-height:1.18;letter-spacing:-2px;margin:18px 0}header img{width:100%;border-radius:160px 160px 12px 12px;aspect-ratio:1;object-fit:cover;background:#e8e0d2}.button{display:inline-block;background:#264c40;color:white;border:0;border-radius:8px;text-decoration:none;padding:13px 21px;font-weight:700}.note{font-size:13px;color:#74776b}.intro{border-top:1px solid #d5cfbf;padding-top:28px}.intro h2{font-size:30px;margin-bottom:5px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}button[aria-pressed=true]{background:#264c40;color:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product{border:1px solid #ddd6c8;border-radius:14px;background:#fffdf8;overflow:hidden}.visual{height:240px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 60%,#f1e6cd,#e4e2d9);position:relative}.visual:after{content:'设计示意';position:absolute;bottom:9px;left:14px;font-size:11px;color:#707165}.sign{display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-line;background:#fffbe6;border:9px solid #50564d;box-shadow:6px 9px 0 #353e34,0 18px 28px #20291c35,inset 0 0 25px #ffe08f,0 0 20px #fff1ac;color:#365443;font-size:23px;font-weight:800;letter-spacing:1px;width:210px;height:110px;padding:12px}.round{border-radius:50%;width:155px;height:155px}.arch{border-radius:90px 90px 8px 8px;width:150px;height:170px}.house{clip-path:polygon(50% 0,100% 28%,100% 100%,0 100%,0 28%);height:165px;width:170px;padding-top:35px}.menu{height:180px;width:130px;font-size:20px}.menu:after{content:'— — —';display:block;font-size:10px}.letters{border:0;background:none;box-shadow:none;color:#fff9d5;text-shadow:0 0 5px #eac566,3px 3px #856e3d,0 0 23px #cdb270;font-size:38px}.hang{border-radius:8px;border-top:14px solid #50564d}.info{padding:20px}.info small{font-size:11px;letter-spacing:2px;color:#7a6e57}.info h3{margin:5px 0;font-size:21px}.info p{font-size:14px;min-height:44px;color:#6c7164}.price{display:block;margin:14px 0;color:#254d3f}.info label{display:block;font-size:13px;margin:10px 0}input,textarea{display:block;width:100%;border:1px solid #d4d6c9;border-radius:7px;padding:10px;background:white;color:#292b26}textarea{min-height:80px;resize:vertical}.info button{width:100%;background:#264c40;color:white;border-radius:7px;margin-top:10px}.how{margin:65px 0 20px;padding:30px;background:#e9ede4;border-radius:14px}.how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}footer{border-top:1px solid #d5cfbf;padding-bottom:60px}dialog{width:min(620px,94vw);max-height:90vh;border:1px solid #d3d4c6;border-radius:15px;padding:25px;background:#fffdf8;color:#292b26}dialog::backdrop{background:#14231fc4}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head h2{margin:0}.cart-item{padding:18px 0;border-bottom:1px solid #deded0}.cart-item h3{margin:0}.cart-item small{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.quantity{display:flex;align-items:center;gap:15px;margin-top:12px}.quantity button{padding:5px 14px}form label{display:block;margin:15px 0}form .button{width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#264c40;color:white;border-radius:10px;display:none;z-index:10}button:focus-visible,a:focus-visible{outline:3px solid #bd8838;outline-offset:4px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{gap:20px}}@media(max-width:600px){nav,main,footer{padding:18px}nav div{gap:12px}nav div>a{font-size:13px}header{grid-template-columns:1fr;padding-top:25px}header img{aspect-ratio:4/3;border-radius:80px 80px 12px 12px}.grid{grid-template-columns:1fr}.how>div{grid-template-columns:1fr;gap:0}.visual{height:230px}}
header img{height:auto;max-height:560px}header{min-height:500px}.product:nth-child(3n+2) .visual{background:radial-gradient(ellipse,#f2decd,#dcdace)}.product:nth-child(3n) .visual{background:radial-gradient(ellipse,#e6e9d9,#d2dbd0)}

.product-photo{height:auto;aspect-ratio:1}.product-photo img{display:block;width:100%;height:100%;object-fit:cover}.product-photo:after{content:"AI 设计示意";background:#fffdf8e8;padding:3px 8px;border-radius:4px;color:#3b4135}.filters button{white-space:nowrap}

.info select{display:block;width:100%;font:inherit;color:#292b26;border:1px solid #d4d6c9;border-radius:7px;padding:10px;background:#fff;min-height:46px}.info .size-note{display:block;font-size:11px;letter-spacing:0;text-transform:none;font-weight:400;line-height:1.6;color:#74776b}select:focus-visible{outline:3px solid #bd8838;outline-offset:2px}