:root{font-family:Inter,"Microsoft YaHei",sans-serif;background:#f8f3ed;color:#2c2926;--red:#8d3034;--line:#e7ddd3}*{box-sizing:border-box}body{margin:0}header{height:70px;background:#fff;display:flex;align-items:center;padding:0 max(20px,calc((100% - 1120px)/2));border-bottom:1px solid var(--line)}header a{text-decoration:none;color:#332f2c}header>a b{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#282421;color:#fff;margin-right:8px}header nav{margin-left:auto;display:flex;align-items:center;gap:20px}header nav a.active{color:var(--red);font-weight:700}header select{border:1px solid var(--line);padding:8px;border-radius:6px}main{max-width:1120px;margin:auto;padding:30px 20px}.hero{background:radial-gradient(circle at 80%,#fff3,transparent 30%),linear-gradient(120deg,#502326,#9c4245);color:#fff;padding:40px;border-radius:20px}.hero h1{font-size:35px;margin:8px 0}.hero p{color:#efdbd7}.hero a{display:inline-block;background:#d9ac6a;color:#fff;text-decoration:none;padding:10px 16px;border-radius:7px;margin-top:12px}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.rule{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;min-height:190px}.rule small{color:#9b6b49}.rule h2{font-size:19px}.rule p{color:#746d67;line-height:1.7}.rule button{border:1px solid #d7c9bb;background:#fff;padding:9px 13px;border-radius:7px}.rule button.selected{background:var(--red);color:#fff}#toast{position:fixed;right:24px;bottom:24px;background:#302725;color:#fff;padding:12px 18px;border-radius:7px;opacity:0}#toast.show{opacity:1}@media(max-width:800px){.rules{grid-template-columns:1fr}header nav a{display:none}}
.section-title{display:flex;justify-content:space-between;align-items:end;margin-top:30px}.section-title small{color:#9b6b49;letter-spacing:2px}.section-title h2{margin:4px 0}.section-title>span{color:#837a73}.coupon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.coupon{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:16px;box-shadow:0 8px 24px #663c2410}.coupon small{color:#9b6b49}.coupon h2{font-size:19px;margin:5px 0}.coupon b{color:var(--red)}.coupon p{color:#756d67;font-size:13px;line-height:1.7}.coupon button{border:0;background:var(--red);color:#fff;padding:10px 14px;border-radius:7px}.coupon button:disabled{background:#c9c3be}.coupon.empty{display:block;color:#8c837c}.my-coupons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.my-coupon{background:#fff;border:1px dashed #d6c2b4;border-left:5px solid var(--red);border-radius:10px;padding:14px;display:flex;justify-content:space-between}.my-coupon div{display:grid;gap:5px}.my-coupon code{color:#8b817a}.my-coupon>span{color:var(--red)}.my-coupon.used,.my-coupon.expired{filter:grayscale(1);opacity:.65}#toast.bad{background:#913d3d}@media(max-width:800px){.coupon-grid,.my-coupons{grid-template-columns:1fr}.coupon{grid-template-columns:1fr}.section-title>span{display:none}}