/* ============================================================
 *  9月26日会议 · 全站冻结 / 回放
 *    · .m3l-*  全站冻结弹窗（Figma「弹窗-1」1:2，369×715）—— 强制，不可关
 *    · .m3r-*  回放弹窗（Figma「Group 1」1:111）—— 可关，每次登录弹一次
 *    · .hm-replay-*  首页回放海报按钮（Figma「Group 2」1:214）
 *  组件：includes/meet3_live_popup.php / includes/meet3_replay_popup.php
 * ============================================================ */

a { text-decoration: none; color: inherit; }

/* ============================================================
 *  一、全站冻结弹窗（Figma 弹窗-1）
 *  设计稿 369 宽；本站弹窗统一 345 宽（与 .ck3-box 一致），
 *  故横向按 345/369 = 0.9350 折算，字号与圆角保留设计值。
 *  块位（设计稿 y/高）：Header 0/144 · 内容 144 起 · 底部按钮 636/79
 *    时间条 159/71 · 小标题 253/26 · 奖励 287/90 · 预备说明 385/138 · 倒计时 531/111
 * ============================================================ */
.m3l-mask {
    position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1200; display: block;
    background: rgba(14, 7, 27, .62); overflow-y: auto; -webkit-overflow-scrolling: touch;
    padding: 12px 0; text-align: center; font-size: 0;
}
.m3l-mask::before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.m3l-box {
    position: relative; display: inline-block; width: 345px; max-width: 100%;
    text-align: left; vertical-align: middle; font-size: 14px;
    background: #fffcf8; border-radius: 25px; overflow: hidden;
    box-shadow: 0 25px 80px rgba(14, 7, 27, .56);
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}

