@charset "UTF-8";
:root {
  color-scheme: dark;
  --ink: #071614;
  --panel: #0d211e;
  --panel-soft: #122b26;
  --paper: #eef9f4;
  --muted: #a2b9af;
  --dim: #738c81;
  --rule: rgba(209, 244, 228, .14);
  --jade: #81f3cf;
  --lime: #d1ffaf;
  --width: 1240px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 86px; }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif; font-size: 15px; line-height: 1.7; }
body, button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; width: 100%; height: 100%; object-fit: cover; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--lime); outline-offset: 4px; border-radius: 4px; }
::selection { color: #071614; background: var(--jade); }
figure { margin: 0; }
.p4c7x1n8 { position: fixed; z-index: 100; top: 10px; left: 12px; padding: 10px 15px; transform: translateY(-150%); background: var(--lime); color: #071614; font-weight: 800; }
.p4c7x1n8:focus { transform: translateY(0); }
.t9k3m6v2 { position: sticky; z-index: 40; top: 0; border-bottom: 1px solid var(--rule); background: rgba(7, 22, 20, .9); backdrop-filter: blur(18px); }
.d5x8p1q7 { width: min(calc(100% - 56px), var(--width)); min-height: 76px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.n2v6c9r4 { display: inline-flex; align-items: center; gap: 11px; white-space: nowrap; }
.a7k1x5m8 { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #baffdf; border-radius: 50% 50% 50% 10%; background: linear-gradient(145deg, var(--jade), #2c8972); color: #08211a; font-size: 18px; font-weight: 950; transform: rotate(-8deg); box-shadow: 0 0 24px #79f0c522; }
.v3q9b2d6 { display: grid; line-height: 1.15; font-size: 14px; font-weight: 900; letter-spacing: .06em; }
.v3q9b2d6 small { margin-top: 5px; color: #819e92; font: 700 8px/1.1 ui-monospace, monospace; letter-spacing: .16em; }
.h4m8p2x6 { display: flex; align-items: center; gap: clamp(10px, 1.6vw, 21px); color: #c2d5cb; font-size: 10px; font-weight: 750; white-space: nowrap; }
.h4m8p2x6 a { transition: color .2s ease; }
.h4m8p2x6 a:hover, .v2c6m9q4 a:hover { color: var(--jade); }
.c1r5n9w3 { display: none; }
.f6q2k8v4 { display: inline-flex; align-items: center; gap: 10px; padding: 9px 12px; border: 1px solid #81f3cf66; color: var(--jade); font-size: 10px; font-weight: 850; white-space: nowrap; transition: background .2s, transform .2s; }
.f6q2k8v4:hover { background: #81f3cf16; transform: translateY(-2px); }

.m9x3r7c1 { position: relative; overflow: hidden; min-height: 680px; border-bottom: 1px solid var(--rule); background: radial-gradient(ellipse at 77% 46%, #1a746022, transparent 33%), radial-gradient(ellipse at 2% 100%, #68ccb011, transparent 38%), linear-gradient(130deg, #091d19, #06120f 64%, #0b211c); }
.m9x3r7c1::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: .17; background: repeating-linear-gradient(0deg, transparent 0 77px, #d3fff20b 78px), repeating-linear-gradient(90deg, transparent 0 77px, #d3fff20b 78px); mask-image: linear-gradient(90deg, #000, transparent 90%); }
.b2n6w8q4 { position: relative; width: min(calc(100% - 64px), var(--width)); min-height: 680px; margin: auto; display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: clamp(38px, 6vw, 88px); padding: 55px 0 84px; }
.c7p1v5m9 { position: relative; z-index: 2; padding: 4px 0 18px; }
.w4k8d2x6 { display: flex; align-items: center; gap: 15px; margin: 0 0 25px; color: var(--jade); font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.w4k8d2x6 time { padding-left: 14px; border-left: 1px solid #94b9aa55; color: #819b90; font: 700 9px/1.2 ui-monospace, monospace; letter-spacing: .08em; }
.x5m9q3r7 { max-width: 700px; margin: 0; font-size: clamp(60px, 9.3vw, 120px); line-height: .97; letter-spacing: -.08em; font-weight: 950; }
.x5m9q3r7 a { color: #f1fff8; transition: color .2s; }
.x5m9q3r7 a:hover { color: var(--jade); }
.x5m9q3r7>span { display: block; margin-top: 18px; color: transparent; background: linear-gradient(97deg, #d0fff0 0%, #91e8ca 48%, #59a990 100%); background-clip: text; -webkit-background-clip: text; font-size: clamp(27px, 4.1vw, 49px); line-height: 1.28; letter-spacing: -.045em; }
.r1v5c9n3 { max-width: 475px; margin: 25px 0 26px; color: #afc9bd; font-size: 13px; line-height: 2.05; }
.k8w2q6m4 { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
.h2x6p9v3 { min-height: 47px; display: inline-flex; align-items: center; justify-content: center; gap: 26px; padding: 0 18px; background: linear-gradient(105deg, #9dffdb, #59ccac 65%, #3c9e83); color: #062019; box-shadow: 0 13px 32px #5ccca32a; font-size: 11px; font-weight: 900; transition: filter .2s, transform .2s, box-shadow .2s; }
.h2x6p9v3:hover { transform: translateY(-3px); filter: brightness(1.09); box-shadow: 0 16px 36px #5ccca34a; }
.d9m3r7c1 { display: inline-flex; align-items: center; gap: 10px; color: #d0e4da; font-size: 11px; font-weight: 750; transition: color .2s, gap .2s; }
.d9m3r7c1:hover { gap: 15px; color: var(--jade); }
.q4v8n2x6 { margin: 31px 0 0; color: #819d91; font: 700 9px/1.5 ui-monospace, monospace; letter-spacing: .09em; }
.q4v8n2x6 span { display: inline-block; width: 6px; height: 6px; margin: 0 8px 1px 0; border-radius: 50%; background: var(--jade); box-shadow: 0 0 12px var(--jade); }
.q4v8n2x6 i { margin: 0 7px; color: #4a7364; font-style: normal; }
.a1m5k9v3 { position: relative; min-width: 0; min-height: 500px; display: grid; place-items: center; }
.z6r2c8w4 { position: relative; z-index: 1; width: min(76%, 360px); }
.p7n3x9m1 { position: relative; height: 474px; overflow: hidden; border: 1px solid #a5e8d633; border-radius: 46% 46% 6px 6px; background: #183e34; box-shadow: 0 25px 90px #0009, 0 0 60px #6fe8c51c; }
.v8q4r2k6 { position: absolute; inset: 0; object-position: center 40%; filter: saturate(.82) brightness(.78); transition: transform .9s cubic-bezier(.2,.7,.2,1), filter .4s; }
.z6r2c8w4:hover .v8q4r2k6 { transform: scale(1.045); filter: saturate(1) brightness(.94); }
.p7n3x9m1::after { position: absolute; inset: 0; content: ""; background: linear-gradient(0deg, #061511 0%, #061511d9 19%, #06151125 58%, #06151120 100%), linear-gradient(90deg, #071d1780, transparent 78%); }
.m3c7x1n5, .k6v2d8q4 { position: absolute; z-index: 1; left: 23px; right: 23px; }
.m3c7x1n5 { top: 23px; color: #d8fff0; font-size: 9px; letter-spacing: .12em; }
.k6v2d8q4 { bottom: 27px; display: grid; gap: 9px; }
.x9p3r7m1 { color: var(--jade); font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.k6v2d8q4 strong { font-size: 36px; line-height: 1.2; letter-spacing: .04em; }
.b4w8q2n6 { max-width: 260px; color: #c0d5ca; font-size: 11px; line-height: 1.8; }
.z6r2c8w4 figcaption { margin-top: 12px; color: #738f83; font-size: 9px; text-align: right; }
.q6n2v8c4 { position: absolute; top: 22px; right: 0; color: #caffeb19; font-size: 56px; font-weight: 950; line-height: .85; letter-spacing: -.08em; transform: rotate(8deg); }
.q6n2v8c4 span { font: 700 8px/1.2 ui-monospace, monospace; letter-spacing: .2em; }
.y3k7m1q5 { position: absolute; bottom: 22px; left: 50%; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #a5dfc733; border-radius: 50%; color: var(--jade); transform: translateX(-50%); animation: f9m2q6v4 2.4s ease-in-out infinite; }
@keyframes f9m2q6v4 { 0%,100% { translate: 0 0; } 50% { translate: 0 5px; } }

.c9r3m7v1 { overflow: hidden; padding: 17px 0; border-bottom: 1px solid var(--rule); background: #0b201b; }
.f2k6x8q4 { width: max-content; display: flex; align-items: center; gap: 30px; animation: b3v7m1q5 35s linear infinite; color: #c6e5d7; white-space: nowrap; }
.f2k6x8q4 i { color: var(--jade); font-size: 13px; font-style: normal; }
.t5n9w3m7 { font-size: 10px; font-weight: 750; letter-spacing: .08em; }
@keyframes b3v7m1q5 { to { transform: translateX(-50%); } }
.c9r3m7v1:hover .f2k6x8q4, .c9r3m7v1:focus-within .f2k6x8q4 { animation-play-state: paused; }

.x7q3m9v1, .p2v6c9r3, .s6k2m8v4, .e1q5m9v3, .u8m4q2v6, .m5v9q3r7, .b8q2m6v4, .b8c4m2v6, .r4m8q2v6 { padding: 92px max(28px, calc((100vw - var(--width)) / 2)); scroll-margin-top: 80px; }
.b5n9r3k7, .g4x8m2q6 { display: flex; justify-content: space-between; align-items: end; gap: 28px; margin-bottom: 32px; }
.v6m2q8x4 { margin: 0 0 12px; color: var(--jade); font-size: 9px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.b5n9r3k7 h2, .g4x8m2q6 h2, .o1c5p9v3 h2, .s4n8c2v6 h2, .c8r2m6v4 h2, .z1v5c9m3 h2 { margin: 0; font-size: clamp(30px, 4vw, 45px); line-height: 1.25; letter-spacing: -.055em; }
.b5n9r3k7 h2 em, .g4x8m2q6 h2 em, .w2n6c9r4 h2 em, .s4n8c2v6 h2 em, .k9r3m7v1 h2 em { color: var(--jade); font-style: normal; }
.b5n9r3k7>p, .g4x8m2q6>p { max-width: 400px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.9; }
.x7q3m9v1 { background: #081a17; }
.m7c3v9k1 { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.a3k7w1m5 { position: relative; min-height: 225px; padding: 27px 23px; border-right: 1px solid var(--rule); transition: background .25s, transform .25s; }
.a3k7w1m5:last-child { border-right: 0; }
.a3k7w1m5:hover { z-index: 1; background: #15312b; transform: translateY(-4px); }
.n8q4r2v6 { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #88ddc255; border-radius: 50%; color: var(--jade); font: 700 9px/1 ui-monospace, monospace; }
.a3k7w1m5 h3 { margin: 23px 0 8px; font-size: 15px; }
.a3k7w1m5 p { min-height: 62px; margin: 0; color: #9db7ab; font-size: 11px; line-height: 1.9; }
.p5x9r3c7 { display: block; margin-top: 16px; color: #729183; font-size: 9px; letter-spacing: .1em; }
.p2v6c9r3 { overflow: hidden; background: radial-gradient(ellipse at 18% 85%, #3bc59c0d, transparent 38%), #0d211d; }
.g4x8m2q6 { align-items: end; }
.h7v3n9p1 { display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin: -12px 0 18px; }
.a9c4p8k2 { min-width: 57px; margin-right: 6px; color: #98b8aa; font: 700 9px/1.2 ui-monospace, monospace; text-align: right; }
.t3x7m1q5 { display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid #d8f5e52a; border-radius: 50%; background: #102821; color: var(--jade); cursor: pointer; transition: border-color .2s, background .2s, transform .2s; }
.t3x7m1q5:hover { border-color: var(--jade); background: #1e5041; transform: translateY(-2px); }
.r5k9w2c6 { overflow: hidden; }
.d3m7q1x8 { display: grid; grid-auto-columns: minmax(270px, 32%); grid-auto-flow: column; gap: 17px; overflow-x: auto; padding: 2px 1px 14px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.d3m7q1x8::-webkit-scrollbar { display: none; }
.v2n6c9r4 { min-width: 0; overflow: hidden; border: 1px solid var(--rule); border-radius: 4px 4px 32px 4px; background: #10231f; scroll-snap-align: start; transition: border-color .25s, transform .3s; }
.v2n6c9r4:hover { border-color: #81f3cf99; transform: translateY(-5px); }
.y5p9k3m7 { position: relative; display: block; height: 370px; overflow: hidden; }
.y5p9k3m7::after { position: absolute; inset: 0; content: ""; background: linear-gradient(0deg, #071613 0%, #07161305 76%); }
.y5p9k3m7 img { transition: transform .7s, filter .4s; filter: brightness(.77) saturate(.83); }
.v2n6c9r4:hover .y5p9k3m7 img { transform: scale(1.04); filter: brightness(.95) saturate(1); }
.n6v2p9k4 { position: absolute; z-index: 1; top: 15px; left: 15px; padding: 6px 9px; border: 1px solid #ffffff40; background: #071613a8; color: #d8f7e9; font-size: 8px; letter-spacing: .07em; backdrop-filter: blur(9px); }
.w1r5q8c2 { position: absolute; z-index: 1; right: 20px; bottom: 18px; left: 20px; display: grid; gap: 6px; }
.w1r5q8c2 strong { font-size: 24px; line-height: 1.3; }
.w1r5q8c2 small { color: #bfdbce; font-size: 10px; }
.w1r5q8c2 b { margin-top: 7px; color: var(--jade); font-size: 9px; }
.w1r5q8c2 b span { margin-left: 5px; }
.z4q8m2n6 { margin: 13px 0 0; color: #789487; font-size: 9px; }

.s6k2m8v4 { background: #071714; }
.q9v3m7x1 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; align-items: start; }
.c4r8n2v6 { overflow: hidden; border: 1px solid var(--rule); border-radius: 3px; background: #0d211e; transition: transform .28s, border-color .28s; }
.c4r8n2v6:nth-child(even) { margin-top: 45px; }
.c4r8n2v6:hover { transform: translateY(-5px); border-color: #81f3cf77; }
.d8x2p6m9 { position: relative; height: 286px; overflow: hidden; }
.d8x2p6m9 img { transition: transform .65s; filter: saturate(.78); }
.c4r8n2v6:hover .d8x2p6m9 img { transform: scale(1.05); }
.d8x2p6m9 figcaption { position: absolute; bottom: 11px; left: 12px; padding: 5px 8px; background: #061a15cc; color: #d9f3e7; font-size: 8px; }
.h6p2w8q4 { padding: 16px 15px 18px; }
.h6p2w8q4 h3 { margin: 0 0 7px; font-size: 15px; }
.h6p2w8q4 p { min-height: 40px; margin: 0; color: #9cb5aa; font-size: 10px; line-height: 1.8; }
.h6p2w8q4 a { display: inline-flex; align-items: center; gap: 7px; margin-top: 16px; color: var(--jade); font-size: 9px; font-weight: 800; }
.h6p2w8q4 a:hover { gap: 11px; }
.e1q5m9v3 { background: #0d211d; }
.j8m4q2v6 { max-width: 940px; margin: 0 auto; padding: 0; list-style: none; border-top: 1px solid var(--rule); }
.k3p7n1x5 { display: grid; grid-template-columns: 62px minmax(0,1fr) auto; align-items: center; gap: 22px; padding: 20px 17px; border-bottom: 1px solid var(--rule); transition: background .2s; }
.k3p7n1x5:hover { background: #142c26; }
.r7c1m5v9 { color: #86cbb0; font: 700 20px/1 ui-monospace, monospace; }
.k3p7n1x5 p { margin: 0 0 4px; color: var(--jade); font-size: 8px; letter-spacing: .1em; }
.k3p7n1x5 h3 { margin: 0; font-size: 15px; }
.k3p7n1x5 div>span { display: block; margin-top: 4px; color: #91aa9e; font-size: 10px; }
.k3p7n1x5>a { color: #cce8d9; font-size: 9px; }
.k3p7n1x5>a span { color: var(--jade); margin-left: 6px; }
.d2v6q9m4 { max-width: 940px; margin: 16px auto 0; padding: 12px 15px; border-left: 2px solid #75d3ad; background: #83e9c00b; color: #8ba99b; font-size: 9px; }

.u8m4q2v6 { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 70px; background: #091a17; }
.w2n6c9r4 h2 { margin: 14px 0 16px; font-size: clamp(37px, 5vw, 61px); line-height: 1.19; letter-spacing: -.065em; }
.w2n6c9r4>p:not(.v6m2q8x4) { max-width: 425px; color: var(--muted); font-size: 11px; line-height: 2; }
.s9q3v7m1 { display: inline-flex; align-items: center; gap: 10px; margin-top: 14px; color: var(--jade); font-size: 10px; font-weight: 850; }
.s9q3v7m1:hover { gap: 15px; }
.f8m2q6v4 { position: relative; min-height: 470px; display: grid; place-items: center; border-left: 1px solid #a9ddc41b; background: radial-gradient(ellipse, #49c79a12, transparent 61%); }
.t1v5c9r3 { width: min(72%, 292px); min-height: 400px; padding: 13px; border: 1px solid #c6f3e238; border-radius: 26px; background: linear-gradient(150deg,#17372e,#0b1b18 65%); box-shadow: 0 24px 60px #0008, inset 0 0 0 5px #d0fff00a; transform: rotate(2deg); transition: transform .35s; }
.f8m2q6v4:hover .t1v5c9r3 { transform: rotate(0deg) translateY(-4px); }
.p6x2m8q4 { display: flex; align-items: center; justify-content: space-between; height: 29px; padding: 0 4px; color: #91b2a4; font-size: 8px; }
.p6x2m8q4 span:last-child { color: var(--jade); font-size: 7px; letter-spacing: .14em; }
.n4r8c2v6 { position: relative; height: 219px; overflow: hidden; border-radius: 12px; background: #1d4035; }
.n4r8c2v6 img { filter: brightness(.7) saturate(.84); }
.v7m3q9k1 { position: absolute; right: 13px; bottom: 13px; left: 13px; display: grid; gap: 4px; text-shadow: 0 2px 10px #000; }
.v7m3q9k1 span { color: var(--jade); font-size: 8px; }
.v7m3q9k1 strong { font-size: 20px; }
.v7m3q9k1 small { color: #d0e3d8; font-size: 8px; }
.c2q6m9v4 { display: grid; grid-template-columns: 1fr auto; gap: 5px 10px; padding: 15px 4px 13px; }
.c2q6m9v4>span { color: #96b3a4; font-size: 8px; }
.c2q6m9v4>b { color: #e7fff4; font-size: 10px; }
.c2q6m9v4>i { grid-column: 1 / -1; height: 4px; margin: 4px 0 2px; overflow: hidden; border-radius: 4px; background: #bad9ca1d; }
.c2q6m9v4>i span { display: block; width: 63%; height: 100%; background: linear-gradient(90deg, #53bd9a, var(--jade)); }
.c2q6m9v4 small { grid-column: 1 / -1; color: var(--jade); font-size: 8px; }
.x8m4q2v6 { display: flex; justify-content: center; gap: 5px; padding: 6px 0 2px; }
.x8m4q2v6 span { width: 4px; height: 4px; border-radius: 50%; background: #8aa99a; }
.x8m4q2v6 span:first-child { width: 14px; border-radius: 8px; background: var(--jade); }
.r9k3m7v1 { position: absolute; right: 13%; bottom: 4%; color: #799487; font-size: 8px; letter-spacing: .12em; writing-mode: vertical-rl; }

.m5v9q3r7 { background: #0b1c18; }
.o1c5p9v3 { margin-bottom: 31px; }
.o1c5p9v3 h2 { max-width: 560px; }
.g7x3m9v1 { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0; margin: 0; list-style: none; }
.g7x3m9v1 li { position: relative; min-height: 196px; padding: 26px 28px 21px; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); border-right: 1px solid var(--rule); }
.g7x3m9v1 li:first-child { border-left: 1px solid var(--rule); }
.g7x3m9v1 li::after { position: absolute; top: 25px; right: 25px; content: "↗"; color: #619d83; font-size: 12px; }
.g7x3m9v1 li>span { color: var(--jade); font: 700 9px/1 ui-monospace, monospace; letter-spacing: .1em; }
.g7x3m9v1 h3 { margin: 22px 0 7px; font-size: 15px; }
.g7x3m9v1 p { margin: 0; color: #98b2a5; font-size: 10px; line-height: 1.9; }

.b8q2m6v4 { display: grid; grid-template-columns: .75fr 1.25fr; align-items: start; gap: 62px; background: #0d211e; }
.s4n8c2v6 { position: sticky; top: 112px; }
.s4n8c2v6>p:last-child { max-width: 285px; color: var(--muted); font-size: 10px; line-height: 1.9; }
.q2m6v9r3 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.q2m6v9r3 article { min-height: 190px; padding: 20px; border: 1px solid var(--rule); background: #0a1a17; transition: transform .25s, border-color .25s; }
.q2m6v9r3 article:first-child { grid-column: span 2; min-height: 160px; }
.q2m6v9r3 article:hover { transform: translateY(-4px); border-color: #81f3cf77; }
.q2m6v9r3 article>span { color: var(--jade); font: 700 33px/1 Georgia, serif; }
.q2m6v9r3 blockquote { margin: 10px 0 18px; color: #d8e8df; font-size: 12px; line-height: 1.9; }
.q2m6v9r3 article p { margin: 0; color: #88a395; font-size: 9px; }
.q2m6v9r3 article small { margin-left: 8px; color: #638072; }

.b8c4m2v6 { display: grid; grid-template-columns: .68fr 1.32fr; gap: 64px; background: #081916; }
.c8r2m6v4 h2 { font-size: clamp(29px, 3.5vw, 40px); }
.c8r2m6v4>p:last-child { color: var(--muted); font-size: 11px; }
.j4m8q2v6 details { border-bottom: 1px solid var(--rule); }
.j4m8q2v6 details:first-child { border-top: 1px solid var(--rule); }
.j4m8q2v6 summary { display: flex; justify-content: space-between; gap: 20px; padding: 17px 3px; color: #e4f3eb; font-size: 12px; font-weight: 750; cursor: pointer; list-style: none; }
.j4m8q2v6 summary::-webkit-details-marker { display: none; }
.j4m8q2v6 summary span { color: var(--jade); font-size: 17px; transition: transform .2s; }
.j4m8q2v6 details[open] summary span { transform: rotate(45deg); }
.j4m8q2v6 details p { margin: 0; padding: 0 32px 17px 3px; color: #9cb5aa; font-size: 10px; line-height: 1.95; }

.x2v6m9q4 { display: grid; grid-template-columns: 1fr .55fr; align-items: center; gap: 40px; min-height: 365px; padding: 69px max(28px, calc((100vw - var(--width)) / 2)); scroll-margin-top: 80px; background: radial-gradient(ellipse at 80% 45%, #70e3b31e, transparent 36%), linear-gradient(120deg,#10332b,#0a201b 70%); }
.k9r3m7v1 h2 { margin: 10px 0 12px; font-size: clamp(32px, 4vw, 48px); line-height: 1.28; letter-spacing: -.05em; }
.k9r3m7v1>p:not(.v6m2q8x4) { max-width: 525px; margin: 0 0 21px; color: #adc8bb; font-size: 11px; line-height: 1.9; }
.a6q2v8m4 { justify-self: end; width: min(100%, 230px); min-height: 186px; display: grid; align-content: center; gap: 9px; padding: 23px; border: 1px solid #a5e8d638; background: #071a16a8; box-shadow: 0 16px 48px #0005; transform: rotate(2deg); }
.a6q2v8m4>span { color: var(--jade); font: 700 8px/1 ui-monospace, monospace; letter-spacing: .15em; }
.a6q2v8m4 strong { font-size: 23px; line-height: 1.35; }
.a6q2v8m4 small { color: #89a99a; font-size: 8px; }

.r4m8q2v6 { background: #0a1916; }
.z1v5c9m3 { margin-bottom: 27px; }
.m2q6v9r3 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 45px; padding-top: 24px; border-top: 1px solid var(--rule); }
.m2q6v9r3 p { margin: 0 0 20px; color: #a5bdb2; font-size: 10px; line-height: 2.1; text-align: justify; }
.c6v2m8q4 { padding: 27px max(28px, calc((100vw - var(--width)) / 2)) 18px; border-top: 1px solid var(--rule); background: #06120f; }
.p9r3m7v1 { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-bottom: 22px; }
.v2c6m9q4 { display: flex; align-items: center; flex-wrap: wrap; gap: 19px; color: #98afa4; font-size: 9px; }
.n8m4q2v6 { padding-top: 13px; border-top: 1px solid var(--rule); color: #6b8478; font-size: 8px; }

[data-appear] { opacity: 1; transform: translateY(0); transition: opacity .65s ease, transform .65s cubic-bezier(.2,.7,.2,1); }
.r4c8m2v6 [data-appear]:not(.q4m8v2x6) { opacity: 0; transform: translateY(17px); }
.r4c8m2v6 [data-appear].q4m8v2x6 { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .r4c8m2v6 [data-appear]:not(.q4m8v2x6) { opacity: 1; transform: none; }
}
@media (max-width: 1050px) {
  .d5x8p1q7 { gap: 14px; }
  .h4m8p2x6 { gap: 11px; font-size: 9px; }
  .f6q2k8v4 { padding: 8px 9px; }
  .x7q3m9v1, .p2v6c9r3, .s6k2m8v4, .e1q5m9v3, .u8m4q2v6, .m5v9q3r7, .b8q2m6v4, .b8c4m2v6, .r4m8q2v6 { padding-left: 36px; padding-right: 36px; }
}
@media (max-width: 820px) {
  .d5x8p1q7 { width: min(calc(100% - 32px), var(--width)); min-height: 68px; }
  .c1r5n9w3 { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; padding: 8px 10px; border: 1px solid var(--rule); background: #0a1a17; color: #d5f2e5; font-size: 10px; cursor: pointer; }
  .h4m8p2x6 { position: absolute; top: 68px; right: 16px; left: 16px; display: none; align-items: stretch; flex-direction: column; gap: 0; padding: 8px 15px; border: 1px solid var(--rule); background: #091b17f7; box-shadow: 0 18px 45px #0009; white-space: normal; }
  .h4m8p2x6[data-open] { display: flex; }
  .h4m8p2x6 a { padding: 10px 2px; border-bottom: 1px solid #c5ecdb12; font-size: 11px; }
  .h4m8p2x6 a:last-child { border-bottom: 0; }
  .f6q2k8v4 { font-size: 9px; }
  .b2n6w8q4 { width: min(calc(100% - 44px), var(--width)); grid-template-columns: 1fr .83fr; gap: 20px; }
  .x5m9q3r7 { font-size: clamp(55px, 9vw, 90px); }
  .z6r2c8w4 { width: min(88%, 325px); }
  .p7n3x9m1 { height: 420px; }
  .m7c3v9k1 { grid-template-columns: repeat(2,1fr); }
  .a3k7w1m5:nth-child(2) { border-right: 0; }
  .a3k7w1m5:nth-child(-n+2) { border-bottom: 1px solid var(--rule); }
  .q9v3m7x1 { grid-template-columns: repeat(2,1fr); }
  .c4r8n2v6:nth-child(even) { margin-top: 26px; }
  .u8m4q2v6 { gap: 30px; }
  .t1v5c9r3 { width: min(85%, 292px); }
  .x7q3m9v1, .p2v6c9r3, .s6k2m8v4, .e1q5m9v3, .u8m4q2v6, .m5v9q3r7, .b8q2m6v4, .b8c4m2v6, .r4m8q2v6 { padding-top: 76px; padding-bottom: 76px; }
}
@media (max-width: 600px) {
  .d5x8p1q7 { width: calc(100% - 26px); gap: 10px; }
  .n2v6c9r4 { gap: 8px; }
  .a7k1x5m8 { width: 30px; height: 30px; font-size: 15px; }
  .v3q9b2d6 { font-size: 12px; }
  .v3q9b2d6 small { font-size: 7px; letter-spacing: .1em; }
  .f6q2k8v4 { gap: 5px; padding: 8px; font-size: 8px; }
  .c1r5n9w3 { gap: 5px; padding: 8px; font-size: 9px; }
  .m9x3r7c1, .b2n6w8q4 { min-height: 0; }
  .b2n6w8q4 { width: calc(100% - 38px); display: flex; flex-direction: column; align-items: stretch; gap: 16px; padding: 49px 0 65px; }
  .c7p1v5m9 { padding: 0; }
  .w4k8d2x6 { flex-wrap: wrap; gap: 9px; margin-bottom: 21px; font-size: 8px; }
  .w4k8d2x6 time { padding-left: 9px; font-size: 8px; }
  .x5m9q3r7 { font-size: clamp(55px, 15.5vw, 84px); }
  .x5m9q3r7>span { margin-top: 13px; font-size: clamp(26px, 8vw, 38px); }
  .r1v5c9n3 { margin: 19px 0 20px; font-size: 12px; }
  .q4v8n2x6 { margin-top: 22px; font-size: 8px; }
  .a1m5k9v3 { min-height: 0; padding: 0 9px 12px; }
  .z6r2c8w4 { width: min(83%, 310px); }
  .p7n3x9m1 { height: min(105vw, 390px); border-radius: 46% 46% 5px 5px; }
  .k6v2d8q4 { bottom: 21px; left: 17px; right: 17px; }
  .k6v2d8q4 strong { font-size: 30px; }
  .q6n2v8c4 { top: 5px; right: 1px; font-size: 40px; }
  .y3k7m1q5 { bottom: 12px; }
  .c9r3m7v1 { padding: 14px 0; }
  .f2k6x8q4 { gap: 19px; animation-duration: 28s; }
  .t5n9w3m7 { font-size: 9px; }
  .x7q3m9v1, .p2v6c9r3, .s6k2m8v4, .e1q5m9v3, .u8m4q2v6, .m5v9q3r7, .b8q2m6v4, .b8c4m2v6, .r4m8q2v6 { padding: 65px 20px; }
  .b5n9r3k7, .g4x8m2q6 { display: block; margin-bottom: 24px; }
  .b5n9r3k7 h2, .g4x8m2q6 h2, .o1c5p9v3 h2, .s4n8c2v6 h2, .c8r2m6v4 h2, .z1v5c9m3 h2 { font-size: 32px; }
  .b5n9r3k7>p, .g4x8m2q6>p { margin-top: 13px; }
  .m7c3v9k1 { display: block; }
  .a3k7w1m5, .a3k7w1m5:nth-child(2) { min-height: 0; padding: 20px 6px 20px 51px; border-right: 0; border-bottom: 1px solid var(--rule); }
  .a3k7w1m5:last-child { border-bottom: 0; }
  .n8q4r2v6 { position: absolute; top: 22px; left: 2px; width: 31px; height: 31px; }
  .a3k7w1m5 h3 { margin: 0 0 5px; }
  .a3k7w1m5 p { min-height: 0; }
  .p2v6c9r3 { padding-right: 0 !important; }
  .g4x8m2q6 { padding-right: 20px; }
  .h7v3n9p1 { margin: -2px 20px 14px 0; }
  .d3m7q1x8 { grid-auto-columns: minmax(78vw, 1fr); gap: 12px; padding-right: 20px; }
  .y5p9k3m7 { height: 390px; }
  .q9v3m7x1 { gap: 11px; }
  .c4r8n2v6:nth-child(even) { margin-top: 22px; }
  .d8x2p6m9 { height: 220px; }
  .h6p2w8q4 { padding: 13px 11px 15px; }
  .h6p2w8q4 h3 { font-size: 13px; }
  .h6p2w8q4 p { min-height: 56px; font-size: 9px; }
  .k3p7n1x5 { grid-template-columns: 33px minmax(0,1fr); gap: 12px; padding: 16px 7px; }
  .r7c1m5v9 { font-size: 14px; }
  .k3p7n1x5 h3 { font-size: 13px; }
  .k3p7n1x5 div>span { font-size: 9px; }
  .k3p7n1x5>a { grid-column: 2; justify-self: start; }
  .u8m4q2v6 { grid-template-columns: 1fr; gap: 25px; }
  .w2n6c9r4 h2 { font-size: 40px; }
  .f8m2q6v4 { min-height: 420px; border-left: 0; }
  .t1v5c9r3 { width: min(78%, 292px); }
  .r9k3m7v1 { right: 5%; bottom: 1%; }
  .g7x3m9v1 { grid-template-columns: 1fr; }
  .g7x3m9v1 li, .g7x3m9v1 li:first-child { min-height: 0; padding: 20px 27px 19px 0; border-left: 0; border-right: 0; }
  .g7x3m9v1 h3 { margin-top: 14px; }
  .b8q2m6v4 { grid-template-columns: 1fr; gap: 23px; }
  .s4n8c2v6 { position: static; }
  .q2m6v9r3 { grid-template-columns: 1fr; }
  .q2m6v9r3 article:first-child { grid-column: auto; }
  .b8c4m2v6 { grid-template-columns: 1fr; gap: 20px; }
  .x2v6m9q4 { grid-template-columns: 1fr; padding: 61px 20px; gap: 24px; }
  .k9r3m7v1 h2 { font-size: 35px; }
  .a6q2v8m4 { justify-self: start; width: 100%; min-height: 130px; }
  .m2q6v9r3 { grid-template-columns: 1fr; gap: 0; }
  .m2q6v9r3 p { font-size: 11px; }
  .c6v2m8q4 { padding: 22px 20px 16px; }
  .p9r3m7v1 { align-items: flex-start; flex-direction: column; gap: 17px; }
  .v2c6m9q4 { gap: 11px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .y3k7m1q5 { animation: none; }
  .f2k6x8q4 { animation: none; }
}