html[data-darkmode=true] .oc .diag-style,html[data-darkmode=true] .oc .diag-style select,.diag-style input{color:var(--text-on-primary,#fff);background-color:var(--debug-bg)}html[data-darkmode=true] .oc #diag-rc-output>pre,html[data-darkmode=true] .oc #dns-rc-output>pre{background-color:var(--debug-bg);color:var(--text-on-primary,#fff)}html[data-darkmode=true] .oc .diag-legend{border-bottom-color:var(--scrollbar-thumb-hover)}.oc .diag-style{color:var(--text-primary);background-color:var(--editor-bg);margin-top:10px}.oc .diag-style select,.oc .diag-style input{color:var(--text-primary);background-color:var(--editor-bg)}.oc #diag-rc-output>pre,.oc #dns-rc-output>pre{background-color:var(--bg-white);white-space:pre-wrap;word-wrap:break-word;color:var(--debug-bg);border-radius:3px;margin:0 0 18px;padding:8.5px;font-size:1.4rem;line-height:1.5rem;display:block}.oc .diag-legend{width:100%;color:inherit;border-bottom:1px solid var(--divider);margin:0 0 10px;padding:10px;font-size:1.4rem;font-weight:700;line-height:1.8rem;display:block}.oix-panel{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px;position:relative;overflow:hidden}.oix-panel:before{content:"";z-index:0;pointer-events:none;mix-blend-mode:multiply;opacity:.85;background-color:transparent;background-image:linear-gradient(175deg,transparent 18%,rgba(59,130,246,.06) 28%,rgba(59,130,246,.15) 36%,rgba(59,130,246,.3) 42%,rgba(59,130,246,.5) 50%,rgba(59,130,246,.3) 58%,rgba(59,130,246,.15) 64%,rgba(59,130,246,.06) 72%,transparent 82%),linear-gradient(185deg,transparent 20%,rgba(179,0,255,.05) 30%,rgba(179,0,255,.12) 38%,rgba(179,0,255,.25) 44%,rgba(179,0,255,.38) 50%,rgba(179,0,255,.25) 56%,rgba(179,0,255,.12) 62%,rgba(179,0,255,.05) 70%,transparent 80%),linear-gradient(170deg,transparent 22%,rgba(5,150,105,.04) 32%,rgba(5,150,105,.1) 40%,rgba(5,150,105,.2) 46%,rgba(5,150,105,.3) 50%,rgba(5,150,105,.2) 54%,rgba(5,150,105,.1) 60%,rgba(5,150,105,.04) 68%,transparent 78%);background-position:100% 0;background-repeat:repeat,repeat,repeat;background-size:350% 200%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;-webkit-animation:36s ease-in-out infinite oix-ribbon-flow;animation:36s ease-in-out infinite oix-ribbon-flow;position:absolute;top:-30px;bottom:-30px;left:-30px;right:-30px}.oix-panel:after{content:"";z-index:0;pointer-events:none;mix-blend-mode:multiply;opacity:.75;background-color:transparent;background-image:linear-gradient(8deg,transparent 20%,rgba(245,158,11,.04) 30%,rgba(245,158,11,.1) 38%,rgba(245,158,11,.2) 44%,rgba(245,158,11,.28) 50%,rgba(245,158,11,.2) 56%,rgba(245,158,11,.1) 62%,rgba(245,158,11,.04) 70%,transparent 80%),linear-gradient(192deg,transparent 18%,rgba(59,130,246,.06) 28%,rgba(59,130,246,.15) 36%,rgba(59,130,246,.3) 43%,rgba(59,130,246,.48) 50%,rgba(59,130,246,.3) 57%,rgba(59,130,246,.15) 64%,rgba(59,130,246,.06) 72%,transparent 82%);background-position:0 100%;background-repeat:repeat,repeat;background-size:320% 180%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-animation:44s ease-in-out infinite reverse oix-ribbon-flow;animation:44s ease-in-out infinite reverse oix-ribbon-flow;position:absolute;top:-30px;bottom:-30px;left:-30px;right:-30px}@-webkit-keyframes oix-ribbon-flow{0%{background-position:100% 0}25%{background-position:30% 60%}50%{background-position:0 30%}75%{background-position:60% 80%}to{background-position:100% 0}}@keyframes oix-ribbon-flow{0%{background-position:100% 0}25%{background-position:30% 60%}50%{background-position:0 30%}75%{background-position:60% 80%}to{background-position:100% 0}}.oix-panel>*{z-index:1;position:relative}.oc-icon{vertical-align:middle;flex-shrink:0}.oix-login-box{z-index:1;background:var(--bg-gray);border:1px solid var(--border-light);border-radius:var(--radius-md);max-width:420px;box-shadow:var(--shadow-sm);margin:0 auto;padding:20px;position:relative}html[data-darkmode=true] .oc .oix-panel:before,html[data-darkmode=true] .oc .oix-panel:after{mix-blend-mode:screen}.oix-login-box .mode-tabs{background:var(--bg-white);border:1px solid var(--border-light);margin-bottom:14px}.oix-field-group{margin-bottom:14px}.oix-field-group-sm{margin-bottom:10px}.oix-input-wrap{position:relative}.oix-input-has-icon{padding-right:36px!important}.oix-btn-row{text-align:center;margin-top:12px}.oix-img-inline{vertical-align:middle;border-radius:50%}.oix-icon-accent{color:var(--primary-color)}.oix-card-span-2{grid-column:span 2}.oix-input-wide{min-width:140px}.oix-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--bg-white) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.oix-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--bg-white) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.oix-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--bg-white) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.oix-input{border:1px solid var(--border-light);border-radius:var(--radius-sm);height:40px;color:var(--text-primary);transition:all var(--transition-fast);box-sizing:border-box;-webkit-appearance:none;appearance:none;padding:8px 12px;font-size:14px;background:var(--bg-white)!important;width:100%!important}.oix-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-a10);outline:none}.oix-input::-webkit-input-placeholder{color:var(--text-secondary)}.oix-input::placeholder{color:var(--text-secondary)}.oix-input.oix-input-ok{border-color:var(--border-light)}.oix-input.oix-input-err{border-color:var(--error-color)!important}.oix-btn{justify-content:center;align-items:center;gap:var(--tight-gap);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 18px;font-size:13px;font-weight:500;line-height:1.4;transition:all .15s;display:inline-flex}.oix-btn-primary{background:var(--primary-color);color:var(--text-on-primary)}.oix-btn-primary:hover{background:var(--btn-primary-hover)}.oix-btn-primary:disabled{cursor:not-allowed}.oix-btn-danger{background:var(--error-color);color:var(--text-on-primary)}.oix-btn-danger:hover{opacity:.85}.oix-btn-ghost{background:var(--primary-color);color:var(--text-on-primary)}.oix-btn-ghost:hover{background:var(--btn-primary-hover)}.oix-btn-ghost:disabled{cursor:not-allowed}.oix-btn-ghost-subtle{background:var(--watchdog-color);color:var(--text-on-primary)}.oix-btn-ghost-subtle:hover{opacity:.85}.oix-btn-block{width:100%}.oix-btn-sm{padding:5px 10px;font-size:12px}.oix-btn .loading-spinner.oc-btn-spinner{border-width:2px;border-color:rgba(255,255,255,.35);border-top-color:var(--text-on-primary);width:14px;height:14px;margin:0}.oix-btn:disabled svg,.oix-btn:disabled span:not(.loading-spinner){opacity:.55}.oix-btn:disabled .loading-spinner.oc-btn-spinner{opacity:1}.oix-msg-bar{align-items:center;gap:var(--card-grid-gap);border-radius:var(--radius-sm);border:1px solid transparent;margin:0 0 12px;padding:8px 12px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.oix-msg-bar svg{flex-shrink:0}.oix-msg-success{background:var(--green-50);color:var(--green-800);border-color:var(--green-200)}.oix-msg-error{background:var(--red-50);color:var(--red-800);border-color:var(--red-200)}.oix-msg-info{background:var(--blue-50);color:var(--blue-800);border-color:var(--blue-200)}.oix-field-hint{margin-top:2px;font-size:11px;line-height:1.3;display:block}.oix-field-error{color:var(--error-color)}.oix-field-help{color:var(--text-secondary)}.oix-header{justify-content:space-between;align-items:center;gap:var(--content-gap);background:var(--bg-gray);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-wrap:wrap;margin-bottom:12px;padding:8px 14px;display:flex}.oix-header:hover{background:var(--bg-light);border-color:var(--primary-color);box-shadow:var(--shadow-sm);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.oix-header-left{align-items:center;gap:var(--card-grid-gap);display:flex}.oix-header-right{align-items:center;gap:var(--tight-gap);display:flex}.oix-status-badge{align-items:center;gap:var(--tight-gap);border-radius:var(--radius-md);background:var(--primary-a20);color:var(--primary-color);border:1px solid var(--primary-a20);padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.oix-announce{border-radius:var(--radius-md);background:var(--bg-white);color:var(--text-primary);border:1px solid var(--border-light);transition:all var(--transition-fast);margin-bottom:10px;padding:10px;font-size:12px;line-height:1.6}.oix-announce:hover{background:var(--bg-light);border-color:var(--primary-color);box-shadow:var(--shadow-sm);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.oix-announce-header{align-items:center;gap:var(--tight-gap);color:var(--warning-color);margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.oix-announce-header svg{flex-shrink:0}.oix-announce-body{word-break:break-word}.oix-announce-body.oix-collapsed{max-height:5.6em;-webkit-mask-image:linear-gradient(to bottom, var(--mask-opaque) 4em, transparent 5.6em);-webkit-mask-image:linear-gradient(to bottom, var(--mask-opaque) 4em, transparent 5.6em);mask-image:linear-gradient(to bottom, var(--mask-opaque) 4em, transparent 5.6em);overflow:hidden}.oix-announce-arrow{cursor:pointer;justify-content:center;align-items:center;padding:2px 0 0;display:flex}.oix-announce-arrow svg{transition:-webkit-transform .25s,transform .25s;-webkit-animation:1.6s ease-in-out infinite oix-bounce;animation:1.6s ease-in-out infinite oix-bounce}@-webkit-keyframes oix-bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(3px);transform:translateY(3px)}}@keyframes oix-bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(3px);transform:translateY(3px)}}.oix-announce-body a{color:var(--primary-color);text-decoration:underline}.oix-announce-body strong{color:var(--primary-color);font-weight:600}.oix-announce-body hr{border:none;border-top:1px solid var(--border-light);margin:8px 0}.oix-announce-body code{background:var(--primary-a5);color:var(--primary-color);border:1px solid var(--primary-a20);border-radius:3px;padding:1px 5px;font-size:11px}.oix-logo{border-radius:50%;width:80px;height:80px;margin:0 auto 16px;display:block}.oix-logo-sm{vertical-align:middle;border-radius:50%;width:28px;height:28px;margin-right:6px;display:inline-block}.oix-cards{gap:var(--card-grid-gap);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-white);grid-template-columns:repeat(4,1fr);margin-bottom:10px;padding:10px;display:grid}.oix-card{background:var(--bg-gray);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--card-padding);text-align:center;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.oix-card:hover{background:var(--bg-light);border-color:var(--primary-color);box-shadow:var(--shadow-sm);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.oix-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:12px;line-height:1.2}.oix-card-value{color:var(--text-primary);font-size:15px;font-weight:500}.oix-settings-grid{gap:var(--content-gap);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-white);grid-template-columns:1fr 1fr;margin:8px 0;padding:10px;display:grid}.oix-settings-grid-4{grid-template-columns:repeat(4,1fr)}.oix-setting-card{background:var(--bg-gray);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--card-padding);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);flex-direction:column;display:flex}.oix-setting-card:hover{background:var(--bg-light);border-color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.oix-toggle-row{justify-content:space-between;align-items:center;gap:var(--card-grid-gap);color:var(--text-primary);min-height:32px;font-size:12px;display:flex}.oix-params-item{white-space:nowrap;align-items:center;gap:4px;min-height:32px;display:flex}.oix-params-item .oix-input-num{text-overflow:ellipsis;flex:1;width:auto;min-width:40px;overflow:hidden}.oix-card-help{color:var(--text-secondary);align-items:flex-start;gap:4px;margin-top:8px;font-size:11px;line-height:1.4;display:flex}.oix-card-help svg{opacity:.7;flex-shrink:0;margin-top:2px}.oix-card-help a{color:var(--primary-color);opacity:.8;font-weight:500;text-decoration:underline}.oix-card-help a:hover{opacity:1}.oix-footer{text-align:right;color:var(--text-secondary);margin-top:12px;font-size:14px}.oix-footer a{color:var(--primary-color);opacity:.8;font-weight:500;text-decoration:none}.oix-footer a:hover{opacity:1;text-decoration:underline}.oix-toggle{flex-shrink:0;width:36px;height:20px;font-size:0;line-height:0;display:inline-block;position:relative}.oix-toggle input{opacity:0;cursor:pointer;z-index:1;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.oix-toggle-slider{cursor:pointer;background:var(--switch-off-bg);border:1px solid var(--border-light);border-radius:20px;transition:all .2s;position:absolute;top:0;bottom:0;left:0;right:0}.oix-toggle-slider:before{content:"";background:var(--switch-knob-bg);width:14px;height:14px;box-shadow:var(--switch-knob-shadow);border-radius:50%;transition:all .2s;position:absolute;top:2px;left:2px}.oix-toggle input:checked+.oix-toggle-slider{background:var(--primary-color);border-color:var(--primary-color)}.oix-toggle input:checked+.oix-toggle-slider:before{-webkit-transform:translate(16px);transform:translate(16px)}.oix-pwd-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;padding:3px;line-height:0;position:absolute;top:50%;right:5px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:none!important}.oix-input-num{text-align:center;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-white);width:44px;color:var(--text-primary);box-sizing:border-box;padding:2px 4px;font-size:12px}.oix-input-num:focus{border-color:var(--primary-color);outline:none}.oix-input-num.oix-input-ok{border-color:var(--border-light)}.oix-input-num.oix-input-err{border-color:var(--error-color)!important}html[data-darkmode=true] .oc .oix-announce{background:var(--bg-gray);border-color:var(--border-light)}html[data-darkmode=true] .oc .oix-msg-bar svg{color:inherit}@media (max-width:768px){.oix-cards,.oix-settings-grid-4{grid-template-columns:repeat(2,1fr)}.oix-params-item{white-space:normal;flex-wrap:wrap}.oix-params-item .oix-input-num{min-width:36px}}@media (max-width:480px){.oix-header{justify-content:center;align-items:center}.oix-settings-grid{grid-template-columns:1fr}.oix-card-span-2{grid-column:auto}.oix-input-wide{min-width:auto}}