/* =====================================================================
   次元闸云盘 · 野兽派皮肤（Neo-Brutalist）
   ---------------------------------------------------------------------
   设计语言：米白纸底 + 方格网格 / 硬黑边框 / 硬偏移投影 / 零圆角 / 无渐变无模糊
   色板：Coral #ff6b6b · Teal #4ecdc4 · Yellow #ffe66d · Mint #95e1d3 · Orange #ff9f43
   缓动：Toy Spring cubic-bezier(.34,1.56,.64,1)

   全部规则限定在 html[data-yz-skin="brutal"] 之下：
   · 不选这套皮肤时零命中、零开销；与原版、玻璃版互不影响
   · 深浅跟随云盘自带的浅色/深色开关（html[data-yz-mode]）
   ===================================================================== */

html[data-yz-skin="brutal"]{
  --bk-ink:      #111111;
  --bk-paper:    #fffdf5;
  --bk-card:     #ffffff;
  --bk-card-2:   #f6f1de;
  --bk-line:     #111111;
  --bk-text:     #111111;
  --bk-muted:    #62667a;
  --bk-coral:    #ff6b6b;
  --bk-teal:     #4ecdc4;
  --bk-yellow:   #ffe66d;
  --bk-mint:     #95e1d3;
  --bk-orange:   #ff9f43;
  --bk-sh-sm:    3px 3px 0 #111111;
  --bk-sh-md:    5px 5px 0 #111111;
  --bk-sh-lg:    8px 8px 0 #111111;
  --bk-spring:   cubic-bezier(.34,1.56,.64,1);
}
html[data-yz-skin="brutal"][data-yz-mode="dark"]{
  --bk-ink:      #eae6d9;
  --bk-paper:    #12141c;
  --bk-card:     #1b1e2a;
  --bk-card-2:   #242838;
  --bk-line:     #eae6d9;
  --bk-text:     #eae6d9;
  --bk-muted:    #9aa0b6;
  --bk-sh-sm:    3px 3px 0 #454c66;
  --bk-sh-md:    5px 5px 0 #454c66;
  --bk-sh-lg:    8px 8px 0 #454c66;
}

/* ---------- 1. 全局基因：圆角全灭 + 纸底网格 + 选中色 ---------- */
html[data-yz-skin="brutal"] *,
html[data-yz-skin="brutal"] *::before,
html[data-yz-skin="brutal"] *::after{ border-radius:0 !important }

