:root{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:#213b50;background:#e7eff5}*{box-sizing:border-box}body{margin:0;overflow:hidden;width:100vw;height:100vh}button{font:inherit;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:3px solid #178dc3;outline-offset:5px}button{touch-action:manipulation}[hidden]{display:none!important}#course{position:absolute;width:1920px;height:1080px;left:50%;top:50%;transform-origin:center;overflow:hidden}.background{position:absolute;inset:0;background:#e7eff5}header{position:absolute;top:48px;left:66px;z-index:3;pointer-events:none}header p{font-size:19px;letter-spacing:3px;color:#657f8c;margin:0 0 15px}h1{font-size:58px;letter-spacing:2px;font-weight:600;line-height:1.22;margin:0;color:#233d50;text-shadow:0 2px 12px #fff9}.subtitle{font-size:23px;letter-spacing:.5px;color:#587181;margin-top:17px}.glass{background:linear-gradient(130deg,#ffffffdc,#edf6f7b8);border:1px solid #ffffffec;box-shadow:inset 0 1px 0 #fff,0 10px 35px #38536215;backdrop-filter:blur(22px)}#fullscreen{position:absolute;right:58px;top:50px;width:64px;height:64px;border-radius:50%;color:#3d6177;display:grid;place-items:center;z-index:5}#fullscreen svg{width:26px;height:26px}.structure-note{position:absolute;right:64px;top:158px;width:310px;border-radius:23px;padding:24px 27px;z-index:3;pointer-events:none}.structure-note small{color:#68818d;font-size:16px;letter-spacing:2px}.structure-note strong{display:block;font-size:26px;font-weight:600;margin:11px 0 9px}.structure-note p{font-size:18px;line-height:1.7;margin:0;color:#55717f}.view{position:absolute;left:300px;top:205px;width:1320px;height:650px}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}#label-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.atom-label{position:absolute;left:0;top:0;font-family:Arial,sans-serif;font-size:20px;font-weight:600;line-height:1;pointer-events:none}.atom-label.O{color:#fffaf6;text-shadow:0 1px 4px #64031588;font-size:24px}.atom-label.H{color:#465d6d;text-shadow:0 1px 2px #fff8}#tetra-note{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:17px;background:#f2fbffe8;padding:10px 22px;border-radius:20px;color:#477287;white-space:nowrap}.model-caption{position:absolute;top:867px;left:0;right:0;text-align:center;font-size:20px;color:#405c6b;letter-spacing:1px}.model-caption strong{font-weight:600;color:#126d95}.toolbar{position:absolute;left:58px;right:58px;bottom:49px;height:94px;display:flex;align-items:center;padding:0 28px;gap:24px;border-radius:25px}.view-buttons{display:flex;border:1px solid #bfd0da;background:#d8e4eb60;padding:4px;border-radius:17px}.view-buttons button{border:0;color:#527282;background:transparent;font-size:20px;padding:13px 22px;border-radius:13px}.view-buttons button[aria-pressed=true]{background:linear-gradient(#299bc6,#157bac);color:#fff;box-shadow:0 3px 10px #166c9e22}.divider{height:36px;width:1px;background:#b9cbd5}.toggle{border:0;background:none;display:flex;align-items:center;gap:12px;padding:10px 0;color:#36586d;font-size:20px;white-space:nowrap}.toggle i{width:54px;height:30px;border-radius:20px;background:#bac9d1;position:relative;box-shadow:inset 0 1px 4px #3455681a}.toggle i:after{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;background:white;border-radius:50%;box-shadow:0 2px 4px #45637222;transition:transform .15s}.toggle[aria-checked=true] i{background:linear-gradient(100deg,#1b85b4,#38aacb)}.toggle[aria-checked=true] i:after{transform:translateX(24px)}#reset{display:flex;align-items:center;gap:10px;margin-left:auto;white-space:nowrap;padding:13px 24px;border-radius:25px;font-size:20px;border:1px solid #a9becb;background:#ffffffb3;color:#3d6378}.legend{position:absolute;left:64px;top:796px;display:flex;flex-direction:column;gap:12px;font-size:19px;color:#3f5e70;padding:18px 20px;border-radius:18px;background:#ffffffb0;backdrop-filter:blur(12px)}.legend>div{display:flex;gap:10px;align-items:center}.legend .dot{width:18px;height:18px;display:inline-block;border-radius:50%;border:1px solid #aab9c1;background:radial-gradient(circle at 30% 25%,#fff,#d9e7f3)}.legend .oxygen{background:radial-gradient(circle at 30% 25%,#ff9c9c,#c71d35 60%,#7c1326);border:0}.legend .solid{width:34px;height:5px;border-radius:3px;background:#819aaa}.legend .dashed{width:34px;height:0;border-top:4px dotted #0878b8}.hint{position:absolute;right:70px;top:868px;font-size:17px;color:#5a7380}.footer{position:absolute;left:67px;right:67px;bottom:15px;display:flex;justify-content:space-between;color:#607683;font-size:13px}.failure{position:absolute;left:25%;right:25%;top:40%;background:#fff8f1;padding:35px;color:#713f2b;border-radius:20px;z-index:10;font-size:22px}