.text-didi {
    color: #ff5252;
}
.bg-didi {
    background-color: #ff5252;
}
.border-didi {
    border-color: #ff5252 !important;
}
.text-didi-green {
    color: #4ade80;
}
.bg-didi-green {
    background-color: #4ade80;
}
.hover\:bg-didi-green-dark:hover {
    background-color: #22c55e;
}
.hover\:bg-didi-green-darker:hover {
    background-color: #16a34a;
}
.order-card {
    background: white;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.btn-didi {
    background-color: #ff5252;
    color: white;
    transition: all 0.3s ease;
}
.btn-didi:hover {
    background-color: #ff3b3b;
    transform: translateY(-1px);
}
.btn-outline {
    border: 1px solid #ff5252;
    color: #ff5252;
    transition: all 0.3s ease;
}
.btn-outline:hover {
    background-color: #ff5252;
    color: white;
}
.tab-active {
    color: #ff5252;
}

/* 确保tab容器的背景色正确显示 */
#order-hall-page .bg-white.rounded-lg.shadow-md {
    position: relative;
    z-index: 0;
}



/* 移除tab容器的底部边框 */
#order-hall-page .flex.border-b, 
#order-hall-page .flex.border-b-2 {
    border-bottom: none !important;
}
.nav-btn.active i,
.nav-btn.active span,
.nav-btn.active svg {
    color: #ff5252 !important;
}

/* 增强导航按钮活跃状态的样式 */
.nav-btn.active {
    position: relative;
}

.nav-btn.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40%;
    height: 3px;
    background-color: #ff5252;
    border-radius: 2px;
}
.step-active {
    background-color: #ff5252;
    color: white;
    border-color: #ff5252;
}
.step-completed {
    background-color: #4ade80;
    color: white;
    border-color: #4ade80;
}

/* 针对移动设备的字体大小优化 */
@media (max-width: 640px) {
    /* 调整页面标题字体大小 */
    h1.text-lg, .text-lg {
        font-size: 1rem;
    }
    
    /* 调整卡片内标题字体大小 */
    h2.text-lg, h3.text-lg {
        font-size: 0.95rem;
    }
    
    /* 调整正文文本字体大小 */
    .text-sm {
        font-size: 0.8rem;
    }
    
    /* 调整小字文本字体大小 */
    .text-xs {
        font-size: 0.75rem;
    }
    
    /* 调整按钮文本字体大小 */
    button {
        font-size: 0.85rem;
    }
    
    /* 调整导航栏文本大小 */
    nav h1 {
        font-size: 1rem;
    }
}
@keyframes scan {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes faceScanMove {
    0% { transform: translateY(-100%); }
    50% { transform: translateY(100%); }
    100% { transform: translateY(-100%); }
}

.animate-scan {
    animation: faceScanMove 2s ease-in-out infinite;
}

/* 人脸识别弹窗样式 */
#face-recognition-box {
    animation: pulseBorder 2s ease-in-out infinite;
}

@keyframes pulseBorder {
    0%, 100% { border-color: #60a5fa; }
    50% { border-color: #3b82f6; }
}

#face-recognition-overlay.success .bg-blue-100 {
    background-color: #dcfce7;
}

#face-recognition-overlay.success .text-blue-600 {
    color: #16a34a;
}

#face-recognition-overlay.success .bg-gradient-to-b {
    background: none;
}

/* 下拉选择框统一样式优化 */
select {
    /* 统一边框样式 */
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    
    /* 设置字体大小 */
    font-size: 14px;
    font-weight: 400;
    
    /* 自定义箭头 - 更现代化的设计 */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 20px;
    padding-right: 2.75rem;
    
    /* 移除默认样式但保留下拉菜单 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    /* 增强过渡效果 */
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.1s ease;
    
    /* 确保下拉菜单位置正确 */
    position: relative;
    
    /* 增加轻微阴影 */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* 为问题类型选择框设置更高的z-index */
#issue-type {
    z-index: 5;
}

/* 为优先级选择框设置更高的z-index */
#issue-priority {
    z-index: 6;
}

/* 下拉选择框悬停效果 */
select:hover {
    border-color: #ff5252;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ff5252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

/* 下拉选项样式优化 */
select option {
    font-size: 14px;
    padding: 0.75rem 1rem;
    background-color: white;
    color: #374151;
    transition: background-color 0.2s ease;
}

/* 下拉选项悬停效果 */
select option:hover {
    background-color: #ffebee;
    color: #ff5252;
}

/* 下拉选择框焦点效果 */
select:focus {
    border-color: #ff5252;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ff5252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    box-shadow: 0 0 0 3px rgba(255, 82, 82, 0.2), 0 2px 8px rgba(0, 0, 0, 0.1);
    outline: none;
    transform: translateY(-1px);
}

/* 表单元素统一样式 */
input, select, textarea {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.625rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* 表单元素焦点样式 */
input:focus, textarea:focus {
    outline: none;
    border-color: #ff5252;
    box-shadow: 0 0 0 3px rgba(255, 82, 82, 0.1);
}

/* 页面容器样式，确保内容不被底部导航栏覆盖 */
.page {
    min-height: calc(100vh - 64px); /* 考虑到底部导航栏的高度 */
    padding-bottom: 70px; /* 为底部导航栏预留空间 */
    box-sizing: border-box;
    margin-bottom: 64px; /* 确保页面内容不会覆盖底部导航栏 */
    position: relative; /* 确保定位上下文 */
}

/* 隐藏元素的样式 */
.hidden {
    display: none !important;
}

/* 底部导航栏样式 */
#global-nav-bar {
    height: 64px !important;
    background-color: white !important;
    border-top: 1px solid #e5e7eb !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1) !important;
    z-index: 9999 !important;
}

#global-nav-bar .nav-btn {
    color: #6b7280;
    transition: all 0.3s ease;
}

#global-nav-bar .nav-btn.active {
    color: #ff5252;
}

#global-nav-bar .nav-icon {
    width: 24px !important;
    height: 24px !important;
    transition: all 0.3s ease;
}

#global-nav-bar .nav-text {
    font-size: 12px !important;
    margin-top: 4px !important;
    transition: all 0.3s ease;
}

#global-nav-bar .nav-btn.active .nav-icon,
#global-nav-bar .nav-btn.active .nav-text {
    color: #ff5252 !important;
}

/* 确保底部导航栏始终可见 */
nav#global-nav-bar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: block !important;
    visibility: visible !important;
    z-index: 9999 !important;
}

/* 强制确保导航栏可见 */
#global-nav-bar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 特别针对底部导航栏的强制显示样式 */
#global-nav-bar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 64px !important;
    z-index: 9999 !important;
    background: white !important;
    border-top: 1px solid #e5e7eb !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* 导航按钮样式 */
.nav-btn {
    flex-direction: column;
    align-items: center;
    padding: 10px;
    background: transparent;
    border: none;
}

/* 筛选按钮样式 */
.filter-buttons {
    display: flex;
    gap: 6px;
    background-color: #f7f9fc;
    padding: 6px;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    white-space: nowrap;
}

