@mathwiz/ui-components 0.1.16 → 0.1.22

package/dist/{react-storybook-mcp/src/components/MathCardV2 → components/MathCardV2/modules/RememberModule}/RememberModule.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import type { RememberModuleProps } from './MathPracticeSessionTypes';
+import type { RememberModuleProps } from '../../MathPracticeSessionTypes';
+import './RememberModule.css';
 /**
  * 记忆模块组件
  * 蓝色主题，强化核心概念和公式记忆

package/dist/components/MathCardV2/modules/RememberModule/RememberModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RememberModule.d.ts","sourceRoot":"","sources":["../../../../../src/components/MathCardV2/modules/RememberModule/RememberModule.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE1E,OAAO,sBAAsB,CAAC;AAE9B;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoJxD,CAAC"}

package/dist/components/MathCardV2/modules/RememberModule/index.d.ts

@@ -0,0 +1,3 @@
+export { RememberModule } from './RememberModule';
+export type { RememberModuleProps } from '../../MathPracticeSessionTypes';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MathCardV2/modules/RememberModule/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MathCardV2/modules/RememberModule/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/components/MathCardV2/modules/ReviewModule/ReviewModule.css

@@ -0,0 +1,52 @@
+/* ReviewModule 组件样式 - 使用设计令牌 */
+
+.review-module-container {
+  /* 非IXL样式模式下的外层容器 */
+  border-left: 8px solid var(--mc-color-review);
+  padding-left: var(--mc-space-6);
+}
+
+.review-module-title {
+  font-size: var(--mc-text-sm);
+  font-weight: var(--mc-font-bold);
+  color: var(--mc-text-primary);
+  text-transform: uppercase;
+  margin-bottom: var(--mc-space-4);
+}
+
+.review-module-content {
+  color: var(--mc-text-primary);
+}
+
+.review-module-question {
+  font-size: var(--mc-text-xl);
+  margin-bottom: var(--mc-space-4);
+}
+
+.review-module-graph {
+  margin-top: var(--mc-space-6);
+  margin-bottom: var(--mc-space-6);
+}
+
+.review-module-user-answer {
+  margin-top: var(--mc-space-4);
+}
+
+.review-module-user-answer-value {
+  font-weight: var(--mc-font-bold);
+  padding: var(--mc-space-1);
+  background-color: rgba(239, 68, 68, 0.1); /* 红色100的近似值 */
+  border-radius: var(--mc-radius-md);
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .review-module-container {
+    padding-left: var(--mc-space-4);
+    border-left-width: 6px;
+  }
+
+  .review-module-question {
+    font-size: var(--mc-text-lg);
+  }
+}

