/* 范承泽微现场复刻版 —— 后台补充样式 */
.zc-brand { font-size: 20px; font-weight: 700; color: #4886ff; }
.zc-brand i { font-size: 22px; }
.d-flex-between { display: flex; align-items: center; justify-content: space-between; }
.zam-flex-column-center { display: flex; flex-direction: column; align-items: center; }
.m-t-15 { margin-top: 15px; } .m-t-10 { margin-top: 10px; } .m-t-5 { margin-top: 5px; }
.m-t-20 { margin-top: 20px; } .m-r-5 { margin-right: 5px; } .m-l-10 { margin-left: 10px; }
.pull-right { float: right; }

/* 登录页 */
.login-body { background: #202b3a; min-height: 100vh; margin: 0; }
.login-wrapper { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.login-box { width: 400px; background: #fff; border-radius: 12px; padding: 40px 36px; box-shadow: 0 20px 60px rgba(0,0,0,.35); }
.login-brand { font-size: 26px; font-weight: 700; color: #4886ff; text-align: center; }
.login-brand i { font-size: 28px; }
.login-brand img { height: 64px; width: auto; display: inline-block; }
.login-sub { text-align: center; color: #9aa4b2; margin: 8px 0 24px; font-size: 13px; }
.login-nav { text-align: center; margin-bottom: 20px; }
.login-nav span { font-size: 16px; color: #4886ff; border-bottom: 2px solid #4886ff; padding-bottom: 6px; }
.login-box .form-control { height: 46px; margin-bottom: 16px; border-radius: 8px; }
.login-btn { width: 100%; height: 46px; background: #4886ff; color: #fff; border: 0; border-radius: 8px; font-size: 16px; cursor: pointer; }
.login-btn:hover { background: #3576ee; }
.login-tips { color: #f5222d; font-size: 13px; min-height: 20px; margin-top: 10px; text-align: center; }
.login-foot { text-align: center; color: #b8c0cc; font-size: 12px; margin-top: 22px; }

/* 活动列表 */
.zam-activitylist-navbox ul { display: flex; gap: 24px; border-bottom: 1px solid #eef1f6; margin: 0; padding: 0; list-style: none; }
.zam-activitylist-navbox li { padding: 12px 4px; cursor: pointer; color: #606a7a; border-bottom: 2px solid transparent; }
.zam-activitylist-navbox li.active { color: #4886ff; border-bottom-color: #4886ff; font-weight: 600; }
.zam-activitylist-navbox-recycle { margin-left: auto; }
.zam-searchbox { display: flex; gap: 10px; margin: 18px 0; }
.zam-searchbox .form-control { max-width: 200px; }
.zam-activitylist-itembox-ul { list-style: none; margin: 0; padding: 0; }
.zam-activitylist-item { border: 1px solid #eef1f6; border-radius: 10px; padding: 18px 20px; margin-bottom: 14px; transition: .2s; }
.zam-activitylist-item:hover { box-shadow: 0 6px 20px rgba(72,134,255,.12); border-color: #cfe0ff; }
.zam-activitylist-head { display: flex; align-items: center; gap: 10px; }
.zam-activitylist-title { font-size: 17px; font-weight: 600; color: #2b3545; }
.zam-activitylist-info { display: flex; flex-wrap: wrap; gap: 18px; color: #7a8494; font-size: 13px; margin: 10px 0 14px; }
.zam-activitylist-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.zam-activitylist-none { text-align: center; color: #98a2b3; padding: 60px 0; }
.hdlist-pager { display: flex; gap: 6px; justify-content: center; margin-top: 16px; list-style: none; padding: 0; }
.hdlist-pager li a { display: inline-block; padding: 5px 11px; border: 1px solid #e3e8ef; border-radius: 6px; color: #606a7a; }
.hdlist-pager li.active a { background: #4886ff; color: #fff; border-color: #4886ff; }

/* 模块网格 */
.zam-modules-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; margin-top: 16px; }
.zam-module-card { border: 1px solid #eef1f6; border-radius: 10px; padding: 18px 12px; text-align: center; transition: .2s; }
.zam-module-card:hover { box-shadow: 0 6px 18px rgba(72,134,255,.15); border-color: #cfe0ff; }
.zam-module-icon i { font-size: 34px; color: #4886ff; }
.zam-module-name { margin: 10px 0; font-weight: 600; color: #2b3545; }
.zam-module-actions { display: flex; flex-direction: column; gap: 6px; }

/* 数据统计 */
.zam-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.zam-stat { background: #f7f9fc; border-radius: 10px; padding: 20px; text-align: center; }
.zam-stat .num { font-size: 30px; font-weight: 700; }
.zam-stat .lbl { color: #7a8494; margin-top: 6px; }
.avatarImg { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #eef1f6; }

/* 开关：使用 style2.min.css 的原站 lyear-switch 样式，此处不再自定义（避免双圆点冲突） */

/* 模态框 */
.zam-modal { display: none; position: fixed; inset: 0; background: rgba(20,26,36,.45); z-index: 2000; align-items: center; justify-content: center; }
.zam-modal.show { display: flex; }
.zam-modal-box { width: 460px; background: #fff; border-radius: 12px; overflow: hidden; }
.zam-modal-head { padding: 16px 20px; border-bottom: 1px solid #eef1f6; font-weight: 600; display: flex; justify-content: space-between; }
.zam-modal-close { cursor: pointer; color: #9aa4b2; }
.zam-modal-body { padding: 20px; }
.zam-modal-foot { padding: 14px 20px; border-top: 1px solid #eef1f6; text-align: right; }

/* 二维码 */
.qr-cell { display: flex; flex-direction: column; align-items: center; gap: 6px; max-width: 200px; }
.qrcode-img { width: 120px; height: 120px; border: 1px solid #eef1f6; border-radius: 8px; }
.qr-link { font-size: 11px; color: #98a2b3; word-break: break-all; text-align: center; }

/* 个人信息 */
.dropdown-menu-right li a { display: block; padding: 8px 16px; color: #606a7a; }
.dropdown-menu-right li a:hover { background: #f7f9fc; color: #4886ff; }

/* 左侧「活动设置 / 活动数据」子菜单栏
 * 原站给 .lyear-layout-sub-column 写了行内 style="overflow: hidden;"，子菜单项（活动首页 +
 * 所有活动下的 18 个模块 + H5文章）总高约 1030px，超过视口高度（.lyear-layout-mini-sidebar 100%）
 * 时余下几项被直接裁掉、也没有滚动条，下面几个模块点不到。
 * 这里用 !important 覆盖行内声明改成可滚动 —— 内容不超出时外观与原站完全一致，超出时才出现细滚动条。 */
.lyear-layout-sub-column { overflow-y: auto !important; }
.lyear-layout-sub-column::-webkit-scrollbar { width: 6px; }
.lyear-layout-sub-column::-webkit-scrollbar-track { background: transparent; }
.lyear-layout-sub-column::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .18); border-radius: 3px; }
.lyear-layout-sub-column::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, .32); }