:root{--blue:#1456d8;--deep:#0c2147;--ink:#17223b;--muted:#61708d;--line:#dce5f3;--bg:#f5f8fc;--ok:#137a4a;--warn:#a45b00;--danger:#b42318;--white:#fff;--shadow:0 18px 50px rgba(16,42,91,.12)}*{box-sizing:border-box}html{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.shell{max-width:1180px;margin:auto;padding:0 22px}.topbar{background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar .shell{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;color:var(--deep);font-weight:800;font-size:20px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--blue),#43a4ff);color:#fff}.nav{display:flex;align-items:center;gap:16px}.nav form{margin:0}.hero{padding:56px 0 28px}.hero h1{margin:8px 0 10px;font-size:clamp(30px,5vw,52px);line-height:1.08;color:var(--deep)}.hero p{max-width:740px;color:var(--muted);font-size:18px;line-height:1.75}.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--blue);font-weight:800}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.panel{background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:26px}.auth-card{grid-column:4/10;margin:44px 0}.auth-card h1{margin:0 0 8px;color:var(--deep)}.auth-card>p{color:var(--muted)}.field{display:grid;gap:8px;margin:17px 0}.field label{font-weight:700}.field input,.field select{width:100%;border:1px solid #bdc9da;border-radius:11px;padding:12px 13px;font:inherit;background:#fff}.field input:focus,.field select:focus{outline:3px solid rgba(20,86,216,.15);border-color:var(--blue)}.help{font-size:13px;color:var(--muted)}.checkbox{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6}.checkbox input{margin-top:5px}.button{appearance:none;border:0;border-radius:11px;background:var(--blue);color:#fff;padding:11px 17px;font:inherit;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button:hover{filter:brightness(.94);text-decoration:none}.button.secondary{background:#edf3ff;color:var(--blue)}.button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.danger{background:#fff1ef;color:var(--danger)}.button.small{padding:8px 11px;font-size:13px}.button[disabled]{opacity:.55;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.full{width:100%}.alert{border-radius:12px;padding:13px 15px;margin:15px 0;background:#edf5ff;color:#16458e}.alert.error{background:#fff0ee;color:var(--danger)}.alert.success{background:#eaf8f0;color:var(--ok)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 30px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.stat strong{display:block;font-size:28px;color:var(--deep)}.stat span{color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:28px 0 15px}.section-head h2{margin:0;color:var(--deep)}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}.account-top{display:flex;justify-content:space-between;gap:15px}.platform{display:flex;align-items:center;gap:12px}.platform-icon{width:42px;height:42px;border-radius:13px;background:var(--deep);color:#fff;display:grid;place-items:center;font-weight:900}.platform h3{margin:0 0 3px}.platform small{color:var(--muted)}.status{height:max-content;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:800;background:#eef2f8;color:var(--muted)}.status.ready{background:#eaf8f0;color:var(--ok)}.status.active{background:#e9f2ff;color:var(--blue)}.status.expired{background:#fff3e6;color:var(--warn)}.account-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0;color:var(--muted);font-size:14px}.account-meta strong{display:block;color:var(--ink);margin-top:3px}.account .actions form{margin:0}.empty{padding:40px;text-align:center;border:1px dashed #b8c6dc;border-radius:18px;color:var(--muted)}dialog{border:0;border-radius:20px;box-shadow:0 30px 90px rgba(12,33,71,.28);width:min(560px,calc(100% - 30px));padding:0}dialog::backdrop{background:rgba(8,22,48,.55)}.dialog-body{padding:25px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.icon-button{border:0;background:#eef3fa;border-radius:50%;width:36px;height:36px;font-size:22px;cursor:pointer}.browser-shell{height:calc(100vh - 70px);display:grid;grid-template-rows:auto 1fr}.browser-tools{padding:12px 20px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.browser-tools strong{color:var(--deep)}.browser-tools p{margin:3px 0 0;color:var(--muted);font-size:13px}.browser-frame{width:100%;height:100%;border:0;background:#101827}.notice{font-size:13px;color:var(--muted);line-height:1.65}.footer{padding:35px 0;color:var(--muted);font-size:13px}.busy{display:inline-flex;align-items:center;gap:8px}.busy:before{content:"";width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.auth-card{grid-column:1/-1}.stats{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.topbar .shell{min-height:62px}.nav .hide-mobile{display:none}.hero{padding-top:34px}.section-head{align-items:flex-start;flex-direction:column}.account-meta{grid-template-columns:1fr}.browser-tools{align-items:flex-start;flex-direction:column}.browser-shell{height:calc(100vh - 62px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.browser-summary{min-width:320px;flex:1}.remote-text-helper{display:flex;align-items:stretch;gap:8px;max-width:680px;margin-top:9px}.remote-text-helper textarea{flex:1;min-width:280px;max-height:110px;resize:vertical;border:1px solid #bdc9da;border-radius:10px;padding:9px 11px;font:inherit;line-height:1.45;background:#fff}.remote-text-helper textarea:focus{outline:3px solid rgba(20,86,216,.15);border-color:var(--blue)}@media(max-width:760px){.browser-summary{min-width:0;width:100%}.remote-text-helper{width:100%;flex-direction:column}.remote-text-helper textarea{min-width:0;width:100%}}