package/dist/{react-storybook-mcp/src/components/MathCardV2 → components/MathCardV2/modules/ReviewModule}/ReviewModule.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import type { ReviewModuleProps } from './MathPracticeSessionTypes';
+import type { ReviewModuleProps } from '../../MathPracticeSessionTypes';
+import './ReviewModule.css';
 /**
  * 复习模块组件
  * 黄色主题，显示原始问题和用户错误答案

package/dist/components/MathCardV2/modules/ReviewModule/ReviewModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewModule.d.ts","sourceRoot":"","sources":["../../../../../src/components/MathCardV2/modules/ReviewModule/ReviewModule.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,oBAAoB,CAAC;AAE5B;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4DpD,CAAC"}

package/dist/components/MathCardV2/modules/ReviewModule/index.d.ts

@@ -0,0 +1,3 @@
+export { ReviewModule } from './ReviewModule';
+export type { ReviewModuleProps } from '../../MathPracticeSessionTypes';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MathCardV2/modules/ReviewModule/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MathCardV2/modules/ReviewModule/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/components/MathCardV2/modules/SolveModule/SolveModule.css

@@ -0,0 +1,88 @@
+/* SolveModule 组件样式 - 使用设计令牌 */
+
+.solve-module-container {
+  /* 非IXL样式模式下的外层容器 */
+  border-left: 8px solid var(--mc-color-solve);
+  padding-left: var(--mc-space-6);
+}
+
+.solve-module-title {
+  font-size: var(--mc-text-sm);
+  font-weight: var(--mc-font-bold);
+  color: var(--mc-text-primary);
+  text-transform: uppercase;
+  margin-bottom: var(--mc-space-4);
+}
+
+.solve-module-content {
+  color: var(--mc-text-primary);
+}
+
+.solve-module-content > * + * {
+  margin-top: var(--mc-space-4);
+}
+
+.solve-module-empty {
+  padding: var(--mc-space-4);
+  background-color: var(--mc-bg-secondary);
+  border: 1px solid var(--mc-border-default);
+  border-radius: var(--mc-radius-md);
+  color: var(--mc-text-tertiary);
+  font-size: var(--mc-text-sm);
+}
+
+.solve-module-button-container {
+  padding-top: var(--mc-space-1);
+}
+
+.solve-module-button {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--mc-space-2);
+  padding: var(--mc-space-2) var(--mc-space-4);
+  border-radius: var(--mc-radius-md);
+  border: 1px solid var(--mc-border-default);
+  color: var(--mc-text-primary);
+  background-color: var(--mc-bg-primary);
+  transition: background-color var(--mc-transition-normal);
+  cursor: pointer;
+  min-height: var(--mc-touch-comfortable);
+  min-width: var(--mc-touch-comfortable);
+}
+
+.solve-module-button:hover {
+  background-color: var(--mc-bg-secondary);
+}
+
+.solve-module-button:focus {
+  outline: 2px solid var(--mc-border-focus);
+  outline-offset: 2px;
+}
+
+.solve-module-detailed-container {
+  margin-top: var(--mc-space-6);
+}
+
+.solve-module-detailed-title {
+  font-size: var(--mc-text-lg);
+  font-weight: var(--mc-font-semibold);
+  color: var(--mc-text-primary);
+  margin-bottom: var(--mc-space-4);
+}
+
+.solve-module-detailed-list {
+  /* 间距由ExplanationStep组件自身控制 */
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .solve-module-container {
+    padding-left: var(--mc-space-4);
+    border-left-width: 6px;
+  }
+
+  .solve-module-button {
+    width: 100%;
+    justify-content: center;
+  }
+}

