:root {--primary-color: #3b5998;
            --primary-hover: #2d4373;
            --bg-color: #f5f7fa;
            --border-color: #e5e7eb;
            --text-main: #1f2937;
            --text-muted: #6b7280;
            --sidebar-bg: #ffffff;
            --success-color: #10b981;
            --warning-color: #f59e0b;
            --danger-color: #ef4444;
            --ai-purple: #8b5cf6;}

body {background-color: var(--bg-color);
            color: var(--text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            margin: 0;
            overflow: hidden;}
        ::-webkit-scrollbar {width: 6px; height: 6px;}
        ::-webkit-scrollbar-thumb {background: #d1d5db; border-radius: 3px;}
        ::-webkit-scrollbar-track {background: transparent;}
        /* ================= 顶部导航栏 ================= */
        .top-header {height: 60px;
            background: #fff;
            border-bottom: 1px solid var(--border-color);
            display: flex;
            align-items: center;
            padding: 0 20px;
            position: fixed;
            top: 0; left: 0; right: 0;
            z-index: 100;}
        .logo-area {display: flex; align-items: center; font-size: 18px; font-weight: bold; width: 220px;}
        .logo-icon {background: var(--primary-color); color: white; border-radius: 8px;
            width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; margin-right: 10px;}
        .logo-text {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; line-height: 1.2;}
        .logo-title {font-size: 18px; font-weight: bold;}
        .logo-subtitle {font-size: 12px; font-weight: normal; color: #6b7280; margin-top: 2px;}
        .search-area {flex: 1; max-width: 600px; margin: 0 20px; position: relative;}
        .search-area input {width: 100%; height: 38px; border-radius: 20px; border: 1px solid var(--border-color);
            padding: 0 40px 0 15px; background: #f9fafb; outline: none;}
        .search-area .layui-icon {position: absolute; right: 15px; top: 11px; color: var(--text-muted);}
        .header-actions {flex: 1; display: flex; justify-content: flex-end; align-items: center; gap: 15px;}
        .btn-ai-plan {background: var(--primary-color); color: white; border-radius: 20px; padding: 6px 15px;
            font-size: 13px; cursor: pointer; display: flex; align-items: center; gap: 5px;}
        /* ================= 主容器布局 ================= */
        .app-container {display: flex; margin-top: 60px; height: calc(100vh - 60px);}
        /* --- 左侧导航 --- */
        .sidebar-left {width: 240px; background: var(--sidebar-bg); border-right: 1px solid var(--border-color);
            display: flex; flex-direction: column; overflow-y: auto;}
        .nav-group-title {font-size: 12px; color: var(--text-muted); padding: 20px 20px 10px;}
        .nav-menu {list-style: none; padding: 0; margin: 0;}
        .nav-menu li {padding: 10px 20px; margin: 2px 10px; border-radius: 6px; cursor: pointer;
            display: flex; align-items: center; color: #4b5563; transition: all 0.2s;}
        .nav-menu li:hover {background: #f3f4f6;}
        .nav-menu li.active {background: #eff6ff; color: var(--primary-color); font-weight: 500;}
        .nav-menu li i {margin-right: 12px; font-size: 16px; width: 20px; text-align: center;}
        .nav-menu li .layui-badge {margin-left: auto; background: #f3f4f6; color: #6b7280; border-radius: 10px; padding: 0 8px; font-size: 12px;}
        .nav-menu li.active .layui-badge {background: var(--primary-color); color: white;}
        .sidebar-bottom {margin-top: auto; padding: 15px; border-top: 1px solid var(--border-color); font-size: 12px;}
        .status-item {display: flex; align-items: center; gap: 5px; margin-bottom: 10px; color: var(--success-color);}
        .status-dot {width: 8px; height: 8px; border-radius: 50%; background: currentColor;}
        .quota-bar {background: #e5e7eb; height: 4px; border-radius: 2px; margin-top: 5px; overflow: hidden;}
        .quota-inner {height: 100%; background: var(--primary-color); width: 64%;}
        /* --- 中间内容区 (工作台) --- */
        /* 实用类 */
        .bg-blue {background: #3b82f6;}