/* 翎动云网页端三分区主题系统 · V1.5
   设计重点：主次、安全区、清晰装饰。仅改顶部 / 左栏 / 工作区底景。 */
:root{--ui-theme-top:#fff;--ui-theme-side:#52606b;--ui-theme-border:#dbe7f2;--ui-theme-art-header:none;--ui-theme-art-side:none;--ui-theme-art-footer:none}
body.ui-themed:not(.login-mode) .theme-art{display:none!important}

/* 1) 顶部：上半部展示节日主视觉，下半部留给品牌与会员信息。 */
body.ui-themed:not(.login-mode) .topbar{
  height:112px!important;position:relative;z-index:5;overflow:hidden;padding:0 18px;
  background:var(--ui-theme-top)!important;border-bottom:1px solid var(--ui-theme-border)!important;
  box-shadow:0 3px 14px rgba(15,23,42,.07)
}
body.ui-themed:not(.login-mode) .topbar::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--ui-theme-art-header);background-repeat:no-repeat;background-position:center;background-size:100% 100%}
body.ui-themed:not(.login-mode) .topbar>*{position:relative;z-index:2}
body.ui-themed:not(.login-mode) .brand{align-self:flex-end;margin-bottom:8px;padding:6px 10px;border-radius:9px;background:rgba(255,255,255,.90);box-shadow:0 2px 10px rgba(15,23,42,.06)}
body.ui-themed:not(.login-mode) .userbox{align-self:flex-end;margin-bottom:9px;padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.86);box-shadow:0 2px 10px rgba(15,23,42,.05)}
body.ui-themed:not(.login-mode) .layout{height:calc(100vh - 112px)!important}

/* 2) 左栏：只在中段给一个清晰主题识别区，底部状态区保持安静。 */
body.ui-themed:not(.login-mode) .side{position:relative;z-index:4;overflow:hidden;background:var(--ui-theme-side)!important;box-shadow:2px 0 10px rgba(15,23,42,.10)}
body.ui-themed:not(.login-mode) .side::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--ui-theme-art-side);background-repeat:no-repeat;background-position:center;background-size:100% 100%}
body.ui-themed:not(.login-mode) .side>div{position:relative;z-index:2}

/* 3) 工作区底景：只在空白区露出；有数据的行保持白底，避免图案干扰。 */
body.ui-themed:not(.login-mode) .work{position:relative;overflow:hidden;background:#fff!important}
body.ui-themed:not(.login-mode) .work::before{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;z-index:0;pointer-events:none;background-image:var(--ui-theme-art-footer);background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%;opacity:1}
body.ui-themed:not(.login-mode) .work>.panel{position:relative;z-index:1;box-shadow:none!important}
body.ui-themed:not(.login-mode) .work>.panel:first-child{background:#fff!important}
body.ui-themed:not(.login-mode) .work>.panel.result-panel{background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.995) 60%,rgba(255,255,255,.91) 72%,rgba(255,255,255,.54) 84%,rgba(255,255,255,.10) 100%)!important}
body.ui-themed:not(.login-mode) .result-panel .tablewrap,body.ui-themed:not(.login-mode) .result-panel table{background:transparent!important}
body.ui-themed:not(.login-mode) .result-panel tbody tr{background:rgba(255,255,255,.96)!important}
body.ui-themed:not(.login-mode) .result-panel tbody tr:nth-child(even){background:rgba(249,250,251,.96)!important}
body.ui-themed:not(.login-mode) .result-panel tbody tr:hover{background:rgba(241,247,253,.98)!important}

