/* ============================================================
 *  会议冻结弹窗（Figma Group 1 / 1:112）
 *  设计稿 1084 宽 -> 显示 345 宽，缩放 0.3183，数值按此换算
 *  强制显示：无关闭控件、不响应点遮罩、z-index 高于全站所有弹窗
 * ============================================================ */
a { text-decoration: none; color: inherit; }

/* body 在冻结时锁滚动（由 main.js 加 class） */
body.fz-lockscroll { overflow: hidden !important; }

.fz-mask {
    position: fixed; inset: 0; z-index: 9000;            /* 高于站内所有弹窗（最高原为 900） */
    display: flex; align-items: flex-start; justify-content: center;
    padding: 12px; overflow-y: auto; -webkit-overflow-scrolling: touch;
    background: rgba(6, 14, 32, .82);
}
.fz-box {
    width: 345px; max-width: 100%; padding: 14px 14px 16px; box-sizing: border-box;
    border-radius: 16px; background: #fff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .5);
    font-family: "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;
}

/* 海报（990×490 -> 317×157） */
.fz-poster { display: block; width: 100%; height: auto; border-radius: 8px; }

/* 标题（设计稿 51px -> 16.2；铃铛 54×61 -> 17×19） */
.fz-head { display: flex; align-items: center; gap: 9px; margin-top: 13px; }
.fz-bell { display: block; width: 17px; height: 19px; flex-shrink: 0; }
.fz-title { font-size: 16.5px; font-weight: 600; color: #3c3c3c; letter-spacing: .2px; }
/* 红色说明（35px -> 11.1，提到 13 保证可读） */
.fz-desc { margin: 8px 0 0; font-size: 13px; line-height: 21px; color: #ff1a1a; }

/* 参会等同于签到（设计稿 903×132 卡，边框 #f1b446，米黄渐变） */
.fz-eq {
    position: relative; display: flex; align-items: center; gap: 9px;
    margin-top: 11px; padding: 9px 10px; border-radius: 11px;
    border: 1.5px solid #f1b446;
    background: linear-gradient(90deg, #fff8e7 0%, #fffdf8 50%, #fff4d8 100%);
    box-shadow: inset 0 0 8px rgba(255, 222, 125, .33);
}
.fz-eq-orn { flex-shrink: 0; font-size: 24px; line-height: 1; color: #efc36b;
    transform: rotate(-20deg); }
.fz-eq-ic { display: block; width: 29px; height: 29px; flex-shrink: 0; }
.fz-eq-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.fz-eq-txt b { font-size: 15px; font-weight: 600; color: #d70618; white-space: nowrap; }
.fz-eq-txt i { font-style: normal; font-size: 11px; color: #222; }

/* 三行会议信息（复用与预约弹窗同源的图标） */
.fz-rows { margin-top: 10px; }
.fz-row { display: flex; align-items: flex-start; gap: 8px; padding: 4px 0; }
.fz-ic { display: block; width: 13px; height: 14px; margin-top: 3px; flex-shrink: 0; }
.fz-k { flex-shrink: 0; font-size: 12.5px; line-height: 19px; color: #868686; }
.fz-v { flex: 1; min-width: 0; font-size: 12.5px; line-height: 19px; color: #626262; }
.fz-v.is-red { color: #ff1a1a; }

/* 锁提示（设计稿 903×50，居中） */
.fz-lock { margin-top: 8px; text-align: center; font-size: 12.5px; color: #555; }

/* 倒计时卡（设计稿 903×182，深蓝 + 金边 + 金字） */
.fz-cd {
    margin-top: 8px; padding: 8px 0 7px; border-radius: 12px;
    border: 1.5px solid #ffc84b;
    background: linear-gradient(180deg, #123a7a 0%, #0a2455 100%);
    box-shadow: 0 3px 8px rgba(0, 20, 70, .3);
}
.fz-cd-h { text-align: center; font-size: 13px; color: #fff1b3; letter-spacing: .5px; }
.fz-cd-nums { display: flex; align-items: flex-start; justify-content: center; gap: 4px;
    margin-top: 6px; }
.fz-cd-cell { display: flex; flex-direction: column; align-items: center; width: 48px; }
.fz-cd-cell b {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 34px; border-radius: 6px; box-sizing: border-box;
    background: #05183a; border: 1px solid #efcf70;
    font-family: "Liberation Sans", Arial, sans-serif; font-size: 20px; font-weight: 700;
    color: #fff5ca; box-shadow: 0 2px 4px rgba(0, 0, 0, .28);
}
.fz-cd-cell i { margin-top: 3px; font-style: normal; font-size: 11px; color: #ffe9b0; }
.fz-cd-sep { padding-top: 5px; font-size: 18px; font-weight: 700; color: #ffe27c; }
.fz-cd-f { margin-top: 5px; text-align: center; font-size: 10.5px; color: #ffe9b0; }

/* 温馨提示（设计稿 903×45，#fffaf0 底 + #e4b449 边） */
.fz-tip {
    display: flex; align-items: baseline; gap: 4px; flex-wrap: wrap;
    margin-top: 9px; padding: 6px 9px; border-radius: 12px;
    background: #fffaf0; border: 1px solid #e4b449;
    font-size: 11px; line-height: 16px; color: #4a4a4a;
}
.fz-tip-i { color: #555; }
.fz-tip b { font-weight: 600; color: #e0181f; }

/* 金标（设计稿 330×46，居中，压在按钮上方） */
.fz-badge {
    display: flex; align-items: center; justify-content: center;
    width: 165px; height: 23px; margin: 12px auto -8px; position: relative; z-index: 2;
    border-radius: 12px; box-sizing: border-box;
    background: linear-gradient(180deg, #fff6d8, #ffe3a0); border: 1px solid #e8b95a;
    font-size: 11px; font-weight: 600; color: #8a4a06; white-space: nowrap;
    box-shadow: 0 2px 5px rgba(120, 60, 0, .18);
}
/* 参会按钮（设计稿 903×116，红渐变 + 金边 + 双层阴影；48px 字 -> 17） */
.fz-go {
    display: flex; align-items: center; justify-content: center; gap: 7px;
    width: 100%; height: 48px; margin-top: 0; box-sizing: border-box;
    border: 2px solid #ffd26d; border-radius: 24px; cursor: pointer;
    background: linear-gradient(180deg, #ff4843 0%, #d30017 80%);
    font-family: inherit; font-size: 17px; font-weight: 600; color: #fff; white-space: nowrap;
    text-shadow: 0 2px 0 #891019;
    box-shadow: 0 4px 10px rgba(211, 0, 23, .27), 0 0 8px #ffcc65;
    -webkit-tap-highlight-color: transparent;
}
.fz-go span { font-size: 19px; line-height: 1; }
.fz-go:active { filter: brightness(.96); }
.fz-go[disabled] { opacity: .8; cursor: default; }

/* ============================================================
 *  会议回放弹窗（Figma Group 2 / 1:113）—— 仅首页，可关闭
 *  复用上面的 .fz-rows / .fz-row / .fz-ic / .fz-k / .fz-v
 * ============================================================ */
.rp-mask { align-items: center; }
.rp-box {
    position: relative; width: 345px; max-width: 100%; padding: 14px 14px 16px;
    box-sizing: border-box; border-radius: 16px; background: #fff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .45);
    font-family: "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;
}
.rp-poster { display: block; width: 100%; height: auto; border-radius: 8px; }
.rp-head { display: flex; align-items: center; gap: 9px; margin-top: 13px; }
.rp-bell { display: block; width: 17px; height: 19px; flex-shrink: 0; }
.rp-title { font-size: 16px; font-weight: 600; color: #3c3c3c; letter-spacing: .2px; }
.rp-desc { margin: 8px 0 0; font-size: 13px; line-height: 21px; color: #ff1a1a; }
/* 底部按钮（设计稿 449×104 / 36px 字 -> 44 高 / 15px） */
.rp-btns { display: flex; gap: 12px; margin-top: 14px; padding-top: 14px; border-top: 1px solid #f1f1f1; }
.rp-btn { flex: 1; display: flex; align-items: center; justify-content: center;
    height: 44px; border-radius: 22px; box-sizing: border-box; cursor: pointer;
    font-size: 15px; font-weight: 500; white-space: nowrap; }
.rp-later { color: #686868; background: #f1f1f1; }
.rp-go { color: #fff; background: #c52324; border: 1px solid #b13233;
    box-shadow: 0 6px 12px rgba(197, 35, 36, .24); }
.rp-btn:active { opacity: .9; }
/* 右上角关闭（Figma 导出图标，位于卡片外上角） */
.rp-x { position: absolute; top: -44px; right: -4px; width: 34px; height: 34px;
    padding: 0; border: 0; background: none; cursor: pointer; }
.rp-x img { display: block; width: 34px; height: 34px; }
.rp-x:active { opacity: .75; }