SmartPDCode/nor_web/h_html/index_css.h

/* 自动生成的文本数据头文件 */
/* 源文件: index.css */
/* 文件大小: 10638 字节 */
/* 生成时间: 2025-09-16 05:47:26 */
/* 编码: utf-8 */
#ifndef P_CSS_INDEX_H
#define P_CSS_INDEX_H

#include <stddef.h>

// 文本数据（UTF-8编码）
const char *p_css_index = 
    
    "/* 或者针对特定按钮 */\n"
    ".swal2-confirm:hover {\n"
    "    background-color: #d33 !important; /* 保持与正常状态相同 */\n"
    "}\n"
    ".swal2-cancel:hover {\n"
    "    background-color: #3085d6 !important; /* 保持与正常状态相同 */\n"
    "}\n"
    "* {\n"
    "    box-sizing: border-box;\n"
    "}\n"
    "body {\n"
    "    font-family: Arial, sans-serif;\n"
    "    margin: 0;\n"
    "    padding: 20px;\n"
    "    min-width: 1200px;\n"
    "    overflow-x: auto;\n"
    "}\n"
    ".container {\n"
    "    display: flex;\n"
    "    flex-direction: column;\n"
    "    height: 95vh;\n"
    "    gap: 20px;\n"
    "}\n"
    ".summary-section {\n"
    "    border: 1px solid #ddd;\n"
    "    padding: 15px;\n"
    "    border-radius: 5px;\n"
    "    background-color: #f9f9f9;\n"
    "}\n"
    ".summary-table {\n"
    "    width: 100%;\n"
    "    border-collapse: collapse;\n"
    "}\n"
    ".summary-table th, .summary-table td {\n"
    "    border: 1px solid #ddd;\n"
    "    padding: 12px;\n"
    "    text-align: center;\n"
    "}\n"
    ".summary-table th {\n"
    "    background-color: #f2f2f2;\n"
    "}\n"
    ".summary-actions {\n"
    "    display: flex;\n"
    "    justify-content: space-between;\n"
    "    gap: 10px;\n"
    "    margin-top: 10px;\n"
    "}\n"
    ".device-section {\n"
    "    flex: 1;\n"
    "    height: 100px; /* 固定高度 */\n"
    "    overflow: auto;\n"
    "    border: 1px solid #ddd;\n"
    "    border-radius: 5px;\n"
    "}\n"
    ".device-table {\n"
    "    height: 50px; /* 容器高度 */\n"
    "    overflow-y: auto; /* 垂直滚动条 */\n"
    "    width: 100%;\n"
    "    border-collapse: collapse;\n"
    "}\n"
    ".device-table th, .device-table td {\n"
    "    border: 1px solid #ddd;\n"
    "    padding: 8px;\n"
    "    text-align: center;\n"
    "    white-space: nowrap;\n"
    "}\n"
    ".device-table th {\n"
    "    background-color: #f2f2f2;\n"
    "    position: sticky;\n"
    "    top: 0;\n"
    "}\n"
    ".status-section {\n"
    "    border: 1px solid #ddd;\n"
    "    padding: 15px;\n"
    "    border-radius: 5px;\n"
    "    background-color: #f9f9f9;\n"
    "}\n"
    ".status-boxes {\n"
    "    display: flex;\n"
    "    flex-wrap: wrap;\n"
    "    gap: 15px;\n"
    "}\n"
    ".status-box {\n"
    "    border: 1px solid #ddd;\n"
    "    padding: 15px;\n"
    "    min-width: 150px;\n"
    "    text-align: center;\n"
    "    background-color: white;\n"
    "    border-radius: 5px;\n"
    "    flex: 1;\n"
    "}\n"
    
    ".status-active {\n"
    "    color: #4CAF50;\n"
    "    font-weight: bold;\n"
    "}\n"
    ".status-inactive {\n"
    "    color: #f44336;\n"
    "    font-weight: bold;\n"
    "}\n"
    ".left-buttons {\n"
    "    display: flex;\n"
    "    gap: 10px;\n"
    "}\n"
    ".right-buttons {\n"
    "    display: flex;\n"
    "    gap: 10px;\n"
    "}\n"
    ".button-container {\n"
    "    /*display: flex;*/\n"
    "    /*justify-content: center;*/\n"
    "    /*gap: 15px;*/\n"
    "    /*margin-top: 20px;*/\n"
    "    margin-bottom: 10px; display: flex;\n"
    "    justify-content: space-between; /* 左右分开 */\n"
    "    align-items: center;\n"
    "    padding: 15px;\n"
    "    background-color: #f5f5f5;\n"
    "    border-radius: 8px;\n"
    "}\n"
    ".btn {\n"
    "    padding: 8px 16px;\n"
    "    background-color: #4CAF50;\n"
    "    color: white;\n"
    "    border: none;\n"
    "    border-radius: 4px;\n"
    "    cursor: pointer;\n"
    "    font-weight: bold;\n"
    "}\n"
    ".btn-energy {\n"
    "    background-color: #2196F3;\n"
    "}\n"
    ".btn-close{\n"
    "    background-color: rgb(101, 107, 139);\n"
    "}\n"
    ".btn-threshold {\n"
    "    background-color: #ff9800;\n"
    "}\n"
    ".btn-delay {\n"
    "    background-color: #9c27b0;\n"
    "}\n"
    ".scrollable-table {\n"
    "    flex: 1;\n"
    "    overflow-y: auto;\n"
    "}\n"
    ".button-footer {\n"
    "    display: flex;\n"
    "    justify-content: center;\n"
    "    gap: 15px;\n"
    "    padding: 15px;\n"
    "    background-color: #f9f9f9;\n"
    "    border-top: 1px solid #ddd;\n"
    "}\n"
    ".table-container {\n"
    "    display: flex;\n"
    "    flex-direction: column;\n"
    "    height: 80vh; /* 视口高度百分比 */\n"
    "    max-height: 500px;\n"
    "    border: 1px solid #ddd;\n"
    "    border-radius: 5px;\n"
    "    min-width: 1000px; /* 最小宽度防止压缩 */\n"
    "}\n"
    
    
    
    ".selectStyle{\n"
    "    width: 200px;\n"
    "    height: 40px;\n"
    "    border-radius: 4px\n"
    "}\n"
    "/* 重置样式 */\n"
    "* {\n"
    "    margin: 0;\n"
    "    padding: 0;\n"
    "    box-sizing: border-box;\n"
    "}\n"
    
    
    
    ".tab-container {\n"
    "    width: 100%;\n"
    "    height: 100%;\n"
    "    margin: 0 auto;\n"
    "    background: white;\n"
    "    border-radius: 8px;\n"
    "    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n"
    "    overflow: hidden;\n"
    "}\n"
    
    ".tab-header {\n"
    "    display: flex;\n"
    "    background-color: #f1f1f1;\n"
    "    border-bottom: 1px solid #ddd;\n"
    "}\n"
    
    ".tab-btn {\n"
    "    border-radius: 10px;\n"
    "    padding: 12px 20px;\n"
    "    background: none;\n"
    "    border: none;\n"
    "    cursor: pointer;\n"
    "    font-size: 16px;\n"
    "    transition: all 0.3s;\n"
    "    position: relative;\n"
    "}\n"
    
    ".tab-btn:hover {\n"
    "    background-color: #ddd;\n"
    "}\n"
    
    ".tab-btn.active {\n"
    "    background-color: #4CAF50;\n"
    "    color: white;\n"
    "}\n"
    
    ".tab-content {\n"
    "    height: 100%;\n"
    "    padding: 20px;\n"
    "    display: none;\n"
    "}\n"
    
    ".tab-content.active {\n"
    "    display: block;\n"
    "    animation: fadeIn 0.5s;\n"
    "}\n"
    
    "@keyframes fadeIn {\n"
    "    from { opacity: 0; }\n"
    "    to { opacity: 1; }\n"
    "}\n"
    
    ".tab-iframe {\n"
    "    width: 100%;\n"
    "    height: 100%;\n"
    "    border: none;\n"
    "}\n"
    
    
    "html, body {\n"
    "    height: 100%;\n"
    "    font-family: 'Arial', sans-serif;\n"
    "}\n"
    
    ".modal-content {\n"
    "    background: white;\n"
    "    padding: 20px;\n"
    "    border-radius: 8px;\n"
    "    max-width: 500px;\n"
    "    width: 80%;\n"
    "    max-height: 95vh;\n"
    "    overflow-y: auto;\n"
    "}\n"
    
    
    ".form-group {\n"
    "    margin-bottom: 15px;\n"
    "}\n"
    
    ".form-group label {\n"
    "    display: block;\n"
    "    margin-bottom: 5px;\n"
    "    font-weight: bold;\n"
    "}\n"
    
    ".form-group input[type=\"text\"],\n"
    ".form-group input[type=\"date\"],\n"
    ".form-group select,\n"
    ".form-group textarea {\n"
    "    width: 100%;\n"
    "    padding: 8px;\n"
    "    border: 1px solid #ddd;\n"
    "    border-radius: 4px;\n"
    "}\n"
    ".form-actions {\n"
    "    display: flex;\n"
    "    justify-content: flex-end;\n"
    "    gap: 10px;\n"
    "    margin-top: 20px;\n"
    "}\n"
    
    ".btn-on {\n"
    "    background-color: #4CAF50;\n"
    "    color: white;\n"
    "}\n"
    ".btn-off {\n"
    "    background-color: #f44336;\n"
    "    color: white;\n"
    "}\n"
    ".btn-all {\n"
    "    background-color: #2196F3;\n"
    "    color: white;\n"
    "}\n"
    ".btn-energy {\n"
    "    background-color: #2196F3;\n"
    "}\n"
    ".btn-close{\n"
    "    background-color: rgb(101, 107, 139);\n"
    "}\n"
    ".btn-threshold {\n"
    "    background-color: #ff9800;\n"
    "}\n"
    ".btn-delay {\n"
    "    background-color: #9c27b0;\n"
    "}\n"
    ".modal-overlay2 {\n"
    "    position: fixed;\n"
    "    top: 0;\n"
    "    left: 0;\n"
    "    right: 0;\n"
    "    bottom: 0;\n"
    "    background: rgba(0,0,0,0.5);\n"
    "    display: flex;\n"
    "    justify-content: center;\n"
    "    align-items: center;\n"
    "    z-index: 1000;\n"
    "}\n"
    ".upload-container {\n"
    "    padding: 25px;\n"
    "}\n"
    
    ".upload-area {\n"
    "    border: 2px dashed #cbd5e1;\n"
    "    padding: 40px;\n"
    "    text-align: center;\n"
    "    background: #f8fafc;\n"
    "    cursor: pointer;\n"
    "}\n"
    
    
    ".file-input {\n"
    "    display: none;\n"
    "}\n"
    
    ".files-list {\n"
    "    margin-top: 30px;\n"
    "}\n"
    
    ".files-list h3 {\n"
    "    color: #334155;\n"
    "    margin-bottom: 15px;\n"
    "    padding-bottom: 10px;\n"
    "    border-bottom: 1px solid #e2e8f0;\n"
    "}\n"
    
    ".file-item {\n"
    "    display: flex;\n"
    "    align-items: center;\n"
    "    padding: 15px;\n"
    "    background: #f8fafc;\n"
    "    border-radius: 8px;\n"
    "    margin-bottom: 10px;\n"
    "    transition: all 0.3s ease;\n"
    "}\n"
    
    ".file-info {\n"
    "    flex-grow: 1;\n"
    "}\n"
    
    ".file-action-btn {\n"
    "    width: 36px;\n"
    "    height: 36px;\n"
    "    border-radius: 50%;\n"
    "    display: flex;\n"
    "    cursor: pointer;\n"
    "}\n"
    
    ".progress-bar {\n"
    "    height: 6px;\n"
    "    background: #e2e8f0;\n"
    "    border-radius: 3px;\n"
    "    margin-top: 8px;\n"
    "    overflow: hidden;\n"
    "}\n"
    
    ".modal-overlay {\n"
    "    position: fixed;\n"
    "    top: 0;\n"
    "    left: 0;\n"
    "    right: 0;\n"
    "    bottom: 0;\n"
    "    background: rgba(0,0,0,0.5);\n"
    "    display: flex;\n"
    "    justify-content: center;\n"
    "    align-items: center;\n"
    "    z-index: 999;\n"
    "}\n"
    
    
    
    
    
    ".radio-group,\n"
    ".checkbox-group {\n"
    "    display: flex;\n"
    "    flex-wrap: wrap;\n"
    "    gap: 10px;\n"
    "}\n"
    
    ".radio-group label,\n"
    ".checkbox-group label {\n"
    "    display: flex;\n"
    "    align-items: center;\n"
    "    gap: 5px;\n"
    "    font-weight: normal;\n"
    "}\n"
    
    
    "button[type=\"submit\"] {\n"
    "    background: #4CAF50;\n"
    "    color: white;\n"
    "}\n"
    
    "button[type=\"submit\"]:disabled {\n"
    "    background: #ccc;\n"
    "}\n"
    
    
    "select.custom-select {\n"
    "    padding: 12px;\n"
    "    border: 1px solid #ddd;\n"
    "    border-radius: 6px;\n"
    "    background-color: white;\n"
    "    font-size: 16px;\n"
    "    color: #333;\n"
    "    appearance: none;\n"
    "    -webkit-appearance: none;\n"
    "    background-image: url('data:image/svg+xml;utf8,<svg fill=\"%23333\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/></svg>');\n"
    "    background-repeat: no-repeat;\n"
    "    background-position: right 10px center;\n"
    "    background-size: 16px;\n"
    "}\n"
    
    "/* 尝试设置option样式（效果有限） */\n"
    "select.custom-select option {\n"
    "    height: 40px;      /* 可能在某些浏览器中有效 */\n"
    "    padding: 12px;     /* 可能在某些浏览器中有效 */\n"
    "    font-size: 16px;   /* 通常有效 */\n"
    "    line-height: 2;    /* 可能有效 */\n"
    "}\n"
    
    "thead {\n"
    "    position: sticky;  /* 固定表头 */\n"
    "    top: 0;           /* 固定在容器顶部 */\n"
    "    z-index: 10;      /* 确保表头在内容之上 */\n"
    "}\n"
    
    
    
    ".divAll{\n"
    "    width: 100%;\n"
    "    height: 100%;\n"
    "    margin: 0 auto;\n"
    "    background: white;\n"
    "    border-radius: 8px;\n"
    "    box-shadow: 0 2px 10px rgb(0 0 0 / 10%);\n"
    "    overflow: hidden;\n"
    "}\n"
    
    
    
    "/*-----------------*/\n"
    "header {\n"
    "    text-align: center;\n"
    "    margin-bottom: 30px;\n"
    "    padding: 20px;\n"
    "    background: white;\n"
    "    border-radius: 10px;\n"
    "    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n"
    "}\n"
    
    "h1 {\n"
    "    color: #2c3e50;\n"
    "    margin-bottom: 10px;\n"
    "}\n"
    
    ".description {\n"
    "    color: #7f8c8d;\n"
    "    font-size: 1.1rem;\n"
    "    max-width: 600px;\n"
    "    margin: 0 auto;\n"
    "}\n"
    
    ".multi-select-container {\n"
    "    background: white;\n"
    "    border-radius: 10px;\n"
    "    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n"
    "    padding: 20px;\n"
    "    margin-bottom: 30px;\n"
    "}\n"
    
    ".select-header {\n"
    "    display: flex;\n"
    "    justify-content: space-between;\n"
    "    align-items: center;\n"
    "    margin-bottom: 15px;\n"
    "    padding-bottom: 10px;\n"
    "    border-bottom: 1px solid #eee;\n"
    "}\n"
    
    ".select-title {\n"
    "    font-weight: 600;\n"
    "    color: #2c3e50;\n"
    "}\n"
    
    ".select-all {\n"
    "    background: none;\n"
    "    border: none;\n"
    "    color: #3498db;\n"
    "    cursor: pointer;\n"
    "    font-size: 0.9rem;\n"
    "    font-weight: 500;\n"
    "    padding: 5px 10px;\n"
    "    border-radius: 4px;\n"
    "}\n"
    
    ".select-all:hover {\n"
    "    background-color: #f1f8ff;\n"
    "}\n"
    
    "select[multiple] {\n"
    "    width: 100%;\n"
    "    padding: 10px;\n"
    "    border: 1px solid #ddd;\n"
    "    border-radius: 4px;\n"
    "    background-color: #f8f9fa;\n"
    "    height: 200px;\n"
    "    margin-bottom: 15px;\n"
    "}\n"
    
    "select[multiple] option {\n"
    "    padding: 8px;\n"
    "    margin: 4px 0;\n"
    "    border-radius: 4px;\n"
    "}\n"
    
    "select[multiple] option:hover {\n"
    "    background-color: #e3f2fd;\n"
    "}\n"
    
    "select[multiple] option:checked {\n"
    "    background-color: #3498db;\n"
    "    color: white;\n"
    "}\n"
    
    ".selected-count {\n"
    "    margin-top: 15px;\n"
    "    font-size: 0.9rem;\n"
    "    color: #7f8c8d;\n"
    "}\n"
    
    ".selected-items {\n"
    "    /*margin-top: 20px;*/\n"
    "    padding: 15px;\n"
    "    background-color: #f8f9fa;\n"
    "    border-radius: 6px;\n"
    "    border-left: 4px solid #3498db;\n"
    "}\n"
    
    ".selected-items h3 {\n"
    "    margin-bottom: 10px;\n"
    "    color: #2c3e50;\n"
    "    font-size: 1rem;\n"
    "}\n"
    
    ".selected-tags {\n"
    "    display: flex;\n"
    "    flex-wrap: wrap;\n"
    "    gap: 8px;\n"
    "}\n"
    
    ".tag {\n"
    "    background-color: #3498db;\n"
    "    color: white;\n"
    "    padding: 5px 10px;\n"
    "    border-radius: 20px;\n"
    "    font-size: 0.85rem;\n"
    "    display: flex;\n"
    "    align-items: center;\n"
    "}\n"
    
    ".tag button {\n"
    "    background: none;\n"
    "    border: none;\n"
    "    color: white;\n"
    "    margin-left: 5px;\n"
    "    cursor: pointer;\n"
    "    font-weight: bold;\n"
    "}\n"
    
    ".no-selection {\n"
    "    color: #95a5a6;\n"
    "    font-style: italic;\n"
    "}\n"
    
    ".code-example {\n"
    "    background-color: #2d2d2d;\n"
    "    color: #f8f8f2;\n"
    "    padding: 15px;\n"
    "    border-radius: 5px;\n"
    "    margin-top: 20px;\n"
    "    overflow-x: auto;\n"
    "    font-family: 'Fira Code', monospace;\n"
    "}\n"
    
    "footer {\n"
    "    text-align: center;\n"
    "    margin-top: 40px;\n"
    "    color: #7f8c8d;\n"
    "    font-size: 0.9rem;\n"
    "}\n"
    
;

// 文本数据大小（包括null终止符）
const size_t p_css_index_size = 10639;

// 文本长度（字符数）
const size_t p_css_index_length = 10390;

#endif /* P_CSS_INDEX_H */