📦 build(components): 分离组件样式到独立CSS文件

- 为search、swiper、tabs、toast组件创建独立的CSS文件
- 从tcb-theme.css中移除各组件样式并迁移至对应组件目录
- 在各组件TSX文件中引入对应的CSS样式文件
- 优化项目样式组织结构，提高组件独立性和可维护性

mini/src/components/tdesign/search/index.css

@@ -0,0 +1,74 @@
+/* ===== TDesign Search 组件样式 ===== */
+.tdesign-search {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.tdesign-search__input-box {
+  flex: 1;
+  box-sizing: border-box;
+  display: flex;
+  height: 64rpx;
+  align-items: center;
+  border: 2rpx solid #f3f3f3;
+  background: #f3f3f3;
+  padding: 16rpx 24rpx;
+}
+
+.tdesign-search__input-box--focused {
+  border-color: #fa550f;
+}
+
+.tdesign-search__input-box--round {
+  border-radius: 32rpx;
+}
+
+.tdesign-search__input-box--square {
+  border-radius: 12rpx;
+}
+
+.tdesign-search__input-box--center {
+  text-align: center;
+}
+
+.tdesign-search__icon {
+  color: #fa550f;
+  font-size: 32rpx;
+}
+
+.tdesign-search__input {
+  display: inline-block;
+  flex: 1;
+  color: #333333;
+  font-size: 32rpx;
+  padding-left: 10rpx;
+  min-height: 48rpx;
+  line-height: 48rpx;
+  background: transparent;
+  border: none;
+  outline: none;
+}
+
+.tdesign-search__input--disabled {
+  color: rgba(0, 0, 0, 0.26);
+  cursor: not-allowed;
+  opacity: 1;
+}
+
+.tdesign-search__placeholder {
+  color: #bbbbbb;
+}
+
+.tdesign-search__clear {
+  position: relative;
+  margin-left: 10px;
+  font-size: 32rpx;
+  color: #999;
+}
+
+.tdesign-search__search-action {
+  margin-left: 30rpx;
+  font-size: 32rpx;
+  color: #fa550f;
+}

mini/src/components/tdesign/search/index.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react'
 import { View, Input } from '@tarojs/components'
 import TDesignIcon from '../icon'
+import './index.css'
 
 interface SearchProps {
   placeholder?: string

mini/src/components/tdesign/swiper/index.css

@@ -0,0 +1,22 @@
+/* ===== TDesign Swiper 组件样式 ===== */
+.tdesign-swiper {
+  position: relative;
+}
+
+.tdesign-swiper__host {
+  border-radius: var(--td-swiper-radius, 18rpx);
+  overflow: hidden;
+  transform: translateY(0);
+}
+
+.tdesign-swiper__item {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: var(--td-swiper-item-padding, 0);
+}
+
+.tdesign-swiper__image {
+  width: 100%;
+  transition: all 0.3s ease;
+}

mini/src/components/tdesign/swiper/index.tsx

@@ -1,5 +1,6 @@
 import { useState } from 'react'
 import { Swiper, SwiperItem, Image, View } from '@tarojs/components'
+import './index.css'
 
 interface SwiperItemType {
   value: string

mini/src/components/tdesign/tabs/index.css

@@ -0,0 +1,223 @@
+/* ===== TDesign Tabs 组件样式 ===== */
+.tdesign-tabs {
+  position: relative;
+  font-size: var(--td-tab-font-size, 28rpx);
+  background: var(--td-tab-nav-bg-color, #fff);
+  flex-wrap: wrap;
+}
+
+.tdesign-tabs__wrapper {
+  display: flex;
+  overflow: hidden;
+  background: var(--td-tab-nav-bg-color, #fff);
+}
+
+.tdesign-tabs__wrapper--card {
+  background: var(--td-tab-item-tag-bg, #f3f3f3);
+  --td-tab-border-color: transparent;
+}
+
+.tdesign-tabs__item {
+  position: relative;
+  display: flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  font-weight: 400;
+  color: var(--td-tab-item-color, #333);
+  padding: 0 var(--td-spacer-2, 32rpx);
+  box-sizing: border-box;
+  white-space: nowrap;
+  overflow: hidden;
+  height: var(--td-tab-item-height, 96rpx);
+}
+
+.tdesign-tabs__item--active {
+  font-weight: 600;
+  color: var(--td-tab-item-active-color, #fa550f);
+}
+
+.tdesign-tabs__item--disabled {
+  color: var(--td-tab-item-disabled-color, rgba(0, 0, 0, 0.26));
+}
+
+.tdesign-tabs__item--evenly {
+  flex: 1 0 auto;
+}
+
+.tdesign-tabs__item-inner {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tdesign-tabs__item-inner--tag {
+  width: 100%;
+  text-align: center;
+  padding: 0 var(--td-spacer-2, 32rpx);
+  line-height: var(--td-tab-item-tag-height, 64rpx);
+  border-radius: calc(var(--td-tab-item-tag-height, 64rpx) / 2);
+  background-color: var(--td-tab-item-tag-bg, #f3f3f3);
+}
+
+.tdesign-tabs__item-inner--active.tdesign-tabs__item-inner--tag {
+  background-color: var(--td-tab-item-tag-active-bg, rgba(250, 85, 15, 0.1));
+}
+
+.tdesign-tabs__item--tag:not(.tdesign-tabs__item--evenly) {
+  padding: 0 calc(var(--td-spacer, 16rpx) / 2);
+}
+
+.tdesign-tabs__item--tag:not(.tdesign-tabs__item--evenly):first-child {
+  margin-left: var(--td-spacer, 16rpx);
+}
+
+.tdesign-tabs__item--tag:not(.tdesign-tabs__item--evenly):last-child {
+  padding-right: var(--td-spacer-1, 24rpx);
+}
+
+.tdesign-tabs__item--tag {
+  padding: 0 var(--td-spacer, 16rpx);
+}
+
+.tdesign-tabs__item--card.tdesign-tabs__item--active {
+  background-color: var(--td-tab-nav-bg-color, #fff);
+  border-radius: var(--td-radius-large, 18rpx) var(--td-radius-large, 18rpx) 0 0;
+}
+
+.tdesign-tabs__item--card.tdesign-tabs__item--active:first-child {
+  border-top-left-radius: 0;
+}
+
+.tdesign-tabs__item--card.tdesign-tabs__item--active:last-child {
+  border-top-right-radius: 0;
+}
+
+.tdesign-tabs__item--card.tdesign-tabs__item--pre {
+  border-bottom-right-radius: var(--td-radius-large, 18rpx);
+}
+
+.tdesign-tabs__item-prefix,
+.tdesign-tabs__item-suffix {
+  position: absolute;
+  bottom: 0;
+  width: 18rpx;
+  height: 18rpx;
+  background-color: var(--td-tab-nav-bg-color, #fff);
+}
+
+.tdesign-tabs__item-prefix::after,
+.tdesign-tabs__item-suffix::after {
+  content: '';
+  display: block;
+  width: 100%;
+  height: 100%;
+  background-color: var(--td-tab-item-tag-bg, #f3f3f3);
+}
+
+.tdesign-tabs__item-prefix {
+  right: 0;
+}
+
+.tdesign-tabs__item-prefix::after {
+  border-bottom-right-radius: var(--td-radius-large, 18rpx);
+}
+
+.tdesign-tabs__item-suffix {
+  left: 0;
+}
+
+.tdesign-tabs__item-suffix::after {
+  border-bottom-left-radius: var(--td-radius-large, 18rpx);
+}
+
+.tdesign-tabs__badge--active {
+  --td-badge-content-text-color: var(--td-tab-item-active-color, #fa550f);
+}
+
+.tdesign-tabs__badge--disabled {
+  --td-badge-content-text-color: var(--td-tab-item-disabled-color, rgba(0, 0, 0, 0.26));
+}
+
+.tdesign-tabs__icon {
+  font-size: var(--td-tab-icon-size, 36rpx);
+  margin-right: calc(var(--td-spacer, 16rpx) / 4);
+}
+
+.tdesign-tabs__content {
+  overflow: hidden;
+}
+
+.tdesign-tabs__nav {
+  position: relative;
+  user-select: none;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.tdesign-tabs__nav.tdesign-tabs__nav--evenly {
+  width: 100%;
+}
+
+.tdesign-tabs__track {
+  position: absolute;
+  font-weight: 600;
+  z-index: 1;
+  opacity: 1;
+  background-color: var(--td-tab-track-color, #fa550f);
+  left: 0;
+  bottom: 1rpx;
+  width: var(--td-tab-track-width, 32rpx);
+  height: var(--td-tab-track-thickness, 6rpx);
+  border-radius: var(--td-tab-track-radius, 8rpx);
+  transition: transform 0.3s ease;
+}
+
+.tdesign-tabs__scroll {
+  position: relative;
+  height: var(--td-tab-item-height, 96rpx);
+}
+
+.tdesign-tabs__scroll--split {
+  position: relative;
+}
+
+.tdesign-tabs__scroll--split::after {
+  content: '';
+  display: block;
+  position: absolute;
+  top: unset;
+  bottom: 0;
+  left: unset;
+  right: unset;
+  background-color: var(--td-tab-border-color, #e7e7e7);
+}
+
+.tdesign-tabs__scroll--split::after {
+  height: 1px;
+  left: 0;
+  right: 0;
+  transform: scaleY(0.5);
+}
+
+.tdesign-tabs__scroll::-webkit-scrollbar {
+  display: none;
+}
+
+.tdesign-tabs__content {
+  width: 100%;
+}
+
+.tdesign-tabs__content-inner {
+  display: block;
+}
+
+.tdesign-tabs__content--animated .tdesign-tabs__content-inner {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  will-change: left;
+  transition-property: transform;
+}

mini/src/components/tdesign/tabs/index.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react'
 import { View, ScrollView, Text } from '@tarojs/components'
 import TDesignIcon from '../icon'
+import './index.css'
 
 interface TabItem {
   label: string

mini/src/components/tdesign/toast/index.css

@@ -0,0 +1,99 @@
+/* ===== TDesign Toast 组件样式 ===== */
+.tdesign-toast {
+  position: fixed;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 12001;
+  opacity: 1;
+  transition: opacity 0.3s ease;
+  background-color: var(--td-toast-bg-color, rgba(0, 0, 0, 0.6));
+  border-radius: var(--td-toast-radius, 12rpx);
+  font-size: 28rpx;
+  color: var(--td-toast-color, #fff);
+  max-width: var(--td-toast-max-width, 370rpx);
+  min-height: 0;
+  width: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  box-sizing: border-box;
+}
+
+.tdesign-toast--column {
+  padding: 48rpx;
+  min-width: 160rpx;
+  min-height: 160rpx;
+  border-radius: 16rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tdesign-toast--loading.tdesign-toast--with-text {
+  min-width: 204rpx;
+  min-height: 204rpx;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.tdesign-toast__content {
+  align-items: center;
+  line-height: 44rpx;
+}
+
+.tdesign-toast__content--row {
+  display: flex;
+  text-align: left;
+  padding: 28rpx 44rpx;
+}
+
+.tdesign-toast__content--column {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.tdesign-toast__icon--row {
+  display: flex;
+  font-size: var(--td-toast-row-icon-size, 48rpx);
+}
+
+.tdesign-toast__icon--column {
+  font-size: var(--td-toast-column-icon-size, 64rpx);
+}
+
+.tdesign-toast__text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 3;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  white-space: pre-line;
+}
+
+.tdesign-toast__text--column:not(:empty):not(:only-child) {
+  margin-top: 16rpx;
+}
+
+.tdesign-toast__text--row:not(:empty):not(:only-child) {
+  margin-left: 16rpx;
+}
+
+.tdesign-toast--enter {
+  opacity: 0;
+}
+
+.tdesign-toast--enter-active {
+  opacity: 1;
+  transition: opacity 0.3s ease;
+}
+
+.tdesign-toast--leave {
+  opacity: 1;
+}
+
+.tdesign-toast--leave-active {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}

mini/src/components/tdesign/toast/index.tsx

@@ -1,6 +1,7 @@
 import { useState, useEffect } from 'react'
 import { View, Text } from '@tarojs/components'
 import TDesignIcon from '../icon'
+import './index.css'
 
 interface ToastProps {
   visible?: boolean

mini/src/tcb-theme.css

@@ -526,427 +526,9 @@
 .border-dashed { border-style: dashed; }
 .border-dotted { border-style: dotted; }
 
-/* ===== TDesign Swiper 组件样式 ===== */
-.tdesign-swiper {
-  position: relative;
-}
-
-.tdesign-swiper__host {
-  border-radius: var(--td-swiper-radius, 18rpx);
-  overflow: hidden;
-  transform: translateY(0);
-}
-
-.tdesign-swiper__item {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: var(--td-swiper-item-padding, 0);
-}
-
-.tdesign-swiper__image {
-  width: 100%;
-  transition: all 0.3s ease;
-}
-
-/* ===== TDesign Toast 组件样式 ===== */
-.tdesign-toast {
-  position: fixed;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 12001;
-  opacity: 1;
-  transition: opacity 0.3s ease;
-  background-color: var(--td-toast-bg-color, rgba(0, 0, 0, 0.6));
-  border-radius: var(--td-toast-radius, 12rpx);
-  font-size: 28rpx;
-  color: var(--td-toast-color, #fff);
-  max-width: var(--td-toast-max-width, 370rpx);
-  min-height: 0;
-  width: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  box-sizing: border-box;
-}
-
-.tdesign-toast--column {
-  padding: 48rpx;
-  min-width: 160rpx;
-  min-height: 160rpx;
-  border-radius: 16rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.tdesign-toast--loading.tdesign-toast--with-text {
-  min-width: 204rpx;
-  min-height: 204rpx;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.tdesign-toast__content {
-  align-items: center;
-  line-height: 44rpx;
-}
-
-.tdesign-toast__content--row {
-  display: flex;
-  text-align: left;
-  padding: 28rpx 44rpx;
-}
-
-.tdesign-toast__content--column {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-.tdesign-toast__icon--row {
-  display: flex;
-  font-size: var(--td-toast-row-icon-size, 48rpx);
-}
-
-.tdesign-toast__icon--column {
-  font-size: var(--td-toast-column-icon-size, 64rpx);
-}
-
-.tdesign-toast__text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: 3;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  white-space: pre-line;
-}
-
-.tdesign-toast__text--column:not(:empty):not(:only-child) {
-  margin-top: 16rpx;
-}
-
-.tdesign-toast__text--row:not(:empty):not(:only-child) {
-  margin-left: 16rpx;
-}
-
-.tdesign-toast--enter {
-  opacity: 0;
-}
-
-.tdesign-toast--enter-active {
-  opacity: 1;
-  transition: opacity 0.3s ease;
-}
-
-.tdesign-toast--leave {
-  opacity: 1;
-}
-
-.tdesign-toast--leave-active {
-  opacity: 0;
-  transition: opacity 0.3s ease;
-}
 
-/* ===== TDesign Tabs 组件样式 ===== */
-.tdesign-tabs {
-  position: relative;
-  font-size: var(--td-tab-font-size, 28rpx);
-  background: var(--td-tab-nav-bg-color, #fff);
-  flex-wrap: wrap;
-}
 
-.tdesign-tabs__wrapper {
-  display: flex;
-  overflow: hidden;
-  background: var(--td-tab-nav-bg-color, #fff);
-}
-
-.tdesign-tabs__wrapper--card {
-  background: var(--td-tab-item-tag-bg, #f3f3f3);
-  --td-tab-border-color: transparent;
-}
-
-.tdesign-tabs__item {
-  position: relative;
-  display: flex;
-  flex: none;
-  align-items: center;
-  justify-content: center;
-  font-weight: 400;
-  color: var(--td-tab-item-color, #333);
-  padding: 0 var(--td-spacer-2, 32rpx);
-  box-sizing: border-box;
-  white-space: nowrap;
-  overflow: hidden;
-  height: var(--td-tab-item-height, 96rpx);
-}
-
-.tdesign-tabs__item--active {
-  font-weight: 600;
-  color: var(--td-tab-item-active-color, #fa550f);
-}
-
-.tdesign-tabs__item--disabled {
-  color: var(--td-tab-item-disabled-color, rgba(0, 0, 0, 0.26));
-}
-
-.tdesign-tabs__item--evenly {
-  flex: 1 0 auto;
-}
-
-.tdesign-tabs__item-inner {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.tdesign-tabs__item-inner--tag {
-  width: 100%;
-  text-align: center;
-  padding: 0 var(--td-spacer-2, 32rpx);
-  line-height: var(--td-tab-item-tag-height, 64rpx);
-  border-radius: calc(var(--td-tab-item-tag-height, 64rpx) / 2);
-  background-color: var(--td-tab-item-tag-bg, #f3f3f3);
-}
-
-.tdesign-tabs__item-inner--active.tdesign-tabs__item-inner--tag {
-  background-color: var(--td-tab-item-tag-active-bg, rgba(250, 85, 15, 0.1));
-}
-
-.tdesign-tabs__item--tag:not(.tdesign-tabs__item--evenly) {
-  padding: 0 calc(var(--td-spacer, 16rpx) / 2);
-}
-
-.tdesign-tabs__item--tag:not(.tdesign-tabs__item--evenly):first-child {
-  margin-left: var(--td-spacer, 16rpx);
-}
-
-.tdesign-tabs__item--tag:not(.tdesign-tabs__item--evenly):last-child {
-  padding-right: var(--td-spacer-1, 24rpx);
-}
-
-.tdesign-tabs__item--tag {
-  padding: 0 var(--td-spacer, 16rpx);
-}
-
-.tdesign-tabs__item--card.tdesign-tabs__item--active {
-  background-color: var(--td-tab-nav-bg-color, #fff);
-  border-radius: var(--td-radius-large, 18rpx) var(--td-radius-large, 18rpx) 0 0;
-}
-
-.tdesign-tabs__item--card.tdesign-tabs__item--active:first-child {
-  border-top-left-radius: 0;
-}
 
-.tdesign-tabs__item--card.tdesign-tabs__item--active:last-child {
-  border-top-right-radius: 0;
-}
-
-.tdesign-tabs__item--card.tdesign-tabs__item--pre {
-  border-bottom-right-radius: var(--td-radius-large, 18rpx);
-}
-
-.tdesign-tabs__item-prefix,
-.tdesign-tabs__item-suffix {
-  position: absolute;
-  bottom: 0;
-  width: 18rpx;
-  height: 18rpx;
-  background-color: var(--td-tab-nav-bg-color, #fff);
-}
-
-.tdesign-tabs__item-prefix::after,
-.tdesign-tabs__item-suffix::after {
-  content: '';
-  display: block;
-  width: 100%;
-  height: 100%;
-  background-color: var(--td-tab-item-tag-bg, #f3f3f3);
-}
-
-.tdesign-tabs__item-prefix {
-  right: 0;
-}
-
-.tdesign-tabs__item-prefix::after {
-  border-bottom-right-radius: var(--td-radius-large, 18rpx);
-}
-
-.tdesign-tabs__item-suffix {
-  left: 0;
-}
-
-.tdesign-tabs__item-suffix::after {
-  border-bottom-left-radius: var(--td-radius-large, 18rpx);
-}
-
-.tdesign-tabs__badge--active {
-  --td-badge-content-text-color: var(--td-tab-item-active-color, #fa550f);
-}
-
-.tdesign-tabs__badge--disabled {
-  --td-badge-content-text-color: var(--td-tab-item-disabled-color, rgba(0, 0, 0, 0.26));
-}
-
-.tdesign-tabs__icon {
-  font-size: var(--td-tab-icon-size, 36rpx);
-  margin-right: calc(var(--td-spacer, 16rpx) / 4);
-}
-
-.tdesign-tabs__content {
-  overflow: hidden;
-}
-
-.tdesign-tabs__nav {
-  position: relative;
-  user-select: none;
-  display: flex;
-  flex-wrap: nowrap;
-  align-items: center;
-}
-
-.tdesign-tabs__nav.tdesign-tabs__nav--evenly {
-  width: 100%;
-}
-
-.tdesign-tabs__track {
-  position: absolute;
-  font-weight: 600;
-  z-index: 1;
-  opacity: 1;
-  background-color: var(--td-tab-track-color, #fa550f);
-  left: 0;
-  bottom: 1rpx;
-  width: var(--td-tab-track-width, 32rpx);
-  height: var(--td-tab-track-thickness, 6rpx);
-  border-radius: var(--td-tab-track-radius, 8rpx);
-  transition: transform 0.3s ease;
-}
-
-.tdesign-tabs__scroll {
-  position: relative;
-  height: var(--td-tab-item-height, 96rpx);
-}
-
-.tdesign-tabs__scroll--split {
-  position: relative;
-}
-
-.tdesign-tabs__scroll--split::after {
-  content: '';
-  display: block;
-  position: absolute;
-  top: unset;
-  bottom: 0;
-  left: unset;
-  right: unset;
-  background-color: var(--td-tab-border-color, #e7e7e7);
-}
-
-.tdesign-tabs__scroll--split::after {
-  height: 1px;
-  left: 0;
-  right: 0;
-  transform: scaleY(0.5);
-}
-
-.tdesign-tabs__scroll::-webkit-scrollbar {
-  display: none;
-}
-
-.tdesign-tabs__content {
-  width: 100%;
-}
-
-.tdesign-tabs__content-inner {
-  display: block;
-}
-
-.tdesign-tabs__content--animated .tdesign-tabs__content-inner {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  will-change: left;
-  transition-property: transform;
-}
-
-/* ===== TDesign Search 组件样式 ===== */
-.tdesign-search {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.tdesign-search__input-box {
-  flex: 1;
-  box-sizing: border-box;
-  display: flex;
-  height: 64rpx;
-  align-items: center;
-  border: 2rpx solid #f3f3f3;
-  background: #f3f3f3;
-  padding: 16rpx 24rpx;
-}
-
-.tdesign-search__input-box--focused {
-  border-color: #fa550f;
-}
-
-.tdesign-search__input-box--round {
-  border-radius: 32rpx;
-}
-
-.tdesign-search__input-box--square {
-  border-radius: 12rpx;
-}
-
-.tdesign-search__input-box--center {
-  text-align: center;
-}
-
-.tdesign-search__icon {
-  color: #fa550f;
-  font-size: 32rpx;
-}
-
-.tdesign-search__input {
-  display: inline-block;
-  flex: 1;
-  color: #333333;
-  font-size: 32rpx;
-  padding-left: 10rpx;
-  min-height: 48rpx;
-  line-height: 48rpx;
-  background: transparent;
-  border: none;
-  outline: none;
-}
-
-.tdesign-search__input--disabled {
-  color: rgba(0, 0, 0, 0.26);
-  cursor: not-allowed;
-  opacity: 1;
-}
-
-.tdesign-search__placeholder {
-  color: #bbbbbb;
-}
-
-.tdesign-search__clear {
-  position: relative;
-  margin-left: 10px;
-  font-size: 32rpx;
-  color: #999;
-}
-
-.tdesign-search__search-action {
-  margin-left: 30rpx;
-  font-size: 32rpx;
-  color: #fa550f;
-}
 
 /* ===== 兼容性处理 ===== */
 /* 确保与现有Tailwind CSS样式兼容 */