/* assets/css/layout.css (自适应修正版) */

/* --- 3. 核心布局 --- */
.container {
    display: flex;
    gap: 20px;
    padding: 20px;
    height: 100vh;
    width: 100%; /* [新增] 让容器占满整个屏幕宽度 */
    max-width: 1920px; /* [新增] 在超大屏幕上限制最大宽度，防止内容过散 */
    margin: 0 auto; /* [新增] 当达到最大宽度时，在屏幕上居中 */
    /* [移除] justify-content: center; 和 overflow: hidden; */
}

/* --- 7. 右侧面板: 用户信息 --- */
/* (这部分样式无需改变) */
.user-info { 
    border-left: 2px solid var(--primary-glow); 
    padding-left: 15px; 
    margin-bottom: 40px; 
}
.info-line { 
    margin-bottom: 10px; 
}
.info-line .label { 
    color: var(--text-dim); 
    margin-right: 10px; 
}
.info-line .value { 
    color: var(--text-color); 
    font-weight: 700; 
}
.user-actions { 
    display: flex; 
    flex-direction: column; 
    gap: 15px; 
}
.action-btn { 
    text-decoration: none; 
    color: var(--text-dim); 
    border: 1px solid var(--panel-border); 
    padding: 10px; 
    text-align: center; 
    transition: all 0.3s ease; 
    cursor: pointer; 
}
.action-btn:hover { 
    color: var(--primary-glow); 
    border-color: var(--primary-glow); 
    box-shadow: 0 0 10px var(--primary-glow) inset; 
}