.filter-btn {
    padding: 8px 12px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.active-filter {
    background: linear-gradient(135deg, #ff5252 0%, #ff4081 100%);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(255, 82, 82, 0.3);
    transform: translateY(-1px);
}

.inactive-filter {
    background-color: transparent;
    color: #6b7280;
}

.inactive-filter:hover {
    background-color: #edf2f7;
    color: #4a5568;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* 登记记录样式 */
.records-section {
    margin-top: 1.5rem;
}

.records-section h3 {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
}

#records-list {
    margin-top: 1rem;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

/* 日期卡片样式 */
.record-date-card {
    margin-bottom: 1.5rem;
    border-radius: 12px;
    overflow: hidden;
    background-color: transparent;
}

.record-date-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* 日期标题栏 */
.record-date-header {
    padding: 0.5rem 1rem;
    background-color: transparent;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 0.5rem;
}

.record-date-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #4a5568;
    margin: 0;
}

.record-date-title::before {
    content: "📅";
    font-size: 1.25rem;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
}

/* 接单大厅整体美化 */
#order-hall-page {
    background-color: #f9fafb;
    min-height: 100vh;
}

/* 接单大厅筛选区域样式 */
#order-hall-page .p-4 > .bg-white.rounded-lg.shadow-md {
    background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%);
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
    margin-bottom: 1rem;
    overflow: hidden;
}

#order-hall-page .p-4 > .bg-white.rounded-lg.shadow-md:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.05);
    border-color: #d1d5db;
}

#order-hall-page .p-4 > .bg-white.rounded-lg.shadow-md h3 {
    color: #111827;
    font-weight: 600;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f3f4f6;
}

#order-hall-page .p-4 > .bg-white.rounded-lg.shadow-md h3::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 16px;
    background: linear-gradient(135deg, #ff5252 0%, #ff4081 100%);
    border-radius: 2px;
    margin-right: 8px;
}

/* 筛选标签样式 */
#order-hall-page label {
    font-weight: 500;
    color: #4b5563;
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.375rem;
    transition: all 0.2s ease;
}

#order-hall-page label:hover {
    color: #111827;
}

/* 统一选择框样式 */
#order-hall-page select {
    /* 基础样式 */
    width: 100%;
    font-size: 0.875rem;
    color: #374151;
    background-color: white;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: all 0.2s ease;
    
    /* 自定义箭头 */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.625rem center;
    background-size: 18px;
    padding: 0.5rem 2rem 0.5rem 0.625rem;
    
    /* 移除默认样式 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* 选择框悬停效果 */
#order-hall-page select:hover {
    border-color: #ff5252;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ff5252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

/* 选择框焦点效果 */
#order-hall-page select:focus {
    outline: none;
    border-color: #ff5252;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ff5252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    box-shadow: 0 0 0 3px rgba(255, 82, 82, 0.1);
}

/* 优化下拉选项样式 */
#order-hall-page select option {
    font-size: 0.875rem;
    color: #374151;
    background-color: white;
}

/* 浏览器兼容处理 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    #order-hall-page select {
        padding-right: 1.5rem;
    }
}

@supports (-ms-ime-align: auto) {
    #order-hall-page select {
        padding-right: 1.5rem;
    }
}

@-moz-document url-prefix() {
    #order-hall-page select {
        padding-right: 1.75rem;
    }
}

/* 优化接单大厅订单卡片 */
#order-hall-page .order-card {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

#order-hall-page .order-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.05);
    border-color: #d1d5db;
    transform: translateY(-1px);
}

/* 调整接单大厅字体大小，与施工管理保持一致 */
#order-hall-page .order-card h3 {
    font-size: 0.9375rem;
}

#order-hall-page .order-card p {
    font-size: 0.8125rem;
    line-height: 1.4;
    margin: 0.25rem 0;
}

#order-hall-page .order-card .text-gray-500 {
    font-size: 0.75rem;
}

#order-hall-page .order-card .text-sm {
    font-size: 0.8125rem;
}

#order-hall-page .order-card .text-xs {
    font-size: 0.7rem;
}

#order-hall-page .order-card button {
    font-size: 0.8125rem;
}

/* 移动端样式优化 */
@media (max-width: 768px) {
    /* 整体页面 */
    #order-hall-page .p-4 {
        padding: 0.5rem;
    }
    
    /* 筛选区域 */
    #order-hall-page .p-4 > .bg-white.rounded-lg.shadow-md {
        padding: 0.5rem;
        margin-bottom: 0.5rem;
        background: white;
        border: 1px solid #e5e7eb;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }
    
    /* 隐藏标题 */
    #order-hall-page .p-4 > .bg-white.rounded-lg.shadow-md h3 {
        display: none;
    }
    
    /* 一行紧凑布局 */
    #order-hall-page .p-4 > .bg-white.rounded-lg.shadow-md .grid {
        display: flex;
        gap: 0.5rem;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0;
        scrollbar-width: none;
        scrollbar-color: transparent transparent;
    }
    
    /* 隐藏滚动条 */
    #order-hall-page .p-4 > .bg-white.rounded-lg.shadow-md .grid::-webkit-scrollbar {
        display: none;
    }
    
    /* 筛选项样式 - 更紧凑 */
    #order-hall-page .p-4 > .bg-white.rounded-lg.shadow-md .grid > div {
        flex: 1 0 100px;
        min-width: 100px;
        margin: 0;
    }
    
    /* 标签样式 - 极小化 */
    #order-hall-page label {
        font-size: 0.625rem;
        margin-bottom: 0.125rem;
        font-weight: 500;
        color: #6b7280;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    /* 选择框样式 - 极度紧凑 */
    #order-hall-page select {
        font-size: 0.75rem;
        padding: 0.375rem 0.5rem;
        height: 1.875rem;
        border-radius: 3px;
        background-size: 14px;
        background-position: right 0.375rem center;
        padding-right: 1.5rem;
        border: 1px solid #d1d5db;
        box-shadow: none;
    }
    
    /* 移除不必要的效果 */
    #order-hall-page select:hover {
        transform: none;
        box-shadow: none;
    }
    
    #order-hall-page select:focus {
        transform: none;
        box-shadow: 0 0 0 1px rgba(255, 82, 82, 0.3);
    }
    
    /* 订单卡片 */
    #order-hall-page .order-card {
        padding: 0.75rem;
        margin-bottom: 0.5rem;
    }
}

/* 优化返回按钮和标题间距 */
nav .flex.items-center > button + h1,
nav .flex.items-center > button + div > h1 {
    margin-left: 0.25rem;
}

