:root{--oc-ico-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.8 8.3 7 10.5 11.2 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--oc-ico-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5 10.5 10.5 M10.5 5.5 5.5 10.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.oc .oc-icon-check,.oc .oc-icon-cross,.oc .addr-proxy.on:before,.oc .addr-proxy.off:before,.oc .guide-pop-body .guide-tip:before{background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.oc .oc-icon-check,.oc .addr-proxy.on:before,.oc .guide-pop-body .guide-tip:before{background-image:var(--oc-ico-check)}.oc .oc-icon-cross,.oc .addr-proxy.off:before{background-image:var(--oc-ico-cross)}@font-face{font-family:Twemoji Mozilla;src:url(/luci-static/resources/openclash/fonts/TwemojiMozilla-flags.woff2)format("woff2")}.oc{--bg-white:#fff;--bg-light:#f8fafc;--bg-gray:#f1f5f9;--text-primary:#374151;--text-secondary:#64748b;--text-title:#4d4d4d;--primary-color:#3b82f6;--success-color:#059669;--success-dark:#047857;--info-color:#3b82f6;--debug-color:#6b7280;--tip-color:#f59e0b;--error-color:#dc2626;--warning-color:#f0b;--watchdog-color:#b300ff;--fatal-color:#991b1b;--primary-a5:rgba(59,130,246,.05);--primary-a10:rgba(59,130,246,.1);--primary-a20:rgba(59,130,246,.2);--primary-a30:rgba(59,130,246,.3);--primary-a40:rgba(59,130,246,.4);--primary-a50:rgba(59,130,246,.5);--primary-a60:rgba(59,130,246,.6);--success-a5:rgba(5,150,105,.05);--success-a10:rgba(5,150,105,.1);--success-a20:rgba(5,150,105,.2);--success-a50:rgba(5,150,105,.5);--warning-a10:rgba(245,158,11,.1);--error-a10:rgba(220,38,38,.1);--error-a12:rgba(255,80,80,.12);--error-a18:rgba(255,80,80,.18);--error-a20:rgba(220,38,38,.2);--error-a50:rgba(220,38,38,.5);--violet:#7c3aed;--violet-a15:rgba(124,58,237,.15);--violet-light:#c4b5fd;--violet-a25:rgba(139,92,246,.25);--green-50:#d1fae5;--green-200:#a7f3d0;--green-800:#065f46;--red-50:#fee2e2;--red-200:#fecaca;--red-800:#991b1b;--blue-50:#dbeafe;--blue-200:#bfdbfe;--blue-800:#1e40af;--border-color:#b1b1b1;--border-light:#e2e8f0;--hover-bg:#f3f4f6;--select-hover:#ebebeb;--text-on-primary:#fff;--btn-primary-hover:#2563eb;--switch-off-bg:#e5e7eb;--switch-knob-bg:#fff;--switch-knob-shadow:0 1px 2px rgba(0,0,0,.2);--announcement-end:#1d4ed8;--announcement-icon-bg:rgba(255,255,255,.1);--overlay-bg:rgba(0,0,0,.5);--editor-bg:#f5f5f5;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--radius-sm:6px;--radius-md:6px;--radius-lg:8px;--transition-fast:.15s ease;--transition-normal:.3s ease;--control-height:32px;--card-padding:6px 8px;--card-outer-padding:12px;--section-gap:12px;--card-grid-gap:8px;--card-item-min-height:100px;--content-gap:10px;--tight-gap:6px;--version-right:8px;--card-title-size:15px;--card-title-size-sm:12px;--row-1-height:160px;--row-2-height:140px;--row-3-height:140px;--row-4-height:280px;--stripe-color:rgba(255,255,255,.24);--stripe-opacity:.5;--stripe-size:40px;--magenta:#b53cf1;--magenta-a15:rgba(181,60,241,.15);--magenta-bright:#f0b;--magenta-bright-a15:rgba(255,0,187,.15);--black:#000;--orange:#ff6b00;--orange-a15:rgba(255,107,0,.15);--blue:#00f;--teal:#25b5b8;--teal-a15:rgba(37,181,184,.15);--red:red;--red-a15:rgba(255,0,0,.15);--azure:#0062ff;--azure-a15:rgba(0,98,255,.15);--amber:#ffa700;--amber-a15:rgba(255,167,0,.15);--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-a28:rgba(59,130,246,.28);--card-bg-start:#f8f8f8;--card-btn-bg:#1473e6;--card-accent:var(--primary-color);--card-shadow:0 8px 16px -8px rgba(0,0,0,.4);--green-pale:#9edd9e;--peach-pale:#ffc99f;--pink-pale:#ffb9b9;--slate-a80:rgba(17,24,39,.8);--white-a90:rgba(255,255,255,.9);--black-a10:rgba(0,0,0,.1);--indigo:#667eea;--grape:#764ba2;--pink-light:#f093fb;--coral:#f5576c;--slate-500:#657183;--slate-400:#6c83c5;--slate-200:#dfdfdf;--slate-100:#ededed;--radio-hover-bg:#f0f6ff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-150:#e9ecf1;--gray-200:#e2e8f0;--gray-400:#94a3b8;--debug-bg:#404040;--divider:#eee;--scrollbar-thumb:#888;--scrollbar-thumb-hover:#555;--cm-placeholder:rgba(128,128,128,.5);--mask-opaque:#000;font-family:Microsoft Yahei,"sans-serif",Helvetica Neue,Helvetica,Hiragino Sans GB,Twemoji Mozilla}html[data-darkmode=true] .oc{--bg-white:#1f2937;--bg-light:#374151;--bg-gray:#4b5563;--text-primary:#ebebeb;--text-secondary:#d0cfcf;--text-title:#e5e7eb;--border-color:#939393;--border-light:#6b7280;--hover-bg:#374151;--select-hover:#ebebeb;--primary-color:#3b82f6;--success-color:#34d399;--success-dark:#10b981;--info-color:#3b82f6;--debug-color:#9ca3af;--tip-color:#f9bb51;--error-color:#ff7070;--warning-color:#fa41c8;--watchdog-color:#c147f5;--fatal-color:#f87171;--green-50:rgba(52,211,153,.4);--green-800:#6ee7b7;--green-200:rgba(52,211,153,.4);--red-50:rgba(255,112,112,.4);--red-800:#fca5a5;--red-200:rgba(255,112,112,.4);--blue-50:rgba(96,165,250,.4);--blue-800:#93c5fd;--blue-200:rgba(96,165,250,.4);--stripe-color:rgba(0,0,0,.255);--stripe-opacity:.8;--text-on-primary:#fff;--btn-primary-hover:#2563eb;--switch-off-bg:#6b7280;--switch-knob-bg:#f9fafb;--switch-knob-shadow:0 1px 2px rgba(0,0,0,.2);--announcement-end:#3555bf;--announcement-icon-bg:rgba(255,255,255,.1);--overlay-bg:rgba(0,0,0,.5);--editor-bg:#1f2937;--primary-a5:rgba(96,165,250,.05);--primary-a10:rgba(96,165,250,.1);--primary-a20:rgba(96,165,250,.2);--primary-a30:rgba(96,165,250,.3);--primary-a40:rgba(96,165,250,.4);--primary-a50:rgba(96,165,250,.5);--primary-a60:rgba(96,165,250,.6);--primary-bright:#60a5fa;--primary-soft:#93c5fd;--success-a5:rgba(52,211,153,.05);--success-a10:rgba(52,211,153,.1);--success-a20:rgba(52,211,153,.2);--success-a50:rgba(52,211,153,.5);--warning-a10:rgba(250,65,200,.1);--error-a10:rgba(255,112,112,.1);--error-a12:rgba(255,80,80,.12);--error-a18:rgba(255,80,80,.18);--error-a20:rgba(255,80,80,.2);--error-a50:rgba(255,80,80,.5);--violet:#8b5cf6;--violet-a15:rgba(139,92,246,.2);--violet-light:#c4b5fd;--cm-placeholder:rgba(255,255,255,.25);--slate-a80:rgba(249,250,251,.8);--white-a90:rgba(31,41,55,.9);--black-a10:rgba(107,114,128,.3);--indigo:#818cf8;--grape:#a78bfa;--pink-light:#f0abfc;--coral:#fb7185;--magenta:#c655ff;--magenta-a15:rgba(198,85,255,.2);--black:#fff;--orange:#ff6f00;--orange-a15:rgba(255,111,0,.2);--blue:#82aaff;--teal:#31edf0;--teal-a15:rgba(49,237,240,.2);--magenta-bright:#f6c;--magenta-bright-a15:rgba(255,102,204,.2);--red:red;--red-a15:rgba(255,0,0,.2);--azure:#287bff;--azure-a15:rgba(40,123,255,.2);--amber:#ffb833;--amber-a15:rgba(255,184,51,.15);--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-a28:rgba(59,130,246,.28);--violet-a25:rgba(139,92,246,.25);--card-bg-start:#3b4252;--card-btn-bg:#5a7bb5;--card-accent:var(--primary-color);--card-shadow:0 8px 16px -8px rgba(0,0,0,.6);--slate-500:#657183;--slate-400:#6c83c5;--slate-200:#e2e8f0;--divider:#eee;--scrollbar-thumb:#6b7280;--scrollbar-thumb-hover:#9ca3af;--green-pale:#5da05d;--peach-pale:#cc8550;--pink-pale:#cc6262;--green-muted:#5da05d;--peach-muted:#cc8550;--pink-muted:#cc6262;--gray-50:#e2e8f0;--gray-100:#cbd5e1;--gray-150:#b7c2cf;--gray-200:#94a3b8;--gray-400:#9ca3af;--debug-bg:#1a1a1a;--radio-hover-bg:#1e3a5f;--tab-text-dark:#a1a1aa;--tab-hover-dark-bg:#22304a}html[data-oc-theme] .oc{--hover-bg:var(--bg-gray)}html[data-oc-theme=cyan] .oc{--bg-white:#fff;--bg-light:#f4f7fa;--bg-gray:#e8eef3;--text-primary:#22303c;--text-secondary:#5f7280;--text-title:#1b2733;--primary-color:#0e7490;--btn-primary-hover:#155e75;--text-on-primary:#fff;--announcement-end:#155e75;--border-light:#d5dee6;--switch-off-bg:#dfe6ec;--radio-hover-bg:var(--primary-a10);--primary-a5:rgba(14,116,144,.05);--primary-a10:rgba(14,116,144,.1);--primary-a20:rgba(14,116,144,.2);--primary-a30:rgba(14,116,144,.3);--primary-a40:rgba(14,116,144,.4);--primary-a50:rgba(14,116,144,.5);--primary-a60:rgba(14,116,144,.6)}html[data-darkmode=true][data-oc-theme=cyan] .oc{--bg-white:#0f1720;--bg-light:#16202a;--bg-gray:#1f2c38;--text-primary:#e7eef4;--text-secondary:#9db0bf;--text-title:#dfe8ee;--primary-color:#22d3ee;--btn-primary-hover:#06b6d4;--text-on-primary:#fff;--announcement-end:#0e7490;--border-light:#2a3844;--switch-off-bg:#33434f;--radio-hover-bg:var(--primary-a20);--tab-text-dark:#9db0bf;--tab-hover-dark-bg:#1f2c38;--primary-a5:rgba(34,211,238,.05);--primary-a10:rgba(34,211,238,.1);--primary-a20:rgba(34,211,238,.2);--primary-a30:rgba(34,211,238,.3);--primary-a40:rgba(34,211,238,.4);--primary-a50:rgba(34,211,238,.5);--primary-a60:rgba(34,211,238,.6);--primary-bright:#22d3ee;--primary-soft:#67e8f9}html[data-oc-theme=indigo] .oc{--bg-white:#fff;--bg-light:#f6f6fa;--bg-gray:#ecebf3;--text-primary:#2b2b3a;--text-secondary:#605f74;--text-title:#232331;--primary-color:#4f46e5;--btn-primary-hover:#4338ca;--text-on-primary:#fff;--announcement-end:#3730a3;--border-light:#deddf0;--switch-off-bg:#e4e3ef;--radio-hover-bg:var(--primary-a10);--primary-a5:rgba(79,70,229,.05);--primary-a10:rgba(79,70,229,.1);--primary-a20:rgba(79,70,229,.2);--primary-a30:rgba(79,70,229,.3);--primary-a40:rgba(79,70,229,.4);--primary-a50:rgba(79,70,229,.5);--primary-a60:rgba(79,70,229,.6)}html[data-darkmode=true][data-oc-theme=indigo] .oc{--bg-white:#14151f;--bg-light:#1c1d2b;--bg-gray:#262838;--text-primary:#e8e8f2;--text-secondary:#a3a3b8;--text-title:#dfdff0;--primary-color:#818cf8;--btn-primary-hover:#6366f1;--text-on-primary:#fff;--announcement-end:#4f46e5;--border-light:#33344a;--switch-off-bg:#3a3b52;--radio-hover-bg:var(--primary-a20);--tab-text-dark:#a3a3b8;--tab-hover-dark-bg:#262838;--primary-a5:rgba(129,140,248,.05);--primary-a10:rgba(129,140,248,.1);--primary-a20:rgba(129,140,248,.2);--primary-a30:rgba(129,140,248,.3);--primary-a40:rgba(129,140,248,.4);--primary-a50:rgba(129,140,248,.5);--primary-a60:rgba(129,140,248,.6);--primary-bright:#818cf8;--primary-soft:#a5b4fc}html[data-oc-theme=graphite] .oc{--bg-white:#fff;--bg-light:#f7f8f9;--bg-gray:#ecedef;--text-primary:#26292e;--text-secondary:#5c6167;--text-title:#1f2226;--primary-color:#374151;--btn-primary-hover:#1f2937;--text-on-primary:#fff;--announcement-end:#111827;--border-light:#dcdfe3;--switch-off-bg:#e4e6e9;--radio-hover-bg:var(--primary-a10);--primary-a5:rgba(55,65,81,.05);--primary-a10:rgba(55,65,81,.1);--primary-a20:rgba(55,65,81,.2);--primary-a30:rgba(55,65,81,.3);--primary-a40:rgba(55,65,81,.4);--primary-a50:rgba(55,65,81,.5);--primary-a60:rgba(55,65,81,.6)}html[data-darkmode=true][data-oc-theme=graphite] .oc{--bg-white:#1a1c1f;--bg-light:#232529;--bg-gray:#2c2f34;--text-primary:#e9eaec;--text-secondary:#a6a9ad;--text-title:#eff0f1;--primary-color:#9ca3af;--btn-primary-hover:#d1d5db;--text-on-primary:#fff;--announcement-end:#374151;--border-light:#3a3d42;--switch-off-bg:#3f4348;--radio-hover-bg:var(--primary-a20);--tab-text-dark:#a6a9ad;--tab-hover-dark-bg:#2c2f34;--primary-a5:rgba(156,163,175,.05);--primary-a10:rgba(156,163,175,.1);--primary-a20:rgba(156,163,175,.2);--primary-a30:rgba(156,163,175,.3);--primary-a40:rgba(156,163,175,.4);--primary-a50:rgba(156,163,175,.5);--primary-a60:rgba(156,163,175,.6);--primary-bright:#9ca3af;--primary-soft:#d1d5db}html[data-oc-theme=amber] .oc{--bg-white:#fff;--bg-light:#faf7f2;--bg-gray:#f2ede4;--text-primary:#302a22;--text-secondary:#6d6558;--text-title:#26211a;--primary-color:#b45309;--btn-primary-hover:#92400e;--text-on-primary:#fff;--announcement-end:#92400e;--border-light:#e6ddd0;--switch-off-bg:#ece4d6;--radio-hover-bg:var(--primary-a10);--tip-color:#eab308;--primary-a5:rgba(180,83,9,.05);--primary-a10:rgba(180,83,9,.1);--primary-a20:rgba(180,83,9,.2);--primary-a30:rgba(180,83,9,.3);--primary-a40:rgba(180,83,9,.4);--primary-a50:rgba(180,83,9,.5);--primary-a60:rgba(180,83,9,.6)}html[data-darkmode=true][data-oc-theme=amber] .oc{--bg-white:#191714;--bg-light:#221f1a;--bg-gray:#2c2822;--text-primary:#ece7df;--text-secondary:#b0a795;--text-title:#f0ebe2;--primary-color:#f59e0b;--btn-primary-hover:#d97706;--text-on-primary:#fff;--announcement-end:#b45309;--border-light:#3b352c;--switch-off-bg:#453f34;--radio-hover-bg:var(--primary-a20);--tab-text-dark:#b0a795;--tab-hover-dark-bg:#2c2822;--tip-color:#fbbf24;--primary-a5:rgba(245,158,11,.05);--primary-a10:rgba(245,158,11,.1);--primary-a20:rgba(245,158,11,.2);--primary-a30:rgba(245,158,11,.3);--primary-a40:rgba(245,158,11,.4);--primary-a50:rgba(245,158,11,.5);--primary-a60:rgba(245,158,11,.6);--primary-bright:#f59e0b;--primary-soft:#fcd34d}html[data-oc-theme=imperial] .oc{--bg-white:#fff;--bg-light:#f8f7fb;--bg-gray:#efecf6;--text-primary:#2a2430;--text-secondary:#6b6475;--text-title:#221c2a;--primary-color:#6a0dad;--btn-primary-hover:#54098a;--text-on-primary:#fff;--announcement-end:#4a0a79;--border-light:#e3dfec;--switch-off-bg:#e8e4f0;--radio-hover-bg:var(--primary-a10);--primary-a5:rgba(106,13,173,.05);--primary-a10:rgba(106,13,173,.1);--primary-a20:rgba(106,13,173,.2);--primary-a30:rgba(106,13,173,.3);--primary-a40:rgba(106,13,173,.4);--primary-a50:rgba(106,13,173,.5);--primary-a60:rgba(106,13,173,.6)}html[data-darkmode=true][data-oc-theme=imperial] .oc{--bg-white:#1a1422;--bg-light:#221a2e;--bg-gray:#2c2238;--text-primary:#ede9f4;--text-secondary:#aba0bc;--text-title:#e6e0f0;--primary-color:#c084fc;--btn-primary-hover:#a855f7;--text-on-primary:#fff;--announcement-end:#6a0dad;--border-light:#3a2f4a;--switch-off-bg:#453a56;--radio-hover-bg:var(--primary-a20);--tab-text-dark:#aba0bc;--tab-hover-dark-bg:#2c2238;--primary-a5:rgba(192,132,252,.05);--primary-a10:rgba(192,132,252,.1);--primary-a20:rgba(192,132,252,.2);--primary-a30:rgba(192,132,252,.3);--primary-a40:rgba(192,132,252,.4);--primary-a50:rgba(192,132,252,.5);--primary-a60:rgba(192,132,252,.6);--primary-bright:#c084fc;--primary-soft:#d8b4fe}html[data-oc-theme=rose] .oc{--bg-white:#fff;--bg-light:#fbf7f9;--bg-gray:#f3ecf0;--text-primary:#302028;--text-secondary:#6e5f68;--text-title:#271a21;--primary-color:#d6256a;--btn-primary-hover:#b81f5a;--text-on-primary:#fff;--announcement-end:#a81450;--border-light:#eadce3;--switch-off-bg:#eee2e8;--radio-hover-bg:var(--primary-a10);--primary-a5:rgba(214,37,106,.05);--primary-a10:rgba(214,37,106,.1);--primary-a20:rgba(214,37,106,.2);--primary-a30:rgba(214,37,106,.3);--primary-a40:rgba(214,37,106,.4);--primary-a50:rgba(214,37,106,.5);--primary-a60:rgba(214,37,106,.6)}html[data-darkmode=true][data-oc-theme=rose] .oc{--bg-white:#1e1519;--bg-light:#281c21;--bg-gray:#33242b;--text-primary:#f2eaed;--text-secondary:#b7a4ac;--text-title:#ecdfe4;--primary-color:#f06292;--btn-primary-hover:#ec4a80;--text-on-primary:#fff;--announcement-end:#c2185b;--border-light:#45323a;--switch-off-bg:#4b3840;--radio-hover-bg:var(--primary-a20);--tab-text-dark:#b7a4ac;--tab-hover-dark-bg:#33242b;--primary-a5:rgba(240,98,146,.05);--primary-a10:rgba(240,98,146,.1);--primary-a20:rgba(240,98,146,.2);--primary-a30:rgba(240,98,146,.3);--primary-a40:rgba(240,98,146,.4);--primary-a50:rgba(240,98,146,.5);--primary-a60:rgba(240,98,146,.6);--primary-bright:#f06292;--primary-soft:#f48fb1}html[data-oc-theme=smoky] .oc{--bg-white:#fff;--bg-light:#faf7f8;--bg-gray:#f1eced;--text-primary:#332b2f;--text-secondary:#726569;--text-title:#2a2124;--primary-color:#a8557d;--btn-primary-hover:#93496d;--text-on-primary:#fff;--announcement-end:#8e4468;--border-light:#e6dde0;--switch-off-bg:#eae1e4;--radio-hover-bg:var(--primary-a10);--primary-a5:rgba(168,85,125,.05);--primary-a10:rgba(168,85,125,.1);--primary-a20:rgba(168,85,125,.2);--primary-a30:rgba(168,85,125,.3);--primary-a40:rgba(168,85,125,.4);--primary-a50:rgba(168,85,125,.5);--primary-a60:rgba(168,85,125,.6)}html[data-darkmode=true][data-oc-theme=smoky] .oc{--bg-white:#1b1719;--bg-light:#241e21;--bg-gray:#2f272b;--text-primary:#f0eaec;--text-secondary:#b3a6ab;--text-title:#e8dee1;--primary-color:#e89aaf;--btn-primary-hover:#d1849b;--text-on-primary:#fff;--announcement-end:#a8557d;--border-light:#413639;--switch-off-bg:#473b3f;--radio-hover-bg:var(--primary-a20);--tab-text-dark:#b3a6ab;--tab-hover-dark-bg:#2f272b;--primary-a5:rgba(232,154,175,.05);--primary-a10:rgba(232,154,175,.1);--primary-a20:rgba(232,154,175,.2);--primary-a30:rgba(232,154,175,.3);--primary-a40:rgba(232,154,175,.4);--primary-a50:rgba(232,154,175,.5);--primary-a60:rgba(232,154,175,.6);--primary-bright:#e89aaf;--primary-soft:#f2c4d0}.oc.oc-theme-panel{z-index:20070;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-white);width:288px;max-width:calc(100vw - 16px);color:var(--text-primary);padding:12px;position:fixed;top:64px;left:16px;box-shadow:0 12px 32px rgba(0,0,0,.22)}.oc-theme-panel .tp-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.oc-theme-panel .tp-title{color:var(--text-title);font-size:13px;font-weight:600}.oc-theme-panel .tp-label{color:var(--text-secondary);justify-content:space-between;align-items:baseline;gap:8px;margin:10px 0 6px;font-size:11px;display:flex}.oc-theme-panel .tp-hint{opacity:.75}.oc-theme-panel .tp-seg{background:var(--bg-gray);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;display:grid}.oc-theme-panel .tp-seg .tp-opt{height:26px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:0;border-radius:6px;font-family:inherit;font-size:12px;position:relative}.oc-theme-panel .tp-seg .tp-opt:hover{color:var(--text-primary)}.oc-theme-panel .tp-seg .tp-opt.on{background:var(--primary-color);color:var(--text-on-primary)}.oc-theme-panel .tp-seg .tp-opt+.tp-opt:before{content:"";background:var(--border-light);width:1px;height:14px;position:absolute;top:50%;left:-2px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.oc-theme-panel .tp-seg .tp-opt.on:before,.oc-theme-panel .tp-seg .tp-opt.on+.tp-opt:before{display:none}.oc-theme-panel .tp-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.oc-theme-panel .tp-theme{cursor:pointer;background:0 0;border:1px solid transparent;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:7px 2px 6px;font-family:inherit;display:flex}.oc-theme-panel .tp-theme:hover{background:var(--bg-light)}.oc-theme-panel .tp-theme.on{border-color:var(--primary-color);background:var(--primary-a10)}.oc-theme-panel .tp-sw{border-radius:50%;width:24px;height:24px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}.oc-theme-panel .tp-sw i{flex:50%}.oc-theme-panel .tp-name{color:var(--text-secondary);text-align:center;font-size:10px;line-height:1.25}.oc-theme-panel .tp-theme.on .tp-name{color:var(--text-primary)}.oc-theme-panel .tp-custom{transition:background-color var(--transition-fast), border-color var(--transition-fast);border:1px solid transparent;border-radius:8px;align-items:center;margin-top:6px;padding:5px 6px;display:flex;position:relative}.oc-theme-panel .tp-custom:hover{background:var(--bg-light)}.oc-theme-panel .tp-custom.on{border-color:var(--primary-color);background:var(--primary-a10)}.oc-theme-panel .tp-custom-main{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.oc-theme-panel .tp-custom .tp-hex{color:var(--text-secondary);opacity:.75;margin-left:auto;font-size:10px}.oc-theme-panel .tp-custom .tp-custom-apply{background:var(--primary-color);height:22px;color:var(--text-on-primary);cursor:pointer;transition:background-color var(--transition-fast);border:0;border-radius:6px;flex-shrink:0;margin-left:6px;padding:0 9px;font-family:inherit;font-size:11px}.oc-theme-panel .tp-custom .tp-custom-apply:hover{background:var(--btn-primary-hover)}.oc-theme-panel .tp-custom input[type=color]{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.oc-theme-panel .tp-opt:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.oc-theme-panel .tp-theme:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.oc-flex-center{align-items:center;display:flex}.oc-flex-1{flex:1}.oc-ml-2{margin-left:8px}.oc-mb-5{margin-bottom:20px}.oc-mt-5{margin-top:20px}.oc-svg-inline{vertical-align:middle;flex-shrink:0;margin-right:4px}.oc-w100{width:100%}.oc-w-auto{width:auto}.oc-hidden{display:none!important}.oc-txt-good{color:var(--success-color,#059669)}.oc-txt-bad{color:var(--error-color,#dc2626)}html[data-darkmode=true] .oc-txt-good{color:#34d399}html[data-darkmode=true] .oc-txt-bad{color:#ff7070}.oc .upload-bar{border-radius:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:auto;max-width:800px;margin:0 auto;padding-bottom:12px;line-height:normal;display:flex;position:relative;overflow-x:visible}.oc .upload-bar:after{content:"";background-color:var(--border-light);width:50%;height:1px;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.oc .upload-bar>label{white-space:nowrap;flex-shrink:0}.oc .upload-bar .form-select-wrapper{flex-shrink:0;width:auto}.oc .upload-bar .form-select{width:auto;min-width:0}.oc .upload-bar .form-file{flex:260px;min-width:180px}.oc .upload-note{text-align:center;max-width:720px;margin:0 auto;line-height:1.5}.oc .upload-note-default,.oc .upload-result{color:var(--text-secondary);padding:8px 0;font-size:12px;display:inline-block}.oc .upload-result{color:var(--success-color)}.oc .form-file{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-white);min-width:200px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;flex:1;padding:0;font-size:14px}.oc .form-file::-webkit-file-upload-button{border:none;border-right:1px solid var(--border-light);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--primary-color);height:100%;color:var(--text-on-primary);cursor:pointer;transition:all var(--transition-fast);margin-right:12px;padding:0 14px;font-size:13px;font-weight:500}.oc .form-file::file-selector-button{border:none;border-right:1px solid var(--border-light);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--primary-color);height:100%;color:var(--text-on-primary);cursor:pointer;transition:all var(--transition-fast);margin-right:12px;padding:0 14px;font-size:13px;font-weight:500}.oc .form-file::-webkit-file-upload-button:hover{opacity:.9}.oc .form-file::file-selector-button:hover{opacity:.9}.oc .form-file:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-a10);outline:none}html[data-darkmode=true] .oc .form-file{background:var(--bg-gray);border-color:var(--border-light);color:var(--text-secondary)}html[data-darkmode=true] .oc .form-file::-webkit-file-upload-button{background:var(--primary-color);border-color:var(--border-light);color:var(--text-on-primary)}html[data-darkmode=true] .oc .form-file::file-selector-button{background:var(--primary-color);border-color:var(--border-light);color:var(--text-on-primary)}html[data-darkmode=true] .oc .form-file::-webkit-file-upload-button:hover{background:var(--primary-a10);color:var(--primary-color)}html[data-darkmode=true] .oc .form-file::file-selector-button:hover{background:var(--primary-a10);color:var(--primary-color)}html[data-darkmode=true] .oc svg{-webkit-filter:none;filter:none}.oc *{box-sizing:border-box}.oc{box-sizing:border-box;border-radius:var(--radius-lg);width:100%;max-width:100%;color:var(--text-primary);line-height:1.6;overflow-x:hidden}.oc .icon-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-white);width:28px;min-width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;font-size:0;display:inline-flex;overflow:hidden}.oc .icon-btn:hover{background:var(--bg-light)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important;box-shadow:var(--shadow-sm)!important;-webkit-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.oc .icon-btn svg{flex-shrink:0!important;width:14px!important;height:14px!important}.oc .help-link svg{width:12px;height:12px}.oc .config-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:20px;font-weight:600;overflow:hidden}.oc .mode-tabs{background:var(--bg-gray);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.oc .mode-tab{border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:500;line-height:1;display:flex;border:none!important}.oc .mode-tab:hover{color:var(--text-primary);background:var(--primary-a10)}.oc .mode-tab.active{background:var(--primary-color);color:var(--text-on-primary);box-shadow:var(--shadow-sm)}.oc .mode-tab svg{flex-shrink:0;width:14px;height:14px;display:block}.oc .mode-tab span,.oc .add-row-btn span{line-height:1}.oc .form-group{flex-direction:column;gap:8px;display:flex;position:relative}.oc .form-group label{color:var(--text-primary);font-size:14px;font-weight:500}.oc .form-select-wrapper{position:relative}.oc .form-select-wrapper:after{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--text-secondary);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.oc .form-input,.oc .form-select{border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;height:40px;color:var(--text-primary);transition:all var(--transition-fast);-webkit-appearance:none;appearance:none;padding:10px 12px;font-size:14px;background:var(--bg-white)!important}.oc .form-input:focus,.oc .form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-a10);outline:none}.oc .form-input::-webkit-input-placeholder{color:var(--text-secondary)}.oc .form-input::placeholder{color:var(--text-secondary)}.oc .form-select{cursor:pointer;box-sizing:border-box;padding:0 12px;line-height:38px}.oc .form-textarea{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-white);width:100%;min-height:150px;color:var(--text-primary);resize:vertical;transition:all var(--transition-fast);padding:10px 12px;font-family:inherit;font-size:14px}.oc .form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-a10);outline:none}.oc .oc-usage-help-float{background:var(--primary-color,#3b82f6);width:48px;height:48px;color:var(--text-on-primary);cursor:pointer;z-index:9999;box-shadow:0 4px 12px var(--primary-a40);will-change:transform;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:-webkit-transform .2s,transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px}.oc .oc-usage-help-float:hover{-webkit-transform:scale(1.1)translateZ(0);transform:scale(1.1)translateZ(0)}.oc .oc-usage-help-float:active{-webkit-transform:scale(.95)translateZ(0);transform:scale(.95)translateZ(0)}.oc .form-textarea::-webkit-input-placeholder{color:var(--text-secondary)}.oc .form-textarea::placeholder{color:var(--text-secondary)}.oc .form-row{gap:16px;padding-top:5px;display:flex}.oc .form-half{flex:1}.oc .form-checkbox{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;margin-bottom:5px;font-size:14px;display:flex}.oc .form-checkbox input[type=checkbox]{display:none}.oc .checkmark{border:2px solid var(--border-light);background:var(--bg-white);width:16px;height:16px;transition:all var(--transition-fast);border-radius:3px;flex-shrink:0;position:relative}.oc .form-checkbox input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.oc .form-checkbox input[type=checkbox]:checked+.checkmark:after{content:"";border:solid var(--text-on-primary);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:0;left:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.oc .form-checkbox-group{gap:var(--section-gap);flex-wrap:wrap;display:flex}.oc .form-help{color:var(--text-secondary);align-items:flex-start;gap:var(--tight-gap);margin-top:0;margin-bottom:10px;font-size:12px;line-height:1.4;display:flex}.oc .form-help:before{content:"";opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'%3E%3C/path%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:12px;height:12px;margin-top:2px;display:inline-block}.oc label .guide-tag{vertical-align:1px;white-space:nowrap;border:1px solid;border-radius:999px;margin-left:5px;padding:0 6px;font-size:10.5px;font-weight:600;line-height:15px;display:inline-block}.oc label .guide-tag.req{background:var(--primary-a20);color:var(--btn-primary-hover)}.oc label .guide-tag.opt{color:#475569;background:rgba(100,116,139,.16)}.oc .subconverter-version-status{border:1px solid var(--border-light);background:var(--bg-light);max-width:100%;color:var(--text-secondary);box-sizing:border-box;word-break:break-word;border-radius:8px;align-items:center;gap:8px;margin:8px 0;padding:8px 12px;font-size:12px;line-height:1.6;display:flex}.oc .subconverter-version-status[hidden]{display:none!important}.oc .subconverter-version-label{color:inherit;flex:none;font-weight:600}.oc .subconverter-version-text{min-width:0}.oc .subconverter-version-status svg{flex:none}.oc .subconverter-version-status+.oc-warn-strip{margin-top:4px}.oc .subconverter-version-status:has(+.oc-warn-strip){margin-bottom:0}.oc .subconverter-version-status[data-state=checking]{border-color:var(--primary-color);background:var(--primary-a5);color:var(--primary-color)}.oc .subconverter-version-status[data-state=success]{border-color:var(--success-color);background:var(--success-a5);color:var(--success-dark)}.oc .subconverter-version-status[data-state=unrecognized],.oc .subconverter-version-status[data-state=empty]{border-color:var(--tip-color);color:#92400e;background:rgba(245,158,11,.08)}.oc .subconverter-version-status[data-state=error]{border-color:var(--error-color);background:var(--error-a10);color:var(--error-color)}html[data-darkmode=true] .oc .subconverter-version-status[data-state=unrecognized],html[data-darkmode=true] .oc .subconverter-version-status[data-state=empty]{color:#fbbf24;background:rgba(245,158,11,.14)}[data-page^=admin-services-openclash-config-subscribe-edit] #cbi-openclash>.cbi-section:not(.cbi-tblsection)>.cbi-section-node[id^=cbi-openclash-]{padding-top:14px}[data-page^=admin-services-openclash-config-subscribe-edit] #cbi-openclash>.cbi-section:not(.cbi-tblsection) textarea.cbi-input-textarea{vertical-align:top}html[data-darkmode=true] .oc .form-input,html[data-darkmode=true] .oc .form-select,html[data-darkmode=true] .oc .filename-input-container input{border-color:var(--border-light);color:var(--text-primary);background-color:var(--bg-gray)!important}html[data-darkmode=true] .oc .form-input:focus,html[data-darkmode=true] .oc .form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-a10)}html[data-darkmode=true] .oc .form-input::-webkit-input-placeholder{color:var(--text-secondary)}html[data-darkmode=true] .oc .form-input::placeholder{color:var(--text-secondary)}html[data-darkmode=true] .oc .form-textarea{background:var(--bg-gray);border-color:var(--border-light);color:var(--text-primary)}html[data-darkmode=true] .oc .form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-a10)}html[data-darkmode=true] .oc .form-textarea::-webkit-input-placeholder{color:var(--text-secondary)}html[data-darkmode=true] .oc .form-textarea::placeholder{color:var(--text-secondary)}html[data-darkmode=true] .oc label .guide-tag.req{background:var(--primary-a20);color:var(--primary-soft)}html[data-darkmode=true] .oc label .guide-tag.opt{color:var(--text-secondary);background:rgba(148,163,184,.22)}html[data-darkmode=true] .oc .checkmark{border-color:var(--border-light);background:var(--bg-gray)}html[data-darkmode=true] .oc .form-help:before{opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d0cfcf' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'%3E%3C/path%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E")}html[data-darkmode=true] .oc #config-mode-tabs .mode-tab.active{background:var(--primary-color);color:var(--text-on-primary)}.oc .config-editor-header{border-bottom:1px solid var(--border-light);background:var(--bg-gray);cursor:move;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;min-width:0;padding:16px 20px;display:flex;position:relative}.oc .config-editor-title{color:var(--text-primary);align-items:center;gap:var(--card-grid-gap);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;padding-right:10px;font-size:16px;font-weight:600;display:flex;overflow:hidden}.oc .config-editor-title #editTitle,.oc .config-editor-title #config-file-name{-webkit-user-select:text;user-select:text;cursor:text}.oc .config-editor-title .config-file-name{color:var(--primary-color);text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;background:var(--primary-a30);border-radius:12px;max-width:40vw;padding:3px 14px;font-weight:700;line-height:1.4;display:inline-block;position:absolute;left:50%;overflow:hidden;-webkit-transform:translate(-50%);transform:translate(-50%)}.oc .config-editor-actions{align-items:center;gap:var(--section-gap);display:flex}.oc .config-editor-actions .icon-btn:disabled{opacity:.5;cursor:not-allowed}.oc .oc-kbd{color:var(--success-color)}#config-mergeview-container{background:var(--bg-white);z-index:2;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.oc .config-editor-model-overlay{display:none}.oc .config-editor-loading{justify-content:center;align-items:center;gap:var(--section-gap);background:var(--bg-white);color:var(--text-secondary);flex-direction:column;font-size:14px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.oc .oc-editor-fallback{border:1px solid var(--warning-a10);border-radius:var(--radius-sm);background:var(--warning-a10);color:var(--warning-color);margin:6px 0;padding:8px 10px;font-size:12px}.oc .oc-scroll-lock{overflow:hidden!important}.oc .loading-spinner{border:3px solid var(--border-light);border-top-color:var(--primary-color);vertical-align:middle;border-radius:50%;width:22px;height:22px;margin:0 4px;-webkit-animation:1s linear infinite spin;animation:1s linear infinite spin;display:inline-block}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.oc .config-editor-footer{background:var(--bg-gray);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:4px 12px;padding:8px 16px;display:flex;position:relative}.oc .oc-merge-footer{border-radius:var(--radius-sm);margin:8px 0}.oc .oc-merge-section-descr{cursor:default;-webkit-user-select:text;user-select:text;min-height:50px;margin-bottom:unset;align-items:center;gap:6px;padding:10px;display:flex!important}.oc .oc-merge-cell{background:var(--bg-gray);border-radius:var(--radius-md);padding:12px;position:relative}.oc .config-editor-status{color:var(--text-secondary);overflow-wrap:break-word;word-break:break-word;flex:1 1 0;min-width:0;font-size:12px}.oc .config-editor-help{color:var(--text-secondary);opacity:.8;text-align:right;overflow-wrap:break-word;word-break:break-word;flex:1 1 0;min-width:0;font-size:12px}.oc #config-mode-tabs .mode-tabs{width:100%;margin:0 auto}.oc #config-mode-tabs .mode-tab{box-sizing:border-box;flex:1 1 0;width:0;min-width:0;padding:12px 0}.oc .update-row>.form-select-wrapper{flex:1 1 0;min-width:0}.oc .update-row .form-select{box-sizing:border-box;width:100%;min-width:0}.oc .overwrite-config-dropdown.form-select-wrapper{width:100%}.oc .overwrite-config-dropdown-btn.form-select{-webkit-appearance:none;appearance:none}.oc .cbi-section-descr{color:var(--text-secondary);background:var(--bg-gray);border-radius:var(--radius-sm);margin:8px 0;padding:2px 4px;font-size:13px;line-height:1.5}.oc .cbi-section-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--card-outer-padding);box-shadow:var(--shadow-sm);box-sizing:border-box;width:100%;max-width:100%}.tabs>li{vertical-align:middle!important}.tool_label:hover{background-color:unset!important;color:unset!important;cursor:unset!important;border-color:transparent!important}.tool_label:after{background-color:unset!important;color:unset!important;cursor:unset!important;content:unset!important;border-color:transparent!important}.tool_label_span{white-space:nowrap;display:inline-block}.tool_label_select{width:auto}.cbi-input-select{width:auto!important}*{margin:0;padding:0}ul{list-style:none}.oc .config-editor-title{color:var(--text-primary);text-align:left;flex:1;justify-content:flex-start;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.oc .help-link{color:var(--primary-color);opacity:.7;transition:opacity var(--transition-fast);border-radius:var(--radius-sm);align-items:center;margin-bottom:2px;text-decoration:none;display:inline-flex}.oc .help-link:hover{opacity:1;background:var(--primary-a10)}.oc .select-popup-footer{padding:var(--card-outer-padding);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-gray);box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,1fr);align-items:stretch;gap:10px;margin-top:16px;display:grid}.oc .select-popup-footer.log-footer{flex-wrap:wrap;justify-content:center;display:flex}.oc .select-popup-footer.log-footer .footer-btn{flex:140px;max-width:220px}.oc .footer-btn{border:1px solid var(--primary-color);border-radius:var(--radius-sm);background:var(--primary-color);width:100%;color:var(--text-on-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.oc .footer-btn:hover:not(:disabled){opacity:.9}.oc .footer-btn svg{flex-shrink:0;width:1.1em;height:1.1em;display:block}.oc .footer-btn .loading-spinner.oc-btn-spinner{border-width:2px;border-color:rgba(255,255,255,.35);border-top-color:var(--text-on-primary);width:1.1em;height:1.1em;margin:0}.oc .footer-btn:disabled,.oc .footer-btn:disabled:hover{background:var(--primary-color);color:var(--text-on-primary);border-color:var(--primary-color);cursor:not-allowed;box-shadow:none}.oc .footer-btn:disabled svg,.oc .footer-btn:disabled span:not(.loading-spinner){opacity:.55}.oc .footer-btn:disabled .loading-spinner.oc-btn-spinner{opacity:1}@media (max-width:768px){.oc .oc-usage-help-float{width:44px;height:44px}.oc .oc-float-stack .oc-usage-help-float svg,.oc #oc-merge-toggle-btn.oc-usage-help-float svg{width:22px;height:22px}.oc .config-file-name{max-width:100%;font-size:18px}.oc .form-help{gap:5px;margin-bottom:10px;font-size:11px}.oc .form-help:before{width:11px;height:11px;margin-top:1px}.oc .config-editor-actions{gap:5px}.oc .config-editor-title #editTitle{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.oc .config-editor-title .config-file-name{flex:none;min-width:0;max-width:none;margin:0 auto;position:static;left:auto;-webkit-transform:none;transform:none}.oc{--card-item-min-height:80px}.oc .select-popup-footer{grid-template-columns:repeat(2,1fr);gap:6px;padding:10px}.oc .select-popup-footer .select-class{height:32px;min-height:32px;padding:5px 28px 5px 10px;line-height:20px}.oc .footer-btn{height:32px;padding:6px 10px;font-size:12px}}@media (max-width:480px){.oc .oc-usage-help-float{width:40px;height:40px}.oc .oc-float-stack .oc-usage-help-float svg,.oc #oc-merge-toggle-btn.oc-usage-help-float svg{width:20px;height:20px}.oc .icon-btn{width:24px;min-width:24px;height:24px}.oc .icon-btn svg{width:12px!important;height:12px!important}.oc .config-file-name{font-size:15px}.oc .form-help{gap:4px;margin-bottom:8px;font-size:10px}.oc .form-help:before{width:10px;height:10px;margin-top:1px}.oc .mode-tab{padding:10px 12px;font-size:13px}.oc .mode-tab svg{width:12px;height:12px}.oc{--card-outer-padding:8px;--section-gap:10px;--card-grid-gap:6px;--card-item-min-height:70px}.oc .select-popup-footer{grid-template-columns:repeat(2,1fr);gap:4px;padding:8px}.oc .select-popup-footer .select-class{height:30px;min-height:30px;padding:4px 24px 4px 8px;line-height:20px}.oc .footer-btn{gap:4px;height:30px;padding:5px 8px;font-size:11px}}@media (max-width:320px){.oc .oc-usage-help-float{width:36px;height:36px}.oc .oc-float-stack .oc-usage-help-float svg,.oc #oc-merge-toggle-btn.oc-usage-help-float svg{width:18px;height:18px}}@media (min-width:769px){.oc-cbi-table{table-layout:fixed}}.oc.cbi-button.cbi-button{border-radius:var(--radius-sm);max-width:320px;color:var(--text-on-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1;display:inline-flex;border:1px solid var(--primary-color)!important;background:var(--primary-color)!important;width:100%!important}.oc.cbi-button.cbi-button:hover:not(:disabled){opacity:.9}.oc.cbi-button.cbi-button:disabled,.oc.cbi-button.cbi-button:disabled:hover{color:var(--text-on-primary);cursor:not-allowed;box-shadow:none;background:var(--primary-color)!important;border-color:var(--primary-color)!important}@media (max-width:768px){.oc.cbi-button.cbi-button{height:32px;padding:6px 10px;font-size:12px}}@media (max-width:480px){.oc.cbi-button.cbi-button{gap:4px;height:30px;padding:5px 8px;font-size:11px}}.oc.oc-toast-stack{z-index:10000;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;width:auto;display:flex;position:fixed;bottom:86px;right:16px}.oc-toast-stack .oc-toast{pointer-events:auto;border:1px solid var(--border-light,#e2e8f0);background:var(--bg-white,#fff);max-width:320px;max-height:140px;color:var(--text-primary,#374151);cursor:pointer;word-break:break-word;border-left-width:3px;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;line-height:1.45;-webkit-animation:.22s cubic-bezier(.21,1.02,.73,1) oc-toast-in;animation:.22s cubic-bezier(.21,1.02,.73,1) oc-toast-in;display:flex;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.06)}.oc-toast-stack .oc-toast-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.oc-toast-stack .oc-toast-text{min-width:0}.oc-toast-stack .oc-toast-success .oc-toast-badge{background:var(--success-a10,rgba(5,150,105,.1))}.oc-toast-stack .oc-toast-error .oc-toast-badge{background:var(--error-a10,rgba(220,38,38,.1))}.oc-toast-stack .oc-toast-info .oc-toast-badge{background:var(--primary-a10,rgba(59,130,246,.1))}.oc-toast-stack .oc-toast-success{border-left-color:var(--success-color,#059669)}.oc-toast-stack .oc-toast-success .oc-toast-icon{color:var(--success-color,#059669)}.oc-toast-stack .oc-toast-error{border-left-color:var(--error-color,#dc2626)}.oc-toast-stack .oc-toast-error .oc-toast-icon{color:var(--error-color,#dc2626)}.oc-toast-stack .oc-toast-info{border-left-color:var(--primary-color,#3b82f6)}.oc-toast-stack .oc-toast-info .oc-toast-icon{color:var(--primary-color,#3b82f6)}.oc-toast-stack .oc-toast.oc-toast-out{opacity:0;border-top-width:0;border-bottom-width:0;max-height:0;margin-bottom:-8px;padding-top:0;padding-bottom:0;transition:opacity .18s,-webkit-transform .18s,transform .18s,max-height .18s,padding .18s,border-width .18s,margin .18s;-webkit-transform:translate(10px)scale(.98);transform:translate(10px)scale(.98)}@-webkit-keyframes oc-toast-in{0%{opacity:0;-webkit-transform:translateY(12px)scale(.98);transform:translateY(12px)scale(.98)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes oc-toast-in{0%{opacity:0;-webkit-transform:translateY(12px)scale(.98);transform:translateY(12px)scale(.98)}to{opacity:1;-webkit-transform:none;transform:none}}@media (prefers-reduced-motion:reduce){.oc-toast-stack .oc-toast{transition:none;-webkit-animation:none;animation:none}.oc :not(.loading-spinner):not(.oc-spin):not(.addr-list-spinner):not(.announcement-content):not(.oix-announcement-content):not(.additional):not(.more-info):not(.general){transition-duration:.01ms!important;-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.oc .loading-spinner,.oc .addr-list-spinner{-webkit-animation:1s linear infinite spin!important;animation:1s linear infinite spin!important}.oc .oc-spin{-webkit-animation:.8s linear infinite oc-sub-spin!important;animation:.8s linear infinite oc-sub-spin!important}}.oc a:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.oc button:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.oc input[type=button]:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.oc input[type=submit]:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.oc summary:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.oc [tabindex]:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.oc .copy-success,.oc .icon-btn.copy-success{color:var(--success-color,#059669)!important}.oc .stat-num,.oc .value-indicator{font-variant-numeric:tabular-nums}.oc-flush-status{color:#059669;margin-left:8px;font-size:13px}.oc-flush-status:empty{margin-left:0}.oc-flush-status.err{color:#dc2626}html[data-darkmode=true] .oc-flush-status{color:#34d399}html[data-darkmode=true] .oc-flush-status.err{color:#ff7070}.oc-status-ok{color:#059669;font-weight:600}.oc-status-err{color:#dc2626;font-weight:600}html[data-darkmode=true] .oc-status-ok{color:#34d399}html[data-darkmode=true] .oc-status-err{color:#ff7070}.oc-text-center{text-align:center}.oc .footer-btn.active{border-color:var(--tip-color,#f59e0b);color:var(--tip-color,#f59e0b)}.oc.oc-prompt-overlay{z-index:10001;background:var(--overlay-bg,rgba(0,0,0,.5));justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.oc .oc-prompt{background:var(--bg-white,#fff);border:1px solid var(--border-light,#e2e8f0);border-radius:var(--radius-lg,8px);width:min(92vw,380px);box-shadow:var(--shadow-md);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.oc .oc-prompt-title{color:var(--text-primary,#374151);font-size:14px;font-weight:600}.oc .oc-prompt-input{box-sizing:border-box;width:100%;height:var(--control-height,32px);border:1px solid var(--border-color,#b1b1b1);border-radius:var(--radius-sm,6px);background:var(--bg-white,#fff);color:var(--text-primary,#374151);padding:0 10px;font-size:14px}.oc .oc-prompt-input:focus{border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 2px var(--primary-a10);outline:none}.oc .oc-prompt-error{min-height:16px;color:var(--error-color,#dc2626);font-size:12px}.oc .oc-prompt-error:empty{display:none}.oc .oc-prompt-actions{justify-content:flex-end;gap:8px;display:flex}.oc .oc-prompt-cancel{color:var(--text-secondary,#64748b);border-color:var(--border-color,#b1b1b1);background:0 0}.oc .oc-prompt-cancel:hover:not(:disabled){background:var(--hover-bg,#f3f4f6);color:var(--text-primary,#374151)}.oc .upload-result.err{color:var(--error-color,#dc2626)}.oc .upload-bar.drag-over{outline:2px dashed var(--primary-color,#3b82f6);outline-offset:4px;border-radius:var(--radius-sm,6px)}.oc.cbi-button.oc-switch-mode-btn{white-space:normal;max-width:480px;padding:10px 16px;line-height:1.35}.oc.oc-confirm-overlay{z-index:1000000;background:var(--overlay-bg,rgba(0,0,0,.5));justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.oc .oc-confirm{background:var(--bg-white,#fff);border:1px solid var(--border-light,#e2e8f0);border-radius:var(--radius-lg,8px);width:min(92vw,380px);box-shadow:var(--shadow-md);flex-direction:column;gap:8px;padding:16px;display:flex}.oc .oc-confirm-title{color:var(--text-primary,#374151);font-size:14px;font-weight:600}.oc .oc-confirm-body{color:var(--text-secondary,#64748b);overflow-wrap:break-word;font-size:12.5px;line-height:1.6}.oc .oc-confirm-body:empty{display:none}.oc .oc-confirm-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.oc .oc-confirm-btn{border:1px solid var(--border-color,#b1b1b1);border-radius:var(--radius-sm,6px);background:var(--bg-white,#fff);min-width:76px;height:30px;color:var(--text-primary,#374151);cursor:pointer;padding:0 12px;font-size:12px}.oc .oc-confirm-btn:hover{background:var(--hover-bg,#f3f4f6)}.oc .oc-confirm-btn.oc-confirm-primary{background:var(--primary-color,#3b82f6);border-color:var(--primary-color,#3b82f6);color:var(--text-on-primary,#fff)}.oc .oc-confirm-btn.oc-confirm-primary:hover{background:var(--primary-color,#3b82f6);-webkit-filter:brightness(1.06);filter:brightness(1.06)}.oc .oc-confirm-btn.oc-confirm-danger{border-color:var(--error-a50,rgba(220,38,38,.5));color:var(--error-color,#dc2626);background:0 0}.oc .oc-confirm-btn.oc-confirm-danger:hover{background:var(--error-a10,rgba(220,38,38,.1))}.oc-sk{vertical-align:middle;background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.12) 37%,rgba(0,0,0,.06) 63%) 0 0/400% 100%;border-radius:4px;width:56px;height:12px;-webkit-animation:1.4s infinite ocSkShimmer;animation:1.4s infinite ocSkShimmer;display:inline-block}.oc-sk-block{width:auto;height:14px;margin:8px auto;display:block}html[data-darkmode=true] .oc-sk{background:linear-gradient(90deg,rgba(255,255,255,.08) 25%,rgba(255,255,255,.16) 37%,rgba(255,255,255,.08) 63%) 0 0/400% 100%}@-webkit-keyframes ocSkShimmer{0%{background-position:100%}to{background-position:0}}@keyframes ocSkShimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.oc-sk{-webkit-animation:none;animation:none}}.oc-warn-strip{border:1px solid var(--tip-color,#f59e0b);color:#92400e;background:rgba(245,158,11,.08);border-radius:8px;align-items:center;gap:8px;margin:8px 0;padding:8px 12px;font-size:12px;line-height:1.6;display:flex}.oc-warn-strip svg{flex:none}.oc-warn-strip .oc-warn-strip-btn{border:1px solid var(--tip-color,#f59e0b);color:inherit;cursor:pointer;background:0 0;border-radius:6px;flex:none;margin-left:auto;padding:2px 10px;font-size:12px}.oc-warn-strip .oc-warn-strip-btn:hover{background:rgba(245,158,11,.12)}html[data-darkmode=true] .oc-warn-strip{color:#fbbf24;background:rgba(245,158,11,.14)}.oc-oplog{border:1px solid var(--border-light,#e2e8f0);background:var(--bg-white,#fff);border-radius:8px;overflow:hidden}.oc-oplog-h{background:var(--bg-gray,#f3f4f6);border-bottom:1px solid var(--border-light,#e2e8f0);color:var(--text-secondary,#64748b);align-items:center;gap:8px;padding:6px 10px;font-size:11.5px;display:flex}.oc-oplog-h b{color:var(--text-primary,#374151);font-weight:600}.oc-oplog-live{letter-spacing:.04em;align-items:center;gap:5px;margin-left:auto;font-size:10.5px;display:inline-flex}.oc-oplog-live i{background:var(--success-color,#16a34a);border-radius:50%;width:7px;height:7px;-webkit-animation:1.6s ease-in-out infinite ocLiveBreathe;animation:1.6s ease-in-out infinite ocLiveBreathe}@-webkit-keyframes ocLiveBreathe{0%,to{opacity:1}50%{opacity:.35}}@keyframes ocLiveBreathe{0%,to{opacity:1}50%{opacity:.35}}.oc-oplog-body{max-height:400px;color:var(--text-secondary,#64748b);text-align:left;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px;line-height:1.75;overflow:auto}