.xq-topic-portal{display:flex;flex-direction:column;gap:20px}.xq-topic-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:26px;align-items:center;padding:24px;border:1px solid #e5e8ee;border-radius:16px;background:linear-gradient(135deg,#fff,#f7f9fc)}.xq-topic-hero h1{margin:6px 0 10px;color:#202938;font-size:30px;line-height:1.25;font-weight:900}.xq-topic-hero p{max-width:820px;margin:0;color:#667183;font-size:14px;line-height:1.75}.xq-topic-hero__media{margin:0;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#edf0f4}.xq-topic-hero__media img{display:block;width:100%;height:100%;object-fit:cover}.xq-topic-hero__categories{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.xq-topic-hero__categories a{padding:5px 9px;border:1px solid #dfe4ec;border-radius:999px;background:#fff;color:#516078;font-size:11px;font-weight:700;text-decoration:none}.xq-topic-hero__categories a:hover{color:#f97316;border-color:#f2c6aa}.xq-topic-section{padding:20px;border:1px solid #e7e9ee;border-radius:14px;background:#fff}.xq-topic-content{padding:24px}.xq-topic-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.xq-topic-section__head h2{margin:0;color:#242d3c;font-size:20px;font-weight:900}.xq-topic-section__head p{margin:4px 0 0;color:#87909d;font-size:11px}.xq-topic-section__head>a{color:#657083;font-size:12px;font-weight:700;text-decoration:none}.xq-topic-section__head>a:hover{color:#f97316}.xq-topic-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.xq-topic-article-card{display:flex;min-height:140px;flex-direction:column;padding:15px;border:1px solid #e5e8ed;border-radius:11px;color:#283243;text-decoration:none}.xq-topic-article-card:hover{color:#f97316;text-decoration:none;border-color:#d6dce5}.xq-topic-article-card strong{font-size:14px;line-height:1.45}.xq-topic-article-card span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:8px;color:#7c8694;font-size:11px;line-height:1.55}.xq-topic-article-card time{margin-top:auto;padding-top:10px;color:#9aa3ae;font-size:10px}.xq-topic-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.xq-topic-related-card{display:grid;grid-template-columns:130px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:12px;align-items:center;padding:10px;border:1px solid #e5e8ed;border-radius:11px;color:#293345;text-decoration:none}.xq-topic-related-card:hover{text-decoration:none;color:#f97316;border-color:#d8dde5}.xq-topic-related-card>span{grid-row:1/3;display:block;width:130px;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#f1f3f6}.xq-topic-related-card img{display:block;width:100%;height:100%;object-fit:cover}.xq-topic-related-card strong{align-self:end;font-size:13px}.xq-topic-related-card em{align-self:start;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:4px;color:#858e9b;font-size:10px;line-height:1.45;font-style:normal}@media(max-width:991.98px){.xq-topic-hero{grid-template-columns:1fr}.xq-topic-hero__media{max-width:680px}.xq-topic-article-grid,.xq-topic-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.xq-topic-hero,.xq-topic-section{padding:15px}.xq-topic-hero h1{font-size:24px}.xq-topic-article-grid,.xq-topic-related-grid{grid-template-columns:1fr}}