/* 豆豆科技 · 白色现代化界面 */
:root{
  --doudou-primary:#2563eb;
  --doudou-primary-soft:#eff6ff;
  --doudou-primary-border:#bfdbfe;
  --doudou-text:#172033;
  --doudou-muted:#64748b;
  --doudou-border:#e6ebf2;
  --doudou-soft:#f8fafc;
  --doudou-shadow:0 10px 32px rgba(15,23,42,.075);
  --doudou-shadow-hover:0 16px 42px rgba(37,99,235,.12);
  color-scheme:light;
}
html,body,#app{min-height:100%;background:#fff!important;color:var(--doudou-text);}
html[data-theme="dark"]{color-scheme:light;}
body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased;}
*,*::before,*::after{box-sizing:border-box;}
::selection{background:#dbeafe;color:#1d4ed8;}
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{border:2px solid #fff;border-radius:999px;background:#cbd5e1;}
::-webkit-scrollbar-thumb:hover{background:#94a3b8;}

/* 全站保持白色背景 */
.layout,.n-layout,.n-layout-content,.n-layout-scroll-container,.layout-content,.layout-content-main,.main-view,
.layout-default-background,.tabs-view,.tabs-view-default-background,.n-card,.n-data-table,.n-data-table-base-table,
.n-scrollbar,.n-scrollbar-container,.n-scrollbar-content{background-color:#fff!important;}
.main-view{padding:20px 22px 30px!important;}

/* 左侧品牌与导航 */
.layout-sider,.n-layout-sider{border-right:1px solid var(--doudou-border)!important;background:#fff!important;box-shadow:6px 0 24px rgba(15,23,42,.035)!important;}
.layout-sider .logo,.layout-header .logo{display:flex!important;align-items:center!important;gap:10px!important;min-height:72px;padding:10px 17px!important;background:#fff!important;overflow:visible!important;}
.layout-sider .logo img,.layout-header .logo img,.view-account-top-logo img,img[src*="doudou-dragon-restored-20260714r5"]{
  object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 7px 9px rgba(234,179,8,.2));
}
.layout-sider .logo img,.layout-header .logo img{width:48px!important;height:48px!important;max-width:48px!important;flex:0 0 48px;}
.logo .title{margin:0!important;color:#1e293b!important;font-size:18px!important;font-weight:800!important;letter-spacing:.8px!important;white-space:nowrap;}
.n-menu{padding:8px 0 18px!important;background:#fff!important;}
.n-menu .n-menu-item{margin:4px 10px!important;}
.n-menu .n-menu-item-content{min-height:44px!important;border-radius:11px!important;color:#526174!important;font-weight:550!important;transition:background .16s ease,color .16s ease,transform .16s ease!important;}
.n-menu .n-menu-item-content::before{border-radius:11px!important;background:transparent!important;}
.n-menu .n-menu-item-content:hover{color:#1d4ed8!important;transform:translateX(2px);}
.n-menu .n-menu-item-content:hover::before{background:#f3f7ff!important;}
.n-menu .n-menu-item--selected>.n-menu-item-content,
.n-menu .n-menu-item-content--selected,.n-menu .codex-menu-active>.n-menu-item-content{color:#fff!important;}
.n-menu .n-menu-item--selected>.n-menu-item-content::before,
.n-menu .n-menu-item-content--selected::before,.n-menu .codex-menu-active>.n-menu-item-content::before{
  background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 7px 16px rgba(37,99,235,.2)!important;
}
.n-menu .n-menu-item--selected .n-icon,.n-menu .n-menu-item-content--selected .n-icon,.n-menu .codex-menu-active .n-icon{color:#fff!important;}
.codex-menu-label{padding:22px 22px 8px!important;color:#9aa6b6!important;font-size:12px!important;font-weight:700!important;letter-spacing:1.5px!important;}

/* 顶栏与页签 */
.layout-header{min-height:68px!important;padding:0 18px!important;border-bottom:1px solid var(--doudou-border)!important;background:rgba(255,255,255,.97)!important;box-shadow:0 5px 22px rgba(15,23,42,.045)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.layout-header-trigger{border-radius:10px!important;color:#64748b!important;transition:background .15s,color .15s!important;}
.layout-header-trigger:hover{background:#f1f5f9!important;color:#2563eb!important;}
.layout-header-right .avatar{display:flex;align-items:center;gap:9px;padding:6px 10px;border:1px solid transparent;border-radius:12px;transition:.16s ease;}
.layout-header-right .avatar:hover{border-color:#dbeafe;background:#f8fbff;}
.layout-header-right span[style*="background-color: red"],.layout-header-right span[style*="background-color:red"]{
  padding:5px 10px!important;border:1px solid #fde68a!important;border-radius:999px!important;background:#fffbeb!important;color:#b45309!important;font-size:12px!important;font-weight:650!important;
}
.tabs-view{border-bottom:1px solid var(--doudou-border)!important;box-shadow:none!important;}
.tabs-view-main{min-height:44px!important;padding:6px 12px!important;background:#fff!important;}
.tabs-card-scroll-item{margin-right:6px!important;border:1px solid #e7ecf3!important;border-radius:9px!important;background:#fff!important;color:#64748b!important;transition:.15s ease!important;}
.tabs-card-scroll-item:hover{border-color:#bfdbfe!important;color:#2563eb!important;}
.tabs-card-scroll-item.active,.tabs-card-scroll-item.tabs-card-scroll-item-active{border-color:#bfdbfe!important;background:#eff6ff!important;color:#1d4ed8!important;}

/* 内容卡片和工具栏 */
.n-card,.codex-card{border:1px solid var(--doudou-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--doudou-shadow)!important;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.n-card:hover{border-color:#dbe5f1!important;box-shadow:var(--doudou-shadow-hover)!important;}
.n-card-header{border-bottom:1px solid #edf1f6!important;padding:18px 20px!important;}
.n-card__content{padding:20px!important;}
.table-toolbar{margin-bottom:16px!important;padding:4px 2px!important;}
.table-toolbar-left-title{color:#172033!important;font-size:17px!important;font-weight:750!important;}
.table-toolbar-right-icon{border-radius:9px!important;color:#64748b!important;}
.n-divider{color:#64748b!important;}

/* 表单 */
.n-form-item-label{color:#475569!important;font-weight:600!important;}
.n-input,.n-input-number,.n-select,.n-base-selection{border-radius:10px!important;background:#fff!important;--n-border-radius:10px!important;}
.n-input{min-height:40px;}
.n-input__border,.n-base-selection__border{border-color:#dbe2ea!important;}
.n-input:hover .n-input__border,.n-base-selection:hover .n-base-selection__border{border-color:#93c5fd!important;}
.n-input.n-input--focus .n-input__border,.n-base-selection.n-base-selection--active .n-base-selection__border{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.11)!important;}
.n-input__input-el,.n-base-selection-label{color:#172033!important;}
.n-input__placeholder,.n-base-selection-placeholder{color:#a2adbb!important;}

/* 按钮 */
.n-button{min-height:38px;border-radius:10px!important;font-weight:650!important;letter-spacing:.1px;transition:transform .13s ease,box-shadow .16s ease,filter .16s ease!important;}
.n-button:hover{transform:translateY(-1px);}
.n-button:active{transform:translateY(0);}
.n-button--primary-type{box-shadow:0 7px 15px rgba(37,99,235,.18)!important;}
.n-button--warning-type{box-shadow:0 7px 15px rgba(245,158,11,.16)!important;}
.n-button--error-type{box-shadow:0 7px 15px rgba(239,68,68,.14)!important;}
.n-button--info-type{box-shadow:0 7px 15px rgba(14,165,233,.15)!important;}
.n-button--tertiary-type,.n-button--default-type{box-shadow:none!important;}
.codex-submit{border-radius:10px!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 8px 18px rgba(37,99,235,.2)!important;font-weight:650!important;}

/* 数据表格 */
.n-data-table{border:1px solid var(--doudou-border)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 6px 22px rgba(15,23,42,.04)!important;}
.n-data-table-table{border-collapse:separate!important;border-spacing:0!important;}
.n-data-table-th{height:50px!important;border-bottom:1px solid #e8edf4!important;background:#f8fafc!important;color:#475569!important;font-size:13px!important;font-weight:750!important;}
.n-data-table-td{height:62px!important;border-bottom:1px solid #eef2f6!important;background:#fff!important;color:#334155!important;transition:background .14s ease!important;}
.n-data-table-tr:hover>.n-data-table-td{background:#f8fbff!important;}
.n-data-table-tr:last-child>.n-data-table-td{border-bottom:0!important;}
.n-data-table img{border-radius:10px!important;box-shadow:0 3px 10px rgba(15,23,42,.09);}
.n-data-table__pagination{padding:15px 4px 3px!important;}
.n-pagination-item{border-radius:8px!important;}
.n-pagination-item--active{border-color:#93c5fd!important;background:#eff6ff!important;color:#1d4ed8!important;}
.n-tag{border-radius:999px!important;font-weight:600!important;}

/* 弹窗、通知和下拉层 */
.n-modal,.n-dialog,.n-card.n-modal{border-radius:18px!important;box-shadow:0 24px 75px rgba(15,23,42,.2)!important;}
.n-dialog__title{color:#172033!important;font-size:18px!important;font-weight:750!important;}
.n-message{border:1px solid #e7ecf3!important;border-radius:12px!important;background:#fff!important;box-shadow:0 14px 35px rgba(15,23,42,.14)!important;}
.n-dropdown-menu,.n-popover:not(.n-tooltip){border:1px solid #e8edf4!important;border-radius:12px!important;background:#fff!important;box-shadow:0 16px 40px rgba(15,23,42,.13)!important;}
.n-dropdown-option{border-radius:8px!important;}
.codex-remark-card{border-color:#e5eaf1!important;border-radius:18px!important;box-shadow:0 26px 75px rgba(15,23,42,.2)!important;}

/* 登录页 */
.view-account{position:relative!important;display:flex!important;min-height:100vh!important;align-items:center!important;justify-content:center!important;padding:32px 20px!important;background:#fff!important;overflow:hidden;}
.view-account::before,.view-account::after{position:absolute;content:"";pointer-events:none;border-radius:50%;filter:blur(2px);}
.view-account::before{top:-180px;right:-140px;width:430px;height:430px;background:radial-gradient(circle,rgba(59,130,246,.1),rgba(59,130,246,0) 68%);}
.view-account::after{bottom:-220px;left:-140px;width:470px;height:470px;background:radial-gradient(circle,rgba(250,204,21,.09),rgba(250,204,21,0) 68%);}
.view-account-container{position:relative!important;z-index:1;width:min(430px,calc(100vw - 32px))!important;margin:0 auto!important;padding:30px 34px 34px!important;border:1px solid #e7ecf3!important;border-radius:24px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 24px 70px rgba(15,23,42,.11)!important;}
.view-account-top{margin-bottom:26px!important;text-align:center!important;}
.view-account-top-logo{display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:9px!important;}
.view-account-top-logo img{width:118px!important;height:118px!important;max-width:118px!important;}
.view-account-top-desc{color:#172033!important;font-size:24px!important;font-weight:850!important;letter-spacing:2px!important;}
.view-account-form .n-form-item{margin-bottom:20px!important;}
.view-account-form .n-input{min-height:48px!important;border-radius:12px!important;}
.view-account-form .n-button{min-height:48px!important;border-radius:12px!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 10px 22px rgba(37,99,235,.23)!important;font-size:15px!important;}

/* 自定义账户页 */
.codex-inner-page{background:#fff!important;padding:24px!important;}
.codex-page-title{color:#172033!important;font-size:20px!important;font-weight:750!important;}
.codex-card-title{color:#172033!important;font-weight:700!important;}
.codex-row{border-color:#edf1f5!important;}
.codex-row span{color:#64748b!important;}

@media(max-width:900px){
  .main-view{padding:15px 14px 24px!important;}
  .layout-header{padding:0 10px!important;}
  .n-card__content{padding:16px!important;}
  .n-data-table-th,.n-data-table-td{white-space:nowrap;}
}
@media(max-width:520px){
  .view-account{padding:18px 12px!important;}
  .view-account-container{padding:24px 20px 26px!important;border-radius:19px!important;}
  .view-account-top-logo img{width:96px!important;height:96px!important;}
  .view-account-top-desc{font-size:21px!important;}
  .main-view{padding:12px 10px 20px!important;}
  .n-card,.n-data-table{border-radius:12px!important;}
}

/* R6：固定页签占用独立高度，避免覆盖筛选表单。 */
.main-view.main-view-fix{padding-top:64px!important;}
@media(max-width:900px){.main-view.main-view-fix{padding-top:59px!important;}}


/* R7：Windows 中文界面清晰度优化。 */
html,body,#app,.n-config-provider,.n-layout,.n-menu,.n-tabs,.n-card,.n-form,.n-input,.n-input-number,
.n-base-selection,.n-button,.n-data-table,.n-pagination,.n-dialog,.n-message,.n-dropdown-menu,.n-popover,
button,input,textarea,select{
  font-family:"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",Arial,sans-serif!important;
  -webkit-font-smoothing:auto!important;
  -moz-osx-font-smoothing:auto!important;
  text-rendering:auto!important;
  font-synthesis:none;
}
body{font-size:15px!important;line-height:1.55!important;font-weight:400!important;color:#172033!important;}
.layout-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.logo .title{font-size:19px!important;font-weight:700!important;color:#0f172a!important;}
.n-menu .n-menu-item-content{font-size:14px!important;font-weight:600!important;color:#334155!important;}
.n-menu .n-menu-item-content:hover{transform:none!important;}
.n-tabs-tab,.tabs-card-scroll-item{font-size:14px!important;font-weight:600!important;color:#334155!important;}
.n-form-item-label{font-size:14px!important;font-weight:600!important;color:#334155!important;}
.n-input,.n-input-number,.n-base-selection,.n-input__input-el,.n-base-selection-label,.n-base-selection-placeholder{
  font-size:14px!important;font-weight:400!important;line-height:1.45!important;
}
.n-button{font-size:14px!important;font-weight:600!important;line-height:1.2!important;text-shadow:none!important;}
.n-button:hover{transform:none!important;filter:none!important;}
.n-data-table-th{font-size:14px!important;font-weight:700!important;color:#334155!important;}
.n-data-table-td{font-size:14px!important;font-weight:400!important;color:#1f2937!important;}
.n-tag,.n-pagination-item,.n-dropdown-option{font-size:14px!important;font-weight:600!important;}
.table-toolbar-left-title,.codex-page-title,.codex-card-title,.n-dialog__title{font-weight:700!important;color:#0f172a!important;}
.layout-header-right,.layout-header-left,.tabs-view,.table-toolbar,.codex-inner-page{color:#334155!important;}
.view-account-top-desc{font-weight:700!important;}


/* R8：侧栏内部文字节点使用高对比度、标准字重，避免浅灰发虚。 */
.layout-sider .n-menu-item-content,
.layout-sider .n-menu-item-content-header,
.layout-sider .n-menu-item-content__icon,
.layout-sider .n-menu-item-content__arrow{
  color:#334155!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  -webkit-font-smoothing:auto!important;
  text-rendering:auto!important;
}
.layout-sider .n-menu-item-content-header{font-size:15px!important;font-weight:600!important;letter-spacing:0!important;}
.layout-sider .n-menu-item-content__icon{font-size:21px!important;}
.layout-sider .n-menu-item-content:hover .n-menu-item-content-header,
.layout-sider .n-menu-item-content:hover .n-menu-item-content__icon{color:#1d4ed8!important;}
.layout-sider .n-menu-item--selected>.n-menu-item-content .n-menu-item-content-header,
.layout-sider .n-menu-item--selected>.n-menu-item-content .n-menu-item-content__icon,
.layout-sider .n-menu-item-content--selected .n-menu-item-content-header,
.layout-sider .n-menu-item-content--selected .n-menu-item-content__icon,
.layout-sider .codex-menu-active>.n-menu-item-content .n-menu-item-content-header,
.layout-sider .codex-menu-active>.n-menu-item-content .n-menu-item-content__icon{
  color:#fff!important;opacity:1!important;
}
.layout-sider .codex-menu-label{color:#64748b!important;font-size:13px!important;font-weight:700!important;opacity:1!important;}


/* R9：豆豆科技主登录页双栏品牌布局。 */
.view-account{
  display:grid!important;
  grid-template-columns:minmax(420px,580px) minmax(360px,430px)!important;
  grid-template-rows:auto!important;
  gap:72px!important;
  place-content:center!important;
  align-items:center!important;
  min-height:100vh!important;
  padding:44px 48px!important;
  background:#fff!important;
  overflow:auto!important;
}
.view-account::before{top:-210px!important;right:-130px!important;width:520px!important;height:520px!important;background:radial-gradient(circle,rgba(59,130,246,.13),rgba(59,130,246,0) 69%)!important;}
.view-account::after{bottom:-250px!important;left:-160px!important;width:560px!important;height:560px!important;background:radial-gradient(circle,rgba(250,204,21,.11),rgba(250,204,21,0) 69%)!important;}
.doudou-login-hero{
  position:relative;z-index:1;grid-column:1;grid-row:1;display:flex;min-height:620px;max-width:580px;flex-direction:column;justify-content:space-between;
  padding:46px 48px 42px;border:1px solid #dfe9f6;border-radius:32px;background:linear-gradient(145deg,#f8fbff 0%,#eef6ff 58%,#fffaf0 100%);
  box-shadow:0 28px 80px rgba(30,64,175,.11);overflow:hidden;
}
.doudou-login-hero::before{position:absolute;top:-100px;right:-90px;width:310px;height:310px;border-radius:50%;background:rgba(255,255,255,.65);content:"";}
.doudou-login-hero::after{position:absolute;right:44px;bottom:46px;width:120px;height:120px;border:1px solid rgba(37,99,235,.12);border-radius:28px;content:"";transform:rotate(16deg);}
.doudou-login-hero-brand,.doudou-login-copy,.doudou-login-feature-grid{position:relative;z-index:1;}
.doudou-login-hero-brand{display:flex;align-items:center;gap:15px;color:#1e3a8a;font-size:13px;font-weight:700;letter-spacing:1.8px;}
.doudou-login-hero-brand img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 9px 12px rgba(202,138,4,.22));}
.doudou-login-copy{margin:18px 0 28px;}
.doudou-login-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;padding:7px 12px;border:1px solid #bfdbfe;border-radius:999px;background:rgba(255,255,255,.76);color:#2563eb;font-size:13px;font-weight:700;}
.doudou-login-copy h1{margin:0;color:#0f172a;font-size:43px;font-weight:700;line-height:1.2;letter-spacing:-1px;}
.doudou-login-copy h1 em{color:#2563eb;font-style:normal;}
.doudou-login-copy p{max-width:440px;margin:19px 0 0;color:#526174;font-size:16px;line-height:1.8;}
.doudou-login-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.doudou-login-feature{padding:16px 14px;border:1px solid rgba(191,219,254,.85);border-radius:16px;background:rgba(255,255,255,.78);box-shadow:0 8px 24px rgba(30,64,175,.055);}
.doudou-login-feature svg{width:22px;height:22px;margin-bottom:9px;color:#2563eb;}
.doudou-login-feature b{display:block;color:#1e293b;font-size:14px;font-weight:700;}
.doudou-login-feature span{display:block;margin-top:4px;color:#7b8797;font-size:12px;line-height:1.5;}
.view-account-container{
  position:relative!important;z-index:2!important;grid-column:2;grid-row:1;align-self:center!important;width:430px!important;min-width:0!important;max-width:430px!important;
  height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:36px 38px 34px!important;border:1px solid #e2e8f0!important;
  border-radius:28px!important;background:#fff!important;box-shadow:0 28px 75px rgba(15,23,42,.13)!important;overflow:visible!important;
}
.view-account-top{margin-bottom:28px!important;}
.view-account-top-logo{margin-bottom:7px!important;}
.view-account-top-logo img{width:96px!important;height:96px!important;max-width:96px!important;}
.view-account-top-desc{font-size:24px!important;font-weight:700!important;letter-spacing:1.5px!important;}
.doudou-login-subtitle{margin-top:8px;color:#8190a3;font-size:13px;line-height:1.6;text-align:center;}
.view-account-form .n-form-item{margin-bottom:20px!important;}
.view-account-form .n-input{min-height:50px!important;border-radius:12px!important;}
.view-account-form .n-button{min-height:50px!important;border-radius:12px!important;font-size:15px!important;}
.doudou-login-security{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;color:#94a3b8;font-size:12px;}
.doudou-login-security svg{width:15px;height:15px;color:#22a06b;}
@media(max-width:1120px){
  .view-account{grid-template-columns:minmax(360px,430px)!important;gap:0!important;padding:30px 20px!important;}
  .doudou-login-hero{display:none!important;}
  .view-account-container{grid-column:1!important;}
}
@media(max-width:520px){
  .view-account{display:flex!important;padding:18px 12px!important;}
  .view-account-container{width:min(430px,calc(100vw - 24px))!important;padding:28px 22px!important;border-radius:21px!important;}
  .view-account-top-logo img{width:86px!important;height:86px!important;}
}


/* R10：远程屏幕对手机、平板、折叠屏、横屏和窄窗口自适应。 */
html .image-container[data-v-fc0266af]{width:100%!important;max-width:100%!important;min-width:0!important;align-items:stretch!important;}
html .content-wrapper[data-v-fc0266af]{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:clamp(18px,2vw,36px)!important;}
html .tabs-wrapper[data-v-fc0266af]{width:auto!important;max-width:100%!important;min-width:0!important;flex:1 1 720px!important;overflow-x:auto!important;}
html .image-box-group[data-v-fc0266af]{display:flex!important;max-width:100%!important;min-width:0!important;flex:1 1 560px!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:24px!important;}
html .image-box[data-v-fc0266af]{display:flex!important;width:min(calc(var(--doudou-screen-width,350px) + 120px),100%)!important;max-width:100%!important;min-width:0!important;flex:0 1 calc(var(--doudou-screen-width,350px) + 120px)!important;align-items:stretch!important;}
html .button-container[data-v-fc0266af]{width:100%!important;min-width:0!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 10px!important;}
html .image-wrapper[data-v-fc0266af]{max-width:100%!important;min-width:0!important;overflow:visible!important;}
html .image-wrapper.with-sidebar[data-v-fc0266af]{display:flex!important;width:min(calc(var(--doudou-screen-width,350px) + 120px),100%)!important;max-width:100%!important;min-width:0!important;align-items:stretch!important;justify-content:flex-start!important;overflow:hidden!important;border-radius:14px!important;background:#05070a!important;box-shadow:0 10px 28px rgba(15,23,42,.12)!important;}
html .image-slot[data-v-fc0266af]{width:min(var(--doudou-screen-width,350px),calc(100% - 120px))!important;max-width:calc(100% - 120px)!important;min-width:0!important;flex:1 1 var(--doudou-screen-width,350px)!important;}
html .screenlayers[data-v-fc0266af]{position:relative!important;width:100%!important;height:auto!important;min-width:0!important;overflow:hidden!important;background:#05070a!important;}
html .screenlayers img[data-v-fc0266af]{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;touch-action:none!important;user-select:none!important;-webkit-user-drag:none!important;}
html .mousecanvas[data-v-fc0266af]{width:100%!important;height:100%!important;}
html .inner-sidebar[data-v-fc0266af]{width:120px!important;min-width:120px!important;max-width:120px!important;height:var(--doudou-screen-height,auto)!important;max-height:var(--doudou-screen-height,none)!important;flex:0 0 120px!important;align-content:flex-start!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;}
html .inner-sidebar .button-row[data-v-fc0266af]{width:100%!important;}
html .inner-sidebar .n-button[data-v-fc0266af]{width:100%!important;max-width:100%!important;margin:0!important;}
html .image2-input-wrapper[data-v-fc0266af]{max-width:100%!important;justify-content:flex-start!important;}
html .image2-input-row[data-v-fc0266af]{display:flex!important;width:100%!important;max-width:620px!important;min-width:0!important;flex-wrap:wrap!important;gap:10px!important;}
html .image2-input-row[data-v-fc0266af] .n-input-wrapper,
html .image2-input-row[data-v-fc0266af] .n-input{width:auto!important;min-width:220px!important;flex:1 1 320px!important;}
html .image2-input-row[data-v-fc0266af] .n-button{width:auto!important;min-width:132px!important;flex:0 1 auto!important;}
.doudou-screen-meta{display:inline-flex;min-height:28px;margin-left:auto;padding:5px 10px;align-items:center;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;}
@media(max-width:1200px){
  html .tabs-wrapper[data-v-fc0266af]{flex-basis:100%!important;}
  html .image-box-group[data-v-fc0266af]{flex-basis:100%!important;}
}
@media(max-width:680px){
  html .content-wrapper[data-v-fc0266af]{display:block!important;}
  html .tabs-wrapper[data-v-fc0266af]{width:100%!important;margin-bottom:24px!important;}
  html .image-box-group[data-v-fc0266af]{display:block!important;width:100%!important;}
  html .image-box[data-v-fc0266af]{display:flex!important;width:100%!important;margin:0 0 28px!important;}
  html .image-wrapper.with-sidebar[data-v-fc0266af]{width:100%!important;flex-direction:column!important;}
  html .image-slot[data-v-fc0266af]{width:100%!important;max-width:100%!important;flex-basis:auto!important;}
  html .inner-sidebar[data-v-fc0266af]{display:grid!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important;grid-template-columns:repeat(auto-fit,minmax(88px,1fr))!important;gap:8px!important;padding:10px!important;overflow:visible!important;}
  html .inner-sidebar .button-row[data-v-fc0266af]{width:auto!important;}
  html .image2-input-row[data-v-fc0266af] .n-input-wrapper,
  html .image2-input-row[data-v-fc0266af] .n-input{min-width:100%!important;flex-basis:100%!important;}
  html .image2-input-row[data-v-fc0266af] .n-button{width:100%!important;}
  .doudou-screen-meta{width:100%;margin-left:0;justify-content:center;}
}
@media(max-width:420px){
  html .inner-sidebar[data-v-fc0266af]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/*
 * R10 remote-screen responsive increment.
 * Loaded after info-79tPWUBt.css so the original 350px fixed phone layout can
 * expand for tablets/foldables/landscape screens without changing the white UI.
 */

html .image-container[data-v-fc0266af],
html .image-container[data-v-fc0266af] * {
  box-sizing: border-box;
}

html .image-container[data-v-fc0266af] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-items: stretch !important;
}

html .content-wrapper[data-v-fc0266af] {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: clamp(20px, 2vw, 40px) !important;
}

html .tabs-wrapper[data-v-fc0266af] {
  width: auto !important;
  max-width: 100% !important;
  min-width: min(100%, 420px) !important;
  flex: 1 1 680px !important;
}

html .image-box-group[data-v-fc0266af] {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: 24px !important;
}

html .image-box[data-v-fc0266af] {
  width: fit-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  align-items: stretch !important;
}

html .button-container[data-v-fc0266af] {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  max-width: 100% !important;
  gap: 8px !important;
}

html .image-wrapper[data-v-fc0266af] {
  width: var(--doudou-screen-width, 350px) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
}

html .image-wrapper.with-sidebar[data-v-fc0266af] {
  display: flex !important;
  width: calc(var(--doudou-screen-width, 350px) + 120px) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-items: flex-start !important;
}

html .image-slot[data-v-fc0266af] {
  width: var(--doudou-screen-width, 350px) !important;
  max-width: 100% !important;
  min-width: 220px !important;
  flex: 0 1 var(--doudou-screen-width, 350px) !important;
}

html .image-wrapper.with-sidebar[data-v-fc0266af] > .image-slot[data-v-fc0266af] {
  max-width: calc(100% - 120px) !important;
}

html .screenlayers[data-v-fc0266af] {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  aspect-ratio: var(--doudou-screen-aspect, auto) !important;
  overflow: hidden !important;
  background: #05070a !important;
}

/* The live remote frame itself; supports portrait, tablet and landscape ratios. */
html .screenlayers[data-v-fc0266af] > img:not([data-wx-keyboard-cover="1"]) {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: var(--doudou-screen-aspect, auto) !important;
  object-fit: contain !important;
  object-position: center !important;
}

html .screenlayers[data-v-fc0266af] > canvas.mousecanvas,
html .screenlayers[data-v-fc0266af] > canvas.mouse-canvas {
  position: absolute !important;
  inset: 0 !important;
  z-index: 9 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

html .inner-sidebar[data-v-fc0266af] {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  height: var(--doudou-screen-height, auto) !important;
  max-height: var(--doudou-screen-height, none) !important;
  flex: 0 0 120px !important;
  align-self: flex-start !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin;
  scrollbar-color: #526174 #0b1220;
}

html .inner-sidebar[data-v-fc0266af]::-webkit-scrollbar {
  width: 6px;
}

html .inner-sidebar[data-v-fc0266af]::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #526174;
}

html .inner-sidebar[data-v-fc0266af] .button-row[data-v-fc0266af] {
  width: 100% !important;
  min-width: 0 !important;
}

html .inner-sidebar[data-v-fc0266af] .n-button {
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
}

html .image2-input-wrapper[data-v-fc0266af] {
  max-width: 100% !important;
  justify-content: flex-start !important;
}

html .image2-input-row[data-v-fc0266af] {
  display: flex !important;
  flex-wrap: wrap !important;
  width: min(100%, 620px) !important;
  max-width: 100% !important;
  gap: 10px !important;
}

html .image2-input-row[data-v-fc0266af] .n-input-wrapper,
html .image2-input-row[data-v-fc0266af] .n-input {
  width: auto !important;
  min-width: min(100%, 220px) !important;
  flex: 1 1 320px !important;
}

html .image2-input-row[data-v-fc0266af] .n-button {
  width: auto !important;
  min-width: 140px !important;
  flex: 0 1 auto !important;
}

/* A foldable/tablet in portrait gets more room, while landscape can use a full row. */
html .screenlayers[data-v-fc0266af][data-doudou-screen-kind="foldable"],
html .screenlayers[data-v-fc0266af][data-doudou-screen-kind="tablet"],
html .screenlayers[data-v-fc0266af][data-doudou-screen-orientation="landscape"] {
  max-width: 100% !important;
}

@media (max-width: 820px) {
  html .content-wrapper[data-v-fc0266af] {
    flex-direction: column !important;
    gap: 22px !important;
  }

  html .tabs-wrapper[data-v-fc0266af],
  html .image-box-group[data-v-fc0266af],
  html .image-box[data-v-fc0266af] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
  }

  html .image-box-group[data-v-fc0266af] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html .image-wrapper[data-v-fc0266af],
  html .image-wrapper.with-sidebar[data-v-fc0266af] {
    width: min(var(--doudou-screen-width, 350px), 100%) !important;
    max-width: 100% !important;
  }

  html .image-wrapper.with-sidebar[data-v-fc0266af] {
    flex-direction: column !important;
  }

  html .image-slot[data-v-fc0266af],
  html .image-wrapper.with-sidebar[data-v-fc0266af] > .image-slot[data-v-fc0266af] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
  }

  html .inner-sidebar[data-v-fc0266af] {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: 10px !important;
    flex: 0 1 auto !important;
    overflow: visible !important;
  }

  html .inner-sidebar[data-v-fc0266af] .button-row[data-v-fc0266af] {
    display: block !important;
    width: auto !important;
  }

  html .inner-sidebar[data-v-fc0266af] .n-button {
    min-height: 38px !important;
  }
}

@media (max-width: 480px) {
  html .tabs-wrapper[data-v-fc0266af] .n-tabs-tab {
    padding-inline: 12px !important;
    font-size: 14px !important;
  }

  html .inner-sidebar[data-v-fc0266af] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html .image2-input-row[data-v-fc0266af] .n-button {
    width: 100% !important;
  }
}

.doudou-screen-meta{display:inline-flex;min-height:28px;margin-left:auto;padding:5px 10px;align-items:center;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;}
html .screenlayers[data-v-fc0266af] > img:not([data-wx-keyboard-cover="1"]){touch-action:none!important;user-select:none!important;-webkit-user-drag:none!important;}
@media(max-width:820px){.doudou-screen-meta{width:100%;margin-left:0;justify-content:center;}}

/*
 * Naive UI tooltip safety override.
 *
 * Keep this block AFTER the broad popover/dropdown restyling rules.  A Tooltip
 * is rendered by Naive UI as the same teleported element carrying both
 * `.n-popover` and `.n-tooltip`.  Re-use the component's inline theme variables
 * instead of hard-coding light/dark theme colors.
 */
.n-popover.n-tooltip {
  border: 0 !important;
  background-color: var(--n-color) !important;
  color: var(--n-text-color) !important;
  box-shadow: var(--n-box-shadow) !important;
}

.n-popover.n-tooltip .n-popover__content,
.n-popover.n-tooltip .n-popover__header,
.n-popover.n-tooltip .n-popover__footer {
  color: inherit !important;
}

.n-popover.n-tooltip .n-popover-arrow {
  background-color: var(--n-color) !important;
}

/*
 * The restored theme currently forces every Naive UI scrollbar surface white.
 * This protects a Tooltip configured with `scrollable: true` as well.
 */
.n-popover.n-tooltip .n-scrollbar,
.n-popover.n-tooltip .n-scrollbar-container,
.n-popover.n-tooltip .n-scrollbar-content {
  background-color: transparent !important;
}

/* Keep the custom WeChat keyboard cover above the responsive remote frame. */
html .screenlayers[data-v-fc0266af] > img[data-wx-keyboard-cover="1"] {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: bottom center !important;
  z-index: 9999 !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
}
/* Doudou: interface text grows with content, then wraps inside the available width. */
.doudou-reveal-form-griditem {
  grid-column: 1 / -1 !important;
  min-width: 0;
}

.doudou-loglng-autowidth {
  width: 100% !important;
  min-width: 200px;
  max-width: 100%;
}

@media (max-width: 767px) {
  .doudou-reveal-form-griditem {
    grid-column: auto !important;
    min-width: 0;
  }

  .doudou-loglng-autowidth {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}