/* 二级页面整体样式优化 */
.page {
    /* 优化导航栏 */
    nav {
        padding: 0.5rem 0.75rem !important;
        height: auto !important;
    }
    
    /* 优化标题字体大小 */
    h1 {
        font-size: 0.9375rem !important;
        font-weight: 600 !important;
    }
    
    h2 {
        font-size: 0.875rem !important;
        font-weight: 600 !important;
    }
    
    h3 {
        font-size: 0.8125rem !important;
        font-weight: 500 !important;
    }
    
    /* 优化内容字体大小 */
    p {
        font-size: 0.8125rem !important;
        line-height: 1.4 !important;
    }
    
    /* 优化卡片内边距和间距 */
    .bg-white.rounded-lg,
    .bg-white.rounded-xl,
    .bg-white.rounded-md {
        padding: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* 优化表单元素 */
    input, select, textarea {
        font-size: 0.8125rem !important;
        padding: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* 优化表单标签 */
    label {
        font-size: 0.75rem !important;
        margin-bottom: 0.25rem !important;
    }
    
    /* 优化按钮字体 */
    button {
        font-size: 0.8125rem !important;
        padding: 0.375rem 0.75rem !important;
    }
    
    /* 优化列表项间距 */
    .space-y-6 > *,
    .space-y-4 > *,
    .space-y-3 > * {
        margin-bottom: 0.5rem !important;
    }
    
    .space-y-6,
    .space-y-4,
    .space-y-3 {
        margin-bottom: -0.5rem !important;
    }
    
    /* 优化内容间距 */
    .p-4,
    .p-6 {
        padding: 0.5rem !important;
    }
    
    /* 优化导航栏内边距 */
    .px-4,
    .px-6 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
    
    .py-3,
    .py-4 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    
    /* 优化卡片内容间距 */
    .mt-3,
    .mt-4,
    .mt-6 {
        margin-top: 0.5rem !important;
    }
    
    .mb-3,
    .mb-4,
    .mb-6 {
        margin-bottom: 0.5rem !important;
    }
    
    /* 移动端响应式优化 */
    @media (max-width: 640px) {
        /* 进一步缩小移动端字体 */
        h1 {
            font-size: 0.875rem !important;
        }
        
        h2 {
            font-size: 0.8125rem !important;
        }
        
        h3 {
            font-size: 0.75rem !important;
        }
        
        p, input, select, textarea, button {
            font-size: 0.75rem !important;
        }
        
        /* 缩小移动端内边距 */
        .p-4, .p-6 {
            padding: 0.375rem !important;
        }
        
        .bg-white.rounded-lg,
        .bg-white.rounded-xl,
        .bg-white.rounded-md {
            padding: 0.5rem !important;
        }
        
        /* 缩小移动端按钮大小 */
        button {
            padding: 0.3125rem 0.625rem !important;
        }
        
        /* 优化移动端表单元素 */
        input, select, textarea {
            padding: 0.375rem !important;
        }
        
        /* 优化移动端导航栏 */
        nav {
            padding: 0.375rem 0.5rem !important;
        }
        
        .px-4, .px-6 {
            padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
        }
        
        .py-3, .py-4 {
            padding-top: 0.375rem !important;
            padding-bottom: 0.375rem !important;
        }
}

/* 施工管理页面样式优化 */
#construction-page {
    background-color: #f9fafb;
    min-height: 100vh;
}

/* 施工管理导航栏优化 */
#construction-page nav {
    background: white;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    padding: 0.75rem;
}

/* 优化筛选按钮容器 */
#construction-page .filter-buttons {
    display: flex;
    gap: 0.375rem;
    background-color: #f3f4f6;
    padding: 0.375rem;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #d1d5db transparent;
}

/* 优化筛选按钮 */
#construction-page .filter-btn {
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    background-color: transparent;
    color: #6b7280;
    flex-shrink: 0;
}

/* 优化筛选按钮激活状态 */
#construction-page .filter-btn.active-filter {
    background: linear-gradient(135deg, #ff5252 0%, #ff4081 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(255, 82, 82, 0.25);
    transform: translateY(0);
}

/* 优化筛选按钮悬停状态 */
#construction-page .filter-btn:hover {
    background-color: #e5e7eb;
    color: #374151;
}

/* 优化筛选按钮滚动条 */
#construction-page .filter-buttons::-webkit-scrollbar {
    height: 3px;
}

#construction-page .filter-buttons::-webkit-scrollbar-track {
    background: #f3f4f6;
    border-radius: 2px;
}

#construction-page .filter-buttons::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 2px;
}

/* 优化施工订单卡片 */
#construction-page .order-card {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

#construction-page .order-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: #d1d5db;
    transform: translateY(-1px);
}

/* 优化施工订单内容 */
#construction-page .order-card p {
    margin: 0.25rem 0;
    line-height: 1.4;
}

/* 优化施工订单按钮组 */
#construction-page .order-card .flex.justify-end {
    margin-top: 0.75rem;
    gap: 0.5rem;
}

/* 优化施工订单按钮 */
#construction-page .order-card button {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

/* 移动端样式优化 */
@media (max-width: 768px) {
    /* 整体页面 */
    #construction-page .p-4 {
        padding: 0.5rem;
    }
    
    /* 导航栏 */
    #construction-page nav {
        padding: 0.5rem;
    }
    
    /* 标题 */
    #construction-page h1 {
        font-size: 1rem;
    }
    
    /* 筛选按钮 */
    #construction-page .filter-buttons {
        gap: 0.25rem;
        padding: 0.25rem;
        border-radius: 6px;
    }
    
    #construction-page .filter-btn {
        padding: 0.375rem 0.625rem;
        font-size: 0.75rem;
        border-radius: 4px;
    }
    
    /* 订单卡片 */
    #construction-page .order-card {
        padding: 0.75rem;
        margin-bottom: 0.5rem;
    }
    
    /* 订单标题 */
    #construction-page .order-card h3 {
        font-size: 0.9375rem;
        margin-bottom: 0.375rem;
    }
    
    /* 订单内容 */
    #construction-page .order-card p {
        font-size: 0.8125rem;
    }
    
    /* 已施工天数和进度条移动端优化 */
    #construction-page .order-card .flex.justify-between.items-center.mb-3 {
        gap: 0.75rem;
    }
    
    /* 已施工天数文本区域优化 - 确保标题和天数在一行显示 */
    #construction-page .order-card .flex.justify-between.items-center.mb-3 > div:first-child {
        flex-shrink: 0;
        min-width: 120px;
        flex: 0 0 auto;
    }
    
    /* 进度条区域优化 - 自适应宽度 */
    #construction-page .order-card .flex.justify-between.items-center.mb-3  {
        width: auto;
        flex: 1 1 auto;
        min-width: 120px;
    }
    
    /* 确保已施工天数和数字在一行显示 */
    #construction-page .order-card .flex.items-center {
        gap: 0.5rem;
    }
    
    /* 施工管理页面按钮组特殊处理 - 统一水平排列并靠右对齐 */
    #construction-page .order-card .mt-4.pt-4.border-t.border-gray-100 .flex {
        display: flex;
        justify-content: flex-end;
        gap: 0.25rem; /* 统一间距 */
        overflow: hidden;
        align-items: center;
    }
    
    /* 施工管理页面按钮特殊处理 - 统一样式 */
    #construction-page .order-card .mt-4.pt-4.border-t.border-gray-100 button {
        min-width: auto;
        padding: 0.375rem 0.3125rem; /* 统一内边距 */
        font-size: 0.7rem; /* 统一字体大小 */
        border-radius: 3px; /* 统一圆角 */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 1.75rem; /* 统一高度 */
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    /* 统一按钮样式，确保所有按钮设计一致 */
    #construction-page .order-card .mt-4.pt-4.border-t.border-gray-100 button {
        /* 基础统一样式 */
        height: 1.75rem;
        padding: 0.375rem 0.3125rem;
        font-size: 0.7rem;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border: none;
        border-radius: 3px;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.2s ease;
    }
    
    /* 统一报修按钮样式 */
    #construction-page .order-card .mt-4.pt-4.border-t.border-gray-100 button.repair-btn {
        background-color: #ff5252;
        color: white;
        box-shadow: 0 1px 2px rgba(255, 82, 82, 0.2);
    }
    
    /* 统一报修按钮悬停效果 */
    #construction-page .order-card .mt-4.pt-4.border-t.border-gray-100 button.repair-btn:hover {
        background-color: #ff3b3b;
        box-shadow: 0 2px 4px rgba(255, 82, 82, 0.3);
    }
    
    /* 统一申领配件按钮样式 */
    #construction-page .order-card .mt-4.pt-4.border-t.border-gray-100 button.parts-btn {
        background-color: #ff5252;
        color: white;
        box-shadow: 0 1px 2px rgba(255, 82, 82, 0.2);
    }
    
    /* 统一申领配件按钮悬停效果 */
    #construction-page .order-card .mt-4.pt-4.border-t.border-gray-100 button.parts-btn:hover {
        background-color: #ff3b3b;
        box-shadow: 0 2px 4px rgba(255, 82, 82, 0.3);
    }
    
    /* 统一查看详情按钮样式 */
    #construction-page .order-card .mt-4.pt-4.border-t.border-gray-100 button.view-construction-btn {
        background-color: white;
        color: #ff5252;
        border: 1px solid #ff5252;
    }
    
    /* 统一开始施工按钮样式 */
    #construction-page .order-card .mt-4.pt-4.border-t.border-gray-100 button.start-construction-btn {
        background-color: #ff5252;
        color: white;
        box-shadow: 0 1px 2px rgba(255, 82, 82, 0.2);
    }
    
    /* 统一施工登记按钮样式 */
    #construction-page .order-card .mt-4.pt-4.border-t.border-gray-100 button.construction-register-btn {
        background-color: #ff5252;
        color: white;
        box-shadow: 0 1px 2px rgba(255, 82, 82, 0.2);
    }
    
    /* 统一按钮悬停效果 */
    #construction-page .order-card .mt-4.pt-4.border-t.border-gray-100 button:hover {
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    
    /* 响应式施工管理页面无订单状态 */
    #construction-page #no-construction-orders {
        padding: 2rem 0.5rem;
    }
    
    #construction-page #no-construction-orders i {
        width: 8rem;
        height: 8rem;
    }
    
    /* 隐藏滚动条 */
    #construction-page .filter-buttons {
        scrollbar-width: none;
    }
    
    #construction-page .filter-buttons::-webkit-scrollbar {
        display: none;
    }
}