package/dist/{react-storybook-mcp/src/components/MathCardV2 → components/MathCardV2/modules/SolveModule}/SolveModule.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import type { SolveModuleProps } from './MathPracticeSessionTypes';
+import type { SolveModuleProps } from '../../MathPracticeSessionTypes';
+import './SolveModule.css';
 /**
  * 解题模块组件
  * 橙色主题，展示详细的解题步骤和图形解释

package/dist/components/MathCardV2/modules/SolveModule/SolveModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolveModule.d.ts","sourceRoot":"","sources":["../../../../../src/components/MathCardV2/modules/SolveModule/SolveModule.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4IlD,CAAC"}

package/dist/components/MathCardV2/modules/SolveModule/index.d.ts

@@ -0,0 +1,3 @@
+export { SolveModule } from './SolveModule';
+export type { SolveModuleProps } from '../../MathPracticeSessionTypes';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MathCardV2/modules/SolveModule/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MathCardV2/modules/SolveModule/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/components/MathCardV2/modules/index.d.ts

@@ -0,0 +1,4 @@
+export { RememberModule } from './RememberModule';
+export { ReviewModule } from './ReviewModule';
+export { SolveModule } from './SolveModule';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MathCardV2/modules/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MathCardV2/modules/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/MathCardV2/scenes/DecimalNumberExplanationScene/DecimalNumberExplanationScene.css

@@ -0,0 +1,109 @@
+/* DecimalNumberExplanationScene 组件样式 - 使用设计令牌 */
+
+.decimal-explanation-scene-container {
+  /* 整个场景容器 */
+}
+
+.decimal-error-banner {
+  padding: var(--mc-space-6);
+  background-color: rgba(239, 68, 68, 0.05); /* 红色50的近似值 */
+  border-bottom: 1px solid rgba(239, 68, 68, 0.2);
+  display: flex;
+  align-items: center;
+}
+
+.decimal-error-title {
+  font-size: var(--mc-text-xl);
+  font-weight: var(--mc-font-bold);
+  color: #991b1b; /* 红色800 */
+}
+
+.decimal-error-description {
+  color: var(--mc-text-secondary);
+  margin-top: var(--mc-space-1);
+}
+
+.decimal-error-description strong {
+  font-weight: var(--mc-font-bold);
+}
+
+.decimal-understand-button {
+  margin-left: auto;
+  background-color: #059669; /* 绿色600 */
+  color: var(--mc-text-inverse);
+  font-weight: var(--mc-font-bold);
+  padding: var(--mc-space-2) var(--mc-space-6);
+  border-radius: var(--mc-radius-md);
+  transition: background-color var(--mc-transition-normal);
+  border: none;
+  cursor: pointer;
+  min-height: var(--mc-touch-comfortable);
+  min-width: var(--mc-touch-comfortable);
+}
+
+.decimal-understand-button:hover {
+  background-color: #047857; /* 绿色700 */
+}
+
+.decimal-content-area {
+  padding: var(--mc-space-6);
+}
+
+.decimal-content-area > * + * {
+  margin-top: var(--mc-space-8);
+}
+
+@media (min-width: 768px) {
+  .decimal-content-area {
+    padding: var(--mc-space-8);
+  }
+}
+
+.decimal-bottom-area {
+  padding: var(--mc-space-6);
+  text-align: right;
+  border-top: 1px solid var(--mc-border-default);
+}
+
+.decimal-bottom-button {
+  background-color: #059669; /* 绿色600 */
+  color: var(--mc-text-inverse);
+  font-weight: var(--mc-font-bold);
+  padding: var(--mc-space-2) var(--mc-space-6);
+  border-radius: var(--mc-radius-md);
+  transition: background-color var(--mc-transition-normal);
+  border: none;
+  cursor: pointer;
+  min-height: var(--mc-touch-comfortable);
+  min-width: var(--mc-touch-comfortable);
+}
+
+.decimal-bottom-button:hover {
+  background-color: #047857; /* 绿色700 */
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .decimal-error-banner {
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--mc-space-4);
+  }
+
+  .decimal-understand-button {
+    margin-left: 0;
+    width: 100%;
+  }
+
+  .decimal-content-area {
+    padding: var(--mc-space-4);
+  }
+
+  .decimal-bottom-area {
+    padding: var(--mc-space-4);
+  }
+
+  .decimal-bottom-button {
+    width: 100%;
+  }
+}

