:root{--cream:#70474a;--paper:#603c40;--wine:#41262e;--ink:#fff4e5;--muted:#e0c8bd;--line:#ffffff24}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#85595a 0%,transparent 65%),var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #f4ce9a;outline-offset:4px}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:30px 18px 22px;background:linear-gradient(160deg,#623e43,#503138);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{text-align:center;padding-bottom:32px;color:var(--ink)}.logo{width:100px;height:84px;margin:0 auto 12px;background-image:url('images/lb-store.jpg');background-size:550px auto;background-position:-166px -77px;border-radius:3px}.brand>span{display:block;font:16px Georgia,serif;letter-spacing:2px}.brand small{display:block;font-size:12px;margin-top:10px;letter-spacing:2px}.nav-label{font-size:14px;color:var(--muted);padding:0 14px;margin-bottom:12px}nav{overflow:auto;flex:1;scrollbar-width:thin}nav button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:15px 14px;margin-bottom:5px;text-align:left;color:#eed9ce;border-radius:8px;min-height:54px}nav button.active{background:var(--wine);color:#fff8ef}nav button .number{font:14px Georgia,serif;opacity:.65}nav button .count{margin-left:auto;font-size:13px;opacity:.65}.sidebar-note{border-top:1px solid var(--line);padding:20px 7px 0;margin-top:14px}.sidebar-note span{font-size:13px}.sidebar-note small{display:block;font-size:10px;letter-spacing:1px;margin-top:10px;color:var(--muted)}main{margin-left:230px;height:100vh;height:100dvh;overflow:auto;padding:42px 38px 24px;scroll-behavior:smooth;scrollbar-color:#ba8e86 transparent}header{border-bottom:1px solid var(--line);padding-bottom:27px;margin-bottom:34px}.eyebrow{font-size:11px;letter-spacing:2px;color:#e2bd9f;margin:0 0 13px}h1{font-family:"Songti SC","STSong",serif;font-size:34px;font-weight:500;letter-spacing:2px;margin:0 0 17px}h1>span{font-family:inherit;font-size:14px;letter-spacing:1px;color:#e2bd9f;margin-left:20px;white-space:nowrap}.intro{display:flex;align-items:center;justify-content:space-between;gap:12px}.intro p{margin:0;color:#f1d6c8;font-size:16px}.intro p span{margin-left:14px}.hint{font-size:12px;color:#e0c8bd}.collection{scroll-margin-top:26px;margin-bottom:48px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.section-heading h2{font-size:23px;letter-spacing:1px;font-weight:500;margin:0}.section-heading h2 small{font:14px Georgia,serif;color:#e2bd9f;margin-right:12px}.section-heading p{font-size:13px;margin:8px 0 0;color:var(--muted)}.section-count{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.cake{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--paper);padding:0;text-align:left;color:inherit;box-shadow:0 4px 16px #24101924;transition:box-shadow .2s,transform .2s}.cake:hover{box-shadow:0 10px 28px #24101940;transform:translateY(-2px)}.photo{background:#513439;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;position:relative}.photo img{display:block;width:100%;height:100%;object-fit:contain}.cake-copy{padding:17px 17px 19px}.cake-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.cake h3{font-size:18px;font-weight:500;margin:0}.cake-id{font-size:11px;color:#dfbfb1}.cake-copy p{font-size:14px;color:#efd4c5;line-height:1.8;margin:9px 0 0}.card-price{display:block;margin-top:8px;color:#ffe1af}footer{padding:22px 0 5px;border-top:1px solid var(--line);color:#e0c8bd;font-size:13px}footer span{float:right;letter-spacing:1px;font-size:11px}dialog{border:0;border-radius:14px;background:var(--cream);color:var(--ink);padding:60px 24px 24px;width:min(960px,92vw);max-height:92vh;max-height:92dvh;box-shadow:0 24px 100px #0003}dialog::backdrop{background:#251d25b8;backdrop-filter:blur(5px)}.close{position:absolute;right:18px;top:12px;min-height:44px;min-width:86px;border:0;background:#41262e;color:#fff4e5;border-radius:25px;padding:8px 17px;z-index:2}.close span{font-size:24px;margin-left:9px;vertical-align:-2px}.detail-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center}.detail-photo{border:0;padding:0;background:#513439;border-radius:7px;overflow:hidden;position:relative}.detail-photo img{display:block;width:100%;height: min(68vh,720px);object-fit:contain}.detail-photo>span{display:block;padding:12px;font-size:13px;color:#efd4c5}.detail-copy{padding-right:18px}.detail-copy h2{font:30px "Songti SC",serif;margin:18px 0 24px}.selling{line-height:1.9;color:#efd4c5}.recommend-label{font-size:12px;letter-spacing:2px;color:#e2bd9f;border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.recommend{font:23px/1.9 "Songti SC",serif;color:#fff0d9}.detail-id{font-size:12px;color:#dfbfb1}#zoom{width:96vw;height:96vh;height:96dvh;padding:64px 14px 14px;background:#342127}#zoom .zoom-scroll{height:100%;overflow:auto;text-align:center;touch-action:pan-x pan-y pinch-zoom}#zoom img{display:block;max-width:none;width:auto;height:auto;margin:auto;cursor:zoom-out}#zoom .close{position:absolute}body:has(dialog[open]) main{overflow:hidden}@media(max-width:1150px){.sidebar{width:200px;padding:24px 12px}main{margin-left:200px;padding:32px 26px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}h1{font-size:30px}.hint{display:none}h1>span{display:none}}@media(max-width:650px){.sidebar{width:132px;padding:18px 8px}.brand{padding-bottom:24px}.brand>span{font-size:11px;letter-spacing:1px}.brand small{font-size:9px;letter-spacing:0}.logo{transform:scale(.8);margin-top:-8px;margin-bottom:0}.nav-label{font-size:12px;padding:0 6px}nav button{font-size:14px;padding:12px 8px;gap:6px}nav button .number{display:none}.sidebar-note{display:none}main{margin-left:132px;padding:28px 14px}.grid{grid-template-columns:1fr}h1{font-size:23px;line-height:1.5;letter-spacing:0}.eyebrow{font-size:9px;letter-spacing:1px}.intro p{font-size:13px;line-height:1.8}.intro p span{display:block;margin:0}.section-heading h2{font-size:19px}.section-count{display:none}.section-heading p{font-size:12px}.cake-copy{padding:14px}.detail-layout{grid-template-columns:1fr;gap:20px}.detail-photo img{height:55vh}.detail-copy{padding:0 8px}footer span{display:block;float:none;margin-top:12px}}@media(prefers-reduced-motion:reduce){main{scroll-behavior:auto}.cake{transition:none}}