/* 单条记录样式 - 删除重复定义，保留美化版本 */

/* 记录标题 */
.record-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.875rem;
}

.record-type-badge {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.record-type-start {
    background-color: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
}

.record-type-end {
    background-color: #e3f2fd;
    color: #1565c0;
    border: 1px solid #bbdefb;
}

.record-step {
    font-size: 0.75rem;
    color: #718096;
    background-color: #f7fafc;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    font-weight: 500;
}

/* 记录详情字段 */
.record-details {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.5rem;
}

.record-field {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.record-field-label {
    font-size: 0.75rem;
    color: #718096;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.record-field-value {
    font-size: 0.875rem;
    color: #2d3748;
    font-weight: 500;
    line-height: 1.4;
}

/* 施工状态颜色样式 */
.construction-status-ongoing {
    color: #ff9800 !important;
    background-color: rgba(255, 152, 0, 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.construction-status-completed {
    color: #4caf50 !important;
    background-color: rgba(76, 175, 80, 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.construction-status-idle {
    color: #f44336 !important;
    background-color: rgba(244, 67, 54, 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.construction-status-other {
    color: #2196f3 !important;
    background-color: rgba(33, 150, 243, 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

/* 备注字段样式 */
.record-notes {
    margin-top: 0.875rem;
    padding: 0.75rem;
    background-color: #f7fafc;
    border-radius: 8px;
    border-left: 3px solid #cbd5e0;
}

.record-notes-label {
    font-size: 0.75rem;
    color: #718096;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
}

.record-notes-text {
    font-size: 0.875rem;
    color: #4a5568;
    line-height: 1.6;
    background-color: #ffffff;
    padding: 1rem;
    border-radius: 8px;
    border-left: 3px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* 登记按钮样式 */
.record-actions {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    padding: 0;
    border-left: none;
    background-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    flex-shrink: 0;
}

/* 编辑按钮区域样式 */
.record-date-card .record-actions {
    justify-content: center;
    margin-top: 1.5rem;
    padding: 1.25rem 0 0.5rem;
    border-top: 2px solid #f7fafc;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.02) 100%);
}

/* 简化的记录详情样式 */
.record-details-simplified {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background-color: #fafafa;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
}

/* 记录左侧内容样式 */
.record-left {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    border-right: none;
    gap: 0.5rem;
    background-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 3.5rem;
}

.record-time {
    font-size: 0.75rem;
    color: #4a5568;
    text-align: center;
    line-height: 1.2;
    font-weight: 600;
    background-color: transparent;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    box-shadow: none;
    white-space: nowrap;
}

/* 记录中间内容样式 */
.record-content {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background-color: transparent;
    align-self: flex-start; /* 只占据内容所需宽度 */
}

.record-status {
    display: inline-block;
    padding: 0.0625rem 0.375rem;
    border-radius: 9999px;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.2) 100%);
    max-width: fit-content;
    align-self: flex-start;
}

/* 施工状态样式 */
.record-status.construction-status-ongoing {
    background: linear-gradient(135deg, #e6fffa 0%, #b2f5ea 100%);
    color: #007a63;
    border: 1px solid #81e6d9;
    box-shadow: 0 2px 8px rgba(0, 122, 99, 0.15);
}

.record-status.construction-status-completed {
    background: linear-gradient(135deg, #f0fff4 0%, #c6f6d5 100%);
    color: #22543d;
    border: 1px solid #9ae6b4;
    box-shadow: 0 2px 8px rgba(34, 84, 61, 0.15);
}

.record-status.construction-status-idle {
    background: linear-gradient(135deg, #fff5f5 0%, #fed7d7 100%);
    color: #742a2a;
    border: 1px solid #feb2b2;
    box-shadow: 0 2px 8px rgba(116, 42, 42, 0.15);
}

.record-status.construction-status-other {
    background: linear-gradient(135deg, #ebf8ff 0%, #bee3f8 100%);
    color: #2c5282;
    border: 1px solid #90cdf4;
    box-shadow: 0 2px 8px rgba(44, 82, 130, 0.15);
}

/* 查看详情按钮样式 */
.btn-view-details {
    background-color: #ffffff;
    border: 1px solid #ff5252;
    color: #ff5252;
    padding: 0.375rem 0.625rem;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.7rem;
    font-weight: 500;
    transition: all 0.2s ease;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: auto;
    white-space: nowrap;
}

.btn-view-details:hover {
    background-color: #ff5252;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(255, 82, 82, 0.2);
}

/* 编辑按钮样式 */
.btn-edit {
    background-color: #ff5252;
    border: 1px solid #ff5252;
    color: #ffffff;
    padding: 0.375rem 0.625rem;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.7rem;
    font-weight: 500;
    transition: all 0.2s ease;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: auto;
    white-space: nowrap;
}

.btn-edit:hover {
    background-color: #ff3333;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(255, 82, 82, 0.3);
}

.record-basic-info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.record-equipment, .record-workitem {
    font-size: 0.875rem;
    color: #2d3748;
    line-height: 1.6;
    background-color: #f9fafb;
    padding: 0.75rem;
    border-radius: 8px;
    border-left: 3px solid #e5e7eb;
    transition: all 0.3s ease;
}

.record-equipment:hover, .record-workitem:hover {
    background-color: #f3f4f6;
    border-left-color: #3182ce;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.btn-register-start,
.btn-register-end,
.btn-edit {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-register-start {
    background-color: #4caf50;
    color: white;
}

.btn-register-start:hover {
    background-color: #43a047;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(76, 175, 80, 0.3);
}

.btn-register-end {
    background-color: #2196f3;
    color: white;
}

.btn-register-end:hover {
    background-color: #1976d2;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(33, 150, 243, 0.3);
}

.btn-edit {
    background-color: #ff5252;
    color: #ffffff;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 500;
    transition: all 0.2s ease;
    width: 100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.btn-edit:hover {
    background-color: #ff3b3b;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(255, 82, 82, 0.2);
}

.btn-edit:hover {
    background-color: #f57c00;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(255, 152, 0, 0.3);
}

/* 无记录提示 */
.no-records {
    text-align: center;
    padding: 2rem;
    color: #718096;
    font-size: 0.875rem;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px dashed #e2e8f0;
}

/* 记录详情页面样式 */
#record-detail-page {
    min-height: 100vh;
    background-color: #f7fafc;
}

#record-detail-page nav {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

#back-to-register {
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 8px;
    transition: all 0.3s ease;
}

#back-to-register:hover {
    background-color: #f7fafc;
    transform: translateX(-2px);
}

.record-detail-header {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

.record-type-indicator {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.record-detail-body {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.record-detail-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f7fafc;
}

.record-detail-field:last-child {
    border-bottom: none;
}

.record-detail-label {
    font-size: 0.875rem;
    color: #718096;
    font-weight: 500;
}

.record-detail-value {
    font-size: 0.875rem;
    color: #2d3748;
    font-weight: 500;
    text-align: right;
    flex: 1;
    margin-left: 1rem;
}

/* 查看详情按钮样式 */
.view-detail-btn {
    background-color: #ffffff;
    color: #ff5252;
    border: 1px solid #ff5252;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.view-detail-btn:hover {
    background-color: #ff5252;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 82, 82, 0.3);
}

/* 施工登记列表美化样式 */
.record-item {
    background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
}

.record-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 82, 82, 0.1) 50%, transparent 100%);
}

.record-item:hover {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(255, 82, 82, 0.08);
    transform: translateY(-2px);
}

/* 左侧进度条动画 */
.record-item .absolute.left-0 {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.record-item:hover .absolute.left-0 {
    transform: scaleY(1);
}

/* 类型标签美化 */
.record-type-badge {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* 设备信息卡片 */
.equipment-card {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.equipment-card:hover {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    border-color: #cbd5e0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* 施工项目区域 */
.construction-project-section {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border: 1px solid #bfdbfe;
    position: relative;
    overflow: hidden;
}

.construction-project-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%);
}

/* 备注说明区域 */
.notes-section {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 1px solid #fde68a;
    position: relative;
}

.notes-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
}

/* 数据指标卡片 */
.metric-card {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.metric-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #64748b 0%, #475569 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.metric-card:hover::before {
    opacity: 1;
}

.metric-card:hover {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    border-color: #cbd5e0;
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* 底部操作栏 */
.record-item .bg-gray-50 {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-top: 1px solid #e2e8f0;
}

/* 编辑按钮美化 */
.record-item button {
    background: linear-gradient(135deg, #ff5252 0%, #ff4081 100%);
    border: none;
    box-shadow: 0 2px 8px rgba(255, 82, 82, 0.2);
    transition: all 0.3s ease;
}

.record-item button:hover {
    background: linear-gradient(135deg, #ff3b3b 0%, #ff1744 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(255, 82, 82, 0.3);
}

/* 图标动画效果 */
.record-item [data-lucide] {
    transition: all 0.3s ease;
}

.record-item:hover [data-lucide] {
    transform: scale(1.1);
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

/* 记录编号 */
.record-number {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    color: #64748b;
    font-weight: 600;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    border: 1px solid #cbd5e0;
}

/* 空状态样式 */
.empty-records {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 2px dashed #cbd5e0;
    border-radius: 12px;
    text-align: center;
    padding: 3rem 1rem;
    position: relative;
    overflow: hidden;
}

.empty-records::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, transparent 0%, rgba(255, 82, 82, 0.02) 50%, transparent 100%);
    animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}

.empty-records i {
    filter: grayscale(0.3);
    opacity: 0.6;
}

/* 响应式优化 */
@media (max-width: 640px) {
    .record-item {
        margin: 0.5rem;
        border-radius: 12px;
    }
    
    .record-item .p-5 {
        padding: 1rem;
    }
    
    .record-item .px-5 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .metric-card {
        padding: 0.75rem;
    }
}

/* 施工管理报修二级页面样式优化 */
#repair-list-page,
#repair-detail-modal {
    /* 全局字体缩小 */
    font-size: 0.75rem !important;
}

/* 统一标题样式 */
#repair-list-page h1,
#repair-list-page h2,
#repair-list-page h3,
#repair-list-page h4,
#repair-list-page h5,
#repair-list-page h6,
#repair-detail-modal h1,
#repair-detail-modal h2,
#repair-detail-modal h3,
#repair-detail-modal h4,
#repair-detail-modal h5,
#repair-detail-modal h6 {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.5rem !important;
}

/* 统一文本样式 */
#repair-list-page p,
#repair-list-page span,
#repair-list-page div,
#repair-detail-modal p,
#repair-detail-modal span,
#repair-detail-modal div {
    font-size: 0.75rem !important;
    line-height: 1.4 !important;
}

/* 优化容器内边距 */
#repair-list-page .px-6,
#repair-detail-modal .px-6 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

#repair-list-page .py-6,
#repair-detail-modal .py-6 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

/* 优化统计卡片 */
#repair-list-page .bg-gradient-to-r,
#repair-detail-modal .bg-gradient-to-r {
    padding: 0.625rem !important;
    margin-bottom: 0.5rem !important;
}

#repair-list-page .bg-gradient-to-r .text-2xl,
#repair-detail-modal .bg-gradient-to-r .text-2xl {
    font-size: 1.125rem !important;
}

#repair-list-page .bg-gradient-to-r .text-sm,
#repair-detail-modal .bg-gradient-to-r .text-sm {
    font-size: 0.6875rem !important;
}

/* 优化搜索和筛选区域 */
#repair-list-page .flex.space-x-3,
#repair-detail-modal .flex.space-x-3 {
    gap: 0.375rem !important;
}

#repair-detail-modal #repair-search,
#repair-detail-modal #repair-filter {
    font-size: 0.7rem !important;
    padding: 0.4375rem !important;
    height: auto !important;
}

/* 优化报修列表内容 */
#repair-list-page #repair-list-content {
    gap: 0.4375rem !important;
    margin-top: 0.5rem !important;
}

/* 优化列表项 */
#repair-list-page .space-y-4 > *,
#repair-detail-modal .space-y-4 > * {
    margin-bottom: 0.4375rem !important;
}

#repair-list-page .space-y-4,
#repair-detail-modal .space-y-4 {
    margin-bottom: -0.4375rem !important;
}

/* 优化报修详情弹窗 */

/* 优化弹窗容器 */
#repair-detail-modal .fixed.inset-0 {
    z-index: 9999 !important;
}

/* 优化弹窗内容 */
#repair-detail-modal .bg-white {
    padding: 0.625rem !important;
    border-radius: 0.5rem !important;
}

/* 优化表单样式 */
#repair-detail-modal #repair-form {
    gap: 0.4375rem !important;
}

#repair-detail-modal .mb-4 {
    margin-bottom: 0.4375rem !important;
}

