nmWTAI-Platform/Bin/Config/Common/WTAI_2k-ai.css

/*
* WTAI FLAT UI - Professional Qt4.8 StyleSheet
* 专业的扁平化设计系统
* 设计原则：简约、一致、实用
* 配色方案：蓝白灰主色调，橙色点缀
*/

/* ============ 设计系统变量（实际使用时替换） ============ */
/* 主色调：#2980b9（深蓝）*/
/* 辅色调：#3498db（亮蓝）*/
/* 强调色：#e74c3c（红色）*/
/* 成功色：#27ae60（绿色）*/
/* 背景色：#f8f9fa（浅灰）*/
/* 文字色：#2c3e50（深灰）*/
/* 边框色：#dfe4e8（浅边框）*/

/* ============ 基础重置 ============ */
* {
    font-family: 'Microsoft YaHei', 'Segoe UI', sans-serif;
    font-size: 9pt;
    background-color: transparent;
    outline: none;
}

QWidget {
    background-color: #f8f9fa;
}

/* ============ 按钮系统 ============ */
/* 基础按钮 */
QPushButton {
    background-color: #ffffff;
    color: #2c3e50;
    border: 1px solid #dfe4e8;
    border-radius: 4px;
    padding: 6px 16px;
    min-height: 30px;
    min-width: 80px;
    
    /* 字体优化 */
    font-weight: 500;
    letter-spacing: 0.3px;
}

QPushButton:hover {
    background-color: #f1f5f9;
    border-color: #bdc3c7;
}

QPushButton:pressed {
    background-color: #e8f4fc;
    border-color: #3498db;
}

QPushButton:checked {
    background-color: #2980b9;
    color: white;
    border-color: #2980b9;
}

/* 主按钮 */
QPushButton.primary {
    background-color: #2980b9;
    color: white;
    border: none;
}

QPushButton.primary:hover {
    background-color: #3498db;
}

/* 工具按钮 */
QToolButton {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px;
    min-width: 24px;
    min-height: 24px;
}

QToolButton:hover {
    background-color: rgba(52, 152, 219, 0.1);
}

QToolButton:pressed, QToolButton:checked {
    background-color: rgba(52, 152, 219, 0.2);
}

/* ============ 输入控件 ============ */
QLineEdit, QTextEdit, QPlainTextEdit {
    background-color: white;
    border: 1px solid #dfe4e8;
    border-radius: 4px;
    padding: 7px 10px;
    selection-background-color: #3498db;
    selection-color: white;
}

QLineEdit:focus, QTextEdit:focus, QPlainTextEdit:focus {
    border-color: #3498db;
    background-color: white;
}

QLineEdit[readOnly="true"] {
    background-color: #f8f9fa;
    color: #7f8c8d;
}

/* ============ 标签页系统（重点优化） ============ */
QTabWidget::pane {
    border: 1px solid #dfe4e8;
    border-top: none;
    background-color: white;
    border-radius: 0 0 4px 4px;
}

QTabBar::tab {
    background-color: #ecf0f1;
    color: #2c3e50;
    border: 1px solid #dfe4e8;
    border-bottom: none;
    padding: 8px 20px;
    margin-right: 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    min-width: 100px;
    
    /* 字体优化 */
    font-weight: 500;
}

QTabBar::tab:selected {
    background-color: white;
    color: #2980b9;
    font-weight: 600;
    border-bottom: 2px solid #2980b9;
}

QTabBar::tab:hover:!selected {
    background-color: #f5f7fa;
    color: #3498db;
}

/* 左侧标签页 */
QTabBar::tab:left {
    min-height: 60px;
}

/* ============ 数据表格系统 ============ */
QTableView, QTableWidget {
    background-color: white;
    border: 1px solid #dfe4e8;
    alternate-background-color: #f8f9fa;
    selection-background-color: #3498db;
    selection-color: white;
    gridline-color: #ecf0f1;
}

QTableView QHeaderView::section,
QTableWidget QHeaderView::section {
    background-color: #f1f5f9;
    color: #2c3e50;
    border: none;
    border-right: 1px solid #dfe4e8;
    border-bottom: 2px solid #dfe4e8;
    padding: 8px 12px;
    font-weight: 600;
}

QTableView QHeaderView,
QTableWidget QHeaderView {
    background-color: transparent;
}

/* ============ 树形视图 ============ */
QTreeView, QTreeWidget {
    background-color: white;
    border: 1px solid #dfe4e8;
    selection-background-color: #3498db;
    selection-color: white;
}

QTreeView QHeaderView::section,
QTreeWidget QHeaderView::section {
    background-color: #f1f5f9;
    color: #2c3e50;
    border: none;
    border-right: 1px solid #dfe4e8;
    border-bottom: 2px solid #dfe4e8;
    padding: 6px 10px;
    font-weight: 600;
}

/* ============ 分组框 ============ */
QGroupBox {
    background-color: white;
    border: 1px solid #dfe4e8;
    border-radius: 6px;
    margin-top: 12px;
    padding-top: 18px;
}

QGroupBox::title {
    color: #2980b9;
    subcontrol-origin: margin;
    subcontrol-position: top left;
    margin-left: 10px;
    padding: 0 10px;
    background-color: white;
    font-weight: 600;
    font-size: 9.5pt;
}

/* ============ 复选框 & 单选框 ============ */
QCheckBox, QRadioButton {
    spacing: 8px;
    color: #2c3e50;
}

