fix: gate Taro routes before rendering

apps/taro/src/pages/platform-admin/platform.css

@@ -354,9 +354,64 @@
   color: var(--tiku-primary);
 }
 
+.platform-chip.readonly {
+  border-color: #bfdbfe;
+  background: #eff6ff;
+  color: #1d4ed8;
+}
+
 .platform-error {
   display: block;
   margin-top: 12px;
   color: #be123c;
   font-size: 22px;
 }
+
+@media (min-width: 980px) {
+  .platform-page {
+    max-width: 1180px;
+    margin: 0 auto;
+    padding: 38px;
+  }
+
+  .platform-shell {
+    gap: 30px;
+  }
+
+  .platform-header {
+    padding: 38px;
+  }
+
+  .platform-title {
+    font-size: 44px;
+  }
+
+  .platform-grid {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .platform-grid.three {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .platform-module-grid {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 520px) {
+  .platform-page {
+    padding: 20px;
+  }
+
+  .platform-grid,
+  .platform-grid.three,
+  .platform-module-grid,
+  .platform-form {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .platform-title {
+    font-size: 34px;
+  }
+}

apps/taro/src/pages/student/home/index.css

@@ -323,3 +323,46 @@
   font-size: 42px;
   line-height: 1;
 }
+
+@media (min-width: 900px) {
+  .student-page {
+    max-width: 980px;
+    margin: 0 auto;
+    padding: 36px;
+  }
+
+  .hero-band {
+    min-height: 320px;
+    padding: 44px;
+  }
+
+  .hero-title {
+    font-size: 52px;
+  }
+
+  .entry-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 420px) {
+  .student-page {
+    padding: 20px;
+  }
+
+  .brand {
+    font-size: 32px;
+  }
+
+  .hero-title {
+    font-size: 38px;
+  }
+
+  .home-stat-grid {
+    gap: 10px;
+  }
+
+  .entry-grid {
+    gap: 12px;
+  }
+}

apps/taro/src/pages/student/student.css

@@ -1301,3 +1301,68 @@
     grid-template-columns: minmax(0, 1fr);
   }
 }
+
+.points-list {
+  gap: 16px;
+}
+
+.points-list .list-row {
+  border-color: #bfdbfe;
+  background: linear-gradient(135deg, #eff6ff, #fff);
+}
+
+.points-list .list-row:nth-child(2n) {
+  border-color: #bbf7d0;
+  background: linear-gradient(135deg, #ecfdf5, #fff);
+}
+
+.scoreline-page .student-topbar {
+  align-items: flex-start;
+}
+
+.scoreline-page .student-title {
+  font-size: 40px;
+}
+
+.scoreline-page .secondary-button {
+  flex: 0 0 auto;
+}
+
+@media (min-width: 900px) {
+  .student-page {
+    max-width: 900px;
+    margin: 0 auto;
+    padding: 36px;
+  }
+
+  .student-topbar {
+    margin-bottom: 28px;
+  }
+
+  .student-title {
+    font-size: 42px;
+  }
+
+  .answer-sheet {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .toolbar.wrap {
+    gap: 14px;
+  }
+}
+
+@media (max-width: 420px) {
+  .student-page {
+    padding: 20px;
+  }
+
+  .student-title {
+    font-size: 34px;
+  }
+
+  .student-subtitle,
+  .row-meta {
+    font-size: 21px;
+  }
+}

apps/taro/src/pages/tenant-admin/admin.css

@@ -355,6 +355,13 @@
   background: #fff;
 }
 
+.admin-row.nested {
+  margin-top: 14px;
+  border-color: #bfdbfe;
+  background: linear-gradient(135deg, #eff6ff, #fff);
+  box-shadow: none;
+}
+
 .admin-error {
   display: block;
   margin-top: 12px;
@@ -421,3 +428,57 @@
   overflow-wrap: anywhere;
   white-space: pre-wrap;
 }
+
+@media (min-width: 980px) {
+  .admin-page {
+    max-width: 1180px;
+    margin: 0 auto;
+    padding: 38px;
+  }
+
+  .admin-shell {
+    gap: 30px;
+  }
+
+  .admin-header {
+    padding: 38px;
+  }
+
+  .admin-title {
+    font-size: 44px;
+  }
+
+  .admin-grid {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .admin-grid.three,
+  .admin-metric-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .admin-module-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .admin-form-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 520px) {
+  .admin-page {
+    padding: 20px;
+  }
+
+  .admin-grid,
+  .admin-grid.three,
+  .admin-metric-grid,
+  .admin-module-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .admin-title {
+    font-size: 34px;
+  }
+}