/* 玻璃液态：依据用户提供的视觉参考独立实现，未复制其演示脚本或外部字体。
   所有规则限定 liquid 主题；由模板以 media=screen 加载，避免影响打印。 */
body[data-theme="liquid"]{
  color-scheme:light;
  --admin-bg:#E6E3DE;
  --admin-bg-glow-1:rgba(255,255,255,.6);
  --admin-bg-glow-2:rgba(165,180,252,.22);
  --admin-surface:rgba(255,255,255,.56);
  --admin-surface-glass:rgba(255,255,255,.62);
  --admin-surface-hover:rgba(255,255,255,.78);
  --admin-surface-blur:blur(12px) saturate(180%);
  --admin-surface-soft:rgba(255,255,255,.42);
  --admin-surface-soft-2:rgba(225,227,249,.55);
  --admin-card-border:rgba(255,255,255,.78);
  --admin-border:rgba(108,111,160,.2);
  --admin-border-soft:rgba(255,255,255,.65);
  --admin-border-strong:#898BA8;
  --admin-line-soft:rgba(108,111,160,.1);
  --admin-text:#2A2A2E;
  --admin-text-muted:#52545B;
  --admin-text-sub:#60616C;
  --admin-placeholder:#646570;
  --admin-head-text:#52545B;
  --admin-accent:#575AC2;
  --admin-accent-2:#6652B7;
  --admin-accent-3:#5469AF;
  --admin-accent-ink:#4749A1;
  --admin-accent-rgb:87,90,194;
  --admin-accent-2-rgb:102,82,183;
  --admin-accent-3-rgb:84,105,175;
  --admin-accent-ink-rgb:71,73,161;
  --admin-accent-soft:rgba(87,90,194,.1);
  --admin-accent-soft-2:rgba(102,82,183,.07);
  --admin-sidebar-start:rgba(255,255,255,.62);
  --admin-sidebar-mid:rgba(255,255,255,.45);
  --admin-sidebar-end:rgba(225,227,249,.48);
  --admin-sidebar-text:#2A2A2E;
  --admin-sidebar-text-muted:#52545B;
  --admin-sidebar-text-soft:#52545B;
  --admin-sidebar-text-dim:#60616C;
  --admin-sidebar-active-bg:rgba(255,255,255,.7);
  --admin-sidebar-hover-bg:rgba(255,255,255,.3);
  --admin-sidebar-glow:rgba(108,111,224,.16);
  --admin-sidebar-accent:#575AC2;
  --admin-sidebar-border:rgba(255,255,255,.72);
  --admin-overlay:rgba(49,49,65,.32);
  --admin-toast-bg:#36364F;
  --admin-radius-card:24px;
  --admin-radius-btn:12px;
  --admin-card-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 30px -16px rgba(40,42,60,.24),0 1px 4px rgba(40,42,60,.05);
  --admin-card-shadow-hover:inset 0 1px 0 #fff,0 16px 36px -18px rgba(40,42,60,.3);
  --admin-sidebar-float-shadow:0 12px 32px rgba(40,42,60,.12);
  /* 历史业务模块令牌在 body 重映射，避免继承 :root 的固定配色。 */
  --brand-green:var(--admin-accent);--brand-green-deep:var(--admin-accent-ink);
  --brand-green-rgb:var(--admin-accent-rgb);--brand-green-deep-rgb:var(--admin-accent-ink-rgb);
  --green:var(--admin-accent);--green2:var(--admin-accent-ink);
  --primary:var(--admin-accent);--primary-dark:var(--admin-accent-ink);
  --primary-light:var(--admin-accent-soft);--primary-lighter:var(--admin-accent-soft-2);
  --ink:var(--admin-text);--muted:var(--admin-text-muted);--paper:var(--admin-bg);--line:var(--admin-border);
  --text-title:var(--admin-text);--text-body:var(--admin-text);--text-sub:var(--admin-text-muted);
  --text-placeholder:var(--admin-placeholder);--bg-page:var(--admin-bg);--bg-card:var(--admin-surface);
  --bg-card-hover:var(--admin-surface-hover);--border-card:var(--admin-card-border);
  --shadow:var(--admin-card-shadow);--shadow-card:var(--admin-card-shadow);
  --shadow-card-hover:var(--admin-card-shadow-hover);
  --aqua-bg:var(--admin-bg);--aqua-ink:var(--admin-text);--aqua-sub:var(--admin-text-muted);
  --aqua-glass:var(--admin-surface);--aqua-shadow:var(--admin-card-shadow);--aqua-radius:24px;
  --cockpit:#36364F;--brand:var(--admin-accent);--brand-2:var(--admin-accent-2);
  --sky:var(--admin-text-muted);--mist:var(--admin-bg);--panel:var(--admin-surface);
  --ink-2:var(--admin-text-muted);
  font-variant-numeric:tabular-nums;
}
html body[data-theme="liquid"]{
  background:radial-gradient(ellipse at 15% 0%,#FDFBF4,transparent 55%),radial-gradient(ellipse at 90% 35%,rgba(225,227,249,.7),transparent 55%),linear-gradient(155deg,#F4F0E6,#E0E0E0 55%,#D0D0CC)!important;
  background-attachment:fixed;
}
body[data-theme="liquid"] main{background:transparent}
body[data-theme="liquid"] .sidebar{
  border:1px solid var(--admin-sidebar-border)!important;
  backdrop-filter:var(--admin-surface-blur);-webkit-backdrop-filter:var(--admin-surface-blur);
}
body[data-theme="liquid"] .sidebar nav{position:relative;isolation:isolate}
/* 原生滚动条保留拖动与滚轮行为，半透明渐变、细高光模拟玻璃折射。 */
body[data-theme="liquid"] .sidebar nav{scrollbar-width:auto;scrollbar-color:auto}
body[data-theme="liquid"] .sidebar nav::-webkit-scrollbar{width:8px}
body[data-theme="liquid"] .sidebar nav::-webkit-scrollbar-track{background:rgba(255,255,255,.08);border-radius:var(--ui-radius,12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
body[data-theme="liquid"] .sidebar nav::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--ui-radius,12px);background:linear-gradient(90deg,rgba(255,255,255,.78),rgba(138,145,195,.40) 45%,rgba(207,215,244,.58));background-clip:padding-box;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
body[data-theme="liquid"] .sidebar nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(119,130,190,.58) 45%,rgba(207,215,244,.75));background-clip:padding-box}
body[data-theme="liquid"] .sidebar nav::-webkit-scrollbar-thumb:active{background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(105,117,178,.70) 45%,rgba(190,202,241,.85));background-clip:padding-box}
/* 不支持 WebKit 滚动条的浏览器保留可辨识的半透明原生回退。 */
@supports not selector(::-webkit-scrollbar){body[data-theme="liquid"] .sidebar nav{scrollbar-width:thin;scrollbar-color:rgba(138,145,195,.55) rgba(255,255,255,.08)}}
body[data-theme="liquid"] .nav{position:relative;z-index:1;border-radius:var(--ui-radius,12px);min-height:44px}
body[data-theme="liquid"] .sidebar .nav>span{color:var(--admin-accent-ink)}
body[data-theme="liquid"] .nav.active{
  border-color:rgba(255,255,255,.85)!important;
  box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(40,42,60,.08)!important;
}
body[data-theme="liquid"] .sidebar nav.liquid-nav-ready .nav.active{
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;
}
.liquid-nav-pill{display:none;position:absolute;left:0;top:0;pointer-events:none;z-index:0;border-radius:var(--ui-radius,12px);border:1px solid rgba(255,255,255,.65);background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(225,227,249,.24),rgba(255,255,255,.36));box-shadow:inset 0 1px 2px rgba(255,255,255,.75),inset 0 -1px 2px rgba(255,255,255,.35),0 5px 14px rgba(40,42,60,.1);transform-origin:center;transition:none}
/* 细高光仅沿胶囊边缘缓慢流动；装饰不拦截菜单操作。 */
body[data-theme="liquid"] .liquid-nav-pill::before{content:"";position:absolute;inset:-1px;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.25),rgba(255,255,255,.98) 30%,rgba(174,187,255,.55) 50%,rgba(255,255,255,.92) 70%,rgba(255,255,255,.25));background-size:220% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 2px rgba(210,217,255,.45));animation:liquid-pill-sheen 4.2s ease-in-out infinite alternate!important}
@keyframes liquid-pill-sheen{from{background-position:0% 50%}to{background-position:100% 50%}}
body[data-theme="liquid"] .liquid-nav-pill{display:block}
.liquid-nav-pill[hidden]{display:none!important}
/* 折叠栏使用尖端向上的透明水滴，图标居于圆润主体中央。 */
@media(min-width:761px){
  html.nav-rail:not(.nav-peek) body[data-theme="liquid"] .sidebar .nav{border-radius:0;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important}
  html.nav-rail:not(.nav-peek) body[data-theme="liquid"] .sidebar .nav>span:not(.nav-label){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px!important;height:20px!important;transition:top .25s ease!important}
  html.nav-rail:not(.nav-peek) body[data-theme="liquid"] .sidebar .nav>span:not(.nav-label) svg{width:20px!important;height:20px!important}
  html.nav-rail:not(.nav-peek) body[data-theme="liquid"] .liquid-nav-pill{border-radius:0;border-color:transparent;background:url('/static/nav-waterdrop.svg?v=2') center/contain no-repeat;box-shadow:none;filter:drop-shadow(0 1px 3px rgba(70,98,115,.16))}
  html.nav-rail:not(.nav-peek) body[data-theme="liquid"] .liquid-nav-pill::before{display:none}
  html.nav-rail:not(.nav-peek) body[data-theme="liquid"] .sidebar nav.liquid-nav-ready .nav.active{background:transparent!important;box-shadow:none!important;border-color:transparent!important}
}
body[data-theme="liquid"] .side-foot{background:rgba(255,255,255,.45);border-color:var(--admin-card-border);box-shadow:var(--admin-card-shadow)}
body[data-theme="liquid"] #logout{color:var(--admin-text-muted);border-color:var(--admin-border-strong)}
body[data-theme="liquid"] :is(.card,.metric-card,.customer-metric-card,.purchase-stat,.perf-metric,.data-card,.panel){
  background:var(--admin-surface)!important;border:1px solid var(--admin-card-border)!important;
  border-radius:var(--ui-radius,12px)!important;box-shadow:var(--admin-card-shadow)!important;
  backdrop-filter:var(--admin-surface-blur);-webkit-backdrop-filter:var(--admin-surface-blur);
}
body[data-theme="liquid"] :is(.card,.metric-card,.customer-metric-card):hover{
  background:var(--admin-surface-hover)!important;box-shadow:var(--admin-card-shadow-hover)!important;
}
/* 经营总览与财务页有 ID 级实心白覆盖，按原页面层级接入。 */
body[data-theme="liquid"] :is(#dashboard-page,#finance-page) :is(.card,.metric-card,.section-card,.kpi-cell){
  background:var(--admin-surface)!important;border-color:var(--admin-card-border)!important;
  box-shadow:var(--admin-card-shadow)!important;backdrop-filter:var(--admin-surface-blur)!important;
  -webkit-backdrop-filter:var(--admin-surface-blur)!important;border-radius:var(--ui-radius,12px)!important;
}
body[data-theme="liquid"] :is(#dashboard-page,#finance-page) :is(.card,.metric-card,.section-card):hover{box-shadow:var(--admin-card-shadow-hover)!important}
body[data-theme="liquid"] :is(.page-head,.finance-head,.audit-filter,.purchase-head,.daily-head){
  background:var(--admin-surface)!important;border-color:var(--admin-card-border)!important;
  border-radius:var(--ui-radius,12px);box-shadow:var(--admin-card-shadow);
}
body[data-theme="liquid"] .toolbar h2{color:var(--admin-text)!important}
body[data-theme="liquid"] :is(.my-business-summary article,.dashboard-alert,.employee-card,.fm-card,.memo-card,.mat-stat,.memo-stat,.daily-summary article){
  background:var(--admin-surface)!important;border-color:var(--admin-card-border)!important;
  border-radius:var(--ui-radius,12px);box-shadow:var(--admin-card-shadow);
}
body[data-theme="liquid"] .my-business-filter{flex-wrap:wrap}
body[data-theme="liquid"] .custom-range{flex-wrap:wrap;min-width:0}
body[data-theme="liquid"] .note-card{background:linear-gradient(150deg,rgba(255,250,230,.72),rgba(255,255,255,.52));border-color:rgba(255,255,255,.8);border-radius:var(--ui-radius,12px);box-shadow:var(--admin-card-shadow)}
/* 独立登录页与移动端继续复用原结构和认证流程。 */
body[data-theme="liquid"] .login-shell{background:var(--admin-surface);border:1px solid var(--admin-card-border);box-shadow:var(--admin-card-shadow);backdrop-filter:var(--admin-surface-blur)}
body[data-theme="liquid"] .login-brand{background:rgba(225,227,249,.5);color:var(--admin-text)}
body[data-theme="liquid"] .login-brand :is(p,small,.eyebrow,.feature i){color:var(--admin-text-muted)}
body[data-theme="liquid"] :is(.hello,.password button){color:var(--admin-accent-ink)}
body[data-theme="liquid"] :is(.login-panel .submit,#login-view .submit){background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2));color:#fff}
body[data-theme="liquid"] :is(.gauge-card,.stats-card,.account-card,.sheet){background:var(--admin-surface);border-color:var(--admin-card-border);box-shadow:var(--admin-card-shadow);backdrop-filter:var(--admin-surface-blur)}
body[data-theme="liquid"] .tabbar{background:rgba(250,250,255,.84);border-color:var(--admin-card-border);backdrop-filter:var(--admin-surface-blur)}
body[data-theme="liquid"] .tabbar .tab.active{background:var(--admin-accent-soft);border-radius:var(--ui-radius,12px)}
body[data-theme="liquid"] :is(.cockpit,#login-view){background:linear-gradient(150deg,#4B4D8C,#36364F)}
body[data-theme="liquid"] .cockpit :is(.greet,.route .from,.status-live){color:#DDDDF2}
body[data-theme="liquid"] :is(.module-tabs,.period-switch,.range-switch) button{border-radius:var(--ui-radius,12px);transition:background .22s,box-shadow .22s;color:var(--admin-text-muted)}
body[data-theme="liquid"] :is(.module-tabs,.period-switch,.range-switch,.dashboard-range) button.active{
  background:rgba(255,255,255,.86)!important;color:var(--admin-accent-ink)!important;
  box-shadow:0 3px 12px rgba(40,42,60,.12)!important;
}
body[data-theme="liquid"] :is(.btn,.page-btn){border-radius:var(--ui-radius,12px)}
body[data-theme="liquid"] .btn.primary{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2))!important;box-shadow:0 6px 18px rgba(var(--admin-accent-rgb),.22)!important}
body[data-theme="liquid"] :is(.btn.secondary,.page-btn){background:rgba(255,255,255,.6)!important;color:var(--admin-text)!important}
body[data-theme="liquid"] :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(#gs-input):not(#nav-search){
  background:rgba(255,255,255,.72)!important;color:var(--admin-text)!important;border-color:var(--admin-border-strong)!important;
}
body[data-theme="liquid"] :is(input,textarea)::placeholder{color:var(--admin-placeholder)!important}
/* 便签 / 供货商 / 外协商：覆盖旧页面 ID 级实心工具栏，不改业务结构。 */
body[data-theme="liquid"] #notes-filter,
body[data-theme="liquid"] :is(#suppliers-page,#outsourcing-page) .toolbar{
  background:var(--admin-surface)!important;
  border:1px solid var(--admin-card-border);border-radius:var(--ui-radius,12px);
  box-shadow:var(--admin-card-shadow);
  backdrop-filter:var(--admin-surface-blur);-webkit-backdrop-filter:var(--admin-surface-blur);
  gap:14px;padding:16px 18px;
}
/* 与通用输入规则保留同样的 ID 排除条件，避免 :not(ID) 的特异性压过局部样式。 */
body[data-theme="liquid"] #notes-filter :is(input,select):not(#gs-input):not(#nav-search),
body[data-theme="liquid"] :is(#suppliers-page,#outsourcing-page) .search-input:not(#gs-input):not(#nav-search){
  background-color:rgba(255,255,255,.48)!important;
  border:1px solid rgba(var(--admin-accent-rgb),.28)!important;
  border-radius:var(--ui-radius,12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
  min-height:44px;font-weight:400;
}
body[data-theme="liquid"] #notes-filter :is(input,select):not(#gs-input):not(#nav-search):focus,
body[data-theme="liquid"] :is(#suppliers-page,#outsourcing-page) .search-input:not(#gs-input):not(#nav-search):focus{
  border-color:var(--admin-accent)!important;background-color:rgba(255,255,255,.8)!important;
  box-shadow:0 0 0 3px var(--admin-accent-soft);
}
body[data-theme="liquid"] #notes-filter input::placeholder{font-weight:400}
body[data-theme="liquid"] #notes-filter #notes-search:not(#gs-input){
  padding-left:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352545B' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")!important;
  background-position:12px center!important;background-size:16px 16px!important;background-repeat:no-repeat!important;
}
body[data-theme="liquid"] :is(#suppliers-page,#outsourcing-page) .view-toggle{
  background:rgba(225,227,249,.35);border:1px solid var(--admin-card-border);border-radius:var(--ui-radius,12px);padding:4px;gap:4px;
}
body[data-theme="liquid"] :is(#suppliers-page,#outsourcing-page) .view-btn{
  min-height:36px;border-radius:var(--ui-radius,12px);padding:7px 12px;color:var(--admin-text-muted);
}
body[data-theme="liquid"] :is(#suppliers-page,#outsourcing-page) .view-btn.active{
  background:rgba(255,255,255,.76);color:var(--admin-accent-ink);
  box-shadow:inset 0 1px 0 #fff,0 3px 10px rgba(40,42,60,.1);
}
body[data-theme="liquid"] :is(#suppliers-page,#outsourcing-page) .search-wrapper{max-width:100%;min-width:0}
body[data-theme="liquid"] #notes-filter .notes-search-label{min-width:min(250px,100%)}
@media(max-width:620px){
  body[data-theme="liquid"] #notes-filter,
  body[data-theme="liquid"] :is(#suppliers-page,#outsourcing-page) .toolbar{border-radius:var(--ui-radius,12px);padding:14px}
  body[data-theme="liquid"] #notes-filter .notes-search-label{flex-basis:100%}
  body[data-theme="liquid"] #notes-filter .notes-admin-controls{min-width:0;max-width:100%;gap:10px}
  body[data-theme="liquid"] #notes-filter .notes-admin-controls label{flex:1 1 140px;min-width:0}
  body[data-theme="liquid"] #notes-filter .notes-admin-controls :is(input,select){width:100%;min-width:0}
  body[data-theme="liquid"] :is(#suppliers-page,#outsourcing-page) .search-wrapper{width:100%;flex-basis:100%}
  body[data-theme="liquid"] :is(#suppliers-page,#outsourcing-page) .supplier-head-actions{flex-wrap:wrap;max-width:100%;min-width:0}
  body[data-theme="liquid"] :is(#suppliers-page,#outsourcing-page) .supplier-head-top{flex-wrap:wrap}
}
body[data-theme="liquid"] :is(table,tbody,td){background:transparent}
body[data-theme="liquid"] thead th{background:rgba(225,227,249,.65)!important;color:var(--admin-head-text)!important}
body[data-theme="liquid"] tbody tr:hover td{background:rgba(255,255,255,.5)!important}
body[data-theme="liquid"] :is(.dialog,.confirm-dialog,.gs-drop){
  background:rgba(248,248,253,.94)!important;border:1px solid var(--admin-card-border)!important;
  backdrop-filter:var(--admin-surface-blur);-webkit-backdrop-filter:var(--admin-surface-blur);
  box-shadow:0 24px 64px rgba(40,42,60,.22)!important;border-radius:var(--ui-radius,12px);
}
body[data-theme="liquid"] #global-search{background:rgba(255,255,255,.66);border-color:var(--admin-card-border);box-shadow:var(--admin-card-shadow);backdrop-filter:blur(12px)}
body[data-theme="liquid"] .theme-picker{grid-template-columns:repeat(4,minmax(0,1fr))}
.theme-option{text-align:left;font-family:inherit;color:inherit;min-width:0}
.theme-option:disabled{cursor:wait}
body[data-theme="liquid"] :is(button,a,input,select,textarea):focus-visible,.theme-option:focus-visible{
  outline:3px solid var(--admin-accent-ink);outline-offset:3px;
}
/* 光晕仅一层、只移动 transform；不拦截任何业务点击。 */
.liquid-pointer-glow{display:none;position:fixed;top:0;left:0;width:440px;height:440px;border-radius:var(--ui-radius,12px);pointer-events:none;z-index:2;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.28),rgba(225,227,249,.08) 45%,transparent 70%);transition:opacity .25s}
body[data-theme="liquid"] .liquid-pointer-glow{display:block}
@media(max-width:1100px){body[data-theme="liquid"] .theme-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body[data-theme="liquid"] .sidebar .nav{font-size:0!important}body[data-theme="liquid"] .sidebar .nav>span{font-size:18px}}
@media(max-width:620px){
  body[data-theme="liquid"] .theme-picker{grid-template-columns:1fr}
  body[data-theme="liquid"] :is(.card,.dialog){border-radius:var(--ui-radius,12px)!important}
  body[data-theme="liquid"] .theme-card .card-head{flex-direction:column;align-items:flex-start;gap:8px}
}
@media(hover:none),(pointer:coarse){.liquid-pointer-glow{display:none!important}}
@media(prefers-reduced-motion:reduce){
  body[data-theme="liquid"] *,body[data-theme="liquid"] *::before,body[data-theme="liquid"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .liquid-pointer-glow{display:none!important}
}
@supports not (backdrop-filter:blur(1px)){
  body[data-theme="liquid"]{--admin-surface:#F7F7FA;--admin-surface-soft:#F0F0F6}
  body[data-theme="liquid"] .sidebar{background:#F0F0F6!important}
}