html[data-darkmode=true] .oc .plugin-toggle-slider{background-color:var(--switch-off-bg);border-color:var(--switch-off-bg)}html[data-darkmode=true] .oc .plugin-toggle-switch input:checked+.plugin-toggle-slider{background-color:var(--primary-color);border-color:var(--primary-color)}html[data-darkmode=true] .oc .plugin-toggle-slider:before{background-color:var(--switch-knob-bg)}html[data-darkmode=true] .oc .version-display .update-dot{background:var(--error-color)}html[data-darkmode=true] .oc .announcement-banner{background:linear-gradient(135deg, var(--announcement-end), var(--primary-color))}html[data-darkmode=true] .oc .announcement-banner:before{background:linear-gradient(to right, var(--announcement-end) 80%, var(--announcement-end) 100%)}html[data-darkmode=true] .oc #megaphone{-webkit-filter:brightness(0)invert();filter:brightness(0)invert()}html[data-darkmode=true] .oc .config-select{background:var(--bg-white)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important}html[data-darkmode=true] .oc .config-select option{background:var(--bg-white)!important;color:var(--text-primary)!important}html[data-darkmode=true] .oc .config-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-a20)}.oc .main-cards-container{gap:var(--content-gap);box-sizing:border-box;grid-template-rows:minmax(60px,auto) 1fr;grid-template-columns:1fr 1fr;align-items:start;width:100%;max-width:100%;margin:0 auto;display:grid;overflow-x:auto;overflow-y:visible}.oc .announcement-card{box-sizing:border-box;border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:100%;box-shadow:var(--shadow-sm);background:var(--bg-white);padding:var(--card-outer-padding);grid-area:1/1/auto/3;align-items:stretch;margin:0;display:flex}.oc .main-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);transition:all var(--transition-fast);grid-template-rows:var(--row-1-height) var(--row-2-height) var(--row-3-height) var(--row-4-height);gap:var(--card-grid-gap);box-sizing:border-box;grid-row:2;width:100%;min-width:300px;max-width:100%;display:grid;overflow:visible}.oc .main-card:first-of-type{grid-column:1}.oc .main-card:last-of-type{grid-column:2}.oc .card-row{gap:var(--section-gap);box-sizing:border-box;align-items:stretch;min-width:250px;max-width:100%;height:100%;display:flex}.oc .card-row:first-child{min-height:var(--row-1-height)}.oc .card-row:nth-child(2){min-height:var(--row-2-height)}.oc .card-row:nth-child(3){min-height:var(--row-3-height)}.oc .card-row:nth-child(4){min-height:var(--row-4-height)}.oc .card-row.full-width .sub-card{flex:1;max-width:100%}.oc .card-row.dual-cards{gap:var(--card-grid-gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:100%;display:grid}.oc .card-row.stats-grid{gap:var(--card-grid-gap);grid-template-columns:repeat(4,minmax(0,2fr));min-width:auto;max-width:100%;display:grid}.oc .sub-card{background:var(--bg-gray);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--card-padding);box-sizing:border-box;flex-direction:column;gap:5px;max-width:100%;height:100%;min-height:0;display:flex;position:relative}.oc .sub-card:has(.card-title){container-type:inline-size}.oc .mode-row .sub-card:has(.stats-card-header){container-type:inline-size}.oc .sub-card:hover{background:var(--hover-bg,#f3f4f6);border-color:var(--primary-color,#3b82f6);box-shadow:var(--shadow-sm)}.oc .sub-card.stat-item{justify-content:center;align-items:center;gap:var(--tight-gap);flex-direction:column;min-height:0;padding:10px 6px;display:flex}.oc .sub-card.dashboard-container,.oc .sub-card.quick-actions-container{flex-direction:column;justify-content:center;min-height:0;display:flex}.oc .card-title{font-size:var(--card-title-size);color:var(--text-title);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;align-items:center;gap:4px;min-width:0;height:20px;margin-bottom:10px;padding-left:5px;font-weight:600;display:flex;overflow:hidden}@container (width<=110px){.oc .card-title{gap:2px}}.oc .stats-grid .sub-card .card-title{font-size:var(--card-title-size-sm)}.oc .version-display-container{right:var(--version-right);gap:var(--card-grid-gap);z-index:2;display:flex;position:absolute}.oc .card-content{justify-content:center;gap:var(--content-gap);flex-direction:column;flex:1;min-height:0;display:flex}.oc .config-file-content{gap:var(--content-gap);flex-direction:column;flex:1;min-height:0;display:flex}.oc .config-file-top{justify-content:flex-start;align-items:center;width:100%;display:flex}.oc .card-value{color:var(--text-primary);word-break:break-word;min-height:var(--control-height);white-space:nowrap;align-items:center;font-size:14px;font-weight:600;line-height:1.4;display:flex}.oc .card-controls{gap:var(--content-gap);flex-direction:column;justify-content:center;width:100%;display:flex}.oc .card-actions{justify-content:flex-end;align-items:center;gap:var(--tight-gap);flex-wrap:nowrap;flex-shrink:0;min-height:28px;margin-top:auto;padding-top:3px;display:flex}.oc .core-status-row .card-actions{overflow-x:auto}.oc .core-status-row .sub-card{gap:20px}.oc .core-main-controls{align-items:center;gap:var(--content-gap);min-height:var(--control-height);flex:none;min-width:0;display:flex;overflow:hidden;justify-content:space-between!important}.oc .core-status-toggle,.oc .core-control-buttons{min-width:0}.oc .core-status-toggle{align-items:center;gap:var(--content-gap);flex:1;display:flex}.oc .core-control-buttons{align-items:center;gap:var(--tight-gap);flex-wrap:nowrap;flex-shrink:0;display:flex}.oc .mode-row .sub-card{justify-content:flex-start;align-items:stretch}.oc .mode-row .sub-card .stats-card-header{flex-shrink:0;margin-top:0;margin-bottom:12px}.oc .mode-row .sub-card:first-child .card-content{justify-content:flex-start;align-items:center;gap:var(--content-gap);flex-direction:row;flex:1;display:flex}.oc .mode-row .sub-card:first-child .mode-pill{background:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-sizing:border-box;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:inline-flex}.oc .mode-pill input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.oc .mode-pill .mode-pill-opt{width:30px;height:20px;color:var(--text-secondary);cursor:pointer;border-radius:calc(var(--radius-sm) - 1px);transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;z-index:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.oc .mode-pill .mode-pill-opt svg{width:14px;height:14px;display:block}.oc .mode-pill .mode-pill-opt:after{content:"";z-index:-1;border-radius:calc(var(--radius-sm) - 3px);background:var(--primary-a10);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;position:absolute;top:1px;bottom:1px;left:2px;right:2px}.oc .mode-pill .mode-pill-opt:hover{color:var(--text-primary)!important}.oc .mode-pill .mode-pill-opt:hover:after{opacity:1}.oc .mode-pill input:checked+.mode-pill-opt{color:var(--primary-color)!important}.oc .mode-pill input:checked+.mode-pill-opt:after{border-radius:calc(var(--radius-sm) - 2px);background:var(--bg-white);box-shadow:var(--shadow-md);opacity:1;top:0;bottom:0;left:0;right:0}@container (width<=260px){.oc .mode-pill .mode-pill-opt{width:26px;height:20px}.oc .mode-pill .mode-pill-opt svg{width:12px;height:12px}}.oc .version-display{color:var(--text-secondary);background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:180px;height:20px;padding:2px 6px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.oc .version-display .version-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc .version-display svg{flex-shrink:0;width:12px;height:12px}.oc .version-display .update-dot{background:var(--error-color);will-change:transform, opacity;border-radius:50%;flex-shrink:0;width:6px;height:6px;-webkit-animation:4s ease-in-out infinite gentlePulse;animation:4s ease-in-out infinite gentlePulse}@-webkit-keyframes gentlePulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.45;-webkit-transform:scale(.82);transform:scale(.82)}}@keyframes gentlePulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.45;-webkit-transform:scale(.82);transform:scale(.82)}}.oc .version-display:hover{background:var(--bg-light);color:var(--text-primary)}.oc .config-selector{flex:1;position:relative}.oc .config-select{width:100%;height:var(--control-height);line-height:calc(var(--control-height) - 2px);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-primary);-webkit-appearance:none;appearance:none;cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box;min-width:0;margin:0 auto;padding:0 12px;font-size:15px;border:1px solid var(--border-light)!important;background-color:var(--bg-white)!important}.oc .config-select:hover{border-color:var(--primary-color)}.oc .config-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-a10);outline:none}.oc .config-select option{white-space:nowrap;text-overflow:ellipsis;background:var(--bg-white);width:100%;color:var(--text-primary);padding:8px 12px;font-size:15px;line-height:1.4;overflow:hidden}.oc .config-selector:after{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--text-secondary);pointer-events:none;z-index:1;width:0;height:0;position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.oc .config-file-bottom .card-actions{justify-content:flex-end;align-items:center;gap:var(--card-grid-gap);flex-direction:row;flex-shrink:0;margin:0;display:flex}.oc .cbi-button-group{background:var(--bg-white);border-radius:var(--radius-sm);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);height:var(--control-height);white-space:nowrap;align-items:center;gap:0;width:100%;padding:2px;display:flex;position:relative}.oc .cbi-button-group.oc-inline-flex{align-items:stretch;width:100%;height:auto;display:flex}.oc .cbi-button-group input[type=radio]{opacity:0;pointer-events:none;height:calc(var(--control-height) - 4px);position:absolute}.oc .cbi-button-option{color:var(--text-secondary);cursor:pointer;border-radius:calc(var(--radius-sm) - 3px);transition:color var(--transition-fast), background-color var(--transition-fast);-webkit-user-select:none;user-select:none;text-align:center;min-width:0;min-height:calc(var(--control-height) - 6px);white-space:normal;overflow-wrap:anywhere;flex:1 1 0;justify-content:center;align-items:center;height:auto;padding:4px;font-size:12px;font-weight:500;line-height:1.2;display:flex}.oc .cbi-button-group .cbi-button-option{z-index:0;position:relative}.oc .cbi-button-group .cbi-button-option:before{content:"";background:var(--border-light);width:1px;height:14px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.oc .cbi-button-group .cbi-button-option:first-of-type:before{display:none}.oc input[type=radio]:checked+.cbi-button-option:before{display:none}.oc input[type=radio]:checked+.cbi-button-option+input+.cbi-button-option:before{display:none}.oc .cbi-button-group .cbi-button-option:after{content:"";z-index:-1;border-radius:calc(var(--radius-sm) - 3px);background:var(--primary-a10);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;position:absolute;top:2px;bottom:2px;left:3px;right:3px}.oc .cbi-button-option:hover{color:var(--text-primary)!important}.oc .cbi-button-option:hover:after{opacity:1}.oc input[type=radio]:checked+.cbi-button-option{color:var(--text-on-primary)!important}.oc input[type=radio]:checked+.cbi-button-option:after{background:var(--primary-color);box-shadow:var(--shadow-sm);opacity:1}.oc .value-indicator{border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-secondary);border:1px solid var(--border-light);text-align:center;height:var(--control-height);white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;min-width:90px;padding:6px;font-weight:500;line-height:1.2;display:inline-flex;overflow:hidden}.oc .value-indicator b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;display:inline-block;overflow:hidden}.oc #_oclog{overflow-anchor:none;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;text-overflow:ellipsis;line-height:var(--control-height);cursor:pointer;min-width:0;transition:border-color var(--transition-fast), color var(--transition-fast);flex-direction:column;justify-content:flex-start;align-items:stretch;padding-top:0;padding-bottom:0;position:relative;overflow-x:hidden;overflow-y:auto}.oc #_oclog:hover{border-color:var(--primary-color);color:var(--primary-color)}.oc #_oclog:before,.oc #_oclog:after{content:"";pointer-events:none;z-index:1;display:block;position:absolute;left:0;right:0}.oc #_oclog:before{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:linear-gradient(to bottom, var(--bg-white), transparent);height:6px;top:0}.oc #_oclog:after{border-radius:0 0 var(--radius-sm) var(--radius-sm);background:linear-gradient(to top, var(--bg-white), transparent);height:6px;bottom:0}.oc #_oclog>b{white-space:normal;text-overflow:clip;max-width:none;margin-top:auto;margin-bottom:auto;display:block;overflow:visible}.oc #_oclog::-webkit-scrollbar{display:none}.oc #_oclog>div{min-width:0;max-width:100%}.oc #_oclog>div>b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.oc .dashboard-buttons,.oc .quick-actions-buttons{gap:var(--card-grid-gap);flex:1;justify-content:center;align-items:center;display:flex}.oc .dashboard-btn{word-break:normal;overflow-wrap:break-word;min-width:45px;color:var(--text-on-primary)!important;cursor:pointer!important;border-radius:var(--radius-md)!important;background-color:var(--primary-color)!important;transition:all var(--transition-fast)!important;white-space:normal!important;text-align:center!important;border:none!important;outline:none!important;flex:1!important;justify-content:center!important;align-items:center!important;height:42px!important;margin:0!important;padding:2px!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important;text-decoration:none!important;display:flex!important}.oc .dashboard-btn:hover{background:var(--btn-primary-hover)!important}.oc .dashboard-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.oc .stat-label{font-size:var(--card-title-size-sm);color:var(--text-title);text-align:center;white-space:nowrap;margin-top:15px;font-weight:600;position:relative}.oc .stat-label:after{content:"";background-color:var(--border-color);width:20px;height:1px;position:absolute;bottom:-5px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.oc .stat-value{color:var(--success-color);text-align:center;white-space:normal;word-break:normal;overflow-wrap:break-word;min-height:38px;margin-top:5px;font-size:max(9px,min(2.2vw,12px));font-weight:600}.oc .plugin-toggle-container{justify-content:flex-end;align-items:center;margin-left:auto;display:flex}.oc .plugin-toggle-switch{cursor:pointer;width:44px;height:22px;font-size:0;line-height:0;display:inline-block;position:relative}.oc .plugin-toggle-switch input{opacity:0;cursor:pointer;z-index:1;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.oc .plugin-toggle-slider{cursor:pointer;background-color:var(--switch-off-bg);border:1px solid var(--border-light);border-radius:22px;transition:all .2s;position:absolute;top:0;bottom:0;left:0;right:0}.oc .plugin-toggle-slider:before{content:"";background-color:var(--switch-knob-bg);width:16px;height:16px;box-shadow:var(--switch-knob-shadow);border-radius:50%;transition:all .2s;position:absolute;top:2px;left:2px}.oc .plugin-toggle-switch input:checked+.plugin-toggle-slider{background-color:var(--primary-color);border-color:var(--primary-color)}.oc .plugin-toggle-switch input:checked+.plugin-toggle-slider:before{-webkit-transform:translate(22px);transform:translate(22px)}.oc #logo_btn,.oc #edit_overwrite{justify-content:flex-start!important;align-items:center!important;gap:6px!important;width:auto!important;padding:2px 6px!important;font-size:12px!important;display:inline-flex!important}.oc #logo_btn .logo-text,.oc #edit_overwrite .btn-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden;line-height:12px!important}.oc #logo_btn .mihomo-link{color:var(--primary-color);font-weight:500}.oc .config-subscription-info{flex:1;justify-content:flex-end;align-items:center;min-width:0;margin-left:16px;display:flex}.oc .subscription-info-container{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--card-padding);width:100%;height:180px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative}.oc .subscription-info-container:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.oc .subscription-info-main{flex-direction:column;flex:1;gap:15px;display:flex}.oc .subscription-info-header{justify-content:space-between;align-items:center;gap:var(--card-grid-gap);flex-direction:row;min-width:0;min-height:24px;padding:0 20px;display:flex}.oc .subscription-info-details{flex-direction:column;flex:1;gap:5px;min-height:80px;padding-left:20px;padding-right:20px;display:flex}.oc .subscription-progress{gap:var(--content-gap);flex-direction:column;margin:auto 0;display:flex}.oc .subscription-progress-bar{background:var(--bg-gray);border-radius:4px;height:12px;position:relative;overflow:hidden}.oc .subscription-progress-fill{border-radius:4px;height:100%;transition:width .3s;position:relative;overflow:hidden}.oc .subscription-progress-fill:before{content:"";background-image:linear-gradient(45deg, var(--stripe-color) 25%, transparent 25%, transparent 50%, var(--stripe-color) 50%, var(--stripe-color) 75%, transparent 75%, transparent);background-size:var(--stripe-size) var(--stripe-size);opacity:var(--stripe-opacity);pointer-events:none;mix-blend-mode:overlay;border-radius:4px;-webkit-animation:2s linear infinite oc-stripes;animation:2s linear infinite oc-stripes;position:absolute;top:0;bottom:0;left:0;right:0}@-webkit-keyframes oc-stripes{to{background-position:40px 0}}@keyframes oc-stripes{to{background-position:40px 0}}.oc .subscription-progress-fill.high{background:var(--success-color)}.oc .subscription-progress-fill.medium{background:var(--tip-color)}.oc .subscription-progress-fill.low{background:var(--error-color)}.oc .subscription-info-title{font-size:var(--card-title-size-sm);color:var(--text-title);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.4;display:block;overflow:hidden}.oc .subscription-actions-row{justify-content:flex-end;align-items:center;gap:var(--card-grid-gap);width:100%;padding-bottom:2px}.oc .subscription-overwrite-tags{align-items:center;gap:var(--card-grid-gap);scrollbar-width:none;flex:1;min-width:0;margin-right:auto;padding-bottom:2px;display:flex;overflow-x:auto;overflow-y:hidden}.oc .subscription-overwrite-tags::-webkit-scrollbar{display:none}.oc .subscription-overwrite-tags.drag-scroll-enabled{cursor:grab;-webkit-user-select:none;user-select:none}.oc .subscription-overwrite-tags.dragging{cursor:grabbing}.oc .subscription-overwrite-tag{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-white);width:-webkit-fit-content;width:fit-content;height:28px;color:var(--text-secondary);white-space:nowrap;word-break:keep-all;box-sizing:border-box;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);flex:none;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.oc .subscription-overwrite-tag.type-http{color:var(--primary-color);border-color:var(--primary-color)}.oc .subscription-overwrite-tag.type-file{color:var(--success-color);border-color:var(--success-color)}.oc .subscription-overwrite-tag.type-unknown{color:var(--warning-color);border-color:var(--warning-color)}.oc .subscription-action-buttons{align-items:center;gap:var(--card-grid-gap);flex-shrink:0;display:flex}.oc .subscription-info-text{color:var(--text-secondary);white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;font-size:13px;line-height:1.4;display:block;overflow-x:auto;overflow-y:hidden}.oc .subscription-info-text::-webkit-scrollbar{display:none}.oc .subscription-info-text.dragging{cursor:grabbing}.oc .subscription-providers-grid{gap:var(--content-gap);scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;max-width:100%;padding:8px 0;display:flex;overflow-x:auto;overflow-y:hidden}.oc .subscription-providers-grid::-webkit-scrollbar{display:none}.oc .subscription-providers-grid.dragging{cursor:grabbing}.oc .subscription-providers-grid[data-count="1"],.oc .subscription-providers-grid[data-count="2"],.oc .subscription-providers-grid[data-count="3"]{overflow-x:hidden}.oc .provider-card{box-sizing:border-box;gap:var(--tight-gap);background:0 0;flex-direction:column;flex:0 0 calc(33.333% - 8px);min-width:calc(33.333% - 8px);padding:0;transition:all .2s;display:flex}.oc .subscription-providers-grid[data-count="1"] .provider-card{flex:100%;min-width:100%}.oc .subscription-providers-grid[data-count="2"] .provider-card{flex:calc(50% - 6px);min-width:calc(50% - 6px)}.oc .subscription-loading,.oc .subscription-error,.oc .subscription-no-info{color:var(--text-secondary);text-align:center;flex:1;justify-content:center;align-items:center;min-height:40px;font-size:12px;display:flex}.oc .subscription-error{color:var(--error-color)}.oc .subscription-nav-arrow{cursor:pointer;width:0;height:0;transition:all var(--transition-fast);z-index:3;opacity:.6;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.oc .subscription-nav-arrow:hover{opacity:1;-webkit-transform:translateY(-50%)scale(1.2);transform:translateY(-50%)scale(1.2)}.oc .subscription-nav-arrow.disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.oc .subscription-nav-arrow.left{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid var(--text-secondary);left:8px}.oc .subscription-nav-arrow.right{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--text-secondary);right:8px}.oc .subscription-nav-arrow.left:hover{border-right-color:var(--primary-color)}.oc .subscription-nav-arrow.right:hover{border-left-color:var(--primary-color)}.oc .config-file-name-wrapper{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.oc .config-file-name .selected-file-dot{vertical-align:middle;background:var(--primary-color);will-change:transform, opacity;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-bottom:.2em;margin-right:.2em;-webkit-animation:4s ease-in-out infinite gentlePulse;animation:4s ease-in-out infinite gentlePulse;display:inline-block}.oc .age-file-icon{color:var(--error-color);flex-shrink:0;align-items:center;display:inline-flex}.oc .config-file-bottom{min-height:var(--control-height);justify-content:space-between;align-items:center;gap:16px;display:flex}.oc .config-file-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px 20px;display:flex}.oc .config-file-empty-message{color:var(--text-secondary);font-size:16px;font-weight:500}.oc .config-file-content.empty-state .config-file-bottom{display:none}.oc .file-info{color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);flex-flow:row;gap:8px;min-width:0;max-width:30vw;font-size:13px;display:flex;overflow:hidden}.oc .file-info:hover{background:var(--bg-light);color:var(--text-primary)}.oc .file-info-item{white-space:nowrap;text-overflow:ellipsis;align-items:center;max-width:240px;padding:2px 6px;font-size:13px;display:inline-flex;overflow:hidden}.oc .file-info-item svg{flex-shrink:0;margin-right:4px}.oc .file-info-item>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.oc .announcement-banner{background:linear-gradient(275deg, var(--primary-color), var(--announcement-end));color:var(--text-on-primary);padding:var(--card-outer-padding);border-radius:var(--radius-lg);height:38px;box-shadow:var(--shadow-md);box-sizing:border-box;width:80%;max-width:95%;margin:0 auto;position:relative;overflow:hidden}.oc .announcement-content{white-space:nowrap;z-index:1;opacity:0;padding-right:50px;font-weight:500;transition:opacity .3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:absolute;top:50%;left:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.oc .announcement-content.scrolling{opacity:1;will-change:transform, opacity;-webkit-animation-name:announceScroll;animation-name:announceScroll}.oc .announcement-content.paused{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes announceScroll{0%{-webkit-transform:translateY(-50%)translate(0);transform:translateY(-50%)translate(0)}to{-webkit-transform:translateY(-50%) translateX(var(--scroll-distance));transform:translateY(-50%) translateX(var(--scroll-distance))}}@keyframes announceScroll{0%{-webkit-transform:translateY(-50%)translate(0);transform:translateY(-50%)translate(0)}to{-webkit-transform:translateY(-50%) translateX(var(--scroll-distance));transform:translateY(-50%) translateX(var(--scroll-distance))}}.oc .megaphone-container{background:var(--announcement-icon-bg);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);justify-content:center;align-items:center;width:40px;display:flex;position:absolute;top:0;bottom:0;left:0}.oc .announcement-banner:before{content:"";border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);background:linear-gradient(to right, var(--announcement-end) 80%, var(--announcement-end) 100%);z-index:3;pointer-events:none;width:45px;position:absolute;top:0;bottom:0;left:0}.oc #megaphone{z-index:4;-webkit-filter:brightness(0)invert();filter:brightness(0)invert();position:relative;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.oc .hidden{display:none!important}.oc .stats-section{background:var(--bg-gray);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--shadow-md);box-sizing:border-box;flex-direction:column;gap:5px;min-width:0;max-width:100%;display:flex}.oc .stats-section:hover{background:var(--hover-bg,#f3f4f6);border-color:var(--primary-color,#3b82f6);box-shadow:var(--shadow-sm)}.oc .stats-card-header{flex:none;justify-content:space-between;align-items:center;gap:10px;min-width:0;height:20px;margin-top:5px;margin-bottom:5px;display:flex}.oc .stats-title{font-size:var(--card-title-size);color:var(--text-title);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;padding-left:5px;font-weight:600;display:flex;overflow:hidden}.oc .stats-view-toggle{flex:none}.oc .icon-pill{background:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-sizing:border-box;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:inline-flex}.oc .icon-pill .icon-pill-opt{width:30px;height:20px;color:var(--text-secondary);cursor:pointer;border-radius:calc(var(--radius-sm) - 1px);transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;z-index:0;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.oc .icon-pill .icon-pill-opt svg{width:14px;height:14px;display:block}.oc .icon-pill .icon-pill-opt:after{content:"";z-index:-1;border-radius:calc(var(--radius-sm) - 3px);background:var(--primary-a10);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;position:absolute;top:1px;bottom:1px;left:2px;right:2px}.oc .icon-pill .icon-pill-opt:hover{color:var(--text-primary)!important}.oc .icon-pill .icon-pill-opt:hover:after{opacity:1}.oc .icon-pill .icon-pill-opt.active{color:var(--primary-color)!important}.oc .icon-pill .icon-pill-opt.active:after{border-radius:calc(var(--radius-sm) - 2px);background:var(--bg-white);box-shadow:var(--shadow-md);opacity:1;top:0;bottom:0;left:0;right:0}.oc .stats-section .card-row.stats-grid{flex:auto;min-height:0}.oc .stats-section .sub-card.stat-item{background:var(--bg-white);gap:4px}.oc .stats-section .stat-label{justify-content:center;align-items:center;gap:6px;margin-top:0;padding-bottom:6px;display:flex;position:relative}.oc .stats-section .stat-dot{border-radius:50%;flex:none;width:8px;height:8px}.oc .stats-section .stat-label:after{content:"";background-color:var(--border-color);width:20px;height:1px;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.oc .stats-section .stat-value{justify-content:center;align-items:baseline;min-height:auto;margin-top:0;font-size:15px;font-weight:700;display:flex}.oc .stats-section .stat-num{font-size:18px;font-weight:700}.oc .stats-section .stat-unit{color:var(--text-secondary);margin-left:3px;font-size:11px;font-weight:500}.oc .stats-chart-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);box-sizing:border-box;min-width:0;max-width:100%;height:180px;min-height:0;transition:all var(--transition-fast);flex-direction:column;flex:none;gap:8px;margin-bottom:5px;padding:10px 12px 8px;display:flex;position:relative;overflow:hidden}.oc .stats-chart-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.oc .stats-chart-header{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.oc .stats-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;flex:none;min-width:0;max-width:100%;overflow-x:auto}.oc .stats-tabs::-webkit-scrollbar{display:none}.oc .stats-tabs.dragging{cursor:grabbing}.oc .stats-legend{white-space:nowrap;flex-wrap:nowrap;flex:none;align-items:center;gap:6px 14px;min-width:0;display:flex}.oc .stats-legend-item{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.oc .stats-legend-item i{border-radius:6px;flex:none;width:10px;height:10px;display:inline-block}.oc .stats-legend-name{color:var(--text-secondary)}.oc .stats-legend-val{color:var(--text-primary);font-weight:700}.oc .stats-chart-wrap{flex:auto;min-height:0;position:relative}.oc .stats-chart-wrap canvas{display:block}.oc .oc-usage-help-bubble{white-space:nowrap;background:var(--text-primary,#374151);color:var(--bg-white,#fff);opacity:0;pointer-events:none;z-index:-1;border-radius:6px;padding:8px 14px;font-size:12px;line-height:1;transition:opacity .25s,-webkit-transform .25s,transform .25s;position:absolute;bottom:calc(100% + 10px);right:12px;-webkit-transform:translateY(4px);transform:translateY(4px);box-shadow:0 2px 8px rgba(55,65,81,.25)}.oc .oc-usage-help-bubble:after{content:"";border:6px solid transparent;border-top-color:var(--text-primary,#374151);position:absolute;top:100%;right:6px}.oc .oc-usage-help-bubble.show{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}#usage-help-model .form-textarea{background:var(--bg-gray,#f8f9fa);border:1px solid var(--border-light);color:var(--text-primary);resize:vertical;min-height:220px;font-size:13px;line-height:1.6}#usage-help-model .form-textarea:focus{border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 2px var(--primary-a20);outline:none}#usage-help-editor{height:400px}.oc .config-editor-resize-handle{cursor:nw-resize;background:linear-gradient(-45deg, transparent 0%, transparent 40%, var(--border-color) 40%, var(--border-color) 45%, transparent 45%, transparent 50%, var(--border-color) 50%, var(--border-color) 55%, transparent 55%, transparent 60%, var(--border-color) 60%, var(--border-color) 65%, transparent 65%);width:20px;height:20px;position:absolute;bottom:0;right:0}html[data-darkmode=true] .oc .myip-main-card{background:var(--bg-white,#1f2937);border-color:var(--border-light,#374151)}html[data-darkmode=true] .oc .myip-section-title{color:var(--text-primary,#f9fafb);border-bottom-color:var(--border-light,#374151)}html[data-darkmode=true] .oc .myip-footer p{color:var(--text-secondary,#d1d5db)!important}.oc .myip-main-card{--myip-label-h:24px;--myip-mid-h:30px;--myip-bottom-h:26px;background:var(--bg-white,#fff);width:100%;min-width:300px;transition:all var(--transition-fast);margin:0 auto}.oc .myip-content-grid{background:var(--bg-white);border:1px solid var(--border-light,#e5e7eb);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);gap:var(--section-gap);padding:var(--card-outer-padding);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.oc .myip-ip-section,.oc .myip-check-section{background:var(--bg-gray);border:1px solid var(--border-light);border-radius:var(--radius-md);height:100%;padding:var(--card-padding);box-sizing:border-box;flex-direction:column;display:flex}.oc .myip-ip-section:hover,.oc .myip-check-section:hover{background:var(--hover-bg,#f3f4f6);border-color:var(--primary-color,#3b82f6);box-shadow:var(--shadow-sm)}.oc .myip-section-title{font-size:var(--card-title-size);text-align:left;border-bottom:2px solid var(--border-light,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;min-height:36px;margin:8px 0;padding:0 0 12px;font-weight:700;display:flex;color:var(--text-title)!important}.oc .myip-ip-list,.oc .myip-check-list{gap:var(--card-grid-gap);flex:1;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;display:grid}.oc .myip-card-item{padding:var(--card-outer-padding);background:var(--bg-white);border:1px solid var(--border-light,#e5e7eb);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:var(--card-item-min-height);box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--card-grid-gap);flex-direction:column;min-width:0;max-width:100%;height:100%;display:flex}.oc .myip-card-item:hover{border-color:var(--primary-color,#3b82f6)}.oc .myip-card-icon{width:20px;height:20px;color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0}.oc .myip-card-icon.ic-baidu{color:#2932e1}.oc .myip-card-icon.ic-netease{color:#d43c33}.oc .myip-card-icon.ic-github{color:#1b1f23}.oc .myip-card-icon.ic-youtube{color:red}html[data-darkmode=true] .oc .myip-card-icon.ic-baidu{color:#4e6ef2}html[data-darkmode=true] .oc .myip-card-icon.ic-netease{color:#f05050}html[data-darkmode=true] .oc .myip-card-icon.ic-github{color:#fff}html[data-darkmode=true] .oc .myip-card-icon.ic-youtube{color:#f44}.oc .myip-card-label{justify-content:center;align-items:center;gap:var(--tight-gap);font-size:var(--card-title-size-sm);color:var(--text-title);text-overflow:ellipsis;white-space:nowrap;max-width:100%;height:var(--myip-label-h);flex-shrink:0;font-weight:600;display:flex;overflow:hidden}.oc .myip-card-label svg{flex-shrink:0;width:1em;height:1em;display:block}.oc .myip-card-label>span{align-items:center;line-height:1;display:inline-flex}.oc .myip-ip-addr{min-height:var(--myip-mid-h);color:var(--text-primary);text-align:center;white-space:normal;word-break:break-all;flex-shrink:0;justify-content:center;align-items:center;width:100%;font-size:12px;font-weight:500;line-height:1.3;display:flex}.oc .myip-ip-geo{color:var(--text-secondary);text-align:center;white-space:normal;width:100%;min-height:var(--myip-bottom-h);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;line-height:1.3;display:flex}.oc .myip-check-row{height:var(--myip-mid-h);flex-shrink:0;justify-content:center;align-items:center;gap:2px;display:flex}.oc .myip-latency{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:18px;font-weight:600;line-height:1;transition:color .3s}.oc .myip-latency-fast{color:var(--success-color)!important}.oc .myip-latency-mid{color:var(--warning-color)!important}.oc .myip-latency-slow{color:var(--error-color)!important}.oc .myip-latency-unit{color:var(--text-secondary);margin-left:1px;font-size:12px;line-height:1}.oc .myip-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:4px;transition:background .3s,box-shadow .3s}.oc .myip-status-dot.ok,.oc .myip-status-dot.myip-latency-fast{background:var(--success-color);box-shadow:0 0 5px var(--success-color)}.oc .myip-status-dot.myip-latency-mid{background:var(--warning-color);box-shadow:0 0 5px var(--warning-color)}.oc .myip-status-dot.err,.oc .myip-status-dot.myip-latency-slow{background:var(--error-color);box-shadow:0 0 5px var(--error-color)}.oc .myip-status-dot.testing{background:var(--text-secondary);-webkit-animation:1.2s ease-in-out infinite myip-pulse;animation:1.2s ease-in-out infinite myip-pulse}@-webkit-keyframes myip-pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes myip-pulse{0%,to{opacity:.35}50%{opacity:1}}.oc .myip-sparkline-wrap{width:100%;height:var(--myip-bottom-h);flex-shrink:0;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:visible}.oc .myip-sparkline-wrap svg.myip-sparkline-svg{width:100%;min-width:100%;height:20px;display:block;overflow:visible}.oc .myip-sparkline-wrap .spark-line{fill:none;stroke:var(--success-color);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.oc .myip-sparkline-wrap .spark-ghost{fill:none;stroke:var(--success-color);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.2}.oc .myip-sparkline-wrap .spark-dot{opacity:0;vector-effect:non-scaling-stroke;-webkit-animation:1s ease-in-out 3s forwards dot-appear;animation:1s ease-in-out 3s forwards dot-appear}.oc .myip-sparkline-wrap .spark-dot-glow{opacity:0;transform-box:fill-box;-webkit-transform-origin:50%;transform-origin:50%;will-change:transform;-webkit-animation:1s ease-in-out 3s forwards glow-appear,3s ease-in-out 4s infinite backwards dot-breathe;animation:1s ease-in-out 3s forwards glow-appear,3s ease-in-out 4s infinite backwards dot-breathe}.oc .myip-sparkline-wrap .spark-crosshair{pointer-events:none;opacity:.5}.oc .myip-sparkline-wrap .spark-hover-dot{pointer-events:none;stroke:var(--bg-white);stroke-width:1.5px;vector-effect:non-scaling-stroke}.oc .myip-sparkline-wrap .spark-tip{white-space:nowrap;background:var(--bg-white);color:var(--text-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);pointer-events:none;z-index:3;border-radius:3px;padding:2px 7px;font-size:12px;font-weight:500;line-height:1.5;position:absolute;top:0;left:0}@-webkit-keyframes dot-appear{to{opacity:1}}@keyframes dot-appear{to{opacity:1}}@-webkit-keyframes glow-appear{to{opacity:.3}}@keyframes glow-appear{to{opacity:.3}}@-webkit-keyframes dot-breathe{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.4);transform:scale(1.4)}}@keyframes dot-breathe{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.4);transform:scale(1.4)}}.oc .myip-sparkline-error{width:100%;height:100%;color:var(--error-color);opacity:.85;justify-content:center;align-items:center;font-size:12px;display:flex}.oc .myip-footer{grid-column:1/-1;height:24px;padding-top:8px;position:relative}.oc .myip-footer p{white-space:nowrap;z-index:1;text-overflow:ellipsis;box-sizing:border-box;text-align:right;max-width:100%;position:absolute;overflow:hidden;padding:0 var(--card-outer-padding)!important;color:var(--text-secondary,#6b7280)!important;margin:0!important;font-size:15px!important;line-height:20px!important;top:0!important;right:0%!important}.oc .myip-footer a{color:var(--primary-color,#3b82f6);opacity:.8;transition:opacity var(--transition-fast);font-weight:500;text-decoration:none}.oc .myip-footer a:hover{opacity:1;text-decoration:underline}.oc .mode-label{color:var(--text-secondary,#666);vertical-align:middle;font-size:14px}.oc .myip-toolbar #mode-icon .mode-body{fill:var(--primary-color);stroke:var(--primary-color)}.oc .myip-toolbar #mode-icon .mode-line,.oc .myip-toolbar #mode-icon .mode-dot{fill:var(--text-on-primary);stroke:var(--text-on-primary)}.oc .myip-toolbar #mode-icon .mode-antenna{stroke:currentColor}.oc .myip-toolbar #mode-icon.mode-browser .mode-body{fill:none;stroke:currentColor}.oc .myip-toolbar #mode-icon.mode-browser .mode-line,.oc .myip-toolbar #mode-icon.mode-browser .mode-dot{fill:currentColor;stroke:currentColor}.oc .developer-container{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--shadow-md);width:100%;transition:all var(--transition-fast);margin:0;position:relative;overflow:hidden}.oc .developer-grid{z-index:1;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px 30px;min-height:auto;padding:5px 0 0;line-height:1;display:flex;position:relative}.oc .developer-avatar-container{--oc-dev-size:50px;min-width:var(--oc-dev-size);width:var(--oc-dev-size);flex-direction:column;flex-shrink:0;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.oc .developer-avatar-container:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.oc .developer-avatar{cursor:pointer;width:var(--oc-dev-size);height:var(--oc-dev-size);object-fit:cover;z-index:1;background:linear-gradient(45deg, var(--indigo) 0%, var(--grape) 100%);border:2px solid rgba(255,255,255,.8);border-radius:50%;padding:1px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.1),0 1px 6px rgba(0,0,0,.08),inset 0 1px rgba(255,255,255,.4)}.oc .developer-avatar.developer-avatar-offline{opacity:.4;-webkit-filter:grayscale(.6);filter:grayscale(.6)}.oc .developer-avatar-container:before{content:"";width:var(--oc-dev-size);height:var(--oc-dev-size);margin-left:calc(var(--oc-dev-size) / -2);background:conic-gradient(var(--indigo), var(--grape), var(--pink-light), var(--coral), var(--indigo));-webkit-filter:blur(4px);filter:blur(4px);opacity:0;z-index:0;pointer-events:none;border-radius:50%;transition:opacity .3s;-webkit-animation:3s linear infinite rotate;animation:3s linear infinite rotate;position:absolute;top:0;left:50%}.oc .developer-avatar-container:hover:before{opacity:.6}.oc .developer-avatar:hover{border-color:#fff;-webkit-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg);box-shadow:0 6px 20px rgba(0,0,0,.12),0 3px 10px rgba(102,126,234,.25),inset 0 1px rgba(255,255,255,.6)}.oc .developer-avatar.developer-more{color:rgba(255,255,255,.92);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.oc .developer-more-dots{line-height:1;display:block;-webkit-transform:translateY(-.333em);transform:translateY(-.333em)}.oc .developer-avatar.developer-more:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.oc .developer-label{color:var(--text-secondary);text-align:center;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 2px rgba(0,0,0,.1);white-space:nowrap;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.3);border-radius:6px;margin-top:6px;padding:2px 6px;font-size:11px;font-weight:400;transition:all .25s;-webkit-transform:translateY(6px);transform:translateY(6px);box-shadow:0 2px 6px rgba(0,0,0,.08)}.oc .developer-avatar-container:hover .developer-label{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.oc .developer-grid.dev-prepare>span{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.oc .developer-grid.dev-inview>span{-webkit-animation:.6s forwards fadeInUp;animation:.6s forwards fadeInUp}.oc .developer-grid>span:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.oc .developer-grid>span:nth-child(2){-webkit-animation-delay:.15s;animation-delay:.15s}.oc .developer-grid>span:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.oc .developer-grid>span:nth-child(4){-webkit-animation-delay:.25s;animation-delay:.25s}.oc .developer-grid>span:nth-child(5){-webkit-animation-delay:.3s;animation-delay:.3s}.oc .developer-grid>span:nth-child(6){-webkit-animation-delay:.35s;animation-delay:.35s}.oc .developer-grid>span:nth-child(7){-webkit-animation-delay:.4s;animation-delay:.4s}.oc .developer-grid>span:nth-child(8){-webkit-animation-delay:.45s;animation-delay:.45s}.oc .developer-grid>span:nth-child(9){-webkit-animation-delay:.5s;animation-delay:.5s}.oc .developer-grid>span:nth-child(10){-webkit-animation-delay:.55s;animation-delay:.55s}.oc .developer-grid>span:nth-child(11){-webkit-animation-delay:.6s;animation-delay:.6s}.oc .developer-grid>span:nth-child(12){-webkit-animation-delay:.65s;animation-delay:.65s}.oc .developer-grid>span:nth-child(13){-webkit-animation-delay:.7s;animation-delay:.7s}@-webkit-keyframes fadeInUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (hover:none){.oc .developer-label{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}html[data-darkmode=true] .oc .developer-avatar{border-color:var(--slate-a80);background:linear-gradient(45deg, var(--indigo) 0%, var(--grape) 100%)}html[data-darkmode=true] .oc .developer-avatar:hover{border-color:#f9fafb}html[data-darkmode=true] .oc .developer-label{background:var(--white-a90);border-color:var(--black-a10);color:var(--text-primary)}html[data-darkmode=true] .oc .card{background:linear-gradient(var(--bg-gray), var(--slate-500))}html[data-darkmode=true] .oc .card .additional{background:linear-gradient(var(--card-accent), var(--slate-500))}html[data-darkmode=true] .oc .card .general .oix-title,html[data-darkmode=true] .oc .card .general .oix-result,html[data-darkmode=true] .oc .card .general .oix-result2,html[data-darkmode=true] .oc .card .general h1{color:var(--slate-200)}html[data-darkmode=true] .oc .card .additional .user-card:after{border-left:2px solid rgba(255,255,255,.2)}html[data-darkmode=true] .oc .card .additional .more-info h1,html[data-darkmode=true] .oc .card .additional .coords{color:var(--slate-100)}html[data-darkmode=true] .oc .card .general .oix-info::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3)}html[data-darkmode=true] .oc .card .general .oix-info::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.4)}html[data-darkmode=true] .oc .oix-announcement{background:linear-gradient(135deg, var(--announcement-end), var(--primary-color))}html[data-darkmode=true] .oc .oix-announcement:before{background:linear-gradient(to right, var(--announcement-end) 80%, var(--announcement-end) 100%)}.oc .oix-main-container{background:var(--bg-white);width:100%;transition:all var(--transition-fast);margin:0 auto}.oc .center{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);padding:var(--card-outer-padding);transition:all var(--transition-fast)}.oc .card{--oix-cover-width:150px;background-color:var(--bg-white);background:linear-gradient(var(--card-bg-start), var(--bg-white));width:100%;height:250px;box-shadow:var(--card-shadow);border:1px solid var(--border-light);border-radius:var(--radius-md);position:relative}.oc .card:hover{border-color:var(--primary-color,#3b82f6);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.oc .card h1{text-align:center}.oc .card .additional{width:var(--oix-cover-width);background:linear-gradient(var(--card-accent), var(--bg-white));z-index:2;border-radius:var(--radius-md);align-items:stretch;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1),border-radius .5s;display:flex;position:absolute;overflow:hidden}.oc .card .additional.expanded{width:100%}.oc .card .additional.collapsed{width:var(--oix-cover-width)}.oc .card .additional .user-card{width:var(--oix-cover-width);flex-shrink:0;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.oc .card .additional .user-card:after{content:"";border-left:2px solid rgba(0,0,0,.024);height:80%;display:block;position:absolute;top:10%;right:-2px}.oc .card .additional .user-card .img{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.oc .card .additional .user-card img{border-radius:50%;width:65%;position:relative;top:auto;bottom:auto;left:auto}.oc .card .additional .more-info{text-align:center;opacity:0;visibility:hidden;flex-direction:column;flex:1;justify-content:center;padding:1rem;transition:opacity .3s,visibility .3s;display:flex;overflow:visible}.oc .card .additional.expanded .more-info{opacity:1;visibility:visible}.oc .card .additional.collapsed .more-info{opacity:0;visibility:hidden}.oc .card .additional .more-info h1{color:var(--text-on-primary);white-space:nowrap;text-overflow:ellipsis;border-bottom:none;margin:.5rem 0;padding-top:.2rem;font-size:2.5rem;line-height:1.2;position:relative;overflow:hidden}.oc .card .additional .more-info h1:after{content:"";background-color:var(--divider);width:60%;height:1px;margin-bottom:5px;position:absolute;bottom:-.2rem;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.oc .card .additional .coords{color:var(--text-on-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;line-height:1.4;overflow:hidden}.oc .card .additional.expanded+.general{opacity:0;margin-left:0}.oc .card .additional.collapsed+.general{opacity:1}.oc .card .general{width:auto;height:100%;margin-left:var(--oix-cover-width);z-index:1;opacity:1;padding:0 10px;transition:margin-left .5s,opacity .5s;position:relative;top:0;right:0;overflow:hidden}.oc .card .general h1{text-align:center;margin:0;padding-top:10px;font-size:30px;line-height:35px;color:var(--text-title)!important}.oc .card .general .oix-info{grid-template-columns:1fr 1fr auto;gap:5%;width:90%;height:65%;margin:0 auto;display:grid;position:relative;top:8%;overflow-x:hidden;overflow-y:auto}.oc .card .general .oix-info-left,.oc .card .general .oix-info-center{flex-direction:column;gap:4px;display:flex;overflow:visible}.oc .card .general .oix-info-right{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.oc .card .general .oix-btn-container{flex:1;justify-content:center;align-items:center;margin-bottom:30px;display:flex}.oc .card .general .oix-info p{text-align:left;min-height:25px;margin-bottom:0;line-height:25px;padding:4px 0!important}.oc .card .general .oix-info div{position:relative}.oc .card .general .oix-title{font-weight:700;font-size:var(--card-title-size);vertical-align:bottom;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:45%;height:25px;line-height:25px;display:inline-block;overflow:hidden;color:var(--text-title)!important}.oc .card .general .oix-result,.oc .card .general .oix-result2{white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;text-align:right;width:55%;height:25px;font-size:15px;line-height:25px;display:inline-block;overflow:hidden;color:var(--text-secondary)!important}.oc .card .general .btn{background:var(--card-btn-bg);box-shadow:var(--card-shadow);-webkit-appearance:button;appearance:button;cursor:pointer;width:90px;transition:all var(--transition-fast);border-radius:6px;margin:0;font-size:15px;font-weight:700;display:inline-block;overflow:hidden;color:var(--text-on-primary)!important;border-color:var(--card-accent)!important;background-color:var(--primary-color)!important;height:90px!important;text-shadow:none!important;border:none!important}.oc .card .general .btn:hover{background:var(--btn-primary-hover)!important}.oc .card .general .more{pointer-events:auto;z-index:10;white-space:nowrap;text-overflow:ellipsis;justify-content:flex-end;align-items:center;width:100%;margin:0;padding:0 16px 5px 0;font-size:12px;line-height:16px;display:flex;position:absolute;bottom:8px;left:0;right:0;overflow:hidden}.oc .card .general .more p{text-align:right;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;width:100%;min-width:0;margin:0;padding:0;font-size:15px;overflow:hidden;color:var(--text-secondary)!important}.oc .card .general .more a{color:var(--primary-color);opacity:.8;transition:opacity var(--transition-fast);white-space:nowrap;font-weight:500;text-decoration:none}.oc .card .general .more a:hover{opacity:1;text-decoration:underline}.oc .card .general .oix-info::-webkit-scrollbar{width:4px}.oc .card .general .oix-info::-webkit-scrollbar-track{background:0 0}.oc .card .general .oix-info::-webkit-scrollbar-thumb{background:var(--overlay-bg);border-radius:2px}.oc .card .general .oix-info::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.oc .oix-announcement{background:linear-gradient(275deg, var(--primary-color), var(--announcement-end));color:var(--text-on-primary);padding:var(--card-outer-padding);border-radius:var(--radius-lg);height:38px;box-shadow:var(--shadow-md);box-sizing:border-box;align-self:center;justify-self:center;width:80%;max-width:95%;margin:10px auto;position:relative;overflow:hidden}.oc .oix-announcement:before{content:"";border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);background:linear-gradient(to right, var(--announcement-end) 80%, var(--announcement-end) 100%);z-index:2;pointer-events:none;width:45px;position:absolute;top:0;bottom:0;left:0}.oc .oix-announcement-content{white-space:nowrap;z-index:1;opacity:0;padding-right:50px;font-weight:500;transition:opacity .3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:absolute;top:50%;left:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.oc .oix-announcement-content.scrolling{opacity:1;will-change:transform, opacity;-webkit-animation-name:announceScroll;animation-name:announceScroll}.oc .oix-announcement-content.paused{-webkit-animation-play-state:paused;animation-play-state:paused}.oc .oix-megaphone-container{z-index:2;border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);justify-content:center;align-items:center;width:40px;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0}.oc #oix-megaphone{-webkit-filter:brightness(0)invert();filter:brightness(0)invert();z-index:auto;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.oc .oc-float-stack{z-index:9999;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.oc .oc-float-stack .oc-usage-help-float{position:relative;bottom:auto;right:auto}.oc .oc-float-stack .oc-usage-help-bubble{bottom:10px;right:calc(100% + 10px)}.oc .oc-float-stack .oc-usage-help-bubble:after{border:6px solid transparent;border-left-color:var(--text-primary,#374151);margin-top:-6px;top:50%;left:100%;right:auto}.oc .oc-usage-help-float.oc-guide-float{background:var(--primary-color);box-shadow:0 4px 12px var(--primary-a40)}.oc.guide-tour{display:none}.oc.guide-tour.on{display:block}@-webkit-keyframes guide-beacon{0%,to{box-shadow:0 4px 12px var(--primary-a40), 0 0 0 0 var(--primary-a50)}50%{box-shadow:0 4px 12px var(--primary-a40), 0 0 0 9px transparent}}@keyframes guide-beacon{0%,to{box-shadow:0 4px 12px var(--primary-a40), 0 0 0 0 var(--primary-a50)}50%{box-shadow:0 4px 12px var(--primary-a40), 0 0 0 9px transparent}}.oc .oc-usage-help-float.oc-guide-float.beacon{-webkit-animation:2s ease-out infinite guide-beacon;animation:2s ease-out infinite guide-beacon}@media (max-width:1024px){.oc .main-cards-container{grid-template-columns:1fr;gap:11px;width:100%;max-width:100%}.oc .announcement-banner{grid-column:1;width:80%;max-width:95%}.oc .announcement-card{grid-column:1;width:100%;max-width:100%}.oc .main-card{grid-column:1;grid-template-rows:auto auto auto auto;width:100%;max-width:100%}.oc .main-card:first-of-type{grid-area:2/1}.oc .main-card:last-of-type{grid-area:3/1}.oc .card-row.dual-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.oc .card-row.stats-grid{grid-template-columns:repeat(4,minmax(0,2fr))}.oc .config-selector{flex:1;min-width:200px}.oc .config-select{min-width:200px;font-size:14px}.oc .config-select option{max-width:100%;font-size:14px}.oc .card-row:first-child,.oc .card-row:nth-child(2),.oc .card-row:nth-child(3),.oc .card-row:nth-child(4){min-height:auto}.oc .oix-main-container{width:calc(100% - 32px)}.oc .card{--oix-cover-width:140px}.oc .card .additional .more-info h1{font-size:1.8rem}.oc .card .additional .coords{font-size:.95rem}.oc .card .general{padding:0 8px}.oc .card .general .more{padding-right:12px;bottom:6px}.oc .oix-announcement{width:80%;max-width:95%}.oc .stats-section .card-row.stats-grid{min-height:260px}.oc .stats-chart-card{height:180px}.oc .myip-main-card{width:100%;max-width:100%}}@media (max-width:768px){.oc .main-cards-container{gap:10px;width:100%;max-width:100%}.oc .main-card{grid-template-rows:auto auto auto auto}.oc .sub-card{padding:var(--card-outer-padding);min-height:auto}.oc .card-row{gap:12px}.oc .card-row.stats-grid{grid-template-columns:repeat(2,minmax(0,2fr))}.oc .stats-chart-header{flex-wrap:wrap;gap:6px}.oc .stats-legend{white-space:normal;flex-wrap:wrap;flex:100%;justify-content:safe center;gap:4px 10px;max-width:100%;overflow:hidden}.oc .stats-legend-item{font-size:11px}.oc .stats-section .card-row.stats-grid{min-height:240px}.oc .announcement-banner{width:85%;max-width:98%;height:36px}.oc .announcement-content{font-size:13px}.oc .dashboard-btn{height:40px!important;font-size:10px!important}.oc .card-value{font-size:13px}.oc .value-indicator{padding:5px;font-size:11px}.oc .cbi-button-option{padding:6px;font-size:11px}.oc .card-row:first-child,.oc .card-row:nth-child(2),.oc .card-row:nth-child(3),.oc .card-row:nth-child(4){min-height:auto}.oc .config-file-content{flex-direction:column;gap:5px}.oc .config-selector{flex:1;min-width:150px}.oc .config-select{min-width:150px;padding:0 10px;font-size:13px}.oc .config-select option{padding:6px 10px;font-size:13px}.oc .config-selector:after{border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid var(--text-secondary);right:10px}.oc .config-subscription-info{margin-left:12px}.oc .subscription-info-container{padding:8px}.oc .subscription-info-header{gap:8px}.oc .config-file-bottom{flex-direction:row;align-items:stretch;gap:8px}.oc .config-file-bottom .card-actions{justify-content:center;gap:5px}.oc .subscription-info-text{font-size:10px}.oc .subscription-progress-bar{height:10px}.oc .file-info,.oc .file-info-item{font-size:10px}.oc .config-file-empty-message{font-size:14px}.oc .myip-main-card{--myip-label-h:20px;--myip-mid-h:28px;--myip-bottom-h:24px;width:100%;max-width:100%}.oc .myip-content-grid{grid-template-columns:1fr;position:relative}.oc .myip-toolbar{top:calc(var(--card-outer-padding) + 14px);right:calc(var(--card-outer-padding) + 8px);z-index:2;position:absolute}.oc .myip-ip-list,.oc .myip-check-list{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}.oc .myip-section-title{margin-bottom:12px}.oc .myip-card-icon{width:16px;height:16px}.oc .myip-latency{font-size:17px}.oc .myip-latency-unit{font-size:12px}.oc .stats-section .stat-num{font-size:17px}.oc .myip-status-dot{width:6px;height:6px}.oc .myip-sparkline-wrap svg.myip-sparkline-svg{height:18px}.oc .myip-footer p{font-size:13px!important;line-height:18px!important}.oc .oix-main-container{width:100%}.oc .card{--oix-cover-width:125px}.oc .card .additional .more-info h1{font-size:1.5rem}.oc .card .additional .coords{font-size:.8rem}.oc .card .general{padding:0 6px}.oc .card .general h1{margin:0;font-size:24px;line-height:30px}.oc .card .general .oix-info{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:12px;height:50%;padding:0 8px}.oc .card .general .oix-info-right{justify-content:flex-start;gap:12px;padding-top:8px}.oc .card .general .btn{font-size:14px;width:80px!important;height:80px!important;padding:0!important}.oc .card .general .oix-title,.oc .card .general .oix-result,.oc .card .general .oix-result2{width:50%;font-size:14px}.oc .card .general .more{padding-right:10px;bottom:4px}.oc .card .general .more p{font-size:13px}.oc .oix-announcement{width:85%;max-width:98%;height:36px}.oc .oix-announcement-content{font-size:13px}.oc .developer-grid{gap:6px 25px}.oc .developer-avatar-container{--oc-dev-size:45px}.oc .developer-avatar{border-width:2px}.oc .developer-label{margin-top:6px;padding:2px 4px;font-size:9px}.oc .developer-avatar.developer-more{font-size:21px}}@media (max-width:480px){.oc .main-cards-container{gap:8px;width:100%;max-width:100%}.oc .card-row.dual-cards{grid-template-columns:minmax(0,1fr)}.oc .card-row.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc .announcement-banner{width:90%;max-width:100%;height:34px}.oc .announcement-content{font-size:12px}.oc .subscription-overwrite-tag{width:-webkit-fit-content;width:fit-content;height:24px;padding:0 6px;font-size:10px}.oc .version-display{max-width:120px;padding:1px 4px;font-size:9px}.oc .version-display svg{width:9px;height:9px}.oc .dashboard-btn{height:25px!important;font-size:9px!important}.oc .cbi-button-group{gap:0;height:28px;padding:2px}.oc input[type=radio]:checked+.cbi-button-option{min-height:22px}.oc .cbi-button-option{min-width:35px;padding:4px;font-size:10px}.oc .config-file-top{flex-direction:column;align-items:stretch;gap:12px}.oc .config-subscription-info{justify-content:center;margin-left:0}.oc .subscription-info-header{gap:6px}.oc .file-info{gap:4px;font-size:8px}.oc .mode-row .sub-card:first-child .card-content{flex-direction:row;gap:8px}.oc .mode-pill .mode-pill-opt{padding:2px 6px;font-size:9px}.oc .card-row:first-child,.oc .card-row:nth-child(2),.oc .card-row:nth-child(3),.oc .card-row:nth-child(4){min-height:auto}.oc .config-selector{flex:1;min-width:110px}.oc .config-select{min-width:110px;padding:0 8px;font-size:12px}.oc .config-select option{padding:5px 8px;font-size:12px}.oc .config-selector:after{right:8px}.oc .card-value{min-height:28px;font-size:11px}.oc .value-indicator{min-width:50px;height:28px;padding:4px}.oc .value-indicator b{font-size:10px}.oc .stat-value{min-height:30px}.oc .subscription-info-text{font-size:10px}.oc .sub-card{gap:4px;padding:8px}.oc .sub-card.stat-item{padding:8px 4px}.oc .card-content,.oc .card-controls{gap:8px}.oc .core-main-controls{gap:8px;min-height:28px}.oc .core-control-buttons{gap:6px;max-width:120px}.oc .card-actions{gap:6px;min-height:24px}.oc #logo_btn .logo-text,.oc #edit_overwrite .btn-text,.oc #logo_btn .mihomo-link{font-size:8px}.oc .file-info-item{font-size:10px}.oc .config-file-empty-state{gap:15px;padding:30px 15px}.oc .config-file-empty-message{font-size:13px}.oc .myip-main-card{--myip-label-h:18px;--myip-mid-h:26px;--myip-bottom-h:22px}.oc .myip-ip-list,.oc .myip-check-list{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}.oc .myip-section-title{margin-bottom:10px}.oc .myip-card-icon{width:14px;height:14px}.oc .myip-latency{font-size:16px}.oc .myip-latency-unit{font-size:11px}.oc .stats-section .stat-num{font-size:16px}.oc .myip-status-dot{width:6px;height:6px}.oc .myip-sparkline-wrap svg.myip-sparkline-svg{height:16px}.oc .myip-footer p{font-size:11px!important;line-height:16px!important}.oc .center{padding:8px}.oc .card{--oix-cover-width:115px}.oc .card .additional .more-info h1{font-size:1.3rem}.oc .card .additional .coords{font-size:.7rem}.oc .card .general{padding:0 4px}.oc .card .general .oix-info{height:50%}.oc .card .general h1{margin:0;font-size:18px;line-height:26px}.oc .card .general .oix-title,.oc .card .general .oix-result,.oc .card .general .oix-result2{width:50%;font-size:12px}.oc .card .general .more{padding-right:8px;bottom:2px}.oc .card .general .btn{font-size:10px;width:60px!important;height:60px!important;padding:0!important}.oc .card .general .more p{font-size:11px}.oc .oix-announcement{width:90%;max-width:100%;height:34px}.oc .oix-announcement-content{font-size:12px}.oc .developer-grid{gap:3px 15px}.oc .developer-avatar-container{--oc-dev-size:35px}.oc .developer-label{margin-top:3px;padding:1px 3px;font-size:7px}.oc .developer-avatar.developer-more{font-size:17px}.oc .oc-float-stack{bottom:16px;right:16px}}@media (max-width:320px){.oc .mode-pill .mode-pill-opt{padding:2px 5px;font-size:8px}.oc .developer-grid{gap:2px 10px}.oc .developer-avatar-container{--oc-dev-size:30px}.oc .developer-label{margin-top:3px;padding:1px 2px;font-size:6px}.oc .developer-avatar.developer-more{font-size:14px}.oc .announcement-banner,.oc .oix-announcement{height:32px}.oc .announcement-content,.oc .oix-announcement-content{font-size:12px}}@media (min-width:1200px){.oc .developer-grid{gap:10px 35px}.oc .developer-avatar-container{--oc-dev-size:60px}.oc .developer-avatar{border-width:3px}.oc .developer-label{margin-top:6px;padding:3px 8px;font-size:11px}.oc .developer-avatar.developer-more{font-size:28px}}.oc .myip-ip-addr .loading-spinner{border-width:2px;flex-shrink:0;width:13px;height:13px;margin:0 6px 0 0}