11

src/styles.css

@@ -33,13 +33,12 @@ button { cursor: pointer; }
 
 .auth-page { min-height: 100vh; background: var(--cream); }
 .brand-panel {
-  min-height: 42vh;
-  padding: 54px 28px 42px;
+  padding: 46px 24px 46px;
   color: #fff;
   background:
     radial-gradient(circle at 82% 12%, rgba(236, 202, 137, .28), transparent 28%),
     linear-gradient(145deg, #0b5548, #123d37 74%);
-  border-radius: 0 0 42px 42px;
+  border-radius: 0 0 36px 36px;
 }
 .brand-badge {
   display: inline-flex;
@@ -70,11 +69,11 @@ button { cursor: pointer; }
   border: 1px solid rgba(255,255,255,.42); border-radius: 50%; font-family: serif; font-size: 24px;
 }
 .brand-panel h1 { max-width: 560px; margin: 0; font-family: "Songti SC", serif; font-size: clamp(32px, 8vw, 54px); line-height: 1.2; font-weight: 500; }
-.brand-copy { max-width: 480px; margin: 18px 0 24px; color: rgba(255,255,255,.72); line-height: 1.7; }
-.feature-row, .feature-pill-row { display: flex; gap: 8px; flex-wrap: wrap; }
+.brand-copy { max-width: 480px; margin: 14px 0 16px; color: rgba(255,255,255,.78); line-height: 1.6; }
+.feature-row, .feature-pill-row { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
 .feature-row span, .feature-pill-row span { padding: 6px 12px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.16); border-radius: 20px; font-size: 12px; }
 
-.auth-card { position: relative; width: min(520px, calc(100% - 32px)); margin: -20px auto 0; padding: 24px 20px; background: #fff; border-radius: 24px; box-shadow: 0 18px 50px rgba(24,59,52,.12); }
+.auth-card { position: relative; width: calc(100% - 32px); max-width: 440px; margin: -16px auto 32px; padding: 24px 20px; background: #fff; border-radius: 24px; box-shadow: 0 14px 40px rgba(24,59,52,.12); }
 .auth-tab-switch {
   display: flex;
   background: #f1efea;
@@ -771,8 +770,8 @@ button { cursor: pointer; }
 .loading-card { color: #73817d; text-align: center; }
 
 @media (max-width: 520px) {
-  .brand-panel { min-height: 390px; }
-  .auth-card { margin-top: -54px; }
+  .brand-panel { padding: 42px 20px 42px; }
+  .auth-card { margin-top: -16px; }
   .plan-heading { display: block; }
   .plan-heading span { display: block; margin-top: 5px; text-align: left; }
   .device-grid { grid-template-columns: 1fr; }
@@ -782,7 +781,20 @@ button { cursor: pointer; }
 }
 
 .dashboard-page {
-  padding-bottom: 84px !important;
+  padding: 16px 14px 84px !important;
+}
+.dashboard-header {
+  margin: 0 auto 12px !important;
+  padding: 4px 4px 0 !important;
+}
+.dashboard-header h1 {
+  margin: 2px 0 3px !important;
+  font-size: 26px !important;
+}
+.dashboard-header > div > p:last-child {
+  margin: 0 !important;
+  font-size: 13px !important;
+  line-height: 1.4 !important;
 }
 
 /* 评估未填提醒卡片 */
@@ -850,25 +862,28 @@ button { cursor: pointer; }
 /* 个性化舒睡启动参数卡片 */
 .personalized-startup-card {
   background: #ffffff;
-  border: 1px solid rgba(12, 80, 69, 0.12);
+  border: 1px solid rgba(12, 80, 69, 0.1);
   border-radius: 20px;
-  padding: 16px;
+  padding: 18px 16px;
   margin-bottom: 14px;
   box-shadow: 0 4px 16px rgba(18, 63, 55, 0.04);
 }
-.customized-tag {
-  font-size: 11px;
-  color: #0c5045;
-  background: #eef6f3;
-  padding: 2px 8px;
-  border-radius: 8px;
-  font-weight: 600;
+.personalized-startup-card .section-title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 4px;
+}
+.personalized-startup-card .section-title > span {
+  font-size: 17px;
+  font-weight: 700;
+  color: #143d36;
+  letter-spacing: 0.01em;
 }
 .startup-card-desc {
-  margin: 4px 0 12px;
+  margin: 0 0 14px;
   font-size: 12px;
-  color: #6b7d76;
-  line-height: 1.5;
+  color: #72847e;
+  line-height: 1.55;
 }
 .startup-params-tags {
   display: grid;
@@ -892,6 +907,33 @@ button { cursor: pointer; }
   font-size: 12px;
   color: #173d36;
 }
+.startup-scene-actions {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+  margin: 4px 0 12px;
+}
+.startup-scene-actions button {
+  min-height: 42px;
+  border-radius: 12px;
+  font-size: 13px;
+  font-weight: 700;
+  cursor: pointer;
+}
+.startup-scene-actions button:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+.startup-action-primary {
+  border: 1px solid #0c5045;
+  background: #0c5045;
+  color: #ffffff;
+}
+.startup-action-secondary {
+  border: 1px solid rgba(12, 80, 69, 0.2);
+  background: #f7f6f2;
+  color: #335b53;
+}
 .detail-entry-bar {
   display: flex;
   align-items: center;