*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:'Microsoft YaHei','微软雅黑',sans-serif;color:#f9f0d6;background:#07162e}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffcd56;outline-offset:3px}button:disabled{opacity:.45;cursor:default}button{color:#122847;background:#f1deba;border:1px solid #b78c42;border-radius:7px;padding:10px 17px;font-weight:700;box-shadow:0 3px 0 #756144}button:hover{filter:brightness(1.09)}button.active{background:#ffe294;box-shadow:0 0 0 2px #63d8ff}a{color:inherit;text-decoration:none}.backdrop{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}body:not([data-page=stars]):after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#03102620,#03102610)}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:8px 28px;position:relative;z-index:2;gap:16px}.title{margin:0;width:580px;max-width:58vw;height:105px;background:url('assets/title.png') center/100% 100% no-repeat;display:flex;align-items:center;justify-content:center;color:#081b45;font-size:clamp(24px,3vw,40px);font-weight:900;padding-bottom:6px;white-space:nowrap}.top-actions{display:flex;gap:9px;align-items:center}.top-actions a,.small{font-size:15px;padding:9px 13px}.top-actions a{border-bottom:1px solid #e6c273;text-shadow:0 2px 3px #000}.viewer-layout{height:calc(100% - 175px);display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:5px;padding:0 26px 0 10px}.stage{position:relative;min-height:0;touch-action:none;overflow:hidden}.stage canvas{width:100%;height:100%;display:block;outline:0}.stage-hint{position:absolute;left:20px;bottom:10px;padding:9px 16px;border-radius:25px;background:#06152edb;font-size:15px;pointer-events:none;letter-spacing:.04em}.panel{align-self:center;position:relative;padding:38px 27px 32px;background:url('assets/info-panel.png') center/100% 100% no-repeat;color:#0e264b;max-height:100%;overflow:auto}.panel h2{font-size:28px;margin:0 0 13px}.panel p{font-size:19px;line-height:1.75;margin:8px 0}.panel .question{font-weight:800;color:#244f74;border-top:1px solid #bea779;padding-top:15px}.part-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.part-list button{font-size:16px;padding:10px 6px}.fact{font-size:13px!important;color:#4b5d76;line-height:1.5!important}.toolbar{height:65px;display:flex;justify-content:center;align-items:center;gap:10px;padding:5px 12px;background:linear-gradient(0deg,#08162de8,transparent);position:relative;z-index:2}.toolbar button{font-size:16px}.error{position:absolute;inset:20%;padding:25px;background:#0b224ce8;z-index:9;line-height:1.8}.error[hidden]{display:none}.toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:#082644f5;color:#fff5d7;padding:12px 22px;border:1px solid #cda959;border-radius:8px;z-index:20;max-width:90vw}.toast[hidden]{display:none}.hub{height:calc(100% - 135px);display:flex;align-items:center;justify-content:center;gap:25px;padding:20px 4vw;flex-wrap:wrap}.portal{width:22%;min-width:210px;text-align:center;position:relative;transition:transform .2s}.portal:hover{transform:translateY(-7px)}.portal img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:4px solid #d3b67a;box-shadow:0 0 35px #63b6ff40}.portal strong{display:block;background:url('assets/title.png') center/100% 100% no-repeat;padding:26px 5px;font-size:23px;color:#071b44;margin-top:-15px;position:relative}.portal p{margin:7px 0;text-shadow:0 2px 4px #000;font-size:17px}.gallery-stage{height:calc(100% - 195px);margin:0 12px}.gallery-bar{height:85px;flex-wrap:wrap;gap:8px}.gallery-bar button{font-size:15px}.gallery-tip{position:absolute;top:12px;left:25px;background:#0a214bd9;padding:10px 16px;pointer-events:none;border-radius:20px}.dialog-back{position:fixed;inset:0;background:#010916ed;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.dialog-back[hidden]{display:none}.dialog{width:min(1150px,96vw);height:min(760px,94vh);background:#0c2245;border:1px solid #bc9b5b;border-radius:14px;display:grid;grid-template-columns:minmax(0,1fr) 280px;overflow:hidden;box-shadow:0 25px 80px #000}.photo-wrap{overflow:hidden;display:flex;justify-content:center;align-items:center;background:#020a19;touch-action:none;cursor:grab}.photo-wrap canvas{max-width:100%;max-height:100%;object-fit:contain;user-select:none;pointer-events:none}.photo-controls{padding:24px 18px;overflow:auto}.photo-controls input{width:100%;padding:12px;margin:8px 0 18px;color:#102549}.photo-controls label{line-height:1.8}.photo-controls h2{margin-top:3px}.photo-controls button{margin:5px 3px;padding:9px 12px}.muted{color:#becde4;font-size:14px;line-height:1.7}.danger{background:#f2c8b7}.starfield{position:fixed;inset:0;pointer-events:none}.stars-view .backdrop{animation:nebula-drift 32s ease-in-out infinite alternate;transform:scale(1.06)}@keyframes nebula-drift{0%{transform:scale(1.06) translate(-1%,0)}100%{transform:scale(1.12) translate(1%,-1%)}}.star-center{position:absolute;inset:23% 0 18%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 3px 12px #071027}.star-center h2{font-size:clamp(42px,5vw,76px);margin:0 0 24px;letter-spacing:.13em}.star-center p{font-size:26px;letter-spacing:.13em}.stars-view .toolbar{position:absolute;bottom:0;width:100%}.paused .backdrop{animation-play-state:paused}.star-minimal header,.star-minimal .star-center,.star-minimal .toolbar{opacity:0;pointer-events:none}.star-minimal #restore{display:block}#restore{display:none;position:fixed;right:20px;bottom:20px;opacity:.55;z-index:15;font-size:14px}input[type=range]{accent-color:#ffe294;width:100px}.empty-prompt{pointer-events:none;position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:#061b38d9;padding:12px 22px;text-align:center;max-width:80%;border-radius:8px;font-size:18px}.busy{opacity:.65;pointer-events:none}@media(max-width:900px){header{height:85px;padding:5px 12px}.title{height:80px;max-width:65vw;font-size:26px}.top-actions{gap:4px}.top-actions button{padding:8px}.viewer-layout{grid-template-columns:minmax(0,1fr) 265px;height:calc(100% - 150px);padding-right:10px}.panel{padding:28px 22px}.panel p{font-size:16px}.panel h2{font-size:23px}.part-list{gap:7px}.part-list button{font-size:14px}.toolbar{gap:7px}.toolbar button{padding:9px;font-size:14px}.gallery-stage{height:calc(100% - 180px)}.portal{min-width:150px;width:23%}.portal strong{font-size:18px}.dialog{grid-template-columns:1fr 240px}}@media(max-width:620px) and (orientation:portrait){header{height:78px}.title{font-size:21px;max-width:70vw;height:70px}.top-actions a{display:none}.viewer-layout{height:calc(100% - 175px);display:flex;flex-direction:column;padding:0 10px}.stage{flex:1;min-height:210px}.panel{width:100%;padding:20px 27px;max-height:40%;overflow:auto}.panel h2{font-size:19px;margin:0}.panel p{font-size:14px;line-height:1.5}.part-list{display:flex;flex-wrap:wrap;margin:7px 0}.part-list button{padding:6px;flex:1}.toolbar{height:97px;flex-wrap:wrap}.stage-hint{font-size:12px;left:5px;bottom:2px}.dialog{grid-template-columns:1fr;grid-template-rows:1fr 220px}.photo-controls{padding:10px}.photo-controls input{margin:0;padding:7px}.photo-controls h2,.photo-controls .muted{display:none}.portal{width:42%;min-width:130px}.hub{gap:12px;overflow:auto;align-content:center}.portal img{max-height:150px}.portal strong{padding:18px 0}.portal p{font-size:12px}.gallery-bar{height:115px}.gallery-stage{height:calc(100% - 193px)}.star-center h2{font-size:35px}.star-center p{font-size:17px}}

.panel h2{font-size:25px}.panel{padding:40px 27px;min-height:440px}.viewer-layout{grid-template-columns:minmax(0,1fr) 350px}@media(max-height:620px){.panel{min-height:0;padding:24px}.panel p{font-size:15px;line-height:1.5}.panel h2{font-size:20px}.part-list{margin:8px 0;gap:6px}.part-list button{padding:6px}.panel .question{padding-top:8px}.fact{font-size:11px!important}}@media(max-width:620px) and (orientation:portrait){.panel{min-height:0}}