@font-face{font-family:LocalFallback;src:local('Microsoft YaHei')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#080e14;color:#e9eef0;font-family:Inter,'Segoe UI',LocalFallback,sans-serif;font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #a3efd8;outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}button{transition:background .15s,color .15s;border:0}button:hover{filter:brightness(1.16)}.topbar{height:99px;margin:0 auto;max-width:1456px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202830}.brand{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:600;letter-spacing:1px}.brand-mark{font-size:37px;line-height:1;color:#b8eadc;transform:rotate(-30deg)}.brand small{display:block;color:#778994;font-size:8px;letter-spacing:2.8px;margin-top:2px}.topbar nav{display:flex;gap:33px;color:#8996a2;font-size:12px}.topbar nav .active{color:#c8eedf}.topbar nav span{color:#758b8d;margin-left:7px}.live-indicator{font-size:10px;letter-spacing:1px;color:#8f9a9e;display:flex;align-items:center;gap:8px}.live-indicator i,.teal-dot{display:inline-block;background:#a2e3cc;width:5px;height:5px;border-radius:50%;box-shadow:0 0 10px #88d6bb55}main{max-width:1456px;margin:auto;padding:0 48px}.intro{padding:44px 0 35px;display:flex;justify-content:space-between;align-items:center}.eyebrow{color:#a4c9bf;font-size:10px;letter-spacing:3.2px;margin:0 0 14px}.intro h1{font-size:39px;font-weight:500;line-height:1.4;letter-spacing:-1.3px;margin:0}.intro h1 em{font-style:normal;color:#a7e8d2}.intro-copy{color:#84949f;font-size:12px;line-height:1.9;margin:15px 0 0}.mobile-break{display:none}.intro-note{border-left:1px solid #29383d;padding-left:26px;display:flex;flex-direction:column;gap:3px;margin-right:5px}.intro-note>span{font-size:10px;color:#768891;letter-spacing:1px}.intro-note strong{font-size:34px;font-weight:400;font-variant-numeric:tabular-nums}.intro-note strong small{font-size:12px;color:#8faaa4}.panel{border:1px solid #263039;background:#0e161f;border-radius:13px;overflow:hidden}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:20px}.panel-header{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px}.panel-header>div:first-child{display:flex;align-items:center;gap:13px}.section-number{font-size:10px;font-family:'Consolas',monospace;color:#61857d;letter-spacing:1px}h2{font-size:14px;font-weight:500;margin:0;letter-spacing:.6px}.segmented{background:#080f16;border:1px solid #253139;border-radius:6px;padding:3px;display:flex}.segmented button{background:transparent;font-size:10px;color:#788995;padding:4px 14px;border-radius:4px}.segmented .selected{background:#25383c;color:#b5e9d9}#space-view{height:433px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 45%,#14202b70,transparent 68%)}#space-view canvas{width:100%;height:100%;display:block;touch-action:none}#space-loading{position:absolute;inset:0;display:grid;place-items:center;color:#99b4ae;font-size:12px;z-index:2;background:#0e161f}.sun-indicator{position:absolute;top:36px;left:25px;display:flex;align-items:center;gap:12px;pointer-events:none}.sun-indicator i{width:20px;height:20px;border-radius:50%;background:#f5cd83;box-shadow:0 0 25px #f2ba6655}.sun-indicator span{font-size:11px;color:#e6ca9c}.sun-indicator small{display:block;font-size:8px;color:#927f69;letter-spacing:.5px}.object-label{position:absolute;font-size:11px;color:#c4d1d8;pointer-events:none;white-space:nowrap}.object-label small{font-size:8px;color:#637c8c;margin-left:6px;letter-spacing:1.3px}.observer-label{position:absolute;padding:3px 8px;border:1px solid #a3e9d444;background:#0b2524dd;border-radius:4px;color:#b9eddf;font-size:9px;white-space:nowrap;pointer-events:none}.view-tools{position:absolute;right:17px;top:20px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.view-tools button{font-size:9px;color:#a5b6c1;background:#111e27cc;border:1px solid #31414d;border-radius:5px;padding:5px 9px}.view-tools button[aria-pressed=true]{color:#b4e9d8;border-color:#53776c}.view-caption{position:absolute;left:25px;bottom:20px;display:flex;gap:16px;font-size:9px;color:#637a89;pointer-events:none}.view-caption span:first-child{color:#a5bcb6}.teal-dot{margin-right:5px}.drag-hint{position:absolute;right:21px;bottom:20px;color:#5b6f7b;font-size:9px;pointer-events:none}.space-summary{border-top:1px solid #23303a;min-height:63px;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:10px}.space-summary>span{color:#6e8595;font-size:9px}.space-summary strong{display:block;font-size:12px;font-weight:400;color:#b9ccd4;font-variant-numeric:tabular-nums;margin-top:2px}.observation .panel-header{padding:0 22px}.micro-label{font-size:9px;color:#728998}.moon-stage{height:220px;position:relative;background:radial-gradient(ellipse,#1b293345,transparent 65%);overflow:hidden}#moon-view{height:100%;position:absolute;inset:0;z-index:1}#moon-view canvas{display:block;width:100%;height:100%}.moon-crosshair{position:absolute;pointer-events:none;opacity:.3}.moon-crosshair.horizontal{top:50%;left:23px;right:23px;border-top:1px solid #374959}.moon-crosshair.vertical{top:14px;bottom:14px;left:50%;border-left:1px solid #374959}.zenith{position:absolute;top:4px;left:0;right:0;text-align:center;font-size:8px;color:#637a89;letter-spacing:1px;z-index:2}.view-magnification{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#4b6374;font-size:8px;letter-spacing:1px}.phase-heading{padding:5px 24px 0;display:flex;align-items:center;justify-content:space-between}.phase-heading h3{font-size:24px;font-weight:400;letter-spacing:2px;margin:0}.phase-heading>span{color:#8fbbb0;border:1px solid #38564d;border-radius:20px;padding:2px 8px;font-size:9px;background:#19312b55}.illumination-row{display:flex;justify-content:space-between;align-items:center;margin:8px 24px 3px;color:#7b919f;font-size:10px}.illumination-row strong{color:#bcddd3;font-size:24px;font-weight:400;font-variant-numeric:tabular-nums}.illumination-row strong small{font-size:11px;margin-left:3px}.illumination-bar{height:3px;background:#1f303b;margin:0 24px}.illumination-bar i{display:block;height:100%;background:#a9e5d0;width:0;box-shadow:0 0 8px #9fe7cd66}.observer-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 24px 0}.observer-stats>div{border-right:1px solid #273641;padding-left:11px}.observer-stats>div:first-child{padding-left:0}.observer-stats>div:last-child{border-right:0}.observer-stats span{display:block;font-size:9px;color:#6b8493}.observer-stats strong{display:block;font-size:13px;color:#c4d4dc;font-weight:400;font-variant-numeric:tabular-nums;margin-top:4px}.visibility{padding:9px 12px;margin:16px 24px 10px;border-radius:6px;background:#18252e;color:#93acb9;font-size:10px;min-height:34px}.visibility.above{background:#172b25;color:#a7cbbb}.visibility.below{background:#25252b;color:#b8aeb1}.rise-set{display:flex;justify-content:space-between;gap:8px;padding:0 24px 18px;color:#657e8d;font-size:8px}.rise-set strong{display:block;color:#a7bac5;font-size:10px;font-weight:400;margin-top:3px}.controls{margin-top:20px;padding:23px 26px 20px}.control-title{display:flex;gap:13px;align-items:center;margin-bottom:20px}.small-button{padding:6px 11px;border:1px solid #33434d;background:transparent;border-radius:5px;color:#aac2c6;font-size:10px;white-space:nowrap}.control-title .small-button{margin-left:auto}.control-fields{display:grid;grid-template-columns:1.1fr 1.6fr 1fr 145px;gap:19px;align-items:end}label{display:block;font-size:10px;color:#8a9eac;letter-spacing:.3px}select,input:not([type=range]){width:100%;border:1px solid #30414e;border-radius:6px;color:#cfdee5;background:#111e29;padding:10px 12px;min-height:41px;margin-top:7px;font-size:12px;color-scheme:dark}select{cursor:pointer}label>span{font-size:8px;color:#648578;float:right;margin-top:2px}.primary-button{display:flex;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:10px;background:#abe8d3;color:#0d2521;border-radius:6px;font-size:12px;font-weight:500}.primary-button span:first-child{font-size:11px}.primary-button[aria-pressed=true]{background:#78c7ad}.timeline-top{display:flex;align-items:center;justify-content:space-between;margin-top:24px;font-size:9px;color:#80949f;gap:12px}.timeline-top>span:last-child{color:#a3c4bb;font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;margin:16px 0 12px;height:3px;cursor:pointer;accent-color:#b0ead9}input[type=range]::-webkit-slider-thumb{cursor:ew-resize}.phase-timeline{display:grid;grid-template-columns:repeat(9,1fr);margin:17px -10px 0;gap:4px}.phase-timeline button{background:transparent;display:flex;align-items:center;flex-direction:column;gap:7px;padding:7px 3px;color:#788e9c;font-size:9px;border-radius:8px;border:1px solid transparent;min-width:0}.phase-timeline button.selected{color:#b5e7d7;background:#17332b55;border-color:#426e5e}.phase-timeline canvas{width:26px;height:26px}.phase-timeline small{font-size:8px;color:#536e7b;font-variant-numeric:tabular-nums}.phase-timeline .selected small{color:#719e91}.time-note{color:#587181;font-size:9px;margin:15px 0 0}.custom-fields{display:flex;gap:14px;align-items:end;margin-top:16px}.custom-fields[hidden]{display:none}.custom-fields label{flex:1;min-width:0}.custom-fields .small-button{min-height:41px}.input-error{color:#eeb798;font-size:12px;margin-bottom:0}.principle{margin-top:64px;display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:36px;padding-bottom:43px;border-bottom:1px solid #27323a}.principle-title .eyebrow{font-size:8px;letter-spacing:1.5px}.principle-title h2{font-size:25px;font-weight:400;line-height:1.5;letter-spacing:.2px}.principle-title p:last-child{font-size:11px;color:#7c909f;line-height:1.9;margin:13px 0 0}.principle article{padding:0 0 0 19px;border-left:1px solid #25343c}.principle article>span{font-size:9px;color:#80aea0;letter-spacing:1px}.principle article h3{font-weight:500;font-size:13px;margin:15px 0 12px;color:#d0ddd9}.principle article p{font-size:11px;color:#7f92a0;line-height:1.9;margin:0}.principle article .fact{font-size:10px;color:#92b5a7;margin-top:19px;line-height:1.9}.mini-diagram{height:61px;display:flex;align-items:center;gap:20px;color:#698274;font-size:20px}.model-notes{margin:25px 0 0;background:#0a131b}.model-notes summary{padding:15px 20px;cursor:pointer;color:#8096a4;font-size:10px;list-style:none;display:flex;justify-content:space-between}.model-notes summary span{color:#9fb4af}.model-notes>div{padding:0 24px 15px}.model-notes p{font-size:11px;color:#7e95a4;line-height:1.9}.model-notes a{color:#a2cdbf;border-bottom:1px dotted #4c7d6d}footer{display:flex;justify-content:space-between;max-width:1456px;padding:35px 48px 28px;margin:auto;font-size:9px;color:#4c6575;gap:20px}footer>span:first-child{color:#93b0a4}footer>span:last-child{letter-spacing:2px}noscript{display:block;padding:30px;color:#f5c89c}body.webgl-failed .moon-stage:after{content:'3D 显示不可用，请使用支持 WebGL 的浏览器';position:absolute;inset:0;display:grid;place-items:center;color:#d3b496;font-size:11px}button:disabled{opacity:.45;cursor:default}@media(min-width:1500px){.lab-grid{grid-template-columns:minmax(0,1fr) 380px}#space-view{height:480px}.moon-stage{height:264px}.intro{padding-top:48px}.intro h1{font-size:44px}}@media(max-width:1100px){main{padding:0 28px}.topbar{padding:0 28px}.intro h1{font-size:33px}.lab-grid{grid-template-columns:minmax(0,1fr) 310px;gap:14px}.panel-header{padding:0 17px}.space-summary{padding:14px 17px}.view-caption{flex-direction:column;gap:3px;bottom:15px;left:17px}.drag-hint{font-size:8px;bottom:15px}.sun-indicator{left:18px;top:68px}.principle{gap:20px}.principle article{padding-left:14px}.principle-title h2{font-size:22px}.custom-fields{flex-wrap:wrap}.custom-fields label{flex-basis:18%}.control-fields{gap:12px;grid-template-columns:1fr 1.5fr 1fr 130px}.time-note{line-height:1.8}footer{padding-left:28px;padding-right:28px}}@media(max-width:800px){.topbar{height:81px}.topbar nav{gap:20px}.live-indicator{display:none}.intro{padding:31px 0 26px}.intro h1{font-size:28px;letter-spacing:-.8px}.intro-note{padding-left:17px;margin:0}.intro-note strong{font-size:26px}.intro-note>span{font-size:8px}.lab-grid{grid-template-columns:1fr}.observation{display:grid;grid-template-columns:45% 55%;padding-bottom:15px}.observation .panel-header{grid-column:1/-1}.moon-stage{grid-row:2/8;height:230px}.phase-heading{padding-top:8px;padding-left:15px}.illumination-row{margin-left:15px}.illumination-bar{margin-left:15px}.observer-stats{margin-left:15px;margin-top:12px}.visibility{margin:10px 24px 10px 15px}.rise-set{padding:0 24px 0 15px}.controls{padding:20px}.control-fields{grid-template-columns:1fr 1.5fr}.control-fields>label:nth-child(3){grid-row:2}.control-fields .primary-button{grid-row:2;margin-top:18px}.principle{grid-template-columns:1fr 1fr;row-gap:35px;margin-top:40px}.principle article{padding-left:18px}.principle-title h2{font-size:25px}.custom-fields label{flex-basis:40%}footer>span:last-child{display:none}}@media(max-width:480px){main{padding:0 15px}.topbar{padding:0 18px}.brand{font-size:14px;gap:8px}.brand small{font-size:6px;letter-spacing:1.8px}.brand-mark{font-size:31px}.topbar nav{font-size:10px;gap:15px}.intro h1{font-size:25px;line-height:1.6}.intro h1 em{display:block}.intro-copy{font-size:10px;margin-top:9px}.intro-note{padding-left:13px}.intro-note>span:last-child{display:none}.intro-note strong{font-size:24px}.eyebrow{font-size:8px;letter-spacing:2.2px;margin-bottom:9px}.panel-header{height:57px}#space-view{height:337px}.sun-indicator{top:63px}.sun-indicator small{display:none}.view-tools{top:13px;right:12px}.view-tools button{font-size:8px;padding:5px 7px}.view-tools button span{display:none}.drag-hint{display:none}.space-summary>span{font-size:8px}.space-summary strong{font-size:11px}.space-summary{min-height:57px}.observation{grid-template-columns:43% 57%;padding-bottom:8px}.observation .panel-header{padding:0 17px}.moon-stage{height:238px}.phase-heading{padding-right:17px;gap:5px}.phase-heading h3{font-size:21px}.phase-heading>span{font-size:8px;padding:2px 6px}.illumination-row{margin-right:17px}.illumination-row strong{font-size:20px}.illumination-bar{margin-right:17px}.observer-stats{margin-right:17px}.observer-stats>div{padding-left:7px}.observer-stats strong{font-size:10px}.observer-stats span{font-size:8px}.visibility{font-size:9px;margin-right:17px;padding:8px}.rise-set{font-size:7px;padding-right:17px}.rise-set strong{font-size:8px}.controls{padding:18px 15px}.control-fields{grid-template-columns:1fr 1.3fr;gap:12px}.control-fields input,.control-fields select{font-size:10px;padding:10px 8px}.control-title h2{font-size:12px}.control-title{gap:9px}.small-button{font-size:9px;padding:5px 8px}.timeline-top{font-size:8px;align-items:start}.timeline-top>span:last-child{text-align:right;max-width:60%}.phase-timeline{gap:0;margin:12px -7px 0;grid-template-columns:repeat(9,1fr)}.phase-timeline button{font-size:8px;padding:5px 0;gap:5px}.phase-timeline canvas{width:22px;height:22px}.phase-timeline small{font-size:7px}.time-note{font-size:8px}.principle{gap:28px 20px}.principle-title h2{font-size:21px}.principle-title .eyebrow{font-size:6px;letter-spacing:1px}.principle article h3{font-size:12px}.principle article p,.principle-title p:last-child{font-size:10px}.principle article .fact{font-size:9px}.principle article{padding-left:13px}.custom-fields label{flex-basis:40%}.custom-fields .small-button{flex:1}footer{font-size:8px;padding:27px 17px;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}
/* Observation state and calendar are deliberately readable before inspecting the moon. */
.simulation{display:flex;flex-direction:column}.simulation #space-view{flex:1;min-height:433px}.sun-label{color:#f2d29b}.visibility{display:flex;align-items:center;gap:12px;margin:0 20px 10px;padding:13px 14px;min-height:78px;border:1px solid #526879;border-left:4px solid #92b8cb;border-radius:8px;color:#d7e6ed;font-size:12px;background:#182732}.visibility-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#ffffff12;font-size:20px;font-weight:600}.visibility>div{min-width:0}.visibility strong{display:block;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:.2px}.visibility>div>span{display:block;margin-top:4px;font-size:10px;line-height:1.7;opacity:.85}.visibility.above{background:#14362a;border-color:#39886a;border-left-color:#9ff1c5;color:#ceffe1}.visibility.below{background:#3a2228;border-color:#915261;border-left-color:#ffabb8;color:#ffe0e5}.visibility.limited{background:#342c1a;border-color:#8e7845;border-left-color:#f7d483;color:#ffedbe}.visibility-note{font-size:9px;color:#78909f;margin:10px 24px 12px;line-height:1.7}.lunar-date{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;color:#cfddd2}.lunar-date>span{font-size:10px;color:#d6bd81;padding:2px 7px;background:#362f2055;border:1px solid #75633b55;border-radius:4px}.lunar-date strong{font-size:13px;font-weight:500;letter-spacing:.3px}.lunar-date small{color:#718795;font-size:9px}.sun-indicator small{display:block!important;max-width:145px;line-height:1.6}.sun-indicator{top:18px;left:20px}.sun-indicator span{font-size:10px}.sun-indicator small{font-size:8px}@media(min-width:1500px){.simulation #space-view{min-height:480px}}@media(max-width:800px){.observation .visibility{grid-column:1/-1;margin:0 20px 10px}.observation .moon-stage{grid-row:3/9}.observation .phase-heading,.observation .illumination-row,.observation .illumination-bar,.observation .observer-stats,.observation .visibility-note,.observation .rise-set{grid-column:2}.observation .visibility-note{margin:10px 24px 10px 15px}.visibility strong{font-size:14px}.visibility>div>span{font-size:10px}}@media(max-width:480px){.simulation #space-view{min-height:337px}.observation .visibility{margin:0 15px 12px;padding:11px 12px;min-height:74px}.observation .visibility-note{margin-right:17px;font-size:8px}.lunar-date{gap:7px;margin-top:14px}.lunar-date strong{font-size:11px}.lunar-date small{font-size:8px}.sun-indicator{top:49px;left:15px}.sun-indicator small{max-width:118px}.visibility-icon{flex-basis:27px;width:27px;height:27px;font-size:18px}}
.sun-scale-note{position:absolute;top:22px;left:20px;max-width:165px;color:#927f69;font-size:9px;line-height:1.6;pointer-events:none}.scene-clock{position:sticky;top:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px;margin-bottom:18px;border:1px solid #36524a;border-radius:10px;background:#10211ff5;box-shadow:0 6px 22px #00000022;backdrop-filter:blur(14px)}.scene-clock-heading{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#b5d6ca}.scene-clock-heading>span:last-child{color:#78968a;font-size:9px}.scene-clock-value{display:flex;align-items:baseline;justify-content:flex-end;gap:12px}.scene-clock time{font-size:24px;font-weight:500;letter-spacing:.4px;color:#d3f4e4;font-variant-numeric:tabular-nums;white-space:nowrap}.scene-clock-value>span{font-size:10px;color:#88a59b;white-space:nowrap}.scene-clock.is-playing{border-color:#8baa78}.scene-clock.is-playing #scene-playback{color:#d3e8a9}@media(max-width:800px){.scene-clock{top:8px;padding:11px 16px}.scene-clock time{font-size:21px}}@media(max-width:480px){.scene-clock{align-items:stretch;flex-direction:column;gap:5px;padding:11px 13px;margin-bottom:14px}.scene-clock-heading{flex-direction:row;justify-content:space-between;font-size:9px}.scene-clock-value{justify-content:space-between;gap:7px}.scene-clock time{font-size:20px;letter-spacing:0}.scene-clock-value>span{font-size:8px}.sun-scale-note{top:50px;left:15px;font-size:8px;max-width:140px}}
.simulation #space-view canvas{position:absolute;inset:0;z-index:0}.object-label,.observer-label,.view-tools,.view-caption,.drag-hint,.sun-scale-note{z-index:1}