/* ========== 详情页通用覆盖 ========== */
body{line-height:1.8}

/* ========== 通用布局（谱系详情 & 词典详情 & 方法论详情） ========== */
.content-wrapper{display:flex;gap:30px;flex-wrap:wrap}
.article-meta{text-align:center;font-size:.85em;color:#94a3b8;padding:20px 0}
.main-content,.main{flex:1;min-width:0}

/* ========== 通用 article 基础（案例详情也用） ========== */
article{background:#fff;border-radius:10px;padding:40px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.def-box{background:#eff6ff;border-left:4px solid #1a6eff;padding:18px 22px;border-radius:0 8px 8px 0;margin:20px 0;font-size:.93em}
.def-box strong{color:#1a6eff}
article h1{font-size:1.7em;margin:4px 0;color:#1e3a5f}
article h2{font-size:1.15em;color:#333;margin:30px 0 14px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}
article h3{font-size:1em;margin:14px 0 10px;color:#555}
article p{margin-bottom:14px;font-size:.93em;line-height:1.85;color:#333}
article ul{margin:0 0 18px 20px;font-size:.93em}
article li{margin-bottom:8px}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.9em;border:none}

th{background:#1a6eff;color:#fff;padding:10px 14px;text-align:left;font-weight:500}
td{padding:10px 14px;border-bottom:1px solid #e2e8f0}
tr:last-child td{border-bottom:none}
tbody tr{transition:background .15s}
tbody tr:hover{background:#f0f7ff}

/* ========== 谱系库详情 (puxiku-show) ========== */
.main{background:#fff;border-radius:10px;padding:35px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.main h1{font-size:1.8em;margin-bottom:4px}
.main .alias{color:#64748b;font-size:.95em;margin-bottom:10px}
.main .level{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.82em;font-weight:600;margin-bottom:18px}
.level.voi{background:#fef3c7;color:#d97706}
.level.voc{background:#fef2f2;color:#dc2626}
.level.vum{background:#ffedd5;color:#ea580c}
.level.former{background:#f1f5f9;color:#64748b}
.main h2{font-size:1.15em;color:#0f172a;margin:30px 0 14px;border-bottom:1px solid #e2e8f0;padding-bottom:8px}
.main h3{font-size:1em;margin:20px 0 10px;color:#334155}
.main p{margin-bottom:14px;font-size:.93em}
.main ul,.main ol{margin:0 0 16px 20px;font-size:.93em}
.main li{margin-bottom:6px}
.tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.78em}
.tag.high{background:#fef2f2;color:#dc2626}
.tag.med{background:#fef3c7;color:#d97706}
.tag.low{background:#dcfce7;color:#16a34a}
.sidebar{width:300px;flex-shrink:0}
.info-card{background:#fff;border-radius:10px;padding:22px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:20px}
.info-card h4{font-size:.85em;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.info-card p{font-size:.85em;margin-bottom:6px}
.info-card .related-link{display:block;padding:5px 8px;margin-bottom:3px;color:#334155;text-decoration:none;font-size:.85em;border-radius:4px;background:#f8fafc;border-left:2px solid #e2e8f0;transition:all .15s}
.info-card .related-link:hover{background:#eff6ff;border-left-color:#1a6eff;color:#1a6eff}

/* ========== 案例详情 (anli-show) ========== */
article .tags{margin-bottom:16px;display:flex;gap:10px;flex-wrap:wrap}
article .tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.78em;font-weight:600}
.tag.pathogen{background:#fef2f2;color:#dc2626}
.tag.year{background:#dbeafe;color:#2563eb}
.tag.method{background:#dcfce7;color:#166534}
article h1{font-size:1.8em;margin-bottom:8px;color:#0f172a}
article .meta-bar{color:#64748b;font-size:.85em;margin-bottom:24px;display:flex;gap:20px;flex-wrap:wrap}
article h2{font-size:1.2em;color:#0f172a;margin:32px 0 14px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}
article h3{font-size:1em;margin:20px 0 10px;color:#334155}
article p{margin-bottom:14px;font-size:.94em;line-height:1.85}
article ul,article ol{margin:0 0 18px 20px;font-size:.94em}
article li{margin-bottom:8px}
.timeline{position:relative;padding-left:28px;margin:20px 0;border-left:3px solid #2563eb}
.timeline .event{padding:8px 0 16px;position:relative}
.timeline .event::before{content:'';position:absolute;left:-33px;top:12px;width:12px;height:12px;border-radius:50%;background:#2563eb}
.timeline .event .date{font-weight:700;color:#2563eb;font-size:.9em}
.highlight-box{background:#eff6ff;border-left:4px solid #2563eb;padding:16px 20px;border-radius:0 8px 8px 0;margin:18px 0;font-size:.9em}

/* ========== 词典详情 (cidian-show) ========== */
.main-content{background:#fff;border-radius:10px;padding:35px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.main-content .def-box strong{color:#1a6eff}
.main-content h1{font-size:1.8em;margin-bottom:4px}
.main-content .en-title{color:#64748b;font-style:italic;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}
.en-title .article-meta{font-style:normal;font-size:.85em;color:#94a3b8}
.main-content h2{font-size:1.15em;color:#0f172a;margin:30px 0 14px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}
.main-content h3{font-size:1em;color:#334155;margin:20px 0 10px}
.main-content p{margin-bottom:14px;font-size:.93em}
.main-content ul,.main-content ol{margin:0 0 16px 20px;font-size:.93em}
.main-content li{margin-bottom:6px}
.info-card p,.info-card li{font-size:.85em;margin-bottom:6px}
.info-card .ref{font-size:.8em;color:#64748b;word-break:break-all}
.faq{margin-top:30px;background:#f8fafc;border-radius:8px;padding:24px}
.faq h2{font-size:1.15em;margin-bottom:16px}
.faq dt{font-weight:600;color:#0f172a;font-size:.93em;margin:14px 0 4px}
.faq dd{color:#475569;font-size:.88em;margin-bottom:10px;margin-left:16px}

/* ========== 方法论详情 (fangfalun-show) ========== */
.quick-facts{display:flex;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.quick-facts .fact{background:#f8fafc;border-radius:8px;padding:14px 18px;flex:1;min-width:130px;text-align:center}
.quick-facts .fact .fact-label{font-size:.75em;color:#94a3b8;margin-bottom:4px}
.quick-facts .fact .fact-value{font-size:1em;font-weight:700;color:#1e3a5f}
article .cat-label{font-size:.78em;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.sidebar.sidebar-protocols{width:200px;position:sticky;top:20px;align-self:flex-start}
.cat-blocks{display:flex;flex-direction:column;gap:3px}
.cat-block{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-radius:8px;font-size:.85em;cursor:pointer;text-decoration:none;color:#475569;transition:all .18s}
.cat-block:hover{filter:brightness(0.94);transform:translateX(2px)}
.cat-block .cat-arrow{font-size:.78em;color:#94a3b8;font-weight:700}
.cat-block.active{font-weight:700}
.cat-block.all{background:#e8ecf1}.cat-block.all.active,.cat-block.all:hover{background:#c8d2dc;color:#1e293b}
.cat-block.sampling{background:#dbeafe}.cat-block.sampling.active,.cat-block.sampling:hover{background:#93c5fd;color:#1e3a5f}
.cat-block.rna{background:#ffedd5}.cat-block.rna.active,.cat-block.rna:hover{background:#fdba74;color:#7c2d12}
.cat-block.library{background:#d1fae5}.cat-block.library.active,.cat-block.library:hover{background:#6ee7b7;color:#064e3b}
.cat-block.sequencing{background:#fef9c3}.cat-block.sequencing.active,.cat-block.sequencing:hover{background:#fde047;color:#713f12}
.cat-block.bioinfo{background:#ede9fe}.cat-block.bioinfo.active,.cat-block.bioinfo:hover{background:#c4b5fd;color:#4c1d95}
.cat-block.phylo{background:#fce7f3}.cat-block.phylo.active,.cat-block.phylo:hover{background:#f9a8d4;color:#831843}
.cite-text{font-size:.8em;color:#64748b;word-break:break-all}
.article-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.article-tags a{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.78em;font-weight:500;background:#dbeafe;color:#1a6eff;text-decoration:none}
.article-tags a:hover{background:#1a6eff;color:#fff}
.prev-next{display:flex;justify-content:space-between;gap:20px;margin-top:32px;padding-top:20px;border-top:1px solid #e2e8f0;font-size:.9em}
.prev-next a{color:#475569;text-decoration:none;transition:color .15s;padding:4px 0;display:inline-block}
.prev-next a:hover{color:#1a6eff}
.prev-next span{color:#c0c8d4}
.cite-section{margin-top:28px;padding-top:20px;border-top:1px solid #e2e8f0}
.cite-section h4{font-size:.85em;color:#94a3b8;margin-bottom:6px}
.cite-section .cite-text{font-size:.82em;color:#64748b;line-height:1.6}
ol.protocol-steps li{font-size:.93em;color:#334155;margin-bottom:10px;line-height:1.7}
.note-box{background:#fef3c7;border-left:4px solid #d97706;padding:16px 20px;border-radius:0 8px 8px 0;margin:18px 0;font-size:.9em}
.note-box strong{color:#d97706}
.crosslink{margin-top:30px;padding:24px;background:#f8fafc;border-radius:8px}
.crosslink h2{font-size:1.1em;margin-bottom:14px;color:#333}
.crosslink a{display:block;padding:10px 14px;background:#fff;border-radius:6px;margin-bottom:8px;text-decoration:none;color:#1a6eff;font-size:.9em;transition:background .15s,box-shadow .15s;border-left:3px solid transparent}
.crosslink a:hover{background:#eff6ff;border-left-color:#1a6eff;box-shadow:0 2px 8px rgba(26,110,255,.08)}
.crosslink a .link-cat{font-size:.75em;color:#94a3b8;margin-right:6px}