:root{--red:#852923;--gold:#b08a4a;--paper:#f7f2ea;--ink:#29231f;--muted:#71675d;--line:#e6ddd1;--max:1160px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.8 "Microsoft YaHei","PingFang SC",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}
.top{background:#2d2520;color:#e7d8c6;padding:7px 0;font-size:12px}.top .wrap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.seal{width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--red);font:27px serif}.brand b{font:25px/1.3 Georgia,"Microsoft YaHei",serif;letter-spacing:2px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:2px}.search{display:flex;border:1px solid var(--line);max-width:360px;width:100%}.search input{flex:1;min-width:0;padding:10px;border:0}.search button{background:var(--red);color:#fff;border:0;padding:0 16px}nav{background:var(--red);color:#fff}nav .wrap{display:flex;flex-wrap:wrap}nav a{padding:10px 16px;font-size:14px}nav a:hover{background:#62201d;color:white}.hero{background:linear-gradient(110deg,#f0e2cd,#fbf8f2 62%,#e6d2b6);padding:58px 0;position:relative;overflow:hidden}.hero:after{content:"宣";position:absolute;right:8%;top:-55px;font:260px serif;color:#8529230d}.eyebrow{color:var(--red);font-size:12px;letter-spacing:3px}.hero h1{font:500 clamp(32px,4vw,52px)/1.35 Georgia,"Microsoft YaHei",serif;margin:12px 0}.hero p{max-width:670px;color:#63564a}.btn{display:inline-block;background:var(--red);color:#fff;padding:10px 22px;margin:8px 8px 0 0}.btn.alt{background:transparent;border:1px solid var(--red);color:var(--red)}.crumb{padding:15px 0;color:var(--muted);font-size:13px;border-bottom:1px solid #eee}.crumb a{color:var(--red)}.title{background:var(--paper);padding:28px 0}.title h1{font:500 34px Georgia,"Microsoft YaHei",serif;margin:0}.title p{margin:5px 0 0;color:var(--muted)}.section{padding:42px 0}.soft{background:var(--paper)}.section h2{font:500 28px Georgia,"Microsoft YaHei",serif;margin:0 0 8px}.sub{color:var(--muted);font-size:14px;margin-top:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.card{border:1px solid var(--line);background:#fff}.art{aspect-ratio:4/3;background:linear-gradient(135deg,#e4d3bd,#f8f2e9);display:grid;place-items:center;color:#a28359;font:40px serif;position:relative}.art:after{content:"";position:absolute;inset:12px;border:1px solid #bda27e88}.art span{position:relative}.cardbody{padding:13px}.card h3{font-size:16px;margin:0 0 4px}.card p{font-size:13px;color:var(--muted);margin:0}.content{max-width:900px;padding:30px 0 55px;min-height:320px}.content h2{font:500 25px Georgia,serif;margin-top:28px}.content p,.content li{color:#514940}.content .notice{background:var(--paper);border-left:3px solid var(--gold);padding:12px 16px;font-size:14px}.list{padding:0;list-style:none}.list li{padding:12px 0;border-bottom:1px dashed var(--line);display:flex;justify-content:space-between;gap:12px}.list small{color:var(--muted);white-space:nowrap}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filters a{border:1px solid var(--line);padding:5px 12px;font-size:13px}.product{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:32px 0}.product .visual{min-height:330px;background:var(--paper);display:grid;place-items:center;font:80px serif;color:#a28359}.price{font-size:22px;color:var(--red)}dl{display:grid;grid-template-columns:95px 1fr;gap:7px;font-size:14px}dt{color:var(--muted)}dd{margin:0}footer{background:#2d2520;color:#d7c9b7;padding:36px 0 16px;margin-top:25px}footer h3{color:white;font:22px Georgia,serif}footer p,footer li{font-size:13px;color:#c7b8a5}footer .foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}footer ul{padding-left:18px}footer a{color:#eadccb}.copy{border-top:1px solid #51453a;padding-top:13px;margin-top:20px;font-size:12px;color:#ad9d8a}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product{grid-template-columns:1fr}.hero{padding:42px 0}.hero:after{right:-35px}.head{gap:12px}footer .foot{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.wrap{width:calc(100% - 24px)}.brand b{font-size:21px}.grid{gap:9px}.cardbody{padding:10px}.card h3{font-size:14px}.section{padding:28px 0}.section h2{font-size:24px}.title h1{font-size:28px}.hero:after{font-size:170px;top:0}footer .foot{grid-template-columns:1fr}}
