/* ============================================================
 * 隐藏内容（[hehuoke]简码）占位盒样式
 * 页面加载时占位，解密成功后整盒替换为真实内容
 * ============================================================ */
.hk-lock{margin:18px 0;border:1.5px dashed #c9d4e3;border-radius:10px;
  background:repeating-linear-gradient(45deg,#f7f9fc 0 12px,#f2f5fa 12px 24px)}
.hk-lock-inner{display:flex;align-items:center;gap:10px;padding:16px;color:#6a7688}
.hk-lock-ico{font-size:20px;flex-shrink:0}
.hk-lock-txt{font-size:13.5px}
.hk-lock.is-loading .hk-lock-txt::after{content:"";display:inline-block;width:12px;height:12px;
  margin-left:8px;border:2px solid #c9d4e3;border-top-color:#2f6fed;border-radius:50%;
  vertical-align:-2px;animation:hk-spin .7s linear infinite}
.hk-lock.is-error{border-color:#f0b9b9;background:#fdf3f3}
.hk-lock.is-error .hk-lock-txt{color:#c0392b}
@keyframes hk-spin{to{transform:rotate(360deg)}}

/* 解密后的真实内容容器 */
.hk-unlocked{margin:18px 0;animation:hk-fade .25s ease}
@keyframes hk-fade{from{opacity:0}to{opacity:1}}

/* 完整 HTML 文档型内容：iframe 即「浏览器窗口」，原始代码原样运行。
   宽度撑满文章容器，高度跟随视口（窗口大小变化时自适应），
   内容超出由 iframe 内部自行滚动 —— 与站点完全隔离。 */
.hk-unlocked-embed{margin:18px 0}
.hk-embed{display:block;width:100%;max-width:100%;border:0;background:#fff;
  border-radius:8px;height:85vh;min-height:480px;
  box-shadow:0 1px 3px rgba(0,0,0,.06)}
@media (max-width:640px){
  .hk-unlocked-embed{margin:12px 0}
  .hk-embed{border-radius:6px;height:78vh;min-height:420px}
}