.hero-card {
  background: linear-gradient(135deg, #5b8def, #3d6bc4);
  border-radius: 3.2vw;
  padding: 6.4vw 5.3333vw;
  margin-bottom: 4.2667vw;
  color: #fff;
}

.hero-title {
  font-size: 5.3333vw;
  font-weight: 700;
  margin-bottom: 1.6vw;
}

.hero-desc {
  font-size: 3.4667vw;
  opacity: 0.9;
  margin-bottom: 4.2667vw;
}

.hero-btn {
  background: #fff;
  color: #3d6bc4;
  border-radius: 5.3333vw;
  padding: 2.1333vw 5.3333vw;
  font-size: 3.7333vw;
  font-weight: 600;
  display: inline-block;
}

.hero-btn::after {
  border: none;
}

.guided-topic {
  background: #fff8ed;
  border-radius: 2.6667vw;
  padding: 4.2667vw;
  margin-bottom: 4.2667vw;
  border-left: 0.8vw solid #e8912a;
}

.guided-label {
  font-size: 3.2vw;
  color: #e8912a;
  font-weight: 600;
  margin-bottom: 1.6vw;
}

.guided-title {
  font-size: 4.2667vw;
  font-weight: 700;
  color: #1a1b1c;
  margin-bottom: 1.0667vw;
}

.guided-desc {
  font-size: 3.4667vw;
  color: #6b7280;
  line-height: 1.6;
}

.record-list {
  margin-bottom: 3.2vw;
}

.record-item {
  background: #fff;
  border-radius: 2.6667vw;
  padding: 3.7333vw;
  margin-bottom: 2.6667vw;
  box-shadow: 0 0.2667vw 1.6vw rgba(0, 0, 0, 0.03);
}

.record-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.1333vw;
}

.record-type {
  font-size: 2.9333vw;
  padding: 0.8vw 2.6667vw;
  border-radius: 1.6vw;
}