body[data-ui-theme="default"]{--ui-theme-top:#f8fbfd;--ui-theme-side:#0f5d92;--ui-theme-border:#d1e3ef;--ui-theme-art-header:url('/assets/themes/default/header.svg?v=20260916-theme-v1.5');--ui-theme-art-side:url('/assets/themes/default/side.svg?v=20260916-theme-v1.5');--ui-theme-art-footer:url('/assets/themes/default/footer.svg?v=20260916-theme-v1.5')}

body[data-ui-theme="spring"]{--ui-theme-top:#fff9f2;--ui-theme-side:#8e1c18;--ui-theme-border:#efd0bd;--ui-theme-art-header:url('/assets/themes/spring/header.svg?v=20260916-theme-v1.5');--ui-theme-art-side:url('/assets/themes/spring/side.svg?v=20260916-theme-v1.5');--ui-theme-art-footer:url('/assets/themes/spring/footer.svg?v=20260916-theme-v1.5')}

body[data-ui-theme="lantern"]{--ui-theme-top:#fff9f4;--ui-theme-side:#933218;--ui-theme-border:#efd1bf;--ui-theme-art-header:url('/assets/themes/lantern/header.svg?v=20260916-theme-v1.5');--ui-theme-art-side:url('/assets/themes/lantern/side.svg?v=20260916-theme-v1.5');--ui-theme-art-footer:url('/assets/themes/lantern/footer.svg?v=20260916-theme-v1.5')}

body[data-ui-theme="qingming"]{--ui-theme-top:#fbfdfb;--ui-theme-side:#477564;--ui-theme-border:#cedfd4;--ui-theme-art-header:url('/assets/themes/qingming/header.svg?v=20260916-theme-v1.5');--ui-theme-art-side:url('/assets/themes/qingming/side.svg?v=20260916-theme-v1.5');--ui-theme-art-footer:url('/assets/themes/qingming/footer.svg?v=20260916-theme-v1.5')}

body[data-ui-theme="mayday"]{--ui-theme-top:#fbfdff;--ui-theme-side:#155f89;--ui-theme-border:#c8ddeb;--ui-theme-art-header:url('/assets/themes/mayday/header.svg?v=20260916-theme-v1.5');--ui-theme-art-side:url('/assets/themes/mayday/side.svg?v=20260916-theme-v1.5');--ui-theme-art-footer:url('/assets/themes/mayday/footer.svg?v=20260916-theme-v1.5')}

body[data-ui-theme="dragonboat"]{--ui-theme-top:#fbfdfb;--ui-theme-side:#116858;--ui-theme-border:#c7ded5;--ui-theme-art-header:url('/assets/themes/dragonboat/header.svg?v=20260916-theme-v1.5');--ui-theme-art-side:url('/assets/themes/dragonboat/side.svg?v=20260916-theme-v1.5');--ui-theme-art-footer:url('/assets/themes/dragonboat/footer.svg?v=20260916-theme-v1.5')}

body[data-ui-theme="qixi"]{--ui-theme-top:#fcf9ff;--ui-theme-side:#514087;--ui-theme-border:#dbcfee;--ui-theme-art-header:url('/assets/themes/qixi/header.svg?v=20260916-theme-v1.5');--ui-theme-art-side:url('/assets/themes/qixi/side.svg?v=20260916-theme-v1.5');--ui-theme-art-footer:url('/assets/themes/qixi/footer.svg?v=20260916-theme-v1.5')}

body[data-ui-theme="midautumn"]{--ui-theme-top:#fffaf0;--ui-theme-side:#405c72;--ui-theme-border:#e5d4ae;--ui-theme-art-header:url('/assets/themes/midautumn/header.svg?v=20260916-theme-v1.5');--ui-theme-art-side:url('/assets/themes/midautumn/side.svg?v=20260916-theme-v1.5');--ui-theme-art-footer:url('/assets/themes/midautumn/footer.svg?v=20260916-theme-v1.5')}

body[data-ui-theme="national_day"]{--ui-theme-top:#fff9f1;--ui-theme-side:#941820;--ui-theme-border:#edcbb4;--ui-theme-art-header:url('/assets/themes/national_day/header.svg?v=20260916-theme-v1.5');--ui-theme-art-side:url('/assets/themes/national_day/side.svg?v=20260916-theme-v1.5');--ui-theme-art-footer:url('/assets/themes/national_day/footer.svg?v=20260916-theme-v1.5')}

body[data-ui-theme="double_ninth"]{--ui-theme-top:#fffaf3;--ui-theme-side:#755735;--ui-theme-border:#e2d2b7;--ui-theme-art-header:url('/assets/themes/double_ninth/header.svg?v=20260916-theme-v1.5');--ui-theme-art-side:url('/assets/themes/double_ninth/side.svg?v=20260916-theme-v1.5');--ui-theme-art-footer:url('/assets/themes/double_ninth/footer.svg?v=20260916-theme-v1.5')}

body[data-ui-theme="winter_solstice"]{--ui-theme-top:#fafcff;--ui-theme-side:#315b76;--ui-theme-border:#cbdbe5;--ui-theme-art-header:url('/assets/themes/winter_solstice/header.svg?v=20260916-theme-v1.5');--ui-theme-art-side:url('/assets/themes/winter_solstice/side.svg?v=20260916-theme-v1.5');--ui-theme-art-footer:url('/assets/themes/winter_solstice/footer.svg?v=20260916-theme-v1.5')}

@media(max-width:1000px){body.ui-themed:not(.login-mode) .topbar{height:98px!important}body.ui-themed:not(.login-mode) .layout{height:calc(100vh - 98px)!important}body.ui-themed:not(.login-mode) .brand{margin-bottom:6px}body.ui-themed:not(.login-mode) .userbox{margin-bottom:6px}body.ui-themed:not(.login-mode) .work::before{height:30%}}
@media(max-width:800px){body.ui-themed:not(.login-mode) .topbar{height:72px!important}body.ui-themed:not(.login-mode) .layout{height:calc(100vh - 72px)!important}body.ui-themed:not(.login-mode) .topbar::before{opacity:.68}body.ui-themed:not(.login-mode) .brand,body.ui-themed:not(.login-mode) .userbox{background:rgba(255,255,255,.92)}body.ui-themed:not(.login-mode) .work::before{height:25%;opacity:.78}}