:root{--ink:#29241f;--muted:#766d65;--paper:#f4eee5;--line:#29241f24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fcfaf7;margin:0;font-family:Arial,Noto Sans TC,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#fcfaf7f0;justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex;position:sticky;top:0}.logo{font-family:Georgia,serif;font-size:23px}.logo em{font-weight:500}header nav{color:var(--muted);gap:30px;font-size:14px;display:flex}header i{background:var(--ink);color:#fff;border-radius:99px;place-items:center;min-width:22px;height:22px;font-size:12px;font-style:normal;display:inline-grid}.hero{background:var(--paper);grid-template-columns:1fr 1.1fr;min-height:700px;display:grid}.hero>div{flex-direction:column;justify-content:center;align-items:flex-start;padding:9vw 8vw;display:flex}.hero h1,.page-title,.text h1,.empty h1{margin:10px 0 28px;font-family:Georgia,serif;font-size:clamp(48px,6vw,84px);font-weight:400;line-height:1.1}.hero p{color:var(--muted);max-width:520px;margin-bottom:34px;line-height:1.9}.hero figure{background:url(https://images.unsplash.com/photo-1483985988355-763728e1935b?auto=format&fit=crop&w=1600&q=85) 50%/cover;margin:0}.button,.buy button,.cart aside button,.login button,.form button{background:var(--ink);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;min-height:50px;padding:0 26px;display:inline-flex}.strip{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:26px 5vw;display:grid}.strip div{text-align:center;border-right:1px solid var(--line);gap:5px;display:grid}.strip div:last-child{border:0}.strip small,.card small{color:var(--muted)}.section{padding:96px 5vw}.top{min-height:60vh}.title{justify-content:space-between;align-items:flex-end;margin-bottom:36px;display:flex}.title h2,.story h2{margin:8px 0;font-family:Georgia,serif;font-size:52px;font-weight:400}.grid{grid-template-columns:repeat(3,1fr);gap:30px 18px;display:grid}.pic{aspect-ratio:3/4;background:#eee6dc;display:block;position:relative;overflow:hidden}.pic img{object-fit:cover;transition:all .5s}.pic:hover img{transform:scale(1.025)}.meta{justify-content:space-between;gap:15px;padding:15px 2px;display:flex}.meta h3{margin:4px 0;font-size:15px}.meta>div:last-child{text-align:right;display:grid}.meta del,.price del{color:var(--muted);font-size:12px}.story{background:var(--paper);grid-template-columns:1fr 1fr;margin:0 5vw 100px;display:grid}.story figure{background:url(https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=1200&q=85) 50%/cover;min-height:560px;margin:0}.story>div{padding:8vw}.story p{color:var(--muted);line-height:2}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:48px 5vw;display:flex}.cats{flex-wrap:wrap;gap:8px;margin:30px 0 45px;display:flex}.cats a{border:1px solid var(--line);padding:9px 14px}.cats .active{background:var(--ink);color:#fff}.detail{grid-template-columns:1.25fr .75fr;gap:50px;padding:50px 5vw 100px;display:grid}.gallery{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gallery>div{aspect-ratio:3/4;background:#eee;position:relative}.gallery img{object-fit:cover}.detail aside{align-self:start;padding:4vw 2vw;position:sticky;top:110px}.detail h1{font-family:Georgia,serif;font-size:46px;font-weight:400}.detail aside>p{color:var(--muted);line-height:1.9}.price{align-items:center;gap:12px;font-size:20px;display:flex}.buy{gap:16px;margin:30px 0;display:grid}.buy label{gap:7px;font-size:13px;display:grid}.buy select,.form input,.form select,.form textarea,.login input{border:1px solid var(--line);background:#fff;padding:13px}.buy small{color:var(--muted)}details{border-top:1px solid var(--line);padding:18px 0}.cart{grid-template-columns:1fr 380px;gap:70px;display:grid}.cart h1{font-family:Georgia,serif;font-size:54px;font-weight:400}.line{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;gap:20px;padding:20px 0;display:grid}.line img{object-fit:cover}.line p{color:var(--muted)}.qty{align-items:center;gap:12px;margin-top:15px;display:flex}.qty button{border:1px solid var(--line);background:#fff;width:30px;height:30px}.link{cursor:pointer;text-decoration:underline;color:var(--muted)!important;background:0 0!important;border:0!important;width:auto!important}.cart aside{background:var(--paper);height:max-content;padding:30px;position:sticky;top:110px}.cart aside p{justify-content:space-between;display:flex}.cart aside button{width:100%;margin-top:20px}.cart aside em{color:#a2382c;margin-top:12px;display:block}.empty{text-align:center;place-content:center;justify-items:center;gap:16px;display:grid}.check{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:65px;height:65px;font-size:30px;display:grid}.text{max-width:850px;margin:auto;padding:90px 5vw;line-height:2}.login{background:var(--paper);place-items:center;display:grid}.login form{background:#fff;gap:18px;min-width:min(440px,90vw);padding:50px;display:grid}.login h1{font-family:Georgia,serif;font-weight:400}.login label{gap:8px;display:grid}.login em{color:#a2382c}.admin{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.admin>aside{background:var(--ink);color:#fff;flex-direction:column;gap:22px;padding:35px;display:flex}.admin>section{background:#f5f3ef}.admin-page{padding:55px}.admin-page h1{font-family:Georgia,serif;font-size:48px;font-weight:400}.stats{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stats article{background:#fff;gap:12px;padding:28px;display:grid}.stats b{font-size:32px}.form{background:#fff;margin-bottom:25px;padding:24px}.form form{grid-template-columns:1fr 1fr;gap:15px;margin-top:24px;display:grid}.form label{gap:6px;display:grid}.form .full{grid-column:1/-1}.table{background:#fff}.table article{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr 1fr 1fr 1fr;align-items:center;padding:16px;display:grid}.table span{gap:4px;display:grid}.table small{color:var(--muted)}@media (max-width:800px){header nav{display:none}.hero{grid-template-columns:1fr}.hero figure{min-height:500px}.strip{grid-template-columns:1fr 1fr;gap:20px 0}.strip div:nth-child(2){border:0}.grid{grid-template-columns:1fr 1fr}.story,.detail,.gallery{grid-template-columns:1fr}.detail aside{position:static}.cart{grid-template-columns:1fr}.cart aside{position:static}.admin{grid-template-columns:1fr}.admin>aside{flex-flow:wrap}.stats{grid-template-columns:1fr}.table article{grid-template-columns:1fr;gap:8px}}@media (max-width:520px){header{padding:0 18px}.section,.detail{padding-inline:18px}.grid{grid-template-columns:1fr}.story{margin-inline:18px}footer{gap:14px;display:grid}.admin-page{padding:25px}.form form{grid-template-columns:1fr}}