/* ==========================================================================
   赵阿龙智能体 · Premium Design System v2
   参考设计稿：暗黑金 · 左导航 + 宽主区 · Hero + 创作入口 + 热门推荐 + 功能分类
   ========================================================================== */
:root{
  --p-bg:#08080A; --p-bg2:#0E0E11;
  --p-panel:#141416; --p-panel2:#18181B;
  --p-line:rgba(214,178,86,.14);
  --p-line2:rgba(214,178,86,.34);
  --p-line3:rgba(255,255,255,.06);
  --p-gold:#D6B256; --p-gold-l:#F0DCA6; --p-gold-h:#FBF0CC; --p-gold-d:#9C7A22;
  --p-grad:linear-gradient(180deg,#FCF3D8 0%,#E9CE8A 44%,#C9A64A 74%,#A8822A 100%);
  --p-grad-btn:linear-gradient(135deg,#F7E6B4 0%,#DEBF6B 52%,#C39E3F 100%);
  --p-text:#F4F1E9; --p-text2:#A9A498; --p-text3:#6E6A61;
  --p-r-lg:20px; --p-r-md:14px;
  --p-shadow:0 18px 46px rgba(0,0,0,.55);
  --p-glow:0 0 34px rgba(214,178,86,.16);
  --p-nav-w:238px;
}
html{ background:#08080A; }
body{
  background:
    radial-gradient(900px 460px at 74% -8%, rgba(214,178,86,.09), transparent 62%),
    radial-gradient(700px 420px at 2% 104%, rgba(214,178,86,.05), transparent 60%),
    #08080A !important;
  background-attachment:fixed !important;
  color:var(--p-text) !important;
  font-family:"Microsoft YaHei","PingFang SC","Source Han Sans SC","Segoe UI",system-ui,sans-serif !important;
}
.dot-grid,.beams{ display:none !important; }
#bg-canvas{ opacity:.30 !important; }
#cursorGlow{ background:radial-gradient(circle, rgba(214,178,86,.13), transparent 68%) !important; }
main{ scrollbar-width:thin; }
main::-webkit-scrollbar{ width:9px; }
main::-webkit-scrollbar-track{ background:transparent; }
main::-webkit-scrollbar-thumb{ background:rgba(214,178,86,.24); border-radius:99px; }
main::-webkit-scrollbar-thumb:hover{ background:rgba(214,178,86,.4); }

/* ---------- 顶栏 ---------- */
.topbar{
  display:flex !important; align-items:center !important; gap:16px !important;
  padding:12px 22px !important; min-height:62px;
  background:rgba(10,10,11,.88) !important;
  border-bottom:1px solid rgba(214,178,86,.12) !important;
  backdrop-filter:blur(18px) saturate(1.2) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.42) !important;
  z-index:60 !important;
}
.topbar::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(214,178,86,.42),transparent); opacity:.55;
}
.brand{ display:flex; align-items:center; gap:12px; flex:0 0 auto; }
.brand .logo{
  width:42px !important; height:42px !important; border-radius:13px !important;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,#241E10,#15130C) !important;
  border:1px solid rgba(214,178,86,.34) !important;
  box-shadow:0 0 20px rgba(214,178,86,.18), inset 0 1px 0 rgba(255,255,255,.07) !important;
  animation:none !important; overflow:hidden;
}
.brand .logo img{ width:25px; height:25px; object-fit:contain; }
.brand h1{
  font-size:19px !important; font-weight:800 !important; letter-spacing:.3px;
  background:linear-gradient(180deg,#FCF4DA 8%,#E6CB84 56%,#B8922F 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
}
.brand p,.brand-slogan{ font-size:11.5px !important; color:var(--p-text3) !important; margin-top:2px !important; letter-spacing:.5px; }
.brand-ai{
  display:inline-block; margin-left:6px; padding:1px 5px; border-radius:5px;
  font-size:10px; font-weight:800; color:#F0DCA6;
  border:1px solid rgba(214,178,86,.5); background:rgba(214,178,86,.1);
}
.hv-search{
  position:relative; flex:0 1 auto; width:340px; max-width:40vw; margin-right:auto;
  display:flex; align-items:center; gap:9px;
  padding:9px 16px; border-radius:999px;
  background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08);
  transition:border-color .2s, box-shadow .2s, background .2s;
}
.hv-search:focus-within{ border-color:var(--p-line2); background:rgba(214,178,86,.05); box-shadow:0 0 0 3px rgba(214,178,86,.1); }
.hv-search svg{ width:16px; height:16px; color:#A08A4E; flex:0 0 auto; }
.hv-search input{
  flex:1; min-width:0; background:transparent !important; border:none !important;
  outline:none !important; color:var(--p-text) !important; font-size:13.5px !important;
  padding:0 !important; box-shadow:none !important;
}
.hv-search input::placeholder{ color:#635F57 !important; }
.hv-search-pop{
  position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:80;
  max-height:320px; overflow-y:auto; padding:6px;
  background:rgba(18,18,20,.98); border:1px solid var(--p-line2);
  border-radius:14px; box-shadow:var(--p-shadow);
}
.hv-sr-item{ display:flex; align-items:center; gap:10px; padding:9px 11px; border-radius:10px; cursor:pointer; font-size:13px; color:#D8D2C2; }
.hv-sr-item:hover{ background:rgba(214,178,86,.12); color:#F5E9C6; }
.hv-sr-item svg{ width:15px; height:15px; color:#C8A855; }
.hv-sr-empty{ padding:14px; text-align:center; color:var(--p-text3); font-size:12.5px; }
.hv-bell{
  position:relative; flex:0 0 auto; width:38px; height:38px; border-radius:12px;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08);
  color:#C8A855; transition:all .2s;
}
.hv-bell:hover{ border-color:var(--p-line2); background:rgba(214,178,86,.09); }
.hv-bell svg{ width:17px; height:17px; }
.hv-bell .hv-dot{ position:absolute; top:8px; right:9px; width:7px; height:7px; border-radius:50%; background:#FF453A; box-shadow:0 0 0 2px rgba(10,10,11,.9); }
.key-status{ background:rgba(214,178,86,.09) !important; color:#E5D199 !important; border:1px solid rgba(214,178,86,.24) !important; border-radius:999px !important; font-size:12px !important; padding:6px 13px !important; flex:0 0 auto; }
.running-badge{ background:rgba(214,178,86,.11) !important; border:1px solid rgba(214,178,86,.28) !important; color:#EFE1B4 !important; border-radius:999px !important; font-size:12px !important; }
.running-badge:hover{ background:rgba(214,178,86,.2) !important; }
.running-pop{ background:rgba(16,16,18,.98) !important; border:1px solid var(--p-line2) !important; box-shadow:var(--p-shadow) !important; }
.as-trigger{ background:rgba(228,200,127,.07) !important; border:1px solid rgba(214,178,86,.26) !important; border-radius:999px !important; padding:6px 14px !important; }
.as-trigger:hover{ background:rgba(228,200,127,.15) !important; }
.as-badge{ background:linear-gradient(140deg,#F2DFA4,#C39E3F) !important; color:#1A1408 !important; font-weight:800; }
.as-name{ color:#F3E9CB !important; font-weight:700 !important; }
.as-sub{ color:var(--p-text3) !important; }
.as-menu{ background:rgba(16,16,18,.98) !important; border:1px solid var(--p-line2) !important; box-shadow:var(--p-shadow) !important; border-radius:16px !important; }
.as-opt:hover{ background:rgba(214,178,86,.10) !important; }

/* ---------- 左侧导航 ---------- */
nav.tabs.sidebar{
  background:rgba(10,10,11,.94) !important;
  border-right:1px solid rgba(214,178,86,.10) !important;
  padding:16px 13px 18px !important;
  width:var(--p-nav-w) !important; min-width:var(--p-nav-w) !important;
  display:flex !important; flex-direction:column !important; gap:6px !important;
  box-shadow:14px 0 44px rgba(0,0,0,.4) !important;
  backdrop-filter:blur(16px) !important;
}
nav.tabs.sidebar::before{ display:none !important; }
nav.tabs.sidebar .sb-scroll{
  display:flex !important; flex-direction:column !important; gap:5px !important;
  overflow-y:auto; overflow-x:hidden; flex:1 1 auto; padding-right:2px;
}
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar{ width:6px; }
nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-thumb{ background:rgba(214,178,86,.22); border-radius:99px; }
.tab-group,.sb-dock{
  background:transparent !important; border:none !important; padding:0 !important; margin:0 !important;
  display:flex !important; flex-direction:column !important; gap:3px;
}
.tab-group-label,.tab-tools-label{
  display:flex !important; align-items:center !important; gap:12px;
  padding:12px 14px !important; border-radius:var(--p-r-md) !important;
  font-size:15px !important; font-weight:700 !important; color:#DCD6C6 !important;
  letter-spacing:.2px; cursor:pointer !important; user-select:none;
  background:transparent !important; border:1px solid transparent !important;
  transition:background .2s,color .2s,border-color .2s;
}
.tab-group-label:hover,.tab-tools-label:hover{ background:rgba(214,178,86,.07) !important; color:#F2E7C8 !important; }
.tab-group-label .tgl-ico{ width:21px !important; height:21px !important; color:#C8A855 !important; flex:0 0 auto; }
.tab-tools-label::after{ content:none !important; }
.tab-tools-label::before{
  content:"" !important; width:21px; height:21px; flex:0 0 auto; background-color:#C8A855;
  -webkit-mask:url("assets/icons/sprite.svg#i-briefcase") center/contain no-repeat;
  mask:url("assets/icons/sprite.svg#i-briefcase") center/contain no-repeat;
}
.tab-group-label .p-chevron{ margin-left:auto; font-size:15px; line-height:1; color:var(--p-text3); transition:transform .25s; }
.tab-group.open > .tab-group-label .p-chevron{ transform:rotate(90deg); }
.tab-group.open > .tab-group-label,.sb-dock.open > .tab-tools-label{ color:#F5E8BF !important; background:rgba(214,178,86,.06) !important; }
.tab-group > .p-sub,.sb-dock > .p-sub{ display:none; flex-direction:column; gap:2px; padding:2px 0 6px 6px; }
.tab-group.open > .p-sub,.sb-dock.open > .p-sub{ display:flex; }
.tab-btn{
  display:flex !important; align-items:center !important; gap:11px !important;
  padding:10px 13px !important; border-radius:11px !important;
  font-size:13.5px !important; font-weight:600 !important;
  color:#9E988A !important; background:transparent !important; border:1px solid transparent !important;
  box-shadow:none !important; text-align:left; width:100%; cursor:pointer;
  transition:background .18s,color .18s,border-color .18s,transform .18s;
  animation:none !important;
}
.tab-btn::after,.tab-btn::before{ display:none !important; }
.tab-btn:hover{ color:#F0E6C8 !important; background:rgba(214,178,86,.08) !important; transform:translateX(2px); }
.tab-btn.active{
  color:#241B08 !important; background:var(--p-grad-btn) !important;
  border-color:rgba(255,240,200,.5) !important;
  box-shadow:0 8px 22px rgba(214,178,86,.24), inset 0 1px 0 rgba(255,255,255,.35) !important;
  font-weight:800 !important;
}
.tab-btn .tb-ico{ width:19px !important; height:19px !important; flex:0 0 auto; color:#B99A44 !important; }
.tab-btn.active .tb-ico{ color:#2A2008 !important; }
.tab-btn .tb-txt{ flex:1; min-width:0; }
.p-nav-home{
  display:flex !important; align-items:center !important; gap:12px !important;
  padding:14px 15px !important; border-radius:var(--p-r-md) !important;
  font-size:16px !important; font-weight:800 !important;
  color:#C9C2B0 !important; background:transparent !important;
  border:1px solid transparent !important; cursor:pointer; width:100%;
  transition:background .2s,color .2s,border-color .2s,box-shadow .2s;
}
.p-nav-home:hover{ color:#F5E8BF !important; background:rgba(214,178,86,.07) !important; transform:none !important; }
.p-nav-home.active{
  color:#241B08 !important; background:var(--p-grad-btn) !important;
  border-color:rgba(255,240,200,.5) !important;
  box-shadow:0 10px 26px rgba(214,178,86,.22), inset 0 1px 0 rgba(255,255,255,.32) !important;
}
.p-nav-home .tb-ico{ width:22px !important; height:22px !important; color:inherit !important; }
.p-nav-extra{
  margin-top:8px; padding-top:12px; border-top:1px solid rgba(214,178,86,.12);
  display:flex; flex-direction:column; gap:3px;
}
.p-nav-mini{
  display:flex !important; align-items:center !important; gap:12px;
  padding:11px 14px !important; border-radius:12px !important;
  font-size:14px !important; font-weight:600 !important; color:#B5AFA0 !important;
  background:transparent !important; border:1px solid transparent !important;
  cursor:pointer; width:100%; text-align:left; transition:all .2s;
}
.p-nav-mini:hover{ color:#F2E7C8 !important; background:rgba(214,178,86,.07) !important; }
.p-nav-mini.active{ color:#241B08 !important; background:var(--p-grad-btn) !important; }
.p-nav-mini .tb-ico{ width:19px !important; height:19px !important; color:#B99A44 !important; }
.p-nav-mini.active .tb-ico{ color:#2A2008 !important; }
nav.tabs.sidebar .p-nav-foot{ margin-top:auto; padding-top:10px; }
.p-vip-card{
  display:flex; align-items:center; gap:11px; cursor:pointer;
  padding:13px 14px; border-radius:var(--p-r-md);
  background:linear-gradient(120deg,rgba(214,178,86,.13),rgba(214,178,86,.03));
  border:1px solid rgba(214,178,86,.26);
  transition:transform .2s, box-shadow .2s;
}
.p-vip-card:hover{ transform:translateY(-2px); box-shadow:0 14px 32px rgba(0,0,0,.45), var(--p-glow); }
.p-vip-card .pv-ico{ width:36px; height:36px; border-radius:11px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; background:linear-gradient(150deg,#F2DFA4,#C39E3F); color:#231A06; }
.p-vip-card .pv-ico svg{ width:19px; height:19px; }
.p-vip-card .pv-txt{ flex:1; min-width:0; }
.p-vip-card .pv-txt b{ display:block; font-size:13.5px; font-weight:800; color:#F5E9C6; }
.p-vip-card .pv-txt small{ font-size:11px; color:var(--p-text2); }
.p-vip-card .pv-arrow{ color:var(--p-text3); font-size:15px; }
.feat-badge{ font-size:10.5px !important; font-weight:800 !important; letter-spacing:.3px; padding:2.5px 8px !important; border-radius:999px !important; line-height:1.5; border:1px solid transparent; }
.feat-hot{ background:linear-gradient(135deg,#FF7A59,#E23D2E) !important; color:#fff !important; }
.feat-new{ background:linear-gradient(135deg,#4ADE80,#16A34A) !important; color:#04240F !important; }
.feat-gold{ background:linear-gradient(135deg,#F6E4AE,#C39E3F) !important; color:#231A06 !important; }

/* ---------- 主区 ---------- */
main{ margin-left:var(--p-nav-w) !important; padding:20px 26px 40px !important; }#keyBanner,#remoteBanner{ margin-left:var(--p-nav-w) !important; }
.panel{ display:none; }
.panel.active{ display:block; animation:panelIn .32s cubic-bezier(.22,.9,.3,1); }
@keyframes panelIn{ from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }

/* ==========================================================================
   首页
   ========================================================================== */
.home-view{ display:flex; flex-direction:column; gap:18px; }
.hv-hero{
  position:relative; overflow:hidden;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,380px);
  align-items:center; gap:12px;
  padding:28px 32px !important; margin:0 !important;
  background:
    radial-gradient(620px 320px at 76% 46%, rgba(214,178,86,.13), transparent 66%),
    linear-gradient(150deg,#131314 0%,#0C0C0D 100%) !important;
  border:1px solid var(--p-line) !important; border-radius:var(--p-r-lg) !important;
  box-shadow:var(--p-shadow) !important;
}
.hv-hero::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.028) 1px, transparent 1px);
  background-size:22px 22px;
}
.hv-hero-copy{ position:relative; z-index:2; min-width:0; }
.hv-title{
  margin:0 !important; font-size:clamp(26px,2.9vw,42px) !important; line-height:1.14 !important;
  font-weight:900 !important; letter-spacing:.5px;
  background:var(--p-grad) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
  filter:drop-shadow(0 4px 18px rgba(214,178,86,.2));
}
.hv-sub{ margin:10px 0 0 !important; font-size:clamp(14px,1.3vw,18px) !important; font-weight:700 !important; color:#E7DEC4 !important; letter-spacing:.4px; }
.hv-feats{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }
.hv-feat{
  display:flex; align-items:center; gap:10px; padding:12px 13px;
  background:rgba(255,255,255,.03); border:1px solid rgba(214,178,86,.16);
  border-radius:var(--p-r-md); transition:border-color .2s, background .2s, transform .2s;
}
.hv-feat:hover{ border-color:var(--p-line2); background:rgba(214,178,86,.06); transform:translateY(-2px); }
.hvf-ico{
  width:34px; height:34px; border-radius:10px; flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,rgba(214,178,86,.22),rgba(214,178,86,.05));
  border:1px solid rgba(214,178,86,.26); color:#EBD69C;
}
.hvf-ico svg{ width:17px; height:17px; }
.hvf-txt{ min-width:0; }
.hvf-txt b{ display:block; font-size:13px; font-weight:800; color:#EFE6CE; }
.hvf-txt small{ font-size:11px; color:var(--p-text3); }
.hv-hero-art{ position:relative; z-index:2; display:flex; align-items:center; justify-content:center; }
.hv-hero-art img{
  width:100%; max-width:360px; height:auto; display:block;
  filter:drop-shadow(0 18px 44px rgba(214,178,86,.26));
  animation:heroFloat 5.5s ease-in-out infinite;
}
@keyframes heroFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
.hv-note{
  position:absolute; right:4px; top:2px; font-size:14px; font-weight:700; color:#F2E2B4;
  line-height:1.55; transform:rotate(-6deg); letter-spacing:.5px; font-style:italic;
  text-shadow:0 3px 14px rgba(0,0,0,.65);
}
.hv-note::after{ content:""; display:block; width:68px; height:14px; margin:2px 0 0 20px; border-bottom:2px solid rgba(214,178,86,.55); border-radius:50%; transform:rotate(4deg); }

/* 创作输入条 */
.hv-inputbar{
  display:flex !important; align-items:center !important; gap:12px;
  padding:11px 11px 11px 20px !important; margin:0 !important;
  background:linear-gradient(160deg,#151517 0%,#101012 100%) !important;
  border:1px solid var(--p-line) !important; border-radius:999px !important;
  box-shadow:0 16px 40px rgba(0,0,0,.45) !important;
  transition:border-color .25s, box-shadow .25s;
}
.hv-inputbar:focus-within{ border-color:var(--p-line2) !important; box-shadow:0 16px 44px rgba(0,0,0,.5), 0 0 0 1px rgba(214,178,86,.16), var(--p-glow) !important; }
.hv-inputbar .hv-in-ico{ display:flex; align-items:center; color:#C8A855; flex:0 0 auto; }
.hv-inputbar .hv-in-ico svg{ width:20px; height:20px; }
.hv-inputbar #linkAnalyzerInput{
  flex:1; min-width:0; background:transparent !important; border:none !important;
  box-shadow:none !important; outline:none !important; color:var(--p-text) !important;
  font-size:14.5px !important; padding:8px 2px !important; border-radius:0 !important;
}
.hv-inputbar #linkAnalyzerInput::placeholder{ color:#63605A !important; }
.hv-inputbar .la-btn.hv-go{
  display:inline-flex !important; align-items:center !important; gap:8px;
  padding:12px 26px !important; border-radius:999px !important; border:none !important;
  background:var(--p-grad-btn) !important; color:#231A06 !important;
  font-size:14.5px !important; font-weight:800 !important; white-space:nowrap;
  box-shadow:0 10px 26px rgba(214,178,86,.26), inset 0 1px 0 rgba(255,255,255,.4) !important;
  transition:transform .18s, filter .18s;
}
.hv-inputbar .la-btn.hv-go:hover{ transform:translateY(-1px); filter:brightness(1.05); }
.hv-inputbar .la-btn.hv-go svg{ width:16px; height:16px; }

/* 快捷 chips */
.hv-chips{ display:flex; flex-wrap:wrap; gap:10px; }
.hv-chip{
  padding:9px 20px; border-radius:999px; cursor:pointer;
  font-size:13px; font-weight:600; color:#BDB6A6;
  background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08);
  transition:all .2s;
}
.hv-chip:hover{ color:#F5E8C6; border-color:var(--p-line2); background:rgba(214,178,86,.1); transform:translateY(-1px); }
.hv-sec{ display:flex; flex-direction:column; gap:12px; }
.hv-sec-head{ display:flex; align-items:center; justify-content:space-between; }
.hv-sec-head h3{ display:flex; align-items:center; gap:9px; margin:0; font-size:17px; font-weight:800; color:#F3E7C4; letter-spacing:.3px; }
.hv-sec-head h3 svg{ width:19px; height:19px; }
.hv-fire{ display:flex; color:#F0A93A; }
.hv-grid{ display:flex; color:var(--p-gold); }
.hv-more{ font-size:13px; color:var(--p-text3); cursor:pointer; transition:color .2s; }
.hv-more:hover{ color:#E8CE8A; }
.hv-more i{ font-style:normal; }

/* 热门功能推荐 */
.hv-hot{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.hv-hot-card{
  display:flex; align-items:center; gap:12px; padding:16px; cursor:pointer;
  background:linear-gradient(158deg,#16161A 0%,#101013 100%);
  border:1px solid var(--p-line); border-radius:var(--p-r-md);
  transition:transform .2s, border-color .2s, box-shadow .2s;
}
.hv-hot-card:hover{ transform:translateY(-3px); border-color:var(--p-line2); box-shadow:0 16px 38px rgba(0,0,0,.5), var(--p-glow); }
.hh-ico{
  width:44px; height:44px; border-radius:12px; flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,rgba(214,178,86,.22),rgba(214,178,86,.05));
  border:1px solid rgba(214,178,86,.28); color:#EBD69C;
}
.hh-ico svg{ width:20px; height:20px; }
.hh-txt{ flex:1; min-width:0; }
.hh-txt b{ display:flex; align-items:center; gap:6px; font-size:14px; font-weight:800; color:#F4ECD8; margin-bottom:5px; }
.hh-txt small{ display:block; font-size:11.5px; color:var(--p-text3); line-height:1.45; }
.hh-arrow{ font-style:normal; color:var(--p-text3); font-size:15px; margin-left:auto; }

/* 功能分类 */
.hv-cats{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.hv-cat{
  display:flex; align-items:center; gap:12px; padding:18px 16px; cursor:pointer;
  background:linear-gradient(158deg,#16161A 0%,#101013 100%);
  border:1px solid var(--p-line); border-radius:var(--p-r-md);
  transition:transform .2s, border-color .2s, box-shadow .2s;
}
.hv-cat:hover{ transform:translateY(-3px); border-color:var(--p-line2); box-shadow:0 16px 38px rgba(0,0,0,.5), var(--p-glow); }
.hc-ico{
  width:44px; height:44px; border-radius:12px; flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,rgba(214,178,86,.2),rgba(214,178,86,.04));
  border:1px solid rgba(214,178,86,.26); color:#EBD69C;
}
.hc-ico svg{ width:20px; height:20px; }
.hc-txt{ flex:1; min-width:0; }
.hc-txt b{ display:flex; align-items:center; font-size:14px; font-weight:800; color:#F2EAD6; margin-bottom:5px; }
.hc-txt b em{ font-style:normal; margin-left:auto; color:var(--p-text3); font-size:15px; }
.hc-txt small{ display:block; font-size:11px; color:var(--p-text3); line-height:1.5; }

/* 今日创作 / 最近使用 */
.hv-bottom{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:14px; }
.hv-stat-card,.hv-recent-card{
  padding:18px; background:linear-gradient(158deg,#141416 0%,#0F0F11 100%);
  border:1px solid var(--p-line); border-radius:var(--p-r-lg); box-shadow:0 14px 36px rgba(0,0,0,.4);
}
.hv-stat-head{ display:flex; align-items:center; justify-content:space-between; font-size:14px; font-weight:800; color:#F0E6C6; margin-bottom:14px; }
.hvs-t{ display:flex; align-items:center; gap:8px; }
.hvs-t svg{ width:17px; height:17px; color:var(--p-gold); }
.hv-clear{ font-size:12px; font-weight:600; color:var(--p-text3); cursor:pointer; }
.hv-clear:hover{ color:#E8CE8A; }
.hv-stat-row{ display:grid; grid-template-columns:repeat(3,1fr); text-align:center; }
.hv-st b{
  display:block; font-size:26px; font-weight:900; line-height:1.1;
  background:var(--p-grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.hv-st small{ display:block; font-size:11.5px; color:var(--p-text3); margin-top:5px; }
.hv-st + .hv-st{ border-left:1px solid var(--p-line3); }
.hv-recent-list{ display:flex; flex-direction:column; }
.hv-recent-item{
  display:flex; align-items:center; gap:11px; padding:9px 4px; cursor:pointer;
  border-bottom:1px solid var(--p-line3); transition:background .18s;
}
.hv-recent-item:last-child{ border-bottom:none; }
.hv-recent-item:hover{ background:rgba(214,178,86,.05); }
.hv-recent-item .rr-ico{
  width:32px; height:32px; border-radius:10px; flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  background:rgba(214,178,86,.1); border:1px solid rgba(214,178,86,.2); color:#DEC178;
}
.hv-recent-item .rr-ico svg{ width:16px; height:16px; }
.hv-recent-item .rr-txt{ flex:1; min-width:0; font-size:13px; font-weight:700; color:#E9E2CE; }
.hv-recent-item .rr-time{ font-size:11px; color:var(--p-text3); }
.hv-recent-empty{ padding:14px 4px; color:var(--p-text3); font-size:12.5px; }

/* 页脚 */
.hv-footer{ display:flex; align-items:center; justify-content:center; gap:14px; margin:6px 0 4px; font-size:12px; color:#5F5B53; letter-spacing:.4px; }
.hv-footer::before,.hv-footer::after{ content:""; width:120px; height:1px; background:linear-gradient(90deg,transparent,rgba(214,178,86,.22),transparent); }

/* 响应式 */
@media (max-width:1280px){ .hv-cats{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:1080px){
  .hv-hero{ grid-template-columns:1fr; }
  .hv-hero-art{ display:none; }
  .hv-feats{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hv-hot{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px){ .hv-bottom{ grid-template-columns:minmax(0,1fr); } }
@media (max-width:820px){ .hv-cats{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* ==========================================================================
   功能面板 · 通用组件金色化
   ========================================================================== */
.panel .field-row{ display:flex; gap:14px; flex-wrap:wrap; align-items:flex-start; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.045); }
.panel .field-row:last-child{ border-bottom:none; }
.panel .field-label{ font-size:13px; font-weight:700; color:#C9C2AE !important; letter-spacing:.2px; padding-top:9px; min-width:96px; }
.panel .field-grow{ flex:1; min-width:180px; }
.panel .hint{ font-size:12.5px !important; color:var(--p-text3) !important; line-height:1.6; }
.panel input[type="text"],.panel input[type="number"],.panel input[type="password"],
.panel input[type="url"],.panel input[type="search"],.panel textarea,.panel select,
.panel .field-grow input,.panel .field-grow textarea,.panel .field-textarea{
  width:100%; background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.09) !important; border-radius:12px !important;
  padding:11px 14px !important; color:var(--p-text) !important; font-size:13.5px !important;
  outline:none !important; box-shadow:none !important; font-family:inherit !important;
  transition:border-color .2s, box-shadow .2s, background .2s;
}
.panel textarea,.panel .field-textarea{ line-height:1.65 !important; resize:vertical; }
.panel input::placeholder,.panel textarea::placeholder{ color:#615E56 !important; }
.panel input:focus,.panel textarea:focus,.panel select:focus,
.panel .field-grow input:focus,.panel .field-grow textarea:focus{
  border-color:var(--p-line2) !important; background:rgba(214,178,86,.05) !important;
  box-shadow:0 0 0 3px rgba(214,178,86,.12) !important;
}
.panel select{ appearance:none; -webkit-appearance:none; cursor:pointer; padding-right:38px !important; }
.panel select option{ background:#151517; color:#EFE8D6; }
.panel .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:11px 22px; border-radius:12px; cursor:pointer;
  font-size:13.5px; font-weight:700; color:#D5CEC0; background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  transition:transform .18s, filter .18s, background .18s, border-color .18s, box-shadow .18s;
}
.panel .btn:hover{ transform:translateY(-1px); color:#F2E8CC; border-color:var(--p-line2); background:rgba(214,178,86,.1); }
.panel .btn.primary{
  background:var(--p-grad-btn) !important; color:#231A06 !important;
  border:1px solid rgba(255,240,200,.45) !important; font-weight:800 !important;
  box-shadow:0 10px 26px rgba(214,178,86,.24), inset 0 1px 0 rgba(255,255,255,.38) !important;
}
.panel .btn.primary:hover{ filter:brightness(1.06); background:var(--p-grad-btn) !important; color:#231A06 !important; }
.panel .btn.big{ padding:13px 34px !important; font-size:15px !important; border-radius:13px !important; }
.panel .btn.small{ padding:8px 15px !important; font-size:12.5px !important; border-radius:10px !important; }
.panel .btn.danger{ background:linear-gradient(135deg,#E4635A,#C23B32) !important; color:#fff !important; }
.panel .btn.ghost{ background:transparent !important; border-color:rgba(255,255,255,.14) !important; color:#B9B2A4 !important; }
.panel .btn:disabled,.panel .btn[disabled]{ opacity:.5; cursor:not-allowed; transform:none !important; filter:grayscale(.35); }
.panel .dropzone{
  position:relative; cursor:pointer;
  border:1.5px dashed rgba(214,178,86,.3) !important; border-radius:var(--p-r-md) !important;
  background:linear-gradient(160deg,rgba(214,178,86,.055),rgba(255,255,255,.015)) !important;
  padding:32px 20px !important; text-align:center;
  transition:border-color .22s, background .22s, box-shadow .22s;
}
.panel .dropzone:hover,.panel .dropzone.dragover{
  border-color:rgba(214,178,86,.7) !important;
  background:linear-gradient(160deg,rgba(214,178,86,.12),rgba(255,255,255,.02)) !important;
  box-shadow:0 0 0 3px rgba(214,178,86,.1), var(--p-glow) !important;
}
.panel .dropzone svg{ color:#C8A855; }
.panel .dropzone b,.panel .dropzone strong{ color:#EFE4C6 !important; }
.panel .batch-zone{ border:1.5px dashed rgba(214,178,86,.26) !important; border-radius:var(--p-r-md) !important; background:rgba(214,178,86,.04) !important; }
.panel .preset-btn{
  padding:8px 15px !important; border-radius:999px !important; cursor:pointer;
  font-size:12.5px !important; font-weight:700 !important; color:#BDB6A6 !important;
  background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.09) !important; transition:all .2s;
}
.panel .preset-btn:hover{ color:#F2E2B4 !important; border-color:var(--p-line2) !important; background:rgba(214,178,86,.09) !important; }
.panel .preset-btn.active{
  color:#231A06 !important; background:var(--p-grad-btn) !important;
  border-color:rgba(255,240,200,.45) !important; box-shadow:0 6px 16px rgba(214,178,86,.22) !important;
}
.panel .file-chip,.panel .vt-chip,.panel .ai-chat-chip{
  background:rgba(214,178,86,.12) !important; border:1px solid rgba(214,178,86,.3) !important;
  color:#EAD9A8 !important; border-radius:999px !important;
}
.panel .chip-remove{ color:#C8A855 !important; }
.panel .chip-remove:hover{ color:#F0DCA4 !important; }
.panel .result-box,.panel .preview-box,.panel .stage{
  background:linear-gradient(160deg,#141416,#0F0F11) !important;
  border:1px solid var(--p-line) !important; border-radius:var(--p-r-md) !important;
}
.panel .result-empty,.panel .placeholder{ color:var(--p-text3) !important; }
.panel input[type="range"]{ accent-color:#D6B256; }
.panel input[type="checkbox"]{ accent-color:#D6B256; }
.card{
  background:linear-gradient(158deg,#141416 0%,#101012 100%) !important;
  border:1px solid var(--p-line) !important; border-radius:var(--p-r-lg) !important;
  padding:22px 24px !important;
  box-shadow:0 14px 38px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.card::before{ background:linear-gradient(90deg,transparent,rgba(214,178,86,.4),transparent) !important; }
.card:hover{ border-color:var(--p-line2) !important; box-shadow:0 20px 52px rgba(0,0,0,.5), 0 0 30px rgba(214,178,86,.09) !important; }
.toast{
  background:linear-gradient(150deg,#1A1A1C,#121214) !important;
  border:1px solid var(--p-line2) !important; color:#F0E6C8 !important;
  border-radius:14px !important; box-shadow:var(--p-shadow) !important;
}
.acct-bar{
  margin:0 0 14px !important; padding:10px 16px !important;
  background:rgba(214,178,86,.05) !important; border:1px solid rgba(214,178,86,.14) !important;
  border-radius:12px !important; box-shadow:none !important;
  display:flex !important; align-items:center !important; gap:10px !important;
}
.acct-bar .acct-txt{ color:#BFB9A8 !important; font-size:12.5px !important; }
.acct-bar .acct-hint{ color:var(--p-text3) !important; }
.acct-bal em{ color:#EFE6CC !important; font-size:12.5px !important; }

/* ==========================================================================
   特异性修正：覆盖历史皮肤里 nav.tabs.sidebar .xxx 的高特异性规则
   ========================================================================== */
.link-analyzer.hv-inputbar{ max-width:none !important; margin:0 !important; width:100% !important; text-align:left !important; }
.hv-inputbar .la-btn.hv-go{ position:static !important; transform:none !important; top:auto !important; right:auto !important; }

nav.tabs.sidebar .tab-group-label,
nav.tabs.sidebar .tab-tools-label{
  display:flex !important; align-items:center !important; gap:12px !important;
  padding:12px 14px !important; border-radius:14px !important;
  font-size:15px !important; font-weight:700 !important; color:#DCD6C6 !important;
  letter-spacing:.2px !important; margin:0 !important; text-transform:none !important;
  background:transparent !important; border:1px solid transparent !important;
  justify-content:flex-start !important; width:100% !important;
}
nav.tabs.sidebar .tab-group-label:hover,
nav.tabs.sidebar .tab-tools-label:hover{ background:rgba(214,178,86,.07) !important; color:#F2E7C8 !important; }
nav.tabs.sidebar .tab-group-label::before,
nav.tabs.sidebar .tab-tools-label::before,
nav.tabs.sidebar .tab-group-label::after,
nav.tabs.sidebar .tab-tools-label::after{ display:none !important; content:none !important; }
nav.tabs.sidebar .tab-group.open > .tab-group-label,
nav.tabs.sidebar .sb-dock.open > .tab-tools-label{ color:#F5E8BF !important; background:rgba(214,178,86,.06) !important; }
nav.tabs.sidebar .tab-group-label .tgl-ico{ width:21px !important; height:21px !important; color:#C8A855 !important; }
nav.tabs.sidebar .tab-group-label .p-chevron{ margin-left:auto !important; font-size:15px !important; color:#6E6A61 !important; }
nav.tabs.sidebar .tab-group.open > .tab-group-label .p-chevron{ transform:rotate(90deg) !important; }

nav.tabs.sidebar .tab-btn{
  display:flex !important; flex-direction:row !important; align-items:center !important;
  justify-content:flex-start !important; gap:11px !important;
  padding:10px 13px !important; border-radius:11px !important;
  font-size:13.5px !important; font-weight:600 !important; letter-spacing:0 !important;
  color:#9E988A !important; background:transparent !important;
  border:1px solid transparent !important; box-shadow:none !important;
  width:100% !important; min-height:0 !important; height:auto !important; text-align:left;
}
nav.tabs.sidebar .tab-btn:hover{ color:#F0E6C8 !important; background:rgba(214,178,86,.08) !important; }
nav.tabs.sidebar .tab-btn.active,
nav.tabs.sidebar .tab-btn.active:hover{
  color:#241B08 !important; background:var(--p-grad-btn) !important;
  border-color:rgba(255,240,200,.5) !important; font-weight:800 !important;
  box-shadow:0 8px 22px rgba(214,178,86,.24), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
nav.tabs.sidebar .tab-btn .tb-ico{ width:19px !important; height:19px !important; color:#B99A44 !important; }
nav.tabs.sidebar .tab-btn.active .tb-ico{ color:#2A2008 !important; }
nav.tabs.sidebar .tab-btn .tb-txt{ text-align:left !important; white-space:normal !important; }

nav.tabs.sidebar .p-nav-home{
  display:flex !important; flex-direction:row !important; align-items:center !important;
  gap:12px !important; padding:14px 15px !important; border-radius:14px !important;
  font-size:16px !important; font-weight:800 !important; color:#C9C2B0 !important;
  background:transparent !important; border:1px solid transparent !important;
  width:100% !important; min-height:0 !important;
}
nav.tabs.sidebar .p-nav-home:hover{ color:#F5E8BF !important; background:rgba(214,178,86,.07) !important; transform:none !important; }
nav.tabs.sidebar .p-nav-home.active{
  color:#241B08 !important; background:var(--p-grad-btn) !important;
  border-color:rgba(255,240,200,.5) !important;
  box-shadow:0 10px 26px rgba(214,178,86,.22), inset 0 1px 0 rgba(255,255,255,.32) !important;
}
nav.tabs.sidebar .p-nav-home .tb-ico{ width:22px !important; height:22px !important; color:inherit !important; }

nav.tabs.sidebar .p-nav-mini{
  display:flex !important; align-items:center !important; gap:12px !important;
  padding:11px 14px !important; border-radius:12px !important;
  font-size:14px !important; font-weight:600 !important; color:#B5AFA0 !important;
  background:transparent !important; border:1px solid transparent !important;
  width:100% !important; text-align:left !important; min-height:0 !important;
}
nav.tabs.sidebar .p-nav-mini:hover{ color:#F2E7C8 !important; background:rgba(214,178,86,.07) !important; }
nav.tabs.sidebar .p-nav-mini.active{ color:#241B08 !important; background:var(--p-grad-btn) !important; }
nav.tabs.sidebar .p-nav-mini .tb-ico{ width:19px !important; height:19px !important; color:#B99A44 !important; }
nav.tabs.sidebar .p-nav-mini.active .tb-ico{ color:#2A2008 !important; }
nav.tabs.sidebar .sb-dock{ background:transparent !important; border:none !important; padding:0 !important; margin-top:6px !important; }

/* ==========================================================================
   悬浮组件（帮助 / ChatCut）金色化 + 小屏细节
   ========================================================================== */
.help-fab,.cc-fab{
  background:var(--p-grad-btn) !important; color:#231A06 !important;
  border:1px solid rgba(255,240,200,.5) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.45) !important; font-weight:800 !important;
}
.help-fab:hover,.cc-fab:hover{ filter:brightness(1.06); background:var(--p-grad-btn) !important; }
.cc-fab .ico,.help-fab .ico{ color:#231A06 !important; }
.help-panel{
  background:rgba(18,18,20,.98) !important; border:1px solid var(--p-line2) !important;
  border-radius:16px !important; box-shadow:var(--p-shadow) !important;
}
.help-head{ background:#1A1A1C !important; color:#F0E6C6 !important; border-bottom:1px solid var(--p-line3) !important; }
.help-head button{ color:#8E8A80 !important; }
.help-head button:hover{ color:#F0E6C6 !important; }
.help-body{ color:#C9C3B2 !important; }
.help-q{ background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.08) !important; color:#E6E0CE !important; }
.help-a{ background:rgba(214,178,86,.09) !important; border:1px solid rgba(214,178,86,.22) !important; color:#E4DCC6 !important; }
.help-input{ border-top:1px solid var(--p-line3) !important; }
.help-input input{ background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.09) !important; color:#F3EDE0 !important; }
.help-input input:focus{ border-color:var(--p-line2) !important; box-shadow:0 0 0 2px rgba(214,178,86,.18) !important; }
.help-input button{ background:var(--p-grad-btn) !important; color:#231A06 !important; font-weight:800 !important; }
.help-upload button{ background:rgba(214,178,86,.1) !important; border:1px solid rgba(214,178,86,.26) !important; color:#EAD9A8 !important; }
.help-chip{ background:rgba(214,178,86,.12) !important; border:1px solid rgba(214,178,86,.28) !important; color:#EAD9A8 !important; }
.chatcut-drawer{ background:#0D0D0F !important; border-left:1px solid rgba(214,178,86,.2) !important; }
.cc-head{ background:#1A1A1C !important; color:#F0E6C6 !important; border-bottom:1px solid var(--p-line3) !important; }
.cc-inline-status{ background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.1) !important; color:#A9A498 !important; }
.cc-inline-login,.cc-login-btn{ background:var(--p-grad-btn) !important; color:#231A06 !important; }
.cc-task-head{ background:#1A1A1C !important; color:#F0E6C6 !important; border-bottom:1px solid var(--p-line3) !important; }
.cc-task-panel{ background:#0D0D0F !important; }

/* 特性卡：小屏不换行 */
@media (max-width:1400px){ .hvf-txt b{ font-size:12.5px; } .hvf-txt small{ font-size:10.5px; } }
@media (max-width:1180px){ .hv-feat{ padding:10px 11px; gap:8px; } .hvf-ico{ width:30px; height:30px; } }
@media (max-width:980px){ .hv-feats{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* 首页底部：今日创作/最近使用紧凑 */
.hv-recent-item .rr-txt{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* 顶栏在窄屏压缩 */
@media (max-width:1320px){
  .hv-search{ width:260px; }
  .key-status{ display:none !important; }
}
@media (max-width:1120px){
  .hv-search{ width:180px; }
}

/* 批量出片等旧蓝色底 → 金色 */
.panel .batch-toggle-label{
  display:flex !important; align-items:flex-start !important; gap:9px !important;
  padding:11px 14px !important; border-radius:12px !important;
  background:rgba(214,178,86,.07) !important;
  border:1px solid rgba(214,178,86,.22) !important;
  color:#E7D9AE !important; font-weight:600 !important; font-size:13.5px !important;
  line-height:1.6 !important; cursor:pointer !important;
}
.panel .batch-toggle-label:hover{ background:rgba(214,178,86,.13) !important; box-shadow:0 0 16px rgba(214,178,86,.14) !important; }
.panel .batch-toggle-label input[type="checkbox"]{ margin-top:3px; flex:0 0 auto; }
.panel .batch-toggle-label .ico{ color:#C8A855 !important; }

/* 旧蓝色残留清理（产品介绍步骤 / 时间提示 / 复选框容器 / AI 聊天上传按钮） */
.intro-step{ background:rgba(214,178,86,.07) !important; border:1px solid rgba(214,178,86,.16) !important; }
.intro-step b{ background:var(--p-grad-btn) !important; color:#231A06 !important; font-weight:800 !important; }
.intro-step span{ color:#CFC9B8 !important; }
.time-hint{ background:rgba(214,178,86,.1) !important; color:#DCC98F !important; border:1px solid rgba(214,178,86,.2) !important; }
.time-hint .ico{ color:#C8A855 !important; }
.slot-check-wrap{ background:rgba(214,178,86,.08) !important; border:1px solid rgba(214,178,86,.2) !important; color:#CFC9B8 !important; }
.slot-check-wrap:hover{ background:rgba(214,178,86,.13) !important; }
#aiChatUploadBtn,.ai-chat-attach>button:first-child{
  background:rgba(214,178,86,.1) !important; border:1px solid rgba(214,178,86,.28) !important; color:#EAD9A8 !important;
}
#aiChatUploadBtn:hover,.ai-chat-attach>button:first-child:hover{ background:rgba(214,178,86,.18) !important; color:#F5E9C6 !important; }
.tutorial{ background:rgba(214,178,86,.05) !important; border-color:rgba(214,178,86,.16) !important; }
.tutorial b,.tutorial strong{ color:#EAD9A8 !important; }
.ai-chat-head{ border-bottom:1px solid var(--p-line3) !important; }
.ai-chat-meta{ color:#8E8A80 !important; }
.ai-msg-bot .ai-bubble{ background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.09) !important; color:#E9E4D6 !important; }
.ai-msg-user .ai-bubble{ background:var(--p-grad-btn) !important; color:#231A06 !important; font-weight:600 !important; }
.ai-chat-input{ border-top:1px solid var(--p-line3) !important; }
.ai-chat-input textarea{ background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.09) !important; color:#F3EDE0 !important; }
.ai-chat-input textarea:focus{ border-color:var(--p-line2) !important; box-shadow:0 0 0 3px rgba(214,178,86,.12) !important; }
.ai-chat-input button{ background:var(--p-grad-btn) !important; color:#231A06 !important; font-weight:800 !important; }
.ai-run-title{ color:#EAD9A8 !important; }
.ai-run-line{ color:#A9A498 !important; }
.ai-run-line.ok{ color:#5FD08A !important; }
.ai-run-line.err{ color:#FF8A80 !important; }
.ai-run-final{ color:#EFE7D2 !important; border-top-color:var(--p-line3) !important; }
.ai-run-tool b{ color:#EFE7D2 !important; }
.ai-run-args{ color:#7E7A70 !important; }
.ai-typing{ color:#8E8A80 !important; }

/* 数字人批量槽位：蓝色 → 金色（覆盖 ui5.css 的 .batch-slot 高特异性规则） */
.batch-slot .slot-check-wrap.slot-check-top,
.panel .batch-slot .slot-check-wrap.slot-check-top{
  background:rgba(214,178,86,.08) !important;
  border:1px solid rgba(214,178,86,.22) !important;
  color:#CFC9B8 !important;
}
.batch-slot .slot-check-wrap.slot-check-top:hover{
  background:rgba(214,178,86,.14) !important; border-color:rgba(214,178,86,.42) !important;
}
.batch-slot .slot-check-wrap.slot-check-top .slot-check-label{ color:#E7DCC0 !important; }
.batch-slot .slot-check-wrap.slot-check-top input:checked ~ .slot-check-label{ color:#EBD69C !important; }
.slot-check-wrap input:checked + .slot-check-box{ background:var(--p-grad-btn) !important; }
.slot-check-wrap input:checked ~ *{ color:#EAD9A8 !important; }
.batch-slot{ background:linear-gradient(160deg,#151517,#101012) !important; border:1px solid var(--p-line) !important; border-radius:14px !important; }
.batch-slot .slot-num,.batch-slot .slot-index{ background:rgba(214,178,86,.14) !important; color:#EAD9A8 !important; }

/* Hero 机器人：新素材（全身悬浮、方形比例）适配 */
.hv-hero-art img{
  max-width:400px !important;
  filter:drop-shadow(0 16px 40px rgba(214,178,86,.30)) contrast(1.04) saturate(1.02) !important;
}
.hv-hero{ align-items:center !important; }
.hv-hero-art{ padding:2px 0; }
@media (max-width:1400px){ .hv-hero-art img{ max-width:340px !important; } }
@media (max-width:1080px){ .hv-hero-art{ display:none; } }

/* ==========================================================================
   排版规范化（统一间距 / 卡片规格 / 图标 / 字级）——覆盖前面的零散数值
   ========================================================================== */
:root{
  --p-gap-section:20px;   /* 区块与区块之间 */
  --p-gap-card:12px;      /* 卡片与卡片之间 */
  --p-pad-card:16px;      /* 常规卡片内边距 */
  --p-ico:42px;           /* 图标容器统一尺寸 */
  --p-fs-title:14px;      /* 卡片标题 */
  --p-fs-sub:11.5px;      /* 卡片副标题 */
  --p-r-card:14px;        /* 卡片圆角 */
}

/* 1) 区块垂直节奏统一 */
.home-view{ gap:var(--p-gap-section) !important; }
.hv-sec{ gap:var(--p-gap-card) !important; }
.hv-bottom{ gap:var(--p-gap-card) !important; }

/* 2) 网格间距统一 */
.hv-feats,.hv-hot,.hv-cats{ gap:var(--p-gap-card) !important; }

/* 3) 卡片规格统一：padding / 圆角 / 最小高度 / 图标 */
.hv-feat,.hv-hot-card,.hv-cat{
  padding:var(--p-pad-card) !important;
  border-radius:var(--p-r-card) !important;
  box-sizing:border-box !important;
  align-items:center !important;
  gap:12px !important;
}
.hv-feat{ min-height:60px !important; }
.hv-hot-card{ min-height:76px !important; }
.hv-cat{ min-height:84px !important; }
.hvf-ico,.hh-ico,.hc-ico{
  width:var(--p-ico) !important; height:var(--p-ico) !important;
  flex:0 0 var(--p-ico) !important; border-radius:12px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
}
.hvf-ico svg,.hh-ico svg,.hc-ico svg{ width:19px !important; height:19px !important; }
.hvf-txt b,.hh-txt b,.hc-txt b{
  font-size:var(--p-fs-title) !important; line-height:1.35 !important; margin:0 0 4px !important;
}
.hvf-txt small,.hh-txt small,.hc-txt small{
  font-size:var(--p-fs-sub) !important; line-height:1.5 !important;
}
.hhf-txt,.hvf-txt,.hh-txt,.hc-txt{ display:block; }

/* 4) Hero：图文垂直居中 + 统一内边距 */
.hv-hero{ padding:16px 22px !important; align-items:center !important; }
.hv-hero-copy{ display:flex !important; flex-direction:column !important; justify-content:center !important; }
.hv-title{ margin:0 !important; }
.hv-sub{ margin:10px 0 0 !important; }
.hv-feats{ margin-top:18px !important; width:100% !important; align-self:stretch !important; }
.hv-hero-art{ justify-content:flex-end !important; align-items:center !important; }

/* 5) 创作输入条：左右内边距与卡片一致 */
.hv-inputbar{ padding:10px 10px 10px 22px !important; }
.hv-inputbar .la-btn.hv-go{ padding:11px 24px !important; }

/* 6) chips 统一 */
.hv-chips{ gap:10px !important; }
.hv-chip{ padding:8px 18px !important; font-size:12.5px !important; }

/* 7) 区块标题统一 */
.hv-sec-head h3{ font-size:16px !important; line-height:1.4 !important; }
.hv-more{ font-size:12.5px !important; }

/* 8) 底部两栏：等宽、统一内边距 */
.hv-bottom{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; }
.hv-stat-card,.hv-recent-card{ padding:var(--p-pad-card) !important; border-radius:var(--p-r-card) !important; }
.hv-stat-head{ margin-bottom:12px !important; font-size:13.5px !important; }
.hv-st b{ font-size:24px !important; }
.hv-st small{ font-size:11px !important; margin-top:4px !important; }
.hv-recent-item{ padding:10px 2px !important; }
.hv-recent-item .rr-ico{ width:30px !important; height:30px !important; border-radius:9px !important; }
.hv-recent-item .rr-txt{ font-size:12.5px !important; }

/* 9) 页脚与上方留白统一 */
.hv-footer{ margin:2px 0 0 !important; padding-top:6px; }

/* Hero 文案强制左对齐（旧皮肤 .page-hero{text-align:center} 导致的错位） */
.hv-hero-copy{ text-align:left !important; align-items:flex-start !important; }
.hv-hero-copy .hv-title,
.hv-hero-copy .hv-sub{ text-align:left !important; margin-left:0 !important; margin-right:0 !important; }
.hv-hero .hv-feats{ text-align:left !important; }
.hv-feat{ text-align:left !important; }
.hvf-txt{ text-align:left !important; }

/* Hero 图文比例：给文案更多空间，机器人列固定宽度 */
.hv-hero{ grid-template-columns:minmax(0,1fr) minmax(300px,340px) !important; }

/* ==========================================================================
   功能页排版规范化（标题栏 / 双栏 / 说明文字间距）
   ========================================================================== */
.card h2,.panel h2{
  display:block !important;
  font-size:17px !important; font-weight:800 !important; line-height:1.55 !important;
  color:#F4EDDD !important; letter-spacing:.2px !important;
  margin:0 0 14px !important; padding:0 0 0 14px !important;
  text-align:left !important;
}
.card h2 .h2-ico,.panel h2 .h2-ico{
  width:20px !important; height:20px !important;
  vertical-align:-4px !important; margin-right:8px !important;
  color:#D6B256 !important; filter:none !important;
}
.card h2 .sell-tag{
  display:inline-flex !important; align-items:center !important;
  padding:2.5px 10px !important; border-radius:999px !important;
  font-size:11px !important; font-weight:800 !important; line-height:1.5 !important;
  margin:0 8px 0 0 !important; vertical-align:1px !important;
  transform:none !important; white-space:nowrap;
}
.card h2 + .hint,.card h2 + p.hint{ margin:0 0 16px !important; }
.card > .hint{ margin:0 0 16px !important; }

/* 双栏统一：比例、间距、顶部对齐 */
.grid-2{
  display:grid !important;
  grid-template-columns:minmax(0,1.02fr) minmax(0,0.98fr) !important;
  gap:20px !important; align-items:start !important;
}
.col{ min-width:0; }
@media (max-width:1150px){
  .grid-2{ grid-template-columns:minmax(0,1fr) !important; gap:16px !important; }
}

/* 表单行节奏统一 */
.panel .field-row{ padding:13px 0 !important; gap:16px !important; }
.panel .field-label{ font-size:12.5px !important; min-width:92px !important; padding-top:10px !important; }
.panel .field-grow > .hint{ margin-top:6px !important; }

/* 上传区与结果区的最小高度统一 */
.panel .dropzone{ min-height:190px !important; }
.panel .grid-2 > .col > .dropzone:only-child{ min-height:230px !important; }

/* 主行动按钮与上方内容的间距统一 */
.panel .grid-2 + .btn,.panel .grid-2 + .btn.primary{ margin-top:16px !important; }
.panel .btn.primary.big{ margin-top:14px !important; }

/* ==========================================================================
   ChatCut 抽屉：改为覆盖式，避免压缩主区导致布局塌陷
   ========================================================================== */
body.cc-open main{ margin-right:0 !important; }
body.cc-open #keyBanner,body.cc-open #remoteBanner{ margin-right:0 !important; }
.chatcut-drawer{ box-shadow:-24px 0 60px rgba(0,0,0,.6) !important; }

/* 主区窄时的自适应（容器查询）：Hero 单列、网格降列 */
.home-view{ container-type:inline-size; }
@container (max-width:820px){
  .hv-hero{ grid-template-columns:minmax(0,1fr) !important; }
  .hv-hero-art{ display:none !important; }
  .hv-feats{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .hv-hot{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@container (max-width:620px){
  .hv-cats{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .hv-bottom{ grid-template-columns:minmax(0,1fr) !important; }
}
@container (max-width:460px){
  .hv-feats,.hv-hot,.hv-cats{ grid-template-columns:minmax(0,1fr) !important; }
}

/* 标题防塌陷 */
.hv-title{ word-break:keep-all; overflow-wrap:normal; }

/* ==========================================================================
   导航重构 v3：一级模块项 / 模块页 / 顶栏余额 / 底部状态卡
   ========================================================================== */

/* 隐藏原分组（DOM 保留，供 app.js 的 tab 切换使用） */
nav.tabs.sidebar .tab-group,
nav.tabs.sidebar .sb-dock{ display:none !important; }

/* 一级模块项 */
nav.tabs.sidebar .p-nav-mods{
  display:flex !important; flex-direction:column !important; gap:4px !important;
  margin-top:6px;
}
nav.tabs.sidebar .p-nav-mod{
  display:flex !important; align-items:center !important; gap:12px !important;
  padding:13px 15px !important; border-radius:14px !important;
  font-size:15px !important; font-weight:700 !important; color:#D3CCBA !important;
  background:transparent !important; border:1px solid transparent !important;
  cursor:pointer; width:100% !important; text-align:left !important;
  transition:background .2s, color .2s, border-color .2s;
}
nav.tabs.sidebar .p-nav-mod:hover{ color:#F5E8BF !important; background:rgba(214,178,86,.07) !important; }
nav.tabs.sidebar .p-nav-mod.active{
  color:#241B08 !important; background:var(--p-grad-btn) !important;
  border-color:rgba(255,240,200,.5) !important; font-weight:800 !important;
  box-shadow:0 10px 24px rgba(214,178,86,.22), inset 0 1px 0 rgba(255,255,255,.32) !important;
}
nav.tabs.sidebar .p-nav-mod .tb-ico{ width:21px !important; height:21px !important; color:#C8A855 !important; flex:0 0 auto; }
nav.tabs.sidebar .p-nav-mod.active .tb-ico{ color:#2A2008 !important; }
nav.tabs.sidebar .p-nav-mod span{ flex:1; }

/* 底部区（真实功能） */
nav.tabs.sidebar .p-nav-extra{
  margin-top:auto; padding-top:12px; border-top:1px solid rgba(214,178,86,.12);
  display:flex !important; flex-direction:column !important; gap:3px !important;
}
nav.tabs.sidebar .p-nav-foot{ padding-top:10px; margin-top:0 !important; }
.p-state-card{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px; border-radius:14px;
  background:rgba(214,178,86,.05); border:1px solid rgba(214,178,86,.16);
}
.p-state-card .ps-dot{
  width:8px; height:8px; border-radius:50%; flex:0 0 auto;
  background:#3DD68C; box-shadow:0 0 8px rgba(61,214,140,.7);
}
.p-state-card .ps-txt{ min-width:0; }
.p-state-card .ps-txt b{ display:block; font-size:13px; font-weight:800; color:#EAE0C4; }
.p-state-card .ps-txt small{ font-size:11px; color:var(--p-text3); }

/* 顶栏余额（替代原来的胶囊条） */
.topbar-bal{
  display:inline-flex !important; align-items:center !important; gap:14px;
  padding:0 4px 0 0; flex:0 0 auto; white-space:nowrap; margin-left:auto;
}
.topbar-bal .tb-item{ display:inline-flex; align-items:center; gap:5px; font-size:12.5px; color:#D8CFB2; font-weight:600; }
.topbar-bal .tb-item svg{ width:14px; height:14px; color:#B39444; }
.topbar-bal .tb-item b{ font-weight:800; color:#EFE4C4; }
.topbar-bal .tb-sep{ width:1px; height:16px; background:rgba(255,255,255,.1); }
.topbar-bal .tb-refresh{ cursor:pointer; color:#8A8680; display:inline-flex; }
.topbar-bal .tb-refresh:hover{ color:#E8CE8A; }
.topbar-bal .tb-refresh svg{ width:14px; height:14px; }

/* 隐藏旧的账户胶囊条（信息已移到顶栏） */
.acct-bar{ display:none !important; }

/* 模块页 */
.module-view{ display:flex; flex-direction:column; gap:20px; }
.module-head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:16px;
  padding:22px 26px; border-radius:var(--p-r-lg);
  background:radial-gradient(520px 240px at 82% 40%, rgba(214,178,86,.12), transparent 66%),linear-gradient(150deg,#131314,#0C0C0D);
  border:1px solid var(--p-line); box-shadow:var(--p-shadow);
}
.module-head h2{
  margin:0 0 8px !important; padding:0 !important;
  font-size:26px !important; font-weight:900 !important; letter-spacing:.5px;
  background:var(--p-grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.module-head .hint{ margin:0 !important; font-size:13px !important; color:var(--p-text2) !important; }
.module-back{
  display:inline-flex; align-items:center; gap:7px; flex:0 0 auto;
  padding:9px 16px; border-radius:11px; cursor:pointer;
  font-size:13px; font-weight:700; color:#C6BFAB;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09);
  transition:all .2s;
}
.module-back:hover{ color:#F2E2B4; border-color:var(--p-line2); background:rgba(214,178,86,.09); }
.module-back svg{ width:15px; height:15px; }
.module-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
@media (max-width:1280px){ .module-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:900px){ .module-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.module-card{
  display:flex; align-items:center; gap:12px; padding:16px; cursor:pointer;
  background:linear-gradient(158deg,#16161A 0%,#101013 100%);
  border:1px solid var(--p-line); border-radius:var(--p-r-md);
  transition:transform .2s, border-color .2s, box-shadow .2s;
  min-height:76px; box-sizing:border-box;
}
.module-card:hover{ transform:translateY(-3px); border-color:var(--p-line2); box-shadow:0 16px 38px rgba(0,0,0,.5), var(--p-glow); }
.module-card .mc-ico{
  width:42px; height:42px; border-radius:12px; flex:0 0 42px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,rgba(214,178,86,.22),rgba(214,178,86,.05));
  border:1px solid rgba(214,178,86,.28); color:#EBD69C;
}
.module-card .mc-ico svg{ width:19px; height:19px; }
.module-card .mc-txt{ flex:1; min-width:0; }
.module-card .mc-txt b{ display:flex; align-items:center; gap:6px; font-size:14px; font-weight:800; color:#F4ECD8; margin-bottom:4px; }
.module-card .mc-txt small{ display:block; font-size:11.5px; color:var(--p-text3); line-height:1.5; }
.module-card .mc-arrow{ color:var(--p-text3); font-size:15px; flex:0 0 auto; }


/* 旧账户胶囊条：用高特异性彻底隐藏（信息已移到顶栏） */
#acctBar.acct-bar{ display:none !important; visibility:hidden !important; height:0 !important; margin:0 !important; padding:0 !important; }

/* Hero 机器人：Remotion 透明动画 */
.hv-hero-video{ width:100%; max-width:320px; height:auto; display:block; filter:drop-shadow(0 14px 34px rgba(214,178,86,.28)); }
@media(max-width:1400px){ .hv-hero-video{ max-width:300px !important; } }

/* 账户切换图标：蓝色/紫色旧皮肤 → 金色主题 */
.as-badge-a,.as-dot-a{ background:linear-gradient(135deg,#F7E6B4,#D6B256) !important; color:#231A06 !important; box-shadow:0 0 12px rgba(214,178,86,.35) !important; }
.as-badge-e,.as-dot-e{ background:linear-gradient(135deg,#E9CE8A,#C39E3F) !important; color:#231A06 !important; box-shadow:0 0 12px rgba(214,178,86,.35) !important; }
.as-badge-c,.as-dot-c{ background:linear-gradient(135deg,#FBF0CC,#E0C06B) !important; color:#231A06 !important; box-shadow:0 0 12px rgba(214,178,86,.35) !important; }
.as-check{ color:#D6B256 !important; }

/* 顶栏：余额右侧组整体靠右（覆盖旧皮肤的 account-switcher margin-left:auto，避免与余额的 auto 冲突） */
.topbar .account-switcher{ margin-left:0 !important; }
.topbar .acct-group{ margin-left:0 !important; }

.topbar .running-wrap{ margin-left:0 !important; }

/* ===== 首页 Hero 标题/副标题：加大字号 + 入场动画 ===== */
.hv-hero-copy .hv-title{ font-size:clamp(32px,3.6vw,56px) !important; line-height:1.12 !important; animation:hvTitleIn .8s cubic-bezier(.2,.8,.2,1) both; }
.hv-hero-copy .hv-sub{ font-size:clamp(16px,1.6vw,22px) !important; animation:hvSubIn .8s cubic-bezier(.2,.8,.2,1) .15s both; }
@keyframes hvTitleIn{ from{ opacity:0; transform:translateY(20px); } to{ opacity:1; transform:none; } }
@keyframes hvSubIn{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }

/* ===== 顶部「下载更新」胶囊：单行压缩 + 金色主题 ===== */
.top-update-btn{ padding:5px 11px 5px 6px !important; gap:7px !important; border-radius:999px !important; background:rgba(214,178,86,.07) !important; border:1px solid rgba(214,178,86,.26) !important; }
.top-update-btn:hover{ border-color:rgba(214,178,86,.5) !important; box-shadow:0 4px 16px rgba(214,178,86,.25) !important; transform:translateY(-1px) !important; }
.top-update-btn .tub-ico{ width:24px !important; height:24px !important; border-radius:8px !important; background:linear-gradient(135deg,#F7E6B4,#C39E3F) !important; color:#231A06 !important; box-shadow:none !important; }
.top-update-btn .tub-txt{ flex-direction:row !important; align-items:center !important; gap:5px !important; line-height:1 !important; }
.top-update-btn .tub-txt b{ font-size:12.5px !important; color:#F3E9CB !important; }
.top-update-btn .tub-txt .tub-ver{ font-size:11px !important; color:#B99A44 !important; }