/* 新增页面样式：沿用 style.css 变量 */
a.logo{text-decoration:none;color:inherit}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--primary-color);color:#fff;padding:8px 12px;z-index:2000}
.skip-link:focus{left:10px}
.nav-link.active{color:var(--primary-color)}
.page{padding:96px 0 40px;min-height:70vh}
.page-wrap{max-width:900px}
.page article{background:var(--bg-white);border-radius:16px;box-shadow:var(--shadow);padding:32px 36px}
.crumbs{font-size:.86rem;color:var(--text-light);margin-bottom:12px}
.crumbs a{color:var(--secondary-color);text-decoration:none}
.page-title{font-family:var(--font-secondary);font-size:2rem;line-height:1.3;color:var(--primary-color);margin-bottom:12px}
.page-lead{font-size:1.05rem;color:var(--text-dark);background:var(--bg-light);border-left:4px solid var(--primary-color);padding:12px 16px;border-radius:6px;margin-bottom:20px}
.page-fig{margin:0 0 20px}.page-fig img{width:100%;height:auto;border-radius:12px;display:block}
.page-sec{margin:26px 0}
.page-sec h2{font-size:1.35rem;color:var(--secondary-color);margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid var(--border-color)}
.page-sec p,.page-sec li{line-height:1.85;color:var(--text-dark)}
.page-sec ul,.page-sec ol{padding-left:1.4em}
.page-sec a,.faq a{color:var(--primary-color)}
table.kv{width:100%;border-collapse:collapse;margin:8px 0;font-size:.95rem}
table.kv th,table.kv td{border:1px solid var(--border-color);padding:8px 10px;text-align:left}
table.kv th{background:var(--bg-light);white-space:nowrap}
.steps{counter-reset:s;list-style:none;padding-left:0!important}
.steps li{position:relative;padding:10px 12px 10px 48px;margin-bottom:8px;background:var(--bg-light);border-radius:10px}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:12px;top:10px;width:26px;height:26px;border-radius:50%;background:var(--gradient-primary);color:#fff;text-align:center;line-height:26px;font-size:.85rem}
.steps li strong{display:block}
.faq{border:1px solid var(--border-color);border-radius:10px;padding:10px 14px;margin-bottom:8px;background:#fff}
.faq summary{cursor:pointer;font-weight:600}
.faq p{margin-top:6px;color:var(--text-light)}
.cta-line{text-align:center;margin:26px 0}
.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.topic-card{display:block;text-decoration:none;color:inherit;background:var(--bg-white);border:1px solid var(--border-color);border-radius:14px;padding:16px 18px;transition:all .25s}
.topic-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px);border-color:var(--primary-color)}
.topic-card h3{font-size:1.02rem;color:var(--primary-color);margin-bottom:6px}
.topic-card p{font-size:.88rem;color:var(--text-light);line-height:1.6}
.gallery-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;min-height:200px;aspect-ratio:16/9;background:var(--gradient-primary);color:#fff;text-align:center;padding:20px}
.gallery-tile .tile-t{font-family:var(--font-secondary);font-size:1.6rem;margin-bottom:6px}
.gallery-tile .tile-s{font-size:.95rem;opacity:.9}
.gallery-item img{height:auto}
@media (max-width:768px){.page{padding-top:80px}.page article{padding:20px 16px;border-radius:12px}.page-title{font-size:1.5rem}table.kv{font-size:.85rem}table.kv th{white-space:normal}.topic-grid{grid-template-columns:1fr}}