:root{color-scheme:dark;font-family:Microsoft YaHei,PingFang SC,sans-serif;background:#0d2018;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0d2018}#app{position:relative;isolation:isolate}#scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.masthead{position:absolute;top:clamp(22px,4vw,48px);left:clamp(20px,4vw,56px);display:flex;align-items:center;gap:15px;color:#fff9e8;pointer-events:none;text-shadow:0 2px 18px rgba(4,20,12,.36);animation:reveal .9s .25s both cubic-bezier(.22,1,.36,1)}.mark{width:38px;height:42px;position:relative;opacity:.94}.mark:before{content:"";position:absolute;left:18px;bottom:0;width:2px;height:32px;background:#fff4cf;transform:rotate(5deg);transform-origin:bottom}.mark span{position:absolute;width:16px;height:25px;border-radius:100% 0;border:1.5px solid #fff4cf}.mark span:nth-child(1){left:1px;top:5px;transform:rotate(-28deg)}.mark span:nth-child(2){left:16px;top:0;transform:scaleX(-1) rotate(-26deg)}.mark span:nth-child(3){left:9px;top:14px;transform:rotate(28deg) scale(.78)}.eyebrow{margin:0 0 4px;font-family:Georgia,Times New Roman,serif;font-size:9px;letter-spacing:.22em;opacity:.75}h1{margin:0;font-family:STSong,Songti SC,SimSun,serif;font-size:clamp(23px,3vw,34px);font-weight:500;letter-spacing:.12em}.weather-switcher{position:absolute;top:clamp(18px,3.6vw,44px);right:clamp(18px,4vw,56px);display:flex;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#10231a52;box-shadow:0 12px 40px #0818102e;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);animation:reveal .9s .4s both cubic-bezier(.22,1,.36,1)}.weather-button{height:40px;min-width:74px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:5px;background:transparent;color:#ffffffc2;font:inherit;font-size:12px;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.weather-button:hover{color:#fff;background:#ffffff14}.weather-button:active{transform:scale(.97)}.weather-button:focus-visible{outline:2px solid #f5d88a;outline-offset:1px}.weather-button.is-active{color:#263b2e;background:#fff9e2eb;box-shadow:0 2px 8px #06180e29}.weather-button svg,.drag-hint svg{width:15px;height:15px;stroke-width:1.7}.scene-caption{position:absolute;left:clamp(20px,4vw,56px);bottom:clamp(24px,5vw,58px);display:flex;align-items:stretch;gap:14px;color:#fffcec;text-shadow:0 2px 18px rgba(4,20,12,.4);pointer-events:none;animation:reveal .9s .65s both cubic-bezier(.22,1,.36,1)}.caption-rule{width:1px;background:#fff6d29e}.scene-caption p{margin:0 0 5px;font-family:STSong,Songti SC,SimSun,serif;font-size:clamp(18px,2.3vw,25px);letter-spacing:.12em}.scene-caption span{display:block;font-size:10px;letter-spacing:.16em;opacity:.7}.drag-hint{position:absolute;right:clamp(18px,4vw,56px);bottom:clamp(24px,5vw,56px);display:flex;align-items:center;gap:8px;color:#ffffff9e;font-size:10px;letter-spacing:.14em;pointer-events:none;animation:reveal .9s .8s both cubic-bezier(.22,1,.36,1)}.loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#f6ecd1;background:radial-gradient(circle at 50% 45%,rgba(77,111,81,.65),transparent 38%),#10241b;transition:opacity .9s ease,visibility .9s ease}.loading.is-hidden{opacity:0;visibility:hidden}.loading p{margin:0;font-family:STSong,Songti SC,SimSun,serif;font-size:13px;letter-spacing:.22em}.loading-ring{width:32px;height:32px;border-radius:50%;border:1px solid rgba(246,236,209,.18);border-top-color:#f6ecd1;animation:spin 1.1s linear infinite}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.masthead{top:19px;left:18px}.mark{transform:scale(.84);transform-origin:left center;margin-right:-4px}.weather-switcher{top:auto;right:16px;bottom:18px;left:16px;justify-content:stretch}.weather-button{flex:1;min-width:0;height:42px}.scene-caption{left:20px;bottom:88px}.drag-hint{display:none}}@media(max-height:520px)and (orientation:landscape){.masthead{top:14px}.weather-switcher{top:14px;bottom:auto}.scene-caption{bottom:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}