
/* 模板评审索引页 —— 自成一体，不依赖 base.css */
:root{--brand:#2f6fe4;--ink:#1f2530;--muted:#6b7280;--line:#e3e7ee;--bg:#f7f8fa}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.65;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2{margin:0;font-weight:700;line-height:1.3}
p{margin:0}
ul,ol{margin:0}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}
.ix-wrap{max-width:860px;margin:0 auto;padding:0 22px}

.ix-head{background:#fff;border-bottom:1px solid var(--line);padding:30px 0 26px}
.ix-brand{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;color:#0f1e3d;margin-bottom:14px}
.ix-brand b{color:var(--brand);margin-left:2px}
.ix-brand .logo-mark{color:var(--brand)}
.ix-head h1{font-size:23px}
.ix-head p{margin-top:7px;color:var(--muted);font-size:13.5px}
.ix-head p a{color:var(--brand);font-weight:600;margin-left:4px}
.ix-head p a:hover{text-decoration:underline}

.ix-list{padding:24px 0 8px;display:flex;flex-direction:column;gap:10px}
.ix-loading{color:var(--muted);font-size:13px;padding:16px 0}
.ix-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px 17px}
.ix-card:hover{border-color:#c4d3ec}
.ix-title{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700}
.ix-title:hover span{color:var(--brand)}
.ix-code{flex:none;width:22px;height:22px;border-radius:5px;background:var(--brand);color:#fff;
  font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.ix-sum{margin-top:5px;color:#5a6478;font-size:13px}
.ix-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.ix-tags i{font-style:normal;font-size:11.5px;color:#4a5b7a;background:#eef3fb;border-radius:4px;padding:2px 8px}
.ix-pages{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}
.ix-pages a{font-size:12px;color:#4a5266;border:1px solid var(--line);border-radius:5px;padding:2px 9px}
.ix-pages a:hover{color:var(--brand);border-color:var(--brand)}
.ix-meta{margin-top:9px;font-size:11.5px;color:#9aa3b2}

.ix-add{margin:18px 0 40px;background:#fff;border:1px solid var(--line);border-radius:9px}
.ix-add summary{cursor:pointer;padding:12px 17px;font-size:13px;font-weight:600;color:#4a5266}
.ix-add summary:hover{color:var(--brand)}
.ix-add-b{padding:2px 17px 17px;font-size:13px;color:#4a5266;border-top:1px solid var(--line)}
.ix-add-b p{margin-top:11px}
.ix-add-b ol{padding-left:19px;margin-top:9px;display:flex;flex-direction:column;gap:5px}
.ix-add-b code{background:#f1f4f9;border-radius:3px;padding:1px 5px}
.ix-add-b pre{background:#0f1e3d;color:#cfe0ff;border-radius:7px;padding:13px 15px;overflow-x:auto;margin-top:11px}
.ix-add-b pre code{background:transparent;padding:0;color:inherit;font-size:12px;line-height:1.7}
.ix-add-b .muted{color:#8a93a5;font-size:12px}

.nt{padding:26px 22px 44px}
.nt-lead{color:#4a5266;margin-bottom:20px}
.nt h2{font-size:16px;margin:26px 0 9px}
.nt p{margin-bottom:9px;color:#4a5266}
.nt-tb{width:100%;border-collapse:collapse;font-size:13px;background:#fff;
  border:1px solid var(--line);border-radius:9px;overflow:hidden}
.nt-tb th{background:#f2f5fa;text-align:left;padding:9px 12px;font-size:12.5px;color:#4a5266;white-space:nowrap}
.nt-tb td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top;color:#4a5266}
.nt-tb td:first-child{white-space:nowrap;color:var(--ink)}
.nt-tb td:nth-child(2){white-space:nowrap;color:var(--brand);font-weight:600}
.nt-rec{background:#eef3fb;border-left:3px solid var(--brand);border-radius:0 7px 7px 0;padding:11px 14px;margin-top:14px}

.ix-foot{border-top:1px solid var(--line);color:#9aa3b2;font-size:12px;background:#fff}
.ix-foot .ix-wrap{padding-top:15px;padding-bottom:15px}
@media(max-width:640px){
  .nt-tb,.nt-tb tbody,.nt-tb tr,.nt-tb td{display:block;width:100%}
  .nt-tb thead{display:none}
  .nt-tb tr{border-top:1px solid var(--line)}
  .nt-tb td{border:0;padding:4px 12px}
  .nt-tb td:first-child{padding-top:12px;font-weight:700}
  .nt-tb td:last-child{padding-bottom:12px}
}
