/* 内容页弹窗外壳，按 Kimpo 产品 KDialog（packages/ui-kit/src/dialog/KDialog.vue）口径统一：
 * 圆角 8、阴影 0 12px 40px rgb(0 0 0 / .16)、遮罩 rgb(0 0 0 / .4) 无模糊、遮罩点击不关闭（maskClosable: false）；
 * 标题栏 12/24 内边距 + 下描边、标题 20/28/500；窗口控制 24×24 / 16 图标 / 次要色；底栏 12/24 + 上描边。
 * 只管外壳与关闭控件，弹窗内部业务排版仍由各页样式负责。AI 对话窗与蓝图窗走 website-dialog.css。 */
:is(#plugin-dialog,#plugin-phone-dialog,#resource-dialog,.site-video-player){
 border:0!important;border-radius:8px!important;box-shadow:0 12px 40px rgb(0 0 0 / .16)!important;background:#fff;color:#1f1f1f;
 font-family:Roboto,'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif
}
:is(#plugin-dialog,#plugin-phone-dialog,#resource-dialog,.site-video-player)::backdrop{background:rgb(0 0 0 / .4)!important;backdrop-filter:none!important}
/* 关闭控件（KDialog 窗口控制按钮）：× 字符按钮改成同一枚 16px 描边叉。 */
:is(.plugin-dialog-close,.plugin-phone-close,#resource-dialog #close-reader,.kd-close){
 position:absolute;top:14px;right:24px;z-index:2;display:inline-flex!important;align-items:center;justify-content:center;
 width:24px!important;height:24px!important;min-height:24px;padding:0!important;border:0!important;border-radius:4px!important;
 background:transparent!important;color:#666!important;font-size:0!important;line-height:1;cursor:pointer;transition:background-color .2s,color .2s
}
:is(.plugin-dialog-close,.plugin-phone-close,.kd-close)::before{
 content:'';width:16px;height:16px;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M3.5 3.5l9 9M12.5 3.5l-9 9'/%3E%3C/svg%3E") center/16px no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M3.5 3.5l9 9M12.5 3.5l-9 9'/%3E%3C/svg%3E") center/16px no-repeat
}
#resource-dialog #close-reader svg{width:16px;height:16px}
:is(.plugin-dialog-close,.plugin-phone-close,#resource-dialog #close-reader,.kd-close):hover{background:#f0f2f5!important;color:#1f1f1f!important}
:is(.plugin-dialog-close,.plugin-phone-close,#resource-dialog #close-reader,.kd-close):focus-visible{outline:2px solid rgb(8 119 244 / .6)!important;outline-offset:1px!important}

/* 插件详情：标准档内容区 16/24，首行给关闭控件留出标题栏高度。 */
#plugin-dialog{padding:16px 24px 20px!important}
#plugin-dialog .plugin-detail-heading{margin-top:0;padding-right:40px}
#plugin-dialog #plugin-dialog-title{font-size:20px;line-height:28px;font-weight:500;color:#1f1f1f}
/* 电话咨询：紧凑档（确认类）宽 420、标题 16/24。 */
#plugin-phone-dialog{max-width:420px!important;padding:40px 20px 20px!important}
#plugin-phone-dialog h2{font-size:16px!important;line-height:24px;font-weight:500!important;color:#1f1f1f}
/* 资料阅读：顶栏即 KDialog 标题栏，底栏即 KDialog 底栏。 */
#resource-dialog .reader-top{padding:12px 24px;min-height:53px;box-sizing:border-box;border-bottom:1px solid #ebeef5;font-size:20px;line-height:28px;font-weight:500;color:#1f1f1f}
#resource-dialog #close-reader{position:static}
#resource-dialog .reader-foot{padding:12px 24px;border-top:1px solid #ebeef5;background:#fff;color:#999;font-size:12px}
/* 课程播放：标准档标题栏 + 内容区。 */
.site-video-player{padding:0!important}
.site-video-player .kd-head{position:relative;display:flex;align-items:center;min-height:53px;padding:12px 64px 12px 24px;box-sizing:border-box;border-bottom:1px solid #ebeef5}
.site-video-player .kd-title{margin:0;font-size:20px;line-height:28px;font-weight:500;color:#1f1f1f}
.site-video-player video{margin:16px 24px 24px;width:calc(100% - 48px)!important;border-radius:4px}
@media(max-width:600px){.site-video-player video{margin:12px 16px 16px;width:calc(100% - 32px)!important}.site-video-player .kd-head{padding-left:16px}}
@media(prefers-reduced-motion:reduce){:is(.plugin-dialog-close,.plugin-phone-close,#resource-dialog #close-reader,.kd-close){transition:none}}