d: transparent !important; /* 关键修改：移除卡片内容区白色背景 */ position: relative; z-index: 2; /* 确保内容在背景上方 */ } /* 调整头像位置，适配长条背景 */ .user-info-container .d-flex.justify-content-center { justify-content: center !important; margin-top: 50px !important; /* 修改9：调整头像位置 */ position: relative; /* 提高层级 */ z-index: 2; /* 确保头像在背景上方 */ } .user-info-container .avatar-5 { width: 70px; height: 70px; border: 3px solid #e0e0e0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); margin: 0 auto !important; position: relative; /* 确保层级 */ z-index: 3; /* 最高层级 */ background: transparent !important; /* 关键修改：移除头像本身的白色背景 */ } /* 名称和按钮容器 - 文字颜色统一 */ .name-info { margin: 0 !important; padding: 15px 0 !important; /* 修改10：调整内边距 */ text-align: center !important; width: 100% !important; color: #333 !important; /* 统一文字色（深灰） */ position: relative; /* 确保层级 */ z-index: 2; /* 在背景上方 */ } /* 新增：用户名称七彩炫光动态样式 - 移除虚影 */ .name-info .h4.font-weight-bold { background: linear-gradient(90deg, #ff0000, #ff9900, #33cc33, #3399ff, #9933ff, #ff33cc, #ff0000); background-size: 600% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: rainbowGlow 1s linear infinite; text-shadow: none !important; /* 修改11：移除昵称炫彩虚影 */ } /* 七彩渐变动画 */ @keyframes rainbowGlow { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } /* PC端用户名也应用七彩样式 - 移除虚影 */ .widget-user-header .font-weight-bold { background: linear-gradient(90deg, #ff0000, #ff9900, #33cc33, #3399ff, #9933ff, #ff33cc, #ff0000); background-size: 600% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: rainbowGlow 1s linear infinite; text-shadow: none !important; /* 修改12：移除PC端昵称虚影 */ } /* 修改13：UID按钮改为黄色 */ .name-info .badge.jb-blue, .widget-user-header .badge.jb-blue { background: #ffc107 !important; /* 黄色背景 */ color: #000 !important; /* 黑色文字，提高对比度 */ border-color: #ffc107 !important; } .name-info .badge { background: #e0e0e0; color: #666 !important; /* 统一徽章文字色 */ border: 1px solid #ddd; padding: 5px 10px; margin: 0 auto !important; display: inline-block; position: relative; z-index: 2; } /* 未登录状态 - 头像背景统一透明 */ .user-info-container .avatar-5.border { background: transparent !important; /* 关键修改：未登录头像背景改为透明 */ border-color: #e0e0e0 !important; margin: 0 auto !important; color: #666 !important; } /* 登录注册按钮容器 - 统一间距+颜色（保留原有样式，不缩短） */ .name-info .d-flex.gap-2 { display: flex !important; gap: 15px !important; justify-content: center !important; align-items: center !important; width: 100% !important; margin: 10px 0 0 0 !important; } .user-info-container .btn-primary { background: #0ea5e9 !important; border-color: #0ea5e9 !important; box-shadow: 0 4px 10px rgba(14, 165, 233, 0.1); padding: 8px 20px !important; /* 登录按钮保留原长度 */ border-radius: 6px !important; font-size: 14px !important; color: #fff !important; /* 按钮文字白色 */ } .user-info-container .btn-outline-primary { border-color: #0ea5e9 !important; color: #0ea5e9 !important; /* 描边按钮文字蓝色 */ padding: 8px 20px !important; /* 注册按钮保留原长度 */ border-radius: 6px !important; font-size: 14px !important; } .user-info-container .btn-outline-primary:hover { background: rgba(14, 165, 233, 0.1) !important; color: #0ea5e9 !important; } /* 导航菜单容器 - 统一浅灰背景+文字 */ .main-nav-container { padding: 15px 0 !important; border-bottom: 1px solid #e0e0e0; width: 100% !important; background: #f5f7fa !important; /* 浅灰色背景 */ max-height: calc(100vh - 220px); /* 修改14：限制菜单高度 */ overflow: hidden !important; /* 修改15：菜单容器禁止滑动 */ /* 新增：彻底禁用滚动 */ overflow-y: hidden !important; overflow-x: hidden !important; touch-action: none !important; } .menu-list { list-style: none; padding: 0 !important; margin: 0 !important; width: 100% !important; } .menu-list li { border-bottom: 1px solid #e0e0e0; width: 100% !important; background: #f5f7fa !important; } /* 修改：移动端侧边栏菜单按钮加长 - 接近挤满两侧但不太过 */ .menu-list li a { display: block; padding: 12px 20px !important; /* 恢复原内边距，加长按钮 */ color: #000 !important; /* 统一改为黑色 */ text-decoration: none; transition: all 0.3s ease; cursor: pointer; width: 100% !important; /* 改为100%宽度，填满容器 */ margin: 0 !important; /* 取消居中，填满宽度 */ max-width: none !important; /* 取消最大宽度限制 */ text-align: left !important; /* 强制左对齐 */ } .menu-list li a:hover { background: #e9e9e9; color: #000 !important; /* hover后还是黑色 */ padding-left: 22px !important; /* hover时左侧内边距轻微增加 */ } .menu-list li a i { margin-right: 12px !important; /* 图标与文字间距适中 */ color: #000 !important; /* 图标统一黑色 */ } /* 板块信息容器 - 统一浅灰背景+文字 + 禁止滑动 */ .forum-info-container { padding: 15px 20px !important; width: 100% !important; margin: 0 !important; margin-bottom: 0 !important; /* 修改16：取消底部边距 */ background: #f5f7fa !important; /* 浅灰色背景 */ max-height: calc(100vh - 320px); /* 修改17：限制板块容器高度 */ overflow: hidden !important; /* 修改18：板块容器禁止滑动 */ /* 新增：彻底禁用滚动 */ overflow-y: hidden !important; overflow-x: hidden !important; touch-action: none !important; } .forum-item { display: flex; align-items: center; padding: 12px 15px !important; margin-bottom: 8px !important; background: #fff !important; /* 板块项背景白色，与浅灰形成分层 */ border-radius: 8px; border: 1px solid #e0e0e0; color: #333 !important; /* 板块文字统一深灰 */ text-decoration: none; transition: all 0.3s ease; cursor: pointer; width: 100% !important; } .forum-item:hover { background: #f0f0f0; border-color: #ddd; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); color: #333 !important; } .forum-logo { margin-right: 15px; } .forum-icon { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #e0e0e0; } .forum-name { font-size: 15px; font-weight: 500; color: inherit !important; /* 继承父级文字色 */ } /* 汉堡菜单按钮样式 - 确保可点击 + 提升层级 */ .mobile-menu-toggle { cursor: pointer; padding: 10px; z-index: 99999999 !important; /* 大幅提升层级，避免被覆盖 */ display: flex; flex-direction: column; justify-content: center; position: relative; /* 确保z-index生效 */ } .hamburger-line { display: block; width: 22px; height: 2px; background-color: #333; margin: 4px 0; transition: all 0.3s ease; } /* 移动端导航栏 - 修复高度 */ #mobile_nav { height: 60px; align-items: center; padding: 0 15px; background: #fff !important; /* 顶部导航栏背景统一白色 */ position: relative; /* 作为子元素层级参考 */ } /* 滚动锁定样式 */ body.overflow-hidden { overflow: hidden !important; touch-action: none !important; } /* ========== 按钮长度调整：除登录/注册外，其他按钮缩短 ========== */ /* 弹窗内"永不显示"按钮缩短 */ .tech-modal .btn-never { padding: 8px 15px !important; /* 缩短内边距 */ font-size: 14px !important; min-width: 80px !important; /* 固定最小宽度，避免过短 */ } /* 弹窗内"同意"按钮缩短（非登录注册类） */ .tech-modal .btn-danger { padding: 8px 15px !important; font-size: 14px !important; min-width: 80px !important; } /* 移动端底部导航栏发帖按钮缩短 */ .bottom-nav .btn-primary.jb-blue { background: #667eea!important; padding: 5px 10px !important; /* 缩短内边距 */ font-size: 12px !important; min-width: 60px !important; height: 35px !important; line-height: 1 !important; } /* PC端用户下拉菜单内按钮缩短 */ .dropdown-menu-items .dropdown-item { padding: 5px 10px !important; font-size: 12px !important; } /* 分类弹窗内按钮统一缩短 */ #forum .nav-link { padding: 8px 10px !important; } /* 返回顶部按钮缩短 */ #js-go_top { width: 40px !important; height: 40px !important; font-size: 18px !important; line-height: 40px !important; } /* 移动端搜索按钮缩短 */ .mobile-right-btn .btn-link { padding: 5px 8px !important; } /* ========== 经验值进度条样式（仿卡片风格） ========== */ .exp-container { display: flex; flex-direction: column; align-items: stretch; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 10px 14px; margin-top: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.04); width: 90%; max-width: 300px; margin-left: auto; margin-right: auto; } .exp-container::before { display: none; } /* 用户组标签 */ .exp-group-label { font-size: 13px; font-weight: 600; color: #1f2937; margin-bottom: 10px; } /* 进度条外壳 */ .exp-progress-wrapper { display: flex; align-items: center; gap: 10px; width: 100%; } .exp-progress-bar { flex: 1; height: 14px; background: #e5e7eb; border-radius: 7px; overflow: hidden; position: relative; } .exp-progress-fill { height: 100%; background: linear-gradient(90deg, #60a5fa, #3b82f6); border-radius: 7px; transition: width 0.6s ease; min-width: 2px; } .exp-progress-text { font-size: 13px; font-weight: 700; color: #3b82f6; white-space: nowrap; min-width: 38px; text-align: right; } /* 统计行 */ .exp-stats-row { display: flex; justify-content: space-between; margin-top: 12px; gap: 6px; } .exp-stat-item { flex: 1; background: #f9fafb; border: 1px solid #f0f0f0; border-radius: 8px; padding: 8px 4px; text-align: center; } .exp-stat-icon { font-size: 13px; color: #6b7280; display: block; margin-bottom: 2px; } .exp-stat-value { font-size: 14px; font-weight: 700; color: #1f2937; display: block; } /* 移动端经验值适配 */ @media (max-width: 768px) { .exp-container { padding: 8px 12px; width: 88%; } .exp-group-label { font-size: 11px; margin-bottom: 6px; } .exp-progress-bar { height: 10px; } .exp-progress-text { font-size: 11px; } .exp-stats-row { margin-top: 8px; gap: 4px; } .exp-stat-item { padding: 5px 2px; } .exp-stat-icon { font-size: 10px; } .exp-stat-value { font-size: 11px; } } /* 新增：左滑关闭侧边栏时，禁止事件冒泡影响其他元素 */ .mobile-sidebar { touch-action: pan-x !important; } /* ========== 美化弹窗全局样式覆盖 ========== */ .beautiful-msg-layer { background: transparent !important; box-shadow: none !important; border: none !important; } .beautiful-msg-layer .layui-layer-content { padding: 0 !important; background: transparent !important; } /* .layui-layer-dialog { border-radius: 12px !important; box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important; border: none !important; overflow: hidden !important; } .layui-layer-dialog .layui-layer-title { background: #fff !important; border-bottom: 1px solid #f0f0f0 !important; font-size: 16px !important; font-weight: 600 !important; padding: 16px 20px !important; color: #1f2937 !important; border-radius: 12px 12px 0 0 !important; } .layui-layer-dialog .layui-layer-content { padding: 20px 24px !important; font-size: 14px !important; color: #FFFFFF !important; line-height: 1.6 !important; } .layui-layer-dialog .layui-layer-btn { padding: 12px 20px 16px !important; border-top: 1px solid #f0f0f0 !important; text-align: right !important; } .layui-layer-dialog .layui-layer-btn a { border-radius: 8px !important; padding: 8px 20px !important; font-size: 14px !important; font-weight: 500 !important; transition: all 0.2s ease !important; border: none !important; } .layui-layer-dialog .layui-layer-btn .layui-layer-btn0 { background: #4080ff !important; color: #fff !important; } .layui-layer-dialog .layui-layer-btn .layui-layer-btn0:hover { background: #3370e8 !important; } .layui-layer-dialog .layui-layer-btn .layui-layer-btn1 { background: #f5f5f5 !important; color: #666 !important; } .layui-layer-dialog .layui-layer-btn .layui-layer-btn1:hover { background: #e8e8e8 !important; } */ /* ========== 核心修改：弹窗多图轮播样式 - 放大图片（关键调整）+ 防挤压 ========== */ .carousel-container { position: relative; width: 100% !important; /* 占满弹窗宽度，无空白 */ height: 220px !important; /* 固定高度，不挤压 */ margin: 0 auto; border-radius: 8px; overflow: hidden; flex-shrink: 0; /* 轮播图不收缩，固定尺寸 */ } .carousel-img-list { width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; position: relative; } .carousel-img-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease; z-index: 1; } .carousel-img-item.active { opacity: 1; z-index: 2; } .carousel-img-item a { display: block; width: 100%; heig