:root{color-scheme:light;font-family:"Noto Sans CJK SC","Microsoft YaHei",sans-serif;color:#263744;background:#fff}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:12px 14px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}h1{font-size:19px;line-height:1.4;font-weight:650;margin:0}button{font:inherit;font-size:13px;border:1px solid #bccad3;background:#fff;color:#29495c;border-radius:3px;padding:6px 11px;cursor:pointer}button:hover{background:#f0f5f7}button:focus-visible,input:focus-visible{outline:2px solid #107291;outline-offset:3px}button:disabled,input:disabled{opacity:.5;cursor:default}.scene{height:400px;position:relative;border:1px solid #d3dde3;background:#eaf0f3;overflow:hidden}iframe{display:block;border:0;width:100%;height:100%}#loading{position:absolute;inset:0;background:#eef3f5;display:grid;place-items:center;color:#557080;font-size:14px}#loading[hidden]{display:none}.controls{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #dce4e9}.controls label{font-size:13px;color:#5e7281}#play{min-width:72px;background:#156b89;border-color:#156b89;color:white}#play:hover{background:#105874}#progress{flex:1;min-width:60px;accent-color:#156b89;margin:0}#percentage{font-size:13px;min-width:39px;text-align:right;font-variant-numeric:tabular-nums}.phase{padding-top:10px}.phase strong{font-size:15px;font-weight:650}.phase p{font-size:14px;line-height:1.65;margin:3px 0 0;color:#526977}.note{margin:8px 0 0;color:#74838d;font-size:12px;line-height:1.55}.note span{margin-right:10px}@media(max-width:600px){main{padding:10px}.scene{height:340px}h1{font-size:17px}.controls{gap:8px}.controls label{display:none}.phase p{font-size:13px}.note{font-size:11px}}