style: 优化后台整体UI风格与组件样式

1.  新增并配置全局颜色、阴影、圆角等主题变量
2.  统一各页面卡片、表单、按钮等组件的样式规范
3.  优化登录页、个人中心、仪表盘等页面的布局与视觉效果
4.  添加全局滚动条样式与元素过渡动画

src/Drama/components/DramaList.tsx

@@ -42,13 +42,16 @@ export function DramaList() {
     };
 
     return (
-        <div className="">
-            <nav className="flex justify-end border border border-[#e5e5e5] pb-4">
-                <Button type="primary" icon={<IconPlus />} onClick={() => setVisible(true)}>
-                    新增短剧
-                </Button>
-            </nav>
-            <Card className="section-card" title="短剧管理">
+        <div className="page-stack">
+            <Card
+                className="section-card"
+                title="短剧管理"
+                extra={
+                    <Button type="primary" icon={<IconPlus />} onClick={() => setVisible(true)}>
+                        新增短剧
+                    </Button>
+                }
+            >
                 <Table
                     rowKey="id"
                     loading={loading}