/* ===== 入口说明 + 常见问题（给搜索引擎和读屏器的纯文本区） ===== */
.guide {
  max-width: 1140px; margin: 34px auto 0; padding: 26px 26px 20px;
  background: var(--panel); border: 2px solid var(--panel-line); border-radius: 22px;
  backdrop-filter: blur(6px);
}
.guide-title { margin: 0 0 10px; font-size: 24px; font-weight: normal; }
.guide-title:not(:first-child) { margin-top: 26px; }
.guide-lead { margin: 0 0 16px; font-size: 15px; line-height: 1.7; color: var(--ink-soft); }
.guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.guide-item {
  padding: 14px 16px; border-radius: 16px; background: rgba(255, 255, 255, .55);
  border: 1.5px dashed var(--panel-line);
  transition: transform .4s var(--spring), background .2s;
}
.guide-item:hover { transform: translateY(-3px) rotate(-.4deg); background: rgba(255, 255, 255, .8); }
.guide-item h3 { margin: 0 0 6px; font-size: 18px; font-weight: normal; color: var(--nw-orange); }
.guide-item p { margin: 0; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.guide a { color: var(--nw-brown); text-decoration-color: var(--nw-yellow); text-decoration-thickness: 3px; text-underline-offset: 3px; }
.faq { margin: 0; }
.faq dt { margin-top: 12px; font-size: 16px; }
.faq dt::before { content: "问"; margin-right: 8px; padding: 0 6px; border-radius: 6px; background: var(--nw-yellow); color: #3B2A12; font-size: 13px; }
.faq dd { margin: 4px 0 0 34px; font-size: 14px; line-height: 1.7; color: var(--ink-soft); }

@media (prefers-color-scheme: dark) {
  .guide-item { background: rgba(255, 255, 255, .05); }
  .guide-item:hover { background: rgba(255, 255, 255, .1); }
  .guide a { color: var(--nw-yellow); }
}
@media (max-width: 720px) {
  .guide { margin: 28px 16px 0; padding: 20px 16px 16px; }
  .guide-grid { grid-template-columns: 1fr; }
}