weapp-tailwindcss 5.1.8 → 5.1.10

package/dist/{vite-GdzlG_lx.js → vite-bztpcI8_.js}

@@ -1,12 +1,11 @@
 const require_rolldown_runtime = require("./rolldown-runtime-emK7D4bc.js");
 const require_framework = require("./framework.js");
-const require_v4_engine = require("./v4-engine-BZP2462H.js");
-const require_generator = require("./generator-DaaFxR5V.js");
+const require_generator = require("./generator-Bz94KTkH.js");
 const require_utils = require("./utils-D3h8j7Mk.js");
-const require_context = require("./context-CRhUs_5e.js");
-const require_tailwindcss = require("./tailwindcss-BZjZZi60.js");
-const require_hmr_timing = require("./hmr-timing-DcIEXnf8.js");
-const require_source_candidate_scan_signature = require("./source-candidate-scan-signature-10tvdJVC.js");
+const require_context = require("./context-y2BGCok4.js");
+const require_tailwindcss = require("./tailwindcss-Dn5DVlkI.js");
+const require_hmr_timing = require("./hmr-timing-DOTdH18A.js");
+const require_source_candidate_scan_signature = require("./source-candidate-scan-signature-BrWuBTjY.js");
 require("./logger-TlKT3xmR.js");
 let node_fs = require("node:fs");
 node_fs = require_rolldown_runtime.__toESM(node_fs);
