:root{--ink:#172033;--muted:#667085;--line:#d9e0ea;--brand:#1769e0;--brand2:#0f9f6e;--bg:#f5f7fb;--card:#fff;--danger:#b42318}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button{border:0;border-radius:6px;background:var(--brand);color:#fff;padding:10px 14px;cursor:pointer}button:hover{filter:brightness(.96)}.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);text-decoration:none;border-radius:6px;padding:9px 12px}.icon{width:36px;height:36px;padding:0;background:#eef2f7;color:var(--ink)}.topbar{height:68px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font-weight:800;font-size:20px;color:var(--ink);text-decoration:none}.topbar nav{display:flex;gap:10px;align-items:center}main{max-width:1180px;margin:auto;padding:26px}.hero{min-height:260px;display:flex;align-items:end;padding:34px;border-radius:8px;background:linear-gradient(120deg,rgba(23,105,224,.92),rgba(15,159,110,.78)),url("https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=1600&q=80") center/cover;color:#fff}.hero h1{font-size:42px;line-height:1.1;margin:6px 0 12px;letter-spacing:0}.hero p{max-width:620px;line-height:1.7}.eyebrow{font-size:13px;letter-spacing:0;text-transform:uppercase;opacity:.82;margin:0}.layout{display:grid;grid-template-columns:230px 1fr;gap:20px;margin-top:22px}.panel,.login-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.panel h2,.section-head h2{margin:0 0 14px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head input{width:260px;border:1px solid var(--line);border-radius:6px;padding:10px 12px}.category{display:block;width:100%;text-align:left;margin-bottom:8px;background:#f7f9fc;color:var(--ink);border:1px solid var(--line)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.product img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef2f7}.product-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.product h3{font-size:18px;margin:0}.desc{color:var(--muted);line-height:1.55;min-height:48px}.price{display:flex;gap:8px;align-items:baseline}.price strong{font-size:20px;color:var(--brand)}.price del{color:var(--muted)}.meta{font-size:13px;color:var(--muted)}.drawer{position:fixed;inset:0;background:rgba(15,23,42,.36);z-index:10;display:flex;justify-content:flex-end}.drawer-panel{width:min(520px,100%);height:100%;background:#fff;padding:20px;overflow:auto}.member-panel{width:min(720px,100%)}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:16px}.cart-line{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.form{display:grid;gap:12px}.form label{display:grid;gap:6px;font-weight:600}.form .checkline{display:flex;align-items:center;gap:8px;font-weight:500}.form .checkline input{width:auto}.form input,.form textarea,.form select{border:1px solid var(--line);border-radius:6px;padding:10px 12px;background:#fff}.form textarea{min-height:80px;resize:vertical}.message{color:var(--brand2);line-height:1.5}.admin-body{background:#eef2f7}.admin-shell{max-width:1220px}.login-card{max-width:420px;margin:10vh auto}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-top h1{margin:4px 0 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px}.stat strong{font-size:24px;display:block}.admin-grid{display:grid;grid-template-columns:390px 1fr;gap:16px;margin-bottom:16px}.compact{grid-template-columns:1fr 1fr}.compact label:last-of-type{grid-column:1/-1}.compact button{grid-column:1/-1}.admin-list{display:grid;gap:10px}.admin-item,.order{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.admin-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center}.admin-item.compact-row{grid-template-columns:1fr auto}.admin-item img{width:72px;height:72px;object-fit:cover;border-radius:6px;background:#eef2f7}.row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.orders{display:grid;gap:12px}.order-head{display:flex;justify-content:space-between;gap:12px}.order-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.order-extra{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.order-extra label{display:grid;gap:5px;color:var(--muted);font-size:13px}.order-extra input{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px 10px}.badge{display:inline-block;border-radius:999px;padding:5px 9px;background:#eef2ff;color:#1d4ed8;font-size:12px}.danger{background:var(--danger)}@media(max-width:860px){.topbar{height:auto;padding:14px;align-items:flex-start}.topbar nav{flex-wrap:wrap;justify-content:flex-end}.layout,.admin-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.order-extra,.member-grid{grid-template-columns:1fr}.hero h1{font-size:32px}main{padding:16px}}@media(max-width:520px){.stats{grid-template-columns:1fr}.section-head{display:block}.section-head input{width:100%}.compact,.order-extra{grid-template-columns:1fr}.admin-item{grid-template-columns:1fr}.row-actions{justify-content:flex-start}}
.admin-body{background:#f3f6fb;color:#121a2b}.admin-shell{max-width:1440px;padding:0 24px 34px}.admin-top{position:sticky;top:0;z-index:8;margin:0 -24px 18px;padding:22px 28px;background:rgba(255,255,255,.96);border-bottom:1px solid #dce4ef;box-shadow:0 8px 22px rgba(15,23,42,.05);backdrop-filter:saturate(160%) blur(10px)}.admin-top h1{font-size:28px;letter-spacing:0}.admin-subtitle{margin:8px 0 0;color:#64748b;line-height:1.5}.admin-actions{display:flex;gap:10px;align-items:center}.admin-nav{display:flex;gap:10px;position:sticky;top:86px;z-index:7;margin-bottom:18px;padding:10px;background:#e9eef7;border:1px solid #dbe3ef;border-radius:8px}.admin-nav a{text-decoration:none;color:#23324d;background:#fff;border:1px solid #d9e2ef;border-radius:6px;padding:9px 14px;font-weight:700}.admin-nav a:hover{border-color:#1769e0;color:#1769e0}.admin-section{scroll-margin-top:150px}.admin-body .panel,.admin-body .login-card{border-color:#dbe3ef;box-shadow:0 12px 28px rgba(15,23,42,.06)}.panel-title{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 16px;padding-bottom:12px;border-bottom:1px solid #edf1f7}.panel-title h2{margin:2px 0 0;font-size:20px}.panel-title .eyebrow{color:#1769e0;font-weight:800;opacity:1}.form-panel{align-self:start}.list-panel{min-height:220px}.admin-body .form input,.admin-body .form textarea,.admin-body .form select{background:#fbfdff;border-color:#d8e1ee}.admin-body .form input:focus,.admin-body .form textarea:focus,.admin-body .form select:focus{outline:2px solid rgba(23,105,224,.16);border-color:#1769e0}.admin-body button,.admin-body .ghost{font-weight:700}.admin-body .danger{background:#b42318;color:#fff}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat{padding:18px 18px 16px;border-color:#dbe3ef;box-shadow:0 10px 24px rgba(15,23,42,.05);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:#1769e0}.stat:nth-child(2):before{background:#0f9f6e}.stat:nth-child(3):before{background:#7c3aed}.stat:nth-child(4):before{background:#f59e0b}.stat span{color:#64748b;font-weight:700}.stat strong{font-size:30px;margin-top:8px;color:#111827}.admin-grid{grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:18px;margin-bottom:18px}.admin-item{border-color:#e0e7f1;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}.admin-item:hover{border-color:#b9c7da;box-shadow:0 10px 24px rgba(15,23,42,.07);transform:translateY(-1px)}.admin-item strong{font-size:16px}.admin-item img{border:1px solid #e5ebf3}.row-actions button,.row-actions .ghost,.order-actions button{padding:8px 10px}.badge{font-weight:800;background:#eaf1ff;color:#1769e0}.order{border-color:#dbe3ef;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.order-head strong{font-size:17px}.order-extra{background:#f8fafc;border:1px solid #e5ebf3;border-radius:8px;padding:12px}.order-extra input{background:#fff}.message{min-height:20px;font-weight:700}.login-card{padding:26px}.login-card h1{font-size:26px;margin-top:0}@media(max-width:980px){.admin-nav{position:static;overflow:auto}.admin-grid{grid-template-columns:1fr}.admin-top{position:static;display:block}.admin-actions{margin-top:14px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:560px){.admin-shell{padding:0 14px 24px}.admin-top{margin:0 -14px 14px;padding:18px}.admin-nav{display:grid;grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr}.admin-item,.admin-item.compact-row{grid-template-columns:1fr}.order-head{display:block}.row-actions{justify-content:flex-start}}