/* Global Reset */
html,
body{
    margin:0 !important;
    padding:0 !important;
    width:100%;
    min-height:100%;
}

body{
    overflow-x:hidden;
}
*,
*::before,
*::after{
    box-sizing:border-box;
}

#dp-root{
  --dp-bg:#0f0f10;
  --dp-panel:#171717;
  --dp-panel-2:#1d1d1f;
  --dp-text:#f2f2f2;
  --dp-muted:#999;
  --dp-line:rgba(255,255,255,.10);
  --dp-primary:#777;
  --dp-left:240px;
  --dp-left-mini:56px;
  --dp-main:1000px;
  --dp-right:350px;
  --dp-gap:24px;
  --dp-header:72px;
  min-height:100vh;
  background:var(--dp-bg);
  color:var(--dp-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif;
  box-sizing:border-box;
  overflow-x:hidden;
}
#dp-root.dp-mode-light{
  --dp-bg:#f4f4f4;
  --dp-panel:#ffffff;
  --dp-panel-2:#f0f0f0;
  --dp-text:#111111;
  --dp-muted:#666666;
  --dp-line:rgba(0,0,0,.12);
}
#dp-root *,
#dp-root *::before,
#dp-root *::after{
  box-sizing:border-box;
}
#dp-root .dp-side{
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  width:var(--dp-left);
  background:var(--dp-panel);
  border-right:1px solid var(--dp-line);
  z-index:30;
}
#dp-root .dp-shell{
  margin-left:var(--dp-left);
  min-height:100vh;
  background:var(--dp-bg);
  overflow-x:hidden;
}
#dp-root .dp-head{
  position:sticky;
  top:0;
  z-index:20;
  min-height:var(--dp-header);
  display:grid;
  grid-template-columns:220px minmax(0,1fr) 280px;
  gap:16px;
  align-items:center;
  padding:0 24px;
  background:var(--dp-panel);
  border-bottom:1px solid var(--dp-line);
}
#dp-root .dp-head-left,
#dp-root .dp-head-center,
#dp-root .dp-head-right{
  min-width:0;
}
#dp-root .dp-head-right{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  align-items:center;
}
#dp-root .dp-top,
#dp-root .dp-layout,
#dp-root .dp-foot{
  width:min(calc(100% - 48px), calc(var(--dp-main) + var(--dp-right) + var(--dp-gap)));
  max-width:calc(var(--dp-main) + var(--dp-right) + var(--dp-gap));
  margin-left:auto;
  margin-right:auto;
}
#dp-root .dp-top{
  margin-top:24px;
  margin-bottom:24px;
}
#dp-root .dp-layout{
  display:grid;
  grid-template-columns:minmax(0,var(--dp-main)) minmax(280px,var(--dp-right));
  gap:var(--dp-gap);
  margin-bottom:24px;
  align-items:start;
}
#dp-root .dp-main,
#dp-root .dp-right{
  min-width:0;
  min-height:520px;
}
#dp-root .dp-foot{
  margin-top:24px;
  margin-bottom:24px;
  min-height:100px;
}
body.dp-sidebar-collapsed #dp-root .dp-side{
  width:var(--dp-left-mini);
}
body.dp-sidebar-collapsed #dp-root .dp-shell{
  margin-left:var(--dp-left-mini);
}




.dp-top.dp-c-top_page,#dp-root .dp-c-top_home {width: 1400px !important;!important;margin: 0 auto!important;}
#dp-root .dp-side-top{padding: 0 0 0 8px !important;}
.dp-foot.dp-c-footer{width:100% !important;max-width:100% !important; bottom:0;}