*{box-sizing:border-box}body{margin:0;background:#fff;color:#172033;font-family:system-ui,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.article-header{max-width:1200px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f5}.article-header a:first-child{font-size:21px;font-weight:700;color:#2563eb}.article-header a:last-child,.article-back{font-size:14px;color:#64748b}.article-main{width:100%;max-width:1160px;margin:0 auto;padding:72px 0 100px}.article-heading span{color:#2563eb;font-size:14px}.article-heading h1,.article-detail h1{font-size:clamp(30px,4vw,46px);margin:16px 0}.article-heading p,.article-card p{color:#64748b;line-height:1.8}.article-categories{display:flex;gap:10px;flex-wrap:wrap;margin:36px 0}.article-categories a{border-radius:30px;background:#f2f5fa;padding:9px 17px;font-size:14px}.article-categories a.active{background:#2563eb;color:white}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-card{border:1px solid #e8edf5;border-radius:16px;overflow:hidden;transition:box-shadow .2s}.article-card:hover{box-shadow:0 12px 30px #1e3a8a18}.article-card img{width:100%;aspect-ratio:1.8;object-fit:cover}.article-card div{padding:24px}.article-card h2{font-size:20px;line-height:1.5;margin:12px 0}.article-card p{font-size:14px}.article-card span{color:#2563eb;font-size:14px}.article-card time,.article-detail time{color:#94a3b8;font-size:13px}.article-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:56px}.article-pagination a,.article-pagination span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;font-size:14px;line-height:1.4}.article-pagination a{min-width:88px;padding:0 18px;border:1px solid #dce5f3;background:#fff;color:#2563eb;transition:background-color .2s,border-color .2s,box-shadow .2s}.article-pagination a:hover{border-color:#2563eb;background:#eff6ff;box-shadow:0 4px 12px #2563eb18}.article-pagination a:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.article-pagination span{padding:0 16px;background:#f2f5fa;color:#475569;font-variant-numeric:tabular-nums}.article-content{margin-top:44px;line-height:1.9;overflow-wrap:anywhere}.article-content img{max-width:100%;height:auto}.article-content a{color:#2563eb}.article-content pre{overflow:auto;padding:20px;background:#f5f7fb}.article-content table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.article-content td,.article-content th{border:1px solid #e2e8f0;padding:8px}.article-footer{background:#f7f9fd;padding:32px;text-align:center;color:#94a3b8;font-size:13px}@media(max-width:1199px){.article-main{padding-left:32px;padding-right:32px}}@media(max-width:809px){.article-main{padding-left:20px;padding-right:20px}}@media(max-width:800px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.article-main{padding:48px 20px 72px}.article-grid{grid-template-columns:1fr}}

.footer-friendlinks { max-width: 1280px; margin: 0 auto; padding: 0 32px 24px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px 24px; color: #64748b; font-size: 13px; text-align: left; }
.footer-friendlinks strong { color: #334155; font-size: 13px; }
.footer-friendlinks div { display: flex; gap: 12px 20px; flex-wrap: wrap; }
.footer-friendlinks a { color: #64748b; text-decoration: none; }
.footer-friendlinks a:hover { color: #2563eb; }
@media(max-width:540px) { .footer-friendlinks { padding-left: 24px; padding-right: 24px; } }