.gallery-topic-page{display:none;width:100%;max-width:1000px;margin:0 auto}.gallery-topic-page.active{display:block}.topic-hero{background:var(--card-bg);border:1px solid #ddd;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:22px}.topic-hero-image{width:100%;max-height:420px;object-fit:cover;display:block;background:#e9edf1}.topic-hero-body{padding:22px}.topic-hero h1{margin:0 0 10px;color:var(--accent-color);font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.2}.topic-description{color:var(--text-secondary);line-height:1.7;white-space:pre-line}.topic-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.topic-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:7px;border:1px solid var(--accent-color);background:var(--accent-color);color:#fff;font-weight:600;text-decoration:none;cursor:pointer}.topic-button:hover{background:var(--link-hover);color:#fff}.topic-section{margin:26px 0}.topic-section h2{color:var(--accent-color);font-size:1.45em;margin:0 0 13px}.topic-albums{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.topic-album-card{background:var(--card-bg);border:1px solid #ddd;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.06)}.topic-album-card img,.topic-album-placeholder{width:100%;height:170px;object-fit:cover;background:#e9edf1}.topic-album-placeholder{display:flex;align-items:center;justify-content:center;font-size:2rem;color:#89939d}.topic-album-content{padding:13px;display:flex;flex-direction:column;gap:7px;flex:1}.topic-album-content h3{margin:0;font-size:1.08rem;color:var(--accent-color)}.topic-album-content p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.topic-notice{margin-top:12px;padding:10px 12px;border-radius:7px;background:#f3f5f7;color:#626c76;font-size:.82rem;line-height:1.5}.topic-impressions{display:flex;flex-direction:column;gap:13px}.topic-impression{background:var(--card-bg);border:1px solid #ddd;border-radius:9px;padding:16px}.topic-impression-date{color:var(--text-secondary);font-size:.8rem;margin-bottom:5px}.topic-impression h3{margin:0 0 8px;color:var(--accent-color);font-size:1.12rem}.topic-impression-body{white-space:pre-line;line-height:1.65}.topic-impression-image{display:block;width:100%;max-width:650px;max-height:460px;object-fit:contain;margin:12px 0 0;border-radius:7px;background:#f0f2f5}.topic-impression-link{display:inline-block;margin-top:10px;color:var(--link-hover);font-weight:600}.topic-empty{padding:16px;border:1px dashed #c8cdd2;border-radius:8px;color:var(--text-secondary);background:rgba(255,255,255,.55)}.topic-rss{display:inline-flex;align-items:center;gap:6px;color:#b85b00;font-weight:600;text-decoration:none}.topic-rss:hover{text-decoration:underline}@media(max-width:600px){.topic-hero-body{padding:16px}.topic-albums{grid-template-columns:1fr 1fr}.topic-album-card img,.topic-album-placeholder{height:125px}.topic-album-content{padding:10px}.topic-button{font-size:.88rem;padding:9px 10px}}
.topic-push-button{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid #cbd5df;border-radius:5px;background:transparent;color:var(--text-secondary);font:inherit;font-size:.84rem;cursor:pointer;transition:background .2s,border-color .2s}.topic-push-button:hover{background:#f1f5f8;border-color:#9aa9b8;color:var(--accent-color)}.topic-push-button:disabled{opacity:.6;cursor:wait}

/* Compact topic-follow chooser */
.topic-follow{display:block;margin-top:14px}
.topic-follow-toggle{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--accent-color);border-radius:7px;background:var(--accent-color);color:#fff;font:inherit;font-weight:650;cursor:pointer}
.topic-follow-toggle:hover{filter:brightness(.94)}
.topic-follow-panel{display:grid;gap:9px;max-width:690px;margin-top:10px;padding:12px;border:1px solid #d8dee5;border-radius:9px;background:var(--card-bg)}
.topic-follow-panel[hidden]{display:none}
.topic-follow-intro{margin:0 0 1px;color:var(--text-secondary);font-size:.9rem}
.topic-follow-option{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #e0e4e8;border-radius:7px;background:rgba(127,137,148,.045)}
.topic-follow-copy{min-width:0}
.topic-follow-copy strong{display:block;font-size:.94rem;color:var(--text-primary,var(--text-color))}
.topic-follow-copy p{margin:4px 0 0;color:var(--text-secondary);font-size:.84rem;line-height:1.45}
.topic-follow-action{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border:1px solid #cbd5df;border-radius:6px;background:transparent;color:var(--accent-color);font:inherit;font-size:.84rem;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}
.topic-follow-action:hover{background:rgba(127,137,148,.1)}
.topic-follow-action:disabled{opacity:.7;cursor:default}
.topic-follow-rss{color:#a65300}
@media(max-width:600px){.topic-follow-option{align-items:flex-start;flex-direction:column;gap:8px}.topic-follow-action{align-self:flex-start}.topic-follow-panel{padding:9px}}