.topic-detail-root{--topic-detail-radius-sheet:16px;--topic-detail-shadow-sheet:0 -4px 24px rgba(0,0,0,.12)}.bstem .topic-detail-root,body.bstem .topic-detail-root{--topic-detail-shadow-sheet:0 -4px 28px rgba(0,0,0,.45)}.topic-detail-body{background:var(--tpl-bg-base)}.topic-detail-friend-wrap{margin:24px auto 16px;max-width:600px;padding:0 16px}@media screen and (max-width:819px){body#topicDetailPage #topnav,body.topic-detail-body #topnav{display:none!important}body#topicDetailPage .topic-detail-body,body.topic-detail-body{padding-top:0!important}}.topic-detail-hero{background:var(--tpl-bg-muted);box-sizing:border-box;height:30vh;height:30dvh;max-height:30vh;max-height:30dvh;max-width:100%;min-height:30vh;min-height:30dvh;overflow:hidden;position:relative;width:100%}.topic-detail-hero-img{display:block;height:100%;left:0;object-fit:cover;object-position:center center;position:absolute;top:0;width:100%}.topic-detail-hero-scrim{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.08) 38%,rgba(0,0,0,.55));inset:0;pointer-events:none;position:absolute}.topic-detail-hero-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:8px;z-index:5}.topic-detail-appbar{align-items:center;background:transparent;box-sizing:border-box;display:flex;justify-content:space-between;left:0;min-height:44px;padding:calc(4px + env(safe-area-inset-top, 0px)) 10px 4px;position:absolute;right:0;top:0;z-index:10}.topic-detail-appbar-back{align-items:center;background:rgba(0,0,0,.28);border:none;border-radius:var(--tpl-radius);color:var(--tpl-text-on-inverse);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;margin:0;padding:0;width:44px}.topic-detail-appbar-back:focus-visible{outline:2px solid var(--tpl-accent);outline-offset:2px}.topic-detail-appbar-back .iconfont{font-size:20px;line-height:1}.topic-detail-appbar-title{color:var(--tpl-text-on-inverse);flex:1;font-size:15px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;padding:0 6px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.topic-detail-appbar-spacer{flex-shrink:0;height:44px;width:44px}.topic-detail-main{background:var(--tpl-bg-base);margin-top:-12px;padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px));position:relative;z-index:2}.topic-detail-inner{margin:0 auto;max-width:1120px;padding:20px 16px 24px}.topic-detail-title{color:var(--tpl-text-strong);font-size:22px;font-weight:700;line-height:1.35;margin:0 0 8px;padding:0}.topic-detail-meta{color:var(--tpl-text-muted);font-size:14px;line-height:1.45;margin:0 0 12px}.topic-detail-meta-sep{margin:0 2px}.topic-detail-desc{color:var(--tpl-text-muted);font-size:15px;line-height:1.65;margin:0 0 16px}.topic-detail-desc--plain{margin:0 0 16px}.topic-detail-stats{align-items:center;display:flex;flex-wrap:wrap;gap:16px 24px;margin-bottom:16px}.topic-detail-stat{align-items:center;color:var(--tpl-text-subtle);display:inline-flex;font-size:14px;gap:6px;line-height:1.2}.topic-detail-stat[href]{text-decoration:none}.topic-detail-stat--fav,.topic-detail-stat--up{cursor:pointer}.topic-detail-stat-ico{align-items:center;box-sizing:border-box;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.topic-detail-stat-ico--eye{border:none;color:var(--tpl-text-subtle);padding:0}.topic-detail-stat-ico--eye svg{display:block;opacity:.9}.topic-detail-stat-ico--dashed{border-radius:0}.topic-detail-stat-ico--dashed svg{display:block}.topic-detail-stat-ico--like svg{fill:#e5455d}.topic-detail-stat-ico--fav svg{fill:#f5a623}.topic-detail-stat-val{color:var(--tpl-text-muted);font-variant-numeric:tabular-nums}.topic-detail-stat--fav.is_fav,.topic-detail-stat--fav.is_fav .topic-detail-stat-val,.topic-detail-stat--up.is_click,.topic-detail-stat--up.is_click .topic-detail-stat-val{color:var(--tpl-accent);font-weight:600}.topic-detail-divider{border:none;border-top:1px solid var(--tpl-border-soft);margin:0 0 16px}.topic-detail-vod-heading{color:var(--tpl-text-strong);font-size:16px;font-weight:600;line-height:1.35;margin:0 0 12px;padding:0}.topic-detail-vod-grid{display:grid;gap:12px 10px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;width:100%}.topic-detail-vod-grid .vodlist_item{float:none;margin:0;max-width:100%;padding:0;width:auto}.topic-detail-vod-grid .vodlist_thumb{background-color:var(--tpl-bg-muted);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:var(--tpl-radius-cover);display:block;overflow:hidden;padding-top:140%;position:relative;width:100%}.topic-detail-vod-grid .vodlist_titbox{margin-top:6px;padding:0 2px}.topic-detail-vod-grid .vodlist_title{color:var(--tpl-text-strong);display:-webkit-box;font-size:13px;font-weight:500;-webkit-line-clamp:2;line-height:1.35;margin:0;-webkit-box-orient:vertical;overflow:hidden}.topic-detail-vod-grid .vodlist_title a{color:inherit;text-decoration:none}.topic-detail-vod-grid .vodlist_sub{color:var(--tpl-text-subtle);display:-webkit-box;font-size:12px;-webkit-line-clamp:1;line-height:1.3;margin:4px 0 0;-webkit-box-orient:vertical;overflow:hidden}.topic-detail-vod-grid .vod_info_wrap{display:none}.topic-detail-empty{padding:40px 16px 24px;text-align:center}.topic-detail-empty-icon{background-image:url(../../images/la/no-topic.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:48px;margin:0 auto 12px;width:48px}.topic-detail-empty-txt{color:var(--tpl-text-subtle);font-size:14px;margin:0}@media screen and (min-width:820px){body#topicDetailPage .topic-detail-appbar,body.topic-detail-body .topic-detail-appbar{display:none!important}.topic-detail-hero-badge{right:16px;top:10px}.topic-detail-main{margin-top:-14px}.topic-detail-inner{padding:24px 20px 32px}.topic-detail-vod-grid{gap:16px 14px;grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:1100px){.topic-detail-vod-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.topic-detail-hero-img{transition:none}}