.art-wrap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;max-width:820px;margin:0 auto;padding:30px 20px;color:#2d3748;line-height:1.8}
.art-bc{font-size:14px;color:#718096;margin-bottom:24px}.art-bc a{color:#4a6cf7;text-decoration:none}.art-bc a:hover{text-decoration:underline}
.art-wrap h1{font-size:32px;color:#1a1a2e;line-height:1.3;margin-bottom:16px}
.art-intro{font-size:17px;color:#4a5568;line-height:1.8;margin-bottom:28px;border-left:4px solid #4a6cf7;padding:12px 18px;background:#f8faff;border-radius:0 6px 6px 0}
.art-wrap h2{font-size:24px;color:#1a1a2e;margin-top:36px;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}
.art-wrap h3{font-size:19px;color:#2d3748;margin-top:24px;margin-bottom:10px}
.art-wrap p{font-size:16px;margin-bottom:14px}
.art-wrap ul,.art-wrap ol{margin-bottom:14px;padding-left:24px}.art-wrap li{margin-bottom:6px;font-size:16px}
.art-wrap a{color:#4a6cf7;text-decoration:none}.art-wrap a:hover{text-decoration:underline}
.art-cta{background:linear-gradient(135deg,#f0f4ff,#e8eeff);border:2px solid #4a6cf7;border-radius:10px;padding:28px;text-align:center;margin:40px 0}
.art-cta p{font-size:17px;margin-bottom:14px;color:#2d3748}
.art-cta a.art-btn{display:inline-block;background:#4a6cf7;color:#fff;padding:12px 32px;border-radius:6px;text-decoration:none;font-weight:bold;font-size:16px}
.art-cta a.art-btn:hover{background:#3b5de7}
.art-related{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;padding:22px 26px;margin:36px 0 16px}
.art-related h2{font-size:20px;margin-top:0;margin-bottom:12px;border:none;padding:0}
.art-related ul{list-style:none;padding:0;margin:0;columns:2}.art-related li{margin-bottom:8px;break-inside:avoid}
.art-related a{font-size:15px}
.art-toc{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px 22px;margin-bottom:28px}
.art-toc h3{font-size:16px;font-weight:bold;margin:0 0 10px;color:#1a1a2e}.art-toc ul{list-style:none;padding:0;margin:0}
.art-toc li{margin-bottom:5px}.art-toc a{font-size:14px}
.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.art-grid a{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px;font-size:15px;transition:border-color 0.2s,box-shadow 0.2s}
.art-grid a:hover{border-color:#4a6cf7;box-shadow:0 2px 8px rgba(74,108,247,0.12);text-decoration:none}
.art-step{background:#fff;border-left:3px solid #4a6cf7;padding:12px 18px;margin-bottom:16px;border-radius:0 6px 6px 0}
.art-step b{color:#1a1a2e}
.art-note{background:#fff8dc;border:1px solid #e6c700;border-radius:6px;padding:12px 16px;font-size:15px;margin-bottom:18px;line-height:1.6}
@media(max-width:640px){.art-grid{grid-template-columns:1fr}.art-related ul{columns:1}.art-wrap h1{font-size:26px}.art-wrap{padding:20px 14px}}