*{box-sizing:border-box}body{margin:0;color:#30333b;font:14px 'Microsoft YaHei','PingFang SC',sans-serif;background:#f4f5fa url('/assets/admin/images/login/bg.jpg') center/cover fixed no-repeat;min-height:100vh}.navbar{background:rgba(255,255,255,.85);box-shadow:0 1px 8px rgba(32,45,58,.05);min-height:68px}.nav-inner{width:min(1110px,calc(100% - 30px));margin:auto;display:flex;align-items:center;gap:11px;min-height:68px}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:17px;font-weight:800;color:#1396558a;white-space:nowrap}.brand img{width:30px;height:30px;border-radius:50%;box-shadow:#f0d1d4 1px 1px 1px}.login-link{margin-left:10px;color:#79b9fbbd!important;font-size:17px!important}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:17px;flex:1;white-space:nowrap}.nav-links a,.nav-links button{color:#353e4c;text-decoration:none;font:700 14px inherit;border:0;background:none;padding:0}.nav-links i{color:#ff6fae}.action{cursor:pointer}.tool-wrap{position:relative}.tool-menu{display:none;position:absolute;z-index:4;top:25px;left:0;width:170px;padding:7px 0;background:#fff;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.15)}.tool-wrap:hover .tool-menu{display:block}.tool-menu button{display:block;width:100%;padding:7px 14px;text-align:left;font-weight:500}.tool-menu button:hover{background:#f5f5f5}.tool-menu i{display:block;height:1px;background:#eee;margin:4px 0}.container{width:min(1110px,calc(100% - 30px));margin:28px auto}.card{background:rgba(255,255,255,.92);border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.06);margin-bottom:18px;overflow:hidden}.card-title{padding:15px 19px;border-bottom:1px solid #edf0f3;font-size:16px;font-weight:700}.card-title i{color:#ff6fae;margin-right:6px}.notice-body{padding:17px 20px 8px;line-height:1.72;font-size:15px}.notice-body p{margin:0 0 13px}.orange{color:#f9963b}.red{color:#c24f4a}.pink{color:#c24f4a}.blue{color:#4d80bf}.purple{color:#7b5ba1}.large{font-size:22px}.big{font-size:18px}.muted{color:#8baa4a}.tutorial{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tutorial b{display:block;color:#445065;font-size:18px;font-weight:800}.tutorial small{display:block;margin-top:6px;color:#7b8798;font-size:13px;line-height:1.8}.btn{border:0;border-radius:12px;background:#33b869;color:#fff;padding:10px 18px;font-weight:700;white-space:nowrap;cursor:pointer}.search-card{margin-bottom:18px}.search-row{display:flex;padding:10px 18px}.search-row input{height:39px;flex:1;border:1px solid #ced4da;border-radius:4px 0 0 4px;padding:0 12px;background:rgba(255,255,255,.17);font:14px inherit}.search-row .btn{border-radius:0 4px 4px 0;padding:0 20px}.shop-grid{display:grid;grid-template-columns:4fr 8fr;gap:20px}.categories,.products{margin:0;min-height:390px}.category{width:100%;border:0;border-bottom:1px solid #eff1f5;background:transparent;padding:12px 15px;text-align:left;color:#4b5563;font:14px inherit;cursor:pointer;display:flex;align-items:center;gap:10px}.category:hover,.category.active{background:#fff0f6;color:#e96f9c}.category img{width:25px;height:25px;border-radius:6px;background:#f8d7e6}.count{margin-left:auto;border-radius:99px;padding:2px 7px;background:#eef2ff;color:#6c63ff;font-size:11px;font-weight:700}.empty{text-align:center;margin-top:50px;color:#c2c9ed;font-size:16px}table{border-collapse:collapse;width:100%}th,td{padding:12px 16px;border-bottom:1px solid #edf0f3;text-align:left;font-size:14px}th{color:#566273;background:#fbfcff}td img{width:32px;height:32px;vertical-align:middle;border-radius:7px;margin-right:8px}.price{color:green;font-weight:700}.stock{color:#0fb183}.buy{border:0;border-radius:7px;background:#ff7cab;color:white;padding:6px 12px;cursor:pointer;font:13px inherit}.shade{position:fixed;inset:0;z-index:10;background:rgba(255,255,255,.3);display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(620px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border-radius:20px;background:linear-gradient(#ffffffed,#ffe7f4);box-shadow:0 7px 29px rgba(253,173,204,.35);padding:48px 50px}.x{position:absolute;right:18px;top:10px;border:0;background:none;color:#d293ae;font-size:30px;cursor:pointer}.modal h2{text-align:center;font-size:21px;color:#7a7878;border-bottom:1px dashed #ff7c7c3b;margin:0 0 20px;padding-bottom:15px}.modal p{color:#7c7674;line-height:1.8}.modal label{display:block;margin:12px 0;color:#7c7674}.pay{border-top:1px dashed #ff7c7c3b;margin-top:20px;padding-top:12px}.pay span{display:inline-block;margin:5px 5px 0 0;padding:7px 10px;border-radius:10px;background:rgba(70,166,255,.42);color:#666}.toast{position:fixed;z-index:20;left:50%;bottom:32px;transform:translateX(-50%) translateY(20px);opacity:0;background:#6793e8;color:#fff;border-radius:20px;padding:9px 17px;transition:.2s;font-weight:700}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}footer{color:#a19d9d;font-weight:700;text-align:center;margin:30px 15px;padding:5px}@media(max-width:900px){.navbar{padding:12px 0}.nav-inner{flex-wrap:wrap}.nav-links{justify-content:flex-start;flex-basis:100%;gap:13px;overflow:auto}.shop-grid{grid-template-columns:1fr}.tutorial{align-items:flex-start;flex-direction:column}.container{margin-top:16px}}@media(max-width:520px){body{font-size:13px}.brand{font-size:14px}.nav-links{gap:11px}.nav-links button,.nav-links a{font-size:12px}.notice-body{font-size:13px}.large{font-size:18px}.modal{padding:40px 24px}.modal input{width:100%}}