.topic-hero{background:#17142b;color:#fff;border:0}.topic-hero .portal-hero-copy{color:#d9d5eb}.topic-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.65fr);gap:30px;align-items:center}.topic-mark{padding:24px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:8px}.topic-mark strong{display:block;margin-bottom:8px;font-size:30px}.topic-mark span{color:#cec9df}.topic-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-rule{padding:18px;border:1px solid #e4e2eb;background:#fff;border-radius:8px}.topic-rule strong{display:block;margin-bottom:6px;color:#231b3f}.topic-rule p{margin:0;color:#6b6875}.topic-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.topic-toolbar h2,.topic-toolbar p{margin:0}.topic-toolbar p{margin-top:6px;color:#6b6875}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic-card{position:relative;overflow:hidden;border:1px solid #e3e0e9;background:#fff;border-radius:8px}.topic-card.is-featured{border-color:#6d43c4;box-shadow:0 10px 28px rgba(78,39,142,.12)}.topic-card-media{position:relative;aspect-ratio:16/9;background:#f1eff6;overflow:hidden}.topic-card-media img{width:100%;height:100%;object-fit:cover}.topic-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:42px;font-weight:800;color:#4f2991}.topic-badge{position:absolute;top:12px;left:12px;padding:5px 9px;border-radius:4px;background:#4f2991;color:#fff;font-size:12px;font-weight:700}.topic-card-body{padding:18px}.topic-card-body h3{min-height:48px;margin:0 0 10px;font-size:17px;line-height:1.45}.topic-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.topic-meta span{padding:4px 7px;background:#f4f2f8;color:#665f73;border-radius:4px;font-size:12px}.topic-buy-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.topic-price{color:#d92d20;font-size:25px;font-weight:800}.topic-empty{padding:60px 20px;text-align:center;color:#6b6875}.topic-notice{border-left:4px solid #4f2991}.topic-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#34b27b}@media(max-width:900px){.topic-hero-grid,.topic-grid{grid-template-columns:1fr 1fr}.topic-rule-grid{grid-template-columns:1fr}}@media(max-width:620px){.topic-hero-grid,.topic-grid{grid-template-columns:1fr}.topic-toolbar{align-items:flex-start;flex-direction:column}}