.detail-main{box-sizing:border-box;inline-size:100%;max-inline-size:1280px;padding-block:var(--space-6) var(--space-7);padding-inline:var(--space-5);margin-inline:auto}.detail-layout{gap:var(--space-6);grid-template-columns:minmax(0,720px) minmax(260px,1fr);align-items:start;display:grid}.detail-col,.detail-side{gap:var(--space-5);flex-direction:column;min-inline-size:0;display:flex}.detail-topbar{align-items:center;gap:var(--space-3);min-inline-size:0;display:flex}.detail-backbtn{border-radius:var(--radius-pill);border:1px solid var(--color-line);background:var(--color-surface);block-size:36px;inline-size:36px;color:var(--color-ink);transition:border-color var(--motion-fast) var(--motion-ease);flex:none;place-items:center;display:grid}.detail-backbtn:hover{border-color:var(--color-ink-2)}.detail-crumbs{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--size-sm);color:var(--color-ink-2);overflow:hidden}.detail-crumbs a{color:var(--color-ink-2)}.detail-crumbs a:hover{color:var(--color-ink);text-decoration:underline}.detail-crumbs-sep{margin-inline:var(--space-2);opacity:.6}.comment-list{padding-block-end:0}@media (width<=767px){.comment-composer-sticky{z-index:20;background:var(--color-surface);box-shadow:var(--shadow-2);padding:var(--space-3);border-block-start:1px solid var(--color-line);position:fixed;inset-block-end:56px;inset-inline:0}.comment-list{padding-block-end:96px}}@media (width<=1279px){.detail-layout{grid-template-columns:minmax(0,1fr)}.detail-side{display:none}}@media (width<=767px){.detail-main{max-inline-size:100%;padding-block:var(--space-4) calc(56px + var(--space-6));padding-inline:var(--space-3)}.detail-col{gap:var(--space-4)}}
