:root{--brand: #6366f1;--brand-2: #8b5cf6;--brand-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--bg: #f5f6fa;--sidebar-bg: linear-gradient(180deg, #0d1226 0%, #141a35 100%);--card-radius: 14px;--shadow-sm: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 16px rgba(16, 24, 40, .08);--shadow-lg: 0 16px 40px rgba(16, 24, 40, .14);--text: #1d2129;--text-2: #4e5969;--text-3: #86909c;--border: #eef0f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;color:var(--text)}.ant-layout-content{background:radial-gradient(900px 400px at 85% -10%,rgba(99,102,241,.08),transparent 60%),radial-gradient(700px 350px at -5% 20%,rgba(139,92,246,.06),transparent 55%),var(--bg)}.ant-card{box-shadow:var(--shadow-sm);transition:box-shadow .25s ease,transform .25s ease}.ant-card:hover{box-shadow:var(--shadow-md)}.ant-card-head{font-weight:600;font-size:15px}.ant-table-wrapper .ant-table{border-radius:12px}.ant-btn{font-weight:500}.ant-btn-primary{background:var(--brand-gradient)!important;border:none!important;box-shadow:0 2px 8px #6366f159;transition:all .2s}.ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f173}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d4d8e2;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b8bdcb}::-webkit-scrollbar-track{background:transparent}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:22px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.2px}.page-subtitle{color:var(--text-3);font-size:13px;margin-top:4px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(1000px 600px at 20% -10%,rgba(99,102,241,.5),transparent 60%),radial-gradient(800px 500px at 110% 110%,rgba(139,92,246,.4),transparent 60%),radial-gradient(600px 400px at 80% 10%,rgba(56,189,248,.25),transparent 55%),#070b1a}.login-card{width:420px;padding:44px 36px 32px;border-radius:20px;background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px #00000080}.login-card .ant-input,.login-card .ant-input-affix-wrapper{background:#ffffff14!important;border-color:#ffffff29!important;color:#fff}.login-card .ant-input::placeholder{color:#fff6}.login-card .ant-input-prefix{color:#ffffff73}.login-card .ant-form-item-label>label{color:#ffffffbf}.ant-layout-sider .ant-menu-dark{background:transparent}.ant-menu-dark .ant-menu-item{color:#ffffffa6;border-radius:10px;font-size:14px;margin-inline:10px;width:calc(100% - 20px);transition:all .2s}.ant-menu-dark .ant-menu-item:hover{background:#ffffff0f!important;color:#fff}.ant-menu-dark .ant-menu-item-selected{background:linear-gradient(90deg,#6366f1,#8b5cf6)!important;color:#fff!important;box-shadow:0 6px 16px #6366f166}.ant-menu-dark .ant-menu-item-selected .anticon{color:#fff}.ant-menu-item .anticon{font-size:16px}.ant-layout-content>div{animation:pageIn .3s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.media-thumb{width:88px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:#0d1226;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover}.media-thumb .anticon{color:#ffffffb3;font-size:20px}.media-preview-modal .ant-modal-body{display:flex;justify-content:center;background:#0d1226;padding:0}.media-preview-modal video,.media-preview-modal img{max-width:100%;max-height:62vh;display:block}
