.detail-hero{background:linear-gradient(120deg,#071b25,#123d49);color:#fff;padding:62px 0}.detail-hero h1{font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.06;letter-spacing:-.04em;margin:18px 0 14px}.detail-hero>div>p{color:#c4d0d3;font-size:1.08rem;max-width:760px}.breadcrumb{display:flex;align-items:center;gap:9px;color:#8fa5ab;font-size:.78rem;margin-bottom:32px}.breadcrumb b{color:#d7e1e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-grid{display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:start}.detail-content,.detail-side{border:1px solid var(--line);border-radius:14px;padding:30px}.detail-content h2{margin-top:0}.article-body{white-space:normal;line-height:1.8;color:#34464e}.detail-side{display:grid;gap:15px;background:var(--bg)}.detail-side h3{margin:0 0 4px}.detail-side>div{display:grid;border-bottom:1px solid var(--line);padding-bottom:11px}.detail-side span{font-size:.73rem;color:var(--muted)}.detail-note{font-size:.75rem;color:var(--muted);margin:0}.demo-link{font-weight:800;color:#89969b;font-size:.8rem}@media(max-width:920px){.detail-grid{grid-template-columns:1fr}}@media(max-width:620px){.detail-hero{padding:45px 0}.detail-content,.detail-side{padding:22px}.breadcrumb b{max-width:140px}}