weapp-tailwindcss 5.1.12 → 5.1.14

package/dist/{vite-DF1gE6a5.mjs → vite-CBU5NXTX.mjs}

@@ -1,12 +1,12 @@
 import { resolveImplicitAppTypeFromViteRoot } from "./framework.mjs";
-import { At as resolveTailwindV4CssSourceBase, E as resolveTailwindcssOptions, J as hasTailwindApplyDirective, K as stripMiniProgramCssSpecificityPlaceholders, N as normalizeEmptyTailwindCustomVariants, Nt as filterUnsupportedMiniProgramTailwindV4Candidates, Q as normalizeTailwindConfigDirectives, U as hasMiniProgramCssSpecificityPlaceholders, X as hasTailwindRootDirectives, Y as hasTailwindNonRootGenerationDirectives, Z as hasTailwindSourceDirectives, a as resolveGeneratorRuntimeBranch, b as normalizeCssEntries, c as shouldUseNativeAppCssBranch, ct as hasTailwindGeneratedCssMarkers, et as normalizeTailwindSourceForGenerator, ft as stripGeneratorPlaceholderMarkers, g as upsertTailwindV4CssSource, h as hasConfiguredTailwindV4CssRoots, i as normalizeWeappTailwindcssGeneratorOptions, j as hasUserCssLayerBlocks, l as resolveUniUtsPlatform, m as filterTailwindV4CssSourceRoots, nt as removeTailwindSourceDirectives, q as hasLocalCssImport, s as shouldUseMiniProgramCssBranch, tt as parseImportRequest, vt as getTailwindV4IncrementalGenerateCacheStats, x as findNearestPackageRoot, y as isTailwindV4CssEntry } from "./generator-BvPcmqxU.mjs";
+import { At as resolveTailwindV4CssSourceBase, E as resolveTailwindcssOptions, J as hasTailwindApplyDirective, K as stripMiniProgramCssSpecificityPlaceholders, N as normalizeEmptyTailwindCustomVariants, Nt as filterUnsupportedMiniProgramTailwindV4Candidates, Q as normalizeTailwindConfigDirectives, R as splitUserCssLayerBlocks, U as hasMiniProgramCssSpecificityPlaceholders, X as hasTailwindRootDirectives, Y as hasTailwindNonRootGenerationDirectives, Z as hasTailwindSourceDirectives, a as resolveGeneratorRuntimeBranch, b as normalizeCssEntries, c as shouldUseNativeAppCssBranch, ct as hasTailwindGeneratedCssMarkers, et as normalizeTailwindSourceForGenerator, ft as stripGeneratorPlaceholderMarkers, g as upsertTailwindV4CssSource, h as hasConfiguredTailwindV4CssRoots, i as normalizeWeappTailwindcssGeneratorOptions, j as hasUserCssLayerBlocks, l as resolveUniUtsPlatform, m as filterTailwindV4CssSourceRoots, nt as removeTailwindSourceDirectives, q as hasLocalCssImport, s as shouldUseMiniProgramCssBranch, tt as parseImportRequest, vt as getTailwindV4IncrementalGenerateCacheStats, x as findNearestPackageRoot, y as isTailwindV4CssEntry } from "./generator-B59OA64h.mjs";
 import { t as omitUndefined } from "./object-BJSWl-E5.mjs";
-import { _ as resolveViteTailwindV4CssDependencies, a as findTailwindConfig, f as createViteSourceScanMatcher, g as resolveTailwindV4EntriesFromCssCached, i as resolveUniAppXOptions, l as getRuntimeClassSetSignature, m as discoverTailwindV4CssEntries, p as resolveViteSourceScanEntries, r as isUniAppXEnabled } from "./tailwindcss-DZT_pWrd.mjs";
+import { _ as resolveViteTailwindV4CssDependencies, a as findTailwindConfig, f as createViteSourceScanMatcher, g as resolveTailwindV4EntriesFromCssCached, i as resolveUniAppXOptions, l as getRuntimeClassSetSignature, m as discoverTailwindV4CssEntries, p as resolveViteSourceScanEntries, r as isUniAppXEnabled } from "./tailwindcss-DPcKMLxL.mjs";
 import "./utils-MVwpU07P.mjs";
 import { g as replaceWxml, y as createDebug } from "./wxml-DdGdeqaH.mjs";
-import { a as vitePluginName, c as collectRuntimeClassSet, d as refreshTailwindRuntimeState, f as normalizeFrameworkStylePlatform, l as createTailwindRuntimeReadyPromise, n as normalizeStyleHandlerMajorVersion, o as shouldSkipJsTransform, s as toCustomAttributesEntities, t as getCompilerContext } from "./context-xSJE588m.mjs";
-import { A as processCachedTask, D as createCssSourceTraceCacheSignature, E as annotateCssSourceTrace, O as createCssTokenSourceMap, S as scoreTailwindV4CssSourceFileMatch, _ as normalizeMiniProgramGeneratorCssSource, a as isSourceCandidateRequest, d as validateCandidatesByGenerator, g as mergeMarkedUserLayerComponentsCss, h as extractMarkedUserLayerComponentsCss, m as runWithConcurrency, r as createSourceCandidateCollector, s as createBundleRuntimeClassSetManager, t as createHmrTimingRecorder, v as normalizeMiniProgramImportShell, y as isPureLocalCssImportWrapper } from "./hmr-timing-hRhRAjYV.mjs";
-import { A as createBundlerGeneratedCssMarker, B as resolveViteFrameworkProfile, C as createBundleModuleGraphOptions, D as normalizeOutputPathKey, E as stripRequestQuery, F as resolvePluginDisabledState, I as createBuiltinViteStyleInjectorPlugins, M as parseBundlerGeneratedCssMarkerBlocks, N as stripBundlerGeneratedCssMarkers, P as resolvePackageDir, R as viteStyleInjectorDelegates, S as applyLinkedResults, T as isSourceStyleRequest, _ as isCSSRequest, a as createCandidateSignature, b as slash, c as getSnapshotHash, d as buildBundleSnapshot, g as formatPostcssSourceMap, h as cleanUrl, i as createScopedGeneratorSourceTraceMap, j as hasBundlerGeneratedCssMarker, k as toAbsoluteOutputPath, l as hasRuntimeAffectingSourceChanges, m as updateBundleBuildState, n as createScopedGeneratorCandidateSignature, o as createJsHashSalt, p as createBundleBuildState, r as createScopedGeneratorRuntime, s as createLinkedImpactSignature, t as createSourceCandidateScanSignature, u as summarizeStringDiff, v as isHTMLRequest, w as generateTailwindV4Css, x as createRuntimeAffectingSourceSignature, y as normalizePath } from "./source-candidate-scan-signature-t4XKAQ04.mjs";
+import { a as vitePluginName, c as collectRuntimeClassSet, d as refreshTailwindRuntimeState, f as normalizeFrameworkStylePlatform, l as createTailwindRuntimeReadyPromise, n as normalizeStyleHandlerMajorVersion, o as shouldSkipJsTransform, s as toCustomAttributesEntities, t as getCompilerContext } from "./context-BL8Gy71H.mjs";
+import { A as processCachedTask, D as createCssSourceTraceCacheSignature, E as annotateCssSourceTrace, O as createCssTokenSourceMap, S as scoreTailwindV4CssSourceFileMatch, _ as normalizeMiniProgramGeneratorCssSource, a as isSourceCandidateRequest, d as validateCandidatesByGenerator, g as mergeMarkedUserLayerComponentsCss, h as extractMarkedUserLayerComponentsCss, m as runWithConcurrency, r as createSourceCandidateCollector, s as createBundleRuntimeClassSetManager, t as createHmrTimingRecorder, v as normalizeMiniProgramImportShell, y as isPureLocalCssImportWrapper } from "./hmr-timing-C3ed5vCx.mjs";
+import { A as createBundlerGeneratedCssMarker, B as resolveViteFrameworkProfile, C as createBundleModuleGraphOptions, D as normalizeOutputPathKey, E as stripRequestQuery, F as resolvePluginDisabledState, I as createBuiltinViteStyleInjectorPlugins, M as parseBundlerGeneratedCssMarkerBlocks, N as stripBundlerGeneratedCssMarkers, P as resolvePackageDir, R as viteStyleInjectorDelegates, S as applyLinkedResults, T as isSourceStyleRequest, _ as isCSSRequest, a as createCandidateSignature, b as slash, c as getSnapshotHash, d as buildBundleSnapshot, g as formatPostcssSourceMap, h as cleanUrl, i as createScopedGeneratorSourceTraceMap, j as hasBundlerGeneratedCssMarker, k as toAbsoluteOutputPath, l as hasRuntimeAffectingSourceChanges, m as updateBundleBuildState, n as createScopedGeneratorCandidateSignature, o as createJsHashSalt, p as createBundleBuildState, r as createScopedGeneratorRuntime, s as createLinkedImpactSignature, t as createSourceCandidateScanSignature, u as summarizeStringDiff, v as isHTMLRequest, w as generateTailwindV4Css, x as createRuntimeAffectingSourceSignature, y as normalizePath } from "./source-candidate-scan-signature-D7RWjWsY.mjs";
 import { t as logger$1 } from "./logger-BNzxZbZj.mjs";
 import fs, { existsSync, readFileSync, realpathSync } from "node:fs";
 import path from "node:path";
