fix(web): pageTabs style reset

web/src/components/PageTabs/index.module.css

@@ -1,13 +0,0 @@
-.page-tabs:global(.ant-segmented) {
-  padding: 4px;
-  margin-left: 4px;
-}
-.page-tabs:global(.ant-segmented .ant-segmented-item-label) {
-  line-height: 24px;
-  min-height: 24px;
-  padding: 0 12px;
-}
-
-.page-tabs:global(.ant-segmented .ant-segmented-item-selected) {
-  box-shadow: 0px 2px 4px 0px rgba(33, 35, 50, 0.16);
-}

web/src/components/PageTabs/index.tsx

@@ -1,8 +1,8 @@
 /*
  * @Author: ZhaoYing 
  * @Date: 2026-02-02 15:18:50 
- * @Last Modified by:   ZhaoYing 
- * @Last Modified time: 2026-02-02 15:18:50 
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-04-21 16:36:54
  */
 /**
  * PageTabs Component
@@ -16,8 +16,6 @@
 import { type FC } from 'react';
 import { Segmented, type SegmentedProps } from 'antd';
 
-import styles from './index.module.css';
-
 /**
  * Page tabs component wrapper for Ant Design Segmented component.
  * Applies custom styling via CSS modules.
@@ -27,11 +25,12 @@ const PageTabs: FC<SegmentedProps> = ({
   options,
   onChange
 }) => {
+  console.log('value', value)
   return <Segmented
     value={value}
     options={options}
     onChange={onChange}
-    className={styles.pageTabs}
+    className="pageTabs"
   />;
 };
 

web/src/styles/index.css

@@ -443,4 +443,18 @@ body {
 }
 .ͼ1.cm-focused {
   outline: none;
+}
+.pageTabs.ant-segmented {
+  padding: 4px;
+  margin-left: 4px;
+}
+
+.pageTabs.ant-segmented .ant-segmented-item-label {
+  line-height: 24px;
+  min-height: 24px;
+  padding: 0 12px;
+}
+
+.pageTabs.ant-segmented .ant-segmented-item-selected {
+  box-shadow: 0px 2px 4px 0px rgba(33, 35, 50, 0.16);
 }