diff --git a/apps/miniprogram/src/components/patterns/PageHeader/index.scss b/apps/miniprogram/src/components/patterns/PageHeader/index.scss
index a615f80..fc3c482 100644
--- a/apps/miniprogram/src/components/patterns/PageHeader/index.scss
+++ b/apps/miniprogram/src/components/patterns/PageHeader/index.scss
@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .page-header {
   display: flex;
diff --git a/apps/miniprogram/src/components/patterns/PageHeader/index.tsx b/apps/miniprogram/src/components/patterns/PageHeader/index.tsx
index dc1b8d7..929fb07 100644
--- a/apps/miniprogram/src/components/patterns/PageHeader/index.tsx
+++ b/apps/miniprogram/src/components/patterns/PageHeader/index.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, Text } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import { ReactNode } from 'react';
diff --git a/apps/miniprogram/src/components/patterns/PaginationBar/index.scss b/apps/miniprogram/src/components/patterns/PaginationBar/index.scss
index 50bfc1a..0dba797 100644
--- a/apps/miniprogram/src/components/patterns/PaginationBar/index.scss
+++ b/apps/miniprogram/src/components/patterns/PaginationBar/index.scss
@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .pagination-bar {
   display: flex;
diff --git a/apps/miniprogram/src/components/patterns/PaginationBar/index.tsx b/apps/miniprogram/src/components/patterns/PaginationBar/index.tsx
index 16f6e19..fd9d073 100644
--- a/apps/miniprogram/src/components/patterns/PaginationBar/index.tsx
+++ b/apps/miniprogram/src/components/patterns/PaginationBar/index.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, Text } from '@tarojs/components';
 import './index.scss';
 
diff --git a/apps/miniprogram/src/components/patterns/SearchSection/index.scss b/apps/miniprogram/src/components/patterns/SearchSection/index.scss
index f9597da..afb9843 100644
--- a/apps/miniprogram/src/components/patterns/SearchSection/index.scss
+++ b/apps/miniprogram/src/components/patterns/SearchSection/index.scss
@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .search-section {
   margin-bottom: var(--tk-gap-md);
diff --git a/apps/miniprogram/src/components/patterns/SearchSection/index.tsx b/apps/miniprogram/src/components/patterns/SearchSection/index.tsx
index 526b3d2..e3e7e1e 100644
--- a/apps/miniprogram/src/components/patterns/SearchSection/index.tsx
+++ b/apps/miniprogram/src/components/patterns/SearchSection/index.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, Input, Text } from '@tarojs/components';
 import SegmentTabs from '../../SegmentTabs';
 import './index.scss';
