:root{--primary-color:#2563eb;--primary-light:#dbeafe;--primary-lighter:#eff6ff;--primary-dark:#1e40af;--primary-darker:#1e3a8a;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-md:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--transition:0.3s ease;--transition-bounce:0.3s cubic-bezier(0.25,0.8,0.25,1)}*{box-sizing:border-box;margin:0;padding:0}:after,:before{box-sizing:inherit}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;color:#111827;background:linear-gradient(135deg,#f8fafc,#f1f5f9);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}#app{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar-track{border-radius:9999px}::-webkit-scrollbar-thumb{border-radius:9999px;-webkit-transition:all .15s ease;transition:all .15s ease}::-webkit-scrollbar-thumb:hover{transform:scale(1.1)}::selection{background:rgba(37,99,235,.2);color:#111827}::-moz-selection{background:rgba(37,99,235,.2);color:#111827}:focus{outline:2px solid #2563eb;outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.text-primary{color:#111827!important}.text-secondary{color:#374151!important}.text-muted{color:#6b7280!important}.bg-primary{background-color:#2563eb!important}.bg-primary-light{background-color:#dbeafe!important}.bg-primary-lighter{background-color:#eff6ff!important}.border-primary{border:1px solid rgba(37,99,235,.1)!important}.border-primary-light{border:1px solid rgba(37,99,235,.05)!important}.border-primary-medium{border:1px solid rgba(37,99,235,.15)!important}.rounded-sm{border-radius:6px!important}.rounded{border-radius:8px!important}.rounded-lg{border-radius:12px!important}.rounded-xl{border-radius:16px!important}.rounded-2xl{border-radius:20px!important}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important}.shadow{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important}.shadow-md{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important}.shadow-lg{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important}.shadow-xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important}.m-xs{margin:4px!important}.m-sm{margin:8px!important}.m{margin:16px!important}.m-lg{margin:20px!important}.m-xl{margin:24px!important}.m-2xl{margin:32px!important}.p-xs{padding:4px!important}.p-sm{padding:8px!important}.p{padding:16px!important}.p-lg{padding:20px!important}.p-xl{padding:24px!important}.p-2xl{padding:32px!important}.card,.card-primary{background:#fff;border-radius:16px;border:1px solid rgba(37,99,235,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease}.card-primary:hover,.card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.card-primary:active,.card:active{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.card-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid rgba(37,99,235,.15)}.card-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.btn-primary{background:#2563eb;color:#fff;border:none;border-radius:20px;padding:8px 20px;font-weight:500;transition:all .3s ease}.btn-primary:hover{background:#2159d4;transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.table-container{border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid rgba(37,99,235,.1);background:#fff;overflow:hidden}.table-container .el-table{border-radius:12px}.table-container .el-table th{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#111827!important;font-weight:600;border-bottom:1px solid rgba(37,99,235,.1)}.table-container .el-table td{border-bottom:1px solid rgba(37,99,235,.05);color:#374151}.table-container .el-table tr:hover td{background:rgba(37,99,235,.03)!important}.custom-scrollbar::-webkit-scrollbar{width:6px;background:rgba(219,234,254,.3)}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(37,99,235,.4),rgba(37,99,235,.6));border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(37,99,235,.6),rgba(37,99,235,.8))}.danmu-item{color:#111827!important;text-shadow:0 1px 2px hsla(0,0%,100%,.8),0 0 4px hsla(0,0%,100%,.6);font-weight:700;font-size:16px;padding:6px 12px;background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(239,246,255,.95));border-radius:16px;border:1px solid rgba(37,99,235,.15);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);backdrop-filter:blur(4px);transition:all .15s ease}.danmu-item:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.gradient-background{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.gradient-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.gradient-primary-hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.transition-fast{transition:all .15s ease}.transition{transition:all .3s ease}.transition-slow{transition:all .5s ease}.transition-bounce{transition:all .3s cubic-bezier(.25,.8,.25,1)}.hover-lift{transition:transform .3s ease}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-start{justify-content:flex-start}.flex-end,.flex-start{display:flex;align-items:center}.flex-end{justify-content:flex-end}@media(max-width:768px){.mobile-hidden{display:none!important}.mobile-full{width:100%!important}}@media(min-width:769px){.desktop-hidden{display:none!important}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.border-none{border:none!important}.border-bottom{border-bottom:1px solid rgba(37,99,235,.1)!important}.border-top{border-top:1px solid rgba(37,99,235,.1)!important}.opacity-10{opacity:.1!important}.opacity-20{opacity:.2!important}.opacity-30{opacity:.3!important}.opacity-40{opacity:.4!important}.opacity-50{opacity:.5!important}.opacity-60{opacity:.6!important}.opacity-70{opacity:.7!important}.opacity-80{opacity:.8!important}.opacity-90{opacity:.9!important}.hidden{display:none!important}.visible{display:block!important}.invisible{visibility:hidden!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.sticky{position:sticky!important}.z-dropdown{z-index:1000!important}.z-sticky{z-index:1020!important}.z-fixed{z-index:1030!important}.z-modal-backdrop{z-index:1040!important}.z-modal{z-index:1050!important}.z-popover{z-index:1060!important}.z-tooltip{z-index:1070!important}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(37,99,235,.3);border-radius:50%;border-top-color:#2563eb;animation:spin .8s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,rgba(229,231,235,.6) 25%,rgba(209,213,219,.6) 37%,rgba(229,231,235,.6) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.bounce{animation:bounce 2s infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}.btn-outline{background:transparent;border:2px solid #2563eb;color:#2563eb;transition:all .3s ease}.btn-outline:hover{background:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.btn-ghost{background:transparent;border:2px solid transparent;color:#2563eb;transition:all .3s ease}.btn-ghost:hover{background:rgba(37,99,235,.1);border-color:#2563eb}.input-modern{border:2px solid #d1d5db;border-radius:12px;padding:8px 16px;font-size:16px;transition:all .3s ease;background:#fff}.input-modern:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1);transform:translateY(-1px)}.input-modern::-moz-placeholder{color:hsla(220,9%,46%,.6)}.input-modern::placeholder{color:hsla(220,9%,46%,.6)}.card-glass{background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.5)}.card-glass:hover{background:hsla(0,0%,100%,.9);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.6)}.tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:500;transition:all .15s ease}.tag.tag-primary{background:rgba(37,99,235,.1);color:#2563eb}.tag.tag-primary:hover{background:rgba(37,99,235,.2);transform:translateY(-1px)}.tag.tag-secondary{background:hsla(220,9%,46%,.1);color:#6b7280}.tag.tag-secondary:hover{background:hsla(220,9%,46%,.2)}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.2) 50%,transparent);margin:24px 0}.avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:all .3s ease}.avatar:hover{transform:scale(1.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.avatar.avatar-sm{width:32px;height:32px}.avatar.avatar-lg{width:56px;height:56px}.badge{position:relative;display:inline-flex}.badge .badge-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#2563eb;border:2px solid #fff}.badge .badge-count{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#2563eb;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.progress-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#82a6f4);border-radius:3px;transition:width .3s ease;animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.slider{background:#2563eb}.toggle-switch input:checked+.slider:before{transform:translateX(20px)}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#d1d5db;transition:.3s ease;border-radius:34px}.toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:.3s ease;border-radius:50%;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .15s ease;z-index:1070}.tooltip:hover:before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-12px)}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid rgba(37,99,235,.05);padding:8px 0;min-width:160px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .3s ease}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu .dropdown-item{padding:8px 16px;color:#111827;text-decoration:none;display:block;transition:all .15s ease}.dropdown-menu .dropdown-item:hover{background:rgba(37,99,235,.05);color:#2563eb}.responsive-image{max-width:100%;height:auto;border-radius:8px;transition:all .3s ease}.responsive-image:hover{transform:scale(1.02);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.grid{display:grid;gap:16px}.grid.grid-2{grid-template-columns:repeat(2,1fr)}.grid.grid-3{grid-template-columns:repeat(3,1fr)}.grid.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid.grid-2,.grid.grid-3,.grid.grid-4{grid-template-columns:1fr}}.list-group{border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.list-group .list-item{padding:16px;border-bottom:1px solid rgba(37,99,235,.05);transition:all .3s ease}.list-group .list-item:last-child{border-bottom:none}.list-group .list-item:hover{background:rgba(37,99,235,.03);transform:translateX(4px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1040;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.show{opacity:1;visibility:visible}.modal-overlay .modal-content{background:#fff;border-radius:16px;padding:24px;max-width:90vw;max-height:90vh;overflow:auto;transform:scale(.9);transition:all .3s ease;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.modal-overlay .modal-content.show{transform:scale(1)}.el-button{border-radius:12px;font-weight:500}.el-button.el-button--primary{background:#2563eb;border-color:#2563eb}.el-button.el-button--primary:hover{background:#2159d4;border-color:#2159d4}.el-input .el-input__inner{border-radius:12px;border:1px solid rgba(37,99,235,.1)}.el-input .el-input__inner:focus{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.2)}.el-card{border-radius:16px;border:1px solid rgba(37,99,235,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.el-card.is-always-shadow{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important}.el-tabs .el-tabs__item{font-weight:500}.el-tabs .el-tabs__item.is-active{color:#2563eb}.el-tabs .el-tabs__active-bar{background-color:#2563eb}.el-menu{border:none}.el-menu .el-menu-item{font-weight:500}.el-menu .el-menu-item:hover{color:#2563eb;background-color:rgba(37,99,235,.05)}.el-menu .el-menu-item.is-active{color:#2563eb;background-color:rgba(37,99,235,.1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(219,234,254,.3);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(37,99,235,.4),rgba(37,99,235,.6));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(37,99,235,.6),rgba(37,99,235,.8))}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter,.slide-up-leave-to{opacity:0;transform:translateY(20px)}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.user-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:768px){html{font-size:14px}.el-dialog{width:90%!important;margin:20px auto!important}.el-message{min-width:300px!important}}