:root{--bg:#121314;--paper:#f3f1eb;--ink:#222327;--orange:#ff733e;--muted:#6a6a6e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}figure{margin:0}img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 15%}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:white;padding:1rem;z-index:10}.catbar{display:flex;justify-content:space-between;align-items:center;background:#141414;color:white;padding:1rem 4vw}.brand{font-size:1.7rem;font-weight:950}.brand span{color:var(--orange);margin-right:.3rem}.catbar nav{display:flex;gap:2rem;font-weight:850}.catbar nav a:hover{color:var(--orange)}.cat-cover{background:#1c1a1a;color:white}.cat-cover figure{height:490px;background:#181818}.cat-cover img{object-fit:contain}.cover-copy{padding:3rem 5vw 4rem;display:grid;grid-template-columns:160px minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:start}.cover-copy small{color:#ffae87;font-weight:900;letter-spacing:.08em}.cover-copy h1{font-size:clamp(3rem,5vw,6rem);line-height:1.1;margin:0}.cover-copy p{font-size:1.15rem;line-height:1.85;margin:0;color:#e4d9d3}.stream-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 270px;gap:3rem;max-width:1650px;margin:auto;padding:5rem 4vw}.stream-nav{align-self:start;position:sticky;top:2rem;display:flex;flex-direction:column;gap:.4rem}.stream-nav b{font-size:1.1rem;padding:.5rem;color:#a1472e}.stream-nav a{display:flex;gap:.8rem;align-items:center;border-bottom:1px solid #c9c3bb;padding:1rem .5rem;font-weight:900}.stream-nav a:hover{color:#c14b23}.stream-nav small{color:#c14b23;font-weight:950}.stream-main{min-width:0}.stream-intro{padding-bottom:2rem;border-bottom:2px solid var(--ink)}.stream-intro span,.stream-side span,.cat-choose small{color:#bf4b28;font-weight:950}.stream-intro h2{font-size:clamp(2.5rem,4vw,4.7rem);line-height:1.12;margin:.5rem 0}.stream-intro p{color:var(--muted);line-height:1.8;font-size:1.1rem}.stream-card{max-width:710px;margin:2rem auto 4rem;background:white;box-shadow:0 10px 35px #2827271a;border:1px solid #e2d9d1}.stream-label{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid #e2d9d1}.stream-label b{background:var(--orange);color:#24140e;padding:.3rem .5rem}.stream-label span{font-weight:900}.stream-card figure{height:560px;overflow:hidden;background:#222}.stream-copy{padding:1.6rem}.stream-copy h3{font-size:clamp(2rem,3vw,3.4rem);line-height:1.17;margin:.2rem 0 1rem}.stream-copy p{color:#5d5a5a;font-size:1.1rem;line-height:1.86}.stream-copy a{display:inline-block;margin-top:1rem;color:#b74720;font-weight:900}.stream-side{align-self:start;position:sticky;top:2rem}.stream-side section{border-top:3px solid #222;margin-bottom:3rem;padding-top:1rem}.stream-side h2{font-size:1.65rem;line-height:1.25}.stream-side p{line-height:1.8;color:#686368}.stream-side a{font-weight:900;color:#b74720}.cat-choose{background:#202121;color:white;padding:5rem 8vw}.cat-choose h2{font-size:clamp(2.4rem,4vw,4.8rem);line-height:1.2;max-width:1100px}.cat-choose p{max-width:850px;line-height:1.8;color:#d6d2ce;font-size:1.1rem}.cat-choose a{display:inline-block;color:#ffb08d;font-weight:900;margin-top:1rem}footer{display:flex;gap:2rem;align-items:center;background:#111;color:#c5c1bc;padding:2rem 4vw}footer b{color:white}footer a{margin-left:auto;color:#ffad88}@media(max-width:1100px){.stream-layout{grid-template-columns:170px minmax(0,1fr);gap:1.5rem}.stream-side{grid-column:2;position:static;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.cover-copy{grid-template-columns:1fr 1fr}.cover-copy small{grid-column:span 2}}@media(max-width:700px){.catbar{display:block;padding:1rem 5vw}.catbar nav{margin-top:.7rem;gap:1.2rem}.cat-cover figure{height:300px}.cover-copy{display:block;padding:2.5rem 5vw 3rem}.cover-copy h1{font-size:3.4rem;margin:.7rem 0 1rem}.stream-layout{display:block;padding:0 0 3rem}.stream-nav{position:static;display:flex;flex-direction:row;overflow:auto;gap:.3rem;padding:.6rem 5vw;border-bottom:1px solid #c9c3bb}.stream-nav b{display:none}.stream-nav a{white-space:nowrap;border:0;padding:.5rem .8rem;background:#e7e0d9;border-radius:30px}.stream-nav small{display:none}.stream-intro{padding:2.8rem 5vw}.stream-main{padding:0 5vw}.stream-card{margin:1.5rem auto 2.5rem}.stream-card figure{height:425px}.stream-copy{padding:1.3rem}.stream-side{display:block;padding:1rem 5vw}.stream-side section{margin-bottom:2rem}.cat-choose{padding:4rem 5vw}footer{display:block}footer span{display:block;margin:.5rem 0}footer a{display:inline-block}}
@media(min-width:701px){.cat-cover img{object-fit:cover;object-position:center top}}