/* ============================================================
   唐桂共享资源站 - 自定义样式（浅色主题 + 精简游客界面）
   原理：copyparty 用 CSS 变量控制主题，直接覆盖变量最彻底
   说明：管理员登录入口(a[href="?h"])必须保留，勿隐藏
   ============================================================ */


/* ------------------------------------------------------------
   【一、主题变量覆盖】把深色变量全部换成浅色暖色
   copyparty 的主题色都在这里，改这组变量即换肤
   ------------------------------------------------------------ */
:root {
  /* 主背景：暖白；主文字：柔和深灰 */
  --bg: #f6f4f0;          /* 页面主背景（原 #222 深黑） */
  --bgg: #f6f4f0;         /* 网格背景 */
  --fg: #3d3a35;          /* 主文字色（原 #ccc 浅灰） */
  --fg-max: #1f1d1a;      /* 最深文字 */
  --bg-max: #ffffff;      /* 最亮背景 */
  --bg-d1: #efece6;       /* 略深的背景层 */
  --bg-u4: #ffffff;       /* 弹出/卡片背景 */
  --bg-u6: #faf8f4;       /* 更亮层 */

  /* 文字/链接：暖棕代替蓝紫橙 */
  --a-dark: #7c6a53;      /* 链接色（原 #e70 橙） */
  --g-f-fg: #5d4e3a;      /* 网格文件文字 */
  --g-f-b1: #e0dacfe;
  --g-b1: #e6e1d8;        /* 边框 */
  --g-g1: #efece6;        /* 网格层1 */
  --g-g2: #e6e1d8;        /* 网格层2 */
  --g-f-bg: #ffffff;      /* 网格文件背景 */
  --g-sel-fg: #3d3a35;    /* 选中文字 */
  --sel-bg: #d9cfbf;      /* 选中背景（原 #ccc） */

  /* 按钮 */
  --btn-bg: #efeae2;      /* 按钮背景（原半透明灰） */
  --btn-h-bg: #e6e0d5;    /* 按钮悬停 */
  --btn-h-bs: 0 0 .2em #d0c8ba;

  /* 顶栏/操作按钮配色（低饱和暖色） */
  --op-aa-bg: #ffffff;
  --op-aa-fg: #6b665e;
  --op-a-sh: rgba(0,0,0,0.06);

  /* 表头/排序/尺寸等强调色（柔和化） */
  --sort-2: #a8958a;
  --tab-alt: #b09a80;
  --srv-2: #8a847b;
  --srv-3: #b09a80;
  --srv-3b: rgba(176,154,128,0.4);
  --sz-k: #7c9a6d;
  --sz-m: #b09a80;
  --sz-p: #c98a5a;
  --chk-fg: #c98a5a;

  /* 文本框/控件背景 */
  --txt-bg: #ffffff;
  --u2-txt-bg: #ffffff;
  --u2-inf-bg: #e8b98a;   /* 上传信息条（暖橙） */
  --u2-inf-b1: #d9a877;
  --u2-tab-1-bg: linear-gradient(to bottom,#faf8f4,#efece6 80%);
  --u2-tab-1-fg: #6b665e;
  --u2-tab-1-sh: #e0dacd;
  --u2-sbtn-b1: #d0c8ba;

  /* 网格视图线宽 */
  --grid-ln: 3;

  /* 滚动条 */
  --scroll: #d4ccbf;
}


/* ------------------------------------------------------------
   【二、精简游客界面】隐藏多余功能按钮
   命名规律：顶部工具栏按钮 id 以 opa_ 开头
   ------------------------------------------------------------ */

/* 隐藏：搜索 */
#opa_srch { display: none !important; }

/* 隐藏：新建文件夹 */
#opa_mkd { display: none !important; }

/* 隐藏：文本编辑器 */
#opa_md { display: none !important; }

/* 隐藏：消息页 */
#opa_msg { display: none !important; }

/* 隐藏：音频播放器入口 */
#opa_auc { display: none !important; }

/* 隐藏：音频播放器控件(au_ 开头) + 转码(ac_ 开头) */
[id^="au_"], [id^="ac_"], [id^="ac2"] { display: none !important; }

/* 隐藏：音频播放底部面板 + 正在播放信息条 + 播放器浮窗 */
#widget.au, #audioplayer,
#widget, #widgeti, #np_inf { display: none !important; }

/* 隐藏：右下角的音乐图标(♫)，保留 田(网格切换) 和 zip(打包下载) */
#wtico { display: none !important; }

/* 右下角悬浮控件容器改浅色（zip打包/网格切换在这里） */
#wtoggle {
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid #e6e1d8 !important;
  border-radius: 10px !important;
}
#wtoggle a { color: #7c6a53 !important; }

