refactor(styles): 拆分全局样式为分块文件

2026-10-30 14:03:49 +08:00
parent e13eda20a2
commit 8499dac163
17 changed files with 3810 additions and 3648 deletions
@@ -0,0 +1,164 @@
+/* Admin placeholder */
+.admin-placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  padding: 32px;
+  background: var(--paper);
+}
+
+.admin-placeholder__card {
+  width: min(760px, 100%);
+  padding: 40px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--paper-warm);
+}
+
+.admin-placeholder__card h2 {
+  margin: 22px 0 10px !important;
+  color: var(--brand-ink) !important;
+}
+
+.not-found {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  background: var(--paper);
+}
+
+@media (max-width: 1100px) {
+  .home-hero__inner {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .home-hero__visual {
+    display: none;
+  }
+
+  .process-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    row-gap: 24px;
+  }
+
+  .trust-strip__inner {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 900px) {
+  .site-nav {
+    display: none;
+  }
+
+  .login-page {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .login-brand-panel__inner {
+    min-height: auto;
+    padding: 44px 28px 52px;
+  }
+
+  .login-brand__logo {
+    margin-bottom: 30px;
+  }
+
+  .login-brand__seal {
+    display: none;
+  }
+}
+
+@media (max-width: 640px) {
+  .site-header {
+    height: 64px;
+  }
+
+  .site-header__inner {
+    padding: 0 16px;
+  }
+
+  .site-header__inner > .ant-space .ant-btn {
+    padding-inline: 10px;
+  }
+
+  .home-hero__inner {
+    min-height: auto;
+    padding: 52px 16px 48px;
+  }
+
+  .home-hero__title {
+    font-size: 42px !important;
+  }
+
+  .home-hero__search {
+    width: 100%;
+  }
+
+  .trust-strip__inner,
+  .section-block,
+  .site-footer__inner {
+    padding-right: 16px;
+    padding-left: 16px;
+  }
+
+  .trust-strip__inner {
+    grid-template-columns: 1fr;
+    gap: 14px;
+  }
+
+  .section-block {
+    padding-top: 52px;
+    padding-bottom: 52px;
+  }
+
+  .section-heading {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .process-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .process-step {
+    padding-right: 0;
+  }
+
+  .rules-panel {
+    align-items: flex-start;
+    flex-direction: column;
+    padding: 24px;
+  }
+
+  .login-form-panel {
+    padding: 28px 16px;
+  }
+
+  .login-form-card {
+    padding: 24px;
+  }
+
+  .site-footer__inner {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+}
+
+/* Phase 1 shared loading */
+.page-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  background: var(--paper);
+}
+
+.page-loading__placeholder {
+  width: 120px;
+  height: 40px;
+}
+