:root{color-scheme:dark;--bg:#0b0e14;--panel:#131822;--line:#28303e;--text:#eef1f8;--muted:#9ba5b7;--accent:#b4a4ff;--accent-2:#7865e8;--green:#75d7b1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Microsoft YaHei",sans-serif;font-size:15px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 750px 360px at 18% -8%,#292347 0%,transparent 75%),var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}.hidden{display:none!important}.shell{max-width:1180px;margin:auto;padding:0 32px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:84px;display:flex;align-items:center;border-bottom:1px solid #ffffff0f;gap:24px}.brand{font-weight:750;font-size:17px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#b5a5ff;color:#17112e;font-size:25px;line-height:1}.top-note{color:#737f93;font-size:12px;margin-left:auto}.topbar .text{margin-left:8px}main{flex:1}.hero{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:68px 0 32px}.eyebrow{text-transform:uppercase;color:#bfb2ff;font-size:11px;letter-spacing:.14em;font-weight:750;display:flex;align-items:center;gap:8px}.signal{width:6px;height:6px;border-radius:50%;background:#a493ff;box-shadow:0 0 10px #b9adff}.hero h1,.login-card h1{font-size:36px;letter-spacing:-.035em;margin:13px 0 10px}.muted{color:var(--muted);line-height:1.6;margin:0}.small{font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:11px 16px;cursor:pointer;font-weight:650;transition:background .16s,border-color .16s,color .16s;white-space:nowrap}.button:focus-visible,.icon-button:focus-visible,input:focus-visible{outline:2px solid #ac9fff;outline-offset:3px}.button.primary{color:#19132d;background:#b6a9ff}.button.primary:hover{background:#c8beff}.button.subtle{color:#d9dfea;background:#1b222f;border-color:#303a4a}.button.subtle:hover{background:#253040}.button.text{background:transparent;color:#aab4c4;padding:8px}.button.text:hover{color:#fff}.button.wide{width:100%;justify-content:space-between}.notice{display:flex;gap:13px;align-items:center;padding:15px 18px;color:#c9c4df;background:#211d34;border:1px solid #41395d;border-radius:12px;font-size:13px;line-height:1.6}.notice>span{color:#c0aaff;font-size:18px}.notice strong{color:#ebe7fb}.list-header{display:flex;align-items:center;justify-content:space-between;margin:39px 0 20px}.list-header h2{font-size:17px;margin:0 0 5px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.profile-card{background:linear-gradient(150deg,#171d29,#121720);border:1px solid var(--line);border-radius:15px;padding:20px;min-width:0}.profile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.profile-icon{width:42px;height:42px;display:grid;place-items:center;color:#bdadff;background:#332b4e;border-radius:12px;font-size:20px}.badge{font-size:11px;color:#a6b2c2;border:1px solid #354152;border-radius:30px;padding:5px 9px}.badge.active{color:var(--green);border-color:#347a62;background:#173a31}.profile-name{font-size:18px;margin:0 0 7px}.profile-url{font-size:12px;color:#aab2c1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0}.profile-meta{font-size:12px;color:#768295;margin:18px 0}.profile-actions{display:flex;gap:8px}.profile-actions .button{flex:1;font-size:13px}.revoke{font-size:12px;margin:8px 0 -4px -8px}.empty{text-align:center;border:1px dashed #364050;border-radius:16px;padding:65px 20px;color:var(--muted)}.empty h3{color:#e5e8ef;font-size:17px;margin:15px 0 4px}.empty p{font-size:13px;margin:0 0 20px}.empty-icon{display:grid;place-items:center;margin:auto;border-radius:15px;width:52px;height:52px;background:#242036;color:#b7a6ff;font-size:26px}.login-card{width:min(100%,440px);margin:110px auto;background:#151a24;border:1px solid #303849;border-radius:18px;padding:34px}.login-card h1{font-size:30px}.form-stack{margin-top:28px;display:grid;gap:10px}label{display:block;color:#d4d9e4;font-size:13px;font-weight:650;margin-bottom:7px}input{width:100%;border:1px solid #364052;border-radius:9px;background:#0d121b;color:#eef1f8;outline:none;padding:12px 13px}input::placeholder{color:#68758a}input:focus{border-color:#a595ff}.form-stack button{margin-top:8px}.error{color:#ff9eab;font-size:13px;line-height:1.5;min-height:1em;margin:3px 0}.hint{font-size:12px;color:#8c99ae;line-height:1.6;margin:8px 0 0}footer{display:flex;justify-content:space-between;color:#657184;font-size:12px;border-top:1px solid #ffffff0b;padding:23px 0;margin-top:60px}dialog{background:#171d28;color:var(--text);border:1px solid #394253;border-radius:16px;max-width:min(500px,calc(100vw - 32px));width:100%;padding:0;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#05070bbf;backdrop-filter:blur(3px)}.dialog-body{padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.dialog-head h2{font-size:21px;margin:9px 0 0}.dialog-body>label:not(:first-child){margin-top:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.copy-row{display:flex;gap:8px}.copy-row input{min-width:0}.icon-button{background:transparent;border:0;color:#b7c1d0;cursor:pointer;font-size:22px;line-height:1;padding:7px;border-radius:7px}.icon-button:hover{background:#ffffff0d;color:white}
.viewer-body{background:#0d1016;display:flex;flex-direction:column;height:100vh;overflow:hidden}.viewer-header{height:62px;flex:none;display:flex;align-items:center;padding:0 22px;gap:15px;border-bottom:1px solid #272d37;background:#141922}.viewer-brand{font-size:14px}.viewer-brand .brand-mark{width:29px;height:29px;font-size:21px}.viewer-divider{height:22px;border-left:1px solid #333b48}.viewer-header strong{font-size:13px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection{font-size:11px;color:#8e99a8;display:flex;align-items:center;gap:6px}.connection i{height:6px;width:6px;background:#7c8795;border-radius:50%}.connection.online{color:#8dd9b5}.connection.online i{background:#72d6a8}.viewer-leave{margin-left:auto;font-size:12px;padding:8px 12px}.browser-bar{height:56px;flex:none;display:flex;align-items:center;gap:8px;padding:7px 20px;background:#191f2a;border-bottom:1px solid #2a323f}.browser-bar .icon-button{font-size:20px}.address{height:37px;display:flex;align-items:center;gap:10px;flex:1;background:#10151e;border:1px solid #303a49;border-radius:8px;padding:0 12px;color:#8592a6;min-width:0}.address input{border:0;background:transparent;padding:0;font-size:12px;color:#c1cad8;outline:none;min-width:0}.small-button{padding:8px 10px;font-size:11px}.viewport{position:relative;flex:1;overflow:auto;background:#242833;min-height:0}.viewport #stage{min-width:1280px;min-height:800px}.replayer-wrapper{margin:auto}.replayer-wrapper iframe{pointer-events:auto!important;border:0!important;background:white}.replayer-mouse{display:none!important}.viewer-message{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:#171c25ed;color:#cbd3e0;text-align:center;font-size:13px;padding:20px}.spinner{width:24px;height:24px;border:2px solid #685e93;border-top-color:#c6baff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer-foot{flex:none;padding:7px 20px;background:#141922;color:#758195;font-size:11px;text-align:right}
@media(max-width:650px){.shell{padding:0 20px}.topbar{height:70px}.top-note{display:none}.hero{padding-top:42px;align-items:start;flex-direction:column}.hero h1{font-size:30px}.hero .button{width:100%}.profile-grid{grid-template-columns:1fr}.login-card{margin:60px auto;padding:25px}.viewer-header{padding:0 12px;gap:9px}.viewer-brand span:last-child{display:none}.viewer-divider{display:none}.viewer-header strong{max-width:120px}.browser-bar{padding:7px 10px}.small-button{display:none}footer{gap:10px;font-size:11px}}
.check-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#aeb8c8;font-weight:400;line-height:1.5}.check-label input{width:auto;margin:0;accent-color:#b6a9ff}
.button.danger{color:#cc8d99}.button.danger:hover{color:#ffc0c9}
.advanced{margin-top:16px;color:#b6abd9;font-size:12px}.advanced summary{cursor:pointer}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.field-grid label{margin:0 0 7px}.field-grid input{font-size:12px}
.verification-view{min-width:max-content}.verification-notice{position:sticky;left:0;background:#29243a;color:#e8e2ff;padding:10px 18px;font-size:12px}.verification-view img{display:block;max-width:none;height:auto;cursor:pointer;background:white}