.official-page{background:#fff;color:#182136}
.official-page-main{max-width:1120px;margin:0 auto;padding:120px 20px 70px}
.official-page-title{font-size:34px;line-height:1.25;margin:0 0 10px;color:#0a0e27}
.official-page-sub{font-size:16px;color:#607085;margin:0 0 30px}
.official-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.official-card{border:1px solid #e7ebf2;border-radius:16px;padding:24px;background:#fff;text-decoration:none;color:#182136;box-shadow:0 10px 30px rgba(10,14,39,.05);transition:.2s}
.official-card:hover{transform:translateY(-3px);border-color:#b9d2ff}
.official-card h2{font-size:20px;margin:0 0 10px}
.official-card p{font-size:14px;line-height:1.8;color:#607085;margin:0}
.official-card img{width:100%;height:190px;object-fit:cover;border-radius:10px;margin-bottom:15px}
.official-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.official-tags span{background:#eef5ff;color:#0066ff;border-radius:999px;padding:5px 10px;font-size:12px}
.official-article{max-width:820px}
.official-article-meta{color:#607085;font-size:14px;margin:0 0 20px}
.official-prose{font-size:16px;line-height:1.9;color:#2c3648;white-space:pre-line}
.official-prose html,body{white-space:normal}
.official-prose p{margin:0 0 16px}
.official-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}
.official-gallery img{width:100%;border-radius:10px}
.official-back{display:inline-flex;align-items:center;gap:6px;margin-top:35px;color:#0066ff;text-decoration:none}
@media(max-width:800px){.official-card-grid{grid-template-columns:1fr}.official-page-title{font-size:28px}}