.element-icon[data-v-f9e56f94]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;cursor:pointer;flex-shrink:0;line-height:1;box-sizing:border-box}.element-icon svg[data-v-f9e56f94]{width:100%;height:100%;display:block}.element-icon.icon-hover-effect[data-v-f9e56f94]:hover{transform:scale(1.15);filter:brightness(1.1);transition:transform .2s ease,filter .2s ease}.icon-spin[data-v-f9e56f94]{animation:icon-spin-f9e56f94 1s linear infinite}.icon-pulse[data-v-f9e56f94]{animation:icon-pulse-f9e56f94 1.5s ease-in-out infinite}@keyframes icon-spin-f9e56f94{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes icon-pulse-f9e56f94{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.icon-heart.icon-hover-effect[data-v-f9e56f94]:hover,.icon-like.icon-hover-effect[data-v-f9e56f94]:hover{animation:heartbeat-f9e56f94 .6s ease-in-out;color:#ff4757!important}.icon-star.icon-hover-effect[data-v-f9e56f94]:hover{animation:starshine-f9e56f94 .8s ease-in-out;color:#ffa502!important}.icon-fire.icon-hover-effect[data-v-f9e56f94]:hover{animation:flicker-f9e56f94 .5s ease-in-out infinite;color:#ff6348!important}.icon-user.icon-hover-effect[data-v-f9e56f94]:hover,.icon-my.icon-hover-effect[data-v-f9e56f94]:hover,.icon-profile.icon-hover-effect[data-v-f9e56f94]:hover{animation:bounce-f9e56f94 .6s ease-in-out;color:#3742fa!important}.icon-camera.icon-hover-effect[data-v-f9e56f94]:hover{animation:flash-f9e56f94 .4s ease-in-out;color:#2ed573!important}.icon-treasure.icon-hover-effect[data-v-f9e56f94]:hover{animation:sparkle-f9e56f94 1s ease-in-out;color:#ff9ff3!important}@keyframes heartbeat-f9e56f94{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.2)}75%{transform:scale(1.1)}}@keyframes starshine-f9e56f94{0%,to{transform:scale(1) rotate(0);filter:brightness(1)}50%{transform:scale(1.2) rotate(180deg);filter:brightness(1.5)}}@keyframes flicker-f9e56f94{0%,to{opacity:1}50%{opacity:.8}}@keyframes bounce-f9e56f94{0%,to{transform:scale(1) translateY(0)}25%{transform:scale(1.1) translateY(-3px)}50%{transform:scale(1.15) translateY(-5px)}75%{transform:scale(1.1) translateY(-2px)}}@keyframes flash-f9e56f94{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(1.5) contrast(1.2)}}@keyframes sparkle-f9e56f94{0%,to{transform:scale(1) rotate(0);filter:brightness(1) hue-rotate(0deg)}25%{transform:scale(1.1) rotate(90deg);filter:brightness(1.3) hue-rotate(90deg)}50%{transform:scale(1.2) rotate(180deg);filter:brightness(1.5) hue-rotate(180deg)}75%{transform:scale(1.1) rotate(270deg);filter:brightness(1.3) hue-rotate(270deg)}}@media (max-width: 768px){.element-icon[data-v-f9e56f94]{transform:scale(.9)}.element-icon.icon-hover-effect[data-v-f9e56f94]:hover{transform:scale(1)}}@media (prefers-color-scheme: dark){.element-icon[data-v-f9e56f94]{filter:brightness(1.1)}}[data-v-0841ba6b] .el-overlay{z-index:3000!important}[data-v-0841ba6b] .el-dialog.is-fullscreen{border-radius:0}[data-v-0841ba6b] .el-dialog__header{margin-right:0!important;padding:0!important;border-bottom:none!important}[data-v-0841ba6b] .el-dialog__body{padding:0!important}[data-v-0841ba6b] .el-dialog__footer{padding:0!important;border-top:none!important}[data-v-0841ba6b] .el-dialog__headerbtn{top:14px;right:10px;z-index:10}[data-v-0841ba6b] .el-dialog__headerbtn .el-dialog__close{color:#fff9;font-size:20px}[data-v-0841ba6b] .el-dialog__headerbtn:hover .el-dialog__close{color:#fff}.dialog-header-custom[data-v-0841ba6b]{display:flex;align-items:center;justify-content:space-between;padding:12px 50px 12px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.header-title[data-v-0841ba6b]{display:flex;align-items:center;gap:10px}.header-chip[data-v-0841ba6b]{font-size:1.2rem}.header-text[data-v-0841ba6b]{color:#f1f5f9;font-weight:700;font-size:1rem;letter-spacing:.5px}.header-actions[data-v-0841ba6b]{display:flex;align-items:center;gap:8px}.action-btn[data-v-0841ba6b]{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#6366f140;border:1px solid rgba(99,102,241,.5);border-radius:8px;cursor:pointer;color:#c7d2fe;font-size:.85rem;font-weight:600;transition:all .2s}.action-btn[data-v-0841ba6b]:hover{background:#6366f180;color:#fff;border-color:#6366f1cc}.game-dialog-content[data-v-0841ba6b]{background:#0f172a;display:flex;flex-direction:column}.game-main[data-v-0841ba6b]{flex:1;height:100%;position:relative;overflow:hidden}.game-frame-wrapper[data-v-0841ba6b]{width:100%;height:100%}.game-iframe[data-v-0841ba6b]{width:100%;height:100%;border:none}.game-loading[data-v-0841ba6b]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6366f1;gap:15px}@media (max-width: 768px){[data-v-0841ba6b] .el-dialog{width:95%!important}.game-dialog-content[data-v-0841ba6b]{height:80vh!important}}.theme-toggle[data-v-f6eefcfb]{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-toggle[data-v-f6eefcfb]:hover{transform:scale(1.02)}.toggle-track[data-v-f6eefcfb]{position:relative;width:var(--77957128);height:var(--aeb6a77e);background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:calc(var(--aeb6a77e) / 2);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 6px #0000001a,0 2px 12px #2196f326;border:1px solid rgba(33,150,243,.1)}.theme-toggle.dark .toggle-track[data-v-f6eefcfb]{background:linear-gradient(135deg,#37474f,#455a64);box-shadow:inset 0 2px 6px #0000004d,0 2px 12px #ffc10733;border:1px solid rgba(255,193,7,.2)}.toggle-thumb[data-v-f6eefcfb]{position:absolute;top:2px;left:2px;width:var(--77ea6908);height:var(--77ea6908);background:linear-gradient(135deg,#ff6b35,#ff8a50);border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff6b3566,0 2px 6px #0000001a;display:flex;align-items:center;justify-content:center;z-index:2}.toggle-thumb.dark[data-v-f6eefcfb]{transform:translate(calc(var(--77957128) - var(--77ea6908) - 4px));background:linear-gradient(135deg,#ffc107,#ffd54f);box-shadow:0 4px 12px #ffc10780,0 2px 6px #0003}.theme-icon[data-v-f6eefcfb]{transition:all .3s ease;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}.toggle-thumb.dark .theme-icon[data-v-f6eefcfb]{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.theme-toggle:hover .toggle-track[data-v-f6eefcfb]{box-shadow:inset 0 2px 6px #00000026,0 4px 16px #2196f340}.theme-toggle.dark:hover .toggle-track[data-v-f6eefcfb]{box-shadow:inset 0 2px 6px #0006,0 4px 16px #ffc1074d}.theme-toggle:hover .toggle-thumb[data-v-f6eefcfb]{box-shadow:0 6px 16px #ff6b3580,0 3px 8px #00000026;transform:scale(1.05)}.theme-toggle.dark:hover .toggle-thumb[data-v-f6eefcfb]{box-shadow:0 6px 16px #ffc10799,0 3px 8px #00000040;transform:translate(calc(var(--77957128) - var(--77ea6908) - 4px)) scale(1.05)}.theme-toggle:active .toggle-thumb[data-v-f6eefcfb]{transform:scale(.95)}.theme-toggle.dark:active .toggle-thumb[data-v-f6eefcfb]{transform:translate(calc(var(--77957128) - var(--77ea6908) - 4px)) scale(.95)}.theme-toggle:not(.dark) .toggle-thumb[data-v-f6eefcfb]{box-shadow:0 4px 12px #ff6b3566,0 2px 6px #0000001a,0 0 20px #ff6b3533}.theme-toggle.dark .toggle-thumb[data-v-f6eefcfb]{box-shadow:0 4px 12px #ffc10780,0 2px 6px #0003,0 0 20px #ffc1074d}@media (max-width: 768px){.theme-toggle[data-v-f6eefcfb]{transform:scale(.9)}.theme-toggle[data-v-f6eefcfb]:hover{transform:scale(.92)}}@media (prefers-reduced-motion: reduce){.toggle-track[data-v-f6eefcfb],.toggle-thumb[data-v-f6eefcfb],.theme-icon[data-v-f6eefcfb]{transition:none!important}}@media (prefers-contrast: high){.toggle-track[data-v-f6eefcfb]{border:2px solid currentColor}.toggle-thumb[data-v-f6eefcfb]{border:1px solid currentColor}}.theme-toggle[data-v-f6eefcfb]:focus-visible{outline:2px solid #2196f3;outline-offset:2px;border-radius:calc(var(--aeb6a77e) / 2)}.navbar[data-v-832ca8a7]{position:fixed;top:0;left:0;width:100%;height:60px;background:var(--gradient-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99997;border-bottom:1px solid rgba(255,255,255,.2);transition:transform .4s cubic-bezier(.4,0,.2,1),background var(--duration-normal) ease,box-shadow var(--duration-normal) ease;transform:translateY(0);opacity:1;box-shadow:var(--shadow-lg);overflow:visible}.navbar.navbar-hidden[data-v-832ca8a7]{transform:translateY(-100%)}.navbar.navbar-hover[data-v-832ca8a7]{background:#fff;box-shadow:0 2px 20px #00000026}.navbar-container[data-v-832ca8a7]{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1200px;margin:0 auto;padding:0 20px}.navbar-logo[data-v-832ca8a7]{display:flex;align-items:center;cursor:pointer;font-size:1.3rem;font-weight:700;color:#2196f3;transition:all .3s ease}.navbar-logo[data-v-832ca8a7]:hover{transform:scale(1.05);color:#1976d2}.logo-image[data-v-832ca8a7]{height:40px;width:40px;margin-right:var(--spacing-sm);transition:all .3s ease;border-radius:50%;object-fit:cover;border:2px solid rgba(33,150,243,.3)}.navbar-logo:hover .logo-image[data-v-832ca8a7]{transform:scale(1.05)}.logo-icon[data-v-832ca8a7]{margin-right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;animation:sparkle-832ca8a7 3s ease-in-out infinite}@keyframes sparkle-832ca8a7{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}.navbar-menu[data-v-832ca8a7]{display:flex;align-items:center;gap:25px}.navbar-item[data-v-832ca8a7]{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-333);text-decoration:none;padding:10px 15px;border-radius:8px;transition:all .3s ease;cursor:pointer;font-weight:500}.navbar-item[data-v-832ca8a7]:hover{background:#2196f31a;color:#2196f3;transform:translateY(-2px)}.navbar-item.router-link-active[data-v-832ca8a7]{background:#2196f333;color:#2196f3}.dropdown[data-v-832ca8a7]{position:relative}.dropdown-menu[data-v-832ca8a7]{position:absolute;top:100%;left:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;padding:12px 0;min-width:180px;z-index:1001;animation:slideDown-832ca8a7 .3s ease;border:1px solid #e0e0e0}@keyframes slideDown-832ca8a7{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-832ca8a7]{display:flex;align-items:center;gap:10px;padding:12px 20px;color:var(--color-333);text-decoration:none;transition:all .2s ease;cursor:pointer}.dropdown-item[data-v-832ca8a7]:hover{background:#f5f5f5;color:#409eff}.admin-entry[data-v-832ca8a7]{border-top:1px solid #e4e7ed;margin-top:5px;padding-top:8px;color:#e6a23c!important;font-weight:500}.admin-entry[data-v-832ca8a7]:hover{background:#fdf6ec!important;color:#cf9236!important}.admin-entry .el-icon[data-v-832ca8a7]{color:#e6a23c}.admin-entry:hover .el-icon[data-v-832ca8a7]{color:#cf9236}.navbar-actions[data-v-832ca8a7]{display:flex;align-items:center;gap:15px}.theme-toggle-wrapper[data-v-832ca8a7]{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border-radius:20px;transition:all .3s ease}.theme-toggle-wrapper[data-v-832ca8a7]:hover{background:#2196f30d}.nav-btn[data-v-832ca8a7]{background:#f5f5f5;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem;border:1px solid #e0e0e0}.nav-btn[data-v-832ca8a7]:hover{background:#2196f31a;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 15px #2196f34d}.login-btn[data-v-832ca8a7]{display:flex;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;padding:10px 20px;border-radius:25px;text-decoration:none;transition:all .3s ease;font-weight:500}.login-btn[data-v-832ca8a7]:hover{transform:translateY(-2px);box-shadow:0 4px 20px #2196f366}.user-info[data-v-832ca8a7]{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:25px;transition:all .3s ease;background:#f5f5f5;border:1px solid #e0e0e0;pointer-events:auto;z-index:1002}.user-info[data-v-832ca8a7]:hover{background:#2196f31a;transform:translateY(-2px)}.user-avatar-container[data-v-832ca8a7]{display:flex;align-items:center;justify-content:center}.user-avatar[data-v-832ca8a7]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(33,150,243,.3)}.user-avatar-placeholder[data-v-832ca8a7]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:50%;color:#fff}.arrow[data-v-832ca8a7]{color:var(--color-666);transition:all .3s ease}.user-name[data-v-832ca8a7]{font-weight:600;color:var(--color-333);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-panel[data-v-832ca8a7]{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;padding:12px 0;min-width:160px;z-index:1001;animation:slideDown-832ca8a7 .3s ease;border:1px solid #e0e0e0;display:block;visibility:visible}.panel-item[data-v-832ca8a7]{display:flex;align-items:center;gap:10px;padding:12px 20px;color:var(--color-333);text-decoration:none;cursor:pointer;transition:all .2s ease}.panel-item[data-v-832ca8a7]:hover{background:#2196f31a;color:#2196f3}.logout-item[data-v-832ca8a7]{border-top:1px solid rgba(0,0,0,.1);margin-top:var(--spacing-sm);padding-top:var(--spacing-lg)}.logout-item[data-v-832ca8a7]:hover{background:#f443361a;color:#f44336}body.dark .navbar[data-v-832ca8a7]{background:#2a2d3a;border-bottom-color:#404040;box-shadow:0 2px 8px #0000004d}body.dark .navbar.navbar-hover[data-v-832ca8a7]{background:#2a2d3a;box-shadow:0 2px 20px #0006}body.dark .navbar.navbar-hidden[data-v-832ca8a7]{transform:translateY(-100%)}body.dark .navbar-logo[data-v-832ca8a7]{color:#ffb347}body.dark .navbar-item[data-v-832ca8a7]{color:#eee}body.dark .dropdown-menu[data-v-832ca8a7],body.dark .user-panel[data-v-832ca8a7]{background:#2a2d3a;border-color:#404040}body.dark .dropdown-item[data-v-832ca8a7],body.dark .panel-item[data-v-832ca8a7]{color:#eee}body.dark .arrow[data-v-832ca8a7]{color:#ccc}body.dark .user-info[data-v-832ca8a7]{background:#3a3d4a;border-color:#555}body.dark .nav-btn[data-v-832ca8a7]{background:#3a3d4a;border-color:#555;color:#eee}body.dark .theme-toggle-wrapper[data-v-832ca8a7]:hover{background:#ffffff0d}.mobile-menu-toggle[data-v-832ca8a7]{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-left:12px;position:relative;width:44px;height:44px;align-items:center;justify-content:center;border-radius:8px;transition:background .3s ease}.mobile-menu-toggle[data-v-832ca8a7]:hover{background:#667eea1a}.mobile-menu-toggle[data-v-832ca8a7]:active{transform:scale(.95)}.menu-icon[data-v-832ca8a7]{display:block;width:24px;height:2px;background:var(--color-333);position:relative;transition:background .3s ease}.menu-icon[data-v-832ca8a7]:before,.menu-icon[data-v-832ca8a7]:after{content:"";position:absolute;width:24px;height:2px;background:var(--color-333);transition:transform .3s ease}.menu-icon[data-v-832ca8a7]:before{top:-8px}.menu-icon[data-v-832ca8a7]:after{top:8px}.mobile-menu-overlay[data-v-832ca8a7]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:99998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu-drawer[data-v-832ca8a7]{position:fixed;top:0;left:0;bottom:0;width:85%;max-width:360px;background:linear-gradient(180deg,#fff,#f8f9fa);z-index:99999;overflow-y:auto;box-shadow:4px 0 24px #00000026;display:flex;flex-direction:column}.mobile-menu-header[data-v-832ca8a7]{display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 12px #0000001a;flex-shrink:0}.mobile-header-logo[data-v-832ca8a7]{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:.5px}.mobile-logo-image[data-v-832ca8a7]{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.mobile-close-btn[data-v-832ca8a7]{background:#fff3;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:40px;height:40px}.mobile-close-btn[data-v-832ca8a7]:hover{background:#ffffff4d;transform:rotate(90deg)}.mobile-close-btn[data-v-832ca8a7]:active{transform:rotate(90deg) scale(.9)}.mobile-user-card[data-v-832ca8a7]{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0}.mobile-user-avatar[data-v-832ca8a7]{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 12px #667eea4d}.mobile-user-info[data-v-832ca8a7]{flex:1}.mobile-user-name[data-v-832ca8a7]{font-size:17px;font-weight:600;color:#1f2937;margin-bottom:4px}.mobile-user-role[data-v-832ca8a7]{font-size:13px;color:#6b7280;padding:2px 8px;background:#667eea1a;border-radius:12px;display:inline-block}.mobile-login-prompt[data-v-832ca8a7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0}.mobile-login-prompt p[data-v-832ca8a7]{margin:12px 0 20px;color:#6b7280;font-size:14px}.mobile-login-btn[data-v-832ca8a7]{padding:10px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:24px;text-decoration:none;font-weight:600;font-size:15px;box-shadow:0 4px 12px #667eea4d;transition:all .3s ease}.mobile-login-btn[data-v-832ca8a7]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.mobile-login-btn[data-v-832ca8a7]:active{transform:translateY(0)}.mobile-menu-list[data-v-832ca8a7]{flex:1;padding:12px 0;overflow-y:auto}.mobile-menu-group[data-v-832ca8a7]{margin-bottom:8px}.mobile-group-title[data-v-832ca8a7]{padding:12px 20px 8px;font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:1px}.mobile-menu-link[data-v-832ca8a7]{display:flex;align-items:center;gap:16px;padding:14px 20px;color:#374151;text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;cursor:pointer;position:relative}.mobile-menu-link[data-v-832ca8a7]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:0 4px 4px 0;transition:height .3s ease}.mobile-menu-link[data-v-832ca8a7]:hover{background:#667eea14;color:#667eea;padding-left:28px}.mobile-menu-link[data-v-832ca8a7]:hover:before{height:32px}.mobile-menu-link[data-v-832ca8a7]:active{background:#667eea26}.mobile-menu-link.router-link-active[data-v-832ca8a7]{background:#667eea1a;color:#667eea;font-weight:600}.mobile-menu-link.router-link-active[data-v-832ca8a7]:before{height:32px}.mobile-menu-link.admin-link[data-v-832ca8a7]{color:#ef4444}.mobile-menu-link.admin-link[data-v-832ca8a7]:hover{background:#ef44441a;color:#dc2626}.mobile-menu-link.admin-link[data-v-832ca8a7]:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.mobile-menu-footer[data-v-832ca8a7]{padding:16px 20px 20px;border-top:1px solid rgba(0,0,0,.05);background:#00000005;flex-shrink:0;position:relative;z-index:1}.mobile-logout-btn[data-v-832ca8a7]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ef44444d;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.mobile-logout-btn[data-v-832ca8a7]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.mobile-logout-btn[data-v-832ca8a7]:active{transform:translateY(0)}.mobile-menu-fade-enter-active[data-v-832ca8a7],.mobile-menu-fade-leave-active[data-v-832ca8a7]{transition:opacity .3s ease}.mobile-menu-fade-enter-from[data-v-832ca8a7],.mobile-menu-fade-leave-to[data-v-832ca8a7]{opacity:0}.mobile-menu-slide-enter-active[data-v-832ca8a7],.mobile-menu-slide-leave-active[data-v-832ca8a7]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-slide-enter-from[data-v-832ca8a7],.mobile-menu-slide-leave-to[data-v-832ca8a7]{transform:translate(-100%)}body.dark .mobile-menu-drawer[data-v-832ca8a7]{background:linear-gradient(180deg,#1f2937,#111827)}body.dark .mobile-user-card[data-v-832ca8a7]{background:linear-gradient(135deg,#667eea26,#764ba226);border-bottom-color:#ffffff0d}body.dark .mobile-user-name[data-v-832ca8a7]{color:#f9fafb}body.dark .mobile-user-role[data-v-832ca8a7]{color:#d1d5db;background:#667eea33}body.dark .mobile-login-prompt[data-v-832ca8a7]{border-bottom-color:#ffffff0d}body.dark .mobile-login-prompt p[data-v-832ca8a7]{color:#9ca3af}body.dark .mobile-group-title[data-v-832ca8a7]{color:#6b7280}body.dark .mobile-menu-link[data-v-832ca8a7]{color:#e5e7eb}body.dark .mobile-menu-link[data-v-832ca8a7]:hover{background:#667eea26;color:#93c5fd}body.dark .mobile-menu-link.router-link-active[data-v-832ca8a7]{background:#667eea33;color:#93c5fd}body.dark .mobile-menu-link.admin-link[data-v-832ca8a7]{color:#fca5a5}body.dark .mobile-menu-link.admin-link[data-v-832ca8a7]:hover{background:#fca5a526;color:#fecaca}body.dark .mobile-menu-footer[data-v-832ca8a7]{border-top-color:#ffffff0d;background:#ffffff05}body.dark .menu-icon[data-v-832ca8a7],body.dark .menu-icon[data-v-832ca8a7]:before,body.dark .menu-icon[data-v-832ca8a7]:after{background:#e5e7eb}@media (min-width: 769px){.user-panel[data-v-832ca8a7]{display:block!important;visibility:visible!important;position:absolute!important;z-index:1001!important}.user-info[data-v-832ca8a7]{position:relative!important}.user-name[data-v-832ca8a7]{display:inline!important}}@media (max-width: 768px){.navbar-menu[data-v-832ca8a7]{display:none}.mobile-menu-toggle[data-v-832ca8a7]{display:flex}.navbar-container[data-v-832ca8a7]{padding:0 12px}.user-name[data-v-832ca8a7]{display:none}.navbar-actions[data-v-832ca8a7]{gap:4px}.theme-toggle-wrapper[data-v-832ca8a7]{margin-right:0}.logo-image[data-v-832ca8a7]{height:36px;width:36px}.logo-text[data-v-832ca8a7]{display:none}.user-panel[data-v-832ca8a7]{position:fixed!important;top:65px!important;right:12px!important;left:auto!important;width:180px!important;z-index:99999!important;display:block!important;visibility:visible!important}.user-info[data-v-832ca8a7]{position:relative;z-index:1000;cursor:pointer}}@media (max-width: 480px){.mobile-menu-drawer[data-v-832ca8a7]{width:90%}.navbar-container[data-v-832ca8a7]{padding:0 8px}.navbar-logo[data-v-832ca8a7]{gap:6px}.logo-image[data-v-832ca8a7]{height:32px;width:32px}.logo-text[data-v-832ca8a7]{display:none}.logo-icon[data-v-832ca8a7]{width:32px;height:32px}.user-panel[data-v-832ca8a7]{right:8px!important;width:160px!important}}@keyframes fadeIn-832ca8a7{0%{opacity:0}to{opacity:1}}.mobile-menu-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#0009!important;z-index:99998!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.mobile-menu-drawer{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:85%!important;max-width:360px!important;background:linear-gradient(180deg,#fff,#f8f9fa)!important;z-index:99999!important;overflow-y:auto!important;box-shadow:4px 0 24px #00000026!important;display:flex!important;flex-direction:column!important}body.dark .mobile-menu-drawer{background:linear-gradient(180deg,#1f2937,#111827)!important}.wallpaper-modal-overlay[data-v-395fbe56]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn-395fbe56 .3s ease}@keyframes fadeIn-395fbe56{0%{opacity:0}to{opacity:1}}.wallpaper-modal[data-v-395fbe56]{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:90vw;max-height:90vh;width:480px;overflow:hidden;animation:slideIn-395fbe56 .3s ease}@keyframes slideIn-395fbe56{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.wallpaper-panel[data-v-395fbe56]{padding:0}.wallpaper-panel-header[data-v-395fbe56]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e0e0e0}.wallpaper-panel-title[data-v-395fbe56]{margin:0;font-size:1.2rem;font-weight:700;color:#1976d2}.close-btn[data-v-395fbe56]{background:none;border:none;font-size:var(--font-size-xxl);cursor:pointer;padding:4px 8px;border-radius:4px;color:var(--color-666);transition:all .2s}.close-btn[data-v-395fbe56]:hover{background:#f5f5f5;color:var(--color-333)}.wallpaper-panel-content[data-v-395fbe56]{padding:20px 24px;max-height:60vh;overflow-y:auto}.wallpaper-section[data-v-395fbe56]{margin-bottom:var(--spacing-xxl)}.wallpaper-section[data-v-395fbe56]:last-child{margin-bottom:0}.section-title[data-v-395fbe56]{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--color-333)}.wallpaper-grid[data-v-395fbe56]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.wallpaper-item[data-v-395fbe56]{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;aspect-ratio:16/10;border:2px solid transparent}.wallpaper-item[data-v-395fbe56]:hover{transform:scale(1.05);box-shadow:0 4px 16px #00000026}.wallpaper-item.active[data-v-395fbe56]{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.wallpaper-thumb[data-v-395fbe56]{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out}.wallpaper-overlay[data-v-395fbe56]{position:absolute;top:0;left:0;right:0;bottom:0;background:#1976d2cc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out}.wallpaper-item.active .wallpaper-overlay[data-v-395fbe56]{opacity:1}.custom-wallpaper[data-v-395fbe56]{display:flex;gap:var(--spacing-sm);align-items:center}.custom-input[data-v-395fbe56]{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:var(--font-size-sm);transition:border-color .2s}.custom-input[data-v-395fbe56]:focus{outline:none;border-color:#1976d2}.apply-btn[data-v-395fbe56]{padding:10px 16px;background:#1976d2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:var(--font-size-sm);transition:background .2s}.apply-btn[data-v-395fbe56]:hover:not(:disabled){background:#1565c0}.apply-btn[data-v-395fbe56]:disabled{background:#ccc;cursor:not-allowed}.wallpaper-panel-footer[data-v-395fbe56]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:16px 24px 20px;border-top:1px solid #e0e0e0}.footer-btn[data-v-395fbe56]{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:var(--font-size-sm);transition:all .2s}.footer-btn[data-v-395fbe56]:hover{background:#f5f5f5}.footer-btn.primary[data-v-395fbe56]{background:#1976d2;color:#fff;border-color:#1976d2}.footer-btn.primary[data-v-395fbe56]:hover{background:#1565c0}body.dark .wallpaper-modal[data-v-395fbe56]{background:#2a2d3a;color:#eee}body.dark .wallpaper-panel-header[data-v-395fbe56]{border-bottom-color:#404040}body.dark .wallpaper-panel-title[data-v-395fbe56]{color:#ffb347}body.dark .close-btn[data-v-395fbe56]{color:#ccc}body.dark .close-btn[data-v-395fbe56]:hover{background:#3a3d4a;color:var(--color-fff)}body.dark .section-title[data-v-395fbe56]{color:#eee}body.dark .custom-input[data-v-395fbe56]{background:#3a3d4a;border-color:#555;color:#eee}body.dark .custom-input[data-v-395fbe56]:focus{border-color:#ffb347}body.dark .footer-btn[data-v-395fbe56]{background:#3a3d4a;border-color:#555;color:#eee}body.dark .footer-btn[data-v-395fbe56]:hover{background:#4a4d5a}body.dark .wallpaper-panel-footer[data-v-395fbe56]{border-top-color:#404040}.global-music-player[data-v-e0efb552]{position:fixed;bottom:60px;left:20px;right:20px;max-width:calc(100vw - 40px);background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;box-shadow:0 8px 32px #00000026;border:1px solid rgba(255,255,255,.2);z-index:1000;transform:translateY(100px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.global-music-player.active[data-v-e0efb552]{transform:translateY(0);opacity:1}.global-music-player.mode-mini[data-v-e0efb552]{width:85px;height:60px;right:auto;border-radius:8px}.player-mini[data-v-e0efb552]{width:100%;height:100%;display:flex;align-items:center}.mini-cover[data-v-e0efb552]{width:60px;height:60px;border-radius:6px;overflow:hidden;cursor:pointer;position:relative;flex-shrink:0}.mini-cover img[data-v-e0efb552]{width:100%;height:100%;object-fit:cover}.mini-play-btn[data-v-e0efb552]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;opacity:0;transition:opacity .2s ease;border-radius:8px}.mini-cover:hover .mini-play-btn[data-v-e0efb552]{opacity:1}.mini-play-btn .play-icon[data-v-e0efb552]{color:#fff;font-size:1.8rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.mini-expand-btn[data-v-e0efb552]{width:40px;height:60px;background:#7c3aed;border-radius:0 6px 6px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.9rem;flex-shrink:0}.mini-expand-btn[data-v-e0efb552]:hover{background:#1d4ed8;transform:scale(1.05)}.expand-icon[data-v-e0efb552]{color:#fff;font-size:.9rem;font-weight:700}.global-music-player.mode-normal[data-v-e0efb552]{width:550px;max-width:calc(100vw - 40px);height:70px;border-radius:8px}.global-music-player.mode-full[data-v-e0efb552]{width:420px;max-width:calc(100vw - 40px);height:auto;max-height:500px;border-radius:12px}.player-normal[data-v-e0efb552]{width:100%;height:100%}.normal-layout[data-v-e0efb552]{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;height:100%;column-gap:var(--spacing-sm)}.normal-cover[data-v-e0efb552]{width:70px;height:70px;border-radius:8px;overflow:hidden;flex-shrink:0}.normal-cover img[data-v-e0efb552]{width:100%;height:100%;object-fit:cover}.normal-content[data-v-e0efb552]{flex:1;display:flex;justify-content:center;min-width:0;overflow:hidden}.normal-info[data-v-e0efb552]{margin-bottom:6px;min-width:0}.normal-title[data-v-e0efb552]{font-weight:600;color:#1e293b;font-size:.9rem;margin-bottom:2px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.normal-artist[data-v-e0efb552]{color:#64748b;font-size:.8rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.normal-controls[data-v-e0efb552]{display:flex;gap:var(--spacing-xs);margin-bottom:6px;justify-content:flex-start}.normal-progress[data-v-e0efb552]{display:flex;align-items:center;gap:6px}.normal-actions[data-v-e0efb552]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex-shrink:0;width:40px;justify-content:center}.normal-btn[data-v-e0efb552]{background:none;border:none;color:#64748b;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.8rem;flex-shrink:0}.normal-btn[data-v-e0efb552]:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.normal-btn[data-v-e0efb552]:disabled{opacity:.4;cursor:not-allowed}.normal-btn.play-btn[data-v-e0efb552]{background:#6366f1;color:#fff;width:32px;height:32px}.normal-btn.play-btn[data-v-e0efb552]:hover:not(:disabled){background:#5855eb}.progress-time[data-v-e0efb552]{font-size:.7rem;color:#64748b;min-width:32px;text-align:center;flex-shrink:0}.progress-bar-container[data-v-e0efb552]{flex:1}.progress-slider[data-v-e0efb552]{width:100%;height:3px;border-radius:2px;background:#e2e8f0;outline:none;cursor:pointer;-webkit-appearance:none}.progress-slider[data-v-e0efb552]::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#6366f1;cursor:pointer}.progress-slider[data-v-e0efb552]::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:#6366f1;cursor:pointer;border:none}.player-full[data-v-e0efb552]{width:100%;height:100%}.full-header[data-v-e0efb552]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.full-left[data-v-e0efb552]{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.full-cover[data-v-e0efb552]{width:50px;height:50px;border-radius:8px;overflow:hidden;flex-shrink:0}.full-cover img[data-v-e0efb552]{width:100%;height:100%;object-fit:cover}.full-info[data-v-e0efb552]{flex:1;min-width:0}.full-title[data-v-e0efb552]{font-weight:600;color:#1e293b;font-size:1.1rem;margin-bottom:var(--spacing-xs);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.full-artist[data-v-e0efb552]{color:#64748b;font-size:.9rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.full-actions[data-v-e0efb552]{display:flex;gap:var(--spacing-sm)}.full-btn[data-v-e0efb552]{background:none;border:none;color:#64748b;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.full-btn[data-v-e0efb552]:hover{background:#f1f5f9;color:#1e293b}.full-controls[data-v-e0efb552]{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.full-control-btn[data-v-e0efb552]{background:none;border:none;color:#64748b;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.full-control-btn[data-v-e0efb552]:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.full-control-btn[data-v-e0efb552]:disabled{opacity:.4;cursor:not-allowed}.full-control-btn.play-btn[data-v-e0efb552]{width:44px;height:44px;background:#6366f1;color:#fff}.full-control-btn.play-btn[data-v-e0efb552]:hover:not(:disabled){background:#5855eb}.full-progress[data-v-e0efb552]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.full-time[data-v-e0efb552]{font-size:.8rem;color:#64748b;min-width:40px;text-align:center}.full-progress-bar[data-v-e0efb552]{flex:1}.full-progress-slider[data-v-e0efb552]{width:100%;height:5px;border-radius:3px;background:#e2e8f0;outline:none;cursor:pointer;-webkit-appearance:none}.full-progress-slider[data-v-e0efb552]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#6366f1;cursor:pointer}.full-progress-slider[data-v-e0efb552]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#6366f1;cursor:pointer;border:none}.full-volume[data-v-e0efb552]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);justify-content:center}.full-volume-slider[data-v-e0efb552]{width:100px;height:4px;border-radius:2px;background:#e2e8f0;outline:none;cursor:pointer;-webkit-appearance:none}.full-volume-slider[data-v-e0efb552]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#6366f1;cursor:pointer}.full-volume-slider[data-v-e0efb552]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#6366f1;cursor:pointer;border:none}.full-playlist[data-v-e0efb552]{flex:1;max-height:400px;overflow-y:auto;padding-right:var(--spacing-sm);margin-top:15px}.full-playlist-header[data-v-e0efb552]{display:flex;padding:12px 15px;font-size:var(--font-size-md);font-weight:600;color:var(--color-333);background:#f5f5f5;border-radius:8px;margin-bottom:10px}.full-playlist-items[data-v-e0efb552]{display:flex;flex-direction:column;gap:6px}.full-playlist-item[data-v-e0efb552]{display:flex;align-items:center;padding:10px 15px;border-radius:8px;background:#fff;transition:all .3s ease;cursor:pointer;box-shadow:0 1px 3px #0000001a}.full-playlist-item[data-v-e0efb552]:hover{background:#f8f9fa;transform:translate(5px)}.full-playlist-item.playing[data-v-e0efb552]{background:#e3f2fd;border-left:3px solid #1976d2}.item-index[data-v-e0efb552]{width:30px;font-size:var(--font-size-sm);color:var(--color-666);text-align:center;font-weight:500}.item-info[data-v-e0efb552]{flex:1;min-width:0;padding:0 15px}.item-title[data-v-e0efb552]{font-size:var(--font-size-sm);font-weight:500;color:var(--color-333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.item-artist[data-v-e0efb552]{font-size:var(--font-size-xs);color:var(--color-666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-duration[data-v-e0efb552]{font-size:var(--font-size-xs);color:var(--color-666);padding:0 5px;white-space:nowrap}@media (max-width: 768px){.global-music-player[data-v-e0efb552]{left:10px;right:10px;bottom:50px}.global-music-player.mode-mini[data-v-e0efb552]{width:100px;height:60px}.mini-cover[data-v-e0efb552]{width:60px;height:60px}.mini-expand-btn[data-v-e0efb552]{width:40px;height:60px}.global-music-player.mode-normal[data-v-e0efb552]{width:340px;height:65px}.normal-cover[data-v-e0efb552]{width:65px;height:65px}.global-music-player.mode-full[data-v-e0efb552]{width:400px}.item-index[data-v-e0efb552]{width:24px}.item-duration[data-v-e0efb552]{width:45px}}@media (max-width: 480px){.global-music-player[data-v-e0efb552]{left:5px;right:5px;bottom:40px}.global-music-player.mode-mini[data-v-e0efb552]{width:90px;height:50px}.mini-cover[data-v-e0efb552]{width:50px;height:50px}.mini-expand-btn[data-v-e0efb552]{width:40px;height:50px}.global-music-player.mode-normal[data-v-e0efb552]{width:300px;height:55px}.normal-cover[data-v-e0efb552]{width:55px;height:55px}.global-music-player.mode-full[data-v-e0efb552]{width:360px}.item-index[data-v-e0efb552]{width:20px}.item-duration[data-v-e0efb552]{width:40px}}.notification-item[data-v-abdd3444]{position:relative;display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:8px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all .2s ease;min-width:320px;max-width:480px;overflow:hidden}.notification-item[data-v-abdd3444]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.notification-item[data-v-abdd3444]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.notification-item--success[data-v-abdd3444]{border-left:4px solid #52c41a}.notification-item--error[data-v-abdd3444]{border-left:4px solid #ff4d4f}.notification-item--warning[data-v-abdd3444]{border-left:4px solid #faad14}.notification-item--info[data-v-abdd3444]{border-left:4px solid #1890ff}.notification-item--loading[data-v-abdd3444]{border-left:4px solid #722ed1}.notification-icon[data-v-abdd3444]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:2px}.notification-icon__inner--success[data-v-abdd3444]{color:#52c41a}.notification-icon__inner--error[data-v-abdd3444]{color:#ff4d4f}.notification-icon__inner--warning[data-v-abdd3444]{color:#faad14}.notification-icon__inner--info[data-v-abdd3444]{color:#1890ff}.notification-icon__inner--loading[data-v-abdd3444]{color:#722ed1}.notification-content[data-v-abdd3444]{flex:1;min-width:0}.notification-title[data-v-abdd3444]{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px;line-height:1.4}.notification-message[data-v-abdd3444]{font-size:14px;color:var(--color-text-secondary);line-height:1.5;word-wrap:break-word}.notification-actions[data-v-abdd3444]{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.notification-action[data-v-abdd3444]{padding:6px 12px;border:1px solid var(--color-border);border-radius:4px;background:transparent;color:var(--color-text-primary);font-size:12px;cursor:pointer;transition:all .2s ease}.notification-action[data-v-abdd3444]:hover{background:#0000000d;border-color:var(--color-border)}.notification-action--primary[data-v-abdd3444],.notification-action--secondary[data-v-abdd3444]{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.notification-action--primary[data-v-abdd3444]:hover,.notification-action--secondary[data-v-abdd3444]:hover{background:#0000000d;color:var(--color-text-primary);border-color:var(--color-border)}.notification-action--danger[data-v-abdd3444]{background:#ff4d4f;color:#fff;border-color:#ff4d4f}.notification-action--danger[data-v-abdd3444]:hover{background:#ff4d4f;opacity:.8}.notification-close[data-v-abdd3444]{position:absolute;top:12px;right:12px;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-close[data-v-abdd3444]:hover{background:#0000001a;color:var(--color-text-primary)}.notification-progress[data-v-abdd3444]{position:absolute;bottom:0;left:0;height:3px;background:var(--color-primary);transition:width .1s linear;border-radius:0 0 8px 8px;overflow:hidden}.notification-progress--custom[data-v-abdd3444]{height:4px;transition:width .3s ease}.notification-progress__label[data-v-abdd3444]{position:absolute;top:-20px;right:8px;font-size:10px;color:var(--color-text-secondary);background:var(--color-card-bg);padding:2px 6px;border-radius:4px;border:1px solid var(--color-border);white-space:nowrap;z-index:1}.notification-item--success .notification-progress[data-v-abdd3444]{background:#52c41a}.notification-item--error .notification-progress[data-v-abdd3444]{background:#ff4d4f}.notification-item--warning .notification-progress[data-v-abdd3444]{background:#faad14}.notification-item--info .notification-progress[data-v-abdd3444]{background:#1890ff}.notification-item--loading .notification-progress[data-v-abdd3444]{background:#722ed1}.notification-progress--custom[data-v-abdd3444]{background:linear-gradient(90deg,#52c41a,#1890ff,#722ed1);background-size:200% 100%;animation:progressGradient-abdd3444 2s ease-in-out infinite}@keyframes progressGradient-abdd3444{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.notification-progress--custom[aria-valuenow="100"][data-v-abdd3444]{background:#52c41a;animation:none}.notification-progress--custom[aria-valuenow="0"][data-v-abdd3444]{background:#ff4d4f;animation:none}@media (max-width: 768px){.notification-item[data-v-abdd3444]{min-width:280px;max-width:calc(100vw - 32px);padding:12px;gap:8px}.notification-title[data-v-abdd3444]{font-size:14px}.notification-message[data-v-abdd3444]{font-size:13px}.notification-actions[data-v-abdd3444]{margin-top:8px}.notification-action[data-v-abdd3444]{padding:4px 8px;font-size:11px}}body.dark-mode .notification-item[data-v-abdd3444]{background:var(--color-card-bg);border-color:var(--color-border);box-shadow:0 4px 12px #0000004d}body.dark-mode .notification-item[data-v-abdd3444]:hover{box-shadow:0 6px 20px #0006}body.dark-mode .notification-close[data-v-abdd3444]:hover{background:#ffffff1a}body.high-contrast .notification-item[data-v-abdd3444]{border:2px solid var(--color-border)}body.high-contrast .notification-item[data-v-abdd3444]:focus{outline:3px solid var(--color-primary)}.sr-only[data-v-abdd3444]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.notification-item[data-v-abdd3444]:focus-within{outline:2px solid var(--color-primary);outline-offset:2px;z-index:1}body.high-contrast .notification-item[data-v-abdd3444]:focus,body.high-contrast .notification-item[data-v-abdd3444]:focus-within{outline:3px solid var(--color-primary);outline-offset:3px}.notification-item[data-v-abdd3444]:focus:not(:focus-visible){outline:none}.notification-item[data-v-abdd3444]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.notification-action[data-v-abdd3444]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;z-index:1}.notification-close[data-v-abdd3444]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;z-index:1}.notification-progress[role=progressbar][data-v-abdd3444]{position:relative}.notification-progress[role=progressbar][data-v-abdd3444]:after{content:attr(aria-label);position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}body.reduced-motion .notification-item[data-v-abdd3444],body.reduced-motion .notification-action[data-v-abdd3444],body.reduced-motion .notification-close[data-v-abdd3444],body.reduced-motion .notification-progress[data-v-abdd3444]{transition:none}body.reduced-motion .notification-item[data-v-abdd3444]:hover{transform:none}@media (forced-colors: active){.notification-item[data-v-abdd3444]{border:2px solid ButtonBorder;background:ButtonFace;color:ButtonText}.notification-item--success[data-v-abdd3444],.notification-item--error[data-v-abdd3444],.notification-item--warning[data-v-abdd3444],.notification-item--info[data-v-abdd3444],.notification-item--loading[data-v-abdd3444]{border-left:4px solid Highlight}.notification-action[data-v-abdd3444]{border:1px solid ButtonBorder;background:ButtonFace;color:ButtonText}.notification-action[data-v-abdd3444]:hover,.notification-action[data-v-abdd3444]:focus{background:Highlight;color:HighlightText}.notification-close[data-v-abdd3444]{border:1px solid ButtonBorder;background:ButtonFace;color:ButtonText}.notification-close[data-v-abdd3444]:hover,.notification-close[data-v-abdd3444]:focus{background:Highlight;color:HighlightText}}.notification-container[data-v-35cc9075]{position:fixed;z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:8px;padding:16px;max-height:calc(100vh - 32px);overflow:hidden}.notification-container--top-left[data-v-35cc9075]{top:0;left:0;align-items:flex-start}.notification-container--top-right[data-v-35cc9075]{top:0;right:0;align-items:flex-end}.notification-container--top-center[data-v-35cc9075]{top:90px;left:50%;transform:translate(-50%);align-items:center}.notification-container--bottom-left[data-v-35cc9075]{bottom:0;left:0;align-items:flex-start;flex-direction:column-reverse}.notification-container--bottom-right[data-v-35cc9075]{bottom:0;right:0;align-items:flex-end;flex-direction:column-reverse}.notification-container--bottom-center[data-v-35cc9075]{bottom:0;left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}.notification-list[data-v-35cc9075]{display:flex;flex-direction:inherit;gap:inherit;width:100%}.notification-container--has-notifications[data-v-35cc9075]{pointer-events:auto}.notification-container[data-v-35cc9075] .notification-item{pointer-events:auto;transition:all .3s ease}.notification-slide-right-enter-active[data-v-35cc9075],.notification-slide-right-leave-active[data-v-35cc9075]{transition:all .3s ease}.notification-slide-right-enter-from[data-v-35cc9075],.notification-slide-right-leave-to[data-v-35cc9075]{opacity:0;transform:translate(100%) scale(.9)}.notification-slide-left-enter-active[data-v-35cc9075],.notification-slide-left-leave-active[data-v-35cc9075]{transition:all .3s ease}.notification-slide-left-enter-from[data-v-35cc9075],.notification-slide-left-leave-to[data-v-35cc9075]{opacity:0;transform:translate(-100%) scale(.9)}.notification-fade-enter-active[data-v-35cc9075],.notification-fade-leave-active[data-v-35cc9075]{transition:all .3s ease}.notification-fade-enter-from[data-v-35cc9075],.notification-fade-leave-to[data-v-35cc9075]{opacity:0;transform:translateY(-20px) scale(.9)}.notification-slide-right-move[data-v-35cc9075],.notification-slide-left-move[data-v-35cc9075],.notification-fade-move[data-v-35cc9075]{transition:transform .3s ease}@media (max-width: 768px){.notification-container[data-v-35cc9075]{padding:12px;gap:6px}.notification-container--top-left[data-v-35cc9075],.notification-container--top-right[data-v-35cc9075],.notification-container--top-center[data-v-35cc9075],.notification-container--bottom-left[data-v-35cc9075],.notification-container--bottom-right[data-v-35cc9075],.notification-container--bottom-center[data-v-35cc9075]{left:0;right:0;transform:none;align-items:stretch}.notification-container[data-v-35cc9075] .notification-item{width:100%;min-width:auto;max-width:none}}@media (min-width: 769px) and (max-width: 1024px){.notification-container[data-v-35cc9075]{padding:14px}.notification-container[data-v-35cc9075] .notification-item{max-width:400px}}@media (min-width: 1200px){.notification-container[data-v-35cc9075]{padding:20px}.notification-container[data-v-35cc9075] .notification-item{max-width:520px}}@media (prefers-reduced-motion: reduce){.notification-slide-right-enter-active[data-v-35cc9075],.notification-slide-right-leave-active[data-v-35cc9075],.notification-slide-left-enter-active[data-v-35cc9075],.notification-slide-left-leave-active[data-v-35cc9075],.notification-fade-enter-active[data-v-35cc9075],.notification-fade-leave-active[data-v-35cc9075]{transition:opacity .2s ease}.notification-slide-right-enter-from[data-v-35cc9075],.notification-slide-right-leave-to[data-v-35cc9075],.notification-slide-left-enter-from[data-v-35cc9075],.notification-slide-left-leave-to[data-v-35cc9075],.notification-fade-enter-from[data-v-35cc9075],.notification-fade-leave-to[data-v-35cc9075]{transform:none}.notification-slide-right-move[data-v-35cc9075],.notification-slide-left-move[data-v-35cc9075],.notification-fade-move[data-v-35cc9075]{transition:none}}@media (prefers-contrast: high){.notification-container[data-v-35cc9075] .notification-item{border-width:2px}}@media print{.notification-container[data-v-35cc9075]{display:none}}.notification-container[data-v-35cc9075]:focus-within{outline:none}.notification-container[data-v-35cc9075] .notification-selected{outline:2px solid var(--color-primary);outline-offset:2px;background:color-mix(in srgb,var(--color-primary) 10%,var(--notification-bg))}.notification-container[data-keyboard-navigation=true][data-v-35cc9075]{outline:1px dashed var(--color-primary);outline-offset:4px}body.high-contrast .notification-container[data-v-35cc9075]{border:1px solid ButtonBorder}body.high-contrast .notification-container[data-v-35cc9075] .notification-selected{outline:3px solid Highlight;background:HighlightText;color:Highlight}@media (forced-colors: active){.notification-container[data-v-35cc9075]{border:1px solid ButtonBorder}.notification-container[data-v-35cc9075] .notification-selected{outline:2px solid Highlight;background:HighlightText;color:Highlight}}.notification-group[data-v-35cc9075]{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.notification-group-header[data-v-35cc9075]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.notification-group-header[data-v-35cc9075]:hover{background:var(--color-hover-bg);border-color:var(--color-primary)}.notification-group-header[data-v-35cc9075]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.notification-group-title[data-v-35cc9075]{display:flex;align-items:center;gap:6px}.notification-group-count[data-v-35cc9075]{font-size:11px;color:var(--color-text-tertiary);background:var(--color-bg-secondary);padding:2px 6px;border-radius:10px}.notification-group-toggle[data-v-35cc9075]{display:flex;align-items:center;transition:transform .2s ease}.notification-group--collapsed .notification-group-toggle[data-v-35cc9075]{transform:rotate(-90deg)}.notification-list--collapsed[data-v-35cc9075]{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.notification-list--collapsed .notification-item[data-v-35cc9075]{margin-bottom:0}.notification-group-more[data-v-35cc9075]{padding:8px 12px;text-align:center;font-size:12px;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:4px;cursor:pointer;transition:all .2s ease}.notification-group-more[data-v-35cc9075]:hover{background:var(--color-hover-bg);color:var(--color-text-primary)}.notification-group-more[data-v-35cc9075]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.notification-group--large .notification-group-header[data-v-35cc9075]{background:linear-gradient(135deg,var(--color-card-bg) 0%,var(--color-bg-secondary) 100%)}.notification-group--large .notification-group-count[data-v-35cc9075]{background:var(--color-primary);color:#fff}#notification-container-announcer[data-v-35cc9075]{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.ultra-modern-footer[data-v-9b16ef02]{position:relative;background:#0a0a0a;color:var(--color-fff)fff;overflow:hidden}.footer-bg-layers[data-v-9b16ef02]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.bg-gradient-primary[data-v-9b16ef02]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e,#0f3460,#0a0a0a);opacity:.9}.bg-grid-pattern[data-v-9b16ef02]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove-9b16ef02 20s linear infinite}@keyframes gridMove-9b16ef02{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.floating-particles[data-v-9b16ef02]{position:absolute;top:0;right:0;bottom:0;left:0}.particle[data-v-9b16ef02]{position:absolute;background:radial-gradient(circle,#00ffff 0%,transparent 70%);border-radius:50%;width:6px;height:6px;opacity:.6;filter:drop-shadow(0 0 6px rgba(0,255,255,.6));animation:particleFloat-9b16ef02 18s linear infinite}.particle[data-v-9b16ef02]:nth-child(1){left:5%;animation-duration:24s;animation-delay:-2s;transform:scale(1)}.particle[data-v-9b16ef02]:nth-child(2){left:12%;animation-duration:20s;animation-delay:-6s;transform:scale(.8)}.particle[data-v-9b16ef02]:nth-child(3){left:18%;animation-duration:26s;animation-delay:-10s;transform:scale(1.2)}.particle[data-v-9b16ef02]:nth-child(4){left:24%;animation-duration:22s;animation-delay:-4s;transform:scale(.9)}.particle[data-v-9b16ef02]:nth-child(5){left:30%;animation-duration:28s;animation-delay:-12s;transform:scale(1.3)}.particle[data-v-9b16ef02]:nth-child(6){left:38%;animation-duration:21s;animation-delay:-8s;transform:scale(.85)}.particle[data-v-9b16ef02]:nth-child(7){left:44%;animation-duration:25s;animation-delay:-14s;transform:scale(1.1)}.particle[data-v-9b16ef02]:nth-child(8){left:52%;animation-duration:19s;animation-delay:-3s;transform:scale(.75)}.particle[data-v-9b16ef02]:nth-child(9){left:58%;animation-duration:23s;animation-delay:-9s;transform:scale(.95)}.particle[data-v-9b16ef02]:nth-child(10){left:66%;animation-duration:27s;animation-delay:-5s;transform:scale(1.25)}.particle[data-v-9b16ef02]:nth-child(11){left:72%;animation-duration:22s;animation-delay:-11s;transform:scale(.9)}.particle[data-v-9b16ef02]:nth-child(12){left:78%;animation-duration:24s;animation-delay:-7s;transform:scale(1)}.particle[data-v-9b16ef02]:nth-child(13){left:84%;animation-duration:20s;animation-delay:-13s;transform:scale(.8)}.particle[data-v-9b16ef02]:nth-child(14){left:90%;animation-duration:26s;animation-delay:-1s;transform:scale(1.2)}.particle[data-v-9b16ef02]:nth-child(15){left:96%;animation-duration:23s;animation-delay:-15s;transform:scale(.95)}@keyframes particleFloat-9b16ef02{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.gradient-text[data-v-9b16ef02]{background:linear-gradient(90deg,#0ff,#f0f,#ff0,#0ff);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift-9b16ef02 6s ease-in-out infinite}@keyframes gradientShift-9b16ef02{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.light-beams[data-v-9b16ef02]{position:absolute;top:0;right:0;bottom:0;left:0}.beam[data-v-9b16ef02]{position:absolute;background:linear-gradient(45deg,transparent,rgba(0,255,255,.3),transparent);transform-origin:center}.beam-1[data-v-9b16ef02]{width:2px;height:100%;left:20%;animation:beamRotate-9b16ef02 15s linear infinite}.beam-2[data-v-9b16ef02]{width:2px;height:100%;left:50%;animation:beamRotate-9b16ef02 20s linear infinite reverse}.beam-3[data-v-9b16ef02]{width:2px;height:100%;left:80%;animation:beamRotate-9b16ef02 25s linear infinite}@keyframes beamRotate-9b16ef02{0%{transform:rotate(0) scaleY(0)}50%{transform:rotate(180deg) scaleY(1)}to{transform:rotate(360deg) scaleY(0)}}.footer-container[data-v-9b16ef02]{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:40px 24px 24px}@media (min-width: 769px){.footer-container[data-v-9b16ef02]{padding:35px 24px 25px}.footer-bottom[data-v-9b16ef02]{padding-top:25px}}.footer-main-content[data-v-9b16ef02]{display:flex;justify-content:center;margin-bottom:var(--spacing-xxl)}.brand-showcase[data-v-9b16ef02]{display:flex;flex-direction:column;align-items:center;text-align:center}.brand-logo-container[data-v-9b16ef02]{position:relative;margin-bottom:30px}.logo-glow[data-v-9b16ef02]{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(0,255,255,.3),transparent);border-radius:50%;animation:logoGlow-9b16ef02 3s ease-in-out infinite alternate}@keyframes logoGlow-9b16ef02{0%{transform:scale(1);opacity:.5}to{transform:scale(1.2);opacity:.8}}.brand-logo[data-v-9b16ef02]{position:relative;z-index:1}.logo-hexagon[data-v-9b16ef02]{width:100px;height:100px;background:linear-gradient(45deg,#0ff,#f0f,#ff0);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;animation:hexagonRotate-9b16ef02 20s linear infinite}.hexagon-inner[data-v-9b16ef02]{width:90px;height:90px;background:#0a0a0a;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center}.logo-text[data-v-9b16ef02]{font-size:36px;font-weight:900;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes hexagonRotate-9b16ef02{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-title[data-v-9b16ef02]{margin:0 0 16px;position:relative}.title-gradient[data-v-9b16ef02]{font-size:42px;font-weight:900;background:linear-gradient(45deg,#0ff,#f0f,#ff0,#0ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGradient-9b16ef02 4s ease-in-out infinite}@keyframes titleGradient-9b16ef02{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.title-underline[data-v-9b16ef02]{height:4px;background:linear-gradient(90deg,#0ff,#f0f);margin:8px auto 0;width:80px;border-radius:2px;animation:underlineGlow-9b16ef02 2s ease-in-out infinite alternate}@keyframes underlineGlow-9b16ef02{0%{box-shadow:0 0 10px #00ffff80}to{box-shadow:0 0 20px #f0fc}}.brand-slogan[data-v-9b16ef02]{font-size:var(--font-size-lg);color:#ccc;margin:0 0 24px;letter-spacing:1px}.feature-tags[data-v-9b16ef02]{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.tag[data-v-9b16ef02]{padding:8px 16px;background:linear-gradient(45deg,#0ff3,#f0f3);border:1px solid rgba(0,255,255,.5);border-radius:20px;font-size:var(--font-size-sm);color:#0ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.tag[data-v-9b16ef02]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00ffff4d;background:linear-gradient(45deg,#00ffff4d,#ff00ff4d)}.footer-bottom[data-v-9b16ef02]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(0,255,255,.3)}.copyright-section[data-v-9b16ef02]{flex:1}.desktop-footer[data-v-9b16ef02]{display:flex;align-items:flex-start;justify-content:space-between;position:relative;max-width:1125px;margin:0 auto}.footer-left[data-v-9b16ef02]{flex:0 0 auto;min-width:300px;display:flex;flex-direction:column;gap:15px}.copyright-info[data-v-9b16ef02]{display:flex;flex-direction:column;gap:8px}.copyright-info p[data-v-9b16ef02]{margin:0;font-size:var(--font-size-md);color:var(--color-fff)}.registration-info[data-v-9b16ef02]{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm)}.registration-info a[data-v-9b16ef02]{color:#fff;text-decoration:none;transition:color .3s ease;display:inline-flex;align-items:center;font-weight:400}.registration-info a[data-v-9b16ef02]:hover{color:#e6f3ff;text-decoration:underline}.registration-info .divider[data-v-9b16ef02]{color:#fff;margin:0 8px}.footer-right[data-v-9b16ef02]{flex:0 0 auto;margin-left:0}.disclaimer-text[data-v-9b16ef02]{color:#ccc;font-size:var(--font-size-sm);line-height:1.3}.disclaimer-text p[data-v-9b16ef02]{margin:11px 7px 4px 0}.disclaimer-text p[data-v-9b16ef02]:last-child{margin-bottom:0}.disclaimer-text a[data-v-9b16ef02]{color:#00bfff;text-decoration:underline}.disclaimer-text a[data-v-9b16ef02]:hover{color:#87ceeb}.mobile-footer[data-v-9b16ef02]{display:none}@media (max-width: 768px){.desktop-footer[data-v-9b16ef02]{display:none}.mobile-footer[data-v-9b16ef02]{display:block}}@media (max-width: 1200px){.desktop-footer[data-v-9b16ef02]{flex-direction:column;gap:15px}.footer-left[data-v-9b16ef02],.footer-right[data-v-9b16ef02]{width:100%;max-width:none;margin-left:0}.footer-left[data-v-9b16ef02]{min-width:auto}}.copyright-main[data-v-9b16ef02]{margin-bottom:var(--spacing-md)}.copyright-main p[data-v-9b16ef02]{margin:0 0 8px;font-size:var(--font-size-md);color:var(--color-fff)fff}.tech-stack[data-v-9b16ef02]{display:flex;align-items:center;gap:var(--spacing-sm)}.tech-item[data-v-9b16ef02]{padding:4px 12px;border-radius:12px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.tech-item.vue[data-v-9b16ef02]{background:linear-gradient(45deg,#4fc08d,#42b883);color:#fff}.tech-item.django[data-v-9b16ef02]{background:linear-gradient(45deg,#092e20,#0c4b33);color:#fff}.tech-item.MySQL[data-v-9b16ef02]{background:linear-gradient(45deg,#000,#0c4b33);color:#fff}.tech-divider[data-v-9b16ef02]{color:#0ff;font-weight:900}.copyright-links[data-v-9b16ef02]{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);flex-wrap:wrap;margin:10px 0}.copyright-links a[data-v-9b16ef02]{gap:5px;color:#fff;text-decoration:none;transition:color .3s ease;display:inline-flex;align-items:center;font-weight:400}.copyright-links a[data-v-9b16ef02]:hover{color:#e6f3ff;text-decoration:underline}.police-icon[data-v-9b16ef02]{width:16px;height:16px;margin-right:4px;vertical-align:middle;opacity:.9}.divider[data-v-9b16ef02]{color:#fff;-webkit-user-select:none;user-select:none}.disclaimer[data-v-9b16ef02]{margin-top:20px;color:#ccc;font-size:var(--font-size-sm);line-height:1.7;text-align:center;max-width:100%;padding:0 20px}.disclaimer p[data-v-9b16ef02]{margin:0 0 6px}.disclaimer a[data-v-9b16ef02]{color:#97ffff;text-decoration:underline}@media (max-width: 768px){.footer-container[data-v-9b16ef02]{padding:20px 16px 16px}.footer-bottom[data-v-9b16ef02]{flex-direction:column;gap:var(--spacing-md);text-align:center}.desktop-footer[data-v-9b16ef02]{display:none}.mobile-footer[data-v-9b16ef02]{display:block}.copyright-links[data-v-9b16ef02]{justify-content:center;flex-wrap:wrap}.disclaimer[data-v-9b16ef02]{margin-top:15px;margin-left:0;padding:0 10px;font-size:12px}}@media (max-width: 480px){.footer-container[data-v-9b16ef02]{padding:20px 12px 12px}.title-gradient[data-v-9b16ef02]{font-size:28px}.brand-slogan[data-v-9b16ef02]{font-size:var(--font-size-sm)}.feature-tags[data-v-9b16ef02]{flex-direction:column;align-items:center}.disclaimer[data-v-9b16ef02]{margin-top:10px;padding:0 5px;font-size:11px;line-height:1.5}.copyright-links[data-v-9b16ef02]{flex-direction:column;gap:8px;align-items:center}.tech-stack[data-v-9b16ef02]{flex-wrap:wrap;justify-content:center;gap:8px}}.opacity-full{opacity:1}.padding-16px{padding:var(--spacing-lg)}.grid-template-columns-1fr{grid-template-columns:1fr}.margin-bottom-24px{margin-bottom:var(--spacing-xxl)}.flex-1{flex:1}.display-none{display:none}.margin-bottom-20px{margin-bottom:var(--spacing-xl)}.position-relative{position:relative}.util-fm-nv6v{flex:1;min-width:0}.padding-20px{padding:var(--spacing-xl)}.transform-rotate0deg{transform:rotate(0)}.transform-rotate360deg{transform:rotate(360deg)}.util-dag-y3z6{display:flex;align-items:center;gap:var(--spacing-sm)}.util-who-2uvf{width:100%;height:100%;object-fit:cover}.w-full{width:100%}.font-size-20px{font-size:var(--font-size-xl)}.util-dg-3g6g{display:flex;gap:var(--spacing-sm)}.background-transparent{background:transparent}.color-ffffff{color:var(--color-fff)fff}.text-align-center{text-align:center}:root{--color-303133: #303133;--color-333: #333;--color-666: #666;--color-606266: #606266;--color-667eea: #667eea;--color-909399: #909399;--color-6b7280: #6b7280;--color-fff: #fff;--color-f8f9fa: #f8f9fa;--width-100: 100%;--font-size-sm: 14px;--font-size-xs: 12px;--height-100: 100%;--font-size-md: 16px;--font-size-09rem: .9rem;--width-40px: 40px;--height-40px: 40px;--font-size-13px: 13px;--font-size-lg: 18px;--font-size-1rem: 1rem;--font-size-xxl: 24px;--font-size-12rem: 1.2rem;--font-size-11px: 11px;--font-size-08rem: .8rem;--font-size-11rem: 1.1rem;--font-size-xl: 20px;--spacing-xxl: 24px;--spacing-lg: 16px;--spacing-sm: 8px;--spacing-xs: 4px;--spacing-xl: 20px;--spacing-10px: 10px;--spacing-md: 12px;--spacing-05rem: .5rem;--border-radius-md: 8px;--border-radius-circle: 50%;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-sm: 4px;--border-radius-20px: 20px;--border-radius-6px: 6px}.rounded-none{border-radius:0}.rounded-sm{border-radius:4px}.rounded{border-radius:8px}.rounded-md{border-radius:12px}.rounded-lg{border-radius:16px}.rounded-xl{border-radius:20px}.rounded-2xl{border-radius:24px}.rounded-3xl{border-radius:32px}.rounded-full{border-radius:50%}.rounded-t-sm{border-top-left-radius:4px;border-top-right-radius:4px}.rounded-t{border-top-left-radius:8px;border-top-right-radius:8px}.rounded-t-md{border-top-left-radius:12px;border-top-right-radius:12px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-b-sm{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.rounded-b{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.rounded-b-md{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.rounded-b-lg{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.rounded-l-sm{border-top-left-radius:4px;border-bottom-left-radius:4px}.rounded-l{border-top-left-radius:8px;border-bottom-left-radius:8px}.rounded-l-md{border-top-left-radius:12px;border-bottom-left-radius:12px}.rounded-l-lg{border-top-left-radius:16px;border-bottom-left-radius:16px}.rounded-r-sm{border-top-right-radius:4px;border-bottom-right-radius:4px}.rounded-r{border-top-right-radius:8px;border-bottom-right-radius:8px}.rounded-r-md{border-top-right-radius:12px;border-bottom-right-radius:12px}.rounded-r-lg{border-top-right-radius:16px;border-bottom-right-radius:16px}.rounded-tl-sm{border-top-left-radius:4px}.rounded-tl{border-top-left-radius:8px}.rounded-tl-md{border-top-left-radius:12px}.rounded-tl-lg{border-top-left-radius:16px}.rounded-tr-sm{border-top-right-radius:4px}.rounded-tr{border-top-right-radius:8px}.rounded-tr-md{border-top-right-radius:12px}.rounded-tr-lg{border-top-right-radius:16px}.rounded-bl-sm{border-bottom-left-radius:4px}.rounded-bl{border-bottom-left-radius:8px}.rounded-bl-md{border-bottom-left-radius:12px}.rounded-bl-lg{border-bottom-left-radius:16px}.rounded-br-sm{border-bottom-right-radius:4px}.rounded-br{border-bottom-right-radius:8px}.rounded-br-md{border-bottom-right-radius:12px}.rounded-br-lg{border-bottom-right-radius:16px}.rounded-card{border-radius:12px}.rounded-button{border-radius:8px}.rounded-input{border-radius:6px}.rounded-modal{border-radius:16px}.rounded-avatar{border-radius:50%}.rounded-badge{border-radius:12px}.rounded-tag{border-radius:4px}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}input,textarea,select{font-size:16px}.container,.responsive-container,.app-container,.page-container,.content-container{width:100%!important;padding-left:16px!important;padding-right:16px!important;margin-left:auto!important;margin-right:auto!important}@media (max-width: 768px){.responsive-grid,.responsive-grid--2-cols,.responsive-grid--3-cols,.responsive-grid--4-cols,.cards-container,.treasure-list,.grid-container{grid-template-columns:1fr!important;gap:16px!important}.grid-col-1,.grid-col-2,.grid-col-3,.grid-col-4,.grid-col-5,.grid-col-6,.grid-col-7,.grid-col-8,.grid-col-9,.grid-col-10,.grid-col-11,.grid-col-12,.card,.widget,.enhanced-card,.treasure-item{grid-column:span 1!important;width:100%!important;max-width:100%!important}}@media (max-width: 768px){.card,.widget,.enhanced-card,.treasure-card{width:100%!important;max-width:100%!important;margin:0 0 16px!important;padding:16px!important;border-radius:12px!important}.card-content,.widget-content{padding:16px!important}}@media (max-width: 768px){h1{font-size:1.8rem!important}h2{font-size:1.5rem!important}h3{font-size:1.3rem!important}h4{font-size:1.1rem!important}h5{font-size:1rem!important}h6{font-size:.9rem!important}.btn,.hero-btn,.enhanced-btn,.van-button{min-height:44px!important;min-width:44px!important;padding:12px 20px!important;font-size:16px!important}}@media (max-width: 768px){.navbar,.header,.van-nav-bar{width:100%!important;max-width:100%!important;padding:0 16px!important}.mobile-nav-menu{width:100%!important;left:0!important;right:0!important}}@media (max-width: 768px){img{max-width:100%!important;height:auto!important}.responsive-image,.van-image{width:100%!important;height:auto!important}}@media (max-width: 768px){.form-input,.enhanced-input input,.form-textarea,.enhanced-input textarea,.van-field__control{width:100%!important;max-width:100%!important;font-size:16px!important;padding:12px 16px!important}.form-group,.van-field{width:100%!important;margin-bottom:20px!important}}@media (max-width: 768px){.modal,.enhanced-modal-content,.van-dialog{width:95%!important;max-width:95%!important;margin:20px auto!important;max-height:90vh!important;left:50%!important;transform:translate(-50%)!important}}@media (max-width: 768px){.scroll-container,.main-scroll-container{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}}@media (max-width: 768px){.hero-banner,.hero-content{width:100%!important;max-width:100%!important;padding:0 16px!important}.hero-actions{flex-direction:column!important;gap:12px!important;width:100%!important}.hero-btn{width:100%!important;max-width:280px!important;margin:0!important}}@media (max-width: 768px){.chat-container,.simple-chat-container{width:100%!important;max-width:100%!important;padding:0 8px!important;height:calc(100vh - 120px)!important}.chat-rooms{width:100%!important;max-width:100%!important;border-radius:12px!important}}@media (max-width: 768px){.article-list,.blog-list{width:100%!important;max-width:100%!important;padding:0 16px!important}.article-item,.blog-item{width:100%!important;max-width:100%!important;margin-bottom:16px!important}}.mobile-full-width{width:100%!important;max-width:100%!important}.mobile-no-padding{padding:0!important}.mobile-no-margin{margin:0!important}.mobile-center{text-align:center!important}.mobile-hidden{display:none!important}.mobile-visible{display:block!important}@media (max-width: 480px){.container,.responsive-container,.app-container{padding-left:12px!important;padding-right:12px!important}.card,.widget,.enhanced-card{padding:12px!important;margin:0 0 12px!important}h1{font-size:1.6rem!important}h2{font-size:1.4rem!important}h3{font-size:1.2rem!important}}@media (max-width: 768px) and (orientation: landscape){.hero-banner{height:100vh!important;min-height:100vh!important}.chat-container{height:calc(100vh - 80px)!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}*{touch-action:manipulation}@media (max-width: 768px){.gpu-accelerated{transform:translateZ(0);will-change:transform}.no-repaint{contain:layout style paint}}@media (max-width: 768px){.page,.page-container,.content,.content-container,.main-content,.main-container,.wrapper,.layout{width:100%!important;max-width:100%!important;overflow-x:hidden!important;padding-left:16px!important;padding-right:16px!important}}@media (max-width: 768px){.van-cell,.van-card,.van-list{width:100%!important;max-width:100%!important}.van-grid-item{width:50%!important;max-width:50%!important}.van-tabbar{width:100%!important;max-width:100%!important}}@media (max-width: 768px){.el-card,.el-container,.el-main,.el-aside,.el-row,.el-col{width:100%!important;max-width:100%!important}}html,body{min-height:100%;overflow-y:auto;overflow-x:hidden;width:100%;max-width:100%}html.admin-lock,body.admin-lock{overflow:hidden!important;height:100%}html:has(#app.admin-page),body:has(#app.admin-page){overflow:hidden!important;height:100%}#app.admin-page{height:100vh;overflow:hidden}router-view,.router-view{flex:1 1 auto}.main-scroll-container{min-height:0;overflow-y:visible;overflow-x:hidden;flex:1;width:100%;max-width:100%}html.music-page #app .main-scroll-container{overflow:visible!important;flex:none!important;height:auto!important;min-height:auto!important;position:static!important;display:block!important}#app.admin-page .main-scroll-container{overflow:hidden}.van-image-preview__close-icon{font-size:36px!important;color:var(--color-fff)!important}.scroll-progress-bar{position:fixed;top:0;left:0;right:0;height:8px;background:#f0f7ffb3;z-index:9999;box-shadow:0 2px 8px #2d5be314;display:flex;align-items:center}.scroll-progress-inner{height:100%;background:linear-gradient(90deg,#2d5be3,#90caf9);border-radius:8px;transition:width .2s}.scroll-progress-text{display:none}body.dark .scroll-progress-bar{background:#23272fb3}body.dark .scroll-progress-inner{background:linear-gradient(90deg,#ffb347,#2d5be3)}body.dark .scroll-progress-text{color:#ffb347;background:#23272fd9}#app.admin-page:not(.admin-login-page){background-image:none!important;background-color:#f5f5f5!important;background:#f5f5f5!important}#app.admin-page.admin-login-page{background:none!important}html:has(#app.admin-page:not(.admin-login-page)),body:has(#app.admin-page:not(.admin-login-page)),#app.admin-page:not(.admin-login-page),#app.admin-page:not(.admin-login-page) html,#app.admin-page:not(.admin-login-page) body,#app.admin-page:not(.admin-login-page) #app{background:#f5f5f5!important;background-image:none!important;background-color:#f5f5f5!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;background-attachment:fixed!important}#app.admin-page:not(.admin-login-page) .main-scroll-container{background:#f5f5f5!important;background-image:none!important}#app.admin-page:not(.admin-login-page) *{background-image:none!important}.back-to-top{position:fixed;right:32px;bottom:40px;z-index:9999;display:flex;flex-direction:column;align-items:center;cursor:pointer;background:#fffffff2;border-radius:16px;box-shadow:0 4px 24px #2d5be31f;padding:8px 10px 4px;transition:background .2s,box-shadow .2s;border:1.5px solid #e0f7fa}.back-to-top:hover{background:#e3f2fd;box-shadow:0 8px 32px #2d5be32e}.rocket{display:block;margin-bottom:2px;filter:drop-shadow(0 2px 8px #90caf9aa);transition:transform .2s}.back-to-top:hover .rocket{transform:translateY(-6px) scale(1.08) rotate(-8deg)}.rocket-percent{font-size:13px;color:#2d5be3;font-weight:700;margin-top:2px;background:#ffffffd9;border-radius:8px;padding:0 8px;height:20px;line-height:20px;box-shadow:0 2px 8px #2d5be314}body.dark .back-to-top{background:#23272ff2;border:1.5px solid #23272f}body.dark .rocket-percent{color:#ffb347;background:#23272fd9}body,body *,body:active,body *:active{cursor:url(/cursor.cur),auto!important}.admin-login[data-v-c9a2251c]{min-height:100vh;background:#e6f3ff;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.login-container[data-v-c9a2251c]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 25px 50px #00000026,0 0 0 1px #fff3;padding:48px;width:100%;max-width:420px;position:relative;z-index:2;animation:slideUp-c9a2251c .8s ease-out;border:1px solid rgba(255,255,255,.3)}@keyframes slideUp-c9a2251c{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-c9a2251c]{text-align:center;margin-bottom:40px}.login-title[data-v-c9a2251c]{font-size:32px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;letter-spacing:-.5px}.login-subtitle[data-v-c9a2251c]{font-size:16px;color:#64748b;margin:0;font-weight:500}.login-form[data-v-c9a2251c]{margin-bottom:32px}.login-form .el-form-item[data-v-c9a2251c]{margin-bottom:24px}.login-form .el-input[data-v-c9a2251c]{--el-input-border-radius: 12px;--el-input-bg-color: rgba(255, 255, 255, .8);--el-input-border-color: rgba(102, 126, 234, .2);--el-input-focus-border-color: #667eea}.login-form .el-input__wrapper[data-v-c9a2251c]{box-shadow:0 4px 12px #0000000d;transition:all .3s ease;border:2px solid transparent}.login-form .el-input__wrapper[data-v-c9a2251c]:hover{box-shadow:0 6px 20px #667eea1a;border-color:#667eea4d}.login-form .el-input.is-focus .el-input__wrapper[data-v-c9a2251c]{box-shadow:0 8px 25px #667eea26;border-color:#667eea}.login-button[data-v-c9a2251c]{width:100%;height:52px;font-size:16px;font-weight:700;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 8px 20px #667eea4d;transition:all .3s ease;position:relative;overflow:hidden}.login-button[data-v-c9a2251c]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-button[data-v-c9a2251c]:hover:before{left:100%}.login-button[data-v-c9a2251c]:hover{transform:translateY(-2px);box-shadow:0 12px 30px #667eea66}.login-button[data-v-c9a2251c]:active{transform:translateY(0)}.login-footer[data-v-c9a2251c]{text-align:center;color:#94a3b8;font-size:14px;font-weight:500}.login-footer p[data-v-c9a2251c]{margin:0}.back-to-frontend[data-v-c9a2251c]{text-align:center;margin:24px 0}.back-button[data-v-c9a2251c]{color:#64748b;font-size:14px;font-weight:500;padding:12px 20px;border-radius:10px;transition:all .3s ease;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,116,139,.1)}.back-button[data-v-c9a2251c]:hover{color:#667eea;background:#667eea1a;border-color:#667eea33;transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.back-button .el-icon[data-v-c9a2251c]{margin-right:6px;transition:transform .3s ease}.back-button:hover .el-icon[data-v-c9a2251c]{transform:translate(-2px)}@media (max-width: 480px){.login-container[data-v-c9a2251c]{padding:32px 24px;margin:10px;border-radius:20px}.login-title[data-v-c9a2251c]{font-size:28px}}@media (prefers-color-scheme: dark){.login-container[data-v-c9a2251c]{background:#1e293bf2;border:1px solid rgba(255,255,255,.1)}.login-title[data-v-c9a2251c]{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle[data-v-c9a2251c]{color:#cbd5e1}.back-button[data-v-c9a2251c]{background:#1e293bcc;color:#cbd5e1;border-color:#ffffff1a}.back-button[data-v-c9a2251c]:hover{background:#60a5fa1a;color:#60a5fa}}.sidebar-header[data-v-0321a94d]{height:90px;display:flex;align-items:center;justify-content:center;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.brand-logo[data-v-0321a94d]{display:flex;align-items:center;justify-content:center;gap:12px}.admin-logo[data-v-0321a94d]{height:48px;width:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.admin-logo.collapsed[data-v-0321a94d]{height:40px;width:40px}.sidebar-title[data-v-0321a94d]{color:#fff;font-size:20px;font-weight:700;margin:0}.collapse-button-container[data-v-0321a94d]{display:flex;justify-content:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.collapse-btn[data-v-0321a94d]{color:#fff!important;font-size:18px;transition:all .3s ease;border-radius:8px;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.collapse-btn[data-v-0321a94d]:hover{background:#fff3;border-color:#fff6;transform:scale(1.1)}.sidebar-menu[data-v-0321a94d]{border:none;background:transparent;padding:20px 0}.sidebar-menu .el-menu-item[data-v-0321a94d]{color:#fff;margin:4px 12px;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden;border:none;font-weight:500}.sidebar-menu .el-menu-item[data-v-0321a94d]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.sidebar-menu .el-menu-item[data-v-0321a94d]:hover:before{left:100%}.sidebar-menu .el-menu-item[data-v-0321a94d]:hover{background:#ffffff26;color:#fff;transform:translate(4px)}.sidebar-menu .el-menu-item.is-active[data-v-0321a94d]{background:#fff;color:#000;box-shadow:0 4px 15px #ffffff4d}.header-left[data-v-0f6f4914]{flex:1;display:flex;align-items:center}.header-left[data-v-0f6f4914] .el-breadcrumb__item,.header-left[data-v-0f6f4914] .el-breadcrumb__inner{color:var(--text-primary)}.header-right[data-v-0f6f4914]{display:flex;align-items:center;gap:16px}.notification-badge[data-v-0f6f4914]{margin-right:8px}.notification-btn[data-v-0f6f4914]{font-size:18px;color:var(--text-primary);transition:all .3s ease}.notification-btn[data-v-0f6f4914]:hover{color:var(--primary-color);transform:scale(1.1)}.theme-switch[data-v-0f6f4914]{--el-switch-on-color: var(--primary-color);--el-switch-off-color: var(--border-color)}.theme-switch[data-v-0f6f4914] .el-switch__action{color:var(--text-primary)}.theme-switch[data-v-0f6f4914] .el-switch__core{background-color:var(--bg-tertiary);border-color:var(--border-color)}.user-info[data-v-0f6f4914]{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 16px;border-radius:12px;transition:all .3s ease;border:1px solid transparent}.user-info .el-icon[data-v-0f6f4914]{color:var(--text-primary)}.user-info[data-v-0f6f4914]:hover{background:#667eea1a;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-light)}.user-details[data-v-0f6f4914]{display:flex;flex-direction:column;align-items:flex-start}.username[data-v-0f6f4914]{font-weight:600;color:var(--text-primary);font-size:14px;line-height:1.2}.user-role[data-v-0f6f4914]{font-size:12px;color:var(--text-secondary);line-height:1.2}.mobile-menu-btn[data-v-0f6f4914]{display:none;font-size:24px;color:var(--text-primary);margin-right:16px;padding:8px;cursor:pointer}.mobile-menu-btn[data-v-0f6f4914]:hover{background:#0000000d;border-radius:8px}@media (max-width: 768px){.mobile-menu-btn[data-v-0f6f4914]{display:flex;align-items:center;justify-content:center}.header-right[data-v-0f6f4914]{gap:4px}.user-details[data-v-0f6f4914],.theme-switch[data-v-0f6f4914]{display:none}.header-left .el-breadcrumb[data-v-0f6f4914]{font-size:12px}}@media (max-width: 480px){.header-left .el-breadcrumb[data-v-0f6f4914]{font-size:11px}.notification-btn[data-v-0f6f4914]{display:none}}.notification-panel[data-v-5a2e1bfc]{max-height:400px;overflow-y:auto}.notification-header[data-v-5a2e1bfc]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.notification-header h3[data-v-5a2e1bfc]{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.notification-list[data-v-5a2e1bfc]{padding:8px 0}.loading-notifications[data-v-5a2e1bfc]{text-align:center;padding:40px 20px;color:#999}.loading-notifications .el-icon[data-v-5a2e1bfc]{font-size:24px;margin-bottom:12px}.no-notifications[data-v-5a2e1bfc]{text-align:center;padding:40px 20px;color:#999}.no-notifications .el-icon[data-v-5a2e1bfc]{font-size:32px;margin-bottom:12px}.notification-item[data-v-5a2e1bfc]{display:flex;align-items:flex-start;padding:12px 16px;cursor:pointer;transition:all .3s ease;border-radius:6px;margin:0 8px;position:relative;border:1px solid transparent}.notification-item[data-v-5a2e1bfc]:hover{background-color:var(--bg-tertiary);border-color:var(--primary-color);transform:translate(2px);box-shadow:0 2px 8px #667eea26}.notification-item.unread[data-v-5a2e1bfc]{background-color:#3b82f61a}.notification-item.unread[data-v-5a2e1bfc]:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:#409eff;border-radius:50%}.notification-icon[data-v-5a2e1bfc]{margin-right:12px;margin-top:2px}.notification-icon .el-icon[data-v-5a2e1bfc]{font-size:18px}.notification-icon .info[data-v-5a2e1bfc]{color:#409eff}.notification-icon .warning[data-v-5a2e1bfc]{color:#e6a23c}.notification-icon .success[data-v-5a2e1bfc]{color:#67c23a}.notification-icon .error[data-v-5a2e1bfc]{color:#f56c6c}.notification-content[data-v-5a2e1bfc]{flex:1}.notification-content h4[data-v-5a2e1bfc]{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text-primary)}.notification-content p[data-v-5a2e1bfc]{margin:0 0 4px;font-size:13px;color:var(--text-secondary);line-height:1.4}.notification-time[data-v-5a2e1bfc]{font-size:12px;color:var(--text-secondary)}.notification-action[data-v-5a2e1bfc]{margin-left:12px;display:flex;align-items:center;opacity:0;transition:opacity .3s ease}.notification-item:hover .notification-action[data-v-5a2e1bfc]{opacity:1}.view-detail-icon[data-v-5a2e1bfc]{font-size:14px;color:var(--primary-color)}.notification-detail[data-v-8377f157]{padding:16px 0}.detail-header[data-v-8377f157]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.detail-time[data-v-8377f157]{font-size:14px;color:var(--text-secondary)}.detail-content[data-v-8377f157]{margin-bottom:20px}.detail-content pre[data-v-8377f157]{background:var(--bg-tertiary);padding:16px;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0;border:1px solid var(--border-color)}.detail-extra[data-v-8377f157]{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.detail-extra h4[data-v-8377f157]{margin:0 0 12px;font-size:16px;color:var(--text-primary);font-weight:600}.extra-data[data-v-8377f157]{display:grid;gap:8px}.data-item[data-v-8377f157]{display:flex;align-items:flex-start;padding:8px 12px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color)}.data-key[data-v-8377f157]{font-weight:600;color:var(--text-primary);min-width:80px;margin-right:12px;flex-shrink:0}.data-value[data-v-8377f157]{color:var(--text-secondary);word-break:break-all;flex:1}.dialog-footer[data-v-8377f157]{display:flex;justify-content:flex-end;gap:12px}.dialog-content[data-v-6e3f51ff]{display:flex;align-items:flex-start;gap:16px;padding:20px 0}.dialog-icon[data-v-6e3f51ff]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:#f5f7fa}.dialog-message[data-v-6e3f51ff]{flex:1}.dialog-message h3[data-v-6e3f51ff]{margin:0 0 8px;font-size:16px;font-weight:600;color:#303133}.dialog-message p[data-v-6e3f51ff]{margin:0;font-size:14px;color:#606266;line-height:1.5}.dialog-footer[data-v-6e3f51ff]{display:flex;justify-content:flex-end;gap:12px}.dialog-icon.success[data-v-6e3f51ff]{background-color:#f0f9ff}.dialog-icon.warning[data-v-6e3f51ff]{background-color:#fdf6ec}.dialog-icon.error[data-v-6e3f51ff]{background-color:#fef0f0}.dialog-icon.info[data-v-6e3f51ff]{background-color:#f4f4f5}@media (max-width: 768px){.admin-layout[data-v-afda02bf]{padding:12px}.page-header[data-v-afda02bf]{margin-bottom:16px}.page-header h1[data-v-afda02bf],.page-title[data-v-afda02bf]{font-size:20px!important;margin-bottom:6px}.page-header p[data-v-afda02bf],.page-desc[data-v-afda02bf]{font-size:13px!important;margin-bottom:0}.toolbar[data-v-afda02bf]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.toolbar-left[data-v-afda02bf]{display:flex;flex-wrap:wrap;gap:8px}.toolbar-left .el-button[data-v-afda02bf]{flex:1;min-width:100px;font-size:13px;padding:8px 12px}.toolbar-right[data-v-afda02bf]{display:flex;flex-direction:column;gap:8px}.el-input[data-v-afda02bf],.el-select[data-v-afda02bf],.search-input[data-v-afda02bf]{width:100%!important}.table-card[data-v-afda02bf]{border-radius:12px;box-shadow:var(--shadow-light);background:var(--card-bg);border:1px solid var(--border-color);padding:16px}.el-table[data-v-afda02bf]{display:none!important}.mobile-card-list[data-v-afda02bf]{display:flex;flex-direction:column;gap:16px}.mobile-card[data-v-afda02bf]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:var(--shadow-light);transition:all .3s ease}.mobile-card[data-v-afda02bf]:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.mobile-card-header[data-v-afda02bf]{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.mobile-card-info[data-v-afda02bf]{flex:1;min-width:0}.mobile-card-title[data-v-afda02bf]{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px;word-break:break-all}.mobile-card-subtitle[data-v-afda02bf]{font-size:14px;color:var(--text-secondary);word-break:break-all}.mobile-card-details[data-v-afda02bf]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row[data-v-afda02bf]{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 0}.detail-row .label[data-v-afda02bf]{font-size:14px;color:var(--text-secondary);font-weight:500;min-width:80px;flex-shrink:0}.detail-row .value[data-v-afda02bf]{font-size:14px;color:var(--text-primary);text-align:right;word-break:break-all;flex:1;margin-left:12px}.mobile-card-actions[data-v-afda02bf]{display:flex;gap:8px;flex-wrap:wrap}.mobile-card-actions .el-button[data-v-afda02bf]{flex:1;min-width:0;font-size:13px;padding:6px 12px}.el-dialog[data-v-afda02bf]{width:95%!important;margin:0 auto!important;max-height:90vh;overflow-y:auto}.el-dialog__header[data-v-afda02bf]{padding:15px}.el-dialog__body[data-v-afda02bf]{padding:15px;max-height:60vh;overflow-y:auto}.el-dialog__footer[data-v-afda02bf]{padding:15px}.el-form-item__label[data-v-afda02bf]{width:100%!important;text-align:left!important;padding-bottom:5px;margin-bottom:5px}.el-form-item__content[data-v-afda02bf]{margin-left:0!important}.el-form-item[data-v-afda02bf]{margin-bottom:16px}.pagination-container[data-v-afda02bf]{display:flex;justify-content:center;margin-top:20px;padding:0 8px}.el-pagination[data-v-afda02bf]{justify-content:center;flex-wrap:wrap;gap:4px}.el-pagination .el-pager li[data-v-afda02bf]{min-width:32px;height:32px;line-height:32px;font-size:14px;margin:0 2px}.el-pagination .btn-prev[data-v-afda02bf],.el-pagination .btn-next[data-v-afda02bf]{min-width:32px;height:32px;font-size:14px;margin:0 4px}.el-pagination .el-pagination__sizes[data-v-afda02bf],.el-pagination .el-pagination__jump[data-v-afda02bf],.el-pagination .el-pagination__total[data-v-afda02bf]{display:none}.el-tag[data-v-afda02bf]{font-size:12px;padding:2px 6px}.el-avatar[data-v-afda02bf]{flex-shrink:0}.el-checkbox[data-v-afda02bf]{margin-right:8px}.stats-grid[data-v-afda02bf]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.stat-card[data-v-afda02bf]{padding:12px!important}.stat-card h3[data-v-afda02bf]{font-size:14px!important}.stat-card .stat-value[data-v-afda02bf]{font-size:20px!important}.el-tabs__header[data-v-afda02bf]{margin-bottom:16px}.el-tabs__nav-wrap[data-v-afda02bf]{padding:0 12px}.tab-content[data-v-afda02bf]{padding-top:0}.action-bar[data-v-afda02bf]{margin-bottom:16px}.action-bar .el-button[data-v-afda02bf]{width:100%}}@media (max-width: 480px){.admin-layout[data-v-afda02bf]{padding:8px}.mobile-card[data-v-afda02bf]{padding:12px}.mobile-card-header[data-v-afda02bf]{margin-bottom:12px;padding-bottom:8px}.mobile-card-title[data-v-afda02bf]{font-size:15px}.mobile-card-subtitle[data-v-afda02bf]{font-size:13px}.detail-row .label[data-v-afda02bf]{font-size:13px;min-width:70px}.detail-row .value[data-v-afda02bf]{font-size:13px}.mobile-card-actions[data-v-afda02bf]{gap:6px}.mobile-card-actions .el-button[data-v-afda02bf]{font-size:12px;padding:6px 8px}.toolbar-left .el-button[data-v-afda02bf]{font-size:12px;padding:6px 10px;min-width:90px}.stats-grid[data-v-afda02bf]{grid-template-columns:1fr!important}.el-button-group[data-v-afda02bf]{display:flex;flex-direction:column;gap:4px}.el-button-group .el-button[data-v-afda02bf]{margin:0!important}.el-dialog[data-v-afda02bf]{width:98%!important}.el-dialog__header[data-v-afda02bf],.el-dialog__body[data-v-afda02bf],.el-dialog__footer[data-v-afda02bf]{padding:12px}.pagination-container[data-v-afda02bf]{margin-top:16px;padding:0 4px}.el-pagination[data-v-afda02bf]{gap:2px}.el-pagination .el-pager li[data-v-afda02bf]{min-width:28px;height:28px;line-height:28px;font-size:12px;margin:0 1px}.el-pagination .btn-prev[data-v-afda02bf],.el-pagination .btn-next[data-v-afda02bf]{min-width:28px;height:28px;font-size:12px;margin:0 2px}}html[data-theme=dark][data-v-afda02bf]{--el-color-primary: #7c3aed;--el-color-primary-light-3: #a855f7;--el-color-primary-light-5: #c084fc;--el-color-primary-light-7: #ddd6fe;--el-color-primary-light-8: #ede9fe;--el-color-primary-light-9: #f3f4f6;--el-color-primary-dark-2: #6d28d9;--el-color-success: #10b981;--el-color-warning: #f59e0b;--el-color-danger: #ef4444;--el-color-error: #ef4444;--el-color-info: #6b7280;--el-bg-color: #0f172a;--el-bg-color-page: #0f172a;--el-bg-color-overlay: #1e293b;--el-text-color-primary: #f1f5f9;--el-text-color-regular: #e2e8f0;--el-text-color-secondary: #cbd5e1;--el-text-color-placeholder: #94a3b8;--el-text-color-disabled: #64748b;--el-border-color: #334155;--el-border-color-light: #475569;--el-border-color-lighter: #64748b;--el-border-color-extra-light: #94a3b8;--el-border-color-dark: #1e293b;--el-border-color-darker: #0f172a;--el-fill-color: #1e293b;--el-fill-color-light: #334155;--el-fill-color-lighter: #475569;--el-fill-color-extra-light: #64748b;--el-fill-color-dark: #0f172a;--el-fill-color-darker: #020617;--el-fill-color-blank: transparent;--el-box-shadow: 0 12px 32px 4px rgba(0, 0, 0, .36), 0 8px 20px rgba(0, 0, 0, .72);--el-box-shadow-light: 0 0 12px rgba(0, 0, 0, .72);--el-box-shadow-base: 0 2px 4px rgba(0, 0, 0, .72), 0 0 6px rgba(0, 0, 0, .72);--el-box-shadow-dark: 0 4px 8px rgba(0, 0, 0, .72), 0 0 8px rgba(0, 0, 0, .72);--el-disabled-bg-color: #1e293b;--el-disabled-text-color: #64748b;--el-disabled-border-color: #334155;--el-overlay-color: rgba(0, 0, 0, .8);--el-overlay-color-light: rgba(0, 0, 0, .7);--el-overlay-color-lighter: rgba(0, 0, 0, .5);--el-mask-color: rgba(255, 255, 255, .9);--el-mask-color-extra-light: rgba(255, 255, 255, .3);color-scheme:dark}html[data-theme=dark] .el-table[data-v-afda02bf],html[data-theme=dark] .el-table__header-wrapper[data-v-afda02bf],html[data-theme=dark] .el-table__body-wrapper[data-v-afda02bf],html[data-theme=dark] .el-table__footer-wrapper[data-v-afda02bf]{background-color:var(--el-fill-color)!important;color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-table th.el-table__cell[data-v-afda02bf],html[data-theme=dark] .el-table td.el-table__cell[data-v-afda02bf]{background-color:var(--el-fill-color)!important;color:var(--el-text-color-primary)!important;border-color:var(--el-border-color)!important}html[data-theme=dark] .el-table th.el-table__cell[data-v-afda02bf],html[data-theme=dark] .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell[data-v-afda02bf]{background-color:var(--el-fill-color-light)!important}html[data-theme=dark] .el-table__body tr:hover>td.el-table__cell[data-v-afda02bf]{background-color:var(--el-fill-color-lighter)!important}html[data-theme=dark] .el-table__empty-block[data-v-afda02bf]{background-color:var(--el-fill-color)!important}html[data-theme=dark] .el-table__empty-text[data-v-afda02bf]{color:var(--el-text-color-secondary)!important}html[data-theme=dark] .el-input__wrapper[data-v-afda02bf]{background-color:var(--el-fill-color-light)!important;border-color:var(--el-border-color)!important;box-shadow:0 0 0 1px var(--el-border-color) inset!important}html[data-theme=dark] .el-input__inner[data-v-afda02bf]{background-color:transparent!important;color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-input__inner[data-v-afda02bf]::placeholder{color:var(--el-text-color-placeholder)!important}html[data-theme=dark] .el-input__wrapper[data-v-afda02bf]:hover,html[data-theme=dark] .el-input__wrapper.is-focus[data-v-afda02bf]{border-color:var(--el-color-primary)!important;box-shadow:0 0 0 1px var(--el-color-primary) inset!important}html[data-theme=dark] .el-textarea__inner[data-v-afda02bf]{background-color:var(--el-fill-color-light)!important;border-color:var(--el-border-color)!important;color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-textarea__inner[data-v-afda02bf]::placeholder{color:var(--el-text-color-placeholder)!important}html[data-theme=dark] .el-button[data-v-afda02bf]{background-color:var(--el-fill-color-light)!important;border-color:var(--el-border-color)!important;color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-button[data-v-afda02bf]:hover,html[data-theme=dark] .el-button--primary[data-v-afda02bf]{background-color:var(--el-color-primary)!important;border-color:var(--el-color-primary)!important;color:#fff!important}html[data-theme=dark] .el-button--success[data-v-afda02bf]{background-color:var(--el-color-success)!important;border-color:var(--el-color-success)!important;color:#fff!important}html[data-theme=dark] .el-button--warning[data-v-afda02bf]{background-color:var(--el-color-warning)!important;border-color:var(--el-color-warning)!important;color:#fff!important}html[data-theme=dark] .el-button--danger[data-v-afda02bf]{background-color:var(--el-color-danger)!important;border-color:var(--el-color-danger)!important;color:#fff!important}html[data-theme=dark] .el-button--info[data-v-afda02bf]{background-color:var(--el-color-info)!important;border-color:var(--el-color-info)!important;color:#fff!important}html[data-theme=dark] .el-card[data-v-afda02bf]{background-color:var(--el-fill-color)!important;border-color:var(--el-border-color)!important;color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-card__header[data-v-afda02bf]{background-color:var(--el-fill-color)!important;border-bottom-color:var(--el-border-color)!important;color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-card__body[data-v-afda02bf]{background-color:var(--el-fill-color)!important;color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-pagination[data-v-afda02bf]{color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-pagination .el-pager li[data-v-afda02bf]{background-color:var(--el-fill-color-light)!important;color:var(--el-text-color-primary)!important;border-color:var(--el-border-color)!important}html[data-theme=dark] .el-pagination .el-pager li[data-v-afda02bf]:hover{color:var(--el-color-primary)!important}html[data-theme=dark] .el-pagination .el-pager li.is-active[data-v-afda02bf]{background-color:var(--el-color-primary)!important;color:#fff!important}html[data-theme=dark] .el-pagination button[data-v-afda02bf]{background-color:var(--el-fill-color-light)!important;color:var(--el-text-color-primary)!important;border-color:var(--el-border-color)!important}html[data-theme=dark] .el-pagination button[data-v-afda02bf]:hover{color:var(--el-color-primary)!important}html[data-theme=dark] .el-pagination button[data-v-afda02bf]:disabled{color:var(--el-text-color-disabled)!important;background-color:var(--el-disabled-bg-color)!important}html[data-theme=dark] .el-select .el-input__wrapper[data-v-afda02bf]{background-color:var(--el-fill-color-light)!important;border-color:var(--el-border-color)!important}html[data-theme=dark] .el-select-dropdown[data-v-afda02bf]{background-color:var(--el-fill-color)!important;border-color:var(--el-border-color)!important}html[data-theme=dark] .el-select-dropdown__item[data-v-afda02bf]{color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-select-dropdown__item[data-v-afda02bf]:hover{background-color:var(--el-fill-color-light)!important}html[data-theme=dark] .el-select-dropdown__item.is-selected[data-v-afda02bf]{background-color:var(--el-color-primary)!important;color:#fff!important}html[data-theme=dark] .el-form-item__label[data-v-afda02bf]{color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-tag[data-v-afda02bf]{background-color:var(--el-fill-color-light)!important;color:var(--el-text-color-primary)!important;border-color:var(--el-border-color)!important}html[data-theme=dark] .el-tag.el-tag--success[data-v-afda02bf]{background-color:var(--el-color-success)!important;color:#fff!important;border-color:var(--el-color-success)!important}html[data-theme=dark] .el-tag.el-tag--warning[data-v-afda02bf]{background-color:var(--el-color-warning)!important;color:#fff!important;border-color:var(--el-color-warning)!important}html[data-theme=dark] .el-tag.el-tag--danger[data-v-afda02bf]{background-color:var(--el-color-danger)!important;color:#fff!important;border-color:var(--el-color-danger)!important}html[data-theme=dark] .el-tag.el-tag--info[data-v-afda02bf]{background-color:var(--el-color-info)!important;color:#fff!important;border-color:var(--el-color-info)!important}html[data-theme=dark] .el-dialog[data-v-afda02bf]{background-color:var(--el-fill-color)!important;border-color:var(--el-border-color)!important}html[data-theme=dark] .el-dialog__header[data-v-afda02bf]{background-color:var(--el-fill-color)!important;border-bottom-color:var(--el-border-color)!important}html[data-theme=dark] .el-dialog__title[data-v-afda02bf]{color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-dialog__body[data-v-afda02bf]{background-color:var(--el-fill-color)!important;color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-dialog__footer[data-v-afda02bf]{background-color:var(--el-fill-color)!important;border-top-color:var(--el-border-color)!important}html[data-theme=dark] .el-message[data-v-afda02bf]{background-color:var(--el-fill-color)!important;border-color:var(--el-border-color)!important;color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-notification[data-v-afda02bf]{background-color:var(--el-fill-color)!important;border-color:var(--el-border-color)!important}html[data-theme=dark] .el-notification__title[data-v-afda02bf]{color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-notification__content[data-v-afda02bf]{color:var(--el-text-color-secondary)!important}html[data-theme=dark] .el-loading-mask[data-v-afda02bf]{background-color:#0f172acc!important}html[data-theme=dark] .el-loading-text[data-v-afda02bf]{color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-tooltip__popper[data-v-afda02bf]{background-color:var(--el-fill-color)!important;border-color:var(--el-border-color)!important;color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-dropdown-menu[data-v-afda02bf]{background-color:var(--el-fill-color)!important;border-color:var(--el-border-color)!important}html[data-theme=dark] .el-dropdown-menu__item[data-v-afda02bf]{color:var(--el-text-color-primary)!important}html[data-theme=dark] .el-dropdown-menu__item[data-v-afda02bf]:hover{background-color:var(--el-fill-color-light)!important;color:var(--el-color-primary)!important}html[data-theme=dark][data-v-afda02bf] ::-webkit-scrollbar{width:8px;height:8px}html[data-theme=dark][data-v-afda02bf] ::-webkit-scrollbar-track{background:var(--el-fill-color-light)}html[data-theme=dark][data-v-afda02bf] ::-webkit-scrollbar-thumb{background:var(--el-border-color);border-radius:4px}html[data-theme=dark][data-v-afda02bf] ::-webkit-scrollbar-thumb:hover{background:var(--el-text-color-secondary)}html[data-theme=dark] .el-table__cell[data-v-afda02bf],html[data-theme=dark] .el-descriptions__label[data-v-afda02bf],html[data-theme=dark] .el-descriptions__content[data-v-afda02bf],html[data-theme=dark] .el-text[data-v-afda02bf]{color:var(--el-text-color-primary)!important}[data-v-afda02bf]:root{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #f093fb;--success-color: #4facfe;--warning-color: #43e97b;--danger-color: #fa709a;--dark-bg: #1a1a2e;--card-bg: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--border-color: #e2e8f0;--shadow-light: 0 4px 20px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .15);--bg-primary: #ffffff;--bg-secondary: #f7fafc;--bg-tertiary: #edf2f7}[data-theme=dark][data-v-afda02bf]{--primary-color: #7c3aed;--secondary-color: #a855f7;--accent-color: #ec4899;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--dark-bg: #0f172a;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--shadow-light: 0 4px 20px rgba(0, 0, 0, .3);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .4);--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155}.admin-layout[data-v-afda02bf]{min-height:100vh;height:100vh;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);transition:all .3s ease}.admin-layout .el-container[data-v-afda02bf]{height:100%}.admin-sidebar[data-v-afda02bf]{background:#000;transition:width .3s ease;box-shadow:4px 0 20px #0000001a;position:relative;overflow:hidden;z-index:100}.admin-sidebar[data-v-afda02bf]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.02) 50%,transparent 70%);pointer-events:none}.admin-header[data-v-afda02bf]{background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:var(--shadow-light);position:relative;z-index:100;transition:all .3s ease}.admin-main[data-v-afda02bf]{padding:24px;background:var(--bg-secondary);height:calc(100vh - 70px);overflow-y:auto;overflow-x:hidden;position:relative;transition:all .3s ease}.admin-main[data-v-afda02bf]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:none;z-index:0}.admin-main[data-v-afda02bf]>*{position:relative;z-index:1}.mobile-sidebar-overlay[data-v-afda02bf]{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.mobile-sidebar-overlay.show[data-v-afda02bf]{display:block}@media (max-width: 768px){.admin-sidebar[data-v-afda02bf]{position:fixed;z-index:1000;height:100vh;width:240px!important;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 8px #00000026}.admin-sidebar.mobile-open[data-v-afda02bf]{transform:translate(0)}.admin-main[data-v-afda02bf]{margin-left:0;padding:12px;height:calc(100vh - 60px)}}@media (max-width: 480px){.admin-header[data-v-afda02bf]{padding:0 12px}.admin-main[data-v-afda02bf]{padding:16px}}@keyframes fadeInUp-afda02bf{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-main[data-v-afda02bf]>*{animation:fadeInUp-afda02bf .6s ease-out}.page-enter-active[data-v-afda02bf],.page-leave-active[data-v-afda02bf]{transition:all .3s ease}.page-enter-from[data-v-afda02bf]{opacity:0;transform:translate(20px)}.page-leave-to[data-v-afda02bf]{opacity:0;transform:translate(-20px)}:root{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #f093fb;--success-color: #4facfe;--warning-color: #43e97b;--danger-color: #fa709a;--dark-bg: #1a1a2e;--card-bg: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--border-color: #e2e8f0;--shadow-light: 0 4px 20px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .15);--bg-primary: #ffffff;--bg-secondary: #f7fafc;--bg-tertiary: #edf2f7}[data-theme=dark]{--primary-color: #7c3aed;--secondary-color: #a855f7;--accent-color: #ec4899;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--dark-bg: #0f172a;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--shadow-light: 0 4px 20px rgba(0, 0, 0, .3);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .4);--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155}[data-theme=dark] .el-card{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .el-card__header{background-color:var(--card-bg);border-bottom-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .el-card__body{background-color:var(--card-bg);color:var(--text-primary)}[data-theme=dark] .el-button{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .el-button:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}[data-theme=dark] .el-input__wrapper{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .el-input__inner{color:var(--text-primary)}[data-theme=dark] .el-input__inner::placeholder{color:var(--text-secondary)}[data-theme=dark] .el-table{background-color:var(--card-bg);color:var(--text-primary)}[data-theme=dark] .el-table th{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .el-table td{background-color:var(--card-bg);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .el-table--striped .el-table__body tr.el-table__row--striped td{background-color:var(--bg-tertiary)}[data-theme=dark] .el-pagination{color:var(--text-primary)}[data-theme=dark] .el-pagination .el-pager li{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .el-pagination .el-pager li:hover{color:var(--primary-color)}[data-theme=dark] .el-pagination .el-pager li.is-active{background-color:var(--primary-color);color:#fff}[data-theme=dark] .el-dialog{background-color:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .el-dialog__header{background-color:var(--card-bg);border-bottom-color:var(--border-color)}[data-theme=dark] .el-dialog__title{color:var(--text-primary)}[data-theme=dark] .el-dialog__body{background-color:var(--card-bg);color:var(--text-primary)}[data-theme=dark] .el-dialog__footer{background-color:var(--card-bg);border-top-color:var(--border-color)}[data-theme=dark] .el-form-item__label{color:var(--text-primary)}[data-theme=dark] .el-select .el-input__wrapper{background-color:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .el-select-dropdown{background-color:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .el-select-dropdown__item{color:var(--text-primary)}[data-theme=dark] .el-select-dropdown__item:hover{background-color:var(--bg-tertiary)}[data-theme=dark] .el-select-dropdown__item.is-selected{background-color:var(--primary-color);color:#fff}[data-theme=dark] .el-dropdown-menu{background-color:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .el-dropdown-menu__item{color:var(--text-primary)}[data-theme=dark] .el-dropdown-menu__item:hover{background-color:var(--bg-tertiary);color:var(--primary-color)}[data-theme=dark] .el-tag{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .el-tag.el-tag--success{background-color:var(--success-color);color:#fff;border-color:var(--success-color)}[data-theme=dark] .el-tag.el-tag--warning{background-color:var(--warning-color);color:#fff;border-color:var(--warning-color)}[data-theme=dark] .el-tag.el-tag--danger{background-color:var(--danger-color);color:#fff;border-color:var(--danger-color)}[data-theme=dark] .el-tag.el-tag--info{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background-color:var(--bg-primary);color:var(--text-primary)}html[data-theme=dark] .el-table,html[data-theme=dark] .el-table__header,html[data-theme=dark] .el-table__body,html[data-theme=dark] .el-table th.el-table__cell,html[data-theme=dark] .el-table td.el-table__cell{background-color:var(--card-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}html[data-theme=dark] .el-table th.el-table__cell{background-color:var(--bg-tertiary)!important}html[data-theme=dark] .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background-color:var(--bg-secondary)!important}html[data-theme=dark] .el-table__body tr:hover>td.el-table__cell{background-color:var(--bg-tertiary)!important}html[data-theme=dark] .el-input__wrapper,html[data-theme=dark] .el-textarea__inner,html[data-theme=dark] .el-select .el-input__wrapper{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}html[data-theme=dark] .el-input__inner,html[data-theme=dark] .el-textarea__inner{color:var(--text-primary)!important;background-color:transparent!important}html[data-theme=dark] .el-button{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}html[data-theme=dark] .el-button:hover{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}html[data-theme=dark] .el-card{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}html[data-theme=dark] .el-card__header{background-color:var(--card-bg)!important;border-bottom-color:var(--border-color)!important;color:var(--text-primary)!important}html[data-theme=dark] .el-card__body{background-color:var(--card-bg)!important;color:var(--text-primary)!important}html[data-theme=dark] .el-pagination{color:var(--text-primary)!important}html[data-theme=dark] .el-pagination .el-pager li{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}html[data-theme=dark] .el-pagination .el-pager li.is-active{background-color:var(--primary-color)!important;color:#fff!important}html[data-theme=dark] .el-pagination button{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}html[data-theme=dark] .el-form-item__label{color:var(--text-primary)!important}html[data-theme=dark] .el-select-dropdown{background-color:var(--card-bg)!important;border-color:var(--border-color)!important}html[data-theme=dark] .el-select-dropdown__item{color:var(--text-primary)!important}html[data-theme=dark] .el-select-dropdown__item:hover{background-color:var(--bg-tertiary)!important}html[data-theme=dark] .el-select-dropdown__item.is-selected{background-color:var(--primary-color)!important;color:#fff!important}html[data-theme=dark] .el-popper,html[data-theme=dark] .el-tooltip__popper,html[data-theme=dark] .el-dropdown-menu,html[data-theme=dark] .el-select-dropdown,html[data-theme=dark] .el-picker-panel,html[data-theme=dark] .el-date-picker,html[data-theme=dark] .el-time-picker,html[data-theme=dark] .el-cascader-panel{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}html[data-theme=dark] .el-main,html[data-theme=dark] .el-container,html[data-theme=dark] .admin-content{background-color:var(--bg-primary)!important}@media (max-width: 768px){html[data-theme=dark] .mobile-card{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}}html[data-theme=dark] *{scrollbar-color:var(--border-color) var(--bg-tertiary)}html[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}html[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-tertiary)}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-v-156e07f9]:root{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #f093fb;--success-color: #4facfe;--warning-color: #43e97b;--danger-color: #fa709a;--card-bg: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--border-color: #e2e8f0;--shadow-light: 0 4px 20px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .15)}.admin-dashboard[data-v-156e07f9]{max-width:1400px;margin:0 auto;padding:0 20px}.stats-grid[data-v-156e07f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.modern-card[data-v-156e07f9]{border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-light);transition:all .3s ease;background:var(--card-bg);overflow:hidden;position:relative}.modern-card[data-v-156e07f9]:hover{box-shadow:var(--shadow-medium)}.stat-content[data-v-156e07f9]{padding:24px}.stat-icon-wrapper[data-v-156e07f9]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.stat-icon[data-v-156e07f9]{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color)}.stat-trend[data-v-156e07f9]{display:flex;align-items:center;gap:4px;color:var(--success-color);font-size:13px;font-weight:600;background:var(--bg-tertiary);padding:4px 8px;border-radius:6px;border:1px solid var(--border-color)}.trend-up[data-v-156e07f9]{font-size:14px;color:var(--success-color)}.stat-number[data-v-156e07f9]{font-size:36px;font-weight:700;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.5px}.stat-label[data-v-156e07f9]{color:var(--text-secondary);font-size:15px;font-weight:600;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.stat-progress[data-v-156e07f9]{margin-top:12px}.stat-progress[data-v-156e07f9] .el-progress-bar__outer{background:var(--bg-tertiary);border-radius:6px}.stat-progress[data-v-156e07f9] .el-progress-bar__inner{background:var(--primary-color);border-radius:6px}.charts-grid[data-v-156e07f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;margin-bottom:32px}.chart-card[data-v-156e07f9]{border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-light);transition:all .3s ease;background:var(--card-bg);overflow:hidden;position:relative}.chart-card[data-v-156e07f9]:hover{box-shadow:var(--shadow-medium)}.chart-container[data-v-156e07f9]{height:350px;padding:20px}.activity-grid[data-v-156e07f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px}.activity-card[data-v-156e07f9]{border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-light);transition:all .3s ease;background:var(--card-bg);overflow:hidden;position:relative}.activity-card[data-v-156e07f9]:hover{box-shadow:var(--shadow-medium)}.card-header[data-v-156e07f9]{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--text-primary);padding:20px 24px 0;font-size:16px}.activity-list[data-v-156e07f9]{max-height:400px;overflow-y:auto;padding:0 24px 24px}.activity-item[data-v-156e07f9]{border-bottom:1px solid var(--border-color);transition:all .3s ease;border-radius:8px;margin-bottom:8px;padding:16px}.activity-item[data-v-156e07f9]:hover{background:var(--bg-tertiary)}.activity-item[data-v-156e07f9]:last-child{border-bottom:none;margin-bottom:0}.activity-content h4[data-v-156e07f9]{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.activity-content p[data-v-156e07f9]{font-size:14px;color:var(--text-secondary);margin:0 0 8px;line-height:1.6;font-weight:500}.activity-time[data-v-156e07f9]{font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 8px;border-radius:6px;display:inline-block;font-weight:500;border:1px solid var(--border-color)}@media (max-width: 768px){.admin-dashboard[data-v-156e07f9]{padding:0 16px}.stats-grid[data-v-156e07f9],.charts-grid[data-v-156e07f9],.activity-grid[data-v-156e07f9]{grid-template-columns:1fr;gap:16px}.stat-content[data-v-156e07f9]{padding:20px}.stat-number[data-v-156e07f9]{font-size:28px}.chart-container[data-v-156e07f9]{height:300px;padding:16px}}@media (max-width: 480px){.admin-dashboard[data-v-156e07f9]{padding:0 12px}.stat-icon-wrapper[data-v-156e07f9]{flex-direction:column;align-items:flex-start;gap:12px}.stat-trend[data-v-156e07f9]{align-self:flex-end}.card-header[data-v-156e07f9]{padding:16px 20px 0}.activity-list[data-v-156e07f9]{padding:0 20px 20px}}@keyframes slideInUp-156e07f9{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modern-card[data-v-156e07f9]{animation:slideInUp-156e07f9 .6s ease-out}.modern-card[data-v-156e07f9]:nth-child(1){animation-delay:.1s}.modern-card[data-v-156e07f9]:nth-child(2){animation-delay:.2s}.modern-card[data-v-156e07f9]:nth-child(3){animation-delay:.3s}.modern-card[data-v-156e07f9]:nth-child(4){animation-delay:.4s}.article-title[data-v-a9bb3c1c]{display:flex;flex-direction:column;gap:8px}.title-text[data-v-a9bb3c1c]{font-weight:500;color:var(--text-primary)}.article-tags[data-v-a9bb3c1c]{display:flex;gap:4px}.stats[data-v-a9bb3c1c]{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:14px}.mobile-article-list[data-v-a9bb3c1c]{display:flex;flex-direction:column;gap:16px}.mobile-article-card[data-v-a9bb3c1c]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:var(--shadow-light);transition:all .3s ease}.mobile-article-card[data-v-a9bb3c1c]:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.mobile-article-header[data-v-a9bb3c1c]{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.mobile-article-info[data-v-a9bb3c1c]{flex:1;min-width:0}.mobile-article-title[data-v-a9bb3c1c]{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;word-break:break-all;line-height:1.4}.mobile-article-meta[data-v-a9bb3c1c]{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}.mobile-article-meta .author[data-v-a9bb3c1c]{font-weight:500}.mobile-article-meta .views[data-v-a9bb3c1c]{display:flex;align-items:center;gap:4px}.article-status-tags[data-v-a9bb3c1c]{flex-shrink:0}.mobile-article-details[data-v-a9bb3c1c]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row[data-v-a9bb3c1c]{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.detail-row .label[data-v-a9bb3c1c]{font-size:14px;color:var(--text-secondary);font-weight:500;min-width:80px}.detail-row .value[data-v-a9bb3c1c]{font-size:14px;color:var(--text-primary);text-align:right;word-break:break-all}.mobile-article-actions[data-v-a9bb3c1c]{display:flex;gap:8px;flex-wrap:wrap}.mobile-article-actions .el-button[data-v-a9bb3c1c]{flex:1;min-width:0}@media (max-width: 480px){.mobile-article-card[data-v-a9bb3c1c]{padding:12px}.mobile-article-header[data-v-a9bb3c1c]{margin-bottom:12px;padding-bottom:8px}.mobile-article-title[data-v-a9bb3c1c]{font-size:15px}.mobile-article-meta[data-v-a9bb3c1c],.detail-row .label[data-v-a9bb3c1c],.detail-row .value[data-v-a9bb3c1c]{font-size:13px}.mobile-article-actions[data-v-a9bb3c1c]{gap:6px}.mobile-article-actions .el-button[data-v-a9bb3c1c]{font-size:12px;padding:6px 8px}}.article-filter[data-v-c520410d]{display:flex;align-items:center;gap:12px}.search-input[data-v-c520410d]{width:300px}@media (max-width: 768px){.article-filter[data-v-c520410d]{flex-direction:column;align-items:stretch}.search-input[data-v-c520410d]{width:100%}}[data-v-c9535958]:root{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #f093fb;--success-color: #4facfe;--warning-color: #43e97b;--danger-color: #fa709a;--dark-bg: #1a1a2e;--card-bg: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--border-color: #e2e8f0;--shadow-light: 0 4px 20px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .15);--bg-primary: #ffffff;--bg-secondary: #f7fafc;--bg-tertiary: #edf2f7}[data-theme=dark][data-v-c9535958]{--primary-color: #7c3aed;--secondary-color: #a855f7;--accent-color: #ec4899;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--dark-bg: #0f172a;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--shadow-light: 0 4px 20px rgba(0, 0, 0, .3);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .4);--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155}.admin-articles[data-v-c9535958]{max-width:1200px;margin:0 auto;background:var(--bg-secondary);min-height:100vh;padding:20px}.page-header[data-v-c9535958]{margin-bottom:24px}.page-title[data-v-c9535958]{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.page-desc[data-v-c9535958]{color:var(--text-secondary);margin:0}.toolbar[data-v-c9535958]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.toolbar-left[data-v-c9535958]{display:flex;gap:12px}.toolbar-right[data-v-c9535958]{display:flex;align-items:center;gap:12px}.table-card[data-v-c9535958]{border-radius:12px;box-shadow:var(--shadow-light);background:var(--card-bg);border:1px solid var(--border-color)}.pagination-container[data-v-c9535958]{display:flex;justify-content:center;margin-top:20px}@media (max-width: 768px){.admin-articles[data-v-c9535958]{padding:12px}.toolbar[data-v-c9535958]{flex-direction:column;align-items:stretch;gap:12px}.toolbar-left[data-v-c9535958]{display:flex;flex-wrap:wrap;gap:8px}.toolbar-left .el-button[data-v-c9535958]{flex:1;min-width:100px}.toolbar-right[data-v-c9535958]{display:flex;flex-direction:column;gap:8px}}@media (max-width: 480px){.admin-articles[data-v-c9535958]{padding:8px}.toolbar-left .el-button[data-v-c9535958]{font-size:13px;padding:8px 12px}}body .article-edit-dialog .el-overlay{left:240px!important;width:calc(100vw - 240px)!important;z-index:3000!important}body .article-edit-dialog .el-dialog__wrapper{left:0!important;width:100%!important;z-index:3001!important;display:flex!important;align-items:center!important;justify-content:center!important}body .article-edit-dialog .el-dialog{margin:5vh auto!important;max-width:1000px!important;width:90%!important;left:0!important;transform:none!important;position:relative!important}@media (max-width: 768px){body .article-edit-dialog .el-overlay{left:0!important;width:100vw!important}}.cover-uploader[data-v-d58ed231]{width:100%;height:120px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .3s;display:flex;align-items:center;justify-content:center}.cover-uploader[data-v-d58ed231]:hover{border-color:#409eff}.cover-image[data-v-d58ed231]{width:100%;height:100%;object-fit:cover}.cover-placeholder[data-v-d58ed231]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#8c939d}.cover-icon[data-v-d58ed231]{font-size:24px}.cover-text[data-v-d58ed231]{font-size:14px}.form-tip[data-v-d58ed231]{font-size:12px;color:#909399;margin-top:4px;line-height:1.4}.form-card[data-v-5301563b]{height:100%;display:flex;flex-direction:column}.form-card[data-v-5301563b] .el-card__body{flex:1;padding:16px;overflow:auto}.article-form[data-v-5301563b]{height:100%}.form-tip[data-v-5301563b]{font-size:12px;color:#909399;margin-top:4px;line-height:1.4}.article-editor[data-v-0e8ad27d]{height:100vh;display:flex;flex-direction:column;background:#f5f7fa}.editor-header[data-v-0e8ad27d]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e4e7ed;box-shadow:0 2px 4px #0000001a}.header-left[data-v-0e8ad27d]{display:flex;align-items:center;gap:16px}.title-section[data-v-0e8ad27d]{display:flex;flex-direction:column;gap:4px}.page-title[data-v-0e8ad27d]{font-size:18px;font-weight:600;margin:0;color:#303133}.article-id[data-v-0e8ad27d]{font-size:12px;color:#909399}.header-right[data-v-0e8ad27d]{display:flex;gap:12px}.editor-body[data-v-0e8ad27d]{flex:1;display:flex;gap:16px;padding:16px;overflow:hidden}.editor-sidebar[data-v-0e8ad27d]{width:320px;flex-shrink:0}.editor-main[data-v-0e8ad27d]{flex:1;min-width:0}.editor-card[data-v-0e8ad27d]{height:100%;display:flex;flex-direction:column}.editor-card[data-v-0e8ad27d] .el-card__body{flex:1;padding:16px;overflow:auto}.editor-header-content[data-v-0e8ad27d]{display:flex;justify-content:space-between;align-items:center;width:100%}.editor-tools[data-v-0e8ad27d]{display:flex;gap:8px}.markdown-editor-container[data-v-0e8ad27d]{height:100%;overflow:hidden}.markdown-editor-container[data-v-0e8ad27d] .md-editor{height:100%;border:1px solid #e4e7ed;border-radius:4px}.markdown-editor-container[data-v-0e8ad27d] .md-editor-toolbar{border-bottom:1px solid #e4e7ed;background-color:#fafafa}.markdown-editor-container[data-v-0e8ad27d] .md-editor-input-wrapper,.markdown-editor-container[data-v-0e8ad27d] .md-editor-preview-wrapper{font-size:14px;line-height:1.6}.preview-content[data-v-0e8ad27d]{max-height:70vh;overflow-y:auto}.preview-header[data-v-0e8ad27d]{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e4e7ed}.preview-title[data-v-0e8ad27d]{font-size:24px;font-weight:600;margin:0 0 12px;color:#303133}.preview-meta[data-v-0e8ad27d]{display:flex;gap:12px;margin-bottom:12px}.preview-category[data-v-0e8ad27d]{padding:4px 8px;background:#409eff;color:#fff;border-radius:4px;font-size:12px}.preview-status[data-v-0e8ad27d]{padding:4px 8px;background:#67c23a;color:#fff;border-radius:4px;font-size:12px}.preview-tags[data-v-0e8ad27d]{display:flex;gap:8px;flex-wrap:wrap}.preview-tag[data-v-0e8ad27d]{margin:0}.preview-cover[data-v-0e8ad27d]{margin-bottom:24px}.preview-cover img[data-v-0e8ad27d]{width:100%;max-height:300px;object-fit:cover;border-radius:8px}.preview-body[data-v-0e8ad27d]{line-height:1.6}@media (max-width: 1200px){.editor-sidebar[data-v-0e8ad27d]{width:280px}}@media (max-width: 768px){.editor-body[data-v-0e8ad27d]{flex-direction:column;gap:12px}.editor-sidebar[data-v-0e8ad27d]{width:100%;order:2}.editor-main[data-v-0e8ad27d]{order:1}.header-left[data-v-0e8ad27d]{flex-direction:column;align-items:flex-start;gap:8px}.header-right[data-v-0e8ad27d]{flex-direction:column;gap:8px}}.comment-content[data-v-aef7804e]{display:flex;flex-direction:column;gap:8px}.comment-text[data-v-aef7804e]{color:var(--text-primary);line-height:1.5}.comment-meta[data-v-aef7804e]{display:flex;align-items:center;gap:12px}.comment-time[data-v-aef7804e]{font-size:12px;color:var(--text-secondary)}.mobile-comment-list[data-v-aef7804e]{display:flex;flex-direction:column;gap:16px}.mobile-comment-card[data-v-aef7804e]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:var(--shadow-light);transition:all .3s ease}.mobile-comment-card[data-v-aef7804e]:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.mobile-comment-header[data-v-aef7804e]{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.mobile-comment-info[data-v-aef7804e]{flex:1;min-width:0}.mobile-comment-author[data-v-aef7804e]{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.mobile-comment-article[data-v-aef7804e]{font-size:14px;color:var(--text-secondary)}.comment-status-tags[data-v-aef7804e]{flex-shrink:0}.mobile-comment-content[data-v-aef7804e]{margin-bottom:16px;padding:12px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.mobile-comment-content .comment-text[data-v-aef7804e]{font-size:15px;color:var(--text-primary);line-height:1.5;word-break:break-all}.mobile-comment-details[data-v-aef7804e]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row[data-v-aef7804e]{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.detail-row .label[data-v-aef7804e]{font-size:14px;color:var(--text-secondary);font-weight:500;min-width:80px}.detail-row .value[data-v-aef7804e]{font-size:14px;color:var(--text-primary);text-align:right;word-break:break-all}.mobile-comment-actions[data-v-aef7804e]{display:flex;gap:8px;flex-wrap:wrap}.mobile-comment-actions .el-button[data-v-aef7804e]{flex:1;min-width:0}@media (max-width: 480px){.mobile-comment-card[data-v-aef7804e]{padding:12px}.mobile-comment-header[data-v-aef7804e]{margin-bottom:10px;padding-bottom:6px}.mobile-comment-author[data-v-aef7804e]{font-size:15px}.mobile-comment-article[data-v-aef7804e]{font-size:13px}.mobile-comment-content[data-v-aef7804e]{margin-bottom:12px;padding:10px}.mobile-comment-content .comment-text[data-v-aef7804e]{font-size:14px}.detail-row .label[data-v-aef7804e],.detail-row .value[data-v-aef7804e]{font-size:13px}.mobile-comment-actions[data-v-aef7804e]{gap:6px}.mobile-comment-actions .el-button[data-v-aef7804e]{font-size:12px;padding:6px 8px}}.toolbar[data-v-070be3ec]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.toolbar-left[data-v-070be3ec]{display:flex;gap:12px}.toolbar-right[data-v-070be3ec]{display:flex;align-items:center;gap:12px}.search-input[data-v-070be3ec]{width:300px}@media (max-width: 768px){.toolbar[data-v-070be3ec]{flex-direction:column;align-items:stretch;gap:12px}.toolbar-left[data-v-070be3ec]{display:flex;flex-wrap:wrap;gap:8px}.toolbar-left .el-button[data-v-070be3ec]{flex:1;min-width:100px}.toolbar-right[data-v-070be3ec]{display:flex;flex-direction:column;gap:8px}.search-input[data-v-070be3ec]{width:100%}}@media (max-width: 480px){.toolbar-left .el-button[data-v-070be3ec]{font-size:13px;padding:8px 12px}}[data-v-d05d5407]:root{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #f093fb;--success-color: #4facfe;--warning-color: #43e97b;--danger-color: #fa709a;--dark-bg: #1a1a2e;--card-bg: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--border-color: #e2e8f0;--shadow-light: 0 4px 20px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .15);--bg-primary: #ffffff;--bg-secondary: #f7fafc;--bg-tertiary: #edf2f7}[data-theme=dark][data-v-d05d5407]{--primary-color: #7c3aed;--secondary-color: #a855f7;--accent-color: #ec4899;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--dark-bg: #0f172a;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--shadow-light: 0 4px 20px rgba(0, 0, 0, .3);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .4);--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155}.admin-comments[data-v-d05d5407]{max-width:1200px;margin:0 auto;background:var(--bg-secondary);min-height:100vh;padding:20px}.page-header[data-v-d05d5407]{margin-bottom:24px}.page-title[data-v-d05d5407]{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.page-desc[data-v-d05d5407]{color:var(--text-secondary);margin:0}.table-card[data-v-d05d5407]{border-radius:12px;box-shadow:var(--shadow-light);background:var(--card-bg);border:1px solid var(--border-color)}.original-comment[data-v-d05d5407]{background:var(--bg-tertiary);padding:16px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color)}.original-comment h4[data-v-d05d5407]{margin:0 0 8px;color:var(--text-primary)}.original-comment p[data-v-d05d5407]{margin:0 0 8px;color:var(--text-secondary)}.comment-author[data-v-d05d5407]{font-style:italic;color:var(--text-secondary)}.pagination-container[data-v-d05d5407]{display:flex;justify-content:center;margin-top:20px}@media (max-width: 768px){.admin-comments[data-v-d05d5407]{padding:12px}}@media (max-width: 480px){.admin-comments[data-v-d05d5407]{padding:8px}}.danmaku-content[data-v-97b737ff]{display:flex;flex-direction:column;gap:8px}.danmaku-text[data-v-97b737ff]{color:var(--text-primary);line-height:1.5}.danmaku-meta[data-v-97b737ff]{display:flex;align-items:center;gap:8px}.danmaku-time[data-v-97b737ff]{font-size:12px;color:var(--text-secondary)}.mobile-danmaku-list[data-v-97b737ff]{display:flex;flex-direction:column;gap:16px}.mobile-danmaku-card[data-v-97b737ff]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:var(--shadow-light);transition:all .3s ease}.mobile-danmaku-card[data-v-97b737ff]:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.mobile-danmaku-header[data-v-97b737ff]{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.mobile-danmaku-info[data-v-97b737ff]{flex:1;min-width:0}.mobile-danmaku-text[data-v-97b737ff]{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:6px;word-break:break-all;line-height:1.4}.mobile-danmaku-author[data-v-97b737ff]{font-size:14px;color:var(--text-secondary)}.danmaku-status-tags[data-v-97b737ff]{flex-shrink:0}.mobile-danmaku-details[data-v-97b737ff]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row[data-v-97b737ff]{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.detail-row .label[data-v-97b737ff]{font-size:14px;color:var(--text-secondary);font-weight:500;min-width:80px}.detail-row .value[data-v-97b737ff]{font-size:14px;color:var(--text-primary);text-align:right;word-break:break-all}.mobile-danmaku-actions[data-v-97b737ff]{display:flex;gap:8px;flex-wrap:wrap}.mobile-danmaku-actions .el-button[data-v-97b737ff]{flex:1;min-width:0}@media (max-width: 480px){.mobile-danmaku-card[data-v-97b737ff]{padding:12px}.mobile-danmaku-header[data-v-97b737ff]{margin-bottom:12px;padding-bottom:8px}.mobile-danmaku-text[data-v-97b737ff]{font-size:15px}.mobile-danmaku-author[data-v-97b737ff],.detail-row .label[data-v-97b737ff],.detail-row .value[data-v-97b737ff]{font-size:13px}.mobile-danmaku-actions[data-v-97b737ff]{gap:6px}.mobile-danmaku-actions .el-button[data-v-97b737ff]{font-size:12px;padding:6px 8px}}.toolbar[data-v-e0c097cb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.toolbar-left[data-v-e0c097cb]{display:flex;gap:12px}.toolbar-right[data-v-e0c097cb]{display:flex;align-items:center;gap:12px}.search-input[data-v-e0c097cb]{width:300px}@media (max-width: 768px){.toolbar[data-v-e0c097cb]{flex-direction:column;align-items:stretch;gap:12px}.toolbar-left[data-v-e0c097cb]{display:flex;flex-wrap:wrap;gap:8px}.toolbar-left .el-button[data-v-e0c097cb]{flex:1;min-width:100px}.toolbar-right[data-v-e0c097cb]{display:flex;flex-direction:column;gap:8px}.search-input[data-v-e0c097cb]{width:100%}}@media (max-width: 480px){.toolbar-left .el-button[data-v-e0c097cb]{font-size:13px;padding:8px 12px}}[data-v-074ba5fc]:root{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #f093fb;--success-color: #4facfe;--warning-color: #43e97b;--danger-color: #fa709a;--dark-bg: #1a1a2e;--card-bg: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--border-color: #e2e8f0;--shadow-light: 0 4px 20px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .15);--bg-primary: #ffffff;--bg-secondary: #f7fafc;--bg-tertiary: #edf2f7}[data-theme=dark][data-v-074ba5fc]{--primary-color: #7c3aed;--secondary-color: #a855f7;--accent-color: #ec4899;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--dark-bg: #0f172a;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--shadow-light: 0 4px 20px rgba(0, 0, 0, .3);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .4);--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155}.admin-danmaku[data-v-074ba5fc]{max-width:1200px;margin:0 auto;background:var(--bg-secondary);min-height:100vh;padding:20px}.page-header[data-v-074ba5fc]{margin-bottom:24px}.page-title[data-v-074ba5fc]{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.page-desc[data-v-074ba5fc]{color:var(--text-secondary);margin:0}.table-card[data-v-074ba5fc]{border-radius:12px;box-shadow:var(--shadow-light);background:var(--card-bg);border:1px solid var(--border-color)}.pagination-container[data-v-074ba5fc]{display:flex;justify-content:center;margin-top:20px}@media (max-width: 768px){.admin-danmaku[data-v-074ba5fc]{padding:12px}}@media (max-width: 480px){.admin-danmaku[data-v-074ba5fc]{padding:8px}}.toolbar[data-v-3b9e18cb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.toolbar-left[data-v-3b9e18cb]{display:flex;gap:12px}.toolbar-right[data-v-3b9e18cb]{display:flex;align-items:center;gap:12px}.search-input[data-v-3b9e18cb]{width:300px}@media (max-width: 768px){.toolbar[data-v-3b9e18cb]{flex-direction:column;align-items:stretch;gap:12px}.toolbar-left[data-v-3b9e18cb]{flex-wrap:wrap;gap:8px}.toolbar-left .el-button[data-v-3b9e18cb]{flex:1;min-width:100px}.toolbar-right[data-v-3b9e18cb]{flex-direction:column;gap:8px}.search-input[data-v-3b9e18cb]{width:100%}}@media (max-width: 480px){.toolbar-left .el-button[data-v-3b9e18cb]{font-size:13px;padding:8px 12px}}.user-info[data-v-30e8f764]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-30e8f764]{width:40px!important;height:40px!important;flex-shrink:0}.user-avatar-mobile[data-v-30e8f764]{width:48px!important;height:48px!important;flex-shrink:0}.user-details[data-v-30e8f764]{display:flex;flex-direction:column;gap:4px}.username[data-v-30e8f764]{font-weight:500;color:var(--text-primary)}.email[data-v-30e8f764]{font-size:12px;color:var(--text-secondary)}.mobile-user-list[data-v-30e8f764]{display:flex;flex-direction:column;gap:16px}.mobile-user-card[data-v-30e8f764]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:var(--shadow-light);transition:all .3s ease}.mobile-user-card[data-v-30e8f764]:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.mobile-user-header[data-v-30e8f764]{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.mobile-user-info[data-v-30e8f764]{flex:1;min-width:0}.mobile-username[data-v-30e8f764]{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px;word-break:break-all}.mobile-email[data-v-30e8f764]{font-size:14px;color:var(--text-secondary);word-break:break-all}.mobile-user-details[data-v-30e8f764]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row[data-v-30e8f764]{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.detail-row .label[data-v-30e8f764]{font-size:14px;color:var(--text-secondary);font-weight:500;min-width:80px}.detail-row .value[data-v-30e8f764]{font-size:14px;color:var(--text-primary);text-align:right;word-break:break-all}.permission-tags[data-v-30e8f764]{display:flex;justify-content:flex-end}.mobile-user-actions[data-v-30e8f764]{display:flex;gap:8px;flex-wrap:wrap}.mobile-user-actions .el-button[data-v-30e8f764]{flex:1;min-width:0}@media (max-width: 480px){.mobile-user-card[data-v-30e8f764]{padding:12px}.mobile-user-header[data-v-30e8f764]{margin-bottom:12px;padding-bottom:8px}.mobile-username[data-v-30e8f764]{font-size:15px}.mobile-email[data-v-30e8f764]{font-size:13px}.detail-row .label[data-v-30e8f764]{font-size:13px;min-width:70px}.detail-row .value[data-v-30e8f764]{font-size:13px}.mobile-user-actions[data-v-30e8f764]{gap:6px}.mobile-user-actions .el-button[data-v-30e8f764]{font-size:12px;padding:6px 8px}}[data-v-7d277707]:root{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #f093fb;--success-color: #4facfe;--warning-color: #43e97b;--danger-color: #fa709a;--dark-bg: #1a1a2e;--card-bg: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--border-color: #e2e8f0;--shadow-light: 0 4px 20px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .15);--bg-primary: #ffffff;--bg-secondary: #f7fafc;--bg-tertiary: #edf2f7}[data-theme=dark][data-v-7d277707]{--primary-color: #7c3aed;--secondary-color: #a855f7;--accent-color: #ec4899;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--dark-bg: #0f172a;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--shadow-light: 0 4px 20px rgba(0, 0, 0, .3);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .4);--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155}.admin-users[data-v-7d277707]{max-width:1200px;margin:0 auto;background:var(--bg-secondary);min-height:100vh;padding:20px}.page-header[data-v-7d277707]{margin-bottom:24px}.page-title[data-v-7d277707]{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.page-desc[data-v-7d277707]{color:var(--text-secondary);margin:0}.table-card[data-v-7d277707]{border-radius:12px;box-shadow:var(--shadow-light);background:var(--card-bg);border:1px solid var(--border-color)}.pagination-container[data-v-7d277707]{display:flex;justify-content:center;margin-top:20px}@media (max-width: 768px){.admin-users[data-v-7d277707]{padding:12px}.pagination-container[data-v-7d277707]{margin-top:16px}.pagination-container .el-pagination[data-v-7d277707]{justify-content:center}.el-pagination .el-pager li[data-v-7d277707]{min-width:32px;height:32px;line-height:32px}.el-pagination .btn-prev[data-v-7d277707],.el-pagination .btn-next[data-v-7d277707]{min-width:32px;height:32px}}@media (max-width: 480px){.admin-users[data-v-7d277707]{padding:8px}}[data-v-7c9ed344]:root{--primary-color: #667eea;--card-bg: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--border-color: #e2e8f0;--shadow-light: 0 4px 20px rgba(0, 0, 0, .1);--bg-primary: #ffffff;--bg-secondary: #f7fafc;--bg-tertiary: #edf2f7}[data-theme=dark][data-v-7c9ed344]{--primary-color: #7c3aed;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--shadow-light: 0 4px 20px rgba(0, 0, 0, .3);--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155}.admin-settings[data-v-7c9ed344]{padding:20px;background:var(--bg-secondary);min-height:100vh}.page-header[data-v-7c9ed344]{margin-bottom:30px}.page-title[data-v-7c9ed344]{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 10px}.page-desc[data-v-7c9ed344]{font-size:16px;color:var(--text-secondary);margin:0}.settings-content[data-v-7c9ed344]{max-width:1200px;margin:0 auto}.settings-card[data-v-7c9ed344]{margin-bottom:20px;border-radius:12px;box-shadow:var(--shadow-light);background:var(--card-bg);border:1px solid var(--border-color)}.card-header[data-v-7c9ed344]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--text-primary)}.font-settings[data-v-7c9ed344]{padding:20px 0}.font-preview[data-v-7c9ed344]{margin-bottom:30px;padding:20px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.font-preview h3[data-v-7c9ed344]{margin:0 0 15px;color:var(--text-primary);font-size:16px}.preview-text[data-v-7c9ed344]{font-size:18px;line-height:1.6;color:var(--text-secondary)}.preview-text p[data-v-7c9ed344]{margin:8px 0}.font-debug[data-v-7c9ed344]{font-size:12px!important;color:var(--text-secondary)!important;opacity:.7!important;border-top:1px solid var(--border-color);padding-top:10px!important;margin-top:15px!important}.font-options h3[data-v-7c9ed344]{margin:0 0 20px;color:var(--text-primary);font-size:16px}.theme-settings[data-v-7c9ed344]{padding:20px 0}@media (max-width: 768px){.admin-settings[data-v-7c9ed344]{padding:15px}.page-title[data-v-7c9ed344]{font-size:24px}}.admin-notifications[data-v-03021982]{padding:24px}.page-header[data-v-03021982]{margin-bottom:24px}.page-header h1[data-v-03021982]{font-size:24px;color:var(--text-primary);margin-bottom:8px}.page-header p[data-v-03021982]{color:var(--text-secondary);font-size:14px}.filter-bar[data-v-03021982]{display:flex;gap:12px;margin-bottom:20px}.notification-detail[data-v-03021982]{padding:16px;background:var(--bg-secondary);border-radius:8px}.detail-row[data-v-03021982]{margin-bottom:12px}.detail-row[data-v-03021982]:last-child{margin-bottom:0}.detail-row .label[data-v-03021982]{font-weight:600;color:var(--text-primary);display:block;margin-bottom:8px}.detail-row .content[data-v-03021982]{white-space:pre-wrap;word-break:break-word;background:#fff;padding:12px;border-radius:4px;margin:0;color:var(--text-primary)}.extra-data[data-v-03021982]{background:#fff;padding:12px;border-radius:4px}.data-item[data-v-03021982]{display:flex;padding:8px 0;border-bottom:1px solid var(--border-color)}.data-item[data-v-03021982]:last-child{border-bottom:none}.data-item .key[data-v-03021982]{font-weight:500;color:var(--text-secondary);min-width:120px}.data-item .value[data-v-03021982]{color:var(--text-primary);word-break:break-all}.content-preview[data-v-03021982]{color:var(--text-secondary);line-height:1.5}.pagination-container[data-v-03021982]{display:flex;justify-content:center;margin-top:20px}.mobile-notification-list[data-v-03021982]{display:flex;flex-direction:column;gap:16px}.mobile-notification-card[data-v-03021982]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:var(--shadow-light);transition:all .3s ease}.mobile-notification-card[data-v-03021982]:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.mobile-notification-header[data-v-03021982]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.mobile-notification-content[data-v-03021982]{margin-bottom:16px}.notification-title[data-v-03021982]{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;word-break:break-all}.notification-preview[data-v-03021982]{font-size:14px;color:var(--text-secondary);line-height:1.5;word-break:break-all}.mobile-notification-details[data-v-03021982]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row[data-v-03021982]{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 0}.detail-row .label[data-v-03021982]{font-size:14px;color:var(--text-secondary);font-weight:500;min-width:80px;flex-shrink:0}.detail-row .value[data-v-03021982]{font-size:14px;color:var(--text-primary);text-align:right;word-break:break-all;flex:1;margin-left:12px}.extra-data-mobile[data-v-03021982]{flex:1;margin-left:12px}.data-item-mobile[data-v-03021982]{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border-color)}.data-item-mobile[data-v-03021982]:last-child{border-bottom:none}.data-item-mobile .key[data-v-03021982]{font-size:13px;color:var(--text-secondary);font-weight:500;min-width:80px}.data-item-mobile .value[data-v-03021982]{font-size:13px;color:var(--text-primary);word-break:break-all;text-align:right}.mobile-notification-actions[data-v-03021982]{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.mobile-notification-actions .el-button[data-v-03021982]{flex:1;min-width:0}.mobile-notification-expand[data-v-03021982]{border-top:1px solid var(--border-color);padding-top:12px}.full-content pre[data-v-03021982]{white-space:pre-wrap;word-break:break-word;background:var(--bg-tertiary);padding:12px;border-radius:6px;margin:0;color:var(--text-primary);font-size:13px;line-height:1.4}@media (max-width: 768px){.admin-notifications[data-v-03021982]{padding:12px}.filter-bar[data-v-03021982]{flex-direction:column;gap:8px}.filter-bar .el-select[data-v-03021982],.filter-bar .el-button[data-v-03021982]{width:100%}}@media (max-width: 480px){.admin-notifications[data-v-03021982]{padding:8px}.mobile-notification-card[data-v-03021982]{padding:12px}.notification-title[data-v-03021982]{font-size:15px}.notification-preview[data-v-03021982],.detail-row .label[data-v-03021982],.detail-row .value[data-v-03021982]{font-size:13px}.mobile-notification-actions .el-button[data-v-03021982]{font-size:12px;padding:6px 8px}}.link[data-v-6898a6ed]{color:var(--primary-color);text-decoration:none}.link[data-v-6898a6ed]:hover{text-decoration:underline}.avatar-preview[data-v-6898a6ed]{width:50px;height:50px;border-radius:8px;cursor:pointer}.email[data-v-6898a6ed]{font-size:12px;color:var(--text-secondary);margin-top:4px}.mobile-link-list[data-v-6898a6ed]{display:flex;flex-direction:column;gap:16px}.mobile-link-card[data-v-6898a6ed]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:var(--shadow-light);transition:all .3s ease}.mobile-link-card[data-v-6898a6ed]:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.mobile-link-card.rejected[data-v-6898a6ed]{border-left:4px solid var(--danger-color)}.mobile-link-header[data-v-6898a6ed]{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color);position:relative}.mobile-avatar[data-v-6898a6ed]{width:48px;height:48px;border-radius:8px;flex-shrink:0}.mobile-avatar-placeholder[data-v-6898a6ed]{width:48px;height:48px;border-radius:8px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.mobile-link-info[data-v-6898a6ed]{flex:1;min-width:0}.mobile-link-name[data-v-6898a6ed]{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px;word-break:break-all}.mobile-link-url[data-v-6898a6ed]{font-size:14px;color:var(--primary-color);text-decoration:none;word-break:break-all}.mobile-link-url[data-v-6898a6ed]:hover{text-decoration:underline}.status-tag[data-v-6898a6ed]{position:absolute;top:0;right:0}.mobile-link-details[data-v-6898a6ed]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row[data-v-6898a6ed]{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 0}.detail-row .label[data-v-6898a6ed]{font-size:14px;color:var(--text-secondary);font-weight:500;min-width:80px;flex-shrink:0}.detail-row .value[data-v-6898a6ed]{font-size:14px;color:var(--text-primary);text-align:right;word-break:break-all;flex:1;margin-left:12px}.applicant-info[data-v-6898a6ed]{text-align:right;flex:1;margin-left:12px}.applicant-info .email[data-v-6898a6ed]{margin-top:2px}.mobile-link-actions[data-v-6898a6ed]{display:flex;gap:8px;flex-wrap:wrap}.mobile-link-actions .el-button[data-v-6898a6ed]{flex:1;min-width:0}@media (max-width: 480px){.mobile-link-card[data-v-6898a6ed]{padding:12px}.mobile-link-header[data-v-6898a6ed]{margin-bottom:12px;padding-bottom:8px}.mobile-avatar[data-v-6898a6ed],.mobile-avatar-placeholder[data-v-6898a6ed]{width:40px;height:40px}.mobile-avatar-placeholder[data-v-6898a6ed]{font-size:16px}.mobile-link-name[data-v-6898a6ed]{font-size:15px}.mobile-link-url[data-v-6898a6ed]{font-size:13px}.detail-row .label[data-v-6898a6ed]{font-size:13px;min-width:70px}.detail-row .value[data-v-6898a6ed]{font-size:13px}.mobile-link-actions[data-v-6898a6ed]{gap:6px}.mobile-link-actions .el-button[data-v-6898a6ed]{font-size:12px;padding:6px 8px}}.admin-friend-links[data-v-2050b305]{padding:24px}.page-header[data-v-2050b305]{margin-bottom:24px}.page-header h1[data-v-2050b305]{font-size:24px;color:var(--text-primary);margin-bottom:8px}.page-header p[data-v-2050b305]{color:var(--text-secondary);font-size:14px}.tab-content[data-v-2050b305]{padding-top:16px}.action-bar[data-v-2050b305]{margin-bottom:16px}@media (max-width: 768px){.admin-friend-links[data-v-2050b305]{padding:12px}.action-bar[data-v-2050b305]{margin-bottom:12px}.action-bar .el-button[data-v-2050b305]{width:100%}}@media (max-width: 480px){.admin-friend-links[data-v-2050b305]{padding:8px}}.admin-announcements[data-v-a6c40c32]{padding:20px;background:var(--bg-secondary);min-height:100vh}.page-header[data-v-a6c40c32]{margin-bottom:30px}.page-title[data-v-a6c40c32]{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 10px}.page-desc[data-v-a6c40c32]{font-size:16px;color:var(--text-secondary);margin:0}.announcement-card[data-v-a6c40c32]{max-width:1200px;margin:0 auto;border-radius:12px;box-shadow:var(--shadow-light);background:var(--card-bg);border:1px solid var(--border-color)}.card-header[data-v-a6c40c32]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--text-primary)}.announcement-list[data-v-a6c40c32]{padding:10px 0}.content-cell[data-v-a6c40c32]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-form-wrapper[data-v-a6c40c32]{display:flex;gap:20px;padding:10px 0}.announcement-form[data-v-a6c40c32]{flex:1}.announcement-preview[data-v-a6c40c32]{flex:1;min-width:300px}.preview-box[data-v-a6c40c32]{border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:10px;background:var(--bg-tertiary)}.preview-title[data-v-a6c40c32]{font-weight:600;margin-bottom:8px;color:var(--text-primary)}.preview-content[data-v-a6c40c32]{color:var(--text-secondary);line-height:1.5}.preview-placeholder[data-v-a6c40c32]{color:var(--text-secondary);opacity:.5;font-style:italic}.form-actions[data-v-a6c40c32]{display:flex;gap:12px;margin-top:20px}.action-buttons[data-v-a6c40c32]{display:flex;gap:8px;justify-content:center;align-items:center}.action-buttons .el-button[data-v-a6c40c32]{margin:0}@media (max-width: 768px){.admin-announcements[data-v-a6c40c32]{padding:15px}.page-title[data-v-a6c40c32]{font-size:24px}.announcement-form-wrapper[data-v-a6c40c32]{flex-direction:column}.announcement-preview[data-v-a6c40c32]{min-width:auto}}.admin-chatrooms[data-v-51f910c9]{padding:20px;background:var(--bg-secondary);min-height:100vh}.page-header[data-v-51f910c9]{margin-bottom:30px}.page-title[data-v-51f910c9]{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 10px}.page-desc[data-v-51f910c9]{font-size:16px;color:var(--text-secondary);margin:0}.chatroom-card[data-v-51f910c9]{max-width:1200px;margin:0 auto;border-radius:12px;box-shadow:var(--shadow-light);background:var(--card-bg);border:1px solid var(--border-color)}.card-header[data-v-51f910c9]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--text-primary)}.chatroom-management[data-v-51f910c9]{padding:10px 0}.message-settings[data-v-51f910c9]{margin-top:30px;padding:20px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.message-settings h3[data-v-51f910c9]{margin:0 0 20px;color:var(--text-primary);font-size:16px}@media (max-width: 768px){.admin-chatrooms[data-v-51f910c9]{padding:15px}.page-title[data-v-51f910c9]{font-size:24px}.chatroom-management[data-v-51f910c9] .el-table{font-size:12px}}.images-grid[data-v-52ca0dd3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg, 16px)}.image-card[data-v-52ca0dd3]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s;position:relative}.image-card.selected[data-v-52ca0dd3]{border:2px solid #6366f1;box-shadow:0 4px 16px #6366f14d}.image-card[data-v-52ca0dd3]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.image-checkbox[data-v-52ca0dd3]{position:absolute;top:12px;left:12px;z-index:10}.image-checkbox input[type=checkbox][data-v-52ca0dd3]{width:20px;height:20px;cursor:pointer}.image-preview[data-v-52ca0dd3]{width:100%;height:200px;overflow:hidden;cursor:pointer}.image-preview img[data-v-52ca0dd3]{width:100%;height:100%;object-fit:cover;transition:transform .3s}.image-card:hover .image-preview img[data-v-52ca0dd3]{transform:scale(1.05)}.image-info[data-v-52ca0dd3]{padding:12px}.image-desc[data-v-52ca0dd3]{margin:0 0 8px;font-size:.85rem;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-date[data-v-52ca0dd3]{margin:0;font-size:.75rem;color:#6b7280}.image-actions[data-v-52ca0dd3]{display:flex;gap:8px;padding:0 12px 12px}.btn-icon[data-v-52ca0dd3]{flex:1;padding:8px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s;font-size:16px}.btn-icon[data-v-52ca0dd3]:hover{background:#f3f4f6}.btn-icon.btn-danger[data-v-52ca0dd3]:hover{background:#fef2f2;border-color:#fecaca}.loading-state[data-v-52ca0dd3],.empty-state[data-v-52ca0dd3]{text-align:center;padding:60px 20px;color:#6b7280}.spinner[data-v-52ca0dd3]{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#6366f1;border-radius:50%;animation:spin-52ca0dd3 1s linear infinite;margin:0 auto 16px}@keyframes spin-52ca0dd3{to{transform:rotate(360deg)}}.empty-icon[data-v-52ca0dd3]{font-size:48px;display:block;margin-bottom:16px}.upload-form[data-v-93854acf]{padding:20px}.form-group[data-v-93854acf]{margin-bottom:16px}.form-group label[data-v-93854acf]{display:block;margin-bottom:8px;font-size:.875rem;color:#374151;font-weight:500}.form-textarea[data-v-93854acf],.form-select[data-v-93854acf]{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:border-color .3s;box-sizing:border-box}.form-textarea[data-v-93854acf]:focus,.form-select[data-v-93854acf]:focus{outline:none;border-color:#6366f1}.form-textarea[data-v-93854acf]{resize:vertical;min-height:80px}.file-upload-area[data-v-93854acf]{margin-bottom:12px}.file-input[data-v-93854acf]{display:none}.file-upload-label[data-v-93854acf]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:2px dashed #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s;background:#f9fafb}.file-upload-label[data-v-93854acf]:hover{border-color:#6366f1;background:#f3f4f6}.upload-icon[data-v-93854acf]{font-size:48px;margin-bottom:8px}.upload-text[data-v-93854acf]{color:#6b7280;font-size:.875rem}.file-name[data-v-93854acf]{color:#6366f1;font-size:.875rem;font-weight:500}.upload-preview[data-v-93854acf]{margin-top:12px;text-align:center}.upload-preview img[data-v-93854acf]{max-width:100%;max-height:200px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.crop-container[data-v-93854acf]{display:flex;flex-direction:column;gap:20px}.crop-preview[data-v-93854acf]{position:relative;width:100%;height:400px;overflow:hidden;background:#f5f5f5;display:flex;justify-content:center;align-items:center}.crop-image[data-v-93854acf]{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s}.crop-box[data-v-93854acf]{position:absolute;border:2px solid #6366f1;background:#6366f11a;cursor:move;box-shadow:0 0 0 9999px #00000080}.crop-handle[data-v-93854acf]{position:absolute;width:10px;height:10px;background:#6366f1;border:2px solid white;border-radius:50%}.crop-handle.top-left[data-v-93854acf]{top:-5px;left:-5px;cursor:nw-resize}.crop-handle.top-right[data-v-93854acf]{top:-5px;right:-5px;cursor:ne-resize}.crop-handle.bottom-left[data-v-93854acf]{bottom:-5px;left:-5px;cursor:sw-resize}.crop-handle.bottom-right[data-v-93854acf]{bottom:-5px;right:-5px;cursor:se-resize}.crop-controls[data-v-93854acf]{display:flex;gap:12px;justify-content:center}.upload-form[data-v-2bcb9653]{padding:20px}.form-group[data-v-2bcb9653]{margin-bottom:16px}.form-group label[data-v-2bcb9653]{display:block;margin-bottom:8px;font-size:.875rem;color:#374151;font-weight:500}.form-input[data-v-2bcb9653],.form-textarea[data-v-2bcb9653]{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:border-color .3s;box-sizing:border-box}.form-input[data-v-2bcb9653]:focus,.form-textarea[data-v-2bcb9653]:focus{outline:none;border-color:#6366f1}.form-textarea[data-v-2bcb9653]{resize:vertical;min-height:80px}.admin-album[data-v-cd46e0cb]{padding:var(--spacing-xl)}.page-header[data-v-cd46e0cb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-header h2[data-v-cd46e0cb]{margin:0;font-size:var(--font-size-xxl);color:#1f2937}.stats-cards[data-v-cd46e0cb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card[data-v-cd46e0cb]{background:#fff;padding:var(--spacing-xl);border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.stat-value[data-v-cd46e0cb]{font-size:32px;font-weight:700;color:#6366f1;margin-bottom:8px}.stat-label[data-v-cd46e0cb]{color:var(--color-6b7280);font-size:var(--font-size-sm)}.action-bar[data-v-cd46e0cb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-md);flex-wrap:wrap}.left-actions[data-v-cd46e0cb],.right-actions[data-v-cd46e0cb]{display:flex;gap:var(--spacing-sm)}.search-input[data-v-cd46e0cb]{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:var(--font-size-sm);min-width:200px}.images-grid[data-v-cd46e0cb]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.image-card[data-v-cd46e0cb]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s;position:relative}.image-card.selected[data-v-cd46e0cb]{border:2px solid #6366f1;box-shadow:0 4px 16px #6366f14d}.image-card[data-v-cd46e0cb]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.image-checkbox[data-v-cd46e0cb]{position:absolute;top:12px;left:12px;z-index:10}.image-checkbox input[type=checkbox][data-v-cd46e0cb]{width:20px;height:20px;cursor:pointer}.image-preview[data-v-cd46e0cb]{width:100%;height:200px;overflow:hidden;cursor:pointer}.image-preview img[data-v-cd46e0cb]{width:100%;height:100%;object-fit:cover;transition:transform .3s}.image-card:hover .image-preview img[data-v-cd46e0cb]{transform:scale(1.05)}.image-info[data-v-cd46e0cb]{padding:var(--spacing-md)}.image-desc[data-v-cd46e0cb]{margin:0 0 8px;font-size:var(--font-size-sm);color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-date[data-v-cd46e0cb]{margin:0;font-size:var(--font-size-xs);color:var(--color-6b7280)}.image-actions[data-v-cd46e0cb]{display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-md) var(--spacing-md)}.btn-icon[data-v-cd46e0cb]{flex:1;padding:8px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s;font-size:16px}.btn-icon[data-v-cd46e0cb]:hover{background:#f3f4f6}.btn-icon.btn-danger[data-v-cd46e0cb]:hover{background:#fef2f2;border-color:#fecaca}.btn-primary[data-v-cd46e0cb],.btn-secondary[data-v-cd46e0cb],.btn-danger[data-v-cd46e0cb]{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:var(--font-size-sm);transition:all .3s;display:flex;align-items:center;gap:8px}.btn-primary[data-v-cd46e0cb]{background:#6366f1;color:var(--color-fff)}.btn-primary[data-v-cd46e0cb]:hover{background:#4f46e5}.btn-secondary[data-v-cd46e0cb]{background:#f3f4f6;color:#374151}.btn-secondary[data-v-cd46e0cb]:hover{background:#e5e7eb}.btn-danger[data-v-cd46e0cb]{background:#ef4444;color:var(--color-fff)}.btn-danger[data-v-cd46e0cb]:hover{background:#dc2626}.loading-state[data-v-cd46e0cb],.empty-state[data-v-cd46e0cb]{text-align:center;padding:60px 20px;color:var(--color-6b7280)}.spinner[data-v-cd46e0cb]{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#6366f1;border-radius:50%;animation:spin-cd46e0cb 1s linear infinite;margin:0 auto 16px}@keyframes spin-cd46e0cb{to{transform:rotate(360deg)}}.empty-icon[data-v-cd46e0cb]{font-size:48px;display:block;margin-bottom:16px}.upload-form[data-v-cd46e0cb],.edit-form[data-v-cd46e0cb]{padding:var(--spacing-xl)}.form-group[data-v-cd46e0cb]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-cd46e0cb]{display:block;margin-bottom:8px;font-size:var(--font-size-sm);color:#374151;font-weight:500}.form-input[data-v-cd46e0cb],.form-textarea[data-v-cd46e0cb],.form-select[data-v-cd46e0cb]{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:var(--font-size-sm);transition:border-color .3s}.form-input[data-v-cd46e0cb]:focus,.form-textarea[data-v-cd46e0cb]:focus,.form-select[data-v-cd46e0cb]:focus{outline:none;border-color:#6366f1}.form-actions[data-v-cd46e0cb]{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-xl)}.file-upload-area[data-v-cd46e0cb]{margin-bottom:var(--spacing-md)}.file-input[data-v-cd46e0cb]{display:none}.file-upload-label[data-v-cd46e0cb]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);border:2px dashed #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s;background:#f9fafb}.file-upload-label[data-v-cd46e0cb]:hover{border-color:#6366f1;background:#f3f4f6}.upload-icon[data-v-cd46e0cb]{font-size:48px;margin-bottom:8px}.upload-text[data-v-cd46e0cb]{color:var(--color-6b7280);font-size:var(--font-size-sm)}.file-name[data-v-cd46e0cb]{color:#6366f1;font-size:var(--font-size-sm);font-weight:500}.upload-preview[data-v-cd46e0cb]{margin-top:var(--spacing-md);text-align:center}.upload-preview img[data-v-cd46e0cb]{max-width:100%;max-height:200px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.preview-container[data-v-cd46e0cb]{display:flex;justify-content:center;align-items:center;min-height:400px}.preview-image[data-v-cd46e0cb]{max-width:100%;max-height:70vh;object-fit:contain}.crop-container[data-v-cd46e0cb]{display:flex;flex-direction:column;gap:20px}.crop-preview[data-v-cd46e0cb]{position:relative;width:100%;height:400px;overflow:hidden;background:#f5f5f5;display:flex;justify-content:center;align-items:center}.crop-image[data-v-cd46e0cb]{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s}.crop-box[data-v-cd46e0cb]{position:absolute;border:2px solid #6366f1;background:#6366f11a;cursor:move;box-shadow:0 0 0 9999px #00000080}.crop-handle[data-v-cd46e0cb]{position:absolute;width:10px;height:10px;background:#6366f1;border:2px solid white;border-radius:50%}.crop-handle.top-left[data-v-cd46e0cb]{top:-5px;left:-5px;cursor:nw-resize}.crop-handle.top-right[data-v-cd46e0cb]{top:-5px;right:-5px;cursor:ne-resize}.crop-handle.bottom-left[data-v-cd46e0cb]{bottom:-5px;left:-5px;cursor:sw-resize}.crop-handle.bottom-right[data-v-cd46e0cb]{bottom:-5px;right:-5px;cursor:se-resize}.crop-controls[data-v-cd46e0cb]{display:flex;gap:10px;justify-content:center}body.dark .page-header h2[data-v-cd46e0cb]{color:#e5e7eb}body.dark .stat-card[data-v-cd46e0cb]{background:#111827cc}body.dark .search-input[data-v-cd46e0cb]{background:#1e293b99;border-color:#94a3b840;color:#e5e7eb}body.dark .image-card[data-v-cd46e0cb]{background:#111827cc}body.dark .image-desc[data-v-cd46e0cb]{color:#e5e7eb}body.dark .btn-secondary[data-v-cd46e0cb]{background:#1e293b99;color:#e5e7eb}body.dark .form-input[data-v-cd46e0cb],body.dark .form-textarea[data-v-cd46e0cb],body.dark .form-select[data-v-cd46e0cb]{background:#1e293b99;border-color:#94a3b840;color:#e5e7eb}body.dark .file-upload-label[data-v-cd46e0cb]{background:#1e293b99;border-color:#94a3b840}body.dark .file-upload-label[data-v-cd46e0cb]:hover{border-color:#93c5fd;background:#1e293bcc}body.dark .upload-text[data-v-cd46e0cb]{color:#cbd5e1}@media (max-width: 768px){.action-bar[data-v-cd46e0cb]{flex-direction:column;align-items:stretch}.left-actions[data-v-cd46e0cb],.right-actions[data-v-cd46e0cb],.search-input[data-v-cd46e0cb]{width:100%}.images-grid[data-v-cd46e0cb]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.user-behavior-dashboard[data-v-d2dea6c7]{padding:20px;background:#f5f7fa;min-height:100vh;overflow-y:auto}.dashboard-header[data-v-d2dea6c7]{text-align:center;margin-bottom:30px}.dashboard-header h2[data-v-d2dea6c7]{color:#2c3e50;margin-bottom:10px;font-size:28px}.dashboard-header p[data-v-d2dea6c7]{color:#7f8c8d;font-size:16px}.filter-section[data-v-d2dea6c7]{margin-bottom:30px}.filter-card[data-v-d2dea6c7]{border-radius:12px;box-shadow:0 2px 12px #0000001a}.filter-row[data-v-d2dea6c7]{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.filter-item[data-v-d2dea6c7]{display:flex;align-items:center;gap:8px}.filter-item label[data-v-d2dea6c7]{font-weight:500;color:#2c3e50;white-space:nowrap}.stats-overview[data-v-d2dea6c7]{margin-bottom:30px}.stat-card[data-v-d2dea6c7]{border-radius:12px;box-shadow:0 2px 12px #0000001a;transition:transform .3s ease}.stat-card[data-v-d2dea6c7]:hover{transform:translateY(-2px)}.stat-content[data-v-d2dea6c7]{display:flex;align-items:center;gap:15px}.stat-icon[data-v-d2dea6c7]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.visitor-icon[data-v-d2dea6c7]{background:linear-gradient(135deg,#667eea,#764ba2)}.page-icon[data-v-d2dea6c7]{background:linear-gradient(135deg,#f093fb,#f5576c)}.time-icon[data-v-d2dea6c7]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.bounce-icon[data-v-d2dea6c7]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-info[data-v-d2dea6c7]{flex:1}.stat-number[data-v-d2dea6c7]{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:5px}.stat-label[data-v-d2dea6c7]{color:#7f8c8d;font-size:14px}.charts-section[data-v-d2dea6c7]{margin-bottom:30px}.charts-container[data-v-d2dea6c7]{min-height:auto;padding-bottom:50px;overflow:visible;width:100%;box-sizing:border-box;max-width:100%}.chart-card[data-v-d2dea6c7]{border-radius:12px;box-shadow:0 2px 12px #0000001a;height:400px;margin-bottom:20px;width:100%;overflow:hidden;box-sizing:border-box}.chart-container[data-v-d2dea6c7]{height:350px;padding:20px;min-height:350px;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.hour-chart-card[data-v-d2dea6c7]{height:450px}.hour-chart-card .chart-container[data-v-d2dea6c7]{height:400px}.chart[data-v-d2dea6c7]{width:100%!important;height:100%!important;max-width:100%!important;background:transparent;border-radius:8px;position:relative;z-index:1;display:block!important;visibility:visible!important;overflow:hidden;box-sizing:border-box}.page-ranking-section[data-v-d2dea6c7]{margin-bottom:30px}.ranking-card[data-v-d2dea6c7]{border-radius:12px;box-shadow:0 2px 12px #0000001a}.ranking-list[data-v-d2dea6c7]{padding:20px}.ranking-item[data-v-d2dea6c7]{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #f0f0f0}.ranking-item[data-v-d2dea6c7]:last-child{border-bottom:none}.rank-number[data-v-d2dea6c7]{width:30px;height:30px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.page-info[data-v-d2dea6c7]{flex:1}.page-name[data-v-d2dea6c7]{font-weight:600;color:#2c3e50;margin-bottom:5px}.page-path[data-v-d2dea6c7]{color:#6c757d;font-size:14px;font-family:monospace}.page-stats[data-v-d2dea6c7]{text-align:right;min-width:120px}.visit-count[data-v-d2dea6c7]{font-weight:600;color:#2c3e50;margin-bottom:5px}.bounce-rate[data-v-d2dea6c7]{color:#6c757d;font-size:14px}.progress-bar[data-v-d2dea6c7]{width:100px;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}.progress-fill[data-v-d2dea6c7]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .3s ease}@media (max-width: 1200px){.chart-card[data-v-d2dea6c7]{height:350px}.chart-container[data-v-d2dea6c7]{height:300px}.hour-chart-card[data-v-d2dea6c7]{height:400px}.hour-chart-card .chart-container[data-v-d2dea6c7]{height:350px}}@media (max-width: 768px){.user-behavior-dashboard[data-v-d2dea6c7]{padding:10px;max-width:100vw;overflow-x:hidden}.dashboard-header h2[data-v-d2dea6c7]{font-size:24px}.dashboard-header p[data-v-d2dea6c7]{font-size:14px}.filter-row[data-v-d2dea6c7]{flex-direction:column;align-items:stretch;gap:15px}.filter-item[data-v-d2dea6c7]{justify-content:space-between;flex-direction:column;align-items:flex-start;gap:8px}.filter-item label[data-v-d2dea6c7]{font-size:14px}.chart-card[data-v-d2dea6c7]{height:280px;margin-bottom:20px;width:100%;max-width:100%}.chart-container[data-v-d2dea6c7]{height:230px;padding:15px;width:100%;max-width:100%}.chart[data-v-d2dea6c7]{max-width:100%!important;overflow:hidden}.stat-card[data-v-d2dea6c7]{margin-bottom:15px}.stat-content[data-v-d2dea6c7]{flex-direction:column;text-align:center;gap:10px}.stat-icon[data-v-d2dea6c7]{width:50px;height:50px;font-size:20px}.stat-number[data-v-d2dea6c7]{font-size:24px}.ranking-item[data-v-d2dea6c7]{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 0}.page-stats[data-v-d2dea6c7]{text-align:left;min-width:auto}.progress-bar[data-v-d2dea6c7]{width:100%;margin-top:8px}}@media (max-width: 480px){.user-behavior-dashboard[data-v-d2dea6c7]{padding:5px}.chart-card[data-v-d2dea6c7]{height:250px}.chart-container[data-v-d2dea6c7]{height:200px;padding:10px}.stat-number[data-v-d2dea6c7]{font-size:20px}.stat-label[data-v-d2dea6c7]{font-size:12px}}.blog-card-header{display:flex;justify-content:space-between;align-items:flex-start;position:relative}.header-left{flex:1}.header-action{position:absolute;top:15px;right:15px;z-index:10}.wechat-dialog[data-v-2d97d6d6] .el-dialog{border-radius:12px;max-width:400px;margin:0 auto}.wechat-dialog[data-v-2d97d6d6] .el-dialog__header{padding:20px 20px 0;border-bottom:none}.wechat-dialog[data-v-2d97d6d6] .el-dialog__body{padding:20px}.wechat-dialog[data-v-2d97d6d6] .el-dialog__headerbtn{top:15px;right:15px;font-size:18px}.wechat-content[data-v-2d97d6d6]{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.user-info[data-v-2d97d6d6]{display:flex;align-items:center;gap:12px;margin-bottom:10px}.user-avatar[data-v-2d97d6d6]{width:40px;height:40px;border-radius:8px;object-fit:cover}.user-details[data-v-2d97d6d6]{text-align:left}.user-name[data-v-2d97d6d6]{font-size:16px;font-weight:600;color:#333;margin:0}.user-location[data-v-2d97d6d6]{font-size:12px;color:#999;margin:2px 0 0}.qr-code-container[data-v-2d97d6d6]{display:flex;justify-content:center;align-items:center;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a}.qr-code[data-v-2d97d6d6]{width:240px;height:240px;max-width:100%;object-fit:contain}.instructions[data-v-2d97d6d6]{display:flex;flex-direction:column;gap:8px}.scan-text[data-v-2d97d6d6]{font-size:14px;color:#666;margin:0;line-height:1.4}.help-text[data-v-2d97d6d6]{font-size:12px;color:#999;margin:0;line-height:1.4}@media (max-width: 768px){.wechat-dialog[data-v-2d97d6d6] .el-dialog{width:90%!important;max-width:350px;margin:0 auto}.qr-code[data-v-2d97d6d6]{width:200px;height:200px}.user-info[data-v-2d97d6d6]{flex-direction:column;text-align:center}.user-details[data-v-2d97d6d6]{text-align:center}}@media (prefers-color-scheme: dark){.user-name[data-v-2d97d6d6]{color:#fff}.user-location[data-v-2d97d6d6],.scan-text[data-v-2d97d6d6]{color:#ccc}.help-text[data-v-2d97d6d6]{color:#999}.qr-code-container[data-v-2d97d6d6]{background:#2a2a2a}}.blog-friends-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 0 8px;color:#64748b}.blog-friends-empty .empty-icon{font-size:26px}.blog-friends-empty .empty-title{font-weight:600;color:#475569}.blog-friends-empty .empty-sub{font-size:12px;opacity:.8}body.dark .blog-friends-empty{color:#94a3b8}body.dark .blog-friends-empty .empty-title{color:#cbd5e1}.empty-btn{margin-top:6px;padding:6px 12px;border-radius:999px;background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;font-size:12px;text-decoration:none;transition:transform .15s ease,filter .2s ease}.empty-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.empty-btn:active{transform:translateY(0)}.hot-item-card[data-v-5315c041]{display:flex;gap:12px;padding:12px;border-radius:8px;transition:all .3s ease;text-decoration:none;color:inherit;border:1px solid transparent}.hot-item-card[data-v-5315c041]:hover{background:var(--bg-secondary, #f8fafc);border-color:var(--primary-color, #6366f1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.hot-thumb[data-v-5315c041]{position:relative;flex-shrink:0;width:60px;height:45px;border-radius:6px;overflow:hidden}.hot-thumb img[data-v-5315c041]{width:100%;height:100%;object-fit:cover}.hot-rank[data-v-5315c041]{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff}.rank-first[data-v-5315c041]{background:linear-gradient(135deg,gold,#ffed4e);color:#92400e}.rank-second[data-v-5315c041]{background:linear-gradient(135deg,silver,#e5e7eb);color:#374151}.rank-third[data-v-5315c041]{background:linear-gradient(135deg,#cd7f32,#f59e0b);color:#fff}.rank-normal[data-v-5315c041]{background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b)}.hot-info[data-v-5315c041]{flex:1;min-width:0}.hot-title[data-v-5315c041]{font-size:14px;font-weight:500;color:var(--text-primary, #1e293b);line-height:1.3;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hot-meta[data-v-5315c041]{display:flex;gap:8px;font-size:11px;color:var(--text-secondary, #64748b)}.meta-item[data-v-5315c041]{display:flex;align-items:center;gap:2px}.meta-item.hot-score[data-v-5315c041]{color:#f59e0b;font-weight:600}.loading-state[data-v-5315c041]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;color:var(--text-secondary, #64748b)}.loading-spinner[data-v-5315c041]{width:24px;height:24px;border:2px solid var(--border-color, #e2e8f0);border-top:2px solid #6366f1;border-radius:50%;animation:spin-5315c041 1s linear infinite}@keyframes spin-5315c041{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-5315c041]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;color:var(--text-secondary, #64748b);text-align:center}body.dark .hot-item-card[data-v-5315c041]:hover{background:#1e293bcc;border-color:#6366f1}body.dark .rank-normal[data-v-5315c041]{background:#94a3b833;color:#94a3b8}.more-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:15px;color:#667eea;cursor:pointer;transition:all .3s ease;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000d}.more-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d;border-color:#667eea}.more-btn:active{transform:scale(.95)}.comment-type-tag{display:inline-block;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.comment-type-danmaku{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.comment-type-article{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.blog-comment-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.blog-comment-text :deep(.emoji-gif){width:20px;height:20px;vertical-align:middle;margin:0 2px;border-radius:3px}[data-v-75232d7e]:root{--blog-bg: #f5f7fa;--blog-card-bg: #ffffff;--blog-card-shadow: 0 4px 14px rgba(0, 0, 0, .06);--blog-card-hover-shadow: 0 10px 24px rgba(0, 0, 0, .1);--blog-radius: 16px;--blog-transition: all .3s ease;--blog-primary: #6366f1;--blog-primary-light: rgba(99, 102, 241, .1);--blog-primary-dark: #4f46e5;--blog-text-primary: #1f2937;--blog-text-secondary: #6b7280;--blog-gray-50: #f9fafb;--blog-gray-100: #f3f4f6;--blog-gray-200: #e5e7eb;--blog-gray-700: #374151;--blog-gray-800: #1f2937}.dark[data-v-75232d7e]{--blog-bg: #111827;--blog-card-bg: #1f2937;--blog-card-shadow: 0 4px 14px rgba(0, 0, 0, .35);--blog-card-hover-shadow: 0 10px 24px rgba(0, 0, 0, .45);--blog-text-primary: #f9fafb;--blog-text-secondary: #d1d5db;--blog-gray-50: #374151;--blog-gray-100: #4b5563;--blog-gray-200: #6b7280;--blog-gray-700: #374151;--blog-gray-800: #1f2937}.blog-home[data-v-75232d7e]{background-color:var(--blog-bg);min-height:100vh;padding:0 0 60px;transition:var(--blog-transition);position:relative;overflow-x:hidden}.home-particles-bg[data-v-75232d7e]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background:linear-gradient(135deg,#f8faff,#e8f2ff,#dae8ff,#c7ddff,#b3d1ff);background-size:400% 400%;animation:gradientMoveHome-75232d7e 20s ease-in-out infinite}@keyframes gradientMoveHome-75232d7e{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}.home-particle-canvas[data-v-75232d7e]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.blog-container[data-v-75232d7e]{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:1;min-height:100vh}.blog-layout[data-v-75232d7e]{display:grid;grid-template-columns:400px 1fr;gap:32px;padding:0 20px;align-items:start}.blog-left-column[data-v-75232d7e]{display:flex;flex-direction:column;gap:var(--spacing-xl)}.blog-right-column[data-v-75232d7e]{display:flex;flex-direction:column;gap:var(--spacing-xxl)}.blog-card[data-v-75232d7e]{background:var(--blog-card-bg);box-shadow:0 8px 32px #3b82f626;border:1px solid rgba(147,197,253,.3);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;position:relative;border-radius:20px!important}.dark .blog-card[data-v-75232d7e]{background:linear-gradient(135deg,#1f2937e6,#374151d9,#4b5563cc,#6b7280d9,#9ca3afe6);border:1px solid rgba(156,163,175,.3);box-shadow:0 8px 32px #1f293740}.blog-card[data-v-75232d7e]:hover{transform:translateY(-8px);box-shadow:0 20px 40px #3b82f640;border-color:#3b82f680}.dark .blog-card[data-v-75232d7e]:hover{box-shadow:0 20px 40px #1f293759}.blog-card-header[data-v-75232d7e]{background:linear-gradient(135deg,#8b5cf6,#60a5fa,#93c5fd,#7dd3fc,#38bdf8);color:#fff;padding:20px 28px;position:relative;overflow:hidden;font-size:1.1rem;font-weight:600;letter-spacing:.5px;border-radius:20px 20px 0 0!important;box-shadow:0 4px 20px #3b82f64d;text-shadow:0 2px 4px rgba(0,0,0,.2)}.dark .blog-card-header[data-v-75232d7e]{background:linear-gradient(135deg,#374151,#4b5563,#6b7280,#9ca3af,#d1d5db);box-shadow:0 4px 20px #1f293766}.blog-card-title[data-v-75232d7e]{margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.blog-card-subtitle[data-v-75232d7e]{margin:4px 0 0;font-size:.85rem;opacity:.9;font-weight:400}.blog-card-content[data-v-75232d7e]{padding:var(--spacing-xxl);position:relative;color:#2d3748;font-size:.95rem;line-height:1.7;border-radius:16px!important;overflow:hidden!important;border:none!important;background:transparent!important}.dark .blog-card-content[data-v-75232d7e]{color:#e2e8f0}.blog-user-card[data-v-75232d7e]{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:280px;background:linear-gradient(180deg,#a7d0ff,#93c5fd 55%,#7fb8ff);color:#fff;box-shadow:0 10px 25px -5px #60a5fa59}.dark .blog-user-card[data-v-75232d7e]{background:linear-gradient(180deg,#374151,#4b5563 55%,#1f2937);box-shadow:0 10px 25px -5px #1f293766}.blog-user-avatar[data-v-75232d7e]{width:100px;height:100px;border:4px solid white;margin:0 auto 16px;position:relative;z-index:1;box-shadow:0 4px 20px #0000001a;transition:all .5s ease-in-out;cursor:pointer;display:block;object-fit:cover;object-position:center;aspect-ratio:1/1;overflow:hidden;border-radius:50%!important}.blog-user-avatar[data-v-75232d7e]:hover{transform:scale(1.1) rotate(360deg);box-shadow:0 6px 25px #0003}.blog-user-name[data-v-75232d7e]{font-size:1.4rem;font-weight:600;margin:8px 0 4px;position:relative;z-index:1}.blog-user-bio[data-v-75232d7e]{color:#ffffffe6;font-size:.95rem;margin:0 0 24px;padding:0 20px;position:relative;z-index:1}.blog-user-stats[data-v-75232d7e]{display:flex;justify-content:space-around;gap:var(--spacing-md);margin:24px 0;padding:16px 0;position:relative;z-index:1;background:linear-gradient(135deg,#ffffff26,#ffffff0d);box-shadow:0 4px 15px #0000001a;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;border-radius:12px!important}.blog-stat-item[data-v-75232d7e]{text-align:center;padding:8px 12px;min-width:70px;transition:all .3s ease;border-radius:12px!important}.blog-stat-number[data-v-75232d7e]{display:block;font-size:1.7rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:6px}.blog-stat-label[data-v-75232d7e]{font-size:.9rem;font-weight:500;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.2)}.blog-user-socials[data-v-75232d7e]{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg);position:relative;z-index:1}.blog-social-btn[data-v-75232d7e]{width:36px;height:36px;border-radius:50%!important;display:flex;align-items:center;justify-content:center;background:#fff3;color:#fff;transition:var(--blog-transition);border:none;cursor:pointer;text-decoration:none}.blog-social-btn[data-v-75232d7e]:hover{background:#ffffff4d;transform:translateY(-2px)}.blog-tools-list[data-v-75232d7e]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.blog-tool-item[data-v-75232d7e]{display:flex;align-items:center;gap:var(--spacing-lg);padding:16px 20px;background:linear-gradient(135deg,#f0f9ffe6,#dbeafed9,#bfdbfee6);border:1px solid rgba(147,197,253,.4);border-radius:16px!important;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;box-shadow:0 4px 20px #3b82f61a}.dark .blog-tool-item[data-v-75232d7e]{background:linear-gradient(135deg,#1e3a8acc,#1e40afbf,#2563ebcc);border:1px solid rgba(147,197,253,.4)}.blog-tool-item[data-v-75232d7e]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #3b82f633;border-color:#3b82f699}.dark .blog-tool-item[data-v-75232d7e]:hover{box-shadow:0 12px 32px #1e40af4d}.blog-tool-icon[data-v-75232d7e]{width:48px;height:48px;border-radius:12px!important;background:linear-gradient(135deg,#3b82f626,#93c5fd33,#3b82f626);border:2px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;color:#6d28d9;font-size:1.4rem;transition:all .3s ease;box-shadow:0 4px 15px #3b82f61a}.dark .blog-tool-icon[data-v-75232d7e]{background:linear-gradient(135deg,#60a5fa33,#93c5fd40,#60a5fa33);border:2px solid rgba(203,213,225,.4);color:#93c5fd}.blog-tool-item:hover .blog-tool-icon[data-v-75232d7e]{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px #3b82f633}.blog-tool-info[data-v-75232d7e]{flex:1}.blog-tool-name[data-v-75232d7e]{font-weight:500;margin-bottom:2px}.blog-tool-desc[data-v-75232d7e]{font-size:.8rem;color:var(--blog-text-secondary)}.blog-quick-links[data-v-75232d7e]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.blog-quick-link[data-v-75232d7e]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:16px 12px;background:linear-gradient(135deg,#f0f9ffe6,#dbeafed9,#bfdbfee6);border:1px solid rgba(147,197,253,.4);border-radius:12px!important;transition:all .3s ease;cursor:pointer;text-decoration:none;color:inherit}.dark .blog-quick-link[data-v-75232d7e]{background:linear-gradient(135deg,#1e3a8acc,#1e40afbf,#2563ebcc);border:1px solid rgba(147,197,253,.4)}.blog-quick-link[data-v-75232d7e]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #3b82f633;border-color:#3b82f699}.blog-quick-icon[data-v-75232d7e]{width:40px;height:40px;border-radius:50%!important;background:linear-gradient(135deg,#8b5cf6,#60a5fa);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;box-shadow:0 4px 15px #3b82f64d}.blog-quick-label[data-v-75232d7e]{font-size:.85rem;font-weight:500;text-align:center}.blog-stats-grid[data-v-75232d7e]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.blog-stat-card[data-v-75232d7e]{text-align:center;padding:20px 12px;background:linear-gradient(135deg,#f0f9ffe6,#dbeafed9,#bfdbfee6);border:1px solid rgba(147,197,253,.3);border-radius:16px!important;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.dark .blog-stat-card[data-v-75232d7e]{background:linear-gradient(135deg,#0f172ae6,#1e293bd9,#334155e6);border:1px solid rgba(147,197,253,.3)}.blog-stat-card[data-v-75232d7e]:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3b82f626}.blog-stat-card .blog-stat-icon[data-v-75232d7e]{width:48px;height:48px;border-radius:50%!important;background:linear-gradient(135deg,#8b5cf6,#60a5fa);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff;font-size:1.4rem;box-shadow:0 4px 20px #3b82f64d}.blog-stat-card .blog-stat-number[data-v-75232d7e]{font-size:1.8rem;font-weight:700;color:var(--blog-text-primary);margin-bottom:var(--spacing-xs)}.blog-stat-card .blog-stat-label[data-v-75232d7e]{font-size:.85rem;color:var(--blog-text-secondary)}.blog-hot-list[data-v-75232d7e]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.hot-item-card[data-v-75232d7e]{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#f0f9ffe6,#dbeafed9,#bfdbfee6);border:1px solid rgba(147,197,253,.4);border-radius:16px!important;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit}.dark .hot-item-card[data-v-75232d7e]{background:linear-gradient(135deg,#1e3a8acc,#1e40afbf,#2563ebcc);border:1px solid rgba(147,197,253,.4)}.hot-item-card[data-v-75232d7e]:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3b82f633}.hot-thumb[data-v-75232d7e]{position:relative;width:80px;height:80px;border-radius:12px!important;overflow:hidden;flex-shrink:0}.hot-thumb img[data-v-75232d7e]{width:100%;height:100%;object-fit:cover}.hot-rank[data-v-75232d7e]{position:absolute;top:-4px;right:-4px;width:24px;height:24px;border-radius:50%!important;background:#8b5cf6;color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.hot-rank.rank-1[data-v-75232d7e]{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.hot-rank.rank-2[data-v-75232d7e]{background:linear-gradient(135deg,#6b7280,#9ca3af)}.hot-rank.rank-3[data-v-75232d7e]{background:linear-gradient(135deg,#cd7c2f,#d97706)}.hot-info[data-v-75232d7e]{flex:1;min-width:0}.hot-title[data-v-75232d7e]{font-weight:600;margin-bottom:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.hot-meta[data-v-75232d7e]{display:flex;gap:var(--spacing-lg);font-size:.8rem;color:var(--blog-text-secondary)}.blog-tags-cloud[data-v-75232d7e]{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.blog-tag[data-v-75232d7e]{padding:8px 16px;background:linear-gradient(135deg,#3b82f61a,#93c5fd26,#3b82f61a);color:#6d28d9;border:1px solid rgba(59,130,246,.3);border-radius:20px!important;font-size:.85rem;cursor:pointer;transition:all .3s ease}.dark .blog-tag[data-v-75232d7e]{background:linear-gradient(135deg,#60a5fa26,#93c5fd33,#60a5fa26);color:#93c5fd;border:1px solid rgba(147,197,253,.4)}.blog-tag[data-v-75232d7e]:hover{background:linear-gradient(135deg,#8b5cf6,#60a5fa);color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #3b82f64d}.blog-comments-list[data-v-75232d7e]{display:flex;flex-direction:column;gap:var(--spacing-xl)}.blog-comment-item[data-v-75232d7e]{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#f0f9ffe6,#dbeafed9,#bfdbfee6);border:1px solid rgba(147,197,253,.4);border-radius:16px!important;transition:all .3s ease}.dark .blog-comment-item[data-v-75232d7e]{background:linear-gradient(135deg,#1e3a8acc,#1e40afbf,#2563ebcc);border:1px solid rgba(147,197,253,.4)}.blog-comment-item[data-v-75232d7e]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.blog-comment-avatar[data-v-75232d7e]{width:48px;height:48px;border-radius:50%!important;overflow:hidden;flex-shrink:0;border:2px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;background-color:#f1f5f9}.blog-comment-avatar img[data-v-75232d7e]{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #e2e8f0;background-color:#f8fafc;transition:all .3s ease}.blog-comment-avatar img.default-avatar[data-v-75232d7e]{background-color:#e2e8f0;padding:5px}.blog-comment-avatar img[src=""][data-v-75232d7e]{visibility:hidden}.avatar-placeholder[data-v-75232d7e]{width:40px!important;height:40px!important;border-radius:50%!important;background:linear-gradient(135deg,#f0f0f0,#e0e0e0)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#999!important;font-size:14px!important;font-weight:600!important;border:2px solid #e2e8f0!important;transition:all .3s ease!important}.dark .avatar-placeholder[data-v-75232d7e]{background:linear-gradient(135deg,#374151,#4b5563)!important;color:#9ca3af!important;border-color:#4b5563!important}.blog-comment-content[data-v-75232d7e]{flex:1;min-width:0}.blog-comment-header[data-v-75232d7e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.blog-comment-author[data-v-75232d7e]{font-weight:600;color:var(--blog-text-primary);font-size:.9rem}.blog-comment-time[data-v-75232d7e]{font-size:.75rem;color:var(--blog-text-secondary)}.blog-comment-text[data-v-75232d7e]{font-size:.9rem;line-height:1.5;margin-bottom:var(--spacing-sm);color:var(--blog-text-primary)}.blog-comment-article[data-v-75232d7e]{font-size:.8rem;color:var(--blog-text-secondary)}.blog-comment-article a[data-v-75232d7e]{color:#8b5cf6;text-decoration:none;font-weight:500}.blog-comment-article a[data-v-75232d7e]:hover{text-decoration:underline}.blog-friends-list[data-v-75232d7e]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.blog-friend-item[data-v-75232d7e]{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#f0f9ffe6,#dbeafed9,#bfdbfee6);border:1px solid rgba(147,197,253,.4);border-radius:16px!important;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit}.dark .blog-friend-item[data-v-75232d7e]{background:linear-gradient(135deg,#1e3a8acc,#1e40afbf,#2563ebcc);border:1px solid rgba(147,197,253,.4)}.blog-friend-item[data-v-75232d7e]:hover{transform:translateY(-3px);box-shadow:0 12px 32px #3b82f633}.blog-friend-avatar[data-v-75232d7e]{width:48px;height:48px;border-radius:50%!important;object-fit:cover;border:2px solid rgba(59,130,246,.3)}.blog-friend-info[data-v-75232d7e]{flex:1}.blog-friend-name[data-v-75232d7e]{font-weight:600;margin-bottom:var(--spacing-xs);font-size:.95rem}.blog-friend-desc[data-v-75232d7e]{font-size:.8rem;color:var(--blog-text-secondary)}.blog-articles-grid[data-v-75232d7e]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xxl)}.blog-article-item[data-v-75232d7e]{background:var(--blog-card-bg);border:1px solid rgba(147,197,253,.3);border-radius:18px!important;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 25px #3b82f61f}.dark .blog-article-item[data-v-75232d7e]{background:linear-gradient(135deg,#0f172ae6,#1e293bd9,#334155cc,#1e3a8ad9,#1e40afe6);border:1px solid rgba(147,197,253,.3);box-shadow:0 6px 25px #1e40af33}.blog-article-item[data-v-75232d7e]:hover{transform:translateY(-6px);box-shadow:0 16px 40px #3b82f633;border-color:#6b728080}.dark .blog-article-item[data-v-75232d7e]:hover{box-shadow:0 16px 40px #1e40af4d}.blog-article-cover[data-v-75232d7e]{position:relative;height:160px;overflow:hidden}.blog-article-cover img[data-v-75232d7e]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-article-item:hover .blog-article-cover img[data-v-75232d7e]{transform:scale(1.05)}.blog-article-info[data-v-75232d7e]{padding:var(--spacing-lg)}.blog-article-title[data-v-75232d7e]{margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.4}.blog-article-title a[data-v-75232d7e]{color:var(--blog-text-primary);text-decoration:none}.blog-article-title a[data-v-75232d7e]:hover{color:var(--blog-primary)}.blog-article-meta[data-v-75232d7e]{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.8rem;color:var(--blog-text-secondary)}.blog-meta-item[data-v-75232d7e]{display:flex;align-items:center;gap:var(--spacing-xs)}.blog-article-summary[data-v-75232d7e]{font-size:.85rem;line-height:1.5;color:var(--blog-text-secondary);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-loading[data-v-75232d7e]{display:flex;justify-content:center;padding:40px}.blog-loading-dots[data-v-75232d7e]{display:flex;gap:var(--spacing-xs)}.blog-loading-dot[data-v-75232d7e]{width:8px;height:8px;border-radius:50%!important;background:var(--blog-primary);animation:loading-bounce-75232d7e 1.4s ease-in-out infinite both}.blog-loading-dot[data-v-75232d7e]:nth-child(1){animation-delay:-.32s}.blog-loading-dot[data-v-75232d7e]:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce-75232d7e{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.blog-animate-fade-in-up[data-v-75232d7e]{opacity:0;transform:translateY(30px);animation:fadeInUp-75232d7e .6s ease forwards}.blog-animate-delay-1[data-v-75232d7e]{animation-delay:.1s}.blog-animate-delay-2[data-v-75232d7e]{animation-delay:.2s}.blog-animate-delay-3[data-v-75232d7e]{animation-delay:.3s}.blog-animate-delay-4[data-v-75232d7e]{animation-delay:.4s}.blog-animate-delay-5[data-v-75232d7e]{animation-delay:.5s}.blog-animate-delay-6[data-v-75232d7e]{animation-delay:.6s}@keyframes fadeInUp-75232d7e{to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.blog-layout[data-v-75232d7e]{grid-template-columns:350px 1fr;gap:var(--spacing-xxl)}}@media (max-width: 768px){.blog-layout[data-v-75232d7e]{grid-template-columns:1fr;gap:var(--spacing-xl)}.blog-left-column[data-v-75232d7e]{order:2}.blog-right-column[data-v-75232d7e]{order:1}.blog-articles-grid[data-v-75232d7e]{grid-template-columns:1fr}}@media (max-width: 480px){.blog-container[data-v-75232d7e]{padding:0 16px}.blog-layout[data-v-75232d7e]{padding:0}.blog-user-stats[data-v-75232d7e]{flex-direction:column;gap:var(--spacing-sm)}.blog-stat-item[data-v-75232d7e]{min-width:auto}}.card-header[data-v-75232d7e]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f5f7fa,#e6f7ff)}.header-content[data-v-75232d7e]{flex:1}.title[data-v-75232d7e]{margin:0;font-size:16px;font-weight:600;color:#303133}.subtitle[data-v-75232d7e]{margin:4px 0 0;font-size:12px;color:#909399}.refresh-section[data-v-75232d7e]{text-align:center;margin-top:15px;padding:10px 0;border-top:1px solid #f0f0f0}.refresh-btn[data-v-75232d7e]{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background-color:#f5f7fa;border:1px solid #dcdfe6;border-radius:4px;color:#606266;cursor:pointer;transition:all .3s;font-size:14px}.refresh-btn[data-v-75232d7e]:hover{background-color:#ecf5ff;border-color:#c6e2ff;color:#409eff}.refresh-btn[data-v-75232d7e]:disabled{opacity:.7;cursor:not-allowed}.spinning[data-v-75232d7e]{animation:spin-75232d7e 1s linear infinite}.empty-state[data-v-75232d7e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-state--error[data-v-75232d7e]{padding:30px 20px}.empty-icon[data-v-75232d7e]{font-size:2.5rem;margin-bottom:12px;display:block}.empty-title[data-v-75232d7e]{margin:0 0 6px;font-size:.95rem;color:#374151;font-weight:500}.empty-hint[data-v-75232d7e]{margin:0 0 16px;font-size:.8rem;color:#9ca3af}.retry-btn[data-v-75232d7e]{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;background:#6366f114;border:1px solid rgba(99,102,241,.3);border-radius:20px;color:#6366f1;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.retry-btn[data-v-75232d7e]:hover{background:#6366f1;color:#fff;border-color:#6366f1}.article-hover[data-v-75232d7e]{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer}.blog-article-item[data-v-75232d7e]:active{transform:scale(.98);transition:transform .1s}@keyframes fadeIn-75232d7e{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blog-article-item[data-v-75232d7e]{animation:fadeIn-75232d7e .3s ease-out forwards;opacity:0;animation-delay:calc(var(--index, 0) * .1s)}@keyframes spin-75232d7e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.random-articles-content[data-v-75232d7e]{padding:16px}.articles-list[data-v-75232d7e]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.article-item[data-v-75232d7e]{display:flex;gap:12px;padding:12px;border-radius:8px;background:#fff9;transition:all .2s ease;cursor:pointer;border:1px solid rgba(255,255,255,.2)}.article-item[data-v-75232d7e]:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.article-cover[data-v-75232d7e]{position:relative;width:60px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0}.cover-image[data-v-75232d7e]{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.article-item:hover .cover-image[data-v-75232d7e]{transform:scale(1.1)}.article-overlay[data-v-75232d7e]{position:absolute;bottom:0;right:0;background:#000000b3;color:#fff;padding:2px 6px;border-radius:6px 0;font-size:10px;display:flex;align-items:center;gap:2px}.article-info[data-v-75232d7e]{flex:1;min-width:0}.article-title[data-v-75232d7e]{margin:0 0 6px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-meta[data-v-75232d7e]{display:flex;gap:12px;font-size:12px;color:#666}.meta-item[data-v-75232d7e]{display:flex;align-items:center;gap:4px}.more-btn[data-v-75232d7e]{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:15px;color:#667eea;cursor:pointer;transition:all .3s ease;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000d}.more-btn[data-v-75232d7e]:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d;border-color:#667eea}.more-btn[data-v-75232d7e]:active{transform:scale(.95)}[data-v-ec4bef31]:root{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #f093fb;--success-color: #4facfe;--warning-color: #43e97b;--danger-color: #fa709a;--dark-bg: #1a1a2e;--card-bg: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--border-color: #e2e8f0;--shadow-light: 0 4px 20px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .15);--bg-primary: #ffffff;--bg-secondary: #f7fafc;--bg-tertiary: #edf2f7}[data-theme=dark][data-v-ec4bef31]{--primary-color: #7c3aed;--secondary-color: #a855f7;--accent-color: #ec4899;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--dark-bg: #0f172a;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--shadow-light: 0 4px 20px rgba(0, 0, 0, .3);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .4);--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155}.notice-section[data-v-ec4bef31]{position:relative;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:15px 0;overflow:hidden;transition:all .3s ease;height:60px;opacity:0;transform:translateY(-20px)}.notice-section.showing[data-v-ec4bef31]{opacity:1;transform:translateY(0)}.notice-section.closing[data-v-ec4bef31]{opacity:0;transform:translateY(-20px)}.notice-section.hidden[data-v-ec4bef31]{display:none;height:0;padding:0}.notice-container[data-v-ec4bef31]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:100%}.notice-header[data-v-ec4bef31]{display:flex;align-items:center;margin-right:15px}.notice-title[data-v-ec4bef31]{display:flex;align-items:center;font-size:16px;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap}.notice-title .el-icon[data-v-ec4bef31]{margin-right:5px;color:var(--primary-color)}.notice-content[data-v-ec4bef31]{flex:1;overflow:hidden;height:30px;line-height:30px}.notice-item[data-v-ec4bef31]{display:flex;align-items:center;padding:0 15px;border-radius:15px;height:30px;cursor:pointer;transition:all .3s ease;position:relative}.notice-item[data-v-ec4bef31]:hover{transform:translate(5px)}.notice-info[data-v-ec4bef31]{background-color:#667eea1a}.notice-success[data-v-ec4bef31]{background-color:#4facfe1a}.notice-warning[data-v-ec4bef31]{background-color:#43e97b1a}.notice-error[data-v-ec4bef31]{background-color:#fa709a1a}.notice-info-container[data-v-ec4bef31]{display:flex;align-items:center;overflow:hidden;flex:1}.notice-title-text[data-v-ec4bef31]{font-weight:600;color:var(--primary-color);margin-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-text[data-v-ec4bef31]{color:var(--text-primary);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.top-badge[data-v-ec4bef31]{background-color:var(--danger-color);color:#fff;font-size:12px;padding:2px 8px;border-radius:10px;margin-left:10px;flex-shrink:0}.no-notice[data-v-ec4bef31]{flex:1;text-align:center;color:var(--text-secondary);font-size:14px}@media (max-width: 768px){.notice-section[data-v-ec4bef31]{padding:10px 0;height:50px}.notice-container[data-v-ec4bef31]{padding:0 15px}.notice-title[data-v-ec4bef31]{font-size:14px}.notice-content[data-v-ec4bef31]{height:26px;line-height:26px;margin-left:10px}.notice-item[data-v-ec4bef31]{padding:0 10px;height:26px}.notice-text[data-v-ec4bef31]{font-size:13px}.top-badge[data-v-ec4bef31]{font-size:11px;padding:1px 6px}}@media (max-width: 480px){.notice-header[data-v-ec4bef31]{flex-direction:column;align-items:flex-start;margin-right:10px}.notice-title[data-v-ec4bef31]{font-size:13px;margin-bottom:5px}.notice-content[data-v-ec4bef31]{height:24px;line-height:24px}.notice-item[data-v-ec4bef31]{height:24px}.notice-text[data-v-ec4bef31]{font-size:12px}}@keyframes fadeIn-ec4bef31{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut-ec4bef31{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}[data-v-ec4bef31] .van-swipe__track{height:30px!important}[data-v-ec4bef31] .van-swipe-item{height:30px!important;display:flex;align-items:center}[data-v-ec4bef31] .van-swipe__indicators,[data-v-ec4bef31] .van-swipe__indicator{display:none!important}.hero-wave[data-v-9a10e401]{width:100%;position:absolute;left:0;bottom:20px;z-index:2;pointer-events:none;line-height:0;height:200px}.hero-banner[data-v-9a10e401]{width:100%;height:100vh;background:center center/cover no-repeat;background-attachment:fixed;max-width:100vw;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;transition:background-image .5s ease-in-out;position:relative}.hero-toolbar[data-v-9a10e401]{position:absolute;top:24px;right:32px;z-index:10;display:flex;gap:var(--spacing-md)}body.dark[data-v-9a10e401]{background:#181c27!important;color:#eee!important}body.dark .hero-banner[data-v-9a10e401]{filter:brightness(.85) contrast(1.1)}.hero-mask[data-v-9a10e401]{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(135deg,#22367b80,#0000004d,#2d5be366);z-index:1}.hero-content[data-v-9a10e401]{position:relative;z-index:1;text-align:center;color:var(--color-fff);max-width:800px;padding:0 20px}.hero-title-wrapper[data-v-9a10e401]{margin-bottom:var(--spacing-xl)}.hero-title[data-v-9a10e401]{font-size:4rem;font-weight:700;color:var(--color-fff);margin:0 0 12px;text-shadow:0 4px 20px rgba(0,0,0,.4);animation:fadeInUp-9a10e401 1s ease-out}.hero-subtitle[data-v-9a10e401]{font-size:1.2rem;color:#ffffffe6;font-weight:300;letter-spacing:2px;animation:fadeInUp-9a10e401 1s ease-out .2s both}.hero-sign[data-v-9a10e401]{display:inline-block;background:#fffffff2;color:#222;border-radius:12px;padding:12px 32px;font-size:1.3rem;font-weight:500;box-shadow:0 4px 20px #0000001a;margin-bottom:32px;animation:fadeInUp-9a10e401 1s ease-out .4s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-actions[data-v-9a10e401]{margin-bottom:32px;animation:fadeInUp-9a10e401 1s ease-out .6s both}.hero-btn[data-v-9a10e401]{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin:0 12px;padding:14px 32px;border-radius:28px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00000026;position:relative;overflow:hidden}.hero-btn[data-v-9a10e401]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.hero-btn[data-v-9a10e401]:hover:before{left:100%}.hero-btn.primary[data-v-9a10e401]{background:linear-gradient(135deg,#2d5be3,#1a3e8a);color:var(--color-fff)}.hero-btn.primary[data-v-9a10e401]:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2d5be34d}.hero-btn.secondary[data-v-9a10e401]{background:#ffffffe6;color:#2d5be3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-btn.secondary[data-v-9a10e401]:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.hero-stats[data-v-9a10e401]{display:flex;justify-content:center;gap:40px;animation:fadeInUp-9a10e401 1s ease-out .8s both}.stat-item[data-v-9a10e401]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stat-number[data-v-9a10e401]{font-size:2rem;font-weight:700;color:var(--color-fff);text-shadow:0 2px 8px rgba(0,0,0,.3)}.stat-label[data-v-9a10e401]{font-size:.9rem;color:#fffc;font-weight:300}.hero-arrow[data-v-9a10e401]{position:absolute;left:50%;bottom:120px;transform:translate(-50%);z-index:5;opacity:.8;animation:bounce-9a10e401 2s infinite;cursor:pointer;transition:all .3s;pointer-events:auto;background:transparent;width:auto;height:auto;border-radius:0}.hero-arrow[data-v-9a10e401]:hover{opacity:1;transform:translate(-50%) scale(1.1)}.hero-particles[data-v-9a10e401]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.particle[data-v-9a10e401]{position:absolute;background:#fff9;border-radius:50%;animation:float-9a10e401 linear infinite}@keyframes fadeInUp-9a10e401{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-9a10e401{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes float-9a10e401{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@media (max-width: 768px){.hero-banner[data-v-9a10e401]{height:80vh;min-height:500px}.hero-wave[data-v-9a10e401]{bottom:48px;height:160px}.hero-arrow[data-v-9a10e401]{bottom:96px}.hero-title[data-v-9a10e401]{font-size:2.5rem}.hero-subtitle[data-v-9a10e401]{font-size:1rem}.hero-sign[data-v-9a10e401]{font-size:1.1rem;padding:10px 24px}.hero-actions[data-v-9a10e401]{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.hero-btn[data-v-9a10e401]{margin:0;width:200px;justify-content:center}.hero-stats[data-v-9a10e401]{gap:var(--spacing-xxl)}.stat-number[data-v-9a10e401]{font-size:1.5rem}}.typing-cursor[data-v-9a10e401]{display:inline-block;width:1ch;animation:blink-9a10e401 1s steps(1) infinite}@keyframes blink-9a10e401{0%,50%{opacity:1}51%,to{opacity:0}}:root{--blog-bg: #f5f7fa;--blog-card-bg: #ffffff;--blog-card-shadow: 0 4px 14px rgba(0, 0, 0, .06);--blog-card-hover-shadow: 0 10px 24px rgba(0, 0, 0, .1);--blog-radius: 16px;--blog-transition: all .3s ease;--blog-primary: #6366f1;--blog-primary-light: rgba(99, 102, 241, .1);--blog-primary-dark: #4f46e5;--blog-text-primary: #1f2937;--blog-text-secondary: #6b7280;--blog-gray-50: #f9fafb;--blog-gray-100: #f3f4f6;--blog-gray-200: #e5e7eb;--blog-gray-700: #374151;--blog-gray-800: #1f2937}.dark{--blog-bg: #111827;--blog-card-bg: #1f2937;--blog-card-shadow: 0 4px 14px rgba(0, 0, 0, .35);--blog-card-hover-shadow: 0 10px 24px rgba(0, 0, 0, .45);--blog-text-primary: #f9fafb;--blog-text-secondary: #d1d5db;--blog-gray-50: #374151;--blog-gray-100: #4b5563;--blog-gray-200: #6b7280;--blog-gray-700: #374151;--blog-gray-800: #1f2937}.blog-home{background-color:var(--blog-bg);min-height:100vh;padding:0 0 60px;transition:var(--blog-transition);position:relative;overflow-x:hidden}.home-particles-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background:linear-gradient(135deg,#f8faff,#e8f2ff,#dae8ff,#c7ddff,#b3d1ff);background-size:400% 400%;animation:gradientMoveHome 20s ease-in-out infinite}@keyframes gradientMoveHome{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}.home-particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.blog-container{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:1;min-height:100vh}.blog-layout{display:grid;grid-template-columns:400px 1fr;gap:32px;padding:0 20px;align-items:start}.blog-left-column{display:flex;flex-direction:column;gap:var(--spacing-xl)}.blog-right-column{display:flex;flex-direction:column;gap:var(--spacing-xxl)}.blog-card{background:var(--blog-card-bg);box-shadow:0 8px 32px #3b82f626;border:1px solid rgba(147,197,253,.3);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;position:relative;border-radius:20px!important}.dark .blog-card{background:linear-gradient(135deg,#1f2937e6,#374151d9,#4b5563cc,#6b7280d9,#9ca3afe6);border:1px solid rgba(156,163,175,.3);box-shadow:0 8px 32px #1f293740}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #3b82f640;border-color:#3b82f680}.dark .blog-card:hover{box-shadow:0 20px 40px #1f293759}.blog-card-header{background:linear-gradient(135deg,#8b5cf6,#60a5fa,#93c5fd,#7dd3fc,#38bdf8);color:#fff;padding:20px 28px;position:relative;overflow:hidden;font-size:1.1rem;font-weight:600;letter-spacing:.5px;border-radius:20px 20px 0 0!important;box-shadow:0 4px 20px #3b82f64d;text-shadow:0 2px 4px rgba(0,0,0,.2)}.dark .blog-card-header{background:linear-gradient(135deg,#374151,#4b5563,#6b7280,#9ca3af,#d1d5db);box-shadow:0 4px 20px #1f293766}.blog-card-title{margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.blog-card-subtitle{margin:4px 0 0;font-size:.85rem;opacity:.9;font-weight:400}.blog-card-content{padding:var(--spacing-xxl);position:relative;color:#2d3748;font-size:.95rem;line-height:1.7;border-radius:16px!important;overflow:hidden!important;border:none!important;background:transparent!important}.dark .blog-card-content{color:#e2e8f0}.blog-user-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:280px;background:linear-gradient(180deg,#a7d0ff,#93c5fd 55%,#7fb8ff);color:#fff;box-shadow:0 10px 25px -5px #60a5fa59}.dark .blog-user-card{background:linear-gradient(180deg,#374151,#4b5563 55%,#1f2937);box-shadow:0 10px 25px -5px #1f293766}.blog-user-avatar{width:100px;height:100px;border:4px solid white;margin:0 auto 16px;position:relative;z-index:1;box-shadow:0 4px 20px #0000001a;transition:all .5s ease-in-out;cursor:pointer;display:block;object-fit:cover;object-position:center;aspect-ratio:1/1;overflow:hidden;border-radius:50%!important}.blog-user-avatar:hover{transform:scale(1.1) rotate(360deg);box-shadow:0 6px 25px #0003}.blog-user-name{font-size:1.4rem;font-weight:600;margin:8px 0 4px;position:relative;z-index:1}.blog-user-bio{color:#ffffffe6;font-size:.95rem;margin:0 0 24px;padding:0 20px;position:relative;z-index:1}.blog-user-stats{display:flex;justify-content:space-around;gap:var(--spacing-md);margin:24px 0;padding:16px 0;position:relative;z-index:1;background:linear-gradient(135deg,#ffffff26,#ffffff0d);box-shadow:0 4px 15px #0000001a;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;border-radius:12px!important}.blog-stat-item{text-align:center;padding:8px 12px;min-width:70px;transition:all .3s ease;border-radius:12px!important}.blog-stat-number{display:block;font-size:1.7rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:6px}.blog-stat-label{font-size:.9rem;font-weight:500;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.2)}.blog-user-socials{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg);position:relative;z-index:1}.blog-social-btn{width:36px;height:36px;border-radius:50%!important;display:flex;align-items:center;justify-content:center;background:#fff3;color:#fff;transition:var(--blog-transition);border:none;cursor:pointer;text-decoration:none}.blog-social-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.blog-tools-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.blog-tool-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:16px 20px;background:linear-gradient(135deg,#f0f9ffe6,#dbeafed9,#bfdbfee6);border:1px solid rgba(147,197,253,.4);border-radius:16px!important;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;box-shadow:0 4px 20px #3b82f61a}.dark .blog-tool-item{background:linear-gradient(135deg,#1e3a8acc,#1e40afbf,#2563ebcc);border:1px solid rgba(147,197,253,.4)}.blog-tool-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px #3b82f633;border-color:#3b82f699}.dark .blog-tool-item:hover{box-shadow:0 12px 32px #1e40af4d}.blog-tool-icon{width:48px;height:48px;border-radius:12px!important;background:linear-gradient(135deg,#3b82f626,#93c5fd33,#3b82f626);border:2px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;color:#6d28d9;font-size:1.4rem;transition:all .3s ease;box-shadow:0 4px 15px #3b82f61a}.dark .blog-tool-icon{background:linear-gradient(135deg,#60a5fa33,#93c5fd40,#60a5fa33);border:2px solid rgba(203,213,225,.4);color:#93c5fd}.blog-tool-item:hover .blog-tool-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px #3b82f633}.blog-tool-info{flex:1}.blog-tool-name{font-weight:500;margin-bottom:2px}.blog-tool-desc{font-size:.8rem;color:var(--blog-text-secondary)}.blog-quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.blog-quick-link{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:16px 12px;background:linear-gradient(135deg,#f0f9ffe6,#dbeafed9,#bfdbfee6);border:1px solid rgba(147,197,253,.4);border-radius:12px!important;transition:all .3s ease;cursor:pointer;text-decoration:none;color:inherit}.dark .blog-quick-link{background:linear-gradient(135deg,#1e3a8acc,#1e40afbf,#2563ebcc);border:1px solid rgba(147,197,253,.4)}.blog-quick-link:hover{transform:translateY(-3px);box-shadow:0 8px 25px #3b82f633;border-color:#3b82f699}.blog-quick-icon{width:40px;height:40px;border-radius:50%!important;background:linear-gradient(135deg,#8b5cf6,#60a5fa);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;box-shadow:0 4px 15px #3b82f64d}.blog-quick-label{font-size:.85rem;font-weight:500;text-align:center}.blog-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.blog-stat-card{text-align:center;padding:20px 12px;background:linear-gradient(135deg,#f0f9ffe6,#dbeafed9,#bfdbfee6);border:1px solid rgba(147,197,253,.3);border-radius:16px!important;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.dark .blog-stat-card{background:linear-gradient(135deg,#0f172ae6,#1e293bd9,#334155e6);border:1px solid rgba(147,197,253,.3)}.blog-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3b82f626}.blog-stat-card .blog-stat-icon{width:48px;height:48px;border-radius:50%!important;background:linear-gradient(135deg,#8b5cf6,#60a5fa);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff;font-size:1.4rem;box-shadow:0 4px 20px #3b82f64d}.blog-stat-card .blog-stat-number{font-size:1.8rem;font-weight:700;color:var(--blog-text-primary);margin-bottom:var(--spacing-xs)}.blog-stat-card .blog-stat-label{font-size:.85rem;color:var(--blog-text-secondary)}.blog-hot-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.hot-item-card{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#f0f9ffe6,#dbeafed9,#bfdbfee6);border:1px solid rgba(147,197,253,.4);border-radius:16px!important;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit}.dark .hot-item-card{background:linear-gradient(135deg,#1e3a8acc,#1e40afbf,#2563ebcc);border:1px solid rgba(147,197,253,.4)}.hot-item-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3b82f633}.hot-thumb{position:relative;width:80px;height:80px;border-radius:12px!important;overflow:hidden;flex-shrink:0}.hot-thumb img{width:100%;height:100%;object-fit:cover}.hot-rank{position:absolute;top:-4px;right:-4px;width:24px;height:24px;border-radius:50%!important;background:#8b5cf6;color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.hot-rank.rank-1{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.hot-rank.rank-2{background:linear-gradient(135deg,#6b7280,#9ca3af)}.hot-rank.rank-3{background:linear-gradient(135deg,#cd7c2f,#d97706)}.hot-info{flex:1;min-width:0}.hot-title{font-weight:600;margin-bottom:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.hot-meta{display:flex;gap:var(--spacing-lg);font-size:.8rem;color:var(--blog-text-secondary)}.blog-tags-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.blog-tag{padding:8px 16px;background:linear-gradient(135deg,#3b82f61a,#93c5fd26,#3b82f61a);color:#6d28d9;border:1px solid rgba(59,130,246,.3);border-radius:20px!important;font-size:.85rem;cursor:pointer;transition:all .3s ease}.dark .blog-tag{background:linear-gradient(135deg,#60a5fa26,#93c5fd33,#60a5fa26);color:#93c5fd;border:1px solid rgba(147,197,253,.4)}.blog-tag:hover{background:linear-gradient(135deg,#8b5cf6,#60a5fa);color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #3b82f64d}.blog-comments-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.blog-comment-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#f0f9ffe6,#dbeafed9,#bfdbfee6);border:1px solid rgba(147,197,253,.4);border-radius:16px!important;transition:all .3s ease}.dark .blog-comment-item{background:linear-gradient(135deg,#1e3a8acc,#1e40afbf,#2563ebcc);border:1px solid rgba(147,197,253,.4)}.blog-comment-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.blog-comment-avatar{width:48px;height:48px;border-radius:50%!important;overflow:hidden;flex-shrink:0;border:2px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;background-color:#f1f5f9}.blog-comment-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #e2e8f0;background-color:#f8fafc;transition:all .3s ease}.blog-comment-avatar img.default-avatar{background-color:#e2e8f0;padding:5px}.blog-comment-avatar img[src=""]{visibility:hidden}.avatar-placeholder{width:40px!important;height:40px!important;border-radius:50%!important;background:linear-gradient(135deg,#f0f0f0,#e0e0e0)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#999!important;font-size:14px!important;font-weight:600!important;border:2px solid #e2e8f0!important;transition:all .3s ease!important}.dark .avatar-placeholder{background:linear-gradient(135deg,#374151,#4b5563)!important;color:#9ca3af!important;border-color:#4b5563!important}.blog-comment-content{flex:1;min-width:0}.blog-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.blog-comment-author{font-weight:600;color:var(--blog-text-primary);font-size:.9rem}.blog-comment-time{font-size:.75rem;color:var(--blog-text-secondary)}.blog-comment-text{font-size:.9rem;line-height:1.5;margin-bottom:var(--spacing-sm);color:var(--blog-text-primary)}.blog-comment-article{font-size:.8rem;color:var(--blog-text-secondary)}.blog-comment-article a{color:#8b5cf6;text-decoration:none;font-weight:500}.blog-comment-article a:hover{text-decoration:underline}.blog-friends-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.blog-friend-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#f0f9ffe6,#dbeafed9,#bfdbfee6);border:1px solid rgba(147,197,253,.4);border-radius:16px!important;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit}.dark .blog-friend-item{background:linear-gradient(135deg,#1e3a8acc,#1e40afbf,#2563ebcc);border:1px solid rgba(147,197,253,.4)}.blog-friend-item:hover{transform:translateY(-3px);box-shadow:0 12px 32px #3b82f633}.blog-friend-avatar{width:48px;height:48px;border-radius:50%!important;object-fit:cover;border:2px solid rgba(59,130,246,.3)}.blog-friend-info{flex:1}.blog-friend-name{font-weight:600;margin-bottom:var(--spacing-xs);font-size:.95rem}.blog-friend-desc{font-size:.8rem;color:var(--blog-text-secondary)}.blog-articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xxl)}.blog-article-item{background:var(--blog-card-bg);border:1px solid rgba(147,197,253,.3);border-radius:18px!important;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 25px #3b82f61f}.dark .blog-article-item{background:linear-gradient(135deg,#0f172ae6,#1e293bd9,#334155cc,#1e3a8ad9,#1e40afe6);border:1px solid rgba(147,197,253,.3);box-shadow:0 6px 25px #1e40af33}.blog-article-item:hover{transform:translateY(-6px);box-shadow:0 16px 40px #3b82f633;border-color:#6b728080}.dark .blog-article-item:hover{box-shadow:0 16px 40px #1e40af4d}.blog-article-cover{position:relative;height:160px;overflow:hidden}.blog-article-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-article-item:hover .blog-article-cover img{transform:scale(1.05)}.blog-article-info{padding:var(--spacing-lg)}.blog-article-title{margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.4}.blog-article-title a{color:var(--blog-text-primary);text-decoration:none}.blog-article-title a:hover{color:var(--blog-primary)}.blog-article-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.8rem;color:var(--blog-text-secondary)}.blog-meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.blog-article-summary{font-size:.85rem;line-height:1.5;color:var(--blog-text-secondary);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-loading{display:flex;justify-content:center;padding:40px}.blog-loading-dots{display:flex;gap:var(--spacing-xs)}.blog-loading-dot{width:8px;height:8px;border-radius:50%!important;background:var(--blog-primary);animation:loading-bounce 1.4s ease-in-out infinite both}.blog-loading-dot:nth-child(1){animation-delay:-.32s}.blog-loading-dot:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.blog-animate-fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards}.blog-animate-delay-1{animation-delay:.1s}.blog-animate-delay-2{animation-delay:.2s}.blog-animate-delay-3{animation-delay:.3s}.blog-animate-delay-4{animation-delay:.4s}.blog-animate-delay-5{animation-delay:.5s}.blog-animate-delay-6{animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.blog-layout{grid-template-columns:350px 1fr;gap:var(--spacing-xxl)}}@media (max-width: 768px){.blog-layout{grid-template-columns:1fr;gap:var(--spacing-xl)}.blog-left-column{order:2}.blog-right-column{order:1}.blog-articles-grid{grid-template-columns:1fr}}@media (max-width: 480px){.blog-container{padding:0 16px}.blog-layout{padding:0}.blog-user-stats{flex-direction:column;gap:var(--spacing-sm)}.blog-stat-item{min-width:auto}}:root{--global-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*:not(code):not(pre):not(.code):not([class*=mono]):not([class*=courier]){font-family:var(--global-font-family)!important}body,html,div,span,p,h1,h2,h3,h4,h5,h6,a,button,input,textarea,select,label,.el-button,.el-input,.el-select,.el-form-item,.admin-settings,.settings-content,.font-preview,#app,.app-container,.main-content,.el-dialog,.el-message,.el-notification,.el-tooltip,.el-popover,.el-dropdown-menu,.el-select-dropdown,.el-cascader-panel,.el-time-panel,.el-date-picker,.admin-layout,.admin-dashboard,.admin-articles,.admin-users,.admin-comments,.el-input__inner,.el-textarea__inner,.el-select .el-input__inner,.el-form-item__label,.el-table,.el-table__cell,.el-table__header-wrapper,.el-table__body-wrapper,.el-menu,.el-menu-item,.el-submenu__title,.el-tabs__header,.el-tabs__nav,.el-tabs__item,*,.el-button *,.el-input *,.el-textarea,.el-textarea *,.el-select *,.el-select-dropdown *,.el-option,.el-option *,.el-form,.el-form *,.el-form-item *,.el-form-item__content,.el-table *,.el-table__header,.el-table__body,.el-card,.el-card *,.el-card__header,.el-card__body,.el-menu *,.el-submenu,.el-submenu *,.el-tabs,.el-tabs *,.el-tab-pane,.el-dialog *,.el-dialog__header,.el-dialog__body,.el-message *,.el-notification *,.el-tooltip *,.el-popover *,.el-dropdown,.el-dropdown *,.el-dropdown-menu *,.el-dropdown-item,.admin-settings *,.admin-users *,.admin-articles *,.admin-comments *,.admin-danmaku,.admin-danmaku *,.admin-layout *,.admin-dashboard *,.page-title,.page-desc,.card-header,.toolbar,.toolbar *,.font-preview *,.preview-text,.preview-text *,.font-options,.font-options *,#font-preview-container,#font-preview-container p{font-family:var(--global-font-family)!important}code,pre,.code,[class*=mono],[class*=courier],.hljs,.hljs *{font-family:Courier New,Consolas,Monaco,monospace!important}html,body{overflow:auto;scrollbar-width:thin;scrollbar-color:#87ceeb #f0f8ff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f0f8ff;border-radius:5px}::-webkit-scrollbar-thumb{background:#87ceeb;border-radius:5px;border:2px solid #b0e0e6}::-webkit-scrollbar-thumb:hover{background:#5f9ea0;border-color:#4682b4}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:#87ceeb #f0f8ff}