/* ========== 全局间距变量（核心：可微调所有间距） ========== */
:root {
    /* 配置项标签和数值的间距（已设为45px） */
    --label-value-gap: 45px; 
    /* 三个彩色标签的水平间距（标签之间的距离），默认10px，可自行修改 */
    --tag-horizontal-gap: 10px;
    /* 三个彩色标签的垂直间距（标签上下/换行后的距离），默认8px，可自行修改 */
    --tag-vertical-gap: 8px;

    /* 备注标签专属变量（优化：更小字号+胶囊边框） */
    --note-cpu-border: #d8b4fe;    /* CPU边框：极浅紫 */
    --note-memory-border: #abf5d1; /* 内存边框：极浅绿 */
    --note-disk-border: #d1d5db;   /* 磁盘边框：极浅灰 */
    --note-ip-border: #fed7aa;     /* IP边框：极浅橙 */
    --note-text: #666;             /* 兜底文字色 */
    --note-bg: transparent;        /* 背景完全透明 */
    --note-font-size: 12px;         /* 备注强制8px字号 */
    --note-radius: 999px;          /* 胶囊样式圆角（超大值） */
}

/* ========== 配置信息容器样式 ========== */
.config-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 14px; /* 配置值默认字号14px */
    padding: 3px 0;
    /* 消除容器可能的透明度影响 */
    opacity: 1 !important;
}

/* 配置行样式：保留图标和标签的5px近距离，不改动 */
.config-row {
    display: flex;
    align-items: center;
    gap: 5px;
    /* 确保行容器无透明度 */
    opacity: 1 !important;
}

/* 配置图标通用样式 */
.config-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 1px;
    flex-shrink: 0;
}

/* 不同图标背景色（按模块分类） */
.config-icon--cpu { background: #f3e8ff; }
.config-icon--memory { background: #ecfdf5; }
.config-icon--disk { background: #f3f4f6; }
.config-icon--bandwidth { background: #eff6ff; }
.config-icon--line { background: #f0fdf4; }
.config-icon--ip { background: #f1f5f9; }
.config-icon--defense { background: #fff7ed; }
.config-icon--system { background: #f5fafe; }

/* 配置标签核心样式【纯黑+强加粗】 */
.config-label {
    width: 45px;
    color: #000 !important; /* 强制纯黑色，无任何杂色 */
    margin-right: var(--label-value-gap);
    flex-shrink: 0;
    text-align: left;
    font-weight: 900 !important; /* 最高级加粗，视觉厚重 */
    font-size: 14px; /* 固定14px */
    /* 消除文字抗锯齿导致的发虚 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 配置值样式【核心优化：纯黑+加重+消除发虚】 */
.config-value {
    font-weight: 700 !important; /* 从600提至700，更厚重 */
    color: #000 !important; /* 强制纯黑#000，彻底消除白蒙蒙 */
    font-size: 14px !important; /* 强制14px，尺寸稳定 */
    line-height: 1.2 !important; /* 行高适配，文字更饱满 */
    /* 优化文字渲染，消除模糊/发虚 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* 确保无透明度/阴影干扰 */
    opacity: 1 !important;
    text-shadow: none !important;
}

/* 配置备注样式【胶囊+小字号，不抢焦点】 */
.config-note {
    color: var(--note-text); 
    font-size: var(--note-font-size) !important; /* 8px小字号 */
    margin-left: 4px; 
    font-weight: 400; 
    padding: 0.5px 4px !important; /* 极致紧凑 */
    background-color: var(--note-bg); 
    border: 1px solid #eee; 
    border-radius: var(--note-radius); /* 胶囊样式 */
    line-height: 1 !important; 
    display: inline-block; 
    box-sizing: border-box; 
    font-family: inherit;
    text-align: center;
    /* 备注文字渲染优化 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 不同模块备注标签：边框色=文字色+胶囊边框 */
.config-note--cpu { 
    border-color: var(--note-cpu-border); 
    color: var(--note-cpu-border) !important; 
}    
.config-note--memory { 
    border-color: var(--note-memory-border); 
    color: var(--note-memory-border) !important; 
}
.config-note--disk { 
    border-color: var(--note-disk-border); 
    color: var(--note-disk-border) !important; 
}
.config-note--ip { 
    border-color: var(--note-ip-border); 
    color: var(--note-ip-border) !important; 
}

/* ========== 分隔线样式 ========== */
.content-divider {
    height: 1px;
    background-color: #e5e7eb;
    margin: 8px 0;
    border: none;
    width: 100%;
}

/* ========== 表格基础样式 ========== */
table.tftable {
    font-size: 15px;
    color: #000 !important; /* 表格文字纯黑 */
    width: 100%;
    border-width: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    opacity: 1 !important;
}

table.tftable td {
    font-size: 15px;
    border-width: 0;
    padding: 4px;
    color: #000 !important; /* 单元格文字纯黑 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ========== vps99_net标签基础样式 ========== */
.vps99_net {
    margin: 0 var(--tag-horizontal-gap) var(--tag-vertical-gap) 0 !important;
    padding: 0 8px !important;
    height: 24px !important;
    min-width: max-content !important;
    min-width: -webkit-max-content !important;
    min-width: -moz-max-content !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 24px !important;
    border-radius: 2px !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    color: inherit;
    /* 彩色标签文字渲染优化 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 三个标签的不同颜色 */
.vps99_net--line {
    background-color: rgba(235, 244, 255, 1) !important;
    color: rgba(30, 80, 180, 1) !important;
}
.vps99_net--os {
    background-color: rgba(240, 253, 244, 1) !important;
    color: rgba(10, 140, 60, 1) !important;
}
.vps99_net--record {
    background-color: rgba(255, 247, 237, 1) !important;
    color: rgba(230, 120, 30, 1) !important;
}