QCheckBox::indicator {
    width: 18px;
    height: 18px;
    border: 2px solid #bdc3c7;
    border-radius: 3px;
    background-color: white;
}

QCheckBox::indicator:checked {
    background-color: #2980b9;
    border-color: #2980b9;
    image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDNMNCA5TDIgNyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+);
}

QRadioButton::indicator {
    width: 18px;
    height: 18px;
    border: 2px solid #bdc3c7;
    border-radius: 9px;
    background-color: white;
}

QRadioButton::indicator:checked {
    background-color: #2980b9;
    border-color: #2980b9;
}

/* ============ 下拉框 ============ */
QComboBox {
    background-color: white;
    border: 1px solid #dfe4e8;
    border-radius: 4px;
    padding: 7px 10px;
    min-height: 30px;
}

QComboBox::drop-down {
    border: none;
    width: 24px;
}

QComboBox::down-arrow {
    image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgNEw2IDhMMTAgNCIgc3Ryb2tlPSIjMmMzZTUwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==);
    width: 12px;
    height: 12px;
}

QComboBox QAbstractItemView {
    border: 1px solid #dfe4e8;
    background-color: white;
    selection-background-color: #3498db;
    selection-color: white;
}

/* ============ 滚动条 ============ */
QScrollBar:vertical {
    background-color: #f1f5f9;
    width: 10px;
    border-radius: 5px;
}

QScrollBar::handle:vertical {
    background-color: #bdc3c7;
    border-radius: 5px;
    min-height: 30px;
}

QScrollBar::handle:vertical:hover {
    background-color: #95a5a6;
}

QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {
    height: 0px;
}

/* ============ 工具栏 ============ */
QToolBar {
    background-color: white;
    border-bottom: 2px solid #ecf0f1;
    padding: 4px 8px;
    spacing: 4px;
}

QToolBar::separator {
    background-color: #dfe4e8;
    width: 1px;
    margin: 4px 8px;
}

/* ============ 菜单系统 ============ */
QMenuBar {
    background-color: white;
    border-bottom: 1px solid #ecf0f1;
}

QMenuBar::item {
    padding: 8px 16px;
    color: #2c3e50;
}

QMenuBar::item:selected {
    background-color: #3498db;
    color: white;
}

QMenu {
    background-color: white;
    border: 1px solid #dfe4e8;
    padding: 4px 0;
}

QMenu::item {
    padding: 8px 24px 8px 16px;
    color: #2c3e50;
}

QMenu::item:selected {
    background-color: #3498db;
    color: white;
}

/* ============ 停靠窗口 ============ */
QDockWidget {
    background-color: white;
    border: 1px solid #dfe4e8;
}

QDockWidget::title {
    background-color: #f1f5f9;
    color: #2c3e50;
    padding-left: 12px;
    height: 30px;
    border-bottom: 1px solid #dfe4e8;
}

/* ============ 进度条 ============ */
QProgressBar {
    border: 1px solid #dfe4e8;
    border-radius: 4px;
    background-color: white;
    text-align: center;
}

QProgressBar::chunk {
    background-color: #2980b9;
    border-radius: 3px;
}

/* ============ 滑块 ============ */
QSlider::groove:horizontal {
    height: 4px;
    background: #dfe4e8;
    border-radius: 2px;
}

QSlider::handle:horizontal {
    background: #2980b9;
    width: 16px;
    height: 16px;
    margin: -6px 0;
    border-radius: 8px;
}

/* ============ 工具提示 ============ */
QToolTip {
    background-color: #2c3e50;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 8.5pt;
}

/* ============ 分割器 ============ */
QSplitter::handle {
    background-color: #dfe4e8;
}

/* ============ 状态栏 ============ */
QStatusBar {
    background-color: white;
    color: #7f8c8d;
    border-top: 1px solid #ecf0f1;
    padding: 4px 12px;
}

/* ============ 特殊控件适配 ============ */
/* 您的自定义控件 */
ZxHeaderComboBoxEx {
    background-color: #f1f5f9;
    border: 1px solid #dfe4e8;
    border-radius: 4px;
}

ZxPtyPano {
    background-color: white;
    border: 1px solid #dfe4e8;
    border-radius: 4px;
}

iGridRowUtils {
    background-color: white;
    border: 1px solid #dfe4e8;
    border-radius: 4px;
}

/* ============ Ribbon 界面适配 ============ */
#btnRibbonFile {
    background-color: #2980b9;
    color: white;
    border: none;
    border-radius: 3px;
    min-width: 50px;
    height: 24px;
    font-weight: 600;
}

#btnRibbonFile:hover {
    background-color: #3498db;
}

/* ============ 响应式辅助类 ============ */
/* 在代码中动态添加这些类来适应不同分辨率 */

/* 紧凑模式（小屏幕） */
.compact QPushButton {
    padding: 4px 10px;
    min-height: 26px;
    min-width: 70px;
    font-size: 8.5pt;
}

.compact QTabBar::tab {
    padding: 6px 12px;
    min-width: 80px;
}

/* 舒适模式（大屏幕） */
.comfortable QPushButton {
    padding: 8px 20px;
    min-height: 34px;
    min-width: 90px;
    font-size: 9.5pt;
}

.comfortable QTabBar::tab {
    padding: 10px 24px;
    min-width: 120px;
}