/* 全局样式*/:root {--primary-color:#3168EC;--bg-light:#f8f9fa;--text-dark:#333;--text-light:#666;--border-color:#e6e6e6;--active-bg:#e6f4ff;--hover-bg:#f0f7ff;--sidebar-width:250px;--main-bg:#F7F8FA;}
body {font-family:"Source Han Sans SC","Noto Sans SC","Source Han Sans","思源黑体","Microsoft YaHei",sans-serif;color:var(--text-dark);background-color:var(--main-bg);}
a {text-decoration: none;}
.card{border-radius: 0.3rem;}

/* 文字颜色*/ 
.status-paid {color: #3168ec  !important;}
.status-unpaid {color:#ff4d4f !important;}
.status-pending {color:#fa8c16 !important;}
.status-success {color:#28a745 !important;;}
.status-revoke {color:#666666 !important;}
/* 审核状态标签样式*/
.badge-status-pending {min-width:5rem;background:#fff7e6 !important;color:#fa8c16;border:1px solid #ffd591;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.badge-status-approved {min-width:5rem;background-color:#f6ffed !important;color:#52c41a;border:1px solid #b7eb8f;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem !important;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.badge-status-rejected {min-width:5rem;background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.badge-status-supplement {min-width:5rem;background:#e6f4ff !important;color:#1890ff;border:1px solid #91d5ff;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.badge-status-warning {min-width:5rem;background:#fffbe6 !important;color:#faad14;border:1px solid #ffe58f;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.badge-status-info {min-width:5rem;background:#f0f5ff !important;color:#597ef7;border:1px solid #adc6ff;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.badge-status-secondary {min-width:5rem;background:#e2e5e7 !important;color:#666666;border:1px solid #dbcfcf;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem !important;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}

.table-header .bg-secondary,.badge-status-pending {min-width:5rem;background:#fff7e6 !important;color:#fa8c16;border:1px solid #ffd591;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.table-header .bg-success,.badge-status-approved {min-width:5rem;background-color:#f6ffed !important;color:#52c41a;border:1px solid #b7eb8f;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem !important;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.table-header .bg-primary,.badge-status-supplement {min-width:5rem;background:#e6f4ff !important;color:#1890ff;border:1px solid #91d5ff;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.table-header .bg-warning,.badge-status-warning {min-width:5rem;background:#fffbe6 !important;color:#faad14;border:1px solid #ffe58f;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}


/*正方形标签*/
.bg-suc1{--bs-bg-opacity: 1;background-color: #198754 !important;}
.bg-prim1{--bs-bg-opacity: 1;background-color: #0d6efd !important;}
.bg-in1{--bs-bg-opacity: 1;background-color: #0dcaf0 !important;}
.bg-da1{--bs-bg-opacity: 1;background-color: #dc3545 !important;}


/* 顶部导航栏样式*/
.navbar-custom {background-color:#fff;padding:1.2188rem 1.5rem;z-index:1030;width: calc(100% - 250px);margin-left: 250px;border-bottom: 1px solid rgb(229, 231, 235);}
.navbar-customa{width: calc(100% - 0px);margin-left: 0px;}
.navbar-customa .navbar-brand{display: block;}
.navbar-brand {display:none;color:var(--text-dark);font-size: 1.25rem;font-weight:600;align-items:center;padding: 0px;}
.navbar-brand img {margin-right:12px;vertical-align: top;}
.navbar-nav .nav-link {color:var(--text-dark);font-size:14px;padding:0rem 1rem;line-height: 2.5000rem;margin:0 4px;border-radius:0.75rem;position:relative;}
.navbar-nav .nav-link:hover {color:var(--primary-color);}
/* 组织管理按钮样式*/.navbar-nav .nav-item:first-child .nav-text {background-color:#e6f4ff;color:var(--primary-color);padding:6px 12px;border-radius:50px;font-weight:500;}
/* 用户名（唐老鸭）样式*/.navbar-nav .nav-item:nth-child(2) .nav-text {color:var(--primary-color);font-weight:500;}
/* 欢迎登录和退出之间的分隔*/.navbar-nav .nav-item:nth-child(3)::after {content:'|';position:absolute;right:-2px;top:50%;transform:translateY(-50%);color:#ddd;font-size:14px;z-index:1;}
/* 退出按钮样式*/.navbar-nav .nav-item:nth-child(4) .nav-text {color:#999;}
.navbar-nav .nav-item:nth-child(4):hover .nav-text {color:#666;}
.user-avatar {width:2.5rem;height:2.5rem;border-radius:50%;margin-left:0.75rem;object-fit:cover;border:2px solid var(--primary-color);background-color: var(--primary-color);color:var(--primary-color);}
/* 移动端导航切换按钮*/.mobile-nav-toggle {display:none;position:fixed;top:15px;left:15px;z-index:1040;background:var(--primary-color);color:white;border:none;width:40px;height:40px;border-radius:6px;font-size:18px;box-shadow:0 2px 8px rgba(0,0,0,0.15);}
/* 手机端导航按钮组*/.mobile-nav-actions {display:flex;align-items:center;gap:12px;}
.mobile-hamburger-btn {background:var(--primary-color);color:white;border:none;width:40px;height:40px;border-radius:6px;font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:all 0.3s;}
.mobile-hamburger-btn:hover {background:#2859d4;transform:translateY(-1px);}
/* 通用用户下拉菜单样式 */
.mobile-user-dropdown, .desktop-user-dropdown {position:relative;}
/* 用户头像通用样式 */
.mobile-user-avatar, .desktop-user-dropdown .user-avatar {cursor:pointer;transition:all 0.3s;}
.mobile-user-avatar {width:40px;height:40px;border-radius:50%;border:2px solid #e6f4ff;}
.mobile-user-avatar:hover, .desktop-user-dropdown .user-avatar:hover {border-color:var(--primary-color);transform:scale(1.05);}
/* 通用下拉菜单容器样式 */
.mobile-user-menu, .desktop-user-menu {position:absolute;right:0;background:white;border-radius:0.75rem;box-shadow:0 8px 30px rgba(0,0,0,0.15);border:1px solid #f0f0f0;min-width:180px;z-index:1050;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;}

/* 移动端菜单位置 */
.mobile-user-menu {top:50px;}
/* 桌面端菜单位置 */
.desktop-user-menu {top:calc(100% + 10px);}
/* 显示菜单的触发条件 */
.mobile-user-menu.show {opacity:1;visibility:visible;transform:translateY(0);}
.desktop-user-dropdown:hover .desktop-user-menu {opacity:1;visibility:visible;transform:translateY(0);}
/* 通用三角箭头 */
.mobile-user-menu::before, .desktop-user-menu::before {content:'';position:absolute;top:-8px;right:15px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;}
/* 通用菜单项样式 */
.mobile-user-menu .menu-item, .desktop-user-menu .menu-item {display:flex;align-items:center;padding:12px 16px;color:var(--text-dark);text-decoration:none;font-size:14px;font-weight:400;border-bottom:1px solid #f5f5f5;transition:all 0.3s;}
.mobile-user-menu .menu-item:last-child, .desktop-user-menu .menu-item:last-child {border-bottom:none;border-radius:0 0 0.75rem 0.75rem;}
.mobile-user-menu .menu-item:first-child, .desktop-user-menu .menu-item:first-child {border-radius:0.75rem 0.75rem 0 0;}
.mobile-user-menu .menu-item:hover, .desktop-user-menu .menu-item:hover {background:#f8f9ff;color:var(--primary-color);}
.mobile-user-menu .menu-item.danger, .desktop-user-menu .menu-item.danger {color:#dc3545;}
.mobile-user-menu .menu-item.danger:hover, .desktop-user-menu .menu-item.danger:hover {background:#fff5f5;color:#dc3545;}

/* 通用图标样式 */
.mobile-user-menu .menu-item i, .desktop-user-menu .menu-item i {margin-right:8px;width:16px;text-align:center;}

/* 左侧导航样式*/
.sidebar-custom {padding-left: 0px;background-color:#fff;height:calc(100vh);border-right: 1px solid rgb(229, 231, 235);margin-top:0px;width:var(--sidebar-width);position:fixed;left:0;z-index:1020;transition:all 0.3s ease;overflow:auto;}
.sidebar-custom .nav-item {margin:3px 0px;}
.sidebar-custom .nav-item.open .sub-menu {display: block;}
.sidebar-custom .nav-item:not(.open) .sub-menu {display: none;}
.sidebar-custom .nav-link {color:var(--text-dark);padding:14px 20px;font-size:15px;line-height:1.5;border-radius:0;display:flex;align-items:center;position:relative;transition:all 0.3s;cursor:pointer;font-weight:400;}
.sidebar-custom .nav-link i {font-size:18px;margin-right:12px;width:1.5rem;text-align:center;line-height:1;}
.sidebar-custom .nav-link span {line-height:1.4;}
.sidebar-custom .nav-link:hover {background-color:#f3f4f6;border-radius: 0px  50px 50px  0px;}
.sidebar-custom .nav-link.active,.sidebar-custom .nav-link.parent-active {color:var(--primary-color);font-weight:600;}
.sidebar-custom .nav-link.parent-active i {color:var(--primary-color);}
/* 二级导航样式*/.sidebar-custom .nav-item .nav-link.has-arrow::after {content:'\f107';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;right:20px;transition:transform 0.3s;font-size:14px;}
.sidebar-custom .nav-item.open .nav-link.has-arrow::after {transform:rotate(180deg);}
.sidebar-custom .nav-item:not(.open) .nav-link.has-arrow::after {transform:rotate(0deg);}
.sidebar-custom .sub-menu {padding-left:0;list-style:none;max-height:0;overflow:hidden;transition:max-height 0.3s ease;}
.sidebar-custom .nav-item.open .sub-menu {max-height:1000px;}
.sidebar-custom .sub-menu .nav-link {padding-left:56px;padding-top:12px;padding-bottom:12px;font-size:14px;line-height:1.4;font-weight:400;position: relative;}
.sidebar-custom .sub-menu .nav-link i {display:none;}
.sidebar-custom .sub-menu .nav-link.active {color:var(--primary-color);font-weight:500;}
.sidebar-custom .sub-menu .nav-link::before {content:'';position:absolute;top:1.2rem;left:30px;width:5px;height:5px;background: #374151;border-radius: 50px;}
.sidebar-custom .sub-menu .nav-link.active::before{background:var(--primary-color);}

.sidebar-custom .nav-link.parent-active{background: #F3F6FD;border-radius: 0px 50px 50px 0px;}
.logo-logo{text-align: center;padding: 1.5625rem 0rem;}
.logo-logo .navbar-brand{margin: 0 auto !important;display: inline-block;}

/* 当二级菜单选中时，让一级菜单也高亮*/.sidebar-custom .nav-item.open:has(.nav-link.active) > .nav-link.has-arrow,.sidebar-custom .nav-item.open:has(.sub-menu .nav-link.active) > .nav-link.has-arrow {color:var(--primary-color);}

/* 无权限菜单样式 */
.sidebar-custom .nav-link.no-permission {
    color: #999 !important;
    cursor: not-allowed !important;
    opacity: 0.6;
    pointer-events: auto; /* 允许点击以显示提示 */
}

.sidebar-custom .nav-link.no-permission:hover {
    color: #999 !important;
    background-color: transparent !important;
}

.sidebar-custom .nav-item.no-permission-item .sub-menu {
    opacity: 0.6;
}

.sidebar-custom .nav-item.no-permission-item .sub-menu .nav-link {
    color: #999 !important;
    opacity: 0.6;
}

/* 主内容区域样式 - 覆盖Bootstrap*/main.col-md-9,main.col-lg-10,main {margin-left:var(--sidebar-width) !important;width:calc(100% - var(--sidebar-width)) !important;padding:6.5rem 1.5rem 1.5rem !important;min-height:calc(100vh - 60px);max-width:none !important;flex:none !important;}
/* 首页专用：无侧边栏布局的主内容区域*/.homepage-main {margin-left:0 !important;width:100% !important;padding: 6.5rem 1.5rem 1.5rem !important;min-height:calc(100vh - 60px);max-width:none !important;flex:none !important;}
/* 面包屑导航样式*/.breadcrumb-container {margin-bottom:20px;padding:0;}
.breadcrumb {background:transparent;padding:0;margin:0;font-size:14px;}
.breadcrumb-item {color:var(--text-light);display:flex;align-items:center;}
.breadcrumb-item i {color:var(--text-light);font-size:12px;}
.breadcrumb-item a {font-size:1rem;color:var(--text-light);text-decoration:none;transition:color 0.3s;}
.breadcrumb-item a:hover {color:var(--primary-color);}
.breadcrumb-item.active {color:var(--text-dark);font-weight:500;font-size:1rem;}
.breadcrumb-item + .breadcrumb-item::before {content:"/";color:var(--text-light);margin:0 8px;}

/* 页面标题样式 - 更大气的字体*/
.content-header {margin-bottom:10px;}
.search-form .content-header{display:none;}


.content-header h2 {font-size:1.125rem;font-weight:400;color:var(--text-dark);margin-bottom:10px;display:flex;align-items:center;}
.content-header h2 i {color:var(--primary-color);font-size:26px;}
.content-subtitle {font-size:1rem;color:#8c8c8c;margin:0;font-weight:400;}
/* 搜索表单样式 - 更大的字*/
.search-form {background-color:#fff;padding:1.5rem;border-radius:0.75rem;margin-bottom:1.5rem;}
.search-form .form-label {font-size:1rem;font-weight:500;color:#595959;white-space:nowrap;margin-bottom: 0px !important;}
.search-form .form-control,.search-form .form-select,.search-form .multiselect-input{border:0px solid #E5E7EB;border-radius:6px;padding:0px 0.875rem;font-size:1rem;height:36px;background-color:#6b72801a;}
.search-form .form-control:focus,.search-form .form-select:focus {border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(49,104,236,0.1);}
.search-form .el-input__inner{background-color: #6b72801a;border: 0px;}


/* 搜索表单内的行间距优化*/
.search-form .row.align-items-center {min-height:42px;--bs-gutter-x:0.5rem;}
/* 使用固定宽度而不是响应式栅格，避免大屏幕时间距过*/.search-form .col-3 {padding-right:0px;flex:0 0 auto;width:90px;text-align: right;}
.search-form .col-9 {padding-left:10px;flex:1;}
.search-btn {background-color:var(--primary-color);color:#fff;}
.search-btn:hover {background-color:#2859d4;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(49,104,236,0.3);}
.search-btn:focus,.search-btn:active,.search-btn.focus,.search-btn.active {background-color:#2859d4 !important;color:#fff !important;border-color:#2859d4 !important;box-shadow:0 0 0 2px rgba(49,104,236,0.2) !important;outline:none !important;}
.search-btn:focus:not(:hover),.search-btn:active:not(:hover) {transform:none;box-shadow:0 0 0 2px rgba(49,104,236,0.2) !important;}
/* 表格容器样式优化 - 更大气的字体*/
.table-responsive {background-color:#fff;border-radius:0.75rem;overflow-y:hidden;margin-bottom:1.5rem;}
.table-responsive1{border:1px solid #f0f0f0;border-radius:0.75rem;overflow: hidden;margin-bottom: 1.5rem;}
.table-responsive1 .table tbody td{border-left:1px solid #f5f5f5 !important;border-right:1px solid #f5f5f5 !important;}
.table-responsive1 .table tbody tr:last-child td{border:0px !important;border-right:1px solid #f5f5f5 !important;}
.table-responsive1 .table tbody tr td:last-child{border-right:0px !important;}
.table-responsive1 .table tbody tr{border:0px !important;}
.table {margin-bottom:0;font-size:1rem;table-layout:fixed;width:100%;position: relative;z-index: 1;}
.table-header {background:var(--primary-color);}
.table th {font-weight:600;color:#fff;padding:1rem 0.5rem;border-bottom:none;font-size:1rem;letter-spacing:0.3px;text-align:center;vertical-align: middle;  }
.table td {padding:0.75rem 0.5rem;vertical-align:middle;border-bottom:1px solid #f5f5f5;color:var(--text-dark);line-height:1.5;font-size:1rem;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.table tbody tr:hover {background-color:#fafbff;}
.table tbody tr:last-child td {border-bottom:none;}
.table.on th{border-bottom: 1px solid rgba(255, 255, 255, 0.3);border-left: 1px solid rgba(255, 255, 255, 0.3);font-size: 14px;}
.table.on1 td{border-left: 1px solid rgba(230, 232, 236, 0.5);font-size: 14px;}
.table.on2{table-layout:auto;}
.table th.card-left,.table td.card-left{padding-left:1rem;padding-right: 1rem;text-align: left;}
.table.zindex{z-index: 1021;}
.table.zindex td{overflow: initial;}
.table-responsive.on{overflow: initial;}
/* 复选框样式*/.form-check-input {border:1px solid #d9d9d9;border-radius:0.25rem;width:1rem;height:1rem;background-color:#fff;background-image:none;}
.form-check-input:checked {background-color:var(--primary-color);border-color:var(--primary-color);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");background-size:12px;background-position:center;background-repeat:no-repeat;}
.form-check-input:focus {border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(49,104,236,0.1);}
/* 表头复选框样式*/.table-header .form-check-input {border:1px solid rgba(255,255,255,0.5);background-color:#ffffff !important;width:18px;height:18px;}
.table-header .form-check-input:checked {background-color:#fff;border-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23007bff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}
/* 表格行内复选框样式*/.table tbody .form-check-input {width:1rem;height:1rem;}

/* 操作按钮样式*/.operation-btn {color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;display:inline-flex;align-items:center;padding:6px 12px;border-radius:0.25rem;transition:all 0.3s;}
.operation-btn:hover {color:var(--primary-color);background-color:var(--hover-bg);text-decoration:none;}
.operation-btn i {margin-right:4px;font-size:12px;}
/* 带文字的操作按钮样式（如查看按钮）*/.operation-btn-text {color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;display:inline-flex;align-items:center;padding:6px 12px;border-radius:0.25rem;transition:all 0.3s;border:1px solid transparent;}
.operation-btn-text:hover {color:var(--primary-color);background-color:var(--hover-bg);text-decoration:none;border-color:var(--primary-color);}
.operation-btn-text i {margin-right:4px;font-size:12px;}
/* 分页样式优化 - 更大的字*/.pagination-wrapper {display:flex;justify-content:space-between;align-items:center;margin-top:28px;}
.pagination {margin:0;display:flex;align-items:center;}
.page-item {margin:0 4px;}
.page-link {color:var(--text-dark);border:1px solid #d9d9d9;border-radius:50%;padding:0;font-size:15px;transition:all 0.3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#fff;text-decoration:none;font-weight:500;}
/* 上一页和下一页按钮特殊样式*/
.page-item:first-child .page-link,.page-item:last-child .page-link {border-radius:20px;width:auto;min-width:90px;padding:0 16px;font-size:1rem;}
.page-link:hover {color:#fff;background-color:var(--primary-color);border-color:var(--primary-color);text-decoration:none;}
.page-item.active .page-link {background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:500;}
.page-item.disabled .page-link {color:#ccc;background-color:#f5f5f5;border-color:#e6e6e6;}
.page-item.disabled .page-link:hover {color:#ccc;background-color:#f5f5f5;border-color:#e6e6e6;}
/* 分页跳转控件样式*/.pagination-jump {display:flex;align-items:center;font-size:1rem;color:var(--text-dark);}
.pagination-jump span {margin:0 10px;font-weight:500;}
.pagination-jump .form-control {border:1px solid #d9d9d9;border-radius:0.25rem;text-align:center;font-size:15px;width:70px;height:36px;padding:6px 9px;}
.pagination-jump .btn {font-size:1rem;padding:0px 16px;border-radius:0.25rem;line-height:36px;height:36px;background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff;}
.pagination-jump .btn:hover {background-color:#2859d4;border-color:#2859d4;color:#fff;}


.form-label{font-size:1rem;line-height: 1.25rem;}

/* 移除之前的分页容器样式*/.pagination-container {display:none;}
/* ===== 专业CRM系统样式优化 =====*//* 操作按钮区域优化 - 更大的字*/
.action-buttons {margin-bottom:1.5rem;padding: 1.5rem;background-color: #FFFFFF;border-radius: 0.75rem;}
.action-buttons.on{padding: 0rem 1.5rem;}
.table-info {font-size:1rem;}
.table-info strong {color:var(--primary-color);font-weight:600;font-size:17px;}
/* 角色信息样式*/.role-info {display:flex;align-items:center;gap:8px;}
.role-name {font-weight:500;color:var(--text-dark);font-size:14px;}
.role-badge {display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}
.badge-admin {background-color:#ff4d4f;color:#fff;}
.badge-manager {background-color:#fa8c16;color:#fff;}
.badge-specialist {background-color:#1890ff;color:#fff;}
.badge-tech {background-color:#722ed1;color:#fff;}
.badge-finance {background-color:#52c41a;color:#fff;}
.badge-info {background-color:#13c2c2;color:#fff;}
.badge-user {background-color:#8c8c8c;color:#fff;}
.badge-auditor {background-color:#eb2f96;color:#fff;}
/* 角色编码样式*/.role-code {background-color:#f6f8fa;color:#24292f;padding:2px 6px;border-radius:0.25rem;font-size:12px;font-family:'Consolas','Monaco','Courier New',monospace;border:1px solid #e1e4e8;}
/* 部门标签样式*/.department-tag {display:inline-block;background-color:#e6f4ff;color:var(--primary-color);padding:4px 10px;border-radius:14px;font-size:12px;font-weight:500;border:1px solid #b3d8ff;}
/* 部门名称样式*/.department-name {font-weight:600;color:var(--text-dark);font-size:1rem;}
/* 上级部门样式*/.parent-department {font-size:15px;color:#666;font-weight:500;}
/* 数量显示样式 - 更大的字*/.role-count,.member-count {display:inline-flex;align-items:center;justify-content:center;background-color:#f0f0f0;color:var(--text-dark);font-weight:600;font-size:14px;padding:6px 12px;border-radius:0.75rem;min-width:40px;height:28px;}
.role-count {background-color:#fff2e8;color:#fa8c16;border:1px solid #ffd591;}
.member-count {background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff;}
/* 操作按钮组优化*/.operation-buttons {display:flex;align-items:center;justify-content:center;gap:4px;}
/* 图标操作按钮样式（如编辑、删除按钮）*/.operation-btn-icon {display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:all 0.2s;border:1px solid transparent;color:var(--primary-color);text-decoration:none;}
.operation-btn-icon:hover {transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1);color:var(--primary-color);text-decoration:none;}
.operation-btn-icon i {margin:0;font-size:14px;}
.operation-btn-icon.text-danger {color:#dc3545;}
.operation-btn-icon.text-danger:hover {color:#dc3545;background-color:rgba(220,53,69,0.1);}
/* 表格滚动优化*/
.table-responsive {border:0px solid #f0f0f0;}
.table-responsive::-webkit-scrollbar {height:6px;}
.table-responsive::-webkit-scrollbar-track {background:#f1f1f1;}
.table-responsive::-webkit-scrollbar-thumb {background:#c1c1c1;border-radius:3px;}
.table-responsive::-webkit-scrollbar-thumb:hover {background:#a8a8a8;}
/* 加载状态和交互反馈*/.table tbody tr {transition:background-color 0.2s;}
.table tbody tr:hover {background-color:#f8f9ff !important;transform:translateY(0px);/*box-shadow:0 2px 8px rgba(0,0,0,0.06);}*/}
/* 数据为空状态*/.empty-state {text-align:center;padding:48px 1.5rem;color:#8c8c8c;}
.empty-state i {font-size:48px;margin-bottom:1rem;color:#d9d9d9;}
/* 状态指示器*/.status-indicator {display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;}
.status-inactive {background-color:#ff4d4f;}
/* 工具提示样式*/.tooltip {font-size:12px;}
.tooltip-inner {background-color:rgba(0,0,0,0.8);color:#fff;padding:6px 10px;border-radius:0.25rem;}
/* 开关样式优化*/
.form-check-input[type="checkbox"] {width:1rem;height:1rem;margin-top: 0.3rem !important;vertical-align: top;}
.form-check-label{vertical-align: top;}
/* 模态框优化*/
.modal-header {background:linear-gradient(135deg,#4F7DF3 0%,#3168EC 100%);color:#fff;border-bottom:none;padding:20px 1.5rem;}
.modal-header .modal-title {font-size:1rem;font-weight:600;}
.modal-header .btn-close {filter:invert(1);opacity:0.8;}
.modal-header1{background: linear-gradient(135deg, #ff6b35 0%, #ff9500 100%);}
.modal-header2{background: linear-gradient(135deg, #33c6e4 0%, #0dcaf0 100%);}
.modal-body {padding:1.5rem;}
.modal-footer {padding:1rem 1.5rem;border-top:1px solid #f0f0f0;}

/* 权限树样式*/.permission-tree {background-color:#fafafa;border:1px solid #e8e8e8;border-radius:6px;padding:1rem;}
.permission-tree .form-check {margin-bottom:8px;}
.permission-tree .form-check-label {font-size:14px;font-weight:500;color:var(--text-dark);}
.permission-tree .ms-3 .form-check-label {font-weight:400;color:#666;}
/* 按钮样式优化 - 更大的字*/
.btn {font-size:14px;font-weight:400;padding:0px 1.25rem;line-height: 36px;border-radius:0.5rem;;transition:all 0.2s;border:0px;}
.btn.on{width: 100px;}
.btn-primary {background:var(--primary-color);border:none;box-shadow:0 2px 4px rgba(49,104,236,0.2);}
.btn-primary:hover {transform:translateY(-1px);box-shadow:0 4px 12px rgba(49,104,236,0.3);}
.btn-warning {background:linear-gradient(135deg,#ff9500);border:none;box-shadow:0 2px 4px rgba(255,149,0,0.2);color:#fff !important;}
.btn-warning:hover {transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,149,0,0.3);color:#fff !important;}
.btn-outline-secondary {color:#fff;transition:all 0.3s;background-color:#6c757d;}
.btn-outline-secondary:hover {background-color:#5a6268;border-color:#545b62;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1);transform:translateY(-1px);}
.btn-outline-secondary:focus,.btn-outline-secondary:active,.btn-outline-secondary.focus,.btn-outline-secondary.active {background-color:#5a6268 !important;border-color:#545b62 !important;color:#fff !important;box-shadow:0 0 0 2px rgba(108,117,125,0.25) !important;outline:none !important;}
.btn-outline-secondary:focus:not(:hover),.btn-outline-secondary:active:not(:hover) {transform:none;box-shadow:0 0 0 2px rgba(108,117,125,0.25) !important;}
.btn-outline-danger {color:#ff4d4f;border:1px solid #ff4d4f;}
.btn-outline-danger:hover {border-color:#ff4d4f;color:#fff;}
.btn-info{color: #FFFFFF;transition:all 0.2s;}
.btn-info:hover {color: #FFFFFF;transform:translateY(-1px);}
.btn-secondary{transition:all 0.2s;}
.btn-secondary:hover{transform:translateY(-1px);}

/* 自定义状态标签样式*/.badge-status-normal {background:none !important;color:#3168EC !important;font-weight:500;}
/* 成员管理页面样式*/.avatar-container {position:relative;width:60px;height:60px;flex-shrink:0;}
.avatar-large {width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.default-avatar {width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4F7DF3 0%,#3168EC 100%);display:flex;align-items:center;justify-content:center;border:2px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,0.1);position:absolute;top:0;left:0;}
.default-avatar i {color:white;font-size:28px;}
/* 头像圆圈样式*/.avatar-circle {width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4F7DF3 0%,#3168EC 100%);color:white;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;flex-shrink:0;}
.avatar-large {width:60px;height:60px;border-radius:50%;border:2px solid #e9ecef;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
/* 日期输入框样式调整*/.col-9.d-flex input[type="date"] {flex:1;width:10px;}
.col-9.d-flex .mx-2 {white-space:nowrap;display:flex;align-items:center;}
/* 角色权限页面样式*/.permission-section {background:#ffffff;border:none;border-radius:0;padding:20px 0;margin-bottom:0;display:flex;align-items:center;gap:30px;border-bottom:1px solid #e5e7eb;}
.permission-section:last-child {border-bottom:none;}
.switch-container {flex-shrink:0;width:220px;position:relative;display:flex;align-items:center;justify-content:center;min-height:60px;}
.switch-container::after {content:'';position:absolute;right:-15px;top:0;bottom:0;width:1px;background-color:#e5e7eb;}
.status-switch {position:relative;display:inline-block;}
.switch-input {opacity:0;width:0;height:0;}
.switch-label {position:relative;display:inline-block;width:44px;height:24px;background-color:#ccc;border-radius:12px;cursor:pointer;transition:background-color 0.3s;}
.switch-label::after {content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:white;border-radius:50%;transition:transform 0.3s;}
.switch-input:checked + .switch-label {background-color:#007bff;}
.switch-input:checked + .switch-label::after {transform:translateX(20px);}
.switch-text {font-size:1rem;font-weight:500;color:#333;margin-left:10px;}


/* 权限网格布局*/.permission-section .permission-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:20px 15px;flex:1;align-items:center;}
.permission-section .permission-item {display:flex;align-items:center;min-height:32px;}
.permission-section .permission-item .form-check {margin:0;padding:0;padding-left:30px;display:flex;align-items:center;width:100%;}
.permission-section .permission-item .form-check-input {width:1rem;height:1rem;margin-right:8px;border:1px solid #d0d7de;border-radius:3px;}
.permission-section .permission-item .form-check-input:checked {background-color:#007bff;border-color:#007bff;}
.permission-section .permission-item .form-check-label {font-size:14px;color:#24292f;cursor:pointer;user-select:none;}
/* 权限容器整体样式*/.permission-container {background:#ffffff;border:1px solid #e5e7eb;border-radius:0.75rem;overflow:hidden;}
/* ===== 登录页面专用样式 =====*//* 登录页面背景和布局*/
.login-page {background-image:url('/static/images/qt-bj-9805f39164db6991078f0ec4cd2f0284.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;flex-direction:column;padding:0;position:relative;overflow:hidden;}
/* 顶部标题栏*/.login-header-top {background:rgba(255,255,255,0.8);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,0.15);padding:12px 0;position:relative;z-index:20;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.login-header-top .logo-section {display:flex;align-items:center;justify-content:center;padding:0 20px;}
.login-header-top .logo-section img {width:42px;height:42px;margin-right:14px;}
.login-header-top .logo-section h1 {font-size:24px;font-weight:600;margin:0;color:var(--primary-color);line-height:1.3;}
/* 背景城市剪影*/.login-page::after {content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 400"><defs><linearGradient id="cityGradient" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:rgba(255,255,255,0.1);stop-opacity:1" /><stop offset="100%" style="stop-color:rgba(255,255,255,0.05);stop-opacity:1" /></linearGradient></defs><rect x="50" y="200" width="80" height="200" fill="url(%23cityGradient)"/><rect x="150" y="150" width="60" height="250" fill="url(%23cityGradient)"/><rect x="230" y="180" width="70" height="220" fill="url(%23cityGradient)"/><rect x="320" y="100" width="90" height="300" fill="url(%23cityGradient)"/><rect x="430" y="120" width="75" height="280" fill="url(%23cityGradient)"/><rect x="525" y="80" width="100" height="320" fill="url(%23cityGradient)"/><rect x="645" y="110" width="85" height="290" fill="url(%23cityGradient)"/><rect x="750" y="140" width="70" height="260" fill="url(%23cityGradient)"/><rect x="840" y="90" width="95" height="310" fill="url(%23cityGradient)"/><rect x="955" y="160" width="80" height="240" fill="url(%23cityGradient)"/><rect x="1055" y="120" width="65" height="280" fill="url(%23cityGradient)"/></svg>') no-repeat center bottom;background-size:cover;opacity:0.6;z-index:0;}
.login-container {position:relative;z-index:10;flex:1;display:flex;align-items:center;justify-content:flex-end;padding:40px 40px 40px 40px;}
.login-form-container {margin: 0 auto;background:#FFFFFF;backdrop-filter:blur(20px);border-radius:6px;padding:35px;box-shadow:0 20px 60px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.2);width:100%;max-width:420px;position:relative;}
/* 登录方式切换标签 - 下划线式*/.login-tabs {display:flex;margin-bottom:30px;background:transparent;border-radius:0;padding:0;position:relative;border-bottom:2px solid #f0f0f0;}
.login-tab {flex:1;text-align:center;padding:1rem 20px;border-radius:0;cursor:pointer;transition:all 0.3s ease;font-weight:500;font-size:15px;color:#999;border:none;background:none;position:relative;overflow:visible;}
.login-tab::after {content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:0;height:3px;background:var(--primary-color);border-radius:2px;transition:all 0.3s ease;}
.login-tab:hover {color:var(--primary-color);}
.login-tab:hover::after {width:30%;}
.login-tab.active {color:var(--primary-color);font-weight:600;background:none;box-shadow:none;transform:none;}
.login-tab.active::after {width:80%;}
/* 表单组样式*/.login-form-container .form-group {margin-bottom:20px;}
.login-form-container .form-control {height:48px;border:1px solid #E5E7EB;border-radius:0.25rem;padding:12px 16px;font-size:14px;transition:all 0.3s;background:#fff;}
.login-form-container .form-control:focus {border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(49,104,236,0.1);outline:none;}
.login-form-container .form-control::placeholder {color:#aaa;}
.login-form-container .captcha-code{height:48px;}
/* 手机号输入组合样式*/.phone-input-group {display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.phone-input {flex:1;}
.phone-input-group .text-danger {width:100%;order:10;}
/* 短信验证码输入组合样式*/
.sms-input-group {display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.sms-input-group .text-danger {width:100%;order:10;}
.sms-input {flex:1;}
/* 短信验证码按钮 - 优化为更浅的颜色*/.sms-btn {height:48px;padding:0 16px;background:#f0f7ff;color:var(--primary-color);border:1px solid #d1e7ff;border-radius:0.25rem;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s;white-space:nowrap;min-width:120px;}
.sms-btn:hover {background:#e6f4ff;border-color:#b3d8ff;color:#2859d4;}
.sms-btn:disabled,.sms-btn.countdown {background:#f5f5f5;color:#999;border-color:#e0e0e0;cursor:not-allowed;}
/* 验证码组合样式*/
.captcha-group {display:flex;gap:0px 12px;align-items:center;flex-wrap:wrap;}
.captcha-input {flex:1;}
.captcha-group .text-danger {width:100%;order:10;}
.captcha-code {width:120px;height:48px;background:#fff;border:1px solid #e0e0e0;border-radius:0.3rem;display:flex;align-items:center;justify-content:center;font-weight:bold;color:var(--primary-color);cursor:pointer;transition:all 0.3s;letter-spacing:2px;}
.captcha-code:hover {background:#fff;}
.captcha-code{height:38px;}
.captcha-code.on{height: 48px;border-radius: 0.5rem;}
.forgot-container .form-group.captcha-group .captcha-code{height:48px;}
/* 登录按钮*/.login-btn {width:100%;height:48px;background:var(--primary-color);border:none;border-radius:0.75rem;color:white;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s;margin-top:10px;}
.login-btn:hover {background:#2859d4;transform:translateY(-1px);box-shadow:0 4px 16px rgba(49,104,236,0.3);}
/* 忘记密码链接*/.forgot-password {text-align:right;margin-top:20px;}
.forgot-password a {color:var(--primary-color);text-decoration:none;font-size:14px;}
.forgot-password a:hover {text-decoration:underline;}
/* 底部信息*/.footer-info {position:absolute;bottom:20px;left:0;right:0;text-align:center;color:rgba(255,255,255,0.8);font-size:14px;z-index:10;}
.footer-info p {line-height:1.8;margin:0;}
/* 密码输入框组样式*/        
.password-group {position:relative;}
.password-toggle {position:absolute;right:15px;top:25px;transform:translateY(-50%);cursor:pointer;color:#aaa;font-size:14px;z-index:10;padding:5px;transition:color 0.3s ease;}
.password-toggle:hover {color:#999;}
.password-group .form-control {padding-right:45px;}

/* PC端：地址和版权信息在同一行，中间用空格分隔*/.footer-info .address,.footer-info .copyright {display:inline;}
/* ===== 找回密码页面专用样式 =====*//* 找回密码页面背景和布局*/.forgot-password-page {background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;display:flex;flex-direction:column;padding:0;position:relative;}
/* 顶部标题栏*/.forgot-header-top {background:rgba(255,255,255,0.9);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,0.15);padding:1rem 0;position:relative;z-index:20;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.forgot-header-top .container {display:flex;align-items:center;justify-content:space-between;max-width:100%;margin:0 auto;padding:0 100px;}
.forgot-header-top .logo-section {display:flex;align-items:center;}
.forgot-header-top .logo-section img {width:40px;height:40px;margin-right:12px;}
.forgot-header-top .logo-section h1 {font-size:24px;font-weight:600;margin:0;color:var(--primary-color);line-height:1.3;}
.forgot-header-top .header-actions .btn {border:1px solid var(--primary-color);}
/* 主要内容容器*/.forgot-container {flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px 60px;position:relative;z-index:10;}
.forgot-form-container {background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:1rem;padding:35px;box-shadow:0 20px 60px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.2);width:100%;max-width:560px;position:relative;}
/* 表单头部*/.forgot-form-header {text-align:center;margin-bottom:30px;}
.forgot-form-header h2 {font-size:20px;font-weight:600;color:var(--text-dark);margin:0;}
/* 找回方式选择标签*/.recovery-tabs {display:flex;margin-bottom:30px;background:#f8f9fa;border-radius:0.5rem;padding:4px;position:relative;}
.recovery-tab {flex:1;text-align:center;padding:12px 16px;border-radius:6px;cursor:pointer;transition:all 0.3s ease;font-weight:500;font-size:15px;color:#666;border:none;background:none;position:relative;display:flex;align-items:center;justify-content:center;}
.recovery-tab i {font-size:1rem;}
.recovery-tab:hover {color:var(--primary-color);}
.recovery-tab.active {color:var(--primary-color);background:white;box-shadow:0 2px 8px rgba(0,0,0,0.1);font-weight:600;}
/* 标签内容*/.tab-content {display:none;}
.tab-content.active {display:block;}
.recovery-description {text-align:center;margin-bottom:1.5rem;}
.recovery-description p {color:#666;font-size:15px;margin:0;}
/* 表单样式*/.forgot-form .form-group {margin-bottom:20px;}
.forgot-form .form-control {height:50px;border:1px solid #E5E7EB;border-radius:0.5rem;padding:12px 16px;font-size:15px;transition:all 0.3s;background:#fff;}
.forgot-form .form-control:focus {border-color:var(--primary-color);box-shadow:0 0 0 0px rgba(49,104,236,0.1);outline:none;}
.forgot-form .form-control::placeholder {color:#aaa;}
/* 验证码输入组合样式*/
.verification-group {display:flex;gap:0px 12px;align-items:center;flex-wrap:wrap;}
.verification-group .form-control {flex:1;}
.verification-group .text-danger {width:100%;order:10;}
/* 验证码按钮*/.verification-btn {height:50px;padding:0 20px;background:#f0f7ff;color:var(--primary-color);border:1px solid #d1e7ff;border-radius:0.5rem;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s;white-space:nowrap;min-width:120px;}
.verification-btn:hover {background:#e6f4ff;border-color:#b3d8ff;color:#2859d4;}
.verification-btn:disabled,.verification-btn.countdown {background:#f5f5f5;color:#999;border-color:#e0e0e0;cursor:not-allowed;}
/* 提交按钮*/.submit-btn {width:100%;height:50px;background:var(--primary-color);border:none;border-radius:0.5rem;color:white;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s;margin-top:10px;}
.submit-btn:hover {background:#2859d4;transform:translateY(-1px);box-shadow:0 4px 16px rgba(49,104,236,0.3);}
/* ===== 首页专用样式 =====*//* 首页主容器样式 - 无侧边栏布局*/.homepage-container {padding-top:80px;padding-bottom:40px;}
/* 首页左侧区域样式*/.homepage-left {padding-right:1.5rem;}
/* 首页右侧区域样式*/.homepage-right {padding-left:0px;}
/* 欢迎区域*/.welcome-section {background:#fff;border-radius:12px;padding:1.5rem;position:relative;}
.user-greeting {display:flex;align-items:center;gap: 1.25rem;;margin-bottom:1.75rem;}
.user-avatar-large {width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;}
.user-avatar-large img {width:100%;height:100%;object-fit:cover;}
.greeting-text h3 {font-size:1.1250rem;font-weight:400;color:var(--text-dark);margin:0;}
.greeting-subtitle {font-size:1.5rem;color:#000;margin:0;line-height: 2.25rem;}
/* 天气信息 - 右侧布局*/.weather-info {padding:0;color:var(--text-dark);margin-top:0;text-align:right;}
.location-weather {margin:0 0 1.75rem 0;}
.location-weather h4 {font-size:1rem;font-weight:400;line-height: 2.5rem;color:#999;margin-bottom: 0px;}
.weather-details {display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-bottom:0;}
.temperature {font-size:1.1250rem;color:var(--text-light);line-height: 2.25rem;}
.weather-icon {color:#ffd700;height:50px;margin-top: 15px;}
.weather-icon .fas{font-size: 45px;}
/* 日期信息 - 左侧布局*/
.date-info {font-size :0.875rem;color:#999;margin-top:2.125rem;}
/* 区域标题*/
.section-header {align-items:center;justify-content:space-between;margin-bottom:1rem;}
.section-header.on{display: flex;}
.section-header h4 {font-size:20px;font-weight:600;color:var(--text-dark);margin:0;}
.more-link {color:#999;text-decoration:none;font-size:1rem;font-weight:500;}
.more-link:hover {color:var(--primary-color);text-decoration:underline;}

/* 工作区域*/.work-section {background:#fff;border-radius:12px;padding:1.5rem;}
.work-card {background:#F6F7FC;border-radius:12px;padding:1.5rem;text-align:center;transition:all 0.3s;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;}
.work-card:hover {transform:translateY(-6px);box-shadow:0 12px 35px rgba(0,0,0,0.15);border-color:var(--primary-color);}
.work-card:hover .work-icon {transform:scale(1.1);}
.work-card.on{padding: 2.83rem 0px;}
/* 工作卡片链接样式 */
.work-card-link {text-decoration:none;display:block;}
.work-card-link:hover {text-decoration:none;}
/* 禁用状态的工作卡片 */
.work-card-disabled {opacity:0.5;cursor:not-allowed;pointer-events:none;filter:grayscale(50%);}
.work-card-disabled:hover {transform:none;box-shadow:none;border-color:transparent;}
.work-card-disabled:hover .work-icon {transform:none;}
.work-icon {width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px auto;font-size:32px;color:white;transition:all 0.3s ease;}

.work-icon.blue {background: rgba(49, 104, 236, 0.08);}
.work-icon.cyan {background:rgba(22,93,255,0.08);}
.work-icon.orange {background:rgba(255,149,2,0.08);}
.work-icon.light-blue {background:rgba(0,176,255,0.08);}
.work-icon.green {background:rgba(52,199,88,0.06);}
.work-icon.pink {background:rgba(255,45,85,0.08);}
.work-icon.blue-light {background:rgba(49,104,236,0.08);}
.work-icon.purple {background:rgba(101,31,255,0.06);}
.work-icon.teal {background:rgba(90,200,250,0.06);}
.work-icon.green-light {background:rgba(19,205,64,0.06);}
.work-icon.orange-light {background:rgba(255,149,2,0.08);}
.work-icon.blue-dark {background:rgba(87,86,215,0.06);}
.work-title {font-size:1.1250rem;font-weight:500;color:var(--text-dark);margin-top:1.1250rem;}

.status-badgea {position:absolute;top:0;right:0;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap;}
.status-active {background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff;}
/* 基础功能*/
.function-card {background:#fff;border-radius:12px;padding:30px 20px;text-align:center;border:1px solid #f0f0f0;transition:all 0.3s;cursor:pointer;height:180px;flex-direction:column;align-items:center;justify-content:center;}
.function-card:hover {transform:translateY(-6px);box-shadow:0 12px 35px rgba(0,0,0,0.15);border-color:var(--primary-color);}
.function-card:hover .function-icon {transform:scale(1.1);box-shadow:0 6px 1.5rem rgba(49,104,236,0.25);}
.function-icon {width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px auto;font-size:32px;color:var(--primary-color);background:#FFFFFF;transition:all 0.3s ease;}
.function-title {font-size:20px;font-weight:500;color:var(--text-dark);}
/* 待办事项和通知*/
.todo-list,.notice-list {overflow:hidden;}
.todo-item,.notice-item {display:flex;align-items:flex-start;gap: 0.75rem;;padding: 0.6875rem 0;}
.todo-item:last-child,.notice-item:last-child {border-bottom:none;}
.todo-type,.notice-type {padding:0.5rem 1rem;border-radius:50px;font-size: 0.8750rem;font-weight:500;white-space:nowrap;flex-shrink:0;text-align:center;min-width:70px;}
.todo-type.member {background:#e6f4ff;color:var(--primary-color);}
.todo-type.member-apply {background:#e6f4ff;color:var(--primary-color);}
.todo-type.standard {background:#e6f4ff;color:var(--primary-color);}
.todo-type.evaluation {background:#e6f4ff;color:var(--primary-color);}
.todo-type.activity {background:#e6f4ff;color:var(--primary-color);}
.notice-type {background:#e6f4ff;color:var(--primary-color);}
.todo-content,.notice-content {flex:1;}
.todo-title,.notice-title {font-size:1rem;font-weight:500;color:var(--text-dark);margin-bottom:0px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-width:100%;position:relative;}
.todo-title,.notice-title a{font-size:1rem;font-weight:500;color:var(--text-dark);}
.notice-title a:hover {color:var(--primary-color);}
.todo-title-link,.notice-title-link {text-decoration:none;display:block;}
.todo-title-link:hover .todo-title,.notice-title-link:hover .notice-title {color:var(--primary-color);}
/* 红点标识样式*/
.todo-title.has-dot::after,.notice-title.has-dot::after {content:'';position:absolute;top:9px;right:1px;width:6px;height:6px;background-color:#ff4d4f;border-radius:50%;flex-shrink:0;}
.todo-time,.notice-time {font-size:0.8125rem;color:#999;}

/* ===== 会员卡片样式 =====*//* 会员列表容器*/.member-list-container {margin-bottom:1.5rem;}
/* 会员卡片网格布局 - 每行一个*/
.member-cards {display:flex;flex-direction:column;gap:20px;}
.member-cards .info-value{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;max-width: 100%;}
/* 单个会员卡片*/
.member-card {border-radius:0.75rem;padding:1.5rem;transition:all 0.3s ease;background:#fff;}
.member-card:hover {background-color:#fafbff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.member-card:last-child {border-bottom:none;}
/* 卡片头部*/
.member-card-header {display:flex;align-items:flex-start;}
/* 企业logo区域*/.member-logo {margin-right:20px;flex-shrink:0;}
.company-logo {width:5rem;height:5rem;border-radius:50%;object-fit:cover;border:1px solid #e9ecef;}
/* 圆形logo占位符 - 保留作为备用*/.company-logo-placeholder {width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4F7DF3 0%,#3168EC 100%);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:28px;border:2px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
/* 会员基本信息*/.member-info {flex:1;min-width:0;}
.company-title {display:flex;align-items:center;gap:12px;width:100%;margin-bottom:1.25rem;}
.company-name {font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:0;line-height:1.65rem;}
/* 会员状态标识 - 根据不同状态显示不同颜色*/.member-status-badge {padding:0px 14px;line-height: 1.5rem;border-radius:1rem;font-size:0.875rem;font-weight:500;flex-shrink:0;cursor: pointer;}
/* 卡片主体内容*/.member-card-body {margin-bottom:0;}
/* 信息网格布局*/.info-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1rem 1.5rem;align-items:start;}
/* 信息项*/.info-item {display:flex;align-items:center;min-width:0;gap:8px;}
.info-label {color:#666;font-size:1rem;font-weight:500;white-space:nowrap;flex-shrink:0;}
.info-value {color:var(--text-dark);font-size:1rem;font-weight:400;word-break:break-all;line-height:1.4;flex:1;}
/* 正常状态 - 蓝色*/.member-status-badge.status-normal {background-color:#e6f4ff;color:#1890ff;border:1px solid #91d5ff;}
/* 冻结状态 - 红色*/.member-status-badge.status-frozen {background-color:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7;}
/* 退会状态 - 灰色*/.member-status-badge.status-quit {background-color:#f5f5f5;color:#8c8c8c;border:1px solid #d9d9d9;}
/* 默认状态（向后兼容）*/
.member-status-badge:not(.status-normal):not(.status-frozen):not(.status-quit) {background-color:#e6f4ff;color:#3168ec;border:1px solid #91d5ff;}

/* 批量导入模态框样式*/.import-step {padding:20px;border:1px solid #f0f0f0;border-radius:0.75rem;background:#fafafa;height:100%;}
.template-download {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;}
.excel-icon {margin-bottom:20px;}
.file-upload-area {margin-bottom:0px;}
.upload-zone {border-radius:0.75rem;min-height:120px;display:flex;align-items:center;justify-content:center;transition:all 0.3s;}
.upload-zone:hover {border-color:var(--primary-color);background:#f0f7ff;}
.upload-placeholder p {font-size:13px;margin:0;}
.selected-file {padding:12px 16px;background:#f0f7ff;border-radius:6px;border:1px solid #d4edda;}
.file-info {align-items:center;}
.file-name {font-size:14px;color:var(--text-dark);font-weight:500;}
.btn-close {font-size:12px;opacity:0.6;}
.btn-close:hover {opacity:1;}
#importDataBtn:disabled {opacity:0.6;cursor:not-allowed;}
/* 模态框标题样式*/#importMemberModalLabel {font-size:1rem;font-weight:600;color:var(--text-dark);}
/* 批量导出模态框样式*/.export-content {padding:20px 0;}
.export-question {font-size:1rem;font-weight:400;color:var(--text-dark);margin-bottom:30px;}
.excel-icon-large {display:flex;justify-content:center;align-items:center;margin:30px 0;}
.excel-icon-large img {filter:drop-shadow(0 4px 8px rgba(0,0,0,0.1));}
#confirmExportBtn {font-size:1rem;font-weight:600;padding:0px 30px;border-radius:6px;min-width:120px;margin: 20px 0 30px;}
/* 会员管理页面*/.modal-content {border:0px solid #e0e0e0;}
/* 表单样式*//* 页面标题样式*/.page-title {font-size:1.5rem;color:#2c3e50;}
/* 分组标题样式*/
/* 表单标签样式*/.form-label-custom {font-size:1rem;font-weight:400 !important;color:#495057;}
/* 表单控件样式*/.form-control-custom {height:40px;font-size:14px;border-radius:6px;}
/* 表单选择框样式*/.form-select-custom {height:40px;font-size:14px;border-radius:6px;}
/* 只读表单控件样式*/.form-control-readonly {height:40px;font-size:14px;border-radius:6px;background-color:#f8f9fa;}
/* 文本域样式*/.textarea-custom {font-size:14px;border-radius:6px;resize:none;}
/* 按钮样式*/.btn-custom {height:36px;font-size:14px;border-radius:6px;}
/* Logo上传容器样式*/.logo-upload-container {margin-top:8px;}
.logo-upload-area {width:150px;height:150px;border:2px dashed #ddd;border-radius:0.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background-color:#fafafa;position:relative;}
.upload-icon {font-size:1.5rem;color:#ccc;margin-bottom:8px;}
.upload-text {color:#999;font-size:12px;margin:0;text-align:center;}
.logo-preview {max-width:100%;max-height:100%;display:none;border-radius:6px;}
.logo-upload-input {display:none;}
.upload-hint {margin-top:8px;}
/* 卡片头部样式*/.card-header-blue {background:#3168EC;color:white;border:none;border-radius:8px 8px 0 0;padding:20px 1.5rem;}
/* 权限标题样式*/.permission-title {font-size:1rem;color:#2c3e50;}
/* 单选框标签样式*/.form-check-label-custom {font-size:14px;}
/* 头像样式*/.avatar-custom {width:60px;height:60px;}
/* 文本信息样式*/.text-info-custom {font-size:1rem;color:#333;}

/* 文件上传区域样式*/ 
.file-upload-container {margin-bottom:0rem;margin-top: 0.5rem;}
.file-upload-area:hover {border-color:var(--primary-color);background:#f0f7ff;}
.file-upload-area.dragover {border-color:var(--primary-color);background:#e6f4ff;transform:scale(1.02);}
.upload-placeholder {text-align:center;color:#999;}
.upload-placeholder .upload-icon {font-size:32px;color:#ccc;margin-bottom:12px;display:block;}
.upload-placeholder .upload-text {margin:0;font-size:14px;}
.file-upload-input {display:none;}
.selected-file-info {margin-top:1.5rem;}
.selected-file-info .file-info {display:flex;align-items:center;color:var(--text-dark);font-size:14px;}
.selected-file-info .file-name {font-weight:500;}

.file-upload-success-text {color:#28a745;font-weight:500;}
/* 多文件上传显示样式*/.multiple-files-info {max-height:300px;overflow-y:auto;}
.multiple-files-info .file-item {border:1px solid #e9ecef;transition:all 0.2s;}
.multiple-files-info .file-item:hover {border-color:#007bff;background-color:#f8f9ff !important;}
.multiple-files-info .file-name {color:#333;font-size:14px;word-break:break-all;}
.multiple-files-info .file-size {color:#6c757d;font-size:12px;}

/* 文件图标颜色*/.multiple-files-info .fa-file-pdf {color:#dc3545;}
.multiple-files-info .fa-file-image {color:#28a745;}
.multiple-files-info .fa-file-archive {color:#ffc107;}
.multiple-files-info .fa-file-word {color:#2b579a;}
.multiple-files-info .fa-file-excel {color:#217346;}
.multiple-files-info .fa-file-alt {color:#6c757d;}
/* 文件上传成功状态样式优化*//* 会员信息详情页面样式*/
.member-info-header {background:#e3f2ff;border-radius:12px;padding:1.5rem;border:1px solid #f0f0f0;margin-bottom:1.5rem;}
.member-company-logo {flex-shrink:0;width: 8rem;}
.member-number {font-size:1rem;line-height:1.5;}
.member-number .text-muted {color:#8c8c8c !important;}
.member-number .fw-semibold {color:var(--primary-color);font-weight:600;font-size: 16px;}
.company-details-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.5rem;margin-top:1rem;}
/* 企业LOGO小图标样式*/.logo-small-detail {width:60px;height:60px;object-fit:contain;}
/* 文件图标样式*/.file-icon-large {font-size:1.5rem;}
/* 空状态图标样式*/.empty-state-icon {font-size:48px;}
.detail-label {color:#8c8c8c;font-weight:500;white-space:nowrap;margin-right:4px;}
.detail-value {color:var(--text-dark);font-weight:500;flex:1;}
.detail-value.fw-semibold {font-weight:600;color:var(--primary-color);}
.action-buttons .btn-lg {padding:12px 1.5rem;font-size:1rem;font-weight:600;border-radius:0.75rem;box-shadow:0 4px 12px rgba(49,104,236,0.25);transition:all 0.3s ease;}
.action-buttons .btn-lg:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(49,104,236,0.35);}
/* 会员信息标签页样式*/
.member-info-tabs {background:#fff;border-radius:0.75rem;overflow:hidden;}
.member-info-tabs .nav-tabs {border-bottom:0px solid #f0f0f0;margin-bottom:0;background:#fff;padding:0 1rem;}
.member-info-tabs .nav-link {border:none;border-radius:0;color:#666;font-weight:500;padding:0 1.25rem;height:3.75rem;display:flex;align-items:center;position:relative;transition:all 0.3s ease;}
.member-info-tabs .nav-link:hover {border-color:transparent;color:var(--primary-color);}
.member-info-tabs .nav-link::after {content:'';position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:0;height:3px;background:var(--primary-color);border-radius:2px 2px 0 0;transition:all 0.3s ease;}
.member-info-tabs .nav-link:hover::after {width:60%;}
.member-info-tabs .nav-link.active {background:none;border-color:transparent;color:var(--primary-color);font-weight:600;}
.member-info-tabs .nav-link.active::after {width:80%;}
.contact-section {border-bottom:1px solid #f0f0f0;padding-bottom:20px;}
.contact-section:last-child {border-bottom:none;padding-bottom:0;}
.form-text {font-size:14px;color:var(--text-dark);font-weight:400;line-height:1.5;}
.certificate-list .certificate-item {border:1px solid #f0f0f0;border-radius:0.75rem;padding:1rem;transition:all 0.3s;margin-bottom:12px;}
.certificate-list .certificate-item:hover {border-color:var(--primary-color);background:#f8f9ff;}
.certificate-list .certificate-item:last-child {margin-bottom:0;}
.logo-small {border:1px solid #e9ecef;border-radius:0.25rem;padding:4px;}
/* 企业基本联系人信息模块样式*/
.contact-info-section {margin-top:1.5rem;}
.carda-title {color:var(--text-dark);font-size:1.2rem;font-weight:600;border-left:4px solid var(--primary-color);padding-left:0.75rem;}
.contact-card {background:#fafafa;border-radius:0.75rem;padding:1.25rem;height:100%;transition:all 0.3s ease;}
.contact-card:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:#ccc;}
.contact-card-title {color:#333;font-size:1.125rem;font-weight:600;margin-bottom:1rem;}
.contact-details {font-size:1rem;}
.contact-details .row {margin-bottom:15px;}
.contact-details .row:last-child {margin-bottom:0;}
.contact-label {color:#666;font-weight:500;font-size:1rem;}
.contact-value {color:#666;font-weight:500;font-size:1rem;}
/* 响应式调整*/
/* 企业基本信息模块样式*/.enterprise-basic-info {margin-top:1.5rem;}
.enterprise-info-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 1rem;align-items:start;}
.enterprise-info-item {display:flex;align-items:flex-start;}
.enterprise-label {color:#666;font-size:1rem;font-weight:500;white-space:nowrap;margin-right:8px;flex-shrink:0;}
.enterprise-value {color:var(--text-dark);font-size:1rem;font-weight:400;word-break:break-all;flex:1;}
.enterprise-description{color:var(--text-dark);font-size:1rem;font-weight:400;word-break:break-all;flex:1;line-height: 2rem;}
.enterprise-description.on{background-color:#F7F8FA;padding: 1rem;border-radius: 0.5rem;}
.enterprise-logo-section {border-top:1px solid #f0f0f0;padding-top:20px;}
.logo-display {display:flex;align-items:center;justify-content:flex-start;}
.enterprise-logo-img {height:7.5rem;object-fit:contain;border-radius:0.75rem;padding:0px;}
/* 单位经营概况模块样式*/.business-overview-section {margin-top:1.5rem;}
.business-info-grid {display:grid;grid-template-columns:1fr;gap:1.5rem 1rem;}
.business-info-item {display:flex;align-items:flex-start;}
.business-label {color:#666;font-size:1rem;font-weight:400;white-space:nowrap;margin-right:8px;flex-shrink:0;word-wrap:break-word;word-break:break-all;line-height:1.5;white-space:normal;}
.business-value {color:#666;font-size:1rem;font-weight:400;flex:1;line-height: 2rem;}
.business-detail-card {background:#fafafa;border:1px solid #e6f4ff;border-radius:0.75rem;padding:1rem;height:100%;}
.business-detail-title {color:#333;font-size:1rem;font-weight:600;margin-bottom:12px;}
.business-detail-content {color:var(--text-dark);font-size:1rem;line-height:1.6;margin:0;}
.section-subtitle {color:#333;font-weight:600;font-size:1rem;padding-left:0;}
.product-output-section {background:#fafafa;border:1px solid #e6f4ff;border-radius:0.75rem;padding:1.5rem;}
.product-output-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.5rem;align-items:start;}
.product-output-item {display:flex;align-items:center;}
.product-name {color:#666;font-size:1rem;font-weight:500;white-space:nowrap;margin-right:8px;flex-shrink:0;}
.product-output {color:var(--text-dark);font-size:1rem;font-weight:500;flex:1;}
.company-introduction-section {background:#f8f9ff;border:1px solid #e6f4ff;border-radius:0.75rem;padding:20px;}
.introduction-content p {color:var(--text-dark);font-size:1rem;line-height:1.8;margin:0;text-align:justify;}
.business-value-img{}
.business-value-img img{width:300px;}

/* 主标题图标样式*/.card-title i {color:var(--primary-color);}
.contact-info-section .card-title i,.enterprise-basic-info .card-title i,.business-overview-section .card-title i {color:var(--primary-color);}
/* 证明材料模块样式*/.certificate-materials-section {margin-top:1.5rem;}
.certificate-category {border-bottom:1px solid #f0f0f0;padding-bottom:1.5rem;}
.certificate-category:last-child {border-bottom:none;padding-bottom:0;}
.certificate-category-title {color:#333;font-size:1rem;font-weight:600;margin-bottom:1rem;}
.certificate-file-item {display:flex;align-items:center;padding:12px 16px;background:#fafafa;border:1px solid #28a745;border-radius:0.75rem;transition:all 0.3s ease;width:280px;max-width:280px;height:60px;}
.certificate-file-item:hover {background:#f0f7ff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.certificate-file-item:last-child {margin-bottom:0;}
.certificate-file-item .file-icon {margin-right:12px;flex-shrink:0;}
.certificate-file-item .file-icon i {font-size:1.5rem;}
.certificate-file-item .file-info {flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;}
.certificate-file-item .file-name {font-size:1rem;font-weight:500;color:var(--text-dark);margin-bottom:4px;line-height:1.3;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;display:block;}
.certificate-file-item .file-meta {font-size:13px;color:#999;line-height:1.2;white-space:nowrap;}
.certificate-file-item .file-actions {margin-left:12px;flex-shrink:0;}
.certificate-file-item .btn {width:1.5rem;height:1.5rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all 0.3s ease;}
.certificate-file-item .btn:hover {transform:scale(1.1);}
.file-upload-area.has-file {/*border-color:#28a745;background-color:#f8fff9;*/}
.file-upload-area.has-file .upload-placeholder {color:#28a745;}
.file-upload-area.has-file .upload-icon {color:#28a745;}
.file-upload-area.has-file .upload-placeholder {display:block !important;}
.file-upload-area.has-file .upload-icon::before {content:'\f058';/* fa-check-circle*/;}
/* 证明材料图片网格布局*/.certificate-images-grid {display:flex;flex-wrap:wrap;gap:1rem;width:100%;margin-top:1rem;}

/* 会员状态编辑模态框居中样式*/#memberStatusEditModal .modal-dialog {display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 1rem);margin:0.5rem auto;}
#memberStatusEditModal .modal-content {margin:auto;max-width:800px;width:90%;}
#memberStatusEditModal .form-check-input:hover,#memberStatusEditModal .form-check-label:hover {cursor:pointer;}
/* 通用表单元素光标样式*/.form-check-input,.form-check-label {cursor:pointer;}
.form-check-input:hover,.form-check-label:hover {cursor:pointer;}


/* 会员画像页面*//* 5列布局*/.col-md-2-4 {flex:0 0 20%;max-width:20%;}
/* 数据卡片行背景*/.data-cards-row {margin:0px;background-color:#FFFFFF;border-radius:12px;padding:1.5rem;box-sizing:border-box;width:100%;max-width:100%;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
/* 数据卡片样式*/.portrait-data-card {border:none;transition:transform 0.3s ease;margin-bottom:0;}
.portrait-data-card  .card-body{padding: 1.5rem;}
.portrait-data-card:hover {transform:translateY(-2px);}
/* 图标背景样式*/
.portrait-icon-bga {width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.portrait-icon-bga i {font-size:1.8rem;}
.portrait-data-card .data-label {font-size:1rem;color:#666;font-weight:500;margin-bottom:4px;}
.portrait-data-card .data-value {font-size:1.4rem;font-weight:bold;color:#333;}

.portrait-icon-blue {background: linear-gradient(90deg, rgba(130,209,246,1) 0%,rgba(41,182,244,1) 50%,rgba(0,137,205,1) 99%);}
.portrait-icon-blue-dark {background: linear-gradient(90deg, rgba(185,227,244,1) 0%,rgba(152,215,241,1) 50%,rgba(119,203,237,1) 100%);}
.portrait-icon-teal {background: linear-gradient(90deg, rgba(155,227,224,1) 0%,rgba(89,196,196,1) 50%,rgba(22,164,167,1) 100%);}
.portrait-icon-teal-dark {background: linear-gradient(90deg, rgba(196,228,219,1) 0%,rgba(171,217,202,1) 42%,rgba(145,206,185,1) 100%);}


/* 指标卡片样式*/
.portrait-metric-card {border:none;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.portrait-metric-card:hover {transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,0.15);}
.portrait-metric-card .card-body {padding:1.5rem 1.5rem;}
.portrait-metric-card .metric-icon {font-size:1.3rem;}
.portrait-metric-card.on{background: linear-gradient(180deg, rgba(49,104,236,0.1) 0%,rgba(77,123,232,0.1) 100%);}  
/* 指标图标背景样式*/.metric-icon-bg {width:2.5rem;height:2.5rem;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.metric-icon-bg i {font-size:1.2rem;}
/* 不同类型图标的颜色和背景*/.metric-icon-edit {background-color:rgba(255,183,77,0.15);}
.metric-icon-edit i {color:#FFB74D;}
.metric-icon-thumbs {background-color:rgba(77,208,225,0.15);}
.metric-icon-thumbs i {color:#4DD0E1;}
.metric-icon-heart {background-color:rgba(100,181,246,0.15);}
.metric-icon-heart i {color:#64B5F6;}
.metric-icon-users {background-color:rgba(186,104,200,0.15);}
.metric-icon-users i {color:#BA68C8;}
/* 新增图标样式*/.metric-icon-leaf {background-color:rgba(76,175,80,0.15);}
.metric-icon-leaf i {color:#4CAF50;}
.metric-icon-award {background-color:rgba(255,193,7,0.15);}
.metric-icon-award i {color:#FFC107;}
.metric-icon-chart {background-color:rgba(33,150,243,0.15);}
.metric-icon-chart i {color:#2196F3;}
.metric-icon-clipboard {background-color:rgba(103,58,183,0.15);}
.metric-icon-clipboard i {color:#673AB7;}
.metric-icon-comments {background-color:rgba(0,188,212,0.15);}
.metric-icon-comments i {color:#00BCD4;}
.metric-icon-calendar {background-color:rgba(156,39,176,0.15);}
.metric-icon-calendar i {color:#9C27B0;}
.metric-icon-history {background-color:rgba(96,125,139,0.15);}
.metric-icon-history i {color:#607D8B;}
.portrait-metric-card .metric-label {font-size:1rem;color:#666;line-height:1.3;font-weight:500;}
.portrait-metric-card .metric-value {font-size:1.6rem;font-weight:bold;color:#333;}




/* 原有样式保持*/.portrait-card {border:none;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease;}
.portrait-card:hover {transform:translateY(-5px);}
.portrait-icon {font-size:2.5rem;}
.portrait-value {margin-top:10px;}
.value-number {font-size:2rem;font-weight:bold;color:#333;}
.value-unit {font-size:0.9rem;color:#666;margin-left:5px;}
.chart-container {position:relative;height:300px;}
.metric-item {padding:10px 0;}
.product-legend {display:flex;flex-wrap:wrap;gap:15px;}
.legend-item {display:flex;align-items:center;gap:8px;}
.legend-color {width:12px;height:12px;border-radius:50%;}
.legend-label {font-size:0.9rem;color:#666;}
.activity-metric {text-align:center;padding:15px 0;}
.member-tags {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
.member-tags .badge {padding:8px 12px;font-size:0.85rem;}
.tag-primary {background-color:#007bff;}
.tag-success {background-color:#28a745;}
.tag-info {background-color:#17a2b8;}
.tag-warning {background-color:#ffc107;color:#212529;}
.tag-secondary {background-color:#6c757d;}
.risk-assessment {margin-top:15px;}
.risk-item {display:flex;align-items:center;margin-bottom:10px;gap:10px;}
.risk-label {width:80px;font-size:0.9rem;color:#666;}
.risk-bar {flex:1;height:8px;background-color:#e9ecef;border-radius:0.25rem;overflow:hidden;}
.risk-fill {height:100%;border-radius:0.25rem;}
.risk-low {background-color:#28a745;}
.risk-medium {background-color:#ffc107;}
.risk-high {background-color:#dc3545;}
.risk-value {width:40px;font-size:0.9rem;color:#666;}
.trend-insight {padding:15px;background-color:#f8f9fa;border-radius:0.75rem;margin-bottom:15px;}
.trend-insight h6 {color:#333;margin-bottom:10px;}
.trend-insight p {margin-bottom:0;font-size:0.9rem;line-height:1.5;}
/* 会员标签模块样式*/        
.member-tags-section {padding:1.25rem;background:#FFFFFF;border-radius:12px;position:relative;overflow:hidden;}
.tags-title {color:#333;font-weight:600;font-size:1.1250rem;text-align:left;margin-bottom:1.5rem;position:relative;z-index:2;}
.tags-cloud-container {position:relative;min-height:350px;padding:20px;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;overflow-x:auto;}
#wordcloud-canvas {width:100%;max-width:1200px;height:350px;border-radius:0.75rem;display:block;}
/* 数据对比分析模块样式*/        .data-comparison-section {padding:0px;}
.chart-card {border:none;transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%;}
.chart-card:hover {transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,0.15);}
.chart-card .card-body {padding:1.5rem;display:flex;flex-direction:column;height:100%;}
.chart-title {color:#333;font-weight:400;font-size:1.125rem;text-align:left;}
.chart-container {position:relative;height:300px;flex:1;display:flex;align-items:center;justify-content:center;}
.chart-container canvas {max-width:100%;max-height:100%;}
/* 年度数据对比模块样式*/         
.annual-comparison-section {padding:0;}
.comparison-data-card {border:none;background:#fff;border-radius:0.5rem;height:100%;}
.comparison-data-card .card-body {padding:1.5rem;}
.comparison-title {font-size:1rem;color:#4E5969;margin-bottom:1.5625rem;font-weight:normal;position:relative;padding-left:0.75rem;}
.comparison-title::before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:0.1875rem;height:0.875rem;background:#007bff;border-radius:0.09375rem;}
.comparison-value {font-size:1.625rem;font-weight:bold;color:#333;line-height:1;}
.comparison-change {font-size:0.85rem;display:flex;align-items:center;gap:0.25rem;}
.comparison-value-row {display:flex;justify-content:space-between;align-items:center;margin-bottom:0.25rem;}
.change-positive {color:#28a745;}
.change-negative {color:#dc3545;}
.comparison-bar {height:0.375rem;background:#F3F3F3;border-radius:0.1875rem;margin-top:1.5625rem;position:relative;overflow:hidden;}
.comparison-bar::after {content:'';position:absolute;left:0;top:0;height:100%;width:80%;background:#1890FF;border-radius:0.1875rem;}

/*会员总览-会员级别情况*/
.comparison-data-card1{border:none;background:#f8faff;border-radius:12px;transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%;text-align: left;padding: 2rem;}
.data-unit1 {font-size:1rem;color:#666;text-align: left !important;}
.data-main1 {font-size:2.2rem;color: #4E5969;line-height:1;margin-bottom:1.25rem;text-align: left !important;}
.comparison-title1 {font-size:1.1rem;color:#333;line-height:1.2;margin-bottom: 1.25rem;text-align: left !important;}

/* 近5年运营状况分析模块样式*/        .operation-analysis-section {padding:0px;}
.operation-analysis-section .card {border:none;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.operation-analysis-section .card:hover {transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,0.15);}
.operation-analysis-section .card-body {padding:30px;}
.analysis-title {color:#333;font-weight:600;font-size:1.3rem;text-align:left;margin-bottom:1.5rem;}
.operation-analysis-section .chart-container {position:relative;height:450px;}
/* 年度数据指标模块样式 */
.annual-data-section {padding:0%;}
.annual-data-card {border:none;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.annual-data-card:hover {transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,0.15);}
.annual-data-card .card-body {padding:1.5rem 1.5rem;}
.annual-icon-bg {width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.annual-icon-bg i {font-size:1.8rem;}
.annual-label {font-size:1rem;color:#666;line-height:1.3;font-weight:500;margin-bottom:8px;}
.annual-value {font-size:1.8rem;font-weight:bold;color:#3168EC;}
/* 会员年度报告模块样式*/
.annual-report-container {padding:30px;background-color:white;border-radius:0.75rem;margin:20px 0;}
.report-item {padding:1rem 0rem 1rem;border-bottom:1px solid #f0f0f0;transition:all 0.3s ease;cursor:pointer;margin-bottom: 0rem;}
.report-item:hover {background-color:#f8f9fa;padding-left:10px;border-left:3px solid #007bff;}

.report-content {font-size:1rem;color:#333;line-height:1.6;margin-bottom:8px;font-weight:500;}
.report-date {font-size:14px;color:#666;}
.report-link {color:#007bff;text-decoration:none;}

/* 员工信息专用样式 - 基于主色调 #3168EC 的专业设计*/        .table-info {font-size:14px;color:#666;}
.employee-card {border:1px solid #e8f0fe;border-radius:12px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);height:100%;background:#ffffff;position:relative;overflow:hidden;}
.employee-card::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3168EC 0%,#4A90E2 100%);opacity:0;transition:opacity 0.3s ease;}
.employee-card:hover {border-color:#3168EC;box-shadow:0 8px 1.5rem rgba(49,104,236,0.15);transform:translateY(-4px);}
.employee-card:hover::before {opacity:1;}
.employee-avatar {width:64px;height:64px;border-radius:50px;object-fit:cover;border:2px solid #f0f7ff;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(49,104,236,0.1);}
.employee-card:hover .employee-avatar {transform:scale(1.05);}
.employee-name {font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:6px;line-height:1.3;transition:color 0.3s ease;}
.employee-name.on{flex: 1;}
.employee-card:hover .employee-name {color:#3168EC;}
.employee-phone {font-size:15px;color:#6b7280;display:flex;align-items:center;font-weight:500;}
.employee-phone i {color:#3168EC;font-size:14px;margin-right:6px;}
.employee-status-badge {padding:2px 14px;border-radius:20px;font-size:12px;font-weight:600;position:absolute;top:1rem;right:1rem;letter-spacing:0.5px;text-transform:uppercase;box-shadow:0 2px 8px rgba(0,0,0,0.1);border:1px solid transparent;}
.employee-status-normal {background:#3168EC;color:#ffffff;}
.employee-status-frozen {background:#ef4444;color:#ffffff;}
.employee-card .card-body {position:relative;padding:1.5rem;display:flex;flex-direction:column;height:100%;}
.employee-info-section {display:flex;align-items:flex-start;margin-bottom:1.5rem;flex:1;}
.employee-details {flex:1;margin-left:1rem;padding-top:2px;overflow: hidden;}
.employee-actions {display:flex;gap:12px;margin-top:auto;padding-top:1rem;border-top:1px solid #f1f5f9;}
.employee-actions .btn {flex:1;font-size:0.75rem;font-weight:400;padding:0rem 0rem;border-radius:0.75rem;border:1px solid #e2e8f0;background:#ffffff;color:#64748b;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;}
.employee-actions .btn::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(49,104,236,0.1),transparent);transition:left 0.5s ease;}
.employee-actions .btn:hover {border-color:#3168EC;color:#3168EC;background:#f8faff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(49,104,236,0.15);}
.employee-actions .btn:hover::before {left:100%;}
.employee-actions .btn:active {transform:translateY(1px) !important;box-shadow:0 1px 2px rgba(49,104,236,0.2) !important;background:#e8f0fe !important;color:#2451d4 !important;border-color:#2451d4 !important;}
.employee-actions .btn i {margin-right:6px;font-size:12px;transition:transform 0.3s ease;}
.employee-actions .btn:hover i {transform:scale(1.1);}
/* 编辑按钮点击状态*/        .employee-actions .btn:first-child:active {background:linear-gradient(135deg,#2451d4 0%,#3168EC 100%) !important;color:#ffffff !important;border-color:#2451d4 !important;transform:translateY(1px) !important;box-shadow:0 1px 2px rgba(49,104,236,0.3) !important;}
/* 查看按钮保持原有悬停效果*/        .employee-actions .btn:last-child:hover {background:#f8faff;color:#3168EC;}
/* 查看按钮点击状态*/        .employee-actions .btn:last-child:active {background:#e8f0fe !important;color:#2451d4 !important;border-color:#2451d4 !important;transform:translateY(1px) !important;box-shadow:0 1px 2px rgba(49,104,236,0.2) !important;}
/* 覆盖Bootstrap默认的focus和active状态*/        .employee-actions .btn:focus,.employee-actions .btn.focus {outline:none !important;box-shadow:0 0 0 2px rgba(49,104,236,0.25) !important;}
.employee-actions .btn:focus:not(:hover),.employee-actions .btn.focus:not(:hover) {background:#ffffff !important;color:#64748b !important;border-color:#3168EC !important;}
/* 确保按钮状态优先级*/        .employee-actions .btn:not(:disabled):not(.disabled):active,.employee-actions .btn:not(:disabled):not(.disabled).active {background-color:#e8f0fe !important;border-color:#2451d4 !important;color:#2451d4 !important;}
/* 员工详情页面专用样式 - 基于主色调 #3168EC*/        /* 页面标题样式*/        .employee-page-header {margin-bottom:0;}
.employee-page-header h2 {font-size:28px;font-weight:600;color:var(--text-dark);margin:0;display:flex;align-items:center;}
.employee-page-header h2 i {color:var(--primary-color);font-size:26px;}
/* 员工基本信息卡片*/        
.employee-detail-card {background:#ffffff;border-radius:1rem;border:0px solid #e8f0fe;overflow:hidden;}
.employee-header {padding:1.5rem;background:#ffffff;display:flex;flex-direction:column;gap:1.5rem;border-bottom:1px solid #e8f0fe;}
.employee-header .employee-page-header {margin-bottom:0;align-self:flex-start;}
.employee-content-section {display:flex;align-items:flex-start;gap:30px;}
.employee-avatar-section {flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;}
.employee-avatar-large {width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid #e8f0fe;box-shadow:0 8px 30px rgba(49,104,236,0.15);background:#ffffff;margin-bottom:1rem;}
.employee-avatar-large .avatar-img {width:100%;height:100%;object-fit:cover;}
.employee-basic-info {flex:1;min-width:0;}
.employee-name-large {font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0;line-height:1.2;}
.employee-meta-info {display:flex;flex-direction:column;gap:1rem;}
.info-row {display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start;}
/* 单行信息布局样式*/        .info-row-single {display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start;}
/* 一行信息项样式*/        
.info-item-inline {display:flex;align-items:center;gap:8px;min-width:0;}
.info-item-inline .info-label {white-space:nowrap;flex-shrink:0;}
.info-item-inline .info-value {word-break:break-word;line-height:1.3;flex:1;}
/* 卡片通用样式*/        
.account-status-card,.permissions-card {background:#ffffff;border-radius:0.75rem;overflow:hidden;}
.card-header-custom {background:linear-gradient(135deg,#3168EC 0%,#4A90E2 100%);color:#ffffff;padding:20px 30px;border:none;}
.card-header-custom h4 {margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;}
.card-header-custom i {color:#ffffff;font-size:20px;}
.card-body-custom {padding:1.5rem;}
/* 账号状态样式*/        .account-info-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:center;}
.account-info-item {display:flex;align-items:center;gap:1rem;padding:20px;background:#f8faff;border-radius:12px;border:1px solid #e8f0fe;transition:all 0.3s ease;position: relative;height: 92px;align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中，可选 */}
.account-info-item:hover {background:#e8f0fe;border-color:#3168EC;transform:translateY(-2px);box-shadow:0 4px 15px rgba(49,104,236,0.15);}
.account-icon {width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#3168EC 0%,#4A90E2 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.account-icon i {color:#ffffff;font-size:20px;}
.account-details {flex:1;min-width:0;}
.account-label {font-size:14px;color:#666666;font-weight:500;margin-bottom:4px;}
.account-value {font-size:1rem;color:#1a1a1a;font-weight:600;line-height:1.3;}
.password-field {font-family:monospace;letter-spacing:2px;}
/* 权限管理样式 - 表格形式 - 专业设计优化*/        
.permissions-table-container {height: 500px;overflow-y: auto;background:#ffffff;border-radius:0;border:none;position:relative;border:1px solid #e1e1e1;}
.permissions-table {width:100%;border-collapse:collapse;margin:0;font-size:14px;position:relative;border:1px solid #fafafa;}
.permissions-table thead {background:#fafafa;position:relative;}
.permissions-table thead::after {content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.4) 100%);}
.permissions-table th {padding:20px 1.5rem;color:#333333;font-weight:600;font-size:1rem;text-align:center;border:none;border-right:1px solid rgba(0,0,0,0.1);border-bottom:1px solid #e1e1e1;letter-spacing:0.5px;text-shadow:none;position:relative;}
.permissions-table th:last-child {border-right:none;}
.permissions-table td {padding:1.5rem 20px;vertical-align:top;border-right:1px solid #e1e1e1;position:relative;background:#fafafa;}
.permissions-table td:last-child {border-right:none;}
.permissions-table tbody tr:last-child td {border-bottom:1px solid #fafafa;}
.permissions-table .form-check-label {line-height: 1.5rem;padding-left: 5px;}

/* 增强行分隔效果*/        
.permissions-table tbody tr {border-bottom:1px solid #e8e8e8;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
.permissions-table tbody tr:last-child {border-bottom:1px solid #fafafa;}
.permission-group {padding:0px;}
.permission-item-table {background:#ffffff;border-radius:6px;padding:12px 16px;border:1px solid #e0e0e0;transition:all 0.3s ease;box-shadow:0 1px 3px rgba(0,0,0,0.05);margin-bottom:8px;}
.permission-item-table:last-child {margin-bottom:0;}
.permission-item-table:hover {background:#f8f8f8;border-color:#8c8c8c;box-shadow:0 2px 8px rgba(140,140,140,0.15);transform:translateY(-1px);}
.permission-row-group-horizontal {display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;}
.permission-row-group-horizontal .permission-item-table {flex:1;min-width:80px;text-align:center;margin-bottom:0;}
/* 底部操作按钮*/        
.bottom-actions {display:flex;align-items:center;justify-content:flex-start;padding:30px 0;border-top:1px solid #e8f0fe;}
.bottom-actions .btn-lg {padding:14px 28px;font-size:1rem;font-weight:600;border-radius:10px;transition:all 0.3s ease;}
.bottom-actions .btn-primary {background:linear-gradient(135deg,#3168EC 0%,#4A90E2 100%);border:none;box-shadow:0 4px 15px rgba(49,104,236,0.25);}
.bottom-actions .btn-primary:hover {transform:translateY(-2px);box-shadow:0 6px 1.5rem rgba(49,104,236,0.35);}
.bottom-actions .btn-outline-secondary {color:#6c757d;border-color:#6c757d;background:#ffffff;}
.bottom-actions .btn-outline-secondary:hover {background-color:#6c757d;border-color:#6c757d;color:#ffffff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(108,117,125,0.25);}

/* 头像上传样式*/
.avatar-upload-container {margin-top:0px;position:relative;overflow: hidden;}
.avatar-upload-area {width:120px;height:120px;border:2px dashed #ddd;border-radius:0.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background-color:#fafafa;transition:all 0.3s ease;}
.avatar-upload-area:hover {border-color:#3168EC;background-color:#f8faff;}
.avatar-upload-area i {font-size:1.5rem;color:#ccc;margin-bottom:0px;}
.avatar-upload-area img{max-width: 100%;max-height: 100px;}
.avatar-upload-area.on{border: 0px;background: none;display: inline-block;width: 80px;height: 80px;margin-right:20px;border-radius: 100px;border:2px dashed #ddd;padding:5px 5px;text-align: center;float: left;display: flex;align-items: center;justify-content: center;}
.avatar-upload-area.on .fas{margin-top: 5px;}
.avatar-upload-area.on:hover{background: none;}
.avatar-upload-area.on img{width: 66px;height: 66px;max-height: inherit;border-radius: 100px;}
.avatar-upload-container .btn{vertical-align: top;margin-top: 22px;}
.upload-text {color:#999;font-size:12px;}
/* 文本域样式 - 固定高度和禁止拖动*/        textarea.form-control {height:120px;resize:none;}

/* 缴费记录列表样式*/.payment-records-list {margin-top:1.5rem;}
.payment-record-card {background:#ffffff;border:1px solid #e8f0fe;border-radius:0.75rem;margin-bottom:1.5rem;transition:all 0.03s ease;overflow:hidden;transform:translateY(0);}
.payment-record-card:hover {box-shadow:0 8px 1.5rem rgba(49,104,236,0.15);transform:translateY(-6px) !important;}
.payment-record-header {background:linear-gradient(135deg,#3168EC 0%,#4A90E2 100%);color:#ffffff;padding:20px 30px;border-bottom:1px solid #e8f0fe;}
.payment-title {font-size:18px;font-weight:600;margin:0;color:#ffffff;display:flex;align-items:center;}
.payment-title::before {content:'\f0d6';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:12px;font-size:1rem;}
.payment-record-body {padding:30px;}
.payment-info-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px 30px;margin-bottom:1rem;}
.payment-info-grid:last-of-type {margin-bottom:0;}
.payment-info-item {display:flex;align-items:flex-start;gap:12px;min-width:0;padding:0px 0;}
.payment-info-item-full {display:flex;align-items:flex-start;gap:12px;min-width:0;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f0f0f0;}
.payment-label {font-size:1rem;color:#666666;font-weight:500;white-space:nowrap;flex-shrink:0;}
.payment-value {font-size:1rem;color:#333333;font-weight:500;word-break:break-word;line-height:1.4;flex:1;}
.payment-status-paid {color:#28a745;}
.payment-status-unpaid {color:#dc3545;}
.payment-status-pending {color:#ffc107;}

.payment-link {color:#3168EC;text-decoration:none;font-weight:500;transition:all 0.3s ease;}
.payment-link:hover {color:#2451d4;text-decoration:underline;}

/* 团体标准列表样式*/
.standards-list {margin-top:1.5rem;}
.standard-header {padding:20px 1.5rem 16px 1.5rem;border-bottom:1px solid #f0f0f0;}
.standard-title {font-size:20px;font-weight:700;color:#3168EC;margin:0 0 12px 0;line-height:1.3;}
.standard-meta {display:flex;align-items:center;gap:12px;}
.standard-badge {padding:4px 12px;border-radius:1rem;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}
.standard-published {background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff;}
.standard-in-progress {background:#fff2e8;color:#fa8c16;border:1px solid #ffd591;}
.standard-status {font-size:12px;color:#666666;font-weight:500;padding:4px 8px;background:#f5f5f5;border-radius:12px;}
.standard-body {padding:20px 1.5rem 1.5rem 1.5rem;}
.standard-details {display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem;}
.detail-row {display:flex;align-items:flex-start;gap:8px;line-height:1.5;}
.detail-label {font-size:1rem;color:#666666;font-weight:500;white-space:nowrap;flex-shrink:0;min-width:80px;}
.detail-value {font-size:1rem;color:#333333;font-weight:500;word-break:break-word;flex:1;}

/* 会议活动列表样式 */
.activity-list {margin-top:1.5rem;}
.activity-card {background:#ffffff;border-radius:12px;transition:all 0.3s ease;overflow:hidden;transform:translateY(0);border:1px solid #f0f0f0;}
.activity-card:hover {box-shadow:0 8px 1.5rem rgba(49,104,236,0.15);transform:translateY(-4px);border-color:#3168EC;}
.activity-header {padding:20px 1.5rem 16px 1.5rem;border-bottom:1px solid #f0f0f0;position:relative;}
.activity-title {font-size:18px;font-weight:600;color:#1a1a1a;margin:0;line-height:32px;height:32px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:100px;box-sizing:border-box;}
.activity-status-badge {position:absolute;top:20px;right:1.5rem;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;height:32px;display:flex;align-items:center;}
.activity-status-badge.status-in-progress {background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff;}
.activity-status-badge.status-registered {background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff;}
.activity-status-badge.status-ended {background:#f5f5f5;color:#8c8c8c;border:1px solid #d9d9d9;}
.activity-body {padding:20px 1.5rem 1.5rem 1.5rem;}
.activity-details .detail-row {display:flex;align-items:flex-start;gap:8px;line-height:1.5;margin-bottom:12px;}
.activity-details .detail-row:last-child {margin-bottom:0;}
.activity-details .detail-label {font-size:1rem;color:#666666;font-weight:500;white-space:nowrap;flex-shrink:0;min-width:80px;}
.activity-details .detail-value {font-size:1rem;color:#333333;font-weight:500;word-break:break-word;flex:1;}

/* 评价活动页面专用样式 */
.evaluation-activity-list {margin-top:1.5rem;}
.evaluation-activity-card {background:#ffffff;border-radius:12px;transition:all 0.3s ease;overflow:hidden;transform:translateY(0);border:1px solid #f0f0f0;margin-bottom:20px;}
.evaluation-activity-card:hover {box-shadow:0 8px 1.5rem rgba(49,104,236,0.15);transform:translateY(-4px);border-color:#3168EC;}
.evaluation-activity-header {padding:20px 1.5rem 16px 1.5rem;border-bottom:1px solid #f0f0f0;background:#f8f9ff;}
.evaluation-activity-title {font-size:18px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.4;}
.evaluation-activity-body {padding:1.5rem;}
.evaluation-activity-details .row {margin-bottom:1rem;}
.evaluation-activity-details .row:last-child {margin-bottom:0;}
.evaluation-activity-details .detail-row {display:flex;align-items:flex-start;gap:8px;line-height:1.6;margin-bottom:0;    word-break: break-word;}
.evaluation-activity-details .detail-label {font-size:15px;color:#666666;font-weight:500;white-space:nowrap;flex-shrink:0;min-width:auto;}
.evaluation-activity-details .detail-value {font-size:15px;color:#333333;font-weight:500;word-break:break-word;flex:1;}

/* 证书列表网格样式*/
.certificates-list {margin-top:20px;}
.certificate-item {background:#ffffff;border-radius:12px;transition:all 0.3s ease;overflow:hidden;border:0px solid #f0f0f0;cursor:pointer;}
.certificate-item:hover {transform:translateY(-4px);box-shadow:0 8px 1.5rem rgba(49,104,236,0.15);border-color:var(--primary-color);}
.certificate-image {position:relative;width:100%;overflow:hidden;background:#f8f9fa;}
.certificate-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.certificate-item:hover .certificate-image img {transform:scale(1.05);}
.certificate-info {padding:1rem;text-align:center;flex:1;display:flex;align-items:center;justify-content:center;display: none;}
.certificate-name {font-size:1rem;font-weight:600;color:var(--text-dark);margin:0;line-height:1.4;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* 证书详情弹窗样式*/.certificate-modal .modal-dialog {max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 2rem);position:relative;}
.certificate-modal .modal-content {border:none;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.15);width:100%;margin:0;}
.certificate-modal .modal-header {background:linear-gradient(135deg,#3168EC 0%,#4A90E2 100%);color:white;border-radius:12px 12px 0 0;padding:20px 30px;border-bottom:none;}
.certificate-modal .modal-title {font-size:18px;font-weight:600;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:12px;}
/* 证书名称主标题样式*/.certificate-modal .modal-title .certificate-name {font-size:18px;font-weight:700;color:#ffffff;line-height:1.3;}
/* 获得日期副标题样式*/.certificate-modal .modal-title .certificate-date {font-size:13px;font-weight:400;color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.15);padding:4px 10px;border-radius:12px;border:1px solid rgba(255,255,255,0.2);white-space:nowrap;backdrop-filter:blur(5px);}
.certificate-modal .btn-close {filter:invert(1);opacity:0.8;}
.certificate-modal .modal-body {padding:0;}
.certificate-preview {width:100%;background:#FFFFFF;display:flex;align-items:center;justify-content:center;padding:1.5rem;}
.certificate-preview img {max-width:100%;max-height:500px;border-radius:0.75rem;}
.certificate-modal .modal-footer {background:#f8f9fa;border-top:1px solid #e9ecef;padding:20px 30px;border-radius:0 0 12px 12px;justify-content:center;gap:12px;}
.certificate-modal .btn {padding:10px 20px;border-radius:6px;font-weight:500;transition:all 0.3s ease;min-width:100px;height:40px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;}
.certificate-modal .btn-primary {background:linear-gradient(135deg,#3168EC 0%,#4A90E2 100%);border:none;}
.certificate-modal .btn-secondary {background:#6c757d;border:none;}
.certificate-modal .btn:hover {transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}
/* 核验按钮二维码悬停效果*/#verifyBtn {position:relative;/* 确保核验按钮与其他按钮大小一致*/    min-width:100px;height:40px;padding:10px 20px;font-size:14px;}
.qr-tooltip {position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:white;border:1px solid #e0e0e0;border-radius:0.75rem;padding:15px;box-shadow:0 8px 1.5rem rgba(0,0,0,0.15);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;margin-bottom:10px;}
.qr-tooltip::after {content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid white;}
#verifyBtn:hover .qr-tooltip {opacity:1;visibility:visible;}
.qr-tooltip img {width:120px;height:120px;display:block;}
.qr-tooltip p {text-align:center;margin:8px 0 0 0;font-size:12px;color:#666;}


/* 会员入会审核样式*/
.process-steps {display:flex;align-items:center;justify-content:space-between;padding:20px;background:#f8f9ff;border:1px solid #e6f4ff;border-radius:0.75rem;}

/*.step-number {width:40px;height:40px;border-radius:50%;background:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;margin-right:12px;transition:all 0.3s ease;}
*/.step-line {flex:1;height:2px;background:#e9ecef;margin:0 20px;position:relative;}
.audit-section {border:1px solid #e9ecef;border-radius:0.75rem;padding:20px;background:#fafafa;}
.section-title {color:#333;font-weight:600;font-size:1rem;margin-bottom:1.5rem;}
.audit-options {margin-bottom:1rem;}
.audit-options .form-check {margin-right:1.5rem;}
.audit-options .form-check-input {margin-top:0.25em;}
.audit-options .form-check-label {font-size:15px;font-weight:500;color:#333;}
.audit-notice {background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1rem;}
.audit-notice p {margin:0;font-size:14px;line-height:1.6;color:#666;}
.audit-info-card {background:white;border:1px solid #e9ecef;border-radius:0.75rem;padding:20px;height:100%;}
.approval-status {display:flex;align-items:center;margin-bottom:1rem;}
.badge-primary {background:#3168EC;color:white;padding:6px 12px;border-radius:1rem;font-size:12px;font-weight:600;}
.approval-details {border-top:1px solid #f0f0f0;padding-top:1rem;}
.approval-text {font-size:14px;color:#333;margin-bottom:8px;font-weight:500;}
.approval-meta {font-size:13px;color:#999;margin:0;}
/* 审核流程左右结构样式优化*/.audit-process .row {align-items:stretch;}


/* 步骤指示器样式*/.step-indicator-container {display:flex;justify-content:center;width:100%;}
.step-indicator {display:flex;align-items:center;gap:1rem;}
.step-number {display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#f0f0f0;}
.step-number i {font-size:0.875rem;}
.step-item.active .step-number {background-color:#3B82F6;color:white;}
.step-divider {width:60px;height:1px;background-color:#E5E7EB;}
.step-divider.active {width:60px;height:1px;background-color:#3B82F6;}
.step-text {font-size:0.875rem;}
.audit-process .col-md-8 {padding-right:30px;}
.audit-process .col-md-4 {padding-left:15px;display:flex;flex-direction:column;}
/* 审核流程步骤容器*/.audit-process .process-steps {background:#f8f9ff;border:1px solid #e6f4ff;border-radius:0.75rem;padding:20px;}
/* 审批意见卡片右侧样式优化 - 自适应高度*/.audit-info-card {background:#ffffff;border:1px solid #e6f4ff;border-radius:0.75rem;padding:1.5rem;flex:1;box-shadow:0 2px 8px rgba(49,104,236,0.08);position:sticky;top:20px;}
.approval-status {display:flex;align-items:center;margin-bottom:1rem;}
.approval-status .badge {font-size:12px;padding:6px 12px;}
.approval-details {font-size:14px;}
.approval-text {color:#333;font-weight:500;margin-bottom:8px;line-height:1.5;}
.approval-meta {color:#666;font-size:13px;margin-bottom:0;}
/* 审批意见卡片样式*/.approval-item {background:#f8f9ff;border:1px solid #e6f4ff;border-radius:0.75rem;padding:1rem;transition:all 0.3s ease;}
.approval-item:hover {background:#f0f7ff;border-color:#d1e7ff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(49,104,236,0.1);}
.approval-status {display:flex;align-items:center;margin-bottom:1rem;}
.approval-status .badge {font-size:12px;padding:6px 12px;font-weight:600;}
.approval-details {font-size:14px;}
.approval-text {color:#333;font-weight:500;margin-bottom:8px;line-height:1.5;}
.approval-meta {color:#666;font-size:13px;margin-bottom:0;}
/* 不同状态的徽章样式*/.badge-warning {background-color:#ffc107;color:#212529;}
.badge-secondary {background-color:#6c757d;color:#ffffff;}
/* 审批意见样式修改*/.approval-status {display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;}
.approval-status .badge {background: none !important;color: #333 !important;border: none !important;border-radius: 0 !important;padding: 0 !important;font-size: 16px !important;font-weight: 600 !important;}
.approval-status .btn:contains("通过") {font-size: 12px;padding: 4px 12px;height: auto;border-radius: 4px;cursor: default;pointer-events: none;border: 1px solid #3168EC !important;background: #f0f7ff !important;color: #3168EC !important;}
.approval-status .btn {font-size: 12px;padding: 0px 12px;height: auto;border-radius: 4px;line-height: 26px;}
.approval-status .btn:not(.btn-reject) {border: 1px solid #3168EC !important;background: #f0f7ff !important;color: #3168EC !important;}
.approval-status .btn.btn-reject {border: 1px solid #dc3545 !important;background: #fff5f5 !important;color: #dc3545 !important;}
.approval-status .btn:hover {transform: none !important;box-shadow: none !important;}
.approval-status .btn:not(.btn-reject):hover {border: 1px solid #3168EC !important;background: #f0f7ff !important;color: #3168EC !important;}
.approval-status .btn.btn-reject:hover {border: 1px solid #dc3545 !important;background: #fff5f5 !important;color: #dc3545 !important;}
/* 黄色*/
.approval-status .btn.btn-outline-warning {border: 1px solid #ffc107 !important;background: #fff5f5 !important;color: #ffc107 !important;}
.approval-status .btn.btn-outline-warning:hover {border: 1px solid #ffc107 !important;background: #fff5f5 !important;color: #ffc107 !important;}
/* 蓝色*/
.approval-status .btn.btn-outline-primary {border: 1px solid #3168EC !important;background: #f0f7ff !important;color: #3168EC !important;}
.approval-status .btn.btn-outline-primary:hover {border: 1px solid #3168EC !important;background: #f0f7ff !important;color: #3168EC !important;}
/* 绿色*/
.approval-status .btn.btn-outline-danger {border: 1px solid #ffc107 !important;background: #fff5f5 !important;color: #ffc107 !important;}
.approval-status .btn.btn-outline-danger:hover {border: 1px solid #ffc107 !important;background: #fff5f5 !important;color: #ffc107 !important;}

.approval-item .approval-status .btn-outline-info {border: 1px solid #17a2b8 !important;background: #f0f7ff !important;color: #17a2b8 !important;}
.approval-item .approval-status .btn-outline-info:hover {border: 1px solid #17a2b8 !important;background: #f0f7ff !important;color: #17a2b8 !important;}





/* 分支机构头像样式*/.branch-avatar-large {width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #e8f0fe;box-shadow:0 4px 15px rgba(49,104,236,0.15);background:#ffffff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.branch-avatar-img {width:100%;height:100%;object-fit:cover;border-radius:50%;}
/* 添加分会会员弹窗样式*/.member-cards-grid {max-height:500px;overflow-y:auto;overflow-x:hidden;}
.member-card-item {cursor:pointer;transition:all 0.3s ease;}
.member-card-item .card {border:2px solid transparent;transition:all 0.3s ease;}
.member-card-item[data-selected="true"] .card {border-color:#3168EC;background-color:#f8faff;box-shadow:0 4px 15px rgba(49,104,236,0.15);}
.member-card-item:hover .card {transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.company-avatar {width:40px;height:40px;border-radius:50%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.selection-indicator {width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.member-card-item[data-selected="true"] .company-avatar {background:#e6f4ff;}
.member-card-item[data-selected="true"] h6 {color:#3168EC;font-weight:600;}
/* 搜索框样式*/.search-box .input-group {border-radius:6px;overflow:hidden;}
.search-box .form-control {border-right:none;}
.search-box .btn-outline-secondary {border-left:none;background:#f8f9fa;border-color:#ced4da;}
.search-box .btn-outline-secondary:hover {background:#e9ecef;border-color:#adb5bd;}
/* 搜索按钮图标颜色*/.search-box .btn-outline-secondary i {color:#333;}
.search-box .btn-outline-secondary:hover i {color:#333;}
/* 弹窗居中显示*/#addBranchMemberModal .modal-dialog {display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 2rem);margin:1rem auto;}
/* 委员会详情页面专用样式*/.branch-avatar-small {width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.branch-avatar-small-img {width:100%;height:100%;object-fit:cover;}
.committee-member-info h6 {font-size:18px !important;font-weight:600 !important;margin-bottom:8px !important;}
.committee-member-info p {font-size:1rem !important;margin-bottom:6px !important;line-height:1.4 !important;}
.committee-member-info p:last-child {margin-bottom:0 !important;}
.committee-member-info {min-width: 0;flex-shrink: 1;}
.committee-member-info p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;margin: 0;}
/* 委员会成员卡片顶部对齐*/.committee-member-card {align-items:flex-start !important;}
/* 协会常驻标识样式*/.association-resident-badge {background-color:#e6f4ff;color:#3168EC;font-size:12px;padding:3px 10px;border:1px solid #b3d8ff;border-radius:50px;font-weight:500;}
.stats-card {background:white;border-radius:0.75rem;padding:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;}
.stats-content {flex:1;}
.stats-title {font-size:14px;color:#666;margin-bottom:8px;}
.stats-number {font-size:1.5rem;font-weight:bold;color:#333;}
.stats-icon {width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:20px;}
.bg-cyan {background-color:#17a2b8 !important;color:white !important;}

/* 个人中心页面专用样式 */
.profile-container {background:#fff;border-radius:0.75rem;padding:40px;position:relative;}
.edit-profile-btn {position:absolute;top:20px;right:20px;background:#007bff;color:white;border:none;padding:8px 16px;border-radius:0.25rem;font-size:14px;cursor:pointer;}
.edit-profile-btn:hover {background:#0056b3;}
.profile-header {text-align:center;margin-bottom:0px;}
.profile-avatar {width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #e9ecef;margin-bottom:20px;}
.profile-name {font-size:1.5rem;font-weight:bold;color:#333;margin-bottom:10px;}
.profile-info-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 20px;margin-top:30px;}
.profile-info-item {display:flex;align-items:flex-start;}
.profile-info-label {font-weight:500;color:#666;min-width:80px;margin-right:10px;}
.profile-info-value {color:#333;flex:1;}
.profile-info-value.on{white-space: nowrap;text-overflow: ellipsis;height: 21px;}
.profile-section-divider {border-top:1px solid #e9ecef;margin:30px 0;}
.account-section {margin-top:30px;}
.account-item {display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #f5f5f5;}
.account-item:last-child {border-bottom:none;}
.account-label {font-weight:500;color:#666;}
.account-value {color:#333;}
.account-action {color:#007bff;text-decoration:none;font-size:14px;}
.account-action:hover {color:#0056b3;}
.profile-header-sun{position: relative;}
.profile-header-suna{position: absolute;right: 0px;top:30px;width: 100px;line-height: 42px;text-align: center;font-size: 1rem;color: #FFFFFF;background:var(--primary-color);background: linear-gradient(135deg, #4A90E2 0%, #3168EC 100%);border-radius: 0.25rem;}

/* 上传弹窗表头颜色样式*/.uploadModal .table-light th {color:#000 !important;}
/* 文件上传区域样式*/
.file-upload-area {opacity: 0.8;border:2px dashed #d9d9d9;border-radius:0.75rem;background:#fafafa;min-height:90px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;cursor:pointer;position:relative;}
.file-upload-area:hover {border-color:#3168EC;background:#f0f7ff;}
.file-upload-area.dragover {border-color:#3168EC;background:#e6f4ff;transform:scale(1.02);}
.file-upload-input {display:none;}
.upload-placeholder {text-align:center;color:#999;}
.upload-placeholder .upload-icon {font-size:20px;color:#ccc;margin-bottom:5px;display:block;}
.upload-placeholder .upload-text {margin:0;font-size:12px;color:#666;font-weight:500;line-height: 18px;}
.upload-placeholder p.text-muted {font-size:12px;margin:4px 0 0 0;line-height: 18px;}
/* 活动卡片标题样式*/.activity-card-title {font-size:18px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}
/* 活动详情页面样式*/.activity-detail-title {font-size:1.5rem;font-weight:600;color:#333;}
.activity-detail-info {color:#666;font-size:14px;min-width:80px;}
.activity-detail-value {color:#333;font-size:14px;}
.activity-detail-link {color:#3168EC;font-size:14px;text-decoration:none;}
.activity-content-text {color:#333;font-size:1rem;line-height:1.8;}
/* 活动详情页面表格样式*/.activity-table th {text-align:center;font-size:1rem;font-weight:600;color:#333 !important;background-color:#f8f9fa !important;}
.activity-table td.text-center {text-align:center;}
.activity-table td.vertical-middle {vertical-align:middle;text-align:center;}
.activity-table .rowspan-cell {vertical-align:middle;text-align:center;}

.company-details-gridss{gap:1.5rem 1.5rem !important;grid-template-columns: 1fr 1fr;}


/* 通知管理页面样式*/

.info-label {font-weight:600;color:#495057;margin-right:8px;}
.info-item-block .info-label {font-weight:600;color:#495057;}
.content-text {background-color:#f8f9fa;padding:15px;border-radius:6px;line-height:1.6;color:#495057;}
.file-meta {font-size:0.8rem;}
.timeline {position:relative;padding-left:30px;}
.timeline::before {content:'';position:absolute;left:15px;top:0;bottom:0;width:2px;background:#dee2e6;}
.timeline-item {position:relative;margin-bottom:20px;}
.timeline-marker {position:absolute;left:-23px;top:5px;width:1rem;height:1rem;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #dee2e6;}
.timeline-content {background:#f8f9fa;padding:12px 15px;border-radius:6px;border-left:3px solid #007bff;}
.section-header h4 {font-size:1.1rem;font-weight:600;}

/* 审核状态样式*/
.audit-status-section {background-color:#f8f9fa;border-radius:12px;padding:40px 20px;border:2px solid #e9ecef;text-align:center;}
.audit-completed-icon {animation: pulse 2s infinite;}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}



/* 自定义下拉框样式 */
.layui-form-select {position:relative;display:inline-block;width:100%;}
.layui-form-select .layui-select-title {position:relative;height:38px;line-height:38px;border:1px solid #e6e6e6;background-color:#fff;cursor:pointer;border-radius:2px;}
.layui-form-select .layui-select-title:hover {border-color:#d2d2d2;}
.layui-form-select .layui-input {border:none;height:36px;line-height:36px;padding:0 30px 0 10px;cursor:pointer;}
.layui-form-select .layui-edge {position:absolute;right:10px;top:50%;margin-top:-3px;cursor:pointer;border-width:6px;border-top-color:#c2c2c2;border-top-style:solid;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:0;}
.layui-form-select dl {position:absolute;left:0;top:42px;padding:5px 0;z-index:999;min-width:100%;border:1px solid #d2d2d2;max-height:300px;overflow-y:auto;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12);}
.layui-form-select dd {padding:0 15px;line-height:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.layui-form-select dd:hover {background-color:#f2f2f2;}
.layui-form-select dd.layui-select-tips {padding-left:15px;color:#999;cursor:default;}
.layui-form-select dd.layui-select-tips:hover {background-color:transparent;}
/* 动画效果*/.layui-anim-upbit {animation-name:layui-anim-upbit;animation-duration:0.3s;animation-fill-mode:both;}
@keyframes layui-anim-upbit {0% {opacity:0;transform:scale(0.8) translateY(10px);}
100% {opacity:1;transform:scale(1) translateY(0);}
;}
/* ===== 合作类型选择器样式 =====*/.cooperation-type-selector {position:relative;display:inline-block;width:100%;}
.cooperation-type-selector .selector-input {position:relative;height:40px;line-height:40px;border:1px solid #d9d9d9;background-color:#fff;cursor:pointer;border-radius:6px;}
.cooperation-type-selector .selector-input:hover {border-color:#d2d2d2;}
.cooperation-type-selector .layui-input {border:none;height:38px;line-height:38px;padding:0 30px 0 10px;cursor:pointer;border-radius:6px;color:#212529;}
.cooperation-type-selector .selector-arrow {position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#c2c2c2;font-size:12px;}
.cooperation-type-selector .selector-dropdown {position:absolute;left:0;top:42px;z-index:999;min-width:100%;border:1px solid #d2d2d2;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.15);max-height:300px;/* 限制下拉框最大高度*/    overflow:hidden;/* 隐藏溢出内容*/;}
.cooperation-type-selector .selector-menu {list-style:none;margin:0;padding:5px 0;max-height:290px;/* 比容器稍小，留出边框空间*/    overflow-y:auto;/* 一级菜单可以滚动*/    overflow-x:hidden;/* 水平方向可见，让子菜单显示*/;}
.cooperation-type-selector .menu-item {position:relative;padding:0 15px;line-height:38px;white-space:nowrap;overflow:visible;/* 菜单项可见，让子菜单显示*/    text-overflow:ellipsis;cursor:pointer;transition:background-color 0.3s;}
.cooperation-type-selector .menu-item:hover {background-color:#f2f2f2;}
.cooperation-type-selector .menu-item.has-children {padding-right:35px;position:relative;}
.cooperation-type-selector .menu-item.has-children::after {content:'▶';position:absolute;right:15px;top:0;color:#999;font-size:12px;}
.cooperation-type-selector .menu-item .item-text {display:block;}
/* 二级菜单样式 - 关键修复*/.cooperation-type-selector .submenu {position:fixed;/* 改为fixed定位，避免被父容器裁剪*/    min-width:200px;border:1px solid #d2d2d2;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:none;z-index:1001;list-style:none;margin:0;padding:5px 0;max-height:250px;overflow-y:auto;}
.cooperation-type-selector .submenu .menu-item {padding:0 20px;position:relative;overflow:visible;}
.cooperation-type-selector .submenu .menu-item:hover {background-color:#e6f7ff;}
/* 悬停显示子菜单 - 最关键的样式*/.cooperation-type-selector .menu-item.has-children:hover .submenu {display:block !important;}
/* 当鼠标在子菜单上时保持显示*/.cooperation-type-selector .submenu:hover {display:block !important;}
/* 防止子菜单闪烁的过渡区域*/.cooperation-type-selector .menu-item.has-children::before {content:'';position:absolute;right:-5px;top:0;width:5px;height:100%;background:transparent;z-index:1000;}
/* 分隔线样式*/.cooperation-type-selector .menu-item.separator {color:#999;cursor:default;font-size:12px;text-align:center;border-bottom:1px solid #f0f0f0;margin:5px 0;padding:5px 15px;}
.cooperation-type-selector .menu-item.separator:hover {background-color:transparent !important;}
/* 选中状态样式*/.cooperation-type-selector .menu-item.selected {background-color:#e6f7ff;color:#1890ff;}
/* 一级菜单选中状态（当其子项被选中时）*/.cooperation-type-selector .menu-item.has-children.selected {background-color:#f0f9ff;color:#1890ff;border-left:3px solid #1890ff;}
/* 二级菜单选中状态*/.cooperation-type-selector .submenu .menu-item.selected {background-color:#e6f7ff;color:#1890ff;font-weight:500;}
/* 动画效果*/.cooperation-type-selector .selector-dropdown {animation:fadeInUp 0.3s ease;}
@keyframes fadeInUp {0% {opacity:0;transform:translateY(10px);}
100% {opacity:1;transform:translateY(0);}
;}
/* 自定义滚动条样式*/ .table-responsive::-webkit-scrollbar {width:6px;height:14px;}
.table-responsive::-webkit-scrollbar-track {background:#f1f1f1;border-radius:50px;}
.table-responsive::-webkit-scrollbar-thumb {background:#c1c1c1;border-radius:50px;}
.table-responsive::-webkit-scrollbar-thumb:hover {background:#a8a8a8;}
.selected-users-list::-webkit-scrollbar {width:6px;height:6px;}
.selected-users-list::-webkit-scrollbar-track {background:#f1f1f1;border-radius:3px;}
.selected-users-list::-webkit-scrollbar-thumb {background:#c1c1c1;border-radius:3px;}
.selected-users-list::-webkit-scrollbar-thumb:hover {background:#a8a8a8;}
/* 小按钮样式*/.btn-xs {padding:0.0rem 0.55rem;font-size:0.75rem;line-height:1.5rem;border-radius:0.2rem;}
/* 表头背景色*/.table-header-gray {background-color:#f8f9fa !important;}
/* 卡片头部统一高度*/.card-header-unified {min-height:60px;display:flex;align-items:center;}
/* 统一三个区域的高度*/.user-selection-card {height:600px;overflow:hidden;}
.user-selection-card .card-body {height:calc(100% - 60px);overflow:hidden;}
.card-header-auni{align-items: center !important;margin-bottom: 0px !important;}

/* Banner预览样式*/.banner-preview {position:relative;text-align:center;padding:20px;}
.banner-preview img {box-shadow:0 4px 12px rgba(0,0,0,0.1);border:2px solid #e9ecef;}
.preview-overlay {margin-top:15px;display:flex;justify-content:center;gap:10px;}

/* 文件上传区域样式增强*/

.upload-hint {margin-top:8px;}
.upload-hint small {color:#6c757d;font-size:12px;}

.modal-content .close{float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);border: 0px;color: #FFFFFF;background:#3168EC;}


/* 自定义关闭按钮*/
.btn-close-custom {top:8px;right:8px;width:20px;height:20px;border:none;background:rgba(220,53,69,0.1);color:#dc3545;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all 0.3s ease;opacity:0.7;}
.btn-close-custom:hover {background:#dc3545;color:white;opacity:1;transform:scale(1.1);}
.committee-member-card:hover .btn-close-custom {opacity:1;}
/* Toast进度条样式*/        .toast {position:relative;overflow:hidden;}
.toast-progress {position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,0.3);transition:width linear;}
.toast.bg-success .toast-progress {background:rgba(255,255,255,0.4);}
.toast.bg-danger .toast-progress {background:rgba(255,255,255,0.4);}
.toast.bg-warning .toast-progress {background:rgba(0,0,0,0.2);}
.toast.bg-info .toast-progress {background:rgba(255,255,255,0.4);}
.banner-display img{max-width: 400px;}

/* 产量占比分析表格样式*/        .analysis-table {border-radius:0.75rem;overflow:hidden;}
.analysis-table .production-analysis-table {margin-bottom:0;border:none;width:100%;}
.analysis-table th,.analysis-table td {text-align:center;vertical-align:middle;border:1px solid #e0e0e0;padding:12px 8px;}
.analysis-table th {font-weight:600;font-size:14px;background-color:#3168EC;color:#fff;border-color:rgba(255,255,255,0.2);}
.analysis-table td {font-size:14px;font-weight:500;}
.analysis-table .category-cell {font-weight:600;text-align:center;padding-left:1rem;width:180px;min-width:180px;}
.analysis-table .category-header {width:180px;min-width:180px;text-align:center;vertical-align:middle;}
.analysis-table .data-cell {width:100px;min-width:100px;}
.analysis-table tbody tr:hover {background-color:#f8f9ff;}
/* 图表控件样式*/        .chart-controls .form-select {border:1px solid #d0d7de;border-radius:6px;font-size:14px;padding:4px 8px;height:36px;background-color:#fff;color:#333;transition:all 0.3s ease;}
.chart-controls .form-select:focus {border-color:#3168EC;box-shadow:0 0 0 2px rgba(49,104,236,0.1);outline:none;}
.chart-controls .form-select:hover {border-color:#3168EC;}
/* 图表容器样式*/        #waterChart,#energyChart {width:100% !important;height:400px !important;}
/* 隐藏元素样式*/        .hidden {display:none;}
/* 图表选择器样式*/        .chart-select {width:120px;}.chart-select.on{width:200px;}
/* 图表容器通用样式*/        .chart-container-400 {width:100%;height:400px;}
/* 财务状况分析标题样式*/        .finance-section-title {color:#333;font-weight:600;font-size:18px;padding-left:12px;border-left:4px solid #3168EC;}
/* 年度数据卡片图标背景样式*/        .icon-bg-primary {background-color:rgba(49,104,236,0.15);}
.icon-bg-cyan {background-color:rgba(0,188,212,0.15);}
.icon-bg-purple {background-color:rgba(156,39,176,0.15);}
.icon-bg-purple-light {background-color:rgba(186,104,200,0.15);}
/* 图标颜色样式*/        .icon-color-primary {color:#3168EC;}
.icon-color-cyan {color:#00BCD4;}
.icon-color-purple {color:#9C27B0;}
.icon-color-purple-light {color:#BA68C8;}
/* 年度数值大字体样式*/        .annual-value-large {font-size:2.2rem;}
.annual-data-cas {border:none;transition:transform 0.3s ease,box-shadow 0.3s ease;background-color:#f8f9fa;}
.annual-data-cas:hover {transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,0.15);}
.annual-data-cas .card-body {padding:1.5rem 1.5rem;text-align:left;}
/* 图标和标题在一行的样式*/        .annual-header {display:flex;align-items:center;margin-bottom:15px;}
/* 圆形图标样式*/        .annual-icon-bg-round {width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;}
.annual-icon-bg-round i {font-size:18px;}
/* 标题和数值左对齐*/        .annual-label-left {margin:0;font-size:1rem;color:#666;font-weight:500;}
.annual-value-left {font-size:2.2rem;font-weight:bold;color:#3168EC;margin-top:8px;margin-left:52px;/* 与标题左对齐，52px = 40px(图标宽度) + 12px(间距)*/;}


/* LOGO上传样式*/        .logo-upload-container {margin-top:8px;}
.logo-upload-area {position:relative;width:120px;height:120px;border:2px dashed #ddd;border-radius:0.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;background-color:#fafafa;}
.logo-preview {display:block;}
.logo-upload-area:hover {border-color:#007bff;background-color:#f8f9fa;}
.logo-upload-area.drag-over {border-color:#007bff;background-color:#f1f3ff;transform:scale(1.02);}
.logo-upload-area i {font-size:48px;color:#dee2e6;margin-bottom:10px;}
.upload-text {margin:0;font-size:14px;color:#6c757d;}
.logo-preview-container {position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.logo-preview {max-width:100%;max-height:100%;border-radius:0.75rem;object-fit:contain;}
.upload-progress {}
.progress-bar {height:2px;background:#007bff;margin-bottom:2px;transition:width 0.3s ease;}
.progress-text {font-size:10px;}
.remove-logo {position:absolute;top:-8px;right:-8px;width:1.5rem;height:1.5rem;border-radius:50%;background:#ff4757;color:white;border:none;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;padding-bottom: 5px;}
.remove-logo:hover {background:#ff3838;}

/* 头像上传组件样式*/
.avatar-upload-area {border:2px dashed #d1d3e2;border-radius:0.75rem;cursor:pointer;transition:all 0.3s ease;background-color:#f8f9fc;}
.avatar-upload-area:hover {border-color:#4e73df;background-color:#f1f3ff;}
.avatar-upload-area.drag-over {border-color:#4e73df;background-color:#f1f3ff;transform:scale(1.02);}
.avatar-preview-container {position:relative;}
.avatar-preview {border-radius:0.75rem;object-fit:cover;}
.progress-bar {height:2px;background:#4e73df;margin-bottom:2px;transition:width 0.3s ease;}
.remove-avatar {position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#dc3545;color:white;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;}


/* 管理成员选择器样式*/        .management-person-selector {position:relative;}
.selector-input {position:relative;cursor:pointer;}
.selector-input input {cursor:pointer;padding-right:30px;}
.form-control,.form-select{height: 36px;}
.selector-arrow {position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#6c757d;transition:transform 0.3s ease;}
.selector-dropdown {position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #dee2e6;border-radius:0.375rem;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);z-index:1000;max-height:300px;overflow:hidden;}
.dropdown-header {padding:8px;border-bottom:1px solid #dee2e6;}
.dropdown-body {max-height:200px;overflow-y:auto;}
.person-list {list-style:none;padding:0;margin:0;}
.person-list li {padding:8px 12px;cursor:pointer;border-bottom:1px solid #f8f9fa;display:flex;align-items:center;justify-content:space-between;}
.person-list li:hover {background-color:#f8f9fa;}
.person-list li.selected {background-color:#e3f2fd;color:#1976d2;}
.person-info {display:flex;flex-direction:column;}
.person-name {font-weight:500;}
.person-role {font-size:0.875rem;color:#6c757d;}
.dropdown-footer {padding:8px;border-top:1px solid #dee2e6;display:flex;justify-content:space-between;}
.selected-count {color:#28a745;font-size:0.875rem;}

/* ===== 统计卡片样式 =====*//* 统计卡片基础样式*/

/* 统计标题样式*/
/* 统计数值样式*/
/* 图标背景样式*/.portrait-icon-bg {width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
/* 图标样式*/.portrait-icon-bg i {font-size:20px;}
/* 数值和图标容器样式*/.metric-row {display:flex;justify-content:space-between;align-items:center;}
/* 不同颜色主题的样式*/.metric-primary {color:#3168EC;}
.metric-primary-bg {background: linear-gradient(90.45deg, rgba(177,179,250,1) -0.98%,rgba(154,100,247,1) 99.43%);}
.metric-success-bg {background: linear-gradient(90.45deg, rgba(125,214,255,1) -0.98%,rgba(24,144,255,1) 99.43%);}
.metric-info-bg {background: linear-gradient(90.45deg, rgba(141,248,174,1) -0.98%,rgba(120,221,238,1) 99.43%);}
.metric-purple-bg {background: linear-gradient(90.45deg, rgba(177,179,250,1) -0.98%,rgba(154,100,247,1) 99.43%);}
.metric-danger-bg {background: linear-gradient(90.45deg, rgba(255,175,187,1) -0.98%,rgba(255,105,136,1) 99.43%);}
.metric-success {color:#4CAF50;}
.metric-info {color:#00BCD4;}
.metric-purple {color:#9C27B0;}
.metric-blue {color:#2196F3;}
.metric-teal {color:#009688;}
.metric-danger {color:#F44336;}
/* 固定操作列的表格样式*/   
.table-fixed-operation {position:relative;overflow-x:auto;overflow-y:visible;}
.table-fixed-operation table {margin-bottom:0;min-width:100%;border-collapse:separate;border-spacing:0;}
.table-fixed-operation .operation-column {position:sticky;right:0;background:white;z-index:10;}
.table-fixed-operation .operation-column-header {position:sticky;background:var(--primary-color);right:0;z-index:11;min-width:200px;max-width:300px;width:170px;color:white;}
.account-action .operation-column-header.on{border-left: 0px solid #FFFFFF !important;}
.table-fixed-operation .operation-column-header.on{border-left: 0px solid #FFFFFF !important;}
.table-fixed-operation .operation-column-header.widtha90 {width:100px;}
.table-fixed-operation .operation-column-header.widtha250 {width:250px;}
.table-fixed-operation .operation-column-header.widtha270 {width:270px;}
.table-fixed-operation .operation-column::before,.table-fixed-operation .operation-column-header::before {content:'';position:absolute;left:0;top:0;bottom:0;width:0px;background:#e9ecef;z-index:1;}
.table-fixed-operation .operation-column::after,.table-fixed-operation .operation-column-header::after {content:'';position:absolute;left:0px;top:0;bottom:0;width:5px;background:linear-gradient(to left,rgba(0,0,0,0.1),transparent);pointer-events:none;z-index:2;}
/* 确保其他列有最小宽度，防止挤压*/
.table-fixed-operation .content-column {width:120px;}
.table-fixed-operation .wide-column {width:200px;}
.table-fixed-operation .wide300-column {width:300px;}
.table-fixed-operation .wide400-column {width:400px;}
.table-fixed-operation .width50-column {width:50px;}
.align-items-center span{word-break: break-word;}

/* ===== 单位会员用户页面样式 =====*//* 企业信息区域 - 左右结构*/
.company-layout {display:flex;align-items:flex-start;gap:1rem;}
.company-logo-section {flex-shrink:0;width:80px;}
.company-info-section {flex:1;min-width:0;}
.company-info {padding-left:0;}
.company-logo-img {width:100%;height:100%;object-fit:cover;border-radius:0.75rem;}
.company-verified-icon {color:#3168EC;font-size:1rem;}
.company-badge {display:flex;align-items:center;color:#3168EC;font-size:14px;margin-bottom:15px;}
.badge-text {font-weight:500;}
/* 用户操作手册外部标题*/.section-header1 {padding:20px 1.5rem;border-bottom:1px solid #f5f5f5;position:relative;margin-bottom:0px;display:flex;justify-content:space-between;align-items:center;}
.manual-title-outside {font-size:18px;font-weight:600;color:#333;margin-bottom:0px;}
.section-header1 .more-link {color:#3168EC;text-decoration:none;font-size:14px;font-weight:500;letter-spacing:-7px;}
.section-header1 .more-link:hover {color:#3168EC;text-decoration:underline;}
/* 企业详细信息*/.company-details {padding-top:0;}
.detail-item {display:flex;align-items:center;font-size:14px;line-height:1.5;}
.detail-label {color:#666;font-weight:500;flex-shrink:0;}
.level-badge {background:#e6f4ff;color:#3168EC;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #b3d8ff;}
.payment-status {color:#3168EC !important;font-weight:600;}
/* 用户操作手册*/.manual-title {font-size:1rem;font-weight:600;color:#333;margin-bottom:15px;}
.manual-grid {display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;}
.manual-links {display:flex;gap:20px;flex-wrap:wrap;}
.manual-link {color:#3168EC;text-decoration:none;font-size:1rem;display:flex;align-items:center;transition:all 0.3s;}
.manual-link:hover {color:#2859d4;text-decoration:underline;}
/* 服务卡片*/
.service-card {background:#fff;border:1px solid #f0f0f0;border-radius:0.75rem;padding:20px;text-align:center;transition:all 0.3s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:center;}
.service-card:hover {transform:translateY(-3px);box-shadow:0 8px 1.5rem rgba(0,0,0,0.1);border-color:#3168EC;}
.service-card.on{opacity: 0.6;cursor: inherit;}
/* 服务内容行布局*/
.service-content-row {display:flex;align-items:center;gap:12px;width:100%;}
.service-content-row img{max-width: 28px;}
.service-icon {width:40px;height:40px;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;font-size:18px;color:white;flex-shrink:0;}
.service-icon img{height: 25px;}
.service-icon-wh60{height: 60px;width: 60px;border-radius: 50px;}
.service-icon-orange {background:#FE943E;}
.service-icon-green{background: #75D049;}
.service-icon-blue {background:#0492F6;}
.service-icon-blue-dark {background:#3974FF;}
.service-icon-teal {background:#2BC59F;}
.service-icon-pink {background:#FF416C;}
.service-icon-red {background:#D82014;}
.service-icon-yellow {background:#F5B53A;}



.service-title {font-size:1.15rem;font-weight:500;color:#333;line-height:1.3;margin:0;text-align:left;}
/* 新的我的事项样式*/
.todo-item-new {background:#fff;border:1px solid #f0f0f0;border-radius:0.75rem;padding:2rem 20px;margin-bottom:15px;transition:all 0.3s ease;position:relative;}
.todo-item-new:hover {box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:#3168EC;}
.todo-item-new:last-child {margin-bottom:0;}
.todo-left {display:flex;align-items:flex-start;gap:12px;flex:1;}
.todo-icon {width:32px;height:32px;border-radius:50%;background:#3168EC;color:white;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px;}
.todo-icon img{width: 16px;}
.todo-badge-new {text-align: center;min-width: 60px;background:#ff4d4f;color:white;padding:4px 12px;border-radius:0px 0px 0px 15px;font-size:12px;font-weight:600;white-space:nowrap;position:absolute;top:15px;right:0px;}
.todo-badge-newa {text-align: center;background:var(--primary-color);color:white;padding:4px 10px;line-height: 2rem;border-radius:0.5rem;font-size:1rem;white-space:nowrap;display: inline-block;margin-top: 1.25rem;min-width: 100px;}
.todo-badge-newb {text-align: center;min-width: 60px;background:#ff4d4f;color:white;padding:4px 12px;border-radius:0px 0px 0px 15px;font-size:12px;font-weight:600;white-space:nowrap;position:absolute;top:15px;right:0px;}
.todo-content-new {flex:1;min-width:0;}
.todo-title-new {font-size:18px;font-weight:600;color:#333;margin-bottom:15px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.todo-meta-new {display:flex;flex-direction:column;gap:15px;font-size:1rem;color:#666;}
.todo-category,.todo-period {font-weight:400;line-height:1.4;font-size:1rem;}
/* 通知样式*/
.notice-item1 {padding:1.4rem 0;border-bottom:1px solid #f5f5f5;}
.notice-item1:last-child {border-bottom:none;}
.notice-content-row {display:flex;justify-content:space-between;align-items:flex-start;gap:15px;width:100%;}
.notice-content {width:100%;}
.notice-date {font-size:13px;color:#999;text-align:right;white-space:nowrap;flex-shrink:0;}
.services-section .section-title::before,.basic-work-section .section-title::before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:#3168EC;border-radius:2px;}
.notice-sectiona {padding-top:0px;}
.welcome-sectiona {background:#fff;border-radius:0.75rem;position:relative;}
.pad25 {padding:1.5rem;}
.pad-t0 {padding-top:0px;}
.pad-b0 {padding-bottom:0px;}
     

/* 登录表单容器样式*/        .login-form-container {position:relative;}
/* 公共SVG图标样式*/        .svg-icon {width:60px;height:60px;fill:#666;transition:fill 0.3s ease;}
.qr-code-btn .svg-icon {fill:#666;}
.qr-code-btn:hover .svg-icon {fill:#3168EC;}
/* 二维码按钮样式*/        .qr-code-btn {position:absolute;top:5px;right:5px;width:60px;height:60px;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:10;}
.qr-code-btn:hover {background:#f5f5f5;border-color:#3168EC;}
/* 手机号输入框样式*/        
.phone-input-group {position:relative;display:flex;align-items:center;flex-wrap:wrap;gap: 0px ;}
.phone-prefix {position:absolute;left:15px;color:#666;font-size:14px;z-index:5;top: 15px;}
.phone-input-group .text-danger {width:100%;order:10;}
.phone-input1 {padding-left:50px !important;}
/* 登录底部样式*/        .login-footer {text-align:right;align-items:center;margin-top:20px;font-size:14px;}
.forgot-left {float:left;}
.forgot-password {color:#666;text-decoration:none;}
.forgot-password:hover {color:#3168EC;text-decoration:underline;}
.register-link {color:#3168EC;text-decoration:none;display:inline-block;}
.register-link:hover {text-decoration:underline;}
/* 二维码弹窗样式*/        .qr-modal {display:none;position:fixed;z-index:1050;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.qr-modal-content {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:6px;width:500px;max-width:90%;box-shadow:0 10px 30px rgba(0,0,0,0.3);animation:modalSlideIn 0.3s ease;}
.qr-modal-header {display:flex;justify-content:space-between;align-items:center;padding:20px 1.5rem;border-bottom:1px solid #f0f0f0;}
.qr-modal-header h3 {margin:0;font-size:18px;font-weight:600;color:#333;}
.qr-close-btn {background:none;border:none;font-size:1rem;color:#999;cursor:pointer;padding:5px;border-radius:0.25rem;transition:all 0.3s ease;}
.qr-close-btn:hover {background:#f5f5f5;color:#333;}
.qr-modal-body {padding:30px 1.5rem;text-align:center;}
.qr-code-container {margin-bottom:20px;}
.qr-code-img {width:250px;height:250px;border:1px solid #f0f0f0;border-radius:0.75rem;}
.qr-instruction {color:#666;font-size:14px;margin:0;line-height:1.5;}
.qr-bind-link {margin-top:15px;}
.qr-bind-link a {color:#3168ec;text-decoration:none;font-size:14px;}
.qr-bind-link a:hover {text-decoration:underline;}

/* 绑定账号弹窗样式 */
.bind-modal {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(5px);}
.bind-modal-content {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:6px;width:400px;max-width:90%;box-shadow:0 10px 30px rgba(0,0,0,0.3);animation:modalSlideIn 0.3s ease;}
.bind-modal-header {display:flex;justify-content:space-between;align-items:center;padding:20px 1.5rem;border-bottom:1px solid #f0f0f0;}
.bind-modal-header h3 {margin:0;font-size:18px;font-weight:600;color:#333;}
.bind-close-btn {background:none;border:none;font-size:1rem;color:#999;cursor:pointer;padding:5px;border-radius:0.25rem;transition:all 0.3s ease;}
.bind-close-btn:hover {color:#333;}
.bind-btn {width:100%;padding:12px;background:#3168ec;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;}
.bind-btn:hover {background:#3367d6;}
.bind-footer {text-align:center;margin-top:20px;font-size:14px;color:#666;}
.bind-footer .register-link {color:#3168ec;text-decoration:none;margin-left:5px;}
.bind-footer .register-link:hover {text-decoration:underline;}
.login-form-container1{max-width: auto;height: 400px;}

/* 用户协议弹窗样式 */
.agreement-modal {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(5px);}
.agreement-modal-content {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:0.75rem;width:600px;max-width:90%;max-height:80vh;box-shadow:0 10px 30px rgba(0,0,0,0.3);animation:modalSlideIn 0.3s ease;}
.agreement-modal-header {display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #f0f0f0;}
.agreement-modal-header h3 {margin:0;font-size:18px;font-weight:600;color:#3168ec;}
.agreement-close-btn {background:none;border:none;font-size:1rem;color:#999;cursor:pointer;padding:5px;border-radius:0.25rem;transition:all 0.3s ease;}
.agreement-close-btn:hover {color:#333;}
.agreement-modal-body {padding:30px;max-height:350px;overflow-y:auto;}
.agreement-prompt {text-align:center;font-size:1rem;font-weight:500;color:#333;margin-bottom:20px;line-height:1.8;}
.agreement-link {color:#3168ec;text-decoration:none;cursor:pointer;font-weight:600;}
.agreement-link:hover {text-decoration:underline;color:#3367d6;}
.agreement-content {margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0;}
.agreement-notice {font-size:1rem;font-weight:600;color:#333;margin-bottom:15px;}
.agreement-intro {font-size:14px;color:#666;line-height:1.6;margin-bottom:1.5rem;background:#f8f9fa;padding:15px;border-radius:6px;border-left:4px solid #3168ec;}
.agreement-section {margin-bottom:1.5rem;}
.agreement-section h4 {font-size:1rem;font-weight:600;color:#333;margin-bottom:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;}
.agreement-section p {font-size:14px;color:#555;line-height:1.6;margin-bottom:10px;}
.agreement-section strong {color:#333;}
.agreement-footer {text-align:center;padding:20px 0px;border-top:1px solid #f0f0f0;display:flex;justify-content:center;gap:20px;}
.agreement-reject-btn {padding:12px 40px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;}
.agreement-reject-btn:hover {background:#5a6268;}
.agreement-confirm-btn {padding:12px 40px;background:#3168ec;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;}
.agreement-confirm-btn:hover {background:#3367d6;}

/* 协议复选框样式*/        .agreement-checkbox {display:flex;align-items:center;gap:8px;margin-top:10px;}
.agreement-checkbox input[type="checkbox"] {width:1rem;height:1rem;margin:0;}
.agreement-checkbox label {font-size:14px;color:#666;margin:0;cursor:pointer;}
.agreement-checkbox a {color:#4285f4;text-decoration:none;}
.agreement-checkbox a:hover {text-decoration:underline;}
/* 登录链接样式*/        .login-link {text-align:center;margin-top:20px;}
.login-link span {color:#4285f4;font-size:14px;cursor:pointer;text-decoration:none;}
.login-link span:hover {text-decoration:underline;}

/* 我的事项样式*/
.title-welcome{font-size: 22px;font-weight: 600;color: #333;margin-bottom: 0px;}
.p-welcome{font-size: 16px;color: #666;margin-bottom: 0px;line-height: 1.8;}


/* 温馨提示样式*/        
.warm-tips-container {background:#f0f7ff;border:1px solid #d6e9ff;border-radius:0.25rem;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size: 1rem;line-height: 1.8;}
.warm-tips-header {display:flex;align-items:center;gap:8px;}
.warm-tips-icon {color:var(--primary-color);font-size:1rem;}
.warm-tips-title {font-size:1rem;font-weight:500;color:var(--primary-color);}
.warm-tips-content {display:flex;align-items:center;gap:20px;flex:1;padding-left: 25px;}
.warm-tips-item{margin-top: 0.75rem;}
.warm-tips-text {font-size:14px;color:#666;flex:1;}
/* 指定管理员弹窗样式*/.assign-admin-notice {background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:20px 15px;margin-bottom:1.5rem;font-size:1rem;color:#666;line-height:1.6;}

.data-tips-box {
    background: #f0f7ff;
    border: 1px solid #d6e9ff;
    border-radius: 8px;
    padding: 20px;
}

/* 主容器*/        .guide-container {position:relative;width:100%;height:100vh;background-image:url('/static/images/qt-bj-9805f39164db6991078f0ec4cd2f0284.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;}
/* 顶部导航*/        .top-header {position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;max-width:1200px;width:1200px;margin:0 auto;}
.logo-section {display:flex;align-items:center;gap:15px;}
.logo-img {height:54px;filter:brightness(0) invert(1);}
.logo-text {color:white;}
.logo-title {font-size:1.5rem;font-weight:600;margin:0;line-height:1.2;}
.logo-subtitle {font-size:14px;opacity:0.9;margin:0;letter-spacing:2px;}
.top-nav {display:flex;gap:30px;}
.nav-itema {color:white;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:5px;transition:opacity 0.3s ease;}
.nav-itema:hover {opacity:0.8;color:white;}
.company-details .detail-item{margin-top: 1.5rem;}


/* 主内容区域*/        .content-wrapper {position:relative;z-index:10;flex:1;display:flex;align-items:center;padding:0;}
.content-container {max-width:1200px;margin:0 auto;width:100%;padding:0 40px;}
.min-vh-75 {min-height:75vh;}
.main-title {color:white;font-size:40px;font-weight:400;margin-bottom:10px;line-height:1.3;letter-spacing:2px;font-family:'Source Han Serif SC','Noto Serif CJK SC',serif;}
.platform-title {color:white;font-size:18px;font-weight:500;margin-top:60px;margin-bottom:40px;opacity:0.9;}
/* 新的卡片样式*/        .platform-option-card {display:block;text-decoration:none;transition:transform 0.3s ease;}
.platform-option-card:hover {transform:translateY(-10px);text-decoration:none;}
.platform-card-content {background:rgba(255,255,255,0.15);border-radius:0.75rem;padding:30px 20px;border:1px solid rgba(255,255,255,0.2);text-align:center;height:200px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;}
.card-header-text {color:white;font-size:18px;font-weight:500;margin-bottom:0;text-align:left;align-self:flex-start;}
.option-icon {width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:white;box-shadow:0 8px 1.5rem rgba(0,0,0,0.2);align-self:flex-end;}
.public-icon {background:linear-gradient(135deg,#00bcd4 0%,#0097a7 100%);}
.user-icon {background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%);}
/* 底部信息*/        .footer-info {position:relative;z-index:10;text-align:center;padding:20px 40px;color:white;font-size:12px;opacity:0.8;}


      /* ===== 个人用户信息卡片样式 =====*//* 个人用户信息布局*/.user-profile-layout {display:flex;flex-direction:column;gap:15px;}
/* 用户头部区域 - 头像和基本信息*/.user-header-section {display:flex;align-items:flex-start;gap:15px;}
/* 用户头像区域*/.user-avatar-section {flex-shrink:0;}
.user-avatar-img {width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
/* 用户基本信息*/.user-basic-info {flex:1;min-width:0;display:flex;flex-direction:column;gap:1.1rem;}
/* 姓名和标签在一行*/.user-name-tags-row {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.user-name {font-size:18px;font-weight:600;color:#333;margin:0;line-height:1.3;flex-shrink:0;}
/* 用户标签*/.user-tags {display:flex;gap:8px;flex-wrap:wrap;}
.user-tag {padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid;white-space:nowrap;}
.tag-join {background:#e6f4ff;color:#3168EC;border-color:#b3d8ff;}
.tag-apply {background:#fff2e8;color:#fa8c16;border-color:#ffd591;}
.clickable-tag {cursor:pointer;transition:all 0.3s ease;}
.clickable-tag:hover {background:#ffe7ba;border-color:#ffb366;transform:translateY(-1px);}
/* 用户详细信息区域*/.user-details-section {padding-top:15px;border-top:1px solid #f0f0f0;}
/* 登录信息*/.user-login-info {margin-bottom:0;}
.login-text {font-size:14px;color:#666;font-weight:400;}
/* 联系信息*/.user-contact-info {display:flex;flex-direction:column;gap:8px;}
.contact-item {display:flex;align-items:center;gap:10px;font-size:14px;}
.contact-icon {width:1rem;color:#666;font-size:14px;flex-shrink:0;}
.contact-value {color:#333;font-weight:400;line-height:1.4;}
/* ===== 服务卡片样式 =====*//* 垂直布局的服务内容*/.service-content-column {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;}
/* ===== 标准项目卡片样式 =====*/.standard-card {background:white;border-radius:0.75rem;border:1px solid #e9ecef;padding:20px;height:100%;transition:all 0.3s ease;}
.standard-card:hover {box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:#3168EC;}
.card-header {display:flex;align-items:flex-start;gap:12px;margin-bottom:1rem;position:relative;}
.standard-icon {width:30px;height:30px;border-radius:50%;background:#52c41a;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;flex-shrink:0;}
.standard-icon img{height: 0.85rem;}
.project-name {flex:1;font-size:15px;font-weight:600;color:#1a1a1a;line-height:2;margin:0;padding-right:85px;cursor:pointer;transition:color 0.3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.project-name:hover {color:#3168EC;}
.standard-info {display:flex;flex-direction:column;gap:8px;}
.info-item {display:flex;align-items:center;font-size:14px;line-height:1.4;}
.info-label {color:#666;font-weight:400;min-width:80px;flex-shrink:0;}

/* 通知圆点样式*/.notice-dot {font-size:12px;margin-right:6px;display:inline-block;}
.red-dot {color:#ff4d4f;}
.gray-dot {color:#bfbfbf;}
/* 更多服务卡片特殊样式*/.more-title {font-size:1rem;font-weight:400;color:#666;margin-bottom:4px;line-height:1.5;}

/* 电子刊物列表样式*/        
.certificates-list {margin-top:20px;}
.publication-item {background:#fff;border-radius:0.25rem;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s ease;cursor:pointer;overflow:hidden;margin-bottom:20px;padding:20px;display:flex;align-items:flex-start;gap:20px;}
.publication-item:hover {transform:translateY(-5px);box-shadow:0 8px 1.5rem rgba(0,0,0,0.15);}
.publication-image {flex-shrink:0;width:240px;overflow:hidden;position:relative;border-radius:0.25rem;}
.publication-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.publication-item:hover .publication-image img {transform:scale(1.05);}
.publication-content {flex:1;padding:10px 0;height:100%;}
.publication-title {font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:15px;text-align:left;position:relative;padding-left:15px;}
.publication-title::before {content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(to bottom,#007bff,#0056b3);border-radius:2px;}
.publication-description {font-size:0.95rem;color:#666;line-height:1.7;margin-bottom:1.5rem;text-align:justify;flex-grow:1;}
.publication-actions {display:flex;justify-content:flex-start;gap:12px;width:100%;}
.publication-actions .btn {padding:0px 1.5rem;border-radius:0.25rem;font-size:0.95rem;font-weight:500;transition:all 0.3s ease;}
.publication-actions .btn-primary {background:var(--primary-color);border:none;}
.publication-actions .btn-primary:hover {transform:translateY(-2px);}
.publication-actions .btn-outline-warning {background:#ff9500;color:#fff;}
.publication-actions .btn-outline-warning:hover {transform:translateY(-2px);}
.publication-item11 {display:flex;align-items:flex-start;gap:20px;}
.company-details-gridss1{margin-top: 30px !important; gap:1.5rem 1.5rem !important;grid-template-columns: 1fr 1fr;}

/* 会刊列表样式*/
.journal-cover {width:200px;height:auto;border-radius:6px;overflow:hidden;}
.journal-cover img {width:100%;height:auto;object-fit:cover;}

/* 会刊列表*/

.certificates-list .row {display:flex;flex-wrap:wrap;}
.certificates-list .col-md-6 {display:flex;margin-bottom:1.5rem;}
.journal-item {background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.08);padding:20px;transition:all 0.3s ease;border:0px solid #f0f0f0;width:100%;display:flex;align-items:flex-start;min-height:180px;}
.journal-item:hover {box-shadow:0 6px 1.5rem rgba(0,0,0,0.12);transform:translateY(-3px);border-color:#e0e0e0;}
.journal-content {width:100%;flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.journal-title {font-size:18px;font-weight:600;color:#333;margin-bottom:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.journal-description {font-size:14px;color:#666;line-height:2.5;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;flex-grow:1;}



.china-list .china-row {overflow:hidden;margin:0 -10px;}
.china-list .china-row::after {content:"";display:table;clear:both;}
.china-item-wrapper {float:left;width:16.64%;/* 一行5个：100% / 5 = 20%*/            padding:0 10px;margin-bottom:20px;box-sizing:border-box;}
.china-item {border-radius:12px;cursor:pointer;height:100%;}
.china-image {width:100%;margin-bottom:10px;overflow:hidden;border-radius:8px;}
.china-image img {width:100%;height:auto;display:block;transition:transform 0.3s ease;}
.china-item:hover .china-image img {transform:scale(1.02);}
.china-info {text-align:center;}
.china-name {font-size:14px;font-weight:600;color:#333;margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.china-borderds {border:1px dashed #DBDEE4;}
/* 响应式设计*/        
@media (max-width:1200px) {.china-item-wrapper {width:25%;/* 一行4个*/;}
;}
@media (max-width:768px) {.china-item-wrapper {width:50%;/* 一行2个*/;}
;}
@media (max-width:480px) {.china-item-wrapper {width:100%;/* 一行1个*/;}
;}


/*节水节能*/
.water-table1 {border-radius:12px;border:1px solid #e1e1e1 !important;overflow-y: hidden;overflow-x: auto;}
.water-table {width:100%;border-collapse:collapse;margin:0;font-size:14px;position:relative;border:0px solid #e1e1e1;overflow-y: hidden;overflow-x: auto;}
.water-table thead {background:#fafafa;position:relative;}
.water-table thead tr{border-top:0px;}
.water-table th {padding:1rem 0.5rem;color:#333333;font-weight:600;font-size:1rem;text-align:center;border:none;border-right:1px solid rgba(0,0,0,0.1);border-top:0px solid #e1e1e1;letter-spacing:0.5px;text-shadow:none;position:relative;}
.water-table th:last-child {border-right:none;}
.water-table td.on{background: #F7F8FA;}
.water-table th.on{background: #3168EC;color: #FFFFFF;}
.water-table td {padding:1rem 0.5rem;border-left:0px solid #e1e1e1;border-right:1px solid #e1e1e1;position:relative;background:#fafafa;text-align: center;}
.water-table td:last-child {border-right:none;}
.water-table.on td{background: #FFFFFF;}
.water-table tbody tr:last-child td {border-bottom:1px solid #fafafa;}
.water-table .form-check-label {line-height: 1.5rem;padding-left: 5px;}
.action-buttons .text-muted{line-height: 36px;vertical-align: top;display: inline-block;}

/*表单标题*/
.section-headera1{display: flex;font-size:1rem;border-bottom: 1px solid #DBDEE4;padding-bottom: 1rem;margin-bottom: 1.5rem;/*overflow: hidden;*/}
.section-headera1.on{padding-bottom: 0px;margin-bottom: 0px;border-bottom: 0px solid #DBDEE4;}
.section-headera1.on1{padding: 1rem;}
.section-headera2 {flex:1;color:var(--text-dark);margin-bottom: 0px;font-size:1.25rem;padding-left: 12px;position: relative;display: flex;align-items: center;font-weight: 500;}
.section-headera2::before {content:'';position:absolute;top:52%;left:0px;width:4px;height:1.2rem;background-color:var(--primary-color);margin-top: -0.6rem;}
.section-headera3 {color:var(--primary-color);font-size:1rem;}
.card-title {color:var(--text-dark);font-size:1.25rem;border-bottom: 1px solid #DBDEE4;padding-bottom: 1rem;margin-bottom: 1.5rem;position: relative;padding-left: 12px;}
.card-title::before {content:'';position:absolute;top:2px;left:0px;width:4px;height:1.2rem;background-color:var(--primary-color);}
.form_label_nt{width: 100%;}
.form_label_center{text-align: center;}
.form_label_right{display: inline-block;float: right;}
.section-headera4{font-size: 0.8rem;line-height: 35px;color: var(--text-light);margin-left: 5px}

.section-title-blue {color:var(--text-dark);font-size:1.25rem;border-bottom: 1px solid #DBDEE4;padding-bottom: 1rem;margin-bottom: 1.5rem;position: relative;padding-left: 12px;}
.section-title-blue::before {content:'';position:absolute;top:3px;left:0px;width:4px;height:1.2rem;background-color:var(--primary-color);}

/*节水节能-数据审查*/
.progress-steps-container {background:#fff;border-radius:8px;padding:1.5rem;}
.progress-steps {display:flex;justify-content:space-between;position:relative;padding-bottom:0px;}
.step-item {display:flex;flex-direction:column;align-items:center;position:relative;flex:1;text-align:center;}
.step-icon {color:#6c757d;font-size:16px;margin-right:8px;transition:all 0.3s ease;}
.step-item img.step-icon {width:20px;height:20px;transition:all 0.3s ease;}
.step-item.active img.step-icon {filter:brightness(0) saturate(100%) invert(29%) sepia(97%) saturate(1842%) hue-rotate(203deg) brightness(93%) contrast(104%);}
.step-item.active .step-icon {color:#0d6efd;}
.step-item.completed .step-icon {color:#198754;}
.step-content {display:flex;align-items:center;justify-content:center;}
/* 统一的step-title样式 */
.step-title {font-size:14px;color:#495057;margin:0;white-space:nowrap;}
.step-title1 {font-size:1rem;color:var(--text-dark);margin-bottom:20px;text-align:center;margin-bottom: 20px;}
.step-item.active .step-title {color:var(--primary-color);font-weight: 600;}
.step-connector {height:2px;background:#e9ecef;margin:10px 5px 0px;width: 40px;max-width: 300px;}
.step-connector.active {background:#0d6efd;}
.step-connector.completed {background:#198754;}
.step-time{font-size: 14px;color: rgba(0,0,0,0.6);text-align: center;width:100%;}
.step-item.active .step-time{color: var(--primary-color);}


/* 添加凭证按钮样式*/        
.add-invoice-container {margin-bottom:1.5rem;}
.add-invoice-area {width:100%;min-height:50px;border:2px dashed #dee2e6;border-radius:8px;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;position:relative;border-color:#0d6efd;background-color:#e7f1ff;}
.add-invoice-area:hover {border-color:#0d6efd;background-color:#e7f1ff;}
.add-invoice-text {color:#6c757d;font-size:1rem;font-weight:500;text-align:center;user-select:none;}
.add-invoice-area:hover .add-invoice-text {color:#0d6efd;}

 /* Toast 基础样式*/        
.toast-container {position:fixed;top:20px;right:20px;z-index:9999;}
 .toast-icon {color:#FFFFFF !important;}
 .toast-message {color:#FFFFFF;}
 .toast {border:0px;display:flex;align-items:center;margin-bottom:10px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);font-size:14px;font-weight:500;color:white;min-width:300px;opacity:0;transform:translateX(100%);transition:all 0.3s ease;position:relative;overflow:hidden;}
 /* Toast 显示状态*/        .toast.show {opacity:1;transform:translateX(0);}
 /* Toast 图标样式*/        .toast-icon {margin-right:12px;font-size:16px;flex-shrink:0;}
 /* Toast 内容样式*/        .toast-content {flex:1;line-height:1.4;}
 /* Toast 关闭按钮*/        .toast-close {margin-left:12px;background:none;border:none;color:inherit;font-size:16px;cursor:pointer;opacity:0.8;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
 .toast-close:hover {opacity:1;}
 /* Primary Toast - 蓝色*/        .toast.toast-primary {background:#4e73df;}
 /* Secondary Toast - 灰色*/        .toast.toast-secondary {background:#858796;}
 /* Info Toast - 青色*/        .toast.toast-info {background:#36b9cc;}
 /* Success Toast - 绿色*/        .toast.toast-success {background:#1cc88a;}
 /* Danger/Error Toast - 红色*/        .toast.toast-error,.toast.toast-danger {background:#e74a3b;}
 /* Warning Toast - 黄色*/        .toast.toast-warning {background:#f6c23e;color:#333;}
 .toast.toast-warning .toast-close {color:#FFF;}
 /* Dark Toast - 深色*/        .toast.toast-dark {background:#5a5c69;}
 /* Toast 进度条*/        .toast-progress {position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,0.3);transition:width linear;}
 /* Toast 动画效果 */
 @keyframes toastSlideIn {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes toastSlideOut {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(100%);
    }
}

.toast.toast-enter {animation: toastSlideIn 0.3s ease forwards;}
.toast.toast-exit {animation: toastSlideOut 0.3s ease forwards;}

/*专家管理*/
.expert-list-container {padding:0px 0;}
.expert-card {background:#fff;border:none;border-radius:8px;padding:15px;transition:all 0.3s ease;height:100%;position:relative;border:2px solid #FFFFFF;}
.expert-card:hover {box-shadow:0 4px 8px rgba(0,0,0,0.15);transform:translateY(-2px);border:2px solid #007bff;}
.expert-actions {position:absolute;top:15px;right:15px;z-index:10;}
.expert-actions button{background: none;}
.expert-actions .fas.fa-trash  {color:var(--text-light);background: none !important;border: none !important; }
.expert-actions .fas.fa-trash:hover {color:var(--primary-color);}
.delete-btn {background:none;border:none;color:#999;padding:3px 5px;border-radius:4px;transition:all 0.3s ease;}
.delete-btn:hover {color:#dc3545;}
.expert-content {display:flex;align-items:flex-start;gap:15px;margin-top:0px;}
.expert-left {flex-shrink:0;}
.expert-right {flex:1;min-width:0;}
.expert-content .member-status-badge{max-width: calc(100% - 70px);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; /* 想显示的行数 */overflow: hidden;}
.expert-content .expert-name{flex-shrink:0;}
/* 头像容器样式*/
.expert-avatar {}
.avatar-img {width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #e9ecef;}
.expert-info {margin-bottom:10px;}
.expert-name-row {display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-right: 15px;}
.expert-name {font-size:18px;font-weight:600;color:#333;}
/* 详情容器样式*/
.phone-number {font-size:1em;color:#999;line-height:1.3;text-align:left;}


/*专家管理*/
.expert-selection-card {border:2px solid #e9ecef;border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:all 0.3s ease;background:white;}
.expert-selection-card:hover {border-color:#4285f4;box-shadow:0 4px 12px rgba(66,133,244,0.15);}
.expert-selection-card.selected {border-color:#4285f4;background-color:#e8f3ff;box-shadow:0 4px 12px rgba(66,133,244,0.2);}
.expert-avatar-section {display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.expert-avatar-img {width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.expert-contenta {border-bottom:1px solid #f0f0f0;}
.expert-selection-grid {max-height:400px;overflow-y:auto;overflow-x:hidden;}
.expert-selection-grid::-webkit-scrollbar {width:8px;}
.expert-selection-grid::-webkit-scrollbar-track {background:transparent;}
.expert-selection-grid::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2);border-radius:4px;border:2px solid transparent;background-clip:content-box;}
.expert-selection-grid::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0.4);background-clip:content-box;}
.expert-name {font-weight:600;color:#333;margin:0;}
.expert-company {font-size:1em;color:#666;line-height:1.3;text-align:left;margin-bottom:8px;}
.expert-company.on{text-align: left;margin-bottom: 0px;}
.selected-counta {text-align:center;font-size:0.875rem;color:var(--bs-primary-rgb);}
.modal-xl {max-width:1000px;}
.modal-dialog {display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 1rem);margin:0.5rem auto;}
.modal.fade .modal-dialog {transition:transform 0.3s ease-out;transform:translate(0,-50px);}
.modal.show .modal-dialog {transform:none;}

/* 已颁发奖章页面专用样式*/               
.award-notification {background:linear-gradient(90deg,rgba(49,104,236,1) 0%,rgba(41,182,244,1) 50%,rgba(0,137,205,1) 100%);color:white;padding:20px;border-radius:8px;margin-bottom:20px;text-align:left;font-size:1rem;font-weight:500;}
.award-details {background:#F3F6FD 100%;border-radius:8px;padding:5px;border:1px solid #3168EC;}
.award-details-content {padding:1.5rem;border:1px dashed #3168EC;line-height:1.8;color:#555;font-size:1rem;}
.data-comparison-section {margin-top:1.5rem;}
.chart-container1 {display:flex;justify-content:center;align-items:center;}
.awards-title {font-size:20px;font-weight:bold;color:#333;margin-bottom:30px;text-align:left;}
.awards-grid {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;}
.award-medal {text-align:center;}
.medal-icon {width:200px;height:200px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;position:relative;}
.medal-image {width:100%;height:100%;object-fit:contain;border-radius:50%;}
.medal-year {font-size:1rem;color:#666;margin-top:10px;}
.description-section {background:#f8f9fa;border-radius:8px;padding:25px;margin-bottom:20px;border-left:4px solid #4f9ef8;}
.description-text {color:#555;line-height:1.8;font-size:14px;}

/*立项公开征求意见*/
.thumbnail-steps {align-items:center;gap:2px;}
.thumbnail-step {position:relative;width:auto;float:left;min-width:170px;height:30px;}
.thumbnail-step-content {background:#e9ecef;color:#6c757d;padding:0px 25px;text-align:center;position:relative;transition:all 0.3s ease;height:100%;display:flex;justify-content:center;align-items:center;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%,20px 50%);}
.thumbnail-step.active .thumbnail-step-content {background:#4285f4;color:white;}
.thumbnail-step-inline {font-size:14px;font-weight:500;white-space:nowrap;}

/*立项公开征求意见*/
.Project_approval{text-align: center;padding: 100px 0px 100px;}
.Project_approva_img img{width:134px;}
.Project_approva_img.on img{width:260px;}
.Project_approva_cont{margin-top: 30px;}
.Project_approva_title{font-size: 1.25rem;color: #666666;margin-bottom: 5px;}
.Project_approva_titlea{font-size: 1rem;color: #666666;margin-bottom: 10px;}
.Project_approva_cont_btn{margin-top: 30px;}
.Project_approva_cont_btn .btn{min-width: 120px;height: 40px;line-height: 40px;}
.Project_title {font-size:1.15rem;font-weight:500;color:var(--text-dark);margin-bottom:0px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-width:100%;position:relative;}

/*数据统计-饮料企业年度经济指标*/
.annual-report-cards {margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;}
.report-card {background:white;border-radius:16px;overflow:hidden;position:relative;transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;display:flex;flex-direction:column;}
@media (min-width: 768px) {.annual-report-cards {grid-template-columns:repeat(2,1fr);}}
@media (min-width: 992px) {.annual-report-cards {grid-template-columns:repeat(3,1fr);}}
.report-card:hover {transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.2);}
.report-card-image {position:relative;overflow:hidden;}
.report-image {width:100%;z-index:2;}
.report-card-content {position:relative;z-index:2;padding:1.5rem;flex:1;display:flex;flex-direction:column;background:white;}
.status-badge {position:absolute;top:28px;right:1rem;padding:0.5rem 1rem;border-radius:20px;font-size:0.875rem;font-weight:600;z-index:3;}
.status-badge.pending {background:#f59e0b;color:white;}
.status-badge.in-progress {background:#3b82f6;color:white;}
.status-badge.approved {background:#10b981;color:white;}
.status-badge.rejected {background:#ef4444;color:white;}
.status-badge.not-adopted {background:#6b7280;color:white;}
.status-badge.completed {background:#10b981;color:white;}
.status-badge.closed {background:#9ca3af;color:white;}
.report-title {color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:0.5rem;margin-top:0;}
.report-period {color:#6b7280;font-size:0.875rem;}
.report-stats {display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;margin-top:1.5rem;}
.stat-divider {width:1px;height:50px;background:#e5e7eb;margin:0 1rem;}
.stat-item {text-align:center;color:#1f2937;}
.stat-number {font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:0.5rem;}
.stat-number.submitted {color:#3b82f6;}
.stat-number.pending {color:#6b7280;}
.stat-label {font-size:0.875rem;color:#6b7280;}
.progress-bar-container {background:#e5e7eb;height:6px;border-radius:3px;overflow:hidden;}
.progress-bar {height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:3px;transition:width 0.8s ease;}
.progress-bar.full {width:100%;}
.progress-bar.partial {width:80%;}

.progress-bar-img img{width: 100%;}

/*数据统计-领军企业经营数据-数据审查-审核记录*/
.audit-timeline {position:relative;padding:0rem 0;}
.audit-timeline::before {content:'';position:absolute;left:30px;top:0;bottom:0;width:2px;background:#e5e7eb;}
.timeline-item {position:relative;padding-left:80px;margin-bottom:2rem;}
.timeline-item:last-child {margin-bottom:0;}
.timeline-dot {position:absolute;left:20px;top:8px;width:20px;height:20px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #e5e7eb;}
.timeline-dot.active {background:#3b82f6;box-shadow:0 0 0 2px #3b82f6;}
.timeline-dot.success {background:#10b981;box-shadow:0 0 0 2px #10b981;}
.timeline-dot.warning {background:#f59e0b;box-shadow:0 0 0 2px #f59e0b;}
.timeline-dot.danger {background:#ef4444;box-shadow:0 0 0 2px #ef4444;}
.timeline-header {margin-bottom:0.75rem;position:relative;overflow:hidden;}
.timeline-time {color:#3b82f6;font-weight:600;font-size:0.95rem;display:inline-block;}
.timeline-badge {display:inline-block;padding:0.25rem 0.5rem;border-radius:12px;font-size:0.75rem;font-weight:600;margin-left:5px;}
.timeline-badge.latest {background:#10b981;color:white;}
.timeline-meta {display:flex;gap:2rem;margin-bottom:1rem;font-size:0.9rem;}
.timeline-meta-item {display:flex;gap:0.25rem;}
.timeline-meta-label {color:#6b7280;}
.timeline-meta-value {color:#1f2937;font-weight:500;}
.timeline-meta-value.success {color:#10b981;}
.timeline-meta-value.warning {color:#f59e0b;}
.timeline-meta-value.danger {color:#ef4444;}
.timeline-description {color:#1f2937;line-height:1.5;background:white;padding:1rem;border-radius:6px;border:1px solid #e5e7eb;margin-top:0.5rem;}
.timeline-description-label {color:#6b7280;font-weight:500;margin-bottom:0.5rem;}


.timeline .timeline-item{padding-left: 0px;}



/*左右*/
.zytz1{padding: 1.5rem;background-color: rgba(49,104,236,0.08);display: flex;border-radius: 0.5rem;}
.zytz1_title{font-size: 1rem;color: rgba(78,89,105,1);line-height: 33px;}
.zytz1_title.on{flex:1;}
.zytz1_align{align-items: center; display: flex;}
.member-status-badge.on{padding: 3px 14px;width: 90px;display: block;border-radius: 50rem;text-align: center;}
/* 标准化管理-首页*/
.standards-dashboard {padding:0px 0;}
.dashboard-card {border-radius:8px;padding-bottom:24px;height:440px;position:relative;overflow:hidden;background:white;transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;}
.dashboard-card:hover {transform:translateY(-5px);}
/* 上部分：渐变背景*/        .card-top {padding:20px;display:flex;justify-content:space-between;align-items:flex-start;}
.card-left {flex:1;}
.card-right {text-align:center;}
.dashboard-card-title {font-size:16px;font-weight:600;color:white;margin:0 0 8px 0;}
.card-number {font-size:2rem;color:white;margin:0;line-height:1;}
.card-icon {width:24px;color:rgba(255,255,255,0.9);margin-bottom:8px;}
.card-subtitle {color:rgba(255,255,255,0.9);font-size:14px;margin:0;}
/* 下部分：白色背景*/        .card-bottom {background:white;padding:0 20px;}
.card-items {list-style:none;padding:0;margin:0;}
.card-item {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;}
.card-item:hover {background-color:#f8f9fa;}
.card-item .card-item-link{padding:12px 0px;transition:background-color 0.2s ease,padding 0.2s ease;}
.card-item:hover .card-item-link{padding:12px 10px;}
.item-name {font-size:14px;color:#666;}
.item-count {font-size:14px;font-weight:600;color:#4285f4;}
/* 不同卡片的渐变颜色*/        .card-blue .card-top {background:linear-gradient(135deg,#82D1F6,#29B6F4,#0089CD );}
.card-teal .card-top {background:linear-gradient(135deg,#9BE3E0,#59C4C4,#16A4A7);}
.card-green .card-top {background:linear-gradient(135deg,#ADCAAA,#84AF7F,#5B9454);}
.card-purple .card-top {background:linear-gradient(135deg,#93E8D5,#A0ADE1);}
.card-orange .card-top {background:linear-gradient(135deg,#FE564D,#FB9B36,#F9CA26);}
.card-pink .card-top {background:linear-gradient(135deg,#FEA373,#FF678B);}
.card-deep-purple .card-top {background:linear-gradient(135deg,#3BB6FE,#8E4CB7);}
.card-deep-blue .card-top {background:linear-gradient(135deg,#007BD3,#034373);}
.row-margin {margin-bottom:24px;}

/*底部按钮*/
.foot_bottom_btn .btn{min-width: 140px;height: 46px;line-height: 46px;}
.foot_bottom_btn_tc{margin: 0px;}
.foot_bottom_btn  i{display:none;}
.border_bottom_dashed{border-top: 1px dashed #C4CCD9;}

/*文件上传*/
.button_file .btn{line-height: 36px;vertical-align: top;}
.button_file .text-muted{line-height: 36px;vertical-align: top;}

/*公用样式*/
.height128{height: 128px;}
.height138{height: 138px;}
.breadcrumb-container {overflow: hidden;}
.breadcrumb-container h2.h2o {float: left;font-size: 1.25rem;font-weight: 400;color: #0f172a;margin-bottom: 0px;}
.breadcrumb-container ol {float: right;}
.table td.text-left{text-align:left;}

/*标签*/
.enterprise-tags .enterprise-tag{border-radius: 3px;background-color: rgba(230,247,255,1);padding: 2px 10px;font-size: 14px;color: rgba(24, 144, 255, 1);margin-right: 5px;border: 1px solid rgba(145,213,255,1);}
.enterprise-tags .enterprise-tag:nth-child(2){border-radius: 3px;background-color: rgba(240,245,255,1);padding: 2px 10px;font-size: 14px;color: rgba(47, 84, 235, 1);margin-right: 5px;border: 1px solid rgba(173,198,255,1);}
.enterprise-tags .enterprise-tag:nth-child(3){border-radius: 3px;background-color: rgba(230,255,251,1);;padding: 2px 10px;font-size: 14px;color: rgba(19, 194, 194, 1);margin-right: 5px;border: 1px solid rgba(135,232,222,1);}
.activity-info.on1{display: flex;align-items: center;justify-content: space-between;}

/* 项目记录内容样式*/      
#emptyState .fas.fa-inbox {font-size:3rem;}
.project-records-container {min-height:400px;}
.record-item {transition:all 0.2s ease;}
.record-item:hover {background-color:#e9ecef !important;transform:translateX(2px);}
.record-operator {font-size:1rem;}
.record-role {font-size:0.9rem;}
.record-time {font-size:0.9rem;}
.record-action {font-size:0.95rem;line-height:1.4;}
.record-icon {width:24px;text-align:center;}

/*表单验证-边框颜色*/
.employee-position{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
 /* 日期输入框样式 */
 .date-input-with-icon {padding-right: 40px;background-image: url('/static/images/laydate-e247147e9196b448d6150f7735073ce5.svg') !important;background-repeat: no-repeat;background-position: right 8px center;background-size: auto 16px !important;}
.dn1{text-align: center;}

/* 短信验证码按钮 - 优化为更浅的颜色*/.sms-btn2 {height:36px;padding:0 16px;background:#f0f7ff;color:var(--primary-color);border:1px solid #d1e7ff;border-radius:0.5rem;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s;white-space:nowrap;min-width:120px;margin-left:10px;margin-left:10px !important;}
.sms-btn2:hover {background:#e6f4ff;border-color:#b3d8ff;color:#2859d4;}
.sms-btn2:disabled,.sms-btn.countdown {background:#f5f5f5;color:#999;border-color:#e0e0e0;cursor:not-allowed;}
.expert-info-list {display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 1rem;align-items:start;}
/* 权限控制：禁用状态的服务卡片样式*/.service-card-disabled {background:#fff;border:1px solid #f0f0f0;border-radius:0.75rem;padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:center;opacity:0.5;cursor:not-allowed;}
.service-card-disabled:hover {transform:none;box-shadow:none;border-color:#f0f0f0;}
.service-card-disabled .service-title {color:#999;}
.service-card-disabled .service-icon {opacity:0.6;}
/* 文件夹层级样式*/.level-indicator {color:#6c757d;font-family:monospace;font-size:12px;margin-right:5px;}
.level-2 {color:#0d6efd;}
.level-3 {color:#6c757d;font-size:14px;}
.expand-btn {color:#6c757d;transition:transform 0.2s;}
.expand-btn:hover {color:#0d6efd;}
.expand-icon {transition:transform 0.2s ease;}
/* 收起状态：箭头向右*/.expand-icon.fa-chevron-right {transform:rotate(0deg);}
/* 展开状态：箭头向下*/  .expand-icon.fa-chevron-down {transform:rotate(0deg);}
.folder-row.collapsed {display:none;}
.folder-name.level-1 {font-weight:400;}
.folder-name.level-2 {font-weight:400;color:#198754 !important;}
.folder-name.level-3 {font-weight:400;color:#6c757d !important;}
/* MultiSelect中文件夹层级样式*/.multiselect-header {font-weight:600;padding:8px 12px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;color:#495057;}
/* MultiSelect选项中的层级样式 - 针对整个li元素*/.multiselect-option[data-level="1"] {font-weight:600;color:#0d6efd !important;padding-left:16px !important;background-color:#f8f9ff;}
.multiselect-option[data-level="2"] {font-weight:500;color:#198754 !important;padding-left:32px !important;background-color:#f8fff8;}
.multiselect-option[data-level="3"] {font-weight:400;color:#6c757d !important;padding-left:48px !important;background-color:#f5f5f5;}
/* 层级选项文字样式*/.multiselect-option[data-level="1"] .multiselect-option-text {font-weight:600;color:#0d6efd !important;}
.multiselect-option[data-level="2"] .multiselect-option-text {font-weight:500;color:#198754 !important;}
.multiselect-option[data-level="3"] .multiselect-option-text {font-weight:400;color:#6c757d !important;}
/* 选中状态的层级样式*/.multiselect-option.selected[data-level="1"] {background-color:#e7f3ff !important;border-left:4px solid #0d6efd;}
.multiselect-option.selected[data-level="2"] {background-color:#e6f7e6 !important;border-left:4px solid #198754;}
.multiselect-option.selected[data-level="3"] {background-color:#f0f0f0 !important;border-left:4px solid #6c757d;}
/* MultiSelect容器样式优化*/.ms-container {border-radius:0.375rem;}
.ms-container .ms-list {border-radius:0.375rem;}
.ms-container li {padding:6px 8px;border-bottom:1px solid #f8f9fa;}
.ms-container li:hover {background-color:#f8f9fa;}
.ms-container li.ms-selected {background-color:#e7f3ff;color:#0d6efd;}
/* 调整选项文本位置*/.multiselect-option .multiselect-option-text {padding-left:0;}
/* 隐藏占位符选项*/.multiselect-option[data-value=""] {display:none !important;}
/* 权重输入框样式*/ .weight-input {background:transparent;border:none;color:#4472C4;text-align:center;width:100%;height:30px;background:#F7F8FA;}
/* 输入框获得焦点时的样式*/.weight-input:focus {outline:none;color:#4472C4;background:#F7F8FA;border-radius:3px;}

 /* 高质量发展评估卡片样式*/        .hq-assessment-list {margin-top:1.25rem;}
 .hq-assessment-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.875rem;}
 .hq-assessment-card {background:#fff;border-radius:0.75rem;padding:0;transition:all 0.3s ease;position:relative;overflow:hidden;}
 .hq-assessment-card:hover {transform:translateY(-0.3125rem);}
 .hq-card-header {background:rgba(59,108,224,0.1);display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5625rem 0.9375rem 1.5625rem;margin-bottom:0;}
 .hq-card-title {font-size:0.875rem;color:#4E5969;margin:0;}
 .hq-status-badge {padding:0.25rem 0.75rem;border-radius:0.375rem;font-size:0.75rem;font-weight:500;white-space:nowrap;}
 .hq-status-completed {background:#34C758;color:#fff;}
 .hq-status-pending {background:#3168EC;color:#fff;}
 .hq-status-not-started {background:#f8d7da;color:#721c24;}
 .hq-score-display {background:rgba(59,108,224,0.1);text-align:center;padding:0.9375rem 1.5625rem 2.1875rem 1.5625rem;margin-bottom:0;}
 .hq-score-number {font-size:3.5rem;font-weight:700;line-height:1;margin-bottom:0.3125rem;color:#3B6CE0;}
 .hq-score-high {color:#3B6CE0;}
 .hq-score-medium {color:#3B6CE0;}
 .hq-score-low {color:#3B6CE0;}
 /* 已完成状态的特殊样式*/        .hq-assessment-card.completed .hq-card-header {background:rgba(52,199,88,0.1);}
 .hq-assessment-card.completed .hq-score-display {background:rgba(52,199,88,0.1);}
 .hq-assessment-card.completed .hq-score-number {color:#34C758;}
 .hq-card-content {background:#fff;text-align:center;padding:1rem 0;}
 .hq-year-title {font-size:1rem;font-weight:600;color:#333;margin-bottom:1.25rem;}
 .hq-card-actions {display:flex;justify-content:center;gap:0.625rem;}
 .hq-action-btn {padding:0.5rem 1rem;border:1px solid #e0e0e0;border-radius:3.125rem;font-size:0.875rem;color:#4E5969;text-decoration:none;background:#fff;transition:all 0.2s ease;width:7.5rem;height:1.875rem;display:inline-flex;align-items:center;justify-content:center;}
 .hq-action-btn:hover {background:#f5f5f5;color:#4E5969;text-decoration:none;}
 

 .data-summary-card {border-radius:4px;padding:6px 20px;}
 .data-summary-card.primary {background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.2);}
 .data-summary-card.primary span {font-size:1rem;color:#3b82f6;font-weight:400;}
 .data-summary-card.success {background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.2);}
 .data-summary-card.success span {color:#22c55e;font-weight:500;}
 

 .hqzl-report-container {background:#f8f9fa;padding:0;margin:0;}
.hqzl-report-header {background:linear-gradient(90deg,rgba(49,104,236,1) 0%,rgba(41,182,244,1) 50%,rgba(0,137,205,1) 99%);color:white;text-align:center;padding:2.5rem 1.25rem;margin-bottom:1.875rem;border-radius:0.25rem;}
.hqzl-report-header h1 {font-size:1.625rem;margin:0;font-weight:600;}
.hqzl-year-selector {background:white;padding:1.25rem;border-radius:0.5rem;margin-bottom:1.875rem;box-shadow:0 0.125rem 0.625rem rgba(0,0,0,0.1);}
.hqzl-year-selector select {border:0.0625rem solid #ddd;border-radius:0.25rem;padding:0.5rem 0.75rem;font-size:0.875rem;}
.hqzl-report-content {display:grid;grid-template-columns:1fr 1fr;gap:1.875rem;margin-bottom:1.875rem;}
.hqzl-metrics-section {background:white;padding:1.5rem;border-radius:0.5rem;}
.hqzl-main-score {background:linear-gradient(44.97deg,rgba(75,128,255,1) 0.15%,rgba(41,182,244,1) 50.07%,rgba(0,137,205,1) 100%);color:white;text-align:center;padding:1.875rem;border-radius:0.25rem;margin-bottom:1.25rem;}
.hqzl-main-score .hqzl-score-value {font-size:3.5rem;font-weight:700;margin:0;line-height:1;}
.hqzl-sub-metrics {display:grid;grid-template-columns:repeat(3,1fr);gap:0.9375rem;margin-bottom:1.25rem;}
.hqzl-metric-card {text-align:center;padding:1.25rem;border-radius:0.375rem;color:white;}
.hqzl-metric-card.blue {background:#3168EC;}
.hqzl-metric-card.orange {background:#F89852;}
.hqzl-metric-card.green {background:#28B69E;}
.hqzl-metric-card .hqzl-metric-label {font-size:0.9rem;margin-bottom:0.5rem;}
.hqzl-metric-card .hqzl-metric-value {font-size:1.8rem;font-weight:700;margin:0;}
.hqzl-radar-chart-container {background:white;padding:1.5625rem;border-radius:0.5rem;box-shadow:0 0.125rem 0.625rem rgba(0,0,0,0.1);text-align:center;}
.hqzl-radar-chart {width:100%;height:25rem;margin:1.25rem auto;}
.hqzl-analysis-section {margin-top:1.25rem;}
.hqzl-analysis-title {color:#333;font-weight:bold;margin-bottom:0.625rem;}
.hqzl-analysis-text {text-align:left;line-height:1.8;color:#555;font-size:0.875rem;margin:0;}
.hqzl-indicators-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;margin-bottom:1.25rem;}
.hqzl-indicators-grid.on{grid-template-columns:repeat(6,1fr);}
.hqzl-indicator-item {text-align:left;padding:1.25rem 0.9375rem;background:linear-gradient(180deg,rgba(49,104,236,0.05) 0%,rgba(77,123,232,0.05) 100%);border-radius:0.5rem;}
.hqzl-indicator-bottom {display:flex;align-items:center;justify-content:space-between;}
.hqzl-indicator-title {font-size:1rem;color:#4E5969;margin-bottom:0.9375rem;line-height:1.4;text-align:left;}
.hqzl-indicator-value {font-size:3rem;font-weight:400;color:#3168EC;margin-bottom:0;line-height:1;display:inline-block;text-align:left;}
.hqzl-indicator-change {font-size:0.875rem;color:#4E5969;display:inline-flex;align-items:center;gap:0.25rem;margin-left:auto;}
.hqzl-indicator-change.up {color:#28B69E;}
.hqzl-indicator-change.down {color:#F89852;}
.hqzl-change-arrow {font-size:0.875rem;color:#2AB34C;}
.hqzl-change-arrow.red-down {color:#FF2D55;}
.hqzl-indicator-change span:first-child {color:#4E5969;}
.hqzl-index-values-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1.875rem;margin-bottom:1.875rem;}
.hqzl-index-item {background:white;border-radius:0.5rem;}
.hqzl-index-title {font-size:1rem;color:#333;margin-bottom:1.25rem;font-weight:600;}
.hqzl-index-data-container {display:flex;gap:1.25rem;background-color:rgba(247,248,250,0.1);border-radius:0.25rem;}
.hqzl-index-data-row {display:flex;align-items:center;flex:1;background-color:rgba(247,248,250,1);padding:0.9375rem 0.75rem;}
.hqzl-index-data-row:last-child {margin-bottom:0;}
.hqzl-index-label {font-size:0.875rem;color:#666;}
.hqzl-index-value {font-size:0.875rem;color:#333;font-weight:500;}
.hqzl-charts-section {margin-top:2.5rem;}
.hqzl-charts-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:1.875rem;margin-bottom:1.875rem;}
.hqzl-chart-item {background:white;padding:1.25rem;border-radius:0.5rem;border:0.0625rem solid #e5e5e5;}
.hqzl-chart-title {font-size:1rem;color:#333;margin-bottom:1.25rem;font-weight:600;border-left:0.25rem solid #4a90e2;padding-left:0.75rem;}
.hqzl-chart-container {width:100%;height:18.75rem;position:relative;}
.hqzl-chart-selector {margin-bottom:0.9375rem;text-align:right;}
.hqzl-chart-selector select {border:0.0625rem solid #ddd;border-radius:0.25rem;padding:0.375rem 0.625rem;font-size:0.875rem;background:white;}
.ranking-stats-container {display:flex;justify-content:space-between;margin-top:1.25rem;padding:0 1rem;}
.ranking-stats-item {display:flex;align-items:center;gap:0.5rem;}
.ranking-stats-label {font-size:0.875rem;color:#666;font-weight:400;}
.ranking-stats-value {font-size:1rem;color:#333;font-weight:600;}

.manual-row {display:flex;gap:15px;margin-top:10px;justify-content:center;flex-wrap:wrap;text-align:center;}
.manual-row .manual-guide-link {color:#007bff;text-decoration:none;font-size:1rem;display:inline-flex;align-items:center;gap:5px;}
.manual-row .manual-guide-link:hover {color:#0056b3;text-decoration:underline;}
.manual-row .manual-guide-link i {color:#dc3545;}

/* 发票选择卡片样式*/        .invoice-select-card {border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:12px;background-color:#fff;cursor:pointer;transition:all 0.3s ease;}
.invoice-select-card:hover {border-color:#007bff;transform:translateY(-2px);}
.invoice-select-card.selected {border-color:#007bff;background-color:#f8f9ff;}
.invoice-select-title {font-size:16px;font-weight:600;color:#333;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee;}
.invoice-select-info {display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:14px;color:#666;}
.invoice-select-info > div {padding:4px 0;display:flex;align-items:center;}
.invoice-select-info strong {color:#333;font-weight:500;min-width:80px;margin-right:8px;}
.invoice-select-info.on{grid-template-columns:1fr 1fr;}
/**/
.certificate-preview {position:relative;text-align:center;}
.certificate-overlay-text {position:absolute;color:#333;pointer-events:none;z-index:10;}


.overlay-company-name {top:48%;left:50%;transform:translateX(-50%);font-size:1.4rem;font-weight:700;}
.overlay-approval-text {top:54%;left:50%;transform:translateX(-50%);font-size:1.4rem;font-weight:700;line-height:1.5;text-align:center;width:100%;}
.overlay-issue-text {top:51%;left:50%;transform:translateX(-50%);font-size:1.25rem;}
.overlay-date {bottom:20%;right:15%;font-size:0.875rem;}
.overlay-certificate-number {bottom:25%;left:15%;font-size:0.875rem;}

/* 自定义弹窗大小*/.certificate-modal .modal-dialog {max-width:62.5rem;width:62.5rem;}
.certificate-modal .modal-body {flex:1;display:flex;align-items:center;justify-content:center;}
.certificate-modal .certificate-preview img {max-width:100%;max-height:100%;object-fit:contain;}
/* 证书卡片中的浮动文字样式*/
.certificate-item .certificate-preview {position:relative;}
.certificate-item .certificate-overlay-text {position:absolute;color:#333;pointer-events:none;z-index:10;font-size:0.5rem;line-height:1.2;}
.certificate-item .overlay-company-name {top:48%;left:50%;transform:translateX(-50%);font-size:0.5rem;}
.certificate-item .overlay-approval-text {top:54%;left:50%;transform:translateX(-50%);font-size:0.5rem;text-align:center;width:90%;line-height:1.1;}
.certificate-item .overlay-issue-text {top:51%;left:50%;transform:translateX(-50%);font-size:0.5rem;}
.certificate-item .overlay-date {bottom:20%;right:20%;font-size:0.3125rem;}
.certificate-item .overlay-certificate-number {bottom:25%;left:20%;font-size:0.3125rem;}
.certificate-overlay-text h2{font-size:0.875rem;line-height:1.2;}
.certificate-overlay-text p{font-size:0.875rem;line-height:1.2;}
.no-image-placeholder{text-align: center;}

 /* 图片上传通用样式*/        .config-img-container {position:relative;}
 .config-img-upload-area {border:2px dashed #d1d3e2;border-radius:8px;cursor:pointer;transition:all 0.3s ease;background-color:#f8f9fc;position:relative;display:flex;align-items:center;justify-content:center;}
 .config-img-upload-area:hover {border-color:#4e73df;background-color:#f1f3ff;}
 .config-img-upload-area.drag-over {border-color:#4e73df;background-color:#f1f3ff;transform:scale(1.02);}
 /* Logo特定尺寸*/       
.config-img-upload-area.config-img-logo {width:200px;height:100px;}
 /* 二维码特定尺寸*/        
.config-img-upload-area.config-img-qrcode {width:100px;height:100px;}
.config-img-preview-container {width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;}
.config-img-preview {max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;display:block;}
.config-img-default-upload {width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#858796;font-size:12px;text-align:center;}
.config-img-default-upload i {font-size:24px;margin-bottom:4px;}
.config-img-upload-text {font-size:12px;color:#858796;}
.config-img-upload-progress {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(248,249,252,0.95);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;border:2px solid #4e73df;}
.config-img-progress-bar {width:80%;height:4px;background:#e3e6f0;border-radius:2px;overflow:hidden;margin-bottom:8px;}
.config-img-progress-fill {height:100%;background:linear-gradient(90deg,#4e73df,#224abe);transition:width 0.3s ease;border-radius:2px;}
.config-img-progress-text {font-size:12px;color:#4e73df;font-weight:500;}
.config-img-remove {position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#dc3545;color:white;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;}
.config-img-remove:hover {background:#c82333;}
.config-img-size-hint {font-size:11px;color:#6c757d;margin-top:4px;}
.config-img-upload-error {color:#dc3545;font-size:12px;margin-top:4px;display:none;}
.config-img-upload-success {color:#28a745;font-size:12px;margin-top:4px;display:none;}
.btn-loading {position:relative;pointer-events:none;}
.btn-loading .fa-spinner {animation:spin 1s linear infinite;}
 @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.dnn0 {width:100%;height:100vh;background-image:url(/static/images/dnn1-c673d049c74d36b5bf7e537550937ea3.gif);background-size:cover;background-position:center;background-repeat:no-repeat;}
.dnn00 {width:100%;height:100vh;background-image:url(/static/images/bg001-f12631109c06071ccfee6504c661ed22.png);background-size:cover;background-position:center;background-repeat:no-repeat;}
.dnn1{width:1100px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.dnn11{width:500px;height:500px;float: left;background: url(/static/images/dnn10-9dcc7c1a13091d7d718627b92ffaa376.png) no-repeat center center;background-size: cover;}
.dnn12{width:290px;height:500px;float: left;background: url(/static/images/dnn10-9dcc7c1a13091d7d718627b92ffaa376.png) no-repeat center center;background-size: cover;margin-left:10px;}
.dnn13{width:290px;height:500px;float: left;background: url(/static/images/dnn10-9dcc7c1a13091d7d718627b92ffaa376.png) no-repeat center center;background-size: cover;margin-left:10px;}
.dnn111{background-color: rgba(74,138,255,1);height:160px;text-align: center;}
.dnn111 img{margin-top:45px;}
.dnn112{height:90px;margin-top:2px;text-align: center;font-size:20px;color: #fff;}
.dnn112a{line-height: 90px;background-color: rgba(74,138,255,1);float: left;background: linear-gradient(180deg, rgba(74,138,255,1) 0%,rgba(49,104,236,1) 100%);width:249px;}
.dnn112b{line-height:90px;background-color: rgba(74,138,255,1);float: right;background: linear-gradient(180deg, rgba(74,138,255,1) 0%,rgba(49,104,236,1) 100%);width:249px;}
.dnn112 img{margin-right: 10px;}
.dnn112 a{text-decoration: none;color: #fff;}
.dnn113 {padding:20px;line-height:20px;color:rgba(255,255,255,1);font-size:15px;}
.dnn113 dl dd{margin:10px 0px 20px;padding-left:30px;color: #fff;}
.dnn113 dl dd:nth-child(1){background-image: url(/static/images/dnn5-1ed89fa5b28495a97796f82493449c49.png);background-repeat: no-repeat;background-position: left center;}
.dnn113 dl dd:nth-child(2){background-image: url(/static/images/dnn6-3995de270f2524390a70690a547ba688.png);background-repeat: no-repeat;background-position: left center;}
.dnn113 dl dd:nth-child(3){background-image: url(/static/images/dnn7-bbdd6dcfffc63285e9a640d39b2dc47f.png);background-repeat: no-repeat;background-position: left center;}
.dnn113 dl dd:nth-child(4){background-image: url(/static/images/dnn8-404d769b8c0f85ded33b6180c00f47b8.png);background-repeat: no-repeat;background-position: left center;}
.dnn113 dl dd:nth-child(5){background-image: url(/static/images/dnn9-afa51ef9bf7495cc80eeec0179ad2e30.png);background-repeat: no-repeat;background-position: left center;}
.dnn113 dl dd a{color:#fff;}

.dnn12{}
.dnn121{display: flex;flex-direction: column;align-items: center;justify-content: center;color:#fff;height:100%;font-size:24px;}
.dnn131{display: flex;flex-direction: column;align-items: center;justify-content: center;color:#fff;height:100%;font-size:24px;}   
.dnn12:hover .dnn121{display: none;}
.dnn12:hover .dnn122{display: flex;flex-direction: column;align-items: center;justify-content: center;color:#fff;height:100%;}
.dnn13:hover .dnn131{display: none;}

.dnn13:hover .dnn132{display: flex;flex-direction: column;align-items: center;justify-content: center;color:#fff;height:100%;}
.dnn122{display: none;background-color: rgba(74,138,255,1);}
.dnn132{display: none;background-color: rgba(74,138,255,1);}
.dnn122 p{ margin: 120px 0px 100px 0px;width:150px;height:150px;background-color: #fff;border-radius: 50%;}
.dnn132 p{ margin: 120px 0px 100px 0px;width:150px;height:150px;background-color: #fff;border-radius: 50%;}
.dnn122 p img{margin:25px;}
.dnn132 p img{margin:25px;}
.dnn121 h2{font-size:24px;}
.dnn131 h2{font-size:24px;}
.dnn122 h2{font-size:24px;}
.dnn132 h2{font-size:24px;}

.dnn07 {width:100%;height:100vh;background-image:url(/static/images/dnn1-c673d049c74d36b5bf7e537550937ea3.gif);background-size:cover;background-position:center;background-repeat:no-repeat;}
.dnn007 {width:100%;height:100vh;background-image:url(/static/images/bg001-f12631109c06071ccfee6504c661ed22.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;}
.dnn08 {flex-direction:column;/* 或者 row，取决于布局需求*/   background-image:url(/static/images/dnn1-c673d049c74d36b5bf7e537550937ea3.gif);background-size:cover;background-position:center;background-repeat:no-repeat;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;}
.dnn008 {display:flex;flex-direction:column;/* 或者 row，取决于布局需求*/   background-image:url(/static/images/bg001-f12631109c06071ccfee6504c661ed22.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%;overflow:auto;}


/* 响应式设计 - 不同分辨率下的文字大小 */
/* 1280-1599分辨率 - 当前默认大小 */
@media (min-width: 1280px) and (max-width: 1599px) {
    .certificate-item .certificate-overlay-text {font-size:0.5rem;}
    .certificate-item .overlay-company-name {font-size:0.5rem;}
    .certificate-item .overlay-approval-text {font-size:0.5rem;}
    .certificate-item .overlay-issue-text {font-size:0.5rem;}
    .certificate-item .overlay-date h2{font-size:0.3125rem;margin-bottom:0px;}
    .certificate-item .overlay-date p{font-size:0.3125rem;margin-bottom:0px;}
    .certificate-item .overlay-date,.certificate-item .overlay-certificate-number {font-size:0.3125rem;}
}

/* 1600px以上分辨率 - 增大文字 */
@media (min-width: 1600px) {
    .certificate-item .certificate-overlay-text {font-size:0.75rem;}
    .certificate-item .overlay-company-name {font-size:0.75rem;font-weight:bold;}
    .certificate-item .overlay-approval-text {font-size:0.75rem;font-weight:bold;}
    .certificate-item .overlay-issue-text {font-size:0.75rem;}
    .certificate-item .overlay-date h2{font-size:0.5rem;margin-bottom:0px;}
    .certificate-item  .certificate-overlay-text p{font-size:0.5rem;line-height:1.2;}
    .certificate-item .overlay-date,.certificate-item .overlay-certificate-number {font-size:0.5rem;}
}


/* 页面专用样式，避免与其他页面冲突*/.savewater-evaluation-page {background-color:#f8f9fa;min-height:100vh;}
.savewater-evaluation-page .chart-section {background:white;border-radius:8px;padding:20px;margin-bottom:30px;}
.savewater-evaluation-page .chart-title {font-size:16px;font-weight:600;color:#333;margin-bottom:20px;padding-left:8px;border-left:4px solid #1890ff;}
.savewater-evaluation-page .chart-container {height:300px;width:100%;}
.savewater-evaluation-page .stats-section {background:white;border-radius:8px;padding:20px;}
.savewater-evaluation-page .stats-title {font-size:16px;font-weight:600;color:#333;padding-left:8px;border-left:4px solid #1890ff;margin-bottom:0px;}
.savewater-evaluation-page .award-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-top:20px;}
.savewater-evaluation-page .award-item {text-align:center;}
.savewater-evaluation-page .award-badges {display:flex;justify-content:center;gap:30px;margin-bottom:15px;background:white;border-radius:8px;padding:20px;}
.savewater-evaluation-page .award-single {display:flex;flex-direction:column;align-items:center;gap:10px;}
.savewater-evaluation-page .award-label {font-size:12px;color:#666;font-weight:500;}
.savewater-evaluation-page .award-badge {width:80px;height:80px;border-radius:50%;overflow:hidden;}
.savewater-evaluation-page .award-badge img {width:100%;height:100%;object-fit:cover;}
.savewater-evaluation-page .award-year {font-size:14px;font-weight:600;color:#333;margin-top:10px;}
.savewater-evaluation-page .breadcrumb-container {margin-bottom:20px;}
 
/* 指标行布局*/        .indicator-row {display:flex;gap:16px;align-items:flex-start;}
/* 报告期值区域样式 - 虚线边框*/        .report-period-section {border:1px dashed #4E5969;border-radius:6px;padding:31px 16px;flex:1;}
/* 基期值区域样式*/        .base-period-section {border:1px dashed #4E5969;border-radius:6px;padding:16px;flex:1;}
/* 得分区域样式 - 虚线边框*/        .score-section {border:1px dashed #3168EC;border-radius:6px;padding:22px 16px;background-color:#f8fbff;width:160px;}
/* 得分标签样式*/        .score-label {text-align:center;font-size:14px;color:#3168EC;display:block;width:100%;}
/* 得分显示样式*/        .score-display {font-size:38px;font-weight:600;color:#3168EC;text-align:center;margin-top:8px;display:flex;align-items:center;justify-content:center;min-height:60px;}
/* 双输入框组布局*/        .dual-input-group {display:flex;gap:12px;align-items:flex-start;}
.dual-input-group .input-item {flex:1;}
.dual-input-group .input-item label {font-size:13px;margin-bottom:8px;}
/* 移除报告期值区域的输入框背景*/
.report-period-section .form-control-custom,.base-period-section .form-control-custom {background-color:#ffffff;border:1px solid #ddd;}

/* 标题和输入框同行布局 */
.title-input-row {
margin-bottom: 16px;
}
.title-input-row:last-child {
margin-bottom: 0;
}
.title-input-row::after {
content: "";
display: table;
clear: both;
}
.title-input-row .report-period-title {
float: left;
margin-bottom: 0;
width: 170px;
margin-top: 2rem;
font-size: 0.9rem;
font-weight: 400;
color: #333333;
margin-right: 16px;
line-height: 38px;
}
.title-input-row .report-period-title.on{margin-top: 0rem;}
.title-input-row .dual-input-group {

}


.report-period-title {
width: auto;
}

/* 企业排名样式*/.enterprise-ranking-container {max-height:600px;overflow-y:auto;}
.enterprise-rank-item {display:flex;align-items:center;padding:16px 16px;margin-bottom:12px;border:1px solid #e9ecef;border-radius:8px;transition:all 0.3s ease;background-color:white;}
.enterprise-rank-item:hover {background-color:#f8f9fa;border-color:#007bff;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.enterprise-rank-item.current-enterprise {background-color:transparent;border:none;border-bottom:1px solid #F2F2F2;}
.rank-number {width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:bold;margin-right:16px;flex-shrink:0;font-size:14px;}
.enterprise-content {flex:1;display:flex;justify-content:space-between;align-items:center;}
.company-name {font-size:16px;font-weight:500;color:#333;flex:1;}
.quality-index {font-size:14px;color:#007bff;font-weight:500;white-space:nowrap;}
.rank-gold {background:transparent;color:#333333;}
.rank-silver {background:linear-gradient(135deg,#c0c0c0,#e8e8e8);color:#6c757d;}
.rank-bronze {background:linear-gradient(135deg,#cd7f32,#daa520);color:#8b4513;}


/* 一级标签页样式*/         
.nav-tabs-primary {border-bottom:2px solid #dee2e6;}
.nav-tabs-primary .nav-link {font-size:16px;font-weight:600;padding:12px 24px;color:#495057;border:none;border-bottom:3px solid transparent;transition:all 0.3s ease;cursor:pointer;}
.nav-tabs-primary .nav-link:hover {color:#0d6efd;background-color:#f8f9fa;}
.nav-tabs-primary .nav-link.active {color:#0d6efd;background-color:transparent;}
/* 二级标签页容器*/        
.secondary-tabs-container {margin-top:10px;border-top:1px solid #eee;}
/* 二级标签页样式*/        
.nav-tabs-secondary {border-bottom:1px solid #e9ecef;background-color:#f8f9fa;padding:8px 16px;border-radius:0;margin-bottom:20px;border-top:none;}
.nav-tabs-secondary .nav-link {font-size:14px;padding:8px 16px;color:#6c757d;border:none;border-radius:4px;transition:all 0.2s ease;}
.nav-tabs-secondary .nav-link:hover {color:#0d6efd;border-bottom-color:#0d6efd;}
.nav-tabs-secondary .nav-link.active {color:#0d6efd;border-bottom-color:#0d6efd;background-color:transparent;}
 .nav-tabs-secondary .nav-link {font-size:14px;padding:8px 16px;color:#6c757d;border:none;border-radius:4px;transition:all 0.2s ease;}
.nav-tabs-secondary .nav-link:hover {color:#0d6efd;border-bottom-color:#0d6efd;}
.nav-tabs-secondary .nav-link.active {color:#0d6efd;border-bottom-color:#0d6efd;background-color:transparent;}
.mobile-preview .col-md-4{width: 100% !important;}

@media (max-width: 1100px) {
/* 顶部标题栏*/.forgot-header-top {background:rgba(255,255,255,0.9);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,0.15);padding:1rem 0;position:relative;z-index:20;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.forgot-header-top .container {display:flex;align-items:center;justify-content:space-between;max-width:100%;margin:0 auto;padding:0 20px;}
.forgot-header-top .logo-section {display:flex;align-items:center;}
.forgot-header-top .logo-section img {width:40px;height:40px;margin-right:12px;}
.forgot-header-top .logo-section h1 {font-size:14px;font-weight:600;margin:0;color:var(--primary-color);line-height:1.3;}
.forgot-header-top .header-actions .btn {border:1px solid var(--primary-color);}
}

.perm-tree-wrapper {padding:15px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;max-width:100%;overflow-x:auto;height: 600px;overflow-y: auto;}
.perm-tree-level1 {margin-bottom:10px;}
.perm-tree-level2 {margin-left:25px;border-left:2px solid #f0f0f0;padding-left:15px;margin-top:5px;}
.perm-tree-level3 {margin-left:25px;border-left:2px solid #f0f0f0;padding-left:15px;margin-top:5px;}
.perm-tree-group {margin-bottom:5px;}
.perm-tree-item {display:flex;align-items:center;padding:6px 0;position:relative;flex-wrap:wrap;}
.perm-tree-toggle {cursor:pointer;margin-right:6px;color:#666;font-size:10px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;user-select:none;flex-shrink:0;}
.perm-tree-toggle:hover {color:#333;}
.perm-tree-item input[type="checkbox"] {margin-right:8px;cursor:pointer;flex-shrink:0;}
.perm-tree-item label {margin:0;cursor:pointer;color:#666;font-size:14px;user-select:none;word-break:break-word;}
.perm-tree-wrapper {padding:15px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;max-width:100%;overflow-x:auto;}
.perm-tree-level1 {margin-bottom:10px;}
.perm-tree-level2 {margin-left:25px;border-left:2px solid #f0f0f0;padding-left:15px;margin-top:5px;}
.perm-tree-level3 {margin-left:25px;border-left:2px solid #f0f0f0;padding-left:15px;margin-top:5px;}
.perm-tree-group {margin-bottom:5px;}
.perm-tree-item {display:flex;align-items:center;padding:6px 0;position:relative;flex-wrap:wrap;}
.perm-tree-toggle {cursor:pointer;margin-right:6px;color:#666;font-size:10px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;user-select:none;flex-shrink:0;}
.perm-tree-toggle:hover {color:#333;}
.perm-tree-item input[type="checkbox"] {margin-right:8px;cursor:pointer;flex-shrink:0;}
.perm-tree-item label {margin:0;cursor:pointer;color:#666;font-size:14px;user-select:none;word-break:break-word;}
.perm-tree-item:hover {background-color:#f8f9fa;}

/*高度*/.overflow-height450{max-height:450px;overflow: auto;}
/* 查看页面输入框样式 - 去除边框和悬停效果*/.form-control[readonly],.form-control:disabled,.form-select:disabled {background-color:#eee !important;border:none !important;box-shadow:none !important;cursor:default !important;pointer-events:none;}
.form-control[readonly]:hover,.form-control[readonly]:focus,.form-control:disabled:hover,.form-control:disabled:focus,.form-select:disabled:hover,.form-select:disabled:focus {border:none !important;box-shadow:none !important;outline:none !important;}
.form_label_nt {justify-content:space-between;align-items:center;flex-wrap:wrap;}
.form_label_right {display:inline-block;margin-left:auto;white-space:nowrap;}
.form_label_right span {font-size:0.85em;font-weight:normal;}
/* 提示图标样式*/
.heat-tooltip,.utility-tooltip {cursor:help !important;font-size:14px !important;position:relative !important;display:inline-block !important;color:var(--primary-color) !important;font-weight:bold !important;border-radius:50% !important;width:16px !important;height:15px !important;text-align:center !important;line-height:12px !important;background:rgba(23,162,184,0.1) !important;vertical-align:middle !important;}
.heat-tooltip:hover,.utility-tooltip:hover {color:#0d6efd !important;background:rgba(13,110,253,0.1) !important;}
.utility-tooltip::after {content: attr(data-title);position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.9);color:white;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,0.2);opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;pointer-events:none;font-family:Arial,sans-serif;}
.utility-tooltip::before {content:'';position:absolute;bottom:115%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(0,0,0,0.9);opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;pointer-events:none;}
.utility-tooltip:hover::after,.utility-tooltip:hover::before {opacity:1;visibility:visible;}
/*.utility-tooltip.on::after,.utility-tooltip.on::before {display: none;}*/

.utility-tooltip.on::after {content: attr(data-title);width: 480px;max-width:480px;line-height: 1.5;position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.9);color:white;padding:8px 12px;border-radius:6px;font-size:14px;white-space:pre-wrap;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,0.2);opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;pointer-events:none;font-family:Arial,sans-serif;text-align: left;}
.utility-tooltip.on:hover::after {opacity:1;visibility:visible;}

/* 业务联系网格布局*/        .coop-business-contact-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;}
/* 联系卡片样式*/        .coop-contact-card {background:white;border-radius:6px;overflow:hidden;border:1px solid transparent;padding:1.5rem;transition:all 0.3s ease;}
.coop-contact-card:hover {border:1px solid rgba(47,120,219,1);box-shadow:0px 2px 6px 0px rgba(0,0,0,0.13);transform:translateY(-2px);}
.coop-contact-card .coop-card-header {background:transparent;margin-bottom:10px;}
.coop-contact-card .coop-card-title {margin:0;font-size:16px;font-weight:600;color:#333;}
.coop-contact-card .coop-contact-title {margin:0;font-size:24px;font-weight:600;color:#333;}
.coop-contact-prompt {margin:0 0 10px 0;font-size:16px;color:#666;}
.coop-contact-info {display:flex;align-items:flex-start;gap:15px;}
.coop-qr-code {flex-shrink:0;}
.coop-qr-placeholder {width:90px;height:90px;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:24px;}
.coop-contact-details {flex:1;}
.coop-contact-item {margin-bottom:8px;display:flex;align-items:center;}
.coop-contact-item:last-child {margin-bottom:0;}
.coop-contact-item .coop-label {font-size:16px;color:#333;min-width:60px;margin-right:8px;}
.coop-contact-item .coop-value {font-size:16px;color:#333;font-weight:500;}
.coop-contact-content {font-size:16px;color:#333;line-height:1.6;}
.coop-contact-content p {margin-bottom:8px;}
.coop-contact-content p:last-child {margin-bottom:0;}
.form-control4{background-color: #fff !important;border:0px solid #ddd !important;box-shadow:none !important;cursor:default !important;pointer-events:none !important;color:#c10;margin-left: 20px !important;}

.access-denied-card {border-radius:20px;padding:50px 40px;max-width:600px;width:100%;text-align:center;margin:auto;}
.access-icon {font-size:60px;color:#ff9933;margin-bottom:30px;}
.access-title {font-size:28px;font-weight:600;color:#333;margin-bottom:25px;letter-spacing:1px;}
.access-message {background:#fff;border-radius:8px;}
.access-text {font-size:18px;line-height:1.8;color:#555;}
.access-footer {font-size:14px;color:#999;padding-top:20px;border-top:1px solid #e9ecef;}
.access-footer i {color:#ff9933;margin-right:8px;}



.form-control.inputa{max-width: 200px;margin: 0 auto;color: var(--bs-body-color);}

.btn.btn-info.btn-custom:active{color:#FFFFFF !important;}

/* 期刊系统按钮*/        .journal-system-buttons {display:flex;justify-content:center;gap:2rem;padding:2.5rem 0 0px;flex-wrap:wrap;}
.system-btn {display:flex;align-items:center;gap:0.5rem;padding:0.875rem 1.75rem;background:linear-gradient(135deg,#3168EC 0%,#4A90E2 100%);color:white;border-radius:8px;text-decoration:none;font-size:1rem;font-weight:600;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(49,104,236,0.3);}
.system-btn:hover {background:linear-gradient(135deg,#2557d6 0%,#3168EC 100%);transform:translateY(-3px);box-shadow:0 6px 20px rgba(49,104,236,0.4);color:white;}
.system-btn i {font-size:1.2rem;}
/* 期刊项样式*/        .xhkw-issue-item.clickable {cursor:pointer;}
.xhkw-issue-item.non-clickable {cursor:not-allowed;}
.xhkw-issue-item.clickable:hover {transform:translateY(-5px);}
.xhkw-issue-item.non-clickable:hover {transform:none;}
/* 期刊 Swiper 容器*/        .xhkw-magazine-issues {position:relative;max-width:1280px;margin:0 auto;}
.xhkw-issues-grid {display:grid;grid-template-columns:repeat(6,1fr);gap:2rem;}
.xhkw-issue-item {text-align:center;cursor:pointer;transition:transform 0.3s ease;}
.xhkw-issue-item:hover {transform:translateY(-8px);}
.xhkw-issue-item img {width:100%;height:auto;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s ease;margin-bottom:0.75rem;}
.xhkw-issue-item:hover img {box-shadow:0 8px 24px rgba(0,0,0,0.2);}
.xhkw-issue-info {font-size:0.875rem;color:#333;font-weight:500;margin:0;line-height:1.4;}
/* 优化的导航箭头样式*/        .xhkw-issues-prev,.xhkw-issues-next {width:50px;height:50px;background:white;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,0.15);color:#3168EC;transition:all 0.3s ease;z-index:10;}
.xhkw-issues-prev:hover,.xhkw-issues-next:hover {background:#3168EC;color:white;box-shadow:0 6px 16px rgba(49,104,236,0.4);transform:scale(1.1);}
.xhkw-issues-prev::after,.xhkw-issues-next::after {font-size:20px;font-weight:bold;}
/* 禁用状态*/        .xhkw-issues-prev.swiper-button-disabled,.xhkw-issues-next.swiper-button-disabled {opacity:0.35;cursor:not-allowed;pointer-events:none;}
.xhkw-issues-prev.swiper-button-disabled:hover,.xhkw-issues-next.swiper-button-disabled:hover {background:white;color:#3168EC;box-shadow:0 4px 12px rgba(0,0,0,0.15);transform:scale(1);}
/* 期刊分类标题*/        .about-work-header {margin-bottom:2rem;}
.about-work-title {font-size:1.75rem;font-weight:bold;color:#333;text-align:center;margin-bottom:1rem;}
/* 刊物区块间距*/        .xhkw-magazine-section {margin-bottom:4rem;}
/* 主公司行样式（一级）*/        .main-company-row {background-color:#e3f2fd;font-weight:bold;}
.main-company-row:hover {background-color:#bbdefb;}
.main-company-cell {text-align:left;padding-left:8px !important;font-weight:bold;font-size:14px;}
.main-company-cell.on {text-align:left !important;}
/* 子公司行样式（二级）*/        .subsidiary-row {background-color:#f5f5f5;}
.subsidiary-row:hover {background-color:#eeeeee;}
.subsidiary-cell {text-align:left;padding-left:30px !important;font-weight:600;font-size:13px;}
.subsidiary-name {padding-left:30px !important;font-weight:600;font-size:13px;}

 /* 卡片容器*/        .eval-stats-container {overflow:hidden;margin-top:1rem;margin-left:-10px;margin-right:-10px;}
/* 自定义每行5个卡片的列宽 - 使用 float*/        .eval-stats-col-5 {float:left;width:20%;padding:0 10px;box-sizing:border-box;}
/* 确保卡片内容不会溢出*/        .eval-stats-card {margin-bottom:20px;border:0px;}
.eval-stats-card .card-body {min-height:100px;padding:20px;}
.eval-stats-label {font-size:14px;white-space:normal;word-wrap:break-word;}
.eval-stats-value {font-size:24px;font-weight:bold;}


.breadcainer .score-section{display: none;}

/* Swiper 响应式调整 */
@media (max-width: 768px) {
    .xhkw-issues-prev,.xhkw-issues-next {width:40px;height:40px;}
    .xhkw-issues-prev::after,.xhkw-issues-next::after {font-size:16px;}
    .journal-system-buttons {gap:1rem;}
    .system-btn {padding:0.75rem 1.25rem;font-size:0.9rem;}
    .system-btn i {font-size:1rem;}
    .about-work-title {font-size:1.5rem;}

}

 /* 无权限图表容器样式*/        
 .no-permission-chart {position:relative;width:100%;height:500px;overflow:hidden;margin-top:20px;border-radius:0.5rem;}
 .no-permission-chart img {width:100%;height:100%;object-fit:contain;}
 .no-permission-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.85);display:flex;align-items:center;justify-content:center;}
 .no-permission-content {text-align:center;color:#374151;}
 .no-permission-content .lock-icon {font-size:54px;margin-bottom:24px;opacity:0.7;color:#6B7280;}
 .no-permission-content .title {font-size:24px;font-weight:600;margin-bottom:12px;color:#1F2937;}
 .no-permission-content .description {font-size:16px;opacity:0.75;color:#4B5563;}