/* KPOP 分享/海报弹窗组件 — 独立命名空间 .kps- （浅灰白工业风） */
.kps-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:10002;display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(2px)}
.kps-overlay.kps-open{display:flex}
.kps-modal{position:relative;width:100%;max-width:520px;max-height:90vh;background:#fff;border:1px solid #E5E6EB;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.18)}
.kps-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid #E5E6EB;flex-shrink:0}
.kps-title{font-size:1.05rem;font-weight:700;color:#1D2129;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.kps-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:1px solid #E5E6EB;color:#4E5969;font-size:1.3rem;cursor:pointer;flex-shrink:0}
.kps-close:hover{color:#1677FF;border-color:#1677FF}
.kps-tabs{display:flex;gap:0;border-bottom:1px solid #E5E6EB;flex-shrink:0}
.kps-tab{flex:1;height:46px;background:transparent;border:none;color:#86909C;font-size:.9rem;cursor:pointer;position:relative}
.kps-tab.kps-active{color:#1677FF}
.kps-tab.kps-active::after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:#1677FF}
.kps-body{flex:1;overflow:auto;padding:18px;min-height:180px}
.kps-section{display:none}
.kps-section.kps-active{display:block}
.kps-row{margin-bottom:14px}
.kps-label{display:block;color:#86909C;font-size:.78rem;margin-bottom:8px}
.kps-url{display:flex;align-items:center;gap:10px;background:#F7F8FA;border:1px solid #E5E6EB;border-radius:10px;padding:10px 12px}
.kps-url input{flex:1;background:transparent;border:none;color:#1D2129;font-size:.85rem;outline:none;min-width:0}
.kps-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:60px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;padding:0 18px;white-space:nowrap;min-width:110px}
.kps-btn-primary{background:linear-gradient(135deg,#1677FF,#0958D9);color:#FFFFFF}
.kps-btn-secondary{background:transparent;color:#1D2129;border:1px solid #E5E6EB}
.kps-btn-sm{height:36px;font-size:.82rem;padding:0 14px}
.kps-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.kps-poster{margin-top:14px;text-align:center;background:#F7F8FA;border:1px solid #E5E6EB;border-radius:12px;padding:12px}
.kps-poster img{max-width:100%;max-height:480px;border-radius:8px}
.kps-empty{display:flex;align-items:center;justify-content:center;height:160px;color:#86909C;font-size:.85rem;flex-direction:column;gap:10px}
.kps-spin{width:22px;height:22px;border:2px solid #E5E6EB;border-top-color:#1677FF;border-radius:50%;animation:kps-spin 1s linear infinite}
.kps-hint{font-size:.78rem;color:#86909C;margin-top:8px;line-height:1.5}
.kps-badge{display:inline-block;background:rgba(22,119,255,.1);color:#1677FF;border:1px solid rgba(22,119,255,.3);border-radius:6px;font-size:.72rem;padding:2px 8px;margin-left:8px}
@keyframes kps-spin{to{transform:rotate(360deg)}}
/* 移动端「长按保存到相册」引导：触屏/窄屏显示，PC 隐藏（PC 用下方下载按钮） */
.kps-save-hint{display:none;align-items:center;justify-content:center;gap:7px;margin-top:10px;padding:9px 12px;font-size:.82rem;line-height:1.45;color:#1677FF;background:#E8F3FF;border:1px dashed rgba(22,119,255,.45);border-radius:10px;text-align:center}
.kps-save-hint svg{flex-shrink:0}
@media(max-width:540px){.kps-modal{max-height:92vh}.kps-title{font-size:.95rem}.kps-tab{font-size:.85rem}.kps-body{padding:14px}}
@media(max-width:420px){.kps-btn{min-width:96px;font-size:.84rem;height:40px}.kps-url input{font-size:.8rem}}
/* 移动端（窄屏）显示长按保存引导；PC 隐藏，改用下方下载按钮 */
@media(max-width:768px){
  .kps-save-hint{display:flex}
}
/* 仅「窄屏 + 纯触屏」隐藏下载按钮（微信内置浏览器里 download 不可靠，改长按保存）；
   窄屏但有鼠标指针时仍保留下载按钮，避免能力丢失 */
@media(max-width:768px) and (hover:none){
  .kps-poster .kps-download{display:none}
}

/* 操作台「我的项目」分享按钮（附在草稿列表项） */
.kds-drafts__acts{display:flex;align-items:center;gap:6px;margin-left:6px}
.kds-drafts__share{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid rgba(22,119,255,.3);background:#E8F3FF;color:#1677FF;font-size:14px;cursor:pointer;flex-shrink:0}
.kds-drafts__share:hover{background:#1677FF;color:#FFFFFF}
@media(max-width:768px){.kds-drafts__share,.kds-drafts__del{width:44px;height:44px;font-size:16px}}