*{box-sizing:border-box}
body{margin:0;background:#f2f3f5;color:#202124;font-family:Arial,Helvetica,sans-serif}
.article-page{max-width:900px;margin:0 auto;background:#fff;min-height:100vh;padding:28px 24px 60px;line-height:1.75}
.article-header{margin-bottom:24px}.article-label{display:inline-block;background:#0b78bd;color:#fff;padding:5px 12px;border-radius:5px;font-size:12px;font-weight:700}.article-page h1{font-size:40px;line-height:1.2;margin:12px 0}.article-meta{color:#777;font-size:14px}.article-page h2{font-size:27px;line-height:1.3;margin-top:38px;border-left:5px solid #0b78bd;padding-left:12px}.article-page h3{margin-top:26px}.article-page table{width:100%;border-collapse:collapse;margin:18px 0}.article-page th,.article-page td{padding:12px;border-bottom:1px solid #ddd;text-align:left}.article-page th{background:#eef6fb}.article-page .highlight{background:#f5f5f5;border-left:5px solid #0b78bd;padding:16px 20px;margin:24px 0}.article-page .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.article-page .tags span{background:#eee;border-radius:20px;padding:5px 11px;font-size:12px}.article-page .article-source{font-size:13px;color:#666}.article-page a{color:#0b78bd}.article-page hr{border:0;border-top:1px solid #ddd;margin:35px 0}.back{display:inline-block;color:#0b78bd;text-decoration:none;font-weight:700;margin-bottom:18px}.category{display:inline-block;background:#0b78bd;color:#fff;padding:5px 12px;border-radius:5px;font-size:12px;font-weight:700}.hero{height:300px;border-radius:14px;margin:24px 0;background:linear-gradient(135deg,#063b67,#101820 60%,#1679b8);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;text-align:center}.hero strong{font-size:40px;line-height:1.15}@media(max-width:600px){.article-page{padding:20px 16px}.article-page h1{font-size:28px}.hero{height:230px}.hero strong{font-size:30px}.article-page h2{font-size:23px}}