/* 顶部（1:63）：与签到 Dialog 同一套渐变 */
.m3l-hd {
    position: relative; min-height: 135px; padding: 21px 21px 25px; overflow: hidden;
    background:
        radial-gradient(ellipse 34.9px 35.6px at 327.8px 16.5px, rgba(253, 189, 100, .5) 0%, rgba(253, 189, 100, 0) 37%),
        linear-gradient(127.43deg, #7b2c37 0%, #a23636 48%, #ca5934 100%);
}
/* 右上角同心圆描边（1:64/1:65） */
.m3l-ring {
    position: absolute; right: -70px; top: -117px; width: 212px; height: 212px; border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 21px rgba(255, 255, 255, .04), 0 0 0 44px rgba(255, 255, 255, .04);
    pointer-events: none;
}
.m3l-chip {
    position: relative; display: inline-flex; align-items: center; padding: 6px 9px 7px; border-radius: 99px;
    background: rgba(255, 241, 216, .14); border: 1px solid rgba(255, 228, 175, .5);
    font-size: 10.8px; color: #ffe4a8; letter-spacing: .7px; white-space: nowrap;
}
/* 小圆点带呼吸效果 —— 强调「进行中」（设计稿为静态，此处仅作状态提示） */
.m3l-chip i {
    width: 6px; height: 6px; margin-right: 6px; border-radius: 3px; background: #ffcf73;
    box-shadow: 0 0 0 3px rgba(255, 207, 115, .22);
    animation: m3lPulse 1.6s ease-in-out infinite;
}
@keyframes m3lPulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
.m3l-h1 { position: relative; margin-top: 11px; font-size: 26px; line-height: 29.9px; font-weight: 500; color: #fff; letter-spacing: .4px; }
.m3l-h2 { position: relative; margin-top: 6px; font-size: 12px; line-height: 18px; font-weight: 500; color: #ffe8db; }

/* 内容区（1:3） */
.m3l-body { padding: 14px 16px 0; }

/* 会议已开始（1:4） */
.m3l-time {
    display: flex; align-items: center; padding: 11px 12px; border-radius: 15px;
    background: #fff5e9; border: 1px solid #f6e5d4;
}
.m3l-time-ic {
    flex: none; width: 34px; height: 34px; margin-right: 10px; border-radius: 11px;
    background: linear-gradient(180deg, #fff 0%, #ffe5c7 100%);
    font-size: 19px; line-height: 34px; color: #a34a2a; text-align: center;
}
.m3l-time-tx { flex: 1; min-width: 0; }
.m3l-time-tx .k { font-size: 11px; font-weight: 500; color: #936d64; }
.m3l-time-tx .v {
    margin-top: 4px; font: bold 17px/1.15 "Liberation Sans", Arial, sans-serif;
    color: #5f2d2d; letter-spacing: .1px; white-space: nowrap;
}
.m3l-time-tag {
    flex: none; margin-left: 8px; padding: 4px 5px 5px; border: 1px solid #e8b99e; border-radius: 6px;
    font-size: 10px; color: #a75333; white-space: nowrap;
}

/* 小标题（1:13） */
.m3l-h3 { display: flex; align-items: center; margin-top: 12px; font-size: 13px; font-weight: 500; color: #542f35; }
.m3l-h3 i { width: 3px; height: 13px; margin-right: 7px; border-radius: 3px; background: #d66c46; }

/* 两张奖励卡（1:17 / 1:22） */
.m3l-awards { display: flex; margin-top: 8px; }
.m3l-award {
    flex: 1; min-width: 0; min-height: 76px; padding: 10px 9px 12px; border-radius: 14px;
    background: #fff1eb; border: 1px solid #f3d5c9;
}
.m3l-award + .m3l-award { margin-left: 9px; }
.m3l-award.is-pts { background: linear-gradient(134deg, #fff4df 0%, #ffe8c0 100%); border-color: #f5dcae; }
.m3l-award .ic { display: block; font-size: 17px; line-height: 17px; color: #2e2734; }
.m3l-award b { display: block; margin-top: 7px; font-size: 13px; font-weight: 500; color: #803a2b; }
.m3l-award.is-pts b { font-family: "Liberation Sans", Arial, sans-serif; font-weight: 700; }
.m3l-award small { display: block; margin-top: 6px; font-size: 10px; font-weight: 500; color: #98736c; }

/* 预备特批人员说明（1:27） */
.m3l-tip { margin-top: 8px; padding: 14px 11px 9px; border-radius: 15px; background: #fff; border: 1px solid #f1e3d8; }
.m3l-tip-h { margin: 0; font-size: 12px; line-height: 17.4px; font-weight: 500; color: #783b35; }
.m3l-tip-h em { font-style: normal; font: bold 16px/1 "Liberation Sans", Arial, sans-serif; color: #d15a32; }
.m3l-tip-grid { display: flex; margin-top: 8px; }
.m3l-tip-grid span {
    flex: 1; min-width: 0; padding: 7px 3px; border-radius: 9px; background: #fff3e7;
    font-size: 11px; line-height: 13.75px; font-weight: 500; color: #78483a; text-align: center;
}
.m3l-tip-grid span + span { margin-left: 5px; }
.m3l-tip-f { margin: 8px 0 0; font-size: 12px; line-height: 14px; font-weight: 500; color: #ff3600; }

/* 限制解除倒计时（1:41） */
.m3l-cd {
    margin-top: 8px; padding: 13px 9px 11px; border-radius: 16px;
    background: linear-gradient(108.16deg, #352338 0%, #4f2b3a 100%);
}
/* 标题（1:62）：设计 16px/字距 2px，按 345/369 折算并再收一点字距，
   使整行正好落在 345 宽弹窗内不被裁切（实测 1.8px 会超出 1px）。 */
.m3l-cd-k { font-size: 15px; line-height: 22px; font-weight: 500; color: #fff1b3; letter-spacing: 1.6px; text-align: center; white-space: nowrap; }
.m3l-cd-v { display: flex; align-items: center; justify-content: center; margin-top: 3px; }
.m3l-cd-v .n {
    width: 47px; padding: 5px 0 6px; border-radius: 9px; text-align: center;
    background: rgba(255, 255, 255, .09); border: 1px solid rgba(255, 255, 255, .11);
    font: bold 23px/1.15 "Liberation Sans", Arial, sans-serif; color: #fff; letter-spacing: 1px;
}
.m3l-cd-v i { width: 17px; font-style: normal; font-size: 19px; color: #efbd92; text-align: center; }
/* 单位行：与上面三格中心对齐（47 + 17 = 64px 一档） */
.m3l-cd-u { display: flex; justify-content: center; margin-top: 3px; }
.m3l-cd-u span { width: 47px; font-size: 9px; color: #d8bbc2; text-align: center; }
.m3l-cd-u span + span { margin-left: 17px; }

/* 底部按钮（1:74 / 1:75）：整行一个，无关闭控件 */
.m3l-foot { display: flex; padding: 13px 16px 14px; }
.m3l-go {
    flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
    height: 52px; border-radius: 13px; cursor: pointer; text-align: center; white-space: nowrap;
    background: rgba(255, 0, 0, .7); color: #fff; -webkit-tap-highlight-color: transparent;
}
.m3l-go b { font-size: 16px; font-weight: 500; }
.m3l-go small { margin-top: 2px; font-size: 13px; font-weight: 500; color: #0700c4; }
.m3l-go:active { opacity: .88; }
.m3l-go.is-done { background: rgba(160, 120, 118, .7); }
.m3l-go.is-done small { color: #fff0ea; }
.m3l-go.is-busy { opacity: .7; pointer-events: none; }

/* ============================================================
 *  二、回放弹窗（Figma Group 1）
 *  与 .ap3p-* 同构，配色与文案按本场设计稿。
 * ============================================================ */
.m3r-mask { align-items: center; }
.m3r-box {
    position: relative; width: 340px; max-width: 100%; padding: 12px 14px 16px;
    box-sizing: border-box; border-radius: 18px; background: #fff;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
}
.m3r-poster { line-height: 0; border-radius: 8px; overflow: hidden; }
.m3r-poster > img { display: block; width: 100%; height: auto; }

/* 标题（1:98，铃铛为 Figma 导出素材） */
.m3r-head { display: flex; align-items: center; gap: 9px; margin-top: 14px; }
.m3r-bell { display: block; width: 17px; height: 19px; flex-shrink: 0; object-fit: contain; }
.m3r-title { font-size: 16.5px; font-weight: 600; color: #3c3c3c; letter-spacing: .2px; }

/* 红色说明（1:97） */
.m3r-desc { margin: 9px 0 0; font-size: 13px; line-height: 22px; color: #ff0000; }

/* 三行会议信息（1:82） */
.m3r-rows { margin-top: 12px; }
.m3r-row { display: flex; align-items: flex-start; gap: 8px; padding: 5px 0; }
.m3r-ic { display: block; width: 13px; height: 14px; margin-top: 3px; flex-shrink: 0; object-fit: contain; }
.m3r-k { flex-shrink: 0; font-size: 13px; line-height: 20px; color: #868686; }
.m3r-v { flex: 1; min-width: 0; font-size: 13px; line-height: 20px; color: #626262; }
.m3r-v.is-red { color: #ff0000; }
/* 会议内容第二行（1:84 蓝色加粗） */
.m3r-sub { display: block; margin-top: 2px; font-size: 13px; line-height: 20px; font-weight: 600; color: #3700ff; }

/* 奖励提示条：说明没赶上直播的人看回放同样发奖 */
.m3r-award {
    display: flex; align-items: flex-start; gap: 8px; margin-top: 12px; padding: 10px 11px; border-radius: 10px;
    background: linear-gradient(134deg, #fff6e3 0%, #ffecc6 100%); border: 1px solid #f3dcab;
}
.m3r-award-i { flex: none; font-size: 14px; line-height: 20px; color: #d9862a; }
.m3r-award-t { flex: 1; min-width: 0; font-size: 12.5px; line-height: 20px; color: #7b5320; }
.m3r-award-t b { font-weight: 700; color: #c3400f; }

/* 底部按钮（1:103 / 1:106） */
.m3r-btns { display: flex; gap: 12px; margin-top: 14px; padding-top: 14px; border-top: 1px solid #f1f1f1; }
.m3r-btn {
    flex: 1; display: flex; align-items: center; justify-content: center;
    height: 44px; border-radius: 22px; cursor: pointer; font-size: 15px; font-weight: 500;
    -webkit-tap-highlight-color: transparent;
}
.m3r-close { color: #686868; background: #f1f1f1; }
.m3r-go {
    color: #fff; background: #c52324; border: 1px solid #b13233; box-sizing: border-box;
    box-shadow: 0 6px 12px rgba(197, 35, 36, .24);
}
.m3r-btn:active { opacity: .9; }
.m3r-go.is-busy { opacity: .7; pointer-events: none; }

/* 右上角关闭（1:109） */
.m3r-x {
    position: absolute; top: -16px; right: -16px; width: 34px; height: 34px;
    padding: 0; border: 0; background: none; cursor: pointer; z-index: 2;
}
.m3r-x img { display: block; width: 34px; height: 34px; }
.m3r-x:active { opacity: .75; }

/* ---------------- 参会签到结果提示（includes/meet3_result_popup.php）----------------
   它用 sys_popup() 渲染，但 40 个带冻结弹窗的页面里有 25 个没引 sys_popup.css
   （那些页面本来就没有系统弹窗）。与其逐页补 CSS，不如把它需要的那几条样式
   自带在这里 —— 本文件这 40 页都引了。已引 sys_popup.css 的页面也不会冲突：
   两边规则一致，且这里的 z-index 更高（要压过 z-index 1200 的冻结弹窗）。 */
#m3ResMask {
    position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1300; display: none;
    align-items: center; justify-content: center; padding: 18px 16px; overflow-y: auto;
    background: rgba(8, 18, 38, .62);
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}
#m3ResMask.show { display: flex; }
#m3ResMask .sys-box { position: relative; width: 330px; max-width: 100%; }
#m3ResMask .sys-card {
    padding: 20px 20px 17px; border-radius: 16px; background: #fff;
    box-shadow: 0 18px 40px rgba(8, 18, 38, .28);
}
#m3ResMask .sys-h { font-size: 17px; font-weight: 600; color: #0a2c7d; text-align: center; }
#m3ResMask .sys-b { margin-top: 12px; font-size: 14px; line-height: 24px; color: #3a465e; text-align: center; }
#m3ResMask .sys-btns { display: flex; gap: 12px; margin-top: 16px; }
#m3ResMask .sys-btn {
    flex: 1; min-width: 0; min-height: 44px; padding: 5px 10px; box-sizing: border-box;
    border-radius: 22px; display: flex; align-items: center; justify-content: center; text-align: center;
    font-size: 16px; line-height: 1.25; cursor: pointer; text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
#m3ResMask .sys-btn:active { opacity: .92; }
#m3ResMask .sys-btn-close { background: #f1f1f1; color: #4a5670; }
#m3ResMask .sys-btn-go {
    background: linear-gradient(180deg, #ec1930 0%, #df0a20 100%); color: #fff;
    box-shadow: 0 8px 10px rgba(218, 10, 31, .22);
}

/* ============================================================
 *  三、首页回放海报（Figma Group 2 · 1:214，377×190）
 *  海报整体不可点；只在蓝条「前往查看会议回放」上叠真实按钮。
 *  比例按素材内蓝条实测像素标定（x 35~716 / y 292~361 of 754×380）。
 * ============================================================ */
.hm-replay { position: relative; display: block; line-height: 0; }
.hm-replay > img { display: block; width: 100%; height: auto; border-radius: 8px; }
.hm-replay-go {
    position: absolute; left: 4.64%; width: 90.45%; top: 76.84%; height: 18.42%;
    padding: 0; border: 0; background: none; cursor: pointer; border-radius: 8px;
    -webkit-tap-highlight-color: transparent;
}
.hm-replay-go:active { background: rgba(255, 255, 255, .16); }
.hm-replay-go.is-busy { pointer-events: none; }