weapp-tailwindcss 5.1.8 → 5.1.10

package/dist/{vite-vf2-cDdk.mjs → vite-BimHmlSp.mjs}

@@ -1,17 +1,16 @@
 import { resolveImplicitAppTypeFromViteRoot } from "./framework.mjs";
-import { $ as hasTailwindGeneratedCssMarkers, B as hasTailwindNonRootGenerationDirectives, Et as omitUndefined, G as normalizeTailwindSourceForGenerator, H as hasTailwindSourceDirectives, K as parseImportRequest, L as stripMiniProgramCssSpecificityPlaceholders, P as hasMiniProgramCssSpecificityPlaceholders, R as hasLocalCssImport, Tt as filterUnsupportedMiniProgramTailwindV4Candidates, U as normalizeTailwindConfigDirectives, V as hasTailwindRootDirectives, _ as resolveTailwindcssOptions, a as filterTailwindV4CssSourceRoots, d as normalizeCssEntries, f as findNearestPackageRoot, lt as getTailwindV4IncrementalGenerateCacheStats, o as hasConfiguredTailwindV4CssRoots, q as removeTailwindSourceDirectives, s as upsertTailwindV4CssSource, u as isTailwindV4CssEntry, w as normalizeEmptyTailwindCustomVariants, xt as resolveTailwindV4CssSourceBase, z as hasTailwindApplyDirective } from "./v4-engine-CjjWONB0.mjs";
-import { a as resolveGeneratorRuntimeBranch, c as shouldUseNativeAppCssBranch, i as normalizeWeappTailwindcssGeneratorOptions, s as shouldUseMiniProgramCssBranch } from "./generator-DugIHBgl.mjs";
+import { $ as normalizeTailwindSourceForGenerator, A as hasUserCssLayerBlocks, G as stripMiniProgramCssSpecificityPlaceholders, H as hasMiniProgramCssSpecificityPlaceholders, J as hasTailwindNonRootGenerationDirectives, K as hasLocalCssImport, M as normalizeEmptyTailwindCustomVariants, Nt as filterUnsupportedMiniProgramTailwindV4Candidates, Pt as omitUndefined, T as resolveTailwindcssOptions, X as hasTailwindSourceDirectives, Y as hasTailwindRootDirectives, Z as normalizeTailwindConfigDirectives, _t as getTailwindV4IncrementalGenerateCacheStats, a as resolveGeneratorRuntimeBranch, b as findNearestPackageRoot, c as shouldUseNativeAppCssBranch, dt as stripGeneratorPlaceholderMarkers, et as parseImportRequest, h as upsertTailwindV4CssSource, i as normalizeWeappTailwindcssGeneratorOptions, kt as resolveTailwindV4CssSourceBase, m as hasConfiguredTailwindV4CssRoots, p as filterTailwindV4CssSourceRoots, q as hasTailwindApplyDirective, s as shouldUseMiniProgramCssBranch, st as hasTailwindGeneratedCssMarkers, tt as removeTailwindSourceDirectives, v as isTailwindV4CssEntry, y as normalizeCssEntries } from "./generator-ROzBodj6.mjs";
 import { o as resolveUniUtsPlatform } from "./utils-DodxWHGz.mjs";
-import { C as normalizeFrameworkStylePlatform, S as createDebug, _ as toCustomAttributesEntities, a as vitePluginName, l as shouldSkipJsTransform, m as replaceWxml, n as normalizeStyleHandlerMajorVersion, t as getCompilerContext, v as collectRuntimeClassSet, x as refreshTailwindRuntimeState, y as createTailwindRuntimeReadyPromise } from "./context-CfXr3hWz.mjs";
-import { _ as resolveViteTailwindV4CssDependencies, a as findTailwindConfig, f as createViteSourceScanMatcher, g as resolveTailwindV4EntriesFromCssCached, i as resolveUniAppXOptions, l as getRuntimeClassSetSignature, m as discoverTailwindV4CssEntries, p as resolveViteSourceScanEntries, r as isUniAppXEnabled } from "./tailwindcss-PA2jHHpx.mjs";
-import { E as createCssTokenSourceMap, O as processCachedTask, T as createCssSourceTraceCacheSignature, _ as isPureLocalCssImportWrapper, a as isSourceCandidateRequest, b as scoreTailwindV4CssSourceFileMatch, d as validateCandidatesByGenerator, g as mergeMarkedUserLayerComponentsCss, h as extractMarkedUserLayerComponentsCss, m as runWithConcurrency, r as createSourceCandidateCollector, s as createBundleRuntimeClassSetManager, t as createHmrTimingRecorder, w as annotateCssSourceTrace } from "./hmr-timing-BecOXMd8.mjs";
-import { A as hasBundlerGeneratedCssMarker, C as generateTailwindV4Css, E as normalizeOutputPathKey, F as createBuiltinViteStyleInjectorPlugins, L as viteStyleInjectorDelegates, M as stripBundlerGeneratedCssMarkers, N as resolvePackageDir, O as toAbsoluteOutputPath, P as resolvePluginDisabledState, S as createBundleModuleGraphOptions, T as stripRequestQuery, _ as isHTMLRequest, a as createJsHashSalt, b as createRuntimeAffectingSourceSignature, c as hasRuntimeAffectingSourceChanges, f as createBundleBuildState, g as isCSSRequest, h as formatPostcssSourceMap, i as createCandidateSignature, j as parseBundlerGeneratedCssMarkerBlocks, k as createBundlerGeneratedCssMarker, l as summarizeStringDiff, m as cleanUrl, n as createScopedGeneratorCandidateSignature, o as createLinkedImpactSignature, p as updateBundleBuildState, r as createScopedGeneratorRuntime, s as getSnapshotHash, t as createSourceCandidateScanSignature, u as buildBundleSnapshot, v as normalizePath, w as isSourceStyleRequest, x as applyLinkedResults, y as slash, z as resolveViteFrameworkProfile } from "./source-candidate-scan-signature-DAg8QSgh.mjs";
+import { C as normalizeFrameworkStylePlatform, S as createDebug, _ as toCustomAttributesEntities, a as vitePluginName, l as shouldSkipJsTransform, m as replaceWxml, n as normalizeStyleHandlerMajorVersion, t as getCompilerContext, v as collectRuntimeClassSet, x as refreshTailwindRuntimeState, y as createTailwindRuntimeReadyPromise } from "./context-DzkSFEVL.mjs";
+import { _ as resolveViteTailwindV4CssDependencies, a as findTailwindConfig, f as createViteSourceScanMatcher, g as resolveTailwindV4EntriesFromCssCached, i as resolveUniAppXOptions, l as getRuntimeClassSetSignature, m as discoverTailwindV4CssEntries, p as resolveViteSourceScanEntries, r as isUniAppXEnabled } from "./tailwindcss-hzy_WaC9.mjs";
+import { A as processCachedTask, D as createCssSourceTraceCacheSignature, E as annotateCssSourceTrace, O as createCssTokenSourceMap, S as scoreTailwindV4CssSourceFileMatch, _ as normalizeMiniProgramGeneratorCssSource, a as isSourceCandidateRequest, d as validateCandidatesByGenerator, g as mergeMarkedUserLayerComponentsCss, h as extractMarkedUserLayerComponentsCss, m as runWithConcurrency, r as createSourceCandidateCollector, s as createBundleRuntimeClassSetManager, t as createHmrTimingRecorder, v as normalizeMiniProgramImportShell, y as isPureLocalCssImportWrapper } from "./hmr-timing-DwtYJdwb.mjs";
+import { A as createBundlerGeneratedCssMarker, B as resolveViteFrameworkProfile, C as createBundleModuleGraphOptions, D as normalizeOutputPathKey, E as stripRequestQuery, F as resolvePluginDisabledState, I as createBuiltinViteStyleInjectorPlugins, M as parseBundlerGeneratedCssMarkerBlocks, N as stripBundlerGeneratedCssMarkers, P as resolvePackageDir, R as viteStyleInjectorDelegates, S as applyLinkedResults, T as isSourceStyleRequest, _ as isCSSRequest, a as createCandidateSignature, b as slash, c as getSnapshotHash, d as buildBundleSnapshot, g as formatPostcssSourceMap, h as cleanUrl, i as createScopedGeneratorSourceTraceMap, j as hasBundlerGeneratedCssMarker, k as toAbsoluteOutputPath, l as hasRuntimeAffectingSourceChanges, m as updateBundleBuildState, n as createScopedGeneratorCandidateSignature, o as createJsHashSalt, p as createBundleBuildState, r as createScopedGeneratorRuntime, s as createLinkedImpactSignature, t as createSourceCandidateScanSignature, u as summarizeStringDiff, v as isHTMLRequest, w as generateTailwindV4Css, x as createRuntimeAffectingSourceSignature, y as normalizePath } from "./source-candidate-scan-signature-CQ04hiox.mjs";
 import { t as logger$1 } from "./logger-BNzxZbZj.mjs";
 import fs, { existsSync, readFileSync, realpathSync } from "node:fs";
 import path from "node:path";
 import process$1 from "node:process";
 import { splitCandidateTokens } from "@tailwindcss-mangle/engine";
-import { compileCssMacroConditionalComments, containsCssAfterMinify, filterExistingCssRules, mergeCoveredCssRuleDeclarations, mergeMiniProgramPreflightRuleDeclarations, mergeMiniProgramThemeScopeRuleDeclarations, postcss, removeTailwindPostcssPlugins, resolveFilteredPostcssConfig, transformWebCssCompat, transformWebCssSafeSelectors, unwrapUnsupportedCascadeLayers } from "@weapp-tailwindcss/postcss";
+import { collectCssImportRequestsRoot, compileCssMacroConditionalComments, containsCssAfterMinify, filterExistingCssRules, isMiniProgramLocalCssImportRequest, mergeCoveredCssRuleDeclarations, mergeMiniProgramPreflightRuleDeclarations, mergeMiniProgramThemeScopeRuleDeclarations, parseTailwindCssDirectiveRequest, postcss, removeTailwindPostcssPlugins, removeTailwindSourceDirectivesRoot, removeUnsupportedMiniProgramCssImportsRoot, resolveFilteredPostcssConfig, transformWebCssCompat, transformWebCssSafeSelectors, unwrapUnsupportedCascadeLayers } from "@weapp-tailwindcss/postcss";
 import { LRUCache } from "lru-cache";
 import { readFile } from "node:fs/promises";
 import micromatch from "micromatch";
@@ -541,8 +540,13 @@ function registerGeneratorDependencies$1(ctx, dependencies) {
 }
 //#endregion
 //#region src/bundlers/vite/generate-bundle/css-assets.ts
