.network-page{--ink:#172033;--muted:#68758b;--line:#e6ebf2;--surface:#fff;--canvas:#f4f7fb;--primary:#4f46e5;--primary-dark:#3730a3;--cyan:#0e7490;max-width:1320px;margin:0 auto;padding:28px 32px 56px;background:var(--canvas);color:var(--ink);min-height:calc(100dvh - 56px);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;box-sizing:border-box}.network-page *{box-sizing:border-box}.network-page.is-loading{opacity:.96}.network-hero{display:flex;align-items:center;gap:18px;padding:26px 30px;border-radius:22px;background:linear-gradient(120deg,#111827 0%,#1e3a5f 56%,#155e75 100%);color:#fff;box-shadow:0 18px 40px rgba(15,23,42,.16)}.network-hero__icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:rgba(45,212,191,.2);border:1px solid rgba(165,243,252,.22);font-size:28px;color:#a5f3fc}.network-hero__copy{min-width:0}.network-eyebrow{display:block;color:#a5f3fc;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.network-eyebrow--dark{color:#64748b}.network-hero h1{margin:5px 0 5px;font-size:26px;letter-spacing:-.02em}.network-hero p{margin:0;color:#cbd5e1;font-size:13px}.network-hero__actions{margin-left:auto;display:flex;align-items:center;gap:12px;flex-shrink:0}.connection-pill,.network-status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#fff1;border:1px solid #ffffff2e;color:#dbeafe;font-size:12px;white-space:nowrap}.connection-pill:before,.network-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#fbbf24}.connection-pill.is-connected:before,.network-status.is-ok:before{background:#34d399}.network-card{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.045)}.network-card__heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px 18px;border-bottom:1px solid var(--line)}.network-card__heading h2{margin:6px 0 0;font-size:19px;letter-spacing:-.01em}.network-card__actions{display:flex;gap:9px;flex-wrap:wrap}.network-button{border:1px solid transparent;border-radius:10px;padding:9px 14px;font:600 13px/1.2 inherit;cursor:pointer;transition:all .16s ease;background:#fff;color:var(--ink)}.network-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px rgba(15,23,42,.1)}.network-button:focus-visible,.network-switch input:focus-visible+ .network-switch__track{outline:3px solid #c7d2fe;outline-offset:2px}.network-button:disabled{cursor:not-allowed;opacity:.5}.network-button--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.network-button--primary:hover:not(:disabled){background:var(--primary-dark)}.network-button--light{background:#ffffff14;border-color:#ffffff3a;color:#fff}.network-button--ghost{background:#fff;border-color:#d6deea;color:#39465b}.network-button--warn{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.network-button--danger{background:#fff;color:#be123c;border-color:#fecdd3}.network-global-card{padding-bottom:24px}.global-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 24px 0}.network-switch{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:15px 17px;border:1px solid #e0e7f0;border-radius:14px;background:#fbfcfe;cursor:pointer;transition:border-color .16s ease,background .16s ease}.network-switch:hover:not(.is-disabled){border-color:#a5b4fc;background:#fafaff}.network-switch.is-disabled{cursor:not-allowed;opacity:.58}.network-switch__copy{display:flex;flex-direction:column;gap:5px;min-width:0}.network-switch__copy strong{font-size:14px}.network-switch__copy small{color:var(--muted);font-size:12px;line-height:1.45}.network-switch input{position:absolute;opacity:0;pointer-events:none}.network-switch__track{position:relative;display:inline-flex;align-items:center;width:44px;height:25px;border-radius:999px;background:#cbd5e1;flex:0 0 auto;transition:background .18s ease}.network-switch__thumb{width:19px;height:19px;margin-left:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0f172a2b;transition:transform .18s ease}.network-switch input:checked+.network-switch__track{background:var(--primary)}.network-switch input:checked+.network-switch__track .network-switch__thumb{transform:translateX(19px)}.network-guide-card{display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;align-items:center;padding:19px 24px;background:linear-gradient(180deg,#fbfdff,#f8fafc)}.network-guide__step{display:flex;flex-direction:column;gap:4px}.network-guide__step b{color:#818cf8;font-size:11px;letter-spacing:.12em}.network-guide__step span{font-size:13px;font-weight:700}.network-guide__step small{color:var(--muted);font-size:11px;line-height:1.5}.network-guide__line{height:1px;background:#cbd5e1;position:relative}.network-guide__line:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #94a3b8;border-right:1px solid #94a3b8;transform:rotate(45deg)}.network-inline-form{display:flex;gap:10px;padding:16px 24px;background:#f8fafc;border-bottom:1px solid var(--line)}.network-inline-form input{flex:1;min-width:0;border:1px solid #d6deea;border-radius:10px;padding:10px 12px;font:14px inherit;color:var(--ink);background:#fff}.network-inline-form input:focus{outline:3px solid #e0e7ff;border-color:#818cf8}.invite-result{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 24px;padding:14px 16px;border:1px solid #bae6fd;border-radius:12px;background:#f0f9ff}.invite-result small{display:block;color:#0369a1;font-size:11px;margin-bottom:4px}.invite-result code{font-size:18px;letter-spacing:.12em;color:#0f172a}.binding-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 24px 24px}.binding-card{border:1px solid #e3e8f0;border-radius:15px;overflow:hidden;background:#fff}.binding-card.is-active{border-color:#d7e4ee}.binding-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 17px 14px;background:linear-gradient(135deg,#fbfdff,#f8fafc);border-bottom:1px solid #edf1f5}.binding-names{display:flex;align-items:center;gap:10px;min-width:0}.studio-node{display:flex;flex-direction:column;gap:3px;min-width:0}.studio-node__eyebrow{font-size:10px;color:#64748b;letter-spacing:.04em}.studio-node strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-node small{color:#94a3b8;font-size:11px}.studio-node--target strong{color:#0f766e}.binding-arrow{color:#94a3b8;font-size:19px}.network-status{padding:5px 9px;background:#ecfdf5;color:#047857;border-color:#bbf7d0}.network-status.is-waiting{background:#fffbeb;color:#a16207;border-color:#fde68a}.network-status.is-waiting:before{background:#f59e0b}.binding-card__body{padding:14px 16px}.binding-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.binding-switch-grid .network-switch{min-height:100px;align-items:flex-start;padding:12px}.binding-switch-grid .network-switch__copy small{font-size:11px}.binding-metrics{display:flex;flex-wrap:wrap;gap:12px;margin-top:13px;padding-top:11px;border-top:1px dashed #e3e8f0;color:#7a8798;font-size:11px}.binding-metrics b{color:#334155;font-size:14px;margin-right:3px}.binding-metrics .has-error,.binding-metrics .has-error b{color:#dc2626}.binding-card__foot{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid #edf1f5;background:#fcfdff}.binding-card__foot .network-button{padding:8px 10px;font-size:12px}.network-empty{grid-column:1/-1;padding:44px 20px;text-align:center;color:var(--muted)}.network-empty strong{display:block;color:#475569;font-size:15px}.network-empty p{margin:8px 0 0;font-size:13px}.network-alert{margin-top:15px;padding:12px 15px;border-radius:11px;font-size:13px}.network-alert--error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.network-footnote{margin:17px 2px 0;color:#8491a4;font-size:12px;line-height:1.6}.network-page button{appearance:none}.network-page input::placeholder{color:#9aa6b7}@media (max-width:980px){.binding-list{grid-template-columns:1fr}.network-hero{align-items:flex-start;flex-wrap:wrap}.network-hero__actions{width:100%;margin-left:72px}.global-switch-grid{grid-template-columns:1fr}}@media (max-width:680px){.network-page{padding:16px 14px 36px}.network-hero{padding:20px;border-radius:17px}.network-hero__actions{margin-left:0;flex-wrap:wrap}.network-card__heading{align-items:flex-start;flex-direction:column;padding:18px}.global-switch-grid,.binding-list{padding-left:18px;padding-right:18px}.network-guide-card{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px}.network-guide__line{width:1px;height:18px;margin-left:8px}.network-guide__line:after{right:auto;left:-3px;top:auto;bottom:0;transform:rotate(135deg)}.binding-names{gap:6px}.binding-switch-grid{grid-template-columns:1fr}.network-inline-form{padding:13px 18px;flex-direction:column}.invite-result{margin-left:18px;margin-right:18px;align-items:flex-start;flex-direction:column}}