/* 常规模式 - 默认蓝色水务主题 */
:root {
    --primary-color: #165DFF;
    --secondary-color: #36BFFA;
    --accent-color: #0FC6C2;
    --text-color: #333333;
    --text-secondary: #666666;
    --light-bg: #F5F7FA;
    --border-color: #E5E9F2;
    --success-color: #00B42A;
    --warning-color: #FF7D00;
    --danger-color: #F53F3F;
    --bg-gradient: linear-gradient(to right, #25a5ef, #3c72f5);
    --footer-bg: #3e6ef5;
    --water-blue: #2563eb;
}

body.normal-theme {
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    color: var(--text-color);
    background-color: var(--light-bg);
    line-height: 1.6;
    transition: all 0.3s ease;
}

/* 导航样式 */
.normal-theme .nav-item {
    position: relative;
    color: #165DFF;
}

.normal-theme .nav-item::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: var(--primary-color);
    transition: width 0.3s ease;
}

.normal-theme .nav-item:hover::after,
.normal-theme .nav-item.active::after {
    width: 100%;
}

/* 卡片悬停效果 */
.normal-theme .card-hover {
    transition: all 0.3s ease;
}

.normal-theme .card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* 按钮样式 */
.normal-theme .btn-primary {
    background-color: var(--primary-color);
    color: white;
    transition: all 0.3s ease;
}

.normal-theme .btn-primary:hover {
    background-color: #0E4BC8;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(22, 93, 255, 0.3);
}

/* 头部区域 */
.normal-theme header {
    background: linear-gradient(to right, #25a5ef, #3c72f5);
    color: white;
}

/* 停水通知区域 */
.normal-theme .bg-red-50 {
    background-color: #fef2f2;
}

/* 主要服务区域 */
.normal-theme .water-blue {
    color: var(--water-blue);
}

/* 走进水务区域 */
.normal-theme .bg-blue-50 {
    background-color: #eff6ff;
}

/* 页脚区域 */
.normal-theme .bg-blue-900 {
    background-color: #3e6ef5;
    color: white;
}

.normal-theme .bg-blue-900 a {
    color: #dbeafe;
}

.normal-theme .bg-blue-900 a:hover {
    color: white;
}

/* 服务热线区域 */
.normal-theme .from-blue-700.to-blue-500 {
    background: linear-gradient(to right, #1d4ed8, #3b82f6);
    color: white;
}

/* 滚动条样式 */
.normal-theme ::-webkit-scrollbar {
    width: 8px;
}

.normal-theme ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.normal-theme ::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 4px;
}

.normal-theme ::-webkit-scrollbar-thumb:hover {
    background: #0E4BC8;
}

/* === list.php和show.php特殊适配 === */

/* 确保list.php头部区域使用蓝色渐变 */
.normal-theme .bg-gradient-to-r.from-blue-700.to-blue-500.text-white.py-16 {
    background: linear-gradient(to right, #25a5ef, #3c72f5) !important;
}

/* 确保show.php头部区域使用蓝色渐变 */
.normal-theme .content-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* 确保分页组件使用蓝色主题色 */
.normal-theme .pagination a:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* 确保相关文章项使用蓝色边框 */
.normal-theme .related-item {
    border-left: 4px solid var(--primary-color) !important;
}





/* === list01.php特殊适配 === */

/* 确保正常模式下header使用蓝色渐变 */
.normal-theme .bg-gradient-to-r.from-blue-700.to-blue-500.text-white.py-16 {
    background: linear-gradient(to right, #25a5ef, #3c72f5) !important;
}

/* 确保二级导航选中状态使用蓝色 */
.normal-theme .bg-blue-50 {
    background-color: rgba(22, 93, 255, 0.1) !important;
}

/* 确保分页导航使用蓝色主题色 */
.normal-theme .border-gray-300.text-gray-700.hover\\:bg-blue-50:hover {
    background-color: rgba(22, 93, 255, 0.1) !important;
    border-color: var(--primary-color) !important;
}

.normal-theme .bg-blue-600 {
    background-color: var(--primary-color) !important;
    color: white !important;
}




/* === list02.php特殊适配 === */

/* 确保正常模式下header使用蓝色渐变 */
.normal-theme .bg-gradient-to-r.from-blue-700.to-blue-500.text-white.py-16 {
    background: linear-gradient(to right, #25a5ef, #3c72f5) !important;
}

/* 确保二级导航选中状态使用蓝色 */
.normal-theme .bg-blue-50 {
    background-color: rgba(22, 93, 255, 0.1) !important;
}

/* 确保分页导航使用蓝色主题色 */
.normal-theme .border-gray-300.text-gray-700.hover\\:bg-blue-50:hover {
    background-color: rgba(22, 93, 255, 0.1) !important;
    border-color: var(--primary-color) !important;
}

.normal-theme .bg-blue-600 {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* === list03.php特殊适配 === */

/* 确保标签导航使用蓝色主题色 */
.normal-theme .tab-nav-item.active {
    color: var(--primary-color) !important;
    border-bottom: 2px solid var(--primary-color) !important;
}

/* 确保卡片和按钮使用蓝色主题色 */
.normal-theme .card-hover:hover {
    border-color: var(--primary-color) !important;
}

.normal-theme .btn-primary {
    background-color: var(--primary-color) !important;
}





/* === list04.php特殊适配 === */

.normal-theme .data-table {
    background: white;
}

.normal-theme .glassmorphism {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(10px) !important;
}

.normal-theme .bg-blue-50 {
    background-color: rgba(22, 93, 255, 0.1) !important;
}

.normal-theme .text-blue-700 {
    color: var(--primary-color) !important;
}

.normal-theme .text-blue-600 {
    color: var(--primary-color) !important;
}

/* === list05.php特殊适配 === */

.normal-theme .interaction-tab.active {
    color: var(--primary-color) !important;
    border-bottom: 2px solid var(--primary-color) !important;
}

.normal-theme .btn-primary {
    background-color: var(--primary-color) !important;
}

.normal-theme .alert {
    border-left: 4px solid var(--primary-color);
}