-function createCssAssetEmitter(context) {
+function createCssAssetEmitter(context, bundle) {
 	return (fileName, source) => {
+		const existing = bundle?.[fileName];
+		if (existing && typeof existing === "object" && "type" in existing && existing.type === "asset") {
+			existing.source = source;
+			return existing;
+		}
 		if (context.emitFile) {
 			context.emitFile({
 				type: "asset",
@@ -652,9 +656,9 @@ function resolveReplayCssOutputFileFromSourceRoot(rootDir, file, sourceRoot) {
 	return outputFile;
 }
 function resolveViteCssOutputFile(file, opts, isWebGeneratorTarget, preserveCssExtension = false, styleOutputExtension, styleOutputFiles) {
-	if (isWebGeneratorTarget || preserveCssExtension || opts.cssMatcher(file) || !SOURCE_STYLE_OUTPUT_EXT_RE.test(file) || !isCSSRequest(file)) return file;
-	const stem = file.replace(/[?#].*$/, "").replace(SOURCE_STYLE_OUTPUT_EXT_RE, "");
-	return file.replace(SOURCE_STYLE_OUTPUT_EXT_RE, resolveMiniProgramStyleOutputExtension({
+	if (isWebGeneratorTarget || preserveCssExtension || opts.cssMatcher(file) || !CSS_SOURCE_OUTPUT_EXT_RE.test(file) || !isCSSRequest(file)) return file;
+	const stem = file.replace(/[?#].*$/, "").replace(CSS_SOURCE_OUTPUT_EXT_RE, "");
+	return file.replace(CSS_SOURCE_OUTPUT_EXT_RE, resolveMiniProgramStyleOutputExtension({
 		cssMatcher: opts.cssMatcher,
 		fallback: styleOutputExtension,
 		files: styleOutputFiles,
@@ -1651,6 +1655,10 @@ function resolveSourceStyleFileFromSiblingChunk(outputFile, snapshot, outputRoot
 		debug("source style sibling chunk skipped: no source style modules for %s -> %s", outputFile, siblingJsFile);
 		return;
 	}
+	if (sourceFiles.length === 1) {
+		debug("source style sibling chunk inferred from single css module: %s -> %s", outputFile, sourceFiles[0]);
+		return sourceFiles[0];
+	}
 	const scoredSources = sourceFiles.map((sourceFile) => ({
 		sourceFile,
 		score: scoreMatchingStyleFileBase(outputFile, sourceFile, outputRoot, sourceRoot)
@@ -1669,11 +1677,23 @@ function resolveSourceStyleSourceFromOutputFile(outputFile, snapshot, outputRoot
 	let sourceFile = resolveSourceStyleFileFromSiblingChunk(outputFile, snapshot, outputRoot, sourceRoot, debug);
 	let rawSource = sourceFile ? getSourceStyleSource?.(sourceFile) : void 0;
 	if (!sourceFile || !rawSource || !hasTailwindGenerationSourceForFile(sourceFile, rawSource)) {
-		const scoredSources = [...getSourceStyleSources?.() ?? [], ...configuredSourceEntries ?? []].filter(([file, source]) => CSS_SOURCE_OUTPUT_EXT_RE.test(file) && hasTailwindGenerationSourceForFile(file, source)).map(([file, source]) => ({
+		const cachedSources = [...getSourceStyleSources?.() ?? []].filter(([file, source]) => CSS_SOURCE_OUTPUT_EXT_RE.test(file) && hasTailwindGenerationSourceForFile(file, source)).map(([file, source]) => ({
 			file,
 			source,
-			score: scoreMatchingStyleFileBase(outputFile, file, outputRoot, sourceRoot)
-		})).filter((item) => item.score > 0).sort((a, b) => b.score - a.score);
+			score: scoreTailwindV4CssSourceFileMatch(outputFile, file, {
+				outputRoot,
+				projectRoot: sourceRoot
+			})
+		}));
+		const configuredSources = [...configuredSourceEntries ?? []].filter(([file, source]) => CSS_SOURCE_OUTPUT_EXT_RE.test(file) && hasTailwindGenerationSourceForFile(file, source)).map(([file, source]) => ({
+			file,
+			source,
+			score: scoreTailwindV4CssSourceFileMatch(outputFile, file, {
+				outputRoot,
+				projectRoot: sourceRoot
+			})
+		}));
+		const scoredSources = [...cachedSources, ...configuredSources].filter((item) => item.score > 0).sort((a, b) => b.score - a.score);
 		const bestScore = scoredSources[0]?.score;
 		const bestSources = bestScore ? scoredSources.filter((item) => item.score === bestScore) : [];
 		if (bestSources.length === 1) {
@@ -1810,30 +1830,65 @@ function dedupeViteCssResults(records) {
 		return true;
 	});
 }
-function removeTailwindSourceMediaWrappers(css) {
-	if (!css.includes("@media source(")) return css;
+function removeTailwindSourceMediaWrappersRoot(root) {
+	let changed = false;
+	root.walkAtRules("media", (atRule) => {
+		if (!atRule.params.startsWith("source(")) return;
+		if (atRule.nodes && atRule.nodes.length > 0) atRule.replaceWith(...atRule.nodes);
+		else atRule.remove();
+		changed = true;
+	});
+	if (changed) root.walkAtRules((atRule) => {
+		if (atRule.nodes && atRule.nodes.length === 0) atRule.remove();
+	});
+	return changed;
+}
+function removeTailwindSourceMediaWrappersFallback(css) {
+	return css.replace(/@media\s+source\([^)]*\)\s*\{\s*\/\*!\s*weapp-tailwindcss generator-placeholder\s*\*\/?\s*\}/gi, "").replace(/@media\s+source\([^)]*\)\s*\{\s*\}/gi, "");
+}
+function removeTailwindEntryDirectivesFromCss(css) {
 	try {
-		const root = postcss.parse(css);
-		let changed = false;
-		root.walkAtRules("media", (atRule) => {
-			if (!atRule.params.startsWith("source(")) return;
-			if (atRule.nodes && atRule.nodes.length > 0) atRule.replaceWith(...atRule.nodes);
-			else atRule.remove();
-			changed = true;
-		});
-		root.walkAtRules((atRule) => {
-			if (atRule.nodes && atRule.nodes.length === 0) {
-				atRule.remove();
-				changed = true;
-			}
-		});
-		return changed ? root.toString() : css;
+		const source = stripGeneratorPlaceholderMarkers(css);
+		const root = postcss.parse(source);
+		const removedMediaWrappers = removeTailwindSourceMediaWrappersRoot(root);
+		const removedTailwindDirectives = removeTailwindSourceDirectivesRoot(root);
+		return removedMediaWrappers || removedTailwindDirectives ? root.toString() : source;
 	} catch {
-		return css.replace(/@media\s+source\([^)]*\)\s*\{\s*\/\*!\s*weapp-tailwindcss generator-placeholder\s*\*\/?\s*\}/gi, "").replace(/@media\s+source\([^)]*\)\s*\{\s*\}/gi, "");
+		return removeTailwindSourceDirectives(removeTailwindSourceMediaWrappersFallback(css));
 	}
 }
-function removeTailwindEntryDirectivesFromCss(css) {
-	return removeTailwindSourceDirectives(removeTailwindSourceMediaWrappers(css));
+function removeUnsupportedMiniProgramCssImportsFallback(css, file) {
+	if (!isMiniProgramStyleOutputFile(file) || !css.includes("@import")) return css;
+	return css.split(/\r?\n/).filter((line) => {
+		const trimmed = line.trim();
+		if (!trimmed.startsWith("@import")) return true;
+		const request = parseTailwindCssDirectiveRequest(trimmed.slice(7).trim().replace(/;$/, "").trim());
+		return request === void 0 || isMiniProgramLocalCssImportRequest(request);
+	}).join("\n");
+}
+function normalizeInjectableCssForTarget(css, file) {
+	return normalizeInjectableCssForTargetWithImports(css, file).css;
+}
+function normalizeInjectableCssForTargetWithImports(css, file) {
+	if (!css.includes("@import")) return {
+		css,
+		importedStyleFiles: /* @__PURE__ */ new Set()
+	};
+	try {
+		const root = postcss.parse(css);
+		const changed = isMiniProgramStyleOutputFile(file) ? removeUnsupportedMiniProgramCssImportsRoot(root) : false;
+		const importedStyleFiles = collectImportedStyleFilesRoot(root, file);
+		return {
+			css: changed ? root.toString() : css,
+			importedStyleFiles: importedStyleFiles.size > 0 ? importedStyleFiles : collectImportedStyleFilesFallback(css, file)
+		};
+	} catch {
+		const fallbackCss = removeUnsupportedMiniProgramCssImportsFallback(css, file);
+		return {
+			css: fallbackCss,
+			importedStyleFiles: collectImportedStyleFiles(fallbackCss, file)
+		};
+	}
 }
 function stripStyleExtension(file) {
 	return file.replace(/[?#].*$/, "").replace(/\.(?:css|wxss|acss|ttss|qss|jxss|tyss|scss|sass|less|styl|stylus|pcss|postcss)$/i, "");
@@ -1848,15 +1903,27 @@ function resolveImportedStyleFile(targetFile, request) {
 	const targetDir = posix.posix.dirname(normalizeOutputPathKey(targetFile));
 	return normalizeOutputPathKey(posix.posix.join(targetDir === "." ? "" : targetDir, cleanRequest));
 }
-function collectImportedStyleFiles(css, targetFile) {
+function collectImportedStyleFilesFromRequests(requests, targetFile) {
 	const imports = /* @__PURE__ */ new Set();
+	for (const request of requests) {
+		const importedFile = resolveImportedStyleFile(targetFile, request);
+		if (importedFile) imports.add(importedFile);
+	}
+	return imports;
+}
+function collectImportedStyleFilesRoot(root, targetFile) {
+	return collectImportedStyleFilesFromRequests(collectCssImportRequestsRoot(root), targetFile);
+}
+function collectImportedStyleFilesFallback(css, targetFile) {
+	return collectImportedStyleFilesFromRequests([...css.matchAll(/@import\s+(?:url\(\s*)?(?:"([^"]+)"|'([^']+)'|([^\s;)]+))/g)].map((match) => match[1] ?? match[2] ?? match[3]).filter((request) => typeof request === "string" && request.length > 0), targetFile);
+}
+function collectImportedStyleFiles(css, targetFile) {
+	if (!css.includes("@import")) return /* @__PURE__ */ new Set();
 	try {
-		postcss.parse(css).walkAtRules("import", (atRule) => {
-			const importedFile = resolveImportedStyleFile(targetFile, parseImportRequest(atRule.params));
-			if (importedFile) imports.add(importedFile);
-		});
+		const imports = collectImportedStyleFilesRoot(postcss.parse(css), targetFile);
+		return imports.size > 0 ? imports : collectImportedStyleFilesFallback(css, targetFile);
 	} catch {}
-	return imports;
+	return collectImportedStyleFilesFallback(css, targetFile);
 }
 function normalizeMarkerOutputFile(markerFile, resolveViteProcessedCssOutputFile) {
 	return resolveViteProcessedCssOutputFile?.(markerFile) ?? markerFile;
@@ -2013,9 +2080,21 @@ function isUnscopedMiniProgramTailwindPreflightRule(rule) {
 	const declarations = rule.nodes?.filter((node) => node.type === "decl") ?? [];
 	return declarations.length > 0 && declarations.every(isMiniProgramTailwindPreflightDeclaration);
 }
+function isScopedMiniProgramTailwindContentInitRule(rule) {
+	const selectors = rule.selectors ?? [rule.selector];
+	if (selectors.length === 0 || !selectors.every((selector) => {
+		const normalized = normalizeCssSignatureValue(selector);
+		return hasVueScopedAttr(selector) && MINI_PROGRAM_PREFLIGHT_SELECTORS.has(normalized);
+	})) return false;
+	const declarations = rule.nodes?.filter((node) => node.type === "decl") ?? [];
+	return declarations.length > 0 && declarations.every((decl) => decl.prop === "--tw-content");
+}
 function hasUnscopedMiniProgramTailwindPreflightRule(css) {
 	return /(?:^|[{}])\s*view\s*,\s*text\s*,\s*::after\s*,\s*::before\s*\{/.test(css);
 }
+function hasScopedMiniProgramTailwindContentInitRule(css) {
+	return /(?:^|[{}])[^{}]*\.data-v-[\w-][^{}]*\{\s*--tw-content\s*:/.test(css);
+}
 function collectRootScopedComparableCssCoverage(cssSources) {
 	const rules = /* @__PURE__ */ new Set();
 	const atRules = /* @__PURE__ */ new Set();
@@ -2052,14 +2131,15 @@ function isRuleCoveredByRootCss(rule, coverage) {
 	return declarationKeys.length > 0 && selectors.every((selector) => {
 		const rootDeclarations = coverage.declarationsBySelector.get(normalizeCssSignatureValue(selector));
 		return rootDeclarations != null && declarationKeys.every((declaration) => rootDeclarations.has(declaration));
-	}) || selectors.every((selector) => coverage.declarationsBySelector.has(normalizeCssSignatureValue(selector)));
+	});
 }
 function removeScopedCssCoveredByRootStyleSources(css, rootSources) {
 	if (!hasVueScopedAttr(css)) return css;
 	const hasScopedTailwindGeneratedCss = /tailwindcss v\d/i.test(css);
 	const hasUnscopedMiniProgramPreflight = hasUnscopedMiniProgramTailwindPreflightRule(css);
+	const hasScopedMiniProgramContentInit = hasScopedMiniProgramTailwindContentInitRule(css);
 	const coverage = collectRootScopedComparableCssCoverage(rootSources);
-	if (coverage.rules.size === 0 && coverage.atRules.size === 0 && !hasScopedTailwindGeneratedCss && !hasUnscopedMiniProgramPreflight) return css;
+	if (coverage.rules.size === 0 && coverage.atRules.size === 0 && !hasScopedTailwindGeneratedCss && !hasUnscopedMiniProgramPreflight && !hasScopedMiniProgramContentInit) return css;
 	try {
 		const root = postcss.parse(css);
 		let changed = false;
@@ -2070,7 +2150,7 @@ function removeScopedCssCoveredByRootStyleSources(css, rootSources) {
 			}
 		});
 		root.walkRules((rule) => {
-			if (isRuleCoveredByRootCss(rule, coverage) || hasScopedTailwindGeneratedCss && isLikelyTailwindGlobalRule(rule) || isUnscopedMiniProgramTailwindPreflightRule(rule)) {
+			if (isRuleCoveredByRootCss(rule, coverage) || hasScopedTailwindGeneratedCss && isLikelyTailwindGlobalRule(rule) || isUnscopedMiniProgramTailwindPreflightRule(rule) || isScopedMiniProgramTailwindContentInitRule(rule)) {
 				rule.remove();
 				changed = true;
 			}
@@ -2204,6 +2284,7 @@ function shouldUseCssAssetAsMainInjectionTarget(opts, file, records, options, bu
 	}) === true && !isMiniProgramStyleOutputFile(file) && matchedRootWebOutputTargets.length > 0) return matchedRootWebOutputTargets.includes(fileKey);
 	const explicitRootTargets = records.filter((record) => record.injectIntoMain === true).map((record) => typeof record.outputFile === "string" ? normalizeOutputPathKey(record.outputFile) : void 0).filter((outputFile) => typeof outputFile === "string" && isRootStyleOutputFile(outputFile) && !isMiniProgramStyleOutputFile(outputFile));
 	const explicitWebCssTargets = records.filter((record) => record.injectIntoMain === true).map((record) => typeof record.outputFile === "string" ? normalizeOutputPathKey(record.outputFile) : void 0).filter((outputFile) => typeof outputFile === "string" && isCssOutputFile(outputFile) && !isMiniProgramStyleOutputFile(outputFile));
+	const explicitStyleOutputTargets = records.filter((record) => record.injectIntoMain === true).map((record) => typeof record.outputFile === "string" ? normalizeOutputPathKey(record.outputFile) : void 0).filter((outputFile) => typeof outputFile === "string" && isRootStyleOutputFile(outputFile));
 	if (context !== void 0 && options.cssPipelineStrategy?.shouldPreferExplicitWebCssTargets?.({
 		...context,
 		explicitRootTargets,
@@ -2213,12 +2294,25 @@ function shouldUseCssAssetAsMainInjectionTarget(opts, file, records, options, bu
 	if (explicitRootTargets.length > 0) return explicitRootTargets.includes(fileKey);
 	if (records.some((record) => {
 		if (record.injectIntoMain !== true) return false;
+		if (explicitStyleOutputTargets.length > 0) return explicitStyleOutputTargets.includes(fileKey) || isRootStyleOutputFile(file) && isViteProcessedRootStyleImportingTargets(bundle, file, explicitStyleOutputTargets) || isRootStyleOutputFile(file) && opts.mainCssChunkMatcher(file, opts.appType) && explicitStyleOutputTargets.some((outputFile) => opts.mainCssChunkMatcher(outputFile, opts.appType));
 		return isRootStyleOutputFile(file) || typeof record.outputFile === "string" && normalizeOutputPathKey(record.outputFile) === fileKey;
 	})) return true;
-	if (records.some((record) => record.injectIntoMain === true)) return false;
+	if (records.some((record) => record.injectIntoMain === true)) {
+		const matchedExplicitMiniProgramTargets = explicitStyleOutputTargets.filter((outputFile) => isMiniProgramStyleOutputFile(outputFile) && opts.mainCssChunkMatcher(outputFile, opts.appType));
+		if (matchedExplicitMiniProgramTargets.length > 0) return matchedExplicitMiniProgramTargets.includes(fileKey);
+		return isRootStyleOutputFile(file) && isMiniProgramStyleOutputFile(file);
+	}
 	if (opts.mainCssChunkMatcher(file, opts.appType)) return true;
 	return isRootStyleOutputFile(file) && records.some((record) => record.injectIntoMain === true);
 }
+function isViteProcessedRootStyleImportingTargets(bundle, file, targetFiles) {
+	const targetFileSet = new Set(targetFiles.map(normalizeOutputPathKey));
+	for (const [bundleFile, output] of Object.entries(bundle)) {
+		if (output.type !== "asset" || normalizeOutputPathKey(getAssetFile$1(bundleFile, output)) !== normalizeOutputPathKey(file)) continue;
+		return [...collectImportedStyleFiles(readAssetSource$2(output), file)].some((importedFile) => targetFileSet.has(normalizeOutputPathKey(importedFile)));
+	}
+	return false;
+}
 function isViteProcessedCssResultImported(record, importedStyleFiles) {
 	return importedStyleFiles.has(normalizeOutputPathKey(record.file)) || typeof record.outputFile === "string" && importedStyleFiles.has(normalizeOutputPathKey(record.outputFile));
 }
@@ -2262,7 +2356,84 @@ function removeCssCoveredByImportedViteResults(css, importedCssSources) {
 	if (importedCssSources.length === 0) return css;
 	const importedCss = importedCssSources.map((source) => stripBundlerGeneratedCssMarkers(source).trim()).filter(Boolean).join("\n");
 	if (importedCss.length === 0) return css;
-	return filterExistingCssRules(importedCss, css);
+	return restoreCssImportAtRules(css, removeCssRulesCoveredBySources(css, [importedCss], { exactOnly: true }));
+}
+function removeCssRulesCoveredBySources(css, sources, options = {}) {
+	if (sources.length === 0 || css.trim().length === 0) return css;
+	const coverage = collectRootScopedComparableCssCoverage(sources);
+	const coveredRuleCss = collectNormalizedRuleCss(sources);
+	if (coverage.rules.size === 0 && coverage.declarationsBySelector.size === 0 && coveredRuleCss.size === 0) return css;
+	try {
+		const root = postcss.parse(css);
+		let changed = false;
+		root.walkRules((rule) => {
+			if (!coveredRuleCss.has(normalizeCssSignatureValue(rule.toString())) && (options.exactOnly === true || !isRuleCoveredByRootCss(rule, coverage))) return;
+			rule.remove();
+			changed = true;
+		});
+		return changed ? root.toString() : css;
+	} catch {
+		return css;
+	}
+}
+function collectNormalizedRuleCss(sources) {
+	const rules = /* @__PURE__ */ new Set();
+	for (const source of sources) try {
+		postcss.parse(source).walkRules((rule) => {
+			rules.add(normalizeCssSignatureValue(rule.toString()));
+		});
+	} catch {}
+	return rules;
+}
+function collectCssImportAtRuleCss(css) {
+	if (!css.includes("@import")) return [];
+	const fallbackImports = [...css.matchAll(/@import\s[^;]+;?/g)].map((match) => match[0]);
+	if (fallbackImports.length > 0) return fallbackImports;
+	try {
+		const root = postcss.parse(css);
+		const imports = [];
+		root.each((node) => {
+			if (node.type === "atrule" && node.name === "import") imports.push(node.toString());
+		});
+		return imports;
+	} catch {
+		return [];
+	}
+}
+function parseCssImportRequest(importCss) {
+	const trimmed = importCss.trim();
+	if (!trimmed.startsWith("@import")) return;
+	return parseTailwindCssDirectiveRequest(trimmed.slice(7).trim().replace(/;$/, "").trim());
+}
+function shouldRestoreCssImportAtRule(importCss, file) {
+	if (file === void 0 || !isMiniProgramStyleOutputFile(file)) return true;
+	const request = parseCssImportRequest(importCss);
+	if (request === void 0) return false;
+	if (isMiniProgramLocalCssImportRequest(request)) return true;
+	return isStyleImportRequest(request) && !request.includes("/");
+}
+function restoreCssImportAtRules(source, filtered, file) {
+	const imports = collectCssImportAtRuleCss(source).filter((importCss) => shouldRestoreCssImportAtRule(importCss, file));
+	if (imports.length === 0) return filtered;
+	const missingImports = imports.filter((importCss) => !filtered.includes(importCss));
+	if (missingImports.length === 0) return filtered;
+	return appendCss$1(missingImports.join("\n"), filtered);
+}
+function removeCommentOnlyAtRules(css) {
+	if (!css.includes("@")) return css;
+	try {
+		const root = postcss.parse(css);
+		let changed = false;
+		root.walkAtRules((atRule) => {
+			if (!atRule.nodes || atRule.nodes.length === 0) return;
+			if (atRule.nodes.some((node) => node.type !== "comment")) return;
+			atRule.remove();
+			changed = true;
+		});
+		return changed ? root.toString() : css;
+	} catch {
+		return css;
+	}
 }
 function collectImportedBundleCssSources(bundle, importedStyleFiles) {
 	if (importedStyleFiles.size === 0) return [];
@@ -2477,8 +2648,9 @@ function injectViteProcessedCssIntoMainCssAssets(bundle, options) {
 		}
 		const fileKey = normalizeOutputPathKey(file);
 		const mainFileKey = normalizeOutputPathKey(file);
-		let nextCss = transformCss(removeTailwindEntryDirectivesFromCss(originalSource), file);
-		const importedStyleFiles = collectImportedStyleFiles(nextCss, file);
+		const normalizedOriginalCss = normalizeInjectableCssForTargetWithImports(transformCss(removeTailwindEntryDirectivesFromCss(originalSource), file), file);
+		let nextCss = normalizedOriginalCss.css;
+		const importedStyleFiles = normalizedOriginalCss.importedStyleFiles;
 		const importedBundleCssSources = collectImportedBundleCssSources(bundle, importedStyleFiles);
 		nextCss = removeCssCoveredByImportedViteResults(nextCss, importedBundleCssSources);
 		const importedViteCssResults = viteCssResults.filter((record) => isViteProcessedCssResultImported(record, importedStyleFiles));
@@ -2494,7 +2666,7 @@ function injectViteProcessedCssIntoMainCssAssets(bundle, options) {
 			if (!shouldInjectViteProcessedCssResult(options.opts, mainFileKey, record.file, record)) continue;
 			if (isViteProcessedCssResultImported(record, importedStyleFiles)) continue;
 			targetViteCssResults.push(record);
-			let css = stripBundlerGeneratedCssMarkers(record.css).trim();
+			let css = normalizeInjectableCssForTarget(stripBundlerGeneratedCssMarkers(record.css).trim(), file).trim();
 			css = removeCssCoveredByImportedViteResults(css, importedCssSources).trim();
 			if (css.length === 0) continue;
 			const mergedLayerCss = mergeMarkedUserLayerComponentsCss(nextCss, css);
@@ -2527,7 +2699,9 @@ function injectViteProcessedCssIntoMainCssAssets(bundle, options) {
 			if (missingCss.length === 0 || !hasNonCommentCss(missingCss) || containsCssAfterMinify(nextCss, missingCss)) continue;
 			nextCss = appendCss$1(nextCss, missingCss);
 		}
-		nextCss = transformCss(nextCss, file);
+		const finalImportedCssSources = collectImportedBundleCssSources(bundle, collectImportedStyleFiles(originalSource, file));
+		nextCss = transformCss(removeCommentOnlyAtRules(restoreCssImportAtRules(originalSource, removeCssRulesCoveredBySources(nextCss, finalImportedCssSources, { exactOnly: true }).trim(), file)), file);
+		if (nextCss.trim() === originalSource.trim()) nextCss = originalSource;
 		if (nextCss !== originalSource) {
 			output.source = nextCss;
 			options.markCssAssetProcessed?.(output, file);
@@ -2812,14 +2986,15 @@ function getAssetFile(bundleFile, asset) {
 	return asset.fileName || bundleFile;
 }
 function finalizeWebviewCssCompat(bundle, options) {
-	if (options.opts.generator?.webCompat === false) return 0;
+	const generatorOptions = normalizeWeappTailwindcssGeneratorOptions(options.opts.generator);
+	if (generatorOptions.webCompat === false) return 0;
 	let transformed = 0;
 	for (const [bundleFile, output] of Object.entries(bundle)) {
 		if (output.type !== "asset") continue;
 		const file = getAssetFile(bundleFile, output);
 		if (!options.opts.cssMatcher(file) || !/\.css(?:$|[?#])/i.test(file)) continue;
 		const rawSource = readAssetSource(output);
-		const nextCss = transformWebCssSafeSelectors(transformWebCssCompat(rawSource, options.opts.generator?.webCompat ?? true), { escapeMap: options.opts.escapeMap });
+		const nextCss = transformWebCssSafeSelectors(transformWebCssCompat(rawSource, generatorOptions.webCompat ?? true), { escapeMap: options.opts.escapeMap });
 		if (nextCss === rawSource) continue;
 		output.source = nextCss;
 		options.recordCssAssetResult?.(file, nextCss);
@@ -3279,7 +3454,7 @@ function resolveUniAppXStyleIsolationEnabled(root) {
 //#region src/uni-app-x/vite.ts
 let transformUVuePromise;
 function loadTransformUVue() {
-	transformUVuePromise ?? (transformUVuePromise = import("./transform-wNEbcZeQ.mjs").then((mod) => mod.transformUVue));
+	transformUVuePromise ?? (transformUVuePromise = import("./transform-BgnNYkIG.mjs").then((mod) => mod.transformUVue));
 	return transformUVuePromise;
 }
 const preprocessorLangs = /* @__PURE__ */ new Set([
@@ -3737,7 +3912,7 @@ function collectRememberedCssReplayGroups(sources, opts, rootDir, isWebGenerator
 //#endregion
 //#region src/bundlers/vite/generate-bundle/remembered-css-replay.ts
 async function processRememberedCssReplay(options) {
-	const { addWatchFile, activeViteCssCacheFiles, bundleFiles, cache, createScopedGeneratorRuntime, createScopedSourceCandidateGetter, createScopedSourceCandidateSourceGetter, cssTaskFactories, debug, defaultStyleOutputExtension, emitOrReplayCssAsset, generatorRuntime, generatorPlatform, getCssHandlerOptions, getCssUserHandlerOptions, getRememberedCssSignature, getRememberedCssSources, isNativeAppStyleTarget, isWebGeneratorTarget, lastCssResultByFile, lastCssSourceHashByFile, markCssAssetProcessed, metrics, normalizeViteCssCacheKey, onUpdate, opts, recordCssAssetResult, recordViteProcessedCssAssetResult, refreshRememberedCssSource, rootDir, runtimeState, setRememberedCssSignature, shouldInjectCssIntoMainFromOutput, shouldPreserveAppCssExtension, sourceRoot, styleHandler, timeTask, useIncrementalMode } = options;
+	const { addWatchFile, activeViteCssCacheFiles, bundleFiles, cache, changedCssFiles = /* @__PURE__ */ new Set(), createScopedGeneratorRuntime, createScopedSourceCandidateGetter, createScopedSourceCandidateSourceGetter, cssTaskFactories, debug, defaultStyleOutputExtension, emitOrReplayCssAsset, generatorRuntime, generatorPlatform, getCssHandlerOptions, getCssUserHandlerOptions, getRememberedCssSignature, getRememberedCssSources, isNativeAppStyleTarget, isWebGeneratorTarget, lastCssRawSourceHashByFile = /* @__PURE__ */ new Map(), lastCssResultByFile, lastCssSourceHashByFile, markCssAssetProcessed, metrics, normalizeViteCssCacheKey, onUpdate, opts, recordCssAssetResult, recordViteProcessedCssAssetResult, refreshRememberedCssSource, rootDir, runtimeState, setRememberedCssSignature, shouldInjectCssIntoMainFromOutput, shouldPreserveAppCssExtension, sourceRoot, styleHandler, timeTask, useIncrementalMode } = options;
 	const rememberedReplayGroups = collectRememberedCssReplayGroups(getRememberedCssSources?.(), opts, rootDir, isWebGeneratorTarget, shouldPreserveAppCssExtension, sourceRoot, defaultStyleOutputExtension, bundleFiles);
 	for (const [outputFile, rememberedGroup] of rememberedReplayGroups) {
 		if (isHTMLRequest(outputFile) || options.opts.htmlMatcher(outputFile)) continue;
@@ -3749,6 +3924,7 @@ async function processRememberedCssReplay(options) {
 		const rememberedCssSource = mergeRememberedCssSources(refreshedRememberedGroup.map((item) => item.remembered), outputFile);
 		if (!rememberedCssSource) continue;
 		const { rawSource, sourceFile } = rememberedCssSource;
+		const generatorRawSource = isWebGeneratorTarget ? rawSource : normalizeMiniProgramGeneratorCssSource(rawSource, outputFile);
 		activeViteCssCacheFiles.add(normalizeViteCssCacheKey(outputFile));
 		activeViteCssCacheFiles.add(normalizeViteCssCacheKey(sourceFile));
 		const outputCssHandlerOptions = getCssHandlerOptions(outputFile);
@@ -3758,17 +3934,21 @@ async function processRememberedCssReplay(options) {
 		};
 		const scopedSourceCandidateGetter = createScopedSourceCandidateGetter(outputFile, cssHandlerOptions);
 		const scopedSourceCandidateSourceGetter = createScopedSourceCandidateSourceGetter(outputFile, cssHandlerOptions);
-		const scopedGeneratorRuntime = await createScopedGeneratorRuntime(outputFile, cssHandlerOptions, generatorRuntime, rawSource, sourceFile);
-		const cssRuntimeSignature = createCssRuntimeSignature(createCandidateSignature(scopedGeneratorRuntime), await createScopedGeneratorCandidateSignature(rawSource, sourceFile, createCandidateSignature(scopedGeneratorRuntime), scopedSourceCandidateGetter, {
+		const scopedGeneratorRuntime = await createScopedGeneratorRuntime(outputFile, cssHandlerOptions, generatorRuntime, generatorRawSource, sourceFile);
+		const cssRuntimeSignature = createCssRuntimeSignature(createCandidateSignature(scopedGeneratorRuntime), await createScopedGeneratorCandidateSignature(generatorRawSource, sourceFile, createCandidateSignature(scopedGeneratorRuntime), scopedSourceCandidateGetter, {
 			includeFallbackSignature: cssHandlerOptions.isMainChunk,
 			majorVersion: runtimeState.tailwindRuntime.majorVersion
 		}));
 		const cssRuntimeAffectingHash = cache.computeHash(createRuntimeAffectingSourceSignature(rawSource, "css"));
 		const rememberedCssRuntimeSignature = createRememberedCssRuntimeSignature(cssRuntimeSignature, cssRuntimeAffectingHash);
-		const previousCss = useIncrementalMode && getLastCssSourceHash(lastCssSourceHashByFile, outputFile) === cssRuntimeAffectingHash ? getLastCssResult(lastCssResultByFile, outputFile) : void 0;
+		const rawSourceHash = cache.computeHash(rawSource);
+		const previousRawSourceHash = lastCssRawSourceHashByFile.get(outputFile);
+		const cssSourceChanged = changedCssFiles.has(outputFile) || changedCssFiles.has(sourceFile) || previousRawSourceHash != null && previousRawSourceHash !== rawSourceHash;
+		const previousCss = useIncrementalMode && !cssSourceChanged && getLastCssSourceHash(lastCssSourceHashByFile, outputFile) === cssRuntimeAffectingHash ? getLastCssResult(lastCssResultByFile, outputFile) : void 0;
 		const allRememberedSignaturesFresh = rememberedKeys.length > 0 && rememberedKeys.every((key) => getRememberedCssSignature?.(key) === rememberedCssRuntimeSignature);
 		if (bundleFiles.includes(outputFile) || bundleFiles.includes(sourceFile) || allRememberedSignaturesFresh) continue;
-		const sourceTraceTokenSources = scopedSourceCandidateSourceGetter ? createCssTokenSourceMap(scopedSourceCandidateSourceGetter(void 0), opts) : void 0;
+		const sourceTraceSources = scopedSourceCandidateSourceGetter ? await createScopedGeneratorSourceTraceMap(generatorRawSource, sourceFile, scopedSourceCandidateSourceGetter) : void 0;
+		const sourceTraceTokenSources = sourceTraceSources ? createCssTokenSourceMap(sourceTraceSources, opts) : void 0;
 		const annotateCss = (css) => annotateCssSourceTrace(css, {
 			opts,
 			tokenSources: sourceTraceTokenSources
@@ -3776,13 +3956,32 @@ async function processRememberedCssReplay(options) {
 		const shouldRecordRememberedReplayCss = useIncrementalMode || isNativeAppStyleTarget;
 		const shouldEmitRememberedReplayCssAsset = shouldRecordRememberedReplayCss;
 		if (!shouldRecordRememberedReplayCss) continue;
+		if (!isWebGeneratorTarget && isPureLocalCssImportWrapper(rawSource)) {
+			cssTaskFactories.push(() => timeTask("css.replay", async () => {
+				const start = performance.now();
+				const css = annotateCss(normalizeMiniProgramImportShell(rawSource));
+				lastCssRawSourceHashByFile.set(outputFile, rawSourceHash);
+				rememberLastCssResult(lastCssResultByFile, lastCssSourceHashByFile, outputFile, css, cssRuntimeAffectingHash);
+				for (const key of rememberedKeys) setRememberedCssSignature?.(key, rememberedCssRuntimeSignature);
+				recordCssAssetResult?.(outputFile, css);
+				if (shouldEmitRememberedReplayCssAsset) {
+					const replayAsset = emitOrReplayCssAsset(outputFile, css);
+					if (replayAsset) markCssAssetProcessed?.(replayAsset, outputFile);
+				}
+				metrics.css.elapsed += measureElapsed(start);
+				metrics.css.transformed++;
+				onUpdate(outputFile, rawSource, css);
+				debug("css replay preserve local import shell: %s", outputFile);
+			}));
+			continue;
+		}
 		cssTaskFactories.push(() => timeTask("css.replay", async () => {
 			const start = performance.now();
 			const generated = await generateTailwindV4Css({
 				opts,
 				runtimeState,
 				runtime: scopedGeneratorRuntime,
-				rawSource,
+				rawSource: generatorRawSource,
 				file: sourceFile,
 				outputFile,
 				cssHandlerOptions,
@@ -3793,7 +3992,8 @@ async function processRememberedCssReplay(options) {
 				debug,
 				previousCss
 			});
-			const css = annotateCss(generated?.css ?? (await styleHandler(rawSource, cssHandlerOptions)).css);
+			const css = annotateCss(generated?.css ?? (await styleHandler(generatorRawSource, cssHandlerOptions)).css);
+			lastCssRawSourceHashByFile.set(outputFile, rawSourceHash);
 			rememberLastCssResult(lastCssResultByFile, lastCssSourceHashByFile, outputFile, css, cssRuntimeAffectingHash);
 			for (const key of rememberedKeys) setRememberedCssSignature?.(key, rememberedCssRuntimeSignature);
 			if (generated) {
@@ -3804,6 +4004,10 @@ async function processRememberedCssReplay(options) {
 					injectIntoMain: outputCssHandlerOptions.isMainChunk ? false : shouldInjectReplayCssIntoMain,
 					outputFile
 				});
+				if (outputFile !== sourceFile) recordViteProcessedCssAssetResult?.(outputFile, css, {
+					injectIntoMain: outputCssHandlerOptions.isMainChunk ? false : shouldInjectReplayCssIntoMain,
+					outputFile
+				});
 				debug("css replay generated result: %s bytes=%d", outputFile, css.length);
 			}
 			if (shouldEmitRememberedReplayCssAsset) {
@@ -4062,37 +4266,119 @@ function createStableTextSignature(input) {
 	}
 	return (hash >>> 0).toString(36);
 }
+function parseQuotedRequest(params) {
+	const input = params.trim();
+	const quote = input[0];
+	if (quote !== "\"" && quote !== "'") return;
+	let escaped = false;
+	for (let index = 1; index < input.length; index++) {
+		const char = input[index];
+		if (escaped) {
+			escaped = false;
+			continue;
+		}
+		if (char === "\\") {
+			escaped = true;
+			continue;
+		}
+		if (char === quote) return input.slice(1, index);
+	}
+}
+function parseSourceParams(params) {
+	let input = params.trim();
+	let negated = false;
+	if (input.startsWith("not ")) {
+		negated = true;
+		input = input.slice(4).trim();
+	}
+	if (input.startsWith("inline(") && input.endsWith(")")) return {
+		prefix: negated ? "source:inline:not" : "source:inline",
+		value: input.slice(7, -1).trim()
+	};
+	const request = parseQuotedRequest(input);
+	if (!request) return;
+	return {
+		prefix: negated ? "source:not" : "source",
+		value: request
+	};
+}
+function parseTailwindImportSource(params) {
+	if (parseQuotedRequest(params) !== "tailwindcss") return;
+	return /\bsource\(([^)]*)\)/.exec(params)?.[1]?.trim();
+}
+function hasExplicitTailwindV4Directive(source) {
+	try {
+		let found = false;
+		postcss.parse(source).walkAtRules((rule) => {
+			if (rule.name === "config" || rule.name === "source" || rule.name === "plugin" || rule.name === "custom-variant" || rule.name === "theme" || rule.name === "utility" || rule.name === "variant" || rule.name === "apply") {
+				found = true;
+				return false;
+			}
+		});
+		return found;
+	} catch {
+		return false;
+	}
+}
 function collectTailwindV4SourceFingerprint(source) {
 	const tokens = /* @__PURE__ */ new Set();
 	const add = (prefix, value) => {
 		tokens.add(`${prefix}:${value.trim()}`);
 	};
-	for (const match of source.matchAll(/@config\s+(["'])(.+?)\1\s*;?/g)) {
-		const configRequest = match[2];
-		add("config", path.basename(configRequest));
-		add("config-request", configRequest.replace(/\\/g, "/"));
-	}
-	for (const match of source.matchAll(/@source\s+(not\s+)?(["'])(.+?)\2\s*;?/g)) add(match[1] ? "source:not" : "source", match[3]);
-	for (const match of source.matchAll(/@plugin\s+(["'])(.+?)\1\s*(?:\{([\s\S]*?)\}|;)/g)) {
-		const request = match[2];
-		const optionBlock = match[3];
-		add("plugin", request);
-		add("plugin-request", request.replace(/\\/g, "/"));
-		if (optionBlock !== void 0) add("plugin-options", `${request}:${createStableTextSignature(optionBlock)}`);
-	}
 	try {
-		postcss.parse(source).walkAtRules("plugin", (rule) => {
-			const request = /^(['"])(.+?)\1/.exec(rule.params.trim())?.[2];
-			if (!request || !rule.nodes?.length) return;
-			rule.walkDecls((decl) => {
-				add("plugin-option", `${request}:${decl.prop}:${decl.value}`);
-			});
+		const root = postcss.parse(source);
+		root.walkAtRules((rule) => {
+			if (rule.name === "import") {
+				const sourceMode = parseTailwindImportSource(rule.params);
+				if (sourceMode) add("import-source", sourceMode);
+				return;
+			}
+			if (rule.name === "config") {
+				const configRequest = parseQuotedRequest(rule.params);
+				if (configRequest) {
+					add("config", path.basename(configRequest));
+					add("config-request", configRequest.replace(/\\/g, "/"));
+				}
+				return;
+			}
+			if (rule.name === "source") {
+				const parsed = parseSourceParams(rule.params);
+				if (parsed) add(parsed.prefix, parsed.value);
+				return;
+			}
+			if (rule.name === "plugin") {
+				const request = parseQuotedRequest(rule.params);
+				if (!request) return;
+				add("plugin", request);
+				add("plugin-request", request.replace(/\\/g, "/"));
+				if (rule.nodes?.length) {
+					add("plugin-options", `${request}:${createStableTextSignature(rule.toString())}`);
+					rule.walkDecls((decl) => {
+						add("plugin-option", `${request}:${decl.prop}:${decl.value}`);
+					});
+				}
+				return;
+			}
+			if (rule.name === "custom-variant") {
+				const [name] = rule.params.trim().split(/\s+/, 1);
+				if (name) add("custom-variant", name);
+				return;
+			}
+			if (rule.name === "theme" || rule.name === "utility" || rule.name === "variant" || rule.name === "layer") {
+				const [name] = rule.params.trim().split(/\s+/, 1);
+				if (name) add("directive", name);
+			}
+		});
+		root.walkDecls((decl) => {
+			if (decl.prop.startsWith("--")) add("theme-token", decl.prop);
+		});
+		root.walkRules((rule) => {
+			for (const selector of rule.selectors ?? []) {
+				const match = /\.([_a-z][\w-]*)/i.exec(selector);
+				if (match?.[1]) add("selector", match[1]);
+			}
 		});
 	} catch {}
-	for (const match of source.matchAll(/@custom-variant\s+([^{\s]+)/g)) add("custom-variant", match[1]);
-	for (const match of source.matchAll(/@(?:theme|utility|variant|layer)\s+([^{;\s]+)/g)) add("directive", match[1]);
-	for (const match of source.matchAll(/--[\w-]+(?=\s*:)/g)) add("theme-token", match[0]);
-	for (const match of source.matchAll(/\.([_a-z][\w-]*)\s*[{,]/gi)) add("selector", match[1]);
 	return tokens;
 }
 function scoreConfiguredTailwindV4SourceForRawSource(rawSource, entrySource) {
@@ -4108,7 +4394,7 @@ function selectTailwindV4GenerationCssSourceForOutput(outputFile, entries, rawSo
 	const generationSources = entries.filter((entry) => hasTailwindGenerationSource(entry.source));
 	if (generationSources.length <= 1) return generationSources[0];
 	const canMatchByOutputPath = Boolean(options.cwd || options.outputRoot || options.projectRoot);
-	const selectByOutputPath = (candidates) => {
+	const selectByOutputPath = (candidates, shouldUseScore = (score) => score > 0) => {
 		if (!canMatchByOutputPath) return;
 		const scoredSources = candidates.map((entry) => ({
 			entry,
@@ -4117,7 +4403,7 @@ function selectTailwindV4GenerationCssSourceForOutput(outputFile, entries, rawSo
 				outputRoot: options.outputRoot,
 				projectRoot: options.projectRoot
 			})
-		})).filter((item) => item.score > 0).sort((a, b) => b.score - a.score);
+		})).filter((item) => shouldUseScore(item.score)).sort((a, b) => b.score - a.score);
 		const bestScore = scoredSources[0]?.score;
 		const bestSources = bestScore ? scoredSources.filter((item) => item.score === bestScore) : [];
 		return bestSources.length === 1 ? bestSources[0]?.entry : void 0;
@@ -4131,10 +4417,12 @@ function selectTailwindV4GenerationCssSourceForOutput(outputFile, entries, rawSo
 		const bestSources = bestScore ? scoredSources.filter((item) => item.score === bestScore) : [];
 		return bestSources.length === 1 ? bestSources[0]?.entry : void 0;
 	};
+	const explicitSources = generationSources.filter((entry) => hasExplicitTailwindV4Directive(entry.source));
+	const candidates = explicitSources.length === 1 ? explicitSources : generationSources;
+	const directoryIndexOutputPathMatched = selectByOutputPath(candidates, (score) => score >= 25e3 && score < 5e4);
+	if (directoryIndexOutputPathMatched) return directoryIndexOutputPathMatched;
 	const rawSourceMatched = selectByRawSourceFingerprint(generationSources);
 	if (rawSourceMatched) return rawSourceMatched;
-	const explicitSources = generationSources.filter((entry) => /@(?:config|source|plugin|custom-variant|theme|utility|variant|apply)\b/.test(entry.source));
-	const candidates = explicitSources.length === 1 ? explicitSources : generationSources;
 	const outputPathMatched = selectByOutputPath(candidates);
 	if (outputPathMatched) return outputPathMatched;
 	if (candidates.length === 1) return candidates[0];
@@ -4153,8 +4441,7 @@ function createTemporaryCssAssetSourceResolver(entries) {
 	const seenEntryFiles = /* @__PURE__ */ new Set();
 	const queuedEntries = entries.filter((entry) => {
 		const entryFile = normalizeCssSourceKey(entry.file);
-		const outputFile = normalizeCssSourceKey(entry.outputFile);
-		if (outputFile === entryFile || !outputFile.includes("/") || seenEntryFiles.has(entryFile)) return false;
+		if (normalizeCssSourceKey(entry.outputFile) === entryFile || seenEntryFiles.has(entryFile)) return false;
 		seenEntryFiles.add(entryFile);
 		return true;
 	});
@@ -4167,14 +4454,18 @@ function createTemporaryCssAssetSourceResolver(entries) {
 		},
 		resolve(outputFile, rawSource) {
 			if (!isTemporaryCssAssetFile(outputFile)) return;
-			const availableEntries = queuedEntries.filter((item) => !usedEntryFiles.has(normalizeCssSourceKey(item.file)));
+			const outputFileKey = normalizeCssSourceKey(outputFile);
+			const unusedEntries = queuedEntries.filter((item) => !usedEntryFiles.has(normalizeCssSourceKey(item.file)));
+			const matchedOutputEntries = unusedEntries.filter((item) => normalizeCssSourceKey(item.outputFile) === outputFileKey);
+			const usesMatchedOutputEntries = matchedOutputEntries.length > 0;
+			const availableEntries = matchedOutputEntries.length > 0 ? matchedOutputEntries : unusedEntries.filter((item) => normalizeCssSourceKey(item.outputFile).includes("/"));
 			const scoredEntries = rawSource ? availableEntries.map((entry) => ({
 				entry,
 				score: scoreConfiguredTailwindV4SourceForRawSource(rawSource, entry.source)
 			})).filter((item) => item.score > 0).sort((a, b) => b.score - a.score) : [];
 			const bestScore = scoredEntries[0]?.score;
 			const bestEntries = bestScore ? scoredEntries.filter((item) => item.score === bestScore) : [];
-			const entry = bestEntries.length === 1 ? bestEntries[0]?.entry : availableEntries.find((item) => hasTailwindGenerationSource(item.source));
+			const entry = bestEntries.length === 1 ? bestEntries[0]?.entry : usesMatchedOutputEntries || rawSource == null ? availableEntries.find((item) => hasTailwindGenerationSource(item.source)) : void 0;
 			if (!entry) return;
 			usedEntryFiles.add(normalizeCssSourceKey(entry.file));
 			return {
@@ -4348,6 +4639,19 @@ function resolveSourceRootFromBundleGraph(config, bundle) {
 	return sourceRoots.size === 1 ? [...sourceRoots][0] : void 0;
 }
 //#endregion
+//#region src/bundlers/vite/web-css-compat.ts
+/**
+* Web target 的 Tailwind 兼容转换由 generator-css 负责；Vite 外层只处理非 Web 生成目标
+* 落到 WebView 产物时的最终兼容需求，避免同一份 CSS 在 dev/build 中被重复解析转换。
+*/
+function shouldApplyViteWebCssCompat(context, strategy) {
+	if (strategy?.shouldApplyWebCssCompat?.(context) !== true) return false;
+	return !context.currentGeneratorBranch.isWeb || context.currentGeneratorOptions.webCompat !== void 0;
+}
+function resolveViteWebCssCompatOptions(context) {
+	return context.currentGeneratorBranch.isWeb ? context.currentGeneratorOptions.webCompat : context.currentGeneratorOptions.webCompat ?? true;
+}
+//#endregion
 //#region src/bundlers/vite/generate-bundle.ts
 function inferPlatformFromViteOutDir$1(outDir) {
 	const segment = outDir ? path.basename(path.normalize(outDir)) : void 0;
@@ -4359,6 +4663,7 @@ function createGenerateBundleHook(context) {
 	const state = createBundleBuildState();
 	const lastCssResultByFile = /* @__PURE__ */ new Map();
 	const lastCssSourceHashByFile = /* @__PURE__ */ new Map();
+	const lastCssRawSourceHashByFile = /* @__PURE__ */ new Map();
 	let currentOutDir;
 	let currentSubpackageRoots;
 	const createInitialCssPipelineContext = (file) => {
@@ -4431,14 +4736,14 @@ function createGenerateBundleHook(context) {
 			resolveStylePlatform: () => generatorPlatform
 		};
 		const isWebGeneratorTarget = generatorBranch.isWeb;
-		const shouldApplyWebCssCompat = context.cssPipelineStrategy?.shouldApplyWebCssCompat?.(cssPipelineContext) === true;
+		const shouldApplyWebCssCompat = shouldApplyViteWebCssCompat(cssPipelineContext, context.cssPipelineStrategy);
 		const transformWebTargetCss = (css) => {
 			return context.cssPipelineStrategy?.transformGeneratedCss?.(css, {
 				...cssPipelineContext,
-				defaultWebCssCompat: (value) => transformWebCssCompat(value, isWebGeneratorTarget ? generatorOptions.webCompat : generatorOptions.webCompat ?? true),
+				defaultWebCssCompat: (value) => transformWebCssCompat(value, resolveViteWebCssCompatOptions(cssPipelineContext)),
 				removeScopedPreflight: (value) => value,
 				shouldApplyWebCssCompat
-			}) ?? (shouldApplyWebCssCompat ? transformWebCssCompat(css, isWebGeneratorTarget ? generatorOptions.webCompat : generatorOptions.webCompat ?? true) : css);
+			}) ?? (shouldApplyWebCssCompat ? transformWebCssCompat(css, resolveViteWebCssCompatOptions(cssPipelineContext)) : css);
 		};
 		const isNativeAppStyleTarget = context.cssPipelineStrategy?.isNativeAppStyleTarget?.(cssPipelineContext) === true;
 		const isHarmonyAppStyleTarget = context.cssPipelineStrategy?.isHarmonyAppStyleTarget?.(cssPipelineContext) === true;
@@ -4449,6 +4754,9 @@ function createGenerateBundleHook(context) {
 		const sourceRoot = resolveWeappViteSourceRoot(resolvedConfig, opts.appType) ?? resolveSourceRootFromBundleGraph(resolvedConfig, bundle);
 		const outDir = resolvedConfig?.build?.outDir ? path.resolve(rootDir, resolvedConfig.build.outDir) : rootDir;
 		const defaultStyleOutputExtension = resolveMiniProgramStyleOutputExtension({ files: Object.keys(bundle) });
+		const normalizeMiniProgramGeneratorRawSource = (source, outputFile) => {
+			return isWebGeneratorTarget ? source : normalizeMiniProgramGeneratorCssSource(source, outputFile);
+		};
 		await runtimeState.readyPromise;
 		debug("start");
 		onStart();
@@ -4474,7 +4782,7 @@ function createGenerateBundleHook(context) {
 			timingDetails[name] = (timingDetails[name] ?? 0) + Math.max(0, performance.now() - startedAt);
 		};
 		const timeTask = createBundleTaskTimer(recordTimingDetail);
-		const emitOrReplayCssAsset = createCssAssetEmitter(this);
+		const emitOrReplayCssAsset = createCssAssetEmitter(this, bundle);
 		const metrics = createEmptyMetrics();
 		const envFlags = resolveGenerateBundleEnvFlags();
 		const bundleFiles = Object.keys(bundle);
@@ -4541,15 +4849,20 @@ function createGenerateBundleHook(context) {
 			});
 		};
 		const resolveConfiguredTailwindV4CssEntryOutputFile = (sourceFile) => resolveViteCssPipelineOutputFile(sourceFile, opts, rootDir, isWebGeneratorTarget, shouldPreserveAppCssExtension, sourceRoot, defaultStyleOutputExtension, bundleFiles);
-		const selectConfiguredRootCssSourceEntry = (outputFile, entries, originalFileNames) => {
-			const matchedOriginalEntry = entries.find((entry) => originalFileNames?.some((originalFile) => normalizeConfiguredTailwindV4CssEntryFileKey(originalFile) === normalizeConfiguredTailwindV4CssEntryFileKey(entry.file)) === true);
-			if (matchedOriginalEntry && outputFile.replace(/[?#].*$/, "").endsWith(".css")) return matchedOriginalEntry;
-			if (!(context.cssPipelineStrategy?.shouldSelectConfiguredCssEntryRootSource?.({
+		const shouldSelectConfiguredRootCssOutput = (outputFile) => {
+			if (!opts.cssMatcher(outputFile) || !isRootStyleOutputFile(outputFile)) return false;
+			return context.cssPipelineStrategy?.shouldSelectConfiguredCssEntryRootSource?.({
 				...cssPipelineContext,
 				isRootStyleOutputFile,
 				outputFile
-			}) === true || cssPipelineContext.currentGeneratorBranch.isWeb && opts.cssMatcher(outputFile) && isRootStyleOutputFile(outputFile))) return;
-			const generationEntries = entries.filter((entry) => hasTailwindGenerationSource(entry.source));
+			}) === true || cssPipelineContext.currentGeneratorBranch.isWeb;
+		};
+		const selectConfiguredRootCssSourceEntry = (outputFile, entries, originalFileNames) => {
+			const matchedOriginalEntry = entries.find((entry) => originalFileNames?.some((originalFile) => normalizeConfiguredTailwindV4CssEntryFileKey(originalFile) === normalizeConfiguredTailwindV4CssEntryFileKey(entry.file)) === true);
+			if (matchedOriginalEntry && outputFile.replace(/[?#].*$/, "").endsWith(".css")) return matchedOriginalEntry;
+			if (!shouldSelectConfiguredRootCssOutput(outputFile)) return;
+			const shouldRequireExplicitConfiguredEntry = !cssPipelineContext.currentGeneratorBranch.isWeb && opts.cssMatcher(outputFile) && isRootStyleOutputFile(outputFile);
+			const generationEntries = entries.filter((entry) => hasTailwindGenerationSource(entry.source) && (!shouldRequireExplicitConfiguredEntry || configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(entry.file))));
 			if (generationEntries.length <= 1) return generationEntries[0];
 			const rootOutputEntries = generationEntries.filter((entry) => {
 				return !normalizeOutputPathKey(resolveConfiguredTailwindV4CssEntryOutputFile(entry.file).replace(/[?#].*$/, "")).includes("/");
@@ -4562,6 +4875,35 @@ function createGenerateBundleHook(context) {
 				if (mainPackageEntries.length === 1) return mainPackageEntries[0];
 			}
 		};
+		const resolveConfiguredRootCssSourceStyle = (outputFile, entries, originalFileNames) => {
+			const entry = selectConfiguredRootCssSourceEntry(outputFile, entries, originalFileNames);
+			return entry ? {
+				outputFile,
+				rawSource: entry.source,
+				sourceFile: entry.file
+			} : void 0;
+		};
+		const shouldKeepCurrentRootMiniProgramStyleOutputAsImportShell = (outputFile, css) => {
+			const normalizedOutputFile = normalizeOutputPathKey(outputFile.replace(/[?#].*$/, ""));
+			return opts.cssMatcher(outputFile) && isMiniProgramStyleOutputFile(outputFile) && !normalizedOutputFile.includes("/") && shouldKeepRootMiniProgramStyleAsImportShell(context.cssPipelineStrategy?.shouldKeepRootMiniProgramStyleAsImportShell?.({
+				...cssPipelineContext,
+				css,
+				file: outputFile
+			}));
+		};
+		const shouldKeepCurrentRootCssOutputForConfiguredSource = (sourceFile, outputFile) => {
+			const normalizedOutputFile = normalizeOutputPathKey(outputFile.replace(/[?#].*$/, ""));
+			const isRootConfiguredStyleOutput = normalizedOutputFile.endsWith(".css") ? isRootStyleOutputFile(outputFile) : isMiniProgramStyleOutputFile(outputFile) && !normalizedOutputFile.includes("/");
+			return typeof sourceFile === "string" && opts.cssMatcher(outputFile) && isRootConfiguredStyleOutput && !shouldKeepCurrentRootMiniProgramStyleOutputAsImportShell(outputFile) && configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(sourceFile));
+		};
+		const hasExplicitConfiguredRootCssEntryForOutput = (outputFile) => {
+			if (cssPipelineContext.currentGeneratorBranch.isWeb || !opts.cssMatcher(outputFile) || !isRootStyleOutputFile(outputFile) || !shouldSelectConfiguredRootCssOutput(outputFile)) return false;
+			return configuredTailwindV4CssSourceEntriesForScope.some((entry) => {
+				if (!configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(entry.file))) return false;
+				const entryOutputFile = resolveConfiguredTailwindV4CssEntryOutputFile(entry.file);
+				return !normalizeOutputPathKey(entryOutputFile.replace(/[?#].*$/, "")).includes("/") || currentSubpackageRoots != null && !isSubpackageOutputFile(entryOutputFile, currentSubpackageRoots);
+			});
+		};
 		const { createScopedSourceCandidateGetter, createScopedSourceCandidateSourceGetter, shouldExcludeSubpackageSourceCandidates, shouldInjectCssIntoMainFromOutput } = createSubpackageSourceCandidateScope({
 			cssSourceFiles: configuredTailwindV4CssSourceEntriesForScope.map((entry) => entry.file),
 			getSourceCandidateSourcesForEntries,
@@ -4624,6 +4966,7 @@ function createGenerateBundleHook(context) {
 			if (mainCssEntry) {
 				const mainCssRawSource = typeof mainCssEntry.output.source === "string" ? mainCssEntry.output.source : Buffer.from(mainCssEntry.output.source).toString();
 				if (!hasTailwindApplyDirective(mainCssRawSource)) {
+					const validationRawSource = normalizeMiniProgramGeneratorRawSource(mainCssRawSource, mainCssEntry.file);
 					const generatedCssSources = /* @__PURE__ */ new Set();
 					for (const [, record] of getViteProcessedCssAssetResults?.() ?? []) if (typeof record === "string") generatedCssSources.add(record);
 					else if (typeof record?.css === "string") generatedCssSources.add(record.css);
@@ -4631,7 +4974,7 @@ function createGenerateBundleHook(context) {
 						opts,
 						runtimeState,
 						candidates: filteredSourceCandidates,
-						rawSource: mainCssRawSource,
+						rawSource: validationRawSource,
 						generatedCssSources,
 						file: mainCssEntry.file,
 						cssHandlerOptions: getCssHandlerOptions(mainCssEntry.file),
@@ -4649,6 +4992,9 @@ function createGenerateBundleHook(context) {
 		const cssExtensionByStem = collectCssExtensionByStem(bundleFiles, opts.cssMatcher);
 		const jsImportedCssFiles = collectJsImportedCssFiles(snapshot);
 		const runtimeLinkedCssFiles = /* @__PURE__ */ new Set([...collectRuntimeLinkedCssFiles(snapshot, cssExtensionByStem, defaultStyleOutputExtension), ...jsImportedCssFiles]);
+		const shouldQueueTemporaryCssSourceEntry = (sourceFile, outputFile) => {
+			return normalizeOutputPathKey(outputFile).includes("/") || typeof sourceFile === "string" && shouldSelectConfiguredRootCssOutput(outputFile) && configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(sourceFile));
+		};
 		rememberRuntimeLinkedCssSources({
 			bundleFiles,
 			debug,
@@ -4671,7 +5017,7 @@ function createGenerateBundleHook(context) {
 			...[...runtimeLinkedCssFiles].filter((file) => !snapshot.sourceHashByFile.has(file)).map((file) => {
 				const outputFile = resolveViteCssPipelineOutputFile(file, opts, rootDir, isWebGeneratorTarget, shouldPreserveAppCssExtension, sourceRoot, defaultStyleOutputExtension, bundleFiles);
 				const inferredSourceStyle = resolveSourceStyleSourceFromOutputFile(outputFile, snapshot, outDir, sourceRoot, getCssSource, jsImportedCssFiles.has(file) ? getSourceCandidateSources : void 0, getConfiguredTailwindV4CssSourceEntries().map((entry) => [entry.file, entry.source]), debug);
-				return inferredSourceStyle && currentSubpackageRoots ? {
+				return inferredSourceStyle && currentSubpackageRoots && shouldQueueTemporaryCssSourceEntry(inferredSourceStyle.sourceFile, outputFile) ? {
 					file: inferredSourceStyle.sourceFile,
 					outputFile,
 					source: inferredSourceStyle.rawSource
@@ -4681,10 +5027,11 @@ function createGenerateBundleHook(context) {
 				file: remembered.sourceFile,
 				outputFile: remembered.outputFile,
 				source: remembered.rawSource
-			})),
+			})).filter((entry) => shouldQueueTemporaryCssSourceEntry(entry.file, entry.outputFile)),
 			...getConfiguredTailwindV4CssSourceEntries().map((entry) => {
 				const outputFile = resolveMatchedCssSourceOutputFile(entry.file);
-				return outputFile ? {
+				const isExplicitConfiguredEntry = configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(entry.file));
+				return outputFile && (normalizeOutputPathKey(outputFile).includes("/") || isExplicitConfiguredEntry && shouldSelectConfiguredRootCssOutput(outputFile)) ? {
 					file: entry.file,
 					outputFile,
 					source: entry.source
@@ -4861,6 +5208,7 @@ function createGenerateBundleHook(context) {
 					return await refreshRememberedCssSource?.(remembered) ?? remembered;
 				}));
 				rememberedCssSources = rememberedCssSources.filter((remembered) => {
+					if (hasExplicitConfiguredRootCssEntryForOutput(outputFile) && !configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(remembered.sourceFile))) return false;
 					if (!configuredTailwindV4CssSourceFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(remembered.sourceFile))) return true;
 					const matchedOutputFile = resolveMatchedOutputFileForCurrentAsset(remembered.sourceFile);
 					return !matchedOutputFile || normalizeOutputPathKey(matchedOutputFile) === normalizeOutputPathKey(outputFile);
@@ -4877,10 +5225,17 @@ function createGenerateBundleHook(context) {
 					hasUsableRememberedTailwindSource = false;
 				}
 				let outputCssHandlerOptions = getCssHandlerOptions(outputFile);
-				if (isTemporaryCssAssetFile(outputFile) && hasTailwindGenerationSource(rawSource)) {
+				const configuredRootSourceStyle = resolveConfiguredRootCssSourceStyle(outputFile, getConfiguredTailwindV4CssSourceEntries(), originalSource.originalFileNames);
+				const hasExplicitRememberedRootSource = rememberedCssSources.some((remembered) => configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(remembered.sourceFile)));
+				if (configuredRootSourceStyle && (!hasUsableRememberedTailwindSource || !hasExplicitRememberedRootSource)) {
+					rememberedCssSources = [configuredRootSourceStyle];
+					hasUsableRememberedTailwindSource = true;
+					debug("source style source inferred from configured root tailwind v4 css source: %s -> %s", outputFile, configuredRootSourceStyle.sourceFile);
+				}
+				if (!hasUsableRememberedTailwindSource && isTemporaryCssAssetFile(outputFile) && hasTailwindGenerationSource(rawSource)) {
 					const resolvedTemporarySource = temporaryCssAssetSourceResolver.resolve(outputFile, rawSource);
 					if (resolvedTemporarySource) {
-						outputFile = resolveMatchedOutputFileForCurrentAsset(resolvedTemporarySource.sourceFile) ?? resolvedTemporarySource.outputFile;
+						outputFile = shouldKeepCurrentRootCssOutputForConfiguredSource(resolvedTemporarySource.sourceFile, outputFile) ? outputFile : resolveMatchedOutputFileForCurrentAsset(resolvedTemporarySource.sourceFile) ?? resolvedTemporarySource.outputFile;
 						activeViteCssCacheFiles.add(normalizeViteCssCacheKey(outputFile));
 						outputCssHandlerOptions = getCssHandlerOptions(outputFile);
 						outputCssHandlerOptions = {
@@ -4900,50 +5255,19 @@ function createGenerateBundleHook(context) {
 				}
 				if (!hasUsableRememberedTailwindSource) {
 					const configuredTailwindV4CssSourceEntries = getConfiguredTailwindV4CssSourceEntries();
-					const inferredSourceStyle = resolveSourceStyleSourceFromOutputFile(outputFile, snapshot, outDir, sourceRoot, getCssSource, getSourceCandidateSources, configuredTailwindV4CssSourceEntries.map((entry) => [entry.file, entry.source]), debug);
-					const inferredWebviewRootSourceEntry = inferredSourceStyle ? void 0 : selectConfiguredRootCssSourceEntry(outputFile, configuredTailwindV4CssSourceEntries, originalSource.originalFileNames);
-					const inferredWebviewRootSourceStyle = inferredWebviewRootSourceEntry ? {
-						outputFile,
-						rawSource: inferredWebviewRootSourceEntry.source,
-						sourceFile: inferredWebviewRootSourceEntry.file
-					} : void 0;
-					const inferredOriginalSourceStyle = inferredSourceStyle ?? (outputFile === file ? void 0 : resolveSourceStyleSourceFromOutputFile(file, snapshot, outDir, sourceRoot, getCssSource, getSourceCandidateSources, configuredTailwindV4CssSourceEntries.map((entry) => [entry.file, entry.source]), debug)) ?? inferredWebviewRootSourceStyle;
-					if (inferredOriginalSourceStyle) {
-						outputFile = resolveMatchedOutputFileForCurrentAsset(inferredOriginalSourceStyle.sourceFile) ?? outputFile;
-						activeViteCssCacheFiles.add(normalizeViteCssCacheKey(outputFile));
-						outputCssHandlerOptions = getCssHandlerOptions(outputFile);
-						rememberedCssSources = [{
-							...inferredOriginalSourceStyle,
-							outputFile
-						}];
-					} else if (isTemporaryCssAssetFile(outputFile) && configuredTailwindV4CssSourceEntries.length > 1) {
-						const resolvedTemporarySource = temporaryCssAssetSourceResolver.resolve(outputFile, rawSource);
-						if (resolvedTemporarySource) {
-							outputFile = resolveMatchedOutputFileForCurrentAsset(resolvedTemporarySource.sourceFile) ?? resolvedTemporarySource.outputFile;
-							activeViteCssCacheFiles.add(normalizeViteCssCacheKey(outputFile));
-							outputCssHandlerOptions = getCssHandlerOptions(outputFile);
-							outputCssHandlerOptions = {
-								...outputCssHandlerOptions,
-								isMainChunk: false
-							};
-							resolvedFromTemporaryCssAsset = true;
-							usedConfiguredTailwindV4CssSourceFiles.add(normalizeOutputPathKey(resolvedTemporarySource.sourceFile));
-							rememberedCssSources = [{
-								outputFile,
-								rawSource: resolvedTemporarySource.rawSource,
-								sourceFile: resolvedTemporarySource.sourceFile
-							}];
-							debug("source style source inferred from temporary configured tailwind v4 css source: %s -> %s", outputFile, resolvedTemporarySource.sourceFile);
-						}
-					} else if (hasTailwindGenerationSource(rawSource) && (originalSource.originalFileNames?.length ?? 0) === 0) {
-						const availableConfiguredTailwindV4CssSourceEntries = configuredTailwindV4CssSourceEntries.filter((entry) => !usedConfiguredTailwindV4CssSourceFiles.has(normalizeOutputPathKey(entry.file)));
-						const configuredGenerationSource = selectTailwindV4GenerationCssSourceForOutput(outputFile, availableConfiguredTailwindV4CssSourceEntries, rawSource, {
+					const isCurrentRootMiniProgramStyleOutput = opts.cssMatcher(outputFile) && isMiniProgramStyleOutputFile(outputFile) && !normalizeOutputPathKey(outputFile.replace(/[?#].*$/, "")).includes("/");
+					if (isCurrentRootMiniProgramStyleOutput && hasTailwindGenerationSource(rawSource)) {
+						const configuredGenerationSource = selectTailwindV4GenerationCssSourceForOutput(outputFile, configuredTailwindV4CssSourceEntries, rawSource, {
 							cwd: opts.tailwindcssBasedir,
 							outputRoot: outDir,
 							projectRoot: sourceRoot ?? rootDir
 						});
-						if (configuredGenerationSource && !hasViteProcessedCssResultForSource(configuredGenerationSource.file, getViteProcessedCssAssetResults)) {
-							outputFile = resolveMatchedOutputFileForCurrentAsset(configuredGenerationSource.file) ?? outputFile;
+						const configuredGenerationOutputFile = configuredGenerationSource ? shouldKeepCurrentRootMiniProgramStyleOutputAsImportShell(outputFile, rawSource) ? resolveMatchedOutputFileForCurrentAsset(configuredGenerationSource.file) ?? outputFile : outputFile : void 0;
+						const hasConfiguredGenerationSourceAlreadyUsed = configuredGenerationSource ? usedConfiguredTailwindV4CssSourceFiles.has(normalizeOutputPathKey(configuredGenerationSource.file)) : false;
+						const hasConfiguredGenerationSourceAlreadyProcessed = configuredGenerationSource ? hasViteProcessedCssResultForSource(configuredGenerationSource.file, getViteProcessedCssAssetResults) : false;
+						const shouldUseConfiguredGenerationSource = configuredGenerationSource && (!hasConfiguredGenerationSourceAlreadyUsed && !hasConfiguredGenerationSourceAlreadyProcessed || normalizeOutputPathKey(configuredGenerationOutputFile ?? outputFile) === normalizeOutputPathKey(outputFile));
+						if (configuredGenerationSource && shouldUseConfiguredGenerationSource) {
+							outputFile = configuredGenerationOutputFile ?? outputFile;
 							activeViteCssCacheFiles.add(normalizeViteCssCacheKey(outputFile));
 							outputCssHandlerOptions = getCssHandlerOptions(outputFile);
 							usedConfiguredTailwindV4CssSourceFiles.add(normalizeOutputPathKey(configuredGenerationSource.file));
@@ -4952,9 +5276,70 @@ function createGenerateBundleHook(context) {
 								rawSource: configuredGenerationSource.source,
 								sourceFile: configuredGenerationSource.file
 							}];
+							hasUsableRememberedTailwindSource = true;
 							debug("source style source inferred from scoped configured tailwind v4 css source: %s -> %s", outputFile, configuredGenerationSource.file);
 						}
 					}
+					if (!hasUsableRememberedTailwindSource) {
+						const inferredSourceStyle = resolveSourceStyleSourceFromOutputFile(outputFile, snapshot, outDir, sourceRoot, getCssSource, getSourceCandidateSources, configuredTailwindV4CssSourceEntries.map((entry) => [entry.file, entry.source]), debug);
+						const inferredWebviewRootSourceEntry = inferredSourceStyle ? void 0 : selectConfiguredRootCssSourceEntry(outputFile, configuredTailwindV4CssSourceEntries, originalSource.originalFileNames);
+						const inferredWebviewRootSourceStyle = inferredWebviewRootSourceEntry ? {
+							outputFile,
+							rawSource: inferredWebviewRootSourceEntry.source,
+							sourceFile: inferredWebviewRootSourceEntry.file
+						} : void 0;
+						const inferredOriginalSourceStyle = inferredSourceStyle ?? (outputFile === file ? void 0 : resolveSourceStyleSourceFromOutputFile(file, snapshot, outDir, sourceRoot, getCssSource, getSourceCandidateSources, configuredTailwindV4CssSourceEntries.map((entry) => [entry.file, entry.source]), debug)) ?? inferredWebviewRootSourceStyle;
+						if (inferredOriginalSourceStyle) {
+							const matchedOutputFile = normalizeOutputPathKey(inferredOriginalSourceStyle.outputFile) === normalizeOutputPathKey(outputFile) ? outputFile : resolveMatchedOutputFileForCurrentAsset(inferredOriginalSourceStyle.sourceFile) ?? outputFile;
+							debug("source style output resolved: %s -> %s from %s", outputFile, matchedOutputFile, inferredOriginalSourceStyle.sourceFile);
+							outputFile = matchedOutputFile;
+							activeViteCssCacheFiles.add(normalizeViteCssCacheKey(outputFile));
+							outputCssHandlerOptions = getCssHandlerOptions(outputFile);
+							rememberedCssSources = [{
+								...inferredOriginalSourceStyle,
+								outputFile
+							}];
+						} else if (isTemporaryCssAssetFile(outputFile) && configuredTailwindV4CssSourceEntries.length > 1) {
+							const resolvedTemporarySource = temporaryCssAssetSourceResolver.resolve(outputFile, rawSource);
+							if (resolvedTemporarySource) {
+								outputFile = shouldKeepCurrentRootCssOutputForConfiguredSource(resolvedTemporarySource.sourceFile, outputFile) ? outputFile : resolveMatchedOutputFileForCurrentAsset(resolvedTemporarySource.sourceFile) ?? resolvedTemporarySource.outputFile;
+								activeViteCssCacheFiles.add(normalizeViteCssCacheKey(outputFile));
+								outputCssHandlerOptions = getCssHandlerOptions(outputFile);
+								outputCssHandlerOptions = {
+									...outputCssHandlerOptions,
+									isMainChunk: false
+								};
+								resolvedFromTemporaryCssAsset = true;
+								usedConfiguredTailwindV4CssSourceFiles.add(normalizeOutputPathKey(resolvedTemporarySource.sourceFile));
+								rememberedCssSources = [{
+									outputFile,
+									rawSource: resolvedTemporarySource.rawSource,
+									sourceFile: resolvedTemporarySource.sourceFile
+								}];
+								debug("source style source inferred from temporary configured tailwind v4 css source: %s -> %s", outputFile, resolvedTemporarySource.sourceFile);
+							}
+						} else if (!isCurrentRootMiniProgramStyleOutput && hasTailwindGenerationSource(rawSource) && (originalSource.originalFileNames?.length ?? 0) === 0) {
+							const availableConfiguredTailwindV4CssSourceEntries = configuredTailwindV4CssSourceEntries.filter((entry) => !usedConfiguredTailwindV4CssSourceFiles.has(normalizeOutputPathKey(entry.file)));
+							const configuredGenerationSource = selectTailwindV4GenerationCssSourceForOutput(outputFile, availableConfiguredTailwindV4CssSourceEntries, rawSource, {
+								cwd: opts.tailwindcssBasedir,
+								outputRoot: outDir,
+								projectRoot: sourceRoot ?? rootDir
+							});
+							if (configuredGenerationSource && !hasViteProcessedCssResultForSource(configuredGenerationSource.file, getViteProcessedCssAssetResults)) {
+								outputFile = resolveMatchedOutputFileForCurrentAsset(configuredGenerationSource.file) ?? outputFile;
+								activeViteCssCacheFiles.add(normalizeViteCssCacheKey(outputFile));
+								outputCssHandlerOptions = getCssHandlerOptions(outputFile);
+								usedConfiguredTailwindV4CssSourceFiles.add(normalizeOutputPathKey(configuredGenerationSource.file));
+								rememberedCssSources = [{
+									outputFile,
+									rawSource: configuredGenerationSource.source,
+									sourceFile: configuredGenerationSource.file
+								}];
+								hasUsableRememberedTailwindSource = true;
+								debug("source style source inferred from scoped configured tailwind v4 css source: %s -> %s", outputFile, configuredGenerationSource.file);
+							}
+						}
+					}
 				}
 				let rememberedCssSource = mergeRememberedCssSources(rememberedCssSources, outputFile);
 				if (rememberedCssSource && viteProcessedCssAsset && outputCssHandlerOptions.isMainChunk !== true && configuredTailwindV4CssSourceFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(rememberedCssSource.sourceFile))) {
@@ -4972,7 +5357,7 @@ function createGenerateBundleHook(context) {
 				const shouldKeepImportedCssShell = isCssImportOnlyBundleAsset(bundle, file, rawSource);
 				const useRememberedCssSource = !shouldKeepImportedCssShell && rememberedCssSource != null && (normalizeOutputPathKey(rememberedCssSource.sourceFile) !== normalizeOutputPathKey(file) || !hasTailwindGenerationSource(rawSource) && hasTailwindGenerationSource(rememberedCssSource.rawSource));
 				const vitePipelineCssAsset = viteProcessedCssAsset || useRememberedCssSource;
-				const generatorRawSource = vitePipelineCssAsset ? rememberedCssSource?.rawSource ?? rawSource : rawSource;
+				const generatorRawSource = normalizeMiniProgramGeneratorRawSource(vitePipelineCssAsset ? rememberedCssSource?.rawSource ?? rawSource : rawSource, outputFile);
 				const hasRememberedApplySource = vitePipelineCssAsset && rememberedCssSource != null && hasTailwindApplyDirective(generatorRawSource);
 				const hasDifferentRememberedCssSource = rememberedCssSource != null && normalizeCssSourceForCompare(rememberedCssSource.rawSource) !== normalizeCssSourceForCompare(rawSource);
 				const hasCurrentTailwindGenerationDirective = hasTailwindSourceDirectives(rawSource, { importFallback: true }) || hasTailwindRootDirectives(rawSource, { importFallback: true }) || hasTailwindApplyDirective(rawSource);
@@ -4999,7 +5384,10 @@ function createGenerateBundleHook(context) {
 					...getCssHandlerOptions(generatorSourceFile),
 					isMainChunk: resolvedFromTemporaryCssAsset ? false : outputCssHandlerOptions.isMainChunk
 				} : getCssHandlerOptions(file);
-				const generatorCssEntries = configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(generatorSourceFile)) ? [generatorSourceFile] : opts.cssEntries;
+				const generatorSourceFileKey = normalizeConfiguredTailwindV4CssEntryFileKey(generatorSourceFile);
+				const isExplicitGeneratorCssEntry = configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(generatorSourceFileKey);
+				const shouldUsePipelineSourceAsCssEntry = !isExplicitGeneratorCssEntry && vitePipelineCssAsset && opts.cssMatcher(generatorSourceFile) && hasTailwindGenerationSource(generatorRawSource);
+				const generatorCssEntries = isExplicitGeneratorCssEntry || shouldUsePipelineSourceAsCssEntry ? [generatorSourceFile] : opts.cssEntries;
 				const generatorCssHandlerOptions = {
 					...cssHandlerOptions,
 					sourceOptions: {
@@ -5010,7 +5398,8 @@ function createGenerateBundleHook(context) {
 				};
 				const scopedSourceCandidateGetter = createScopedSourceCandidateGetter(outputFile, generatorCssHandlerOptions);
 				const scopedSourceCandidateSourceGetter = createScopedSourceCandidateSourceGetter(outputFile, generatorCssHandlerOptions);
-				const sourceTraceTokenSources = scopedSourceCandidateSourceGetter ? createCssTokenSourceMap(scopedSourceCandidateSourceGetter(void 0), opts) : void 0;
+				const sourceTraceSources = scopedSourceCandidateSourceGetter ? await createScopedGeneratorSourceTraceMap(generatorRawSource, generatorSourceFile, scopedSourceCandidateSourceGetter) : void 0;
+				const sourceTraceTokenSources = sourceTraceSources ? createCssTokenSourceMap(sourceTraceSources, opts) : void 0;
 				const sourceTraceSignature = createCssSourceTraceCacheSignature(sourceTraceTokenSources, opts);
 				const scopedGeneratorRuntime = await createScopedGeneratorRuntime$1(outputFile, generatorCssHandlerOptions, generatorRuntime, generatorRawSource, generatorSourceFile);
 				const annotateCss = (css) => annotateCssSourceTrace(css, {
@@ -5113,11 +5502,13 @@ function createGenerateBundleHook(context) {
 							const start = performance.now();
 							await runtimeState.readyPromise;
 							const previousCss = !vitePipelineCssAsset && useIncrementalMode && !hasRuntimeAffectingChanges && !snapshot.changedByType.css.has(file) ? getLastCssResult(lastCssResultByFile, outputFile, file) : void 0;
-							const generated = hasTailwindGenerationSource(generatorRawSource) || hasBundlerGeneratedCssMarker(rawSource) ? await generateTailwindV4Css({
+							const generatorTransformRawSource = generatorRawSource;
+							const previousGeneratorCss = previousCss && !isWebGeneratorTarget ? normalizeMiniProgramGeneratorRawSource(previousCss, outputFile) : previousCss;
+							const generated = hasTailwindGenerationSource(generatorTransformRawSource) || hasBundlerGeneratedCssMarker(rawSource) ? await generateTailwindV4Css({
 								opts,
 								runtimeState,
 								runtime: scopedGeneratorRuntime,
-								rawSource: generatorRawSource,
+								rawSource: generatorTransformRawSource,
 								file: generatorSourceFile,
 								outputFile,
 								cssHandlerOptions: generatorCssHandlerOptions,
@@ -5127,8 +5518,8 @@ function createGenerateBundleHook(context) {
 								generatorPlatform,
 								styleHandler,
 								debug,
-								previousCss,
-								...vitePipelineCssAsset && !hasBundlerGeneratedCssMarker(rawSource) && normalizeCssSourceForCompare(rawSource) !== normalizeCssSourceForCompare(generatorRawSource) ? { userRawSource: normalizeGeneratorUserRawSource(rawSource, generatorSourceFile, assetSourceFile) } : {},
+								previousCss: previousGeneratorCss,
+								...vitePipelineCssAsset && !hasBundlerGeneratedCssMarker(rawSource) && normalizeCssSourceForCompare(rawSource) !== normalizeCssSourceForCompare(generatorRawSource) ? { userRawSource: normalizeMiniProgramGeneratorRawSource(normalizeGeneratorUserRawSource(rawSource, generatorSourceFile, assetSourceFile), outputFile) } : {},
 								...usesConfiguredTailwindV4FallbackSource ? { restoreLocalCssImports: false } : {}
 							}) : void 0;
 							if (generated) {
@@ -5158,9 +5549,17 @@ function createGenerateBundleHook(context) {
 								debug("css preserve web target: %s", outputFile);
 								return annotateCss(outputCss);
 							}
-							const { css } = await styleHandler(generatorRawSource, cssHandlerOptions);
+							if (isPureLocalCssImportWrapper(generatorTransformRawSource)) {
+								const tracedCss = annotateCss(generatorTransformRawSource);
+								recordCssAssetResult?.(outputFile, tracedCss);
+								metrics.css.elapsed += measureElapsed(start);
+								metrics.css.transformed++;
+								debug("css preserve mini-program import shell: %s", outputFile);
+								return tracedCss;
+							}
+							const { css } = await styleHandler(generatorTransformRawSource, cssHandlerOptions);
 							const tracedCss = annotateCss(css);
-							if (envFlags.debugCssDiff) debug("css diff %s: %s", generatorSourceFile, summarizeStringDiff(generatorRawSource, tracedCss));
+							if (envFlags.debugCssDiff) debug("css diff %s: %s", generatorSourceFile, summarizeStringDiff(generatorTransformRawSource, tracedCss));
 							metrics.css.elapsed += measureElapsed(start);
 							metrics.css.transformed++;
 							return tracedCss;
@@ -5215,6 +5614,7 @@ function createGenerateBundleHook(context) {
 			bundle,
 			bundleFiles,
 			cache,
+			changedCssFiles: snapshot.changedByType.css,
 			cssTaskFactories,
 			createScopedGeneratorRuntime: createScopedGeneratorRuntime$1,
 			createScopedSourceCandidateGetter,
@@ -5230,6 +5630,7 @@ function createGenerateBundleHook(context) {
 			getRememberedCssSources,
 			isNativeAppStyleTarget,
 			isWebGeneratorTarget,
+			lastCssRawSourceHashByFile,
 			lastCssResultByFile,
 			lastCssSourceHashByFile,
 			markCssAssetProcessed,
@@ -5333,12 +5734,13 @@ function registerGeneratorDependencies(ctx, dependencies) {
 		throw error;
 	}
 }
-function createCssHandlerOptions(opts, majorVersion, file, extraOptions = {}) {
+function createCssHandlerOptions(opts, majorVersion, file, outputRoot, extraOptions = {}) {
+	const from = path.isAbsolute(file) ? file : outputRoot ? path.resolve(outputRoot, file) : file;
 	return {
 		...extraOptions,
 		cssPreflight: opts.cssPreflight,
 		isMainChunk: opts.mainCssChunkMatcher(file, opts.appType),
-		postcssOptions: { options: { from: file } },
+		postcssOptions: { options: { from } },
 		...normalizeStyleHandlerMajorVersion(majorVersion) === void 0 ? {} : { majorVersion: 4 }
 	};
 }
@@ -5349,6 +5751,7 @@ function shouldGenerateCssByGenerator(opts, majorVersion, file, rawSource, proce
 		tailwindcssMajorVersion: majorVersion,
 		uniAppX: opts.uniAppX
 	});
+	if (!generatorOptions.enabled) return false;
 	if (hasLocalCssImport(rawSource)) return false;
 	if (hasTailwindGeneratedCssMarkers(rawSource)) return true;
 	if (hasTailwindRootDirectives(rawSource, { importFallback: generatorOptions.importFallback })) return true;
@@ -5361,8 +5764,8 @@ function collectViteProcessedCssSources(getViteProcessedCssAssetResults) {
 	return [...getViteProcessedCssAssetResults?.() ?? []].map(([, record]) => typeof record === "string" ? record : record.css);
 }
 function finalizeWebCss(css, context, cssPipelineStrategy) {
-	const shouldApplyWebCssCompat = cssPipelineStrategy?.shouldApplyWebCssCompat?.(context) === true;
-	const defaultWebCssCompat = (value) => transformWebCssCompat(value, context.currentGeneratorBranch.isWeb ? context.currentGeneratorOptions.webCompat : context.currentGeneratorOptions.webCompat ?? true);
+	const shouldApplyWebCssCompat = shouldApplyViteWebCssCompat(context, cssPipelineStrategy);
+	const defaultWebCssCompat = (value) => transformWebCssCompat(value, resolveViteWebCssCompatOptions(context));
 	return cssPipelineStrategy?.transformGeneratedCss?.(css, {
 		...context,
 		defaultWebCssCompat,
@@ -5408,6 +5811,7 @@ function createViteCssFinalizerOutputPlugin(context) {
 				const isNativeAppStyleTarget = cssPipelineStrategy?.isNativeAppStyleTarget?.(createCssPipelineContext("")) === true;
 				if (resolvedConfig?.command !== "build" && !isNativeAppStyleTarget) return;
 				const rootDir = resolvedConfig?.root ? path.resolve(resolvedConfig.root) : process$1.cwd();
+				const outDir = resolvedConfig?.build?.outDir ? path.resolve(rootDir, resolvedConfig.build.outDir) : rootDir;
 				const sourceRoot = resolveWeappViteSourceRoot(resolvedConfig, opts.appType) ?? resolveSourceRootFromBundleGraph(resolvedConfig, bundle);
 				const sourceTraceTokenSources = getSourceCandidateSourcesForEntries ? createCssTokenSourceMap(getSourceCandidateSourcesForEntries(void 0), opts) : void 0;
 				const annotateCss = (css) => annotateCssSourceTrace(css, {
@@ -5454,7 +5858,7 @@ function createViteCssFinalizerOutputPlugin(context) {
 					const applyStyleSources = collectUniAppXHarmonyApplyStyleSources(bundle);
 					if (applyUtilities.size === 0 || applyStyleSources.length === 0) return cssSources;
 					const harmonyRuntime = /* @__PURE__ */ new Set([...runtime, ...applyUtilities]);
-					const harmonyCssHandlerOptions = createCssHandlerOptions(opts, runtimeState.tailwindRuntime.majorVersion, "uni-app-x-harmony-apply.css", cssPipelineStrategy?.getCssHandlerExtraOptions?.({
+					const harmonyCssHandlerOptions = createCssHandlerOptions(opts, runtimeState.tailwindRuntime.majorVersion, "uni-app-x-harmony-apply.css", outDir, cssPipelineStrategy?.getCssHandlerExtraOptions?.({
 						...createCssPipelineContext("uni-app-x-harmony-apply.css"),
 						file: "uni-app-x-harmony-apply.css"
 					}) ?? {});
@@ -5520,7 +5924,7 @@ function createViteCssFinalizerOutputPlugin(context) {
 						debug("css finalizer skip vite-processed css: %s", file);
 						return;
 					}
-					const cssHandlerOptions = createCssHandlerOptions(opts, runtimeState.tailwindRuntime.majorVersion, file, cssPipelineStrategy?.getCssHandlerExtraOptions?.({
+					const cssHandlerOptions = createCssHandlerOptions(opts, runtimeState.tailwindRuntime.majorVersion, file, outDir, cssPipelineStrategy?.getCssHandlerExtraOptions?.({
 						...createCssPipelineContext(file),
 						file
 					}) ?? {});
@@ -5528,11 +5932,21 @@ function createViteCssFinalizerOutputPlugin(context) {
 						...cssHandlerOptions,
 						isMainChunk: false
 					};
+					const cleanRawSource = stripBundlerGeneratedCssMarkers(rawSource);
+					if (cleanRawSource !== rawSource && cleanRawSource.trim().length === 0) {
+						output.source = cleanRawSource;
+						markCssAssetProcessed(output, file);
+						recordCssAssetResult?.(file, cleanRawSource);
+						opts.onUpdate(file, rawSource, cleanRawSource);
+						debug("css finalizer strip empty marker asset: %s", file);
+						return;
+					}
 					const processed = isCssAssetProcessed(output, file);
 					const rememberedMainCssSource = processed && cssHandlerOptions.isMainChunk ? getRememberedMainCssSource?.(file) : void 0;
-					const generatorRawSource = rememberedMainCssSource?.rawSource ?? rawSource;
+					const resolvedGeneratorRawSource = rememberedMainCssSource?.rawSource ?? cleanRawSource;
+					const generatorRawSource = generatorBranch.isWeb ? resolvedGeneratorRawSource : normalizeMiniProgramGeneratorCssSource(resolvedGeneratorRawSource, file);
 					const generatorSourceFile = rememberedMainCssSource?.sourceFile ?? file;
-					const generatorCssHandlerOptions = rememberedMainCssSource ? createCssHandlerOptions(opts, runtimeState.tailwindRuntime.majorVersion, generatorSourceFile, cssPipelineStrategy?.getCssHandlerExtraOptions?.({
+					const generatorCssHandlerOptions = rememberedMainCssSource ? createCssHandlerOptions(opts, runtimeState.tailwindRuntime.majorVersion, generatorSourceFile, outDir, cssPipelineStrategy?.getCssHandlerExtraOptions?.({
 						...createCssPipelineContext(generatorSourceFile),
 						file: generatorSourceFile
 					}) ?? {}) : cssHandlerOptions;
@@ -5540,11 +5954,12 @@ function createViteCssFinalizerOutputPlugin(context) {
 						...generatorCssHandlerOptions,
 						isMainChunk: false
 					} : cssUserHandlerOptions;
-					const generated = shouldGenerateCssByGenerator(opts, runtimeState.tailwindRuntime.majorVersion, file, generatorRawSource, processed) ? await generateTailwindV4Css({
+					const generatorTransformRawSource = generatorRawSource;
+					const generated = shouldGenerateCssByGenerator(opts, runtimeState.tailwindRuntime.majorVersion, file, generatorTransformRawSource, processed) ? await generateTailwindV4Css({
 						opts,
 						runtimeState,
 						runtime: generatorRuntime,
-						rawSource: generatorRawSource,
+						rawSource: generatorTransformRawSource,
 						file: generatorSourceFile,
 						outputFile: file,
 						cssHandlerOptions: generatorCssHandlerOptions,
@@ -5554,10 +5969,21 @@ function createViteCssFinalizerOutputPlugin(context) {
 						styleHandler: opts.styleHandler,
 						debug
 					}) : void 0;
-					const nextCss = annotateCss(generated?.css ?? (generatorBranch.isWeb ? finalizeWebCss(rawSource, {
+					if (!generated && !generatorBranch.isWeb && isPureLocalCssImportWrapper(generatorTransformRawSource)) {
+						const nextCss = generatorTransformRawSource;
+						if (nextCss !== rawSource) {
+							output.source = nextCss;
+							opts.onUpdate(file, rawSource, nextCss);
+						}
+						markCssAssetProcessed(output, file);
+						recordCssAssetResult?.(file, nextCss);
+						debug("css finalizer preserve mini-program import shell: %s", file);
+						return;
+					}
+					const nextCss = annotateCss(generated?.css ?? (generatorBranch.isWeb ? finalizeWebCss(cleanRawSource, {
 						...createCssPipelineContext(file),
 						file
-					}, cssPipelineStrategy) : (await opts.styleHandler(rawSource, cssHandlerOptions)).css));
+					}, cssPipelineStrategy) : (await opts.styleHandler(generatorTransformRawSource, cssHandlerOptions)).css));
 					if (generated) {
 						registerGeneratorDependencies(this, generated.dependencies);
 						debug("css finalizer generated result: %s bytes=%d", file, nextCss.length);
@@ -5843,9 +6269,21 @@ function createViteCssMemory(options) {
 function resolveHotTailwindCssModules(ctx, tailwindRootCssModuleIds) {
 	const modules = [];
 	const seenModules = /* @__PURE__ */ new Set();
+	const root = ctx.server.config?.root ?? process$1.cwd();
+	const outDir = ctx.server.config?.build?.outDir ? normalizeAbsoluteFilePath(path.resolve(root, ctx.server.config.build.outDir)) : void 0;
+	const isHotSourceStyleModule = (id) => {
+		if (!isSourceStyleRequest(id)) return false;
+		const file = cleanUrl(id);
+		if (isRootMiniProgramStyleUrl(file) || !isAbsoluteFilePath(file) && !file.startsWith("/")) return false;
+		if (outDir && isAbsoluteFilePath(file)) {
+			const normalizedFile = normalizeAbsoluteFilePath(file);
+			if (normalizedFile === outDir || normalizedFile.startsWith(`${outDir}/`)) return false;
+		}
+		return true;
+	};
 	const collectModule = (mod) => {
 		if (mod == null || seenModules.has(mod)) return;
-		if (!isSourceStyleRequest(mod.id ?? mod.url)) return;
+		if (!isHotSourceStyleModule(mod.id ?? mod.url)) return;
 		seenModules.add(mod);
 		ctx.server.moduleGraph.invalidateModule(mod);
 		modules.push(mod);
@@ -5881,6 +6319,29 @@ function resolveModuleHotUrl(mod) {
 	if (typeof mod.url === "string" && mod.url.length > 0) return mod.url;
 	if (typeof mod.id === "string" && mod.id.startsWith("/")) return mod.id;
 }
+function isAbsoluteFilePath(file) {
+	return path.isAbsolute(file) || /^[A-Z]:[\\/]/i.test(file) || file.startsWith("\\\\");
+}
+function normalizeAbsoluteFilePath(file) {
+	if (/^[A-Z]:[\\/]/i.test(file) || file.startsWith("\\\\")) return slash(path.win32.resolve(file));
+	return slash(path.resolve(file));
+}
+function isRootMiniProgramStyleUrl(file) {
+	return /^\/[^/]+\.(?:wxss|acss|ttss|qss|jxss|tyss)(?:$|[?#])/i.test(file);
+}
+function resolveCssHotUrl(id, root) {
+	const suffix = /[?#]/.test(id) ? id.slice(id.search(/[?#]/)) : "";
+	const file = cleanUrl(id);
+	if (/^\/(?![A-Z]:)/i.test(file) && !file.startsWith(slash(root))) {
+		if (isRootMiniProgramStyleUrl(file)) return;
+		return `${file}${suffix}`;
+	}
+	if (!isAbsoluteFilePath(file)) return;
+	const normalizedRoot = normalizeAbsoluteFilePath(root);
+	const normalizedFile = normalizeAbsoluteFilePath(file);
+	if (!normalizedFile.startsWith(`${normalizedRoot}/`)) return;
+	return `/${slash(path.relative(normalizedRoot, normalizedFile))}${suffix}`;
+}
 function includesHotModule(modules, target) {
 	const targetUrl = resolveModuleHotUrl(target);
 	const targetId = target.id;
@@ -5889,24 +6350,46 @@ function includesHotModule(modules, target) {
 		return targetUrl !== void 0 && resolveModuleHotUrl(mod) === targetUrl || typeof targetId === "string" && targetId.length > 0 && mod.id === targetId;
 	});
 }
+function createSupplementalHotUpdate(hotUrl, timestamp) {
+	if (/[?&](?:direct|vue)(?:&|$)/.test(hotUrl)) return {
+		type: "js-update",
+		timestamp,
+		path: hotUrl,
+		acceptedPath: hotUrl,
+		explicitImportRequired: false,
+		isWithinCircularImport: false
+	};
+	return {
+		type: "css-update",
+		timestamp,
+		path: hotUrl,
+		acceptedPath: hotUrl
+	};
+}
 function hasSelfAcceptingNonStyleHotModule(modules) {
 	return modules.some((mod) => {
 		return !isSourceStyleRequest(mod.id ?? mod.url) && mod.isSelfAccepting === true;
 	});
 }
-function sendSupplementalCssHotUpdates(ctx, cssModules) {
-	const updates = cssModules.filter((mod) => !includesHotModule(ctx.modules, mod)).map((mod) => {
-		const hotUrl = resolveModuleHotUrl(mod);
-		if (!hotUrl) return;
-		return {
-			type: "js-update",
-			timestamp: ctx.timestamp,
-			path: hotUrl,
-			acceptedPath: hotUrl,
-			explicitImportRequired: false,
-			isWithinCircularImport: false
-		};
-	}).filter((update) => update !== void 0);
+function sendSupplementalCssHotUpdates(ctx, cssModules, fallbackCssIds = []) {
+	const seenUrls = /* @__PURE__ */ new Set();
+	const root = ctx.server.config?.root ?? process$1.cwd();
+	const updates = [];
+	for (const id of fallbackCssIds) {
+		if (!isSourceStyleRequest(id)) continue;
+		const hotUrl = resolveCssHotUrl(id, root);
+		if (!hotUrl || seenUrls.has(hotUrl)) continue;
+		seenUrls.add(hotUrl);
+		updates.push(createSupplementalHotUpdate(hotUrl, ctx.timestamp));
+	}
+	for (const mod of cssModules) {
+		if (includesHotModule(ctx.modules, mod)) continue;
+		const moduleHotUrl = resolveModuleHotUrl(mod);
+		const hotUrl = moduleHotUrl ? resolveCssHotUrl(moduleHotUrl, root) : void 0;
+		if (!hotUrl || seenUrls.has(hotUrl)) continue;
+		seenUrls.add(hotUrl);
+		updates.push(createSupplementalHotUpdate(hotUrl, ctx.timestamp));
+	}
 	if (updates.length === 0) return;
 	queueMicrotask(() => {
 		ctx.server.ws?.send?.({
@@ -6059,7 +6542,7 @@ function createRewriteCssImportsPlugins(options) {
 			const file = cleanUrl(id);
 			const normalizedCode = hasTailwindRootDirectives(code) || code.includes("@config") ? normalizeTailwindConfigDirectives(code, path.dirname(file)) : code;
 			await options.onCssSourceTransform?.(id, normalizedCode);
-			const hasTailwindRoot = hasTailwindRootDirectives(normalizedCode);
+			const hasTailwindRoot = hasTailwindRootDirectives(normalizedCode, { importFallback: true });
 			if (hasTailwindRoot) await options.onTailwindRootCss?.(id, normalizedCode);
 			const shouldGenerateInPreTransform = !options.shouldDeferGeneration?.(id, normalizedCode) && (hasTailwindRoot || options.shouldGenerateCss?.(id, normalizedCode));
 			if (options.shouldOwnTailwindGeneration && shouldGenerateInPreTransform) {
@@ -6221,6 +6704,7 @@ const SPECIAL_QUERY_RE$1 = /[?&](?:worker|sharedworker|raw|url)\b/;
 const COMMON_JS_PROXY_RE = /\?commonjs-proxy/;
 const VITE_CSS_HMR_MODULE_RE = /\b__vite__updateStyle\s*\(/;
 const VITE_CSS_CONST_RE = /\bconst\s+__vite__css\s*=\s*("(?:\\[\s\S]|[^"])*")/;
+const DEFERRED_CSS_HMR_QUERY_RE = /[?&](?:hmr(?:[=&]|$)|t=\d+)/;
 function decodeJsStringLiteral(literal) {
 	try {
 		return JSON.parse(literal);
@@ -6254,7 +6738,7 @@ function isViteServeCssRootRequest(id, command) {
 	return command === "serve" && isSourceStyleRequest(id) && !SPECIAL_QUERY_RE$1.test(id) && !COMMON_JS_PROXY_RE.test(id);
 }
 function isViteCssHmrModule(code, id, command) {
-	return isViteServeStyleRequest(id, command) && VITE_CSS_HMR_MODULE_RE.test(code) && /[?&](?:direct|vue)(?:&|$)/.test(id);
+	return isViteServeStyleRequest(id, command) && VITE_CSS_HMR_MODULE_RE.test(code) && (/[?&](?:direct|vue)(?:&|$)/.test(id) || DEFERRED_CSS_HMR_QUERY_RE.test(id));
 }
 function hasViteServeCssGenerationDirective(code) {
 	return hasTailwindRootDirectives(code) || hasTailwindSourceDirectives(code, { importFallback: true }) || hasTailwindApplyDirective(code);
@@ -6270,6 +6754,7 @@ function createViteServeCssGenerationPlugins(options) {
 		async transform(code, id) {
 			if (!options.shouldGenerate() || !isViteServeCssRootRequest(id, options.getCommand())) return;
 			if (!hasTailwindRootDirectives(code)) return;
+			if (DEFERRED_CSS_HMR_QUERY_RE.test(id)) return;
 			await options.onTailwindRootCss?.(id, code);
 			const generatedCss = await options.generateCss(id, code, this);
 			if (generatedCss === void 0 || generatedCss === code) return;
@@ -6351,6 +6836,7 @@ const debug = createDebug();
 const weappTailwindcssPackageDir = resolvePackageDir("weapp-tailwindcss");
 const weappTailwindcssDirPosix = slash(weappTailwindcssPackageDir);
 const SOURCE_CANDIDATE_SCAN_CACHE_MAX = 8;
+const WEB_HMR_RUNTIME_AFFECTING_DIRECTIVE_RE = /@(?:theme|source|config|plugin|apply)\b/;
 const sourceCandidateScanSnapshotCache = new LRUCache({ max: SOURCE_CANDIDATE_SCAN_CACHE_MAX });
 const ENV_PLATFORM_KEYS = [
 	"UNI_PLATFORM",
@@ -6385,9 +6871,6 @@ function inferPlatformFromOutDir(outDir) {
 function isWebOrNativeAppPlatform(platform) {
 	return platform === "h5" || platform === "web" || platform?.startsWith("web-") === true || platform === "app" || platform === "app-plus" || platform?.startsWith("app-") === true;
 }
-function applyViteWebCssCompat(css, options) {
-	return transformWebCssCompat(css, options.compat);
-}
 function isInternalUserDefinedOptions(options) {
 	return typeof options.onLoad === "function" && typeof options.mainCssChunkMatcher === "function" && typeof options.tailwindRuntime === "object" && typeof options.refreshTailwindcssRuntime === "function";
 }
@@ -6427,7 +6910,6 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 	const disabledOptions = resolvePluginDisabledState(disabled);
 	const tailwindcssMajorVersion = initialTailwindRuntime.majorVersion ?? 0;
 	if (!disabledOptions.plugin && tailwindcssMajorVersion !== 4) throw new Error("weapp-tailwindcss/vite 新生成管线仅支持 Tailwind CSS v4，请升级 tailwindcss 或停留在旧版 weapp-tailwindcss。");
-	const shouldOwnTailwindGeneration = !disabledOptions.plugin;
 	const shouldRewriteCssImports = opts.rewriteCssImports === true;
 	let resolvedConfig;
 	const resolveViteStylePlatform = () => {
@@ -6446,6 +6928,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		tailwindcssMajorVersion,
 		uniAppX
 	});
+	const shouldOwnTailwindGeneration = !disabledOptions.plugin && resolveCurrentGeneratorOptions().enabled;
 	const resolveCurrentGeneratorBranch = () => resolveGeneratorRuntimeBranch(resolveCurrentGeneratorOptions(), {
 		appType: opts.appType,
 		platform: resolveGeneratorPlatform(),
@@ -6566,8 +7049,11 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 	const pendingSourceCandidateSyncs = /* @__PURE__ */ new Set();
 	const pendingSourceCandidateSyncByFile = /* @__PURE__ */ new Map();
 	const processedCssAssets = /* @__PURE__ */ new WeakSet();
+	const processedCssAssetSourceByFile = /* @__PURE__ */ new Map();
 	const viteProcessedCssSourceFiles = /* @__PURE__ */ new Set();
-	const viteGeneratedCssByFile = /* @__PURE__ */ new Map();
+	const cleanGeneratedCssByFile = /* @__PURE__ */ new Map();
+	const tracedGeneratedCssByFile = /* @__PURE__ */ new Map();
+	const generatedClassSetByFile = /* @__PURE__ */ new Map();
 	const viteProcessedCssAssetResults = /* @__PURE__ */ new Map();
 	const cssMemory = createViteCssMemory({
 		debug,
@@ -6587,15 +7073,21 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 	refreshRuntimeStateForAutoCssSources = refreshRuntimeState;
 	onLoad();
 	const getResolvedConfig = () => resolvedConfig;
-	const markCssAssetProcessed = (asset, _file) => {
+	const readCssAssetSource = (asset) => {
+		return typeof asset.source === "string" ? asset.source : asset.source instanceof Uint8Array ? Buffer.from(asset.source).toString() : String(asset.source ?? "");
+	};
+	const markCssAssetProcessed = (asset, file) => {
 		processedCssAssets.add(asset);
+		if (file) processedCssAssetSourceByFile.set(normalizeOutputPathKey(file), readCssAssetSource(asset));
 	};
 	const isCssAssetProcessed = (asset, file) => {
 		if (processedCssAssets.has(asset)) return true;
 		if (!file) return false;
+		const source = readCssAssetSource(asset);
+		if (processedCssAssetSourceByFile.get(normalizeOutputPathKey(file)) === source) return true;
 		const record = viteProcessedCssAssetResults.get(normalizeOutputPathKey(file));
 		if (!record) return false;
-		return (typeof asset.source === "string" ? asset.source : asset.source instanceof Uint8Array ? Buffer.from(asset.source).toString() : String(asset.source ?? "")) === record.css;
+		return source === record.css;
 	};
 	const recordGeneratorCandidates = (candidates) => {
 		recordedGeneratorCandidates = new Set(candidates);
@@ -6618,6 +7110,95 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		const cleanId = cleanUrl(id);
 		return cleanId.includes("/pages/") && /\.(?:vue|tsx?|jsx?)$/.test(cleanId);
 	};
+	const hasWebHmrRuntimeAffectingDirectives = (source) => typeof source === "string" && WEB_HMR_RUNTIME_AFFECTING_DIRECTIVE_RE.test(source);
+	let pendingHmrCandidateChange;
+	let pendingHmrCssTargetFiles;
+	let pendingFullHmrCssRegeneration = false;
+	const normalizeHmrCssTargetFile = (file) => normalizeVitePersistentCacheKey(cleanUrl(file));
+	const collectPendingHmrCssTargetFiles = (cssModules, fallbackCssIds) => {
+		const targets = /* @__PURE__ */ new Set();
+		const addTarget = (file) => {
+			if (typeof file !== "string" || file.length === 0) return;
+			const key = normalizeHmrCssTargetFile(file);
+			if (cleanGeneratedCssByFile.has(key)) targets.add(key);
+		};
+		for (const mod of cssModules) {
+			addTarget(mod.id);
+			addTarget(mod.file);
+			addTarget(mod.url);
+		}
+		for (const id of fallbackCssIds) addTarget(id);
+		return targets.size > 0 ? targets : void 0;
+	};
+	const armPendingHmrCssTargetFiles = (cssModules, fallbackCssIds) => {
+		if (!pendingHmrCandidateChange) {
+			pendingHmrCssTargetFiles = void 0;
+			return;
+		}
+		pendingHmrCssTargetFiles = collectPendingHmrCssTargetFiles(cssModules, fallbackCssIds);
+	};
+	const createViteSourceCandidateChange = (file, change, options = {}) => ({
+		...change,
+		file,
+		runtimeAffecting: options.runtimeAffecting === true || isSourceStyleRequest(file) || hasWebHmrRuntimeAffectingDirectives(sourceCandidateCollector.source(file))
+	});
+	const clearPendingHmrCandidateChange = () => {
+		pendingHmrCandidateChange = void 0;
+		pendingHmrCssTargetFiles = void 0;
+		pendingFullHmrCssRegeneration = false;
+	};
+	const queueHmrCandidateChange = (change) => {
+		pendingFullHmrCssRegeneration = false;
+		if (!pendingHmrCandidateChange) {
+			pendingHmrCandidateChange = {
+				file: change.file,
+				runtimeAffecting: change.runtimeAffecting,
+				addedCandidates: new Set(change.addedCandidates),
+				removedCandidates: new Set(change.removedCandidates)
+			};
+			return;
+		}
+		for (const candidate of change.addedCandidates) {
+			pendingHmrCandidateChange.addedCandidates.add(candidate);
+			pendingHmrCandidateChange.removedCandidates.delete(candidate);
+		}
+		for (const candidate of change.removedCandidates) if (!pendingHmrCandidateChange.addedCandidates.delete(candidate)) pendingHmrCandidateChange.removedCandidates.add(candidate);
+		pendingHmrCandidateChange.runtimeAffecting = pendingHmrCandidateChange.runtimeAffecting || change.runtimeAffecting;
+		pendingHmrCandidateChange.file = change.file;
+	};
+	const queueFullHmrCssRegeneration = () => {
+		pendingHmrCandidateChange = void 0;
+		pendingHmrCssTargetFiles = void 0;
+		pendingFullHmrCssRegeneration = true;
+	};
+	const applySourceCandidateHmrState = (change) => {
+		if (isSourceStyleRequest(change.file)) {
+			clearPendingHmrCandidateChange();
+			return change;
+		}
+		const preserveDeletedCssInHmr = resolveCurrentGeneratorOptions().hmr.preserveDeletedCss;
+		if (preserveDeletedCssInHmr && !change.runtimeAffecting) {
+			if (change.addedCandidates.size > 0) queueHmrCandidateChange(change);
+			else if (!pendingHmrCandidateChange) clearPendingHmrCandidateChange();
+			return change;
+		}
+		clearPendingHmrCandidateChange();
+		if (!preserveDeletedCssInHmr) queueFullHmrCssRegeneration();
+		return change;
+	};
+	const resolvePendingHmrCandidateChange = (generatorCode, file) => {
+		if (resolvedConfig?.command !== "serve" || !pendingHmrCandidateChange || pendingHmrCandidateChange.runtimeAffecting || pendingHmrCandidateChange.addedCandidates.size === 0 || resolveCurrentGeneratorOptions().target === "weapp" && hasUserCssLayerBlocks(generatorCode) || !cleanGeneratedCssByFile.has(file) || !generatedClassSetByFile.has(file) || pendingHmrCssTargetFiles !== void 0 && !pendingHmrCssTargetFiles.has(normalizeHmrCssTargetFile(file))) return;
+		return pendingHmrCandidateChange;
+	};
+	const finishPendingHmrCssTargetFile = (file) => {
+		if (!pendingHmrCandidateChange) return;
+		if (!pendingHmrCssTargetFiles) {
+			clearPendingHmrCandidateChange();
+			return;
+		}
+		pendingHmrCssTargetFiles.delete(normalizeHmrCssTargetFile(file));
+		if (pendingHmrCssTargetFiles.size === 0) clearPendingHmrCandidateChange();
+	};
 	const hasSourceCandidateScanState = () => sourceCandidateScanSignature !== void 0;
 	const normalizeSourceScanDependency = (file) => path.normalize(path.resolve(cleanUrl(file)));
 	const isSourceScanDependency = (file) => sourceScanDependencies.has(normalizeSourceScanDependency(file));
@@ -6722,34 +7303,41 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 	const waitForSourceCandidateSyncs = async () => {
 		while (pendingSourceCandidateSyncs.size > 0) await Promise.all(pendingSourceCandidateSyncs);
 	};
-	const syncChangedSourceCandidateFile = (id) => {
-		if (!shouldOwnTailwindGeneration || !isSourceCandidateRequest(id)) return Promise.resolve();
+	const syncChangedSourceCandidateFile = (id, sourceOverride) => {
+		if (!shouldOwnTailwindGeneration || !isSourceCandidateRequest(id)) return Promise.resolve(void 0);
 		const file = cleanUrl(id);
-		if (isSourceScanDependency(file)) invalidateSourceCandidateScan();
+		const runtimeAffectingByDependency = isSourceScanDependency(file);
+		if (runtimeAffectingByDependency) invalidateSourceCandidateScan();
 		if (sourceScanMatcher && !sourceScanMatcher(file)) {
-			sourceCandidateCollector.remove(file);
+			const change = sourceCandidateCollector.remove(file);
 			cacheCurrentSourceCandidateScan();
 			if (isSourceStyleRequest(file)) return readFile(file, "utf8").then((source) => cssMemory.refreshRememberedCssSourceBySourceFile(file, source)).catch((error) => {
 				if ((typeof error === "object" && error !== null && "code" in error ? error.code : void 0) !== "ENOENT") debug("remembered css source watch refresh failed: %s %O", file, error);
-			}).then(() => cssMemory.refreshRememberedCssSourceByCurrentFile(file)).then(() => void 0);
-			return cssMemory.refreshRememberedCssSourceByCurrentFile(file);
+			}).then(() => cssMemory.refreshRememberedCssSourceByCurrentFile(file)).then(() => applySourceCandidateHmrState(createViteSourceCandidateChange(file, change, { runtimeAffecting: true })));
+			return cssMemory.refreshRememberedCssSourceByCurrentFile(file).then(() => applySourceCandidateHmrState(createViteSourceCandidateChange(file, change, { runtimeAffecting: true })));
 		}
-		const existingTask = pendingSourceCandidateSyncByFile.get(file);
-		if (existingTask) return existingTask.then(() => cssMemory.refreshRememberedCssSourceByCurrentFile(file)).then(() => void 0);
-		const task = sourceCandidateCollector.syncCurrentFile(id).catch((error) => {
+		const existingTask = sourceOverride === void 0 ? pendingSourceCandidateSyncByFile.get(file) : void 0;
+		if (existingTask) return existingTask.then(async () => {
+			return await syncChangedSourceCandidateFile(id);
+		});
+		const task = (sourceOverride === void 0 ? sourceCandidateCollector.syncCurrentFile(id) : sourceCandidateCollector.syncCurrentSource(id, sourceOverride)).catch((error) => {
 			debug("source candidate watch sync failed: %s %O", id, error);
-		}).then(() => {
+		}).then((change) => {
 			cacheCurrentSourceCandidateScan();
+			return change ? applySourceCandidateHmrState(createViteSourceCandidateChange(file, change, { runtimeAffecting: runtimeAffectingByDependency })) : void 0;
 		}).finally(() => {
 			pendingSourceCandidateSyncs.delete(task);
 			pendingSourceCandidateSyncByFile.delete(file);
 		});
 		pendingSourceCandidateSyncs.add(task);
 		pendingSourceCandidateSyncByFile.set(file, task);
-		return task.then(() => cssMemory.refreshRememberedCssSourceByCurrentFile(file)).then(() => void 0);
+		return task.then(async (change) => {
+			await cssMemory.refreshRememberedCssSourceByCurrentFile(file);
+			return change;
+		});
 	};
 	const recordCssAssetResult = (file, css) => {
-		touchMapEntry(viteGeneratedCssByFile, normalizeVitePersistentCacheKey(file), css);
+		touchMapEntry(cleanGeneratedCssByFile, normalizeVitePersistentCacheKey(file), css);
 	};
 	const recordViteProcessedCssAssetResult = (file, css, options = {}) => {
 		const key = normalizeVitePersistentCacheKey(file);
@@ -6763,8 +7351,11 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 	const getViteProcessedCssAssetResults = () => viteProcessedCssAssetResults.entries();
 	const getViteProcessedCssAssetResult = (file) => viteProcessedCssAssetResults.get(normalizeVitePersistentCacheKey(file));
 	const getViteCssCacheStats = () => ({
-		viteGeneratedCssByFile: viteGeneratedCssByFile.size,
-		viteGeneratedCssByFileRaw: summarizeStringCache(viteGeneratedCssByFile),
+		cleanGeneratedCssByFile: cleanGeneratedCssByFile.size,
+		cleanGeneratedCssByFileRaw: summarizeStringCache(cleanGeneratedCssByFile),
+		tracedGeneratedCssByFile: tracedGeneratedCssByFile.size,
+		tracedGeneratedCssByFileRaw: summarizeStringCache(tracedGeneratedCssByFile),
+		generatedClassSetByFile: generatedClassSetByFile.size,
 		viteProcessedCssAssetResults: viteProcessedCssAssetResults.size,
 		viteProcessedCssAssetResultsRaw: summarizeViteProcessedCssResults(viteProcessedCssAssetResults),
 		...cssMemory.getStats(),
@@ -6774,7 +7365,9 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 	});
 	const pruneViteCssCaches = (options) => {
 		const activeFiles = new Set([...options.activeFiles].map(normalizeVitePersistentCacheKey));
-		for (const key of viteGeneratedCssByFile.keys()) if (!activeFiles.has(key)) viteGeneratedCssByFile.delete(key);
+		for (const key of cleanGeneratedCssByFile.keys()) if (!activeFiles.has(key)) cleanGeneratedCssByFile.delete(key);
+		for (const key of tracedGeneratedCssByFile.keys()) if (!activeFiles.has(key)) tracedGeneratedCssByFile.delete(key);
+		for (const key of generatedClassSetByFile.keys()) if (!activeFiles.has(key)) generatedClassSetByFile.delete(key);
 		for (const [key, record] of viteProcessedCssAssetResults) {
 			const outputKey = typeof record.outputFile === "string" ? normalizeVitePersistentCacheKey(record.outputFile) : void 0;
 			if (!activeFiles.has(key) && (outputKey == null || !activeFiles.has(outputKey))) viteProcessedCssAssetResults.delete(key);
@@ -6788,7 +7381,12 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 	const rememberTailwindRootCssModule = (id) => {
 		if (!shouldOwnTailwindGeneration) return;
 		tailwindRootCssModuleIds.add(id);
-		tailwindRootCssModuleIds.add(cleanUrl(id));
+		const cleanId = cleanUrl(id);
+		if (isSourceStyleRequest(cleanId)) tailwindRootCssModuleIds.add(cleanId);
+	};
+	const registerTailwindRootCss = async (id, code) => {
+		rememberTailwindRootCssModule(id);
+		await registerAutoCssSource(id, code);
 	};
 	const isUniViteProject = () => {
 		return resolvedConfig?.plugins?.some((plugin) => plugin.name.includes("uni")) ?? false;
@@ -6841,28 +7439,41 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		const shouldPreserveStyleOutputExtension = frameworkCssPipelineStrategy?.shouldPreserveStyleOutputExtension?.(cssPipelineContext) ?? frameworkCssPipelineStrategy?.isNativeAppStyleTarget?.(cssPipelineContext) === true;
 		const sourceRoot = resolveWeappViteSourceRoot(resolvedConfig, opts.appType);
 		const outputFile = resolveViteCssPipelineOutputFile(requestFile, opts, rootDir, currentGeneratorBranch.isWeb, shouldPreserveStyleOutputExtension, sourceRoot);
-		const runtime = getRecordedGeneratorCandidates() ?? getSourceCandidates() ?? await ensureRuntimeClassSet();
+		const generatorTransformCode = currentGeneratorBranch.isWeb ? generatorCode : normalizeMiniProgramGeneratorCssSource(generatorCode, outputFile);
+		const fullRuntime = getSourceCandidates() ?? getRecordedGeneratorCandidates() ?? await ensureRuntimeClassSet();
+		const pendingHmrChange = resolvePendingHmrCandidateChange(generatorCode, file);
+		const forceFullHmrCssRegeneration = pendingFullHmrCssRegeneration || resolvedConfig?.command === "serve" && pendingHmrCandidateChange !== void 0 && pendingHmrChange === void 0;
+		const runtime = pendingHmrChange ? new Set(pendingHmrChange.addedCandidates) : fullRuntime;
+		if (pendingHmrChange && currentGeneratorOptions.target === "weapp" && filterUnsupportedMiniProgramTailwindV4Candidates(pendingHmrChange.addedCandidates).size === 0) {
+			const previousTracedCss = tracedGeneratedCssByFile.get(file);
+			if (previousTracedCss !== void 0) {
+				finishPendingHmrCssTargetFile(file);
+				return `${createBundlerGeneratedCssMarker("vite", normalizeViteProcessedCssFile(file))}\n${previousTracedCss}`;
+			}
+		}
 		const sourceCssHandlerOptions = transformCssHandlerOptions.getCssHandlerOptions(requestFile);
 		const outputCssHandlerOptions = transformCssHandlerOptions.getCssHandlerOptions(outputFile);
 		const cssHandlerOptions = {
 			...sourceCssHandlerOptions,
 			isMainChunk: outputCssHandlerOptions.isMainChunk
 		};
-		const transientCssSource = transientAutoCssSources.get(file) ?? (hasTailwindRootDirectives(generatorCode, { importFallback: currentGeneratorOptions.importFallback }) || hasTailwindSourceDirectives(generatorCode, { importFallback: currentGeneratorOptions.importFallback }) || hasTailwindApplyDirective(generatorCode) ? {
+		const transientCssSource = transientAutoCssSources.get(file) ?? (hasTailwindRootDirectives(generatorTransformCode, { importFallback: currentGeneratorOptions.importFallback }) || hasTailwindSourceDirectives(generatorTransformCode, { importFallback: currentGeneratorOptions.importFallback }) || hasTailwindApplyDirective(generatorTransformCode) ? {
 			base: path.dirname(path.resolve(file)),
-			css: generatorCode,
+			css: generatorTransformCode,
 			file: path.resolve(file)
 		} : void 0);
 		const shouldDeferEmptyScopedCssSource = transientCssSource == null && (frameworkCssPipelineStrategy?.shouldDeferEmptyScopedCssSource?.({
 			...cssPipelineContext,
 			cssHandlerOptions,
-			generatorCode
+			generatorCode: generatorTransformCode
 		}) ?? true);
-		const generated = await generateTailwindV4Css({
+		const previousCss = pendingHmrChange && !forceFullHmrCssRegeneration ? cleanGeneratedCssByFile.get(file) : void 0;
+		const previousGeneratorCss = previousCss && !currentGeneratorBranch.isWeb ? normalizeMiniProgramGeneratorCssSource(previousCss, outputFile) : previousCss;
+		const generated = await hmrTimingRecorder.measure("generateCss.serve", () => generateTailwindV4Css({
 			opts,
 			runtimeState,
 			runtime,
-			rawSource: generatorCode,
+			rawSource: generatorTransformCode,
 			file,
 			outputFile,
 			cssHandlerOptions,
@@ -6872,25 +7483,45 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 			generatorPlatform: resolveGeneratorPlatform(),
 			styleHandler,
 			debug,
-			previousCss: viteGeneratedCssByFile.get(file),
+			previousCss: previousGeneratorCss,
+			previousClassSet: pendingHmrChange && !forceFullHmrCssRegeneration ? generatedClassSetByFile.get(file) : void 0,
 			deferEmptyScopedCssSource: shouldDeferEmptyScopedCssSource,
+			disableSourceScan: pendingHmrChange !== void 0,
 			restoreLocalCssImports: !currentGeneratorBranch.isWeb
+		}), {
+			file,
+			memoryDebug: {
+				cleanCacheHit: cleanGeneratedCssByFile.has(file),
+				forceFullHmrCssRegeneration,
+				pendingAddedCandidates: pendingHmrCandidateChange?.addedCandidates.size ?? 0,
+				pendingCssTargets: pendingHmrCssTargetFiles?.size ?? 0,
+				pendingResolved: pendingHmrChange !== void 0,
+				runtimeCandidates: runtime.size,
+				target: currentGeneratorOptions.target
+			}
 		});
-		if (!generated) return;
+		if (!generated) {
+			if (pendingHmrChange) finishPendingHmrCssTargetFile(file);
+			else if (!pendingHmrCandidateChange) clearPendingHmrCandidateChange();
+			return;
+		}
 		const finalizedCss = finalizeViteMiniProgramCss(generated.css);
-		const shouldApplyWebCssCompat = currentGeneratorBranch.isWeb || frameworkCssPipelineStrategy?.shouldApplyWebCssCompat?.(cssPipelineContext) === true;
-		const tracedCss = annotateCssSourceTrace(frameworkCssPipelineStrategy?.transformGeneratedCss?.(finalizedCss, {
+		const shouldApplyWebCssCompat = shouldApplyViteWebCssCompat(cssPipelineContext, frameworkCssPipelineStrategy);
+		const outputCss = frameworkCssPipelineStrategy?.transformGeneratedCss?.(finalizedCss, {
 			...cssPipelineContext,
-			defaultWebCssCompat: (css) => applyViteWebCssCompat(css, { compat: currentGeneratorOptions.webCompat ?? true }),
+			defaultWebCssCompat: (css) => transformWebCssCompat(css, resolveViteWebCssCompatOptions(cssPipelineContext)),
 			removeScopedPreflight: removeScopedTailwindPreflightCss,
 			shouldApplyWebCssCompat
-		}) ?? removeScopedTailwindPreflightCss(shouldApplyWebCssCompat ? applyViteWebCssCompat(finalizedCss, { compat: currentGeneratorOptions.webCompat ?? true }) : finalizedCss), {
+		}) ?? removeScopedTailwindPreflightCss(shouldApplyWebCssCompat ? transformWebCssCompat(finalizedCss, resolveViteWebCssCompatOptions(cssPipelineContext)) : finalizedCss);
+		const tracedCss = annotateCssSourceTrace(outputCss, {
 			opts,
 			tokenSources: createCssTokenSourceMap(getSourceCandidateSourcesForEntries(void 0), opts)
 		});
 		for (const dependency of generated.dependencies) hookContext?.addWatchFile?.(dependency);
-		viteGeneratedCssByFile.set(file, tracedCss);
-		const shouldInjectGeneratedCssIntoMain = mainCssChunkMatcher(outputFile, opts.appType) || hasTailwindRootDirectives(generatorCode, { importFallback: currentGeneratorOptions.importFallback }) && !normalizeOutputPathKey(outputFile).includes("/");
+		cleanGeneratedCssByFile.set(file, outputCss);
+		tracedGeneratedCssByFile.set(file, tracedCss);
+		generatedClassSetByFile.set(file, new Set(generated.classSet));
+		const shouldInjectGeneratedCssIntoMain = mainCssChunkMatcher(outputFile, opts.appType) || hasTailwindRootDirectives(generatorTransformCode, { importFallback: currentGeneratorOptions.importFallback }) && !normalizeOutputPathKey(outputFile).includes("/");
 		recordViteProcessedCssAssetResult(file, tracedCss, {
 			injectIntoMain: shouldInjectGeneratedCssIntoMain,
 			outputFile
@@ -6906,7 +7537,9 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		});
 		markViteProcessedCssSource(file);
 		rememberTailwindRootCssModule(id);
-		recordGeneratorCandidates(runtime);
+		recordGeneratorCandidates(fullRuntime);
+		if (pendingHmrChange) finishPendingHmrCssTargetFile(file);
+		else if (!pendingHmrCandidateChange) clearPendingHmrCandidateChange();
 		cssMemory.rememberCssSource({
 			outputFile,
 			rawSource: code,
@@ -6919,7 +7552,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		getAppType: () => opts.appType,
 		generateTailwindCss: generateTailwindCssForVitePipeline,
 		rootImport: shouldOwnTailwindGeneration ? `${weappTailwindcssDirPosix}/generator-placeholder.css` : void 0,
-		onTailwindRootCss: (id, code) => registerAutoCssSource(id, code),
+		onTailwindRootCss: registerTailwindRootCss,
 		onCssSourceTransform: (id, code) => cssMemory.refreshRememberedCssSourceBySourceFile(id, code),
 		shouldGenerateCss: (_id, code) => hasVitePipelineTailwindGenerationDirective(code),
 		shouldDeferGeneration: (_id, code) => !shouldRewriteCssImports && hasTailwindRootDirectives(code, { importFallback: resolveCurrentGeneratorOptions().importFallback }),
@@ -7025,7 +7658,10 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 					let transformedCode = code;
 					if (shouldOwnTailwindGeneration && !resolveCurrentGeneratorBranch().isWeb && isCSSRequest(id)) transformedCode = transformEarlyMiniProgramCss(code);
 					const shouldReturnTransformedCode = transformedCode !== code;
-					if (shouldOwnTailwindGeneration) cssMemory.rememberKnownSfcSource(id, transformedCode);
+					if (shouldOwnTailwindGeneration) {
+						cssMemory.rememberKnownSfcSource(id, transformedCode);
+						if (isCSSRequest(id) && hasTailwindRootDirectives(transformedCode, { importFallback: resolveCurrentGeneratorOptions().importFallback })) rememberTailwindRootCssModule(id);
+					}
 					if (!shouldOwnTailwindGeneration || !isSourceCandidateRequest(id) || !shouldCollectTransformedSourceCandidates(id)) {
 						if (shouldReturnTransformedCode) return {
 							code: transformedCode,
@@ -7055,8 +7691,10 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 					if (shouldOwnTailwindGeneration && isSourceCandidateRequest(id)) invalidateRecordedGeneratorCandidates();
 					if (isSourceScanDependency(id)) invalidateSourceCandidateScan();
 					if (change.event === "delete") {
-						sourceCandidateCollector.remove(id);
+						const file = cleanUrl(id);
+						const sourceCandidateChange = sourceCandidateCollector.remove(file);
 						cacheCurrentSourceCandidateScan();
+						applySourceCandidateHmrState(createViteSourceCandidateChange(file, sourceCandidateChange, { runtimeAffecting: isSourceScanDependency(file) }));
 						return;
 					}
 					await syncChangedSourceCandidateFile(id);
@@ -7065,18 +7703,36 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 			async handleHotUpdate(ctx) {
 				return hmrTimingRecorder.measure("sourceCandidates.handleHotUpdate", async () => {
 					const isSourceCandidateHotUpdate = shouldOwnTailwindGeneration && isSourceCandidateRequest(ctx.file);
-					await syncChangedSourceCandidateFile(ctx.file);
+					if (isSourceCandidateHotUpdate && isSourceStyleRequest(ctx.file)) for (const mod of ctx.modules) {
+						if (mod.id) rememberTailwindRootCssModule(mod.id);
+						if (mod.url) rememberTailwindRootCssModule(mod.url);
+						if (mod.file) rememberTailwindRootCssModule(mod.file);
+					}
+					const canReadHotSource = typeof ctx.read === "function";
+					const hotSource = isSourceCandidateHotUpdate && canReadHotSource ? await ctx.read().catch(() => void 0) : void 0;
+					const sourceCandidateChange = await syncChangedSourceCandidateFile(ctx.file, hotSource);
 					const isWebLikeHotUpdate = isCurrentWebLikeStylePlatform();
+					let canUseHmrCandidateAppend = false;
 					if (isSourceCandidateHotUpdate) {
 						invalidateRecordedGeneratorCandidates();
-						if (isWebLikeHotUpdate) {
-							await refreshRuntimeStateForAutoCssSources?.(true);
-							await syncSourceCandidateScan({ force: true });
+						const preserveDeletedCssInHmr = resolveCurrentGeneratorOptions().hmr.preserveDeletedCss;
+						canUseHmrCandidateAppend = preserveDeletedCssInHmr && !isSourceStyleRequest(ctx.file) && sourceCandidateChange !== void 0 && !sourceCandidateChange.runtimeAffecting;
+						if (!canUseHmrCandidateAppend) {
+							if (sourceCandidateChange === void 0) {
+								clearPendingHmrCandidateChange();
+								if (!preserveDeletedCssInHmr && !isSourceStyleRequest(ctx.file)) queueFullHmrCssRegeneration();
+							}
+							if (isWebLikeHotUpdate) {
+								await refreshRuntimeStateForAutoCssSources?.(true);
+								await syncSourceCandidateScan({ force: true });
+							}
 						}
 					}
+					if (isSourceCandidateHotUpdate) await waitForSourceCandidateSyncs();
 					const cssModules = resolveHotTailwindCssModules(ctx, tailwindRootCssModuleIds);
 					const sourceModules = isSourceCandidateHotUpdate && !isSourceStyleRequest(ctx.file) ? resolveHotSourceModules(ctx) : ctx.modules;
-					if (isSourceCandidateHotUpdate && !isSourceStyleRequest(ctx.file) && !isWebLikeHotUpdate && (!hasSelfAcceptingNonStyleHotModule(sourceModules) && cssModules.length === 0 || cssModules.length > 0 && isUniViteProject())) {
+					const hasHmrCandidateAppend = pendingHmrCandidateChange !== void 0 && !pendingHmrCandidateChange.runtimeAffecting && pendingHmrCandidateChange.addedCandidates.size > 0 || canUseHmrCandidateAppend && sourceCandidateChange !== void 0 && sourceCandidateChange.addedCandidates.size > 0;
+					if (isSourceCandidateHotUpdate && !isSourceStyleRequest(ctx.file) && !hasHmrCandidateAppend && !isWebLikeHotUpdate && (!hasSelfAcceptingNonStyleHotModule(sourceModules) && cssModules.length === 0 || cssModules.length > 0 && isUniViteProject())) {
 						sendFullReloadForUnresolvedHotUpdate(ctx);
 						return [];
 					}
@@ -7084,7 +7740,10 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 						sendFullReloadForUnresolvedHotUpdate(ctx);
 						return [];
 					}
-					sendSupplementalCssHotUpdates(ctx, cssModules);
+					const shouldSendSupplementalCssHotUpdates = !(isWebLikeHotUpdate && isSourceCandidateHotUpdate && !isSourceStyleRequest(ctx.file) && resolveCurrentGeneratorOptions().hmr.preserveDeletedCss && sourceCandidateChange !== void 0 && !sourceCandidateChange.runtimeAffecting && sourceCandidateChange.addedCandidates.size === 0 && sourceCandidateChange.removedCandidates.size > 0);
+					const supplementalCssFallbackIds = /* @__PURE__ */ new Set([...tailwindRootCssModuleIds, ...viteProcessedCssSourceFiles]);
+					if (hasHmrCandidateAppend) armPendingHmrCssTargetFiles(cssModules, supplementalCssFallbackIds);
+					if (shouldSendSupplementalCssHotUpdates) sendSupplementalCssHotUpdates(ctx, cssModules, supplementalCssFallbackIds);
 					if (isWebLikeHotUpdate && isSourceCandidateHotUpdate && !isSourceStyleRequest(ctx.file)) return;
 					if (isSourceCandidateHotUpdate && !isSourceStyleRequest(ctx.file) && cssModules.length > 0) return [...sourceModules, ...cssModules];
 					return cssModules.length > 0 ? [...ctx.modules, ...cssModules] : void 0;
@@ -7099,7 +7758,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		...createViteServeCssGenerationPlugins({
 			generateCss: generateTailwindCssForVitePipeline,
 			getCommand: () => resolvedConfig?.command,
-			onTailwindRootCss: (id, code) => registerAutoCssSource(id, code),
+			onTailwindRootCss: registerTailwindRootCss,
 			shouldGenerate: () => shouldOwnTailwindGeneration
 		}),
 		createViteServeJsTransformPlugin({
@@ -7284,13 +7943,13 @@ const uniAppCssPipelineStrategy = {
 		return context.isWebGeneratorTarget && isUniAppWebviewAppBundle(context.bundleFiles);
 	},
 	shouldSelectConfiguredCssEntryRootSource(context) {
-		return context.currentGeneratorBranch.isWeb && context.opts.cssMatcher(context.outputFile) && context.isRootStyleOutputFile(context.outputFile);
+		return context.opts.cssMatcher(context.outputFile) && context.isRootStyleOutputFile(context.outputFile);
 	},
 	shouldTransformServeJs(context) {
 		return !context.currentGeneratorBranch.isWeb || isUniAppWebviewStylePlatform(context.resolveStylePlatform());
 	},
 	transformGeneratedCss(css, context) {
-		const webCss = context.shouldApplyWebCssCompat ? transformWebCssCompat(css, context.currentGeneratorBranch.isWeb ? context.currentGeneratorOptions.webCompat : context.currentGeneratorOptions.webCompat ?? true) : css;
+		const webCss = context.shouldApplyWebCssCompat ? context.defaultWebCssCompat(css) : css;
 		const safeCss = isUniAppWebviewStylePlatform(context.resolveStylePlatform()) ? transformWebCssSafeSelectors(webCss, { escapeMap: context.opts.escapeMap }) : webCss;
 		return context.removeScopedPreflight(safeCss);
 	}