:root{--primary-color: #2563eb;--secondary-color: #1d4ed8;--sidebar-bg: rgba(255,255,255,.88);--header-bg: rgba(255,255,255,.85);--sidebar-width: 220px;--sidebar-collapsed-width: 64px;--header-height: 60px;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399;--color-bg: #f5f7fa;--color-bg-card: #ffffff;--color-bg-page: rgba(255,255,255,.72);--color-text-primary: #1a1a2e;--color-text-regular: #333;--color-text-secondary: #999;--color-text-placeholder: #b6bcc5;--color-border: rgba(0,0,0,.06);--color-fill: #f8fafc;--color-primary-rgb: 37,99,235;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-base: 15px;--font-size-lg: 18px;--font-size-xl: 24px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 2px 8px rgba(0,0,0,.05), 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.08), 0 16px 40px rgba(0,0,0,.08);--shadow-primary: 0 4px 14px rgba(var(--primary-rgb,37,99,235),.18), 0 8px 28px rgba(var(--primary-rgb,37,99,235),.12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--motion-fast: .15s;--motion-base: .25s;--motion-slow: .4s;--motion-spring: cubic-bezier(.22,.61,.36,1);--motion-out: cubic-bezier(0,0,.2,1);--motion-in: cubic-bezier(.4,0,1,1);--motion-elastic: cubic-bezier(.34,1.56,.64,1);--motion-smooth: cubic-bezier(.4,.1,.2,1)}*{box-sizing:border-box}body{margin:0;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#app{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.el-card{border-radius:var(--radius-xl)!important;border:none!important;box-shadow:var(--shadow-md)!important;transition:all var(--motion-base) var(--motion-smooth)!important}.el-card:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-3px)}.el-button{border-radius:var(--radius-md)!important;transition:all var(--motion-base) var(--motion-smooth)!important}.el-button:active{transform:scale(.97)}.el-button--primary{position:relative;overflow:hidden}.el-button--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity var(--motion-base)}.el-button--primary:hover:after{opacity:1}.el-input__wrapper{border-radius:var(--radius-md)!important}.el-dialog{border-radius:var(--radius-xl)!important;overflow:hidden}.el-table{border-radius:var(--radius-lg)!important;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glowPulse{0%,to{box-shadow:0 0 4px #2563eb33}50%{box-shadow:0 0 16px #2563eb66}}.animate-fade-in{animation:fadeIn var(--motion-base) var(--motion-out) both}.animate-fade-in-up{animation:fadeInUp var(--motion-base) var(--motion-out) both}.animate-fade-in-scale{animation:fadeInScale var(--motion-slow) var(--motion-spring) both}.animate-slide-left{animation:slideInLeft var(--motion-slow) var(--motion-out) both}.animate-shimmer{animation:shimmer 2s infinite linear;background-size:200% 100%}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fade-in-up-fast{animation:fadeInUp .3s var(--motion-out) both}.animate-fade-in-up-slow{animation:fadeInUp .6s var(--motion-smooth) both}.animate-zoom-in{animation:fadeInScale .4s var(--motion-spring) both}.animate-slide-in-right from{opacity:0;transform:translate(16px)}.animate-slide-in-right to{opacity:1;transform:translate(0)}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.admin-page{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-5);transition:background var(--motion-base) ease,box-shadow var(--motion-base) ease}html.dark .admin-page{background:var(--dark-card)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);animation:fadeInUp .4s var(--motion-out) both}.page-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}html.dark .page-title{color:var(--dark-text)}.page-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.page-section:hover{border-color:#0000001a;box-shadow:var(--shadow-sm)}html.dark .page-section{border-color:var(--dark-border)}html.dark .page-section:hover{border-color:#2a3a55;box-shadow:0 2px 8px #0000004d}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}html.dark .section-head{border-bottom-color:var(--dark-border)}.section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-regular)}html.dark .section-title{color:var(--dark-text)}.filter-bar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-fill);border-radius:var(--radius-lg);flex-wrap:wrap}html.dark .filter-bar{background:var(--dark-input)}.table-wrapper{background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}html.dark .table-wrapper{background:var(--dark-card);border-color:var(--dark-border)}.batch-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#2563eb0f,#8b5cf60f);border-radius:var(--radius-lg);margin-bottom:var(--space-4);animation:fadeInUp .3s var(--motion-out) both;font-size:var(--font-size-md)}html.dark .batch-bar{background:linear-gradient(135deg,#388bfd1a,#8b5cf614)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.stat-cell{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-fill);border:1px solid var(--color-border);transition:transform var(--motion-fast) var(--motion-spring),box-shadow var(--motion-fast) ease}.stat-cell:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}html.dark .stat-cell{background:var(--dark-bg);border-color:var(--dark-border)}.stat-cell-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:2px}.stat-cell-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}html.dark .stat-cell-value{color:var(--dark-text)}.empty-block{padding:var(--space-8) 0}.fade-slide-enter-active{transition:all var(--motion-slow) var(--motion-smooth)}.fade-slide-leave-active{transition:all var(--motion-base) var(--motion-in)}.fade-slide-enter-from{opacity:0;transform:translateY(12px) scale(.98)}.fade-slide-leave-to{opacity:0;transform:translateY(-6px) scale(.99)}.sidebar-transition{transition:width var(--motion-slow) var(--motion-smooth)}.glass{background:#ffffffb8;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 24px #0000000f,inset 0 1px #fff6}.glass-dark{background:#0c1222d9;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0a}.glass-card{background:var(--color-bg-page);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);box-shadow:var(--shadow-md),inset 0 1px #ffffff59;transition:all var(--motion-base) var(--motion-smooth)}.glass-card:hover{box-shadow:var(--shadow-lg),inset 0 1px #ffffff80;transform:translateY(-2px)}html.dark .glass-card{background:#111827b3;border-color:#ffffff0f;box-shadow:0 2px 16px #0000004d,inset 0 1px #ffffff0a}html.dark .glass-card:hover{box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0f}.glass-sidebar{background:#ffffffd1;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-right:1px solid rgba(255,255,255,.3);box-shadow:1px 0 16px #0000000a,inset -1px 0 #fff3}html.dark .glass-sidebar{background:#0c1222e6;border-right-color:#ffffff0d;box-shadow:1px 0 16px #0000004d,inset -1px 0 #ffffff08}.glass-header{background:#ffffffc7;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 1px 12px #0000000a}.glass-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(37,99,235,.15) 30%,rgba(139,92,246,.15) 70%,transparent 100%)}html.dark .glass-header{background:#0c1222e0;border-bottom-color:#ffffff0d;box-shadow:0 1px 12px #0000004d}@supports not (backdrop-filter: blur(1px)){.glass,.glass-card,.glass-sidebar,.glass-header{background:#fffffff2}.glass-dark{background:var(--header-bg)}}.gradient-blue{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.gradient-green{background:linear-gradient(135deg,#7dd3fc,#38bdf8)}.gradient-orange{background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.gradient-purple{background:linear-gradient(135deg,#93c5fd,#60a5fa)}.gradient-cyan{background:linear-gradient(135deg,#38bdf8,#0284c7)}.gradient-rose{background:linear-gradient(135deg,#60a5fa,#2563eb)}html.dark{--sidebar-bg: #0c1222;--header-bg: rgba(12,18,34,.95);--dark-bg: #0a0f1e;--dark-card: #111827;--dark-card-elevated: #1a2332;--dark-border: #1e2a3a;--dark-hover: #162032;--dark-input: #0f1626;--dark-text: #c9d1d9;--dark-text-secondary: #768390;--dark-accent: rgba(56,139,253,.12);color-scheme:dark;--color-bg: #0a0f1e;--color-bg-card: #111827;--color-bg-page: rgba(17,24,39,.85);--color-text-primary: #c9d1d9;--color-text-regular: #e2e8f0;--color-text-secondary: #768390;--color-text-placeholder: #3b4660;--color-border: var(--dark-border);--color-fill: var(--dark-input)}html.dark body{background:var(--dark-bg);color:var(--dark-text)}html.dark #app{background:var(--dark-bg)}html.dark ::-webkit-scrollbar-thumb{background:#1a2540;border-radius:4px}html.dark ::-webkit-scrollbar-thumb:hover{background:#243352}html.dark .el-card{background:var(--dark-card);border:1px solid var(--dark-border)!important;box-shadow:0 1px 3px #0000004d,0 1px 2px #0003!important}html.dark .el-card:hover{box-shadow:0 4px 12px #0006!important;border-color:#243352!important}html.dark .el-dialog{background:var(--dark-card-elevated);border:1px solid var(--dark-border)}html.dark .el-dialog__title{color:#e2e8f0;font-weight:600}html.dark .el-dialog__headerbtn .el-dialog__close{color:var(--dark-text-secondary)}html.dark .el-dialog__body{color:var(--dark-text)}html.dark .el-table{--el-table-bg-color: var(--dark-card);--el-table-tr-bg-color: var(--dark-card);--el-table-header-bg-color: var(--dark-input);--el-table-row-hover-bg-color: var(--dark-hover);--el-table-text-color: var(--dark-text);--el-table-header-text-color: var(--dark-text-secondary);--el-table-border-color: var(--dark-border);--el-table-current-row-bg-color: var(--dark-hover)}html.dark .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#0d1424}html.dark .el-table__empty-text{color:#3b4660}html.dark .el-input__wrapper{background:var(--dark-input);box-shadow:0 0 0 1px #1e2a3a inset}html.dark .el-input__wrapper:hover{box-shadow:0 0 0 1px #2a3a52 inset}html.dark .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--primary-color) inset}html.dark .el-input__inner{color:var(--dark-text)}html.dark .el-input__inner::placeholder{color:#3b4660}html.dark .el-textarea__inner{background:var(--dark-input);color:var(--dark-text);border-color:#1e2a3a}html.dark .el-textarea__inner:hover{border-color:#2a3a52}html.dark .el-select .el-input__wrapper{background:var(--dark-input)}html.dark .el-select-dropdown{background:var(--dark-card-elevated);border-color:var(--dark-border)}html.dark .el-select-dropdown__item{color:var(--dark-text)}html.dark .el-select-dropdown__item.hover,html.dark .el-select-dropdown__item:hover{background:var(--dark-hover)}html.dark .el-select-dropdown__item.is-selected{color:var(--primary-color)}html.dark .el-form-item__label{color:var(--dark-text-secondary)}html.dark .el-pagination{--el-pagination-bg-color: var(--dark-card);--el-pagination-text-color: var(--dark-text-secondary);--el-pagination-button-color: var(--dark-text-secondary);--el-pagination-button-disabled-bg-color: var(--dark-input);--el-pagination-hover-color: var(--primary-color)}html.dark .el-pager li{background:var(--dark-card);color:var(--dark-text-secondary);border:1px solid var(--dark-border)}html.dark .el-pager li.is-active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}html.dark .el-tag--info{background:var(--dark-hover);color:var(--dark-text-secondary);border-color:var(--dark-border)}html.dark .el-tag{border-color:transparent}html.dark .el-popover{background:var(--dark-card-elevated);border-color:var(--dark-border);color:var(--dark-text)}html.dark .el-switch__label{color:var(--dark-text-secondary)}html.dark .el-color-picker__trigger{border-color:var(--dark-border)}html.dark .el-button--default{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text)}html.dark .el-button--default:hover{background:var(--dark-hover);border-color:#2a3a52;color:#fff}html.dark .el-button.is-circle{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text)}html.dark .el-button.is-circle:hover{background:var(--dark-hover);border-color:#2a3a52}html.dark .el-menu{background:transparent!important}html.dark .el-sub-menu__title{color:var(--dark-text-secondary)!important}html.dark .el-sub-menu__title:hover{color:var(--dark-text)!important}html.dark .el-message{background:var(--dark-card-elevated);border-color:var(--dark-border)}html.dark .el-message__content{color:var(--dark-text)}html.dark .el-message-box{background:var(--dark-card-elevated);border-color:var(--dark-border)}html.dark .el-message-box__title{color:#e2e8f0}html.dark .el-message-box__content{color:var(--dark-text)}html.dark .el-loading-mask{background-color:#060a14bf}html.dark .el-loading-spinner .circular{stroke:var(--dark-text-secondary)}html.dark .el-card,html.dark .el-dialog,html.dark .el-table,html.dark .el-input__wrapper,html.dark .el-button,html.dark .el-tag{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.mobile-overlay.active{display:block;opacity:1}.hamburger-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;cursor:pointer;color:#666;transition:all .2s;-webkit-tap-highlight-color:transparent}.hamburger-btn:hover{background:#2563eb1a}.hamburger-btn .el-icon{font-size:22px}@media (max-width: 768px){.hamburger-btn{display:flex}.collapse-btn{display:none}.sidebar-wrapper,.admin-sidebar-wrapper{position:fixed!important;left:0;top:0;height:100vh!important;height:100dvh!important;z-index:100!important;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.sidebar-wrapper.mobile-open,.admin-sidebar-wrapper.mobile-open{transform:translate(0)}.sidebar-wrapper .sidebar-inner,.admin-sidebar-wrapper .sidebar-inner{background:#f5f6fa!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-right:1px solid #e5e7eb!important;box-shadow:none!important}html.dark .sidebar-wrapper .sidebar-inner,html.dark .admin-sidebar-wrapper .sidebar-inner{background:#0c1222!important;border-right-color:#1e2a3a!important}.header-bar,.admin-header-bar{padding:0 12px!important;height:52px!important}.header-right .header-action span,.user-name,.admin-name,.avatar-arrow{display:none}.page-title{font-size:15px!important}.user-avatar,.admin-avatar{width:30px!important;height:30px!important;font-size:13px!important}.main-content,.admin-main-content{padding:12px!important}.el-button{min-height:44px;font-size:15px!important}.el-button--small{min-height:36px;font-size:14px!important}.el-menu-item,.el-sub-menu__title{min-height:44px;line-height:44px;font-size:14px!important}.header-action{min-width:44px;min-height:44px;padding:10px}.el-input__wrapper{min-height:40px}.el-input__inner{font-size:16px!important}.el-table{font-size:14px!important;overflow-x:auto!important}.el-table__body-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.el-dialog{width:95vw!important;max-width:95vw!important;margin:8vh auto!important}.el-card{border-radius:12px!important}.el-form-item{margin-bottom:16px!important}.el-form-item__label{font-size:14px!important;float:none!important;display:block!important;text-align:left!important;padding:0 0 4px!important}.el-select,.el-date-editor{width:100%!important}.site-footer{padding:8px 16px;font-size:12px}.site-footer a{display:block}.main-content,.admin-main-content{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}.mobile-overlay{padding-bottom:env(safe-area-inset-bottom,0px)}.page-header,.admin-page .page-header{flex-wrap:wrap;gap:8px}.page-header .header-actions{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.el-form .el-form-item{display:flex;flex-wrap:wrap}.el-form .el-form-item__label{width:auto!important;flex-basis:100%;justify-content:flex-start;margin-right:0;margin-bottom:2px;line-height:1.6}.el-form .el-form-item__content{margin-left:0!important;flex:1 1 100%}.el-form .el-row{display:block}.el-form .el-col{width:100%!important;max-width:100%!important;flex:0 0 100%!important}.el-table{min-width:860px}.el-dialog{max-width:94vw!important}.el-message-box{max-width:92vw!important}input,select,textarea{font-size:16px!important}}img.qq-face{width:24px;height:24px;vertical-align:-5px;margin:0 1px;display:inline-block}.qq-sticker{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;margin:0 2px;border-radius:10px;background:var(--brand-50, #eff6ff);border:1px solid var(--brand-200, #bfdbfe);font-size:13px;color:var(--brand-700, #1d4ed8);vertical-align:middle;white-space:nowrap}.qq-sticker-emoji{font-size:15px}.qq-sticker-name{font-weight:500}.quote-preview{display:flex;flex-direction:column;gap:2px;padding:4px 8px;margin-bottom:6px;border-left:3px solid var(--brand-500, #3b82f6);background:#0000000d;border-radius:6px;font-size:12px;color:#6b7280}.quote-preview-label{font-weight:600;color:var(--brand-700, #1d4ed8)}.quote-preview-text{white-space:pre-wrap;word-break:break-all}.quote-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:6px;border-left:3px solid var(--brand-500, #3b82f6);background:#0000000a;border-radius:6px;font-size:13px;color:#6b7280}.quote-bar-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-actions{display:flex;gap:4px;flex-wrap:wrap}