/* 拉新网盘资源插件（三三云33y.cn）——仅立即下载出码模式 */
.wpan-block{
  margin:20px 0 0;padding:15px;
  border:1px solid var(--line,#e6eef0);border-radius:14px;background:transparent;box-shadow:none;
}
.wpan-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.wpan-head i{font-size:18px;color:var(--accent,#246384)}
.wpan-head strong{font-size:15px;font-weight:750}
.wpan-head span{margin-left:auto;font-size:12px;color:var(--muted,#6b7785)}
.wpan-list{display:flex;flex-direction:column;gap:10px}
.wpan-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 15px 14px;
  border-radius:14px;
  background:var(--chip,#f4f7f8);
  border:0;
}
.wpan-item-icon{
  width: 50px;
  height: 50px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid var(--line,#e6eef0);
  flex:0 0 auto;
  font-size:20px;
  color:#246384;
  overflow:hidden;
}
.wpan-item-icon img{width:100%;height:100%;object-fit:cover}
.wpan-item-main{min-width:0;flex:1}
.wpan-item-main strong{display:block;font-size: 16px;font-weight: 600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wpan-item-main span,.wpan-item-hint{display:block;margin-top: 5px;font-size:12px;color:var(--muted,#6b7785);line-height:1.45}
.wpan-item-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}

/* ===== 扫码下载弹窗（立即下载出码） ===== */
.wpan-modal-overlay{
  display:none;
  align-items:center;
  justify-content:center;
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.wpan-modal{
  position:relative;
  width:92vw;
  max-width:380px;
  padding:26px 24px 22px;
  box-sizing:border-box;
  background:var(--bg,#fff);
  border:1px solid var(--line,#e6eef0);
  border-radius:18px;
  text-align:center;
  box-shadow:0 24px 64px rgba(20,20,40,.22);
  animation:wpanModalIn .28s cubic-bezier(.2,.8,.2,1);
}
@keyframes wpanModalIn{
  from{opacity:0;transform:translateY(18px) scale(.97)}
  to{opacity:1;transform:none}
}
.wpan-modal-close{
  position:absolute;
  top:12px;
  right:12px;
  width:30px;
  height:30px;
  border:none;
  border-radius:50%;
  background:var(--chip,#f3f4f6);
  color:var(--muted,#9aa0aa);
  font-size:18px;
  line-height:1;
  cursor:pointer;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
}
.wpan-modal-close:hover{color:inherit;background:var(--line,#e8e8e8)}
.wpan-modal-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:15px;
  font-weight:700;
  margin:0 0 16px;
  padding-right:24px;
  min-height:24px;
}
.wpan-modal-title .wpan-modal-ico,
.wpan-modal-title i{
  width:22px;
  height:22px;
  object-fit:contain;
  font-size:22px;
  flex-shrink:0;
  color:var(--accent,#246384);
}
.wpan-modal-title > span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wpan-modal-qr-card{
  width:196px;
  height:196px;
  margin:0 auto 14px;
  padding:12px;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #eef0f4;
  border-radius:18px;
  box-shadow:0 8px 22px rgba(20,20,40,.06);
}
.wpan-modal-qr{width:100%;height:100%;overflow:hidden}
.wpan-modal-qr svg,
.wpan-modal-qr img{display:block;width:100%;height:100%}
.wpan-modal-tip{margin:0 0 14px;font-size:14px;line-height:1.6;font-weight:700;color:#e02424}
.wpan-modal-tip strong{color:#d20f0f;font-weight:700}
.wpan-modal-creds{display:flex;gap:10px;margin-bottom:14px}
.wpan-modal-cred{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 12px;
  background:var(--chip,#f8f9fb);
  border:1px solid var(--line,#eef0f4);
  border-radius:12px;
  cursor:pointer;
  transition:all .2s ease;
}
.wpan-modal-cred:hover{border-color:#dfe3ea;background:var(--chip,#f1f3f7)}
.wpan-modal-cred-label{font-size:11px;color:var(--muted,#6b7280)}
.wpan-modal-cred-val{font-size:15px;font-weight:700;color:inherit}
.wpan-modal-cred-copy{font-size:12px;color:var(--accent,#246384);flex-shrink:0}
.wpan-modal-cred.copied{
  background:#d4edda !important;
  color:#155724 !important;
  border-color:#c3e6cb !important;
}
@media (max-width:420px){
  .wpan-modal-qr-card{width:180px;height:180px}
}
@media (prefers-color-scheme:dark){
  .wpan-modal{background:var(--bg,#1f2428)}
  .wpan-modal-qr-card{background:#fff}
}

/* ===== 发帖/后台编辑器 ===== */
.wpan-editor{
  margin:0;
  background:transparent;
  padding: 16px;
  border: 1px solid var(--line, var(--lyear-field-border, #e6eef0));
  border-radius: 14px;
}
.wpan-editor.is-admin{
  margin:0 0 16px;padding:16px;
  border:1px solid var(--lyear-field-border, #e5e7eb);
  border-radius:8px;
  background:var(--lyear-field-bg, transparent);
}
.wpan-editor.is-admin .wpan-editor-title{color:inherit}
.wpan-editor.is-admin .wpan-editor-title i{color:inherit;opacity:.85}
.wpan-editor.is-admin .wpan-editor-tip{color:var(--lyear-muted, #6b7785)}
.wpan-editor.is-admin input,
.wpan-editor.is-admin select,
.wpan-editor.is-admin textarea,
.wpan-editor.is-admin .wpan-paste,
.wpan-editor.is-admin .form-control{
  border:1px solid var(--lyear-field-border, #d0d7de) !important;
  background:var(--lyear-field-bg, #fff) !important;
  color:inherit !important;
  border-radius:8px !important;
  box-shadow:none !important;
}
.wpan-editor.is-admin .wpan-ed-row,
.wpan-editor.is-admin .wpan-editor-empty{
  background:var(--lyear-field-bg, rgba(0,0,0,.03));
  border:1px solid var(--lyear-field-border, #e5e7eb);
}
.wpan-editor-head{display:flex;flex-direction:column;gap:4px;margin:0 0 12px}
.wpan-editor-title{
  display:flex;align-items:center;gap:8px;min-width:0;
}
.wpan-editor-title i{font-size:18px;line-height:1;color:var(--accent,#246384);flex:0 0 auto}
.wpan-editor-title strong{font-size:15px;font-weight:750;line-height:1.3}
.wpan-editor-tip{margin:0;font-size:12px;line-height:1.5;color:var(--muted, var(--lyear-muted, #6b7785))}
.wpan-paste{
  width:100%;min-height:84px;resize:vertical;margin:0;padding:10px 12px;box-sizing:border-box;
  border:1px solid var(--lyear-field-border, var(--line, #dce4e8));border-radius:10px;
  background:var(--lyear-field-bg, #fff);color:inherit;font-size:13px;line-height:1.5;
}
.wpan-paste::placeholder{color:var(--muted, var(--lyear-muted, #9aa7b2))}
.wpan-editor-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.wpan-editor-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.wpan-editor-empty{
  padding:18px 12px;border-radius:12px;border:1px dashed var(--line, var(--lyear-field-border, #e6eef0));
  background:var(--chip, var(--lyear-field-bg, #f4f7f8));text-align:center;font-size:12px;
  color:var(--muted, var(--lyear-muted, #6b7785));line-height:1.5;
}
.wpan-ed-row{
  display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,1.2fr) minmax(160px,1.6fr) minmax(80px,.8fr) auto;gap:8px;align-items:center;
  padding:10px;border-radius:12px;background:var(--chip, var(--lyear-field-bg, #f4f7f8));border:0;
}
.wpan-ed-row input,.wpan-ed-row select{
  width:100%;height:34px;padding:0 8px;
  border:1px solid var(--lyear-field-border, #dce4e8);border-radius:8px;font-size:12px;
  background:var(--lyear-field-bg, #fff);color:inherit;
}
.wpan-ed-row .wpan-ed-del{height:34px;padding:0 10px}
@media (max-width:900px){
  .wpan-ed-row{grid-template-columns:1fr 1fr; }
  .wpan-item{flex-wrap:wrap}
  .wpan-item-actions{width:100%;justify-content:flex-start}
  .wpan-item-actions .btn{width:100%;}
}
