weapp-tailwindcss 5.1.5 → 5.1.6

package/dist/{vite-Yp14HNyS.js → vite-Baw9qNrc.js}

@@ -1,12 +1,12 @@
 const require_rolldown_runtime = require("./rolldown-runtime-emK7D4bc.js");
 const require_framework = require("./framework.js");
-const require_v4_engine = require("./v4-engine-CKtsdKxK.js");
-const require_generator = require("./generator-CilgHtxb.js");
+const require_v4_engine = require("./v4-engine-C9cmNlP8.js");
+const require_generator = require("./generator-CqWzj2Z1.js");
 const require_utils = require("./utils-D3h8j7Mk.js");
-const require_context = require("./context-BziwyWy1.js");
-const require_tailwindcss = require("./tailwindcss-BwoNQ3t8.js");
-const require_hmr_timing = require("./hmr-timing-BKdCeIrn.js");
-const require_source_candidate_scan_signature = require("./source-candidate-scan-signature-DIj9m4wB.js");
+const require_context = require("./context-BCSk_YnL.js");
+const require_tailwindcss = require("./tailwindcss-DYJ3HZD2.js");
+const require_hmr_timing = require("./hmr-timing-Df4203aI.js");
+const require_source_candidate_scan_signature = require("./source-candidate-scan-signature-5Uk6U72B.js");
 require("./logger-TlKT3xmR.js");
 let node_fs = require("node:fs");
 node_fs = require_rolldown_runtime.__toESM(node_fs);