diff --git a/apps/miniprogram/src/components/ui/ContentCard/index.scss b/apps/miniprogram/src/components/ui/ContentCard/index.scss
index 7f23f43..38fb933 100644
--- a/apps/miniprogram/src/components/ui/ContentCard/index.scss
+++ b/apps/miniprogram/src/components/ui/ContentCard/index.scss
@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .content-card {
   background: var(--tk-card-bg);
diff --git a/apps/miniprogram/src/components/ui/ContentCard/index.tsx b/apps/miniprogram/src/components/ui/ContentCard/index.tsx
index c11aca6..f29a847 100644
--- a/apps/miniprogram/src/components/ui/ContentCard/index.tsx
+++ b/apps/miniprogram/src/components/ui/ContentCard/index.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { View } from '@tarojs/components';
 import { CSSProperties, ReactNode, useMemo } from 'react';
 import './index.scss';
diff --git a/apps/miniprogram/src/components/ui/LoadingCard/index.scss b/apps/miniprogram/src/components/ui/LoadingCard/index.scss
index 73a573d..944cfd8 100644
--- a/apps/miniprogram/src/components/ui/LoadingCard/index.scss
+++ b/apps/miniprogram/src/components/ui/LoadingCard/index.scss
@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 @keyframes skeleton-pulse {
   0% { opacity: 1; }
diff --git a/apps/miniprogram/src/components/ui/LoadingCard/index.tsx b/apps/miniprogram/src/components/ui/LoadingCard/index.tsx
index 6d5698f..44225ce 100644
--- a/apps/miniprogram/src/components/ui/LoadingCard/index.tsx
+++ b/apps/miniprogram/src/components/ui/LoadingCard/index.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { View } from '@tarojs/components';
 import './index.scss';
 
diff --git a/apps/miniprogram/src/components/ui/PageShell/index.scss b/apps/miniprogram/src/components/ui/PageShell/index.scss
index cafca74..c8383de 100644
--- a/apps/miniprogram/src/components/ui/PageShell/index.scss
+++ b/apps/miniprogram/src/components/ui/PageShell/index.scss
@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .page-shell {
   min-height: 100vh;
diff --git a/apps/miniprogram/src/components/ui/PageShell/index.tsx b/apps/miniprogram/src/components/ui/PageShell/index.tsx
index 76ba01f..0e63a08 100644
--- a/apps/miniprogram/src/components/ui/PageShell/index.tsx
+++ b/apps/miniprogram/src/components/ui/PageShell/index.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, ScrollView } from '@tarojs/components';
 import { ReactNode, useMemo } from 'react';
 import './index.scss';
diff --git a/apps/miniprogram/src/components/ui/SectionTitle/index.scss b/apps/miniprogram/src/components/ui/SectionTitle/index.scss
index 39693a3..38e04cf 100644
--- a/apps/miniprogram/src/components/ui/SectionTitle/index.scss
+++ b/apps/miniprogram/src/components/ui/SectionTitle/index.scss
@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .section-title {
   display: flex;
diff --git a/apps/miniprogram/src/components/ui/SectionTitle/index.tsx b/apps/miniprogram/src/components/ui/SectionTitle/index.tsx
index 7ffcc9b..9bdb6b8 100644
--- a/apps/miniprogram/src/components/ui/SectionTitle/index.tsx
+++ b/apps/miniprogram/src/components/ui/SectionTitle/index.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, Text } from '@tarojs/components';
 import { ReactNode } from 'react';
 import './index.scss';
diff --git a/apps/miniprogram/src/components/ui/StatusTag/index.scss b/apps/miniprogram/src/components/ui/StatusTag/index.scss
index 0ecf6aa..063f421 100644
--- a/apps/miniprogram/src/components/ui/StatusTag/index.scss
+++ b/apps/miniprogram/src/components/ui/StatusTag/index.scss
@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .status-tag {
   display: inline-flex;
diff --git a/apps/miniprogram/src/components/ui/StatusTag/index.tsx b/apps/miniprogram/src/components/ui/StatusTag/index.tsx
index 45f654a..5497953 100644
--- a/apps/miniprogram/src/components/ui/StatusTag/index.tsx
+++ b/apps/miniprogram/src/components/ui/StatusTag/index.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, Text } from '@tarojs/components';
 import { CSSProperties, ReactNode, useMemo } from 'react';
 import './index.scss';
diff --git a/apps/miniprogram/src/pages/pkg-doctor-core/action-inbox/index.scss b/apps/miniprogram/src/pages/pkg-doctor-core/action-inbox/index.scss
index 04abf4e..668fe34 100644
--- a/apps/miniprogram/src/pages/pkg-doctor-core/action-inbox/index.scss
+++ b/apps/miniprogram/src/pages/pkg-doctor-core/action-inbox/index.scss
@@ -1,5 +1,5 @@
-@import '../../styles/variables.scss';
-@import '../../styles/mixins.scss';
+@import '../../../styles/variables.scss';
+@import '../../../styles/mixins.scss';
 
 // PageShell 已接管：min-height, background
 // ContentCard 已接管：inbox-card 背景/圆角/阴影/触摸反馈