@media(max-width:760px) and (max-height:760px){.hub-overline{display:none}.hub-main{padding:8px 0}.hub-content{gap:10px}.display-feature-switch{margin-bottom:10px}.hub-qr{width:232px;height:232px}}
:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#f2f3ef;background:#101211;letter-spacing:0;color-scheme:dark;--gold:#dcc49a;--muted:#b1b7b0;--line:#ffffff24}
*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.hub-background{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:.09;filter:grayscale(.8);pointer-events:none}.hub-shell{position:relative;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:24px 48px}
.hub-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.hub-brand{display:flex;align-items:center;gap:14px;font-size:21px;font-weight:600}.hub-brand img{width:44px;height:44px;object-fit:contain}.hub-brand small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:#bcb8aa}.hub-clock{display:flex;gap:20px;align-items:center;font-size:17px;font-variant-numeric:tabular-nums;color:#c4cbc6}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff30;border-radius:4px;background:transparent;color:inherit;padding:8px}.icon-button svg{width:18px;height:18px}
.hub-main{width:min(100%,1180px);margin:auto;min-width:0;padding:28px 0}.display-feature-switch{display:flex;justify-content:center;gap:8px;max-width:100%;margin:0 auto 38px}.display-feature-switch a{display:flex;align-items:center;gap:10px;justify-content:center;min-height:48px;padding:12px 26px;color:#c1c7c0;border:1px solid #ffffff24;text-decoration:none;border-radius:4px;font-size:14px;white-space:nowrap;background:#10161188}.display-feature-switch a[aria-current=page]{color:#f3dfbd;border-color:#a78b5c;background:#29261d}.display-feature-switch a:hover{border-color:var(--gold)}.display-feature-switch svg{width:19px;height:19px;flex:none}
.hub-content{display:grid;grid-template-columns:440px minmax(0,1fr);gap:90px;align-items:center}.hub-access{text-align:center;min-width:0}.hub-state{display:flex;align-items:center;justify-content:center;gap:9px;color:#a8d1bc;font-size:13px;margin-bottom:22px}.hub-state i{width:6px;height:6px;border-radius:50%;background:#95d7b4}.hub-qr-frame{position:relative;width:max-content;max-width:100%;margin:0 auto;padding:10px;border:1px solid #b99a6645}.hub-qr-frame:before,.hub-qr-frame:after{content:"";position:absolute;width:30px;height:30px;pointer-events:none}.hub-qr-frame:before{top:-1px;left:-1px;border-top:2px solid var(--gold);border-left:2px solid var(--gold)}.hub-qr-frame:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--gold);border-right:2px solid var(--gold)}.hub-qr{width:350px;height:350px;padding:22px;background:#fff;display:grid;place-items:center}.hub-qr canvas,.hub-qr img{display:block;width:100%;height:100%}
.hub-access h2{font-size:21px;font-weight:500;margin:22px 0 9px}.hub-access>p{font-size:14px;color:#b9c2ba;line-height:1.7;margin:0;overflow-wrap:anywhere}.hub-code{display:flex;align-items:center;justify-content:center;gap:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:18px 0 12px}.hub-code span{font-size:13px;color:#c0c5ba}.hub-code strong{font-size:36px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;color:#ecdbbb}.hub-access>small{font-size:12px;color:#909c91}
.hub-intro{border-left:1px solid #d4c29a66;padding:22px 0 22px 38px;min-width:0}.hub-overline{color:var(--gold);font-size:12px;line-height:1.6}.hub-intro h1{font-size:46px;line-height:1.35;font-weight:600;margin:18px 0;color:#f6f4ed;text-wrap:balance}.hub-intro>p{font-size:18px;color:#c0c8bf;line-height:1.8;margin:0}.hub-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px;font-size:14px;color:#bfcabd}.hub-topics span{display:flex;align-items:center;gap:9px}.hub-topics svg{width:17px;height:17px;color:#a6d8c0;flex:none}.hub-context{border-top:1px solid var(--line);padding-top:20px;margin-top:32px;display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:#a9b4a8}
.hub-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.hub-actions button{border:1px solid #ffffff30;background:#1c2821;color:#d0ddcf;display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:4px;font-size:12px}.hub-actions svg{width:15px;height:15px}.primary-button{display:block;margin:14px auto 0;border:1px solid #bda778;border-radius:4px;background:#343022;color:#faf0d8;padding:11px 22px}.hub-footer{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#939e92;font-size:12px}.hub-footer a{color:#d0ddcf;text-decoration:none}
dialog{width:min(600px,calc(100% - 28px));max-height:80dvh;background:#19201b;color:#edf2e9;border:1px solid #6f7a67;border-radius:6px;padding:22px}dialog::backdrop{background:#000b}dialog header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}dialog h2{font-size:19px;margin:0}dialog input{width:100%;background:#111711;color:inherit;border:1px solid #52604f;border-radius:4px;padding:12px}#hubSessionList{max-height:50dvh;overflow:auto;margin-top:12px}.hub-session{padding:14px 0;border-bottom:1px solid var(--line)}.hub-session header{margin:0 0 7px}.hub-session strong{font-size:14px}.hub-session small{display:block;font-size:12px;line-height:1.8;color:#a9bba5;overflow-wrap:anywhere}.hub-session button{background:transparent;border:1px solid #b78080;color:#efbcbc;padding:6px 10px;border-radius:4px}.hub-instance-search{width:100%;background:#16241b;color:white;border:1px solid #5e8068;padding:12px;margin-top:12px}.hub-instances{display:grid;gap:10px;margin-top:12px}.hub-instances button{width:100%;margin:0}
@media(min-width:1001px) and (max-height:850px){.hub-shell{padding:16px 36px}.hub-header{padding-bottom:12px}.hub-brand img{width:38px;height:38px}.hub-main{padding:20px 0}.display-feature-switch{margin-bottom:24px}.hub-content{grid-template-columns:390px minmax(0,1fr);gap:72px}.hub-qr{width:300px;height:300px;padding:20px}.hub-state{margin-bottom:16px}.hub-access h2{margin-top:18px}.hub-code{margin-top:14px;padding:8px 0}.hub-intro h1{font-size:40px}.hub-intro{padding-left:30px}.hub-footer{padding-top:12px}}
@media(min-width:761px) and (max-height:680px){.hub-shell{padding:10px 28px}.hub-header{padding-bottom:9px}.hub-main{padding:12px 0}.display-feature-switch{margin-bottom:16px}.display-feature-switch a{min-height:40px;padding:8px 22px}.hub-qr{width:248px;height:248px;padding:18px}.hub-state{margin-bottom:12px}.hub-access h2{font-size:18px;margin:14px 0 5px}.hub-access>p{font-size:12px}.hub-code{margin:10px 0 8px;padding:6px 0}.hub-code strong{font-size:30px}.hub-footer{padding-top:9px}}
@media(max-width:1000px) and (min-width:761px){.hub-shell{padding:18px 28px}.hub-content{grid-template-columns:350px minmax(0,1fr);gap:34px}.hub-qr{width:280px;height:280px;padding:20px}.hub-intro{padding-left:24px}.hub-intro h1{font-size:32px}.hub-intro>p{font-size:15px}.hub-access h2{font-size:19px}.hub-access>p{font-size:12px}.hub-code strong{font-size:32px}.hub-main{padding:22px 0}.display-feature-switch{margin-bottom:24px}}
@media(max-width:760px){.hub-shell{padding:16px 18px}.hub-header{padding-bottom:12px}.hub-brand{font-size:17px;gap:10px}.hub-brand img{width:34px;height:34px}.hub-brand small{font-size:9px}.hub-clock{gap:10px;font-size:12px}.icon-button{width:32px;height:32px;padding:7px}.hub-main{padding:18px 0}.display-feature-switch{gap:5px;margin-bottom:20px}.display-feature-switch a{flex:1;min-height:40px;padding:9px 6px;gap:5px;font-size:11px}.display-feature-switch svg{width:15px;height:15px}.hub-content{display:flex;flex-direction:column;gap:20px}.hub-intro{order:-1;border:0;padding:0;text-align:center}.hub-intro h1{font-size:27px;margin:8px 0 4px}.hub-intro>p{font-size:13px}.hub-overline{font-size:10px}.hub-topics,.hub-context{display:none}.hub-access{width:100%;max-width:380px}.hub-qr{width:280px;height:280px;padding:20px}.hub-state{font-size:12px;margin-bottom:14px}.hub-access h2{font-size:19px;margin:17px 0 7px}.hub-access>p{font-size:12px}.hub-code{margin:13px 0 10px;padding:8px 0}.hub-code span{font-size:12px}.hub-code strong{font-size:32px}.hub-access>small{font-size:11px}.hub-footer{font-size:10px;flex-wrap:wrap;justify-content:center;padding-top:11px}.hub-footer>span:last-of-type{text-align:center}.hub-actions{margin-top:12px}.hub-actions button{font-size:11px;padding:8px 9px}}
@media(max-width:760px) and (max-height:760px){.hub-shell{padding:12px 16px}.hub-main{padding:12px 0}.display-feature-switch{margin-bottom:14px}.hub-content{gap:14px}.hub-intro h1{font-size:25px;margin:6px 0}.hub-intro>p{display:none}.hub-qr{width:242px;height:242px;padding:18px}.hub-access h2{margin-top:14px}.hub-state{margin-bottom:11px}.hub-code{margin:11px 0 8px;padding:7px 0}.hub-footer{padding-top:9px}}
@media(max-width:760px) and (max-height:650px){.hub-main{padding:9px 0}.hub-qr{width:216px;height:216px;padding:16px}.hub-qr-frame{padding:7px}.hub-intro h1{font-size:23px}.hub-overline{font-size:9px}.hub-code strong{font-size:28px}.display-feature-switch{margin-bottom:10px}.hub-content{gap:10px}.hub-access h2{font-size:17px;margin-top:11px}.hub-access>p{font-size:11px}}

/* Keep the QR code dominant; place confirmation details beside it on large screens. */
.hub-content{width:min(100%,860px);margin:0 auto;grid-template-columns:362px minmax(0,1fr);gap:48px}.hub-qr{width:320px;height:320px;padding:20px}.hub-access>small{display:block;margin-top:18px}.hub-intro{padding:16px 0 16px 38px}.hub-intro h1{font-size:44px;margin:14px 0}.hub-intro>p{font-size:17px}.hub-topics{margin-top:24px;gap:14px}.hub-instructions{margin-top:28px}.hub-instructions h2{font-size:21px;font-weight:500;margin:0 0 9px}.hub-instructions>p{font-size:14px;line-height:1.8;color:#b9c2ba;margin:0}.hub-instructions .hub-code{justify-content:flex-start;margin:18px 0 0;padding:13px 0;gap:30px}.hub-instructions .hub-code strong{font-size:42px}.hub-instructions .hub-actions{justify-content:flex-start}
@media(min-width:1001px) and (max-height:850px){.hub-content{width:min(100%,840px);grid-template-columns:342px minmax(0,1fr);gap:48px}.hub-qr{width:300px;height:300px;padding:19px}.hub-intro h1{font-size:40px}.hub-state{margin-bottom:18px}.hub-instructions{margin-top:24px}}
@media(min-width:761px) and (max-height:680px){.hub-content{width:min(100%,800px);grid-template-columns:322px minmax(0,1fr);gap:36px}.hub-qr{width:280px;height:280px;padding:18px}.hub-intro h1{font-size:34px}.hub-topics{margin-top:20px;gap:12px}.hub-instructions{margin-top:20px}.hub-instructions h2{font-size:18px}.hub-instructions>p{font-size:12px}.hub-instructions .hub-code{margin-top:12px;padding:10px 0}.hub-instructions .hub-code strong{font-size:34px}}
@media(min-width:761px) and (max-width:1000px){.hub-content{width:100%;grid-template-columns:332px minmax(0,1fr);gap:28px}.hub-qr{width:290px;height:290px;padding:20px}.hub-intro{padding-left:24px}.hub-intro h1{font-size:32px}.hub-intro>p{font-size:14px}.hub-topics{font-size:12px;gap:12px}.hub-instructions h2{font-size:18px}.hub-instructions>p{font-size:12px}.hub-instructions .hub-code strong{font-size:34px}}
@media(max-width:760px){.hub-content{gap:12px}.hub-intro{display:contents}.hub-intro>.hub-overline{order:0;text-align:center}.hub-intro>h1{order:1;font-size:27px;text-align:center;margin:0}.hub-intro>p{order:2;font-size:13px;text-align:center;margin:0}.hub-access{order:3;margin-top:6px}.hub-instructions{order:4;width:100%;text-align:center;margin:4px 0 0}.hub-qr{width:280px;height:280px;padding:20px}.hub-access>small{margin-top:12px;font-size:11px}.hub-state{margin-bottom:13px}.hub-instructions h2{font-size:19px;margin-bottom:7px}.hub-instructions>p{font-size:12px}.hub-instructions .hub-code{justify-content:center;padding:8px 0;margin-top:13px;gap:24px}.hub-instructions .hub-code strong{font-size:34px}.hub-instructions .hub-actions{justify-content:center}}
@media(max-width:760px) and (max-height:760px){.hub-intro>h1{font-size:25px}.hub-qr{width:242px;height:242px;padding:18px}.hub-content{gap:8px}.hub-access{margin-top:0}.hub-state{margin-bottom:10px}.hub-access>small{margin-top:8px}.hub-instructions{margin-top:2px}.hub-instructions h2{font-size:18px;margin-bottom:5px}.hub-instructions .hub-code{margin-top:10px;padding:7px 0}.hub-instructions .hub-code strong{font-size:30px}.hub-footer{font-size:9px;gap:8px}.hub-header{padding-bottom:9px}}
@media(max-width:760px) and (max-height:650px){.hub-qr{width:222px;height:222px;padding:16px}.hub-intro>h1{font-size:23px}.hub-instructions h2{font-size:17px}.hub-instructions>p{font-size:11px}.hub-content{gap:7px}.hub-qr-frame{padding:7px}}