.hero-home { min-height: min(920px, calc(100vh - 12px)); display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(330px, .7fr); align-items: center; gap: clamp(30px, 6vw, 88px); padding-block: clamp(74px, 10vh, 130px) 70px; overflow: clip; }
.hero-home { isolation: isolate; }
.hero-home::after { content: ""; position: absolute; inset: 2% -5vw -4%; z-index: -2; border-radius: 42px; background: linear-gradient(180deg, oklch(0.84 0.16 221 / .20), oklch(0.79 0.20 137 / .42)), url("/assets/img/aero-lake.jpg") center / cover; opacity: .48; filter: saturate(1.35) contrast(1.04); box-shadow: inset 0 0 90px oklch(0.90 0.22 118 / .22); }
.hero-home::before { content: ""; position: absolute; z-index: -1; left: -10vw; right: -10vw; bottom: -8%; height: 38%; border-radius: 50% 50% 0 0; background: linear-gradient(165deg, var(--lime), var(--grass)); box-shadow: inset 0 18px 30px oklch(0.95 0.18 120 / .4), 0 -10px 32px oklch(0.4 0.08 220 / .12); transform: rotate(-2deg); }
.hero-copy { position: relative; }
.hero-title { width: max-content; max-width: none; font-size: clamp(56px, 7.15vw, 132px); line-height: .86; }
.hero-title-line { display: block; width: max-content; white-space: nowrap; }
.hero-title .title-alt { font-size: .72em; line-height: .92; letter-spacing: -.12em; transform: translateX(.08em) rotate(1deg); }
.hero-copy::after { content: "★ 已领先人类 800 年 ★"; position: absolute; right: -1vw; top: -42px; padding: 13px 18px; border: 3px solid var(--paper); border-radius: 50%; color: var(--paper); background: var(--orange); box-shadow: 5px 6px 0 var(--ink); font-weight: 900; transform-style: preserve-3d; animation: badge-flip-breathe 5.2s linear infinite; }
body[data-locale="en"] .hero-copy::after { content: "★ 800 YEARS AHEAD OF EVERYONE ★"; }
body[data-locale="fr"] .hero-copy::after { content: "★ 800 ANS D’AVANCE, MODESTE ★"; }
@keyframes badge-flip-breathe { 0% { transform: translateY(0) rotateX(0deg) rotateZ(8deg) scale(.98); } 50% { transform: translateY(-10px) rotateX(180deg) rotateZ(5deg) scale(1.04); } 100% { transform: translateY(0) rotateX(360deg) rotateZ(8deg) scale(.98); } }
.hero-panel { transform-origin: 50% 50%; animation: hero-panel-counterspin 18s linear infinite; backface-visibility: hidden; will-change: transform; }
@keyframes hero-panel-counterspin { from { transform: rotate(1.8deg); } to { transform: rotate(-358.2deg); } }
.metric-orbit { position: relative; min-height: 340px; display: grid; place-items: center; }
.core-orb { position: relative; isolation: isolate; width: min(250px, 70vw); aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; border-radius: 50%; color: var(--paper); background: radial-gradient(circle at 30% 23%, var(--paper) 0 4%, transparent 5%), radial-gradient(circle at 42% 40%, var(--aqua), var(--sky-deep) 66%, var(--violet)); border: 6px solid var(--chrome-light); box-shadow: inset -28px -34px 42px oklch(0.29 0.14 265 / .42), inset 15px 16px 24px oklch(0.97 0.08 200 / .58), 0 22px 40px var(--shadow); animation: core-total-spin 3.2s linear infinite; backface-visibility: hidden; will-change: transform; }
.core-orb::before, .core-orb::after { content: ""; position: absolute; z-index: 0; inset: 8%; border-radius: 50%; background: conic-gradient(from 20deg, transparent 0 10%, var(--aqua) 14%, transparent 22% 39%, var(--sun) 44%, transparent 51% 68%, var(--magenta) 74%, transparent 82%); -webkit-mask: radial-gradient(circle, transparent 0 55%, #000 57% 64%, transparent 66%); mask: radial-gradient(circle, transparent 0 55%, #000 57% 64%, transparent 66%); animation: core-orbit-spin 2.8s linear infinite; }
.core-orb::after { inset: 16%; opacity: .78; animation-direction: reverse; animation-duration: 1.9s; filter: hue-rotate(80deg); }
@keyframes core-orbit-spin { to { transform: rotate(360deg); } }
@keyframes core-total-spin { 50% { transform: rotate(180deg) scale(1.025); } to { transform: rotate(360deg); } }
.core-orb strong { position: relative; z-index: 2; text-align: center; font: 900 28px/1.05 "STHupo", "Microsoft YaHei", sans-serif; text-shadow: 3px 3px 0 var(--ink); }
.orbit-label { position: absolute; padding: 8px 12px; border: 2px solid var(--ink); border-radius: 999px; background: var(--sun); box-shadow: 3px 3px 0 var(--ink); font-size: 12px; font-weight: 900; }
.orbit-label.o1 { top: 10%; left: 3%; animation: label-swing-o1 5s ease-in-out infinite; }
.orbit-label.o2 { right: 0; top: 32%; background: var(--lime); animation: label-spin-o2 3.5s linear infinite; }
.orbit-label.o3 { left: 12%; bottom: 8%; background: var(--magenta); color: var(--paper); animation: label-flip-o3 4.5s ease-in-out infinite; }
@keyframes label-swing-o1 { 0%,100% { transform: translateY(0) rotate(-7deg); } 50% { transform: translateY(16px) translateX(10px) rotate(7deg); } }
@keyframes label-spin-o2 { to { transform: rotate(360deg); } }
@keyframes label-flip-o3 { 0% { transform: rotateY(0); } 50% { transform: rotateY(180deg); } 100% { transform: rotateY(360deg); } }
.marquee-band { position: relative; z-index: 3; overflow: hidden; border-block: 4px solid var(--ink); background: var(--sun); transform: rotate(-1deg) scale(1.02); }
.marquee-track { display: flex; width: max-content; padding: 12px 0; animation: marquee 22s linear infinite; }
.marquee-track span { padding-inline: 22px; font: 900 20px/1 "Trebuchet MS", "Microsoft YaHei", sans-serif; white-space: nowrap; }
@keyframes marquee { to { transform: translateX(-50%); } }
.split-stage { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(24px, 5vw, 72px); align-items: center; }
.manifesto { padding: clamp(28px, 5vw, 72px); border: 5px double var(--ink); background: var(--paper); box-shadow: 13px 13px 0 var(--magenta), 22px 22px 0 var(--violet); transform: rotate(-1.5deg); }
.manifesto h2 { margin: 0 0 20px; font: 900 clamp(38px, 6vw, 78px)/.9 "KaiTi", "STKaiti", serif; color: var(--magenta); }
.status-list { display: grid; gap: 13px; } .status-row { display: grid; grid-template-columns: 120px 1fr auto; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px dashed var(--chrome-dark); }
.status-meter { height: 14px; overflow: hidden; border: 2px solid var(--ink); border-radius: 99px; background: var(--chrome-mid); }
.status-meter i { display: block; height: 100%; width: var(--value); background: repeating-linear-gradient(90deg, var(--lime) 0 14px, var(--sun) 14px 28px, var(--magenta) 28px 42px); animation: meter-slide 4.8s steps(12, end) infinite; }
@keyframes meter-slide { to { background-position: 42px 0; } }
.portal-grid { display: grid; grid-template-columns: 1.2fr .8fr .9fr; grid-template-rows: repeat(2, minmax(220px, auto)); gap: 18px; }
.portal { position: relative; min-height: 220px; overflow: hidden; padding: 28px; border: 3px solid var(--paper); border-radius: 28px; color: var(--paper); text-decoration: none; box-shadow: inset 0 2px 0 oklch(0.98 0.03 210 / .65), 0 15px 25px var(--shadow); transition: transform .4s var(--ease-out), filter .4s var(--ease-out); }
.portal:hover { transform: translateY(-8px) rotate(-1deg); filter: saturate(1.3); }
.portal:nth-child(1) { grid-row: span 2; background: linear-gradient(145deg, var(--violet), var(--magenta)); } .portal:nth-child(2) { background: linear-gradient(145deg, var(--grass), var(--sky-deep)); } .portal:nth-child(3) { background: linear-gradient(145deg, var(--orange), var(--magenta)); } .portal:nth-child(4) { grid-column: span 2; background: linear-gradient(145deg, var(--sky-deep), var(--aqua)); }
.portal strong { display: block; max-width: 9ch; font: 900 clamp(28px, 4vw, 56px)/.92 "STHupo", "Microsoft YaHei", sans-serif; text-shadow: 3px 3px 0 var(--ink); }
.portal small { position: absolute; left: 28px; bottom: 24px; max-width: 28ch; font-weight: 700; }
.portal-glyph { position: absolute; right: -8px; bottom: -28px; font: 900 140px/1 "Arial Black", sans-serif; opacity: .24; transform: rotate(-12deg); }

.media-feature { display: grid; grid-template-columns: minmax(0, 1.28fr) minmax(300px, .72fr); min-height: 480px; padding: clamp(14px, 2vw, 24px); gap: clamp(24px, 4vw, 54px); align-items: stretch; overflow: hidden; border: 4px solid var(--ink); border-radius: 38px 10px 38px 10px; color: var(--ink); background: oklch(0.97 0.025 200 / .92); box-shadow: 13px 15px 0 var(--violet), 21px 24px 0 var(--magenta); }
.media-feature-art { position: relative; min-height: 420px; overflow: hidden; border: 3px solid var(--paper); border-radius: 24px 6px 24px 6px; background: var(--ink); box-shadow: 8px 9px 0 var(--ink); }
.media-feature-art img { width: 100%; height: 100%; object-fit: cover; object-position: var(--media-position, 50% 50%); transition: transform 1.1s var(--ease-out), filter 1.1s var(--ease-out); }
.media-feature:hover .media-feature-art img { transform: scale(1.055); filter: saturate(1.2) contrast(1.04); }
.media-feature-copy { align-self: center; padding: clamp(18px, 3vw, 44px) clamp(10px, 2vw, 28px); }
.media-feature-copy h2 { margin: 0 0 18px; font: 900 clamp(38px, 5vw, 76px)/.92 "STHupo", "Microsoft YaHei", sans-serif; color: var(--magenta); }
.media-feature-copy p:not(.eyebrow) { font-size: clamp(16px, 1.5vw, 21px); line-height: 1.7; font-weight: 700; }
.media-feature-dark { color: var(--paper); background: oklch(0.19 0.045 242 / .94); box-shadow: 13px 15px 0 var(--aqua), 21px 24px 0 var(--ink); }
.media-feature-dark .media-feature-copy h2 { color: var(--lime); }
.media-feature-portrait { grid-template-columns: minmax(280px, .62fr) minmax(0, 1.38fr); }
.media-feature-portrait .media-feature-art { min-height: 0; max-height: 650px; aspect-ratio: 3 / 4; align-self: center; }
.media-feature-portrait .media-feature-art img { object-fit: contain; }
.media-feature-art.media-landscape { min-height: 0; aspect-ratio: 16 / 9; align-self: center; }
.media-feature-art.media-ultrawide { min-height: 0; aspect-ratio: 21 / 9; align-self: center; }
.media-feature-art.media-ultrawide img { object-fit: contain; }
.media-scan { position: absolute; inset: -30% 0 auto; height: 30%; background: linear-gradient(180deg, transparent, oklch(0.91 0.21 181 / .62), transparent); mix-blend-mode: screen; animation: media-scan 4.8s linear infinite; }
@keyframes media-scan { to { transform: translateY(520%); } }
.diplomacy-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.diplomacy-strip figure { position: relative; margin: 0; overflow: hidden; border: 4px solid var(--paper); border-radius: 28px 8px; background: var(--ink); box-shadow: 10px 12px 0 var(--magenta); }
.diplomacy-strip img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; transition: transform .8s var(--ease-out); }
.diplomacy-strip figure:hover img { transform: scale(1.06); }
.diplomacy-strip figcaption { padding: 15px 18px; color: var(--paper); font-weight: 800; line-height: 1.55; }

.page-hero { min-height: 540px; display: grid; align-content: center; padding-block: 110px 72px; }
.page-hero .lede { max-width: 54ch; }
.jiahao-sticker { display: inline-block; padding: 12px 18px; border: 4px solid var(--paper); background: var(--magenta); color: var(--paper); box-shadow: 7px 7px 0 var(--ink); font: 900 18px/1 "KaiTi", serif; transform: rotate(6deg); }

.product-stage { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, .65fr); gap: 28px; align-items: start; }
.product-list { display: grid; gap: 24px; }
.product-item { position: relative; display: grid; grid-template-columns: 160px 1fr; min-height: 210px; overflow: hidden; border: 4px solid var(--ink); border-radius: 34px; background: var(--paper); box-shadow: 9px 9px 0 var(--chrome-dark); transition: transform .35s var(--ease-out); }
.product-item:hover { transform: translateX(7px) rotate(.5deg); }
.product-visual { display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 35% 28%, var(--paper) 0 5%, transparent 6%), linear-gradient(145deg, var(--aqua), var(--violet)); }
.product-visual span { font: 900 78px/1 "Arial Black", sans-serif; color: var(--sun); text-shadow: 4px 4px 0 var(--magenta); animation: product-spin 9s linear infinite; }
@keyframes product-spin { 50% { transform: rotateY(180deg) translateY(-8px); } to { transform: rotateY(360deg); } }
.product-copy { padding: 24px; } .product-copy h2 { margin: 0 0 10px; font-size: clamp(26px, 4vw, 44px); } .product-price { color: var(--magenta); font: 900 20px/1 "Trebuchet MS", sans-serif; }
.checkout-console { position: sticky; top: 104px; } .checkout-output { min-height: 120px; padding: 18px; border: 2px dashed var(--chrome-dark); background: oklch(0.93 0.06 122); font-weight: 700; line-height: 1.7; }

