/* Floating glass chrome. Keep the desktop rail, 768–1023 icon rail and mobile tabbar contracts. */
.dd-container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--content-pad-x)}
.dd-container--fluid{max-width:none}

/* Public navigation */
.dd-header{position:sticky;top:var(--lq-chrome-gap);z-index:var(--z-topbar);height:var(--header-h);
  margin:var(--lq-chrome-gap) var(--lq-chrome-gap) 0;border:1px solid var(--lq-border);border-radius:var(--r-xl);
  background:var(--lq-nav-bg);box-shadow:var(--lq-shadow);
  -webkit-backdrop-filter:var(--lq-blur);backdrop-filter:var(--lq-blur)}
.dd-header__in{height:100%;display:flex;align-items:center;gap:var(--sp-6);padding-inline:var(--sp-5)}
.dd-logo{display:flex;align-items:center;gap:var(--sp-2);flex:0 0 auto;white-space:nowrap;
  font-size:var(--fs-16);font-weight:var(--fw-semibold);color:var(--text-1);letter-spacing:var(--ls-normal)}
.dd-logo__mark{width:28px;height:28px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  border-radius:var(--r-md);background:var(--color-primary);color:var(--text-on-brand);
  font-size:var(--fs-13);font-weight:var(--fw-semibold)}
.dd-nav{display:flex;align-items:center;gap:var(--sp-1);flex:1;min-width:0;height:100%}
.dd-nav a{display:inline-flex;align-items:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-3);
  border-radius:var(--r-md);font-size:var(--fs-14);color:var(--text-2);white-space:nowrap;
  transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}
.dd-nav a .dd-ico{color:var(--text-3)}
.dd-nav a.is-active{color:var(--color-link);background:var(--color-primary-light);font-weight:var(--fw-medium)}
.dd-nav a.is-active .dd-ico{color:var(--color-primary)}
.dd-nav a.is-active::after{display:none}
.dd-nav a:active{background:var(--fill-3);color:var(--text-1)}
.dd-nav a:focus-visible{outline-offset:2px}
.dd-header__actions{display:flex;align-items:center;gap:var(--sp-2);flex:0 0 auto;margin-left:auto}
.dd-burger{display:none;width:36px;height:36px;flex:0 0 auto;align-items:center;justify-content:center;
  border-radius:var(--r-full);color:var(--text-2);
  transition:background-color var(--dur-instant) var(--ease-out),color var(--dur-instant) var(--ease-out)}
.dd-burger:active{background:var(--fill-2)}
.dd-btn.dd-theme-toggle{width:36px;min-width:36px;height:36px;flex:0 0 36px;padding:0;gap:0;
  border:1px solid var(--lq-border);border-radius:var(--r-full);background:var(--fill-4);color:var(--text-2);box-shadow:none}
.dd-theme-toggle .dd-ico,.dd-theme-toggle svg{width:18px;height:18px;margin:0}
.dd-theme-toggle:focus-visible{outline:var(--focus-ring);outline-offset:3px}
.dd-btn.dd-theme-toggle:active{background:var(--fill-2);color:var(--text-1)}
@media (hover:hover){
  .dd-nav a:hover{background:var(--sidebar-hover);color:var(--color-link)}
  .dd-nav a:hover .dd-ico{color:currentColor}
  .dd-burger:hover,.dd-btn.dd-theme-toggle:hover{background:var(--fill-3);color:var(--text-1)}
}
.dd-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-4) 0;
  font-size:var(--fs-13);color:var(--text-3)}
.dd-breadcrumb a{color:var(--text-3)}
.dd-breadcrumb__sep{color:var(--text-4)}
@media (hover:hover){.dd-breadcrumb a:hover{color:var(--color-link)}}

/* Public display: the backdrop is painted on the real surface, never over the content. */
.pg-hero,.dd-hero{position:relative;padding:var(--section-y) var(--content-pad-x);
  border-radius:var(--r-xl);background:transparent}
.dd-hero.dd-hero{padding:var(--section-y) var(--content-pad-x)}
.pg-hero::before,.dd-hero::before{display:none}
.pg-hero>*,.dd-hero>*{position:relative}
.pg-hero--tight,.dd-hero--tight{padding:var(--section-y-tight) var(--content-pad-x)}
.dd-hero--tight.dd-hero--tight{padding:var(--section-y-tight) var(--content-pad-x)}
.pg-hero--plain,.dd-hero--plain{background:transparent}
.pg-hero--plain::before,.dd-hero--plain::before{display:none}
@media (max-width:900px){
  .pg-hero,.dd-hero,.dd-hero.dd-hero{padding-block:var(--section-y-tight)}
}

