/* Added 2026-09-15: official 69yun logo and direct navigation link. */
.topbar .cloud-direct{display:inline-flex;align-items:center;gap:9px;margin-left:auto;margin-right:26px;padding:5px 12px 5px 7px;border:1px solid #c5dfe5;border-radius:9px;background:#fff;color:#17465b;text-decoration:none;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;transition:border-color .15s,box-shadow .15s}
.cloud-direct img{display:block;width:40px;height:36px;object-fit:contain;flex:none}
.cloud-direct-label{display:flex;align-items:center;gap:8px}
.cloud-direct-hint{font-size:11px;font-weight:400;color:#54818d}
.cloud-direct-arrow{font-size:15px;color:#168db0}
.topbar .cloud-direct:hover{border-color:#46a9c1;box-shadow:0 2px 8px #1d7c9914}
.topbar .cloud-direct:focus-visible{outline:3px solid #178aa8;outline-offset:3px}
@media(max-width:640px){.observatory .topbar{height:auto;min-height:76px;flex-wrap:wrap;gap:6px 10px;padding-top:10px;padding-bottom:10px}.topbar .cloud-direct{margin-right:0;padding:4px 9px 4px 5px;gap:6px;font-size:12px}.cloud-direct img{width:32px;height:29px}.cloud-direct-label{gap:6px}.cloud-direct-hint{display:none}.topbar>.connection{width:100%;justify-content:flex-end;font-size:10px}}
@media(prefers-reduced-motion:reduce){.topbar .cloud-direct{transition:none}}