/* 保留：🚀#opa_up / 🎈#opa_bup / 🧯#opa_del / ⚙️#opa_cfg /
   登录 a[href="?h"] / 文件列表 / zip打包 */


/* ------------------------------------------------------------
   【三、结构层浅色化】补充变量覆盖不到的具体元素
   ------------------------------------------------------------ */
html, body {
  background: #f6f4f0 !important;
  color: #3d3a35 !important;
}

/* 左侧目录树侧边栏 + 其内部 */
#tree, #treeh, #treepar {
  background: #ffffff !important;
  color: #3d3a35 !important;
  border-right: 1px solid #ece7df !important;
}
#tree a, #tree li, #treeh a {
  color: #5a554d !important;
}
#tree a:hover { background: #f5f1ea !important; }

/* 路径栏 / 面包屑 */
#path {
  background: #ffffff !important;
  color: #5a554d !important;
  border: 1px solid #e6e1d8 !important;
  border-radius: 8px !important;
}
#path a { color: #7c6a53 !important; }

/* 顶部工具栏容器（copyparty 实际容器） */
#top, #topbar, #opbar, header, #ops {
  background: #ffffff !important;
  border-bottom: 1px solid #e6e1d8 !important;
}

/* 功能条(多选/裁剪/排序那一行) 与 网格表头 */
#ghead, .ghead, #opbar2, #fctl {
  background: #faf8f4 !important;
  color: #5a554d !important;
}

/* 音频播放器面板 / 各操作浮层（即使隐藏了入口，也统一浅色以防万一） */
#op_player, #op_cfg, #op_unpost, #op_bup, #op_mkdir, #op_new_md, #op_msg, #srch_form {
  background: #ffffff !important;
  color: #3d3a35 !important;
  border: 1px solid #e6e1d8 !important;
}

/* 提示气泡 / toast 通知 */
#tt, #toast {
  background: #ffffff !important;
  color: #3d3a35 !important;
  border: 1px solid #e0dacd !important;
}

/* 文件列表卡片 */
#files, #gfiles {
  background: #ffffff !important;
  border: 1px solid #ece7df !important;
  border-radius: 10px !important;
}

/* 上传拖放区 */
#u2tab, #up2k, .up2k {
  background: #ffffff !important;
  border: 2px dashed #d9d2c6 !important;
  border-radius: 10px !important;
}

/* 输入框 */
input, textarea, select {
  background: #ffffff !important;
  color: #3d3a35 !important;
  border: 1px solid #d9d2c6 !important;
  border-radius: 7px !important;
}

/* 隐藏点文件列表里的本 CSS（双保险，配合文件名 .custom.css） */
a[href$="/.custom.css"], a[href$=".custom.css"] { display: none !important; }

/* 隐藏文件列表里的 favicon.png（站点图标，游客无需看到） */
a[href*="favicon.png"] { display: none !important; }

/* 隐藏登录页相关文件（游客无需在文件列表看到）
   注意：只作用于文件表格 #files 和目录树，不影响顶部导航的"登录"入口 */
#files a[href*="login.html"], #files a[href*="login-bg"], #files a[href*="login-art"],
#tree a[href*="login.html"], #tree a[href*="login-bg"], #tree a[href*="login-art"],
table a[href*="login.html"], table a[href*="login-bg"], table a[href*="login-art"] { display: none !important; }

/* 隐藏目录树/面包屑里的 res 资源目录（系统文件目录，游客无需看到）
   只作用于文件区(#gfiles/#files)和目录树(#tree)，不影响顶部导航"登录"入口(#acc_info) */
#gfiles a[href*="/res"], #files a[href*="/res"], #tree a[href*="/res"],
#gfiles a[href$="res/"], #files a[href$="res/"], #tree a[href$="res/"] { display: none !important; }
#tree li:has(> a[href$="res/"]), #tree li:has(> a[href*="/res"]),
#files li:has(> a[href*="/res"]), #gfiles li:has(> a[href*="/res"]) { display: none !important; }

/* 滚动条 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f0ece5; }
::-webkit-scrollbar-thumb { background: #d4ccbf; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #c0b7a8; }


/* ------------------------------------------------------------
   【四、磁盘进度条】内联在 #srv_info 信息行，浅色配色
   ------------------------------------------------------------ */
#disk-bar-track { background: #e6e1d8 !important; }
#disk-bar-pct, #disk-bar-label { color: #7a746b !important; }


/* ------------------------------------------------------------
   【五、登录入口保持醒目】确保游客能找到
   ------------------------------------------------------------ */
a[href="?h"] {
  color: #7c6a53 !important;
  font-weight: bold !important;
}