*,*:before,*:after{box-sizing:border-box}:root{--bg: #f8fafc;--bg-elevated: #ffffff;--bg-card: #ffffff;--bg-muted: #f3f7fa;--border: #e0e6ed;--text: #2d3a4b;--text-muted: #8a99b3;--accent: #5fa8ff;--accent-hover: #3e8ed0;--accent-soft: #e3f0ff;--success: #10b981;--success-soft: rgba(16, 185, 129, .12);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .12);--shadow: 0 2px 12px rgba(80, 120, 200, .07);--radius: 14px;--font-sans: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}html,body,#root{height:100%;overflow:hidden}body{margin:0;font-family:var(--font-sans);color:var(--text);background:linear-gradient(135deg,#f8fafc 60%,#e3f0ff)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.page{width:100%;max-width:1680px;margin:0 auto;padding:20px 32px 24px}.page-fixed{height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}.page-body{flex:1;min-height:0;display:flex;gap:14px;overflow:hidden;align-items:stretch}.page-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.notice-rail{display:none;width:280px;flex-shrink:0;align-self:flex-start;overflow-y:auto;max-height:100%}.notice-rail-panel{padding:0;overflow:hidden;background:linear-gradient(180deg,#f8fbff,#edf4ff)}.notice-rail-header{padding:14px 16px;text-align:center;background:linear-gradient(180deg,#eef5ff,#f8fbff);border-bottom:1px solid rgba(95,168,255,.18)}.notice-rail-title{margin:0;font-size:.95rem;font-weight:700;color:#1d4ed8;letter-spacing:.08em}.notice-rail-list{display:flex;flex-direction:column;gap:10px;padding:12px}.notice-card{display:block;color:inherit;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease,background .2s ease,border-color .2s ease}.notice-card:hover{text-decoration:none;box-shadow:0 6px 20px #5078c81f;transform:translateY(-1px)}.notice-card-nested{padding:14px 12px;border:1px solid rgba(95,168,255,.16);border-radius:10px;background:#ffffffe0;box-shadow:none;transform:none}.notice-card-nested:hover{background:var(--bg-card);border-color:#5fa8ff59;box-shadow:none;transform:none}.notice-card-head{margin-bottom:10px}.notice-card-badge{display:inline-block;margin-bottom:8px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:600;color:var(--accent-hover);background:var(--accent-soft)}.notice-card-title{margin:0;font-size:1rem;font-weight:700;line-height:1.35;color:var(--text)}.notice-card-items{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:6px}.notice-card-items li{position:relative;padding-left:14px;font-size:.86rem;color:var(--text-muted);line-height:1.4}.notice-card-items li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--accent)}.notice-card-cta{display:inline-block;font-size:.84rem;font-weight:600;color:var(--accent-hover)}.notice-card-compact{padding:14px 16px}.notice-card-compact .notice-card-title{font-size:.92rem}.notice-card-compact .notice-card-items li{font-size:.8rem}.notice-float{display:none;position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:40;width:min(300px,calc(100vw - 28px));box-shadow:0 8px 28px #5078c82e}.notice-float-toolbar{display:flex;justify-content:flex-end;gap:6px;margin-bottom:6px}.notice-float-btn{border:0;padding:4px 10px;border-radius:999px;font-size:.75rem;color:var(--text-muted);background:var(--bg-elevated);box-shadow:var(--shadow);cursor:pointer}.notice-float-tab{display:none;position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:40;border:0;padding:10px 16px;border-radius:999px;font-size:.86rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #2563eb73;cursor:pointer}.notice-float-tab:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.work-area{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;overflow:hidden}.results-section{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0!important}.client-ip-bar{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;padding:14px 20px;margin-bottom:14px;flex-shrink:0}.client-ip-item{display:inline-flex;align-items:baseline;gap:10px}.client-ip-item em{font-style:normal;color:var(--text-muted);font-size:.84rem}.client-ip-item strong{font-size:.95rem}.client-ip-loading{color:var(--text-muted);font-size:.9rem}.client-ip-meta{display:contents}@media (min-width: 769px){.client-ip-bar--ipv6{flex-direction:row;align-items:center}.client-ip-bar--ipv6 .client-ip-ip{flex-direction:row;align-items:baseline;width:auto}.client-ip-bar--ipv6 .client-ip-ip strong{font-size:.95rem;line-height:normal;word-break:normal;width:auto}.client-ip-bar--ipv6 .client-ip-meta{display:contents}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-shrink:0}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#5fa8ff,#8fd6ff);box-shadow:0 4px 12px #5fa8ff59;font-weight:700;color:#fff}.brand h1{margin:0;font-size:1.35rem;letter-spacing:.02em}.brand p{margin:4px 0 0;color:var(--text-muted);font-size:.92rem}.topbar-nav{display:flex;gap:10px}.ghost-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:var(--accent-soft);color:var(--text)}.ghost-link:hover{background:#d0e4ff;text-decoration:none}.hero-card,.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:22px;margin-bottom:18px}.hero-card h2{margin:0 0 8px;font-size:1.15rem}.hero-card p{margin:0;color:var(--text-muted);line-height:1.6}.main-panel{flex-shrink:0;margin-bottom:0}@media (min-width: 768px){.notice-rail{display:block}.notice-float,.notice-float-tab{display:none!important}.main-panel,.results-section{width:100%}.panel{padding:18px 22px}.textarea{min-height:min(300px,33vh);height:min(30vh,33vh);max-height:33vh;font-size:.9rem}.results th,.results td{padding:14px 18px;font-size:.92rem}.col-idx{width:48px}.col-proxy{min-width:320px}.col-protocol{min-width:130px}.col-status{width:88px}.col-ip{min-width:140px}.col-country,.col-city{min-width:120px}}.panel{padding:18px}.notice-rail-panel.panel{padding:0;background:linear-gradient(180deg,#f8fbff,#edf4ff)}.panel-title{margin:0 0 14px;font-size:.95rem;color:var(--text-muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.tabs{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:var(--bg-muted);border:1px solid var(--border);margin-bottom:16px}.tab-btn{border:0;background:transparent;color:var(--text-muted);padding:10px 16px;border-radius:999px;cursor:pointer;font:inherit;transition:.2s ease}.tab-btn.active{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px #5fa8ff73}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.field{display:flex;flex-direction:column;gap:6px}.field label,.field span{font-size:.84rem;color:var(--text-muted)}.field select,.textarea,.input-inline{width:100%;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:10px;padding:11px 12px;font:inherit}.textarea{min-height:min(100px,33vh);height:min(22vh,33vh);max-height:33vh;resize:vertical;font-family:var(--font-mono);font-size:.88rem;line-height:1.55}.textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5fa8ff33}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}.primary-btn{border:0;border-radius:10px;padding:12px 18px;font:inherit;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(90deg,#5fa8ff 60%,#8fd6ff);box-shadow:0 2px 8px #5078c826}.primary-btn:hover:not(:disabled){background:linear-gradient(90deg,#3e8ed0 60%,#7ccfff)}.primary-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.secondary-btn{border:1px solid #d0e4ff;border-radius:10px;padding:12px 18px;font:inherit;font-weight:600;color:var(--text);cursor:pointer;background:var(--accent-soft);transition:.2s ease}.secondary-btn:hover:not(:disabled){background:#d0e4ff}.secondary-btn:disabled{opacity:.45;cursor:not-allowed}.mobile-only-btn{display:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font-size:.82rem;color:var(--text-muted);background:var(--bg-muted);border:1px solid var(--border)}.chip strong{color:var(--text)}.alert{margin-top:14px;padding:12px 14px;border-radius:10px;border:1px solid rgba(239,68,68,.25);background:var(--danger-soft);color:#dc2626;font-size:.92rem}.side-list{display:grid;gap:10px}.side-item{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-muted)}.side-item strong{display:block;margin-bottom:4px}.side-item span{color:var(--text-muted);font-size:.88rem}.results-scroll{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.results-cards{display:none}.result-card{padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated)}.result-card+.result-card{margin-top:0}.result-card-row{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:10px 12px;align-items:start;padding:7px 0;border-bottom:1px solid var(--border)}.result-card-row:last-of-type{border-bottom:0}.result-card-label{color:var(--text-muted);font-size:.84rem;flex-shrink:0}.result-card-label:after{content:"："}.result-card-value{font-size:.9rem;word-break:break-word}.result-card-value.mono{font-family:var(--font-mono);font-size:.82rem}.result-card-error{margin-top:10px;padding:10px 12px;border-radius:8px;font-size:.82rem;line-height:1.5;color:#dc2626;background:var(--danger-soft);border:1px solid rgba(239,68,68,.2)}.results{width:100%;table-layout:auto;border-collapse:separate;border-spacing:0}.results thead th{position:sticky;top:0;z-index:2;background:#f3f7fa;box-shadow:0 1px 0 var(--border)}.results-empty{margin:0;height:100%;display:flex;align-items:center;justify-content:center}.results-section .results-scroll{border-radius:0 0 var(--radius) var(--radius)}.results-section .results{border:none;border-radius:0}.results thead{background:linear-gradient(90deg,#e3f0ff 60%,#f8fafc)}.results th,.results td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:.88rem}.results .col-protocol,.results .col-status,.results .col-ip,.results .col-country,.results .col-city{text-align:center}.results tbody tr:last-child td{border-bottom:0}.results tbody tr:hover{background:#5fa8ff0f}.results .col-proxy{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results td.col-proxy.mono{word-break:normal}.mono{font-family:var(--font-mono);font-size:.8rem;word-break:break-all}.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:.78rem;font-weight:600;text-transform:capitalize}.badge.ok{color:#059669;background:var(--success-soft)}.badge.error{color:#dc2626;background:var(--danger-soft)}.badge.pending,.badge.testing{color:#d97706;background:var(--warning-soft)}.badge.up{color:#059669;background:var(--success-soft)}.badge.down,.badge.degraded{color:#dc2626;background:var(--danger-soft)}.node-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.node-card{padding:16px 18px;display:flex;flex-direction:column;gap:14px}.node-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.node-card-title h3{margin:0 0 4px;font-size:1rem;font-weight:700;line-height:1.35}.node-card-region{font-size:.84rem;color:var(--text-muted)}.node-card-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.node-metric{display:inline-flex;align-items:baseline;gap:8px;margin-right:4px}.node-metric em{font-style:normal;font-size:.82rem;color:var(--text-muted)}.node-metric strong{font-size:.92rem}.node-cap{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.76rem;font-weight:600}.node-cap.ok{color:#059669;background:var(--success-soft)}.node-cap.off{color:var(--text-muted);background:var(--bg-muted)}.node-card-details{margin:0;padding-top:12px;border-top:1px solid var(--border)}.node-detail-row{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:10px;padding:6px 0}.node-detail-row dt{margin:0;font-size:.82rem;color:var(--text-muted)}.node-detail-row dd{margin:0;font-size:.88rem;word-break:break-word}.node-empty{padding:28px 20px;text-align:center;color:var(--text-muted)}.applicable-tag{display:inline-block;padding:5px 10px;border-radius:8px;font-size:.8rem;font-weight:600;white-space:nowrap}.applicable-both{color:#059669;background:#10b9811f;border:1px solid rgba(16,185,129,.3)}.applicable-socks{color:#2563eb;background:#5fa8ff26;border:1px solid rgba(95,168,255,.35)}.applicable-http{color:#d97706;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3)}.applicable-none{color:#64748b;background:var(--bg-muted);border:1px solid var(--border)}.empty{padding:28px;text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:12px}.footer-note{margin-top:18px;color:var(--text-muted);font-size:.84rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0f172a73}.modal-panel{width:min(100%,420px);padding:22px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow)}.modal-title{margin:0 0 8px;font-size:1.1rem}.modal-desc{margin:0 0 16px;color:var(--text-muted);font-size:.9rem;line-height:1.55}.modal-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.modal-field span{font-size:.86rem;color:var(--text-muted)}.modal-protocol{margin:0 0 18px;padding:12px 14px;border:1px solid var(--border);border-radius:10px}.modal-protocol legend{padding:0 6px;font-size:.84rem;color:var(--text-muted)}.modal-radio{display:inline-flex;align-items:center;gap:8px;margin-right:18px;font-size:.92rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px}@media (max-width: 767px){.page-body{flex-direction:column;overflow:visible}.page-content{overflow:visible}.notice-float,.notice-float-tab{display:block}}@media (max-width: 768px){html,body,#root{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-fixed{height:auto;min-height:100dvh;max-height:none;overflow:visible}.page-body,.page-content{flex:none;overflow:visible}.work-area{flex:none;overflow:visible;gap:24px}.main-panel{flex-shrink:0}.results-section{flex:none;display:flex;flex-direction:column;height:min(58dvh,520px);min-height:280px;max-height:min(58dvh,520px);margin-top:4px;overflow:hidden}.results-scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0}.results-cards{display:grid;gap:12px;padding:12px 14px 16px}.results-table{display:none}.page{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.textarea,.input-inline,.field select{font-size:16px}.mobile-only-btn{display:inline-flex;align-items:center;justify-content:center;width:100%}.client-ip-bar--ipv6{flex-direction:column;align-items:stretch;gap:10px}.client-ip-bar--ipv6 .client-ip-ip{flex-direction:column;align-items:flex-start;gap:4px;width:100%}.client-ip-bar--ipv6 .client-ip-ip strong{width:100%;font-size:.84rem;line-height:1.45;word-break:break-all}.client-ip-bar--ipv6 .client-ip-meta{display:flex;flex-wrap:wrap;gap:10px 18px}.node-grid{grid-template-columns:1fr;gap:12px}.node-card{padding:14px 16px}.results-empty{height:100%;min-height:120px;padding:24px 16px}.results thead th{position:static}}@media (max-width: 640px){.page{padding:16px 14px calc(80px + env(safe-area-inset-bottom,0px))}.topbar{flex-direction:column;align-items:flex-start;margin-bottom:20px}.brand h1{font-size:1.15rem}.brand p{font-size:.84rem}.hero-card{padding:16px}.hero-card h2{font-size:1rem}.tabs{display:flex;width:100%}.tab-btn{flex:1;padding:10px 8px;font-size:.88rem}.textarea{min-height:min(100px,33vh);height:min(22vh,33vh);max-height:33vh}.toolbar{flex-direction:column;align-items:stretch}.primary-btn,.secondary-btn{width:100%;text-align:center}.chip{justify-content:center}.modal-actions{flex-direction:column;align-items:stretch}.results th,.results td{padding:10px;font-size:.8rem}}