.dd-footer{margin-top:var(--section-y-tight);background:var(--footer-bg);border-top:1px solid var(--divider);color:var(--text-3)}
.dd-footer__cols{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(3,minmax(0,1fr));
  gap:var(--sp-10);padding:var(--sp-16) 0 var(--sp-12)}
.dd-footer__cols>div{min-width:0}
.dd-footer__cols>div+div{border-left:0}
.dd-footer__cols>.dd-footer__brand{padding-right:var(--sp-4)}
.dd-footer__brand{display:flex;flex-direction:column;gap:var(--sp-3);max-width:300px}
.dd-footer__brand .dd-logo{font-size:var(--fs-15);color:var(--text-1)}
.dd-footer__slogan{font-size:var(--fs-13);line-height:var(--lh-relaxed);color:var(--text-3)}
.dd-footer__icp{font-size:var(--fs-12);line-height:var(--lh-base);color:var(--text-4)}
.dd-footer__title{font-size:var(--fs-14);font-weight:var(--fw-semibold);color:var(--text-1);margin-bottom:var(--sp-4)}
.dd-footer__links{display:flex;flex-direction:column;gap:var(--sp-3);font-size:var(--fs-13)}
.dd-footer__links a{color:var(--text-3);width:fit-content}
.dd-footer__links .dd-ico{color:var(--text-4)}
.dd-footer__comply{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-4) 0;
  border-top:1px solid var(--divider);font-size:var(--fs-12);line-height:var(--lh-relaxed);color:var(--text-3);
  overflow-wrap:anywhere}
.dd-footer__comply .dd-ico{color:var(--color-danger);flex:none;margin-top:2px}
.dd-footer__badge{display:inline-flex;align-items:center;padding:1px var(--sp-2);border-radius:var(--r-sm);
  background:var(--color-danger-light);color:var(--color-danger-deep);
  font-size:var(--fs-11);font-weight:var(--fw-medium);white-space:nowrap}
.dd-footer__bar{display:flex;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;
  padding:var(--sp-4) 0 var(--sp-5);border-top:1px solid var(--divider);font-size:var(--fs-12);color:var(--text-4)}
.dd-footer__bar a{color:var(--text-3)}
@media (hover:hover){
  .dd-footer__links a:hover{color:var(--color-link)}
  .dd-footer__badge:hover{text-decoration:underline;text-underline-offset:2px}
}
@media (max-width:1279px){
  .dd-header__in{gap:var(--sp-3);padding-inline:var(--sp-4)}
  .dd-nav a{padding-inline:var(--sp-2)}
  .dd-nav a .dd-ico{display:none}
  .dd-footer__cols{gap:var(--sp-6)}
  .dd-footer__cols>.dd-footer__brand{padding-right:0;max-width:none}
}
@media (max-width:1023px){
  .dd-nav{display:none}
  /* The filtered header is the fixed containing block; use explicit viewport height. */
  .dd-nav.is-open{display:flex;position:fixed;top:calc(var(--header-h) + var(--sp-2));left:0;right:0;
    z-index:var(--z-drawer);flex-direction:column;align-items:stretch;gap:var(--sp-1);padding:var(--sp-3);
    height:calc(100vh - var(--header-h) - var(--lq-chrome-gap) * 2 - var(--sp-2));
    height:calc(100dvh - var(--header-h) - var(--lq-chrome-gap) * 2 - var(--sp-2));
    overflow-y:auto;overscroll-behavior:contain;background:var(--lq-surface-solid);
    border:1px solid var(--lq-border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}
  .dd-nav.is-open a{flex:0 0 auto;height:48px;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-16)}
  .dd-nav.is-open a .dd-ico{display:block}
  .dd-nav.is-open a.is-active::after{display:none}
  .dd-burger{display:flex}
  .dd-footer__cols{grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--sp-12) 0}
  .dd-footer__cols>.dd-footer__brand{grid-column:1/-1;padding:0 0 var(--sp-6);border-bottom:1px solid var(--divider)}
  .dd-footer__cols>div:nth-child(2){padding-left:0;border-left:0}
}
@media (max-width:767px){
  .dd-container{padding:0 var(--sp-4)}
  .dd-header__in{padding-inline:var(--sp-3);gap:var(--sp-2)}
  .dd-footer__cols{grid-template-columns:minmax(0,1fr);gap:var(--sp-8);padding:var(--sp-10) 0}
  .dd-footer__bar{flex-direction:column;gap:var(--sp-2)}
}
@media (max-width:479px){
  .dd-header__actions .dd-btn[href$="check.html"]{display:none}
  .dd-header__actions{gap:var(--sp-1)}
  .dd-header__actions>.dd-btn:not(.dd-theme-toggle){padding-inline:var(--sp-2);font-size:var(--fs-13)}
  .dd-header .dd-logo{font-size:var(--fs-14);gap:6px}
  .dd-header .dd-logo__mark{width:24px;height:24px}
  .dd-burger{width:32px}
}

