:root{--bg-deep:#050b16;--bg-panel:#0c1626e0;--bg-panel-solid:#0c1626;--line:#78b4ff29;--text:#e8f1ff;--text-dim:#8ba3c4;--accent:#39c6ff;--accent-2:#ffb84d;--ok:#34d399;--bad:#f87171;--radius:14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;height:100%;color:var(--text);background:radial-gradient(circle at 50% 40%,#0d1c33 0%,#050b16 62%,#02060d 100%);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative;overflow:hidden}#canvas-container{position:absolute;inset:0}#canvas-container canvas{display:block}#topbar{z-index:20;pointer-events:none;background:linear-gradient(#030810eb,#03081000);align-items:center;gap:16px;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}#topbar>*{pointer-events:auto}.brand{flex:none;align-items:center;gap:10px;display:flex}.brand-dot{background:var(--accent);width:12px;height:12px;box-shadow:0 0 12px var(--accent), 0 0 26px #39c6ff8c;border-radius:50%}.brand-text strong{letter-spacing:1px;font-size:16px;display:block}.brand-text em{color:var(--text-dim);font-size:11px;font-style:normal;display:block}#mode-bar{scrollbar-width:none;gap:8px;padding:4px 2px;display:flex;overflow-x:auto}#mode-bar::-webkit-scrollbar{display:none}.mode-btn{border:1px solid var(--line);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:#0f1c30b8;border-radius:999px;flex:none;padding:7px 14px;font-size:13px;transition:all .18s}.mode-btn:hover{color:var(--text);border-color:#39c6ff80}.mode-btn.active{color:#04121f;background:linear-gradient(135deg,#6fe0ff,#39c6ff);border-color:#0000;font-weight:600;box-shadow:0 0 16px #39c6ff73}#side-panel{z-index:15;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);flex-direction:column;width:272px;transition:transform .28s,opacity .28s;display:flex;position:absolute;top:64px;bottom:84px;left:16px;overflow:hidden;transform:translate(0)}#side-panel:not(.open){opacity:0;pointer-events:none;transform:translate(-300px)}.panel-head{color:var(--text);justify-content:space-between;align-items:center;padding:12px 14px 8px;font-size:14px;font-weight:600;display:flex}.icon-btn{border:1px solid var(--line);width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.icon-btn:hover{color:var(--accent);border-color:#39c6ff80}#btn-panel-toggle{position:absolute;top:8px;right:-34px}.filters{border-bottom:1px solid var(--line);padding:0 12px 10px}.filter-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.filter-label{color:var(--text-dim);flex:0 0 28px;font-size:11px}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:11px}.chip.active{color:#04121f;background:var(--accent);border-color:#0000;font-weight:600}#filter-chapter{border:1px solid var(--line);min-width:0;color:var(--text);background:#0a1422e6;border-radius:8px;outline:none;flex:1;padding:6px 8px;font-size:11px}#search-box{border:1px solid var(--line);width:100%;color:var(--text);background:#0a1422e6;border-radius:9px;outline:none;padding:8px 10px;font-size:12px}#search-box:focus{border-color:#39c6ff99}#search-box::placeholder{color:#8ba3c4b3}#place-list{scrollbar-width:thin;scrollbar-color:#78b4ff4d transparent;flex:1;padding:8px;overflow-y:auto}#place-list::-webkit-scrollbar{width:6px}#place-list::-webkit-scrollbar-thumb{background:#78b4ff47;border-radius:3px}.place-item{cursor:pointer;border-radius:10px;align-items:center;gap:9px;padding:8px 9px;transition:background .15s;display:flex}.place-item:hover{background:#39c6ff1a}.place-item.active{background:#39c6ff2e}.place-item .p-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.place-item .p-main{flex:1;min-width:0}.place-item .p-name{color:var(--text);font-size:13px}.place-item .p-sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.place-item .p-count{color:var(--accent);background:#39c6ff1f;border-radius:6px;flex:none;padding:1px 5px;font-size:10px}.panel-foot{border-top:1px solid var(--line);color:var(--text-dim);padding:8px 12px;font-size:10px}.empty-tip{text-align:center;color:var(--text-dim);padding:24px 12px;font-size:12px}#info-card{z-index:18;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);flex-direction:column;width:330px;max-height:calc(100% - 156px);padding:14px;transition:opacity .22s,transform .22s;display:flex;position:absolute;top:64px;right:16px;overflow:hidden;box-shadow:0 18px 48px #00000080}#info-card.hidden{opacity:0;pointer-events:none;transform:translateY(-8px)}.card-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:auto;min-height:0;margin-top:6px;padding-right:4px;overflow:hidden auto}.card-scroll::-webkit-scrollbar{width:6px}.card-scroll::-webkit-scrollbar-thumb{background:#78b4ff4d;border-radius:3px}.card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-head h2{margin:0;font-size:17px}.card-head p{color:var(--text-dim);margin:3px 0 0;font-size:11px}.card-tags{flex-wrap:wrap;gap:6px;margin:10px 0 4px;display:flex}.tag{border:1px solid var(--line);color:var(--text-dim);border-radius:999px;padding:2px 8px;font-size:10px}.tag.level-primary{color:#6fe0ff;border-color:#6fe0ff66}.tag.level-junior{color:var(--accent-2);border-color:#ffb84d73}.card-points{flex:none;margin-top:8px;padding-right:2px;overflow:visible}.card-points::-webkit-scrollbar{width:6px}.card-points::-webkit-scrollbar-thumb{background:#78b4ff47;border-radius:3px}.point{color:#d9e7fb;background:#ffffff09;border-left:2px solid #39c6ff8c;border-radius:10px;margin-bottom:8px;padding:9px 10px 9px 12px;font-size:12.5px;line-height:1.65;position:relative}.point .pt-meta{color:var(--text-dim);margin-top:6px;font-size:10px;display:block}.point.primary{border-left-color:#6fe0ffcc}.point.junior{border-left-color:#ffb84dcc}.card-foot{border-top:1px solid var(--line);padding-top:10px}.ghost-btn{width:100%;color:var(--accent);cursor:pointer;background:#39c6ff1a;border:1px solid #39c6ff73;border-radius:9px;padding:8px;font-size:12px}.ghost-btn:hover{background:#39c6ff33}#quiz-panel{z-index:19;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);width:min(440px,100% - 32px);padding:14px;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #00000080}#quiz-panel.hidden{display:none}.quiz-head{align-items:center;gap:10px;margin-bottom:10px;font-size:13px;display:flex}.quiz-head strong{flex:1}#quiz-score{color:var(--accent);font-size:12px}#quiz-body{font-size:13px;line-height:1.6}.quiz-question{color:#dbe9ff;margin-bottom:10px}.quiz-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quiz-option{border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;background:#ffffff0a;border-radius:9px;padding:9px 10px;font-size:12px}.quiz-option:hover{border-color:#39c6ff8c}.quiz-option.correct{border-color:var(--ok);background:#34d39929}.quiz-option.wrong{border-color:var(--bad);background:#f8717129}.quiz-feedback{margin-top:10px;font-size:12px;line-height:1.6}.quiz-feedback.ok{color:var(--ok)}.quiz-feedback.bad{color:var(--bad)}.quiz-next{color:#04121f;cursor:pointer;background:linear-gradient(135deg,#6fe0ff,#39c6ff);border:none;border-radius:9px;width:100%;margin-top:10px;padding:9px;font-size:13px;font-weight:600}#toolbar{z-index:20;background:var(--bg-panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:999px;gap:8px;padding:8px 10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.tool-btn{border:1px solid var(--line);min-width:46px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:13px;transition:all .16s}.tool-btn:hover{color:var(--text);border-color:#39c6ff80}.tool-btn.active{color:#04121f;background:var(--accent);border-color:#0000;font-weight:600}.tool-btn.accent{color:var(--accent-2);border-color:#ffb84d80}.tool-btn.accent:hover{background:#ffb84d26}#mode-tip{z-index:21;border:1px solid var(--line);color:var(--text-dim);white-space:nowrap;background:#081220e6;border-radius:999px;padding:8px 16px;font-size:12px;transition:opacity .25s;position:absolute;top:64px;left:50%;transform:translate(-50%)}#mode-tip.hidden{opacity:0;pointer-events:none}#labels{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.map-label{color:#e2f0ffeb;text-shadow:0 0 6px #000000f2,0 0 2px #000;white-space:nowrap;background:#060e1a59;border-radius:4px;padding:1px 4px;font-size:10px;transition:opacity .15s;position:absolute;transform:translate(-50%,-50%)}.map-label.continent{color:#ffe6a8;font-size:12px;font-weight:600}.map-label.ocean{color:#9ad7ff;font-style:italic}#loading{z-index:40;background:#050b16;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .5s;display:flex;position:absolute;inset:0}#loading.done{opacity:0;pointer-events:none}#loading p{color:var(--text-dim);margin:0;font-size:13px}.spinner{border:2px solid #39c6ff2e;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){#topbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.brand-text em{display:none}#side-panel{width:auto;max-height:52vh;inset:104px 10px auto}#side-panel:not(.open){opacity:0;transform:translateY(-20px)}#btn-panel-toggle{position:static;top:8px;right:8px}#info-card{top:auto;left:10px;right:10px;bottom:calc(78px + env(safe-area-inset-bottom,0px));width:auto;max-height:calc(100dvh - 210px);padding:12px 12px 10px}.card-scroll{margin-top:4px;padding-right:2px}.card-teach{padding:9px 10px;font-size:12px;line-height:1.6}#quiz-panel{bottom:78px}#toolbar{gap:6px;padding:6px 8px;bottom:14px}.tool-btn{min-width:40px;padding:7px 10px;font-size:12px}#mode-tip{font-size:11px;top:100px}}.card-teach{background:linear-gradient(160deg,#39c6ff1a,#39c6ff08);border:1px solid #39c6ff38;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:12.5px;line-height:1.7}.card-teach.hidden{display:none}.teach-intro{color:#dbe9fb}.teach-sub{letter-spacing:.5px;color:var(--accent);margin-top:8px;font-size:11px}.teach-keys{color:#cbd9ec;margin:4px 0 0;padding-left:16px}.teach-keys li{margin:2px 0}.teach-tip{color:var(--accent-2);border-top:1px dashed #78b4ff3d;margin-top:8px;padding-top:8px}.teach-tip b{margin-right:6px;font-size:11px}.point .pt-text{cursor:pointer}.point.has-detail .pt-text:after{content:" ▾";color:var(--accent);font-size:10px}.point.open .pt-text:after{content:" ▴"}.point .pt-detail{color:#cfe0f4;background:#39c6ff14;border-radius:8px;margin-top:7px;padding:8px 10px;font-size:12px;line-height:1.7;display:none}.point.open .pt-detail{display:block}html,body{overscroll-behavior:none;overscroll-behavior-y:none;touch-action:manipulation}#canvas-container,#canvas-container canvas{touch-action:none;-ms-touch-action:none;-webkit-user-select:none;user-select:none}.card-points,.place-list,#quiz-panel,.card-teach{overscroll-behavior:contain}.card-actions{flex:none;align-items:center;gap:6px;display:flex}.icon-btn.active{color:var(--accent);border-color:#39c6ff80}.card-foot{gap:8px;display:flex}.card-foot .ghost-btn{white-space:nowrap;flex:1 1 0}.ghost-btn.done{color:var(--ok);background:#34d3991f;border-color:#34d3998c}.p-done{color:var(--ok);flex:none;margin-left:6px;font-size:11px}.panel-foot{flex-direction:column;gap:6px;display:flex}#progress-bar{background:#78b4ff29;border-radius:3px;height:5px;overflow:hidden}#progress-bar i{background:linear-gradient(90deg,#39c6ff,#34d399);border-radius:3px;width:0;height:100%;transition:width .3s;display:block}#badge-row{flex-wrap:wrap;gap:4px;display:flex}.badge{color:var(--text-dim);border:1px solid var(--line);background:#78b4ff0f;border-radius:9px;padding:2px 7px;font-size:10px}.badge.on{color:#05131f;background:linear-gradient(135deg,#ffd166,#ffb84d);border-color:#0000;font-weight:600}.quiz-tip{color:var(--text-dim);margin-bottom:10px;font-size:12px}.quiz-levels{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quiz-level{border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;background:#39c6ff14;border-radius:12px;flex-direction:column;gap:4px;padding:12px 10px;font-size:13px;display:flex}.quiz-level:active{transform:scale(.98)}.quiz-level strong{font-size:14px}.quiz-level span{color:var(--text-dim);font-size:11px}.quiz-wrong-btn{border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;background:#78b4ff14;border-radius:10px;margin-top:10px;padding:9px 10px;font-size:12.5px}.quiz-wrong-btn:disabled{opacity:.45;cursor:default}.quiz-quote{border-left:2px solid var(--accent);color:#dbe9ff;background:#39c6ff17;border-radius:9px;margin-bottom:10px;padding:8px 10px;font-size:12.5px}.quiz-result{text-align:center;padding:8px 0 12px}.qr-medal{color:var(--accent-2);margin-bottom:6px;font-size:18px;font-weight:700}.qr-score{color:var(--text);font-size:14px}.qr-best{color:var(--text-dim);margin-top:6px;font-size:11.5px}.wrong-list{flex-direction:column;gap:7px;max-height:42vh;display:flex;overflow-y:auto}.wrong-item{border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;background:#f8717114;border-radius:10px;flex-direction:column;gap:3px;padding:9px 10px;display:flex}.wi-place{color:var(--accent);font-size:12.5px}.wi-text{color:#d6e4f7;font-size:12px;line-height:1.5}.wi-times{color:var(--text-dim);font-size:10.5px}#demo-panel{z-index:19;border-radius:var(--radius);background:var(--bg-panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);width:min(430px,100% - 24px);padding:12px 14px 14px;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #00000080}#demo-panel.hidden{display:none}.demo-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.demo-head strong{flex:none;font-size:14px}#demo-tag{color:var(--text-dim);flex:1;font-size:11px}.demo-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.demo-item{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#39c6ff12;border-radius:10px;padding:9px 8px;font-size:12.5px}.demo-item.active{color:#eaf7ff;background:#39c6ff38;border-color:#39c6ffbf}.demo-desc{color:#c8d8ee;margin-top:10px;font-size:12px;line-height:1.65}@media (width<=700px){#demo-panel{bottom:calc(74px + env(safe-area-inset-bottom,0px));padding:10px 12px 12px}}.title-flag{margin-right:7px;font-size:17px}.p-flag{margin-right:6px;font-size:13px}#ar-video{object-fit:cover;z-index:0;background:#000;width:100%;height:100%;display:none;position:absolute;inset:0}#canvas-container canvas{z-index:1;position:relative}body.ar-mode{background:#000}body.ar-mode #canvas-container{background:0 0}body.ar-mode #topbar,body.ar-mode #side-panel,body.ar-mode #info-card{background:#060e18b8}#ar-tip{left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:21;color:#cfe6ff;text-align:center;pointer-events:none;background:#060e18b8;border:1px solid #39c6ff59;border-radius:16px;max-width:calc(100% - 32px);padding:7px 14px;font-size:11.5px;position:absolute;transform:translate(-50%)}#ar-tip.hidden{display:none}#intro-mask{z-index:40;-webkit-backdrop-filter:blur(6px);background:#020810b8;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}#intro-mask.hidden{display:none}#intro-modal{border-radius:var(--radius);background:var(--bg-panel-solid);border:1px solid var(--line);flex-direction:column;width:min(520px,100%);max-height:min(78vh,640px);display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}.intro-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;display:flex}.intro-head strong{font-size:15px}.intro-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;color:#cfe0f5;padding:14px 16px 18px;font-size:12.5px;line-height:1.75;overflow-y:auto}.intro-body h3{color:var(--accent);letter-spacing:.3px;margin:14px 0 4px;font-size:13px}.intro-body h3:first-child{margin-top:0}.intro-body p{margin:0}.intro-note{border-top:1px solid var(--line);color:var(--text-dim);margin-top:14px;padding-top:10px;font-size:11.5px}#home-panel{z-index:60;padding:calc(26px + env(safe-area-inset-top,0px)) 20px calc(22px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;touch-action:pan-y;background:radial-gradient(120% 90% at 50% 0,#0d2b47 0%,#050b16 62%,#03060d 100%);flex-direction:column;gap:14px;display:flex;position:fixed;inset:0;overflow-y:auto}#home-panel.hidden{display:none}.home-head{text-align:center;padding:6px 0 2px}.home-head .brand-dot.big{width:46px;height:46px;margin:0 auto 10px}.home-head h1{letter-spacing:2px;color:#eaf6ff;margin:0;font-size:26px}.home-head p{color:#6f96b5;margin:6px 0 0;font-size:13px}.home-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.home-cell{color:#dfeaf5;cursor:pointer;background:linear-gradient(160deg,#143654eb,#091626eb);border:1px solid #4cc9f038;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:16px 6px;font-size:13px;transition:transform .15s,border-color .15s;display:flex}.home-cell:active{border-color:#4cc9f0;transform:scale(.96)}.hc-ico{font-size:24px;line-height:1}.home-cell b{font-size:14px;font-weight:600}.hc-sub{color:#6f96b5;text-align:center;font-size:11px;line-height:1.3}.home-enter{color:#04121f;background:linear-gradient(120deg,#4cc9f0,#7ce38b);border:none;flex-direction:row;gap:8px;padding:14px;font-size:15px;font-weight:600}.home-note{text-align:center;color:#4a6c86;margin:0;font-size:11px}.modal-panel{z-index:55;background:linear-gradient(170deg,#0b1e32fa,#050d18fa);border:1px solid #4cc9f047;border-radius:18px;flex-direction:column;gap:10px;width:min(760px,100vw - 24px);max-height:calc(100dvh - 110px);padding:14px;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 60px #0000008c}.modal-panel.hidden{display:none}.mp-head{border-bottom:1px solid #4cc9f029;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:8px;display:flex}.mp-head strong{color:#eaf6ff;font-size:15px}.cn-body{flex:auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;min-height:0;display:grid;overflow:hidden}.cn-grid{touch-action:pan-y;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-right:2px;display:grid;overflow-y:auto}.cn-item{color:#dfeaf5;cursor:pointer;background:#102840bf;border:1px solid #4cc9f02e;border-radius:10px;justify-content:space-between;align-items:baseline;gap:6px;padding:9px 10px;font-size:13px;display:flex}.cn-item span{color:#6f96b5;font-size:11px}.cn-item.active{background:#4cc9f029;border-color:#4cc9f0}.cn-detail{touch-action:pan-y;color:#cfe0ef;background:#09192acc;border:1px solid #4cc9f024;border-radius:12px;padding:12px;font-size:13px;line-height:1.65;overflow-y:auto}.cn-detail-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.cn-detail-head h3{color:#fff;margin:0;font-size:18px}.cn-short{color:#ffd166;font-size:12px}.cn-meta{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.cn-meta span{color:#8fc7e6;background:#4cc9f01f;border-radius:999px;padding:3px 8px;font-size:11px}.cn-points{margin:8px 0;padding-left:18px}.cn-points li{margin-bottom:6px}.cn-tip{color:#ffe0a3;background:#ffd16617;border-left:3px solid #ffd166;border-radius:0 8px 8px 0;margin:10px 0;padding:9px 10px;font-size:12px}.cn-tip b{color:#ffd166;margin-bottom:3px;display:block}.cn-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}#puzzle-grid{aspect-ratio:3/2;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,1fr);gap:4px;width:100%;max-height:calc(100dvh - 300px);margin:0 auto;display:grid}.pz-tile{cursor:pointer;background-repeat:no-repeat;border:2px solid #4cc9f040;border-radius:8px;padding:0;position:relative;overflow:hidden}.pz-tile.picked{border-color:#ffd166;box-shadow:0 0 0 2px #ffd16680}.pz-name{color:#cfe6ff;background:#030a14ad;border-radius:6px;padding:2px 6px;font-size:10px;position:absolute;bottom:4px;left:4px}.pz-tip{color:#8fc7e6;text-align:center;font-size:12px}.pz-tip.done{color:#7ce38b}#science-list{touch-action:pan-y;flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.sci-item{background:#0e243acc;border:1px solid #4cc9f02e;border-radius:12px;overflow:hidden}.sci-title{color:#eaf6ff;cursor:pointer;align-items:center;gap:8px;padding:11px 12px;font-size:14px;display:flex}.sci-title span{font-size:18px}.sci-text{color:#b9d2e6;padding:0 12px 12px;font-size:13px;line-height:1.7;display:none}.sci-item.open .sci-text{display:block}.sci-item.open{border-color:#4cc9f073}.solar-tabs{gap:6px;margin-left:auto;display:flex}.solar-tabs .tab{color:#8fc7e6;cursor:pointer;background:0 0;border:1px solid #4cc9f040;border-radius:999px;padding:5px 10px;font-size:12px}.solar-tabs .tab.active{color:#fff;background:#4cc9f033;border-color:#4cc9f0}#solar-body{touch-action:pan-y;flex-direction:column;gap:10px;min-height:0;display:flex;overflow-y:auto}.solar-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.planet-chip{color:#dfeaf5;cursor:pointer;background:#0e243acc;border:1px solid #4cc9f02e;border-radius:10px;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.planet-chip i{border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.planet-chip.active{background:#ffd16624;border-color:#ffd166}.solar-fact{color:#cfe0ef;background:#09192ad9;border:1px solid #4cc9f029;border-radius:12px;padding:12px;font-size:13px;line-height:1.7}.solar-result{text-align:center;color:#7ce38b;padding:14px;font-size:14px}.dn-progress{color:#8fc7e6;font-size:12px}.dn-q{color:#eaf6ff;font-size:15px;line-height:1.6}.dn-opts{flex-direction:column;gap:8px;display:flex}.dn-opt{color:#dfeaf5;text-align:left;cursor:pointer;background:#0e243acc;border:1px solid #4cc9f038;border-radius:10px;padding:11px 12px;font-size:13px}.dn-opt.right{background:#7ce38b29;border-color:#7ce38b}.dn-opt.wrong{background:#ff8fab29;border-color:#ff8fab}.dn-why{color:#b9d2e6;background:#4cc9f01a;border-radius:10px;padding:10px;font-size:12px;line-height:1.65}.dn-why.hidden{display:none}body.vr-mode #topbar,body.vr-mode #toolbar,body.vr-mode #side-panel,body.vr-mode #info-card,body.vr-mode #intro-mask,body.vr-mode #home-panel{display:none!important}body.vr-mode #canvas-container:after{content:"";pointer-events:none;z-index:3;background:#0000008c;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-1px)}@media (width<=560px){.cn-body{grid-template-rows:minmax(120px,.8fr) 1.2fr;grid-template-columns:1fr}.solar-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid{gap:8px}.home-cell{padding:12px 4px}.hc-ico{font-size:21px}.home-cell b{font-size:12.5px}.hc-sub{font-size:10px}#puzzle-grid{max-height:none}#topbar{flex-wrap:wrap;row-gap:6px}#mode-bar{order:3;width:100%}}.tour-body{grid-template-columns:1.1fr 1fr;align-items:start;gap:14px;display:grid}.tour-map{aspect-ratio:4/3;background-color:#0b1a2a;background-repeat:no-repeat;border:1px solid #78c8ff40;border-radius:12px;width:100%;box-shadow:inset 0 0 40px #0000008c}.tour-info{flex-direction:column;gap:8px;display:flex}.tour-meta{color:#7fb6d9;letter-spacing:.4px;font-size:12px}.tour-keys{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.tour-key{color:#9fe4ff;background:#3caaeb24;border:1px solid #5abeff4d;border-radius:999px;padding:3px 9px;font-size:11.5px}.tour-nav{justify-content:space-between;gap:10px;margin-top:14px;display:flex}.tour-btn{cursor:pointer;color:#d9f2ff;background:#2878b438;border:1px solid #5abeff52;border-radius:10px;flex:1;padding:10px 0;font-size:14px}.tour-btn:active{background:#3ca0dc61}@media (width<=560px){.tour-body{grid-template-columns:1fr}.tour-map{aspect-ratio:16/9}}:root{--kid-radius:26px;--kid-shadow:0 8px 0 #0000001f, 0 14px 28px #0000002e}#home-panel{background:radial-gradient(900px 520px at 50% -10%,#fff3b0 0%,#fff3b000 62%),radial-gradient(700px 460px at 8% 105%,#b3e5fc 0%,#b3e5fc00 65%),linear-gradient(#8ed6ff 0%,#c9ecff 45%,#fff8e1 100%)!important}#home-panel .home-head h1{color:#1b4a6b;letter-spacing:2px;text-shadow:0 3px #fff,0 6px 12px #1b4a6b2e;font-size:30px;font-weight:900}#home-panel .home-head p{color:#2f6d92;font-size:14px;font-weight:700}#home-panel .home-note{color:#37718f;font-weight:700}.home-grid{gap:12px!important}.home-cell{letter-spacing:.5px;position:relative;overflow:hidden;border-radius:var(--kid-radius)!important;color:#fff!important;box-shadow:var(--kid-shadow)!important;border:3px solid #fff!important;padding:18px 8px 16px!important;font-size:14px!important;font-weight:900!important;transition:transform .14s,box-shadow .14s!important}.home-cell:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 15%,#ffffff73,#fff0 55%);position:absolute;inset:0}.home-cell:active{transform:scale(.95)!important;box-shadow:0 4px #0000001f!important}.home-cell .hc-ico{filter:drop-shadow(0 3px 4px #00000038);line-height:1.1;font-size:40px!important}.home-cell b{text-shadow:0 2px 3px #00000038;font-size:15px!important}.home-cell .hc-sub{text-shadow:0 1px 2px #0003;color:#ffffffeb!important;font-size:11px!important;font-weight:700!important}.home-cell[data-act=earth]{background:linear-gradient(160deg,#4fc3f7,#0288d1)!important}.home-cell[data-act=ar]{background:linear-gradient(160deg,#ffb74d,#ef6c00)!important}.home-cell[data-act=vr]{background:linear-gradient(160deg,#ba68c8,#6a1b9a)!important}.home-cell[data-act=china]{background:linear-gradient(160deg,#ff8a80,#d32f2f)!important}.home-cell[data-act=puzzle]{background:linear-gradient(160deg,#81c784,#2e7d32)!important}.home-cell[data-act=science]{background:linear-gradient(160deg,#ffd54f,#f9a825)!important}.home-cell[data-act=solar]{background:linear-gradient(160deg,#7986cb,#303f9f)!important}.home-cell[data-act=tour]{background:linear-gradient(160deg,#4dd0e1,#00838f)!important}.home-cell[data-act=quiz]{background:linear-gradient(160deg,#ff8a65,#e64a19)!important}.home-cell[data-act=progress]{background:linear-gradient(160deg,#ffb300,#ff6f00)!important}.home-enter{background:linear-gradient(160deg,#26c6da,#00796b)!important;padding:16px!important;font-size:18px!important}.modal-panel{color:#1b4a6b;background:linear-gradient(#fff 0%,#f2fbff 100%)!important;border:4px solid #fff!important;border-radius:28px!important;box-shadow:0 14px #1b4a6b1f,0 24px 48px #00000047!important}.mp-head{border-bottom:3px dashed #b3e5fc!important;padding-bottom:10px!important}.mp-head strong{color:#0d47a1!important;font-size:17px!important;font-weight:900!important}.modal-panel .intro-note{font-weight:700;color:#37718f!important}.icon-btn{min-width:38px;height:38px;font-weight:900;box-shadow:0 3px #00000029;color:#fff!important;background:linear-gradient(160deg,#4fc3f7,#0288d1)!important;border:2px solid #fff!important;border-radius:14px!important;font-size:17px!important}.btn-back{margin-left:auto;background:linear-gradient(160deg,#ffca28,#f57c00)!important}.icon-btn:active{box-shadow:none;transform:translateY(2px)}.sci-item,.cn-item,.tour-map,.planet-chip,.dn-opt,.tour-btn,.cn-detail,.solar-fact,.pz-tile{border-radius:18px!important}.sci-item{margin-bottom:10px;box-shadow:0 3px #d7eef9;background:#fff!important;border:3px solid #e3f6ff!important}.sci-title{color:#0d47a1!important;font-size:15px!important;font-weight:800!important}.sci-text{color:#2b5c78!important;font-size:14px!important;line-height:1.8!important}.tour-name{color:#0d47a1!important;font-size:20px!important;font-weight:900!important}.tour-meta{font-weight:700;color:#37718f!important}.tour-text{color:#2b5c78!important;font-size:14.5px!important;line-height:1.85!important}.tour-key{font-weight:800;color:#00695c!important;background:#e0f7fa!important;border:2px solid #80deea!important;font-size:12.5px!important}.tour-btn{font-weight:900;box-shadow:0 4px #00838f59;color:#fff!important;background:linear-gradient(160deg,#4dd0e1,#00838f)!important;border:none!important;padding:12px 0!important;font-size:15px!important}.tour-btn:active{box-shadow:none;transform:translateY(2px)}.cn-item,.cn-short,.cn-points,.cn-tip{color:#2b5c78}.cn-item{background:#fff!important;border:3px solid #d7eef9!important}.cn-item b{color:#0d47a1;font-size:15px}.planet-chip{font-weight:800}.solar-fact{color:#2b5c78!important;background:#f2fbff!important;font-size:15px!important;line-height:1.8!important}@media (width<=560px){.home-cell .hc-ico{font-size:36px!important}.home-cell b{font-size:13px!important}#home-panel .home-head h1{font-size:26px}.mp-head strong{font-size:15px!important}}.modal-panel .sci-item{background:#fff!important;border:2px solid #d7eef9!important}.modal-panel .sci-title{color:#0d47a1!important;font-weight:800!important}.modal-panel .sci-text{color:#2b5c78!important;background:0 0!important;display:block!important}.modal-panel .sci-text.hidden{display:block!important}.modal-panel .cn-detail{color:#2b5c78!important;background:#fff!important;border:2px solid #d7eef9!important}.modal-panel .cn-detail-head h3{color:#0d47a1!important}.modal-panel .cn-short{font-weight:800;color:#ef6c00!important}.modal-panel .cn-meta span{font-weight:700;color:#00695c!important;background:#e0f7fa!important;border:1px solid #80deea!important}.modal-panel .cn-points li{color:#2b5c78!important}.modal-panel .cn-tip{color:#6d4c00!important;background:#fff8e1!important;border-left:4px solid #ffb300!important}.modal-panel .cn-tip b{color:#ef6c00!important}.modal-panel .cn-item{color:#2b5c78!important;background:#fff!important;border:2px solid #d7eef9!important}.modal-panel .cn-item span{color:#6f96b5!important}.modal-panel .cn-item.active{background:#e0f7fa!important;border-color:#4fc3f7!important}.modal-panel .cn-item.active b{color:#00695c!important}.modal-panel .pz-tip{font-weight:700;color:#2b5c78!important}.modal-panel .pz-tip.done{color:#2e7d32!important}.modal-panel .planet-chip{color:#2b5c78!important;background:#fff!important;border:2px solid #d7eef9!important}.modal-panel .planet-chip.active{color:#6d4c00!important;background:#fff8e1!important;border-color:#ffb300!important}.modal-panel .dn-q{font-weight:800;color:#0d47a1!important}.modal-panel .dn-progress{font-weight:700;color:#37718f!important}.modal-panel .dn-opt{color:#2b5c78!important;background:#fff!important;border:2px solid #d7eef9!important}.modal-panel .dn-opt.right{color:#1b5e20!important;background:#e8f5e9!important;border-color:#66bb6a!important}.modal-panel .dn-opt.wrong{color:#b71c1c!important;background:#ffebee!important;border-color:#ef5350!important}.modal-panel .dn-why{color:#00695c!important;background:#e0f7fa!important}.modal-panel .solar-result{font-weight:800;color:#2e7d32!important}.modal-panel .solar-tabs .tab{font-weight:800;color:#37718f!important;background:#fff!important;border:2px solid #d7eef9!important}.modal-panel .solar-tabs .tab.active{color:#00695c!important;background:#e0f7fa!important;border-color:#4fc3f7!important}#science-list{-webkit-overflow-scrolling:touch;display:block!important;overflow-y:auto!important}#science-list .sci-item{margin-bottom:10px;flex:none!important;height:auto!important;min-height:0!important;display:block!important;overflow:visible!important}#science-list .sci-item:last-child{margin-bottom:0}#science-list .sci-title{align-items:center;gap:8px;line-height:1.5;padding:12px 14px 6px!important;display:flex!important}#science-list .sci-text{white-space:normal!important;padding:0 14px 14px!important;line-height:1.8!important;display:block!important}#cn-grid{flex:none!important}#solar-body{overflow-y:auto}.home-daily{flex-direction:column;gap:10px;margin:0 0 14px;display:flex}.daily-card,.resume-card{border-radius:var(--kid-radius);text-align:left;cursor:pointer;background:linear-gradient(135deg,#ffe9b8 0%,#ffd48a 100%);border:3px solid #fff;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:0 8px #e0a83c59,0 12px 22px #1f4e7929}.resume-card{background:linear-gradient(135deg,#d9f2ff 0%,#b8e6ff 100%);box-shadow:0 8px #50a0d24d,0 12px 22px #1f4e7924}.daily-card:active,.resume-card:active{transform:translateY(4px);box-shadow:0 4px #e0a83c59}.daily-tag{color:#b86b00;letter-spacing:.5px;white-space:nowrap;background:#fff;border-radius:12px;flex:none;padding:5px 10px;font-size:13px;font-weight:900}.resume-card .daily-tag{color:#1565a0}.daily-ico{flex:none;font-size:34px;line-height:1}.daily-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.daily-main b{color:#3a2a00;white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:900;overflow:hidden}.resume-card .daily-main b{color:#0d3d5c}.daily-main em{color:#7a5a12;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-style:normal;overflow:hidden}.resume-card .daily-main em{color:#2f6187}.daily-go{color:#b86b00;background:#fffc;border-radius:14px;flex:none;padding:6px 12px;font-size:14px;font-weight:900}.resume-card .daily-go{color:#1565a0}#report-panel{flex-direction:column;display:flex}#report-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:12px 14px 4px;overflow-y:auto}.rp-hero{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.rp-big{background:linear-gradient(160deg,#fff 0%,#eaf6ff 100%);border:2px solid #fff;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;display:flex;box-shadow:0 6px #96bedc47}.rp-big b{color:#e07b39;font-size:26px;font-weight:900;line-height:1.1}.rp-big span{color:#4a7590;font-size:12px;font-weight:700}.rp-sec{margin-bottom:16px}.rp-sec h4{color:#123a5c;margin:0 0 8px;font-size:16px;font-weight:900}.rp-bars{background:#fff;border:2px solid #e6f2fb;border-radius:18px;justify-content:space-between;align-items:flex-end;gap:6px;padding:10px 12px 6px;display:flex}.rp-bar-wrap{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.rp-bar{background:#dbe9f3;border-radius:8px 8px 4px 4px;width:100%;max-width:26px;min-height:4px;transition:height .3s;display:block}.rp-bar.on{background:linear-gradient(#ffd166 0%,#ffa726 100%)}.rp-bar-n{color:#e07b39;min-height:14px;font-size:11px;font-weight:900}.rp-day{color:#6b8ba4;font-size:12px;font-weight:700}.rp-kinds{flex-direction:column;gap:7px;display:flex}.rp-kind{align-items:center;gap:8px;display:flex}.rp-kind-name{color:#123a5c;white-space:nowrap;text-overflow:ellipsis;flex:none;width:82px;font-size:13px;font-weight:800;overflow:hidden}.rp-kind-bar{background:#e8f3fb;border-radius:8px;flex:1;height:12px;overflow:hidden}.rp-kind-bar i{background:linear-gradient(90deg,#7ad0ff 0%,#4cc9f0 100%);border-radius:8px;height:100%;display:block}.rp-kind-n{text-align:right;color:#e07b39;flex:none;width:26px;font-size:13px;font-weight:900}.rp-progress{background:#e8f3fb;border:2px solid #fff;border-radius:10px;height:16px;overflow:hidden}.rp-progress i{background:linear-gradient(90deg,#ffd166 0%,#ff9f45 100%);border-radius:10px;height:100%;display:block}.rp-note{color:#4a7590;margin:8px 0 0;font-size:13px;line-height:1.6}.rp-badges{flex-wrap:wrap;gap:6px;display:flex}.rp-badges .badge{color:#7a94a8;background:#eef5fa;border:2px solid #fff;border-radius:12px;padding:6px 10px;font-size:12px;font-weight:800}.rp-badges .badge.on{color:#8a5200;background:linear-gradient(135deg,#fff3c4 0%,#ffd166 100%)}.rp-advice{color:#24603e;background:#f0fbf4;border:2px dashed #9fdcb4;border-radius:18px;padding:12px 14px;font-size:14px;line-height:1.7}.rp-advice b{color:#1f8a52;margin-bottom:3px;font-size:13px;display:block}.rp-sign{text-align:center;color:#9ab4c6;margin:14px 0 4px;font-size:12px}.rp-empty{color:#8aa8bd;margin:0;font-size:13px}.report-foot{flex:none;justify-content:center;padding:10px 14px 14px;display:flex}.report-foot .ghost-btn{border-radius:18px;min-width:200px;padding:12px 22px;font-size:16px;font-weight:900}#mode-tip{white-space:normal;text-align:center;border-radius:16px;max-width:min(88vw,460px);padding:12px 16px;line-height:1.55}@media (width<=560px){.rp-hero{grid-template-columns:repeat(2,1fr)}.daily-main b{font-size:17px}.daily-ico{font-size:28px}.rp-kind-name{width:72px}}#county-panel{flex-direction:column;display:flex}#county-provs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex:none;gap:7px;padding:10px 14px 8px;display:flex;overflow-x:auto}#county-provs::-webkit-scrollbar{display:none}#county-provs .chip{white-space:nowrap;flex:none}.ct-sum{color:#2f6187;flex:none;padding:0 16px 8px;font-size:13px;font-weight:800}.ct-grid{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:8px;min-height:0;padding:0 14px 12px;display:grid;overflow-y:auto}.ct-cell{text-align:left;cursor:pointer;background:linear-gradient(160deg,#fff 0%,#eef8ff 100%);border:2px solid #fff;border-radius:16px;flex-direction:column;gap:2px;padding:10px 12px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 5px #96bedc40}.ct-cell:active{transform:translateY(3px);box-shadow:0 2px #96bedc40}.ct-cell.active{background:linear-gradient(160deg,#fff3c4 0%,#ffd166 100%);box-shadow:0 5px #e0a83c66}.ct-cell b{color:#123a5c;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:900;overflow:hidden}.ct-cell em{color:#6b8ba4;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:normal;overflow:hidden}.ct-loading{text-align:center;color:#7a94a8;grid-column:1/-1;margin:20px 0;font-size:14px}.ct-detail{background:#fff;border:2px solid #e6f2fb;border-radius:18px;flex:none;margin:0 14px 14px;padding:14px;box-shadow:0 6px #96bedc2e}.ctd-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.ctd-head b{color:#123a5c;font-size:20px;font-weight:900}.ctd-head span{color:#1565a0;background:#eaf6ff;border-radius:10px;padding:3px 9px;font-size:12px;font-weight:900}.ctd-rows{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.ctd-row{align-items:baseline;gap:8px;font-size:14px;display:flex}.ctd-row i{color:#7a94a8;flex:none;width:104px;font-size:13px;font-style:normal}.ctd-row b{color:#24506e;flex:1;font-weight:800}.ctd-actions{gap:8px;display:flex}.ctd-actions .ghost-btn{border-radius:14px;flex:1;padding:10px 8px;font-size:14px;font-weight:900}.ctd-note{color:#8aa8bd;margin:10px 0 0;font-size:12px;line-height:1.6}@media (width<=560px){.ct-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}#county-panel .mp-head strong{font-size:15px}}#world-panel{flex-direction:column;display:flex}.wc-cont{gap:7px;padding:0 14px 6px}.wc-grid{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));align-content:start;gap:8px;min-height:0;padding:0 14px 12px;display:grid;overflow-y:auto}.wc-cell b{font-size:14px}.wcd-sub{color:#4d7699;letter-spacing:.5px;margin:10px 0 6px;font-size:12px;font-weight:900}.wcd-list{flex-wrap:wrap;gap:6px;display:flex}.wcd-tag{color:#1c4a6e;background:#f2f9ff;border:1.5px solid #d8ecfb;border-radius:12px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.wcd-tag i{color:#7c9db5;font-size:10px;font-style:normal;font-weight:600}@media (width<=560px){.wc-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.wc-cell b{font-size:13px}}