.layout{height:100vh;display:flex;flex-direction:column;overflow:hidden}.logo{height:64px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;background:#ffffff1a;gap:8px;padding:0;overflow:hidden;white-space:nowrap}.logo.collapsed{padding:0;justify-content:center}.logo.collapsed .site-logo-icon{font-size:22px}.logo.collapsed .site-logo-img{height:24px}.logo .site-logo-img{height:26px;width:auto;object-fit:contain}.logo .site-logo-icon{font-size:26px}.header{background:#fff;padding:0 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px #00000014}.collapse-btn{font-size:16px;width:48px;height:48px}.header-right{display:flex;align-items:center}.user-info{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .3s}.user-info:hover{background:#f5f5f5}.sider-menu-container{height:calc(100vh - 64px);overflow-y:auto;overflow-x:hidden}.sider-menu-container::-webkit-scrollbar{width:6px}.sider-menu-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.content{background:#fff;flex:1;min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column}.content-wrapper{height:100%;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:0;flex:1}.content-wrapper>*:first-child{flex:1;min-height:0;overflow:hidden}.header-top-nav{background:#001529;padding:0 24px;display:flex;align-items:center;justify-content:flex-start;box-shadow:0 1px 4px #00000026;height:64px;flex-shrink:0}.header-top-nav .header-right{margin-left:auto}.header-top-nav .user-info{color:#ffffffd9}.header-top-nav .user-info:hover{background:#ffffff1a}.logo-inline{color:#fff;font-size:18px;font-weight:700;white-space:nowrap;margin-right:24px;flex-shrink:0;display:flex;align-items:center;gap:8px}.logo-inline .site-logo-img{height:24px;width:auto;object-fit:contain}.logo-inline .site-logo-icon{font-size:24px}.top-menu{flex:1;min-width:0;border-bottom:none!important;background:transparent!important}.top-menu.ant-menu-horizontal{line-height:48px}.top-menu.ant-menu-horizontal>.ant-menu-item,.top-menu.ant-menu-horizontal>.ant-menu-submenu{margin:0 2px;padding:0 14px;border-radius:6px;transition:all .2s ease;height:36px;line-height:36px}.top-menu.ant-menu-horizontal>.ant-menu-item:hover,.top-menu.ant-menu-horizontal>.ant-menu-submenu:hover{background:#ffffff1a!important}.top-menu.ant-menu-dark.ant-menu-horizontal>.ant-menu-item-selected,.top-menu.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu-selected{background:linear-gradient(135deg,#1890ff,#096dd9)!important;border-radius:6px;box-shadow:0 2px 8px #1890ff59}.top-menu.ant-menu-horizontal>.ant-menu-item:after,.top-menu.ant-menu-horizontal>.ant-menu-submenu:after{display:none!important}.top-menu.ant-menu-light.ant-menu-horizontal>.ant-menu-item-selected,.top-menu.ant-menu-light.ant-menu-horizontal>.ant-menu-submenu-selected{background:linear-gradient(135deg,#e6f7ff,#bae7ff)!important;color:#1890ff!important;border-radius:6px}.top-menu.ant-menu-light.ant-menu-horizontal>.ant-menu-item:hover,.top-menu.ant-menu-light.ant-menu-horizontal>.ant-menu-submenu:hover{background:#f5f5f5!important}.content-full{background:#fff;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.logo-light{background:#00000008;color:#001529}.ant-layout-sider-light,.ant-layout-sider-light .ant-menu-light{background:#f5f7fa!important}.ant-layout-sider-light .ant-menu-light .ant-menu-item:hover,.ant-layout-sider-light .ant-menu-light .ant-menu-submenu-title:hover{background:#e8ecf1!important}.header-top-nav.header-light{background:#f5f7fa!important;border-bottom:1px solid #e8ecf1}.header-top-nav.header-light .logo-inline{color:#001529}.header-top-nav.header-light .user-info{color:#000000d9}.header-top-nav.header-light .user-info:hover{background:#e8ecf1}.top-menu.ant-menu-light.ant-menu-horizontal>.ant-menu-item:hover,.top-menu.ant-menu-light.ant-menu-horizontal>.ant-menu-submenu:hover{background:#e8ecf1!important}.layout .ant-layout{flex:1;min-height:0;overflow:hidden}.layout .ant-layout .content{flex:1;min-height:0}.ant-layout-sider-light .sider-menu-container::-webkit-scrollbar-thumb{background:#00000026}.ant-menu-submenu-popup{padding-top:4px!important}.ant-menu-submenu-popup>.ant-menu{border-radius:8px!important;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d!important;padding:4px!important;overflow:hidden}.ant-menu-submenu-popup>.ant-menu-dark{background:#001529!important}.ant-menu-submenu-popup .ant-menu-item{margin:2px 0!important;border-radius:6px!important;height:36px!important;line-height:36px!important}.ant-menu-submenu-popup .ant-menu-item:hover{background:#1890ff1a!important}.ant-menu-submenu-popup .ant-menu-dark .ant-menu-item:hover{background:#ffffff1a!important}.ant-menu-submenu-popup .ant-menu-item-selected{background:linear-gradient(135deg,#1890ff,#096dd9)!important;color:#fff!important}.ant-menu-submenu-popup .ant-menu-submenu-title{margin:2px 0!important;border-radius:6px!important;height:36px!important;line-height:36px!important}.ant-menu-submenu-popup .ant-menu-submenu-title:hover{background:#1890ff1a!important}.ant-menu-submenu-popup .ant-menu-dark .ant-menu-submenu-title:hover{background:#ffffff1a!important}.header-login-btn{height:32px;padding:0 16px;border-radius:6px;font-size:14px;font-weight:500;background:#1890ff26;border:1px solid rgba(24,144,255,.3);color:#1890ff;transition:all .2s ease}.header-login-btn:hover{background:#1890ff40;border-color:#1890ff80;color:#1890ff}.header-top-nav .header-login-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffd9}.header-top-nav .header-login-btn:hover{background:#ffffff2e;border-color:#ffffff59;color:#fff}.header-top-nav.header-light .header-login-btn{background:#1890ff14;border:1px solid rgba(24,144,255,.25);color:#1890ff}.header-top-nav.header-light .header-login-btn:hover{background:#1890ff26;border-color:#1890ff66;color:#1890ff}.layout-footer{text-align:center;padding:12px 24px;background:#f5f7fa;color:#8c8c8c;font-size:13px;border-top:1px solid #e8e8e8;flex-shrink:0;box-sizing:border-box}.layout-footer-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.layout-footer-divider{color:#d9d9d9}.mobile-header{padding:0 12px!important;display:flex;align-items:center;justify-content:space-between;height:48px;line-height:48px;flex-shrink:0}.mobile-header.header-dark{background:#001529}.mobile-header.header-dark .collapse-btn,.mobile-header.header-dark .mobile-header-title,.mobile-header.header-dark .user-info{color:#ffffffd9}.mobile-header.header-light{background:#f5f7fa;border-bottom:1px solid #e8ecf1}.mobile-header .collapse-btn{width:40px;height:40px;font-size:18px;flex-shrink:0}.mobile-header-title{flex:1;text-align:center;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.mobile-drawer .ant-drawer-body{padding:0!important}.layout-mobile .content-wrapper{overflow:auto;-webkit-overflow-scrolling:touch}.layout-mobile .layout-footer{padding:10px 16px;font-size:12px}@media (max-width: 768px){.ant-layout-sider{display:none!important}.header{padding:0 12px;height:48px;line-height:48px}.header .collapse-btn{width:40px;height:40px}.content-wrapper{overflow:auto!important;-webkit-overflow-scrolling:touch}.content-wrapper>*:first-child{overflow:auto!important}.layout-footer{padding:10px 16px;font-size:12px}.layout-footer-content{gap:4px}.header-top-nav .top-menu,.header-top-nav .logo-inline span{display:none}}.page-viewer-native{width:100%;height:100%;position:relative;overflow:hidden}.page-viewer-native.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#fff}.page-viewer-iframe-native{width:100%;height:100%;border:none;display:block}.page-viewer{display:flex;flex-direction:column;height:100%;width:100%}.page-viewer.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#fff}.page-viewer-toolbar{display:flex;align-items:center;padding:8px 16px;background:#fafafa;border-bottom:1px solid #e8e8e8;gap:12px;flex-shrink:0}.page-viewer-title{font-weight:500;font-size:14px}.page-viewer-url{flex:1;color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-viewer-actions{display:flex;gap:4px}.page-viewer-content{flex:1;position:relative;overflow:hidden}.page-viewer-iframe{width:100%;height:100%;border:none;display:block}.page-viewer-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:1}@media (max-width: 768px){.page-viewer-toolbar{padding:6px 12px;gap:8px}.page-viewer-title{font-size:13px}.page-viewer-url{display:none}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.login-container{width:100%;max-width:400px;padding:20px}.login-card{background:#fff;border-radius:12px;border:none;box-shadow:0 4px 24px #00000014}.login-card .ant-card-body{padding:48px 40px}.login-header{text-align:center;margin-bottom:36px}.login-logo{width:64px;height:64px;background:linear-gradient(135deg,#1890ff,#096dd9);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 12px #1890ff4d}.login-logo .anticon{font-size:32px;color:#fff}.login-logo .site-logo-img{height:40px;width:auto;object-fit:contain}.login-title{font-size:24px;font-weight:600;color:#1f1f1f;margin:0 0 8px}.login-subtitle{font-size:14px;color:#8c8c8c;margin:0}.login-form .ant-input-affix-wrapper,.login-form .ant-input-affix-wrapper-lg{padding:12px 14px;border-radius:8px;background:#f5f7fa;border:1px solid #e8e8e8}.login-form .ant-input-affix-wrapper:hover,.login-form .ant-input-affix-wrapper-lg:hover{border-color:#1890ff;background:#fff}.login-form .ant-input-affix-wrapper:focus,.login-form .ant-input-affix-wrapper-focused,.login-form .ant-input-affix-wrapper-lg:focus,.login-form .ant-input-affix-wrapper-lg.ant-input-affix-wrapper-focused{border-color:#1890ff;background:#fff;box-shadow:0 0 0 2px #1890ff1a}.login-form .ant-input-affix-wrapper .ant-input,.login-form .ant-input-affix-wrapper-lg .ant-input{font-size:15px;background:transparent;color:#1f1f1f}.login-form .ant-input-affix-wrapper .ant-input::placeholder,.login-form .ant-input-affix-wrapper-lg .ant-input::placeholder{color:#bfbfbf}.login-form .ant-input-affix-wrapper .anticon,.login-form .ant-input-affix-wrapper-lg .anticon{color:#8c8c8c;font-size:16px}.login-form .ant-form-item{margin-bottom:20px}.login-form .ant-form-item-explain-error{color:#ff4d4f;font-size:13px;margin-top:4px}.login-form .ant-input-password-icon{color:#8c8c8c}.login-form .ant-input-password-icon:hover{color:#1890ff}.login-btn{height:46px;border-radius:8px;font-size:16px;font-weight:500;background:linear-gradient(135deg,#1890ff,#096dd9);border:none;box-shadow:0 4px 12px #1890ff59}.login-btn:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 6px 16px #1890ff73}.login-footer{text-align:center;margin-top:28px;padding-top:24px;border-top:1px solid #f0f0f0}.login-hint{color:#8c8c8c;font-size:13px;margin:0}.login-hint code{background:#f5f7fa;padding:2px 8px;border-radius:4px;font-family:Monaco,Consolas,monospace;color:#1890ff;font-size:13px}@media (max-width: 480px){.login-container{padding:16px}.login-card .ant-card-body{padding:36px 28px}.login-title{font-size:22px}}.menu-config-page{height:100%;padding:16px;background:#f5f7fa;overflow:hidden}.menu-config-container{display:flex;gap:16px;height:100%}.menu-config-panel{background:#fff;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.menu-config-side{width:280px;flex-shrink:0}.menu-config-main{flex:1;min-width:0}.menu-config-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.menu-config-panel-title{font-size:15px;font-weight:600;color:#1f1f1f;display:flex;align-items:center}.menu-config-panel-content{flex:1;overflow:auto;padding:8px}.menu-tree .ant-tree-treenode{width:100%;padding:1px 0!important}.menu-tree .ant-tree-node-content-wrapper{flex:1;padding:0!important;background:transparent!important;border-radius:6px;transition:all .15s}.menu-tree .ant-tree-node-content-wrapper:hover{background:#f5f5f5!important}.menu-tree .ant-tree-node-selected .ant-tree-node-content-wrapper,.menu-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background:#e6f4ff!important}.menu-tree .ant-tree-switcher{width:20px;line-height:32px}.menu-tree .ant-tree-indent-unit{width:16px}.tree-item{display:flex;align-items:center;padding:4px 8px;gap:8px;min-height:32px}.tree-item.hidden{opacity:.5}.tree-item-icon{color:#1890ff;font-size:14px;flex-shrink:0}.tree-item.hidden .tree-item-icon{color:#bfbfbf}.tree-item-name{flex:1;min-width:0;font-size:13px;color:#1f1f1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-item.hidden .tree-item-name{color:#8c8c8c}.tree-item-tags{display:flex;gap:4px;flex-shrink:0}.tree-item-tag{font-size:12px;color:#bfbfbf}.tree-item-tag.has-url{color:#1890ff}.tree-item-tag.auth{color:#fa8c16}.tree-item-tag.hidden{color:#bfbfbf}.tree-item-add{opacity:0;transition:opacity .15s;flex-shrink:0}.tree-item:hover .tree-item-add{opacity:1}.menu-tree-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:16px}.menu-config-empty{height:100%;display:flex;align-items:center;justify-content:center}.menu-form-panel{height:100%;display:flex;flex-direction:column;overflow:hidden}.menu-form-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.menu-form-title{font-size:15px;font-weight:600;color:#1f1f1f}.menu-form{flex:1;overflow:auto;padding:20px 24px}.menu-form .ant-form-item{margin-bottom:20px}.menu-form .ant-form-item:last-child{margin-bottom:0}.menu-form .ant-form-item-label{padding-bottom:4px}.menu-form .ant-form-item-label>label{font-size:13px;color:#595959;height:22px}.menu-form .ant-form-item-extra{font-size:12px;color:#8c8c8c;margin-top:4px}.menu-form .ant-input,.menu-form .ant-select-selector,.menu-form .ant-input-number{font-size:13px}.menu-form .ant-row{margin-bottom:0}.form-actions{padding:12px 24px;border-top:1px solid #f0f0f0;flex-shrink:0}@media (max-width: 1200px){.menu-config-side{width:260px}}@media (max-width: 992px){.menu-config-page{overflow:auto}.menu-config-container{flex-direction:column}.menu-config-side{width:100%;min-height:300px}.menu-config-main{flex:none;min-height:400px}}@media (max-width: 768px){.menu-config-page{padding:12px;overflow:auto;height:auto}.menu-config-container{gap:12px;height:auto}.menu-config-panel-content{padding:8px}.menu-config-panel-header{padding:10px 12px}.menu-form{padding:12px}.menu-form-header,.form-actions{padding:10px 12px}.menu-form .ant-col{flex:0 0 100%;max-width:100%}}.settings-page{height:100%;padding:16px;background:#f5f7fa;overflow:hidden}.settings-container{display:flex;gap:16px;height:100%}.settings-panel{background:#fff;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.settings-main{flex:1;min-width:0}.settings-side{width:300px;flex-shrink:0}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.settings-panel-title{font-size:15px;font-weight:600;color:#1f1f1f;display:flex;align-items:center}.settings-panel-content{flex:1;overflow:auto;padding:20px 24px}.settings-form .ant-form-item{margin-bottom:20px}.settings-form .ant-form-item:last-child{margin-bottom:0}.settings-form .ant-form-item-label{padding-bottom:4px}.settings-form .ant-form-item-label>label{font-size:13px;color:#595959;height:22px}.settings-form .ant-form-item-extra{font-size:12px;color:#8c8c8c;margin-top:4px}.settings-form .ant-input,.settings-form .ant-select-selector,.settings-form .ant-input-password{font-size:13px}.settings-form .ant-row{margin-bottom:0}.form-section{margin-bottom:24px;padding-bottom:4px}.form-section:last-of-type{margin-bottom:0;padding-bottom:0}.form-section-title{font-size:13px;font-weight:600;color:#1890ff;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.layout-radio-group,.theme-radio-group{display:flex;width:100%}.layout-radio-group .ant-radio-button-wrapper,.theme-radio-group .ant-radio-button-wrapper{flex:1;text-align:center;font-size:13px;padding:0 8px}.logo-icon-group{display:flex;flex-wrap:wrap;gap:8px}.logo-icon-group .ant-radio-button-wrapper{font-size:12px;padding:4px 10px;height:auto;line-height:1.5}.logo-icon-group .ant-radio-button-wrapper .anticon{font-size:14px}@media (max-width: 992px){.settings-page{overflow:auto}.settings-container{flex-direction:column}.settings-side{width:100%}.settings-main{flex:none}}@media (max-width: 768px){.settings-page{padding:12px;overflow:auto;height:auto}.settings-container{gap:12px;height:auto}.settings-panel-content{padding:12px}.settings-panel-header{padding:10px 12px}.settings-form .ant-col{flex:0 0 100%;max-width:100%}}.user-management-page{height:100%;padding:16px;background:#f5f7fa;overflow:hidden}.user-management-container{height:100%;background:#fff;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.user-management-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.user-management-title{font-size:15px;font-weight:600;color:#1f1f1f}.user-management-content{flex:1;overflow:auto;padding:16px 24px}.user-management-content .ant-table-wrapper{height:100%}.user-management-content .ant-table{font-size:13px}.user-management-content .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#595959}.user-management-content .ant-table-tbody>tr>td{padding:12px 16px}.user-management-content .ant-btn-link{padding:0 4px;font-size:13px}@media (max-width: 768px){.user-management-page{padding:12px;overflow:auto;height:auto}.user-management-header{padding:10px 12px;flex-wrap:wrap;gap:8px}.user-management-content{padding:12px;overflow:auto}.user-management-content .ant-table{font-size:12px}.user-management-content .ant-table-tbody>tr>td{padding:8px 12px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-text-size-adjust:100%}.ant-layout{min-height:100%}@media (max-width: 768px){html,body,#root{overflow:auto;-webkit-overflow-scrolling:touch}}