package/dist/{react-storybook-mcp/src/components/MathCardV2 → components/MathCardV2/scenes/DecimalNumberExplanationScene}/DecimalNumberExplanationScene.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import type { ExplanationSceneProps } from './MathPracticeSessionTypes';
+import type { ExplanationSceneProps } from '../../MathPracticeSessionTypes';
+import './DecimalNumberExplanationScene.css';
 /**
  * 小数认识解释场景组件
  * 错误答案的详细解释，仅包含两个学习模块（根据demo分析，不需要记忆模块）

package/dist/components/MathCardV2/scenes/DecimalNumberExplanationScene/DecimalNumberExplanationScene.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DecimalNumberExplanationScene.d.ts","sourceRoot":"","sources":["../../../../../src/components/MathCardV2/scenes/DecimalNumberExplanationScene/DecimalNumberExplanationScene.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,qCAAqC,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkDzE,CAAC"}

package/dist/components/MathCardV2/scenes/DecimalNumberExplanationScene/index.d.ts

@@ -0,0 +1,3 @@
+export { DecimalNumberExplanationScene } from './DecimalNumberExplanationScene';
+export type { ExplanationSceneProps } from '../../MathPracticeSessionTypes';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MathCardV2/scenes/DecimalNumberExplanationScene/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MathCardV2/scenes/DecimalNumberExplanationScene/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,YAAY,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/components/MathCardV2/scenes/ExplanationScene/ExplanationScene.css

@@ -0,0 +1,144 @@
+/* ExplanationScene 组件样式 - 使用设计令牌 */
+
+.explanation-scene-container {
+  /* 整个场景容器 */
+}
+
+.explanation-error-banner {
+  background-color: var(--mc-bg-primary);
+  border-bottom: 1px solid var(--mc-color-warning);
+}
+
+.explanation-inner-container {
+  padding-left: 1.875rem; /* 30px */
+  padding-right: 1.875rem;
+  padding-top: 1.5625rem; /* 25px */
+  padding-bottom: 1.5625rem;
+  display: flex;
+  align-items: flex-start;
+  gap: var(--mc-space-4);
+}
+
+.explanation-icon {
+  font-size: var(--mc-text-3xl);
+  line-height: 1;
+}
+
+.explanation-content {
+  flex: 1;
+}
+
+.explanation-content-spacing > * + * {
+  margin-top: var(--mc-space-5);
+}
+
+.explanation-title {
+  font-size: 2rem; /* 32px */
+  line-height: 1.2;
+  font-weight: var(--mc-font-semibold);
+  color: var(--mc-color-info);
+}
+
+.explanation-description {
+  font-size: 1.125rem; /* 18px */
+  line-height: 1.6;
+  color: var(--mc-text-secondary);
+}
+
+.explanation-description-spacing > * + * {
+  margin-top: var(--mc-space-2);
+}
+
+.correct-answer-label {
+  color: var(--mc-color-review);
+}
+
+.correct-answer-value-container {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--mc-space-2);
+}
+
+.correct-answer-value {
+  font-size: 1.25rem; /* 20px */
+  font-weight: var(--mc-font-bold);
+  color: var(--mc-color-error);
+  background-color: rgba(255, 255, 255, 0.8);
+  padding: var(--mc-space-2) var(--mc-space-3);
+  border-radius: var(--mc-radius-md);
+  box-shadow: var(--mc-shadow-sm);
+  font-family: var(--mc-font-serif);
+}
+
+.explanation-button-container {
+  padding-top: var(--mc-space-1);
+}
+
+.explanation-next-button {
+  min-width: 120px;
+}
+
+.explanation-content-area {
+  padding: var(--mc-space-6);
+  margin-top: var(--mc-space-6);
+}
+
+.explanation-content-area > * + * {
+  margin-top: var(--mc-space-8);
+}
+
+@media (min-width: 768px) {
+  .explanation-content-area {
+    padding: var(--mc-space-8);
+  }
+}
+
+.explanation-subtitle {
+  font-size: var(--mc-text-xl);
+  font-weight: var(--mc-font-semibold);
+  color: var(--mc-color-review);
+}
+
+.explanation-bottom-area {
+  padding: var(--mc-space-6);
+  text-align: right;
+  border-top: 1px solid var(--mc-border-default);
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .explanation-inner-container {
+    flex-direction: column;
+    gap: var(--mc-space-4);
+  }
+
+  .explanation-button-container {
+    align-self: flex-end;
+    padding-top: 0;
+  }
+
+  .explanation-next-button {
+    width: 100%;
+  }
+
+  .explanation-title {
+    font-size: var(--mc-text-3xl);
+  }
+
+  .explanation-description {
+    font-size: var(--mc-text-lg);
+  }
+
+  .correct-answer-value {
+    font-size: var(--mc-text-lg);
+  }
+
+  .explanation-content-area {
+    padding: var(--mc-space-4);
+    margin-top: var(--mc-space-4);
+  }
+
+  .explanation-bottom-area {
+    padding: var(--mc-space-4);
+  }
+}