/* Console: 240px floating rail and a separate content column. */
body[data-shell="console"],body[data-shell="admin"]{--shell-offset-x:calc(var(--sidebar-w) + var(--lq-chrome-gap));
  background-color:var(--shell-bg);background-image:var(--lq-shell-glow);overscroll-behavior-y:none}
.dd-console{display:flex;min-height:100vh;background:transparent}
.dd-side{position:fixed;top:var(--lq-chrome-gap);bottom:var(--lq-chrome-gap);left:var(--lq-chrome-gap);
  z-index:var(--z-sidebar);width:var(--sidebar-w);flex:0 0 var(--sidebar-w);display:flex;flex-direction:column;
  overflow-y:auto;overscroll-behavior:contain;border-radius:var(--r-xl);border:1px solid var(--sidebar-border);
  background:var(--sidebar-bg);box-shadow:var(--lq-shadow);
  -webkit-backdrop-filter:var(--lq-blur);backdrop-filter:var(--lq-blur)}
.dd-side::-webkit-scrollbar-thumb{background:var(--gray-300);background-clip:content-box}
.dd-side__brand{height:64px;flex:0 0 auto;display:flex;align-items:center;gap:var(--sp-2);
  padding:0 var(--sp-5);border-bottom:1px solid var(--divider);color:var(--sidebar-text-strong)}
.dd-side__brand>span:not(.dd-logo__mark){font-size:var(--fs-15);font-weight:var(--fw-semibold);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-side__brand .dd-logo__mark{width:28px;height:28px;font-size:var(--fs-13)}
.dd-side__nav{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) var(--sp-3) var(--sp-5)}
.dd-side__group{padding:var(--sp-4) var(--sp-3) var(--sp-1);font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--text-4)}
.dd-side__item{position:relative;display:flex;align-items:center;gap:var(--sp-3);height:40px;flex:0 0 auto;padding:0 var(--sp-3);
  border-radius:var(--r-md);font-size:var(--fs-14);line-height:20px;color:var(--sidebar-text);
  transition:background-color var(--dur-instant) var(--ease-out),color var(--dur-instant) var(--ease-out)}
.dd-side__item.is-active{background:var(--sidebar-active-bg);color:var(--color-link);font-weight:var(--fw-medium)}
.dd-side__item.is-active::before{display:none}
.dd-side__item .ico{width:18px;height:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;
  color:var(--text-3);transition:color var(--dur-instant) var(--ease-out)}
.dd-side__item .ico .dd-ico{width:18px;height:18px}
.dd-side__item.is-active .ico{color:var(--sidebar-active-bar)}
.dd-side__item span:not(.ico){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-side__item:active{background:var(--fill-2)}
.dd-side__item:focus-visible{outline-offset:-2px}
@media (hover:hover){
  .dd-side__item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}
  .dd-side__item:hover .ico{color:var(--sidebar-text)}
  .dd-side__item.is-active:hover{background:var(--sidebar-active-bg)}
  .dd-side__item.is-active:hover .ico{color:var(--sidebar-active-bar)}
  .dd-side::-webkit-scrollbar-thumb:hover{background:var(--gray-400);background-clip:content-box}
}
.dd-console__main{flex:1;min-width:0;margin-left:var(--shell-offset-x);
  display:flex;flex-direction:column;background:transparent}
