@font-face { font-family: 'Inter'; src: url('/fonts/InterVariable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
* { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
html, body { margin: 0; min-height: 100%; background: #f3f6fa; color: #18263d; }
body { font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif; -webkit-font-smoothing: antialiased; }
p, h1, h2, h3 { margin: 0; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }
#app { width: 100%; min-width: 1280px; height: max(100vh, 1080px); }
#app > div { min-height: 100%; }
[data-component='Sidebar'] { overflow-y: auto !important; scrollbar-width: none; }
.app-sidebar { width:220px; height:100%; min-height:100%; flex-shrink:0; align-self:stretch; display:flex; flex-direction:column; gap:22px; padding:26px 16px 24px; background:#101b30; color:#a6b5cd; }
.app-sidebar > * { flex-shrink:0; }
.sidebar-section { display:flex; flex-direction:column; gap:8px; width:100%; }
.sidebar-section-title { color:#7286a5; font-size:10px; line-height:16px; }
.sidebar-menu { display:flex; align-items:center; width:100%; min-height:30px; padding:5px 12px; gap:12px; border-radius:6px; background:transparent; color:#a6b5cd; text-align:left; font-family:inherit; font-size:13px; line-height:20px; }
.sidebar-menu img { width:17px; height:17px; flex-shrink:0; }
.sidebar-menu.is-active-group { background:#19273f; color:white; font-weight:500; }
.sidebar-menu-primary.is-current { background:#225eec; color:white; font-weight:500; }
.app-sidebar .sidebar-submenu { display:flex; flex-direction:column; gap:6px; padding:0; width:100%; }
.sidebar-menu-secondary { min-height:28px; padding:4px 8px 4px 41px; font-size:12px; line-height:20px; border-radius:5px; }
.sidebar-menu-secondary.is-current { background:#233857; color:#72cde8; font-weight:700; }
.app-sidebar .sidebar-tenant { width:100%; }
.sidebar-footer { width:100%; }
[data-name='Page content'], [data-name='页面内容'] { overflow-y: auto !important; scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
[role='button'], [role='link'], [data-name='Quick entry'], [data-name='Shortcut'], [data-name='快捷入口'] { cursor: pointer; }
[role='button']:focus-visible, [role='link']:focus-visible, input:focus-visible { outline: 2px solid #225eec; outline-offset: 3px; }
[data-component='MenuItem']:hover { filter: brightness(1.18); }
[data-component='Button']:hover { filter: brightness(.97); }
.nav-submenu { display: flex; flex-direction: column; gap: 4px; padding: 7px 0 7px 30px; width: 100%; }
.nav-submenu a { display:block; color:#a6b5cd; font-size:11px; line-height:1.6; padding:5px 6px; border-radius:4px; text-decoration:none; }
.nav-submenu a:hover, .nav-submenu a[aria-current='page'] { color:#fff; background:#225eec; }
.account-menu { position:fixed; top:58px; right:30px; z-index:30; width:210px; padding:8px; border:1px solid #e3eaf2; border-radius:8px; background:#fff; box-shadow:0 10px 30px #101b301a; }
.account-menu button { display:block; width:100%; text-align:left; border:0; padding:9px 12px; border-radius:4px; background:#fff; font-size:12px; color:#18263d; }
.account-menu button:hover { background:#edf3ff; color:#225eec; }
#toast { position:fixed; left:50%; bottom:30px; transform:translateX(-50%); padding:12px 22px; background:#101b30; color:white; border-radius:7px; font-size:13px; box-shadow:0 4px 24px #101b3026; opacity:0; pointer-events:none; transition:opacity .15s; z-index:100; }
#toast.visible { opacity:1; }
[data-name='品牌科技视觉'] { width:50%; height:100%; min-height:100%; align-items:center; }
[data-name='品牌科技视觉'] > * { max-width:832px; }
[data-name='品牌科技视觉'] > :last-child { margin-top:auto; }
[data-name='认证表单区域'] { align-items:center; }
[data-name='认证表单区域'] > * { width:100%; max-width:660px; }
[data-name='抽屉遮罩'] { position:fixed; inset:0; width:100%; height:100dvh; z-index:40; }
[data-name='文章详情抽屉'] { position:fixed; top:0; right:0; height:100dvh; max-width:100vw; overflow-y:auto; overscroll-behavior:contain; z-index:41; }
@media(max-width:800px) { #app { min-width:1100px; } }
@media(max-width:1700px) {
  [data-name='品牌科技视觉'] { width:45% !important; padding:40px !important; }
  [data-name='认证表单区域'] { padding-left:48px !important; padding-right:48px !important; }
  [data-name='品牌愿景'] > div:first-of-type { font-size:40px; }
  [data-name='增长信号网络'] { zoom:.65; }
}
@media(prefers-reduced-motion:reduce) { * { transition:none !important; } }