*{box-sizing:border-box}body{margin:0;background:#fafaf7;color:#26372c;font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;border-radius:7px;padding:10px 19px;background:#285b3f;color:white}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}.topline{background:#244a35;color:#e5ede4;display:flex;justify-content:space-between;padding:8px max(calc((100vw - 1200px)/2),32px);font-size:11px;letter-spacing:1px}header{max-width:1200px;margin:auto;height:94px;display:flex;align-items:center;gap:68px}.brand{display:flex;align-items:center;gap:12px}.brand>b{background:#2d533d;color:#fff;border-radius:50% 50% 8px 50%;padding:7px 13px;font-size:25px}.brand strong{font-size:24px;letter-spacing:4px}.brand small{display:block;font-size:8px;letter-spacing:2px}nav{display:flex;gap:34px;flex:1}nav a{padding:9px 0}nav a:hover{color:#649366}.account{color:#31543d;background:#edf0e8}main{max-width:1200px;min-height:66vh;margin:0 auto 70px}.hero{display:grid;grid-template-columns:1fr 300px;gap:22px}.banner{min-height:310px;background:#e8eddf;border-radius:14px;padding:38px 44px;position:relative;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:3px;color:#65806a}.banner h1{font-size:39px;line-height:1.35;font-weight:600;margin:17px 0}.banner p{color:#71806c}.banner .pill{background:white;color:#4e6d50;display:inline-block;padding:5px 13px;border-radius:20px;font-size:11px}.art{position:absolute;right:38px;top:39px;width:220px;height:240px;border-radius:120px 120px 20px 20px;background:#d5dfca;transform:rotate(-8deg);display:grid;place-items:center;font-size:115px;color:#496348;text-shadow:5px 8px 0 #bdcdb2}.art:after{content:'GOOD THINGS TAKE TIME';position:absolute;font-size:8px;letter-spacing:2px;bottom:18px;text-shadow:none}.balance{padding:28px;border:1px solid #e2e7da;border-radius:14px;background:#f1f3e9;display:flex;flex-direction:column;justify-content:center}.balance .num{font-size:42px;font-weight:600;line-height:1.4;margin:10px 0}.muted{color:#8b9389;font-size:12px}.balance button{margin-top:22px}.benefits{display:flex;justify-content:space-around;border-bottom:1px solid #e7e8e1;padding:24px 0;color:#697460;font-size:12px}.benefits b{color:#365c40;margin-right:9px}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin:34px 0 22px}h2{font-size:25px;margin:0;font-weight:600}.sectionhead p{margin:4px 0 0;color:#8a9385;font-size:12px}.filters{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.tabs{display:flex;gap:9px}.tabs button{background:transparent;color:#73806f;padding:8px 18px}.tabs button.active{background:#2d573c;color:#fff}.search{width:240px;background:white;border:1px solid #e0e4db;border-radius:7px;padding:10px 13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.card{border:1px solid #e9ebe3;border-radius:11px;background:white;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-4px)}.productart{height:198px;display:grid;place-items:center;position:relative}.productart .symbol{font-size:82px;line-height:1;color:#51634a;text-shadow:3px 5px 0 #ffffff70;transition:transform .2s}.card:hover .symbol{transform:rotate(-6deg) scale(1.08)}.productart .tag{position:absolute;left:14px;top:14px;font-size:10px;background:#ffffffc9;padding:2px 9px;border-radius:4px;color:#66725b}.cardbody{padding:19px}.card h3{font-weight:500;font-size:15px;margin:0 0 6px}.cardbottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.price{font-size:23px;font-weight:600;color:#345d3e}.price small{font-size:11px;font-weight:400;margin-left:4px}.card button{font-size:12px;padding:7px 13px;background:#edf2e8;color:#375b3c}.stock{font-size:10px;color:#9a9f94}footer{border-top:1px solid #e3e6dc;max-width:1200px;margin:auto;padding:28px 0;display:flex;justify-content:space-between;color:#8c9487;font-size:11px}footer strong{color:#52684b;letter-spacing:2px}dialog{border:0;border-radius:14px;padding:30px;width:440px;max-width:90vw;color:#2c3f30;box-shadow:0 20px 90px #0002}dialog::backdrop{background:#15291d66;backdrop-filter:blur(3px)}dialog h2{font-size:22px;margin-bottom:18px}label{display:block;margin:12px 0;color:#66735f;font-size:12px}label input,label select,label textarea{display:block;width:100%;border:1px solid #dce1d6;border-radius:6px;padding:10px;background:#fff;margin-top:5px;color:#26372c}textarea{min-height:80px}.actions{display:flex;gap:10px;margin-top:22px;justify-content:flex-end}.secondary{background:#eef0e8;color:#52634c}.error{color:#b03d37;font-size:12px}.panel{background:#fff;border:1px solid #e3e7dc;border-radius:12px;padding:24px;margin-top:24px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #edf0e7}th{color:#89947e;font-weight:500}td button{font-size:11px;padding:5px 10px;margin:2px}.badge{padding:4px 10px;background:#ecf1e5;border-radius:5px;color:#647b4f}.empty{text-align:center;padding:75px 20px;color:#8c9786}.heading{display:flex;justify-content:space-between;align-items:center;padding-top:30px}.adminnav{display:flex;gap:10px;margin-top:25px}#toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);background:#244b34;color:white;padding:12px 25px;border-radius:9px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}#toast.show{opacity:1}.hint{background:#f1f3eb;padding:12px;border-radius:6px;font-size:12px;color:#78816f}.detailart{font-size:70px;text-align:center;border-radius:8px;padding:20px}.split{display:flex;justify-content:space-between;gap:15px}.num{font-variant-numeric:tabular-nums}@media(max-width:900px){header,main,footer{margin-left:20px;margin-right:20px}header{gap:24px}nav{gap:16px}.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.balance{display:none}.art{opacity:.5;right:10px}.banner h1,.banner p,.banner .pill{position:relative;z-index:1}.filters{align-items:stretch;flex-direction:column}.tabs{flex-wrap:wrap}footer span:last-child{display:none}}@media(max-width:550px){header{height:auto;min-height:110px;flex-wrap:wrap;gap:8px;padding:15px 0}nav{order:3;width:100%;font-size:12px}.account{margin-left:auto}.banner{padding:25px}.banner h1{font-size:30px}.art{width:150px;font-size:80px}.benefits{gap:8px;font-size:10px}.grid{gap:12px}.productart{height:150px}.cardbody{padding:12px}.cardbottom{flex-wrap:wrap;gap:6px}.price{font-size:20px}.sectionhead{align-items:start}}

.productart{height:auto;aspect-ratio:1/1;background:#f5f3ee;overflow:hidden}.productart img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.card:hover .productart img{transform:scale(1.035)}.productart .tag{z-index:1}.detailart{padding:0;overflow:hidden;aspect-ratio:1/1}.detailart img{width:100%;height:100%;object-fit:cover;display:block}.adminproduct{display:flex;align-items:center;gap:12px}.adminproduct img{width:48px;height:48px;object-fit:cover;border-radius:6px}.adminproduct .symbol{width:48px;text-align:center;font-size:25px}