.dd-topbar,.dd-admin__topbar{position:sticky;top:var(--lq-chrome-gap);z-index:var(--z-topbar);
  height:var(--topbar-h);min-height:var(--topbar-h);display:flex;align-items:center;gap:var(--sp-4);
  margin:var(--lq-chrome-gap) var(--lq-chrome-gap) 0;padding:0 var(--sp-4);
  border:1px solid var(--lq-border);border-radius:var(--r-xl);background:var(--lq-nav-bg);box-shadow:var(--lq-shadow);
  -webkit-backdrop-filter:var(--lq-blur);backdrop-filter:var(--lq-blur);color:var(--text-1)}
.dd-topbar__balance{display:flex;align-items:center;gap:var(--sp-2);height:36px;flex:0 0 auto;
  padding:2px 2px 2px var(--sp-3);background:var(--fill-4);border-radius:var(--r-pill)}
.dd-topbar__balance .ico{color:var(--text-3)}
.dd-topbar__balance .dd-money{font-size:var(--fs-14);color:var(--text-1)}
.dd-topbar__balance .dd-btn{margin-left:var(--sp-1)}
.dd-content{flex:1;width:100%;min-width:0;max-width:var(--content-max-wide);margin:0 auto;
  display:flex;flex-direction:column;gap:var(--sp-8);padding:var(--sp-8) var(--content-pad-x) var(--sp-12)}
.dd-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}
.dd-page-head>div{min-width:0}
.dd-page-head__title{font-family:var(--font-sans);font-size:var(--fs-24);font-weight:var(--fw-bold);line-height:32px;
  color:var(--text-1);letter-spacing:var(--ls-normal);overflow-wrap:anywhere}
.dd-page-head__desc{max-width:760px;margin-top:var(--sp-2);font-size:var(--fs-14);line-height:var(--lh-base);color:var(--text-3)}
.dd-page-head__actions{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;min-width:0}
/* Page-head hierarchy: the primary action keeps 36px + brand color; siblings in the same
   row collapse to quiet text buttons; everything else moves into .dd-page-head__more. */
.dd-page-head__actions .dd-btn--secondary:not([disabled]):not(.is-disabled):not([aria-disabled="true"]){
  height:32px;min-height:32px;padding:0 var(--sp-3);font-size:var(--fs-13);
  background:transparent;border-color:transparent;box-shadow:none;color:var(--text-2)}
.dd-page-head__actions .dd-btn--secondary:not([disabled]):not(.is-disabled):not([aria-disabled="true"]):active{
  background:var(--fill-2);color:var(--text-1)}
@media (hover:hover){
  .dd-page-head__actions .dd-btn--secondary:not([disabled]):not(.is-disabled):not([aria-disabled="true"]):hover{
    background:var(--fill-3);border-color:transparent;box-shadow:none;color:var(--text-1)}
}
.dd-page-head__more{margin-left:auto}
.dd-avatar{width:32px;height:32px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  border-radius:var(--r-full);background:var(--color-primary-light);color:var(--color-link);
  font-size:var(--fs-13);font-weight:var(--fw-medium)}
.dd-bell{position:relative;width:36px;height:36px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  border-radius:var(--r-full);color:var(--text-2);
  transition:background-color var(--dur-instant) var(--ease-out),color var(--dur-instant) var(--ease-out)}
.dd-bell:active{background:var(--fill-2)}
.dd-bell .dd-badge{position:absolute;top:1px;right:0}
.dd-bell__dot{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:var(--r-full);
  background:var(--color-danger-fill);box-shadow:0 0 0 2px var(--lq-surface-solid)}
.dd-user{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1);flex:0 0 auto;
  border-radius:var(--r-pill);font-size:var(--fs-13);color:var(--text-2);
  transition:background-color var(--dur-instant) var(--ease-out)}
