/* 全局重置和基础样式 */
* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
    font-family: 'Inter', 'PingFang SC', sans-serif; 
}

body {
    background-color: var(--bg-color);
    background-image: radial-gradient(#E2E8F0 1px, transparent 1px);
    background-size: 30px 30px;
    height: 100vh;
    overflow: hidden;
    display: flex;
}

/* 布局容器 */
.layout-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}

/* 主内容区域 */
.main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

/* 滚动条样式 */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94A3B8;
}

::-webkit-scrollbar-track {
    background: transparent;
}