@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Noto+Serif+SC:wght@500;600;700&display=swap";*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Microsoft YaHei,sans-serif}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}header{border-bottom:1px solid var(--line);background:var(--paper);z-index:5;justify-content:space-between;align-items:center;height:82px;padding:0 5vw;display:flex;position:sticky;top:0}.logo,.footerBrand{letter-spacing:.12em;font-size:20px;font-weight:700}.logo span,.footerBrand span{letter-spacing:.2em;color:var(--accent);margin-left:8px;font-size:12px}nav{gap:24px;display:flex}nav button{color:var(--muted);font-size:13px}nav button:hover,footer button:hover{color:var(--accent)}.cartLink{font-size:13px}.cartLink b{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:8px;font-size:11px;display:inline-flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:8vw;max-width:1500px;margin:auto;padding:8vw 8vw 7vw;display:grid}.hero small,.collectionHead small,.info>small,.admin>small,.sectionTitle small{letter-spacing:.2em;color:var(--accent);font-size:11px}.hero h1,.collectionHead h1,.info h1,.admin h1{margin:25px 0;font:600 clamp(48px,7vw,96px)/1.08 Noto Serif SC,serif}.hero h1 em{color:var(--accent);font-style:normal}.hero p{max-width:460px;color:var(--muted);margin-bottom:30px;line-height:1.9}.primary{background:var(--ink);color:#fff;padding:15px 23px;font-size:13px}.heroCard{background:#e4ddd3;padding:8%;position:relative;transform:rotate(2deg)}.heroCard img{width:100%;display:block}.heroCard span{color:var(--muted);font-size:12px;position:absolute;bottom:20px;left:20px}.intro{text-align:center;background:#ebe5dc;padding:8vw}.intro h2,.featured h2{margin:20px 0 50px;font:600 clamp(30px,4vw,54px)/1.3 Noto Serif SC,serif}.categoryTiles{border-top:1px solid #cfc6b9;grid-template-columns:repeat(4,1fr);max-width:1100px;margin:auto;display:grid}.categoryTiles button{text-align:left;border-right:1px solid #cfc6b9;gap:22px;min-height:160px;padding:25px;display:grid}.categoryTiles button:first-child{border-left:1px solid #cfc6b9}.categoryTiles span,.categoryTiles small{color:var(--muted);font-size:11px}.categoryTiles b{font-size:18px}.featured,.collection{max-width:1500px;margin:auto;padding:7vw 6vw}.sectionTitle{text-align:center;margin-bottom:45px}.grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.card{background:#eee9e1}.card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.cardBody small,.line small{color:var(--muted);font-size:11px;display:block}.card h3{margin:9px 0;font-family:Noto Serif SC,serif;font-size:20px}.card p{color:var(--muted);min-height:42px;font-size:12px;line-height:1.7}.card strong{font-size:18px}.actions{gap:8px;margin-top:18px;display:flex}.actions button{background:#d8d0c5;padding:11px 12px;font-size:11px}.actions .buy{background:var(--ink);color:#fff}.actions button:hover{background:var(--accent);color:#fff}.collectionHead{padding:5vw 0 4vw}.collectionHead h1{margin:16px 0;font-size:clamp(44px,6vw,82px)}.collectionHead p{color:var(--muted)}footer{color:#eeeae3;background:#2e302d;grid-template-columns:1.4fr repeat(3,1fr) 1.7fr;gap:35px;padding:65px 6vw;line-height:1.7;display:grid}footer p,footer button{color:#bdbcb5;text-align:left;margin:7px 0;font-size:12px;display:block}footer h4{letter-spacing:.15em;color:#e0a286;font-size:11px}.company{font-size:12px}.company p{max-width:270px}.checkout,.info,.admin{max-width:1200px;min-height:650px;margin:auto;padding:7vw 6vw}.back{color:var(--muted);font-size:13px}.checkoutGrid{grid-template-columns:1.3fr .7fr;gap:7vw;margin-top:40px;display:grid}.checkout h1{font:600 64px Noto Serif SC,serif}.line{border-bottom:1px solid var(--line);grid-template-columns:75px 1fr auto 20px;align-items:center;gap:15px;padding:15px 0;display:grid}.line img{width:75px}.line b{font-size:14px}.line button{color:var(--muted);font-size:20px}.payment{background:#ebe5dc;height:max-content;padding:30px}.sum{border-bottom:1px solid #d4ccc1;justify-content:space-between;padding:13px 0;font-size:13px;display:flex}.sum.total{border:0;padding:20px 0;font-size:18px}.payOptions{gap:8px;display:grid}.payOptions button{text-align:left;background:#f5f0e8;border:1px solid #cfc6b9;padding:13px}.full{width:100%;margin-top:25px}.info h1,.admin h1{font-size:clamp(48px,7vw,82px)}.lead{max-width:820px;font:26px/1.8 Noto Serif SC,serif}.infoBlock,.term{border-top:1px solid var(--line);max-width:800px;color:var(--muted);padding:25px 0;line-height:1.8}.term h3{color:var(--ink);font-size:18px}.adminStats{gap:20px;margin:45px 0;display:flex}.adminStats div{background:#ebe5dc;gap:8px;padding:25px 40px;display:grid}.adminStats b{color:var(--accent);font-size:30px}.adminStats span{color:var(--muted);font-size:12px}.adminTable{border-top:1px solid var(--line);color:var(--muted);padding:22px 0}@media (width<=800px){header{padding:0 20px}nav{display:none}.hero,.checkoutGrid{grid-template-columns:1fr}.hero,.intro,.featured,.collection,.checkout,.info,.admin{padding:60px 20px}.categoryTiles,.grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr;padding:45px 20px}.company{grid-column:span 2}.heroCard{order:-1}.card h3{font-size:16px}.actions{display:grid}}.login{gap:12px;max-width:420px;display:grid}.login input{border:1px solid var(--line);font:inherit;background:#ebe5dc;padding:15px}.login .primary{margin-top:8px}:root{--ink:#172a3a;--muted:#667784;--paper:#f1ede6;--line:#d7d0c7;--accent:#d86a52;--sage:#416b68}body{background:#f1ede6}header{color:#f9f6f0;background:#172a3a;border-bottom:0}header nav button,header .cartLink{color:#e7ddd2}header nav button:hover,.logo span{color:#f2a08b}.cartLink b{background:#d86a52}.hero{color:#f9f6f0;background:#172a3a;max-width:none;padding:8vw 9vw}.hero p{color:#c8d0d2}.heroCard{background:#d86a52;padding:5%;transform:none}.heroCard span{color:#172a3a}.primary{color:#fff;background:#d86a52}.primary:hover{background:#f08a6e}.intro{color:#fff;background:#d86a52}.intro small,.intro h2{color:#fff}.categoryTiles,.categoryTiles button,.categoryTiles button:first-child{border-color:#ed9b86}.categoryTiles button:hover{background:#c75e48}.categoryTiles span,.categoryTiles small{color:#ffe0d5}.featured,.collection{background:#f1ede6}.sectionTitle small,.collectionHead small,.hero small,.info>small,.admin>small{color:#d86a52}.card{background:#fff;border:1px solid #ded7ce}.card img{background:#e7e0d7}.cardBody{padding:22px 24px 26px}.card h3{color:#172a3a}.actions button{color:#172a3a;background:#e7e0d7}.actions .buy{color:#fff;background:#172a3a}.actions button:hover{color:#fff;background:#d86a52}.payment{color:#fff;background:#172a3a}.payment .sum{border-color:#40515d}.payOptions button{color:#172a3a;background:#f8f5ef;border-color:#f8f5ef}.checkout h1,.info h1,.admin h1,.collectionHead h1{color:#172a3a}footer{background:#172a3a}footer h4{color:#f2a08b}@media (width<=520px){.grid,.categoryTiles{grid-template-columns:1fr}.categoryTiles button{border-left:1px solid #cfc6b9}.hero h1{font-size:48px}}