.dd-user:active{background:var(--fill-2)}
@media (hover:hover){
  .dd-bell:hover{background:var(--fill-3);color:var(--text-1)}
  .dd-user:hover{background:var(--fill-3)}
}
@media (max-width:1279px){.dd-topbar__balance .dd-money~.t-note{display:none}}
@media (max-width:1023px){
  .dd-side{width:var(--sidebar-collapsed-w);flex-basis:var(--sidebar-collapsed-w)}
  .dd-side__brand{justify-content:center;padding:0}
  .dd-side__nav{padding-inline:var(--sp-2)}
  .dd-side__item{justify-content:center;padding:0}
  .dd-side__item span:not(.ico),.dd-side__brand>span:not(.dd-logo__mark){display:none}
  .dd-side__group{height:1px;margin:var(--sp-3) var(--sp-2) var(--sp-2);padding:0;overflow:hidden;
    background:var(--divider);font-size:0;line-height:0;color:transparent}
  body[data-shell="console"],body[data-shell="admin"]{--shell-offset-x:calc(var(--sidebar-collapsed-w) + var(--lq-chrome-gap))}
}
@media (max-width:900px){.dd-topbar .t-note{display:none}}
@media (max-width:767px){
  body[data-shell="console"],body[data-shell="admin"]{--shell-offset-x:0px}
  .dd-side{display:none}
  .dd-console__main{margin-left:var(--shell-offset-x)}
  .dd-content{gap:var(--sp-4);max-width:none;padding:var(--sp-6) var(--sp-4) calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + var(--sp-6))}
  .dd-topbar{gap:var(--sp-2);padding-inline:var(--sp-3);flex-wrap:nowrap}
  .dd-topbar__balance{gap:var(--sp-1);height:34px;padding:2px 2px 2px var(--sp-2)}
  /* 余额胶囊内的紧凑充值钮随胶囊高度，不参与全局 44px 触控规则（避免撑破 34px 胶囊） */
  .dd-topbar__balance .dd-btn{min-height:0;min-width:0}
  .dd-topbar #ddUserMenu{display:none}
  .dd-topbar .dd-avatar{width:28px;height:28px}
}
@media (max-width:479px){
  .dd-topbar{gap:6px;padding-inline:var(--sp-2)}
  .dd-topbar>.l-flex1>.dd-tag,.dd-topbar__balance>.ico{display:none}
  .dd-topbar__balance .dd-btn{padding-inline:var(--sp-2)}
  .dd-topbar .dd-bell{width:32px}
}

/* Mobile navigation remains fixed and safe-area aware. */
.dd-tabbar{display:none}
@media (max-width:767px){
  .dd-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-tabbar);
    height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);
    background:var(--material-bg-strong);border-top:1px solid var(--lq-border);
    -webkit-backdrop-filter:var(--lq-blur);backdrop-filter:var(--lq-blur)}
  /* a 为常规页签；button 供超管端「更多」抽屉入口（P0-4），与页签同版式 */
  .dd-tabbar a,.dd-tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    font-size:var(--fs-11);color:var(--text-3);transition:color var(--dur-instant) var(--ease-out)}
  .dd-tabbar button{margin:0;padding:0;font-family:inherit;background:none;border:0;cursor:pointer;
    touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .dd-tabbar a .ico,.dd-tabbar button .ico{width:24px;height:24px;line-height:1}
  .dd-tabbar a.is-active,.dd-tabbar a.is-active .ico,
  .dd-tabbar button.is-active,.dd-tabbar button.is-active .ico{color:var(--color-link)}
  .dd-tabbar a:active,.dd-tabbar button:active{background:var(--color-primary-light)}
  .dd-tabbar a:focus-visible,.dd-tabbar button:focus-visible{outline-offset:-3px}
}

/* Admin uses the same material; role and SRA UI remain real, unobscured content. */
body[data-shell="admin"]{--module-hue:var(--hue-dns)}
body[data-shell="admin"][data-nav^="risk"]{--module-hue:var(--hue-risk)}
body[data-shell="admin"][data-nav^="gov"]{--module-hue:var(--hue-gov)}
body[data-shell="admin"][data-nav^="wallet"]{--module-hue:var(--hue-wallet)}
body[data-shell="admin"][data-nav^="marketing"]{--module-hue:var(--hue-market)}
body[data-shell="admin"][data-nav="users"],body[data-shell="admin"][data-nav="user-360"],
body[data-shell="admin"][data-nav="sales"],body[data-shell="admin"][data-nav="orders"]{--module-hue:var(--hue-user)}
body[data-shell="admin"][data-nav="cms"]{--module-hue:var(--hue-content)}
body[data-shell="admin"][data-nav="jobs"],body[data-shell="admin"][data-nav="settings"],body[data-shell="admin"][data-nav="audit"]{--module-hue:var(--hue-system)}
body[data-shell="admin"] .dd-admin__topbar{box-shadow:var(--lq-shadow)}
.dd-admin__topbar .dd-logo{color:var(--text-1)}
.dd-admin__topbar .c-white{color:var(--text-2)}
.dd-admin__topbar .dd-select{width:auto;height:32px;padding:0 var(--sp-2);font-size:var(--fs-13);
  background:var(--lq-surface-solid);border:var(--border-control);color:var(--text-1);cursor:pointer}
