/*
 * BattlefieldExplorationSystem - 军事专业主题样式表
 * 版本: v3.1 - Qt兼容清洁版
 * 日期: 2024-06-23
 * 描述: 移除不支持的CSS3属性，确保Qt完全兼容
 */

/* ================================
   军事专业配色变量定义
   ================================ */

QWidget {
    font-family: "Microsoft YaHei", "SimHei", sans-serif;
    color: #ffffff;
}

/* ================================
   功能面板主容器
   ================================ */

#rightFunctionPanel {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, 
               stop:0 #0f1419, stop:1 #1a252f);
    border-left: 3px solid #00ff88;
}

/* ================================
   面板标题
   ================================ */

#PanelTitle {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0,
                stop:0 #00ff88, stop:1 #00c46a);
    color: #0f1419;
    font-size: 18px;
    font-weight: bold;
    padding: 16px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 2px solid #00ff88;
}

/* ================================
   模块卡片样式
   ================================ */

#ModuleCard {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, 
               stop:0 #1e2832, stop:1 #2a3441);
    border-radius: 12px;
    border: 2px solid #3c4a59;
    border-left: 4px solid #00ff88;
    margin-bottom: 28px;
}

#ModuleCard:hover {
    border-color: #00ff88;
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, 
               stop:0 #243340, stop:1 #304050);
}

#ModuleTitle {
    color: #00ff88;
    font-size: 16px;
    font-weight: 700;
}

#ModuleIcon {
    color: #00ff88;
    font-size: 20px;
}

#ModuleSeparator {
    border: none;
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0,
                stop:0 transparent, stop:0.5 #3c4a59, stop:1 transparent);
    height: 1px;
    margin: 8px 0px;
}

/* ================================
   设备选择器和设备卡片
   ================================ */

#device-selector {
    background: #2a3441;
    border: 1px solid #3c4a59;
    border-radius: 8px;
    padding: 8px;
}

#RightDeviceCard {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1,
                stop:0 #2a3441, stop:1 #34404f);
    border-radius: 10px;
    border: 2px solid #3c4a59;
    padding: 12px;
    margin: 4px;
    min-height: 80px;
}

#RightDeviceCard:hover {
    border-color: #00a8ff;
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1,
                stop:0 #34404f, stop:1 #3e4a5f);
}

#RightDeviceCard[active="true"] {
    border-color: #00ff88;
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1,
                stop:0 rgba(0, 255, 136, 0.1), stop:1 rgba(0, 255, 136, 0.05));
}

#DeviceName {
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
}

#DeviceStatus {
    color: #a4b0be;
    font-size: 11px;
    font-weight: 500;
}

/* ================================
   功能按钮基础样式
   ================================ */

#FunctionBtn {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1,
                stop:0 #2a3441, stop:1 #34404f);
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    padding: 12px 16px;
    border-radius: 8px;
    border: 2px solid #3c4a59;
    margin: 4px;
}

#FunctionBtn:hover {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1,
                stop:0 #34404f, stop:1 #3e4a5f);
    border-color: #00a8ff;
}

#FunctionBtn:disabled {
    background: #1e2832;
    color: #556983;
    border-color: #2a3441;
}

/* ================================
   按钮专门样式类
   ================================ */

/* 主要大按钮 */
#FunctionBtn[class="primary-large"] {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1,
                stop:0 #00ff88, stop:1 #00c46a);
    color: #0f1419;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid #00ff88;
}

#FunctionBtn[class="primary-large"]:hover {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1,
                stop:0 #00c46a, stop:1 #009951);
}

/* 主要中按钮 */
#FunctionBtn[class="primary-medium"] {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1,
                stop:0 #00ff88, stop:1 #00c46a);
    color: #0f1419;
    font-weight: 700;
    border: 2px solid #00ff88;
}

#FunctionBtn[class="primary-medium"]:hover {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1,
                stop:0 #00c46a, stop:1 #009951);
}

/* 次要中按钮 */
#FunctionBtn[class="secondary-medium"] {
    background: #2a3441;
    border: 2px solid #3c4a59;
    color: #ffffff;
}

#FunctionBtn[class="secondary-medium"]:hover {
    border-color: #00a8ff;
    background: #34404f;
}

/* 次要小按钮 */
#FunctionBtn[class="secondary-small"] {
    background: #2a3441;
    border: 2px solid #3c4a59;
    color: #ffffff;
    font-size: 12px;
    padding: 8px 12px;
}

#FunctionBtn[class="secondary-small"]:hover {
    border-color: #00a8ff;
    background: #34404f;
}

/* 危险按钮 */
#FunctionBtn[class="danger"] {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1,
                stop:0 #ff3838, stop:1 #c44569);
    border: 2px solid #ff3838;
    color: #ffffff;
}

#FunctionBtn[class="danger"]:hover {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1,
                stop:0 #e53e3e, stop:1 #b83b5e);
}

/* 加载状态按钮 */
#FunctionBtn[class="loading"] {
    background: #34404f;
    border-color: #3c4a59;
    color: #a4b0be;
}

/* ================================
   统计显示区域
   ================================ */

#stats-display {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1,
                stop:0 #2a3441, stop:1 #34404f);
    border-radius: 8px;
    border: 2px solid #3c4a59;
    border-left: 4px solid #ffa502;
    margin-bottom: 16px;
}

#stat-label {
    color: #a4b0be;
    font-size: 13px;
    font-weight: 500;
}

#stat-value {
    color: #00ff88;
    font-size: 24px;
    font-weight: bold;
}

#threat-level {
    color: #ffa502;
    font-size: 15px;
    font-weight: 700;
}

/* ================================
   通话和音量控制
   ================================ */

#call-status {
    background: #2a3441;
    border: 2px solid #3c4a59;
    border-radius: 6px;
    padding: 12px 16px;
    color: #a4b0be;
    font-size: 13px;
    font-weight: 500;
    margin-top: 12px;
}

#volume-label {
    color: #a4b0be;
    font-size: 13px;
    font-weight: 600;
}

#volume-percent {
    color: #00ff88;
    font-size: 13px;
    font-weight: 700;
}

/* ================================
   音量滑块样式
   ================================ */

#volume-slider::groove:horizontal {
    border: 2px solid #3c4a59;
    height: 8px;
    background: #2a3441;
    border-radius: 4px;
    margin: 2px 0;
}

#volume-slider::handle:horizontal {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1,
                stop:0 #00ff88, stop:1 #00c46a);
    border: 2px solid #00ff88;
    width: 20px;
    height: 20px;
    margin: -8px 0;
    border-radius: 10px;
}

#volume-slider::handle:horizontal:hover {
    background: #00c46a;
}

#volume-slider::sub-page:horizontal {
    background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0,
                stop:0 #00ff88, stop:1 #00a8ff);
    border-radius: 4px;
}

/* ================================
   响应式设计
   ================================ */

QWidget {
    font-family: "Microsoft YaHei", "SimHei", sans-serif;
}

#PanelTitle, #ModuleTitle {
    font-family: "Microsoft YaHei", "SimHei", sans-serif;
}

#stat-value, #volume-percent {
    font-family: "Consolas", "Monaco", "Courier New", monospace;
}