diff --git a/src/presentation/static/css/admin-base.css b/src/presentation/static/css/admin-base.css
index 92fcd31..4839c3f 100644
--- a/src/presentation/static/css/admin-base.css
+++ b/src/presentation/static/css/admin-base.css
@@ -1,6 +1,6 @@
 :root {
     --app-container-max-width: min(96vw, 1860px);
-    --page-card-inset: 34px;
+    --page-card-inset: 24px;
     --bg-page: #f4f8fc;
     --surface: #ffffff;
     --surface-soft: #f8fbff;
@@ -54,7 +54,7 @@
 
 body.app-page {
     min-height: 100vh;
-    padding: 24px;
+    padding: 16px;
     font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
     font-variant-numeric: tabular-nums;
     font-feature-settings: "tnum" 1, "lnum" 1;
@@ -744,3 +744,25 @@ body.app-page {
         justify-content: flex-end;
     }
 }
+
+@media (max-width: 640px) {
+    :root {
+        --page-card-inset: 12px;
+    }
+
+    body.app-page {
+        padding: 10px;
+    }
+
+    .app-page .container {
+        border-radius: 10px;
+    }
+
+    .app-page .header {
+        padding: 10px 12px 0;
+    }
+
+    .app-page .header-content {
+        padding: 14px;
+    }
+}
diff --git a/src/presentation/static/css/index.css b/src/presentation/static/css/index.css
index 9533f15..c29cf02 100644
--- a/src/presentation/static/css/index.css
+++ b/src/presentation/static/css/index.css
@@ -374,6 +374,14 @@
 }
 
 @media (max-width: 640px) {
+    .dashboard-page .filters-section,
+    .dashboard-page .stats-section,
+    .dashboard-page .table-section,
+    .dashboard-page .table-footer {
+        padding-left: 12px;
+        padding-right: 12px;
+    }
+
     .dashboard-page .filter-group {
         width: 100%;
         min-width: 0;
diff --git a/src/presentation/static/css/providers.css b/src/presentation/static/css/providers.css
index 4e4cb35..685e55f 100644
--- a/src/presentation/static/css/providers.css
+++ b/src/presentation/static/css/providers.css
@@ -1050,3 +1050,11 @@
         min-width: 980px;
     }
 }
+
+@media (max-width: 640px) {
+    .providers-page .providers-toolbar-section,
+    .providers-page .providers-section {
+        padding-left: 12px;
+        padding-right: 12px;
+    }
+}
diff --git a/src/presentation/static/css/users.css b/src/presentation/static/css/users.css
index d0ed78a..19b344a 100644
--- a/src/presentation/static/css/users.css
+++ b/src/presentation/static/css/users.css
@@ -432,8 +432,8 @@
     .users-page .add-user-section,
     .users-page .users-section,
     .users-page .table-footer {
-        padding-left: 14px;
-        padding-right: 14px;
+        padding-left: 12px;
+        padding-right: 12px;
     }
 
     .users-page .form-row {
diff --git a/src/presentation/templates/base_admin.html b/src/presentation/templates/base_admin.html
index fca7351..692b30a 100644
--- a/src/presentation/templates/base_admin.html
+++ b/src/presentation/templates/base_admin.html
@@ -1,15 +1,8 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    {% include "_theme_bootstrap.html" %}
-    <title>{% block page_title %}LLM Proxy{% endblock %}</title>
-    <link rel="stylesheet" href="/static/vendor/bootstrap/bootstrap.min.css">
-    <link rel="stylesheet" href="/static/css/admin-base.css">
-    {% block page_css %}{% endblock %}
-</head>
-<body class="app-page {% block body_class %}{% endblock %}">
+{% extends "base_page.html" %}
+
+{% block body_class_prefix %}app-page {% endblock %}
+
+{% block body %}
     <div class="container">
         <div class="header">
             <div class="header-content">
@@ -42,8 +35,4 @@
         {% block content %}{% endblock %}
     </div>
     {% block after_container %}{% endblock %}
-    <script src="/static/vendor/bootstrap/bootstrap.bundle.min.js"></script>
-    <script src="/static/js/theme.js"></script>
-    {% block page_scripts %}{% endblock %}
-</body>
-</html>
+{% endblock %}
diff --git a/src/presentation/templates/base_page.html b/src/presentation/templates/base_page.html
new file mode 100644
index 0000000..fb160b4
--- /dev/null
+++ b/src/presentation/templates/base_page.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    {% include "_theme_bootstrap.html" %}
+    <title>{% block page_title %}LLM Proxy{% endblock %}</title>
+    <link rel="stylesheet" href="/static/vendor/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" href="/static/css/admin-base.css">
+    {% block page_css %}{% endblock %}
+</head>
+<body class="{% block body_class_prefix %}{% endblock %}{% block body_class %}{% endblock %}">
+    {% block body %}{% endblock %}
+    <script src="/static/vendor/bootstrap/bootstrap.bundle.min.js"></script>
+    <script src="/static/js/theme.js"></script>
+    {% block page_scripts %}{% endblock %}
+</body>
+</html>
diff --git a/src/presentation/templates/login.html b/src/presentation/templates/login.html
index 1511b87..8539c23 100644
--- a/src/presentation/templates/login.html
+++ b/src/presentation/templates/login.html
@@ -1,15 +1,10 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    {% include "_theme_bootstrap.html" %}
-    <title>管理员登录 - LLM Proxy</title>
-    <link rel="stylesheet" href="/static/vendor/bootstrap/bootstrap.min.css">
-    <link rel="stylesheet" href="/static/css/admin-base.css">
-    <link rel="stylesheet" href="/static/css/login.css">
-</head>
-<body class="login-page">
+{% extends "base_page.html" %}
+
+{% block page_title %}管理员登录 - LLM Proxy{% endblock %}
+{% block page_css %}<link rel="stylesheet" href="/static/css/login.css">{% endblock %}
+{% block body_class %}login-page{% endblock %}
+
+{% block body %}
     <div class="login-shell">
         <div class="login-head">
             <h1>登录</h1>
@@ -28,9 +23,10 @@
             </form>
         </div>
     </div>
+{% endblock %}
 
+{% block page_scripts %}
     <script src="/static/js/ui-message.js"></script>
-    <script src="/static/js/theme.js"></script>
     <script>
         document.getElementById('loginForm').addEventListener('submit', async function(e) {
             e.preventDefault();
@@ -74,6 +70,4 @@
             loginBtn.textContent = '登录';
         });
     </script>
-    <script src="/static/vendor/bootstrap/bootstrap.bundle.min.js"></script>
-</body>
-</html>
+{% endblock %}