.record-type.type-class { background: #eef3fd; color: #4a7fd4; }
.record-type.type-event { background: #eaf8e8; color: #3da134; }
.record-type.type-activity { background: #fff4e5; color: #e8912a; }

.record-time {
  font-size: 2.9333vw;
  color: #9ca3af;
}

.record-content {
  font-size: 3.7333vw;
  color: #333;
  line-height: 1.7;
  margin-bottom: 2.1333vw;
}

.record-tags {
  display: flex;
  flex-wrap: wrap;
}

.record-tag {
  font-size: 2.9333vw;
  color: #6b7280;
  background: #f5f6fa;
  padding: 0.8vw 2.1333vw;
  border-radius: 1.3333vw;
  margin-right: 1.6vw;
  margin-bottom: 1.0667vw;
}

.type-selector {
  display: flex;
  gap: 2.1333vw;
  margin-bottom: 2.1333vw;
}

.type-option {
  flex: 1;
  text-align: center;
  padding: 2.6667vw 2.1333vw;
  background: #f5f6fa;
  border-radius: 2.1333vw;
  font-size: 3.4667vw;
  color: #6b7280;
  border: 0.2667vw solid transparent;
}

.type-option.active {
  background: #eef3fd;
  color: #4a7fd4;
  border-color: #4a7fd4;
  font-weight: 600;
}

.ai-preview {
  background: #f8f9ff;
  border-radius: 2.1333vw;
  padding: 3.2vw;
  margin: 3.2vw 0;
}

.ai-preview-title {
  font-size: 3.2vw;
  color: #4a7fd4;
  font-weight: 600;
  margin-bottom: 1.6vw;
}

.ai-tags {
  display: flex;
  flex-wrap: wrap;
}

.modal-actions {
  display: flex;
  gap: 2.6667vw;
  margin-top: 4.2667vw;
}

.modal-actions button {
  flex: 1;
}

/* AI 内容分析 */
.ai-analysis {
  background: #f0fdf4;
  border-radius: 2.1333vw;
  padding: 3.2vw;
  margin: 3.2vw 0;
  border-left: 0.8vw solid #52c41a;
}

.analysis-row {
  margin-bottom: 2.1333vw;
}

.analysis-row:last-child {
  margin-bottom: 0;
}

.analysis-label {
  font-size: 3.2vw;
  color: #52c41a;
  font-weight: 600;
  margin-bottom: 1.0667vw;
}

.emotion-badge {
  display: inline-block;
  font-size: 2.9333vw;
  padding: 0.5333vw 2.1333vw;
  border-radius: 1.6vw;
  margin-right: 1.6vw;
  font-weight: 600;
}

.emotion-positive { background: #e8f8e8; color: #3da134; }
.emotion-neutral { background: #f0f2f7; color: #6b7280; }
.emotion-expect { background: #eef3fd; color: #4a7fd4; }
.emotion-worry { background: #fff4e5; color: #e8912a; }

.analysis-reason {
  display: inline;
  font-size: 3.2vw;
  color: #6b7280;
}

.analysis-suggestion {
  font-size: 3.4667vw;
  color: #333;
  line-height: 1.6;
}

.polish-row {
  margin-top: 2.1333vw;
}

.polish-btn {
  background: #52c41a;
  color: #fff;
  font-size: 3.4667vw;
  border-radius: 2.1333vw;
  padding: 0 4.2667vw;
  height: 9.6vw;
  line-height: 9.6vw;
  margin: 0;
}

.polish-btn::after {
  border: none;
}

.expand-btn {
  background: #722ed1;
  color: #fff;
  font-size: 3.4667vw;
  border-radius: 2.1333vw;
  padding: 0 4.2667vw;
  height: 9.6vw;
  line-height: 9.6vw;
  margin: 0;
  margin-left: 2.1333vw;
}

.expand-btn::after {
  border: none;
}

.polish-row {
  display: flex;
  align-items: center;
}

/* AI 本周观察速览卡片 */
.ai-digest-card {
  background: linear-gradient(135deg, #f8f9ff, #eef3fd);
  border-radius: 2.6667vw;
  padding: 3.7333vw;
  margin-bottom: 3.2vw;
  border: 0.1333vw solid #e0e8f8;
}

.ai-digest-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.6667vw;
}

.ai-digest-title {
  font-size: 3.7333vw;
  font-weight: 600;
  color: #1a1b1c;
}

.ai-digest-refresh {
  font-size: 4.2667vw;
  color: #4a7fd4;
  width: 7.4667vw;
  height: 7.4667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rotating {
  display: inline-block;
  animation: rotate 1s linear infinite;
}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.ai-digest-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4.2667vw 0;
}

.loading-dots {
  display: flex;
  gap: 1.6vw;
  margin-bottom: 2.1333vw;
}

.loading-dots .dot {
  width: 2.1333vw;
  height: 2.1333vw;
  border-radius: 50%;
  background: #4a7fd4;
  animation: bounce 1.4s infinite ease-in-out both;
}

.loading-dots .dot:nth-child(1) { animation-delay: -0.32s; }
.loading-dots .dot:nth-child(2) { animation-delay: -0.16s; }

@keyframes bounce {
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

.loading-text {
  font-size: 3.2vw;
  color: #6b7280;
}

.digest-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6vw;
  margin-bottom: 2.6667vw;
}

.digest-keyword {
  background: #fff;
  color: #4a7fd4;
  font-size: 2.9333vw;
  padding: 1.0667vw 2.6667vw;
  border-radius: 2.6667vw;
  border: 0.1333vw solid #d0e0f8;
}

.digest-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.6vw;
}

.digest-label {
  font-size: 3.2vw;
  color: #6b7280;
  width: 18.6667vw;
  flex-shrink: 0;
}

.digest-value {
  font-size: 3.4667vw;
  color: #1a1b1c;
  flex: 1;
  line-height: 1.5;
}

.digest-insight {
  background: #fff;
  border-radius: 1.6vw;
  padding: 2.1333vw 2.6667vw;
  font-size: 3.2vw;
  color: #4a7fd4;
  line-height: 1.6;
  margin-top: 2.1333vw;
}

.ai-digest-title-wrap {
  display: flex;
  align-items: center;
}

.ai-analysis-head {
  display: flex;
  align-items: center;
  margin-bottom: 2.1333vw;
}

.ai-analysis-title {
  font-size: 3.7333vw;
  font-weight: 600;
  color: #1a1b1c;
}

.hero-card { background:linear-gradient(125deg,#263e5c,#446e96); padding:5.8667vw 4.5333vw; border-radius:3.7333vw; }
.hero-title { font-size:5.0667vw; letter-spacing:0.1333vw; }
.hero-btn { border-radius:2.1333vw; color:#304f74; }
.guided-topic { background:#fff; border:0.1333vw solid #e4eaf0; border-left:0.6667vw solid #95b4a4; padding:3.4667vw; }
.guided-label { color:#577b70; }
.record-time { color:#68778a; }
.ai-analysis { background:#f2f5f9; border-left-color:#8ba6c6; }
.ai-analysis-title,.analysis-label { color:#45617f; }
.polish-btn,.expand-btn { background:#e3eaf3; color:#365f93; }
.ai-digest-card { background:#fff; border-color:#e4eaf0; }
.ai-digest-head { flex-wrap:wrap; }
.ai-digest-title-wrap { flex-wrap:wrap; }
.helper-toggle { padding:3.2vw 0; color:#365f93; font-size:3.4667vw; }

.record-sheet { height:86vh; max-height:86vh; overflow:hidden; display:flex; flex-direction:column; padding:3.7333vw 4vw calc(3.2vw + env(safe-area-inset-bottom)); }
.record-sheet .modal-title {flex-shrink:0;margin-bottom:2.1333vw;}
.record-scroll {flex:1; min-height:0; height:0;}
.record-footer {flex-shrink:0;margin-top:2.1333vw;padding-top:2.1333vw;border-top:0.1333vw solid #edf0f4;}