/* 说明与指南类页面共用样式（关于我们、内容来源与纠错、7 篇申请指南）。
   结构：main.info-wrap > nav.info-breadcrumb + h1 + p.info-meta + 正文；footer.info-foot。 */

.page-info { background: var(--bg); }
.info-wrap { position: relative; isolation: isolate; width: calc(100% - var(--gutter) * 2); max-width: 820px; margin: var(--space-8) auto var(--space-12); padding: clamp(28px, 6vw, 72px); border-radius: var(--r-2xl); background: var(--bg-elevated); box-shadow: var(--shadow-1); overflow: hidden; }
.info-wrap::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 320px; z-index: -1; background: var(--aurora); opacity: .8; pointer-events: none; }

.info-breadcrumb { display: flex; flex-wrap: wrap; gap: 4px; color: var(--text-3); font-size: var(--fs-footnote); }
.info-breadcrumb a { color: var(--text-2); }
.info-breadcrumb a:hover { color: var(--accent); }
.info-wrap h1 { margin: var(--space-6) 0 var(--space-4); font-size: var(--fs-display); line-height: 1.12; letter-spacing: var(--ls-hero); word-break: keep-all; }
.info-meta { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: var(--space-8); padding: 5px 14px; border: 1px solid var(--glass-line); border-radius: var(--r-pill); background: var(--glass-bg); color: var(--text-2); font-size: var(--fs-footnote); -webkit-backdrop-filter: var(--glass-filter); backdrop-filter: var(--glass-filter); }

.info-wrap h2 { margin: var(--space-12) 0 var(--space-4); font-size: var(--fs-title-2); line-height: var(--lh-title); letter-spacing: var(--ls-tight); }
.info-wrap h2::before { content: ""; display: block; width: 32px; height: 4px; margin-bottom: var(--space-4); border-radius: 2px; background: var(--grad-accent); }
.info-wrap p, .info-wrap li { color: var(--text-2); font-size: 17px; line-height: 1.85; }
.info-wrap p + p { margin-top: 1em; }
.info-wrap strong { color: var(--text); font-weight: 700; }
.info-wrap a:not(.btn) { color: var(--accent); text-decoration: underline; text-decoration-color: var(--blue-200); text-underline-offset: 3px; transition: text-decoration-color var(--dur-1) var(--ease); }
.info-wrap a:not(.btn):hover { text-decoration-color: var(--accent); }
.info-breadcrumb a:not(.btn) { color: var(--text-2); text-decoration: none; }

/* 有序步骤：圆形序号 */
.info-wrap ol { display: grid; gap: var(--space-3); margin: var(--space-5) 0; padding: 0; list-style: none; counter-reset: step; }
.info-wrap ol > li { position: relative; margin: 0; padding: var(--space-4) var(--space-5) var(--space-4) calc(var(--space-5) + 40px); border-radius: var(--r-md); background: var(--bg); counter-increment: step; }
.info-wrap ol > li::before { content: counter(step); position: absolute; left: var(--space-4); top: var(--space-4); display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--text); color: #fff; font-size: var(--fs-footnote); font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
/* 无序列表：强调色圆点 */
.info-wrap ul { display: grid; gap: var(--space-2); margin: var(--space-4) 0; padding: 0; list-style: none; }
.info-wrap ul > li { position: relative; margin: 0; padding-left: 22px; }
.info-wrap ul > li::before { content: ""; position: absolute; left: 4px; top: .75em; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }

.info-note { margin: var(--space-6) 0; padding: var(--space-5) var(--space-6); border-radius: var(--r-md); background: var(--accent-soft); color: var(--text) !important; }

.info-foot { padding: var(--space-8) var(--gutter) var(--space-12); color: var(--text-3); font-size: var(--fs-footnote); line-height: 2; text-align: center; }
.info-foot a { color: var(--text-2); }
.info-foot a:hover { color: var(--accent); }

@media (max-width: 620px) {
  .info-wrap { width: 100%; margin: 0 0 var(--space-8); border-radius: 0 0 var(--r-xl) var(--r-xl); }
  .info-wrap p, .info-wrap li { font-size: 16px; }
  .info-wrap ol > li { padding-left: calc(var(--space-4) + 36px); }
}