.lab-console { display: grid; grid-template-columns: minmax(260px, .6fr) minmax(0, 1.4fr); gap: 22px; }
.lab-controls { padding: 26px; border: 4px solid var(--ink); background: var(--sun); box-shadow: 10px 10px 0 var(--magenta); }
.lab-controls label { display: grid; gap: 8px; margin-bottom: 22px; font-weight: 900; } .lab-controls input[type="range"] { width: 100%; accent-color: var(--magenta); }
.lab-tank { position: relative; min-height: 480px; overflow: hidden; border: 8px ridge var(--chrome-light); border-radius: 40px; background: linear-gradient(180deg, var(--aqua), var(--water)); box-shadow: inset 0 0 50px oklch(0.29 0.08 226 / .3), 0 22px 40px var(--shadow); }
.lab-tank::after { content: "牛逼粒子稳定率 114.514%"; position: absolute; right: 18px; bottom: 16px; padding: 9px 12px; border-radius: 10px; background: oklch(0.25 0.055 244 / .76); color: var(--lime); font: 800 12px/1 "Trebuchet MS", sans-serif; }
body[data-locale="en"] .lab-tank::after { content: "PRESTIGE PARTICLES 114.514%"; }
body[data-locale="fr"] .lab-tank::after { content: "PARTICULES DE PRESTIGE 114,514 %"; }
.lab-result { position: absolute; inset: 30% 8% auto; padding: 22px; text-align: center; border: 4px solid var(--paper); border-radius: 50%; background: var(--magenta); color: var(--paper); font: 900 clamp(22px, 4vw, 44px)/1.05 "KaiTi", serif; box-shadow: 8px 8px 0 var(--ink); transform: rotate(-3deg); }