@@ -473,7 +472,7 @@ function createUniAppXBundleAssetSourceGetter(bundle) {
 //#region src/bundlers/vite/generate-bundle/configured-css-sources.ts
 function collectConfiguredTailwindV4CssSources(opts) {
 	const runtimeCssSources = opts.tailwindcssRuntimeOptions?.tailwindcss?.v4?.cssSources ?? [];
-	return require_v4_engine.filterTailwindV4CssSourceRoots([...opts.tailwindcss?.v4?.cssSources ?? [], ...runtimeCssSources]) ?? [];
+	return require_generator.filterTailwindV4CssSourceRoots([...opts.tailwindcss?.v4?.cssSources ?? [], ...runtimeCssSources]) ?? [];
 }
 function collectExplicitTailwindV4CssEntries(opts) {
 	const entries = [
@@ -502,7 +501,7 @@ function collectConfiguredTailwindV4CssSourceEntries(opts, fallbackBase) {
 	}
 	for (const cssSource of collectConfiguredTailwindV4CssSources(opts)) {
 		if (typeof cssSource.css !== "string" || cssSource.css.length === 0) continue;
-		const base = require_v4_engine.resolveTailwindV4CssSourceBase(cssSource, fallbackBase);
+		const base = require_generator.resolveTailwindV4CssSourceBase(cssSource, fallbackBase);
 		const file = typeof cssSource.file === "string" && cssSource.file.length > 0 ? cssSource.file : node_path.default.join(base, "tailwind.css");
 		const resolvedFile = node_path.default.isAbsolute(file) ? node_path.default.resolve(file) : node_path.default.resolve(base, file);
 		const key = `${resolvedFile}\0${cssSource.css}`;
@@ -547,8 +546,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",
@@ -658,9 +662,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) || !require_source_candidate_scan_signature.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) || !require_source_candidate_scan_signature.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,
@@ -814,7 +818,7 @@ function collectCssConfigBaseCandidates(source, file, outputRoot, opts) {
 		const cssSourceCss = typeof cssSource.css === "string" ? normalizeCssSourceForCompare(cssSource.css) : void 0;
 		if (cssSourceFile && !isMatchingCssSourceFile(file, cssSourceFile, outputRoot) && cssSourceCss !== normalizedSource) continue;
 		addCandidate(cssSourceFile ? node_path.default.dirname(cssSourceFile) : void 0);
-		addCandidate(require_v4_engine.resolveTailwindV4CssSourceBase(cssSource, sourceBaseFallback));
+		addCandidate(require_generator.resolveTailwindV4CssSourceBase(cssSource, sourceBaseFallback));
 	}
 	return candidates;
 }
@@ -1006,7 +1010,7 @@ function createCssTransformShareScope(file, rawSource) {
 function createCssTransformShareScopeKey(opts, file, rawSource) {
 	if (opts.mainCssChunkMatcher(file, opts.appType)) return `main:${require_source_candidate_scan_signature.normalizeOutputPathKey(file)}`;
 	const generatorOptions = require_generator.normalizeWeappTailwindcssGeneratorOptions(opts.generator);
-	if (require_v4_engine.hasTailwindGeneratedCssMarkers(rawSource) || require_v4_engine.hasTailwindSourceDirectives(rawSource, { importFallback: generatorOptions.importFallback })) return `source:${require_source_candidate_scan_signature.normalizeOutputPathKey(file)}`;
+	if (require_generator.hasTailwindGeneratedCssMarkers(rawSource) || require_generator.hasTailwindSourceDirectives(rawSource, { importFallback: generatorOptions.importFallback })) return `source:${require_source_candidate_scan_signature.normalizeOutputPathKey(file)}`;
 	return createCssTransformShareScope(file, rawSource);
 }
 function createCssRuntimeSignature(runtimeSignature, generatorCandidateSignature) {
@@ -1548,10 +1552,10 @@ function resolveSfcStyleRequestFromKnownSource(sourceFile, sfcSource, styleSourc
 }
 function hasTailwindGenerationSource(source, options = {}) {
 	const allowRootDirectives = options.allowRootDirectives !== false;
-	return require_v4_engine.hasTailwindNonRootGenerationDirectives(source, { importFallback: true }) || allowRootDirectives && require_v4_engine.hasTailwindSourceDirectives(source, { importFallback: true }) || allowRootDirectives && require_v4_engine.hasTailwindRootDirectives(source, { importFallback: true }) || require_v4_engine.hasTailwindApplyDirective(source);
+	return require_generator.hasTailwindNonRootGenerationDirectives(source, { importFallback: true }) || allowRootDirectives && require_generator.hasTailwindSourceDirectives(source, { importFallback: true }) || allowRootDirectives && require_generator.hasTailwindRootDirectives(source, { importFallback: true }) || require_generator.hasTailwindApplyDirective(source);
 }
 function hasTailwindGenerationSourceForFile(file, source) {
-	if (require_v4_engine.isTailwindV4CssEntry(file)) return hasTailwindGenerationSource(source);
+	if (require_generator.isTailwindV4CssEntry(file)) return hasTailwindGenerationSource(source);
 	return hasTailwindGenerationSource(source, { allowRootDirectives: false });
 }
 async function resolveSfcStyleSourceFromOutputFile(outputFile, snapshot, outputRoot, sourceRoot, cssMatcher, getSfcSource, debug) {
@@ -1657,6 +1661,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)
@@ -1675,11 +1683,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: require_hmr_timing.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: require_hmr_timing.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) {
@@ -1816,30 +1836,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 = _weapp_tailwindcss_postcss.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 = require_generator.stripGeneratorPlaceholderMarkers(css);
+		const root = _weapp_tailwindcss_postcss.postcss.parse(source);
+		const removedMediaWrappers = removeTailwindSourceMediaWrappersRoot(root);
+		const removedTailwindDirectives = (0, _weapp_tailwindcss_postcss.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 require_generator.removeTailwindSourceDirectives(removeTailwindSourceMediaWrappersFallback(css));
 	}
 }
-function removeTailwindEntryDirectivesFromCss(css) {
-	return require_v4_engine.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 = (0, _weapp_tailwindcss_postcss.parseTailwindCssDirectiveRequest)(trimmed.slice(7).trim().replace(/;$/, "").trim());
+		return request === void 0 || (0, _weapp_tailwindcss_postcss.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 = _weapp_tailwindcss_postcss.postcss.parse(css);
+		const changed = isMiniProgramStyleOutputFile(file) ? (0, _weapp_tailwindcss_postcss.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, "");
@@ -1854,15 +1909,27 @@ function resolveImportedStyleFile(targetFile, request) {
 	const targetDir = posix.posix.dirname(require_source_candidate_scan_signature.normalizeOutputPathKey(targetFile));
 	return require_source_candidate_scan_signature.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((0, _weapp_tailwindcss_postcss.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 {
-		_weapp_tailwindcss_postcss.postcss.parse(css).walkAtRules("import", (atRule) => {
-			const importedFile = resolveImportedStyleFile(targetFile, require_v4_engine.parseImportRequest(atRule.params));
-			if (importedFile) imports.add(importedFile);
-		});
+		const imports = collectImportedStyleFilesRoot(_weapp_tailwindcss_postcss.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;
@@ -2019,9 +2086,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();
@@ -2058,14 +2137,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 = _weapp_tailwindcss_postcss.postcss.parse(css);
 		let changed = false;
@@ -2076,7 +2156,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;
 			}
@@ -2210,6 +2290,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" ? require_source_candidate_scan_signature.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" ? require_source_candidate_scan_signature.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" ? require_source_candidate_scan_signature.normalizeOutputPathKey(record.outputFile) : void 0).filter((outputFile) => typeof outputFile === "string" && isRootStyleOutputFile(outputFile));
 	if (context !== void 0 && options.cssPipelineStrategy?.shouldPreferExplicitWebCssTargets?.({
 		...context,
 		explicitRootTargets,
@@ -2219,12 +2300,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" && require_source_candidate_scan_signature.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(require_source_candidate_scan_signature.normalizeOutputPathKey));
+	for (const [bundleFile, output] of Object.entries(bundle)) {
+		if (output.type !== "asset" || require_source_candidate_scan_signature.normalizeOutputPathKey(getAssetFile$1(bundleFile, output)) !== require_source_candidate_scan_signature.normalizeOutputPathKey(file)) continue;
+		return [...collectImportedStyleFiles(readAssetSource$2(output), file)].some((importedFile) => targetFileSet.has(require_source_candidate_scan_signature.normalizeOutputPathKey(importedFile)));
+	}
+	return false;
+}
 function isViteProcessedCssResultImported(record, importedStyleFiles) {
 	return importedStyleFiles.has(require_source_candidate_scan_signature.normalizeOutputPathKey(record.file)) || typeof record.outputFile === "string" && importedStyleFiles.has(require_source_candidate_scan_signature.normalizeOutputPathKey(record.outputFile));
 }
@@ -2268,7 +2362,84 @@ function removeCssCoveredByImportedViteResults(css, importedCssSources) {
 	if (importedCssSources.length === 0) return css;
 	const importedCss = importedCssSources.map((source) => require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(source).trim()).filter(Boolean).join("\n");
 	if (importedCss.length === 0) return css;
-	return (0, _weapp_tailwindcss_postcss.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 = _weapp_tailwindcss_postcss.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 {
+		_weapp_tailwindcss_postcss.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 = _weapp_tailwindcss_postcss.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 (0, _weapp_tailwindcss_postcss.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 ((0, _weapp_tailwindcss_postcss.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 = _weapp_tailwindcss_postcss.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 [];
@@ -2483,8 +2654,9 @@ function injectViteProcessedCssIntoMainCssAssets(bundle, options) {
 		}
 		const fileKey = require_source_candidate_scan_signature.normalizeOutputPathKey(file);
 		const mainFileKey = require_source_candidate_scan_signature.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));
@@ -2500,7 +2672,7 @@ function injectViteProcessedCssIntoMainCssAssets(bundle, options) {
 			if (!shouldInjectViteProcessedCssResult(options.opts, mainFileKey, record.file, record)) continue;
 			if (isViteProcessedCssResultImported(record, importedStyleFiles)) continue;
 			targetViteCssResults.push(record);
-			let css = require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(record.css).trim();
+			let css = normalizeInjectableCssForTarget(require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(record.css).trim(), file).trim();
 			css = removeCssCoveredByImportedViteResults(css, importedCssSources).trim();
 			if (css.length === 0) continue;
 			const mergedLayerCss = require_hmr_timing.mergeMarkedUserLayerComponentsCss(nextCss, css);
@@ -2533,7 +2705,9 @@ function injectViteProcessedCssIntoMainCssAssets(bundle, options) {
 			if (missingCss.length === 0 || !hasNonCommentCss(missingCss) || (0, _weapp_tailwindcss_postcss.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);
@@ -2659,7 +2833,7 @@ function resolveViteMemoryDebugStats(context) {
 			...context.getViteCssCacheStats?.(),
 			lastCssResultByFile: summarizeStringMapCache$1(context.lastCssResultByFile)
 		},
-		tailwind: { v4: require_v4_engine.getTailwindV4IncrementalGenerateCacheStats() }
+		tailwind: { v4: require_generator.getTailwindV4IncrementalGenerateCacheStats() }
 	};
 }
 //#endregion
@@ -2818,14 +2992,15 @@ function getAssetFile(bundleFile, asset) {
 	return asset.fileName || bundleFile;
 }
 function finalizeWebviewCssCompat(bundle, options) {
-	if (options.opts.generator?.webCompat === false) return 0;
+	const generatorOptions = require_generator.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 = (0, _weapp_tailwindcss_postcss.transformWebCssSafeSelectors)((0, _weapp_tailwindcss_postcss.transformWebCssCompat)(rawSource, options.opts.generator?.webCompat ?? true), { escapeMap: options.opts.escapeMap });
+		const nextCss = (0, _weapp_tailwindcss_postcss.transformWebCssSafeSelectors)((0, _weapp_tailwindcss_postcss.transformWebCssCompat)(rawSource, generatorOptions.webCompat ?? true), { escapeMap: options.opts.escapeMap });
 		if (nextCss === rawSource) continue;
 		output.source = nextCss;
 		options.recordCssAssetResult?.(file, nextCss);
@@ -2861,7 +3036,7 @@ function resolveSingleCssImportOutputFile(targetFile, css) {
 	try {
 		_weapp_tailwindcss_postcss.postcss.parse(css).walkAtRules("import", (atRule) => {
 			if (importedFile !== void 0) return;
-			const request = require_v4_engine.parseImportRequest(atRule.params);
+			const request = require_generator.parseImportRequest(atRule.params);
 			if (!request || /^(?:https?:)?\/\//i.test(request) || request.startsWith("data:")) return;
 			const cleanRequest = request.replace(/[?#].*$/, "");
 			if (!/\.(?:css|wxss|acss|ttss|qss|jxss|tyss)$/i.test(cleanRequest)) return;
@@ -3285,7 +3460,7 @@ function resolveUniAppXStyleIsolationEnabled(root) {
 //#region src/uni-app-x/vite.ts
 let transformUVuePromise;
 function loadTransformUVue() {
-	transformUVuePromise ?? (transformUVuePromise = Promise.resolve().then(() => require("./transform-B0BxX3XB.js")).then((mod) => mod.transformUVue));
+	transformUVuePromise ?? (transformUVuePromise = Promise.resolve().then(() => require("./transform-DZQETx51.js")).then((mod) => mod.transformUVue));
 	return transformUVuePromise;
 }
 const preprocessorLangs = /* @__PURE__ */ new Set([
@@ -3359,14 +3534,14 @@ function createUniAppXPlugins(options) {
 		const parsed = query ?? parseVueRequest(id).query;
 		if (require_source_candidate_scan_signature.isCSSRequest(id) || parsed.vue && parsed.type === "style") {
 			if (isCssModuleExport(code)) return;
-			const shouldGenerateCss = require_v4_engine.hasTailwindSourceDirectives(code, { importFallback: true }) || require_v4_engine.hasTailwindApplyDirective(code);
+			const shouldGenerateCss = require_generator.hasTailwindSourceDirectives(code, { importFallback: true }) || require_generator.hasTailwindApplyDirective(code);
 			rememberHarmonyApplySource(code);
 			const generatedCss = shouldGenerateCss ? await generateCss?.(id, code, hookContext) : void 0;
 			const styleCode = typeof generatedCss === "string" && generatedCss.trim().length > 0 ? generatedCss : code;
 			const cacheKey = `${mainCssChunkMatcher(id, appType) ? "1" : "0"}:${id}`;
 			let styleHandlerOptions = cssHandlerOptionsCache.get(cacheKey);
 			if (!styleHandlerOptions) {
-				styleHandlerOptions = require_v4_engine.omitUndefined({
+				styleHandlerOptions = require_generator.omitUndefined({
 					isMainChunk: mainCssChunkMatcher(id, appType),
 					uniAppXCssTarget: resolveUniAppXCssTarget(id),
 					uniAppXUnsupported: resolvedUniAppXOptions.uvueUnsupported,
@@ -3429,7 +3604,7 @@ function createUniAppXPlugins(options) {
 			const transformUVue = await loadTransformUVue();
 			const enableComponentLocalStyle = shouldEnableComponentLocalStyle();
 			const enablePageLocalStyle = shouldEnableHarmonyPageLocalStyle();
-			if (customAttributesEntities.length > 0 || disabledDefaultTemplateHandler || enableComponentLocalStyle || enablePageLocalStyle) return transformUVue(code, id, jsHandler, currentRuntimeSet, require_v4_engine.omitUndefined({
+			if (customAttributesEntities.length > 0 || disabledDefaultTemplateHandler || enableComponentLocalStyle || enablePageLocalStyle) return transformUVue(code, id, jsHandler, currentRuntimeSet, require_generator.omitUndefined({
 				...customAttributesEntities.length > 0 ? { customAttributesEntities } : {},
 				...disabledDefaultTemplateHandler ? { disabledDefaultTemplateHandler } : {},
 				...enableComponentLocalStyle ? { enableComponentLocalStyle } : {},
@@ -3743,7 +3918,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 (require_source_candidate_scan_signature.isHTMLRequest(outputFile) || options.opts.htmlMatcher(outputFile)) continue;
@@ -3755,6 +3930,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 : require_hmr_timing.normalizeMiniProgramGeneratorCssSource(rawSource, outputFile);
 		activeViteCssCacheFiles.add(normalizeViteCssCacheKey(outputFile));
 		activeViteCssCacheFiles.add(normalizeViteCssCacheKey(sourceFile));
 		const outputCssHandlerOptions = getCssHandlerOptions(outputFile);
@@ -3764,17 +3940,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(require_source_candidate_scan_signature.createCandidateSignature(scopedGeneratorRuntime), await require_source_candidate_scan_signature.createScopedGeneratorCandidateSignature(rawSource, sourceFile, require_source_candidate_scan_signature.createCandidateSignature(scopedGeneratorRuntime), scopedSourceCandidateGetter, {
+		const scopedGeneratorRuntime = await createScopedGeneratorRuntime(outputFile, cssHandlerOptions, generatorRuntime, generatorRawSource, sourceFile);
+		const cssRuntimeSignature = createCssRuntimeSignature(require_source_candidate_scan_signature.createCandidateSignature(scopedGeneratorRuntime), await require_source_candidate_scan_signature.createScopedGeneratorCandidateSignature(generatorRawSource, sourceFile, require_source_candidate_scan_signature.createCandidateSignature(scopedGeneratorRuntime), scopedSourceCandidateGetter, {
 			includeFallbackSignature: cssHandlerOptions.isMainChunk,
 			majorVersion: runtimeState.tailwindRuntime.majorVersion
 		}));
 		const cssRuntimeAffectingHash = cache.computeHash(require_source_candidate_scan_signature.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 ? require_hmr_timing.createCssTokenSourceMap(scopedSourceCandidateSourceGetter(void 0), opts) : void 0;
+		const sourceTraceSources = scopedSourceCandidateSourceGetter ? await require_source_candidate_scan_signature.createScopedGeneratorSourceTraceMap(generatorRawSource, sourceFile, scopedSourceCandidateSourceGetter) : void 0;
+		const sourceTraceTokenSources = sourceTraceSources ? require_hmr_timing.createCssTokenSourceMap(sourceTraceSources, opts) : void 0;
 		const annotateCss = (css) => require_hmr_timing.annotateCssSourceTrace(css, {
 			opts,
 			tokenSources: sourceTraceTokenSources
@@ -3782,13 +3962,32 @@ async function processRememberedCssReplay(options) {
 		const shouldRecordRememberedReplayCss = useIncrementalMode || isNativeAppStyleTarget;
 		const shouldEmitRememberedReplayCssAsset = shouldRecordRememberedReplayCss;
 		if (!shouldRecordRememberedReplayCss) continue;
+		if (!isWebGeneratorTarget && (0, _weapp_tailwindcss_postcss.isPureLocalCssImportWrapper)(rawSource)) {
+			cssTaskFactories.push(() => timeTask("css.replay", async () => {
+				const start = performance.now();
+				const css = annotateCss(require_hmr_timing.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 require_source_candidate_scan_signature.generateTailwindV4Css({
 				opts,
 				runtimeState,
 				runtime: scopedGeneratorRuntime,
-				rawSource,
+				rawSource: generatorRawSource,
 				file: sourceFile,
 				outputFile,
 				cssHandlerOptions,
@@ -3799,7 +3998,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) {
@@ -3810,6 +4010,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) {
@@ -4068,37 +4272,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;
+		_weapp_tailwindcss_postcss.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", node_path.default.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 {
-		_weapp_tailwindcss_postcss.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 = _weapp_tailwindcss_postcss.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", node_path.default.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) {
@@ -4114,7 +4400,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,
@@ -4123,7 +4409,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;
@@ -4137,10 +4423,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];
@@ -4159,8 +4447,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;
 	});
@@ -4173,14 +4460,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 {
@@ -4354,6 +4645,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 ? node_path.default.basename(node_path.default.normalize(outDir)) : void 0;
@@ -4365,6 +4669,7 @@ function createGenerateBundleHook(context) {
 	const state = require_source_candidate_scan_signature.createBundleBuildState();
 	const lastCssResultByFile = /* @__PURE__ */ new Map();
 	const lastCssSourceHashByFile = /* @__PURE__ */ new Map();
+	const lastCssRawSourceHashByFile = /* @__PURE__ */ new Map();
 	let currentOutDir;
 	let currentSubpackageRoots;
 	const createInitialCssPipelineContext = (file) => {
@@ -4437,14 +4742,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) => (0, _weapp_tailwindcss_postcss.transformWebCssCompat)(value, isWebGeneratorTarget ? generatorOptions.webCompat : generatorOptions.webCompat ?? true),
+				defaultWebCssCompat: (value) => (0, _weapp_tailwindcss_postcss.transformWebCssCompat)(value, resolveViteWebCssCompatOptions(cssPipelineContext)),
 				removeScopedPreflight: (value) => value,
 				shouldApplyWebCssCompat
-			}) ?? (shouldApplyWebCssCompat ? (0, _weapp_tailwindcss_postcss.transformWebCssCompat)(css, isWebGeneratorTarget ? generatorOptions.webCompat : generatorOptions.webCompat ?? true) : css);
+			}) ?? (shouldApplyWebCssCompat ? (0, _weapp_tailwindcss_postcss.transformWebCssCompat)(css, resolveViteWebCssCompatOptions(cssPipelineContext)) : css);
 		};
 		const isNativeAppStyleTarget = context.cssPipelineStrategy?.isNativeAppStyleTarget?.(cssPipelineContext) === true;
 		const isHarmonyAppStyleTarget = context.cssPipelineStrategy?.isHarmonyAppStyleTarget?.(cssPipelineContext) === true;
@@ -4455,6 +4760,9 @@ function createGenerateBundleHook(context) {
 		const sourceRoot = resolveWeappViteSourceRoot(resolvedConfig, opts.appType) ?? resolveSourceRootFromBundleGraph(resolvedConfig, bundle);
 		const outDir = resolvedConfig?.build?.outDir ? node_path.default.resolve(rootDir, resolvedConfig.build.outDir) : rootDir;
 		const defaultStyleOutputExtension = resolveMiniProgramStyleOutputExtension({ files: Object.keys(bundle) });
+		const normalizeMiniProgramGeneratorRawSource = (source, outputFile) => {
+			return isWebGeneratorTarget ? source : require_hmr_timing.normalizeMiniProgramGeneratorCssSource(source, outputFile);
+		};
 		await runtimeState.readyPromise;
 		debug("start");
 		onStart();
@@ -4480,7 +4788,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);
@@ -4490,8 +4798,8 @@ function createGenerateBundleHook(context) {
 			tailwindcssRuntimeOptions: {
 				...opts.tailwindcssRuntimeOptions ?? {},
 				tailwindcss: {
-					...require_v4_engine.resolveTailwindcssOptions(opts.tailwindcssRuntimeOptions) ?? {},
-					...require_v4_engine.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options) ?? {}
+					...require_generator.resolveTailwindcssOptions(opts.tailwindcssRuntimeOptions) ?? {},
+					...require_generator.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options) ?? {}
 				}
 			}
 		}, opts.tailwindcssBasedir ?? rootDir);
@@ -4520,8 +4828,8 @@ function createGenerateBundleHook(context) {
 			const cleanFile = file.replace(/[?#].*$/, "");
 			return normalizeSystemAliasPathKey(require_source_candidate_scan_signature.normalizeOutputPathKey(node_path.default.isAbsolute(cleanFile) ? node_path.default.resolve(cleanFile) : node_path.default.resolve(opts.tailwindcssBasedir ?? rootDir, cleanFile)));
 		};
-		const runtimeTailwindcssOptions = require_v4_engine.resolveTailwindcssOptions(opts.tailwindcssRuntimeOptions);
-		const tailwindRuntimeOptions = require_v4_engine.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
+		const runtimeTailwindcssOptions = require_generator.resolveTailwindcssOptions(opts.tailwindcssRuntimeOptions);
+		const tailwindRuntimeOptions = require_generator.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
 		const configuredTailwindV4CssSourceFileKeysForScope = new Set(configuredTailwindV4CssSourceEntriesForScope.map((entry) => normalizeConfiguredTailwindV4CssEntryFileKey(entry.file)));
 		const configuredTailwindV4ExplicitCssEntryFileKeysForScope = new Set([
 			...Array.isArray(opts.cssEntries) ? opts.cssEntries : [],
@@ -4547,15 +4855,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 !require_source_candidate_scan_signature.normalizeOutputPathKey(resolveConfiguredTailwindV4CssEntryOutputFile(entry.file).replace(/[?#].*$/, "")).includes("/");
@@ -4568,6 +4881,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 = require_source_candidate_scan_signature.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 = require_source_candidate_scan_signature.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 !require_source_candidate_scan_signature.normalizeOutputPathKey(entryOutputFile.replace(/[?#].*$/, "")).includes("/") || currentSubpackageRoots != null && !isSubpackageOutputFile(entryOutputFile, currentSubpackageRoots);
+			});
+		};
 		const { createScopedSourceCandidateGetter, createScopedSourceCandidateSourceGetter, shouldExcludeSubpackageSourceCandidates, shouldInjectCssIntoMainFromOutput } = createSubpackageSourceCandidateScope({
 			cssSourceFiles: configuredTailwindV4CssSourceEntriesForScope.map((entry) => entry.file),
 			getSourceCandidateSourcesForEntries,
@@ -4619,8 +4961,8 @@ function createGenerateBundleHook(context) {
 		}) : await context.ensureRuntimeClassSet(envFlags.forceRuntimeRefreshByEnv);
 		const shouldFilterTailwindV4MiniProgramCandidates = require_generator.shouldUseMiniProgramCssBranch(generatorBranch);
 		const collectedGeneratorCandidates = /* @__PURE__ */ new Set([...runtime, ...sourceCandidates]);
-		const filteredGeneratorCandidates = shouldFilterTailwindV4MiniProgramCandidates ? require_v4_engine.filterUnsupportedMiniProgramTailwindV4Candidates(collectedGeneratorCandidates) : collectedGeneratorCandidates;
-		const filteredSourceCandidates = shouldFilterTailwindV4MiniProgramCandidates ? require_v4_engine.filterUnsupportedMiniProgramTailwindV4Candidates(sourceCandidates) : sourceCandidates;
+		const filteredGeneratorCandidates = shouldFilterTailwindV4MiniProgramCandidates ? require_generator.filterUnsupportedMiniProgramTailwindV4Candidates(collectedGeneratorCandidates) : collectedGeneratorCandidates;
+		const filteredSourceCandidates = shouldFilterTailwindV4MiniProgramCandidates ? require_generator.filterUnsupportedMiniProgramTailwindV4Candidates(sourceCandidates) : sourceCandidates;
 		const transformRuntime = shouldFilterTailwindV4MiniProgramCandidates ? new Set(runtime) : new Set(filteredGeneratorCandidates);
 		const generatorRuntime = filteredGeneratorCandidates;
 		const cssEntries = snapshot.entries.filter((entry) => entry.type === "css" && entry.output.type === "asset");
@@ -4629,7 +4971,8 @@ function createGenerateBundleHook(context) {
 			const mainCssEntry = cssEntries.find((entry) => getCssHandlerOptions(entry.file).isMainChunk) ?? cssEntries[0];
 			if (mainCssEntry) {
 				const mainCssRawSource = typeof mainCssEntry.output.source === "string" ? mainCssEntry.output.source : node_buffer.Buffer.from(mainCssEntry.output.source).toString();
-				if (!require_v4_engine.hasTailwindApplyDirective(mainCssRawSource)) {
+				if (!require_generator.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);
@@ -4637,7 +4980,7 @@ function createGenerateBundleHook(context) {
 						opts,
 						runtimeState,
 						candidates: filteredSourceCandidates,
-						rawSource: mainCssRawSource,
+						rawSource: validationRawSource,
 						generatedCssSources,
 						file: mainCssEntry.file,
 						cssHandlerOptions: getCssHandlerOptions(mainCssEntry.file),
@@ -4655,6 +4998,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 require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile).includes("/") || typeof sourceFile === "string" && shouldSelectConfiguredRootCssOutput(outputFile) && configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(sourceFile));
+		};
 		rememberRuntimeLinkedCssSources({
 			bundleFiles,
 			debug,
@@ -4677,7 +5023,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
@@ -4687,10 +5033,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 && (require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile).includes("/") || isExplicitConfiguredEntry && shouldSelectConfiguredRootCssOutput(outputFile)) ? {
 					file: entry.file,
 					outputFile,
 					source: entry.source
@@ -4867,6 +5214,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 || require_source_candidate_scan_signature.normalizeOutputPathKey(matchedOutputFile) === require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile);
@@ -4883,10 +5231,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 = {
@@ -4906,50 +5261,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(require_source_candidate_scan_signature.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(require_source_candidate_scan_signature.normalizeOutputPathKey(entry.file)));
-						const configuredGenerationSource = selectTailwindV4GenerationCssSourceForOutput(outputFile, availableConfiguredTailwindV4CssSourceEntries, rawSource, {
+					const isCurrentRootMiniProgramStyleOutput = opts.cssMatcher(outputFile) && isMiniProgramStyleOutputFile(outputFile) && !require_source_candidate_scan_signature.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(require_source_candidate_scan_signature.normalizeOutputPathKey(configuredGenerationSource.file)) : false;
+						const hasConfiguredGenerationSourceAlreadyProcessed = configuredGenerationSource ? hasViteProcessedCssResultForSource(configuredGenerationSource.file, getViteProcessedCssAssetResults) : false;
+						const shouldUseConfiguredGenerationSource = configuredGenerationSource && (!hasConfiguredGenerationSourceAlreadyUsed && !hasConfiguredGenerationSourceAlreadyProcessed || require_source_candidate_scan_signature.normalizeOutputPathKey(configuredGenerationOutputFile ?? outputFile) === require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile));
+						if (configuredGenerationSource && shouldUseConfiguredGenerationSource) {
+							outputFile = configuredGenerationOutputFile ?? outputFile;
 							activeViteCssCacheFiles.add(normalizeViteCssCacheKey(outputFile));
 							outputCssHandlerOptions = getCssHandlerOptions(outputFile);
 							usedConfiguredTailwindV4CssSourceFiles.add(require_source_candidate_scan_signature.normalizeOutputPathKey(configuredGenerationSource.file));
@@ -4958,9 +5282,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 = require_source_candidate_scan_signature.normalizeOutputPathKey(inferredOriginalSourceStyle.outputFile) === require_source_candidate_scan_signature.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(require_source_candidate_scan_signature.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(require_source_candidate_scan_signature.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(require_source_candidate_scan_signature.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))) {
@@ -4978,10 +5363,10 @@ function createGenerateBundleHook(context) {
 				const shouldKeepImportedCssShell = isCssImportOnlyBundleAsset(bundle, file, rawSource);
 				const useRememberedCssSource = !shouldKeepImportedCssShell && rememberedCssSource != null && (require_source_candidate_scan_signature.normalizeOutputPathKey(rememberedCssSource.sourceFile) !== require_source_candidate_scan_signature.normalizeOutputPathKey(file) || !hasTailwindGenerationSource(rawSource) && hasTailwindGenerationSource(rememberedCssSource.rawSource));
 				const vitePipelineCssAsset = viteProcessedCssAsset || useRememberedCssSource;
-				const generatorRawSource = vitePipelineCssAsset ? rememberedCssSource?.rawSource ?? rawSource : rawSource;
-				const hasRememberedApplySource = vitePipelineCssAsset && rememberedCssSource != null && require_v4_engine.hasTailwindApplyDirective(generatorRawSource);
+				const generatorRawSource = normalizeMiniProgramGeneratorRawSource(vitePipelineCssAsset ? rememberedCssSource?.rawSource ?? rawSource : rawSource, outputFile);
+				const hasRememberedApplySource = vitePipelineCssAsset && rememberedCssSource != null && require_generator.hasTailwindApplyDirective(generatorRawSource);
 				const hasDifferentRememberedCssSource = rememberedCssSource != null && normalizeCssSourceForCompare(rememberedCssSource.rawSource) !== normalizeCssSourceForCompare(rawSource);
-				const hasCurrentTailwindGenerationDirective = require_v4_engine.hasTailwindSourceDirectives(rawSource, { importFallback: true }) || require_v4_engine.hasTailwindRootDirectives(rawSource, { importFallback: true }) || require_v4_engine.hasTailwindApplyDirective(rawSource);
+				const hasCurrentTailwindGenerationDirective = require_generator.hasTailwindSourceDirectives(rawSource, { importFallback: true }) || require_generator.hasTailwindRootDirectives(rawSource, { importFallback: true }) || require_generator.hasTailwindApplyDirective(rawSource);
 				if (shouldKeepImportedCssShell && !hasCurrentTailwindGenerationDirective) {
 					applyCssResult(rawSource);
 					markCssAssetProcessed?.(originalSource, outputFile);
@@ -4990,7 +5375,7 @@ function createGenerateBundleHook(context) {
 					debug("css preserve imported shell asset: %s", outputFile);
 					continue;
 				}
-				const hasRememberedApplyDirective = rememberedCssSource != null && require_v4_engine.hasTailwindApplyDirective(rememberedCssSource.rawSource);
+				const hasRememberedApplyDirective = rememberedCssSource != null && require_generator.hasTailwindApplyDirective(rememberedCssSource.rawSource);
 				const hasRememberedTailwindGenerationSource = rememberedCssSource != null && hasTailwindGenerationSource(rememberedCssSource.rawSource);
 				const hasSameOutputRememberedTailwindGenerationSource = hasRememberedTailwindGenerationSource && rememberedCssSource != null && require_source_candidate_scan_signature.normalizeOutputPathKey(rememberedCssSource.outputFile) === require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile);
 				const hasStaleViteProcessedCssSource = vitePipelineCssAsset && hasDifferentRememberedCssSource && (hasCurrentTailwindGenerationDirective || hasRememberedApplyDirective || hasRememberedTailwindGenerationSource);
@@ -5005,7 +5390,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: {
@@ -5016,7 +5404,8 @@ function createGenerateBundleHook(context) {
 				};
 				const scopedSourceCandidateGetter = createScopedSourceCandidateGetter(outputFile, generatorCssHandlerOptions);
 				const scopedSourceCandidateSourceGetter = createScopedSourceCandidateSourceGetter(outputFile, generatorCssHandlerOptions);
-				const sourceTraceTokenSources = scopedSourceCandidateSourceGetter ? require_hmr_timing.createCssTokenSourceMap(scopedSourceCandidateSourceGetter(void 0), opts) : void 0;
+				const sourceTraceSources = scopedSourceCandidateSourceGetter ? await require_source_candidate_scan_signature.createScopedGeneratorSourceTraceMap(generatorRawSource, generatorSourceFile, scopedSourceCandidateSourceGetter) : void 0;
+				const sourceTraceTokenSources = sourceTraceSources ? require_hmr_timing.createCssTokenSourceMap(sourceTraceSources, opts) : void 0;
 				const sourceTraceSignature = require_hmr_timing.createCssSourceTraceCacheSignature(sourceTraceTokenSources, opts);
 				const scopedGeneratorRuntime = await createScopedGeneratorRuntime$1(outputFile, generatorCssHandlerOptions, generatorRuntime, generatorRawSource, generatorSourceFile);
 				const annotateCss = (css) => require_hmr_timing.annotateCssSourceTrace(css, {
@@ -5040,7 +5429,7 @@ function createGenerateBundleHook(context) {
 				const shouldTrackGeneratorRuntime = hasStaleViteProcessedCssSource || shouldRegenerateMainPackageCssWithScopedCandidates || hasCurrentTailwindGenerationDirective || hasSameOutputRememberedTailwindGenerationSource || shouldProcessTailwindGeneration && (!useIncrementalMode || cssHandlerOptions.isMainChunk || processFiles.css.has(file) || runtimeLinkedCssFiles.has(file) || runtimeLinkedCssFiles.has(outputFile) || shouldRegenerateCollectedViteCss || hasRuntimeAffectingChanges && (alreadyProcessedCssAsset || vitePipelineCssAsset));
 				const shouldPreserveCollectedViteCssAsset = !shouldRegenerateCollectedViteCss && (state.generatorCandidateSignature === void 0 || !generatorCandidatesChanged) && (collectedBundlerGeneratedCssFiles.has(file) || require_source_candidate_scan_signature.hasBundlerGeneratedCssMarker(rawSource));
 				const strippedViteProcessedCss = require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(rawSource);
-				const shouldPreserveStaleGeneratedCssAsset = hasStaleViteProcessedCssSource && shouldPreserveCollectedViteCssAsset && strippedViteProcessedCss.trim().length > 0 && !strippedViteProcessedCss.includes("weapp-tailwindcss generator-placeholder") && !strippedViteProcessedCss.includes("vite-placeholder") && !hasTailwindGenerationSource(strippedViteProcessedCss) && !require_v4_engine.hasTailwindApplyDirective(strippedViteProcessedCss);
+				const shouldPreserveStaleGeneratedCssAsset = hasStaleViteProcessedCssSource && shouldPreserveCollectedViteCssAsset && strippedViteProcessedCss.trim().length > 0 && !strippedViteProcessedCss.includes("weapp-tailwindcss generator-placeholder") && !strippedViteProcessedCss.includes("vite-placeholder") && !hasTailwindGenerationSource(strippedViteProcessedCss) && !require_generator.hasTailwindApplyDirective(strippedViteProcessedCss);
 				if (alreadyProcessedCssAsset && !shouldRefreshViteProcessedCssByCandidates && (!hasStaleViteProcessedCssSource || shouldPreserveStaleGeneratedCssAsset) && !hasRememberedApplySource && !shouldRegenerateMainPackageCssWithScopedCandidates && (!shouldTrackGeneratorRuntime || shouldPreserveCollectedViteCssAsset)) {
 					const nextCss = removeRootCoveredCssFromScopedAsset(strippedViteProcessedCss);
 					applyCssResult(nextCss);
@@ -5119,11 +5508,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) || require_source_candidate_scan_signature.hasBundlerGeneratedCssMarker(rawSource) ? await require_source_candidate_scan_signature.generateTailwindV4Css({
+							const generatorTransformRawSource = generatorRawSource;
+							const previousGeneratorCss = previousCss && !isWebGeneratorTarget ? normalizeMiniProgramGeneratorRawSource(previousCss, outputFile) : previousCss;
+							const generated = hasTailwindGenerationSource(generatorTransformRawSource) || require_source_candidate_scan_signature.hasBundlerGeneratedCssMarker(rawSource) ? await require_source_candidate_scan_signature.generateTailwindV4Css({
 								opts,
 								runtimeState,
 								runtime: scopedGeneratorRuntime,
-								rawSource: generatorRawSource,
+								rawSource: generatorTransformRawSource,
 								file: generatorSourceFile,
 								outputFile,
 								cssHandlerOptions: generatorCssHandlerOptions,
@@ -5133,8 +5524,8 @@ function createGenerateBundleHook(context) {
 								generatorPlatform,
 								styleHandler,
 								debug,
-								previousCss,
-								...vitePipelineCssAsset && !require_source_candidate_scan_signature.hasBundlerGeneratedCssMarker(rawSource) && normalizeCssSourceForCompare(rawSource) !== normalizeCssSourceForCompare(generatorRawSource) ? { userRawSource: normalizeGeneratorUserRawSource(rawSource, generatorSourceFile, assetSourceFile) } : {},
+								previousCss: previousGeneratorCss,
+								...vitePipelineCssAsset && !require_source_candidate_scan_signature.hasBundlerGeneratedCssMarker(rawSource) && normalizeCssSourceForCompare(rawSource) !== normalizeCssSourceForCompare(generatorRawSource) ? { userRawSource: normalizeMiniProgramGeneratorRawSource(normalizeGeneratorUserRawSource(rawSource, generatorSourceFile, assetSourceFile), outputFile) } : {},
 								...usesConfiguredTailwindV4FallbackSource ? { restoreLocalCssImports: false } : {}
 							}) : void 0;
 							if (generated) {
@@ -5164,9 +5555,17 @@ function createGenerateBundleHook(context) {
 								debug("css preserve web target: %s", outputFile);
 								return annotateCss(outputCss);
 							}
-							const { css } = await styleHandler(generatorRawSource, cssHandlerOptions);
+							if ((0, _weapp_tailwindcss_postcss.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, require_source_candidate_scan_signature.summarizeStringDiff(generatorRawSource, tracedCss));
+							if (envFlags.debugCssDiff) debug("css diff %s: %s", generatorSourceFile, require_source_candidate_scan_signature.summarizeStringDiff(generatorTransformRawSource, tracedCss));
 							metrics.css.elapsed += measureElapsed(start);
 							metrics.css.transformed++;
 							return tracedCss;
@@ -5221,6 +5620,7 @@ function createGenerateBundleHook(context) {
 			bundle,
 			bundleFiles,
 			cache,
+			changedCssFiles: snapshot.changedByType.css,
 			cssTaskFactories,
 			createScopedGeneratorRuntime: createScopedGeneratorRuntime$1,
 			createScopedSourceCandidateGetter,
@@ -5236,6 +5636,7 @@ function createGenerateBundleHook(context) {
 			getRememberedCssSources,
 			isNativeAppStyleTarget,
 			isWebGeneratorTarget,
+			lastCssRawSourceHashByFile,
 			lastCssResultByFile,
 			lastCssSourceHashByFile,
 			markCssAssetProcessed,
@@ -5339,12 +5740,13 @@ function registerGeneratorDependencies(ctx, dependencies) {
 		throw error;
 	}
 }
-function createCssHandlerOptions(opts, majorVersion, file, extraOptions = {}) {
+function createCssHandlerOptions(opts, majorVersion, file, outputRoot, extraOptions = {}) {
+	const from = node_path.default.isAbsolute(file) ? file : outputRoot ? node_path.default.resolve(outputRoot, file) : file;
 	return {
 		...extraOptions,
 		cssPreflight: opts.cssPreflight,
 		isMainChunk: opts.mainCssChunkMatcher(file, opts.appType),
-		postcssOptions: { options: { from: file } },
+		postcssOptions: { options: { from } },
 		...require_context.normalizeStyleHandlerMajorVersion(majorVersion) === void 0 ? {} : { majorVersion: 4 }
 	};
 }
@@ -5355,10 +5757,11 @@ function shouldGenerateCssByGenerator(opts, majorVersion, file, rawSource, proce
 		tailwindcssMajorVersion: majorVersion,
 		uniAppX: opts.uniAppX
 	});
-	if (require_v4_engine.hasLocalCssImport(rawSource)) return false;
-	if (require_v4_engine.hasTailwindGeneratedCssMarkers(rawSource)) return true;
-	if (require_v4_engine.hasTailwindRootDirectives(rawSource, { importFallback: generatorOptions.importFallback })) return true;
-	return processed && require_v4_engine.hasTailwindApplyDirective(rawSource) && shouldFinalizeProcessedCssAsset(opts, file);
+	if (!generatorOptions.enabled) return false;
+	if (require_generator.hasLocalCssImport(rawSource)) return false;
+	if (require_generator.hasTailwindGeneratedCssMarkers(rawSource)) return true;
+	if (require_generator.hasTailwindRootDirectives(rawSource, { importFallback: generatorOptions.importFallback })) return true;
+	return processed && require_generator.hasTailwindApplyDirective(rawSource) && shouldFinalizeProcessedCssAsset(opts, file);
 }
 function shouldFinalizeProcessedCssAsset(opts, file) {
 	return opts.mainCssChunkMatcher(file, opts.appType);
@@ -5367,8 +5770,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) => (0, _weapp_tailwindcss_postcss.transformWebCssCompat)(value, context.currentGeneratorBranch.isWeb ? context.currentGeneratorOptions.webCompat : context.currentGeneratorOptions.webCompat ?? true);
+	const shouldApplyWebCssCompat = shouldApplyViteWebCssCompat(context, cssPipelineStrategy);
+	const defaultWebCssCompat = (value) => (0, _weapp_tailwindcss_postcss.transformWebCssCompat)(value, resolveViteWebCssCompatOptions(context));
 	return cssPipelineStrategy?.transformGeneratedCss?.(css, {
 		...context,
 		defaultWebCssCompat,
@@ -5414,6 +5817,7 @@ function createViteCssFinalizerOutputPlugin(context) {
 				const isNativeAppStyleTarget = cssPipelineStrategy?.isNativeAppStyleTarget?.(createCssPipelineContext("")) === true;
 				if (resolvedConfig?.command !== "build" && !isNativeAppStyleTarget) return;
 				const rootDir = resolvedConfig?.root ? node_path.default.resolve(resolvedConfig.root) : node_process.default.cwd();
+				const outDir = resolvedConfig?.build?.outDir ? node_path.default.resolve(rootDir, resolvedConfig.build.outDir) : rootDir;
 				const sourceRoot = resolveWeappViteSourceRoot(resolvedConfig, opts.appType) ?? resolveSourceRootFromBundleGraph(resolvedConfig, bundle);
 				const sourceTraceTokenSources = getSourceCandidateSourcesForEntries ? require_hmr_timing.createCssTokenSourceMap(getSourceCandidateSourcesForEntries(void 0), opts) : void 0;
 				const annotateCss = (css) => require_hmr_timing.annotateCssSourceTrace(css, {
@@ -5460,7 +5864,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"
 					}) ?? {});
@@ -5511,7 +5915,7 @@ function createViteCssFinalizerOutputPlugin(context) {
 				await waitForSourceCandidateSyncs?.();
 				const runtime = getRecordedGeneratorCandidates?.() ?? getSourceCandidates?.() ?? await ensureRuntimeClassSet();
 				const collectedGeneratorCandidates = /* @__PURE__ */ new Set([...runtime, ...getSourceCandidates?.() ?? []]);
-				const generatorRuntime = require_generator.shouldUseMiniProgramCssBranch(generatorBranch) ? require_v4_engine.filterUnsupportedMiniProgramTailwindV4Candidates(collectedGeneratorCandidates) : collectedGeneratorCandidates;
+				const generatorRuntime = require_generator.shouldUseMiniProgramCssBranch(generatorBranch) ? require_generator.filterUnsupportedMiniProgramTailwindV4Candidates(collectedGeneratorCandidates) : collectedGeneratorCandidates;
 				await Promise.all(entries.map(async ([bundleFile, output]) => {
 					const file = output.fileName || bundleFile;
 					const rawSource = output.source.toString();
@@ -5526,7 +5930,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
 					}) ?? {});
@@ -5534,11 +5938,21 @@ function createViteCssFinalizerOutputPlugin(context) {
 						...cssHandlerOptions,
 						isMainChunk: false
 					};
+					const cleanRawSource = require_source_candidate_scan_signature.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 : require_hmr_timing.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;
@@ -5546,11 +5960,12 @@ function createViteCssFinalizerOutputPlugin(context) {
 						...generatorCssHandlerOptions,
 						isMainChunk: false
 					} : cssUserHandlerOptions;
-					const generated = shouldGenerateCssByGenerator(opts, runtimeState.tailwindRuntime.majorVersion, file, generatorRawSource, processed) ? await require_source_candidate_scan_signature.generateTailwindV4Css({
+					const generatorTransformRawSource = generatorRawSource;
+					const generated = shouldGenerateCssByGenerator(opts, runtimeState.tailwindRuntime.majorVersion, file, generatorTransformRawSource, processed) ? await require_source_candidate_scan_signature.generateTailwindV4Css({
 						opts,
 						runtimeState,
 						runtime: generatorRuntime,
-						rawSource: generatorRawSource,
+						rawSource: generatorTransformRawSource,
 						file: generatorSourceFile,
 						outputFile: file,
 						cssHandlerOptions: generatorCssHandlerOptions,
@@ -5560,10 +5975,21 @@ function createViteCssFinalizerOutputPlugin(context) {
 						styleHandler: opts.styleHandler,
 						debug
 					}) : void 0;
-					const nextCss = annotateCss(generated?.css ?? (generatorBranch.isWeb ? finalizeWebCss(rawSource, {
+					if (!generated && !generatorBranch.isWeb && (0, _weapp_tailwindcss_postcss.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);
@@ -5849,9 +6275,21 @@ function createViteCssMemory(options) {
 function resolveHotTailwindCssModules(ctx, tailwindRootCssModuleIds) {
 	const modules = [];
 	const seenModules = /* @__PURE__ */ new Set();
+	const root = ctx.server.config?.root ?? node_process.default.cwd();
+	const outDir = ctx.server.config?.build?.outDir ? normalizeAbsoluteFilePath(node_path.default.resolve(root, ctx.server.config.build.outDir)) : void 0;
+	const isHotSourceStyleModule = (id) => {
+		if (!require_source_candidate_scan_signature.isSourceStyleRequest(id)) return false;
+		const file = (0, _weapp_tailwindcss_shared.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 (!require_source_candidate_scan_signature.isSourceStyleRequest(mod.id ?? mod.url)) return;
+		if (!isHotSourceStyleModule(mod.id ?? mod.url)) return;
 		seenModules.add(mod);
 		ctx.server.moduleGraph.invalidateModule(mod);
 		modules.push(mod);
@@ -5887,6 +6325,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 node_path.default.isAbsolute(file) || /^[A-Z]:[\\/]/i.test(file) || file.startsWith("\\\\");
+}
+function normalizeAbsoluteFilePath(file) {
+	if (/^[A-Z]:[\\/]/i.test(file) || file.startsWith("\\\\")) return require_source_candidate_scan_signature.slash(node_path.default.win32.resolve(file));
+	return require_source_candidate_scan_signature.slash(node_path.default.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 = (0, _weapp_tailwindcss_shared.cleanUrl)(id);
+	if (/^\/(?![A-Z]:)/i.test(file) && !file.startsWith(require_source_candidate_scan_signature.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 `/${require_source_candidate_scan_signature.slash(node_path.default.relative(normalizedRoot, normalizedFile))}${suffix}`;
+}
 function includesHotModule(modules, target) {
 	const targetUrl = resolveModuleHotUrl(target);
 	const targetId = target.id;
@@ -5895,24 +6356,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 !require_source_candidate_scan_signature.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 ?? node_process.default.cwd();
+	const updates = [];
+	for (const id of fallbackCssIds) {
+		if (!require_source_candidate_scan_signature.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?.({
@@ -6063,9 +6546,9 @@ function createRewriteCssImportsPlugins(options) {
 		async transform(code, id) {
 			if (!require_source_candidate_scan_signature.isCSSRequest(id)) return null;
 			const file = (0, _weapp_tailwindcss_shared.cleanUrl)(id);
-			const normalizedCode = require_v4_engine.hasTailwindRootDirectives(code) || code.includes("@config") ? require_v4_engine.normalizeTailwindConfigDirectives(code, node_path.default.dirname(file)) : code;
+			const normalizedCode = require_generator.hasTailwindRootDirectives(code) || code.includes("@config") ? require_generator.normalizeTailwindConfigDirectives(code, node_path.default.dirname(file)) : code;
 			await options.onCssSourceTransform?.(id, normalizedCode);
-			const hasTailwindRoot = require_v4_engine.hasTailwindRootDirectives(normalizedCode);
+			const hasTailwindRoot = require_generator.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) {
@@ -6097,7 +6580,7 @@ function createRewriteCssImportsPlugins(options) {
 	}];
 }
 function hasVitePipelineTailwindGenerationDirective(code) {
-	return require_v4_engine.hasTailwindRootDirectives(code) || require_v4_engine.hasTailwindApplyDirective(code);
+	return require_generator.hasTailwindRootDirectives(code) || require_generator.hasTailwindApplyDirective(code);
 }
 //#endregion
 //#region src/bundlers/vite/runtime-class-set.ts
@@ -6121,7 +6604,7 @@ function createViteRuntimeClassSet(options) {
 	let runtimeRefreshSignature;
 	let runtimeRefreshOptionsKey;
 	function resolveRuntimeRefreshOptions() {
-		const configPath = require_v4_engine.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options)?.config;
+		const configPath = require_generator.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options)?.config;
 		const signature = require_tailwindcss.getRuntimeClassSetSignature(runtimeState.tailwindRuntime);
 		const optionsKey = JSON.stringify({
 			appType: opts.appType,
@@ -6227,6 +6710,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);
@@ -6260,13 +6744,13 @@ function isViteServeCssRootRequest(id, command) {
 	return command === "serve" && require_source_candidate_scan_signature.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 require_v4_engine.hasTailwindRootDirectives(code) || require_v4_engine.hasTailwindSourceDirectives(code, { importFallback: true }) || require_v4_engine.hasTailwindApplyDirective(code);
+	return require_generator.hasTailwindRootDirectives(code) || require_generator.hasTailwindSourceDirectives(code, { importFallback: true }) || require_generator.hasTailwindApplyDirective(code);
 }
 function hasViteServeCssRootDirective(code) {
-	return require_v4_engine.hasTailwindRootDirectives(code);
+	return require_generator.hasTailwindRootDirectives(code);
 }
 function createViteServeCssGenerationPlugins(options) {
 	return [{
@@ -6275,7 +6759,8 @@ function createViteServeCssGenerationPlugins(options) {
 		enforce: "pre",
 		async transform(code, id) {
 			if (!options.shouldGenerate() || !isViteServeCssRootRequest(id, options.getCommand())) return;
-			if (!require_v4_engine.hasTailwindRootDirectives(code)) return;
+			if (!require_generator.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;
@@ -6347,7 +6832,7 @@ function resolveImplicitTailwindcssBasedirFromViteRoot(root) {
 	}
 	const tailwindConfigPath = require_tailwindcss.findTailwindConfig(searchRoots);
 	if (tailwindConfigPath) return node_path.default.dirname(tailwindConfigPath);
-	const packageRoot = require_v4_engine.findNearestPackageRoot(resolvedRoot);
+	const packageRoot = require_generator.findNearestPackageRoot(resolvedRoot);
 	if (packageRoot && (0, node_fs.existsSync)(node_path.default.join(packageRoot, PACKAGE_JSON_FILE))) return packageRoot;
 	return resolvedRoot;
 }
@@ -6357,6 +6842,7 @@ const debug = require_context.createDebug();
 const weappTailwindcssPackageDir = require_source_candidate_scan_signature.resolvePackageDir("weapp-tailwindcss");
 const weappTailwindcssDirPosix = require_source_candidate_scan_signature.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 lru_cache.LRUCache({ max: SOURCE_CANDIDATE_SCAN_CACHE_MAX });
 const ENV_PLATFORM_KEYS = [
 	"UNI_PLATFORM",
@@ -6391,9 +6877,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 (0, _weapp_tailwindcss_postcss.transformWebCssCompat)(css, options.compat);
-}
 function isInternalUserDefinedOptions(options) {
 	return typeof options.onLoad === "function" && typeof options.mainCssChunkMatcher === "function" && typeof options.tailwindRuntime === "object" && typeof options.refreshTailwindcssRuntime === "function";
 }
@@ -6412,7 +6895,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 	});
 	const syncCssEntriesFromAnchor = (anchor) => {
 		var _opts$tailwindcss;
-		const normalizedCssEntries = require_v4_engine.normalizeCssEntries(rawCssEntries, anchor ?? node_process.default.cwd());
+		const normalizedCssEntries = require_generator.normalizeCssEntries(rawCssEntries, anchor ?? node_process.default.cwd());
 		if (!normalizedCssEntries) return false;
 		const changed = !sameStringList(opts.cssEntries, normalizedCssEntries);
 		opts.cssEntries = normalizedCssEntries;
@@ -6433,7 +6916,6 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 	const disabledOptions = require_source_candidate_scan_signature.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 = () => {
@@ -6452,6 +6934,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		tailwindcssMajorVersion,
 		uniAppX
 	});
+	const shouldOwnTailwindGeneration = !disabledOptions.plugin && resolveCurrentGeneratorOptions().enabled;
 	const resolveCurrentGeneratorBranch = () => require_generator.resolveGeneratorRuntimeBranch(resolveCurrentGeneratorOptions(), {
 		appType: opts.appType,
 		platform: resolveGeneratorPlatform(),
@@ -6481,7 +6964,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		return (0, _weapp_tailwindcss_postcss.unwrapUnsupportedCascadeLayers)(css);
 	};
 	const shouldInferAppType = !hasExplicitAppType && !initialGeneratorBranch.isWeb;
-	const hasInitialTailwindCssRoots = require_v4_engine.hasConfiguredTailwindV4CssRoots({
+	const hasInitialTailwindCssRoots = require_generator.hasConfiguredTailwindV4CssRoots({
 		...rawOptions,
 		cssEntries: opts.cssEntries ?? rawOptions.cssEntries
 	});
@@ -6499,11 +6982,11 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		if (!shouldOwnTailwindGeneration) return;
 		const file = (0, _weapp_tailwindcss_shared.cleanUrl)(id);
 		if (!node_path.default.isAbsolute(file)) return;
-		if (!require_v4_engine.isTailwindV4CssEntry(file)) return;
+		if (!require_generator.isTailwindV4CssEntry(file)) return;
 		if (isMissingInternalCssSource(file, weappTailwindcssPackageDir)) return;
 		const sourceFile = node_path.default.normalize(file);
 		const sourceBase = node_path.default.dirname(sourceFile);
-		const sourceCss = require_v4_engine.normalizeTailwindSourceForGenerator(require_v4_engine.normalizeTailwindConfigDirectives(css, sourceBase), { importFallback: true });
+		const sourceCss = require_generator.normalizeTailwindSourceForGenerator(require_generator.normalizeTailwindConfigDirectives(css, sourceBase), { importFallback: true });
 		if (autoCssSourceContent.get(sourceFile) === sourceCss) return;
 		autoCssSourceContent.set(sourceFile, sourceCss);
 		await syncTailwindCssSourceCandidates(sourceFile, sourceCss);
@@ -6521,7 +7004,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		const dependencies = await require_tailwindcss.resolveViteTailwindV4CssDependencies(sourceCss, sourceBase);
 		transientSource.dependencies = dependencies;
 		transientAutoCssSources.set(sourceFile, transientSource);
-		if (!require_v4_engine.upsertTailwindV4CssSource(opts, {
+		if (!require_generator.upsertTailwindV4CssSource(opts, {
 			file: sourceFile,
 			base: sourceBase,
 			css: sourceCss,
@@ -6544,11 +7027,11 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		for (const cssEntry of cssEntries) {
 			const sourceFile = node_path.default.resolve(cssEntry);
 			const sourceBase = node_path.default.dirname(sourceFile);
-			const sourceCss = require_v4_engine.normalizeTailwindSourceForGenerator(require_v4_engine.normalizeTailwindConfigDirectives(await (0, node_fs_promises.readFile)(sourceFile, "utf8"), sourceBase), { importFallback: true });
+			const sourceCss = require_generator.normalizeTailwindSourceForGenerator(require_generator.normalizeTailwindConfigDirectives(await (0, node_fs_promises.readFile)(sourceFile, "utf8"), sourceBase), { importFallback: true });
 			if (autoCssSourceContent.get(sourceFile) === sourceCss) continue;
 			autoCssSourceContent.set(sourceFile, sourceCss);
 			await syncTailwindCssSourceCandidates(sourceFile, sourceCss);
-			changed = require_v4_engine.upsertTailwindV4CssSource(opts, {
+			changed = require_generator.upsertTailwindV4CssSource(opts, {
 				file: sourceFile,
 				base: sourceBase,
 				css: sourceCss,
@@ -6572,8 +7055,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,
@@ -6593,15 +7079,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 ? node_buffer.Buffer.from(asset.source).toString() : String(asset.source ?? "");
+	};
+	const markCssAssetProcessed = (asset, file) => {
 		processedCssAssets.add(asset);
+		if (file) processedCssAssetSourceByFile.set(require_source_candidate_scan_signature.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(require_source_candidate_scan_signature.normalizeOutputPathKey(file)) === source) return true;
 		const record = viteProcessedCssAssetResults.get(require_source_candidate_scan_signature.normalizeOutputPathKey(file));
 		if (!record) return false;
-		return (typeof asset.source === "string" ? asset.source : asset.source instanceof Uint8Array ? node_buffer.Buffer.from(asset.source).toString() : String(asset.source ?? "")) === record.css;
+		return source === record.css;
 	};
 	const recordGeneratorCandidates = (candidates) => {
 		recordedGeneratorCandidates = new Set(candidates);
@@ -6624,6 +7116,95 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		const cleanId = (0, _weapp_tailwindcss_shared.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((0, _weapp_tailwindcss_shared.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 || require_source_candidate_scan_signature.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 (require_source_candidate_scan_signature.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" && require_generator.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) => node_path.default.normalize(node_path.default.resolve((0, _weapp_tailwindcss_shared.cleanUrl)(file)));
 	const isSourceScanDependency = (file) => sourceScanDependencies.has(normalizeSourceScanDependency(file));
@@ -6649,7 +7230,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 			seenRoots.add(basedir);
 		}
 		for (const cssEntry of opts.tailwindcss?.v4?.cssEntries ?? []) {
-			if (!require_v4_engine.isTailwindV4CssEntry(cssEntry)) continue;
+			if (!require_generator.isTailwindV4CssEntry(cssEntry)) continue;
 			const cssEntryRoot = node_path.default.dirname(node_path.default.resolve(cssEntry));
 			if (seenRoots.has(cssEntryRoot)) continue;
 			roots.push({ root: cssEntryRoot });
@@ -6728,34 +7309,41 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 	const waitForSourceCandidateSyncs = async () => {
 		while (pendingSourceCandidateSyncs.size > 0) await Promise.all(pendingSourceCandidateSyncs);
 	};
-	const syncChangedSourceCandidateFile = (id) => {
-		if (!shouldOwnTailwindGeneration || !require_hmr_timing.isSourceCandidateRequest(id)) return Promise.resolve();
+	const syncChangedSourceCandidateFile = (id, sourceOverride) => {
+		if (!shouldOwnTailwindGeneration || !require_hmr_timing.isSourceCandidateRequest(id)) return Promise.resolve(void 0);
 		const file = (0, _weapp_tailwindcss_shared.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 (require_source_candidate_scan_signature.isSourceStyleRequest(file)) return (0, node_fs_promises.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);
@@ -6769,8 +7357,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(),
@@ -6780,7 +7371,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);
@@ -6794,7 +7387,12 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 	const rememberTailwindRootCssModule = (id) => {
 		if (!shouldOwnTailwindGeneration) return;
 		tailwindRootCssModuleIds.add(id);
-		tailwindRootCssModuleIds.add((0, _weapp_tailwindcss_shared.cleanUrl)(id));
+		const cleanId = (0, _weapp_tailwindcss_shared.cleanUrl)(id);
+		if (require_source_candidate_scan_signature.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;
@@ -6836,7 +7434,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		const file = (0, _weapp_tailwindcss_shared.cleanUrl)(id);
 		const requestFile = require_source_candidate_scan_signature.isCSSRequest(id) ? id === file ? resolveSfcStyleRequestFromKnownSource(file, cssMemory.getKnownSfcSource(file), code) : id : file;
 		if (!require_source_candidate_scan_signature.isCSSRequest(requestFile) || opts.htmlMatcher(file) || require_source_candidate_scan_signature.isHTMLRequest(file)) return;
-		const generatorCode = require_v4_engine.normalizeEmptyTailwindCustomVariants(code);
+		const generatorCode = require_generator.normalizeEmptyTailwindCustomVariants(code);
 		const rootDir = resolvedConfig?.root ? node_path.default.resolve(resolvedConfig.root) : node_process.default.cwd();
 		const currentGeneratorOptions = resolveCurrentGeneratorOptions();
 		const currentGeneratorBranch = resolveCurrentGeneratorBranch();
@@ -6847,28 +7445,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 : require_hmr_timing.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" && require_generator.filterUnsupportedMiniProgramTailwindV4Candidates(pendingHmrChange.addedCandidates).size === 0) {
+			const previousTracedCss = tracedGeneratedCssByFile.get(file);
+			if (previousTracedCss !== void 0) {
+				finishPendingHmrCssTargetFile(file);
+				return `${require_source_candidate_scan_signature.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) ?? (require_v4_engine.hasTailwindRootDirectives(generatorCode, { importFallback: currentGeneratorOptions.importFallback }) || require_v4_engine.hasTailwindSourceDirectives(generatorCode, { importFallback: currentGeneratorOptions.importFallback }) || require_v4_engine.hasTailwindApplyDirective(generatorCode) ? {
+		const transientCssSource = transientAutoCssSources.get(file) ?? (require_generator.hasTailwindRootDirectives(generatorTransformCode, { importFallback: currentGeneratorOptions.importFallback }) || require_generator.hasTailwindSourceDirectives(generatorTransformCode, { importFallback: currentGeneratorOptions.importFallback }) || require_generator.hasTailwindApplyDirective(generatorTransformCode) ? {
 			base: node_path.default.dirname(node_path.default.resolve(file)),
-			css: generatorCode,
+			css: generatorTransformCode,
 			file: node_path.default.resolve(file)
 		} : void 0);
 		const shouldDeferEmptyScopedCssSource = transientCssSource == null && (frameworkCssPipelineStrategy?.shouldDeferEmptyScopedCssSource?.({
 			...cssPipelineContext,
 			cssHandlerOptions,
-			generatorCode
+			generatorCode: generatorTransformCode
 		}) ?? true);
-		const generated = await require_source_candidate_scan_signature.generateTailwindV4Css({
+		const previousCss = pendingHmrChange && !forceFullHmrCssRegeneration ? cleanGeneratedCssByFile.get(file) : void 0;
+		const previousGeneratorCss = previousCss && !currentGeneratorBranch.isWeb ? require_hmr_timing.normalizeMiniProgramGeneratorCssSource(previousCss, outputFile) : previousCss;
+		const generated = await hmrTimingRecorder.measure("generateCss.serve", () => require_source_candidate_scan_signature.generateTailwindV4Css({
 			opts,
 			runtimeState,
 			runtime,
-			rawSource: generatorCode,
+			rawSource: generatorTransformCode,
 			file,
 			outputFile,
 			cssHandlerOptions,
@@ -6878,25 +7489,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 = require_hmr_timing.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) => (0, _weapp_tailwindcss_postcss.transformWebCssCompat)(css, resolveViteWebCssCompatOptions(cssPipelineContext)),
 			removeScopedPreflight: removeScopedTailwindPreflightCss,
 			shouldApplyWebCssCompat
-		}) ?? removeScopedTailwindPreflightCss(shouldApplyWebCssCompat ? applyViteWebCssCompat(finalizedCss, { compat: currentGeneratorOptions.webCompat ?? true }) : finalizedCss), {
+		}) ?? removeScopedTailwindPreflightCss(shouldApplyWebCssCompat ? (0, _weapp_tailwindcss_postcss.transformWebCssCompat)(finalizedCss, resolveViteWebCssCompatOptions(cssPipelineContext)) : finalizedCss);
+		const tracedCss = require_hmr_timing.annotateCssSourceTrace(outputCss, {
 			opts,
 			tokenSources: require_hmr_timing.createCssTokenSourceMap(getSourceCandidateSourcesForEntries(void 0), opts)
 		});
 		for (const dependency of generated.dependencies) hookContext?.addWatchFile?.(dependency);
-		viteGeneratedCssByFile.set(file, tracedCss);
-		const shouldInjectGeneratedCssIntoMain = mainCssChunkMatcher(outputFile, opts.appType) || require_v4_engine.hasTailwindRootDirectives(generatorCode, { importFallback: currentGeneratorOptions.importFallback }) && !require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile).includes("/");
+		cleanGeneratedCssByFile.set(file, outputCss);
+		tracedGeneratedCssByFile.set(file, tracedCss);
+		generatedClassSetByFile.set(file, new Set(generated.classSet));
+		const shouldInjectGeneratedCssIntoMain = mainCssChunkMatcher(outputFile, opts.appType) || require_generator.hasTailwindRootDirectives(generatorTransformCode, { importFallback: currentGeneratorOptions.importFallback }) && !require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile).includes("/");
 		recordViteProcessedCssAssetResult(file, tracedCss, {
 			injectIntoMain: shouldInjectGeneratedCssIntoMain,
 			outputFile
@@ -6912,7 +7543,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,
@@ -6925,10 +7558,10 @@ 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 && require_v4_engine.hasTailwindRootDirectives(code, { importFallback: resolveCurrentGeneratorOptions().importFallback }),
+		shouldDeferGeneration: (_id, code) => !shouldRewriteCssImports && require_generator.hasTailwindRootDirectives(code, { importFallback: resolveCurrentGeneratorOptions().importFallback }),
 		shouldOwnTailwindGeneration,
 		shouldRewrite: shouldRewriteCssImports,
 		weappTailwindcssDirPosix
@@ -7031,7 +7664,10 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 					let transformedCode = code;
 					if (shouldOwnTailwindGeneration && !resolveCurrentGeneratorBranch().isWeb && require_source_candidate_scan_signature.isCSSRequest(id)) transformedCode = transformEarlyMiniProgramCss(code);
 					const shouldReturnTransformedCode = transformedCode !== code;
-					if (shouldOwnTailwindGeneration) cssMemory.rememberKnownSfcSource(id, transformedCode);
+					if (shouldOwnTailwindGeneration) {
+						cssMemory.rememberKnownSfcSource(id, transformedCode);
+						if (require_source_candidate_scan_signature.isCSSRequest(id) && require_generator.hasTailwindRootDirectives(transformedCode, { importFallback: resolveCurrentGeneratorOptions().importFallback })) rememberTailwindRootCssModule(id);
+					}
 					if (!shouldOwnTailwindGeneration || !require_hmr_timing.isSourceCandidateRequest(id) || !shouldCollectTransformedSourceCandidates(id)) {
 						if (shouldReturnTransformedCode) return {
 							code: transformedCode,
@@ -7061,8 +7697,10 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 					if (shouldOwnTailwindGeneration && require_hmr_timing.isSourceCandidateRequest(id)) invalidateRecordedGeneratorCandidates();
 					if (isSourceScanDependency(id)) invalidateSourceCandidateScan();
 					if (change.event === "delete") {
-						sourceCandidateCollector.remove(id);
+						const file = (0, _weapp_tailwindcss_shared.cleanUrl)(id);
+						const sourceCandidateChange = sourceCandidateCollector.remove(file);
 						cacheCurrentSourceCandidateScan();
+						applySourceCandidateHmrState(createViteSourceCandidateChange(file, sourceCandidateChange, { runtimeAffecting: isSourceScanDependency(file) }));
 						return;
 					}
 					await syncChangedSourceCandidateFile(id);
@@ -7071,18 +7709,36 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 			async handleHotUpdate(ctx) {
 				return hmrTimingRecorder.measure("sourceCandidates.handleHotUpdate", async () => {
 					const isSourceCandidateHotUpdate = shouldOwnTailwindGeneration && require_hmr_timing.isSourceCandidateRequest(ctx.file);
-					await syncChangedSourceCandidateFile(ctx.file);
+					if (isSourceCandidateHotUpdate && require_source_candidate_scan_signature.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 && !require_source_candidate_scan_signature.isSourceStyleRequest(ctx.file) && sourceCandidateChange !== void 0 && !sourceCandidateChange.runtimeAffecting;
+						if (!canUseHmrCandidateAppend) {
+							if (sourceCandidateChange === void 0) {
+								clearPendingHmrCandidateChange();
+								if (!preserveDeletedCssInHmr && !require_source_candidate_scan_signature.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 && !require_source_candidate_scan_signature.isSourceStyleRequest(ctx.file) ? resolveHotSourceModules(ctx) : ctx.modules;
-					if (isSourceCandidateHotUpdate && !require_source_candidate_scan_signature.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 && !require_source_candidate_scan_signature.isSourceStyleRequest(ctx.file) && !hasHmrCandidateAppend && !isWebLikeHotUpdate && (!hasSelfAcceptingNonStyleHotModule(sourceModules) && cssModules.length === 0 || cssModules.length > 0 && isUniViteProject())) {
 						sendFullReloadForUnresolvedHotUpdate(ctx);
 						return [];
 					}
@@ -7090,7 +7746,10 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 						sendFullReloadForUnresolvedHotUpdate(ctx);
 						return [];
 					}
-					sendSupplementalCssHotUpdates(ctx, cssModules);
+					const shouldSendSupplementalCssHotUpdates = !(isWebLikeHotUpdate && isSourceCandidateHotUpdate && !require_source_candidate_scan_signature.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 && !require_source_candidate_scan_signature.isSourceStyleRequest(ctx.file)) return;
 					if (isSourceCandidateHotUpdate && !require_source_candidate_scan_signature.isSourceStyleRequest(ctx.file) && cssModules.length > 0) return [...sourceModules, ...cssModules];
 					return cssModules.length > 0 ? [...ctx.modules, ...cssModules] : void 0;
@@ -7105,7 +7764,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		...createViteServeCssGenerationPlugins({
 			generateCss: generateTailwindCssForVitePipeline,
 			getCommand: () => resolvedConfig?.command,
-			onTailwindRootCss: (id, code) => registerAutoCssSource(id, code),
+			onTailwindRootCss: registerTailwindRootCss,
 			shouldGenerate: () => shouldOwnTailwindGeneration
 		}),
 		createViteServeJsTransformPlugin({
@@ -7290,13 +7949,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 ? (0, _weapp_tailwindcss_postcss.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()) ? (0, _weapp_tailwindcss_postcss.transformWebCssSafeSelectors)(webCss, { escapeMap: context.opts.escapeMap }) : webCss;
 		return context.removeScopedPreflight(safeCss);
 	}
@@ -7418,7 +8077,7 @@ const uniAppXCssPipelineStrategy = {
 		return true;
 	},
 	shouldDeferEmptyScopedCssSource(context) {
-		if (!context.cssHandlerOptions.isMainChunk && require_v4_engine.hasTailwindApplyDirective(context.generatorCode)) return false;
+		if (!context.cssHandlerOptions.isMainChunk && require_generator.hasTailwindApplyDirective(context.generatorCode)) return false;
 		return true;
 	},
 	transformGeneratedCss(css, context) {