package/dist/{react-storybook-mcp/src/components/MathCardV2 → components/MathCardV2/scenes/ExplanationScene}/ExplanationScene.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import type { ExplanationSceneProps } from './MathPracticeSessionTypes';
+import type { ExplanationSceneProps } from '../../MathPracticeSessionTypes';
+import './ExplanationScene.css';
 /**
  * 解释场景组件
  * 错误答案的详细解释，包含三个学习模块

package/dist/components/MathCardV2/scenes/ExplanationScene/ExplanationScene.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExplanationScene.d.ts","sourceRoot":"","sources":["../../../../../src/components/MathCardV2/scenes/ExplanationScene/ExplanationScene.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,wBAAwB,CAAC;AAEhC;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgF5D,CAAC"}

package/dist/components/MathCardV2/scenes/ExplanationScene/index.d.ts

@@ -0,0 +1,3 @@
+export { ExplanationScene } from './ExplanationScene';
+export type { ExplanationSceneProps } from '../../MathPracticeSessionTypes';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MathCardV2/scenes/ExplanationScene/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MathCardV2/scenes/ExplanationScene/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/components/MathCardV2/scenes/QuestionScene/QuestionScene.css

@@ -0,0 +1,121 @@
+/* QuestionScene 组件样式 - 使用设计令牌 */
+
+.question-scene-container {
+  padding: var(--mc-space-6);
+  max-width: var(--mc-max-content-width);
+  margin: 0 auto;
+}
+
+@media (min-width: 768px) {
+  .question-scene-container {
+    padding: var(--mc-space-8);
+  }
+}
+
+.question-scene-card {
+  background-color: var(--mc-bg-primary);
+  border: 1px solid var(--mc-border-default);
+  border-radius: var(--mc-radius-lg);
+  box-shadow: var(--mc-shadow-sm);
+  overflow: hidden;
+}
+
+.question-display-area {
+  padding: var(--mc-space-6);
+}
+
+.answer-form-container {
+  padding-left: var(--mc-space-6);
+  padding-right: var(--mc-space-6);
+  padding-bottom: var(--mc-space-6);
+  padding-top: var(--mc-space-3);
+  background-color: var(--mc-bg-warm);
+  border-top: 1px solid var(--mc-color-warning);
+}
+
+.answer-form {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--mc-space-4);
+}
+
+.answer-label {
+  font-size: var(--mc-text-lg);
+  font-weight: var(--mc-font-semibold);
+  color: var(--mc-text-secondary);
+}
+
+.answer-input {
+  width: 8rem;
+  min-height: var(--mc-touch-comfortable);
+  border-radius: var(--mc-radius-lg);
+  border: 2px solid var(--mc-border-default);
+  padding: var(--mc-space-3) var(--mc-space-3);
+  font-size: var(--mc-text-lg);
+  font-weight: var(--mc-font-semibold);
+  transition: all var(--mc-transition-normal);
+  background-color: var(--mc-bg-primary);
+}
+
+.answer-input:focus {
+  outline: none;
+  border-color: var(--mc-border-focus);
+  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
+}
+
+.answer-input.error {
+  border-color: var(--mc-color-error);
+  background-color: rgba(249, 115, 22, 0.05);
+}
+
+.answer-input.normal {
+  border-color: var(--mc-border-default);
+  background-color: var(--mc-bg-primary);
+}
+
+.answer-unit {
+  font-size: var(--mc-text-lg);
+  color: var(--mc-text-secondary);
+}
+
+.submit-button {
+  margin-left: auto;
+  flex-shrink: 0;
+}
+
+.validation-error {
+  margin-top: var(--mc-space-3);
+  color: var(--mc-color-error);
+  font-size: var(--mc-text-sm);
+  font-weight: var(--mc-font-medium);
+  display: flex;
+  align-items: center;
+  gap: var(--mc-space-2);
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .question-scene-container {
+    padding: var(--mc-space-4);
+  }
+
+  .question-display-area {
+    padding: var(--mc-space-4);
+  }
+
+  .answer-form {
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--mc-space-3);
+  }
+
+  .answer-input {
+    width: 100%;
+  }
+
+  .submit-button {
+    margin-left: 0;
+    width: 100%;
+  }
+}

package/dist/{react-storybook-mcp/src/components/MathCardV2 → components/MathCardV2/scenes/QuestionScene}/QuestionScene.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import type { QuestionSceneProps } from './MathPracticeSessionTypes';
+import type { QuestionSceneProps } from '../../MathPracticeSessionTypes';
+import './QuestionScene.css';
 /**
  * 问题场景组件
  * 展示数学问题和答案输入表单

package/dist/components/MathCardV2/scenes/QuestionScene/QuestionScene.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionScene.d.ts","sourceRoot":"","sources":["../../../../../src/components/MathCardV2/scenes/QuestionScene/QuestionScene.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,qBAAqB,CAAC;AAE7B;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4EtD,CAAC"}

package/dist/components/MathCardV2/scenes/QuestionScene/index.d.ts

@@ -0,0 +1,3 @@
+export { QuestionScene } from './QuestionScene';
+export type { QuestionSceneProps } from '../../MathPracticeSessionTypes';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MathCardV2/scenes/QuestionScene/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MathCardV2/scenes/QuestionScene/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC"}