html[data-yz-skin="brutal"] body{
  background-color:var(--bk-paper) !important;
  color:var(--bk-text) !important;
}
html[data-yz-skin="brutal"] body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-color:var(--bk-paper);
  background-image:
    linear-gradient(rgba(17,17,17,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,17,17,.05) 1px,transparent 1px);
  background-size:28px 28px;
}
html[data-yz-skin="brutal"][data-yz-mode="dark"] body::before{
  background-image:
    linear-gradient(rgba(234,230,217,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(234,230,217,.05) 1px,transparent 1px);
}
html[data-yz-skin="brutal"] body,
html[data-yz-skin="brutal"] #root{
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif !important;
}
html[data-yz-skin="brutal"] ::selection{ background:var(--bk-yellow);color:#111 }
html[data-yz-skin="brutal"] *::-webkit-scrollbar{ width:12px;height:12px }
html[data-yz-skin="brutal"] *::-webkit-scrollbar-track{ background:transparent }
html[data-yz-skin="brutal"] *::-webkit-scrollbar-thumb{
  background:var(--bk-ink);border:2px solid var(--bk-paper);
}
html[data-yz-skin="brutal"] :focus-visible{
  outline:3px solid var(--bk-coral) !important;outline-offset:2px;
}
html[data-yz-skin="brutal"] .MuiBackdrop-root{
  background-color:rgba(17,17,17,.55) !important;backdrop-filter:none !important;
}
html[data-yz-skin="brutal"] .MuiDivider-root{ background-color:var(--bk-line) !important;height:2px }
html[data-yz-skin="brutal"] .MuiSkeleton-root{
  background-color:var(--bk-card-2) !important;
}
html[data-yz-skin="brutal"] .MuiTouchRipple-root{ display:none }

/* ---------- 2. 顶栏 ---------- */
html[data-yz-skin="brutal"] .MuiAppBar-root{
  background:var(--bk-card) !important;
  backdrop-filter:none !important;
  border:0 !important;
  border-bottom:3px solid var(--bk-line) !important;
  box-shadow:none !important;
}
html[data-yz-skin="brutal"] .MuiToolbar-root{ min-height:64px }
html[data-yz-skin="brutal"] .MuiAppBar-root .MuiTypography-h6,
html[data-yz-skin="brutal"] .MuiAppBar-root .MuiTypography-root{
  font-weight:900 !important;letter-spacing:.2px;
}
html[data-yz-skin="brutal"][data-yz-mode="light"] .MuiAppBar-root .MuiTypography-h6{
  background:linear-gradient(transparent 58%,var(--bk-yellow) 58%);
  padding:0 4px;
}
html[data-yz-skin="brutal"] .MuiIconButton-root{
  border:2px solid transparent !important;
  transition:transform .18s var(--bk-spring),background .18s,border-color .18s;
}
html[data-yz-skin="brutal"] .MuiIconButton-root:hover{
  background:var(--bk-yellow) !important;border-color:var(--bk-line) !important;
  transform:translate(-2px,-2px);box-shadow:var(--bk-sh-sm);
}
html[data-yz-skin="brutal"] .MuiIconButton-root:active{ transform:translate(0,0);box-shadow:none }

/* ---------- 3. 侧栏 / 列表 ---------- */
html[data-yz-skin="brutal"] .MuiDrawer-paper{
  background:var(--bk-card) !important;
  border:0 !important;border-right:3px solid var(--bk-line) !important;
  box-shadow:none !important;
}
html[data-yz-skin="brutal"] .MuiList-root{ background-color:transparent !important }
html[data-yz-skin="brutal"] .MuiListSubheader-root{
  background-color:transparent !important;color:var(--bk-muted) !important;
  font-weight:800 !important;text-transform:uppercase;letter-spacing:.08em;
}
html[data-yz-skin="brutal"] .MuiListItem-root.MuiListItem-button{
  margin:3px 8px !important;border:2px solid transparent;
  transition:transform .18s var(--bk-spring),background .18s,border-color .18s,box-shadow .18s;
}
html[data-yz-skin="brutal"] .MuiListItem-root.MuiListItem-button:hover{
  background:var(--bk-yellow) !important;border-color:var(--bk-line) !important;
  transform:translate(-2px,-2px);box-shadow:var(--bk-sh-sm);
}
html[data-yz-skin="brutal"] .MuiListItem-root.Mui-selected,
html[data-yz-skin="brutal"] .MuiListItem-root.Mui-selected:hover{
  background:var(--bk-teal) !important;color:#111 !important;
  border-color:#111 !important;box-shadow:var(--bk-sh-sm);
}
html[data-yz-skin="brutal"] .MuiListItem-root.Mui-selected .MuiSvgIcon-root,
html[data-yz-skin="brutal"] .MuiListItem-root.Mui-selected .MuiTypography-root{ color:#111 !important }
html[data-yz-skin="brutal"] .MuiListItem-root.Mui-selected:hover{ transform:translate(-2px,-2px) }

/* ---------- 4. 纸面（卡片 / 弹层） ---------- */
html[data-yz-skin="brutal"] .MuiPaper-root{
  background-color:var(--bk-card) !important;
  background-image:none !important;
  color:var(--bk-text) !important;
  border:2px solid var(--bk-line) !important;
  box-shadow:var(--bk-sh-md) !important;
}
html[data-yz-skin="brutal"] .MuiDialog-paper,
html[data-yz-skin="brutal"] .MuiMenu-paper,
html[data-yz-skin="brutal"] .MuiPopover-paper,
html[data-yz-skin="brutal"] .MuiAutocomplete-paper{
  border:3px solid var(--bk-line) !important;
  box-shadow:var(--bk-sh-lg) !important;
}
html[data-yz-skin="brutal"] .MuiDialogTitle-root{
  font-weight:900 !important;border-bottom:3px solid var(--bk-line);
}
html[data-yz-skin="brutal"] .MuiCardHeader-title,
html[data-yz-skin="brutal"] .MuiTypography-h5,
html[data-yz-skin="brutal"] .MuiTypography-h6{ font-weight:900 !important }
html[data-yz-skin="brutal"] .MuiTypography-subtitle1,
html[data-yz-skin="brutal"] .MuiTypography-subtitle2{ font-weight:800 !important }

/* ---------- 5. 按钮 ---------- */
html[data-yz-skin="brutal"] .MuiButton-root{
  text-transform:none !important;font-weight:800 !important;
  border:2px solid var(--bk-line) !important;
  transition:transform .18s var(--bk-spring),box-shadow .18s,background .18s,color .18s;
}
html[data-yz-skin="brutal"] .MuiButton-containedPrimary,
html[data-yz-skin="brutal"] .MuiFab-primary{
  background:var(--bk-coral) !important;color:#111 !important;
  box-shadow:var(--bk-sh-sm) !important;
}
html[data-yz-skin="brutal"] .MuiFab-root{
  box-shadow:var(--bk-sh-md) !important;
}
html[data-yz-skin="brutal"] .MuiButton-containedPrimary:hover,
html[data-yz-skin="brutal"] .MuiFab-primary:hover{
  transform:translate(-2px,-2px);box-shadow:var(--bk-sh-md) !important;filter:none;
}
html[data-yz-skin="brutal"] .MuiButton-root:active,
html[data-yz-skin="brutal"] .MuiFab-root:active{
  transform:translate(2px,2px) !important;box-shadow:none !important;
}
html[data-yz-skin="brutal"] .MuiButton-outlined,
html[data-yz-skin="brutal"] .MuiButton-text{
  color:var(--bk-text) !important;background:var(--bk-card) !important;
}
html[data-yz-skin="brutal"] .MuiButton-outlined:hover,
html[data-yz-skin="brutal"] .MuiButton-text:hover{
  background:var(--bk-yellow) !important;color:#111 !important;
}
html[data-yz-skin="brutal"] .MuiButton-textPrimary,
html[data-yz-skin="brutal"] .MuiButton-outlinedPrimary{ color:var(--bk-text) !important }
html[data-yz-skin="brutal"] .MuiButtonGroup-grouped{ border-color:var(--bk-line) !important }

/* ---------- 6. 输入控件 ---------- */
html[data-yz-skin="brutal"] .MuiOutlinedInput-root,
html[data-yz-skin="brutal"] .MuiFilledInput-root,
html[data-yz-skin="brutal"] .MuiInputBase-root{
  background:var(--bk-card) !important;color:var(--bk-text) !important;
}
html[data-yz-skin="brutal"] .MuiOutlinedInput-root{ border:2px solid var(--bk-line) }
html[data-yz-skin="brutal"] .MuiOutlinedInput-notchedOutline{
  border-color:var(--bk-line) !important;border-width:2px !important;
}
html[data-yz-skin="brutal"] .MuiOutlinedInput-root.Mui-focused{
  box-shadow:var(--bk-sh-sm);transform:translate(-1px,-1px);
  transition:transform .18s var(--bk-spring),box-shadow .18s;
}
html[data-yz-skin="brutal"] .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{
  border-color:var(--bk-line) !important;
}
html[data-yz-skin="brutal"] .MuiInputBase-input::placeholder{
  color:var(--bk-muted) !important;opacity:1;
}
html[data-yz-skin="brutal"] .MuiInputLabel-root{ color:var(--bk-muted) !important;font-weight:700 }
html[data-yz-skin="brutal"] .MuiSelect-root,
html[data-yz-skin="brutal"] .MuiMenuItem-root{ color:var(--bk-text) !important }

/* ---------- 7. 菜单 / 下拉 ---------- */
html[data-yz-skin="brutal"] .MuiMenuItem-root,
html[data-yz-skin="brutal"] .MuiAutocomplete-option{
  background-color:transparent !important;font-weight:700;
}
html[data-yz-skin="brutal"] .MuiMenuItem-root:hover,
html[data-yz-skin="brutal"] .MuiAutocomplete-option[data-focus="true"],
html[data-yz-skin="brutal"] .MuiAutocomplete-option:hover{
  background-color:var(--bk-yellow) !important;color:#111 !important;
}
html[data-yz-skin="brutal"] .MuiMenuItem-root.Mui-selected{
  background-color:var(--bk-teal) !important;color:#111 !important;
}

/* ---------- 8. 表格 / 文件列表 ---------- */
html[data-yz-skin="brutal"] .MuiTable-root{ background:var(--bk-card) }
html[data-yz-skin="brutal"] .MuiTableCell-root{
  border-bottom:2px solid var(--bk-line) !important;
  color:var(--bk-text) !important;
}
html[data-yz-skin="brutal"] .MuiTableHead-root .MuiTableCell-root{
  background:var(--bk-card-2) !important;color:var(--bk-text) !important;
  font-weight:900 !important;text-transform:uppercase;letter-spacing:.06em;
  border-bottom:3px solid var(--bk-line) !important;
}
html[data-yz-skin="brutal"] .MuiTableBody-root .MuiTableRow-root:hover{
  background:var(--bk-yellow) !important;
}
html[data-yz-skin="brutal"] .MuiTableBody-root .MuiTableRow-root:hover .MuiTableCell-root{
  color:#111 !important;border-bottom-color:#111 !important;
}
html[data-yz-skin="brutal"] .MuiTableRow-root.Mui-selected{
  background:var(--bk-mint) !important;color:#111 !important;
}

/* ---------- 9. 标签 / 徽标 ---------- */
html[data-yz-skin="brutal"] .MuiChip-root{
  background:var(--bk-yellow) !important;color:#111 !important;
  border:2px solid var(--bk-line) !important;font-weight:800 !important;
}
html[data-yz-skin="brutal"] .MuiBadge-badge{
  border-radius:999px !important;
  background:var(--bk-coral) !important;color:#111 !important;
  border:2px solid var(--bk-line) !important;font-weight:800;
}
html[data-yz-skin="brutal"] .MuiAvatar-root{
  border:2px solid var(--bk-line) !important;background:var(--bk-teal) !important;color:#111 !important;
}

/* ---------- 10. 进度 / 开关 / 选项卡 ---------- */
html[data-yz-skin="brutal"] .MuiLinearProgress-root{
  background:var(--bk-card-2) !important;border:2px solid var(--bk-line);
  height:14px !important;
}
html[data-yz-skin="brutal"] .MuiLinearProgress-bar{
  background:var(--bk-coral) !important;
}
html[data-yz-skin="brutal"] .MuiCircularProgress-root{ color:var(--bk-coral) !important }
html[data-yz-skin="brutal"] .MuiSwitch-root .MuiSwitch-track{
  background:var(--bk-card-2) !important;border:2px solid var(--bk-line);
}
html[data-yz-skin="brutal"] .MuiSwitch-root .MuiSwitch-thumb{
  background:var(--bk-card) !important;border:2px solid var(--bk-line);
}
html[data-yz-skin="brutal"] .MuiSwitch-root .Mui-checked .MuiSwitch-thumb,
html[data-yz-skin="brutal"] .MuiSwitch-root .MuiSwitch-thumb.Mui-checked{
  background:var(--bk-coral) !important;
}
html[data-yz-skin="brutal"] .MuiTab-root{ font-weight:800 !important;text-transform:none !important }
html[data-yz-skin="brutal"] .MuiTab-root.Mui-selected{ color:var(--bk-text) !important }
html[data-yz-skin="brutal"] .MuiTabs-indicator{ background:var(--bk-coral) !important;height:4px !important }
html[data-yz-skin="brutal"] .MuiTabs-root{ border-bottom:3px solid var(--bk-line) }
html[data-yz-skin="brutal"] .MuiCheckbox-root.Mui-checked,
html[data-yz-skin="brutal"] .MuiRadio-root.Mui-checked{ color:var(--bk-coral) !important }

/* ---------- 11. 提示气泡 ---------- */
html[data-yz-skin="brutal"] .MuiTooltip-tooltip{
  background:#111111 !important;color:#fffdf5 !important;
  border:2px solid #111111 !important;
  box-shadow:var(--bk-sh-sm) !important;
  font-weight:700 !important;
}
html[data-yz-skin="brutal"] .MuiTooltip-tooltip *{ color:#fffdf5 !important }
html[data-yz-skin="brutal"] .MuiTooltip-arrow{ color:#111111 !important }
html[data-yz-skin="brutal"][data-yz-mode="dark"] .MuiTooltip-tooltip{
  background:#eae6d9 !important;color:#12141c !important;
  border-color:#eae6d9 !important;
}
html[data-yz-skin="brutal"][data-yz-mode="dark"] .MuiTooltip-tooltip *{ color:#12141c !important }
html[data-yz-skin="brutal"][data-yz-mode="dark"] .MuiTooltip-arrow{ color:#eae6d9 !important }

/* ---------- 12. 其它 ---------- */
html[data-yz-skin="brutal"] .MuiExpansionPanel-root,
html[data-yz-skin="brutal"] .MuiAccordion-root{
  border:2px solid var(--bk-line) !important;background:var(--bk-card) !important;
}
html[data-yz-skin="brutal"] .MuiExpansionPanelSummary-root,
html[data-yz-skin="brutal"] .MuiAccordionSummary-root{ font-weight:800 !important }
html[data-yz-skin="brutal"] .MuiSnackbarContent-root{
  background:#111111 !important;color:#fffdf5 !important;
  border:2px solid var(--bk-line) !important;box-shadow:var(--bk-sh-md) !important;
}
html[data-yz-skin="brutal"] .MuiAlert-root{
  border:2px solid var(--bk-line) !important;font-weight:700;
}
html[data-yz-skin="brutal"] .MuiAlert-standardSuccess{ background:var(--bk-mint) !important;color:#111 !important }
html[data-yz-skin="brutal"] .MuiAlert-standardError{ background:var(--bk-coral) !important;color:#111 !important }
html[data-yz-skin="brutal"] .MuiAlert-standardWarning{ background:var(--bk-yellow) !important;color:#111 !important }
html[data-yz-skin="brutal"] .MuiAlert-standardInfo{ background:var(--bk-teal) !important;color:#111 !important }
html[data-yz-skin="brutal"] .MuiTypography-colorTextSecondary,
html[data-yz-skin="brutal"] .MuiListItemText-secondary,
html[data-yz-skin="brutal"] .MuiFormHelperText-root,
html[data-yz-skin="brutal"] .MuiCardHeader-subheader{ color:var(--bk-muted) !important }
html[data-yz-skin="brutal"] .MuiSvgIcon-root{ color:inherit }

/* ---------- 13. 无障碍 / 移动端 ---------- */
@media (prefers-reduced-motion:reduce){
  html[data-yz-skin="brutal"] *{ transition:none !important;animation:none !important }
}
@media (max-width:900px){
  html[data-yz-skin="brutal"] .MuiToolbar-root{ min-height:56px }
  html[data-yz-skin="brutal"] .MuiTableCell-root{ padding:10px 8px !important }
}
/* =====================================================================
   PATCH 2026-09-13 · 顶栏/侧栏对齐 + 搜索框 + 上传按钮
   ---------------------------------------------------------------------
   1) .MuiPaper-root 的通用黑边(0,2,1)写在 .MuiAppBar-root(0,2,1) 之后，
      把顶栏「只留下边 3px」覆盖成「四边各 2px」：顶栏总高 64->68，
      页面顶部与右上角多出黑边，侧栏内容(66px 起)被压掉 2px。
   2) 顶栏搜索框只有白底、没有黑边，浅色下糊成一块白。
   3) 右下角悬浮上传按钮缺黑边。
   ===================================================================== */
html[data-yz-skin="brutal"] .MuiPaper-root.MuiAppBar-root{
  border:0 !important;
  border-bottom:3px solid var(--bk-line) !important;
  box-shadow:none !important;
}
html[data-yz-skin="brutal"] .MuiDrawer-paper{ padding-top:3px }
html[data-yz-skin="brutal"] .MuiAppBar-root .MuiInputBase-root{
  background:var(--bk-card-2) !important;
  border:2px solid var(--bk-line) !important;
}
html[data-yz-skin="brutal"] .MuiAppBar-root .MuiInputBase-input{
  color:var(--bk-text) !important;
}
html[data-yz-skin="brutal"] .MuiFab-root{
  border:2px solid var(--bk-line) !important;
}

/* PATCH2 2026-09-13 : fab accent + disabled buttons */
html[data-yz-skin="brutal"] .MuiFab-secondary{
  background:var(--bk-coral) !important;color:#111 !important;
  box-shadow:var(--bk-sh-md) !important;
}
html[data-yz-skin="brutal"] .MuiFab-secondary:hover{
  transform:translate(-2px,-2px);box-shadow:var(--bk-sh-lg) !important;
}
html[data-yz-skin="brutal"] .MuiButton-root.Mui-disabled{
  opacity:.42 !important;box-shadow:none !important;transform:none !important;
}

/* =====================================================================
   PATCH3 2026-09-13 · 深色模式对比度
   ---------------------------------------------------------------------
   1) 侧栏列表项悬停是黄底，但文字/图标仍是浅色，深色下直接看不见。
      MUI 的 .MuiListItemIcon-root 自带 color:#fff，必须显式压掉。
   2) 顶栏图标按钮悬停同样是黄底 + 浅色图标。
   3) 左侧抽屉自带 2px 边框，和卡片自己的 2px 右边框贴在一起变成 4px 粗线，
      深色下特别显眼。抽屉改为透明无边，让卡片自己描边。
   ===================================================================== */
html[data-yz-skin="brutal"] .MuiListItem-root.MuiListItem-button:hover,
html[data-yz-skin="brutal"] .MuiListItem-root.MuiListItem-button:hover .MuiTypography-root,
html[data-yz-skin="brutal"] .MuiListItem-root.MuiListItem-button:hover .MuiListItemIcon-root,
html[data-yz-skin="brutal"] .MuiListItem-root.MuiListItem-button:hover .MuiListItemIcon-root .MuiSvgIcon-root{
  color:#111 !important;
}
html[data-yz-skin="brutal"] .MuiIconButton-root:hover,
html[data-yz-skin="brutal"] .MuiIconButton-root:hover .MuiIconButton-label,
html[data-yz-skin="brutal"] .MuiIconButton-root:hover .MuiSvgIcon-root,
html[data-yz-skin="brutal"] .MuiIconButton-root:hover .MuiIconButton-label .MuiSvgIcon-root{
  color:#111 !important;
}
html[data-yz-skin="brutal"] .MuiDrawer-paperAnchorLeft.MuiDrawer-paperAnchorDockedLeft{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* PATCH4 2026-09-13 : restore 2px sidebar inset after drawer border removal */
html[data-yz-skin="brutal"] .MuiDrawer-paperAnchorLeft.MuiDrawer-paperAnchorDockedLeft{
  padding-left:2px !important;
  padding-right:2px !important;
}

/* =====================================================================
   PATCH5 2026-09-13 · 侧栏合卡 + 左下角容量卡片 + 扩容常驻角标
   ---------------------------------------------------------------------
   1) 侧栏原来只有上半截「我的文件」是卡片，下半截快捷入口悬空透明。
      外层导航容器(折叠面板 + 快捷入口)整体加 2px 黑边和卡片底，
      内层 ExpansionPanel 去边框去底、只留一条 2px 分隔线，
      上下两截合成为同一张侧栏卡片。
   2) 左下角存储卡底色是 Cloudreve 深色主题硬编码的 #424242，
      与野兽派卡片色不搭；改为同款卡片底 + 2px 黑边。
      卡片顶部的 hr 会与边框叠成 4px 粗线，置为透明。
   3) 进度条补黑边、加厚，计数文字提亮，深色下不再糊成一团。
   4) 「扩容」入口只在鼠标悬停时才由 React 渲染，中文加粗后标题行
      放不下会换行被卡片裁掉，深色浅色都看不见 —— 这里隐藏悬停
      临时链接，改由 skin-switcher.js 在卡片右上角注入常驻角标。
   ===================================================================== */

/* --- 1. 侧栏上下两截合成一张卡 --- */
html[data-yz-skin="brutal"] .MuiDrawer-paperAnchorDockedLeft div:has(> ul.MuiList-root):has(> .MuiExpansionPanel-root){
  border:2px solid var(--bk-line) !important;
  background:var(--bk-card) !important;
}
html[data-yz-skin="brutal"] .MuiDrawer-paperAnchorDockedLeft div:has(> ul.MuiList-root):has(> .MuiExpansionPanel-root) > .MuiExpansionPanel-root{
  border:0 !important;
  border-bottom:2px solid var(--bk-line) !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* --- 2. 左下角容量卡片 --- */
html[data-yz-skin="brutal"] .MuiDrawer-paperAnchorDockedLeft div:has(> hr.MuiDivider-root):has(> button){
  position:relative !important;
  border:2px solid var(--bk-line) !important;
  background:var(--bk-card) !important;
}
html[data-yz-skin="brutal"] .MuiDrawer-paperAnchorDockedLeft div:has(> hr.MuiDivider-root):has(> button) > hr.MuiDivider-root{
  background-color:transparent !important;
}

/* --- 3. 容量进度条 + 计数文字 --- */
html[data-yz-skin="brutal"] .MuiDrawer-paperAnchorDockedLeft div:has(> hr.MuiDivider-root):has(> button) .MuiLinearProgress-root{
  height:12px !important;
  background-color:var(--bk-card-2) !important;
  border:2px solid var(--bk-line) !important;
}
html[data-yz-skin="brutal"] .MuiDrawer-paperAnchorDockedLeft div:has(> hr.MuiDivider-root):has(> button) .MuiLinearProgress-bar{
  background-color:var(--bk-coral) !important;
}
html[data-yz-skin="brutal"] .MuiDrawer-paperAnchorDockedLeft div:has(> hr.MuiDivider-root):has(> button) .MuiTypography-caption{
  color:var(--bk-text) !important;font-weight:700 !important;
}

/* --- 4. 扩容：隐藏悬停临时链接，改用常驻角标（由 JS 注入） --- */
html[data-yz-skin="brutal"] .MuiDrawer-paperAnchorDockedLeft div:has(> hr.MuiDivider-root):has(> button) .MuiTypography-subtitle2 a{
  display:none !important;
}
html[data-yz-skin="brutal"] #yz-expand-link{
  position:absolute;top:7px;right:7px;z-index:3;
  display:inline-block;padding:0 7px 1px;
  background:var(--bk-coral);color:#111 !important;
  border:2px solid var(--bk-line);
  font-size:11px;font-weight:800;line-height:1.5;
  letter-spacing:.02em;text-decoration:none !important;
  transition:transform .16s var(--bk-spring),box-shadow .16s;
}
html[data-yz-skin="brutal"] #yz-expand-link:hover{
  transform:translate(-2px,-2px);box-shadow:var(--bk-sh-sm);
}