.topic-index-app{--topic-radius-card:12px;--topic-shadow-card:0 2px 12px rgba(0,0,0,.06)}.bstem .topic-index-app,body.bstem .topic-index-app{--topic-shadow-card:0 4px 16px rgba(0,0,0,.35)}.topic-index-body{background:var(--tpl-bg-muted);padding-top:100px}body.bstem.topic-index-body{background:var(--tpl-bg-base)}.topic-index-body .container{padding-top:0}.topic-index-friend-wrap{margin:24px auto 16px;max-width:600px;padding:0 16px}@media screen and (max-width:819px){body#topicIndexPage #topnav,body.topic-index-body #topnav{display:none!important}.topic-index-body{padding-top:0!important}}.topic-index-appbar{align-items:center;background:var(--tpl-bg-base);border-bottom:1px solid var(--tpl-border-soft);box-sizing:border-box;display:flex;justify-content:space-between;min-height:48px;padding:calc(8px + env(safe-area-inset-top, 0px)) 12px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topic-index-appbar-back{align-items:center;background:transparent;border:none;border-radius:var(--tpl-radius);color:var(--tpl-text-strong);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;margin:0;padding:0;width:44px}.topic-index-appbar-back:focus-visible{outline:2px solid var(--tpl-accent);outline-offset:2px}.topic-index-appbar-back .iconfont{font-size:20px;line-height:1}.topic-index-appbar-title--mb{color:var(--tpl-text-strong);flex:1;font-size:18px;font-weight:600;line-height:1.3;margin:0;text-align:center}.topic-index-page-h1{color:var(--tpl-text-strong);font-size:22px;font-weight:700;line-height:1.3;margin:0 0 16px;padding:0}@media screen and (max-width:819px){.topic-index-page-h1{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}}.topic-index-appbar-spacer{flex-shrink:0;height:44px;width:44px}.topic-index-main{min-height:40vh;padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px))}.topic-index-inner{margin:0 auto;max-width:720px;padding:16px 12px 24px}.topic-index-status{color:var(--tpl-text-subtle);font-size:14px;line-height:1.5;padding:24px 16px;text-align:center}.topic-index-status--error .topic-index-error-text{margin:0 0 12px}.topic-index-retry-btn{background:var(--tpl-bg-base);border:1px dashed var(--tpl-border);border-radius:var(--tpl-radius);color:var(--tpl-text-strong);cursor:pointer;font-size:14px;min-height:44px;padding:0 24px}.topic-index-retry-btn:focus-visible{outline:2px solid var(--tpl-accent);outline-offset:2px}.topic-index-is-hidden{display:none!important}.topic-feed-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.topic-feed-card{background:var(--tpl-bg-base);border-radius:var(--topic-radius-card);box-shadow:var(--topic-shadow-card);margin:0;overflow:hidden;padding:0}.bstem .topic-feed-card,body.bstem .topic-feed-card{background:var(--tpl-bg-login)}.topic-feed-card-link{color:inherit;cursor:pointer;display:block;text-decoration:none;transition:opacity .2s ease}.topic-feed-card-link:hover{opacity:.92}.topic-feed-card-link:focus-visible{outline:2px solid var(--tpl-accent);outline-offset:2px}.topic-feed-cover-wrap{aspect-ratio:16/9;background:var(--tpl-bg-muted);overflow:hidden;position:relative;width:100%}.bstem .topic-feed-cover-wrap,body.bstem .topic-feed-cover-wrap{background:var(--tpl-bg-base)}.topic-feed-cover{display:block;height:100%;object-fit:cover;width:100%}.topic-feed-badge{background:var(--tpl-accent);border-radius:var(--tpl-radius-nav-bottom);color:var(--tpl-text-on-inverse);font-size:12px;font-weight:600;line-height:1.2;padding:4px 10px;position:absolute;right:10px;top:10px}.topic-feed-body{padding:15px 15px 14px}.topic-feed-title{color:var(--tpl-text-strong);font-size:18px;font-weight:700;line-height:1.35;margin:0 0 6px}.topic-feed-sub{color:var(--tpl-text-muted);display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-height:1.45;margin:0 0 12px;-webkit-box-orient:vertical;overflow:hidden}.topic-feed-stats{align-items:center;display:flex;justify-content:space-between}.topic-feed-stat{color:var(--tpl-text-subtle);font-size:14px;gap:6px;line-height:1.2}.topic-feed-stat,.topic-feed-stat-ico{align-items:center;display:inline-flex}.topic-feed-stat-ico{box-sizing:border-box;flex-shrink:0;height:28px;justify-content:center;width:28px}.topic-feed-stat-ico--eye{border:none;padding:0}.topic-feed-stat-ico--eye svg{fill:currentColor;height:22px;opacity:.85;width:22px}.topic-feed-stat-ico--dashed{border-radius:var(--tpl-radius-nav-bottom)}.topic-feed-stat-ico--dashed svg{height:16px;width:16px}.topic-feed-stat-ico--like svg{fill:#e5455d}.topic-feed-stat-ico--fav svg{fill:#f5a623}.topic-feed-stat-val{font-variant-numeric:tabular-nums}.topic-index-more-wrap{margin-top:20px;text-align:center}.topic-index-more-btn{background:var(--tpl-bg-base);border:1px dashed var(--tpl-border);border-radius:var(--tpl-radius);color:var(--tpl-text-strong);cursor:pointer;font-size:15px;font-weight:500;min-height:48px;min-width:200px;padding:0 32px}.bstem .topic-index-more-btn,body.bstem .topic-index-more-btn{background:var(--tpl-bg-login)}.topic-index-more-btn:focus-visible{outline:2px solid var(--tpl-accent);outline-offset:2px}.topic-index-more-btn:disabled{cursor:not-allowed;opacity:.45}@media screen and (min-width:820px){body#topicIndexPage .topic-index-appbar,body.topic-index-body .topic-index-appbar{display:none!important}.topic-index-main{padding-top:8px}}@media (prefers-reduced-motion:reduce){.topic-feed-card-link{transition:none}}