:root{--primary:#334155;--secondary:#1e293b;--accent:#94a3b8;--bg:#f8fafc;--text:#0f172a;--radius:0px}
*{box-sizing:border-box}body{margin:0;font-family:Arial, sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.c3fff12436{max-width:1200px;margin:0 auto;padding:0 16px}
header.c763f56bed{background:var(--secondary);color:#fff;min-height:88px}
header.c763f56bed a{color:#fff;text-decoration:none;margin-right:16px}
.c4c8fd33d9{font-size:20px;font-weight:bold;padding:16px 0}
.c73c751bb7{padding:32px 0;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;text-align:center}
.c92dc9b450{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.c63e80f4cd{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.c63e80f4cd img{width:100%;height:160px;object-fit:cover;border-radius:var(--radius)}
.c1d79866d7{padding:32px 0}
footer.c902007fa8{background:#111827;color:#cbd5e1;padding:24px 0;margin-top:32px}
.c8ad0fa562{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.c42d964d22-list .c2ae324b8b{padding:12px 0;border-bottom:1px solid #e5e7eb}
.cdc96f414a{background:#fff;padding:16px;border-radius:var(--radius)}
.c5ff46d205{display:none}
@media(max-width:768px){.c92dc9b450{grid-template-columns:1fr 1fr}.c8ad0fa562{grid-template-columns:1fr}.c5ff46d205{display:flex;justify-content:space-around;background:var(--secondary);position:fixed;bottom:0;left:0;right:0;padding:8px 0}}

.sp-breadcrumb ol{list-style:none;padding:0;margin:8px 0 16px;display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:#64748b}
.sp-breadcrumb a{color:var(--primary);text-decoration:none}
.sp-pagination{margin-top:24px;display:flex;gap:8px;flex-wrap:wrap}
.sp-pagination a{padding:6px 12px;border:1px solid #e5e7eb;border-radius:4px;text-decoration:none;color:var(--text)}
.sp-pagination a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.z9b60412d{display:inherit}.z9906c397{visibility:visible}.z4da7c327{opacity:1}.ze15be9de{position:static}.zeb21e418{float:none}.zcea92b74{clear:none}.z2900ea88{overflow:visible}.zc296e0fe{z-index:auto}.z479a4795{display:inherit}.zb9b9aef0{visibility:visible}.z9f31fb24{opacity:1}
/* spiderpool: content page */
.sp-article{background:#fff;border-radius:var(--radius,4px);padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.sp-article-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eef2f7}
.sp-article-header h1{margin:0 0 8px;font-size:1.75rem;line-height:1.35;color:var(--text,#0f172a)}
.sp-article-meta{margin:0;color:#64748b;font-size:14px}
.sp-article-pic{margin:0 0 20px;text-align:center}
.sp-article-pic img{max-width:100%;width:auto;height:auto;max-height:420px;border-radius:var(--radius,4px);object-fit:contain}
.sp-article-body{line-height:1.85;color:#334155;font-size:16px;word-break:break-word}
.sp-article-body p{margin:0 0 1em}
.sp-related-articles{margin-top:28px;padding:28px 0 8px;background:#f8fafc}
.sp-related-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.sp-related-title{margin:0 0 12px;font-size:1.125rem;color:var(--text,#0f172a)}
.sp-related-links{list-style:none;padding:0;margin:0}
.sp-related-links li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}
.sp-related-links li:last-child{border-bottom:none}
.sp-related-links a{flex:1;color:var(--primary,#2563eb);text-decoration:none;line-height:1.5}
.sp-related-links a:hover{text-decoration:underline}
.sp-related-links time{color:#94a3b8;font-size:13px;white-space:nowrap}
@media(max-width:768px){
.sp-article{padding:16px}
.sp-article-header h1{font-size:1.375rem}
.sp-article-pic img{max-height:260px}
}
