/* 在线看片 · 原创静态视频杂志视觉系统 */
:root {
  --bg: #17191f;
  --panel: #20232b;
  --raised: #282c35;
  --line: #353943;
  --text: #f5f3f0;
  --muted: #afb0ba;
  --accent: #ff9a71;
  --accent-ink: #211b18;
  --mint: #a4d5cd;
  --lilac: #c5b4ef;
  --max: 1240px;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 15px; line-height: 1.75; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .65; }
img { display: block; max-width: 100%; height: auto; }
svg { width: 19px; height: 19px; flex: none; }
button svg, a svg { vertical-align: middle; }
button { border: 0; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
::selection { background: var(--accent); color: var(--accent-ink); }
[hidden] { display: none !important; }
h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 1.4; font-weight: 750; }
p { margin: 0 0 15px; }
small { font-size: 12px; }
.l3zga { width: min(var(--max), calc(100% - 64px)); margin: auto; }
.m4qivxo { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.ptod93h { position: fixed; z-index: 200; top: -70px; left: 20px; background: var(--accent); color: #17191f; padding: 12px; }
.ptod93h:focus { top: 10px; }
.rbsqea0 { position: sticky; z-index: 40; top: 0; background: rgba(23, 25, 31, .96); border-bottom: 1px solid var(--line); }
.s73ua { height: 78px; display: flex; align-items: center; gap: 34px; }
.dxqlgx1u { display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0; }
.dxqlgx1u img { width: 43px; height: 43px; border-radius: 8px; }
.ttw2sv { font-size: 24px; font-weight: 850; letter-spacing: -1px; }
.ttw2sv em { color: var(--accent); font-size: 21px; font-style: normal; letter-spacing: -.5px; }
.q2z8e { font-size: 9px; letter-spacing: 2px; color: var(--muted); display: block; line-height: 1.2; }
.s9orq { display: flex; gap: 24px; align-items: center; flex: 1; }
.s9orq a { color: #c8c8cf; font-size: 13px; white-space: nowrap; position: relative; padding: 26px 0; }
.s9orq a:hover, .s9orq a[aria-current="page"] { color: var(--accent); }
.s9orq a[aria-current="page"]::after { content: ""; position: absolute; bottom: 12px; left: 0; right: 0; height: 2px; background: var(--accent); }
.c6tuu5 { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 11px 20px; border-radius: 6px; background: var(--accent); color: var(--accent-ink); font-size: 14px; font-weight: 700; transition: transform .2s, background .2s; }
.c6tuu5:hover { background: #ffb190; transform: translateY(-2px); }
.c6tuu5.hc6xr { border: 1px solid #61616a; color: var(--text); background: transparent; }
.c6tuu5.hc6xr:hover { border-color: var(--accent); color: var(--accent); }
.c6tuu5.j9n0m { min-height: 36px; font-size: 12px; padding: 7px 13px; }
.garg03 { display: none; background: transparent; padding: 8px; }
.rx0j2 { border-bottom: 1px solid var(--line); background: #1c1f26; }
.dk9tuj { display: flex; align-items: center; min-height: 57px; gap: 23px; }
.ackr33h5 { display: flex; align-items: center; width: 375px; max-width: 100%; background: #292d36; border-radius: 5px; gap: 9px; padding: 4px 11px; }
.ackr33h5 input { color: var(--text); min-width: 0; width: 100%; background: transparent; border: 0; font-size: 12px; padding: 6px 0; outline: none; }
.ackr33h5 button { background: transparent; color: var(--muted); padding: 4px; }
.kr5umvr5 { font-size: 12px; color: var(--muted); }
.dk9tuj > a { font-size: 12px; color: #c9c6d2; }
.dk9tuj > a:hover { color: var(--accent); }
.e8bh15 { margin-left: auto; font-size: 11px; color: #b0b4bf; }
.n5n96mh { position: relative; min-height: 534px; isolation: isolate; overflow: hidden; background: #1c2026; }
.ernc6dz3, .ernc6dz3 img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; object-position: center; z-index: -3; }
.n5n96mh::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(16, 19, 25, .97), rgba(16, 19, 25, .73) 34%, rgba(16, 19, 25, .1) 69%), linear-gradient(0deg, #17191f, transparent 30%); }
.jo805 { padding: 76px 0 65px; max-width: 620px; }
.wdkmjs65 { display: flex; align-items: center; gap: 10px; color: var(--accent); font-size: 11px; letter-spacing: 2px; margin-bottom: 20px; font-weight: 650; }
.wdkmjs65::before { content: ""; width: 23px; height: 1px; background: var(--accent); }
.n5n96mh h1 { font-size: clamp(37px, 4.2vw, 62px); letter-spacing: -2px; line-height: 1.19; margin-bottom: 23px; }
.n5n96mh h1 .wh5mc06t { display: block; font-size: 17px; color: #ded6d3; letter-spacing: 2px; margin-bottom: 14px; }
.n5n96mh h1 strong { color: var(--accent); font-weight: inherit; }
.n5n96mh p { max-width: 440px; font-size: 14px; color: #c0c2c9; line-height: 1.9; }
.vz859is { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 27px; }
.gt5tq { display: flex; gap: 25px; margin-top: 29px; color: #bdbdc5; font-size: 11px; }
.gt5tq span { display: flex; align-items: center; gap: 6px; }
.sspmja72 { position: absolute; right: max(32px, calc((100vw - var(--max)) / 2)); bottom: 52px; border-left: 2px solid var(--accent); padding: 2px 15px; font-size: 10px; color: #e0d6d0; letter-spacing: 2px; }
.sspmja72 b { display: block; font-size: 19px; color: white; letter-spacing: 1px; }
.sspmja72 small { color: #cecbc8; letter-spacing: 0; }
.xtn7t { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--line); overflow: auto; scrollbar-width: thin; }
.q6ccj { display: flex; align-items: center; gap: 12px; min-width: fit-content; }
.e7994 { display: grid; place-items: center; width: 42px; height: 42px; background: #292d35; border-radius: 10px; color: var(--accent); }
.q6ccj:nth-child(2) .e7994 { color: var(--mint); }
.q6ccj:nth-child(3) .e7994 { color: var(--lilac); }
.q6ccj b { font-size: 13px; display: block; }
.q6ccj small { font-size: 10px; color: var(--muted); }
.q6ccj:hover b { color: var(--accent); }
.fyd7uhe7 { padding: 50px 0 12px; }
.fyd7uhe7:last-of-type { padding-bottom: 50px; }
.gtcb3 { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.j1zdr { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 10px; color: var(--accent); letter-spacing: 2px; margin-bottom: 8px; display: block; }
.gtcb3 h2 { font-size: 25px; letter-spacing: -.5px; }
.gtcb3 p { color: var(--muted); font-size: 12px; margin: 8px 0 0; }
.v2571a { font-size: 12px; color: var(--accent); white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; }
.v2571a:hover { text-decoration: underline; }
.mh5qnj { display: flex; align-items: center; gap: 7px; margin-bottom: 21px; overflow-x: auto; }
.t3ndxn0n { padding: 6px 16px; border: 1px solid var(--line); background: transparent; border-radius: 4px; white-space: nowrap; font-size: 12px; color: #cac9d1; }
.t3ndxn0n[aria-pressed="true"] { color: var(--accent-ink); background: var(--accent); border-color: var(--accent); }
.y9d16mo { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 20px; }
.p79348 { min-width: 0; transition: transform .2s; }
.p79348:hover { transform: translateY(-3px); }
.uufbe85 { position: relative; aspect-ratio: 16 / 9; width: 100%; padding: 0; overflow: hidden; background: #2a2d35; border-radius: 8px; display: block; text-align: left; }
.uufbe85 img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.uufbe85::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,.65), transparent 53%); }
.p79348:hover .uufbe85 img { transform: scale(1.045); }
.k6z58n, .qc3phec { position: absolute; z-index: 2; font-size: 10px; line-height: 1.3; }
.k6z58n { top: 10px; left: 10px; background: rgba(22, 24, 31, .8); padding: 4px 7px; border-radius: 3px; }
.qc3phec { bottom: 10px; right: 10px; padding: 3px 5px; background: rgba(10,10,10,.7); font-family: ui-monospace, monospace; }
.qdl7n3 { position: absolute; z-index: 3; inset: 0; margin: auto; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: var(--accent); color: var(--accent-ink); box-shadow: 0 0 0 7px rgba(255,154,113,.16); opacity: 0; transform: scale(.75); transition: opacity .2s, transform .2s; }
.uufbe85:hover .qdl7n3, .uufbe85:focus-visible .qdl7n3 { opacity: 1; transform: scale(1); }
.qdl7n3 svg { width: 22px; height: 22px; }
.qv2y250 { padding: 12px 0 0; }
.qv2y250 h3 { font-size: 14px; line-height: 1.6; margin-bottom: 7px; }
.qv2y250 h3 a:hover { color: var(--accent); }
.f1pz3 { font-size: 11px; color: var(--muted); line-height: 1.7; margin: 0 0 8px; }
.hmjee7 { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 10px; color: #a5a8b5; }
.hmjee7 span { display: flex; align-items: center; gap: 4px; }
.hmjee7 svg { width: 12px; height: 12px; }
.w0gkikp1 { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.w2tl0 { color: #bec2ce; font-size: 9px; background: #292d37; padding: 2px 6px; border-radius: 3px; }
.w5g31a53 { margin: 22px 0 0; color: #aeb0bb; font-size: 11px; padding: 11px 15px; background: #20232b; border-left: 2px solid #65606a; }
.xts8sv2 { display: grid; grid-template-columns: 1.75fr 1fr; gap: 24px; }
.movs008i { position: relative; background: var(--panel); border-radius: 10px; overflow: hidden; }
.k2me4 { position: relative; width: 100%; aspect-ratio: 16 / 7; object-fit: cover; }
.nd15w2k9 { padding: 25px 28px; }
.nd15w2k9 h3 { font-size: 23px; margin: 8px 0 13px; }
.nd15w2k9 p { font-size: 13px; color: var(--muted); }
.w2s5w { font-size: 10px; color: var(--mint); letter-spacing: 1px; }
.va647q { padding: 28px; background: #252331; border-radius: 10px; }
.va647q h3 { font-size: 20px; margin-bottom: 14px; }
.va647q p { color: #bdb8ca; font-size: 13px; }
.va647q ol { padding-left: 19px; color: #d1ccd9; font-size: 13px; line-height: 2.3; }
.va647q .c6tuu5 { margin-top: 8px; }
.o8mye { display: grid; grid-template-columns: 1fr 1.2fr; gap: 32px; padding: 30px; border: 1px solid #3e3b49; border-radius: 10px; background: linear-gradient(120deg, #2e2836, #212830); }
.o8mye img { aspect-ratio: 16 / 11; object-fit: cover; border-radius: 7px; width: 100%; }
.o8mye h3 { font-size: 25px; margin: 10px 0 15px; }
.o8mye p { color: #c1bdc9; font-size: 13px; }
.fer5z63m { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 23px 0; }
.fer5z63m h4 { color: var(--lilac); font-size: 12px; margin-bottom: 6px; }
.fer5z63m p { font-size: 11px; margin: 0; }
.g7s8sa { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.uthkovl2 { padding: 23px; border: 1px solid var(--line); border-radius: 7px; }
.uthkovl2 .pm2wu35k { color: var(--accent); font-family: ui-monospace, monospace; font-size: 11px; }
.uthkovl2 h3 { font-size: 16px; margin: 11px 0 9px; }
.uthkovl2 p { color: var(--muted); font-size: 12px; margin: 0; }
.iegf8ifx { display: grid; grid-template-columns: 1.05fr 1fr; overflow: hidden; background: #242833; border-radius: 10px; }
.iegf8ifx > img { height: 100%; width: 100%; object-fit: cover; }
.er120v { padding: 28px; }
.er120v h3 { font-size: 22px; margin-bottom: 11px; }
.er120v p { color: #bdbdca; font-size: 13px; }
.dxbt8kaf { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 19px 0; }
.dxbt8kaf a { background: #313543; font-size: 11px; border-radius: 4px; padding: 7px 10px; }
.dxbt8kaf a:hover { color: var(--accent); }
.kj99vf { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.brad1 { background: var(--panel); padding: 23px; border-radius: 7px; }
.m37sm { width: 43px; height: 43px; border-radius: 12px; background: #423630; color: var(--accent); display: grid; place-items: center; font-size: 16px; font-weight: bold; float: left; margin-right: 12px; }
.brad1:nth-child(2n) .m37sm { color: var(--mint); background: #2c3d3f; }
.brad1 h3 { font-size: 14px; }
.oz2yet7 { color: var(--muted); font-size: 10px; margin-bottom: 17px; }
.brad1 p { clear: both; font-size: 12px; color: #bdbdc6; }
.brad1 details { font-size: 11px; color: #b5b5c3; margin: 15px 0; }
.brad1 summary { color: var(--accent); cursor: pointer; }
.brad1 dl { margin: 13px 0; }
.brad1 dt { color: #e2dfe8; }
.brad1 dd { margin: 0 0 8px; }
.om1lrog { display: flex; gap: 20px; }
.tia2n { display: grid; grid-template-columns: repeat(4,1fr); gap: 22px; }
.sr8cy { padding-top: 20px; border-top: 1px solid var(--line); }
.uoeq7mu6 { font-family: ui-monospace, monospace; font-size: 33px; color: var(--accent); font-weight: 500; }
.sr8cy h3 { font-size: 14px; margin: 9px 0; }
.sr8cy p { color: var(--muted); font-size: 12px; }
.h0i3bf { display: flex; flex-wrap: wrap; gap: 10px; }
.tkesx7h { display: flex; align-items: center; justify-content: center; flex: 1 1 180px; min-height: 78px; gap: 10px; border: 1px dashed #4a4e59; color: #c4c5cd; background: #1f2229; font-size: 15px; font-weight: 650; letter-spacing: 2px; }
.tkesx7h svg { color: #a2a5b2; width: 25px; height: 25px; }
.cmwr4lvy { color: var(--muted); font-size: 11px; margin-top: 12px; }
.gzfj9007 { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.bp20y { margin: 0; padding: 23px; background: var(--panel); border-radius: 7px; }
.bp20y .bc3n6bmo { color: var(--accent); font-family: Georgia,serif; font-size: 32px; line-height: 1; }
.bp20y blockquote { margin: 10px 0 20px; font-size: 12px; color: #c8c7d0; }
.bp20y figcaption { font-size: 11px; }
.bp20y figcaption small { display: block; color: #969aa7; font-size: 9px; margin-top: 3px; }
.z1hbw { border-top: 1px solid var(--line); }
.z1hbw details { border-bottom: 1px solid var(--line); padding: 18px 4px; }
.z1hbw summary { font-size: 14px; cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.z1hbw summary::-webkit-details-marker { display: none; }
.z1hbw summary::after { content: "+"; color: var(--accent); font-size: 21px; line-height: 1; }
.z1hbw details[open] summary::after { content: "−"; }
.z1hbw details p { font-size: 13px; color: #b8b9c4; margin: 14px 0 0; max-width: 950px; }
.dzl7yk { display: grid; grid-template-columns: 1.25fr 1fr; gap: 27px; padding: 32px; background: #2b2525; border: 1px solid #463a36; border-radius: 10px; }
.dzl7yk h3 { font-size: 24px; margin-bottom: 16px; }
.dzl7yk p { color: #c0b6b4; font-size: 12px; }
.dzl7yk dl { display: grid; grid-template-columns: 100px 1fr; font-size: 12px; gap: 7px 12px; }
.dzl7yk dt { color: #bdb2b0; }
.dzl7yk dd { margin: 0; overflow-wrap: anywhere; }
.dzl7yk dd a { color: var(--accent); }
.cj9u8a { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; }
.rv9qan2v { margin: 0; width: 113px; }
.rv9qan2v img { width: 110px; height: 110px; border-radius: 5px; background: white; }
.rv9qan2v figcaption { font-size: 10px; line-height: 1.5; margin-top: 8px; text-align: center; color: #beb4b7; }
.dt7eq { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.dt7eq > span { font-size: 11px; color: var(--muted); margin-right: 5px; }
.un1tg { font-size: 11px; padding: 6px 13px; border: 1px solid #4a464d; border-radius: 4px; background: transparent; color: #d1cbd0; }
.un1tg:hover { border-color: var(--accent); color: var(--accent); }
.wtpp8xg7 { margin-top: 50px; border-top: 1px solid var(--line); background: #13151a; padding: 38px 0 23px; }
.skxona1 { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }
.kpqh2n { font-size: 11px; color: #9497a3; max-width: 350px; margin-top: 14px; }
.v4gpq3 { display: flex; flex-wrap: wrap; gap: 17px; font-size: 11px; padding-top: 12px; }
.v4gpq3 a:hover { color: var(--accent); }
.rlu2z { margin-top: 25px; padding-top: 18px; border-top: 1px solid #292c35; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-size: 10px; color: #989ba6; }
.kyufk5ib { font-size: 10px; color: #858995; margin-top: 12px; }
.p05he32c { position: fixed; bottom: 24px; right: 20px; z-index: 30; background: #39333a; border: 1px solid #59505a; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 5px; color: var(--accent); }
.iz50t { padding: 48px 0 36px; border-bottom: 1px solid var(--line); background: radial-gradient(ellipse at right, #36303b, transparent 65%); }
.smc48z { display: flex; flex-wrap: wrap; gap: 7px; color: var(--muted); font-size: 11px; margin-bottom: 24px; }
.smc48z a { color: var(--accent); }
.iz50t h1 { font-size: clamp(27px, 4vw, 42px); margin-bottom: 14px; }
.iz50t p { color: #bcbac7; max-width: 730px; font-size: 14px; }
.u1ktt1 { max-width: 880px; margin: 35px auto; padding: 0 24px; }
.u1ktt1 h2 { font-size: 22px; margin: 32px 0 15px; }
.u1ktt1 h3 { font-size: 17px; margin: 24px 0 12px; }
.u1ktt1 p, .u1ktt1 li { font-size: 15px; color: #c4c3cf; line-height: 1.95; }
.u1ktt1 figure { margin: 24px 0; }
.u1ktt1 figure img { border-radius: 8px; width: 100%; }
.u1ktt1 figcaption { font-size: 11px; color: var(--muted); margin-top: 9px; }
.u1ktt1 .v6dle0 { position: relative; }
.v6dle0 button { position: absolute; inset: 0; background: transparent; width: 100%; }
.v6dle0 .qdl7n3 { opacity: 1; transform: scale(1); width: 64px; height: 64px; }
.z8uob6 { font-size: 11px; color: var(--muted); display: flex; flex-wrap: wrap; gap: 15px; margin-top: 17px; }
.y8wc0u5j { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }
.q20bymzk { padding: 24px; background: var(--panel); border-radius: 7px; }
.q20bymzk h3 { font-size: 16px; margin: 12px 0; }
.q20bymzk p { font-size: 12px; color: var(--muted); }
.q20bymzk a { color: var(--accent); font-size: 12px; }
.hulyjh3 { margin-top: 20px; color: #adb0bd; font-size: 11px; }
.hulyjh3 summary { cursor: pointer; }
pre { background: #101218; border: 1px solid var(--line); border-radius: 5px; padding: 20px; overflow: auto; font-size: 11px; line-height: 1.7; max-height: 320px; white-space: pre-wrap; overflow-wrap: anywhere; }
.p20xu { width: min(760px, calc(100% - 32px)); max-height: 90vh; border: 1px solid #494955; border-radius: 12px; padding: 0; background: var(--panel); color: var(--text); overflow: auto; }
.p20xu::backdrop { background: rgba(7,9,15,.86); backdrop-filter: blur(5px); }
.db7pm4 { display: flex; justify-content: space-between; align-items: center; padding: 16px 22px; border-bottom: 1px solid var(--line); }
.db7pm4 span { font-size: 12px; color: var(--accent); }
.pjiy2qy6 { background: #333640; width: 32px; height: 32px; border-radius: 50%; font-size: 22px; line-height: 1; }
.k5hso0 { position: relative; }
.k5hso0 img { width: 100%; max-height: 365px; object-fit: cover; }
.k5hso0 .u9em0 { position: absolute; left: 18px; bottom: 15px; padding: 5px 10px; background: rgba(15,18,24,.9); font-size: 12px; border-radius: 4px; }
.eo1ix { padding: 23px; }
.eo1ix h2 { font-size: 21px; margin-bottom: 15px; }
.eo1ix p { font-size: 13px; color: #c1bfcd; }
.eo1ix li { font-size: 13px; color: #c1bfcd; }
.gstc5 { position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 100; max-width: min(500px, calc(100% - 32px)); padding: 13px 21px; border: 1px solid #595261; background: #32303b; box-shadow: 0 12px 40px #0006; border-radius: 6px; font-size: 13px; color: #f5e8e0; }
.z4scpp { padding: 12px; background: #393028; color: #f0d1bd; text-align: center; font-size: 12px; }
@media (min-width: 1500px) { .n5n96mh { min-height: 590px; } .jo805 { padding-top: 96px; } }
@media (max-width: 1180px) {
  .s73ua { gap: 20px; }
  .s9orq { gap: 15px; }
  .s9orq a { font-size: 11px; }
  .rkmkb2z { display: none; }
  .e8bh15 { display: none; }
  .dk9tuj { gap: 15px; }
  .y9d16mo { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .l3zga { width: calc(100% - 40px); }
  .ttw2sv { font-size: 21px; }
  .s73ua { height: 68px; justify-content: space-between; }
  .garg03 { display: block; }
  .s9orq { position: absolute; left: 0; right: 0; top: 68px; background: #1c1f27; border-bottom: 1px solid var(--line); display: none; flex-direction: column; align-items: stretch; padding: 14px 24px; gap: 0; }
  .s9orq.bmjq5z4 { display: flex; }
  .s9orq a { padding: 11px 0; font-size: 13px; }
  .s9orq a[aria-current="page"]::after { display: none; }
  .dk9tuj > a, .kr5umvr5 { display: none; }
  .ackr33h5 { width: 100%; }
  .n5n96mh { min-height: 500px; }
  .jo805 { max-width: 500px; padding-top: 61px; }
  .n5n96mh::before { background: linear-gradient(90deg, rgba(16,19,25,.94),rgba(16,19,25,.65) 50%,rgba(16,19,25,.13)),linear-gradient(0deg,#17191f,transparent 50%); }
  .n5n96mh h1 { font-size: 49px; }
  .sspmja72 { display: none; }
  .xtn7t { justify-content: flex-start; gap: 30px; }
  .y9d16mo { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .xts8sv2 { grid-template-columns: 1fr; }
  .o8mye { grid-template-columns: 1fr; }
  .o8mye img { aspect-ratio: 16 / 7; }
  .kj99vf, .gzfj9007, .g7s8sa, .y8wc0u5j { grid-template-columns: repeat(2,1fr); }
  .tia2n { grid-template-columns: repeat(2,1fr); }
  .iegf8ifx { grid-template-columns: 1fr; }
  .iegf8ifx > img { aspect-ratio: 16 / 7; }
  .dzl7yk { grid-template-columns: 1fr; }
  .skxona1 { flex-direction: column; }
}
@media (max-width: 540px) {
  html { scroll-padding-top: 85px; }
  body { font-size: 14px; }
  .l3zga { width: calc(100% - 32px); }
  .dk9tuj { min-height: 53px; }
  .n5n96mh { min-height: 534px; }
  .ernc6dz3 img { object-position: 70% center; }
  .n5n96mh::before { background: linear-gradient(90deg,rgba(16,19,25,.88),rgba(16,19,25,.58)),linear-gradient(0deg,#17191f,transparent 55%); }
  .jo805 { padding-top: 58px; }
  .n5n96mh h1 { font-size: 42px; letter-spacing: -1px; }
  .n5n96mh h1 .wh5mc06t { font-size: 14px; }
  .n5n96mh p { font-size: 13px; max-width: 330px; }
  .gt5tq { gap: 15px; flex-wrap: wrap; }
  .vz859is .c6tuu5 { padding: 11px 15px; }
  .xtn7t { gap: 25px; }
  .q6ccj b { font-size: 12px; }
  .e7994 { width: 35px; height: 35px; }
  .fyd7uhe7 { padding-top: 37px; }
  .gtcb3 { align-items: flex-start; gap: 12px; }
  .gtcb3 h2 { font-size: 22px; }
  .gtcb3 > .v2571a { margin-top: 25px; font-size: 10px; }
  .y9d16mo { gap: 22px 12px; }
  .qv2y250 h3 { font-size: 12px; }
  .hmjee7 { font-size: 9px; flex-wrap: wrap; justify-content: flex-start; gap: 9px; }
  .hmjee7 .xxl47 { display: none; }
  .f1pz3 { font-size: 10px; }
  .k6z58n { top: 6px; left: 6px; font-size: 8px; }
  .qc3phec { bottom: 6px; right: 6px; font-size: 9px; }
  .qdl7n3 { width: 34px; height: 34px; }
  .nd15w2k9, .va647q, .er120v { padding: 22px; }
  .nd15w2k9 h3, .o8mye h3, .er120v h3 { font-size: 21px; }
  .k2me4 { aspect-ratio: 16 / 9; }
  .o8mye { padding: 21px; gap: 20px; }
  .fer5z63m { gap: 16px; }
  .g7s8sa, .kj99vf, .gzfj9007, .y8wc0u5j { grid-template-columns: 1fr; }
  .uthkovl2 { padding: 20px; }
  .brad1 { padding: 22px; }
  .tia2n { gap: 20px 16px; }
  .sr8cy h3 { font-size: 13px; }
  .sr8cy p { font-size: 11px; }
  .z1hbw summary { font-size: 13px; }
  .dzl7yk { padding: 22px; }
  .dzl7yk dl { grid-template-columns: 70px 1fr; font-size: 11px; }
  .cj9u8a { gap: 12px; }
  .rv9qan2v { width: 90px; }
  .rv9qan2v img { width: 88px; height: 88px; }
  .rv9qan2v figcaption { font-size: 9px; }
  .v4gpq3 { gap: 15px; }
  .wtpp8xg7 { margin-top: 38px; }
  .iz50t { padding: 34px 0 25px; }
  .u1ktt1 { padding: 0 16px; }
  .u1ktt1 h2 { font-size: 20px; }
  .u1ktt1 p, .u1ktt1 li { font-size: 14px; }
  .eo1ix h2 { font-size: 18px; }
}
@media (hover: none) { .qdl7n3 { opacity: .94; transform: scale(.8); } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}