/* 优化表单标签 */
#repair-detail-modal label {
    font-size: 0.7rem !important;
    margin-bottom: 0.25rem !important;
}

/* 优化表单输入 */
#repair-detail-modal input,
#repair-detail-modal select,
#repair-detail-modal textarea {
    font-size: 0.7rem !important;
    padding: 0.4375rem !important;
    margin-bottom: 0.375rem !important;
}

/* 优化按钮 */
#repair-detail-modal button {
    font-size: 0.7rem !important;
    padding: 0.375rem 0.625rem !important;
    height: auto !important;
}

/* 优化文件上传区域 */
#repair-detail-modal #repair-file-upload-area {
    padding: 0.625rem !important;
    margin-bottom: 0.4375rem !important;
}

#repair-detail-modal #repair-file-upload-area p {
    font-size: 0.7rem !important;
}

/* 优化弹窗按钮布局 */
#repair-detail-modal .flex.justify-end {
    gap: 0.375rem !important;
    margin-top: 0.5rem !important;
}

/* 优化新增报修按钮 */
#add-repair-btn {
    font-size: 0.75rem !important;
    padding: 0.4375rem 0.625rem !important;
    gap: 0.375rem !important;
}

#add-repair-btn i {
    width: 0.75rem !important;
    height: 0.75rem !important;
}

