.mobile-layout[data-v-71525aac]{min-height:100vh;min-height:100dvh;background:var(--bg-secondary, #f5f7fa);touch-action:manipulation;overflow-x:hidden}.drawer-overlay[data-v-71525aac]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:900}.fade-enter-active[data-v-71525aac],.fade-leave-active[data-v-71525aac]{transition:opacity .25s}.fade-enter-from[data-v-71525aac],.fade-leave-to[data-v-71525aac]{opacity:0}.drawer-menu[data-v-71525aac]{position:fixed;top:0;left:0;width:280px;height:100%;height:100dvh;background:linear-gradient(180deg,#1f2d3d,#304156);z-index:950;transform:translate(-280px);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);overflow-y:auto;-webkit-overflow-scrolling:touch}.drawer-header[data-v-71525aac]{padding:24px 20px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.drawer-logo[data-v-71525aac]{height:28px;margin-bottom:16px}.drawer-user[data-v-71525aac]{display:flex;align-items:center;gap:10px}.drawer-avatar[data-v-71525aac]{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.drawer-username[data-v-71525aac]{color:#fff;font-size:15px;font-weight:500}.drawer-nav[data-v-71525aac]{flex:1;padding:8px 0}.drawer-nav-item[data-v-71525aac]{display:flex;align-items:center;gap:14px;padding:14px 20px;color:#ffffffbf;font-size:15px;cursor:pointer;min-height:48px;transition:background .2s}.drawer-nav-item[data-v-71525aac]:active{background:#ffffff1f}.drawer-nav-item.active[data-v-71525aac]{color:#409eff;background:#409eff26;border-right:3px solid #409eff}.drawer-nav-item.logout[data-v-71525aac]{color:#ff6464d9}.drawer-footer[data-v-71525aac]{border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom)}.drawer-mode[data-v-71525aac]{padding:12px 20px 8px}.drawer-mode-title[data-v-71525aac]{font-size:12px;color:#fff9;margin-bottom:8px}.drawer-mode-actions[data-v-71525aac]{display:flex;gap:8px}.drawer-mode-btn[data-v-71525aac]{border:1px solid rgba(255,255,255,.25);background:#ffffff0f;color:#ffffffd9;border-radius:999px;font-size:12px;padding:6px 10px;min-height:32px}.drawer-mode-btn.active[data-v-71525aac]{background:#409eff38;border-color:#409effa6;color:#9bc9ff}.mobile-top-bar[data-v-71525aac]{position:sticky;top:0;z-index:200;height:56px;padding-top:env(safe-area-inset-top);background:linear-gradient(135deg,#304156,#1f2d3d);display:flex;align-items:center;justify-content:space-between;padding-left:12px;padding-right:12px;box-shadow:0 2px 8px #00000026}.top-bar-left[data-v-71525aac]{display:flex;align-items:center;gap:10px}.hamburger-btn[data-v-71525aac]{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:none;border:none;cursor:pointer}.hamburger-line[data-v-71525aac]{display:block;width:22px;height:2px;background:#fff;border-radius:1px}.top-bar-logo[data-v-71525aac]{height:26px}.top-bar-right[data-v-71525aac]{display:flex;align-items:center;gap:6px}.icon-btn[data-v-71525aac]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#ffffffd9;border-radius:50%}.icon-btn[data-v-71525aac]:active{background:#ffffff1f}.avatar-btn[data-v-71525aac]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer}.top-bar-avatar[data-v-71525aac]{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.mobile-page-content[data-v-71525aac]{min-height:calc(100vh - 56px);min-height:calc(100dvh - 56px);padding-bottom:calc(72px + env(safe-area-inset-bottom))}.mobile-bottom-nav[data-v-71525aac]{position:fixed;left:0;right:0;bottom:0;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#1f2d3dfa;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(5,1fr);z-index:850;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.bottom-tab-btn[data-v-71525aac]{border:none;background:transparent;color:#ffffffb8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;cursor:pointer}.bottom-tab-btn.active[data-v-71525aac]{color:#5da8ff}.bottom-tab-btn[data-v-71525aac]:active{background:#ffffff14}.notifications-list[data-v-71525aac]{padding:0}.notification-item[data-v-71525aac]{display:flex;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid var(--border-light, #eee);position:relative;min-height:44px}.notification-item[data-v-71525aac]:active{background:var(--bg-secondary, #f5f5f5)}.notification-icon[data-v-71525aac]{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--bg-secondary, #f5f5f5);display:flex;align-items:center;justify-content:center}.notification-content[data-v-71525aac]{flex:1}.notification-title[data-v-71525aac]{font-size:15px;font-weight:600;margin-bottom:4px}.notification-message[data-v-71525aac]{font-size:13px;color:var(--text-secondary, #666);line-height:1.4;margin-bottom:4px}.notification-time[data-v-71525aac]{font-size:12px;color:var(--text-tertiary, #999)}.notification-badge[data-v-71525aac]{position:absolute;top:20px;right:16px;width:8px;height:8px;border-radius:50%;background:var(--danger-color, #f56c6c)}@media (min-width: 769px){.mobile-layout[data-v-71525aac]{display:none}}.layout-container[data-v-945f445b]{height:100vh;display:flex;flex-direction:column}.mode-tag[data-v-945f445b]{margin-right:8px}.top-header[data-v-945f445b]{background:linear-gradient(135deg,#304156,#1f2d3d);border-bottom:2px solid #409eff;padding:0;height:42px;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.top-header.is-collapsed[data-v-945f445b]{transform:translateY(-42px)}.header-toggle-btn[data-v-945f445b]{position:fixed;top:42px;left:50%;transform:translate(-50%);width:50px;height:20px;background:linear-gradient(135deg,#304156,#1f2d3d);border:1px solid #409eff;border-top:none;border-radius:0 0 10px 10px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:998;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.top-header.is-collapsed+.header-toggle-btn[data-v-945f445b]{top:0;z-index:1001}.header-toggle-btn[data-v-945f445b]:hover{background:linear-gradient(135deg,#409eff,#2d7dd2);height:24px}.header-toggle-btn .el-icon[data-v-945f445b]{color:#fff;font-size:14px;transition:color .3s}.header-toggle-btn:hover .el-icon[data-v-945f445b]{color:#fff}.header-content[data-v-945f445b]{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 20px}.header-left[data-v-945f445b]{display:flex;align-items:center;gap:30px;flex:1}.logo-section[data-v-945f445b]{display:flex;align-items:center;gap:10px;padding:5px 0}.logo-image[data-v-945f445b]{height:32px;max-height:32px;width:auto;max-width:180px;object-fit:contain;object-position:left center;cursor:pointer;transition:transform .3s ease;display:block}.logo-image[data-v-945f445b]:hover{transform:scale(1.05)}.top-menu[data-v-945f445b]{border-bottom:none;background:transparent;flex:1}.top-menu .el-menu-item[data-v-945f445b]{color:#fffc;border-bottom:2px solid transparent;height:42px;line-height:42px;padding:0 12px;display:flex;align-items:center;gap:5px}.top-menu .el-menu-item[data-v-945f445b]:hover{background-color:#ffffff1a;color:#fff}.top-menu .el-menu-item.is-active[data-v-945f445b]{background-color:#409eff33;color:#409eff;border-bottom-color:#409eff}.top-menu .el-menu-item .el-icon[data-v-945f445b]{font-size:16px}.top-menu .el-menu-item span[data-v-945f445b]{font-size:13px}.menu-badge-icon[data-v-945f445b]{width:16px;height:16px;object-fit:contain;vertical-align:middle}.header-actions[data-v-945f445b]{display:flex;align-items:center;gap:15px}.admin-entrance[data-v-945f445b]{display:flex;align-items:center}.admin-btn[data-v-945f445b]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #ff6b6b4d;transition:all .3s ease}.admin-btn[data-v-945f445b]:hover{background:linear-gradient(135deg,#ee5a24,#ff6b6b);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b66}.admin-btn[data-v-945f445b]:active{transform:translateY(0)}.user-info[data-v-945f445b]{display:flex;align-items:center;gap:8px;cursor:pointer;color:#fff;padding:8px 12px;border-radius:4px;transition:all .3s}.user-info[data-v-945f445b]:hover{background-color:#ffffff1a}.user-badge[data-v-945f445b]{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.user-info:hover .user-badge[data-v-945f445b]{border-color:#fff9;transform:scale(1.05)}.main-content[data-v-945f445b]{background-color:#f5f7fa;padding:0;margin-top:42px;height:calc(100vh - 42px);overflow:auto;position:relative;transition:all .3s ease;z-index:1}.main-content.header-collapsed[data-v-945f445b]{margin-top:0;height:100vh}.main-content[data-v-945f445b]>:not(.professional-trading){padding:var(--content-padding);min-height:100%;width:100%}@media (max-width: 1200px){.top-menu .el-menu-item span[data-v-945f445b]{display:none}.top-menu .el-menu-item[data-v-945f445b]{padding:0 8px}.logo-image[data-v-945f445b]{height:28px;max-height:28px;max-width:140px}}@media (max-width: 768px){.header-left[data-v-945f445b]{gap:8px}.logo-image[data-v-945f445b]{height:26px;max-height:26px;max-width:100px}.main-content[data-v-945f445b]>:not(.professional-trading){padding:var(--content-padding)}.top-menu[data-v-945f445b]{overflow-x:auto;overflow-y:hidden}.top-menu[data-v-945f445b]::-webkit-scrollbar{height:3px}.top-menu[data-v-945f445b]::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:2px}}
