.detail-shell{max-width:1125px;margin:30px auto 70px;display:grid;grid-template-columns:minmax(0,820px) 270px;gap:35px}.detail-main .player{width:100%;aspect-ratio:16/9}.detail-title-row{display:flex;gap:20px;justify-content:space-between;padding:20px 0 18px;border-bottom:1px solid #202432}.detail-title-row h1{font-size:20px;line-height:1.45;margin:0}.detail-title-row button{align-self:center;white-space:nowrap;border:1px solid #34394a;background:#1b1f2d;color:#bbb;border-radius:4px;padding:12px 17px}.detail-note{border-left:3px solid #ff5a68;padding:3px 0 3px 15px;color:#aaa;line-height:1.7}.detail-meta{display:flex;gap:30px;padding:18px 0}.detail-meta span{display:flex;gap:9px}.detail-meta b{color:#777b8b}.detail-tags{display:flex;flex-wrap:wrap;gap:7px}.detail-tags a{background:#202332;border-radius:4px;padding:7px 11px;color:#bbb;text-decoration:none}.comments{margin-top:55px}.comments h3{font-weight:400;color:#888}.comment-login{display:flex;align-items:center;gap:14px}.comment-login p{background:#171b28;padding:14px 20px;color:#868997}.empty-comment{padding:36px 0;color:#676a78}.guess{margin-top:48px}.guess .grid{grid-template-columns:repeat(4,1fr)}.detail-side h3{margin:0 0 18px}.detail-side>a{display:flex;gap:10px;text-decoration:none;margin-bottom:15px;min-width:0}.detail-side img{width:105px;height:70px;object-fit:cover;border-radius:4px}.detail-side div{min-width:0}.detail-side b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.4}.detail-side span{display:block;color:#666a78;font-size:11px;margin-top:8px}
@media(max-width:850px){.detail-shell{display:block;margin:15px 15px 55px}.detail-title-row{display:block}.detail-title-row h1{font-size:20px}.detail-title-row button{margin-top:16px}.detail-meta{display:block}.detail-meta span{margin:11px 0}.comments{margin-top:44px}.guess .grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:14px;padding-bottom:12px;scrollbar-width:none}.guess .grid::-webkit-scrollbar{display:none}.guess .card{flex:0 0 calc(50% - 7px);scroll-snap-align:start}.detail-side{margin-top:65px}.detail-side h3{font-size:22px}.detail-side>a{display:flex}.detail-side img{width:46%;height:auto;aspect-ratio:1.55}.detail-side b{font-size:13px}}