feat: improve admin responsive pages and teacher candidates

apps/admin/src/layouts/MainLayout.tsx

@@ -177,13 +177,14 @@ const MainLayout: React.FC = () => {
   ), [selectedKeys, openKeys, menuItems, handleMenuClick]);
 
   return (
-    <Layout style={{ minHeight: '100vh' }}>
+    <Layout className="app-shell" style={{ minHeight: '100vh' }}>
       {!isMobile && (
         <Sider
           trigger={null}
           collapsible
           collapsed={isTablet ? true : collapsed}
           theme="light"
+          className="app-sidebar"
           style={{ background: '#fff', borderRight: '1px solid #e5e5e7' }}
         >
           <div
@@ -210,13 +211,15 @@ const MainLayout: React.FC = () => {
           onClose={() => setDrawerOpen(false)}
           size={240}
           styles={{ body: { padding: 0 } }}
+          className="app-navigation-drawer"
           title="恭学教育基地"
         >
           {menuContent}
         </Drawer>
       )}
-      <Layout style={{ background: '#f5f5f7' }}>
+      <Layout className="app-main" style={{ background: '#f5f5f7' }}>
         <Header
+          className="app-header"
           style={{
             padding: '0 16px',
             background: '#fff',
@@ -268,8 +271,9 @@ const MainLayout: React.FC = () => {
           </div>
         </Header>
         <Content
+          className="app-content"
           style={{
-            margin: isMobile ? 12 : isTablet ? 16 : 24,
+            margin: isMobile ? 8 : isTablet ? 16 : 24,
             padding: isMobile ? 12 : isTablet ? 16 : 24,
             background: '#fff',
             borderRadius: 12,