/* ============================================================
   自定义样式汇总文件
   包含：news.html 弹窗/详情页样式、newslist/search/tags 标签样式
   ============================================================ */

/* ---------- news.html：密码弹窗 ---------- */
.pwd-modal-mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:9999;justify-content:center;align-items:center;padding:16px;box-sizing:border-box}
.pwd-modal-mask.show{display:flex}
.pwd-modal-box{background:#fff;border-radius:10px;padding:30px 25px;width:100%;max-width:360px;text-align:center;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.2);box-sizing:border-box;max-height:90vh;overflow-y:auto}
.pwd-modal-close{position:absolute;top:10px;right:15px;font-size:24px;color:#999;cursor:pointer;line-height:1}
.pwd-modal-close:hover{color:#333}
.pwd-modal-box h3{margin:0 0 10px;font-size:18px;color:#333}
.pwd-modal-box .pwd-desc{font-size:13px;color:#888;margin-bottom:15px;line-height:1.6}
.pwd-modal-box .pwd-qrcode{width:160px;max-width:70%;height:auto;margin:0 auto 15px;display:block;border:1px solid #eee;border-radius:6px;object-fit:cover}
.pwd-modal-box .pwd-keyword{font-size:13px;color:#e74c3c;margin-bottom:15px}
.pwd-modal-box input[type="password"]{width:70%;max-width:240px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;box-sizing:border-box}
.pwd-modal-box input[type="password"]:focus{border-color:#007bff}
.pwd-modal-box button{padding:8px 18px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-left:6px}
.pwd-modal-box button:hover{background:#0056b3}
.pwd-modal-box button:disabled{background:#93c5fd;cursor:not-allowed}
.pwd-modal-box .pwd-err{color:red;font-size:12px;margin-top:10px;display:none}
/* 付费购买链接样式 - 自适应 */
.pwd-modal-box .pwd-buy-link{display:block;margin-top:16px;padding-top:14px;border-top:1px dashed #eee;font-size:13px;color:#e67e22;text-decoration:none;transition:color .2s ease;line-height:1.6;word-break:break-word}
.pwd-modal-box .pwd-buy-link:hover{color:#d35400;text-decoration:underline}
.pwd-modal-box .pwd-buy-link strong{font-weight:600}

/* ---------- news.html：详情页元信息 ---------- */
.details-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.details-date{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;color:#888;font-size:14px}
.details-date span{display:inline-flex;align-items:center;white-space:nowrap}
.details-category{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:#888;padding:6px 0 2px;border-top:1px dashed #eee;margin-top:4px}
.details-category .cat-label{color:#999;font-weight:500;display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
.details-category .cat-label i{font-size:13px;color:#007bff}
.details-category a{display:inline-block;padding:2px 10px;background:#f0f6ff;color:#007bff;border-radius:20px;font-size:12px;line-height:1.6;text-decoration:none;border:1px solid #dbeafe;transition:all .2s ease;white-space:nowrap}
.details-category a:hover{background:#007bff;color:#fff;border-color:#007bff;text-decoration:none}

/* ---------- news.html：下载课件提示条 ---------- */
.download-hint{display:flex;align-items:center;gap:8px;margin:10px 0 6px;padding:10px 14px;background:#fff7e6;border:1px solid #ffe0a3;border-radius:6px;font-size:13px;color:#b36b00;line-height:1.6}
.download-hint .hint-icon{flex:0 0 auto;font-size:16px;line-height:1}
.download-hint .hint-text{flex:1}
.download-hint .hint-link{color:#e67e22;font-weight:600;text-decoration:underline;white-space:nowrap}
.download-hint .hint-link:hover{color:#d35400}

/* ---------- news.html：一键生成 DOC 按钮 ---------- */
.article-tools{display:flex;justify-content:center;align-items:center;margin:18px 0 6px;flex-wrap:wrap;padding-top:16px;border-top:1px dashed #eee}
.article-tools .export-word-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 26px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;line-height:1.4;cursor:pointer;transition:background .2s ease,transform .1s ease;box-shadow:0 2px 6px rgba(0,123,255,.25);white-space:nowrap}
.article-tools .export-word-btn:hover{background:#0056b3}
.article-tools .export-word-btn:active{transform:scale(.97)}
.article-tools .export-word-btn:disabled{background:#93c5fd;cursor:not-allowed;box-shadow:none}

/* ---------- news.html：响应式 ---------- */
@media (max-width: 767px) {
  .details-date{font-size:12px;gap:4px 12px}
  .details-category{font-size:12px;gap:5px 8px}
  .details-category a{font-size:11px;padding:2px 8px}
  .download-hint{font-size:12px;padding:9px 12px;gap:6px}
  .download-hint .hint-icon{font-size:15px}
  .article-tools{justify-content:stretch}
  .article-tools .export-word-btn{width:100%;font-size:13px;padding:11px 14px}

  /* 弹窗移动端适配 */
  .pwd-modal-box{padding:24px 18px;border-radius:8px}
  .pwd-modal-box h3{font-size:16px}
  .pwd-modal-box .pwd-desc{font-size:12px;margin-bottom:12px}
  .pwd-modal-box .pwd-qrcode{width:140px;margin-bottom:12px}
  .pwd-modal-box .pwd-keyword{font-size:12px;margin-bottom:12px}
  .pwd-modal-box input[type="password"]{width:100%;max-width:100%;padding:10px 12px;margin-bottom:10px}
  .pwd-modal-box button{width:100%;margin-left:0;padding:10px 18px}
  .pwd-modal-box .pwd-buy-link{font-size:12px;margin-top:14px;padding-top:12px}
}

@media (max-width: 360px) {
  .pwd-modal-box{padding:20px 14px}
  .pwd-modal-box .pwd-qrcode{width:120px}
  .pwd-modal-box .pwd-buy-link{font-size:11px}
}

/* ---------- 列表页标题下方标签（newslist / search / tags） ---------- */
.news-sub-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 8px;
  margin-top: 6px;
  padding-top: 5px;
  border-top: 1px dashed #eee;
}
.news-sub-tags .tag-label {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  color: #999;
  flex: 0 0 auto;
}
.news-sub-tags .tag-label i {
  font-size: 12px;
  color: #007bff;
}
.news-sub-tags a {
  display: inline-block;
  padding: 1px 8px;
  background: #f0f6ff;
  color: #007bff;
  border-radius: 20px;
  font-size: 11px;
  line-height: 1.7;
  text-decoration: none;
  border: 1px solid #dbeafe;
  transition: all .2s ease;
  white-space: nowrap;
}
.news-sub-tags a:hover {
  background: #007bff;
  color: #fff;
  border-color: #007bff;
  text-decoration: none;
}
@media (max-width: 767px) {
  .news-sub-tags {
    gap: 4px 6px;
  }
  .news-sub-tags a {
    font-size: 10px;
    padding: 1px 6px;
  }
}

/* ---------- news.html：下载区锚点偏移（适配手机端固定头部） ---------- */
#pwd-gate,
#ppt-download-anchor {
    scroll-margin-top: 80px;
}