/* Duilink global theme with browser-based light/dark */
body.duilink-theme{
  --dui-bg:#f7f3eb;
  --dui-bg-soft:#f3ecdf;
  --dui-surface:#ffffff;
  --dui-surface-2:#faf6ee;
  --dui-text:#1f2329;
  --dui-muted:#5a6270;
  --dui-border:#d8d0c0;
  --dui-accent:#b78b2f;
  --dui-accent-hover:#9b7426;
  --dui-accent-soft:rgba(183,139,47,0.2);
  --dui-btn-bg:#ffffff;
  --dui-btn-hover-bg:#fff4de;
  --dui-nav-bg:#ffffff;
  --dui-topbar-bg:rgba(249,245,236,0.9);
  --dui-footer-bg:#efe7d8;
  --dui-input-bg:#ffffff;
  --dui-scrollbar-thumb:#b4ac9e;
  --dui-scrollbar-track:#f0ebe1;
  --accent:var(--dui-accent);
  --accent-hover:var(--dui-accent-hover);
  --accent-soft:var(--dui-accent-soft);
  --fg:var(--dui-text);
  --muted:var(--dui-muted);
  --border:var(--dui-border);
  color-scheme:light dark;
  background:
    radial-gradient(circle at 8% -12%, rgba(183,139,47,0.22), transparent 34%),
    radial-gradient(circle at 92% -8%, rgba(31,35,41,0.08), transparent 26%),
    linear-gradient(180deg, #f7f3eb 0%, #f4efe3 52%, #f7f3eb 100%);
  color:var(--dui-text);
}

body.duilink-theme .container{
  max-width:1120px;
  margin:0 auto;
  padding:0 20px;
}

@media (prefers-color-scheme: dark){
  body.duilink-theme{
    --dui-bg:#0f1218;
    --dui-bg-soft:#151a23;
    --dui-surface:#1a202b;
    --dui-surface-2:#222a36;
    --dui-text:#f2f4f8;
    --dui-muted:#c2c8d3;
    --dui-border:#343d4b;
    --dui-accent:#c9a24e;
    --dui-accent-hover:#b28a35;
    --dui-accent-soft:rgba(201,162,78,0.2);
    --dui-btn-bg:#1a202b;
    --dui-btn-hover-bg:#1f2632;
    --dui-nav-bg:#1a202b;
    --dui-topbar-bg:rgba(12,16,24,0.9);
    --dui-footer-bg:#0c1016;
    --dui-input-bg:#121721;
    --dui-scrollbar-thumb:#495164;
    --dui-scrollbar-track:#0f1218;
    background:
      radial-gradient(circle at 8% -12%, rgba(201,162,78,0.24), transparent 34%),
      radial-gradient(circle at 92% -8%, rgba(255,255,255,0.08), transparent 26%),
      linear-gradient(180deg, #0e1117 0%, #121722 52%, #0f1218 100%);
  }
}

body.duilink-theme,
body.duilink-theme *{
  scrollbar-color:var(--dui-scrollbar-thumb) var(--dui-scrollbar-track);
}

body.duilink-theme a{
  color:var(--dui-text);
}

body.duilink-theme a:hover{
  color:var(--dui-accent-hover);
  border-bottom-color:rgba(201,162,78,0.5);
}

body.duilink-theme .card,
body.duilink-theme .featureCard,
body.duilink-theme .kpi,
body.duilink-theme .showItem,
body.duilink-theme .hubCard,
body.duilink-theme .box,
body.duilink-theme .hero,
body.duilink-theme .heroMedia,
body.duilink-theme .flowLine,
body.duilink-theme .duiTopNav,
body.duilink-theme .duiCard,
body.duilink-theme .matrix th,
body.duilink-theme .matrix td{
  background:linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.015)), var(--dui-surface);
  border-color:var(--dui-border);
  color:var(--dui-text);
}

