:root{--p:#0ea5e9;--pd:#0c4a6e;--bg:#0f172a;--sf:#1e293b;--tx:#e2e8f0;--mut:#94a3b8;--bd:#334155}body{font-family:system-ui,sans-serif;background:var(--bg);color:var(--tx);line-height:1.7;margin:0;font-size:15px}a{color:var(--p)}a:hover{color:#7dd3fc}.wrap{max-width:1180px;margin:0 auto;padding:0 16px}.hdr{background:var(--sf);border-bottom:1px solid var(--bd);padding:14px 0}.hdr-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.nav ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:4px}.nav a{display:block;padding:8px 14px;color:var(--mut);border-radius:6px;font-size:14px}.nav a:hover{background:var(--pd);color:#fff}.grid{display:grid;grid-template-columns:1fr 280px;gap:20px;padding:24px 0}.box{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:18px;margin-bottom:16px}.box h2{font-size:17px;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--p);color:#fff}.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:16px}.hero img{width:100%;height:240px;object-fit:cover;border-radius:8px}.row{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed var(--bd)}.row img{width:100px;height:70px;object-fit:cover;border-radius:6px;flex-shrink:0}.row h3{font-size:14px;margin:0 0 4px}.row p{font-size:12px;color:var(--mut);margin:0}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags a{font-size:12px;padding:3px 10px;background:var(--pd);border-radius:12px;color:#bae6fd}.bc{font-size:13px;color:var(--mut);padding:14px 0}.art h1{font-size:26px;line-height:1.35;margin-bottom:10px}.art-meta{font-size:13px;color:var(--mut);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--bd)}.content{line-height:1.9;font-size:16px}.content p{margin-bottom:14px}.pager{text-align:center;padding:12px 0}.pager a{margin:0 4px;padding:5px 12px;border:1px solid var(--bd);border-radius:4px;font-size:13px}.ftr{background:var(--sf);border-top:1px solid var(--bd);padding:28px 0;margin-top:20px;font-size:13px;color:var(--mut)}.ftr a{color:#7dd3fc;margin:0 6px}.ftr p{margin:8px 0;text-align:center}.logo img{max-height:46px}.line{padding:8px 0;border-bottom:1px solid var(--bd)}@media(max-width:768px){.grid,.hero{grid-template-columns:1fr}}

/* === 进阶养蜘蛛模块 === */
.related-links,.spider-hub,.article-tags,.spider-kws{margin:0;padding:0;border:0;background:transparent}
.related-links,.spider-hub{margin:24px 0;padding:20px;background:rgba(0,0,0,.03);border-radius:10px;border:1px solid rgba(0,0,0,.06)}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.hub-block{background:#fff;padding:14px;border-radius:8px;border:1px solid rgba(0,0,0,.05)}
.hub-title{font-size:14px;font-weight:700;margin:0 0 10px;padding-bottom:8px;border-bottom:1px dashed rgba(0,0,0,.1)}
.hub-links{display:flex;flex-wrap:wrap;gap:6px 10px;line-height:1.8}
.hub-links a{font-size:13px;display:inline-block;padding:2px 0}
.spider-kws{margin:16px 0;padding:12px;background:rgba(0,0,0,.02);border-radius:6px;font-size:13px;line-height:2;color:inherit;opacity:.85}
.spider-kws span{margin-right:8px}
.spider-footer-extra{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.08);font-size:12px;line-height:2}
.spider-ft-row{margin:6px 0}
.spider-ft-row a{margin-right:10px;display:inline-block}
.logo-link{display:inline-block;line-height:0;background:url(../images/logo.svg) left center/contain no-repeat;min-width:140px;min-height:44px}
.logo-img{max-height:48px;width:auto;vertical-align:middle}