.honor-wall { display: grid; grid-template-columns: repeat(12, 1fr); gap: 22px; align-items: start; }
.certificate { grid-column: span 4; min-height: 300px; padding: 28px; border: 14px ridge var(--sun); outline: 3px solid var(--ink); outline-offset: -9px; background: var(--paper); text-align: center; box-shadow: 12px 14px 0 var(--magenta); transform: rotate(var(--tilt, -2deg)); }
.certificate:nth-child(2n) { --tilt: 2deg; margin-top: 58px; } .certificate:nth-child(3n) { --tilt: -4deg; }
.certificate .seal { width: 86px; aspect-ratio: 1; margin: 20px auto; display: grid; place-items: center; border-radius: 50%; color: var(--paper); background: var(--magenta); border: 6px double var(--paper); font-weight: 900; transform: rotate(-12deg); }
.certificate h2 { font: 900 32px/1.05 "KaiTi", serif; color: var(--violet); }

.market-ticker { overflow: hidden; color: var(--ink); background: var(--lime); border-block: 4px solid var(--ink); } .market-ticker .marquee-track { animation-duration: 20s; }
.market-terminal { overflow: hidden; border: 2px solid oklch(0.77 0.06 225); border-radius: 18px 5px 18px 5px; color: oklch(0.92 0.025 220); background: oklch(0.17 0.035 242); box-shadow: 0 0 0 5px oklch(0.25 0.07 241), 13px 15px 0 var(--magenta); }
.market-terminal-head { display: grid; grid-template-columns: minmax(220px, 1fr) auto minmax(210px, .7fr); gap: clamp(18px, 3vw, 44px); align-items: center; padding: 22px clamp(18px, 3vw, 34px); border-bottom: 1px solid oklch(0.66 0.06 225 / .38); background: oklch(0.21 0.045 241); }
.market-symbol span { display: block; color: var(--paper); font: 900 clamp(28px, 3vw, 42px)/.9 "Arial Black", "Microsoft YaHei", sans-serif; letter-spacing: .03em; }
.market-symbol small, .market-session small { display: block; margin-top: 7px; color: oklch(0.75 0.04 225); font-size: 11px; font-weight: 800; letter-spacing: .06em; }
.market-quote { display: flex; align-items: baseline; gap: 14px; white-space: nowrap; }
.market-quote strong { color: var(--paper); font: 900 clamp(32px, 4vw, 52px)/1 "Trebuchet MS", sans-serif; font-variant-numeric: tabular-nums; }
.market-quote span { color: var(--lime); font-weight: 900; font-variant-numeric: tabular-nums; }
.market-quote span.is-down { color: var(--magenta); }
.market-session { justify-self: end; display: grid; grid-template-columns: 10px auto; column-gap: 9px; align-items: center; text-align: right; }
.market-session i { width: 9px; aspect-ratio: 1; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px oklch(0.9 0.22 118 / .72); }
.market-session span { font-weight: 900; }
.market-session small { grid-column: 1 / -1; }
.market-toolbar { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 9px clamp(16px, 2vw, 26px); border-bottom: 1px solid oklch(0.66 0.06 225 / .28); background: oklch(0.19 0.035 241); }
.market-periods { display: flex; flex-wrap: wrap; gap: 5px; }
.market-periods button { min-width: 52px; min-height: 34px; padding: 6px 10px; border: 1px solid oklch(0.64 0.06 225 / .54); border-radius: 5px; color: oklch(0.78 0.035 220); background: transparent; font-weight: 900; cursor: pointer; transition: color .25s var(--ease-out), background .25s var(--ease-out), border-color .25s var(--ease-out); }
.market-periods button:hover, .market-periods button[aria-pressed="true"] { border-color: var(--lime); color: var(--ink); background: var(--lime); }
.market-chart-legend { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px 18px; color: oklch(0.72 0.035 224); font-size: 12px; }
.market-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.market-chart-legend i { width: 18px; height: 2px; background: var(--sun); }
.market-chart-legend .legend-ma10 { background: var(--aqua); }
.market-chart-legend strong { color: var(--paper); }
.market-terminal-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(236px, .25fr); min-height: 480px; }
.market-chart-shell { position: relative; min-width: 0; padding: 8px 0 0; border-right: 1px solid oklch(0.66 0.06 225 / .28); background: oklch(0.155 0.03 242); }
.market-chart-shell canvas { display: block; width: 100%; height: 470px; touch-action: none; }
.market-tooltip { position: absolute; z-index: 3; display: none; width: 158px; padding: 10px 12px; border: 1px solid var(--lime); border-radius: 7px; color: var(--paper); background: oklch(0.19 0.05 241 / .96); box-shadow: 5px 6px 0 oklch(0.08 0.025 242 / .55); pointer-events: none; }
.market-tooltip[data-open="true"] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px 10px; }
.market-tooltip strong { grid-column: 1 / -1; color: var(--lime); }
.market-tooltip span { font-size: 11px; font-variant-numeric: tabular-nums; }
.market-depth { padding: 18px; background: oklch(0.19 0.04 241); }
.market-snapshot { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0 0 20px; overflow: hidden; border: 1px solid oklch(0.65 0.05 225 / .32); background: oklch(0.65 0.05 225 / .24); }
.market-snapshot div { padding: 11px 12px; background: oklch(0.205 0.04 241); }
.market-snapshot dt { color: oklch(0.69 0.035 222); font-size: 10px; font-weight: 800; }
.market-snapshot dd { margin: 5px 0 0; color: var(--paper); font: 900 15px/1 "Trebuchet MS", sans-serif; font-variant-numeric: tabular-nums; }
.market-orderbook { display: grid; gap: 1px; color: oklch(0.83 0.025 220); font-size: 12px; font-variant-numeric: tabular-nums; }
.orderbook-head, .order, .market-spread { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; align-items: center; min-height: 31px; padding-inline: 8px; }
.orderbook-head { margin-bottom: 4px; color: var(--paper); border-bottom: 1px solid oklch(0.65 0.05 225 / .32); }
.orderbook-head span, .order em { text-align: right; font-style: normal; }
.order b { text-align: center; }
.order.ask b { color: var(--magenta); } .order.bid b { color: var(--lime); }
.market-spread { margin-block: 5px; color: var(--aqua); background: oklch(0.25 0.06 235); }
.market-spread strong { grid-column: 2 / -1; text-align: right; }
.market-terminal-foot { min-height: 40px; display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 9px 22px; border-top: 1px solid oklch(0.66 0.06 225 / .28); color: oklch(0.68 0.035 222); background: oklch(0.18 0.035 241); font-size: 11px; font-weight: 800; }
.market-gallery { overflow: hidden; }
.market-gallery-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.market-gallery-head h2 { margin: 4px 0 10px; font: 900 clamp(34px, 5vw, 68px)/.95 "STHupo", "Microsoft YaHei", sans-serif; }
.market-gallery-head p:not(.eyebrow) { max-width: 58ch; margin: 0; font-weight: 700; line-height: 1.65; }
.gallery-controls { display: flex; gap: 10px; flex: none; }
.gallery-controls button, .stack-controls button { width: 52px; aspect-ratio: 1; border: 3px solid var(--ink); border-radius: 50%; color: var(--ink); background: var(--lime); box-shadow: 4px 5px 0 var(--ink); font: 900 22px/1 sans-serif; cursor: pointer; transition: transform .25s var(--ease-out), background .25s var(--ease-out); }
.gallery-controls button:hover, .stack-controls button:hover { transform: translateY(-4px) rotate(-5deg); background: var(--sun); }
.market-gallery-rail { display: flex; align-items: flex-start; gap: 24px; overflow-x: auto; padding: 4px 8vw 24px 3px; scroll-snap-type: x mandatory; scrollbar-color: var(--magenta) oklch(0.34 0.05 235 / .24); scrollbar-width: thin; }
.market-gallery-card { flex: 0 0 min(1040px, 86vw); align-self: flex-start; margin: 0; overflow: hidden; scroll-snap-align: start; border: 4px solid var(--paper); border-radius: 26px 7px; color: var(--paper); background: oklch(0.17 0.035 242); box-shadow: 10px 12px 0 var(--magenta); }
.market-gallery-card img { display: block; width: 100%; height: auto; object-fit: unset; background: transparent; }
.market-gallery-card figcaption { display: grid; grid-template-columns: minmax(140px, .3fr) minmax(240px, .65fr) minmax(280px, 1fr); gap: 18px; align-items: center; min-height: 104px; padding: 18px 22px; }
.market-gallery-card figcaption span { color: var(--aqua); font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.market-gallery-card figcaption strong { color: var(--lime); font-size: clamp(18px, 2vw, 27px); line-height: 1.12; }
.market-gallery-card figcaption p { margin: 0; color: oklch(0.83 0.025 220); font-size: 14px; font-weight: 700; line-height: 1.55; }
.investor-facts { columns: 2 320px; column-gap: 24px; } .investor-fact { break-inside: avoid; margin: 0 0 22px; padding: 22px; border: 3px solid var(--ink); background: var(--paper); box-shadow: 7px 7px 0 var(--orange); } .investor-fact strong { display: block; color: var(--magenta); font-size: 28px; }

/* 图片页：React Bits Stack 与 Chroma Grid 风格的原生实现 */
body:is([data-page="investors"], [data-page="global"], [data-page="gallery"]) :is(#chaos-layer, .neon-scribble, .overdrive-layer, .newbee-cube-stage, .cursor-vortex) { display: none !important; }
.onepage-mode :is(#chaos-layer, .neon-scribble) { display: none !important; }
.onepage-loader { min-height: 280px; display: grid; place-content: center; gap: 14px; margin-block: 50px; text-align: center; border: 4px dashed var(--ink); background: var(--lime); box-shadow: 10px 11px 0 var(--magenta); }
.onepage-loader strong { font-size: clamp(25px, 4vw, 46px); } .onepage-loader span { font-weight: 800; }
.onepage-loader button { justify-self: center; min-height: 44px; padding: 9px 16px; border: 3px solid var(--ink); border-radius: 12px; background: var(--sun); box-shadow: 4px 4px 0 var(--ink); font-weight: 900; cursor: pointer; }
.onepage-sections { display: block; }
.onepage-chapter { position: relative; isolation: isolate; overflow: clip; scroll-margin-top: 92px; content-visibility: auto; contain-intrinsic-size: auto 1600px; background: linear-gradient(135deg, color-mix(in oklch, var(--scene-a) 12%, transparent), transparent 38%, color-mix(in oklch, var(--scene-c) 10%, transparent)); transition: background 1s ease; }
.onepage-chapter::after { content: ""; position: absolute; z-index: -1; width: 72vw; aspect-ratio: 1; right: -34vw; top: 18vh; border-radius: 50%; background: repeating-conic-gradient(from 0deg, oklch(0.86 0.20 184 / .22) 0 8deg, transparent 8deg 21deg, oklch(0.70 0.26 334 / .16) 21deg 28deg, transparent 28deg 46deg); filter: blur(22px); animation: chapter-energy-spin 18s linear infinite; pointer-events: none; will-change: transform; }
.onepage-chapter:nth-child(even)::after { left: -34vw; right: auto; animation-direction: reverse; }
@keyframes chapter-energy-spin { to { transform: rotate(360deg) scale(1.12); } }
.onepage-chapter::before { content: attr(id); position: absolute; z-index: 4; top: 18px; left: max(14px, calc((100% - 1600px) / 2)); padding: 7px 11px; border: 2px solid var(--ink); border-radius: 999px; color: var(--ink); background: var(--lime); box-shadow: 3px 3px 0 var(--ink); font: 900 11px/1 monospace; text-transform: uppercase; }
.onepage-chapter + .onepage-chapter { border-top: 8px solid var(--ink); }
.stack-showcase { position: relative; padding: clamp(22px, 4vw, 54px); overflow: hidden; border: 4px solid var(--ink); border-radius: 36px 8px; color: var(--paper); background: oklch(0.16 0.04 242); box-shadow: 14px 16px 0 var(--aqua), 23px 25px 0 var(--magenta); }
.stack-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.stack-heading h2 { margin: 4px 0 0; font: 900 clamp(35px, 5vw, 68px)/.95 "STHupo", "Microsoft YaHei", sans-serif; color: var(--lime); }
.stack-controls { display: flex; align-items: center; gap: 12px; }
.stack-counter { min-width: 74px; color: var(--aqua); font: 900 14px/1 monospace; text-align: center; }
.stack-stage { position: relative; width: min(1120px, calc(100% - 28px)); margin: 0 auto 14px; aspect-ratio: 16 / 9; transition: aspect-ratio .55s var(--ease-out); }
.stack-card { position: absolute; inset: 0; margin: 0; overflow: hidden; border: 3px solid var(--paper); border-radius: 24px 7px; background: oklch(0.09 0.025 242); box-shadow: 9px 10px 0 var(--ink); transform: translate(calc(var(--stack-offset) * 13px), calc(var(--stack-offset) * -13px)) rotate(calc(var(--stack-offset) * 1.4deg)) scale(calc(1 - var(--stack-offset) * .025)); opacity: calc(1 - var(--stack-offset) * .25); transition: transform .65s var(--ease-out), opacity .45s ease; pointer-events: none; }
.stack-card[data-active="true"] { z-index: 4; opacity: 1; pointer-events: auto; }
.stack-card:not([data-active="true"]) { z-index: calc(3 - var(--stack-offset)); }
.stack-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.stack-card figcaption { position: absolute; left: 18px; right: 18px; bottom: 18px; display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center; padding: 14px 18px; border: 2px solid oklch(0.95 0.04 200 / .65); border-radius: 14px; background: oklch(0.13 0.04 242 / .88); backdrop-filter: blur(12px); }
.stack-card figcaption span { color: var(--aqua); font: 900 12px/1 monospace; }
.stack-card figcaption strong { font-size: clamp(17px, 2vw, 25px); }
.global-operations { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.global-operation { min-height: 230px; padding: 26px; border: 3px solid var(--ink); border-radius: 24px 7px; background: var(--paper); box-shadow: 8px 9px 0 var(--orange); }
.global-operation:nth-child(2) { box-shadow-color: var(--aqua); } .global-operation:nth-child(3) { box-shadow-color: var(--magenta); }
.global-operation span { color: var(--violet); font: 900 12px/1 monospace; letter-spacing: .12em; }
.global-operation h3 { margin: 18px 0 12px; font-size: 28px; }
.global-operation p { margin: 0; font-weight: 700; line-height: 1.7; }
.chroma-intro { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 26px; }
.chroma-intro h2 { margin: 4px 0 0; font: 900 clamp(36px, 6vw, 74px)/.9 "STHupo", "Microsoft YaHei", sans-serif; }
.chroma-intro p { max-width: 48ch; margin: 0; font-weight: 700; line-height: 1.65; }
.chroma-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; }
.chroma-card { position: relative; display: block; min-width: 0; margin: 0; padding: 0; overflow: hidden; border: 3px solid var(--paper); border-radius: 24px 7px; color: var(--paper); background: oklch(0.16 0.04 242); box-shadow: 8px 9px 0 var(--chroma, var(--magenta)); text-align: left; cursor: pointer; transition: transform .45s var(--ease-out), filter .45s var(--ease-out); }
.chroma-card:hover { transform: translateY(-7px) rotate(-.5deg); filter: saturate(1.12); }
.chroma-card img { display: block; width: 100%; height: auto; object-fit: unset; }
.chroma-card figcaption { min-height: 116px; padding: 17px 19px 20px; }
.chroma-card figcaption span { color: var(--chroma, var(--aqua)); font: 900 11px/1 monospace; letter-spacing: .12em; }
.chroma-card figcaption strong { display: block; margin-top: 10px; font-size: 21px; }
.chroma-card figcaption p { max-height: 0; margin: 0; overflow: hidden; opacity: 0; line-height: 1.65; transition: max-height .55s var(--ease-out), margin .55s var(--ease-out), opacity .35s ease; }
.chroma-card.is-expanded { grid-column: 1 / -1; cursor: zoom-out; }
.chroma-card.is-expanded img { width: 100%; height: auto; max-height: none; }
.chroma-card.is-expanded figcaption p { max-height: 140px; margin-top: 12px; opacity: .78; }
.archive-objects { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: start; }
.archive-object { margin: 0; overflow: hidden; border: 4px solid var(--ink); border-radius: 24px 7px; background: var(--paper); box-shadow: 9px 10px 0 var(--magenta); }
.archive-object:nth-child(2) { margin-top: 56px; box-shadow-color: var(--aqua); } .archive-object:nth-child(3) { margin-top: 112px; box-shadow-color: var(--sun); }
.archive-object img { display: block; width: 100%; height: auto; object-fit: unset; }
.archive-object figcaption { padding: 17px 19px 20px; font-weight: 800; line-height: 1.55; }
.auto-play-note { align-self: center; min-width: 96px; color: var(--ink); font-size: 11px; font-weight: 900; line-height: 1.25; text-align: right; }
.archive-index-head { display: grid; grid-template-columns: .55fr 1.45fr; gap: 24px; align-items: end; margin-bottom: 28px; }
.archive-index-head h2 { margin: 0; font: 900 clamp(38px, 6vw, 86px)/.9 "STHupo", "Microsoft YaHei", sans-serif; }
.archive-index { display: grid; border-block: 4px solid var(--ink); }
.archive-index-link { position: relative; z-index: 0; display: grid; grid-template-columns: 92px minmax(280px, 1fr) minmax(170px, .35fr) 120px; gap: 22px; align-items: center; min-height: 138px; overflow: hidden; padding: 20px 24px; border-bottom: 2px solid var(--ink); color: var(--ink); text-decoration: none; }
.archive-index-link:last-child { border-bottom: 0; }
.archive-index-link::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(100deg, var(--archive-color), oklch(0.97 0.025 200) 72%); transform: translateX(-101%); transition: transform .55s var(--ease-out); }
.archive-index-link:hover::before, .archive-index-link:focus-visible::before { transform: translateX(0); }
.archive-index-link > span { color: var(--archive-color); font: 900 54px/.8 "Arial Black", sans-serif; -webkit-text-stroke: 2px var(--ink); text-shadow: 3px 3px 0 var(--ink); transition: color .45s var(--ease-out), transform .45s var(--ease-out); }
.archive-index-link:hover > span { color: var(--paper); transform: rotate(-7deg) scale(1.08); }
.archive-index-link > strong { font-size: clamp(22px, 3vw, 38px); line-height: 1.05; }
.archive-index-link > small { font: 900 11px/1.45 monospace; letter-spacing: .08em; }
.archive-index-link > b { text-align: right; font-size: 13px; }
.archive-detail-head { min-height: 650px; display: grid; align-content: end; padding-block: 150px 70px; }
.archive-detail-head h1 { max-width: 13ch; margin: 14px 0 24px; color: var(--archive-accent); font: 900 clamp(58px, 9vw, 132px)/.84 "STHupo", "Microsoft YaHei", sans-serif; -webkit-text-stroke: 2px var(--ink); text-shadow: 7px 8px 0 var(--ink); }
.archive-back { justify-self: start; margin-bottom: 54px; padding: 9px 13px; border: 2px solid var(--ink); border-radius: 999px; background: var(--paper); box-shadow: 4px 4px 0 var(--ink); font-weight: 900; text-decoration: none; }
.archive-detail-visual { margin: 0 auto; overflow: hidden; border: 5px solid var(--paper); border-radius: 32px 8px; background: transparent; box-shadow: 14px 16px 0 var(--archive-accent), 23px 25px 0 var(--ink); }
.archive-detail-visual img { display: block; width: 100%; height: auto; }
.archive-detail-portrait { max-width: 760px; } .archive-detail-square { max-width: 820px; } .archive-detail-landscape, .archive-detail-ultrawide { max-width: 1280px; }
.archive-detail-visual figcaption { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; padding: 17px 21px; color: var(--paper); background: oklch(0.16 0.04 242); }
.archive-detail-visual figcaption span { color: var(--archive-accent); font: 900 28px/1 "Arial Black", sans-serif; }
.archive-detail-visual figcaption strong { font-size: 14px; }
.archive-detail-visual figcaption small { opacity: .68; font: 800 10px/1 monospace; }
.archive-detail-story { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(30px, 8vw, 120px); align-items: start; }
.archive-detail-story h2 { margin: 8px 0 0; font: 900 clamp(38px, 6vw, 82px)/.9 "STHupo", "Microsoft YaHei", sans-serif; }
.archive-detail-story p { margin: 0; font-size: clamp(17px, 2vw, 23px); font-weight: 700; line-height: 1.8; }
.archive-detail-story ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 0; padding: 0; list-style: none; }
.archive-detail-story li { padding: 9px 14px; border: 2px solid var(--ink); border-radius: 999px; background: var(--archive-accent); box-shadow: 3px 4px 0 var(--ink); font-weight: 900; }
.archive-pager { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.archive-pager a { min-height: 156px; display: grid; align-content: space-between; padding: 24px; border: 3px solid var(--ink); border-radius: 22px 6px; background: var(--paper); box-shadow: 8px 9px 0 var(--archive-accent); text-decoration: none; transition: transform .35s var(--ease-out); }
.archive-pager a:hover { transform: translateY(-7px); } .archive-pager a:last-child { text-align: right; }
.archive-pager small { color: var(--violet); font-weight: 900; } .archive-pager strong { font-size: clamp(19px, 2.2vw, 30px); line-height: 1.1; }
.archive-all { display: grid; gap: clamp(90px, 14vw, 210px); }
.archive-all-entry { --archive-accent: var(--aqua); position: relative; display: grid; gap: 28px; padding-block: clamp(30px, 6vw, 76px); }
.archive-all-entry::before { content: ""; position: absolute; z-index: -1; inset: 7% -4vw 0; border: 3px solid var(--archive-accent); border-radius: 44px 9px; background: linear-gradient(145deg, oklch(0.98 0.02 200 / .58), color-mix(in oklch, var(--archive-accent) 22%, transparent)); box-shadow: 15px 17px 0 var(--ink), 0 0 70px color-mix(in oklch, var(--archive-accent) 42%, transparent); animation: archive-frame-charge 3.8s var(--ease-out) infinite alternate; }
@keyframes archive-frame-charge { to { box-shadow: 18px 21px 0 var(--ink), 0 0 110px color-mix(in oklch, var(--archive-accent) 62%, transparent); } }
.archive-all-entry > header { display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: start; }
.archive-all-entry > header > span { color: var(--archive-accent); font: 900 clamp(68px, 12vw, 180px)/.72 "Arial Black", sans-serif; -webkit-text-stroke: 3px var(--ink); text-shadow: 8px 8px 0 var(--ink); animation: archive-number-float 2.7s var(--ease-out) infinite alternate; }
@keyframes archive-number-float { to { transform: translateY(-12px) rotate(-3deg); text-shadow: 13px 15px 0 var(--ink); } }
.archive-all-entry h2 { max-width: 14ch; margin: 7px 0 18px; font: 900 clamp(40px, 6vw, 86px)/.88 "STHupo", "Microsoft YaHei", sans-serif; }
.archive-all-entry .lede { max-width: 64ch; }
.archive-all-visual { position: relative; margin: 0; overflow: hidden; border: 5px solid var(--paper); border-radius: 34px 8px; background: transparent; box-shadow: 13px 15px 0 var(--archive-accent), 22px 24px 0 var(--ink); }
.archive-all-visual.is-portrait { width: min(760px, 86%); justify-self: center; } .archive-all-visual.is-square { width: min(820px, 90%); justify-self: center; }
.archive-all-visual img { display: block; width: 100%; height: auto; transition: filter .8s var(--ease-out), transform .8s var(--ease-out); }
.archive-all-visual:hover img { filter: saturate(1.2) contrast(1.04); transform: scale(1.012); }
.archive-all-visual::after { content: ""; position: absolute; inset: -35% 0 auto; height: 22%; background: linear-gradient(180deg, transparent, color-mix(in oklch, var(--archive-accent) 78%, white), transparent); mix-blend-mode: screen; animation: archive-scan 4.2s linear infinite; pointer-events: none; }
@keyframes archive-scan { to { transform: translateY(720%); } }
.archive-all-visual figcaption { position: absolute; right: 14px; bottom: 14px; padding: 8px 11px; border: 2px solid var(--paper); border-radius: 999px; color: var(--paper); background: oklch(0.16 0.04 242 / .86); font: 900 10px/1 monospace; backdrop-filter: blur(8px); }
.archive-all-story { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: start; padding: 8px clamp(10px, 4vw, 54px) 18px; }
.archive-all-story p { max-width: 76ch; margin: 0; font-size: clamp(17px, 2vw, 23px); font-weight: 750; line-height: 1.8; }
.archive-all-story ul { display: flex; flex-wrap: wrap; gap: 9px; margin: 0; padding: 0; list-style: none; }
.archive-all-story li { padding: 8px 12px; border: 2px solid var(--ink); border-radius: 999px; background: var(--archive-accent); box-shadow: 3px 4px 0 var(--ink); font-weight: 900; white-space: nowrap; }
/* 影像中心：每张影像独立的呈现方式，绝不雷同 */
.archive-all-entry:nth-child(1) .archive-all-visual { border-radius: 34px 8px; }
.archive-all-entry:nth-child(2) .archive-all-visual { border-radius: 8px 34px; transform: rotate(-1.6deg); }
.archive-all-entry:nth-child(3) .archive-all-visual { border-radius: 180px 28px 180px 28px; }
.archive-all-entry:nth-child(4) .archive-all-visual { border-radius: 28px 180px 28px 180px; transform: rotate(1.4deg); }
.archive-all-entry:nth-child(5) .archive-all-visual { border-radius: 12px; transform: rotate(-1deg) scale(.96); }
.archive-all-entry:nth-child(6) .archive-all-visual { border-radius: 50% 50% 18px 18px; }
.archive-all-entry:nth-child(7) .archive-all-visual { border-radius: 18px 18px 50% 50%; transform: rotate(1.1deg); }
.archive-all-entry:nth-child(8) .archive-all-visual { border-radius: 999px 26px 999px 26px; }
.archive-all-entry:nth-child(9) .archive-all-visual { border-radius: 26px 999px 26px 999px; transform: rotate(-1.2deg); }
.archive-all-entry:nth-child(3n+2) > header > span { animation-name: archive-number-spin; animation-timing-function: linear; animation-duration: 6s; }
.archive-all-entry:nth-child(3n) > header > span { animation-name: archive-number-scale; animation-duration: 3.2s; }
@keyframes archive-number-spin { to { transform: rotate(360deg); } }
@keyframes archive-number-scale { 0%,100% { transform: scale(1) rotate(0); } 50% { transform: scale(1.18) rotate(-5deg); } }
/* 影像中心：每张影像独立的排版与图片位置，绝不雷同 */
.archive-all-entry > header { grid-area: head; }
.archive-all-entry .archive-all-visual { grid-area: fig; }
.archive-all-entry .archive-all-story { grid-area: story; }
.archive-all-entry:nth-child(1) { grid-template-areas: "head" "fig" "story"; }
.archive-all-entry:nth-child(2) { grid-template-columns: 1.15fr .85fr; grid-template-areas: "fig head" "fig story"; align-items: center; }
.archive-all-entry:nth-child(3) { grid-template-columns: .85fr 1.15fr; grid-template-areas: "head fig" "story fig"; align-items: center; }
.archive-all-entry:nth-child(4) { grid-template-areas: "fig" "head" "story"; }
.archive-all-entry:nth-child(5) { grid-template-areas: "head" "story" "fig"; }
.archive-all-entry:nth-child(6) { grid-template-columns: 1.25fr .75fr; grid-template-areas: "fig head" "fig story"; align-items: start; }
.archive-all-entry:nth-child(7) { grid-template-columns: .75fr 1.25fr; grid-template-areas: "head fig" "story fig"; align-items: start; }
.archive-all-entry:nth-child(8) { grid-template-columns: 1fr; grid-template-areas: "head" "fig" "story"; justify-items: center; text-align: center; }
.archive-all-entry .archive-all-visual { min-width: 0; }
.archive-all-entry:nth-child(8) .archive-all-visual { max-width: 720px; }
.archive-all-entry:nth-child(9) { grid-template-columns: 1.4fr .6fr; grid-template-areas: "fig head" "fig story"; align-items: center; }
/* 影像中心：每张影像独立的炫酷渐入，绝不重复 */
.archive-all-entry.reveal { opacity: 0; transition: opacity .9s var(--ease-out), transform .9s var(--ease-out), filter .9s var(--ease-out); }
.archive-all-entry:nth-child(1).reveal { transform: translateY(90px) rotate(-3deg); }
.archive-all-entry:nth-child(2).reveal { transform: translateX(-110px) skewX(12deg); filter: blur(14px); }
.archive-all-entry:nth-child(3).reveal { transform: translateX(110px) scale(.86); filter: blur(12px); }
.archive-all-entry:nth-child(4).reveal { transform: translateY(-80px) rotate(6deg); filter: blur(6px); }
.archive-all-entry:nth-child(5).reveal { transform: scale(.55) rotate(-10deg); filter: blur(10px); }
.archive-all-entry:nth-child(6).reveal { transform: translateX(-90px) skewX(-8deg); filter: blur(8px); }
.archive-all-entry:nth-child(7).reveal { transform: translateX(90px) skewX(8deg); filter: blur(8px); }
.archive-all-entry:nth-child(8).reveal { transform: translateY(70px) scale(.88); filter: blur(6px); }
.archive-all-entry:nth-child(9).reveal { transform: scale(1.4) rotate(12deg); filter: blur(16px); }
.archive-all-entry.reveal.is-visible { opacity: 1; transform: none; filter: none; }
/* 影像中心：每个标题独立的字体与炫酷处理，绝不雷同 */
.archive-all-entry:nth-child(1) h2 { font-family: "NewbeeHupo", "STHupo", "Microsoft YaHei", sans-serif; color: var(--sun); -webkit-text-stroke: 2px var(--ink); text-shadow: 4px 4px 0 var(--magenta), 8px 8px 0 var(--violet); }
.archive-all-entry:nth-child(2) h2 { font-family: "NewbeeXingkai", "STXingkai", "KaiTi", "STKaiti", serif; font-weight: 900; color: transparent; background: linear-gradient(95deg, var(--magenta), var(--violet), var(--aqua)); -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 0; text-shadow: none; letter-spacing: .02em; }
.archive-all-entry:nth-child(3) h2 { font-family: "NewbeeLiti", "STLiti", "LiSu", "FangSong", serif; color: var(--aqua); -webkit-text-stroke: 2px var(--ink); text-shadow: 3px 3px 0 var(--ink), 0 0 22px var(--aqua); }
.archive-all-entry:nth-child(4) h2 { font-family: "NewbeeKaiti", "KaiTi", "STKaiti", "STXingkai", serif; color: transparent; background: linear-gradient(90deg, var(--sun), var(--lime), var(--aqua), var(--violet)); -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 0; text-shadow: none; transform: rotate(-1.2deg); }
.archive-all-entry:nth-child(5) h2 { font-family: "NewbeeYouyuan", "YouYuan", "STXihei", "Microsoft YaHei", sans-serif; color: var(--paper); -webkit-text-stroke: 3px var(--orange); text-shadow: 5px 5px 0 var(--ink), 0 0 18px var(--orange); transform: rotate(1.5deg); }
.archive-all-entry:nth-child(6) h2 { font-family: "NewbeeHeiti", "SimHei", "STHeiti", "Microsoft YaHei", sans-serif; font-weight: 900; color: var(--lime); -webkit-text-stroke: 2px var(--ink); text-shadow: 4px 4px 0 var(--magenta), -3px -3px 0 var(--aqua); letter-spacing: -.04em; }
.archive-all-entry:nth-child(7) h2 { font-family: "NewbeeFangsong", "FangSong", "STFangsong", "STSong", serif; color: transparent; background: linear-gradient(180deg, var(--sun), var(--orange), var(--magenta)); -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 1px var(--ink); text-shadow: none; }
.archive-all-entry:nth-child(8) h2 { font-family: "NewbeeZhongsong", "STZhongsong", "STSong", "SimSun", serif; color: var(--violet); -webkit-text-stroke: 2px var(--paper); text-shadow: 0 0 18px var(--violet), 4px 4px 0 var(--ink); }
.archive-all-entry:nth-child(9) h2 { font-family: "NewbeeCaiyun", "STCaiyun", "STHupo", "Microsoft YaHei", sans-serif; color: transparent; background: linear-gradient(95deg, var(--aqua), var(--violet), var(--magenta), var(--sun)); -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 2px var(--ink); text-shadow: none; transform: rotate(-1.5deg); }

.job-board { display: grid; gap: 18px; } .job { border: 4px solid var(--ink); background: var(--paper); box-shadow: 8px 8px 0 var(--sky-deep); }
.job summary { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; cursor: pointer; font-size: 22px; font-weight: 900; list-style: none; } .job summary::-webkit-details-marker { display: none; }
.job summary::after { content: "+"; width: 38px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; color: var(--paper); background: var(--magenta); transition: transform .3s var(--ease-out); } .job[open] summary::after { transform: rotate(45deg); }
.job-body { padding: 0 22px 24px; line-height: 1.8; } .application-desk { display: grid; grid-template-columns: .8fr 1.2fr; gap: 32px; align-items: start; }
.form-stack { display: grid; gap: 16px; } .field { display: grid; gap: 8px; } .field span { font-weight: 900; }
.field input, .field select, .field textarea { width: 100%; min-height: 50px; padding: 12px 14px; border: 3px solid var(--ink); border-radius: 14px; color: var(--ink); background: var(--paper); box-shadow: inset 3px 4px 0 oklch(0.72 0.08 220 / .22); }
.field textarea { min-height: 120px; resize: vertical; } .form-result { min-height: 72px; padding: 16px; border: 3px dashed var(--ink); background: var(--lime); font-weight: 800; line-height: 1.7; }

.privacy-ledger { display: grid; gap: 12px; } .privacy-row { display: grid; grid-template-columns: 180px 1fr 120px; gap: 18px; align-items: center; padding: 18px; border: 2px solid var(--ink); background: var(--paper); }
.privacy-row strong { color: var(--violet); } .privacy-status { font-weight: 900; color: var(--magenta); }
.error-ocean { min-height: 100vh; display: grid; place-items: center; text-align: center; padding: 110px 20px 50px; } .error-code { margin: 0; font: 900 clamp(120px, 30vw, 390px)/.68 "Arial Black", sans-serif; color: var(--aqua); -webkit-text-stroke: 5px var(--paper); text-shadow: 10px 10px 0 var(--magenta), 20px 20px 0 var(--violet); animation: error-float 5s var(--ease-out) infinite alternate; }
@keyframes error-float { to { transform: translateY(-18px) rotate(2deg); filter: hue-rotate(50deg); } }