body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#1677ff;--danger:#ff4d4f;--bg:#f5f5f5;--card:#fff;--border:#e8e8e8;--text:#333;--muted:#999;--header-h:52px;--nav-h:56px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.front-layout{min-height:100vh;position:relative}.front-header{height:var(--header-h);background:var(--card);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:12px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #0000000f}.front-logo{color:var(--primary);white-space:nowrap;cursor:pointer;font-size:18px;font-weight:700}.front-search{border:1px solid var(--border);background:var(--bg);border-radius:17px;outline:none;flex:1;height:34px;padding:0 14px;font-size:14px;transition:border-color .2s}.front-search:focus{border-color:var(--primary)}.front-bell{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;transition:background .15s;display:flex;position:relative}.front-bell:hover{background:var(--bg)}.front-bell-badge{background:var(--danger);color:#fff;border:1.5px solid var(--card);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;display:flex;position:absolute;top:2px;right:0}.front-main{margin-top:var(--header-h);margin-bottom:var(--nav-h);min-height:calc(100vh - var(--header-h) - var(--nav-h));padding:12px}.front-bottom-nav{height:var(--nav-h);background:var(--card);border-top:1px solid var(--border);z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--primary)}.nav-icon{font-size:20px;position:relative}.nav-badge-wrap{display:inline-block}.nav-badge{background:var(--danger);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;display:flex;position:absolute;top:-6px;right:-8px}.front-toast{top:calc(var(--header-h) + 12px);z-index:2000;opacity:0;pointer-events:none;white-space:nowrap;background:#fff;border:1px solid #f0f0f0;border-radius:14px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:12px 18px;transition:opacity .3s,transform .3s cubic-bezier(.2,.8,.3,1);display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(-24px);box-shadow:0 8px 28px #00000029}.front-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.front-toast.show.clickable{pointer-events:auto;cursor:pointer}.front-toast.show.clickable:hover{box-shadow:0 10px 32px #1677ff38}.front-toast-icon{flex-shrink:0;font-size:20px}.front-toast-text{color:var(--text);text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.front-toast-action{color:var(--primary);background:#e6f4ff;border-radius:12px;flex-shrink:0;padding:3px 12px;font-size:13px;font-weight:600}.front-sidebar{display:none}.front-layout{--sidebar-w:200px}.front-layout.sidebar-collapsed{--sidebar-w:64px}@media (width>=768px){.front-bottom-nav,.front-logo{display:none}.front-sidebar{width:var(--sidebar-w);background:var(--card);border-right:1px solid var(--border);z-index:100;flex-direction:column;padding:0;transition:width .25s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:2px 0 6px #0000000a}.sidebar-logo{height:var(--header-h);color:var(--primary);cursor:pointer;border-bottom:1px solid var(--border);white-space:nowrap;align-items:center;gap:8px;padding:0 18px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.sidebar-logo-icon{flex-shrink:0;font-size:20px}.sidebar-nav{flex-direction:column;flex:1;padding-top:4px;display:flex}.sidebar-item{color:var(--text);white-space:nowrap;align-items:center;gap:10px;padding:14px 20px;font-size:15px;text-decoration:none;transition:background .2s,color .2s;display:flex}.sidebar-item:hover{background:#f0f5ff}.sidebar-item.active{color:var(--primary);background:#e6f4ff;font-weight:600}.sidebar-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px;position:relative}.sidebar-badge{background:var(--danger);color:#fff;border:1.5px solid var(--card);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;display:flex;position:absolute;top:-6px;right:-8px}.sidebar-label{text-overflow:ellipsis;overflow:hidden}.sidebar-toggle{border:none;border-top:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:10px;padding:14px 20px;font-family:inherit;font-size:15px;transition:background .2s,color .2s;display:flex}.sidebar-toggle:hover{color:var(--primary);background:#f0f5ff}.sidebar-toggle-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px;font-weight:700}.front-header{left:var(--sidebar-w);transition:left .25s}.front-main{margin-left:var(--sidebar-w);margin-bottom:0;padding:20px;transition:margin-left .25s}.sidebar-collapsed .sidebar-label{display:none}.sidebar-collapsed .sidebar-logo{justify-content:center;padding:0}.sidebar-collapsed .sidebar-item,.sidebar-collapsed .sidebar-toggle{justify-content:center;padding:14px 0}}:root{--admin-sidebar-w:220px;--admin-header-h:56px;--admin-primary:#1677ff}.admin-layout{background:#f0f2f5;min-height:100vh;display:flex}.admin-sidebar{width:var(--admin-sidebar-w);z-index:200;background:#001529;flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-overlay,.admin-menu-btn{display:none}.admin-header-left{align-items:center;gap:12px;display:flex}.admin-brand{height:var(--admin-header-h);color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;padding:0 20px;font-size:17px;font-weight:700;display:flex}.admin-nav-item{color:#ffffffa6;align-items:center;gap:10px;padding:14px 20px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:flex}.admin-nav-item:hover{color:#fff;background:#ffffff14}.admin-nav-item.active{background:var(--admin-primary);color:#fff}.admin-back-mall{cursor:pointer;text-align:left;border:none;border-top:1px solid #ffffff1a;width:100%;margin-top:auto;font-family:inherit}.admin-back-mall:hover{color:#fff;background:#ffffff14}.admin-back-link{color:#1677ff;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:6px 14px;font-size:14px;transition:all .2s}.admin-back-link:hover{color:#4096ff;background:#f0f5ff;border-color:#1677ff}.admin-body{margin-left:var(--admin-sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.admin-header{height:var(--admin-header-h);z-index:100;background:#fff;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000f}.admin-user-info{color:#333;align-items:center;gap:10px;font-size:14px;display:flex}.admin-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.admin-logout-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:4px 12px;font-size:13px;transition:all .2s}.admin-logout-btn:hover{color:#ff4d4f;border-color:#ff4d4f}.admin-main{flex:1;padding:24px}.admin-menu-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;line-height:1}.admin-menu-btn:hover{color:#1677ff;border-color:#1677ff}@media (width<=768px){.admin-menu-btn{display:flex}.admin-sidebar{transform:translate(-100%);box-shadow:2px 0 16px #00000040}.admin-sidebar.open{transform:translate(0)}.admin-body{margin-left:0}.admin-overlay{z-index:190;opacity:0;pointer-events:none;background:#00000073;transition:opacity .25s;display:block;position:fixed;inset:0}.admin-overlay.show{opacity:1;pointer-events:auto}.admin-header .admin-back-link{display:none}.admin-header{padding:0 14px}.admin-main{padding:16px}.admin-nickname{display:none}}