/* ===== Dark Mode ===== */
[data-theme="dark"]{--md-primary:#A3C4FF;--md-on-primary:#002260;--md-primary-container:#003185;--md-on-primary-container:#D4E4FF;--md-secondary:#9AA0A6;--md-surface:#1C1B1F;--md-surface-1:#211F26;--md-surface-2:#2B2930;--md-surface-3:#36343B;--md-surface-4:#444249;--md-outline:#938F99;--md-outline-variant:#49454F;--md-on-surface:#E6E1E5;--md-on-surface-variant:#CAC4D0;--md-error:#F2B8B5;--md-error-container:#8C1D18;--md-success:#81C995;--md-success-container:#0D3F1E;--md-warning:#FFB74D;--md-warning-container:#4A3800;--shadow-1:0 1px 2px rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15);--shadow-2:0 1px 2px rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15);--shadow-3:0 4px 8px 3px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.15);--ch-tencent:#6EA1FF;--ch-ocean:#FF9E57;--ch-meta:#5B9DF5;--brand-gradient:linear-gradient(135deg,#3D80FF,#6EA1FF,#A3C4FF)}
/* Dark body background */
[data-theme="dark"] body{background:#161418}
/* Dark top-bar */
[data-theme="dark"] .top-bar{background:rgba(28,27,31,.85);border-bottom-color:rgba(54,52,59,.6)}
/* Dark channel dropdown */
[data-theme="dark"] .channel-dropdown{background:rgba(33,31,38,.95);border-color:rgba(54,52,59,.6)}
/* Dark AI bubble */
[data-theme="dark"] .acl-ai .acl-bubble{background:linear-gradient(135deg,rgba(43,41,48,.95),rgba(54,52,59,.9));border-color:rgba(73,69,79,.7)}
[data-theme="dark"] .acl-ai .acl-bubble::before{background:linear-gradient(105deg,transparent 40%,rgba(163,196,255,.06) 50%,transparent 60%)}
[data-theme="dark"] .acl-bubble-time{color:rgba(230,225,229,.35)}
/* Dark User bubble */
[data-theme="dark"] .acl-user .acl-bubble{background:linear-gradient(135deg,#3D80FF,#2B6BE6)}
/* Dark alert banners */
[data-theme="dark"] .alert-banner.alert-warn{color:#FFB74D;border-bottom-color:rgba(74,56,0,.5)}
[data-theme="dark"] .alert-banner.alert-error{color:#F2B8B5;border-bottom-color:rgba(140,29,24,.5)}
[data-theme="dark"] .alert-banner.alert-success{color:#81C995;border-bottom-color:rgba(13,63,30,.5)}
/* Dark badge-warn */
[data-theme="dark"] .badge-warn{background:#4A3800;color:#FFB74D}
/* Dark alert-sleep */
[data-theme="dark"] .acl-alert-sleep{background:#4A3800;color:#FFB74D;border-color:#6B5300}
/* Dark skill source tags */
[data-theme="dark"] .skill-src-tag.src-builtin{background:rgba(242,184,181,.15);color:#F2B8B5}
[data-theme="dark"] .skill-src-tag.src-knot{background:rgba(163,196,255,.15);color:#A3C4FF}
/* Dark skill status badge hovers */
[data-theme="dark"] .skill-status-badge.st-enabled:hover{background:rgba(129,201,149,.25)}
[data-theme="dark"] .skill-status-badge.st-available:hover{background:rgba(163,196,255,.25)}
/* Dark custom/market tags */
[data-theme="dark"] .asb-custom{background:#4A3800;color:#FFB74D}
[data-theme="dark"] .asb-market{background:rgba(110,161,255,.15);color:#6EA1FF}
/* Dark auth page */
[data-theme="dark"] .auth-overlay{background:linear-gradient(135deg,#0D1B2E 0%,#0F1D30 30%,#122640 60%,#0D1B2E 100%)}
[data-theme="dark"] .auth-overlay::before{background:radial-gradient(ellipse at 20% 50%,rgba(110,161,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(163,196,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(0,82,217,.06) 0%,transparent 50%)}
[data-theme="dark"] .auth-brand h1{color:#E6E1E5}
/* Dark brand title gradient */
[data-theme="dark"] .brand-ad{background:linear-gradient(135deg,#6EA1FF 0%,#A3C4FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
[data-theme="dark"] .brand-claw{background:linear-gradient(135deg,#A3C4FF 0%,#D4E4FF 50%,#E8F0FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
/* Dark brand glow — 自发光用浅蓝色 */
[data-theme="dark"] .brand-glow{color:#6EA1FF;-webkit-text-fill-color:#6EA1FF;opacity:.4}
/* Dark caustics — 更亮的蓝色调 + soft-light 混合模式（暗色背景表现佳） */
[data-theme="dark"] .caustic{--caustic-blend:soft-light;--cb-lo:.5;--cb-hi:.85}
[data-theme="dark"] .c-kw{--caustic-blend-kw:screen}
[data-theme="dark"] .ob-c{--caustic-blend:soft-light;--cb-lo:.5;--cb-hi:.85}
[data-theme="dark"] .c1{--caustic-color:rgba(110,161,255,.1)}
[data-theme="dark"] .c2{--caustic-color:rgba(163,196,255,.09)}
[data-theme="dark"] .c3{--caustic-color:rgba(110,161,255,.08)}
[data-theme="dark"] .c4{--caustic-color:rgba(61,128,255,.06)}
[data-theme="dark"] .c5{--caustic-color:rgba(163,196,255,.1)}
[data-theme="dark"] .c6{--caustic-color:rgba(110,161,255,.07)}
[data-theme="dark"] .c-kw{--caustic-color:rgba(110,161,255,.12)}
/* Dark far ripples */
[data-theme="dark"] .far-ripple{border-color:rgba(110,161,255,.08)}
[data-theme="dark"] .fr2{border-color:rgba(163,196,255,.06)}
/* Dark extra energy pulses */
[data-theme="dark"] .ep4{border-color:rgba(110,161,255,.12)}
[data-theme="dark"] .ep5{border-color:rgba(163,196,255,.1)}
[data-theme="dark"] .auth-subtitle{color:#CAC4D0}
[data-theme="dark"] .auth-kw{
  background:linear-gradient(135deg,rgba(110,161,255,.1) 0%,rgba(43,41,48,.4) 50%,rgba(110,161,255,.08) 100%);
  border-color:rgba(110,161,255,.2);
  color:#c8d6f0;
  box-shadow:
    inset 0 1px 1px rgba(110,161,255,.15),
    inset 0 -1px 2px rgba(0,0,0,.2),
    0 2px 8px rgba(0,0,0,.15),
    0 0 0 .5px rgba(110,161,255,.12)
}
[data-theme="dark"] .auth-kw::before{
  background:linear-gradient(105deg,transparent 30%,rgba(110,161,255,.2) 44%,rgba(163,196,255,.1) 50%,transparent 56%)
}
[data-theme="dark"] .auth-kw::after{
  background:conic-gradient(from 180deg,
    rgba(110,161,255,.15),
    rgba(163,196,255,.2),
    rgba(200,214,240,.15),
    rgba(110,161,255,.1),
    rgba(80,130,220,.18),
    rgba(163,196,255,.15),
    rgba(110,161,255,.15))
}
[data-theme="dark"] .auth-kw:hover{
  background:linear-gradient(135deg,rgba(110,161,255,.16) 0%,rgba(43,41,48,.55) 50%,rgba(110,161,255,.12) 100%);
  box-shadow:
    inset 0 1px 2px rgba(110,161,255,.25),
    inset 0 -1px 3px rgba(0,0,0,.25),
    0 8px 24px rgba(0,0,0,.25),
    0 0 0 .5px rgba(110,161,255,.2)
}
[data-theme="dark"] .auth-kw .material-symbols-outlined{background:linear-gradient(135deg,#6EA1FF,#A3C4FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
[data-theme="dark"] .auth-kw-dot{color:rgba(110,161,255,.2)}
[data-theme="dark"] .auth-feature{background:rgba(43,41,48,.6);border-color:rgba(73,69,79,.4)}
[data-theme="dark"] .auth-feature:hover{background:rgba(43,41,48,.8);box-shadow:0 8px 24px rgba(0,0,0,.2)}
[data-theme="dark"] .auth-feature h4{color:#E6E1E5}
[data-theme="dark"] .auth-feature p{color:#CAC4D0}
[data-theme="dark"] .auth-right{box-shadow:-4px 0 24px rgba(0,0,0,.3)}
/* Dark onboarding welcome backgrounds */
[data-theme="dark"] .acl-onboard-overlay{background:linear-gradient(135deg,#0D1B2E,#0F1D30,#122640)}
[data-theme="dark"] .acl-welcome-bg{background:transparent}
[data-theme="dark"] .acl-welcome-bg::before{background:radial-gradient(circle,rgba(110,161,255,.12) 0%,transparent 70%)}
[data-theme="dark"] .acl-welcome-bg::after{background:radial-gradient(circle,rgba(163,196,255,.08) 0%,transparent 70%)}
/* Dark wizard bg */
[data-theme="dark"] .acl-wizard-bg{background:transparent}
/* Dark onboarding caustics */
[data-theme="dark"] .ob-c1{--caustic-color:rgba(110,161,255,.09)}
[data-theme="dark"] .ob-c2{--caustic-color:rgba(163,196,255,.08)}
[data-theme="dark"] .ob-c3{--caustic-color:rgba(110,161,255,.07)}
[data-theme="dark"] .ob-c4{--caustic-color:rgba(61,128,255,.05)}
[data-theme="dark"] .ob-c5{--caustic-color:rgba(163,196,255,.09)}
[data-theme="dark"] .ob-c6{--caustic-color:rgba(110,161,255,.06)}
[data-theme="dark"] .ob-c7{--caustic-color:rgba(61,128,255,.07)}
[data-theme="dark"] .ob-c8{--caustic-color:rgba(163,196,255,.06)}
/* Dark phasebar */
[data-theme="dark"] .acl-ob-phasebar{background:rgba(28,27,31,.5);border-top-color:rgba(110,161,255,.1)}
/* Dark toggle knob */
[data-theme="dark"] .acl-toggle::after{background:#CAC4D0}
/* Dark adclaw sidebar */
[data-theme="dark"] .adclaw-sidebar{border-left-color:rgba(54,52,59,.6)}
/* Dark inline style overrides for feature icons */
[data-theme="dark"] .acl-wc-feature .acl-fi[style*="background:#F0F5FF"]{background:rgba(163,196,255,.15) !important}
[data-theme="dark"] .acl-wc-feature .acl-fi[style*="background:#FFF3E0"]{background:rgba(255,158,87,.15) !important}
[data-theme="dark"] .acl-wc-feature .acl-fi[style*="background:#CEEAD6"]{background:rgba(129,201,149,.15) !important}
/* Dark quick action accent */
[data-theme="dark"] .acl-quick.acl-quick-accent{background:linear-gradient(135deg,rgba(110,161,255,.1),rgba(0,82,217,.1));border-color:rgba(110,161,255,.3);color:#6EA1FF}
[data-theme="dark"] .acl-quick.acl-quick-accent:hover{background:linear-gradient(135deg,rgba(110,161,255,.2),rgba(0,82,217,.2));border-color:#6EA1FF}
[data-theme="dark"] .acl-quick.acl-quick-success{background:linear-gradient(135deg,rgba(87,199,111,.1),rgba(30,142,62,.1));border-color:rgba(87,199,111,.3);color:#57C76F}
[data-theme="dark"] .acl-quick.acl-quick-success:hover{background:linear-gradient(135deg,rgba(87,199,111,.2),rgba(30,142,62,.2));border-color:#57C76F}
[data-theme="dark"] .acl-quick:hover{border-color:var(--md-primary);color:var(--md-primary);background:rgba(163,196,255,.08)}
/* Dark send button */
[data-theme="dark"] .adclaw-send{background:linear-gradient(135deg,#3D80FF,#2B6BE6)}
/* Dark eff-ch-status */
[data-theme="dark"] .eff-ch-status.st-ok{color:#81C995}
[data-theme="dark"] .eff-ch-status.st-warn{color:#FFB74D}
/* Dark instance card rose variant */
[data-theme="dark"] .aia-rose{background:linear-gradient(135deg,rgba(232,71,95,.12),rgba(232,71,95,.08))}
[data-theme="dark"] .aia-rose .material-symbols-outlined{color:#FF8FA3}
[data-theme="dark"] .acl-mgr-title .material-symbols-outlined{color:#FF8FA3}
/* Dark scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-thumb{background:var(--md-surface-4) !important}
/* Dark inst-card hover shadows */
[data-theme="dark"] .acl-inst-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.15)}
[data-theme="dark"] .card:hover{box-shadow:0 4px 16px rgba(0,0,0,.25)}
/* Dark inline bg overrides */
[data-theme="dark"] [style*="background:#F0F5FF"]{background:rgba(163,196,255,.12) !important}
[data-theme="dark"] [style*="background:#FFF3E0"]{background:rgba(255,158,87,.12) !important}
[data-theme="dark"] [style*="background:#CEEAD6"]{background:rgba(129,201,149,.12) !important}
[data-theme="dark"] [style*="background:#FEF7CD"]{background:#4A3800 !important;color:#FFB74D !important}
[data-theme="dark"] [style*="background:#4285F4"]{background:#5B9DF5 !important}
/* Dark cap-filter active */
[data-theme="dark"] .cap-filter-tag.active{background:var(--md-error);color:#1C1B1F}
/* Dark input focus glow */
[data-theme="dark"] .adclaw-input:focus{box-shadow:0 0 16px rgba(163,196,255,.18),0 0 5px rgba(163,196,255,.12)}
[data-theme="dark"] .auth-input:focus{box-shadow:0 0 14px rgba(163,196,255,.18),0 0 4px rgba(163,196,255,.12)}
/* Dark welcome card shadow */
[data-theme="dark"] .acl-welcome-card{box-shadow:0 24px 48px rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.15)}
[data-theme="dark"] .acl-wizard-card{box-shadow:0 24px 48px rgba(0,0,0,.25),0 8px 16px rgba(0,0,0,.12)}
/* Dark mode AdClaw icon adaptations */
[data-theme="dark"] .auth-logo::before{background:radial-gradient(circle,rgba(110,161,255,.2) 0%,rgba(110,161,255,.06) 40%,transparent 70%)}
[data-theme="dark"] .auth-logo::after{border-color:rgba(110,161,255,.1)}
[data-theme="dark"] .auth-logo .adclaw-icon{filter:drop-shadow(0 4px 16px rgba(0,0,0,.4)) drop-shadow(0 0 28px rgba(110,161,255,.25))}
[data-theme="dark"] .auth-logo:hover .adclaw-icon,[data-theme="dark"] .auth-logo.logo-excited .adclaw-icon{filter:drop-shadow(0 12px 36px rgba(0,0,0,.5)) drop-shadow(0 0 36px rgba(110,161,255,.35))}
[data-theme="dark"] .auth-logo-wrap.energy-boost .energy-pulse{border-color:rgba(110,161,255,.45)}
[data-theme="dark"] .auth-logo-wrap.energy-boost .orbit-dot{box-shadow:0 0 14px rgba(110,161,255,.8),0 0 28px rgba(110,161,255,.35)}
/* Dark energy pulses */
[data-theme="dark"] .energy-pulse{border-color:rgba(110,161,255,.3)}
/* Dark orbit rings & dots */
[data-theme="dark"] .or1{border-color:rgba(110,161,255,.12)}
[data-theme="dark"] .or2{border-color:rgba(163,196,255,.1)}
[data-theme="dark"] .or3{border-color:rgba(163,196,255,.08)}
[data-theme="dark"] .or1 .orbit-dot{background:rgba(110,161,255,.7);box-shadow:0 0 10px rgba(110,161,255,.6),0 0 20px rgba(110,161,255,.25)}
[data-theme="dark"] .or2 .orbit-dot{background:rgba(163,196,255,.6);box-shadow:0 0 8px rgba(163,196,255,.5),0 0 16px rgba(163,196,255,.2)}
[data-theme="dark"] .or3 .orbit-dot{background:rgba(163,196,255,.5);box-shadow:0 0 6px rgba(163,196,255,.4),0 0 14px rgba(163,196,255,.15)}
/* Dark logo reflection */
[data-theme="dark"] .logo-reflection{background:radial-gradient(ellipse,rgba(110,161,255,.18) 0%,rgba(110,161,255,.06) 50%,transparent 80%)}
[data-theme="dark"] .nav-rail-logo .adclaw-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.4)) drop-shadow(0 0 12px rgba(110,161,255,.12))}
[data-theme="dark"] .acl-wc-logo{background:rgba(255,255,255,.1)}
[data-theme="dark"] .acl-wc-logo .adclaw-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3)) drop-shadow(0 0 16px rgba(110,161,255,.15))}
/* Dark 企微输入框按钮 */
[data-theme="dark"] .wecom-btn{border-color:var(--md-surface-4);background:var(--md-surface-2);color:var(--md-on-surface-variant)}
[data-theme="dark"] .wecom-btn:hover{border-color:#6EA1FF;background:rgba(110,161,255,.12);box-shadow:0 0 16px rgba(110,161,255,.15),0 4px 12px rgba(110,161,255,.08);color:#A3C4FF}
[data-theme="dark"] .wecom-btn::after{background:var(--md-surface-3);color:var(--md-on-surface)}
[data-theme="dark"] .wecom-btn::before{border-top-color:var(--md-surface-3)}
/* Dark sidebar 交互渠道卡片 */
[data-theme="dark"] .wecom-card{background:var(--md-surface-2);border-color:var(--md-surface-4)}
[data-theme="dark"] .wecom-card:hover{border-color:rgba(110,161,255,.5);background:rgba(110,161,255,.06);box-shadow:0 2px 12px rgba(110,161,255,.08)}
[data-theme="dark"] .wecom-card-icon{background:var(--md-surface-3);border-color:var(--md-surface-4)}
[data-theme="dark"] .wecom-card-name{color:var(--md-on-surface)}
[data-theme="dark"] .wecom-card-desc{color:var(--md-on-surface-variant)}
[data-theme="dark"] .wecom-dot{background:#A3C4FF;box-shadow:0 0 6px rgba(163,196,255,.4)}
[data-theme="dark"] .wecom-status-label{color:#A3C4FF}
/* Dark mode: brighten multi-color wecom SVG icon for better visibility on dark bg */
[data-theme="dark"] .wecom-icon{filter:brightness(1.15) drop-shadow(0 0 1px rgba(255,255,255,.1))}
[data-theme="dark"] .wecom-btn .wecom-icon{filter:brightness(1.2)}
[data-theme="dark"] .adclaw-side-title .wecom-icon{filter:brightness(1.1)}
/* Dark mode: 效果页图表与加载状态 */
[data-theme="dark"] .eff-chart-container{background:var(--md-surface-1);border-color:var(--md-surface-3)}
[data-theme="dark"] .eff-chart-placeholder{color:var(--md-on-surface-variant)}
[data-theme="dark"] .eff-chart-loading{color:var(--md-on-surface-variant)}
[data-theme="dark"] .eff-loading-spinner{border-color:var(--md-surface-4);border-top-color:var(--md-primary)}
[data-theme="dark"] .eff-chart-error{color:var(--md-error)}
[data-theme="dark"] .eff-chart-error .material-symbols-outlined{color:var(--md-error)}
[data-theme="dark"] .eff-chart-retry-btn{border-color:var(--md-primary);color:var(--md-primary)}
[data-theme="dark"] .eff-chart-retry-btn:hover{background:var(--md-primary);color:var(--md-on-primary)}
/* Dark mode: 卡片骨架屏 */
[data-theme="dark"] .eff-metric-card.loading .eff-metric-value,
[data-theme="dark"] .eff-metric-card.loading .eff-metric-change{background:var(--md-surface-3)}
[data-theme="dark"] .eff-metric-card.loading .eff-metric-value::after,
[data-theme="dark"] .eff-metric-card.loading .eff-metric-change::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent)}
/* Dark mode: 环比变化色彩 */
[data-theme="dark"] .eff-metric-change.up{color:var(--md-success)}
[data-theme="dark"] .eff-metric-change.down{color:var(--md-error)}
/* Dark mode: 渠道状态标签 */
[data-theme="dark"] .eff-ch-status.st-ok{color:var(--md-success)}
[data-theme="dark"] .eff-ch-status.st-warn{color:var(--md-warning)}
[data-theme="dark"] .eff-ch-status.st-error{color:var(--md-error)}
/* Dark mode: 渠道绑定提醒 */
[data-theme="dark"] .eff-ch-unbound-notice{background:var(--md-surface-2);border-color:var(--md-surface-4)}
[data-theme="dark"] .eff-ch-hint{background:var(--md-surface-2);border-top-color:var(--md-surface-4)}
[data-theme="dark"] .eff-ch-hint.hint-warn{background:rgba(255,183,77,.06);border-top-color:rgba(255,183,77,.2)}
[data-theme="dark"] .eff-ch-hint.hint-error{background:rgba(242,184,181,.06);border-top-color:rgba(242,184,181,.2)}
/* Dark mode: WIP placeholder */
[data-theme="dark"] .eff-wip-placeholder{border-color:var(--md-surface-4);background:var(--md-surface-2)}
/* Dark mode: 表格 hover */
[data-theme="dark"] .eff-table tr:hover td{background:rgba(163,196,255,.04)}
/* Dark mode: 通知中心面板 */
[data-theme="dark"] .top-notify-panel{background:rgba(33,31,38,.96);border-color:rgba(54,52,59,.7);box-shadow:0 16px 48px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.2)}
[data-theme="dark"] .top-notify-head{border-bottom-color:var(--md-surface-3)}
[data-theme="dark"] .top-notify-tabs{border-bottom-color:var(--md-surface-3)}
[data-theme="dark"] .top-notify-tab{background:var(--md-surface-2);border-color:var(--md-surface-4);color:var(--md-on-surface-variant)}
[data-theme="dark"] .top-notify-tab.active{background:var(--md-primary-container);border-color:var(--md-primary-container);color:var(--md-on-primary-container)}
[data-theme="dark"] .top-notify-item{background:var(--md-surface-2);border-color:var(--md-surface-4)}
[data-theme="dark"] .top-notify-action{background:var(--md-surface-3);border-color:var(--md-surface-4);color:var(--md-primary)}
[data-theme="dark"] .top-notify-foot{border-top-color:var(--md-surface-3)}
[data-theme="dark"] .top-notify-foot-btn{border-color:var(--md-surface-4);color:var(--md-primary)}
/* Dark mode: alert banner */
[data-theme="dark"] .alert-banner.alert-warn{background:var(--md-warning-container);color:var(--md-warning);border-bottom-color:rgba(255,183,77,.2)}
[data-theme="dark"] .alert-banner.alert-error{background:var(--md-error-container);color:var(--md-error);border-bottom-color:rgba(242,184,181,.2)}
[data-theme="dark"] .alert-banner.alert-success{background:var(--md-success-container);color:var(--md-success);border-bottom-color:rgba(129,201,149,.2)}