body.duilink-theme .lead,
body.duilink-theme .heroLead,
body.duilink-theme .featureBody p,
body.duilink-theme .showBody p,
body.duilink-theme .kpi p,
body.duilink-theme .hubCard p,
body.duilink-theme .box p,
body.duilink-theme .list,
body.duilink-theme .meta,
body.duilink-theme p{
  color:var(--dui-muted);
}

body.duilink-theme .h1,
body.duilink-theme .h2,
body.duilink-theme h1,
body.duilink-theme h2,
body.duilink-theme h3,
body.duilink-theme label{
  color:var(--dui-text);
}

body.duilink-theme .topbar{
  background:var(--dui-topbar-bg);
  border-bottom-color:rgba(201,162,78,0.28);
  backdrop-filter:blur(7px);
}

body.duilink-theme .pill,
body.duilink-theme .pillTag{
  background:linear-gradient(180deg, rgba(201,162,78,0.32), rgba(201,162,78,0.12));
  border:1px solid rgba(201,162,78,0.42);
  color:#f6e4b8;
}

body.duilink-theme .btn{
  border:1px solid var(--dui-border);
  background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)), var(--dui-btn-bg);
  color:var(--dui-text);
  box-shadow:none;
}

body.duilink-theme .btn:hover{
  border-color:rgba(201,162,78,0.6);
  color:var(--dui-text);
  background:linear-gradient(180deg, rgba(201,162,78,0.2), rgba(201,162,78,0.08)), var(--dui-btn-hover-bg);
  border-bottom-color:rgba(201,162,78,0.6);
}

body.duilink-theme .btn.primary{
  background:linear-gradient(180deg, #e1c17a 0%, #c9a24e 52%, #9e7730 100%) !important;
  border-color:#8f6c2b !important;
  color:#18140d !important;
}

body.duilink-theme .btn.primary:hover{
  background:linear-gradient(180deg, #ecd39a 0%, #d2ad5d 52%, #aa8032 100%) !important;
  border-color:#7c5e26 !important;
  color:#17120a !important;
}

body.duilink-theme .btn.primary:focus,
body.duilink-theme .btn.primary:focus-visible,
body.duilink-theme .btn.primary:active{
  background:linear-gradient(180deg, #ecd39a 0%, #d2ad5d 52%, #aa8032 100%) !important;
  border-color:#7c5e26 !important;
  color:#17120a !important;
}

body.duilink-theme .loginBtn,
body.duilink-theme .langBtn,
body.duilink-theme .duiNav{
  background:var(--dui-nav-bg);
  color:var(--dui-text);
  border-color:var(--dui-border);
}

body.duilink-theme .duiNav:hover{
  border-color:rgba(201,162,78,0.58);
  color:#f6d793;
}

body.duilink-theme input,
body.duilink-theme textarea,
body.duilink-theme select{
  background:var(--dui-input-bg);
  border-color:var(--dui-border);
  color:var(--dui-text);
}

body.duilink-theme input:focus,
body.duilink-theme textarea:focus,
body.duilink-theme select:focus{
  border-color:var(--dui-accent);
  box-shadow:0 0 0 3px rgba(201,162,78,0.25);
}

body.duilink-theme .footer{
  margin-top:52px;
  padding-top:18px;
  padding-bottom:34px;
  background:var(--dui-footer-bg);
  border-top:1px solid rgba(201,162,78,0.3);
  color:var(--dui-muted);
  font-size:13px;
  position:relative;
}

body.duilink-theme .footer::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg, var(--dui-accent), transparent);
  transform:translateY(-1px);
}

body.duilink-theme .footerLinks{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding-top:10px;
}

body.duilink-theme .footer a{
  color:var(--dui-accent-hover);
  border-bottom:1px solid transparent;
  font-weight:900;
}

body.duilink-theme .footer a:hover{
  color:var(--dui-accent-hover);
  border-bottom-color:rgba(201,162,78,0.48);
}

body.duilink-theme .footerCopyright{
  margin-top:10px;
  font-size:11px;
  color:var(--dui-muted);
}

body.duilink-theme{
  max-width:100%;
  overflow-x:hidden;
}