:root{--color-page:oklch(93.3524% .005545 211.039);--color-body:oklch(93.428% .004515 214.329);--color-surface:oklch(100% 0 0);--color-ink:oklch(26.0325% 0 0);--color-route:oklch(49.866% .086089 249.924);--color-success:oklch(73.2195% .18472 137.622);--color-service:oklch(64.4484% .180935 149.207);--color-button-ink:oklch(100% 0 0);--color-shadow:oklch(0% 0 0/.2);--color-dialog-backdrop:oklch(0% 0 0/.4);--color-dialog-surface:oklch(30% 0 0/.8);--color-dialog-text:oklch(82% 0 0);--color-dialog-action:oklch(100% 0 0/.14);--color-focus:oklch(49.866% .086089 249.924);--font-source:Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--text-route-mobile:1.125rem;--text-title:1.375rem;--text-route-desktop:1.375rem;--space-xs:.3125rem;--space-sm:.625rem;--space-md:1.25rem;--space-lg:2.5rem;--space-title-offset:3.125rem;--radius-action:.3125rem;--radius-card:1.25rem;--radius-dialog:1.75rem;--radius-dialog-action:1.5rem;--radius-circle:50%;--card-width-mobile:90%;--card-width-desktop:26.25rem;--action-width:18.75rem;--route-row-height:3rem;--route-row-height-pointer:2.75rem;--route-gap:1rem;--route-gap-pointer:.75rem;--brand-overhang:3.75rem;--shadow-card:0 .125rem .625rem var(--color-shadow);--shadow-dialog:0 .75rem 2.25rem oklch(0% 0 0/.32);--duration-press:.1s;--duration-release:.15s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--z-modal:400}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-body);min-width:320px;overflow-x:clip}body{min-height:100svh;color:var(--color-ink);font-family:var(--font-source);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{min-height:100svh}button,a{font:inherit}button{border:0}.security-page{background:var(--color-page);text-align:center;justify-content:center;align-items:center;width:100%;min-height:100svh;display:flex}.security-card{width:min(var(--card-width-mobile), var(--card-width-desktop));padding-block:var(--space-md);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);font-size:var(--text-route-mobile);position:relative}.brand-round{border-radius:var(--radius-circle);background:var(--color-surface);justify-content:center;align-items:center;width:7.5rem;height:7.5rem;display:flex;position:absolute;inset-block-start:calc(-1 * var(--brand-overhang));inset-inline-start:calc(50% - var(--brand-overhang))}.brand-round img{width:8rem;height:8rem;display:block}.status-title{overflow-wrap:anywhere;color:var(--color-ink);font-size:var(--text-title);margin-block-start:var(--space-sm);padding-block-start:var(--space-title-offset);font-weight:500;line-height:normal}.route-list{height:auto;padding-inline:clamp(var(--space-xs), 3vw, var(--space-md));margin-block:var(--space-md);grid-auto-rows:minmax(var(--route-row-height), auto);align-content:start;row-gap:var(--route-gap);list-style:none;display:grid;overflow:visible}.route-row{grid-template-columns:max-content minmax(0,max-content) 2.75rem;justify-content:center;align-items:center;min-height:0;display:grid}.route-status{color:var(--color-route);text-align:start;flex:none;align-items:center;margin-inline-end:var(--space-xs);font-weight:500;display:flex}.status-icon{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}.status-icon--loading{animation:1s linear infinite status-rotate}.route-status span{white-space:nowrap;margin-inline-start:.5rem;display:inline-block}.route-label{min-width:0;color:var(--color-route);text-align:start;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.route-copy{width:2.75rem;justify-content:flex-end;align-items:center;margin-inline-start:var(--space-xs);display:flex}.icon-button{cursor:pointer;background:0 0;place-items:center;width:2.75rem;height:2.75rem;display:inline-grid;position:relative}.icon-button img{width:1.25rem;height:1.25rem;display:block}.action-button{width:min(var(--action-width), calc(100% - 2.5rem));border-radius:var(--radius-action);height:3.4375rem;color:var(--color-button-ink);font-size:var(--text-title);text-align:center;white-space:nowrap;cursor:pointer;transition:filter var(--duration-release) var(--ease-out), transform var(--duration-release) var(--ease-out);margin-inline:auto;line-height:3.4375rem;text-decoration:none;display:block}.action-button--copy{background:var(--color-success)}.action-button--service{background:var(--color-service);margin-block-start:var(--space-md)}.footer-logo{width:9.375rem;height:auto;margin-block-start:var(--space-md);margin-inline:auto;display:block}.config-state{min-height:15rem}.config-state__message{margin:var(--space-md);color:var(--color-route);line-height:1.6}.copy-dialog{width:min(100% - 3rem,16.5rem);max-height:min(80dvh,40rem);z-index:var(--z-modal);border-radius:var(--radius-dialog);background:var(--color-dialog-surface);color:var(--color-dialog-text);box-shadow:var(--shadow-dialog);-webkit-backdrop-filter:blur(.75rem)saturate(120%);backdrop-filter:blur(.75rem)saturate(120%);text-align:center;border:0;margin:auto;padding:1.75rem 1rem 1.5rem;position:fixed;inset:0}.copy-dialog::backdrop{background:var(--color-dialog-backdrop)}.copy-dialog__message{overflow-wrap:anywhere;text-align:left;margin-inline:.75rem;font-size:.875rem;line-height:1.6}.copy-dialog__confirm{border-radius:var(--radius-dialog-action);background:var(--color-dialog-action);width:100%;min-height:3rem;color:var(--color-button-ink);cursor:pointer;white-space:nowrap;transition:filter var(--duration-release) var(--ease-out), transform var(--duration-release) var(--ease-out);margin-block-start:1.5rem;font-size:1rem}.icon-button:focus-visible,.action-button:focus-visible,.copy-dialog__confirm:focus-visible{outline:.125rem solid var(--color-focus);outline-offset:.1875rem}.icon-button:disabled,.action-button:disabled{opacity:.55;cursor:not-allowed}.icon-button:active,.action-button:active:not(:disabled),.copy-dialog__confirm:active{transition-duration:var(--duration-press);transition-timing-function:var(--ease-in);transform:translateY(.0625rem)}.clipboard-fallback,.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes status-rotate{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.route-list{grid-auto-rows:minmax(var(--route-row-height-pointer), auto);row-gap:var(--route-gap-pointer)}.icon-button:hover,.action-button:hover:not(:disabled),.copy-dialog__confirm:hover{filter:brightness(.96)}}@media (width>=48.0625rem){.security-card{padding-block:var(--space-lg);font-size:var(--text-route-desktop)}.route-list{margin-block:var(--space-lg)}.copy-dialog{width:min(100% - 4rem,22rem)}.copy-dialog__message{font-size:1rem}}@media (width<=48rem){body,#root,.security-page{min-height:100dvh}.security-page{padding-block:var(--space-sm)}.security-card{margin-block-start:var(--brand-overhang)}}@media (width<=48rem) and (height<=40rem){.security-page{align-items:flex-start;padding-block-start:calc(var(--brand-overhang) + var(--space-sm))}.security-card{margin-block-start:0}}@media (prefers-reduced-motion:reduce){.status-icon--loading{animation-duration:3s}.action-button,.icon-button,.copy-dialog__confirm{transition-duration:0s}}