:root{--sky-void:#02040a;--sky-deep:#050914;--sky-mid:#0c1630;--sky-accent:#0f2848;--panel-bg:rgba(10, 18, 40, 0.52);--panel-inner:rgba(140, 200, 255, 0.04);--panel-edge:rgba(100, 200, 255, 0.22);--panel-edge-strong:rgba(129, 230, 255, 0.45);--panel-shadow:0 4px 4px rgba(0, 0, 0, 0.12),0 28px 64px rgba(2, 6, 20, 0.65),inset 0 1px 0 rgba(255, 255, 255, 0.07),inset 0 0 0 1px rgba(255, 255, 255, 0.02);--text:#e8f2ff;--text-dim:rgba(220, 235, 255, 0.72);--muted:rgba(180, 210, 240, 0.62);--sun-core:#fff6e0;--sun-edge:#ffc24a;--earth-oc:#2a8fd4;--earth-land:#3d9d5f;--moon-lit:#d8d2c8;--moon-shadow:#1a1620;--accent:#7dd7ff;--accent-strong:#4ecbff;--accent-soft:rgba(125, 215, 255, 0.14);--accent-warm:#ffd089;--accent-warm-strong:#ffbe5c;--cyan-glow:rgba(80, 220, 255, 0.35);--ring-canvas:rgba(100, 190, 255, 0.28);--radius-xl:20px;--radius-lg:14px;--radius-md:10px;--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;min-height:100vh;font-family:"Noto Sans SC","Noto Serif SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;font-weight:400;color:var(--text);overflow-x:hidden;letter-spacing:.015em;background:radial-gradient(ellipse 140% 100% at 50% -30%,rgba(30,80,140,.45) 0,transparent 52%),radial-gradient(ellipse 90% 70% at 100% 0,rgba(50,30,100,.18) 0,transparent 45%),radial-gradient(ellipse 80% 60% at 0 100%,rgba(0,100,120,.12) 0,transparent 50%),linear-gradient(180deg,var(--sky-mid) 0,var(--sky-deep) 38%,var(--sky-void) 100%)}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.45;background-image:linear-gradient(rgba(120,200,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,255,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 85% 70% at 50% 35%,black 18%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 85% 70% at 50% 35%,black 18%,transparent 72%)}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:6;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 8% 22%,rgba(255,255,255,.65) 0,transparent 100%),radial-gradient(1px 1px at 71% 48%,rgba(255,255,255,.4) 0,transparent 100%),radial-gradient(2px 2px at 32% 79%,rgba(200,235,255,.5) 0,transparent 100%),radial-gradient(1px 1px at 91% 11%,rgba(255,255,255,.35) 0,transparent 100%),radial-gradient(1.5px 1.5px at 48% 8%,rgba(255,240,220,.55) 0,transparent 100%),radial-gradient(1px 1px at 52% 91%,rgba(255,255,255,.38) 0,transparent 100%),radial-gradient(1px 1px at 62% 32%,rgba(255,255,255,.25) 0,transparent 100%);opacity:.9;z-index:1;animation:10s ease-in-out infinite alternate sky-twinkle}@keyframes sky-twinkle{from{opacity:.78;transform:translateY(0)}to{opacity:.95;transform:translateY(-4px)}}@keyframes header-shimmer{0%,100%{opacity:.55}50%{opacity:.92}}.wrap{position:relative;z-index:5;max-width:1180px;margin:0 auto;padding:.85rem 1.35rem 2.6rem}.wrap::before{content:"";position:absolute;width:clamp(260px,42vw,420px);height:clamp(260px,42vw,420px);left:50%;top:-6rem;transform:translateX(-50%);background:radial-gradient(circle at 40% 40%,rgba(100,220,255,.12) 0,transparent 55%);pointer-events:none;filter:blur(4px)}.site-header{text-align:center;margin-bottom:1rem;position:relative}.panel-main-title,.site-header h1{position:relative;font-family:"Zhi Mang Xing","Ma Shan Zheng","Noto Serif SC",cursive;font-weight:400;font-size:clamp(2.15rem, 5.2vw, 3.05rem);letter-spacing:.14em;margin:.1rem 0 .95rem;padding-bottom:.35rem;line-height:1.18;text-align:center;background:linear-gradient(105deg,#fff8e8 0,#ffe6a8 18%,#9eecff 42%,#fff 55%,#7ad4ff 72%,#ffd89a 100%);background-size:220% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 14px rgba(120, 210, 255, .45)) drop-shadow(0 4px 18px rgba(255, 200, 120, .28));animation:7s ease-in-out infinite title-moon-shine}.panel-main-title::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(12.5rem,52%);height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,210,140,.25) 18%,rgba(160,230,255,.85) 50%,rgba(255,210,140,.25) 82%,transparent);box-shadow:0 0 16px rgba(120,210,255,.35)}@keyframes title-moon-shine{0%,100%{background-position:0 50%;filter:drop-shadow(0 0 12px rgba(120, 210, 255, .4)) drop-shadow(0 4px 16px rgba(255, 200, 120, .22))}50%{background-position:100% 50%;filter:drop-shadow(0 0 22px rgba(160, 230, 255, .55)) drop-shadow(0 6px 22px rgba(255, 210, 140, .35))}}.layout>.panel:first-child>.panel-main-title{flex-shrink:0;padding-left:6.5rem;padding-right:6.5rem}.btn-fullscreen{position:absolute;top:.72rem;left:.72rem;z-index:3;padding:.32rem .72rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;line-height:1.25;color:var(--accent);white-space:nowrap}.btn-fullscreen[aria-pressed=true]{color:var(--accent-warm);border-color:rgba(255,210,140,.42)}html.is-app-fullscreen .wrap{max-width:none;min-height:100vh;min-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column}html.is-app-fullscreen .layout{flex:1 1 auto;min-height:0;align-items:stretch}@media (prefers-reduced-motion:reduce){.panel-main-title{animation:none;background-position:40% 50%}}.header-rule{width:min(280px,46vw);height:2px;margin:.75rem auto 0;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(100,200,255,.15) 12%,rgba(129,240,255,.65) 50%,rgba(100,200,255,.15) 88%,transparent);box-shadow:0 0 20px var(--cyan-glow);animation:5s ease-in-out infinite header-shimmer}header p{margin:0;font-size:.95rem;color:var(--muted);max-width:36em;margin-inline:auto;line-height:1.65}.layout{display:grid;grid-template-columns:1fr minmax(288px,348px);gap:1.35rem;align-items:stretch}@media (max-width:920px){.layout{grid-template-columns:1fr}}@media (max-width:520px){.layout>.panel:first-child>.panel-main-title{padding-left:5.4rem;padding-right:5.4rem}.btn-fullscreen{top:.55rem;left:.55rem;padding:.28rem .52rem;font-size:.7rem}}.layout>.panel:first-child{display:flex;flex-direction:column}.panel{position:relative;background:linear-gradient(165deg,var(--panel-inner) 0,transparent 42%),var(--panel-bg);border:1px solid rgba(140,200,255,.14);border-radius:var(--radius-xl);padding:1.2rem 1.25rem 1.15rem;backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);box-shadow:var(--panel-shadow);transition:border-color .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo)}.panel::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(155deg,rgba(200,240,255,.28) 0,rgba(100,160,220,.06) 35%,transparent 55%,rgba(80,140,200,.05) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.panel:hover{border-color:rgba(150,220,255,.22);box-shadow:var(--panel-shadow),0 0 0 1px rgba(100,200,255,.06),0 0 48px rgba(40,120,200,.08)}.panel h2{margin:0 0 .85rem;padding-bottom:.55rem;font-family:Outfit,"Noto Sans SC",sans-serif;font-size:.82rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid rgba(100,180,255,.12);text-shadow:0 0 28px rgba(80,200,255,.15)}.panel h2.panel-title-center{text-align:center;border-bottom:none;padding-bottom:0}.canvas-frame{position:relative;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(145deg,rgba(160,220,255,.35) 0,rgba(80,120,180,.12) 45%,rgba(40,80,140,.2) 100%);box-shadow:0 0 0 1px rgba(0,0,0,.35),0 12px 40px rgba(0,8,24,.55),inset 0 1px 0 rgba(255,255,255,.06)}.canvas-frame::after{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius-lg) + 2px);pointer-events:none;box-shadow:0 0 32px rgba(80,190,255,.08)}canvas#orbitCanvas{display:block;width:100%;height:auto;aspect-ratio:16/10;border-radius:calc(var(--radius-lg) - 1px);background:radial-gradient(circle at 50% 48%,#141e3a 0,#050810 88%);cursor:grab;touch-action:none}canvas#orbitCanvas:active{cursor:grabbing}.moon-stage.panel>h2{margin-bottom:.5rem}.moon-stage.panel{display:flex;flex-direction:column;align-items:center;gap:.62rem;height:100%;min-height:0}.moon-stage-dyn{align-self:stretch;width:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.55rem;box-sizing:border-box}.moon-stage .principle{margin-top:0;flex:0 0 auto;min-height:0;height:auto;overflow:visible;box-sizing:border-box}.sky-track{position:relative;align-self:stretch;width:100%;flex:1 1 auto;min-height:10.5rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(120,180,255,.2);box-shadow:0 0 0 1px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)}.sky-track-play{position:absolute;top:.42rem;right:.42rem;left:auto;z-index:2;width:2.05rem;min-height:2.05rem;padding:.28rem;background:linear-gradient(180deg,rgba(20,36,68,.88) 0,rgba(10,18,40,.92) 100%)}canvas#skyCanvas{display:block;position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;background:#071018}.moon-stage .observer-note{margin-top:0;flex:0 0 auto;min-height:0;height:auto;overflow:visible;padding:.55rem .72rem;box-sizing:border-box}.moon-stage .phase-name{min-height:1.55em}.explore-actions{display:flex;flex-wrap:nowrap;align-items:stretch;gap:.35rem;width:100%;margin:.75rem 0 0;padding-top:.65rem;border-top:1px solid rgba(100,170,255,.12);box-sizing:border-box}.explore-action-btn{flex:1 1 0;min-width:0;box-sizing:border-box;margin:0;padding:11px .35rem;border-radius:var(--radius-md);border:1px solid rgba(120,180,255,.22);background:linear-gradient(135deg,rgba(22,38,72,.72) 0,rgba(12,20,40,.78) 100%);color:var(--accent);font-family:Outfit,"Noto Sans SC",sans-serif;font-size:.84rem;font-weight:600;letter-spacing:.02em;line-height:1.25;text-align:center;white-space:nowrap;cursor:pointer;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.explore-action-btn:hover{color:var(--accent-strong);border-color:rgba(150,210,255,.42);background:linear-gradient(135deg,rgba(30,50,92,.88) 0,rgba(16,28,54,.9) 100%);box-shadow:0 0 18px rgba(80,160,255,.12)}.explore-action-btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}canvas#moonCanvas{width:min(300px,82vw);height:min(300px,82vw);filter:drop-shadow(0 0 28px rgba(200, 210, 255, .15))}.phase-name{font-size:1.35rem;font-weight:700;color:var(--accent-warm);text-align:center}.controls{margin-top:.95rem;flex:1 1 auto}.slider-row{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center;margin-bottom:.65rem}.slider-row label{font-size:.78rem;font-weight:500;color:var(--text-dim);white-space:nowrap}.slider-row.slider-row-phase{grid-template-columns:auto auto 1fr auto;gap:.5rem .55rem;align-items:center}.slider-row.slider-row-phase .icon-btn.btn-play-toggle{margin:0}.slider-row.slider-row-phase label{white-space:nowrap}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:8px;background:linear-gradient(90deg,rgba(30,50,90,.9) 0,rgba(20,35,70,.95) 100%);border:1px solid rgba(120,190,255,.15);box-shadow:inset 0 2px 6px rgba(0,0,0,.35)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,var(--accent-strong) 45%,#1a5080 100%);border:1px solid rgba(200,240,255,.55);box-shadow:0 0 0 2px rgba(10,20,40,.6),0 2px 10px rgba(80,200,255,.35);cursor:pointer;transition:transform .15s var(--ease-out-expo),box-shadow .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.08);box-shadow:0 0 0 2px rgba(10,20,40,.6),0 0 20px rgba(100,220,255,.45)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,var(--accent-strong) 45%,#1a5080 100%);border:1px solid rgba(200,240,255,.55);box-shadow:0 0 0 2px rgba(10,20,40,.6),0 2px 10px rgba(80,200,255,.35);cursor:pointer}input[type=range]:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.angle-readout{font-family:Outfit,"Noto Sans SC",sans-serif;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600;color:var(--accent);min-width:4rem;text-align:right;text-shadow:0 0 16px rgba(100,200,255,.2)}.slider-value-input{font-family:Outfit,"Noto Sans SC",sans-serif;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600;color:var(--accent);width:auto;min-width:0;max-width:none;padding:.28rem .35rem;text-align:right;background:rgba(10,22,48,.65);border:1px solid rgba(120,190,255,.28);border-radius:6px;box-shadow:inset 0 1px 4px rgba(0,0,0,.25);box-sizing:content-box;field-sizing:content;-moz-appearance:textfield;appearance:textfield}.slider-value-input::-webkit-inner-spin-button,.slider-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slider-value-input:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px;border-color:rgba(120,190,255,.45)}.latitude-value-group{display:flex;align-items:center;gap:.35rem}.hemisphere-toggle{display:inline-flex;align-items:stretch;border-radius:6px;border:1px solid rgba(120,190,255,.22);background:rgba(8,16,36,.55);overflow:hidden;box-shadow:inset 0 1px 4px rgba(0,0,0,.2)}.hemisphere-btn{font-family:Outfit,"Noto Sans SC",sans-serif;font-size:.72rem;font-weight:650;line-height:1;min-width:1.65rem;padding:.34rem .42rem;border:none;background:0 0;color:var(--muted);cursor:pointer;transition:color .18s,background .18s,box-shadow .18s}.hemisphere-btn+.hemisphere-btn{border-left:1px solid rgba(120,190,255,.16)}.hemisphere-btn:hover{color:var(--text);background:rgba(22,40,78,.55)}.hemisphere-btn.on{color:var(--text);background:linear-gradient(160deg,rgba(60,140,220,.28) 0,rgba(15,30,60,.78) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.hemisphere-btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:-2px;z-index:1}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}button{font-family:Outfit,"Noto Sans SC",sans-serif;font-size:.8rem;font-weight:550;letter-spacing:.04em;padding:.48rem .88rem;border-radius:var(--radius-md);border:1px solid rgba(130,200,255,.28);background:linear-gradient(180deg,rgba(35,55,100,.75) 0,rgba(18,32,62,.85) 100%);color:var(--text);cursor:pointer;box-shadow:0 2px 8px rgba(0,4,16,.4),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .2s var(--ease-out-expo),border-color .2s,background .2s,box-shadow .2s}button:hover{border-color:rgba(160,220,255,.55);background:linear-gradient(180deg,rgba(48,75,130,.88) 0,rgba(22,40,78,.92) 100%);box-shadow:0 4px 16px rgba(40,100,180,.2),inset 0 1px 0 rgba(255,255,255,.12);transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}button.primary{background:linear-gradient(145deg,rgba(50,120,200,.55) 0,rgba(25,50,100,.9) 100%);border-color:rgba(160,220,255,.5);box-shadow:0 0 20px rgba(80,180,255,.15),inset 0 1px 0 rgba(255,255,255,.12)}button.icon-btn.btn-play-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.65rem;min-height:2.42rem;padding:.45rem;line-height:0}button.icon-btn.btn-play-toggle .btn-play-icon{display:block;flex-shrink:0}button.icon-btn.btn-play-toggle.playing .play-glyph{display:none}button.icon-btn.btn-play-toggle.playing .pause-glyph{display:block}button.icon-btn.btn-play-toggle:not(.playing) .pause-glyph{display:none}button.icon-btn.btn-play-toggle:not(.playing) .play-glyph{display:block}button.small{padding:.38rem .58rem;font-size:.76rem}.chips{display:flex;flex-wrap:nowrap;align-items:stretch;gap:.28rem;width:100%;margin:0 0 .72rem}.chip{flex:1 1 0;min-width:0;padding:.28rem .12rem;font-family:Outfit,"Noto Sans SC",sans-serif;font-size:.68rem;font-weight:500;line-height:1.25;border-radius:6px;border:1px solid rgba(120,180,255,.14);background:rgba(8,16,36,.55);text-align:center;white-space:nowrap;cursor:pointer;color:var(--muted);transition:color .2s,border-color .2s,background .2s,box-shadow .2s,transform .15s var(--ease-out-expo)}.chip:hover{color:var(--text);border-color:rgba(150,210,255,.35);background:rgba(22,40,78,.65);transform:translateY(-1px)}.chip.on{color:var(--text);border-color:var(--accent-strong);background:linear-gradient(160deg,rgba(60,140,220,.25) 0,rgba(15,30,60,.75) 100%);box-shadow:0 0 16px rgba(80,180,255,.12),inset 0 1px 0 rgba(255,255,255,.06)}.principle{margin-top:.95rem;font-size:.84rem;line-height:1.68;color:var(--muted)}.principle strong{color:var(--accent-warm-strong);font-weight:600}.observer-note{margin-top:.75rem;font-size:.81rem;line-height:1.7;color:rgba(220,232,250,.82);text-align:left;align-self:stretch;padding:.65rem .78rem;border-radius:var(--radius-md);border:1px solid rgba(120,190,255,.18);background:linear-gradient(135deg,rgba(20,40,80,.35) 0,rgba(10,18,36,.5) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.observer-note strong:first-of-type{color:var(--accent);font-weight:600}.observer-note .observer-delta-note{display:inline-block;margin-top:.2rem;font-size:.78rem;color:rgba(180,205,235,.72)}.moon-stage .observer-note::-webkit-scrollbar,.moon-stage .principle::-webkit-scrollbar{width:5px}.moon-stage .observer-note::-webkit-scrollbar-thumb,.moon-stage .principle::-webkit-scrollbar-thumb{border-radius:4px;background:rgba(120,170,220,.35)}details.explain{margin-top:1rem;border-top:1px solid rgba(100,170,255,.12);padding-top:.88rem}details.explain summary{cursor:pointer;list-style:none;position:relative;padding-right:1.35rem;color:var(--accent);font-size:.86rem;font-weight:600;transition:color .2s}details.explain summary::-webkit-details-marker{display:none}details.explain summary::after{content:"";position:absolute;right:0;top:50%;width:.45rem;height:.45rem;border-right:2px solid rgba(150,210,255,.55);border-bottom:2px solid rgba(150,210,255,.55);transform:translateY(-60%) rotate(45deg);transition:transform .25s var(--ease-out-expo)}details.explain[open] summary::after{transform:translateY(-20%) rotate(225deg)}details.explain summary:hover{color:var(--accent-strong)}details.explain summary:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px;border-radius:4px}details.explain p{margin:.62rem 0 0;font-size:.82rem;line-height:1.7;color:var(--muted)}.explain-text-dialog.eclipse-explain-dialog{max-width:min(560px,calc(100vw - 2rem));width:min(560px,94vw)}.explain-dialog-prose{line-height:1.75!important;text-align:left!important;padding:1rem 1.15rem 1.2rem;background:linear-gradient(180deg,rgba(12,20,40,.96) 0,rgba(8,12,26,.98) 100%)!important;max-height:min(70vh,640px);overflow-y:auto}.explain-dialog-prose p{margin:0 0 .85rem;font-size:.9rem;color:rgba(220,230,248,.88)}.explain-dialog-prose p:last-child{margin-bottom:0}.explain-dialog-prose .mnemonic-line{display:block;margin:0 0 .4rem;font-weight:700;font-size:.95rem;letter-spacing:.04em;color:rgba(255,230,195,.95)}.explain-dialog-prose .mnemonic-tip{margin-top:.95rem;font-size:.82rem;line-height:1.65;color:rgba(232,238,248,.5)}.mnemonic-dialog .eclipse-explain-title{color:var(--accent-warm);text-transform:none;letter-spacing:.06em}.eclipse-explain-dialog{border:none;padding:0;max-width:min(940px,calc(100vw - 2rem));width:min(940px,94vw);border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(16,24,48,.98) 0,rgba(8,12,28,.99) 100%);color:var(--text);box-shadow:0 32px 80px rgba(0,4,20,.75),0 0 0 1px rgba(120,200,255,.12);backdrop-filter:blur(24px)}.eclipse-explain-dialog::backdrop{background:radial-gradient(circle at 50% 50%,rgba(4,12,32,.88) 0,rgba(0,4,12,.92) 100%);backdrop-filter:blur(6px)}.eclipse-explain-card{overflow:hidden;border-radius:var(--radius-xl);border:1px solid rgba(120,180,255,.2)}.eclipse-explain-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1rem;border-bottom:1px solid rgba(120,160,220,.15);background:linear-gradient(90deg,rgba(20,35,70,.6) 0,rgba(12,20,44,.5) 100%)}.eclipse-explain-title{margin:0;font-family:Outfit,"Noto Sans SC",sans-serif;font-size:.88rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.eclipse-explain-close{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid rgba(158,200,255,.3);background:rgba(18,28,52,.85);color:rgba(228,234,245,.85);font-size:1.35rem;line-height:1;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.eclipse-explain-close:focus-visible,.eclipse-explain-close:hover{border-color:var(--accent-strong);background:rgba(35,55,95,.9);box-shadow:0 0 20px rgba(80,180,255,.15);outline:0}.eclipse-explain-body{line-height:0;text-align:center;background:#050810}.eclipse-explain-img{display:block;width:100%;height:auto;max-height:min(82vh,880px);object-fit:contain}.moon-poems-dialog.eclipse-explain-dialog{max-width:min(680px,calc(100vw - 2rem));width:min(680px,96vw);padding:0;border:none;background:0 0;box-shadow:none;backdrop-filter:none;color:var(--text)}.moon-poems-dialog::backdrop{background:radial-gradient(ellipse 85% 70% at 50% 40%,rgba(8,18,42,.75) 0,rgba(2,6,18,.88) 55%,rgba(0,2,10,.92) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.moon-poems-card.eclipse-explain-card{border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(160,200,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.04) 0,transparent 12%),radial-gradient(ellipse 95% 80% at 50% -12%,rgba(130,175,230,.18) 0,transparent 52%),linear-gradient(168deg,#141c30 0,#0e1526 42%,#0a101c 72%,#060a12 100%);box-shadow:0 28px 100px rgba(0,4,24,.78),0 0 0 1px rgba(255,250,240,.05) inset,0 -20px 60px rgba(80,120,200,.06) inset,0 0 100px rgba(100,160,255,.05)}.moon-poems-head.eclipse-explain-head{position:relative;justify-content:center;align-items:center;flex-wrap:nowrap;padding:1rem .95rem;border-bottom:1px solid rgba(160,195,230,.1);background:linear-gradient(180deg,rgba(55,85,130,.22) 0,transparent 100%),linear-gradient(90deg,rgba(255,245,230,.04) 0,transparent 38%,transparent 62%,rgba(120,170,220,.06) 100%)}.moon-poems-head.eclipse-explain-head .eclipse-explain-close{position:absolute;right:.72rem;top:50%;transform:translateY(-50%);flex-shrink:0}.moon-poems-head-text{width:100%;box-sizing:border-box;padding:.12rem 2.85rem 0;text-align:center}.moon-poems-main-title{margin:0;font-family:"Ma Shan Zheng","Noto Serif SC",serif;font-weight:400;font-size:clamp(1.22rem, 3.6vw, 1.48rem);letter-spacing:.14em;line-height:1.35;color:#faf8f3;text-shadow:0 1px 0 rgba(0,0,0,.35),0 0 40px rgba(180,210,255,.12)}.moon-poems-subtitle{margin:.35rem 0 0;font-family:"Noto Serif SC","Noto Sans SC",serif;font-size:.72rem;letter-spacing:.42em;color:rgba(200,218,240,.48)}.moon-poems-body{position:relative;max-height:min(72vh,560px);overflow-y:auto;overflow-x:hidden;padding:1.65rem 1rem 1.85rem;border-top:1px solid rgba(255,255,255,.04);background:radial-gradient(ellipse 100% 55% at 50% 0,rgba(255,252,245,.11) 0,transparent 52%),radial-gradient(ellipse 55% 45% at 12% 55%,rgba(90,130,200,.1) 0,transparent 48%),radial-gradient(ellipse 50% 40% at 88% 35%,rgba(120,170,220,.08) 0,transparent 48%),linear-gradient(180deg,hsl(222 40% 12%) 0,hsl(226 36% 9%) 38%,hsl(230 32% 7%) 72%,hsl(232 28% 5.5%) 100%)}.moon-poems-body::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.35;background-image:radial-gradient(1px 1px at 10% 25%,rgba(255,255,255,.22) 0,transparent 100%),radial-gradient(1px 1px at 35% 70%,rgba(255,255,255,.15) 0,transparent 100%),radial-gradient(1.5px 1.5px at 78% 18%,rgba(220,235,255,.2) 0,transparent 100%),radial-gradient(1px 1px at 92% 55%,rgba(255,255,255,.12) 0,transparent 100%),radial-gradient(1px 1px at 55% 88%,rgba(255,255,255,.14) 0,transparent 100%)}.moon-poems-glow{position:absolute;left:50%;top:.2rem;width:clamp(7rem,38vw,11rem);height:clamp(7rem,38vw,11rem);transform:translateX(-50%);border-radius:50%;z-index:0;background:radial-gradient(circle at 38% 32%,rgba(255,255,252,.45) 0,rgba(255,244,220,.14) 28%,rgba(160,200,255,.06) 50%,transparent 68%);opacity:.52;filter:blur(10px);pointer-events:none}.moon-poems-list{position:relative;z-index:1;margin:0;padding:.6rem 1rem 0;list-style:none;counter-reset:moon-poem}.moon-poem-item{position:relative;counter-increment:moon-poem;margin:0 0 .15rem;padding:1.15rem .75rem 1.25rem 2.35rem;border-bottom:1px solid rgba(160,195,230,.06);background:linear-gradient(90deg,rgba(255,255,255,.02) 0,transparent 35%,transparent 65%,rgba(255,255,255,.018) 100%)}.moon-poem-item:last-child{border-bottom:none;padding-bottom:.25rem}.moon-poem-item::before{content:counter(moon-poem);position:absolute;left:.45rem;top:1.35rem;width:1.35rem;text-align:center;font-family:Outfit,"Noto Sans SC",sans-serif;font-size:.68rem;font-weight:600;letter-spacing:0;color:rgba(200,220,248,.3)}.moon-poem-item::after{content:"";position:absolute;left:1.1rem;top:.85rem;bottom:.85rem;width:1px;background:linear-gradient(180deg,transparent,rgba(255,230,200,.12) 16%,rgba(170,200,235,.18) 50%,rgba(255,230,200,.1) 84%,transparent);pointer-events:none}.moon-poem-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.35rem .45rem;margin:0 0 .72rem;text-align:center}.moon-poem-work{font-family:"Noto Serif SC","Songti SC",serif;font-size:.92rem;font-weight:600;letter-spacing:.2em;color:rgba(255,236,210,.95)}.moon-poem-work::before{content:"《";font-weight:400;letter-spacing:0;opacity:.88}.moon-poem-work::after{content:"》";font-weight:400;letter-spacing:0;opacity:.88}.moon-poem-note{font-family:"Noto Serif SC",serif;font-size:.72rem;font-weight:400;letter-spacing:.06em;color:rgba(200,210,225,.45)}.moon-poem-sep{color:rgba(255,210,160,.35);font-size:.85rem;margin:0 .1rem}.moon-poem-author{font-family:"Noto Serif SC",serif;font-size:.78rem;font-weight:500;letter-spacing:.28em;color:rgba(190,210,232,.65)}.moon-poem-text{margin:0 auto;max-width:min(28em,92%);text-align:center;font-family:"Noto Serif SC","Songti SC",serif;font-size:.93rem;line-height:2.05;letter-spacing:.06em;color:rgba(242,246,252,.9)}.moon-poems-body::-webkit-scrollbar{width:7px}.moon-poems-body::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:6px}.moon-poems-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(160,200,240,.25),rgba(120,160,200,.2));border-radius:6px}.moon-poems-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(190,220,255,.35),rgba(140,180,220,.28))}.moon-stage.panel .copyright-entry{align-self:stretch;width:100%;margin-top:auto;padding-top:14px;margin-bottom:0;border-top:1px solid rgba(120,180,255,.14);box-sizing:border-box}.copyright-text-btn{display:block;width:100%;padding:11px 14px;font-family:Outfit,"Noto Sans SC",sans-serif;font-size:12px;font-weight:550;letter-spacing:.06em;color:rgba(180,210,255,.85);background:rgba(8,16,36,.4);border:1px solid rgba(120,180,255,.22);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:background .25s,border-color .25s,color .25s,box-shadow .25s}.copyright-text-btn:hover{background:rgba(25,45,90,.55);border-color:rgba(160,210,255,.45);color:#e8f4ff;box-shadow:0 0 24px rgba(80,160,255,.08)}.copyright-text-btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.copyright-modal{max-width:440px}.copyright-modal .modal-title{text-align:center}.copyright-modal .modal-actions{justify-content:center}.copyright-qr-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:14px 16px;margin-bottom:14px}.copyright-qr-item{margin:0;flex:1 1 150px;max-width:200px;min-width:0;text-align:center}.copyright-qr-caption{margin:8px 0 0;font-size:12px;line-height:1.35;color:rgba(180,205,255,.85)}.copyright-qr-image{display:block;width:100%;max-width:200px;height:auto;margin:0 auto;border-radius:var(--radius-md);border:1px solid rgba(100,150,220,.35)}.copyright-note{margin:0;font-size:13px;line-height:1.55;color:rgba(205,220,255,.88);text-align:center}.modal-overlay{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(2,6,18,.72);backdrop-filter:blur(8px);box-sizing:border-box}.modal-overlay[hidden]{display:none!important}.modal-dialog{width:100%;max-width:380px;padding:22px 20px;border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(24,40,72,.45) 0,transparent 40%),linear-gradient(180deg,#0a142c 0,#050914 100%);border:1px solid rgba(100,170,255,.22);box-shadow:0 28px 64px rgba(0,4,20,.65),inset 0 1px 0 rgba(255,255,255,.06);color:#e8f2ff}.modal-title{margin:0 0 14px;font-family:"Ma Shan Zheng",serif;font-size:1.35rem;font-weight:400;letter-spacing:.06em;color:var(--accent)}.modal-actions{display:flex;gap:10px;margin-top:18px;justify-content:flex-end}.modal-btn{padding:9px 20px;font-family:Outfit,"Noto Sans SC",sans-serif;font-size:13px;font-weight:550;border-radius:var(--radius-md);cursor:pointer;border:1px solid rgba(120,180,255,.35);background:linear-gradient(180deg,rgba(35,60,110,.85) 0,rgba(20,38,78,.95) 100%);color:#eff3ff}.modal-btn:hover{border-color:var(--accent);box-shadow:0 0 20px rgba(80,180,255,.12)}.modal-btn-primary{border-color:rgba(150,210,255,.5);background:linear-gradient(145deg,rgba(55,120,200,.5) 0,rgba(25,50,100,.95) 100%)}.modal-btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}@media (prefers-reduced-motion:reduce){.stars{animation:none;opacity:.85;transform:none}.header-rule{animation:none;opacity:.78}.chip:hover,button:hover{transform:none}input[type=range]::-webkit-slider-thumb:hover{transform:none}}