.dd-admin__topbar .dd-select option{background:var(--lq-surface-solid);color:var(--text-1)}
.dd-admin__topbar .dd-select:focus{border-color:var(--color-primary);outline:var(--focus-ring);outline-offset:1px}
body[data-shell="admin"] .dd-console{min-height:calc(100vh - var(--topbar-h) - var(--lq-chrome-gap))}
body[data-shell="admin"] .dd-side{top:calc(var(--topbar-h) + var(--lq-chrome-gap) * 2);background:var(--sidebar-bg-admin)}
body[data-shell="admin"] .dd-content{max-width:var(--content-max-admin)}
.dd-admin__tabs{position:sticky;top:var(--shell-sticky-top);z-index:var(--z-sticky);
  height:40px;min-height:40px;display:flex;align-items:center;gap:var(--sp-1);margin:var(--lq-chrome-gap) var(--lq-chrome-gap) 0;
  padding:var(--sp-1) var(--sp-3);background:var(--lq-surface);border:1px solid var(--lq-border);border-radius:var(--r-lg);
  -webkit-backdrop-filter:var(--lq-blur);backdrop-filter:var(--lq-blur);overflow-x:auto;overscroll-behavior:contain}
.dd-admin__tab{display:flex;align-items:center;gap:var(--sp-2);height:32px;padding:0 var(--sp-3);
  border-radius:var(--r-md);border-bottom:0;white-space:nowrap;font-size:var(--fs-13);color:var(--text-3);
  transition:color var(--dur-instant) var(--ease-out),background-color var(--dur-instant) var(--ease-out)}
.dd-admin__tab .dd-ico{color:var(--text-4)}
.dd-admin__tab.is-active{color:var(--color-link);background:var(--color-primary-light)}
.dd-admin__tab.is-active .dd-ico{color:var(--color-primary)}
.dd-admin__tab:active{color:var(--text-1)}
.dd-admin__tab:focus-visible{outline-offset:-2px}
@media (hover:hover){
  .dd-admin__tab:hover{color:var(--text-1);background:var(--fill-4)}
  .dd-admin__tab:hover .dd-ico{color:var(--text-3)}
  .dd-admin__tab.is-active:hover{color:var(--color-link);background:var(--color-primary-light)}
}
.dd-sra-bar{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-3) var(--content-pad-x);
  background:transparent;font-size:var(--fs-13);line-height:var(--lh-base);color:var(--text-3)}
@media (max-width:1279px){.dd-admin__topbar #ddSraTop{display:none}}
@media (max-width:1023px){.dd-admin__topbar>.l-flex1>.t-note{display:none}}
@media (max-width:767px){
  .dd-admin__topbar{gap:var(--sp-2);padding-inline:var(--sp-3)}
  .dd-admin__topbar>.l-flex1>.dd-tag,.dd-admin__topbar .dd-avatar{display:none}
  .dd-admin__topbar>.l-flex{gap:var(--sp-2)}
  .dd-admin__tabs,.dd-sra-bar{padding-left:var(--sp-4);padding-right:var(--sp-4)}
}
@media (max-width:479px){
  .dd-admin__topbar .dd-logo{font-size:var(--fs-14);gap:6px}
  .dd-admin__topbar .dd-logo__mark{width:24px;height:24px}
  .dd-admin__topbar label[for="ddRolePick"]{font-size:0;gap:0}
  .dd-admin__topbar .dd-select{max-width:140px;font-size:var(--fs-13)}
}
.dd-side,.dd-admin__tabs,.dd-nav.is-open,.dd-mask{overscroll-behavior:contain}
.dd-side__item,.dd-nav a,.dd-tabbar a,.dd-admin__tab,.dd-burger,.dd-bell,.dd-user,
.dd-breadcrumb a,.dd-footer__links a,.dd-footer__badge,.dd-theme-toggle{touch-action:manipulation}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .dd-header,.dd-topbar,.dd-admin__topbar,.dd-admin__tabs,.dd-tabbar,
  .dd-side,body[data-shell="admin"] .dd-side{background:var(--lq-surface-solid)}
}
@media print{
  .dd-console__main{margin-left:0}
  .dd-admin__topbar,.dd-admin__tabs,.dd-sra-bar{display:none !important}
  .dd-content{padding:0;max-width:none}
}