/* =============================================================
 * HLCD 葫芦（官方主打 skin/hulu.css）— 葫芦橙金 · 暖白旗舰主题
 * 基底复用 win10；顶栏葫芦橙金渐变白字，暖白侧栏/内容区，橙金强调。
 * 含登录页专属：暖色葫芦渐变背景 + 磨砂白卡片 + 橙金大按钮。
 * ============================================================= */
@import "win10.css";

:root{
  --t-chrome-a:#b45309;
  --t-chrome-b:#ea580c;
  --t-chrome-c:#f59e0b;
  --t-side:#fdf6ee;
  --t-content:#fffdf9;
  --t-text:#43301d;
  --t-text-soft:#8a7460;
  --t-accent:#ea580c;
  --t-accent-2:#d97706;
  --t-stroke:rgba(180,83,9,.16);
  --t-hover:rgba(234,88,12,.08);
  --t-select:rgba(234,88,12,.12);
}

/* ---------- 顶栏：葫芦橙金渐变 ---------- */
html body .topbar{
  background:linear-gradient(90deg,var(--t-chrome-a) 0%,var(--t-chrome-b) 55%,var(--t-chrome-c) 100%) !important;
  border-bottom:none !important;
  color:#fff !important; box-shadow:0 2px 10px rgba(180,83,9,.28) !important;
}
html body .topbar .topbar-menu{ color:#fff !important; border-color:rgba(255,255,255,.28) !important; }
html body .topbar .content .topbar-menu:hover,
html body .topbar .content .topbar-menu.this,
html body .topbar .content .open .topbar-menu{ background:rgba(255,255,255,.2) !important; color:#fff !important; }
html body .topbar .caret{ border-top-color:#fff !important; }

/* ---------- 侧栏：暖米白 ---------- */
html body .frame-main .frame-left{
  background:var(--t-side) !important;
  border-right:1px solid var(--t-stroke) !important;
  color:var(--t-text) !important; box-shadow:none !important;
}
html body .frame-main .frame-left .ztree li a{ color:var(--t-text) !important; }
html body .frame-main .frame-left .ztree li a:hover{ background:var(--t-hover) !important; color:var(--t-accent) !important; }
html body .frame-main .frame-left .ztree li a.curSelectedNode,
html body .frame-main .frame-left .ztree li a.curSelectedNode:hover{
  background:var(--t-select) !important; color:var(--t-accent) !important;
  border-color:rgba(234,88,12,.42) !important;
}
html body .frame-left .user-space-info{ color:var(--t-text-soft) !important; }
html body .frame-left .bottom-box{ border-top:1px solid var(--t-stroke) !important; }
html body .frame-left .bottom-box .cell{
  background:rgba(255,255,255,.8) !important;
  border:1px solid var(--t-stroke) !important; color:var(--t-text) !important;
}

/* ---------- 文件内容区 ---------- */
html body .frame-main .frame-right{
  background:var(--t-content) !important;
  border-left:1px solid var(--t-stroke) !important;
  color:var(--t-text) !important;
}
html body .frame-right .frame-right-main .tools{
  background:var(--t-side) !important;
  border-bottom:1px solid var(--t-stroke) !important;
  color:var(--t-text) !important; box-shadow:none !important;
}
html body .frame-right .frame-right-main .header-middle .path,
html body .frame-right .frame-right-main .header-right input[name=seach]{
  background:#fff !important;
  border:1px solid var(--t-stroke) !important; color:var(--t-text) !important;
}
html body .header-middle #yarnball{ background:#fff !important; border:1px solid var(--t-stroke) !important; }
html body .bodymain{ background:transparent !important; color:var(--t-text) !important; }
html body .bodymain .file .title,
html body .file-continer .file .title{ color:var(--t-text) !important; }
html body .file-continer .file .filetype,
html body .file-continer .file .filesize,
html body .file-continer .file .filetime{ color:var(--t-text-soft) !important; }
html body div.file-continer .file.hover,
html body div.file-continer .file.file-select-drag-temp,
html body div.file-continer .file.select{
  background:var(--t-select) !important;
  border-color:rgba(234,88,12,.42) !important; color:var(--t-text) !important;
}
html body #main-title .filename:hover,
html body #main-title .filesize:hover,
html body #main-title .filetype:hover,
html body #main-title .filetime:hover,
html body #main-title .this{ background:var(--t-select) !important; }

/* ---------- 按钮 ---------- */
html body .btn.btn-default,
html body .btn-group>.btn.btn-default,
html body .btn-group-sm>.btn.btn-default{
  background:#fff !important;
  border:1px solid var(--t-stroke) !important; color:var(--t-text) !important;
}
html body .btn.btn-default:hover{
  border-color:var(--t-accent) !important; color:var(--t-accent) !important;
}
html body .btn.btn-primary,
html body .btn-group>.btn.btn-primary{
  background:linear-gradient(135deg,#f59e0b,#ea580c) !important;
  border:none !important; color:#fff !important;
}

/* ---------- 下拉菜单 ---------- */
html body .dropdown-menu{
  background:#fff !important;
  border:1px solid var(--t-stroke) !important;
  box-shadow:0 10px 28px rgba(180,83,9,.18) !important;
}
html body .dropdown-menu a,
html body .dropdown-menu li a{ color:var(--t-text) !important; }
html body .dropdown-menu a:hover,
html body .dropdown-menu li a:hover{ background:var(--t-select) !important; color:var(--t-accent) !important; }

/* ---------- 弹窗 ---------- */
html body .aui-outer,
html body .dialog,
html body div.dialog-simple{
  background:#fff !important;
  border:1px solid var(--t-stroke) !important;
  box-shadow:0 10px 28px rgba(180,83,9,.18) !important;
  color:var(--t-text) !important;
}
html body .aui-outer .aui-title{
  background:var(--t-side) !important; color:var(--t-text) !important;
  border-bottom:1px solid var(--t-stroke) !important;
}

/* ---------- 任务栏 ---------- */
html body .task-tab{
  background:var(--t-side) !important;
  border-top:1px solid var(--t-stroke) !important; color:var(--t-text) !important;
}
html body .task-tab .tabs .tab{ background:rgba(255,255,255,.85) !important; color:var(--t-text) !important; }

/* ---------- 设置页 ---------- */
html body #body .menu-left{
  background:var(--t-side) !important;
  border-right:1px solid var(--t-stroke) !important; color:var(--t-text) !important;
}

/* ---------- 登录页专属：壁纸可见 + 暖色轻罩 + 磨砂白卡 ----------
   2026-11-02 修复：原先把不透明暖橙渐变直接铺在 .background 上（!important），
   把 pageBackground() 注入的壁纸 background-image 整个盖死，登录页只剩渐变色。
   现在：.background 只兜底暖色 background-color（不遮 image），暖色渐变移到
   ::before 做半透明罩叠加在壁纸上。 */
html body .background,
html body .full-background{
  background-color:#9a3412 !important;
}
html body .background::before,
html body .full-background::before{
  content:"" !important; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(560px 380px at 16% 22%, rgba(255,196,110,.22), transparent 62%),
    radial-gradient(640px 420px at 84% 78%, rgba(255,140,60,.20), transparent 65%),
    linear-gradient(135deg, rgba(124,45,18,.40) 0%, rgba(180,83,9,.26) 30%, rgba(234,88,12,.20) 62%, rgba(245,158,11,.28) 100%);
}
html body .loginbox.aero{
  background:rgba(255,252,247,.86) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 18px 50px rgba(60,20,0,.35) !important;
  -webkit-backdrop-filter:blur(16px) saturate(150%);
  backdrop-filter:blur(16px) saturate(150%);
}
html body .loginbox.aero .title,
html body .loginbox.aero .form{ background:transparent !important; }
html body .loginbox.aero .title,
html body .loginbox.aero .title *{ color:#43301d !important; }
html body .loginbox.aero .inputs input{
  background:#fff !important; color:#43301d !important;
  border:1px solid var(--t-stroke) !important;
}
html body .loginbox.aero .inputs input:focus{
  border-color:var(--t-accent) !important;
  box-shadow:0 0 0 3px rgba(234,88,12,.15) !important;
}
html body .loginbox.aero .actions #submit,
html body .loginbox.aero .login-btn-row #submit{
  background:linear-gradient(135deg,#f59e0b,#ea580c) !important;
  border:none !important; color:#fff !important;
  box-shadow:0 8px 22px rgba(217,72,15,.45) !important;
}
html body .loginbox.aero .login-tabs .tab.this,
html body .loginbox.aero .login-tabs .this{ color:var(--t-accent) !important; }

/* —— 去除 login.css 后段「赛博霓虹」覆盖层，回归暖色旗舰 —— */
html body .loginbox.aero .title{
  background:transparent !important;
  border-bottom:1px solid rgba(180,83,9,.10) !important;
  min-height:0 !important;
}
html body .loginbox.aero .title::before{ content:none !important; }
html body .loginbox.aero .title .logo::after{
  content:none !important; background:none !important; filter:none !important;
}
html body .loginbox.aero .title .logo .logo-img{
  max-height:96px !important;
  mix-blend-mode:multiply !important;
  animation:none !important;
  filter:drop-shadow(0 3px 10px rgba(124,45,18,.25)) !important;
}
html body .loginbox.aero .title .info{
  color:#9a3412 !important;
  text-shadow:none !important;
  background:rgba(234,88,12,.10) !important;
}
html body .loginbox.aero .login-tabs{ background:rgba(253,246,238,.92) !important; }
html body .loginbox.aero .login-tabs button{ background:transparent !important; color:var(--t-text-soft) !important; }
html body .loginbox.aero .login-tabs button.active{ color:var(--t-accent) !important; }
html body .loginbox.aero .login-tabs button.active::after{ background:var(--t-accent) !important; }
html body .loginbox.aero .inputs .fa,
html body .loginbox.aero .inputs .icon{ color:var(--t-accent) !important; }
html body .loginbox.aero a{ color:var(--t-accent) !important; }
html body .loginbox.aero .inputs input::placeholder{ color:#b6a08c !important; }
html body .loginbox.aero .inputs i,
html body .loginbox.aero .inputs .fa,
html body .loginbox.aero .inputs .input-icon,
html body .loginbox.aero .inputs span{ color:var(--t-accent) !important; }
html body #footer-language{
  background:rgba(255,252,247,.92) !important;
  border:1px solid rgba(180,83,9,.22) !important;
  box-shadow:0 4px 14px rgba(60,20,0,.18) !important;
}
html body #footer-language,
html body #footer-language *{ color:#9a3412 !important; }

/* ---------- 开始菜单 / 版权弹窗 配色变量（基础层 hucd_topbar.css & skin/base/common.css 消费） ---------- */
:root{
  --menu-bg: rgba(52,28,10,.9);
  --menu-bg-right: rgba(64,34,12,.92);
  --menu-border: rgba(245,158,11,.25);
  --menu-text: #f3e5d5;
  --menu-text-dim: #fbbf24;
  --menu-accent-a: #f59e0b;
  --menu-accent-b: #ea580c;
  --menu-accent-soft: #f59e0b;
  --menu-hover-bg: rgba(234,88,12,.28);
  --cp-bg-a: rgba(58,26,8,.96);
  --cp-bg-b: rgba(92,42,12,.96);
  --cp-border: rgba(245,158,11,.4);
  --cp-text: #fbe9d7;
  --cp-text-dim: #fbd38d;
  --cp-accent: #fbbf24;
}