@@ -515,7 +515,7 @@ function resolveUniAppXStyleIsolationEnabled(root) {
 //#region src/uni-app-x/vite.ts
 let transformUVuePromise;
 function loadTransformUVue() {
-	transformUVuePromise ?? (transformUVuePromise = Promise.resolve().then(() => require("./transform-KLD1tJdb.js")).then((mod) => mod.transformUVue));
+	transformUVuePromise ?? (transformUVuePromise = Promise.resolve().then(() => require("./transform-B6_y_yCB.js")).then((mod) => mod.transformUVue));
 	return transformUVuePromise;
 }
 const preprocessorLangs = /* @__PURE__ */ new Set([
@@ -1061,7 +1061,7 @@ function normalizeMatchedCssSourcePath(file) {
 	if (!file || !node_path.default.isAbsolute(file)) return;
 	return node_path.default.resolve(file.replace(/[?#].*$/, ""));
 }
-function collectConfiguredCssEntries(opts) {
+function collectConfiguredCssEntries$1(opts) {
 	const runtimeCssEntries = opts.tailwindcssRuntimeOptions?.tailwindcss?.v4?.cssEntries ?? [];
 	return [
 		...opts.cssEntries ?? [],
@@ -1084,7 +1084,7 @@ function collectCssConfigBaseCandidates(source, file, outputRoot, opts) {
 	const runtimeProjectRoot = typeof opts.tailwindcssRuntimeOptions?.projectRoot === "string" ? opts.tailwindcssRuntimeOptions.projectRoot : void 0;
 	const sourceBaseFallback = opts.tailwindcss?.v4?.base ?? runtimeProjectRoot ?? opts.tailwindcssBasedir ?? outputRoot;
 	const sourceRoot = opts.tailwindcssBasedir ?? runtimeProjectRoot;
-	const configuredCssEntries = collectConfiguredCssEntries(opts);
+	const configuredCssEntries = collectConfiguredCssEntries$1(opts);
 	for (const cssEntry of configuredCssEntries) {
 		const resolvedCssEntry = node_path.default.resolve(cssEntry);
 		if (configuredCssEntries.length === 1 || isMatchingCssSourceFile(file, resolvedCssEntry, outputRoot) || hasMatchingStyleFileBase(file, resolvedCssEntry, outputRoot, sourceRoot)) addCandidate(node_path.default.dirname(resolvedCssEntry));
@@ -2020,6 +2020,21 @@ function appendCss$1(baseCss, css) {
 	if (css.length === 0) return baseCss;
 	return `${baseCss}\n${css}`;
 }
+function normalizeCssRecordIdentity(css) {
+	return css.trim();
+}
+function hasNonCommentCss(css) {
+	return css.replace(/\/\*[\s\S]*?\*\//g, "").trim().length > 0;
+}
+function dedupeViteCssResults(records) {
+	const seen = /* @__PURE__ */ new Set();
+	return records.filter((record) => {
+		const key = `${require_source_candidate_scan_signature.normalizeOutputPathKey(record.outputFile ?? "")}\0${normalizeCssRecordIdentity(record.css)}`;
+		if (seen.has(key)) return false;
+		seen.add(key);
+		return true;
+	});
+}
 function removeTailwindSourceMediaWrappers(css) {
 	if (!css.includes("@media source(")) return css;
 	try {
@@ -2096,6 +2111,183 @@ function collectRootStyleBundleCssSources(bundle, excludedFile) {
 	}
 	return sources;
 }
+function isHtmlOutputFile(file) {
+	return /\.html(?:$|[?#])/i.test(file);
+}
+function stripQueryAndHash(file) {
+	return file.replace(/[?#].*$/, "");
+}
+function resolveHtmlLinkedStyleFile(htmlFile, request) {
+	if (!isStyleImportRequest(request)) return;
+	const cleanRequest = stripQueryAndHash(request);
+	if (cleanRequest.startsWith("/")) return require_source_candidate_scan_signature.normalizeOutputPathKey(cleanRequest.slice(1));
+	const htmlDir = posix.posix.dirname(require_source_candidate_scan_signature.normalizeOutputPathKey(stripQueryAndHash(htmlFile)));
+	return require_source_candidate_scan_signature.normalizeOutputPathKey(posix.posix.join(htmlDir === "." ? "" : htmlDir, cleanRequest));
+}
+function collectHtmlLinkedStyleFiles(bundle) {
+	const linkedFiles = /* @__PURE__ */ new Set();
+	const linkedBasenames = /* @__PURE__ */ new Set();
+	const linkHrefRE = /<link\s[^>]*href\s*=\s*(["'])([^"']+)\1[^>]*>/gi;
+	for (const [bundleFile, output] of Object.entries(bundle)) {
+		if (output.type !== "asset") continue;
+		const htmlFile = getAssetFile$1(bundleFile, output);
+		if (!isHtmlOutputFile(htmlFile)) continue;
+		const html = readAssetSource$2(output);
+		for (const match of html.matchAll(linkHrefRE)) {
+			const href = match[2];
+			if (!href) continue;
+			const linkedFile = resolveHtmlLinkedStyleFile(htmlFile, href);
+			if (!linkedFile || !isRootStyleOutputFile(linkedFile)) continue;
+			linkedFiles.add(linkedFile);
+			linkedBasenames.add(posix.posix.basename(linkedFile));
+		}
+	}
+	return {
+		linkedBasenames,
+		linkedFiles
+	};
+}
+function isLinkedStyleFile(file, linked) {
+	const fileKey = require_source_candidate_scan_signature.normalizeOutputPathKey(stripQueryAndHash(file));
+	return linked.linkedFiles.has(fileKey) || isRootStyleOutputFile(fileKey) && linked.linkedBasenames.has(posix.posix.basename(fileKey));
+}
+function removeDuplicateUnlinkedRootCssAssetsReferencedByHtml(bundle, options = {}) {
+	const linked = collectHtmlLinkedStyleFiles(bundle);
+	if (linked.linkedFiles.size === 0 && linked.linkedBasenames.size === 0) return 0;
+	const linkedSources = /* @__PURE__ */ new Set();
+	for (const [bundleFile, output] of Object.entries(bundle)) {
+		if (output.type !== "asset") continue;
+		const file = getAssetFile$1(bundleFile, output);
+		if (!isCssOutputFile(file) || isMiniProgramStyleOutputFile(file) || !isLinkedStyleFile(file, linked)) continue;
+		const source = require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(readAssetSource$2(output)).trim();
+		if (source.length > 0) linkedSources.add(source);
+	}
+	if (linkedSources.size === 0) return 0;
+	let removed = 0;
+	for (const [bundleFile, output] of Object.entries(bundle)) {
+		if (output.type !== "asset") continue;
+		const file = getAssetFile$1(bundleFile, output);
+		if (!isRootStyleOutputFile(file) || isMiniProgramStyleOutputFile(file) || isLinkedStyleFile(file, linked)) continue;
+		const source = require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(readAssetSource$2(output)).trim();
+		if (!linkedSources.has(source)) continue;
+		delete bundle[bundleFile];
+		options.debug?.("remove duplicate unlinked root css asset referenced by html: %s", file);
+		removed++;
+	}
+	return removed;
+}
+const VUE_SCOPED_ATTR_RE = /\[data-v-[^\]]+\]/gi;
+function hasVueScopedAttr(value) {
+	VUE_SCOPED_ATTR_RE.lastIndex = 0;
+	const matched = VUE_SCOPED_ATTR_RE.test(value);
+	VUE_SCOPED_ATTR_RE.lastIndex = 0;
+	return matched;
+}
+function normalizeCssSignatureValue(value) {
+	return value.replace(VUE_SCOPED_ATTR_RE, "").replace(/\s+/g, " ").replace(/\s*([>+~])\s*/g, "$1").replace(/\(\s+/g, "(").replace(/\s+\)/g, ")").trim();
+}
+function createDeclarationSignature(rule) {
+	return createDeclarationKeys(rule).sort().join(";");
+}
+function createRuleCoverageKey(selector, declarations) {
+	return `${normalizeCssSignatureValue(selector)}\0${declarations}`;
+}
+function createDeclarationKeys(rule) {
+	return (rule.nodes ?? []).filter((node) => node.type === "decl").map((node) => `${node.prop}:${normalizeCssSignatureValue(node.value)}${node.important ? "!important" : ""}`);
+}
+function createAtRuleCoverageKey(atRule) {
+	return `${atRule.name}\0${normalizeCssSignatureValue(atRule.params)}\0${normalizeCssSignatureValue(atRule.toString())}`;
+}
+function hasClassSelector(selector) {
+	return /(?:^|[^\\])\.[_a-z\u00A0-\uFFFF-]/i.test(normalizeCssSignatureValue(selector));
+}
+function isLikelyTailwindGlobalSelector(selector) {
+	const normalized = normalizeCssSignatureValue(selector);
+	return normalized === "*" || normalized.startsWith("::") || normalized.startsWith(":root") || normalized.startsWith(":host") || /^(?:html|body|hr|abbr|h1|h2|h3|h4|h5|h6|a|b|strong|code|kbd|samp|small|sub|sup|table|button|input|select|optgroup|textarea|summary|blockquote|dl|dd|fieldset|legend|ol|ul|menu|dialog|progress|video|audio|canvas|embed|iframe|img|object|svg|details|template|[uo]ni-progress)(?:$|[:,[\s>+~.#])/.test(normalized);
+}
+function isLikelyTailwindGlobalRule(rule) {
+	return (rule.selectors ?? [rule.selector]).every((selector) => !hasClassSelector(selector) && isLikelyTailwindGlobalSelector(selector));
+}
+function isLikelyTailwindPropertyAtRule(atRule) {
+	return atRule.name.toLowerCase() === "property" && normalizeCssSignatureValue(atRule.params).startsWith("--tw-");
+}
+function collectRootScopedComparableCssCoverage(cssSources) {
+	const rules = /* @__PURE__ */ new Set();
+	const atRules = /* @__PURE__ */ new Set();
+	const declarationsBySelector = /* @__PURE__ */ new Map();
+	for (const source of cssSources) try {
+		const root = _weapp_tailwindcss_postcss.postcss.parse(source);
+		root.walkRules((rule) => {
+			const declarations = createDeclarationSignature(rule);
+			if (declarations.length === 0) return;
+			for (const selector of rule.selectors ?? [rule.selector]) {
+				const normalizedSelector = normalizeCssSignatureValue(selector);
+				rules.add(`${normalizedSelector}\0${declarations}`);
+				const selectorDeclarations = declarationsBySelector.get(normalizedSelector) ?? /* @__PURE__ */ new Set();
+				for (const declaration of createDeclarationKeys(rule)) selectorDeclarations.add(declaration);
+				declarationsBySelector.set(normalizedSelector, selectorDeclarations);
+			}
+		});
+		root.walkAtRules((atRule) => {
+			atRules.add(createAtRuleCoverageKey(atRule));
+		});
+	} catch {}
+	return {
+		rules,
+		atRules,
+		declarationsBySelector
+	};
+}
+function isRuleCoveredByRootCss(rule, coverage) {
+	const declarations = createDeclarationSignature(rule);
+	if (declarations.length === 0) return false;
+	const selectors = rule.selectors ?? [rule.selector];
+	if (selectors.every((selector) => coverage.rules.has(createRuleCoverageKey(selector, declarations)))) return true;
+	const declarationKeys = createDeclarationKeys(rule);
+	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 coverage = collectRootScopedComparableCssCoverage(rootSources);
+	if (coverage.rules.size === 0 && coverage.atRules.size === 0 && !hasScopedTailwindGeneratedCss) return css;
+	try {
+		const root = _weapp_tailwindcss_postcss.postcss.parse(css);
+		let changed = false;
+		root.walkComments((comment) => {
+			if (/tailwindcss v\d/i.test(comment.text)) {
+				comment.remove();
+				changed = true;
+			}
+		});
+		root.walkRules((rule) => {
+			if (isRuleCoveredByRootCss(rule, coverage) || hasScopedTailwindGeneratedCss && isLikelyTailwindGlobalRule(rule)) {
+				rule.remove();
+				changed = true;
+			}
+		});
+		root.walkAtRules((atRule) => {
+			if (coverage.atRules.has(createAtRuleCoverageKey(atRule)) || hasScopedTailwindGeneratedCss && isLikelyTailwindPropertyAtRule(atRule)) {
+				atRule.remove();
+				changed = true;
+				return;
+			}
+			if (atRule.nodes !== void 0 && atRule.nodes.length === 0) {
+				atRule.remove();
+				changed = true;
+			}
+		});
+		return changed ? removeDanglingCssSourceTraceComments(root.toString()).trim() : css;
+	} catch {
+		return css;
+	}
+}
+function removeScopedTailwindPreflightCss(css) {
+	return removeScopedCssCoveredByRootStyleSources(css, []);
+}
 function collectSingleViteGeneratedCssMarkerFile(rawSource) {
 	const blocks = require_source_candidate_scan_signature.parseBundlerGeneratedCssMarkerBlocks(rawSource).filter((block) => block.bundler === "vite");
 	if (blocks.length !== 1) return;
@@ -2108,7 +2300,9 @@ function shouldFilterRootGeneratedCssMarkerForScopedAsset(targetFile, markerFile
 	return !isMatchingGeneratedCssMarkerFile(targetFile, markerFile, resolveViteProcessedCssOutputFile);
 }
 function removeCssCoveredByRootStyleBundleSources(bundle, file, css) {
-	return removeDanglingCssSourceTraceComments(removeCssCoveredByImportedViteResults(css, collectRootStyleBundleCssSources(bundle, file)));
+	const rootSources = collectRootStyleBundleCssSources(bundle, file);
+	const nextCss = removeScopedCssCoveredByRootStyleSources(removeDanglingCssSourceTraceComments(removeCssCoveredByImportedViteResults(css, rootSources)), rootSources);
+	return hasNonCommentCss(nextCss) ? nextCss : "";
 }
 function removeDanglingCssSourceTraceComments(css) {
 	if (!css.includes("/* tokens:")) return css;
@@ -2132,8 +2326,11 @@ function removeCssCoveredByRootStyleAssets(bundle, options) {
 	for (const [bundleFile, output] of Object.entries(bundle)) {
 		if (output.type !== "asset") continue;
 		const file = getAssetFile$1(bundleFile, output);
-		if (!options.cssMatcher(file) || isRootStyleOutputFile(file) || options.isViteProcessedCssAsset?.(output, file) === true || options.subpackageRoots != null && isSubpackageOutputFile(file, options.subpackageRoots)) continue;
 		const rawSource = readAssetSource$2(output);
+		const hasScopedCss = hasVueScopedAttr(rawSource);
+		const hasTailwindGeneratedCss = /tailwindcss v\d/i.test(rawSource);
+		const shouldIncludeTailwindGeneratedCssAsset = options.includeTailwindGeneratedCssAssets === true && hasTailwindGeneratedCss && isCssOutputFile(file) && !isMiniProgramStyleOutputFile(file);
+		if (!(options.cssMatcher(file) || hasScopedCss && isCssOutputFile(file) || shouldIncludeTailwindGeneratedCssAsset) || isRootStyleOutputFile(file) || options.isViteProcessedCssAsset?.(output, file) === true && !hasScopedCss && !shouldIncludeTailwindGeneratedCssAsset || options.subpackageRoots != null && isSubpackageOutputFile(file, options.subpackageRoots)) continue;
 		const nextCss = removeCssCoveredByRootStyleBundleSources(bundle, file, rawSource);
 		if (nextCss === rawSource) continue;
 		output.source = nextCss;
@@ -2186,6 +2383,12 @@ function shouldUseCssAssetAsMainInjectionTarget(opts, file, records) {
 	const fileKey = require_source_candidate_scan_signature.normalizeOutputPathKey(file);
 	if (!isRootStyleOutputFile(file) && records.some((record) => typeof record.outputFile === "string" && require_source_candidate_scan_signature.normalizeOutputPathKey(record.outputFile) === fileKey)) return true;
 	if (!isRootStyleOutputFile(file)) return records.some((record) => record.injectIntoMain === true && typeof record.outputFile === "string" && require_source_candidate_scan_signature.normalizeOutputPathKey(record.outputFile) === fileKey);
+	const matchedRootWebOutputTargets = records.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)).filter((outputFile) => opts.mainCssChunkMatcher(outputFile, opts.appType));
+	if (opts.appType === "uni-app-vite" && !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));
+	if (opts.appType === "uni-app-vite" && !isMiniProgramStyleOutputFile(file) && explicitWebCssTargets.length > 0) return explicitRootTargets.includes(fileKey);
+	if (explicitRootTargets.length > 0) return explicitRootTargets.includes(fileKey);
 	if (records.some((record) => {
 		if (record.injectIntoMain !== true) return false;
 		return isRootStyleOutputFile(file) || typeof record.outputFile === "string" && require_source_candidate_scan_signature.normalizeOutputPathKey(record.outputFile) === fileKey;
@@ -2206,6 +2409,33 @@ function isViteProcessedCssResultCoveredByImportedBundleAsset(record, importedSt
 	}
 	return false;
 }
+function removeCoveredInjectedSourceAssets(bundle, targetFile, targetCss, records, options) {
+	let removed = 0;
+	const targetFileKey = require_source_candidate_scan_signature.normalizeOutputPathKey(targetFile);
+	const targetIsRootWebStyle = isRootStyleOutputFile(targetFileKey) && !isMiniProgramStyleOutputFile(targetFileKey);
+	for (const record of records) {
+		if (!options.shouldRemoveInjectedSourceAsset?.(targetFile, record)) continue;
+		const recordFileKey = require_source_candidate_scan_signature.normalizeOutputPathKey(record.file);
+		for (const [candidateFile, candidateOutput] of Object.entries(bundle)) {
+			if (candidateOutput.type !== "asset") continue;
+			const candidateKey = require_source_candidate_scan_signature.normalizeOutputPathKey(getAssetFile$1(candidateFile, candidateOutput));
+			if (candidateKey === targetFileKey) continue;
+			const isRecordFile = candidateKey === recordFileKey;
+			const candidateIsRootWebStyle = isRootStyleOutputFile(candidateKey) && !isMiniProgramStyleOutputFile(candidateKey);
+			const candidateSource = readAssetSource$2(candidateOutput).trim();
+			const uncoveredCandidateSource = candidateSource.length > 0 ? (0, _weapp_tailwindcss_postcss.filterExistingCssRules)(targetCss, candidateSource).trim() : candidateSource;
+			const isProcessedSource = candidateSource === record.css.trim() || candidateSource.length > 0 && (0, _weapp_tailwindcss_postcss.containsCssAfterMinify)(targetCss, candidateSource) || targetIsRootWebStyle && candidateIsRootWebStyle && candidateSource.length > 0 && !hasNonCommentCss(uncoveredCandidateSource);
+			if (!isRecordFile && !isProcessedSource) continue;
+			if (candidateIsRootWebStyle && !targetIsRootWebStyle) continue;
+			if (candidateIsRootWebStyle && !isRecordFile) continue;
+			if (candidateIsRootWebStyle) delete bundle[candidateFile];
+			else clearAssetSource(candidateOutput);
+			options.debug?.("remove injected vite-processed source css asset: %s -> %s", candidateKey, targetFile);
+			removed++;
+		}
+	}
+	return removed;
+}
 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");
@@ -2232,6 +2462,38 @@ function collectBundleAssetFiles(bundle) {
 	}
 	return files;
 }
+function normalizeComparableStyleFile(file) {
+	return require_source_candidate_scan_signature.normalizeOutputPathKey(posix.normalize(file.replace(/[?#].*$/, "")));
+}
+function collectConfiguredTailwindV4CssEntryFiles(opts) {
+	const runtimeCssEntries = opts.tailwindRuntime?.options?.tailwindcss?.v4?.cssEntries;
+	return [
+		...Array.isArray(opts.cssEntries) ? opts.cssEntries : [],
+		...Array.isArray(opts.tailwindcss?.v4?.cssEntries) ? opts.tailwindcss.v4.cssEntries : [],
+		...Array.isArray(opts.tailwindcssRuntimeOptions?.tailwindcss?.v4?.cssEntries) ? opts.tailwindcssRuntimeOptions.tailwindcss.v4.cssEntries : [],
+		...Array.isArray(runtimeCssEntries) ? runtimeCssEntries : []
+	].filter((file) => typeof file === "string" && file.length > 0);
+}
+function isConfiguredTailwindV4CssEntryFile(opts, file) {
+	if (typeof file !== "string" || file.length === 0) return false;
+	const fileKey = normalizeComparableStyleFile(file);
+	return collectConfiguredTailwindV4CssEntryFiles(opts).some((entry) => normalizeComparableStyleFile(entry) === fileKey);
+}
+function resolveUniAppViteWebviewRootCssInjectionTarget(bundle, opts, sourceFile, outputFile) {
+	if (opts.appType !== "uni-app-vite" || isMiniProgramStyleOutputFile(outputFile) || !isConfiguredTailwindV4CssEntryFile(opts, sourceFile)) return;
+	const rootCssFiles = [];
+	const matchedRootCssFiles = [];
+	for (const [bundleFile, output] of Object.entries(bundle)) {
+		if (output.type !== "asset") continue;
+		const file = getAssetFile$1(bundleFile, output);
+		if (!opts.cssMatcher(file) || !isRootStyleOutputFile(file) || isMiniProgramStyleOutputFile(file)) continue;
+		rootCssFiles.push(file);
+		if (opts.mainCssChunkMatcher(file, opts.appType)) matchedRootCssFiles.push(file);
+	}
+	if (matchedRootCssFiles.length === 1) return matchedRootCssFiles[0];
+	if (matchedRootCssFiles.length > 1) return;
+	return rootCssFiles.length === 1 ? rootCssFiles[0] : void 0;
+}
 function findBundleAssetByOutputFile(bundle, file) {
 	const fileKey = require_source_candidate_scan_signature.normalizeOutputPathKey(file);
 	return Object.entries(bundle).find(([bundleFile, output]) => {
@@ -2285,6 +2547,8 @@ function collectViteProcessedCssAssetResults(bundle, options) {
 		options.markCssAssetProcessed?.(output, file);
 		options.recordCssAssetResult?.(file, nextCss);
 		const resolvedOutputFile = resolveViteGeneratedCssMarkerOutputFile(file, singleMarkerFile, existingAssetFiles, options.resolveViteProcessedCssOutputFile);
+		const webviewRootCssInjectionTarget = options.opts ? resolveUniAppViteWebviewRootCssInjectionTarget(bundle, options.opts, singleMarkerFile ?? file, resolvedOutputFile) : void 0;
+		const recordOutputFile = webviewRootCssInjectionTarget ?? resolvedOutputFile;
 		if (singleMarkerFile && require_source_candidate_scan_signature.normalizeOutputPathKey(resolvedOutputFile) !== require_source_candidate_scan_signature.normalizeOutputPathKey(file) && !isRootStyleOutputFile(resolvedOutputFile) && existingAssetFiles.has(require_source_candidate_scan_signature.normalizeOutputPathKey(resolvedOutputFile))) {
 			const targetAsset = findBundleAssetByOutputFile(bundle, resolvedOutputFile);
 			if (targetAsset) {
@@ -2304,24 +2568,24 @@ function collectViteProcessedCssAssetResults(bundle, options) {
 				continue;
 			}
 		}
-		const shouldReplayIntoMainCss = options.opts != null && shouldReplayViteProcessedCssIntoMainCss(options.opts, file, singleMarkerFile, resolvedOutputFile, options.subpackageRoots);
+		const shouldReplayIntoMainCss = options.opts != null && (webviewRootCssInjectionTarget != null || shouldReplayViteProcessedCssIntoMainCss(options.opts, file, singleMarkerFile, resolvedOutputFile, options.subpackageRoots));
 		options.recordViteProcessedCssAssetResult?.(file, nextCss, {
 			injectIntoMain: shouldReplayIntoMainCss || void 0,
-			outputFile: resolvedOutputFile
+			outputFile: recordOutputFile
 		});
-		if (require_source_candidate_scan_signature.normalizeOutputPathKey(resolvedOutputFile) !== require_source_candidate_scan_signature.normalizeOutputPathKey(file)) options.recordViteProcessedCssAssetResult?.(resolvedOutputFile, nextCss, {
+		if (require_source_candidate_scan_signature.normalizeOutputPathKey(recordOutputFile) !== require_source_candidate_scan_signature.normalizeOutputPathKey(file)) options.recordViteProcessedCssAssetResult?.(recordOutputFile, nextCss, {
 			injectIntoMain: shouldReplayIntoMainCss || void 0,
-			outputFile: resolvedOutputFile
+			outputFile: recordOutputFile
 		});
 		for (const markerFile of collectMatchingGeneratedCssMarkerFiles(file, rawSource, options.resolveViteProcessedCssOutputFile)) {
 			if (require_source_candidate_scan_signature.normalizeOutputPathKey(markerFile) === require_source_candidate_scan_signature.normalizeOutputPathKey(file)) continue;
 			options.recordViteProcessedCssAssetResult?.(markerFile, nextCss, {
 				injectIntoMain: shouldReplayIntoMainCss || void 0,
-				outputFile: resolvedOutputFile
+				outputFile: recordOutputFile
 			});
-			if (require_source_candidate_scan_signature.normalizeOutputPathKey(resolvedOutputFile) !== require_source_candidate_scan_signature.normalizeOutputPathKey(markerFile) && require_source_candidate_scan_signature.normalizeOutputPathKey(resolvedOutputFile) !== require_source_candidate_scan_signature.normalizeOutputPathKey(file)) options.recordViteProcessedCssAssetResult?.(resolvedOutputFile, nextCss, {
+			if (require_source_candidate_scan_signature.normalizeOutputPathKey(recordOutputFile) !== require_source_candidate_scan_signature.normalizeOutputPathKey(markerFile) && require_source_candidate_scan_signature.normalizeOutputPathKey(recordOutputFile) !== require_source_candidate_scan_signature.normalizeOutputPathKey(file)) options.recordViteProcessedCssAssetResult?.(recordOutputFile, nextCss, {
 				injectIntoMain: shouldReplayIntoMainCss || void 0,
-				outputFile: resolvedOutputFile
+				outputFile: recordOutputFile
 			});
 		}
 		if (isCoveredViteGeneratedSourceAsset(file, existingAssetFiles, options.resolveViteProcessedCssOutputFile)) {
@@ -2336,7 +2600,8 @@ function collectViteProcessedCssAssetResults(bundle, options) {
 	return collected;
 }
 function injectViteProcessedCssIntoMainCssAssets(bundle, options) {
-	const viteCssResults = [...options.getViteProcessedCssAssetResults?.() ?? []].map(([file, record]) => {
+	const transformCss = (css, file) => options.transformCss?.(css, file) ?? css;
+	const viteCssResults = dedupeViteCssResults([...options.getViteProcessedCssAssetResults?.() ?? []].map(([file, record]) => {
 		return typeof record === "string" ? {
 			file,
 			css: record,
@@ -2347,10 +2612,14 @@ function injectViteProcessedCssIntoMainCssAssets(bundle, options) {
 			injectIntoMain: record.injectIntoMain,
 			outputFile: record.outputFile
 		};
-	}).filter((record) => record.css.length > 0);
+	})).map((record) => ({
+		...record,
+		css: transformCss(record.css, record.outputFile ?? record.file)
+	})).filter((record) => record.css.length > 0);
 	let injected = 0;
 	for (const [bundleFile, bundleOutput] of Object.entries(bundle)) {
 		let output = bundleOutput;
+		if (bundle[bundleFile] !== bundleOutput) continue;
 		if (output.type !== "asset") continue;
 		let file = getAssetFile$1(bundleFile, output);
 		if (!options.opts.cssMatcher(file) || !shouldUseCssAssetAsMainInjectionTarget(options.opts, file, viteCssResults)) continue;
@@ -2372,7 +2641,7 @@ function injectViteProcessedCssIntoMainCssAssets(bundle, options) {
 		}
 		const fileKey = require_source_candidate_scan_signature.normalizeOutputPathKey(file);
 		const mainFileKey = require_source_candidate_scan_signature.normalizeOutputPathKey(file);
-		let nextCss = removeTailwindEntryDirectivesFromCss(originalSource);
+		let nextCss = transformCss(removeTailwindEntryDirectivesFromCss(originalSource), file);
 		const importedStyleFiles = collectImportedStyleFiles(nextCss, file);
 		const importedBundleCssSources = collectImportedBundleCssSources(bundle, importedStyleFiles);
 		nextCss = removeCssCoveredByImportedViteResults(nextCss, importedBundleCssSources);
@@ -2381,12 +2650,14 @@ function injectViteProcessedCssIntoMainCssAssets(bundle, options) {
 		const uncoveredImportedViteCssResults = importedViteCssResults.filter((record) => !isViteProcessedCssResultCoveredByImportedBundleAsset(record, importedStyleFiles, bundleAssetFiles));
 		const importedCssSources = [...importedBundleCssSources, ...uncoveredImportedViteCssResults.map((record) => record.css)];
 		nextCss = removeCssCoveredByImportedViteResults(nextCss, uncoveredImportedViteCssResults.map((record) => record.css));
+		const targetViteCssResults = [];
 		for (const record of viteCssResults) {
 			if (!isRootStyleOutputFile(file)) {
 				if (typeof record.outputFile !== "string" || require_source_candidate_scan_signature.normalizeOutputPathKey(record.outputFile) !== fileKey) continue;
 			}
 			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();
 			css = removeCssCoveredByImportedViteResults(css, importedCssSources).trim();
 			if (css.length === 0) continue;
@@ -2417,29 +2688,19 @@ function injectViteProcessedCssIntoMainCssAssets(bundle, options) {
 				if (css.length === 0) continue;
 			}
 			const missingCss = (0, _weapp_tailwindcss_postcss.filterExistingCssRules)(nextCss, css);
-			if (missingCss.length === 0 || (0, _weapp_tailwindcss_postcss.containsCssAfterMinify)(nextCss, missingCss)) continue;
+			if (missingCss.length === 0 || !hasNonCommentCss(missingCss) || (0, _weapp_tailwindcss_postcss.containsCssAfterMinify)(nextCss, missingCss)) continue;
 			nextCss = appendCss$1(nextCss, missingCss);
 		}
-		if (nextCss === originalSource) continue;
-		output.source = nextCss;
-		options.markCssAssetProcessed?.(output, file);
-		options.recordCssAssetResult?.(file, nextCss);
-		options.onUpdate?.(file, originalSource, nextCss);
-		options.debug?.("inject vite-processed css into main css asset: %s bytes=%d", file, nextCss.length);
-		for (const record of viteCssResults) {
-			if (!options.shouldRemoveInjectedSourceAsset?.(file, record)) continue;
-			const recordFileKey = require_source_candidate_scan_signature.normalizeOutputPathKey(record.file);
-			for (const [candidateFile, candidateOutput] of Object.entries(bundle)) {
-				if (candidateOutput.type !== "asset") continue;
-				const candidateKey = require_source_candidate_scan_signature.normalizeOutputPathKey(getAssetFile$1(candidateFile, candidateOutput));
-				const isRecordFile = candidateKey === recordFileKey;
-				const candidateSource = readAssetSource$2(candidateOutput).trim();
-				const isProcessedSource = candidateSource === record.css.trim() || candidateSource.length > 0 && (0, _weapp_tailwindcss_postcss.containsCssAfterMinify)(nextCss, candidateSource);
-				if (!isRecordFile && !isProcessedSource || candidateKey === require_source_candidate_scan_signature.normalizeOutputPathKey(file)) continue;
-				clearAssetSource(candidateOutput);
-				options.debug?.("remove injected vite-processed source css asset: %s -> %s", candidateKey, file);
-			}
+		nextCss = transformCss(nextCss, file);
+		if (nextCss !== originalSource) {
+			output.source = nextCss;
+			options.markCssAssetProcessed?.(output, file);
+			options.recordCssAssetResult?.(file, nextCss);
+			options.onUpdate?.(file, originalSource, nextCss);
+			options.debug?.("inject vite-processed css into main css asset: %s bytes=%d", file, nextCss.length);
 		}
+		const removedSources = removeCoveredInjectedSourceAssets(bundle, file, nextCss, targetViteCssResults, options);
+		if (nextCss === originalSource && removedSources === 0) continue;
 		injected++;
 	}
 	return injected;
@@ -2711,9 +2972,34 @@ function pruneLastCssResults(resultByFile, sourceHashByFile, activeFiles) {
 function readAssetSource(asset) {
 	return typeof asset.source === "string" ? asset.source : asset.source.toString();
 }
+function isUniAppViteWebviewAppBundle(bundleFiles) {
+	return bundleFiles.some((file) => node_path.default.basename(file.replace(/[?#].*$/, "")) === "app-service.js");
+}
+function isUniAppViteWebviewOutDir$2(outDir) {
+	const normalized = outDir ? node_path.default.basename(node_path.default.normalize(outDir)).trim().toLowerCase() : void 0;
+	return normalized === "app" || normalized === "app-plus";
+}
 function getAssetFile(bundleFile, asset) {
 	return asset.fileName || bundleFile;
 }
+function finalizeUniAppViteWebviewCssCompat(bundle, options) {
+	if (options.opts.generator?.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 });
+		if (nextCss === rawSource) continue;
+		output.source = nextCss;
+		options.recordCssAssetResult?.(file, nextCss);
+		options.onUpdate(file, rawSource, nextCss);
+		options.debug("finalize uni-app vite webview css compat: %s bytes=%d", file, nextCss.length);
+		transformed++;
+	}
+	return transformed;
+}
 function isRootMiniProgramStyleOutputFile(file) {
 	const normalized = require_source_candidate_scan_signature.normalizeOutputPathKey(file.replace(/[?#].*$/, ""));
 	return !normalized.includes("/") && /\.(?:wxss|acss|ttss|qss|jxss|tyss)$/i.test(normalized);
@@ -2782,7 +3068,7 @@ function normalizeTaroRootImportShellAssets(bundle, options) {
 	return updated;
 }
 async function finalizeGenerateBundle(options) {
-	const { activeProcessCacheKeys, activeProcessHashKeys, activeViteCssCacheFiles, bundle, bundleFiles, cache, cssTaskFactories, debug, defaultStyleOutputExtension, formatIteration, generatorCandidateSignature, generatorRuntime, getCssHandlerOptions, getSourceCandidateSourcesForEntries, getSourceCandidatesForEntries, getViteCssCacheStats, getViteProcessedCssAssetResults, hmrTimingRecorder, hmrTimingStartedAt, isHarmonyAppStyleTarget, isNativeAppStyleTarget, isViteProcessedCssAsset, isWebGeneratorTarget, jsAfterCss, jsTaskFactories, lastCssResultByFile, lastCssSourceHashByFile, linkedByEntry, markCssAssetProcessed, metrics, onEnd, onUpdate, opts, pendingLinkedUpdates, pruneViteCssCaches, recordCssAssetResult, recordTimingDetail, recordViteProcessedCssAssetResult, rootDir, runtime, runtimeState, shouldPreserveAppCssExtension, snapshot, sourceCandidates, sourceRoot, state, styleHandler, tasks, timingDetails, transformRuntime, useIncrementalMode } = options;
+	const { activeProcessCacheKeys, activeProcessHashKeys, activeViteCssCacheFiles, bundle, bundleFiles, cache, cssTaskFactories, debug, defaultStyleOutputExtension, formatIteration, generatorCandidateSignature, generatorRuntime, getCssHandlerOptions, getSourceCandidateSourcesForEntries, getSourceCandidatesForEntries, getViteCssCacheStats, getViteProcessedCssAssetResults, hmrTimingRecorder, hmrTimingStartedAt, isHarmonyAppStyleTarget, isNativeAppStyleTarget, isViteProcessedCssAsset, isWebGeneratorTarget, jsAfterCss, jsTaskFactories, lastCssResultByFile, lastCssSourceHashByFile, linkedByEntry, markCssAssetProcessed, metrics, onEnd, onUpdate, opts, outDir, pendingLinkedUpdates, pruneViteCssCaches, recordCssAssetResult, recordTimingDetail, recordViteProcessedCssAssetResult, rootDir, runtime, runtimeState, shouldPreserveAppCssExtension, snapshot, sourceCandidates, sourceRoot, state, styleHandler, tasks, timingDetails, transformRuntime, transformWebTargetCss, useIncrementalMode } = options;
 	const tasksStart = performance.now();
 	if (cssTaskFactories.length > 0) {
 		const cssTask = require_hmr_timing.runWithConcurrency(cssTaskFactories, resolveViteCssTaskConcurrency(useIncrementalMode, runtimeState.tailwindRuntime.majorVersion)).then(() => void 0);
@@ -2817,6 +3103,7 @@ async function finalizeGenerateBundle(options) {
 			recordViteProcessedCssAssetResult,
 			resolveViteProcessedCssOutputFile: (file) => resolveViteCssPipelineOutputFile(file, opts, rootDir, isWebGeneratorTarget, shouldPreserveAppCssExtension, sourceRoot, defaultStyleOutputExtension, bundleFiles),
 			subpackageRoots: collectMiniProgramSubpackageRoots(bundle),
+			transformCss: transformWebTargetCss,
 			debug
 		});
 		return injectViteProcessedCssIntoMainCssAssets(bundle, {
@@ -2824,6 +3111,7 @@ async function finalizeGenerateBundle(options) {
 			getViteProcessedCssAssetResults,
 			markCssAssetProcessed,
 			recordCssAssetResult,
+			transformCss: transformWebTargetCss,
 			shouldRemoveInjectedSourceAsset: (targetFile, record) => {
 				if (record.injectIntoMain === false) return false;
 				const targetFileKey = require_source_candidate_scan_signature.normalizeOutputPathKey(targetFile);
@@ -2849,11 +3137,13 @@ async function finalizeGenerateBundle(options) {
 	removeCssCoveredByRootStyleAssets(bundle, {
 		cssMatcher: opts.cssMatcher,
 		debug,
+		includeTailwindGeneratedCssAssets: opts.appType === "uni-app-vite" && isWebGeneratorTarget && isUniAppViteWebviewAppBundle(bundleFiles),
 		isViteProcessedCssAsset,
 		onUpdate,
 		recordCssAssetResult,
 		subpackageRoots: collectMiniProgramSubpackageRoots(bundle)
 	});
+	if (opts.appType === "uni-app-vite" && isWebGeneratorTarget && isUniAppViteWebviewAppBundle(Object.keys(bundle))) removeDuplicateUnlinkedRootCssAssetsReferencedByHtml(bundle, { debug });
 	await finalizeMiniProgramCssAssets(bundle, {
 		cssMatcher: opts.cssMatcher,
 		debug,
@@ -2864,6 +3154,12 @@ async function finalizeGenerateBundle(options) {
 		recordCssAssetResult,
 		styleHandler
 	});
+	if (opts.appType === "uni-app-vite" && (isWebGeneratorTarget || isUniAppViteWebviewAppBundle(Object.keys(bundle)) || isUniAppViteWebviewOutDir$2(outDir))) finalizeUniAppViteWebviewCssCompat(bundle, {
+		debug,
+		onUpdate,
+		opts,
+		recordCssAssetResult
+	});
 	const stateUpdateStart = performance.now();
 	require_source_candidate_scan_signature.updateBundleBuildState(state, snapshot, useIncrementalMode ? linkedByEntry ?? /* @__PURE__ */ new Map() : /* @__PURE__ */ new Map(), { incremental: useIncrementalMode });
 	state.generatorCandidateSignature = generatorCandidateSignature;
@@ -3278,7 +3574,9 @@ function collectRememberedCssReplayGroups(sources, opts, rootDir, isWebGenerator
 	const groups = /* @__PURE__ */ new Map();
 	for (const [key, remembered] of sources ?? []) {
 		const cleanSourceFile = remembered.sourceFile.replace(/[?#].*$/, "");
-		const outputKey = require_source_candidate_scan_signature.normalizeOutputPathKey(CSS_SOURCE_OUTPUT_EXT_RE.test(cleanSourceFile) ? resolveViteCssPipelineOutputFileFromSourceFile(remembered.sourceFile, opts, rootDir, isWebGeneratorTarget, preserveCssExtension, sourceRoot, styleOutputExtension, styleOutputFiles) : resolveViteCssPipelineOutputFileFromSourceFile(remembered.outputFile, opts, rootDir, isWebGeneratorTarget, preserveCssExtension, sourceRoot, styleOutputExtension, styleOutputFiles));
+		const resolvedOutputFile = CSS_SOURCE_OUTPUT_EXT_RE.test(cleanSourceFile) ? resolveViteCssPipelineOutputFileFromSourceFile(remembered.sourceFile, opts, rootDir, isWebGeneratorTarget, preserveCssExtension, sourceRoot, styleOutputExtension, styleOutputFiles) : resolveViteCssPipelineOutputFileFromSourceFile(remembered.outputFile, opts, rootDir, isWebGeneratorTarget, preserveCssExtension, sourceRoot, styleOutputExtension, styleOutputFiles);
+		const rememberedOutputFile = remembered.outputFile.replace(/[?#].*$/, "");
+		const outputKey = require_source_candidate_scan_signature.normalizeOutputPathKey(opts.cssMatcher(rememberedOutputFile) && !require_source_candidate_scan_signature.normalizeOutputPathKey(rememberedOutputFile).includes("/") && require_source_candidate_scan_signature.normalizeOutputPathKey(rememberedOutputFile) !== require_source_candidate_scan_signature.normalizeOutputPathKey(resolvedOutputFile.replace(/[?#].*$/, "")) ? remembered.outputFile : resolvedOutputFile);
 		const group = groups.get(outputKey) ?? [];
 		group.push({
 			key,
@@ -3291,7 +3589,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, 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, 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 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;
@@ -3342,6 +3640,7 @@ async function processRememberedCssReplay(options) {
 				cssHandlerOptions,
 				cssUserHandlerOptions: getCssUserHandlerOptions(sourceFile),
 				getSourceCandidatesForEntries: scopedSourceCandidateGetter,
+				generatorPlatform,
 				styleHandler,
 				debug,
 				previousCss
@@ -3923,6 +4222,16 @@ function resolveSourceRootFromBundleGraph(config, bundle) {
 }
 //#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;
+	if (!segment) return;
+	const normalized = segment.trim().toLowerCase();
+	if (normalized === "h5" || normalized === "web" || normalized === "app" || normalized === "app-plus" || normalized.startsWith("app-") || normalized.startsWith("mp-") || normalized.startsWith("quickapp-webview")) return normalized;
+}
+function isUniAppViteWebviewOutDir$1(outDir) {
+	const normalized = outDir ? node_path.default.basename(node_path.default.normalize(outDir)).trim().toLowerCase() : void 0;
+	return normalized === "app" || normalized === "app-plus";
+}
 function createGenerateBundleHook(context) {
 	const state = require_source_candidate_scan_signature.createBundleBuildState();
 	const lastCssResultByFile = /* @__PURE__ */ new Map();
@@ -3952,23 +4261,32 @@ function createGenerateBundleHook(context) {
 		const { cache, onEnd, onStart, onUpdate, styleHandler, templateHandler, jsHandler, uniAppX } = opts;
 		const resolvedConfig = getResolvedConfig();
 		const uniUtsPlatform = require_utils.resolveUniUtsPlatform();
-		const generatorBranch = require_generator.resolveGeneratorRuntimeBranch(require_generator.normalizeWeappTailwindcssGeneratorOptions(opts.generator, {
+		const generatorPlatform = opts.cssOptions?.platform ?? opts.platform ?? inferPlatformFromViteOutDir$1(resolvedConfig?.build?.outDir);
+		const generatorOptions = require_generator.normalizeWeappTailwindcssGeneratorOptions(opts.generator, {
 			appType: opts.appType,
-			platform: opts.cssOptions?.platform ?? opts.platform,
+			platform: generatorPlatform,
 			tailwindcssMajorVersion: runtimeState.tailwindRuntime.majorVersion,
 			uniAppX,
 			uniUtsPlatform
-		}), {
+		});
+		const generatorBranch = require_generator.resolveGeneratorRuntimeBranch(generatorOptions, {
 			appType: opts.appType,
-			platform: opts.cssOptions?.platform ?? opts.platform,
+			platform: generatorPlatform,
 			tailwindcssMajorVersion: runtimeState.tailwindRuntime.majorVersion,
 			uniAppX,
 			uniUtsPlatform
 		});
 		const isWebGeneratorTarget = generatorBranch.isWeb;
-		const isNativeAppStyleTarget = uniUtsPlatform.isApp;
-		const canInferHarmonyAppStyleTarget = !uniUtsPlatform.normalized || uniUtsPlatform.isApp;
-		const isHarmonyAppStyleTarget = uniUtsPlatform.isAppHarmony || canInferHarmonyAppStyleTarget && (isUniAppXHarmonyBundle(bundle) || isUniAppXHarmonyOutDir(resolvedConfig?.build?.outDir));
+		const shouldApplyWebviewSafeSelectors = opts.appType === "uni-app-vite" && isUniAppViteWebviewOutDir$1(resolvedConfig?.build?.outDir);
+		const shouldApplyWebviewCssCompat = isWebGeneratorTarget || shouldApplyWebviewSafeSelectors;
+		const transformWebTargetCss = (css) => {
+			const compatCss = isWebGeneratorTarget ? (0, _weapp_tailwindcss_postcss.transformWebCssCompat)(css, generatorOptions.webCompat) : shouldApplyWebviewCssCompat ? (0, _weapp_tailwindcss_postcss.transformWebCssCompat)(css, generatorOptions.webCompat ?? true) : css;
+			return shouldApplyWebviewSafeSelectors ? (0, _weapp_tailwindcss_postcss.transformWebCssSafeSelectors)(compatCss, { escapeMap: opts.escapeMap }) : compatCss;
+		};
+		const isUniAppXStyleTarget = opts.appType === "uni-app-x";
+		const isNativeAppStyleTarget = isUniAppXStyleTarget && uniUtsPlatform.isApp;
+		const canInferHarmonyAppStyleTarget = isUniAppXStyleTarget && (!uniUtsPlatform.normalized || uniUtsPlatform.isApp);
+		const isHarmonyAppStyleTarget = isUniAppXStyleTarget && (uniUtsPlatform.isAppHarmony || canInferHarmonyAppStyleTarget && (isUniAppXHarmonyBundle(bundle) || isUniAppXHarmonyOutDir(resolvedConfig?.build?.outDir)));
 		const shouldPreserveAppCssExtension = isNativeAppStyleTarget || isHarmonyAppStyleTarget;
 		const shouldGenerateWebCssByGenerator = isWebGeneratorTarget;
 		const { getCssHandlerOptions, getCssUserHandlerOptions } = cssHandlerOptions;
@@ -3990,6 +4308,7 @@ function createGenerateBundleHook(context) {
 			recordViteProcessedCssAssetResult,
 			resolveViteProcessedCssOutputFile: (file) => resolveViteCssPipelineOutputFile(file, opts, rootDir, isWebGeneratorTarget, shouldPreserveAppCssExtension, sourceRoot, defaultStyleOutputExtension, Object.keys(bundle)),
 			subpackageRoots: currentSubpackageRoots,
+			transformCss: transformWebTargetCss,
 			debug
 		});
 		const hmrTimingStartedAt = performance.now();
@@ -4033,7 +4352,47 @@ function createGenerateBundleHook(context) {
 		const snapshotStart = performance.now();
 		const snapshot = require_source_candidate_scan_signature.buildBundleSnapshot(bundle, opts, outDir, state, envFlags.disableDirtyOptimization || !useIncrementalMode, { hasOmittedKnownFiles });
 		const configuredTailwindV4CssSourceEntriesForScope = getConfiguredTailwindV4CssSourceEntries();
-		const configuredTailwindV4CssSourceFileKeysForScope = new Set(configuredTailwindV4CssSourceEntriesForScope.map((entry) => require_source_candidate_scan_signature.normalizeOutputPathKey(entry.file.replace(/[?#].*$/, ""))));
+		const normalizeSystemAliasPathKey = (file) => file.startsWith("/private/var/") ? file.slice(8) : file;
+		const normalizeConfiguredTailwindV4CssEntryFileKey = (file) => {
+			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 configuredTailwindV4CssSourceFileKeysForScope = new Set(configuredTailwindV4CssSourceEntriesForScope.map((entry) => normalizeConfiguredTailwindV4CssEntryFileKey(entry.file)));
+		const configuredTailwindV4ExplicitCssEntryFileKeysForScope = new Set([
+			...Array.isArray(opts.cssEntries) ? opts.cssEntries : [],
+			...Array.isArray(opts.tailwindcss?.v4?.cssEntries) ? opts.tailwindcss.v4.cssEntries : [],
+			...Array.isArray(runtimeTailwindcssOptions?.v4?.cssEntries) ? runtimeTailwindcssOptions.v4.cssEntries : [],
+			...Array.isArray(tailwindRuntimeOptions?.v4?.cssEntries) ? tailwindRuntimeOptions.v4.cssEntries : []
+		].filter((file) => typeof file === "string" && file.length > 0).map(normalizeConfiguredTailwindV4CssEntryFileKey));
+		const resolveUniAppViteWebviewRootCssInjectionTarget = (sourceFile, outputFile) => {
+			if (opts.appType !== "uni-app-vite" || !outputFile.replace(/[?#].*$/, "").endsWith(".css") || typeof sourceFile !== "string" || !configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(sourceFile))) return;
+			const rootCssFiles = bundleFiles.filter((file) => {
+				const normalized = require_source_candidate_scan_signature.normalizeOutputPathKey(file.replace(/[?#].*$/, ""));
+				return opts.cssMatcher(file) && normalized.endsWith(".css") && !normalized.includes("/");
+			});
+			const matchedRootCssFiles = rootCssFiles.filter((file) => getCssHandlerOptions(file).isMainChunk);
+			if (matchedRootCssFiles.length === 1) return matchedRootCssFiles[0];
+			if (matchedRootCssFiles.length > 1) return;
+			return rootCssFiles.length === 1 ? rootCssFiles[0] : void 0;
+		};
+		const resolveConfiguredTailwindV4CssEntryOutputFile = (sourceFile) => resolveViteCssPipelineOutputFile(sourceFile, opts, rootDir, isWebGeneratorTarget, shouldPreserveAppCssExtension, sourceRoot, defaultStyleOutputExtension, bundleFiles);
+		const selectUniAppViteWebviewRootCssSourceEntry = (outputFile, entries) => {
+			if (opts.appType !== "uni-app-vite" || !isWebGeneratorTarget || !opts.cssMatcher(outputFile) || require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile.replace(/[?#].*$/, "")).includes("/")) return;
+			const generationEntries = entries.filter((entry) => hasTailwindGenerationSource(entry.source));
+			if (generationEntries.length <= 1) return generationEntries[0];
+			const rootOutputEntries = generationEntries.filter((entry) => {
+				return !require_source_candidate_scan_signature.normalizeOutputPathKey(resolveConfiguredTailwindV4CssEntryOutputFile(entry.file).replace(/[?#].*$/, "")).includes("/");
+			});
+			if (rootOutputEntries.length === 1) return rootOutputEntries[0];
+			if (currentSubpackageRoots) {
+				const mainPackageEntries = generationEntries.filter((entry) => {
+					return !isSubpackageOutputFile(resolveConfiguredTailwindV4CssEntryOutputFile(entry.file), currentSubpackageRoots);
+				});
+				if (mainPackageEntries.length === 1) return mainPackageEntries[0];
+			}
+		};
 		const { createScopedSourceCandidateGetter, createScopedSourceCandidateSourceGetter, shouldExcludeSubpackageSourceCandidates, shouldInjectCssIntoMainFromOutput } = createSubpackageSourceCandidateScope({
 			cssSourceFiles: configuredTailwindV4CssSourceEntriesForScope.map((entry) => entry.file),
 			getSourceCandidateSourcesForEntries,
@@ -4189,10 +4548,14 @@ function createGenerateBundleHook(context) {
 			onUpdate,
 			debug
 		});
-		const createHandlerOptions = createJsHandlerOptionsFactory({
+		const createBaseHandlerOptions = createJsHandlerOptionsFactory({
 			getMajorVersion: () => runtimeState.tailwindRuntime.majorVersion,
 			moduleGraph: moduleGraphOptions
 		});
+		const createHandlerOptions = (absoluteFilename, extra) => createBaseHandlerOptions(absoluteFilename, shouldApplyWebviewSafeSelectors ? {
+			needEscaped: true,
+			...extra
+		} : extra);
 		const linkedByEntry = useIncrementalMode ? /* @__PURE__ */ new Map() : void 0;
 		const sharedCssResultCache = /* @__PURE__ */ new Map();
 		const activeProcessCacheKeys = /* @__PURE__ */ new Set();
@@ -4307,7 +4670,7 @@ function createGenerateBundleHook(context) {
 					return await refreshRememberedCssSource?.(remembered) ?? remembered;
 				}));
 				rememberedCssSources = rememberedCssSources.filter((remembered) => {
-					if (!configuredTailwindV4CssSourceFileKeysForScope.has(require_source_candidate_scan_signature.normalizeOutputPathKey(remembered.sourceFile.replace(/[?#].*$/, "")))) return true;
+					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);
 				});
@@ -4318,7 +4681,7 @@ function createGenerateBundleHook(context) {
 					const rememberedSourcesBelongToInferredSfc = rememberedCssSources.length > 0 && rememberedCssSources.every((remembered) => normalizeSfcSourceFileForCompare(remembered.sourceFile) === inferredSourceFile);
 					if (!hasUsableRememberedTailwindSource || rememberedSourcesBelongToInferredSfc) rememberedCssSources = [inferredSfcStyleSource];
 				}
-				if (isTemporaryCssAssetFile(outputFile) && rememberedCssSources.some((remembered) => configuredTailwindV4CssSourceFileKeysForScope.has(require_source_candidate_scan_signature.normalizeOutputPathKey(remembered.sourceFile.replace(/[?#].*$/, ""))))) {
+				if (isTemporaryCssAssetFile(outputFile) && rememberedCssSources.some((remembered) => configuredTailwindV4CssSourceFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(remembered.sourceFile)))) {
 					rememberedCssSources = [];
 					hasUsableRememberedTailwindSource = false;
 				}
@@ -4346,7 +4709,14 @@ function createGenerateBundleHook(context) {
 				}
 				if (!hasUsableRememberedTailwindSource) {
 					const configuredTailwindV4CssSourceEntries = getConfiguredTailwindV4CssSourceEntries();
-					const inferredOriginalSourceStyle = resolveSourceStyleSourceFromOutputFile(outputFile, snapshot, outDir, sourceRoot, getCssSource, getSourceCandidateSources, configuredTailwindV4CssSourceEntries.map((entry) => [entry.file, entry.source]), debug) ?? (outputFile === file ? void 0 : resolveSourceStyleSourceFromOutputFile(file, snapshot, outDir, sourceRoot, getCssSource, getSourceCandidateSources, configuredTailwindV4CssSourceEntries.map((entry) => [entry.file, entry.source]), debug));
+					const inferredSourceStyle = resolveSourceStyleSourceFromOutputFile(outputFile, snapshot, outDir, sourceRoot, getCssSource, getSourceCandidateSources, configuredTailwindV4CssSourceEntries.map((entry) => [entry.file, entry.source]), debug);
+					const inferredWebviewRootSourceEntry = inferredSourceStyle ? void 0 : selectUniAppViteWebviewRootCssSourceEntry(outputFile, configuredTailwindV4CssSourceEntries);
+					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));
@@ -4396,7 +4766,7 @@ function createGenerateBundleHook(context) {
 					}
 				}
 				let rememberedCssSource = mergeRememberedCssSources(rememberedCssSources, outputFile);
-				if (rememberedCssSource && viteProcessedCssAsset && outputCssHandlerOptions.isMainChunk !== true && configuredTailwindV4CssSourceFileKeysForScope.has(require_source_candidate_scan_signature.normalizeOutputPathKey(rememberedCssSource.sourceFile.replace(/[?#].*$/, "")))) {
+				if (rememberedCssSource && viteProcessedCssAsset && outputCssHandlerOptions.isMainChunk !== true && configuredTailwindV4CssSourceFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(rememberedCssSource.sourceFile))) {
 					const matchedOutputFile = resolveMatchedOutputFileForCurrentAsset(rememberedCssSource.sourceFile);
 					if (matchedOutputFile && require_source_candidate_scan_signature.normalizeOutputPathKey(matchedOutputFile) !== require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile)) {
 						outputFile = matchedOutputFile;
@@ -4425,11 +4795,12 @@ function createGenerateBundleHook(context) {
 				}
 				const hasRememberedApplyDirective = rememberedCssSource != null && require_v4_engine.hasTailwindApplyDirective(rememberedCssSource.rawSource);
 				const hasRememberedTailwindGenerationSource = rememberedCssSource != null && hasTailwindGenerationSource(rememberedCssSource.rawSource);
-				const usesConfiguredTailwindV4FallbackSource = rememberedCssSource != null && require_source_candidate_scan_signature.normalizeOutputPathKey(rememberedCssSource.outputFile) === require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile) && require_source_candidate_scan_signature.normalizeOutputPathKey(rememberedCssSource.sourceFile.replace(/[?#].*$/, "")) !== require_source_candidate_scan_signature.normalizeOutputPathKey(file);
 				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);
 				const generatorSourceFile = vitePipelineCssAsset ? rememberedCssSource?.sourceFile ?? assetSourceFile : assetSourceFile;
-				if (vitePipelineCssAsset && outputCssHandlerOptions.isMainChunk !== true && configuredTailwindV4CssSourceFileKeysForScope.has(require_source_candidate_scan_signature.normalizeOutputPathKey(generatorSourceFile.replace(/[?#].*$/, "")))) {
+				const webviewRootCssInjectionTarget = vitePipelineCssAsset ? resolveUniAppViteWebviewRootCssInjectionTarget(generatorSourceFile, outputFile) : void 0;
+				const usesConfiguredTailwindV4FallbackSource = rememberedCssSource != null && require_source_candidate_scan_signature.normalizeOutputPathKey(rememberedCssSource.outputFile) === require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile) && require_source_candidate_scan_signature.normalizeOutputPathKey(rememberedCssSource.sourceFile.replace(/[?#].*$/, "")) !== require_source_candidate_scan_signature.normalizeOutputPathKey(file);
+				if (vitePipelineCssAsset && outputCssHandlerOptions.isMainChunk !== true && configuredTailwindV4CssSourceFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(generatorSourceFile))) {
 					usedConfiguredTailwindV4CssSourceFiles.add(require_source_candidate_scan_signature.normalizeOutputPathKey(generatorSourceFile));
 					temporaryCssAssetSourceResolver.markUsed(generatorSourceFile);
 				}
@@ -4437,7 +4808,7 @@ function createGenerateBundleHook(context) {
 					...getCssHandlerOptions(generatorSourceFile),
 					isMainChunk: resolvedFromTemporaryCssAsset ? false : outputCssHandlerOptions.isMainChunk
 				} : getCssHandlerOptions(file);
-				const generatorCssEntries = configuredTailwindV4CssSourceFileKeysForScope.has(require_source_candidate_scan_signature.normalizeOutputPathKey(generatorSourceFile.replace(/[?#].*$/, ""))) ? [generatorSourceFile] : opts.cssEntries;
+				const generatorCssEntries = configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(generatorSourceFile)) ? [generatorSourceFile] : opts.cssEntries;
 				const generatorCssHandlerOptions = {
 					...cssHandlerOptions,
 					sourceOptions: {
@@ -4455,6 +4826,10 @@ function createGenerateBundleHook(context) {
 					opts,
 					tokenSources: sourceTraceTokenSources
 				});
+				const removeRootCoveredCssFromScopedAsset = (css) => {
+					const normalizedOutputFile = require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile.replace(/[?#].*$/, ""));
+					return !normalizedOutputFile.includes("/") || currentSubpackageRoots != null && isSubpackageOutputFile(normalizedOutputFile, currentSubpackageRoots) ? css : removeCssCoveredByRootStyleBundleSources(bundle, outputFile, css);
+				};
 				const shouldRegenerateMainPackageCssWithScopedCandidates = vitePipelineCssAsset && shouldExcludeSubpackageSourceCandidates(outputFile, generatorCssHandlerOptions);
 				const generatorCssUserHandlerOptions = getCssUserHandlerOptions(generatorSourceFile);
 				const cssRuntimeAffectingSignature = vitePipelineCssAsset ? require_source_candidate_scan_signature.createRuntimeAffectingSourceSignature(generatorRawSource, "css") : snapshot.runtimeAffectingSignatureByFile.get(file) ?? require_source_candidate_scan_signature.createRuntimeAffectingSourceSignature(generatorRawSource, "css");
@@ -4462,19 +4837,30 @@ function createGenerateBundleHook(context) {
 				const cssShareScope = createCssTransformShareScopeKey(opts, outputFile, generatorRawSource);
 				const shouldRegenerateCollectedViteCss = viteProcessedCssAsset && useIncrementalMode && state.generatorCandidateSignature !== void 0 && generatorCandidatesChanged && (hasTailwindGenerationSource(generatorRawSource) || require_source_candidate_scan_signature.hasBundlerGeneratedCssMarker(rawSource) || rememberedCssSource != null && hasTailwindGenerationSource(rememberedCssSource.rawSource));
 				const shouldRefreshViteProcessedCssByCandidates = viteProcessedCssAsset && useIncrementalMode && state.generatorCandidateSignature !== void 0 && generatorCandidatesChanged;
-				const shouldInjectVitePipelineCssIntoMain = vitePipelineCssAsset && outputCssHandlerOptions.isMainChunk !== true && shouldInjectCssIntoMainFromOutput(outputFile, generatorSourceFile, outputCssHandlerOptions);
+				const vitePipelineCssInjectionOutputFile = webviewRootCssInjectionTarget ?? outputFile;
+				const shouldRecordVitePipelineCssByOutput = require_source_candidate_scan_signature.normalizeOutputPathKey(vitePipelineCssInjectionOutputFile) === require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile);
+				const shouldInjectVitePipelineCssIntoMain = vitePipelineCssAsset && outputCssHandlerOptions.isMainChunk !== true && (webviewRootCssInjectionTarget != null || shouldInjectCssIntoMainFromOutput(outputFile, generatorSourceFile, outputCssHandlerOptions));
 				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);
 				if (alreadyProcessedCssAsset && !shouldRefreshViteProcessedCssByCandidates && (!hasStaleViteProcessedCssSource || shouldPreserveStaleGeneratedCssAsset) && !hasRememberedApplySource && !shouldRegenerateMainPackageCssWithScopedCandidates && (!shouldTrackGeneratorRuntime || shouldPreserveCollectedViteCssAsset)) {
-					const nextCss = strippedViteProcessedCss;
+					const nextCss = removeRootCoveredCssFromScopedAsset(strippedViteProcessedCss);
 					applyCssResult(nextCss);
 					markCssAssetProcessed?.(originalSource, outputFile);
 					recordCssAssetResult?.(outputFile, nextCss);
-					recordViteProcessedCssAssetResult?.(outputFile, nextCss, {
+					if (vitePipelineCssAsset && rememberedCssSource) rememberCssSource?.({
+						outputFile: vitePipelineCssInjectionOutputFile,
+						rawSource: generatorRawSource,
+						sourceFile: generatorSourceFile
+					});
+					if (shouldRecordVitePipelineCssByOutput) recordViteProcessedCssAssetResult?.(vitePipelineCssInjectionOutputFile, nextCss, {
 						injectIntoMain: outputCssHandlerOptions.isMainChunk ? false : shouldInjectVitePipelineCssIntoMain,
-						outputFile
+						outputFile: vitePipelineCssInjectionOutputFile
+					});
+					if (vitePipelineCssAsset && shouldInjectVitePipelineCssIntoMain) recordViteProcessedCssAssetResult?.(file, nextCss, {
+						injectIntoMain: shouldInjectVitePipelineCssIntoMain,
+						outputFile: vitePipelineCssInjectionOutputFile
 					});
 					onUpdate(outputFile, rawSource, nextCss);
 					debug("css skip vite-processed asset: %s", outputFile);
@@ -4512,7 +4898,7 @@ function createGenerateBundleHook(context) {
 						rememberLastCssResult(lastCssResultByFile, lastCssSourceHashByFile, outputFile, source, cssRuntimeAffectingHash);
 						markCssAssetProcessed?.(originalSource, outputFile);
 						if (rememberedCssSources.length <= 1) rememberCssSource?.({
-							outputFile,
+							outputFile: vitePipelineCssInjectionOutputFile,
 							rawSource: generatorRawSource,
 							sourceFile: generatorSourceFile
 						}, rememberedCssRuntimeSignature);
@@ -4547,6 +4933,7 @@ function createGenerateBundleHook(context) {
 								cssUserHandlerOptions: generatorCssUserHandlerOptions,
 								getSourceCandidatesForEntries: scopedSourceCandidateGetter,
 								sourceCandidates: scopedGeneratorRuntime,
+								generatorPlatform,
 								styleHandler,
 								debug,
 								previousCss,
@@ -4554,19 +4941,19 @@ function createGenerateBundleHook(context) {
 								...usesConfiguredTailwindV4FallbackSource ? { restoreLocalCssImports: false } : {}
 							}) : void 0;
 							if (generated) {
-								const tracedCss = annotateCss(generated.css);
+								const tracedCss = removeRootCoveredCssFromScopedAsset(annotateCss(transformWebTargetCss(generated.css)));
 								registerGeneratorDependencies$1({ addWatchFile }, generated.dependencies);
 								if (envFlags.debugCssDiff) debug("css diff %s: %s", generatorSourceFile, require_source_candidate_scan_signature.summarizeStringDiff(generatorRawSource, tracedCss));
 								debug("css generated result: %s bytes=%d", file, tracedCss.length);
 								for (const candidate of generated.classSet ?? []) transformRuntime.add(candidate);
 								recordCssAssetResult?.(outputFile, tracedCss);
-								recordViteProcessedCssAssetResult?.(outputFile, tracedCss, {
+								if (shouldRecordVitePipelineCssByOutput) recordViteProcessedCssAssetResult?.(vitePipelineCssInjectionOutputFile, tracedCss, {
 									injectIntoMain: outputCssHandlerOptions.isMainChunk ? false : shouldInjectVitePipelineCssIntoMain,
-									outputFile
+									outputFile: vitePipelineCssInjectionOutputFile
 								});
 								if (vitePipelineCssAsset && shouldInjectVitePipelineCssIntoMain) recordViteProcessedCssAssetResult?.(file, tracedCss, {
 									injectIntoMain: shouldInjectVitePipelineCssIntoMain,
-									outputFile
+									outputFile: vitePipelineCssInjectionOutputFile
 								});
 								metrics.css.elapsed += measureElapsed(start);
 								metrics.css.transformed++;
@@ -4574,10 +4961,11 @@ function createGenerateBundleHook(context) {
 								return tracedCss;
 							}
 							if (isWebGeneratorTarget) {
+								const outputCss = transformWebTargetCss(rawSource);
 								metrics.css.elapsed += measureElapsed(start);
 								metrics.css.transformed++;
 								debug("css preserve web target: %s", outputFile);
-								return annotateCss(rawSource);
+								return annotateCss(outputCss);
 							}
 							const { css } = await styleHandler(generatorRawSource, cssHandlerOptions);
 							const tracedCss = annotateCss(css);
@@ -4597,7 +4985,7 @@ function createGenerateBundleHook(context) {
 				continue;
 			}
 			if (type !== "js") continue;
-			if (isWebGeneratorTarget) {
+			if (isWebGeneratorTarget && !shouldApplyWebviewSafeSelectors) {
 				debug("js skip web target: %s", file);
 				continue;
 			}
@@ -4643,6 +5031,7 @@ function createGenerateBundleHook(context) {
 			debug,
 			defaultStyleOutputExtension,
 			emitOrReplayCssAsset,
+			generatorPlatform,
 			generatorRuntime,
 			getCssHandlerOptions,
 			getCssUserHandlerOptions,
@@ -4722,12 +5111,19 @@ function createGenerateBundleHook(context) {
 			tasks,
 			timingDetails,
 			transformRuntime,
+			transformWebTargetCss,
 			useIncrementalMode
 		});
 	};
 }
 //#endregion
 //#region src/bundlers/vite/css-finalizer.ts
+function inferPlatformFromViteOutDir(outDir) {
+	const segment = outDir ? node_path.default.basename(node_path.default.normalize(outDir)) : void 0;
+	if (!segment) return;
+	const normalized = segment.trim().toLowerCase();
+	if (normalized === "h5" || normalized === "web" || normalized === "app" || normalized === "app-plus" || normalized.startsWith("app-") || normalized.startsWith("mp-") || normalized.startsWith("quickapp-webview")) return normalized;
+}
 function isAddWatchFileInvalidRollupPhaseError(error) {
 	const candidate = error;
 	return candidate?.code === "INVALID_ROLLUP_PHASE" || candidate?.pluginCode === "INVALID_ROLLUP_PHASE" || candidate?.message?.includes("Cannot call \"addWatchFile\" after the build has finished.") === true;
@@ -4771,8 +5167,13 @@ function shouldFinalizeProcessedCssAsset(opts, file) {
 function collectViteProcessedCssSources(getViteProcessedCssAssetResults) {
 	return [...getViteProcessedCssAssetResults?.() ?? []].map(([, record]) => typeof record === "string" ? record : record.css);
 }
-function finalizeWebCss(css, enabled, webCompat) {
-	return enabled ? (0, _weapp_tailwindcss_postcss.transformWebCssCompat)(css, webCompat) : css;
+function isUniAppViteWebviewOutDir(outDir) {
+	const normalized = outDir ? node_path.default.basename(node_path.default.normalize(outDir)).trim().toLowerCase() : void 0;
+	return normalized === "app" || normalized === "app-plus";
+}
+function finalizeWebCss(css, enabled, webCompat, options = {}) {
+	const compatCss = enabled ? (0, _weapp_tailwindcss_postcss.transformWebCssCompat)(css, webCompat) : css;
+	return options.safeSelectors ? (0, _weapp_tailwindcss_postcss.transformWebCssSafeSelectors)(compatCss, { escapeMap: options.escapeMap }) : compatCss;
 }
 function createViteCssFinalizerOutputPlugin(context) {
 	return {
@@ -4784,24 +5185,27 @@ function createViteCssFinalizerOutputPlugin(context) {
 				const { opts, runtimeState, ensureRuntimeClassSet, isCssAssetProcessed, markCssAssetProcessed, debug, getResolvedConfig, recordCssAssetResult, recordViteProcessedCssAssetResult, getViteProcessedCssAssetResults, getRecordedGeneratorCandidates, getSourceCandidates, getSourceCandidatesForEntries, getSourceCandidateSourcesForEntries, waitForSourceCandidateSyncs, rememberMainCssSource, getRememberedMainCssSource, isViteProcessedCssAsset } = context;
 				const resolvedConfig = getResolvedConfig();
 				const uniUtsPlatform = require_utils.resolveUniUtsPlatform();
+				const generatorPlatform = opts.cssOptions?.platform ?? opts.platform ?? inferPlatformFromViteOutDir(resolvedConfig?.build?.outDir);
 				const generatorOptions = require_generator.normalizeWeappTailwindcssGeneratorOptions(opts.generator, {
 					appType: opts.appType,
-					platform: opts.cssOptions?.platform ?? opts.platform,
+					platform: generatorPlatform,
 					tailwindcssMajorVersion: runtimeState.tailwindRuntime.majorVersion,
 					uniAppX: opts.uniAppX,
 					uniUtsPlatform
 				});
 				const generatorBranch = require_generator.resolveGeneratorRuntimeBranch(generatorOptions, {
 					appType: opts.appType,
-					platform: opts.cssOptions?.platform ?? opts.platform,
+					platform: generatorPlatform,
 					tailwindcssMajorVersion: runtimeState.tailwindRuntime.majorVersion,
 					uniAppX: opts.uniAppX,
 					uniUtsPlatform
 				});
 				const isWebGeneratorTarget = generatorBranch.isWeb;
-				const canInferHarmonyAppStyleTarget = !uniUtsPlatform.normalized || uniUtsPlatform.isApp;
-				const isHarmonyAppStyleTarget = uniUtsPlatform.isAppHarmony || canInferHarmonyAppStyleTarget && (isUniAppXHarmonyBundle(bundle) || isUniAppXHarmonyOutDir(resolvedConfig?.build?.outDir));
-				const isNativeAppStyleTarget = uniUtsPlatform.isApp || isHarmonyAppStyleTarget;
+				const shouldApplyWebviewSafeSelectors = opts.appType === "uni-app-vite" && isUniAppViteWebviewOutDir(resolvedConfig?.build?.outDir);
+				const isUniAppXStyleTarget = opts.appType === "uni-app-x";
+				const canInferHarmonyAppStyleTarget = isUniAppXStyleTarget && (!uniUtsPlatform.normalized || uniUtsPlatform.isApp);
+				const isHarmonyAppStyleTarget = isUniAppXStyleTarget && (uniUtsPlatform.isAppHarmony || canInferHarmonyAppStyleTarget && (isUniAppXHarmonyBundle(bundle) || isUniAppXHarmonyOutDir(resolvedConfig?.build?.outDir)));
+				const isNativeAppStyleTarget = isUniAppXStyleTarget && (uniUtsPlatform.isApp || isHarmonyAppStyleTarget);
 				if (resolvedConfig?.command !== "build" && !isNativeAppStyleTarget) return;
 				const rootDir = resolvedConfig?.root ? node_path.default.resolve(resolvedConfig.root) : node_process.default.cwd();
 				const sourceRoot = resolveWeappViteSourceRoot(resolvedConfig, opts.appType) ?? resolveSourceRootFromBundleGraph(resolvedConfig, bundle);
@@ -4818,7 +5222,10 @@ function createViteCssFinalizerOutputPlugin(context) {
 						recordCssAssetResult,
 						recordViteProcessedCssAssetResult,
 						resolveViteProcessedCssOutputFile: (file) => resolveViteCssPipelineOutputFile(file, opts, rootDir, isWebGeneratorTarget, isNativeAppStyleTarget, sourceRoot, resolveMiniProgramStyleOutputExtension({ files: Object.keys(bundle) }), Object.keys(bundle)),
-						transformCss: (css) => finalizeWebCss(css, generatorBranch.isWeb, generatorOptions.webCompat),
+						transformCss: (css) => finalizeWebCss(css, generatorBranch.isWeb, generatorOptions.webCompat, {
+							escapeMap: opts.escapeMap,
+							safeSelectors: shouldApplyWebviewSafeSelectors
+						}),
 						debug
 					});
 				};
@@ -4828,6 +5235,10 @@ function createViteCssFinalizerOutputPlugin(context) {
 						getViteProcessedCssAssetResults,
 						markCssAssetProcessed,
 						recordCssAssetResult,
+						transformCss: (css) => finalizeWebCss(css, generatorBranch.isWeb, generatorOptions.webCompat, {
+							escapeMap: opts.escapeMap,
+							safeSelectors: shouldApplyWebviewSafeSelectors
+						}),
 						debug,
 						onUpdate: opts.onUpdate
 					});
@@ -4853,6 +5264,7 @@ function createViteCssFinalizerOutputPlugin(context) {
 							isMainChunk: false
 						},
 						getSourceCandidatesForEntries,
+						generatorPlatform,
 						styleHandler: opts.styleHandler,
 						debug
 					});
@@ -4891,7 +5303,10 @@ function createViteCssFinalizerOutputPlugin(context) {
 					const file = output.fileName || bundleFile;
 					const rawSource = output.source.toString();
 					if (isViteProcessedCssAsset?.(output, file)) {
-						const nextCss = annotateCss(finalizeWebCss(require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(rawSource), generatorBranch.isWeb, generatorOptions.webCompat));
+						const nextCss = annotateCss(finalizeWebCss(require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(rawSource), generatorBranch.isWeb, generatorOptions.webCompat, {
+							escapeMap: opts.escapeMap,
+							safeSelectors: shouldApplyWebviewSafeSelectors
+						}));
 						output.source = nextCss;
 						markCssAssetProcessed(output, file);
 						recordCssAssetResult?.(file, nextCss);
@@ -4922,10 +5337,14 @@ function createViteCssFinalizerOutputPlugin(context) {
 						cssHandlerOptions: generatorCssHandlerOptions,
 						cssUserHandlerOptions: generatorCssUserHandlerOptions,
 						getSourceCandidatesForEntries,
+						generatorPlatform,
 						styleHandler: opts.styleHandler,
 						debug
 					}) : void 0;
-					const nextCss = annotateCss(generated?.css ?? (generatorBranch.isWeb ? finalizeWebCss(rawSource, true, generatorOptions.webCompat) : (await opts.styleHandler(rawSource, cssHandlerOptions)).css));
+					const nextCss = annotateCss(generated?.css ?? (generatorBranch.isWeb ? finalizeWebCss(rawSource, true, generatorOptions.webCompat, {
+						escapeMap: opts.escapeMap,
+						safeSelectors: shouldApplyWebviewSafeSelectors
+					}) : (await opts.styleHandler(rawSource, cssHandlerOptions)).css));
 					if (generated) {
 						registerGeneratorDependencies(this, generated.dependencies);
 						debug("css finalizer generated result: %s bytes=%d", file, nextCss.length);
@@ -5074,6 +5493,7 @@ function createViteCssMemory(options) {
 		for (const [rememberedKey, remembered] of relatedRememberedEntries) {
 			touchMapEntry(rememberedCssSources, rememberedKey, {
 				...remembered,
+				outputFile: entry.outputFile,
 				rawSource: entry.rawSource,
 				sourceFile: entry.sourceFile
 			});
@@ -5724,6 +6144,15 @@ function sameStringList(first, second) {
 	if (!first || !second || first.length !== second.length) return false;
 	return first.every((item, index) => item === second[index]);
 }
+function collectConfiguredCssEntries(options) {
+	const runtimeCssEntries = options.tailwindcssRuntimeOptions?.tailwindcss?.v4?.cssEntries;
+	const entries = [
+		...Array.isArray(options.cssEntries) ? options.cssEntries : [],
+		...Array.isArray(options.tailwindcss?.v4?.cssEntries) ? options.tailwindcss.v4.cssEntries : [],
+		...Array.isArray(runtimeCssEntries) ? runtimeCssEntries : []
+	].filter((item) => typeof item === "string" && item.length > 0);
+	return entries.length > 0 ? [...new Set(entries)] : void 0;
+}
 function normalizeViteStylePlatform(value, appType) {
 	return require_context.normalizeFrameworkStylePlatform(value, appType);
 }
@@ -5736,6 +6165,13 @@ 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 isUniAppViteWebviewStylePlatform(platform) {
+	return platform === "app" || platform === "app-plus";
+}
+function applyUniAppViteWebviewCssCompat(css, options) {
+	const compatCss = (0, _weapp_tailwindcss_postcss.transformWebCssCompat)(css, options.compat);
+	return options.safeSelectors ? (0, _weapp_tailwindcss_postcss.transformWebCssSafeSelectors)(compatCss, { escapeMap: options.escapeMap }) : compatCss;
+}
 /**
 * @name WeappTailwindcss
 * @description uni-app vite / uni-app-x 版本插件
@@ -5744,7 +6180,7 @@ function isWebOrNativeAppPlatform(platform) {
 function WeappTailwindcss(options = {}) {
 	const hasExplicitAppType = typeof options.appType === "string" && options.appType.trim().length > 0;
 	const hasExplicitTailwindcssBasedir = typeof options.tailwindcssBasedir === "string" && options.tailwindcssBasedir.trim().length > 0;
-	const rawCssEntries = Array.isArray(options.cssEntries) ? [...options.cssEntries] : void 0;
+	const rawCssEntries = collectConfiguredCssEntries(options);
 	const opts = require_context.getCompilerContext({
 		...options,
 		__internalDeferMissingCssEntriesWarning: true
@@ -5772,18 +6208,7 @@ function WeappTailwindcss(options = {}) {
 	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;
-	const generatorOptions = require_generator.normalizeWeappTailwindcssGeneratorOptions(opts.generator, {
-		appType: opts.appType,
-		platform: opts.cssOptions?.platform ?? opts.platform,
-		tailwindcssMajorVersion,
-		uniAppX
-	});
-	const generatorBranch = require_generator.resolveGeneratorRuntimeBranch(generatorOptions, {
-		appType: opts.appType,
-		platform: opts.cssOptions?.platform ?? opts.platform,
-		tailwindcssMajorVersion,
-		uniAppX
-	});
+	let resolvedConfig;
 	const resolveViteStylePlatform = () => {
 		const explicit = normalizeViteStylePlatform(opts.cssOptions?.platform ?? opts.platform, opts.appType);
 		if (explicit) return explicit;
@@ -5793,9 +6218,23 @@ function WeappTailwindcss(options = {}) {
 		}
 		return inferPlatformFromOutDir(resolvedConfig?.build?.outDir);
 	};
+	const resolveGeneratorPlatform = () => opts.cssOptions?.platform ?? opts.platform ?? resolveViteStylePlatform();
+	const resolveCurrentGeneratorOptions = () => require_generator.normalizeWeappTailwindcssGeneratorOptions(opts.generator, {
+		appType: opts.appType,
+		platform: resolveGeneratorPlatform(),
+		tailwindcssMajorVersion,
+		uniAppX
+	});
+	const resolveCurrentGeneratorBranch = () => require_generator.resolveGeneratorRuntimeBranch(resolveCurrentGeneratorOptions(), {
+		appType: opts.appType,
+		platform: resolveGeneratorPlatform(),
+		tailwindcssMajorVersion,
+		uniAppX
+	});
+	const initialGeneratorBranch = resolveCurrentGeneratorBranch();
 	const transformEarlyMiniProgramCss = (code) => {
 		const platform = resolveViteStylePlatform();
-		if (!shouldOwnTailwindGeneration || (platform ? isWebOrNativeAppPlatform(platform) : generatorBranch.isWeb)) return code;
+		if (!shouldOwnTailwindGeneration || (platform ? isWebOrNativeAppPlatform(platform) : resolveCurrentGeneratorBranch().isWeb)) return code;
 		let transformedCode = code;
 		if (transformedCode.includes("#if")) transformedCode = (0, _weapp_tailwindcss_postcss.compileCssMacroConditionalComments)(transformedCode, { platform: resolveViteStylePlatform() });
 		if (transformedCode.includes("@layer")) transformedCode = (0, _weapp_tailwindcss_postcss.unwrapUnsupportedCascadeLayers)(transformedCode);
@@ -5803,10 +6242,10 @@ function WeappTailwindcss(options = {}) {
 	};
 	const finalizeViteMiniProgramCss = (css) => {
 		const platform = resolveViteStylePlatform();
-		if (!shouldOwnTailwindGeneration || (platform ? isWebOrNativeAppPlatform(platform) : generatorBranch.isWeb)) return css;
+		if (!shouldOwnTailwindGeneration || (platform ? isWebOrNativeAppPlatform(platform) : resolveCurrentGeneratorBranch().isWeb)) return css;
 		return (0, _weapp_tailwindcss_postcss.unwrapUnsupportedCascadeLayers)(css);
 	};
-	const shouldInferAppType = !hasExplicitAppType && !generatorBranch.isWeb;
+	const shouldInferAppType = !hasExplicitAppType && !initialGeneratorBranch.isWeb;
 	const hasInitialTailwindCssRoots = require_v4_engine.hasConfiguredTailwindV4CssRoots({
 		...options,
 		cssEntries: opts.cssEntries ?? options.cssEntries
@@ -5886,7 +6325,6 @@ function WeappTailwindcss(options = {}) {
 		await refreshRuntimeStateForAutoCssSources?.(true);
 	};
 	const customAttributesEntities = require_context.toCustomAttributesEntities(customAttributes);
-	let resolvedConfig;
 	let recordedGeneratorCandidates;
 	const sourceCandidateCollector = require_hmr_timing.createSourceCandidateCollector({ bareArbitraryValues: opts.arbitraryValues?.bareArbitraryValues });
 	const sourceCandidateScanCache = new lru_cache.LRUCache({ max: SOURCE_CANDIDATE_SCAN_CACHE_MAX });
@@ -5944,7 +6382,7 @@ function WeappTailwindcss(options = {}) {
 	const isWatchLikeBuild = () => isWatchBuild() || resolvedConfig?.command === "serve" || node_process.default.env["WEAPP_TW_WATCH_REGRESSION"] === "1" || node_process.default.env["WEAPP_TW_HMR_TIMING"] === "1";
 	const isCurrentWebLikeStylePlatform = () => {
 		const platform = resolveViteStylePlatform();
-		return platform ? isWebOrNativeAppPlatform(platform) : generatorBranch.isWeb;
+		return platform ? isWebOrNativeAppPlatform(platform) : resolveCurrentGeneratorBranch().isWeb;
 	};
 	const isNuxtPageMacroHotModule = (id) => {
 		if (typeof id !== "string" || !/[?&]macro=true(?:&|$)/.test(id)) return false;
@@ -6164,48 +6602,58 @@ function WeappTailwindcss(options = {}) {
 		const file = (0, _weapp_tailwindcss_shared.cleanUrl)(id);
 		const requestFile = require_source_candidate_scan_signature.isCSSRequest(id) ? 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 rootDir = resolvedConfig?.root ? node_path.default.resolve(resolvedConfig.root) : node_process.default.cwd();
 		const isHarmonyAppStyleTarget = isHarmonyAppBuildTarget();
-		const isNativeAppStyleTarget = require_utils.resolveUniUtsPlatform().isApp || isHarmonyAppStyleTarget;
+		const isNativeAppStyleTarget = opts.appType === "uni-app-x" && (require_utils.resolveUniUtsPlatform().isApp || isHarmonyAppStyleTarget);
 		const sourceRoot = resolveWeappViteSourceRoot(resolvedConfig, opts.appType);
-		const outputFile = resolveViteCssPipelineOutputFile(requestFile, opts, rootDir, generatorBranch.isWeb, isNativeAppStyleTarget, sourceRoot);
+		const currentGeneratorOptions = resolveCurrentGeneratorOptions();
+		const currentGeneratorBranch = resolveCurrentGeneratorBranch();
+		const outputFile = resolveViteCssPipelineOutputFile(requestFile, opts, rootDir, currentGeneratorBranch.isWeb, isNativeAppStyleTarget, sourceRoot);
 		const runtime = getRecordedGeneratorCandidates() ?? getSourceCandidates() ?? await ensureRuntimeClassSet();
 		const outputCssHandlerOptions = transformCssHandlerOptions.getCssHandlerOptions(outputFile);
 		const cssHandlerOptions = {
 			...transformCssHandlerOptions.getCssHandlerOptions(file),
 			isMainChunk: outputCssHandlerOptions.isMainChunk
 		};
-		const transientCssSource = transientAutoCssSources.get(file) ?? (require_v4_engine.hasTailwindRootDirectives(code, { importFallback: generatorOptions.importFallback }) || require_v4_engine.hasTailwindSourceDirectives(code, { importFallback: generatorOptions.importFallback }) || require_v4_engine.hasTailwindApplyDirective(code) ? {
+		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) ? {
 			base: node_path.default.dirname(node_path.default.resolve(file)),
-			css: code,
+			css: generatorCode,
 			file: node_path.default.resolve(file)
 		} : void 0);
-		const shouldDeferEmptyScopedCssSource = transientCssSource == null && !(opts.appType === "uni-app-x" && !cssHandlerOptions.isMainChunk && require_v4_engine.hasTailwindApplyDirective(code));
+		const shouldDeferEmptyScopedCssSource = transientCssSource == null && !(opts.appType === "uni-app-x" && !cssHandlerOptions.isMainChunk && require_v4_engine.hasTailwindApplyDirective(generatorCode));
 		const generated = await require_source_candidate_scan_signature.generateTailwindV4Css({
 			opts,
 			runtimeState,
 			runtime,
-			rawSource: code,
+			rawSource: generatorCode,
 			file,
 			outputFile,
 			cssHandlerOptions,
 			cssUserHandlerOptions: transformCssHandlerOptions.getCssUserHandlerOptions(file),
 			cssSources: transientCssSource ? [transientCssSource] : void 0,
 			getSourceCandidatesForEntries,
+			generatorPlatform: resolveGeneratorPlatform(),
 			styleHandler,
 			debug,
 			previousCss: viteGeneratedCssByFile.get(file),
 			deferEmptyScopedCssSource: shouldDeferEmptyScopedCssSource,
-			restoreLocalCssImports: !generatorBranch.isWeb
+			restoreLocalCssImports: !currentGeneratorBranch.isWeb
 		});
 		if (!generated) return;
-		const tracedCss = require_hmr_timing.annotateCssSourceTrace(finalizeViteMiniProgramCss(generated.css), {
+		const finalizedCss = finalizeViteMiniProgramCss(generated.css);
+		const isUniAppViteWebviewPlatform = opts.appType === "uni-app-vite" && isUniAppViteWebviewStylePlatform(resolveViteStylePlatform());
+		const tracedCss = require_hmr_timing.annotateCssSourceTrace(removeScopedTailwindPreflightCss(currentGeneratorBranch.isWeb || isUniAppViteWebviewPlatform ? applyUniAppViteWebviewCssCompat(finalizedCss, {
+			compat: currentGeneratorOptions.webCompat ?? true,
+			escapeMap: opts.escapeMap,
+			safeSelectors: isUniAppViteWebviewPlatform
+		}) : finalizedCss), {
 			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(code, { importFallback: generatorOptions.importFallback }) && !require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile).includes("/");
+		const shouldInjectGeneratedCssIntoMain = mainCssChunkMatcher(outputFile, opts.appType) || require_v4_engine.hasTailwindRootDirectives(generatorCode, { importFallback: currentGeneratorOptions.importFallback }) && !require_source_candidate_scan_signature.normalizeOutputPathKey(outputFile).includes("/");
 		recordViteProcessedCssAssetResult(file, tracedCss, {
 			injectIntoMain: shouldInjectGeneratedCssIntoMain,
 			outputFile
@@ -6237,7 +6685,7 @@ function WeappTailwindcss(options = {}) {
 		onTailwindRootCss: (id, code) => registerAutoCssSource(id, code),
 		onCssSourceTransform: (id, code) => cssMemory.refreshRememberedCssSourceBySourceFile(id, code),
 		shouldGenerateCss: (_id, code) => hasVitePipelineTailwindGenerationDirective(code),
-		shouldDeferGeneration: (_id, code) => !shouldRewriteCssImports && require_v4_engine.hasTailwindRootDirectives(code, { importFallback: generatorOptions.importFallback }),
+		shouldDeferGeneration: (_id, code) => !shouldRewriteCssImports && require_v4_engine.hasTailwindRootDirectives(code, { importFallback: resolveCurrentGeneratorOptions().importFallback }),
 		shouldOwnTailwindGeneration,
 		shouldRewrite: shouldRewriteCssImports,
 		weappTailwindcssDirPosix
@@ -6336,7 +6784,7 @@ function WeappTailwindcss(options = {}) {
 				order: "pre",
 				async handler(code, id) {
 					let transformedCode = code;
-					if (shouldOwnTailwindGeneration && !generatorBranch.isWeb && require_source_candidate_scan_signature.isCSSRequest(id)) transformedCode = transformEarlyMiniProgramCss(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 || !require_hmr_timing.isSourceCandidateRequest(id) || !shouldCollectTransformedSourceCandidates(id)) {
@@ -6416,10 +6864,10 @@ function WeappTailwindcss(options = {}) {
 			shouldGenerate: () => shouldOwnTailwindGeneration
 		}),
 		createViteServeJsTransformPlugin({
-			createHandlerOptions: serveJsHandlerOptions,
+			createHandlerOptions: (file) => serveJsHandlerOptions(file, opts.appType === "uni-app-vite" && isUniAppViteWebviewStylePlatform(resolveViteStylePlatform()) ? { needEscaped: true } : void 0),
 			getCommand: () => resolvedConfig?.command,
 			jsHandler,
-			shouldTransform: () => shouldOwnTailwindGeneration && !generatorBranch.isWeb,
+			shouldTransform: () => shouldOwnTailwindGeneration && (!resolveCurrentGeneratorBranch().isWeb || opts.appType === "uni-app-vite" && isUniAppViteWebviewStylePlatform(resolveViteStylePlatform())),
 			transformRuntime: ensureRuntimeClassSet
 		}),
 		{