/* 优化返回按钮 */
#back-to-construction-from-repair {
    padding: 0.375rem !important;
    width: 2rem !important;
    height: 2rem !important;
}

#back-to-construction-from-repair i {
    width: 1rem !important;
    height: 1rem !important;
}

/* 施工登记页面样式优化 */
#register-page,
#record-detail-page,
#register-detail-page {
    /* 全局字体缩小 */
    font-size: 0.75rem !important;
}

/* 施工登记页面导航栏优化 */
#register-page nav,
#record-detail-page nav,
#register-detail-page nav {
    padding: 0.5rem 0.75rem !important;
}

/* 施工登记页面标题优化 */
#register-page h1,
#record-detail-page h1,
#register-detail-page h1 {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    margin-left: 0.25rem !important;
}

/* 施工登记页面主内容区优化 */
#register-page .p-4,
#record-detail-page .p-4,
#register-detail-page .p-4 {
    padding: 0.5rem !important;
}

/* 施工登记页面卡片优化 */
#register-page .bg-white.rounded-lg,
#record-detail-page .bg-white.rounded-lg,
#register-detail-page .bg-white.rounded-xl {
    padding: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

/* 施工登记页面按钮优化 */
#register-page button,
#record-detail-page button,
#register-detail-page button {
    font-size: 0.8125rem !important;
    padding: 0.375rem 0.75rem !important;
}

/* 施工登记页面标签优化 */
#register-detail-page label {
    font-size: 0.75rem !important;
    margin-bottom: 0.25rem !important;
}

/* 施工登记页面输入框优化 */
#register-detail-page input,
#register-detail-page select,
#register-detail-page textarea {
    font-size: 0.8125rem !important;
    padding: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* 施工登记页面标题优化 */
#register-detail-page h3 {
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    margin-bottom: 0.5rem !important;
}

/* 施工登记记录列表优化 */
#register-page #records-list {
    gap: 0.5rem !important;
    margin-top: 0.5rem !important;
}

/* 施工登记记录项优化 */
#register-page .record-item {
    padding: 0.75rem !important;
    margin-bottom: 0.5rem !important;
}

/* 施工登记记录详情优化 */
#record-detail-page .record-detail-body {
    padding: 1rem !important;
    gap: 0.5rem !important;
}

/* 施工登记记录详情字段优化 */
#record-detail-page .record-detail-field {
    padding: 0.5rem 0 !important;
}

/* 施工登记记录详情标签优化 */
#record-detail-page .record-detail-label {
    font-size: 0.75rem !important;
}

/* 施工登记记录详情值优化 */
#record-detail-page .record-detail-value {
    font-size: 0.8125rem !important;
}

/* 施工登记页面选择项优化 */
#register-detail-page .flex.items-center.space-x-8 {
    gap: 1.5rem !important;
}

/* 施工登记页面单选按钮优化 */
#register-detail-page .form-radio {
    width: 0.875rem !important;
}

/* 维修管理页面样式 */
#repair-management-page {
    background-color: #f9fafb;
    min-height: 100vh;
}

/* 维修管理页面导航栏 */
#repair-management-page nav {
    background: white;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    padding: 0.75rem;
}

/* 维修管理页面筛选按钮容器 */
#repair-management-page .filter-buttons {
    display: flex;
    gap: 0.375rem;
    background-color: #f3f4f6;
    padding: 0.375rem;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #d1d5db transparent;
    margin-bottom: 0.75rem;
}

/* 维修管理页面筛选按钮 */
#repair-management-page .filter-btn {
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    background-color: transparent;
    color: #6b7280;
    flex-shrink: 0;
}

/* 维修管理页面筛选按钮激活状态 */
#repair-management-page .filter-btn.active-filter {
    background: linear-gradient(135deg, #ff5252 0%, #ff4081 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(255, 82, 82, 0.25);
    transform: translateY(0);
}

/* 维修管理页面筛选按钮悬停状态 */
#repair-management-page .filter-btn:hover {
    background-color: #e5e7eb;
    color: #374151;
}

/* 维修管理页面订单卡片 */
#repair-management-page .order-card {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    margin-bottom: 0.75rem;
    overflow: hidden;
    padding: 0.75rem;
}

/* 维修管理页面订单卡片悬停效果 */
#repair-management-page .order-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: #d1d5db;
    transform: translateY(-1px);
}

/* 维修管理页面订单标题 */
#repair-management-page .order-card h3 {
    font-size: 0.9375rem;
    font-weight: 600;
    margin-bottom: 0.375rem;
    color: #1f2937;
}

/* 维修管理页面订单内容 */
#repair-management-page .order-card p {
    font-size: 0.8125rem;
    line-height: 1.4;
    margin: 0.25rem 0;
    color: #4b5563;
}

/* 维修管理页面订单按钮组 */
#repair-management-page .order-card .flex.justify-end {
    margin-top: 0.75rem;
    gap: 0.5rem;
}