@@ -899,6 +899,21 @@ function createRelativeCssImportRequest$1(targetFile, importedFile) {
 function createCssImportShell$1(targetFile, importedFile) {
 	return `@import "${createRelativeCssImportRequest$1(targetFile, importedFile)}";\n`;
 }
+function resolveSingleCssImportOutputFile(targetFile, css) {
+	let importedFile;
+	try {
+		postcss.parse(css).walkAtRules("import", (atRule) => {
+			if (importedFile !== void 0) return;
+			const request = parseImportRequest(atRule.params);
+			if (!request || /^(?:https?:)?\/\//i.test(request) || request.startsWith("data:")) return;
+			const cleanRequest = request.replace(/[?#].*$/, "");
+			if (!/\.(?:css|wxss|acss|ttss|qss|jxss|tyss)$/i.test(cleanRequest)) return;
+			const targetDir = path.posix.dirname(normalizeOutputPathKey(targetFile));
+			importedFile = normalizeOutputPathKey(path.posix.join(targetDir === "." ? "" : targetDir, cleanRequest));
+		});
+	} catch {}
+	return importedFile;
+}
 function createRootMiniProgramOriginStyleOutputFile(file) {
 	const normalized = normalizeOutputPathKey(file.replace(/[?#].*$/, ""));
 	if (/(?:^|\/)[^/]+-origin\.[^.]+$/i.test(normalized)) return normalized;
@@ -907,6 +922,28 @@ function createRootMiniProgramOriginStyleOutputFile(file) {
 function shouldKeepRootMiniProgramStyleAsImportShell(enabled) {
 	return enabled === true;
 }
+function shouldPreserveFrameworkRootMiniProgramImportShell(options) {
+	return !options.isWebGeneratorTarget && options.matchesCss && isRootMiniProgramStyleOutputFile$1(options.file) && isPureLocalCssImportWrapper(options.css) && shouldKeepRootMiniProgramStyleAsImportShell(options.shouldKeep());
+}
+function restoreFrameworkRootMiniProgramImportShellAssets(bundle, options) {
+	if (options.isWebGeneratorTarget || options.targetByFile.size === 0) return 0;
+	let restored = 0;
+	for (const [sourceFile, targetFile] of options.targetByFile) {
+		if (!options.matchesCss(sourceFile) || !options.matchesCss(targetFile) || !isRootMiniProgramStyleOutputFile$1(sourceFile) || !isRootMiniProgramStyleOutputFile$1(targetFile) || normalizeOutputPathKey(sourceFile) === normalizeOutputPathKey(targetFile)) continue;
+		const output = Object.entries(bundle).find(([bundleFile, candidate]) => candidate.type === "asset" && normalizeOutputPathKey(candidate.fileName || bundleFile) === normalizeOutputPathKey(sourceFile))?.[1];
+		if (output?.type !== "asset") continue;
+		const rawSource = output.source.toString();
+		if (!shouldKeepRootMiniProgramStyleAsImportShell(options.shouldKeep(sourceFile, rawSource))) continue;
+		const nextSource = createCssImportShell$1(sourceFile, targetFile);
+		if (rawSource === nextSource) continue;
+		output.source = nextSource;
+		options.recordCssAssetResult?.(sourceFile, nextSource);
+		options.onUpdate?.(sourceFile, rawSource, nextSource);
+		options.debug?.("restore framework root css import shell: %s -> %s", sourceFile, targetFile);
+		restored++;
+	}
+	return restored;
+}
 function shouldMoveRootMiniProgramStyleToImportShellOrigin(enabled) {
 	return enabled === true;
 }
@@ -2257,11 +2294,17 @@ function isMiniProgramStyleOutputFile(file) {
 }
 function shouldPreserveMiniProgramImportShell(options, bundle, file, css) {
 	const context = createCssAssetPipelineContext(options, file, bundle);
-	return context !== void 0 && options.cssPipelineStrategy?.shouldKeepRootMiniProgramStyleAsImportShell?.({
-		...context,
+	return context !== void 0 && shouldPreserveFrameworkRootMiniProgramImportShell({
 		css,
-		file
-	}) === true && isMiniProgramStyleOutputFile(file) && options.opts.cssMatcher(file) && isPureLocalCssImportWrapper(css);
+		file,
+		isWebGeneratorTarget: context.currentGeneratorBranch?.isWeb === true,
+		matchesCss: options.opts.cssMatcher(file),
+		shouldKeep: () => options.cssPipelineStrategy?.shouldKeepRootMiniProgramStyleAsImportShell?.({
+			...context,
+			css,
+			file
+		})
+	});
 }
 function resolvePreservedImportShellInjectionTarget(options, bundle, file, css) {
 	const context = createCssAssetPipelineContext(options, file, bundle);
@@ -3031,21 +3074,6 @@ function resolveRootMiniProgramOriginStyleFile(file) {
 	if (/(?:^|\/)[^/]+-origin\.[^.]+$/i.test(normalized)) return;
 	return normalized.replace(/(\.[^.]+)$/, "-origin$1");
 }
-function resolveSingleCssImportOutputFile(targetFile, css) {
-	let importedFile;
-	try {
-		postcss.parse(css).walkAtRules("import", (atRule) => {
-			if (importedFile !== void 0) return;
-			const request = parseImportRequest(atRule.params);
-			if (!request || /^(?:https?:)?\/\//i.test(request) || request.startsWith("data:")) return;
-			const cleanRequest = request.replace(/[?#].*$/, "");
-			if (!/\.(?:css|wxss|acss|ttss|qss|jxss|tyss)$/i.test(cleanRequest)) return;
-			const targetDir = path.posix.dirname(normalizeOutputPathKey(targetFile));
-			importedFile = normalizeOutputPathKey(path.posix.join(targetDir === "." ? "" : targetDir, cleanRequest));
-		});
-	} catch {}
-	return importedFile;
-}
 function normalizeRootMiniProgramImportShellAssets(bundle, options) {
 	if (!options.enabled) return 0;
 	let updated = 0;
@@ -3919,7 +3947,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, changedCssFiles = /* @__PURE__ */ new Set(), createScopedGeneratorRuntime, createScopedSourceCandidateGetter, createScopedSourceCandidateSourceGetter, cssTaskFactories, debug, defaultStyleOutputExtension, emitOrReplayCssAsset, generatorRuntime, generatorPlatform, getCssHandlerOptions, getCssUserHandlerOptions, getRememberedCssSignature, getRememberedCssSources, isNativeAppStyleTarget, isWebGeneratorTarget, lastCssRawSourceHashByFile = /* @__PURE__ */ new Map(), lastCssResultByFile, lastCssSourceHashByFile, markCssAssetProcessed, metrics, normalizeViteCssCacheKey, onUpdate, opts, recordCssAssetResult, recordViteProcessedCssAssetResult, refreshRememberedCssSource, rootDir, runtimeState, setRememberedCssSignature, shouldInjectCssIntoMainFromOutput, shouldPreserveAppCssExtension, sourceRoot, styleHandler, timeTask, useIncrementalMode } = options;
+	const { addWatchFile, activeViteCssCacheFiles, bundleFiles, cache, changedCssFiles = /* @__PURE__ */ new Set(), createScopedGeneratorRuntime, createScopedSourceCandidateGetter, createScopedSourceCandidateSourceGetter, cssTaskFactories, cssPipelineContext, cssPipelineStrategy, debug, defaultStyleOutputExtension, emitOrReplayCssAsset, generatorRuntime, generatorPlatform, getCssHandlerOptions, getCssUserHandlerOptions, getRememberedCssSignature, getRememberedCssSources, isNativeAppStyleTarget, isWebGeneratorTarget, lastCssRawSourceHashByFile = /* @__PURE__ */ new Map(), lastCssResultByFile, lastCssSourceHashByFile, markCssAssetProcessed, metrics, normalizeViteCssCacheKey, onUpdate, opts, recordCssAssetResult, recordViteProcessedCssAssetResult, refreshRememberedCssSource, rootDir, runtimeState, setRememberedCssSignature, shouldInjectCssIntoMainFromOutput, shouldPreserveAppCssExtension, sourceRoot, styleHandler, timeTask, useIncrementalMode } = options;
 	const rememberedReplayGroups = collectRememberedCssReplayGroups(getRememberedCssSources?.(), opts, rootDir, isWebGeneratorTarget, shouldPreserveAppCssExtension, sourceRoot, defaultStyleOutputExtension, bundleFiles);
 	for (const [outputFile, rememberedGroup] of rememberedReplayGroups) {
 		if (isHTMLRequest(outputFile) || options.opts.htmlMatcher(outputFile)) continue;
@@ -3963,7 +3991,17 @@ async function processRememberedCssReplay(options) {
 		const shouldRecordRememberedReplayCss = useIncrementalMode || isNativeAppStyleTarget;
 		const shouldEmitRememberedReplayCssAsset = shouldRecordRememberedReplayCss;
 		if (!shouldRecordRememberedReplayCss) continue;
-		if (!isWebGeneratorTarget && isPureLocalCssImportWrapper(rawSource)) {
+		if (shouldPreserveFrameworkRootMiniProgramImportShell({
+			css: rawSource,
+			file: outputFile,
+			isWebGeneratorTarget,
+			matchesCss: opts.cssMatcher(outputFile),
+			shouldKeep: () => cssPipelineStrategy?.shouldKeepRootMiniProgramStyleAsImportShell?.({
+				...cssPipelineContext,
+				css: rawSource,
+				file: outputFile
+			})
+		}) || !isRootMiniProgramStyleOutputFile$1(outputFile) && !isWebGeneratorTarget && isPureLocalCssImportWrapper(rawSource)) {
 			cssTaskFactories.push(() => timeTask("css.replay", async () => {
 				const start = performance.now();
 				const css = annotateCss(normalizeMiniProgramImportShell(rawSource));
@@ -4674,6 +4712,7 @@ function createGenerateBundleHook(context) {
 	const lastCssResultByFile = /* @__PURE__ */ new Map();
 	const lastCssSourceHashByFile = /* @__PURE__ */ new Map();
 	const lastCssRawSourceHashByFile = /* @__PURE__ */ new Map();
+	const frameworkRootImportShellTargetByFile = context.frameworkRootImportShellTargetByFile ?? /* @__PURE__ */ new Map();
 	let currentOutDir;
 	let currentSubpackageRoots;
 	const createInitialCssPipelineContext = (file) => {
@@ -4712,7 +4751,7 @@ function createGenerateBundleHook(context) {
 	});
 	return async function generateBundle(_opt, bundle) {
 		const addWatchFile = (id) => this.addWatchFile?.(id);
-		const { opts, runtimeState, ensureBundleRuntimeClassSet, debug, getResolvedConfig, markCssAssetProcessed, isCssAssetProcessed, isViteProcessedCssAsset, recordCssAssetResult, recordViteProcessedCssAssetResult, getViteProcessedCssAssetResults, getViteProcessedCssAssetResult, getSourceCandidates, getSourceCandidateSource, getSourceCandidateSources, getSourceCandidatesForEntries, getSourceCandidateSourcesForEntries, waitForSourceCandidateSyncs, rememberCssSource, refreshRememberedCssSource, getRememberedCssSources, getRememberedCssSignature, setRememberedCssSignature, getKnownCssSource, getKnownSfcSource, recordGeneratorCandidates, pruneViteCssCaches, getViteCssCacheStats, hmrTimingRecorder } = context;
+		const { opts, runtimeState, ensureBundleRuntimeClassSet, debug, getResolvedConfig, markCssAssetProcessed, isCssAssetProcessed, isViteProcessedCssAsset, recordCssAssetResult, recordViteProcessedCssAssetResult, getViteProcessedCssAssetResults, getViteProcessedCssAssetResult, getSourceCandidates, getSourceCandidateSource, getSourceCandidateSources, getSourceCandidatesForEntries, getSourceCandidateSourcesForEntries, waitForSourceCandidateSyncs, rememberCssSource, refreshRememberedCssSource, getRememberedCssSources, getRememberedCssSignature, setRememberedCssSignature, getKnownCssSource, getKnownSfcSource, getOriginalCssLayerSource, recordGeneratorCandidates, pruneViteCssCaches, getViteCssCacheStats, hmrTimingRecorder } = context;
 		const getBundlerSfcSource = (sourceFile) => {
 			const code = this.getModuleInfo?.(sourceFile)?.code;
 			return typeof code === "string" && hasSfcStyleSources(code) ? code : void 0;
@@ -4797,16 +4836,38 @@ function createGenerateBundleHook(context) {
 		const envFlags = resolveGenerateBundleEnvFlags();
 		const bundleFiles = Object.keys(bundle);
 		const activeViteCssCacheFiles = new Set(bundleFiles.map(normalizeViteCssCacheKey));
-		const getConfiguredTailwindV4CssSourceEntries = () => collectConfiguredTailwindV4CssSourceEntries({
-			...opts,
-			tailwindcssRuntimeOptions: {
-				...opts.tailwindcssRuntimeOptions ?? {},
-				tailwindcss: {
-					...resolveTailwindcssOptions(opts.tailwindcssRuntimeOptions) ?? {},
-					...resolveTailwindcssOptions(runtimeState.tailwindRuntime.options) ?? {}
+		const normalizeSystemAliasPathKey = (file) => file.startsWith("/private/var/") ? file.slice(8) : file;
+		const normalizeConfiguredCssSourceCacheKey = (file) => normalizeSystemAliasPathKey(normalizeOutputPathKey(path.resolve(file.replace(/[?#].*$/, ""))));
+		const runtimeTailwindcssOptions = resolveTailwindcssOptions(opts.tailwindcssRuntimeOptions);
+		const tailwindRuntimeOptions = resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
+		const configuredTailwindV4ExplicitCssEntryFiles = [...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))];
+		const getConfiguredTailwindV4CssSourceEntries = () => {
+			const collectedEntries = collectConfiguredTailwindV4CssSourceEntries({
+				...opts,
+				tailwindcssRuntimeOptions: {
+					...opts.tailwindcssRuntimeOptions ?? {},
+					tailwindcss: {
+						...resolveTailwindcssOptions(opts.tailwindcssRuntimeOptions) ?? {},
+						...resolveTailwindcssOptions(runtimeState.tailwindRuntime.options) ?? {}
+					}
 				}
-			}
-		}, opts.tailwindcssBasedir ?? rootDir);
+			}, opts.tailwindcssBasedir ?? rootDir);
+			const cachedEntries = configuredTailwindV4ExplicitCssEntryFiles.flatMap((file) => {
+				const resolvedFile = path.isAbsolute(file) ? path.resolve(file) : path.resolve(opts.tailwindcssBasedir ?? rootDir, file);
+				const source = getCssSource(resolvedFile);
+				return typeof source === "string" && source.length > 0 ? [{
+					file: resolvedFile,
+					source
+				}] : [];
+			});
+			const cachedFileKeys = new Set(cachedEntries.map((entry) => normalizeConfiguredCssSourceCacheKey(entry.file)));
+			return [...cachedEntries, ...collectedEntries.filter((entry) => !cachedFileKeys.has(normalizeConfiguredCssSourceCacheKey(entry.file)))];
+		};
 		const normalizeGeneratorUserRawSource = (source, sourceFile, fallbackFile) => normalizeRelativeCssConfigDirectives(source, sourceFile || fallbackFile, outDir, opts);
 		const resolveMatchedCssSourceOutputFile = (sourceFile) => resolveOutputFileFromMatchedCssSource({
 			bundleFiles,
@@ -4827,20 +4888,12 @@ function createGenerateBundleHook(context) {
 		const snapshotStart = performance.now();
 		const snapshot = buildBundleSnapshot(bundle, opts, outDir, state, envFlags.disableDirtyOptimization || !useIncrementalMode, { hasOmittedKnownFiles });
 		const configuredTailwindV4CssSourceEntriesForScope = getConfiguredTailwindV4CssSourceEntries();
-		const normalizeSystemAliasPathKey = (file) => file.startsWith("/private/var/") ? file.slice(8) : file;
 		const normalizeConfiguredTailwindV4CssEntryFileKey = (file) => {
 			const cleanFile = file.replace(/[?#].*$/, "");
 			return normalizeSystemAliasPathKey(normalizeOutputPathKey(path.isAbsolute(cleanFile) ? path.resolve(cleanFile) : path.resolve(opts.tailwindcssBasedir ?? rootDir, cleanFile)));
 		};
-		const runtimeTailwindcssOptions = resolveTailwindcssOptions(opts.tailwindcssRuntimeOptions);
-		const tailwindRuntimeOptions = 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 configuredTailwindV4ExplicitCssEntryFileKeysForScope = new Set(configuredTailwindV4ExplicitCssEntryFiles.map(normalizeConfiguredTailwindV4CssEntryFileKey));
 		const isRootStyleOutputFile = (file) => {
 			const normalized = normalizeOutputPathKey(file.replace(/[?#].*$/, ""));
 			return normalized.endsWith(".css") && !normalized.includes("/");
@@ -4870,9 +4923,11 @@ function createGenerateBundleHook(context) {
 		const selectConfiguredRootCssSourceEntry = (outputFile, entries, originalFileNames) => {
 			const matchedOriginalEntry = entries.find((entry) => originalFileNames?.some((originalFile) => normalizeConfiguredTailwindV4CssEntryFileKey(originalFile) === normalizeConfiguredTailwindV4CssEntryFileKey(entry.file)) === true);
 			if (matchedOriginalEntry && outputFile.replace(/[?#].*$/, "").endsWith(".css")) return matchedOriginalEntry;
-			if (!shouldSelectConfiguredRootCssOutput(outputFile)) return;
 			const shouldRequireExplicitConfiguredEntry = !cssPipelineContext.currentGeneratorBranch.isWeb && opts.cssMatcher(outputFile) && isRootStyleOutputFile(outputFile);
 			const generationEntries = entries.filter((entry) => hasTailwindGenerationSource(entry.source) && (!shouldRequireExplicitConfiguredEntry || configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(entry.file))));
+			const matchedOutputEntries = generationEntries.filter((entry) => normalizeOutputPathKey(resolveConfiguredTailwindV4CssEntryOutputFile(entry.file).replace(/[?#].*$/, "")) === normalizeOutputPathKey(outputFile.replace(/[?#].*$/, "")));
+			if (matchedOutputEntries.length === 1) return matchedOutputEntries[0];
+			if (!shouldSelectConfiguredRootCssOutput(outputFile)) return;
 			if (generationEntries.length <= 1) return generationEntries[0];
 			const rootOutputEntries = generationEntries.filter((entry) => {
 				return !normalizeOutputPathKey(resolveConfiguredTailwindV4CssEntryOutputFile(entry.file).replace(/[?#].*$/, "")).includes("/");
@@ -5146,10 +5201,55 @@ function createGenerateBundleHook(context) {
 				metrics.css.total++;
 				const assetSourceFile = resolveAssetSourceFile(originalSource, file);
 				const rawSource = normalizeRelativeCssConfigDirectives(originalEntrySource, assetSourceFile, outDir, opts);
+				const currentRawSourceHasExplicitScanContext = rawSource.includes("@source") || rawSource.includes("@config");
 				const cssPipelineContext = {
 					...createInitialCssPipelineContext(file),
 					bundle
 				};
+				const rootImportShellOutputFile = resolveReplayCssOutputFile(outDir, originalSource.fileName || file);
+				let rememberedFrameworkRootImportTarget = frameworkRootImportShellTargetByFile.get(rootImportShellOutputFile);
+				const isCurrentFrameworkRootImportShell = shouldPreserveFrameworkRootMiniProgramImportShell({
+					css: rawSource,
+					file: rootImportShellOutputFile,
+					isWebGeneratorTarget,
+					matchesCss: opts.cssMatcher(rootImportShellOutputFile) || opts.cssMatcher(file),
+					shouldKeep: () => context.cssPipelineStrategy?.shouldKeepRootMiniProgramStyleAsImportShell?.({
+						...cssPipelineContext,
+						css: rawSource,
+						file: rootImportShellOutputFile
+					})
+				});
+				if (isCurrentFrameworkRootImportShell) {
+					const importedFile = resolveSingleCssImportOutputFile(rootImportShellOutputFile, rawSource);
+					if (importedFile && isRootMiniProgramStyleOutputFile$1(importedFile)) frameworkRootImportShellTargetByFile.set(rootImportShellOutputFile, importedFile);
+				}
+				if (!rememberedFrameworkRootImportTarget && !isCurrentFrameworkRootImportShell && !isWebGeneratorTarget && isRootMiniProgramStyleOutputFile$1(rootImportShellOutputFile) && normalizeOutputPathKey(assetSourceFile) === normalizeOutputPathKey(file) && opts.mainCssChunkMatcher(rootImportShellOutputFile, opts.appType) && shouldKeepRootMiniProgramStyleAsImportShell(context.cssPipelineStrategy?.shouldKeepRootMiniProgramStyleAsImportShell?.({
+					...cssPipelineContext,
+					css: rawSource,
+					file: rootImportShellOutputFile
+				})) && !shouldMoveRootMiniProgramStyleToImportShellOrigin(context.cssPipelineStrategy?.shouldMoveRootMiniProgramStyleToImportShellOrigin?.({
+					...cssPipelineContext,
+					file: rootImportShellOutputFile
+				}))) {
+					const rootGeneratedTargets = /* @__PURE__ */ new Set();
+					for (const entry of getConfiguredTailwindV4CssSourceEntries()) {
+						const targetFile = resolveMatchedCssSourceOutputFile(entry.file);
+						if (targetFile && isRootMiniProgramStyleOutputFile$1(targetFile) && normalizeOutputPathKey(targetFile) !== normalizeOutputPathKey(rootImportShellOutputFile)) rootGeneratedTargets.add(targetFile);
+					}
+					for (const [, record] of getViteProcessedCssAssetResults?.() ?? []) {
+						if (typeof record === "string" || record.injectIntoMain !== true || !record.outputFile) continue;
+						const targetFile = resolveViteCssPipelineOutputFile(record.outputFile, opts, rootDir, isWebGeneratorTarget, shouldPreserveAppCssExtension, sourceRoot, defaultStyleOutputExtension, bundleFiles);
+						if (isRootMiniProgramStyleOutputFile$1(targetFile) && normalizeOutputPathKey(targetFile) !== normalizeOutputPathKey(rootImportShellOutputFile)) rootGeneratedTargets.add(targetFile);
+					}
+					if (rootGeneratedTargets.size === 1) {
+						const [targetFile] = rootGeneratedTargets;
+						if (targetFile) {
+							rememberedFrameworkRootImportTarget = targetFile;
+							frameworkRootImportShellTargetByFile.set(rootImportShellOutputFile, targetFile);
+							debug("css remember framework root generated target: %s -> %s", rootImportShellOutputFile, targetFile);
+						}
+					}
+				}
 				let outputFile = resolveCssBundleOutputFile({
 					bundleFiles,
 					cssPipelineStrategy: context.cssPipelineStrategy,
@@ -5160,6 +5260,14 @@ function createGenerateBundleHook(context) {
 					pipelineContext: cssPipelineContext,
 					shouldPreserveAppCssExtension
 				});
+				if (rememberedFrameworkRootImportTarget && !isWebGeneratorTarget && (opts.cssMatcher(rootImportShellOutputFile) || opts.cssMatcher(file)) && shouldKeepRootMiniProgramStyleAsImportShell(context.cssPipelineStrategy?.shouldKeepRootMiniProgramStyleAsImportShell?.({
+					...cssPipelineContext,
+					css: rawSource,
+					file: rootImportShellOutputFile
+				}))) {
+					outputFile = rememberedFrameworkRootImportTarget;
+					debug("css reuse framework root import shell target: %s -> %s", rootImportShellOutputFile, outputFile);
+				}
 				const resolveMatchedOutputFileForCurrentAsset = createMatchedCssSourceOutputResolver({
 					assetSourceFile,
 					file,
@@ -5218,6 +5326,7 @@ function createGenerateBundleHook(context) {
 					return await refreshRememberedCssSource?.(remembered) ?? remembered;
 				}));
 				rememberedCssSources = rememberedCssSources.filter((remembered) => {
+					if (currentRawSourceHasExplicitScanContext && !remembered.rawSource.includes("@source") && !remembered.rawSource.includes("@config")) return false;
 					if (hasExplicitConfiguredRootCssEntryForOutput(outputFile) && !configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(remembered.sourceFile))) return false;
 					if (!configuredTailwindV4CssSourceFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(remembered.sourceFile))) return true;
 					const matchedOutputFile = resolveMatchedOutputFileForCurrentAsset(remembered.sourceFile);
@@ -5237,7 +5346,7 @@ function createGenerateBundleHook(context) {
 				let outputCssHandlerOptions = getCssHandlerOptions(outputFile);
 				const configuredRootSourceStyle = resolveConfiguredRootCssSourceStyle(outputFile, getConfiguredTailwindV4CssSourceEntries(), originalSource.originalFileNames);
 				const hasExplicitRememberedRootSource = rememberedCssSources.some((remembered) => configuredTailwindV4ExplicitCssEntryFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(remembered.sourceFile)));
-				if (configuredRootSourceStyle && (!hasUsableRememberedTailwindSource || !hasExplicitRememberedRootSource)) {
+				if (configuredRootSourceStyle != null && (!currentRawSourceHasExplicitScanContext || hasTailwindGenerationSource(configuredRootSourceStyle.rawSource)) && (!hasUsableRememberedTailwindSource || !hasExplicitRememberedRootSource)) {
 					rememberedCssSources = [configuredRootSourceStyle];
 					hasUsableRememberedTailwindSource = true;
 					debug("source style source inferred from configured root tailwind v4 css source: %s -> %s", outputFile, configuredRootSourceStyle.sourceFile);
@@ -5352,6 +5461,7 @@ function createGenerateBundleHook(context) {
 						}
 					}
 				}
+				if (currentRawSourceHasExplicitScanContext) rememberedCssSources = rememberedCssSources.filter((remembered) => remembered.rawSource.includes("@source") || remembered.rawSource.includes("@config"));
 				let rememberedCssSource = mergeRememberedCssSources(rememberedCssSources, outputFile);
 				if (rememberedCssSource && viteProcessedCssAsset && outputCssHandlerOptions.isMainChunk !== true && configuredTailwindV4CssSourceFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(rememberedCssSource.sourceFile))) {
 					const matchedOutputFile = resolveMatchedOutputFileForCurrentAsset(rememberedCssSource.sourceFile);
@@ -5365,6 +5475,17 @@ function createGenerateBundleHook(context) {
 						};
 					}
 				}
+				if (!isWebGeneratorTarget && isRootMiniProgramStyleOutputFile$1(rootImportShellOutputFile) && isRootMiniProgramStyleOutputFile$1(outputFile) && normalizeOutputPathKey(rootImportShellOutputFile) !== normalizeOutputPathKey(outputFile) && shouldKeepRootMiniProgramStyleAsImportShell(context.cssPipelineStrategy?.shouldKeepRootMiniProgramStyleAsImportShell?.({
+					...cssPipelineContext,
+					css: rawSource,
+					file: rootImportShellOutputFile
+				})) && !shouldMoveRootMiniProgramStyleToImportShellOrigin(context.cssPipelineStrategy?.shouldMoveRootMiniProgramStyleToImportShellOrigin?.({
+					...cssPipelineContext,
+					file: rootImportShellOutputFile
+				}))) {
+					frameworkRootImportShellTargetByFile.set(rootImportShellOutputFile, outputFile);
+					debug("css remember framework root import shell target: %s -> %s", rootImportShellOutputFile, outputFile);
+				}
 				const shouldKeepImportedCssShell = isCssImportOnlyBundleAsset(bundle, file, rawSource);
 				const useRememberedCssSource = !shouldKeepImportedCssShell && rememberedCssSource != null && (normalizeOutputPathKey(rememberedCssSource.sourceFile) !== normalizeOutputPathKey(file) || !hasTailwindGenerationSource(rawSource) && hasTailwindGenerationSource(rememberedCssSource.rawSource));
 				const vitePipelineCssAsset = viteProcessedCssAsset || useRememberedCssSource;
@@ -5385,6 +5506,8 @@ function createGenerateBundleHook(context) {
 				const hasSameOutputRememberedTailwindGenerationSource = hasRememberedTailwindGenerationSource && rememberedCssSource != null && normalizeOutputPathKey(rememberedCssSource.outputFile) === normalizeOutputPathKey(outputFile);
 				const hasStaleViteProcessedCssSource = vitePipelineCssAsset && hasDifferentRememberedCssSource && (hasCurrentTailwindGenerationDirective || hasRememberedApplyDirective || hasRememberedTailwindGenerationSource);
 				const generatorSourceFile = vitePipelineCssAsset ? rememberedCssSource?.sourceFile ?? assetSourceFile : assetSourceFile;
+				const originalGeneratorLayerSource = vitePipelineCssAsset ? getOriginalCssLayerSource?.(generatorSourceFile) : void 0;
+				const generatorUserLayerRawSource = originalGeneratorLayerSource && normalizeCssSourceForCompare(originalGeneratorLayerSource) !== normalizeCssSourceForCompare(generatorRawSource) && hasUserCssLayerBlocks(originalGeneratorLayerSource) ? normalizeMiniProgramGeneratorRawSource(normalizeGeneratorUserRawSource(originalGeneratorLayerSource, generatorSourceFile, assetSourceFile), outputFile) : void 0;
 				const webviewRootCssInjectionTarget = vitePipelineCssAsset ? resolveConfiguredCssEntryRootInjectionTarget(generatorSourceFile, outputFile) : void 0;
 				const usesConfiguredTailwindV4FallbackSource = rememberedCssSource != null && normalizeOutputPathKey(rememberedCssSource.outputFile) === normalizeOutputPathKey(outputFile) && normalizeOutputPathKey(rememberedCssSource.sourceFile.replace(/[?#].*$/, "")) !== normalizeOutputPathKey(file);
 				if (vitePipelineCssAsset && outputCssHandlerOptions.isMainChunk !== true && configuredTailwindV4CssSourceFileKeysForScope.has(normalizeConfiguredTailwindV4CssEntryFileKey(generatorSourceFile))) {
@@ -5515,7 +5638,10 @@ function createGenerateBundleHook(context) {
 							const previousCss = !vitePipelineCssAsset && useIncrementalMode && !generatorCandidatesChanged && !hasRuntimeAffectingChanges && !snapshot.changedByType.css.has(file) ? getLastCssResult(lastCssResultByFile, outputFile, file) : void 0;
 							const generatorTransformRawSource = generatorRawSource;
 							const previousGeneratorCss = previousCss && !isWebGeneratorTarget ? normalizeMiniProgramGeneratorRawSource(previousCss, outputFile) : previousCss;
-							const generated = hasTailwindGenerationSource(generatorTransformRawSource) || hasBundlerGeneratedCssMarker(rawSource) ? await generateTailwindV4Css({
+							const shouldGenerateCssWithCore = hasTailwindGenerationSource(generatorTransformRawSource) || hasBundlerGeneratedCssMarker(rawSource);
+							const bundleUserRawSource = vitePipelineCssAsset && !hasBundlerGeneratedCssMarker(rawSource) && normalizeCssSourceForCompare(rawSource) !== normalizeCssSourceForCompare(generatorRawSource) ? normalizeMiniProgramGeneratorRawSource(normalizeGeneratorUserRawSource(rawSource, generatorSourceFile, assetSourceFile), outputFile) : void 0;
+							const generatorUserRawSource = [generatorUserLayerRawSource, bundleUserRawSource].filter((source) => typeof source === "string" && source.trim().length > 0).join("\n");
+							const generated = shouldGenerateCssWithCore ? await generateTailwindV4Css({
 								opts,
 								runtimeState,
 								runtime: scopedGeneratorRuntime,
@@ -5530,7 +5656,7 @@ function createGenerateBundleHook(context) {
 								styleHandler,
 								debug,
 								previousCss: previousGeneratorCss,
-								...vitePipelineCssAsset && !hasBundlerGeneratedCssMarker(rawSource) && normalizeCssSourceForCompare(rawSource) !== normalizeCssSourceForCompare(generatorRawSource) ? { userRawSource: normalizeMiniProgramGeneratorRawSource(normalizeGeneratorUserRawSource(rawSource, generatorSourceFile, assetSourceFile), outputFile) } : {},
+								...generatorUserRawSource ? { userRawSource: generatorUserRawSource } : {},
 								...usesConfiguredTailwindV4FallbackSource ? { restoreLocalCssImports: false } : {}
 							}) : void 0;
 							if (generated) {
@@ -5628,6 +5754,8 @@ function createGenerateBundleHook(context) {
 			cache,
 			changedCssFiles: snapshot.changedByType.css,
 			cssTaskFactories,
+			cssPipelineContext,
+			cssPipelineStrategy: context.cssPipelineStrategy,
 			createScopedGeneratorRuntime: createScopedGeneratorRuntime$1,
 			createScopedSourceCandidateGetter,
 			createScopedSourceCandidateSourceGetter,
@@ -5792,7 +5920,7 @@ function createViteCssFinalizerOutputPlugin(context) {
 		generateBundle: {
 			order: "post",
 			async handler(_options, bundle) {
-				const { opts, runtimeState, ensureRuntimeClassSet, cssPipelineStrategy, isCssAssetProcessed, markCssAssetProcessed, debug, getResolvedConfig, recordCssAssetResult, recordViteProcessedCssAssetResult, getViteProcessedCssAssetResults, getRecordedGeneratorCandidates, getSourceCandidates, getSourceCandidatesForEntries, getSourceCandidateSourcesForEntries, waitForSourceCandidateSyncs, rememberMainCssSource, getRememberedMainCssSource, isViteProcessedCssAsset } = context;
+				const { opts, runtimeState, ensureRuntimeClassSet, cssPipelineStrategy, isCssAssetProcessed, markCssAssetProcessed, debug, getResolvedConfig, recordCssAssetResult, recordViteProcessedCssAssetResult, getViteProcessedCssAssetResults, getRecordedGeneratorCandidates, getSourceCandidates, getSourceCandidatesForEntries, getSourceCandidateSourcesForEntries, waitForSourceCandidateSyncs, rememberMainCssSource, getRememberedMainCssSource, isViteProcessedCssAsset, frameworkRootImportShellTargetByFile } = context;
 				const resolvedConfig = getResolvedConfig();
 				const uniUtsPlatform = resolveUniUtsPlatform();
 				const generatorPlatform = opts.cssOptions?.platform ?? opts.platform ?? inferPlatformFromViteOutDir(resolvedConfig?.build?.outDir);
@@ -5825,6 +5953,19 @@ function createViteCssFinalizerOutputPlugin(context) {
 				const rootDir = resolvedConfig?.root ? path.resolve(resolvedConfig.root) : process$1.cwd();
 				const outDir = resolvedConfig?.build?.outDir ? path.resolve(rootDir, resolvedConfig.build.outDir) : rootDir;
 				const sourceRoot = resolveWeappViteSourceRoot(resolvedConfig, opts.appType) ?? resolveSourceRootFromBundleGraph(resolvedConfig, bundle);
+				restoreFrameworkRootMiniProgramImportShellAssets(bundle, {
+					debug,
+					isWebGeneratorTarget,
+					matchesCss: opts.cssMatcher,
+					onUpdate: opts.onUpdate,
+					recordCssAssetResult,
+					shouldKeep: (file, css) => cssPipelineStrategy?.shouldKeepRootMiniProgramStyleAsImportShell?.({
+						...createCssPipelineContext(file),
+						css,
+						file
+					}),
+					targetByFile: frameworkRootImportShellTargetByFile ?? /* @__PURE__ */ new Map()
+				});
 				const sourceTraceTokenSources = getSourceCandidateSourcesForEntries ? createCssTokenSourceMap(getSourceCandidateSourcesForEntries(void 0), opts) : void 0;
 				const annotateCss = (css) => annotateCssSourceTrace(css, {
 					opts,
@@ -6819,6 +6960,22 @@ function createViteServeJsTransformPlugin(options) {
 	};
 }
 //#endregion
+//#region src/bundlers/vite/serve-root-import-shell.ts
+function resolveViteServeRootMiniProgramImportShell(options) {
+	const { css, cssPipelineContext, cssPipelineStrategy, isWebGeneratorTarget, outputFile } = options;
+	return shouldPreserveFrameworkRootMiniProgramImportShell({
+		css,
+		file: outputFile,
+		isWebGeneratorTarget,
+		matchesCss: cssPipelineContext.opts?.cssMatcher?.(outputFile) ?? true,
+		shouldKeep: () => cssPipelineStrategy?.shouldKeepRootMiniProgramStyleAsImportShell?.({
+			...cssPipelineContext,
+			css,
+			file: outputFile
+		})
+	}) ? normalizeMiniProgramImportShell(css) : void 0;
+}
+//#endregion
 //#region src/bundlers/vite/tailwind-basedir.ts
 const PACKAGE_JSON_FILE = "package.json";
 function resolveImplicitTailwindcssBasedirFromViteRoot(root) {
@@ -6971,6 +7128,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		cssEntries: opts.cssEntries ?? rawOptions.cssEntries
 	});
 	const autoCssSourceContent = /* @__PURE__ */ new Map();
+	const frameworkRootImportShellTargetByFile = /* @__PURE__ */ new Map();
 	const transientAutoCssSources = /* @__PURE__ */ new Map();
 	let refreshRuntimeStateForAutoCssSources;
 	let autoCssSourcesRefresh;
@@ -7047,7 +7205,21 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 	};
 	const customAttributesEntities = toCustomAttributesEntities(customAttributes);
 	let recordedGeneratorCandidates;
-	const sourceCandidateCollector = createSourceCandidateCollector({ bareArbitraryValues: opts.arbitraryValues?.bareArbitraryValues });
+	const sourceCandidateCollector = createSourceCandidateCollector({
+		bareArbitraryValues: opts.arbitraryValues?.bareArbitraryValues,
+		customAttributesEntities,
+		disabledDefaultTemplateHandler
+	});
+	const originalCssLayerSourceByFile = new LRUCache({ max: 128 });
+	const rememberOriginalCssLayerSource = (id, code) => {
+		const file = cleanUrl(id);
+		if (!isCSSRequest(file)) return;
+		if (!hasUserCssLayerBlocks(code)) {
+			originalCssLayerSourceByFile.delete(file);
+			return;
+		}
+		originalCssLayerSourceByFile.set(file, splitUserCssLayerBlocks(code).layer);
+	};
 	const sourceCandidateScanCache = new LRUCache({ max: SOURCE_CANDIDATE_SCAN_CACHE_MAX });
 	let sourceScanEntries;
 	let sourceScanMatcher;
@@ -7123,7 +7295,8 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 	let pendingHmrCandidateChange;
 	let pendingHmrCssTargetFiles;
 	let pendingFullHmrCssRegeneration = false;
-	const normalizeHmrCssTargetFile = (file) => normalizeVitePersistentCacheKey(cleanUrl(file));
+	const normalizeGeneratedCssCacheFile = (file) => normalizeVitePersistentCacheKey(cleanUrl(file));
+	const normalizeHmrCssTargetFile = normalizeGeneratedCssCacheFile;
 	const collectPendingHmrCssTargetFiles = (cssModules, fallbackCssIds) => {
 		const targets = /* @__PURE__ */ new Set();
 		const addTarget = (file) => {
@@ -7196,7 +7369,8 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		return change;
 	};
 	const resolvePendingHmrCandidateChange = (generatorCode, file) => {
-		if (resolvedConfig?.command !== "serve" || !pendingHmrCandidateChange || pendingHmrCandidateChange.runtimeAffecting || pendingHmrCandidateChange.addedCandidates.size === 0 || resolveCurrentGeneratorOptions().target === "weapp" && hasUserCssLayerBlocks(generatorCode) || !cleanGeneratedCssByFile.has(file) || !generatedClassSetByFile.has(file) || pendingHmrCssTargetFiles !== void 0 && !pendingHmrCssTargetFiles.has(normalizeHmrCssTargetFile(file))) return;
+		const fileKey = normalizeGeneratedCssCacheFile(file);
+		if (resolvedConfig?.command !== "serve" || !pendingHmrCandidateChange || pendingHmrCandidateChange.runtimeAffecting || pendingHmrCandidateChange.addedCandidates.size === 0 || resolveCurrentGeneratorOptions().target === "weapp" && hasUserCssLayerBlocks(generatorCode) || !cleanGeneratedCssByFile.has(fileKey) || !generatedClassSetByFile.has(fileKey) || pendingHmrCssTargetFiles !== void 0 && !pendingHmrCssTargetFiles.has(fileKey)) return;
 		return pendingHmrCandidateChange;
 	};
 	const finishPendingHmrCssTargetFile = (file) => {
@@ -7450,12 +7624,41 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		const sourceRoot = resolveWeappViteSourceRoot(resolvedConfig, opts.appType);
 		const outputFile = resolveViteCssPipelineOutputFile(requestFile, opts, rootDir, currentGeneratorBranch.isWeb, shouldPreserveStyleOutputExtension, sourceRoot);
 		const generatorTransformCode = currentGeneratorBranch.isWeb ? generatorCode : normalizeMiniProgramGeneratorCssSource(generatorCode, outputFile);
+		const fileKey = normalizeGeneratedCssCacheFile(file);
 		const fullRuntime = getSourceCandidates() ?? getRecordedGeneratorCandidates() ?? await ensureRuntimeClassSet();
 		const pendingHmrChange = resolvePendingHmrCandidateChange(generatorCode, file);
 		const forceFullHmrCssRegeneration = pendingFullHmrCssRegeneration || resolvedConfig?.command === "serve" && pendingHmrCandidateChange !== void 0 && pendingHmrChange === void 0;
 		const runtime = fullRuntime;
+		const importShellCss = resolveViteServeRootMiniProgramImportShell({
+			css: generatorTransformCode,
+			cssPipelineContext,
+			cssPipelineStrategy: frameworkCssPipelineStrategy,
+			isWebGeneratorTarget: currentGeneratorBranch.isWeb,
+			outputFile
+		});
+		if (importShellCss !== void 0) {
+			cleanGeneratedCssByFile.set(fileKey, importShellCss);
+			tracedGeneratedCssByFile.set(fileKey, importShellCss);
+			generatedClassSetByFile.set(fileKey, /* @__PURE__ */ new Set());
+			recordViteProcessedCssAssetResult(file, importShellCss, {
+				injectIntoMain: false,
+				outputFile
+			});
+			markViteProcessedCssSource(file);
+			rememberTailwindRootCssModule(id);
+			recordGeneratorCandidates(fullRuntime);
+			if (pendingHmrChange) finishPendingHmrCssTargetFile(file);
+			else if (!pendingHmrCandidateChange) clearPendingHmrCandidateChange();
+			cssMemory.rememberCssSource({
+				outputFile,
+				rawSource: code,
+				sourceFile: requestFile
+			});
+			debug("css preserved root mini-program import shell for vite postcss pipeline: %s bytes=%d", requestFile, importShellCss.length);
+			return importShellCss;
+		}
 		if (pendingHmrChange && currentGeneratorOptions.target === "weapp" && filterUnsupportedMiniProgramTailwindV4Candidates(pendingHmrChange.addedCandidates).size === 0) {
-			const previousTracedCss = tracedGeneratedCssByFile.get(file);
+			const previousTracedCss = tracedGeneratedCssByFile.get(fileKey);
 			if (previousTracedCss !== void 0) {
 				finishPendingHmrCssTargetFile(file);
 				return `${createBundlerGeneratedCssMarker("vite", normalizeViteProcessedCssFile(file))}\n${previousTracedCss}`;
@@ -7477,6 +7680,8 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 			cssHandlerOptions,
 			generatorCode: generatorTransformCode
 		}) ?? true);
+		const previousCss = pendingHmrChange && !forceFullHmrCssRegeneration ? cleanGeneratedCssByFile.get(fileKey) : void 0;
+		const previousGeneratorCss = previousCss && !currentGeneratorBranch.isWeb ? normalizeMiniProgramGeneratorCssSource(previousCss, outputFile) : previousCss;
 		const generated = await hmrTimingRecorder.measure("generateCss.serve", () => generateTailwindV4Css({
 			opts,
 			runtimeState,
@@ -7491,13 +7696,15 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 			generatorPlatform: resolveGeneratorPlatform(),
 			styleHandler,
 			debug,
+			previousCss: previousGeneratorCss,
+			previousClassSet: pendingHmrChange && !forceFullHmrCssRegeneration ? generatedClassSetByFile.get(fileKey) : void 0,
 			deferEmptyScopedCssSource: shouldDeferEmptyScopedCssSource,
 			disableSourceScan: false,
 			restoreLocalCssImports: !currentGeneratorBranch.isWeb
 		}), {
 			file,
 			memoryDebug: {
-				cleanCacheHit: cleanGeneratedCssByFile.has(file),
+				cleanCacheHit: cleanGeneratedCssByFile.has(fileKey),
 				forceFullHmrCssRegeneration,
 				pendingAddedCandidates: pendingHmrCandidateChange?.addedCandidates.size ?? 0,
 				pendingCssTargets: pendingHmrCssTargetFiles?.size ?? 0,
@@ -7524,9 +7731,9 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 			tokenSources: createCssTokenSourceMap(getSourceCandidateSourcesForEntries(void 0), opts)
 		});
 		for (const dependency of generated.dependencies) hookContext?.addWatchFile?.(dependency);
-		cleanGeneratedCssByFile.set(file, outputCss);
-		tracedGeneratedCssByFile.set(file, tracedCss);
-		generatedClassSetByFile.set(file, new Set(generated.classSet));
+		cleanGeneratedCssByFile.set(fileKey, outputCss);
+		tracedGeneratedCssByFile.set(fileKey, tracedCss);
+		generatedClassSetByFile.set(fileKey, new Set(generated.classSet));
 		const shouldInjectGeneratedCssIntoMain = mainCssChunkMatcher(outputFile, opts.appType) || hasTailwindRootDirectives(generatorTransformCode, { importFallback: currentGeneratorOptions.importFallback }) && !normalizeOutputPathKey(outputFile).includes("/");
 		recordViteProcessedCssAssetResult(file, tracedCss, {
 			injectIntoMain: shouldInjectGeneratedCssIntoMain,
@@ -7594,11 +7801,13 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		setRememberedCssSignature: cssMemory.setRememberedCssSignature,
 		getKnownCssSource: cssMemory.getKnownCssSource,
 		getKnownSfcSource: cssMemory.getKnownSfcSource,
+		getOriginalCssLayerSource: (file) => originalCssLayerSourceByFile.get(cleanUrl(file)),
 		recordGeneratorCandidates,
 		pruneViteCssCaches,
 		getViteCssCacheStats,
 		hmrTimingRecorder,
-		cssPipelineStrategy: frameworkCssPipelineStrategy
+		cssPipelineStrategy: frameworkCssPipelineStrategy,
+		frameworkRootImportShellTargetByFile
 	});
 	const cssFinalizerOutputPlugin = createViteCssFinalizerOutputPlugin({
 		opts,
@@ -7618,6 +7827,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 		getSourceCandidatesForEntries,
 		getSourceCandidateSourcesForEntries,
 		waitForSourceCandidateSyncs,
+		frameworkRootImportShellTargetByFile,
 		rememberMainCssSource: (file, rawSource) => cssMemory.rememberCssSource({
 			outputFile: file,
 			rawSource,
@@ -7653,6 +7863,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 				if (!shouldOwnTailwindGeneration || isWebOrNativeAppPlatform(resolveViteStylePlatform()) || !isCSSRequest(id) || !shouldCollectTransformedSourceCandidates(id)) return;
 				const rawCode = await readFile(cleanUrl(id), "utf8").catch(() => void 0);
 				if (typeof rawCode !== "string") return;
+				rememberOriginalCssLayerSource(id, rawCode);
 				const transformedCode = transformEarlyMiniProgramCss(rawCode);
 				if (transformedCode === rawCode) return;
 				cssMemory.rememberKnownSfcSource(id, transformedCode);
@@ -7661,6 +7872,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 			transform: {
 				order: "pre",
 				async handler(code, id) {
+					if (hasUserCssLayerBlocks(code)) rememberOriginalCssLayerSource(id, code);
 					let transformedCode = code;
 					if (shouldOwnTailwindGeneration && !resolveCurrentGeneratorBranch().isWeb && isCSSRequest(id)) transformedCode = transformEarlyMiniProgramCss(code);
 					const shouldReturnTransformedCode = transformedCode !== code;
@@ -7716,6 +7928,7 @@ function createViteFrameworkPlugins(options = {}, frameworkBranch) {
 					}
 					const canReadHotSource = typeof ctx.read === "function";
 					const hotSource = isSourceCandidateHotUpdate && canReadHotSource ? await ctx.read().catch(() => void 0) : void 0;
+					if (typeof hotSource === "string" && isCSSRequest(ctx.file)) rememberOriginalCssLayerSource(ctx.file, hotSource);
 					const sourceCandidateChange = await syncChangedSourceCandidateFile(ctx.file, hotSource);
 					const isWebLikeHotUpdate = isCurrentWebLikeStylePlatform();
 					let canUseHmrCandidateAppend = false;