chore: clean up useless tailwind reference (#34478)

web/app/(commonLayout)/app/(appDetailLayout)/[appId]/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../styles/globals.css";
-
 .app {
     flex-grow: 1;
     height: 0;

web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/documents/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../../styles/globals.css";
-
 .logTable td {
   padding: 7px 8px;
   box-sizing: border-box;

web/app/components/app/configuration/base/var-highlight/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../../styles/globals.css";
-
 .item {
   background-color: rgba(21, 94, 239, 0.05);
 }

web/app/components/app/configuration/base/warning-mask/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../../styles/globals.css";
-
 .mask {
   backdrop-filter: blur(2px);
 }

web/app/components/app/configuration/config-prompt/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../styles/globals.css";
-
 .gradientBorder {
   background: radial-gradient(circle at 100% 100%, #fcfcfd 0, #fcfcfd 10px, transparent 10px) 0% 0%/12px 12px no-repeat,
             radial-gradient(circle at 0 100%, #fcfcfd 0, #fcfcfd 10px, transparent 10px) 100% 0%/12px 12px no-repeat,

web/app/components/app/configuration/config/automatic/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../../styles/globals.css";
-
 .textGradient {
   background: linear-gradient(92deg, #2250F2 -29.55%, #0EBCF3 75.22%);
   -webkit-background-clip: text;

web/app/components/app/configuration/ctrl-btn-group/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../styles/globals.css";
-
 .ctrlBtn {
     left: -16px;
     right: -16px;

web/app/components/app/configuration/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .advancedPromptMode {
   position: relative;
 }

web/app/components/base/app-icon-picker/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .container {
     display: flex;
     flex-direction: column;

web/app/components/base/audio-btn/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .playIcon {
   background-image: url(~@/app/components/develop/secret-key/assets/play.svg);
   background-position: center;

web/app/components/base/chat/chat/loading-anim/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../../styles/globals.css";
-
 .dot-flashing {
   position: relative;
   animation: dot-flashing 1s infinite linear alternate;

web/app/components/base/copy-feedback/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .copyIcon {
   background-image: url(~@/app/components/develop/secret-key/assets/copy.svg);
   background-position: center;

web/app/components/base/grid-mask/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .gridBg{
   background-image: url(./Grid.svg);
   background-repeat: repeat;

web/app/components/base/image-gallery/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .item {
   max-height: 200px;
   margin-right: 8px;

web/app/components/base/radio/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .container {
     padding: 4px;
     border-radius: 4px;

web/app/components/base/simple-pie-chart/index.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .simplePieChart {
   border-radius: 50%;
   box-shadow: 0 0 5px -3px rgb(from var(--simple-pie-chart-color) r g b / 0.1), 0.5px 0.5px 3px 0 rgb(from var(--simple-pie-chart-color) r g b / 0.3);

web/app/components/base/svg/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .svgIcon {
   background-image: url(~@/app/components/develop/secret-key/assets/svg.svg);
   background-position: center;

web/app/components/base/ui/scroll-area/index.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../styles/globals.css";
-
 .scrollbar::before,
 .scrollbar::after {
   content: '';

web/app/components/base/video-gallery/VideoPlayer.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .videoPlayer {
   position: relative;
   width: 100%;

web/app/components/base/voice-input/index.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .wrapper {
   background: linear-gradient(131deg, #2250F2 0%, #0EBCF3 100%);
   box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);

web/app/components/billing/annotation-full/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .textGradient {
   background: linear-gradient(92deg, #2250F2 -29.55%, #0EBCF3 75.22%);
   -webkit-background-clip: text;

web/app/components/billing/apps-full-in-dialog/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .textGradient {
   background: linear-gradient(92deg, #0EBCF3 -29.55%, #2250F2 75.22%);
   -webkit-background-clip: text;

web/app/components/billing/plan-upgrade-modal/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .surface {
   border: 0.5px solid var(--color-components-panel-border, rgba(16, 24, 40, 0.08));
   background:

web/app/components/billing/pricing/header.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .instrumentSerif {
   font-family: "Instrument Serif", serif;
   font-style: italic;

web/app/components/billing/upgrade-btn/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .upgradeBtn {
   background: linear-gradient(99deg, rgba(255, 255, 255, 0.12) 7.16%, rgba(255, 255, 255, 0.00) 85.47%), linear-gradient(280deg, #00B2FF 12.96%, #132BFF 90.95%);
   box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(0, 162, 253, 0.12);

web/app/components/billing/vector-space-full/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .textGradient {
   background: linear-gradient(92deg, #2250F2 -29.55%, #0EBCF3 75.22%);
   -webkit-background-clip: text;

web/app/components/custom/custom-web-app-brand/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .mask {
   background: linear-gradient(273deg, rgba(255, 255, 255, 0.00) 51.75%, rgba(255, 255, 255, 0.80) 115.32%);
 }

web/app/components/custom/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../styles/globals.css";
-
 .textGradient {
   background: linear-gradient(92deg, #2250F2 -29.55%, #0EBCF3 75.22%);
   -webkit-background-clip: text;

web/app/components/datasets/create/index.module.css

@@ -1,2 +0,0 @@
-@reference "../../../styles/globals.css";
-

web/app/components/develop/secret-key/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .customModal {
     max-width: 800px !important;
     max-height: calc(100vh - 80px);

web/app/components/explore/app-list/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .textGradient {
   background: linear-gradient(to right, rgba(16, 74, 225, 1) 0, rgba(0, 152, 238, 1) 100%);
   -webkit-background-clip: text;

web/app/components/explore/sidebar/no-apps/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../styles/globals.css";
-
 .light {
   background-image: url('./no-web-apps-light.png');
 }

web/app/components/header/account-dropdown/workplace-selector/index.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../styles/globals.css";
-
 .popup {
   left: 4px;
   transform: translateX(-100%);

web/app/components/header/account-setting/Integrations-page/index.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../styles/globals.css";
-
 .google-icon {
   background: url(../../assets/google.svg) center center no-repeat;
   background-size: 16px 16px;

web/app/components/header/account-setting/language-page/index.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../styles/globals.css";
-
 .google-icon {
   background: url(../../assets/google.svg) center center no-repeat;
   background-size: 16px 16px;

web/app/components/header/account-setting/members-page/invited-modal/index.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../../styles/globals.css";
-
 .modal {
   padding: 32px !important;
   width: 480px !important;

web/app/components/header/account-setting/model-provider-page/provider-added-card/quota-panel.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../../styles/globals.css";
-
 .gridBg {
   background-size: 4px 4px;
   background-image:

web/app/components/header/index.module.css

@@ -1,5 +1,3 @@
-@reference "../../styles/globals.css";
-
 .header-DEVELOPMENT {
   background: linear-gradient(180deg, rgba(253, 176, 34, 0.08) 0%, rgba(253, 176, 34, 0) 100%);
   border-top: 4px solid #FDB022;

web/app/components/header/nav/index.module.css

@@ -1,2 +0,0 @@
-@reference "../../../styles/globals.css";
-

web/app/components/header/plugins-nav/downloading-icon.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 @keyframes realistic-blink {
   0% { fill: #37ff37; opacity: 0.4; }
   15% { fill: #37ff37; opacity: 0.9; }

web/app/components/plugins/reference-setting-modal/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .textGradient {
   background: linear-gradient(92deg, #2250F2 -29.55%, #0EBCF3 75.22%);
   -webkit-background-clip: text;

web/app/components/workflow/nodes/_base/components/retry/style.module.css

@@ -1,5 +1,3 @@
-@reference "../../../../../../styles/globals.css";
-
 .input::-webkit-inner-spin-button,
 .input::-webkit-outer-spin-button {
   -webkit-appearance: none;

web/app/signin/page.module.css

@@ -1,5 +1,3 @@
-@reference "../styles/globals.css";
-
 .githubIcon {
   background: center/contain url('./assets/github.svg') no-repeat;
 }

web/app/styles/markdown.css

@@ -1,6 +1,5 @@
 @import '../../themes/markdown-light.css';
 @import '../../themes/markdown-dark.css';
-@reference "./globals.css";
 
 .markdown-body {
   -ms-text-size-adjust: 100%;
@@ -73,7 +72,6 @@
 }
 
 .markdown-body abbr[title]:hover::after {
-  @apply shadow-xl shadow-shadow-shadow-5 rounded-md;
   position: absolute;
   bottom: 100%;
   left: 0;
@@ -84,8 +82,12 @@
   font-size: 12px;
   line-height: 1;
   color: var(--color-text-secondary);
+  border-radius: 0.375rem;
   border: 0.5px solid var(--color-components-panel-border);
   background-color: var(--color-components-tooltip-bg);
+  box-shadow:
+    0px 8px 8px -4px var(--color-shadow-shadow-5),
+    0px 20px 24px -4px var(--color-shadow-shadow-5);
 }
 
 .markdown-body b,