/* 维修管理页面订单按钮 */
#repair-management-page .order-card button {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    border-radius: 6px;
    transition: all 0.2s ease;
    font-weight: 500;
}

/* 维修状态样式 */
.repair-status-pending {
    color: #f59e0b !important;
    background-color: rgba(245, 158, 11, 0.1) !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 4px !important;
}

.repair-status-progress {
    color: #3b82f6 !important;
    background-color: rgba(59, 130, 246, 0.1) !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 4px !important;
}

.repair-status-completed {
    color: #10b981 !important;
    background-color: rgba(16, 185, 129, 0.1) !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 4px !important;
}

/* 维修详情页面样式 */
#repair-detail-page {
    background-color: #f9fafb;
    min-height: 100vh;
}

/* 维修详情页面导航栏 */
#repair-detail-page nav {
    background: white;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    padding: 0.75rem;
}

/* 维修详情页面内容区 */
#repair-detail-page .page-content {
    padding: 0.75rem;
}

/* 维修详情页面信息卡片 */
#repair-detail-page .info-card {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    padding: 0.75rem;
    margin-bottom: 0.75rem;
}

/* 维修详情页面信息行 */
#repair-detail-page .info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f3f4f6;
}

/* 维修详情页面信息行最后一项 */
#repair-detail-page .info-row:last-child {
    border-bottom: none;
}

/* 维修详情页面信息标签 */
#repair-detail-page .info-label {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #6b7280;
}

/* 维修详情页面信息值 */
#repair-detail-page .info-value {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #1f2937;
}

/* 维修详情页面操作按钮 */
#repair-detail-page .action-buttons {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
    justify-content: center;
}

/* 维修详情页面操作按钮样式 */
#repair-detail-page .action-buttons button {
    flex: 1;
    padding: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.2s ease;
}

/* 维修详情页面开始维修按钮 */
#repair-detail-page .start-repair-btn {
    background-color: #10b981;
    color: white;
    border: none;
}

/* 维修详情页面开始维修按钮悬停效果 */
#repair-detail-page .start-repair-btn:hover {
    background-color: #059669;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

/* 维修详情页面完成维修按钮 */
#repair-detail-page .complete-repair-btn {
    background-color: #3b82f6;
    color: white;
    border: none;
}

/* 维修详情页面完成维修按钮悬停效果 */
#repair-detail-page .complete-repair-btn:hover {
    background-color: #2563eb;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

/* 维修管理页面无订单状态 */
#repair-management-page #no-repair-orders {
    padding: 2rem 0.5rem;
    text-align: center;
    color: #6b7280;
}

#repair-management-page #no-repair-orders i {
    width: 8rem;
    height: 8rem;
    opacity: 0.6;
}

/* 移动端样式优化 */
@media (max-width: 640px) {
    /* 维修管理页面 */
    #repair-management-page .p-4 {
        padding: 0.5rem;
    }
    
    #repair-management-page nav {
        padding: 0.5rem;
    }
    
    #repair-management-page h1 {
        font-size: 1rem;
    }
    
    #repair-management-page .filter-buttons {
        gap: 0.25rem;
        padding: 0.25rem;
        border-radius: 6px;
    }
    
    #repair-management-page .filter-btn {
        padding: 0.375rem 0.625rem;
        font-size: 0.75rem;
        border-radius: 4px;
    }
    
    #repair-management-page .order-card {
        padding: 0.75rem;
        margin-bottom: 0.5rem;
    }
    
    #repair-management-page .order-card h3 {
        font-size: 0.9375rem;
        margin-bottom: 0.375rem;
    }
    
    #repair-management-page .order-card p {
        font-size: 0.8125rem;
    }
    
    #repair-management-page .order-card button {
        padding: 0.375rem 0.5rem;
        font-size: 0.75rem;
    }
    
    /* 维修详情页面 */
    #repair-detail-page nav {
        padding: 0.5rem;
    }
    
    #repair-detail-page h1 {
        font-size: 1rem;
    }
    
    #repair-detail-page .page-content {
        padding: 0.5rem;
    }
    
    #repair-detail-page .info-card {
        padding: 0.5rem;
        margin-bottom: 0.5rem;
    }
    
    #repair-detail-page .info-row {
        padding: 0.375rem 0;
    }
    
    #repair-detail-page .action-buttons {
        flex-direction: column;
    }
    
    /* 隐藏滚动条 */
    #repair-management-page .filter-buttons {
        scrollbar-width: none;
    }
    
    #repair-management-page .filter-buttons::-webkit-scrollbar {
        display: none;
    }
}

/* 维修管理页面样式 */
#repair-management-page {
    min-height: 100vh;
    background-color: #f9fafb;
}

#repair-management-page nav {
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    padding: 0.5rem 0.75rem !important;
}

#repair-management-page h1 {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    margin-left: 0.25rem !important;
}

#repair-management-page .p-4 {
    padding: 0.5rem !important;
}

#repair-management-page .bg-white.rounded-lg {
    padding: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

#repair-management-page .order-card {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

#repair-management-page .order-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: #d1d5db;
    transform: translateY(-1px);
}

#repair-management-page .filter-buttons {
    display: flex;
    gap: 0.375rem;
    background-color: #f3f4f6;
    padding: 0.375rem;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #d1d5db transparent;
}

#repair-management-page .filter-btn {
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    background-color: transparent;
    color: #6b7280;
    flex-shrink: 0;
}

#repair-management-page .filter-btn.active-filter {
    background: linear-gradient(135deg, #ff5252 0%, #ff4081 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(255, 82, 82, 0.25);
    transform: translateY(0);
}

#repair-management-page .filter-btn:hover {
    background-color: #e5e7eb;
    color: #374151;
}

/* 维修详情页面样式 */
#repair-detail-page {
    min-height: 100vh;
    background-color: #f9fafb;
}

#repair-detail-page nav {
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    padding: 0.5rem 0.75rem !important;
}

#repair-detail-page h1 {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    margin-left: 0.25rem !important;
}

#repair-detail-page .p-4 {
    padding: 0.5rem !important;
}

#repair-detail-page .bg-white.rounded-lg {
    padding: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

#repair-detail-page button {
    font-size: 0.8125rem !important;
    padding: 0.375rem 0.75rem !important;
}

/* 移动端样式优化 */
@media (max-width: 768px) {
    #repair-management-page .p-4 {
        padding: 0.5rem;
    }
    
    #repair-management-page nav {
        padding: 0.5rem;
    }
    
    #repair-management-page h1 {
        font-size: 1rem;
    }
    
    #repair-management-page .filter-buttons {
        gap: 0.25rem;
        padding: 0.25rem;
        border-radius: 6px;
    }
    
    #repair-management-page .filter-btn {
        padding: 0.375rem 0.625rem;
        font-size: 0.75rem;
        border-radius: 4px;
    }
    
    #repair-management-page .order-card {
        padding: 0.75rem;
        margin-bottom: 0.5rem;
    }
    
    #repair-management-page .order-card h3 {
        font-size: 0.9375rem;
        margin-bottom: 0.375rem;
    }
    
    #repair-management-page .order-card p {
        font-size: 0.8125rem;
    }
    
    #repair-management-page .order-card .flex.justify-end {
        margin-top: 0.75rem;
        gap: 0.5rem;
    }
    
    #repair-management-page .order-card button {
        padding: 0.375rem 0.75rem;
        font-size: 0.8125rem;
        border-radius: 6px;
        transition: all 0.2s ease;
    }
}
    height: 0.875rem !important;
}

