/* static/v2.0/css/push.css */
/* 推送弹框样式统一管理 */

/* 弹框主体容器 */
#push-modal-root .tsrc-push-dialog .tsrc-push-wrapper {
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 8px;
    padding: 0;
    box-shadow: 0 8px 30px rgba(27, 43, 70, 0.12);
    overflow: hidden;
    border: 2px solid transparent;
    position: relative;
}

/* 顶部蓝色装饰条 */
#push-modal-root .tsrc-push-top {
    background: linear-gradient(90deg, #0393ff, #0066ff);
    height: 8px;
    width: 100%;
    display: block;
}

/* 内容区域 */
#push-modal-root .tsrc-push-body {
    color: #222;
    font-family: "Noto Sans SC", "PingFang SC", "Helvetica Neue", Arial;
    font-size: 14px;
    line-height: 1.6;
}

/* 标题行（emoji + 标题） */
#push-modal-root .tsrc-push-title-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

#push-modal-root .tsrc-push-title-row .tsrc-emoji {
    font-size: 18px;
    line-height: 1;
}

#push-modal-root .tsrc-push-title {
    font-weight: 700;
    font-size: 16px;
    color: #0b1726;
}

/* 描述段落和蓝色链接 */
#push-modal-root .tsrc-push-desc {
    color: #000;
}

#push-modal-root .tsrc-push-desc a,
#push-modal-root .tsrc-link {
    color: #0b78ff;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
}

/* 底部区域（按钮） */
#push-modal-root .tsrc-push-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    background: transparent;
    align-items: center;
}

/* 忽略按钮样式 */
#push-modal-root .tsrc-btn-ignore {
    background: #f2f4f7;
    color: #98a0ab;
    border: 1px solid #e6e9ef;
    cursor: pointer;
    min-width: 96px;
    height: 36px;
    border-radius: 6px;
}

/* 主要授权按钮 */
#push-modal-root .tsrc-btn-auth {
    min-width: 96px;
    height: 36px;
    border-radius: 6px;
}

/* 复选框 */
#push-modal-root .input-checkbox {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* 右上角关闭图标 */
#push-modal-root .tsrc-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(11, 23, 38, 0.04);
    cursor: pointer;
    z-index: 30;
}

#push-modal-root .tsrc-close:hover {
    background: rgba(11, 23, 38, 0.08);
}

/* 弹框内容宽度控制 */
#push-modal-root .tsrc-dialog-inner {
    max-width: 680px;
    width: 680px;
}

/* 忽略标签样式 */
#push-modal-root .tsrc-ignore-label {
    font-size: 13px;
    color: #666;
    display: flex;
    align-items: center;
    gap: 8px;
}