/* v4.4 银河星尘奖励中心 */
.galaxy-center { position: absolute; inset: 0; overflow: hidden; border: 4px solid #123c54; border-radius: 34px; color: #eefaff; background: #031027; box-shadow: 12px 14px 0 #9fb4c5; }
.galaxy-header { height: 86px; display: flex; align-items: center; justify-content: space-between; padding: 0 28px; border-bottom: 2px solid #315f85; background: #061329; }
.galaxy-brand, .galaxy-brand span { display: flex; align-items: center; }
.galaxy-brand { gap: 13px; }
.galaxy-brand > b { display: grid; width: 50px; height: 50px; place-items: center; border: 2px solid #9af6ff; border-radius: 50%; color: #fff; background: linear-gradient(145deg,#69e6ff,#745dff); box-shadow: 0 0 22px #57dfff88; font-size: 25px; }
.galaxy-brand span { align-items: flex-start; flex-direction: column; }
.galaxy-brand strong { font-size: 22px; line-height: 1.2; }
.galaxy-brand small { color: #68dff7; font-size: 10px; letter-spacing: .16em; }
.galaxy-wallet { display: flex; align-items: center; gap: 10px; }
.galaxy-wallet span, .galaxy-wallet button { min-height: 43px; border: 2px solid #3e789d; border-radius: 16px; padding: 0 14px; color: #dff8ff; background: #0c2346; font-weight: 800; }
.galaxy-wallet span { display: flex; align-items: center; gap: 7px; }
.galaxy-wallet strong { color: #ffdc63; font-size: 20px; }
.galaxy-wallet button { cursor: pointer; }
.galaxy-daily-strip { display: grid; height: 82px; box-sizing: border-box; grid-template-columns: minmax(225px,.7fr) minmax(0,1.8fr) 135px; align-items: center; gap: 14px; padding: 8px 24px; border-bottom: 2px solid #315f85; background: linear-gradient(90deg,#102f58,#0a2446 55%,#112a4c); }
.galaxy-daily-strip-copy { display: grid; gap: 1px; min-width: 0; }
.galaxy-daily-strip-copy small { color: #69e5ff; font-size: 11px; font-weight: 900; }
.galaxy-daily-strip-copy strong { color: #eefaff; font-size: 17px; }
.galaxy-daily-strip-copy span { color: #8fb5cc; font-size: 10px; }
.galaxy-daily-strip-days { display: grid; min-width: 0; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 6px; }
.galaxy-daily-strip-day { display: grid; min-height: 55px; place-items: center; border-bottom: 3px solid #31536f; padding: 2px; color: #7799b0; text-align: center; }
.galaxy-daily-strip-day span { font-size: 10px; }
.galaxy-daily-strip-day strong { color: #ffdc63; font-size: 15px; }
.galaxy-daily-strip-day em { font-size: 9px; font-style: normal; font-weight: 900; }
.galaxy-daily-strip-day.done { border-color: #4eaa91; color: #75ebc8; }
.galaxy-daily-strip-day.current { border-color: #ffdc63; color: #eefaff; background: #ffffff08; }
.galaxy-daily-strip-status { justify-self: end; border: 1px solid #4e86aa; border-radius: 99px; padding: 9px 13px; color: #ffdc63; background: #0a2446; font-size: 12px; white-space: nowrap; }
.galaxy-main { position: relative; height: calc(100% - 168px); min-width: 0; min-height: 0; box-sizing: border-box; padding: 14px 18px 72px; background: radial-gradient(circle at 50% 115%,#183d70,transparent 52%),linear-gradient(#020a1c,#071a37); }
.galaxy-tabs { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.galaxy-tab { min-height: 46px; border: 2px solid #315f85; border-radius: 15px; color: #9ebfd4; background: #0b2345; font-weight: 900; }
.galaxy-tab.active { border-color: #77e6ff; color: #07182b; background: linear-gradient(90deg,#67e5ff,#ffdc63); }
.galaxy-back { position: absolute; left: 18px; bottom: 16px; z-index: 2; width: 210px; min-height: 46px; border: 2px solid #4e7896; border-radius: 14px; color: #dff7ff; background: #102b4b; font-weight: 900; }
.galaxy-view { height: calc(100% - 54px); min-height: 0; }
.galaxy-panel { width: 100%; height: 100%; min-width: 0; overflow: hidden; padding-top: 14px; }
.galaxy-view-head { display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: 18px; }
.galaxy-view-head h2 { margin: 0 0 4px; font-size: 25px; }
.galaxy-view-head p { margin: 0; color: #9dbbd0; }
.galaxy-view-head > strong, .galaxy-view-head > button { border: 1px solid #4e86aa; border-radius: 99px; padding: 8px 13px; color: #dff8ff; background: #102c50; white-space: nowrap; }
.galaxy-fleet-grid { display: grid; height: calc(100% - 74px); align-content: start; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; overflow: auto; padding-bottom: 8px; }
.galaxy-fleet-card { display: flex; min-height: 350px; flex-direction: column; align-items: center; border: 2px solid #315f85; border-radius: 21px; padding: 13px; background: linear-gradient(155deg,#14335f,#081c3c); text-align: center; }
.galaxy-fleet-card.current { border-color: #ffdc63; box-shadow: 0 0 23px #ffdc6344; }
.galaxy-fleet-card img { width: 100%; height: 155px; object-fit: contain; filter: drop-shadow(0 10px 8px #0009); }
.galaxy-fleet-card h3 { margin: 4px 0; }
.galaxy-fleet-card p { margin: 4px 0; color: #9dbbd0; font-size: 13px; line-height: 1.45; }
.galaxy-fleet-card span { margin: auto 0 9px; color: #8ff1d0; font-weight: 900; }
.galaxy-fleet-card button { width: 100%; min-height: 42px; border: 0; border-radius: 12px; color: #09233b; background: linear-gradient(90deg,#67e5ff,#ffdc63); font-weight: 900; }
.galaxy-fleet-card button:disabled { color: #8aa5b8; background: #29455e; }
.galaxy-yard-overview { display: grid; width: 100%; height: calc(100% - 74px); min-width: 0; min-height: 0; overflow: hidden; grid-template-rows: 150px minmax(0,1fr); gap: 10px; }
.galaxy-yard-overview .galaxy-project-grid { height: auto; min-height: 0; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.galaxy-starwish-card { display: grid; width: 100%; height: 150px; min-width: 0; min-height: 0; box-sizing: border-box; grid-template-columns: 210px minmax(0,1fr) 180px; align-items: center; gap: 16px; overflow: hidden; contain: layout paint; border: 2px solid #4d6f94; border-radius: 22px; padding: 10px 16px; color: #eefaff; background: linear-gradient(115deg,#18365e,#0b2144); }
.galaxy-starwish-card.unlocked { border-color: #ffdc63; background: radial-gradient(circle at 20% 50%,#58431266,transparent 34%),linear-gradient(115deg,#193b68,#0b2144); box-shadow: 0 0 24px #ffdc6333; }
.galaxy-starwish-card img { display: block; width: 210px; max-width: 100%; height: 126px; max-height: 126px; object-fit: contain; filter: drop-shadow(0 9px 9px #0009); }
.galaxy-starwish-card > span { min-width: 0; overflow: hidden; }
.galaxy-starwish-card.locked img { opacity: .42; filter: grayscale(.65) drop-shadow(0 9px 9px #0009); }
.galaxy-starwish-card small { color: #ffdc63; font-weight: 900; }
.galaxy-starwish-card h3 { margin: 2px 0; font-size: 25px; }
.galaxy-starwish-card p { margin: 0; color: #a9c5d7; font-size: 12px; line-height: 1.4; }
.galaxy-starwish-card span > div { height: 9px; margin-top: 8px; overflow: hidden; border-radius: 99px; background: #294966; }
.galaxy-starwish-card span > div i { display: block; height: 100%; background: linear-gradient(90deg,#68e5ff,#ffdc63); }
.galaxy-starwish-card strong { display: block; margin-top: 5px; color: #ffdc63; font-size: 12px; }
.galaxy-starwish-card > button { width: 180px; max-width: 100%; min-height: 45px; border: 0; border-radius: 13px; color: #09233b; background: linear-gradient(90deg,#67e5ff,#ffdc63); font-weight: 900; }
.galaxy-starwish-card.locked > button { color: #aec3d1; background: #29455e; }
.galaxy-project-grid { display: grid; height: calc(100% - 74px); grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.galaxy-project-card { display: grid; min-height: 0; overflow: hidden; grid-template-columns: 48% 1fr; align-items: center; border: 2px solid #376d95; border-radius: 23px; padding: 18px; color: #eefaff; background: linear-gradient(145deg,#143865,#081c3c); text-align: left; }
.galaxy-yard-overview .galaxy-project-card { grid-template-columns: 42% minmax(0,1fr); gap: 10px; border-radius: 18px; padding: 12px; }
.galaxy-project-card:hover { border-color: #70e5ff; transform: translateY(-2px); }
.galaxy-project-card:disabled { cursor: default; }
.galaxy-project-card.locked { border-color: #4d5c70; opacity: .72; }
.galaxy-project-card.lightspeed { border-color: #74e8ff; background: linear-gradient(145deg,#16466b,#0b2447 58%,#102f3f); box-shadow: inset 0 0 0 1px #d8fbff22; }
.galaxy-project-card.lightspeed.locked { border-color: #6bb6ce; opacity: .94; }
.galaxy-project-card.locked:hover { border-color: #4d5c70; transform: none; }
.galaxy-project-card.locked img { filter: grayscale(.45) drop-shadow(0 13px 9px #0009); }
.galaxy-project-card.lightspeed.locked:hover { border-color: #6bb6ce; }
.galaxy-project-card.lightspeed.locked img { filter: saturate(.74) drop-shadow(0 13px 9px #0009); }
.galaxy-project-card img { width: 100%; height: 100%; max-height: 250px; min-height: 0; object-fit: contain; filter: drop-shadow(0 13px 9px #0009); }
.galaxy-yard-overview .galaxy-project-card img { max-height: 170px; }
.galaxy-project-card > span { min-width: 0; overflow: hidden; }
.galaxy-project-kicker { display: block; margin-bottom: 4px; color: #68e5ff; font-size: 11px; font-weight: 900; }
.galaxy-project-card.lightspeed .galaxy-project-kicker { color: #ffdc63; }
.galaxy-project-card h3 { margin: 0 0 8px; font-size: 25px; }
.galaxy-yard-overview .galaxy-project-card h3 { margin-bottom: 5px; font-size: 21px; line-height: 1.12; }
.galaxy-project-card p { color: #9dbbd0; line-height: 1.5; }
.galaxy-yard-overview .galaxy-project-card p { margin: 0; font-size: 12px; line-height: 1.35; }
.galaxy-project-card strong, .galaxy-project-card em { display: block; margin-top: 10px; }
.galaxy-yard-overview .galaxy-project-card strong, .galaxy-yard-overview .galaxy-project-card em { margin-top: 7px; font-size: 12px; }
.galaxy-project-card strong { color: #ffdc63; }
.galaxy-project-card em { width: max-content; border-radius: 12px; padding: 10px 14px; color: #08223a; background: linear-gradient(90deg,#67e5ff,#ffdc63); font-style: normal; font-weight: 900; }
.galaxy-yard-overview .galaxy-project-card em { padding: 8px 10px; }
.galaxy-yard-panel { display: grid; grid-template-rows: auto minmax(0,1fr); }
.galaxy-yard-panel:has(.core-passage-banner), .galaxy-yard-panel:has(.parent-impact-note) { grid-template-rows: auto auto minmax(0,1fr); }
.galaxy-yard { display: grid; height: auto; min-height: 0; grid-template-columns: minmax(0,1.05fr) minmax(330px,.95fr); gap: 14px; }
.galaxy-build-stage { position: relative; display: flex; min-height: 0; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; border: 2px solid #376d95; border-radius: 22px; background: radial-gradient(circle,#174478,#06172f 70%); }
.galaxy-build-stage img { width: 90%; height: 72%; object-fit: contain; pointer-events: none; user-select: none; -webkit-user-drag: none; filter: drop-shadow(0 14px 10px #000a); }
.galaxy-build-stage img.ghost { opacity: .28; filter: grayscale(.8); }
.galaxy-build-stage h3 { margin: 0; color: #ffdc63; }
.galaxy-build-stage.launching img { animation: galaxyLaunch 1.4s ease-in-out infinite; }
@keyframes galaxyLaunch { 50% { transform: translateY(-12px) scale(1.03); filter: drop-shadow(0 20px 18px #65e8ff); } }
.galaxy-build-progress { position: absolute; left: 18px; right: 18px; top: 16px; height: 16px; overflow: hidden; border-radius: 99px; background: #203f60; }
.galaxy-build-progress i { display: block; height: 100%; background: linear-gradient(90deg,#67e5ff,#ffdc63); }
.galaxy-build-progress strong { position: absolute; right: 7px; top: -1px; color: #fff; font-size: 12px; }
.galaxy-modules { display: grid; align-content: start; gap: 7px; overflow: auto; }
.galaxy-yard.is-lightspeed .galaxy-modules { grid-template-rows: repeat(5,minmax(0,1fr)); align-content: stretch; overflow: hidden; }
.galaxy-yard.is-lightspeed .galaxy-module { min-height: 0; }
.galaxy-module { display: grid; min-height: 62px; grid-template-columns: 38px 1fr 72px; align-items: center; gap: 9px; border: 2px solid #315f85; border-radius: 15px; padding: 8px; background: #0d284d; }
.galaxy-module i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: #08223a; background: #ffdc63; font-style: normal; font-weight: 900; }
.galaxy-module span b, .galaxy-module span small { display: block; }
.galaxy-module span small { margin-top: 3px; color: #9dbbd0; }
.galaxy-module button { min-height: 38px; border: 0; border-radius: 11px; color: #08223a; background: #ffdc63; font-weight: 900; }
.galaxy-module button:disabled { color: #7e99ac; background: #29455e; }
.galaxy-module.done { border-color: #4baf92; }
.core-passage-banner { display: flex; min-height: 62px; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; border: 2px solid #4e86aa; border-radius: 8px; padding: 10px 14px; color: #dff8ff; background: #102c50; }
.core-passage-banner.ready { border-color: #74e8c8; background: #103c47; }
.core-passage-banner span { display: grid; gap: 3px; min-width: 0; }
.core-passage-banner strong { color: #ffe36d; font-size: 18px; }
.core-passage-banner small { color: #b8d2e2; line-height: 1.35; }
.core-passage-banner button { min-width: 190px; min-height: 42px; border: 2px solid #73e8ff; border-radius: 8px; padding: 0 15px; color: #09233b; background: linear-gradient(90deg,#67e5ff,#ffdc63); font-weight: 900; }
.galaxy-confirm { position: absolute; z-index: 120; inset: 0; display: grid; place-items: center; background: #010713d9; backdrop-filter: blur(6px); }
.galaxy-confirm > div { width: min(440px,90%); border: 3px solid #67e5ff; border-radius: 24px; padding: 25px; color: #0a2941; background: #f3fbff; box-shadow: 0 25px 80px #000c; }
.galaxy-confirm h2 { margin: 0 0 8px; }
.galaxy-confirm p { color: #536d80; font-size: 17px; line-height: 1.55; }
.galaxy-confirm small { display: block; color: #087b67; font-weight: 900; }
.galaxy-confirm span { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
.galaxy-confirm button { min-height: 42px; border: 2px solid #20536e; border-radius: 12px; padding: 0 15px; background: #fff; font-weight: 900; }
.galaxy-confirm button:last-child { background: #ffdc63; }
.galaxy-reroute-confirm > div { width: min(520px,92%); }
.galaxy-reroute-confirm h2 { margin-top: 5px; }
.galaxy-reroute-confirm ul { display: grid; gap: 7px; margin: 15px 0 0; padding: 14px 18px 14px 36px; border-radius: 14px; color: #31576d; background: #e5f6fb; font-weight: 800; line-height: 1.45; }
.galaxy-reroute-confirm li::marker { color: #168ba0; }
.galaxy-warp-panel { overflow: auto; }
.galaxy-warp-grid { display: grid; height: auto; min-height: 0; grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr); align-items: start; gap: 16px; padding-bottom: 20px; }
.galaxy-warp-card { border: 2px solid #376d95; border-radius: 23px; padding: 22px; background: linear-gradient(145deg,#143865,#081c3c); }
.galaxy-warp-card small { color: #6ee7ff; font-weight: 900; }
.galaxy-warp-card h3 { margin: 8px 0; font-size: 24px; }
.galaxy-warp-card p { color: #a5c2d5; line-height: 1.55; }
.galaxy-warp-card { display: grid; align-content: start; gap: 12px; }
.galaxy-warp-card-only { width: min(620px,100%); min-height: 340px; margin: 18px auto 0; align-content: center; }
.galaxy-warp-title { display: grid; grid-template-columns: 70px 1fr; align-items: center; gap: 14px; }
.galaxy-warp-title > span { font-size: 54px; }
.galaxy-warp-card strong { display: block; color: #ffdc63; }
.galaxy-warp-card ol { display: grid; gap: 9px; margin: 2px 0; padding: 14px 14px 14px 38px; border-radius: 15px; color: #b8d3e5; background: #0a2446; line-height: 1.5; }
.galaxy-warp-card ol b { color: #eefaff; }
.galaxy-warp-how { margin: 4px 0; border-radius: 15px; padding: 14px; background: #0a2446; font-size: 16px; }
.galaxy-warp-destinations { margin: 0; border-left: 3px solid #75ebc8; padding-left: 10px; }
.galaxy-warp-destinations b { display: inline; color: #75ebc8; }
.galaxy-warp-actions { display: grid; gap: 9px; }
.galaxy-warp-card button { min-height: 48px; border: 0; border-radius: 14px; color: #09233b; background: linear-gradient(90deg,#67e5ff,#ffdc63); font-weight: 900; }
.galaxy-warp-card button.galaxy-warp-use { border: 2px solid #67d7e9; color: #dffaff; background: #11385b; }
.galaxy-warp-card button:disabled { color: #829bae; background: #29455e; }
.starwish-unlock { position: absolute; z-index: 130; inset: 0; display: grid; place-items: center; background: radial-gradient(circle,#173d72aa,#010713ee 70%); backdrop-filter: blur(7px); }
.starwish-unlock > div { width: min(570px,90%); border: 3px solid #ffdc63; border-radius: 28px; padding: 22px 30px 28px; color: #10334f; background: linear-gradient(155deg,#fffdf0,#e8f8ff); box-shadow: 0 0 45px #ffdc6377,0 28px 90px #000d; text-align: center; }
.starwish-unlock span { color: #9b6500; font-weight: 900; }
.starwish-unlock img { display: block; width: 330px; max-width: 80%; height: 190px; margin: 4px auto -4px; object-fit: contain; filter: drop-shadow(0 13px 12px #16334f55); animation: starwishArrival 1.8s ease-in-out infinite; }
.starwish-unlock h2 { margin: 0 0 7px; font-size: 31px; }
.starwish-unlock p { margin: 0 auto; max-width: 440px; color: #536f82; line-height: 1.55; }
.starwish-unlock div > div { display: flex; justify-content: center; gap: 12px; margin-top: 18px; }
.starwish-unlock button { min-width: 150px; min-height: 46px; border: 2px solid #20536e; border-radius: 13px; background: #fff; font-weight: 900; }
.starwish-unlock button:last-child { color: #08223a; background: linear-gradient(90deg,#67e5ff,#ffdc63); }
@keyframes starwishArrival { 50% { transform: translateY(-7px) rotate(-2deg); } }

/* v5.1 银河远征正式地图 */
.galaxy-map-screen { position: absolute; inset: 0; overflow: hidden; color: #eefaff; background: #031027; }
.galaxy-map-header { position: absolute; z-index: 70; left: 24px; right: 24px; top: 10px; display: flex; height: 58px; align-items: center; justify-content: space-between; }
.galaxy-map-header > div, .galaxy-map-header nav { display: flex; align-items: center; gap: 10px; }
.galaxy-map-header > div > img { width: 52px; height: 52px; border: 2px solid #9af6ff; border-radius: 50%; box-shadow: 0 0 20px #57dfff66; }
.galaxy-map-header > div > span { display: grid; }
.galaxy-map-header > div strong { font-size: 22px; }
.galaxy-map-header > div small { color: #68dff7; font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.galaxy-map-header nav button { min-height: 40px; border: 2px solid #4f91b7; border-radius: 999px; padding: 0 15px; color: #102b44; background: #dff9ff; font-weight: 900; }
.galaxy-map-header nav button:nth-child(2) { color: #eaf9ff; background: #0c2346; }
.galaxy-map-header nav button strong { color: #ffdc63; }
.galaxy-map-canvas { position: absolute; inset: 74px 12px 68px; overflow: hidden; border: 2px solid #315f88; border-radius: 27px; background: linear-gradient(#02091aaa,#02091ad9), url("../assets/galaxy/milky-way-oblique-v1.webp") 50% 45% / cover no-repeat, #02091a; }
.galaxy-map-canvas::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background-image: radial-gradient(circle,#fff 0 1px,transparent 1.4px),radial-gradient(circle,#5ddfff 0 1px,transparent 1.4px); background-position: 11px 7px,42px 29px; background-size: 101px 101px,137px 137px; opacity: .32; }
.galaxy-map-title { position: absolute; z-index: 30; right: 20px; top: 15px; color: #9bd9e9; font-size: 10px; font-weight: 900; letter-spacing: .18em; }
.galaxy-distance-note { position: absolute; z-index: 30; right: 20px; top: 34px; color: #69879f; font-size: 8px; font-weight: 800; letter-spacing: .08em; opacity: .7; }
.galaxy-map-mission { position: absolute; z-index: 50; left: 18px; top: 18px; width: 300px; border: 2px solid #54a7ca; border-radius: 20px; padding: 16px 18px; background: linear-gradient(145deg,rgba(17,57,104,.97),rgba(7,24,55,.97)); box-shadow: 0 8px 0 #0005,0 0 28px #1e8cd633; }
.galaxy-map-mission > span { color: #69e5ff; font-size: 10px; font-weight: 900; letter-spacing: .15em; }
.galaxy-map-mission h2 { margin: 5px 0 3px; font-size: 30px; }
.galaxy-map-mission p { min-height: 38px; margin: 0; color: #b6d1e4; font-size: 12px; line-height: 1.55; }
.galaxy-mission-progress { position: relative; display: grid; grid-template-columns: minmax(56px,1fr) auto; align-items: center; gap: 8px; margin-top: 12px; }
.galaxy-mission-progress::before { content: ""; grid-area: 1 / 1; width: 100%; height: 8px; border-radius: 99px; background: #244565; }
.galaxy-mission-progress b { position: relative; z-index: 1; grid-area: 1 / 1; height: 8px; max-width: 100%; border-radius: 99px; background: linear-gradient(90deg,#62e8ff,#ffdc63); }
.galaxy-mission-progress strong { grid-area: 1 / 2; color: #ffdc63; font-size: 11px; white-space: nowrap; }
.galaxy-route-layer { position: absolute; z-index: 16; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.galaxy-route-layer polyline { fill: none; stroke: #68e9ff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 5 7; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 4px #38dfff); }
.galaxy-nebula-choice-paths { position: absolute; z-index: 19; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.galaxy-nebula-choice-paths polyline { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.galaxy-nebula-choice-paths .traverse { stroke: #d9a0ff; stroke-width: 2.8; stroke-dasharray: 3 5; filter: drop-shadow(0 0 6px #d48cff); }
.galaxy-nebula-choice-paths circle { vector-effect: non-scaling-stroke; }
.galaxy-nebula-choice-paths .entry { fill: #ffdc63; stroke: #fff3b0; stroke-width: 1; filter: drop-shadow(0 0 5px #ffdc63); }
.galaxy-nebula-choice-paths .exit { fill: #7ceecb; stroke: #d7fff1; stroke-width: .8; }
.galaxy-route-station { position: absolute; z-index: 18; left: var(--x); top: var(--y); display: block; width: 8px; height: 8px; border: 2px solid #79ddf3; border-radius: 50%; background: #0b2748; box-shadow: 0 0 7px #48ddff; transform: translate(-50%,-50%); pointer-events: none; }
.galaxy-route-station.complete { border-color: #c8fff0; background: #75ebc8; box-shadow: 0 0 8px #75ebc8; }
.galaxy-route-station.next { width: 12px; height: 12px; border-color: #fff2a2; background: #ffdc63; box-shadow: 0 0 0 4px #ffdc6333,0 0 12px #ffdc63; }
.galaxy-star-node, .galaxy-solar-node { position: absolute; z-index: 24; left: var(--x); top: var(--y); display: grid; width: 86px; justify-items: center; border: 0; padding: 0; color: #e7f5ff; background: transparent; transform: translate(-50%,-50%); text-align: center; }
.galaxy-star-node > span { position: relative; display: grid; width: 48px; height: 48px; place-items: center; border: 2px solid #4c8cad; border-radius: 50%; background: radial-gradient(circle,#183f70,#092341); box-shadow: 0 6px 0 #020a17aa; transition: .2s ease; }
.galaxy-star-node img { width: 28px; height: 28px; filter: invert(83%) sepia(32%) saturate(795%) hue-rotate(153deg) brightness(105%); }
.galaxy-star-node i { position: absolute; right: -4px; top: -4px; display: none; width: 20px; height: 20px; place-items: center; border: 2px solid #dffcff; border-radius: 50%; color: #06261d; background: #75ebc8; font-size: 10px; font-style: normal; font-weight: 900; }
.galaxy-star-node strong, .galaxy-solar-node strong { margin-top: 5px; font-size: 12px; white-space: nowrap; text-shadow: 0 2px 4px #000; }
.galaxy-star-node small { color: #7699b1; font-size: 8px; white-space: nowrap; }
.galaxy-star-node em { margin-top: 2px; border: 1px solid #4e88a8; border-radius: 999px; padding: 1px 5px; color: #bdefff; background: #071c36dd; font-size: 7px; font-style: normal; font-weight: 900; white-space: nowrap; }
.galaxy-star-node.current em { border-color: #ffdc63; color: #332300; background: #ffdc63; }
.galaxy-star-node:hover > span, .galaxy-star-node.selected > span { border-color: #ffdc63; background: radial-gradient(circle,#8a5729,#3f2532); box-shadow: 0 0 0 7px #ffdc6328,0 0 26px #ffdc6388; transform: translateY(-3px) scale(1.05); }
.galaxy-star-node.complete i { display: grid; }
.galaxy-star-node.complete > span { border-color: #75ebc8; }
.galaxy-star-node:disabled { opacity: .42; cursor: not-allowed; }
.galaxy-solar-node { z-index: 28; width: 104px; transform: translate(-50%,-30px); }
.galaxy-solar-node img { width: 60px; height: 60px; border: 3px solid #6ee8ff; border-radius: 50%; object-fit: contain; box-shadow: 0 0 20px #61e7ff55; }
.galaxy-solar-node.selected img { border-color: #ffdc63; box-shadow: 0 0 0 7px #ffdc6328,0 0 30px #ffdc6399; }
.galaxy-core { position: absolute; z-index: 8; left: var(--x); top: var(--y); width: 68px; height: 68px; object-fit: contain; opacity: .28; transform: translate(-50%,-50%); filter: saturate(.28) brightness(.45) contrast(.9); }
.galaxy-core-label { position: absolute; z-index: 10; left: var(--x); top: calc(var(--y) + 5.5%); color: #8690a8; font-size: 7px; font-weight: 800; opacity: .32; transform: translateX(-50%); text-shadow: 0 2px 5px #010713; }
.galaxy-core-button { position: absolute; z-index: 11; left: var(--x); top: var(--y); width: 92px; height: 92px; padding: 0; border: 0; background: transparent; transform: translate(-50%,-50%); cursor: pointer; }
.galaxy-core-button .galaxy-core { position: static; width: 68px; height: 68px; opacity: .76; transform: none; filter: saturate(.8) brightness(.82) contrast(1.05); }
.galaxy-core-button .galaxy-core-label { left: 50%; top: 72px; width: 120px; color: #ffe36d; opacity: 1; transform: translateX(-50%); }
.galaxy-core-button:hover .galaxy-core,.galaxy-core-button:focus-visible .galaxy-core { filter: saturate(1) brightness(1.05); }
.galaxy-core-button:disabled { cursor: default; opacity: .9; }
.galaxy-core-button.is-targeting .galaxy-core { filter: saturate(1.12) brightness(1.08); animation: core-target-pulse 1.1s ease-in-out infinite; }
.galaxy-map-ship.core-approach { z-index: 44; filter: drop-shadow(0 8px 8px #000c) drop-shadow(0 0 14px #ffe36d); }
@keyframes core-target-pulse { 50% { transform: scale(1.08); } }

.core-exam-screen { min-height: 100%; color: #edf9ff; background: radial-gradient(circle at 72% 28%,#30215f 0,transparent 30%),linear-gradient(145deg,#06152d,#0b2650 58%,#190f39); }
.core-exam-screen>header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 24px 32px 20px; border-bottom: 1px solid #3c73a5; }
.core-exam-screen>header small { color: #65dff5; font-weight: 900; letter-spacing: .1em; }
.core-exam-screen>header h1 { margin: 4px 0; font-size: 32px; }
.core-exam-screen>header p { margin: 0; color: #b8cfe2; font-size: 16px; }
.core-exam-screen button { border: 2px solid #4f8ab9; border-radius: 16px; color: #edf9ff; background: #102e55; font-weight: 900; cursor: pointer; }
.core-exam-screen button:disabled { cursor: default; opacity: .38; }
.core-exam-screen>header>button { min-width: 150px; padding: 12px 18px; }
.core-exam-home>main { width: min(1000px,calc(100% - 48px)); margin: 0 auto; padding: 24px 0 30px; }
.core-exam-paper-steps { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; margin-bottom: 18px; }
.core-exam-paper-steps span { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; border: 1px solid #376e9c; border-radius: 15px; color: #7f9db6; background: #0b294e; }
.core-exam-paper-steps b { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #274b6b; }
.core-exam-paper-steps .active { border-color: #ffe36d; color: #fff; box-shadow: 0 0 18px #ffe36d33; }
.core-exam-paper-steps .active b { color: #071b35; background: #ffe36d; }
.core-exam-paper-steps .complete { border-color: #74e9c7; color: #bff9e8; }
.core-exam-paper-steps .complete b { color: #082d35; background: #74e9c7; }
.core-exam-paper-steps .needs-makeup { border-color: #ffb076; color: #ffd8bd; }
.core-exam-paper-steps .needs-makeup b { color: #3a1a06; background: #ffb076; }
.core-exam-kid-card { padding: 25px; border: 3px solid #62dff3; border-radius: 28px; background: #0b2447; box-shadow: 0 16px 34px #0005; }
.core-exam-kid-title { display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 22px; }
.core-exam-kid-title>span { font-size: 58px; }
.core-exam-kid-title small,.core-exam-kid-title strong { display: block; }
.core-exam-kid-title small { color: #8fc6df; font-weight: 800; }
.core-exam-kid-title strong { color: #ffe36d; font-size: 34px; }
.core-exam-types { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.core-exam-types article { display: grid; justify-items: center; gap: 7px; padding: 18px 10px; border-radius: 18px; background: #123763; text-align: center; }
.core-exam-types article>span { font-size: 27px; }
.core-exam-types article>b { color: #ffe36d; }
.core-exam-primary { display: block; width: min(520px,100%); min-height: 58px; margin: 24px auto 0; border-color: #79ecff!important; color: #09233b!important; background: linear-gradient(90deg,#65e4f7,#ffe36d)!important; box-shadow: 0 7px 0 #123d5c; font-size: 20px; }
.core-exam-waiting { display: grid; justify-items: center; gap: 4px; margin-top: 25px; color: #a9c8df; }
.core-exam-waiting strong { color: #76ebca; font-size: 23px; }
.core-exam-waiting.passed { gap: 10px; }
.core-exam-waiting.passed span { max-width: 620px; line-height: 1.55; text-align: center; }
.core-exam-waiting.passage-ready { border-top: 2px solid #74e8c8; padding-top: 18px; }
.core-exam-waiting.passage-ready strong { color: #ffe36d; }
.core-complete-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 8px; }
.core-complete-actions .core-exam-primary { width: 260px; margin: 0; }
.core-complete-actions button:not(.core-exam-primary) { min-width: 180px; min-height: 58px; padding: 0 18px; }
.core-exam-home-note { margin: 14px 0 0; color: #a9c8df; text-align: center; }
.core-exam-question { display: grid; grid-template-rows: auto 1fr auto; height: 100%; min-height: 620px; }
.core-exam-question>main { width: min(1120px,calc(100% - 48px)); margin: 0 auto; padding: 18px 0; }
.core-question-progress { position: relative; height: 14px; overflow: hidden; border-radius: 99px; background: #09213f; }
.core-question-progress span { position: absolute; inset: 0 auto 0 0; width: var(--progress); background: linear-gradient(90deg,#64e5f8,#ffe36d); }
.core-question-progress b { position: absolute; right: 8px; top: 18px; color: #c8e0ef; }
.core-question-card { display: grid; align-content: center; min-height: 430px; margin-top: 20px; padding: 28px; border: 3px solid #4fb6d8; border-radius: 28px; color: #092d45; background: #fff9e9; box-shadow: 0 14px 32px #0005; }
.core-question-card.dictation-card { padding: 0; overflow: hidden; }
.core-dictation-stage { position: relative; inset: auto; min-height: 430px; border: 0; border-radius: 24px; box-shadow: none; }
.core-dictation-stage .travel-audio-panel { background: #17384f; }
.core-dictation-stage[data-audio-state="ready"] .travel-audio-panel { background: #1b4b58; }
.core-dictation-stage.core-spoken-chinese-prompt .travel-audio-panel { background: #17384f; }
.core-dictation-stage.core-spoken-chinese-prompt[data-audio-state="ready"] .travel-audio-panel { background: #1b4b58; }
.core-dictation-stage .travel-audio-panel > button { border-color: #0f283d; color: #0f283d; background: #fff6c5; box-shadow: 5px 6px 0 #0f283d; }
.core-dictation-stage .travel-audio-panel p { color: #d8edf7; }
.core-dictation-stage .travel-chinese-hint > button { border-color: #102b40; color: #102b40; background: #fff4bd; box-shadow: 4px 5px 0 #102b40; }
.core-dictation-stage .travel-chinese-hint-card { border-color: #d9bd46; box-shadow: 4px 5px 0 #102b40; }
.core-dictation-stage .travel-paper { min-height: 430px; }
.core-dictation-stage .travel-paper .single-canvas { min-height: 360px; }
.core-dictation-tools { display: flex; gap: 10px; }
.core-footer-spacer { flex: 1; }
.core-question-prompt { text-align: center; }
.core-question-prompt>small { color: #78558d; font-size: 17px; font-weight: 900; }
.core-question-prompt h2 { margin: 18px auto 28px; font-size: clamp(30px,4vw,58px); line-height: 1.25; }
.core-audio-button { display: block; min-width: 220px; min-height: 76px; margin: 24px auto; border-color: #12435b!important; color: #10364b!important; background: #ffd85d!important; font-size: 20px; box-shadow: 0 7px 0 #16485b; }
.core-audio-button span { margin-right: 10px; }
.core-dictation-answer { display: grid; gap: 9px; width: min(620px,90%); margin: 12px auto; color: #526b78; font-weight: 800; }
.core-dictation-answer input { height: 68px; border: 3px solid #15485f; border-radius: 16px; padding: 0 20px; color: #092d45; background: #fff; font-size: 30px; font-weight: 900; text-align: center; outline: 0; }
.core-dictation-answer input:focus { border-color: #36c9e8; box-shadow: 0 0 0 5px #36c9e833; }
.core-abcd-options { width: min(900px,100%); margin: 0 auto; }
.core-abcd-options .nebula-option { grid-template-columns: 42px minmax(0,1fr); border-color: #174d68; color: #10384d; background: #fff; box-shadow: 0 5px 0 #143d55; }
.core-abcd-options .nebula-option:nth-child(2),
.core-abcd-options .nebula-option:nth-child(3),
.core-abcd-options .nebula-option:nth-child(4) { background: #fff; }
.core-abcd-options .nebula-option i { width: 32px; height: 32px; border-color: #174d68; color: #10384d; background: #eef8fb; }
.core-abcd-options .nebula-option strong { justify-self: start; min-width: 0; padding-right: 0; overflow-wrap: anywhere; font-size: clamp(23px,2.7vw,34px); line-height: 1.18; }
.core-abcd-options .nebula-option.selected { border-color: #147a83; color: #08233a; background: #e5f7f8; box-shadow: 0 5px 0 #0f5960; }
.core-abcd-options .nebula-option.selected i { border-color: #147a83; background: #cceff2; }
.core-order-prompt h2 { margin: 10px auto 18px; font-size: clamp(24px,3vw,38px); }
.core-order-builder { display: grid; gap: 16px; width: min(940px,100%); margin: 0 auto; }
.core-order-zone { min-height: 118px; border: 3px dashed #67b9ce; border-radius: 22px; padding: 15px 18px; background: #eefbfb; }
.core-order-zone.answer-zone { border-style: solid; border-color: #1a9a7b; background: #e0faef; }
.core-order-zone>small { display: block; margin-bottom: 11px; color: #55717d; font-weight: 900; }
.core-order-zone>div { display: flex; min-height: 56px; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; }
.core-order-zone>div>span { color: #7e959e; font-size: 18px; font-weight: 800; }
.core-order-zone button { min-height: 56px; padding: 9px 18px; border-color: #1b6276; color: #123f51; background: #fff; box-shadow: 0 6px 0 #16485b; cursor: grab; font-family: var(--word-font); font-size: 21px; touch-action: manipulation; }
.core-order-zone.answer-zone button { border-color: #168769; background: #c9f7e4; box-shadow: 0 6px 0 #11664f; }
.core-order-zone button:active { cursor: grabbing; transform: translateY(3px); box-shadow: 0 3px 0 #16485b; }
.core-order-zone button.is-dragging { opacity: .55; transform: scale(1.04); }
.core-order-tools { display: flex; justify-content: center; gap: 12px; margin-top: 22px; }
.core-order-tools button { min-width: 130px; padding: 10px; }
.core-question-card.reading-card { padding: 22px; }
.core-reading-layout { display: grid; grid-template-columns: minmax(0,42fr) minmax(0,58fr); gap: 20px; align-items: stretch; }
.core-reading-passage { margin: 0; padding: 24px; border-radius: 20px; color: #174558; background: #e6f7f7; }
.core-reading-passage small { color: #16826d; font-weight: 900; }
.core-reading-passage p { margin: 12px 0 0; font-size: 21px; line-height: 1.65; }
.core-reading-question { display: grid; align-content: center; min-width: 0; }
.core-reading-question .core-question-prompt h2 { margin: 12px auto 18px; font-size: clamp(24px,3vw,38px); }
.core-reading-hint { display: flex; justify-content: center; min-height: 42px; margin: -6px 0 18px; }
.core-reading-hint button { min-height: 40px; border: 2px solid #2b6d80; border-radius: 10px; padding: 0 14px; color: #174558; background: #f5fbfc; box-shadow: 0 3px 0 #174558; font-weight: 900; }
.core-reading-hint button:active { transform: translateY(2px); box-shadow: 0 1px 0 #174558; }
.core-reading-hint-card { display: grid; gap: 3px; min-width: min(360px,100%); border: 2px solid #2b6d80; border-radius: 10px; padding: 8px 14px; color: #143d55; background: #fff; text-align: left; }
.core-reading-hint-card small { color: #55717d; font-size: 13px; font-weight: 900; }
.core-reading-hint-card strong { font-size: 18px; line-height: 1.25; }
.core-abcd-options.reading { gap: 10px; }
.core-abcd-options.reading .nebula-option { min-height: 62px; padding: 8px 12px; }
.core-abcd-options.reading .nebula-option strong { padding-right: 0; font-size: clamp(17px,2vw,23px); line-height: 1.22; }
.core-exam-question>footer { display: flex; align-items: center; justify-content: flex-end; gap: 16px; min-height: 84px; padding: 0 32px; border-top: 2px solid #315f88; background: #061329f5; }
.core-exam-question>footer .core-exam-primary { width: 320px; margin: 0; }
.core-qa-button { min-height: 48px; padding: 0 18px; border-color: #ffe36d!important; color: #ffe36d!important; }
.interstellar-screen { position: absolute; inset: 0; overflow: hidden; color: #eefaff; background: #02050c url("../assets/galaxy/interstellar-galaxy-field-v1.jpg") center / cover no-repeat; }
.interstellar-screen::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: #01050c38; box-shadow: inset 0 -180px 100px #010714d9; }
.interstellar-screen > header { position: relative; z-index: 1; display: flex; min-height: 82px; align-items: center; justify-content: space-between; padding: 0 30px; border-bottom: 2px solid #376e9c; background: #061329e8; }
.interstellar-screen > header > div { display: flex; align-items: center; gap: 13px; }
.interstellar-screen > header img { width: 52px; height: 52px; }
.interstellar-screen > header span { display: grid; }
.interstellar-screen > header strong { font-size: 23px; }
.interstellar-screen > header small { color: #68dff7; font-size: 10px; font-weight: 900; }
.interstellar-screen > header b { color: #ffe36d; font-size: 12px; }
.interstellar-screen > header button { min-height: 44px; border: 2px solid #4e86aa; border-radius: 8px; padding: 0 17px; color: #dff8ff; background: #102c50; font-weight: 900; }
.interstellar-screen > main { position: absolute; z-index: 1; inset: 82px 0 0; overflow: hidden; }
.interstellar-map-title { position: absolute; z-index: 4; left: 30px; top: 24px; text-shadow: 0 3px 9px #000; }
.interstellar-map-title small { color: #71e8ff; font-weight: 900; }
.interstellar-map-title h1 { margin: 3px 0; font-size: 30px; }
.interstellar-galaxy-node { position: absolute; z-index: 4; left: var(--x); top: var(--y); display: grid; width: 170px; min-height: 90px; justify-items: center; border: 0; padding: 0; color: #eefaff; background: transparent; transform: translate(-50%,-50%); text-align: center; text-shadow: 0 2px 8px #000; }
.interstellar-galaxy-node i { display: block; width: 34px; height: 34px; border: 2px solid #78eaff; border-radius: 50%; background: #07142699; box-shadow: 0 0 0 7px #07142699,0 0 22px #63dfff; transition: transform .2s ease,background .2s ease; }
.interstellar-galaxy-node span { display: grid; margin-top: 8px; padding: 5px 9px; background: #020a17b8; }
.interstellar-galaxy-node small { color: #a9c9dc; font-size: 9px; font-weight: 800; }
.interstellar-galaxy-node strong { font-size: 15px; }
.interstellar-galaxy-node em { color: #6de8ff; font-size: 9px; font-style: normal; font-weight: 900; }
.interstellar-galaxy-node:hover i, .interstellar-galaxy-node.selected i { transform: scale(1.22); background: #ffe36d; box-shadow: 0 0 0 8px #ffe36d33,0 0 30px #ffe36d; }
.interstellar-galaxy-node.selected strong { color: #ffe36d; }
.interstellar-galaxy-node.current i { border-color: #74e8c8; background: #74e8c8; box-shadow: 0 0 0 8px #74e8c833,0 0 24px #74e8c8; }
.interstellar-destination-panel { position: absolute; z-index: 8; left: 24px; right: 24px; bottom: 20px; display: grid; min-height: 106px; grid-template-columns: minmax(260px,1fr) 190px 230px; align-items: center; gap: 18px; border: 2px solid #4d86aa; border-radius: 8px; padding: 14px 18px; background: #05152bea; box-shadow: 0 16px 45px #000c; }
.interstellar-destination-panel div small, .interstellar-destination-panel > span small { color: #6de8ff; font-weight: 900; }
.interstellar-destination-panel h2 { margin: 2px 0; font-size: 25px; }
.interstellar-destination-panel p { margin: 0; color: #b8d2e2; }
.interstellar-destination-panel > span { display: grid; }
.interstellar-destination-panel > span strong { color: #ffe36d; }
.interstellar-destination-panel button { min-height: 50px; border: 2px solid #4e7898; border-radius: 8px; color: #8ba6b9; background: #203b55; font-weight: 900; }
.interstellar-transit { position: absolute; inset: 0; overflow: hidden; color: #eefaff; background: #010510 url("../assets/galaxy/milky-way-oblique-v1.webp") center / cover no-repeat; isolation: isolate; }
.interstellar-transit::before { content: ""; position: absolute; z-index: 1; inset: 0; background: radial-gradient(circle at 50% 43%,transparent 0 15%,#02071688 45%,#01030bee 82%); animation: interstellar-darken 6s ease-in both; }
.interstellar-star-lines { position: absolute; z-index: 2; inset: -35%; opacity: 0; background: repeating-conic-gradient(from 0deg at 50% 43%,#dffcff 0 .08deg,transparent .08deg 3.2deg); mask-image: radial-gradient(circle,transparent 0 12%,#000 31%,transparent 74%); animation: interstellar-streaks 6s ease-in both; }
.interstellar-time-tunnel { position: absolute; z-index: 3; left: 50%; top: 43%; width: min(82vmin,760px); aspect-ratio: 1; opacity: 0; transform: translate(-50%,-50%); animation: interstellar-tunnel 6s ease-in-out both; }
.interstellar-time-tunnel i { position: absolute; inset: 12%; border: 3px solid #71ecff; border-radius: 50%; box-shadow: 0 0 28px #5de6ff,inset 0 0 34px #755cff; animation: interstellar-tunnel-ring 1.35s linear infinite; }
.interstellar-time-tunnel i:nth-child(2) { inset: 24%; border-color: #c28cff; animation-delay: -.45s; animation-direction: reverse; }
.interstellar-time-tunnel i:nth-child(3) { inset: 36%; border-color: #ffe46f; animation-delay: -.9s; }
.interstellar-transit-core { position: absolute; z-index: 4; left: 50%; top: 43%; width: clamp(210px,28vw,390px); aspect-ratio: 1; transform: translate(-50%,-50%); animation: interstellar-core-pull 6s cubic-bezier(.5,0,.85,.45) both; }
.interstellar-transit-core::before, .interstellar-transit-core::after { content: ""; position: absolute; inset: 7%; border: 2px solid #7feeff; border-radius: 50%; opacity: .55; box-shadow: 0 0 35px #66e8ff, inset 0 0 25px #826cff; animation: interstellar-ring 1.1s linear infinite; }
.interstellar-transit-core::after { inset: 0; border-color: #ffe570; animation-direction: reverse; animation-duration: 1.6s; }
.interstellar-transit-core img { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 32px #625cff); }
.interstellar-transit-core span { position: absolute; z-index: 3; inset: 31%; border-radius: 50%; background: #000; box-shadow: 0 0 35px #000; }
.interstellar-transit-ship { position: absolute; z-index: 6; left: 50%; top: 77%; width: clamp(190px,25vw,350px); aspect-ratio: 3 / 2; transform: translate(-50%,-50%); filter: drop-shadow(0 12px 12px #000c) drop-shadow(0 0 18px #63eaff); animation: interstellar-ship-dive 6s cubic-bezier(.42,.02,.78,.42) both; }
.interstellar-transit-ship img { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: contain; transform: rotate(-90deg); }
.interstellar-transit-ship i { position: absolute; z-index: 1; left: 50%; top: 70%; width: 36%; height: 75%; border-radius: 50%; background: #77edff; filter: blur(15px); transform: translateX(-50%); animation: interstellar-engine 1s ease-in-out infinite alternate; }
.interstellar-transit-copy { position: absolute; z-index: 9; left: 50%; bottom: 6%; width: min(700px,calc(100% - 32px)); transform: translateX(-50%); text-align: center; animation: interstellar-copy 6s ease both; }
.interstellar-transit-copy small { color: #6ce9ff; font-size: 13px; font-weight: 900; }
.interstellar-transit-copy h1 { margin: 5px 0; color: #fff; font-size: clamp(30px,4vw,54px); text-shadow: 0 0 22px #6de8ff; }
.interstellar-transit-copy p { position: relative; height: 24px; margin: 0; color: #c4dceb; font-size: 16px; font-weight: 800; }
.interstellar-transit-copy p span { position: absolute; left: 0; right: 0; opacity: 0; }
.interstellar-transit-copy p span:first-child { animation: interstellar-status-one 6s ease both; }
.interstellar-transit-copy p span:nth-child(2) { animation: interstellar-status-two 6s ease both; }
.interstellar-transit-copy p span:nth-child(3) { animation: interstellar-status-three 6s ease both; }
.interstellar-transit-flash { position: absolute; z-index: 20; inset: 0; pointer-events: none; background: #eaffff; opacity: 0; animation: interstellar-flash 6s ease-in both; }
.interstellar-transit.return::before, .interstellar-transit.return .interstellar-star-lines, .interstellar-transit.return .interstellar-time-tunnel, .interstellar-transit.return .interstellar-transit-core, .interstellar-transit.return .interstellar-transit-ship, .interstellar-transit.return .interstellar-transit-flash { animation-direction: reverse; }
.interstellar-transit.return .interstellar-transit-ship img { transform: rotate(90deg); }
@keyframes interstellar-darken { 0% { opacity: .55; } 65%,100% { opacity: 1; } }
@keyframes interstellar-streaks { 0%,28% { opacity: 0; transform: scale(.45) rotate(0); } 58% { opacity: .7; } 88%,100% { opacity: 1; transform: scale(1.25) rotate(8deg); } }
@keyframes interstellar-tunnel { 0%,42% { opacity: 0; transform: translate(-50%,-50%) scale(.3) rotate(0); } 58%,84% { opacity: .85; } 94%,100% { opacity: 0; transform: translate(-50%,-50%) scale(1.55) rotate(120deg); } }
@keyframes interstellar-tunnel-ring { to { transform: rotate(360deg) scale(1.16); opacity: .35; } }
@keyframes interstellar-core-pull { 0%,27% { transform: translate(-50%,-50%) scale(.75); } 58% { transform: translate(-50%,-50%) scale(1.05); } 82%,100% { transform: translate(-50%,-50%) scale(6); } }
@keyframes interstellar-ring { to { transform: rotate(360deg) scale(1.08); } }
@keyframes interstellar-ship-dive { 0%,24% { top: 78%; transform: translate(-50%,-50%) scale(1); } 56% { top: 59%; transform: translate(-50%,-50%) scale(.72); } 78%,100% { top: 43%; transform: translate(-50%,-50%) scale(.04); opacity: .15; } }
@keyframes interstellar-engine { to { height: 105%; opacity: .65; } }
@keyframes interstellar-copy { 0% { opacity: 0; transform: translate(-50%,16px); } 10%,86% { opacity: 1; transform: translate(-50%,0); } 96%,100% { opacity: 0; transform: translate(-50%,-10px); } }
@keyframes interstellar-status-one { 0%,8% { opacity: 0; } 14%,30% { opacity: 1; } 38%,100% { opacity: 0; } }
@keyframes interstellar-status-two { 0%,34% { opacity: 0; } 43%,68% { opacity: 1; } 76%,100% { opacity: 0; } }
@keyframes interstellar-status-three { 0%,72% { opacity: 0; } 80%,94% { opacity: 1; } 100% { opacity: 0; } }
@keyframes interstellar-flash { 0%,88% { opacity: 0; } 96% { opacity: .9; } 100% { opacity: 1; } }
@media (max-width: 820px) {
  .core-exam-types { grid-template-columns: 1fr 1fr; }
  .core-exam-paper-steps small { display: none; }
  .core-exam-screen>header { padding: 18px; }
  .core-question-card { min-height: 400px; padding: 18px; }
  .core-reading-layout { grid-template-columns: 1fr; }
  .core-reading-passage { padding: 16px; }
  .core-reading-passage p { font-size: 17px; }
  .core-passage-banner { align-items: stretch; flex-direction: column; }
  .interstellar-screen > header { padding: 12px 16px; }
  .interstellar-screen > header b { display: none; }
  .interstellar-screen > main { inset: 82px 0 0; }
  .interstellar-map-title { left: 16px; top: 14px; }
  .interstellar-map-title h1 { font-size: 24px; }
  .interstellar-galaxy-node { width: 130px; }
  .interstellar-galaxy-node strong { font-size: 12px; }
  .interstellar-destination-panel { left: 12px; right: 12px; bottom: 12px; min-height: 94px; grid-template-columns: 1fr 140px; gap: 10px; padding: 10px 12px; }
  .interstellar-destination-panel > span { display: none; }
  .interstellar-destination-panel h2 { font-size: 20px; }
  .interstellar-destination-panel p { font-size: 11px; }
  .interstellar-transit-copy { bottom: 4%; }
  .interstellar-transit-copy p { font-size: 13px; }
}
.galaxy-nebula { position: absolute; z-index: 7; left: var(--x); top: var(--y); display: grid; justify-items: center; border: 0; padding: 0; opacity: .18; background: transparent; transform: translate(-50%,-50%) scale(var(--scale)); transition: .25s ease; }
.galaxy-nebula img { width: 94px; height: 70px; object-fit: contain; filter: saturate(1.16); }
.galaxy-nebula span { margin-top: -11px; color: #a6bfd4; font-size: 8px; font-weight: 800; }
.galaxy-nebula.active { opacity: 1; filter: drop-shadow(0 0 15px #ba8fff); }
.galaxy-nebula.discovered { z-index: 23; opacity: .78; cursor: pointer; }
.galaxy-nebula.discovered:hover { opacity: 1; filter: drop-shadow(0 0 17px #ba8fff); transform: translate(-50%,-50%) scale(calc(var(--scale) * 1.07)); }
.galaxy-nebula i { margin-top: 2px; border: 1px solid #73dcf899; border-radius: 99px; padding: 2px 6px; color: #d9f8ff; background: #071c36e6; font-size: 7px; font-style: normal; font-weight: 900; white-space: nowrap; }
.galaxy-nebula.discovered i { border-color: transparent; color: #09253c; background: #ffdc63; }
.galaxy-nebula:disabled { cursor: not-allowed; }
.galaxy-map-ship { position: absolute; z-index: 38; left: var(--x); top: var(--y); width: 92px; height: 62px; overflow: visible; pointer-events: none; transform: translate(-50%,-50%) scaleX(var(--direction)); filter: drop-shadow(0 8px 8px #000c) drop-shadow(0 0 8px #60e8ff); }
.galaxy-map-ship img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: contain; transform: rotate(var(--ship-heading-correction, 0deg)); }
.galaxy-map-key { position: absolute; z-index: 35; right: 18px; bottom: 12px; display: flex; gap: 13px; color: #91aec2; font-size: 9px; }
.galaxy-map-key span::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 4px; border-radius: 50%; background: #41647d; }
.galaxy-map-key span:first-child::before { background: #ffdc63; }
.galaxy-map-key span:nth-child(2)::before { background: #75ebc8; }
.galaxy-map-dock { position: absolute; z-index: 65; left: 0; right: 0; bottom: 0; display: flex; height: 68px; align-items: center; justify-content: space-between; padding: 0 24px; border-top: 2px solid #315f88; color: #9db6ca; background: #061329fa; font-size: 11px; }
.galaxy-map-dock b { color: #eefaff; font-size: 13px; }
.galaxy-map-dock-actions { display: flex; align-items: center; gap: 10px; }
.galaxy-map-primary { min-width: 250px; min-height: 46px; border: 2px solid #5696ba; border-radius: 14px; color: #071426; background: linear-gradient(90deg,#61e6ff,#ffd75e); box-shadow: 0 5px 0 #173d59; font-weight: 900; }
.galaxy-map-primary:disabled { color: #7891a4; background: #28465e; box-shadow: none; }
.galaxy-map-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.galaxy-map-secondary { min-height: 46px; border: 2px solid #67d7e9; border-radius: 14px; padding: 0 15px; color: #dffaff; background: #11385b; font-weight: 900; }
.galaxy-gift { position: absolute; z-index: 140; inset: 0; display: grid; place-items: center; background: radial-gradient(circle,#164b75aa,#010713ee 72%); backdrop-filter: blur(7px); }
.galaxy-gift > div { display: grid; width: 510px; justify-items: center; border: 3px solid #69e5ff; border-radius: 28px; padding: 18px 30px 25px; color: #10334f; background: linear-gradient(155deg,#f6feff,#e8f7ff); box-shadow: 0 0 45px #5de4ff66,0 28px 90px #000d; text-align: center; }
.galaxy-gift img { width: 300px; height: 160px; object-fit: contain; filter: drop-shadow(0 14px 11px #0d2e4f55); }
.galaxy-gift span { color: #17809b; font-weight: 900; letter-spacing: .16em; }
.galaxy-gift h2 { margin: 4px 0; font-size: 31px; }
.galaxy-gift p { margin: 0; color: #547388; line-height: 1.6; }
.galaxy-gift button { min-width: 190px; min-height: 46px; margin-top: 16px; border: 2px solid #20536e; border-radius: 13px; color: #08223a; background: linear-gradient(90deg,#67e5ff,#ffdc63); font-weight: 900; }
.galaxy-cloze-sentence { max-width: 430px; font-family: var(--word-font); font-size: clamp(27px,3.2vw,40px) !important; line-height: 1.25; }
.cloze-reveal p { max-width: 410px; color: #5d7481; font-family: var(--word-font); font-size: 18px; }
.dictation-mode-label { display: block; margin-bottom: 10px; color: #ffdc63; font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.galaxy-mission-head .travel-stage-steps { gap: 4px; }
.galaxy-mission-head .step-pill { min-width: 0; padding: 5px 7px; }
.galaxy-mission-head .step-name { font-size: 9px; }
.galaxy-mission-head .step-index { width: 20px; height: 20px; }
.travel-session-actions > .galaxy-qa-complete { border-color: #986f00; padding-inline: 10px; color: #4b3600; background: #ffdf69; font-size: 11px; box-shadow: 0 3px 0 #986f00; }
.travel-session-actions > .galaxy-qa-complete:disabled { opacity: .55; box-shadow: none; }

/* v5.2 星云错题挑战 */
.nebula-challenge-screen { position: absolute; inset: 0; overflow: hidden; color: #effbff; background: radial-gradient(circle at 28% 45%,#493576aa,transparent 35%),linear-gradient(145deg,#06122c,#120d2b 58%,#031127); }
.nebula-warp-transit-screen { position: absolute; inset: 0; overflow: hidden; color: #effbff; background: #02091a; }
.nebula-warp-transit-screen > header { position: relative; z-index: 20; display: flex; height: 78px; align-items: center; justify-content: space-between; padding: 0 32px; border-bottom: 2px solid #624c8a; background: #06132c; }
.nebula-warp-transit-screen > header > div { display: flex; align-items: center; gap: 12px; }
.nebula-warp-transit-screen > header img { width: 46px; height: 46px; border-radius: 50%; }
.nebula-warp-transit-screen > header span { display: grid; }
.nebula-warp-transit-screen > header strong { font-size: 22px; }
.nebula-warp-transit-screen > header small { color: #b9cfe2; font-weight: 800; }
.nebula-warp-transit-screen > header b { color: #ffdc63; }
.nebula-warp-transit-screen > main { position: absolute; inset: 78px 0 0; overflow: hidden; background: linear-gradient(#02091a88,#02091acc),url("../assets/galaxy/milky-way-oblique-v1.webp") 50% 45% / cover no-repeat; }
.nebula-warp-transit-screen > main::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle,#fff 0 1px,transparent 1.4px),radial-gradient(circle,#5ddfff 0 1px,transparent 1.4px); background-position: 11px 7px,42px 29px; background-size: 101px 101px,137px 137px; opacity: .3; }
.nebula-warp-transit-screen svg { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; }
.nebula-warp-transit-screen line { stroke: #76eaff; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 4 7; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 7px #53ddff); }
.nebula-warp-transit-nebula { position: absolute; z-index: 4; left: var(--x); top: var(--y); display: grid; justify-items: center; transform: translate(-50%,-50%); filter: drop-shadow(0 0 22px #ba8fff); }
.nebula-warp-transit-nebula img { width: 150px; height: 105px; object-fit: contain; }
.nebula-warp-transit-nebula span { margin-top: -16px; font-weight: 900; text-shadow: 0 2px 5px #000; }
.galaxy-warp-transit-target { position: absolute; z-index: 4; left: var(--x); top: var(--y); display: grid; justify-items: center; transform: translate(-50%,-50%); filter: drop-shadow(0 0 22px #65e8ff); }
.galaxy-warp-transit-target > span { display: grid; width: 92px; height: 92px; place-items: center; border: 4px solid #75edda; border-radius: 50%; background: #0d3156; box-shadow: 0 0 0 8px #102642cc; }
.galaxy-warp-transit-target img { width: 62px; height: 62px; object-fit: contain; }
.galaxy-warp-transit-target strong { margin-top: 10px; font-size: 22px; text-shadow: 0 2px 5px #000; }
.galaxy-warp-transit-target small { color: #b9cfe2; font-weight: 800; text-shadow: 0 2px 5px #000; }
.nebula-warp-transit-ship { position: absolute; z-index: 8; left: var(--from-x); top: var(--from-y); width: 120px; height: 76px; transform: translate(-50%,-50%) rotate(var(--pitch)) scaleX(var(--direction)); filter: drop-shadow(0 8px 8px #000c) drop-shadow(0 0 14px #60e8ff); animation: nebula-warp-flight 1.45s cubic-bezier(.3,.05,.28,1) both; }
.galaxy-warp-transit-ship { animation: none; }
.nebula-warp-transit-ship img { width: 100%; height: 100%; object-fit: contain; transform: rotate(var(--ship-heading-correction,0deg)); }
.nebula-warp-transit-copy { position: absolute; z-index: 12; left: 50%; bottom: 28px; min-width: 470px; border: 2px solid #73e8ff; border-radius: 18px; padding: 14px 24px; background: #071b38e8; box-shadow: 0 10px 35px #000b; transform: translateX(-50%); text-align: center; }
.nebula-warp-transit-copy small { color: #73e8ff; font-weight: 900; letter-spacing: .15em; }
.nebula-warp-transit-copy h1 { margin: 3px 0; font-size: 28px; }
.nebula-warp-transit-copy p { margin: 0; color: #b9cfe2; }
@keyframes nebula-warp-flight { to { left: var(--to-x); top: var(--to-y); } }
@media (prefers-reduced-motion: reduce) {
  .nebula-warp-transit-ship { animation-duration: .28s; }
  .interstellar-transit::before, .interstellar-star-lines, .interstellar-time-tunnel, .interstellar-transit-core, .interstellar-transit-ship, .interstellar-transit-copy, .interstellar-transit-copy p span, .interstellar-transit-flash { animation-duration: 3s; }
  .interstellar-transit-core::before, .interstellar-transit-core::after, .interstellar-time-tunnel i, .interstellar-transit-ship i { animation-duration: 2.4s; }
}
.nebula-challenge-screen::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: url("../assets/galaxy/milky-way-oblique-v1.webp") center / cover no-repeat; opacity: .22; }
.nebula-challenge-header { position: relative; z-index: 2; display: flex; height: 78px; align-items: center; justify-content: space-between; padding: 0 30px; border-bottom: 2px solid #654e92; background: #061126d9; }
.nebula-challenge-header > div { display: flex; align-items: center; gap: 12px; }
.nebula-challenge-header img { width: 50px; height: 50px; border: 2px solid #b99cff; border-radius: 50%; }
.nebula-challenge-header span { display: grid; }
.nebula-challenge-header span strong { font-size: 22px; }
.nebula-challenge-header small { color: #b9cfe2; font-size: 11px; font-weight: 800; }
.nebula-challenge-header > strong, .nebula-challenge-status strong { color: #ffdc63; }
.nebula-challenge-status { display: flex; align-items: center; justify-content: flex-end; gap: 14px; }
.nebula-challenge-status span { display: grid; justify-items: end; gap: 2px; }
.nebula-challenge-status i { color: #b9cfe2; font-size: 11px; font-style: normal; font-weight: 800; }
.nebula-challenge-status button { min-width: 74px; min-height: 32px; border: 2px solid #5f86b5; border-radius: 8px; color: #dff6ff; background: #102f52; font-size: 12px; font-weight: 900; }
.nebula-question-screen .nebula-challenge-header { display: grid; grid-template-columns: minmax(210px,.8fr) minmax(430px,1.55fr) minmax(155px,.65fr); gap: 22px; }
.nebula-challenge-brand { min-width: 0; }
.nebula-challenge-brand span { min-width: 0; }
.nebula-type-rail { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: center; gap: 22px; }
.nebula-type-stage { position: relative; display: grid; min-height: 54px; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 9px; border: 2px solid #385676; border-radius: 8px; padding: 5px 12px; color: #7f96aa; background: #0a1b35; }
.nebula-type-stage:not(:last-child)::after { content: ""; position: absolute; top: 50%; left: calc(100% + 2px); width: 18px; height: 2px; background: #3a5875; transform: translateY(-50%); }
.nebula-type-stage > i { display: grid; width: 31px; height: 31px; place-items: center; border: 2px solid currentColor; border-radius: 50%; font-family: var(--word-font); font-size: 12px; font-style: normal; font-weight: 900; }
.nebula-type-stage > span { display: grid; gap: 1px; }
.nebula-type-stage strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.nebula-type-stage small { color: inherit; font-size: 10px; letter-spacing: 0; }
.nebula-type-stage.current { border-color: #ffdc63; color: #72eaff; background: #123552; box-shadow: 0 0 0 3px #ffdc6326; }
.nebula-type-stage.current > i { color: #09283d; border-color: #ffdc63; background: #ffdc63; }
.nebula-type-stage.complete { border-color: #58cdb5; color: #87e9d2; background: #0c3141; }
.nebula-type-stage.complete:not(:last-child)::after { background: #58cdb5; }
.nebula-type-rail.repair { grid-template-columns: minmax(220px,320px); justify-content: center; }
.nebula-type-rail.repair .nebula-type-stage { grid-template-columns: 34px minmax(0,1fr); }
.nebula-intro-card { position: relative; z-index: 2; display: grid; width: min(760px,90%); justify-items: center; margin: 24px auto; border: 3px solid #ba9cff; border-radius: 30px; padding: 16px 34px 24px; color: #103247; background: #fffbed; box-shadow: 0 0 45px #b888ff66,0 26px 80px #000b; text-align: center; }
.nebula-intro-card > img { width: 220px; height: 118px; object-fit: contain; filter: drop-shadow(0 0 20px #a271e8); }
.nebula-intro-card > small { color: #7a4fa0; font-weight: 900; letter-spacing: .12em; }
.nebula-intro-card h1 { margin: 4px 0; font-size: 32px; }
.nebula-intro-card > p { margin: 0 0 12px; color: #587184; font-size: 16px; }
.nebula-intro-steps { display: grid; width: 100%; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.nebula-intro-steps section { display: grid; grid-template-columns: 36px 1fr; align-items: center; gap: 9px; border: 2px solid #d5c3f2; border-radius: 16px; padding: 13px; text-align: left; }
.nebula-intro-steps b { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: #fff; background: #7250a5; }
.nebula-intro-steps span { display: grid; gap: 4px; }
.nebula-intro-steps small { color: #607789; line-height: 1.35; }
.nebula-intro-actions { display: flex; justify-content: center; gap: 14px; margin-top: 16px; }
.nebula-intro-actions button { min-width: 230px; min-height: 50px; border: 3px solid #17495f; border-radius: 15px; color: #09283d; background: linear-gradient(90deg,#65e5ff,#ffdc63); box-shadow: 0 6px 0 #153d50; font-weight: 900; }
.nebula-intro-actions button:last-child:not(:first-child) { color: #24465c; background: #fff; }
.nebula-question-layout { position: relative; z-index: 2; display: grid; height: calc(100% - 78px); grid-template-columns: 30% 70%; }
.nebula-question-layout > aside { display: grid; align-content: center; justify-items: center; padding: 34px; border-right: 2px solid #624c8a; background: #201442b5; text-align: center; }
.nebula-question-layout > aside img { width: 230px; height: 150px; object-fit: contain; filter: saturate(1.35) drop-shadow(0 0 22px #bd8cff); }
.nebula-question-layout > aside small { color: #73e8ff; font-weight: 900; letter-spacing: .12em; }
.nebula-question-layout > aside h1 { display: flex; align-items: baseline; gap: 14px; margin: 9px 0; font-size: clamp(27px,3vw,38px); }
.nebula-question-layout > aside h1 em { color: #ffdc63; font-size: .72em; font-style: normal; }
.nebula-question-layout > aside div { width: 80%; height: 10px; margin-top: 28px; overflow: hidden; border-radius: 99px; background: #503d70; }
.nebula-question-layout > aside b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#64e5ff,#ffdc63); }
.nebula-question-card { display: grid; align-content: center; padding: 38px 7%; color: #0b2d43; background: #fff9e9; }
.nebula-task-heading { display: flex; align-items: center; gap: 13px; margin-bottom: 14px; }
.nebula-task-heading > i { display: grid; width: 52px; height: 52px; flex: 0 0 52px; place-items: center; border-radius: 50%; color: #fff; background: #7656a0; font-family: var(--word-font); font-size: 16px; font-style: normal; font-weight: 900; }
.nebula-task-heading > span { display: grid; gap: 2px; }
.nebula-task-heading strong { font-size: 23px; }
.nebula-task-heading small { color: #76568e; font-size: 14px; font-weight: 900; }
.nebula-question-card h2 { min-height: 92px; margin: 8px 0 24px; font-family: var(--word-font); font-size: clamp(31px,4vw,52px); line-height: 1.25; }
.nebula-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.nebula-option { display: grid; min-height: 82px; grid-template-columns: 34px 1fr; align-items: center; border: 3px solid #16485d; border-radius: 19px; padding: 12px 17px; color: #123d4f; background: #fff; box-shadow: 0 7px 0 #113b49; text-align: left; }
.nebula-option i { display: grid; width: 29px; height: 29px; place-items: center; border: 2px solid #16485d; border-radius: 50%; font-style: normal; font-weight: 900; }
.nebula-option strong { justify-self: center; padding-right: 34px; font-family: var(--word-font); font-size: clamp(24px,3vw,37px); }
.nebula-option:nth-child(2) { background: #e5f6f2; }
.nebula-option:nth-child(3) { background: #fbe4de; }
.nebula-option:nth-child(4) { background: #fff0b8; }
.nebula-option.correct { border-color: #1b9c74; background: #d8f8e9; box-shadow: 0 7px 0 #12684f; }
.nebula-option.wrong { border-color: #e45a55; background: #ffe0dc; box-shadow: 0 7px 0 #9f3936; }
.nebula-option:disabled { opacity: .6; }
.nebula-option.correct, .nebula-option.wrong { opacity: 1; }
.nebula-feedback { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 10px; margin-top: 19px; border-radius: 16px; padding: 14px 16px; background: #e5f5ef; }
.nebula-feedback.wrong { background: #fff0df; }
.nebula-feedback > strong { grid-column: 1 / -1; color: #0d8264; font-size: 20px; }
.nebula-feedback.wrong > strong { color: #bb4b38; }
.nebula-feedback p { margin: 0; font-family: var(--word-font); font-size: 17px; }
.nebula-feedback button { min-height: 40px; border: 2px solid #24566b; border-radius: 11px; padding: 0 13px; background: #fff; font-weight: 900; }
.nebula-feedback .nebula-next { color: #09283d; background: #ffdc63; }