/* 施工登记页面单选标签优化 */
#register-detail-page .flex.items-center.space-x-2 {
    gap: 0.5rem !important;
}

/* 个人中心页面样式优化 */
#profile-page {
    /* 全局字体缩小 */
    font-size: 0.75rem !important;
}

/* 个人中心页面导航栏优化 */
#profile-page nav {
    padding: 0.5rem 0.75rem !important;
}

/* 个人中心页面标题优化 */
#profile-page h1 {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
}

/* 个人中心页面主内容区优化 */
#profile-page .p-4 {
    padding: 0.5rem !important;
}

/* 个人中心页面卡片优化 */
#profile-page .bg-white.rounded-lg {
    padding: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

/* 个人中心页面标题优化 */
#profile-page h2,
#profile-page h3 {
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    margin-bottom: 0.5rem !important;
}

/* 个人中心页面文本优化 */
#profile-page p {
    font-size: 0.8125rem !important;
    line-height: 1.4 !important;
}

/* 个人中心页面统计卡片优化 */
#profile-page .bg-gray-50 {
    padding: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* 个人中心页面统计数字优化 */
#profile-page .text-2xl {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
}

/* 个人中心页面图标优化 */
#profile-page [data-lucide] {
    width: 1rem !important;
    height: 1rem !important;
}

/* 个人中心页面服务功能图标优化 */
#profile-page .bg-gray-50 [data-lucide] {
    width: 2rem !important;
    height: 2rem !important;
    margin-bottom: 0.25rem !important;
}

/* 个人中心页面服务功能卡片优化 */
#profile-page #record-query-entry {
    padding: 0.5rem !important;
}

/* 个人中心页面用户头像优化 */
#profile-page .w-16.h-16 {
    width: 3rem !important;
    height: 3rem !important;
}

/* 个人中心页面服务功能文本优化 */
#profile-page .text-gray-600 {
    font-size: 0.75rem !important;
}

/* 全面优化移动端所有页面字体大小 */
@media (max-width: 640px) {
    /* 覆盖所有文本元素的字体大小 */
    html, body {
        font-size: 14px !important;
    }
    
    /* 调整所有标题字体大小 */
    h1, .text-xl, .text-2xl,
    .modal h1, .popup h1, .overlay h1, .dialog h1,
    [id$="-modal"] h1, [id$="-popup"] h1, [id$="-overlay"] h1, [id$="-dialog"] h1,
    [id$="-page"] h1 {
        font-size: 1rem !important;
    }
    
    h2, .text-lg,
    .modal h2, .popup h2, .overlay h2, .dialog h2,
    [id$="-modal"] h2, [id$="-popup"] h2, [id$="-overlay"] h2, [id$="-dialog"] h2,
    [id$="-page"] h2 {
        font-size: 0.95rem !important;
    }
    
    h3, .text-md,
    .modal h3, .popup h3, .overlay h3, .dialog h3,
    [id$="-modal"] h3, [id$="-popup"] h3, [id$="-overlay"] h3, [id$="-dialog"] h3,
    [id$="-page"] h3 {
        font-size: 0.9rem !important;
    }
    
    /* 调整所有正文文本字体大小 */
    p, span, li, a, .text-sm, .text-base,
    .modal p, .popup p, .overlay p, .dialog p,
    .modal span, .popup span, .overlay span, .dialog span,
    .modal li, .popup li, .overlay li, .dialog li,
    .modal a, .popup a, .overlay a, .dialog a,
    [id$="-modal"] p, [id$="-popup"] p, [id$="-overlay"] p, [id$="-dialog"] p,
    [id$="-modal"] span, [id$="-popup"] span, [id$="-overlay"] span, [id$="-dialog"] span,
    [id$="-modal"] li, [id$="-popup"] li, [id$="-overlay"] li, [id$="-dialog"] li,
    [id$="-modal"] a, [id$="-popup"] a, [id$="-overlay"] a, [id$="-dialog"] a,
    [id$="-page"] p, [id$="-page"] span, [id$="-page"] li, [id$="-page"] a {
        font-size: 0.85rem !important;
    }
    
    /* 调整小字文本字体大小 */
    .text-xs,
    .modal .text-xs, .popup .text-xs, .overlay .text-xs, .dialog .text-xs,
    [id$="-modal"] .text-xs, [id$="-popup"] .text-xs, [id$="-overlay"] .text-xs, [id$="-dialog"] .text-xs,
    [id$="-page"] .text-xs {
        font-size: 0.75rem !important;
    }
    
    /* 调整表单元素字体大小 */
    input, select, textarea, button,
    .modal input, .popup input, .overlay input, .dialog input,
    .modal select, .popup select, .overlay select, .dialog select,
    .modal textarea, .popup textarea, .overlay textarea, .dialog textarea,
    .modal button, .popup button, .overlay button, .dialog button,
    [id$="-modal"] input, [id$="-popup"] input, [id$="-overlay"] input, [id$="-dialog"] input,
    [id$="-modal"] select, [id$="-popup"] select, [id$="-overlay"] select, [id$="-dialog"] select,
    [id$="-modal"] textarea, [id$="-popup"] textarea, [id$="-overlay"] textarea, [id$="-dialog"] textarea,
    [id$="-modal"] button, [id$="-popup"] button, [id$="-overlay"] button, [id$="-dialog"] button,
    [id$="-page"] input, [id$="-page"] select, [id$="-page"] textarea, [id$="-page"] button {
        font-size: 0.85rem !important;
    }
    
    /* 调整导航栏和标签栏字体大小 */
    .nav-btn span, .tabbar span,
    .modal .nav-btn span, .popup .nav-btn span, .overlay .nav-btn span, .dialog .nav-btn span,
    .modal .tabbar span, .popup .tabbar span, .overlay .tabbar span, .dialog .tabbar span,
    [id$="-modal"] .nav-btn span, [id$="-popup"] .nav-btn span, [id$="-overlay"] .nav-btn span, [id$="-dialog"] .nav-btn span,
    [id$="-modal"] .tabbar span, [id$="-popup"] .tabbar span, [id$="-overlay"] .tabbar span, [id$="-dialog"] .tabbar span,
    [id$="-page"] .nav-btn span, [id$="-page"] .tabbar span {
        font-size: 0.75rem !important;
    }
    
    /* 为所有弹窗、模态框和覆盖层添加统一字体大小 */
    #notification-popup,
    #issue-modal,
    #repair-detail-modal,
    #face-recognition-modal,
    #confirm-machine-modal,
    #final-confirm-modal,
    #complete-modal,
    #order-detail-overlay,
    #face-recognition-overlay,
    #confirm-order-overlay,
    #confirm-construction-overlay {
        font-size: 14px !important;
    }
    
    /* 确保二级页面也应用字体大小 */
    #repair-list-page,
    #record-detail-page,
    #register-detail-page,
    #parts-page {
        font-size: 14px !important;
    }
}