/* wgj-site 定制：问题索引首页 + 阅读路径 + 服务尾卡 */

/* ---- 问题索引首页 ---- */
.qgroup{margin:0 0 34px}
.qgroup h2{font-size:19px;margin:0 0 6px;padding-left:12px;border-left:4px solid var(--accent, #4f8cff)}
.qgroup-desc{font-size:13.5px;color:var(--secondary, #777);margin:0 0 14px;padding-left:16px;line-height:1.6}
.qlist{list-style:none;margin:0;padding:0}
.qitem{margin:0 0 10px;padding:12px 14px;background:var(--code-bg, #f6f8fa);border-radius:8px;
  border:1px solid transparent;transition:border-color .15s, transform .15s}
.qitem:hover{border-color:var(--accent, #4f8cff);transform:translateX(2px)}
.qitem a{font-weight:600;font-size:15px;display:block;margin-bottom:4px;text-decoration:none}
.qhint{display:block;font-size:12.5px;color:var(--secondary, #777);line-height:1.55}

/* ---- 阅读路径（文章头部）---- */
.readpath{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:12.5px;
  padding:9px 14px;margin:0 0 22px;background:var(--code-bg, #f6f8fa);border-radius:8px;
  border-left:3px solid var(--accent, #4f8cff)}
.readpath .rp-layer{font-weight:700;color:var(--accent, #4f8cff)}
.readpath .rp-pos{color:var(--secondary, #777)}
.readpath .rp-prev{color:var(--secondary, #777)}
.readpath .rp-prev a{color:var(--accent, #4f8cff);text-decoration:none}
.readpath .rp-prev a:hover{text-decoration:underline}

/* ---- 服务尾卡 ---- */
.service-card{margin:34px 0 0;padding:20px 22px;border-radius:10px;
  background:linear-gradient(135deg, rgba(79,140,255,.07), rgba(79,140,255,.02));
  border:1px solid rgba(79,140,255,.22)}
.service-card h3{margin:0 0 8px;font-size:16px}
.service-card p{margin:0 0 14px;font-size:13.5px;line-height:1.7;color:var(--content, #333)}
.service-card .sc-actions{display:flex;flex-wrap:wrap;gap:10px}
.service-card .sc-btn{display:inline-block;padding:8px 18px;border-radius:6px;font-size:13px;
  font-weight:600;text-decoration:none;transition:opacity .15s}
.service-card .sc-btn:hover{opacity:.85}
.service-card .sc-primary{background:var(--accent, #4f8cff);color:#fff}
.service-card .sc-ghost{border:1px solid var(--accent, #4f8cff);color:var(--accent, #4f8cff)}
.service-card .sc-note{margin:14px 0 0;font-size:12px;color:var(--secondary, #777)}

/* ---- 推荐位（文末 VPS 推荐块）---- */
.rec-block{margin:26px 0 0;padding:18px 20px;border-radius:10px;
  background:var(--code-bg, #f6f8fa);border:1px dashed var(--accent, #4f8cff)}
.rec-block h3{margin:0 0 10px;font-size:15px}
.rec-block .rec-item{margin:0 0 12px;font-size:13.5px;line-height:1.65}
.rec-block .rec-item:last-child{margin-bottom:0}
.rec-block .rec-why{color:var(--secondary, #777);font-size:12.5px}
.rec-block .rec-disclosure{margin:14px 0 0;font-size:11.5px;color:var(--secondary, #888)}

@media (max-width: 600px){
  .qgroup h2{font-size:17px}
  .qitem{padding:10px 12px}
}