/* ═══ spec-page.css — 规范文档页面共享样式 ═══ */
/* 所有独立规范页面引用此文件，配合 /style.css 使用 */

/* 规范头部 */
.spec-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border)}
.spec-header h2{font-size:1.1em;font-weight:900;color:var(--text-header);margin:0 0 6px}
.spec-header .spec-meta{font-size:.65em;color:var(--text-muted);display:flex;gap:12px;flex-wrap:wrap}
.spec-header .spec-meta .tag{padding:2px 8px;border-radius:4px;font-weight:700}
.spec-header .spec-meta .tag.high{background:rgba(231,76,60,.1);color:var(--accent-red);border:1px solid rgba(231,76,60,.2)}
.spec-header .spec-meta .tag.mid{background:rgba(201,160,80,.1);color:var(--accent-gold);border:1px solid rgba(201,160,80,.2)}
.spec-header .spec-meta .tag.low{background:rgba(39,174,96,.1);color:var(--accent-green);border:1px solid rgba(39,174,96,.2)}

/* 章节标题 */
.spec-section{margin:28px 0 0}
.spec-section-title{font-size:.82em;font-weight:800;color:var(--text-header);margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border);letter-spacing:1px;display:flex;align-items:center;gap:8px}
.spec-section-title::after{content:'';flex:1;height:1px;background:var(--border)}

/* 条目 */
.spec-rule{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin:10px 0;transition:border-color .2s}
.spec-rule:hover{border-color:var(--border-accent)}
.spec-rule .rule-num{font-size:.6em;font-weight:900;color:var(--accent-red);margin-bottom:4px;letter-spacing:.5px}
.spec-rule .rule-title{font-size:.75em;font-weight:700;color:var(--text-header);margin-bottom:6px}
.spec-rule .rule-body{font-size:.65em;color:var(--text);line-height:1.8}
.spec-rule .rule-body p{margin:4px 0}
.spec-rule .rule-example{margin-top:8px;padding:8px 12px;background:var(--bg-accent);border:1px solid var(--border);border-radius:6px;font-size:.92em;font-family:Consolas,'Monaco',monospace;color:var(--text-muted);line-height:1.6;overflow-x:auto;white-space:pre-wrap}
.spec-rule .rule-note{margin-top:6px;font-size:.88em;color:var(--accent-gold);font-style:italic}

/* 子条目 */
.spec-sub{margin:8px 0 0 16px;padding-left:12px;border-left:2px solid var(--border)}
.spec-sub-item{font-size:.62em;color:var(--text);line-height:1.8;padding:2px 0}
.spec-sub-item strong{color:var(--text-header)}

/* 表格 */
.spec-table{width:100%;font-size:.65em;border-collapse:collapse;margin:12px 0}
.spec-table th,.spec-table td{padding:8px 12px;border:1px solid var(--border);text-align:left}
.spec-table th{background:var(--bg-accent);font-weight:700;color:var(--text-header)}
.spec-table td{color:var(--text)}
.spec-table tr:nth-child(even) td{background:var(--bg-accent)}

/* 流程图 */
.spec-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0;font-size:.65em}
.spec-flow-step{padding:6px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;font-weight:700;color:var(--text-header)}
.spec-flow-arrow{color:var(--text-muted);font-size:1.2em}

/* 分级标签 */
.level-badge{display:inline-block;padding:1px 8px;border-radius:4px;font-size:.82em;font-weight:700;margin-right:4px}
.level-badge.fatal{background:rgba(231,76,60,.1);color:var(--accent-red);border:1px solid rgba(231,76,60,.2)}
.level-badge.major{background:rgba(201,160,80,.1);color:var(--accent-gold);border:1px solid rgba(201,160,80,.2)}
.level-badge.minor{background:rgba(39,174,96,.1);color:var(--accent-green);border:1px solid rgba(39,174,96,.2)}

/* 返回列表链接 */
.spec-back{display:inline-flex;align-items:center;gap:6px;font-size:.65em;color:var(--accent-red);text-decoration:none;font-weight:700;margin-bottom:16px;padding:4px 12px;border:1px solid rgba(139,37,0,.2);border-radius:6px;background:rgba(139,37,0,.04);transition:all .2s}
.spec-back:hover{border-color:var(--accent-red);transform:translateX(-2px)}

/* 响应式 */
@media(max-width:600px){
  .spec-rule{padding:10px 12px}
  .spec-flow{flex-direction:column;align-items:flex-start}
  .spec-flow-arrow{transform:rotate(90deg)}
}