.topic-directory{background:linear-gradient(180deg,#effcff,#fff);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.topic-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;text-decoration:none;color:var(--text);box-shadow:0 10px 28px rgba(15,82,101,.06)}.topic-card:hover{border-color:#9bddec;transform:translateY(-1px)}.topic-card h2,.topic-card h3{color:var(--dark)}.topic-card p{color:var(--muted)}.topic-card span{margin-top:auto;color:var(--primary);font-weight:900}.topic-hero{background:linear-gradient(135deg,#ecfeff,#fff,#f0fdf4);border-bottom:1px solid var(--line)}.topic-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.topic-stats span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:800;color:var(--dark)}.topic-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.topic-article-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;text-decoration:none;color:var(--text);box-shadow:0 10px 28px rgba(15,82,101,.06)}.topic-article-card:hover{border-color:#9bddec;transform:translateY(-1px)}.topic-article-card p{color:var(--muted)}.topic-article-card em{font-style:normal;margin-top:auto;color:var(--primary);font-weight:900}.topic-path{background:#fff7ed;border-top:1px solid #fed7aa;border-bottom:1px solid #fed7aa}.topic-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-path-card{background:#fff;border:1px solid #fed7aa;border-radius:22px;padding:22px}.topic-path-card p{color:var(--muted)}.article-related{margin:42px auto 20px;padding:26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#f0fbfd,#fff);box-shadow:0 10px 28px rgba(15,82,101,.06)}.article-related h2{font-size:1.65rem}.article-related-intro{color:var(--muted)}.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.article-related-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-decoration:none;color:var(--text)}.article-related-card:hover{border-color:#9bddec}.article-related-card strong{display:block;color:var(--dark);margin-bottom:6px}.article-related-card span{color:var(--muted);font-size:.94rem}.article-topic-link{display:inline-block;margin-top:18px;background:var(--primary);color:#fff;text-decoration:none;font-weight:900;border-radius:999px;padding:11px 16px}.topic-breadcrumbs{font-size:.92rem;color:var(--muted);margin-bottom:14px}.topic-breadcrumbs a{color:var(--dark)}@media(max-width:900px){.topic-grid,.topic-article-grid,.topic-path-grid,.article-related-grid{grid-template-columns:1fr}}