:root{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#18243a;background:#f7f9fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #5146e5;outline-offset:3px}::selection{background:#dfdbff}.hub-header{height:56px;display:flex;align-items:center;gap:16px;padding:0 20px;background:#fff;border-bottom:1px solid #dfe5ef}.hub-brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:#263453;text-decoration:none;white-space:nowrap}.hub-brand svg{color:#5146e5}nav{display:flex;align-items:center;gap:4px;background:#f0f3f9;border:1px solid #e1e6ee;border-radius:24px;padding:3px;margin:auto}nav button{min-height:42px;min-width:120px;padding:8px 24px;border:0;border-radius:21px;background:transparent;color:#536078;font-size:14px;font-weight:650;white-space:nowrap}nav button:hover{color:#4035bd;background:#e7e5f8}nav button[aria-pressed="true"]{color:#4434cf;background:#fff;box-shadow:0 2px 5px #1f2a4410}.hub-reload{display:grid;place-items:center;width:40px;min-height:40px;background:#f6f8fc;color:#536078;border:1px solid #e0e6ef;border-radius:50%}#stage{position:relative;height:calc(100dvh - 56px);height:calc(100vh - 56px);height:calc(100dvh - 56px)}#frameSlot,#frameSlot iframe{display:block;width:100%;height:100%;border:0}#frameSlot{overflow:hidden}.hub-loading{position:absolute;inset:0;background:#f7f9fd;display:flex;align-items:center;justify-content:center;gap:12px;color:#536078;font-size:14px}.hub-loading[hidden],.hub-slow[hidden]{display:none}.hub-spinner{width:20px;height:20px;border:2px solid #dcd8f7;border-top-color:#5146e5;border-radius:50%;animation:spin 1s linear infinite}.hub-slow{position:absolute;inset:12px 16px auto;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;border:1px solid #e4d8ac;border-radius:10px;background:#fff9e9;color:#614b14;font-size:13px;box-shadow:0 4px 12px #493b1510}.hub-slow button,.hub-slow a{border:0;background:transparent;color:#4434cf;padding:6px;text-decoration:underline;text-underline-offset:3px;font:inherit}.hub-slow button{min-height:32px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hub-spinner{animation:none}}@media(max-width:700px){.hub-header{padding:0 8px;gap:7px}.hub-brand{display:none}nav{flex:1;justify-content:space-between;margin:0;padding:3px;gap:0}nav button{min-width:0;flex:1;padding:8px 12px;font-size:14px}.hub-reload{width:36px;min-height:36px;flex-shrink:0}}