@weapp-tailwindcss/postcss 3.2.5 → 3.2.7

package/dist/index.cjs

@@ -144,6 +144,187 @@ function stripUnsupportedNodeForUniAppX(node, options) {
 function shouldRemoveEmptyRuleForUniAppX(rule, options) {
 	return isUniAppXEnabled(options) && rule.nodes.length === 0;
 }
+const MODERN_COLOR_FUNCTION_NAMES = /* @__PURE__ */ new Set([
+	"oklch",
+	"oklab",
+	"lch",
+	"lab"
+]);
+const MODERN_COLOR_SYNTAX_FUNCTION_NAMES = /* @__PURE__ */ new Set([
+	"rgb",
+	"rgba",
+	"hsl",
+	"hsla",
+	"hwb"
+]);
+const PLACEHOLDER_PREFIX = "__weapp_tw_color_mix_";
+const DYNAMIC_ALPHA_RE = /\b(?:var|env)\(|--[\w-]+\b/;
+const INTERNAL_TAILWIND_ALPHA_RE = /var\(\s*--tw-[^)]+-alpha\s*\)/;
+const TRANSPARENT_COLOR_RE = /^transparent$/i;
+const CURRENT_COLOR_RE = /^currentcolor$/i;
+const CSS_WIDE_KEYWORD_RE = /^(?:inherit|initial|unset|revert|revert-layer)$/i;
+const CUSTOM_PROPERTY_RE = /^--[\w-]+$/;
+//#endregion
+//#region src/compat/color-mix/modern.ts
+function isDisplayP3ColorFunction(colorSource) {
+	return /^color\(\s*display-p3\b/i.test(colorSource.trim());
+}
+function isModernColorSyntaxFunction(colorSource) {
+	const parsed = (0, postcss_value_parser.default)(colorSource.trim());
+	const node = parsed.nodes.length === 1 ? parsed.nodes[0] : void 0;
+	if (node?.type !== "function") return false;
+	const name = node.value.toLowerCase();
+	if (!MODERN_COLOR_SYNTAX_FUNCTION_NAMES.has(name)) return false;
+	return !node.nodes.some((child) => child.type === "div" && child.value === ",");
+}
+function hasUnsupportedModernColorFunction(value) {
+	const parsed = (0, postcss_value_parser.default)(value);
+	let hasUnsupported = false;
+	parsed.walk((node) => {
+		if (node.type !== "function") return;
+		const name = node.value.toLowerCase();
+		if (name === "color-mix" || MODERN_COLOR_FUNCTION_NAMES.has(name) || name === "color" && isDisplayP3ColorFunction(postcss_value_parser.default.stringify(node)) || isModernColorSyntaxFunction(postcss_value_parser.default.stringify(node))) {
+			hasUnsupported = true;
+			return false;
+		}
+	});
+	return hasUnsupported;
+}
+//#endregion
+//#region src/compat/color-mix/parse.ts
+function splitArguments(nodes) {
+	const args = [];
+	let current = [];
+	for (const node of nodes) {
+		if (node.type === "div" && node.value === ",") {
+			args.push(current);
+			current = [];
+			continue;
+		}
+		current.push(node);
+	}
+	args.push(current);
+	return args;
+}
+function splitStopSegments(nodes) {
+	const segments = [];
+	let current = [];
+	for (const node of nodes) {
+		if (node.type === "space") {
+			if (current.length > 0) {
+				segments.push(current);
+				current = [];
+			}
+			continue;
+		}
+		current.push(node);
+	}
+	if (current.length > 0) segments.push(current);
+	return segments;
+}
+function trimNodes$1(nodes) {
+	let start = 0;
+	let end = nodes.length;
+	while (start < end && nodes[start]?.type === "space") start += 1;
+	while (end > start && nodes[end - 1]?.type === "space") end -= 1;
+	return nodes.slice(start, end);
+}
+function getParsedColorData(colorSource) {
+	try {
+		return (0, _csstools_css_color_parser.color)((0, _csstools_css_parser_algorithms.parseComponentValue)((0, _csstools_css_tokenizer.tokenize)({ css: colorSource })));
+	} catch {
+		return false;
+	}
+}
+function parseAlphaValue(alphaSource) {
+	const parsed = Number.parseFloat(alphaSource);
+	if (Number.isFinite(parsed)) return alphaSource.trim().endsWith("%") ? parsed / 100 : parsed;
+}
+function resolveVarColor(colorSource, customPropertyValues, depth = 0) {
+	if (depth > 5) return;
+	const parsed = (0, postcss_value_parser.default)(colorSource.trim());
+	const node = parsed.nodes.length === 1 ? parsed.nodes[0] : void 0;
+	if (node?.type !== "function" || node.value.toLowerCase() !== "var") return;
+	const args = splitArguments(node.nodes);
+	const propertyName = postcss_value_parser.default.stringify(trimNodes$1(args[0] ?? [])).trim();
+	if (!CUSTOM_PROPERTY_RE.test(propertyName)) return;
+	const resolved = customPropertyValues.get(propertyName);
+	if (!resolved) {
+		const fallback = args[1] ? postcss_value_parser.default.stringify(trimNodes$1(args[1])).trim() : void 0;
+		return fallback ? resolveColorData(fallback, customPropertyValues, depth + 1) : void 0;
+	}
+	return resolveColorData(resolved, customPropertyValues, depth + 1);
+}
+function resolveColorData(colorSource, customPropertyValues, depth = 0) {
+	if (typeof colorSource !== "string") return;
+	const trimmed = colorSource.trim();
+	if (TRANSPARENT_COLOR_RE.test(trimmed)) return getParsedColorData(trimmed) || void 0;
+	if (CURRENT_COLOR_RE.test(trimmed) || CSS_WIDE_KEYWORD_RE.test(trimmed)) return;
+	const resolvedVar = resolveVarColor(trimmed, customPropertyValues, depth);
+	if (resolvedVar) return resolvedVar;
+	return getParsedColorData(trimmed) || void 0;
+}
+function normalizeColorFunctionName(colorSource, alpha, customPropertyValues) {
+	const resolvedColor = resolveColorData(colorSource, customPropertyValues);
+	if (!resolvedColor) return;
+	resolvedColor.alpha = alpha;
+	return (0, _csstools_css_color_parser.serializeRGB)(resolvedColor).toString();
+}
+function normalizeColorFunctionWithDynamicAlpha(colorSource, alphaSource, customPropertyValues) {
+	const resolvedColor = resolveColorData(colorSource, customPropertyValues);
+	const alphaColor = getParsedColorData(`rgb(0 0 0 / ${alphaSource})`);
+	if (!resolvedColor || !alphaColor || typeof alphaColor.alpha === "number") return;
+	resolvedColor.alpha = alphaColor.alpha;
+	return (0, _csstools_css_color_parser.serializeRGB)(resolvedColor).toString();
+}
+function normalizeStandaloneColorFunction(colorSource) {
+	const resolvedColor = getParsedColorData(colorSource);
+	return resolvedColor ? (0, _csstools_css_color_parser.serializeRGB)(resolvedColor).toString() : void 0;
+}
+//#endregion
+//#region src/compat/color-mix/resolve.ts
+function createRgbaWithAlpha(colorSource, alphaSource, customPropertyValues) {
+	const alpha = alphaSource.trim();
+	return normalizeColorFunctionWithDynamicAlpha(colorSource, CUSTOM_PROPERTY_RE.test(alpha) ? `var(${alpha})` : alpha, customPropertyValues);
+}
+function tryResolveColorMix(node, customPropertyValues) {
+	const args = splitArguments(node.nodes);
+	if (args.length < 3) return;
+	const colorStopNodes = splitStopSegments(args[1] ?? []);
+	if (colorStopNodes.length < 2) return;
+	const colorNodes = trimNodes$1(colorStopNodes[0] ?? []);
+	const alphaNodes = trimNodes$1(colorStopNodes[1] ?? []);
+	const trailingNodes = trimNodes$1(args[2] ?? []);
+	if (!colorNodes.length || !alphaNodes.length || postcss_value_parser.default.stringify(trailingNodes).trim().toLowerCase() !== "transparent") return;
+	const colorSource = postcss_value_parser.default.stringify(colorNodes).trim();
+	const alphaSource = postcss_value_parser.default.stringify(alphaNodes).trim();
+	if (!colorSource || !alphaSource || INTERNAL_TAILWIND_ALPHA_RE.test(alphaSource)) return;
+	if (CURRENT_COLOR_RE.test(colorSource)) return {
+		value: colorSource,
+		deferred: false
+	};
+	if (DYNAMIC_ALPHA_RE.test(alphaSource)) {
+		const normalized = createRgbaWithAlpha(colorSource, alphaSource, customPropertyValues);
+		return normalized ? {
+			value: normalized,
+			deferred: true
+		} : {
+			value: colorSource,
+			deferred: true
+		};
+	}
+	const alpha = parseAlphaValue(alphaSource);
+	if (alpha === void 0) return;
+	const normalized = normalizeColorFunctionName(colorSource, alpha, customPropertyValues);
+	if (normalized) return {
+		value: normalized,
+		deferred: false
+	};
+	return {
+		value: colorSource,
+		deferred: false
+	};
+}
 //#endregion
 //#region src/cssVarsV4.ts
 function property(ident, initialValue, _syntax) {
@@ -398,52 +579,599 @@ function createMissingCssVarsV4Nodes(root, usedProps) {
 	}));
 }
 //#endregion
-//#region src/compat/tailwindcss-v4/gradients.ts
-function collectTailwindcssV4ThemeVariables(root) {
-	const variables = /* @__PURE__ */ new Map();
-	root.walkRules((rule) => {
-		if (!testIfRootHostForV4(rule) && !rule.selector.includes("page") && !rule.selector.includes(".tw-root")) return;
-		rule.walkDecls((decl) => {
-			if (decl.prop.startsWith("--color-")) variables.set(decl.prop, decl.value);
-		});
-	});
-	return variables;
-}
-function resolveTailwindcssV4GradientColor(value, themeVariables) {
-	const trimmed = value.trim();
-	const match = COLOR_VAR_RE.exec(trimmed);
-	if (!match) return trimmed;
-	return themeVariables.get(match[1]) ?? trimmed;
-}
-function getSingleClassSelector(selector) {
-	const match = SIMPLE_CLASS_SELECTOR_RE.exec(selector.trim());
-	return match ? match[1] : void 0;
-}
-function normalizeDeclarationValue(value) {
-	return value.replace(/\s+/g, " ").trim();
-}
-function normalizeTailwindcssV4GradientPosition(value) {
-	return value.replace(/calc\(\s*([+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:deg|grad|rad|turn))\s*\*\s*-1\s*\)/gi, "-$1").replace(/^in\s+(?:oklab|oklch|hsl|srgb)(?:\s+(?:longer|shorter|increasing|decreasing)\s+hue)?$/i, "").replace(/\s+in\s+(?:oklab|oklch|hsl|srgb)(?:\s+(?:longer|shorter|increasing|decreasing)\s+hue)?\s*$/i, "").replace(/\s+(?:longer|shorter|increasing|decreasing)\s*$/i, "").trim();
-}
-function normalizeTailwindcssV4InfinityCalcValue(value) {
-	return INFINITY_CALC_VALUE_REGEXP.test(value.trim()) ? `${CLAMP_PX}px` : value;
-}
-const INFINITY_CALC_CSS_RE = /calc\(\s*infinity\s*\*\s*(?:\d+(?:\.\d*)?|\.\d+)r?px\s*\)/gi;
-/** 在预处理器解析前收敛 Tailwind v4 生成的无限圆角，避免 Sass 将 infinity 当作非法表达式。 */
-function normalizeTailwindcssV4InfinityCalcCss(css) {
-	return css.replace(INFINITY_CALC_CSS_RE, `${CLAMP_PX}px`);
+//#region src/compat/color-mix.ts
+const DYNAMIC_VAR_FALLBACK_PLACEHOLDER_PREFIX = "__weapp_tw_var_fallback_";
+function getStandaloneDynamicVarWithFallback(value) {
+	const nodes = (0, postcss_value_parser.default)(value).nodes.filter((node) => node.type !== "space" && node.type !== "comment");
+	const variable = nodes.length === 1 ? nodes[0] : void 0;
+	const property = variable?.type === "function" ? variable.nodes.find((node) => node.type === "word" && node.value.startsWith("--")) : void 0;
+	if (variable?.type !== "function" || variable.value.toLowerCase() !== "var" || property?.type !== "word" || isTailwindcssV4ThemeVariable(property.value) || !variable.nodes.some((node) => node.type === "div" && node.value === ",")) return;
+	return variable;
 }
-function normalizeTailwindcssV4GradientDirectionDeclaration(rule, decl) {
-	const normalized = normalizeTailwindcssV4GradientPosition(decl.value);
-	if (normalized) return normalized;
-	const backgroundImageDecl = rule.nodes.find((node) => {
-		return node.type === "decl" && node.prop === "background-image";
+/**
+* 保护带 fallback 的作者 CSS 变量，避免兼容插件把它错误静态化。
+*/
+function protectDynamicVarFallbacks(css) {
+	if (!css.includes("var(") || !css.includes(",")) return {
+		css,
+		restore: (value) => value
+	};
+	const replacements = /* @__PURE__ */ new Map();
+	let root;
+	try {
+		root = postcss.default.parse(css);
+	} catch {
+		return {
+			css,
+			restore: (value) => value
+		};
+	}
+	root.walkDecls((decl) => {
+		if (!getStandaloneDynamicVarWithFallback(decl.value)) return;
+		const placeholder = `${DYNAMIC_VAR_FALLBACK_PLACEHOLDER_PREFIX}${replacements.size}__`;
+		replacements.set(placeholder, decl.value);
+		decl.value = placeholder;
 	});
-	if (!backgroundImageDecl) return normalized;
-	if (/^radial-gradient\(/i.test(backgroundImageDecl.value)) return "at center";
-	if (/^conic-gradient\(/i.test(backgroundImageDecl.value)) return "from 0deg";
-	return normalized;
-}
+	if (replacements.size === 0) return {
+		css,
+		restore: (value) => value
+	};
+	return {
+		css: root.toString(),
+		restore(value) {
+			let restored = value;
+			for (const [placeholder, replacement] of replacements) restored = restored.split(placeholder).join(replacement);
+			return restored;
+		}
+	};
+}
+function normalizeModernColorValue(value, customPropertyValues = /* @__PURE__ */ new Map()) {
+	if (!hasUnsupportedModernColorFunction(value)) return {
+		value,
+		changed: false,
+		hasUnsupported: false
+	};
+	const parsed = (0, postcss_value_parser.default)(value);
+	let changed = false;
+	parsed.walk((node) => {
+		if (node.type !== "function") return;
+		const name = node.value.toLowerCase();
+		const source = postcss_value_parser.default.stringify(node);
+		let normalized;
+		if (MODERN_COLOR_FUNCTION_NAMES.has(name) || name === "color" && isDisplayP3ColorFunction(source) || isModernColorSyntaxFunction(source)) normalized = normalizeStandaloneColorFunction(source);
+		else if (name === "color-mix") normalized = tryResolveColorMix(node, customPropertyValues)?.value;
+		if (!normalized) return;
+		const mutableNode = node;
+		mutableNode.type = "word";
+		mutableNode.value = normalized;
+		delete mutableNode.nodes;
+		changed = true;
+	});
+	const nextValue = changed ? parsed.toString() : value;
+	return {
+		value: nextValue,
+		changed,
+		hasUnsupported: hasUnsupportedModernColorFunction(nextValue)
+	};
+}
+function createPlaceholder(index) {
+	return `${PLACEHOLDER_PREFIX}${index}__`;
+}
+function unwrapProtectedSupports(cssRoot) {
+	cssRoot.walkAtRules("supports", (atRule) => {
+		if (!atRule.nodes || !atRule.toString().includes("__weapp_tw_color_mix_")) return;
+		atRule.replaceWith(atRule.nodes);
+	});
+}
+function protectDynamicColorMixAlpha(css, options = {}) {
+	if (!css.includes("color-mix")) return {
+		css,
+		restore: (value) => value
+	};
+	const replacements = /* @__PURE__ */ new Map();
+	const root = postcss.default.parse(css);
+	const customPropertyValues = new Map(options.customPropertyValues);
+	let changed = false;
+	root.walkDecls((decl) => {
+		if (decl.prop.startsWith("--") && !decl.value.includes("color-mix")) customPropertyValues.set(decl.prop, decl.value.trim());
+	});
+	root.walkDecls((decl) => {
+		if (!decl.value.includes("color-mix")) return;
+		const parsed = (0, postcss_value_parser.default)(decl.value);
+		let mutated = false;
+		parsed.walk((node) => {
+			if (node.type !== "function" || node.value.toLowerCase() !== "color-mix") return;
+			const resolved = tryResolveColorMix(node, customPropertyValues);
+			if (resolved) {
+				if (resolved.deferred) {
+					const placeholder = createPlaceholder(replacements.size);
+					replacements.set(placeholder, resolved.value);
+					const mutableNode = node;
+					mutableNode.type = "word";
+					mutableNode.value = placeholder;
+					delete mutableNode.nodes;
+					mutated = true;
+					return;
+				}
+				const mutableNode = node;
+				mutableNode.type = "word";
+				mutableNode.value = resolved.value;
+				delete mutableNode.nodes;
+				mutated = true;
+			}
+		});
+		if (mutated) {
+			decl.value = parsed.toString();
+			changed = true;
+		}
+	});
+	if (replacements.size > 0) unwrapProtectedSupports(root);
+	return {
+		css: changed ? root.toString() : css,
+		restore(value) {
+			let restored = value;
+			for (const [placeholder, replacement] of replacements) restored = restored.split(placeholder).join(replacement);
+			return restored;
+		}
+	};
+}
+//#endregion
+//#region src/compat/mini-program-css/color-gamut.ts
+const DISPLAY_P3_VALUE_RE = /color\(\s*display-p3\b/i;
+const COLOR_GAMUT_P3_RE = /\(\s*color-gamut\s*:\s*p3\s*\)/i;
+function isDisplayP3MediaRule(atRule) {
+	return atRule.name === "media" && COLOR_GAMUT_P3_RE.test(atRule.params);
+}
+function isDisplayP3Declaration(decl) {
+	return DISPLAY_P3_VALUE_RE.test(decl.value);
+}
+//#endregion
+//#region src/compat/mini-program-css/selectors.ts
+const MINI_PROGRAM_THEME_SCOPE_SELECTOR = ":host,page,.tw-root,wx-root-portal-content";
+const MINI_PROGRAM_ELEMENT_SCOPE_SELECTOR = "view,text,::after,::before";
+const MINI_PROGRAM_ELEMENT_SCOPE_SELECTORS = /* @__PURE__ */ new Set([
+	"view",
+	"text",
+	":before",
+	":after",
+	"::before",
+	"::after"
+]);
+const MINI_PROGRAM_NATIVE_ELEMENT_SELECTORS = /* @__PURE__ */ new Set([
+	...MINI_PROGRAM_ELEMENT_SCOPE_SELECTORS,
+	"button",
+	"input",
+	"textarea",
+	"canvas",
+	"video",
+	"audio"
+]);
+const MINI_PROGRAM_PREFLIGHT_SELECTORS$1 = /* @__PURE__ */ new Set(["*", ...MINI_PROGRAM_ELEMENT_SCOPE_SELECTORS]);
+const MINI_PROGRAM_THEME_SCOPE_SELECTORS = /* @__PURE__ */ new Set([
+	":host",
+	":root",
+	"page",
+	".tw-root",
+	"wx-root-portal-content"
+]);
+function normalizeMiniProgramThemeScopeSelector(root) {
+	if (root === false) return ":host";
+	if (root === void 0) return MINI_PROGRAM_THEME_SCOPE_SELECTOR;
+	const selectors = Array.isArray(root) ? root.filter(Boolean) : [root];
+	return [.../* @__PURE__ */ new Set([":host", ...selectors])].join(",");
+}
+const SPECIFICITY_PLACEHOLDER_SUFFIXES = [":not(#n)", ":not(#\\#)"];
+const ROOT_SPECIFICITY_PLACEHOLDER_SUFFIXES = [":not(.does-not-exist)"];
+const MINI_PROGRAM_UNSUPPORTED_BROWSER_SELECTORS = /* @__PURE__ */ new Set([
+	":-moz-focusring",
+	":-moz-ui-invalid",
+	"::-webkit-calendar-picker-indicator",
+	"::-webkit-date-and-time-value",
+	"::-webkit-datetime-edit",
+	"::-webkit-datetime-edit-day-field",
+	"::-webkit-datetime-edit-fields-wrapper",
+	"::-webkit-datetime-edit-hour-field",
+	"::-webkit-datetime-edit-meridiem-field",
+	"::-webkit-datetime-edit-millisecond-field",
+	"::-webkit-datetime-edit-minute-field",
+	"::-webkit-datetime-edit-month-field",
+	"::-webkit-datetime-edit-second-field",
+	"::-webkit-datetime-edit-year-field",
+	"::-webkit-inner-spin-button",
+	"::-webkit-input-placeholder",
+	"::-webkit-outer-spin-button",
+	"::-webkit-search-decoration",
+	"::placeholder",
+	"[hidden]:where(:not([hidden='until-found']))"
+]);
+const MINI_PROGRAM_UNSUPPORTED_BROWSER_TAG_SELECTORS = /* @__PURE__ */ new Set([
+	"a",
+	"abbr:where([title])",
+	"audio",
+	"b",
+	"button",
+	"canvas",
+	"code",
+	"embed",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"hr",
+	"html",
+	"iframe",
+	"img",
+	"input",
+	"input:where([type='button'],[type='reset'],[type='submit'])",
+	"kbd",
+	"menu",
+	"object",
+	"ol",
+	"optgroup",
+	"pre",
+	"progress",
+	"samp",
+	"select",
+	"select[multiple]optgroup",
+	"select[multiple]optgroupoption",
+	"select[size]optgroup",
+	"select[size]optgroupoption",
+	"small",
+	"strong",
+	"sub",
+	"summary",
+	"sup",
+	"svg",
+	"table",
+	"textarea",
+	"ul",
+	"video"
+]);
+const MINI_PROGRAM_UNSUPPORTED_BROWSER_PREFLIGHT_SELECTOR_PARTS = /* @__PURE__ */ new Set([...MINI_PROGRAM_UNSUPPORTED_BROWSER_TAG_SELECTORS, "::file-selector-button"]);
+function normalizeSelector$2(selector) {
+	return selector.trim().replace(/\s+/g, "");
+}
+function normalizePseudoElementSelector(selector) {
+	return normalizeSelector$2(selector).replace(/^:(before|after)$/, "::$1");
+}
+function getRuleSelectors(rule) {
+	return rule.selector.split(",").map(normalizePseudoElementSelector).filter(Boolean);
+}
+function getSortedRuleSelectorKey(rule) {
+	return getRuleSelectors(rule).sort().join(",");
+}
+function isUnsupportedBrowserSelector(selector) {
+	const normalized = normalizeSelector$2(selector);
+	return MINI_PROGRAM_UNSUPPORTED_BROWSER_SELECTORS.has(normalized) || MINI_PROGRAM_UNSUPPORTED_BROWSER_TAG_SELECTORS.has(normalized) && !MINI_PROGRAM_NATIVE_ELEMENT_SELECTORS.has(normalized);
+}
+function isUnsupportedBrowserPreflightSelector(selector) {
+	const normalizedParts = selector.split(",").map(normalizeSelector$2).filter(Boolean);
+	return normalizedParts.length > 1 && normalizedParts.every((part) => MINI_PROGRAM_UNSUPPORTED_BROWSER_PREFLIGHT_SELECTOR_PARTS.has(part));
+}
+function isMiniProgramNativeElementSelector(selector) {
+	return MINI_PROGRAM_NATIVE_ELEMENT_SELECTORS.has(normalizePseudoElementSelector(selector));
+}
+function isMiniProgramPreflightSelector(selectors) {
+	return selectors.length > 0 && selectors.every((selector) => MINI_PROGRAM_PREFLIGHT_SELECTORS$1.has(selector)) && selectors.some((selector) => selector === "*" || selector === ":before" || selector === ":after" || selector === "::before" || selector === "::after");
+}
+function isMiniProgramThemeScopeSelector(selectors) {
+	return selectors.length > 0 && selectors.every((selector) => MINI_PROGRAM_THEME_SCOPE_SELECTORS.has(selector));
+}
+//#endregion
+//#region src/compat/mini-program-css/predicates.ts
+const PREFLIGHT_RESET_PROPS = /* @__PURE__ */ new Set([
+	"box-sizing",
+	"border",
+	"border-width",
+	"border-style",
+	"border-color",
+	"margin",
+	"padding"
+]);
+const PSEUDO_CONTENT_SELECTOR_RE = /^(?:::before|::after|:before|:after)(?:,(?:::before|::after|:before|:after))*$/;
+const TW_CONTENT_VAR_RE = /var\(\s*--tw-content\b/;
+const BROWSER_PREFLIGHT_SINGLE_ELEMENT_DECLARATIONS = /* @__PURE__ */ new Map([["button", /* @__PURE__ */ new Set(["appearance:button", "-moz-appearance:button"])], ["textarea", /* @__PURE__ */ new Set(["resize:vertical"])]]);
+function hasTailwindPreflightDeclaration(rule) {
+	let hasTailwindVar = false;
+	let hasResetProp = false;
+	rule.walkDecls((decl) => {
+		if (decl.prop.startsWith("--tw-")) hasTailwindVar = true;
+		if (PREFLIGHT_RESET_PROPS.has(decl.prop)) hasResetProp = true;
+	});
+	return hasTailwindVar || hasResetProp;
+}
+function hasTailwindVariableDeclaration(rule) {
+	let hasTailwindVar = false;
+	rule.walkDecls((decl) => {
+		if (decl.prop.startsWith("--tw-")) hasTailwindVar = true;
+	});
+	return hasTailwindVar;
+}
+function isCustomPropertyRule(rule) {
+	let hasDeclaration = false;
+	let allCustomProperties = true;
+	rule.each((node) => {
+		if (node.type !== "decl") return;
+		hasDeclaration = true;
+		if (!node.prop.startsWith("--")) allCustomProperties = false;
+	});
+	return hasDeclaration && allCustomProperties;
+}
+function isEmptyTwContentDeclaration(decl) {
+	return decl.prop === "--tw-content" && (decl.value === "\"\"" || decl.value === "''");
+}
+function isOnlyTwContentDeclarations$1(rule) {
+	let hasDeclaration = false;
+	let onlyContentVariable = true;
+	rule.walkDecls((decl) => {
+		hasDeclaration = true;
+		if (decl.prop !== "--tw-content") onlyContentVariable = false;
+	});
+	return hasDeclaration && onlyContentVariable;
+}
+function isPseudoContentInitRule(rule) {
+	const selector = rule.selector.replace(/\s+/g, "");
+	return PSEUDO_CONTENT_SELECTOR_RE.test(selector) && isOnlyTwContentDeclarations$1(rule);
+}
+function usesTwContentVariable(root) {
+	let used = false;
+	root.walkDecls((decl) => {
+		if (TW_CONTENT_VAR_RE.test(decl.value)) used = true;
+	});
+	return used;
+}
+function isMiniProgramPreflightRule(node) {
+	if (node.type !== "rule") return false;
+	const selectors = getRuleSelectors(node);
+	if (!isMiniProgramPreflightSelector(selectors)) return false;
+	if (selectors.includes("*")) return hasTailwindPreflightDeclaration(node);
+	if (hasTailwindVariableDeclaration(node)) return true;
+	return selectors.some((selector) => selector === ":before" || selector === ":after" || selector === "::before" || selector === "::after") && selectors.some((selector) => selector === "view" || selector === "text") && hasTailwindPreflightDeclaration(node);
+}
+function isBrowserElementPreflightRule(node) {
+	if (node.type !== "rule") return false;
+	const selectors = getRuleSelectors(node);
+	if (selectors.length !== 1) return false;
+	const declarations = BROWSER_PREFLIGHT_SINGLE_ELEMENT_DECLARATIONS.get(selectors[0]);
+	if (!declarations) return false;
+	let hasDeclaration = false;
+	let allBrowserPreflightDeclarations = true;
+	node.each((child) => {
+		if (child.type !== "decl") return;
+		hasDeclaration = true;
+		const key = `${child.prop.toLowerCase()}:${child.value.trim().toLowerCase()}`;
+		if (!declarations.has(key)) allBrowserPreflightDeclarations = false;
+	});
+	return hasDeclaration && allBrowserPreflightDeclarations;
+}
+function isMiniProgramThemeVariableRule(node) {
+	if (node.type !== "rule") return false;
+	return isMiniProgramThemeScopeSelector(getRuleSelectors(node)) && isCustomPropertyRule(node);
+}
+//#endregion
+//#region src/compat/mini-program-css/root-cleanups.ts
+function removeSpecificityPlaceholders(root) {
+	root.walkRules((rule) => {
+		if (!rule.selectors || rule.selectors.length === 0) return;
+		let changed = false;
+		const selectors = rule.selectors.map((selector) => {
+			let next = selector;
+			for (const suffix of SPECIFICITY_PLACEHOLDER_SUFFIXES) if (next.includes(suffix)) next = next.split(suffix).join("");
+			if (next !== selector) changed = true;
+			return next;
+		});
+		if (changed) rule.selectors = selectors;
+	});
+}
+function hasMiniProgramCssSpecificityPlaceholders(source) {
+	return SPECIFICITY_PLACEHOLDER_SUFFIXES.some((suffix) => source.includes(suffix));
+}
+function stripMiniProgramCssSpecificityPlaceholders(source) {
+	let output = source;
+	for (const suffix of SPECIFICITY_PLACEHOLDER_SUFFIXES) if (output.includes(suffix)) output = output.split(suffix).join("");
+	return output;
+}
+const removeSpecificityPlaceholdersFromSource = stripMiniProgramCssSpecificityPlaceholders;
+function removeRootSpecificityPlaceholders(root) {
+	root.walkRules((rule) => {
+		if (!rule.selectors || rule.selectors.length === 0) return;
+		let changed = false;
+		const selectors = rule.selectors.map((selector) => {
+			let next = selector;
+			for (const scopeSelector of MINI_PROGRAM_THEME_SCOPE_SELECTORS) for (const suffix of ROOT_SPECIFICITY_PLACEHOLDER_SUFFIXES) {
+				const target = `${scopeSelector}${suffix}`;
+				if (next.includes(target)) next = next.split(target).join(scopeSelector);
+			}
+			if (next !== selector) changed = true;
+			return next;
+		});
+		if (changed) rule.selectors = selectors;
+	});
+}
+function isEffectivelyEmptyContainer(container) {
+	return container.nodes !== void 0 && container.nodes.every((node) => node.type === "comment");
+}
+function removeEmptyAtRules(root) {
+	let removed = 0;
+	const visit = (container) => {
+		for (const node of [...container.nodes ?? []]) {
+			if (!("nodes" in node) || node.nodes === void 0) continue;
+			visit(node);
+			if (node.type === "atrule" && node.parent && isEffectivelyEmptyContainer(node)) {
+				node.remove();
+				removed++;
+			}
+		}
+	};
+	visit(root);
+	return removed;
+}
+function removeEmptyBlockAtRules(root) {
+	let removed = 0;
+	root.walkAtRules((atRule) => {
+		if (atRule.nodes?.length === 0) {
+			atRule.remove();
+			removed++;
+		}
+	});
+	return removed;
+}
+function removeEmptyAtRuleAncestors(parent) {
+	while (parent?.type === "atrule" && isEffectivelyEmptyContainer(parent)) {
+		const nextParent = parent.parent;
+		parent.remove();
+		parent = nextParent?.type === "atrule" ? nextParent : void 0;
+	}
+}
+function removeUnsupportedBrowserSelectors(root) {
+	root.walkRules((rule) => {
+		if (!rule.selectors || rule.selectors.length === 0) return;
+		if (isUnsupportedBrowserPreflightSelector(rule.selector)) {
+			const parent = rule.parent;
+			rule.remove();
+			removeEmptyAtRuleAncestors(parent);
+			return;
+		}
+		if (isBrowserElementPreflightRule(rule)) {
+			const parent = rule.parent;
+			rule.remove();
+			removeEmptyAtRuleAncestors(parent);
+			return;
+		}
+		const selectors = rule.selectors.filter((selector) => !isUnsupportedBrowserSelector(selector));
+		if (selectors.length === rule.selectors.length) return;
+		if (selectors.length === 0) {
+			const parent = rule.parent;
+			rule.remove();
+			removeEmptyAtRuleAncestors(parent);
+			return;
+		}
+		rule.selectors = selectors;
+	});
+}
+function removeDeclarationAndEmptyRule$1(decl) {
+	const parent = decl.parent;
+	decl.remove();
+	if (parent?.type === "rule" && parent.nodes.length === 0) {
+		const ruleParent = parent.parent;
+		parent.remove();
+		removeEmptyAtRuleAncestors(ruleParent);
+	}
+}
+function removeEmptyStandardDeclarations(root) {
+	root.walkDecls((decl) => {
+		if (!decl.prop.startsWith("--") && decl.value.trim().length === 0 && decl.next()?.type !== "comment") removeDeclarationAndEmptyRule$1(decl);
+	});
+}
+function removeDisplayP3Declarations(root) {
+	root.walkAtRules((atRule) => {
+		if (isDisplayP3MediaRule(atRule)) {
+			const parent = atRule.parent;
+			atRule.remove();
+			removeEmptyAtRuleAncestors(parent);
+		}
+	});
+}
+const SIMPLE_MIN_WIDTH_MEDIA_RE = /^\(\s*min-width\s*:[^)]+\)$/i;
+const TAILWIND_GENERATED_TOKEN_COMMENT_RE = /^\s*tokens:\s*container\s*<=\s*<tailwind generated>\s*$/i;
+function isContainerMaxWidthOnlyRule(rule) {
+	if (!rule.selectors || rule.selectors.length !== 1 || rule.selectors[0] !== ".container") return false;
+	const declarations = rule.nodes?.filter((node) => node.type === "decl") ?? [];
+	return declarations.length === 1 && declarations[0]?.prop === "max-width" && (rule.nodes ?? []).every((node) => node.type === "decl" || node.type === "comment");
+}
+function removeTailwindContainerMaxWidthMediaRules(root) {
+	root.walkAtRules("media", (atRule) => {
+		if (!SIMPLE_MIN_WIDTH_MEDIA_RE.test(atRule.params.trim())) return;
+		atRule.walkRules((rule) => {
+			if (!isContainerMaxWidthOnlyRule(rule)) return;
+			const parent = rule.parent;
+			rule.remove();
+			removeEmptyAtRuleAncestors(parent);
+		});
+	});
+}
+function isContainerWidthOnlyRule(rule) {
+	if (!rule.selectors || rule.selectors.length !== 1 || rule.selectors[0] !== ".container") return false;
+	const declarations = rule.nodes?.filter((node) => node.type === "decl") ?? [];
+	return declarations.length === 1 && declarations[0]?.prop === "width" && declarations[0].value.trim() === "100%" && (rule.nodes ?? []).every((node) => node.type === "decl" || node.type === "comment");
+}
+function isTailwindGeneratedContainerRule(rule) {
+	const previous = rule.prev();
+	return previous?.type === "comment" && TAILWIND_GENERATED_TOKEN_COMMENT_RE.test(previous.text);
+}
+function removeTailwindContainerWidthRules(root, options = {}) {
+	root.walkRules((rule) => {
+		if (!isContainerWidthOnlyRule(rule)) return;
+		if (options.generatedOnly && !isTailwindGeneratedContainerRule(rule)) return;
+		const parent = rule.parent;
+		if (isTailwindGeneratedContainerRule(rule)) rule.prev()?.remove();
+		rule.remove();
+		removeEmptyAtRuleAncestors(parent);
+	});
+}
+function removeUnsupportedModernColorDeclarations(root) {
+	const customPropertyValues = /* @__PURE__ */ new Map();
+	root.walkDecls((decl) => {
+		if (decl.prop.startsWith("--")) customPropertyValues.set(decl.prop, decl.value.trim());
+	});
+	root.walkDecls((decl) => {
+		const normalized = normalizeModernColorValue(decl.value, customPropertyValues);
+		if (normalized.changed) {
+			decl.value = normalized.value;
+			if (decl.prop.startsWith("--")) customPropertyValues.set(decl.prop, decl.value.trim());
+		}
+		if (normalized.hasUnsupported) removeDeclarationAndEmptyRule$1(decl);
+	});
+}
+//#endregion
+//#region src/compat/tailwindcss-v4/gradients.ts
+function collectTailwindcssV4ThemeVariables(root) {
+	const variables = /* @__PURE__ */ new Map();
+	root.walkRules((rule) => {
+		if (!testIfRootHostForV4(rule) && !rule.selector.includes("page") && !rule.selector.includes(".tw-root")) return;
+		rule.walkDecls((decl) => {
+			if (decl.prop.startsWith("--color-")) variables.set(decl.prop, decl.value);
+		});
+	});
+	return variables;
+}
+function resolveTailwindcssV4GradientColor(value, themeVariables) {
+	const trimmed = value.trim();
+	const match = COLOR_VAR_RE.exec(trimmed);
+	if (!match) return trimmed;
+	return themeVariables.get(match[1]) ?? trimmed;
+}
+function getSingleClassSelector(selector) {
+	const match = SIMPLE_CLASS_SELECTOR_RE.exec(selector.trim());
+	return match ? match[1] : void 0;
+}
+function normalizeDeclarationValue(value) {
+	return value.replace(/\s+/g, " ").trim();
+}
+function normalizeTailwindcssV4GradientPosition(value) {
+	return value.replace(/calc\(\s*([+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:deg|grad|rad|turn))\s*\*\s*-1\s*\)/gi, "-$1").replace(/^in\s+(?:oklab|oklch|hsl|srgb)(?:\s+(?:longer|shorter|increasing|decreasing)\s+hue)?$/i, "").replace(/\s+in\s+(?:oklab|oklch|hsl|srgb)(?:\s+(?:longer|shorter|increasing|decreasing)\s+hue)?\s*$/i, "").replace(/\s+(?:longer|shorter|increasing|decreasing)\s*$/i, "").trim();
+}
+function normalizeTailwindcssV4InfinityCalcValue(value) {
+	return INFINITY_CALC_VALUE_REGEXP.test(value.trim()) ? `${CLAMP_PX}px` : value;
+}
+const INFINITY_CALC_CSS_RE = /calc\(\s*infinity\s*\*\s*(?:\d+(?:\.\d*)?|\.\d+)r?px\s*\)/gi;
+/** 在预处理器解析前收敛 Tailwind v4 生成的无限圆角，避免 Sass 将 infinity 当作非法表达式。 */
+function normalizeTailwindcssV4InfinityCalcCss(css) {
+	return css.replace(INFINITY_CALC_CSS_RE, `${CLAMP_PX}px`);
+}
+function normalizeTailwindcssV4GradientDirectionDeclaration(rule, decl) {
+	const normalized = normalizeTailwindcssV4GradientPosition(decl.value);
+	if (normalized) return normalized;
+	const backgroundImageDecl = rule.nodes.find((node) => {
+		return node.type === "decl" && node.prop === "background-image";
+	});
+	if (!backgroundImageDecl) return normalized;
+	if (/^radial-gradient\(/i.test(backgroundImageDecl.value)) return "at center";
+	if (/^conic-gradient\(/i.test(backgroundImageDecl.value)) return "from 0deg";
+	return normalized;
+}
 function appendStopPosition(color, position) {
 	const normalizedPosition = position?.trim();
 	return normalizedPosition ? `${color} ${normalizedPosition}` : color;
@@ -817,7 +1545,7 @@ function isTailwindcssV4DisplayP3Declaration(decl) {
 }
 //#endregion
 //#region src/compat/uni-app-x-uvue/scoped-style.ts
-const MINI_PROGRAM_PREFLIGHT_SELECTORS$1 = /* @__PURE__ */ new Set([
+const MINI_PROGRAM_PREFLIGHT_SELECTORS = /* @__PURE__ */ new Set([
 	"view",
 	"text",
 	"::after",
@@ -968,7 +1696,7 @@ function isUnscopedMiniProgramTailwindPreflightRule(rule, hasTailwindBanner) {
 	const selectors = rule.selectors ?? [rule.selector];
 	if (selectors.length === 0 || !selectors.every((selector) => {
 		const normalized = normalizeCssSignatureValue(selector);
-		return !hasVueScopedAttr(selector) && MINI_PROGRAM_PREFLIGHT_SELECTORS$1.has(normalized);
+		return !hasVueScopedAttr(selector) && MINI_PROGRAM_PREFLIGHT_SELECTORS.has(normalized);
 	})) return false;
 	const declarations = getDeclarations(rule);
 	return declarations.length > 0 && declarations.every((decl) => decl.prop.startsWith("--tw-") || [
@@ -978,733 +1706,416 @@ function isUnscopedMiniProgramTailwindPreflightRule(rule, hasTailwindBanner) {
 		"border"
 	].includes(decl.prop)) && hasTailwindSourceEvidence(declarations, hasTailwindBanner);
 }
-function isScopedMiniProgramTailwindContentInitRule(rule) {
-	const selectors = rule.selectors ?? [rule.selector];
-	if (selectors.length === 0 || !selectors.every((selector) => {
-		const normalized = normalizeCssSignatureValue(selector);
-		return hasVueScopedAttr(selector) && MINI_PROGRAM_PREFLIGHT_SELECTORS$1.has(normalized);
-	})) return false;
-	const declarations = getDeclarations(rule);
-	return declarations.length > 0 && declarations.every((decl) => decl.prop === "--tw-content");
-}
-function isLikelyTailwindPropertyAtRule(atRule) {
-	return typeof atRule.name === "string" && atRule.name.toLowerCase() === "property" && normalizeCssSignatureValue(atRule.params).startsWith("--tw-");
-}
-function stripScopedTailwindNoise(root) {
-	let hasTailwindBanner = false;
-	root.walkComments((comment) => {
-		if (TAILWIND_VERSION_COMMENT_RE.test(comment.text)) hasTailwindBanner = true;
-	});
-	root.walkComments((comment) => {
-		if (TAILWIND_VERSION_COMMENT_RE.test(comment.text)) comment.remove();
-	});
-	root.walkRules((rule) => {
-		if (isScopedTailwindThemeCarrierRule(rule, hasTailwindBanner) || isScopedUniversalTailwindPreflightRule(rule, hasTailwindBanner) || isScopedTailwindElementPreflightRule(rule, hasTailwindBanner) || isUnscopedMiniProgramTailwindPreflightRule(rule, hasTailwindBanner) || isScopedMiniProgramTailwindContentInitRule(rule)) rule.remove();
-	});
-	root.walkAtRules((atRule) => {
-		if (isLikelyTailwindPropertyAtRule(atRule)) {
-			atRule.remove();
-			return;
-		}
-		if ((atRule.nodes?.length ?? 0) === 0) atRule.remove();
-	});
-}
-//#endregion
-//#region src/compat/uni-app-x-uvue/theme.ts
-const SYSTEM_ROOT_SELECTORS = /* @__PURE__ */ new Set([
-	":host",
-	":root",
-	".tw-root",
-	"page",
-	"uni-page-body",
-	"wx-root-portal-content"
-]);
-function normalizeSelector$2(selector) {
-	return selector.replace(/\s+/g, "").toLowerCase();
-}
-function isUniAppXSystemRootCarrierRule(rule) {
-	const selectors = rule.selectors ?? [];
-	if (selectors.length === 0) return false;
-	let hasRootMarker = false;
-	for (const selector of selectors) {
-		const normalized = normalizeSelector$2(selector);
-		if (!SYSTEM_ROOT_SELECTORS.has(normalized)) return false;
-		if (normalized === ":host" || normalized === ":root" || normalized === ".tw-root") hasRootMarker = true;
-	}
-	return hasRootMarker;
-}
-function resolveNodes(nodes, variables, resolving) {
-	for (let index = 0; index < nodes.length; index++) {
-		const node = nodes[index];
-		if (node?.type !== "function") continue;
-		if (node.value.toLowerCase() !== "var") {
-			resolveNodes(node.nodes, variables, resolving);
-			continue;
-		}
-		const variable = node.nodes.find((child) => child.type === "word");
-		if (variable?.type !== "word" || !variable.value.startsWith("--")) {
-			resolveNodes(node.nodes, variables, resolving);
-			continue;
-		}
-		const commaIndex = node.nodes.findIndex((child) => child.type === "div" && child.value === ",");
-		const fallback = commaIndex >= 0 ? postcss_value_parser.default.stringify(node.nodes.slice(commaIndex + 1)).trim() : "";
-		const configured = variables.get(variable.value);
-		let replacement;
-		if (configured !== void 0 && !resolving.has(variable.value)) replacement = resolveThemeValue(configured, variables, /* @__PURE__ */ new Set([...resolving, variable.value]));
-		else if (fallback && isTailwindcssV4ThemeVariable(variable.value)) replacement = resolveThemeValue(fallback, variables, resolving);
-		if (replacement === void 0) {
-			resolveNodes(node.nodes, variables, resolving);
-			continue;
-		}
-		const replacementNodes = (0, postcss_value_parser.default)(replacement).nodes;
-		nodes.splice(index, 1, ...replacementNodes);
-		index += replacementNodes.length - 1;
-	}
-}
-function resolveThemeValue(value, variables, resolving = /* @__PURE__ */ new Set()) {
-	if (!value.includes("var(")) return value;
-	const parsed = (0, postcss_value_parser.default)(value);
-	resolveNodes(parsed.nodes, variables, resolving);
-	return parsed.toString();
-}
-function getUnresolvedAuthorVariableFallback(value) {
-	const nodes = (0, postcss_value_parser.default)(value).nodes.filter((node) => node.type !== "space" && node.type !== "comment");
-	const variable = nodes.length === 1 ? nodes[0] : void 0;
-	if (variable?.type !== "function" || variable.value.toLowerCase() !== "var") return;
-	const variableNode = variable.nodes.find((node) => node.type === "word");
-	const commaIndex = variable.nodes.findIndex((node) => node.type === "div" && node.value === ",");
-	if (variableNode?.type !== "word" || !variableNode.value.startsWith("--") || isTailwindcssV4ThemeVariable(variableNode.value) || variableNode.value.startsWith("--default-") || commaIndex < 0) return;
-	const fallback = postcss_value_parser.default.stringify(variable.nodes.slice(commaIndex + 1)).trim();
-	if (!fallback) return;
-	return {
-		name: variableNode.value,
-		fallback
-	};
-}
-/**
-* HBuilderX 不接受带 fallback 的 var() 声明，拆成静态 fallback 与动态变量两条声明。
-*/
-function splitUnresolvedAuthorVariableFallbacks(root, variables) {
-	if (typeof root.walkDecls !== "function") return false;
-	let changed = false;
-	root.walkDecls((decl) => {
-		if (decl.prop.startsWith("--")) return;
-		const unresolved = getUnresolvedAuthorVariableFallback(decl.value);
-		if (!unresolved || variables.has(unresolved.name)) return;
-		decl.parent?.insertBefore(decl, decl.clone({ value: unresolved.fallback }));
-		decl.value = `var(${unresolved.name})`;
-		changed = true;
-	});
-	return changed;
-}
-/**
-* UVUE 不支持 Tailwind 的混合根选择器，因此先把根作用域中的静态主题 token
-* 内联到实际 utility，再移除仅用于变量承载的系统规则。
-*/
-function consumeUniAppXSystemRootTheme(root, customPropertyValues) {
-	const carrierRules = [];
-	const variables = new Map(customPropertyValues);
-	root.walkRules((rule) => {
-		if (!isUniAppXSystemRootCarrierRule(rule)) return;
-		carrierRules.push(rule);
-		rule.walkDecls((decl) => {
-			if (decl.prop.startsWith("--")) variables.set(decl.prop, decl.value);
-		});
-	});
-	if (variables.size > 0) {
-		const carriers = new Set(carrierRules);
-		root.walkDecls((decl) => {
-			if (decl.parent?.type === "rule" && carriers.has(decl.parent)) return;
-			decl.value = resolveThemeValue(decl.value, variables);
-		});
-	}
-	splitUnresolvedAuthorVariableFallbacks(root, variables);
-	for (const rule of carrierRules) rule.remove();
-}
-//#endregion
-//#region src/compat/uni-app-x-uvue.ts
-const ALLOWED_DISPLAY_VALUES = /* @__PURE__ */ new Set(["flex", "none"]);
-const FALLBACK_CLASS_RE = /\.((?:\\.|[\w-])+)/g;
-const IMPORTANT_SUFFIX_RE = /\s*!important$/i;
-const TRANSFORM_PROPERTIES = /* @__PURE__ */ new Set(["transform", "-webkit-transform"]);
-function isUniAppXUvueTarget(options) {
-	return Boolean(options?.uniAppX) && options?.uniAppXCssTarget === "uvue";
-}
-function normalizeUnsupportedMode(mode) {
-	return mode ?? "warn";
-}
-function normalizeValue(value) {
-	return value.trim().toLowerCase().replace(IMPORTANT_SUFFIX_RE, "");
-}
-function hasCalcFunction(value) {
-	const parsed = (0, postcss_value_parser.default)(value);
-	let found = false;
-	parsed.walk((node) => {
-		if (node.type === "function" && node.value.toLowerCase() === "calc") found = true;
-	});
-	return found;
-}
-function normalizeUniAppXTransformValue(value) {
-	if (!value.toLowerCase().includes("translate(") || !value.includes(",")) return value;
-	const parsed = (0, postcss_value_parser.default)(value);
-	let changed = false;
-	parsed.walk((node) => {
-		if (node.type !== "function" || node.value.toLowerCase() !== "translate") return;
-		for (const child of node.nodes) {
-			if (child.type !== "div" || child.value !== ",") continue;
-			child.value = " ";
-			child.before = "";
-			child.after = "";
-			changed = true;
-		}
-	});
-	return changed ? parsed.toString() : value;
-}
-function getSourceFile(rule, result) {
-	return rule.source?.input.from ?? result.opts.from ?? "unknown source";
-}
-function collectUtilityClassNames(rule) {
-	const classNames = /* @__PURE__ */ new Set();
-	for (const selector of rule.selectors ?? []) try {
-		(0, postcss_selector_parser.default)().astSync(selector).walkClasses((node) => {
-			if (node.value) classNames.add(node.value);
-		});
-	} catch {
-		for (const match of selector.matchAll(FALLBACK_CLASS_RE)) if (match[1]) classNames.add(match[1].replaceAll("\\", ""));
-	}
-	return [...classNames];
-}
-function hasOnlyClassSelectors(rule) {
-	const selectors = rule.selectors ?? [];
-	if (selectors.length === 0) return false;
-	return selectors.every((selector) => {
-		try {
-			return (0, postcss_selector_parser.default)().astSync(selector).nodes.every((node) => node.nodes.length > 0 && node.nodes.every((child) => child.type === "class"));
-		} catch {
-			return false;
-		}
-	});
-}
-function getUnsupportedDeclarationReason(prop, value) {
-	const normalizedProp = prop.trim().toLowerCase();
-	const normalizedValue = normalizeValue(value);
-	if (hasCalcFunction(value)) return `${normalizedProp}: ${value}`;
-	if (normalizedProp === "display" && !ALLOWED_DISPLAY_VALUES.has(normalizedValue)) return `${normalizedProp}: ${value}`;
-	if (normalizedProp === "min-height" && normalizedValue === "100vh") return `${normalizedProp}: ${value}`;
-	if (normalizedProp === "grid-template-columns" || normalizedProp === "grid-template-rows" || normalizedProp === "grid-auto-columns" || normalizedProp === "grid-auto-rows" || normalizedProp === "grid-auto-flow") return `${normalizedProp}: ${value}`;
-	if (normalizedProp === "gap" || normalizedProp === "row-gap" || normalizedProp === "column-gap") return `${normalizedProp}: ${value}`;
+function isScopedMiniProgramTailwindContentInitRule(rule) {
+	const selectors = rule.selectors ?? [rule.selector];
+	if (selectors.length === 0 || !selectors.every((selector) => {
+		const normalized = normalizeCssSignatureValue(selector);
+		return hasVueScopedAttr(selector) && MINI_PROGRAM_PREFLIGHT_SELECTORS.has(normalized);
+	})) return false;
+	const declarations = getDeclarations(rule);
+	return declarations.length > 0 && declarations.every((decl) => decl.prop === "--tw-content");
 }
-function reportUnsupportedRule(rule, result, mode, warningCache, reason) {
-	if (mode === "silent") return;
-	const classNames = collectUtilityClassNames(rule);
-	const message = `uni-app x uvue unsupported utility: ${classNames.length > 0 ? classNames.join(", ") : rule.selector} (${reason}) in ${getSourceFile(rule, result)}`;
-	if (mode === "error") throw rule.error(message);
-	if (warningCache.has(message)) return;
-	warningCache.add(message);
-	rule.warn(result, message);
+function isLikelyTailwindPropertyAtRule(atRule) {
+	return typeof atRule.name === "string" && atRule.name.toLowerCase() === "property" && normalizeCssSignatureValue(atRule.params).startsWith("--tw-");
 }
-function applyUniAppXUvueCompatibility(result, options) {
-	if (!isUniAppXUvueTarget(options)) return result;
-	const mode = normalizeUnsupportedMode(options?.uniAppXUnsupported);
-	const warningCache = /* @__PURE__ */ new Set();
-	const sfcStyleRequest = options?.isMainChunk !== true && isUvueSfcStyleRequest(result);
-	let root = result.root;
-	let calcMessages = [];
-	consumeUniAppXSystemRootTheme(root, options?.customPropertyValues);
-	if (root.type === "root" && Array.isArray(root.nodes) && typeof root.walkDecls === "function") {
-		root.walkDecls((decl) => {
-			normalizeTailwindcssV4Declaration(decl);
-			if (TRANSFORM_PROPERTIES.has(decl.prop.toLowerCase())) decl.value = normalizeUniAppXTransformValue(decl.value);
-		});
-		const calcResult = (0, postcss.default)([(0, _weapp_tailwindcss_postcss_calc.default)()]).process(root, result.opts).sync();
-		root = calcResult.root;
-		calcMessages = calcResult.messages;
-	}
-	if (sfcStyleRequest) {
-		stripScopedTailwindNoise(root);
-		const nextResult = root.toResult(result.opts);
-		nextResult.messages.push(...result.messages);
-		nextResult.messages.push(...calcMessages);
-		return nextResult;
-	}
+function stripScopedTailwindNoise(root) {
+	let hasTailwindBanner = false;
+	root.walkComments((comment) => {
+		if (TAILWIND_VERSION_COMMENT_RE.test(comment.text)) hasTailwindBanner = true;
+	});
+	root.walkComments((comment) => {
+		if (TAILWIND_VERSION_COMMENT_RE.test(comment.text)) comment.remove();
+	});
 	root.walkRules((rule) => {
-		if (!hasOnlyClassSelectors(rule)) {
-			reportUnsupportedRule(rule, result, mode, warningCache, "selector must be class-only");
-			rule.remove();
-			return;
-		}
-		rule.walkDecls((decl) => {
-			const reason = getUnsupportedDeclarationReason(decl.prop, decl.value);
-			if (!reason) return;
-			reportUnsupportedRule(rule, result, mode, warningCache, reason);
-			decl.remove();
-		});
-		if ((rule.nodes?.length ?? 0) === 0) rule.remove();
+		if (isScopedTailwindThemeCarrierRule(rule, hasTailwindBanner) || isScopedUniversalTailwindPreflightRule(rule, hasTailwindBanner) || isScopedTailwindElementPreflightRule(rule, hasTailwindBanner) || isUnscopedMiniProgramTailwindPreflightRule(rule, hasTailwindBanner) || isScopedMiniProgramTailwindContentInitRule(rule)) rule.remove();
 	});
 	root.walkAtRules((atRule) => {
-		if (atRule.name?.toLowerCase() === "property") {
+		if (isLikelyTailwindPropertyAtRule(atRule)) {
 			atRule.remove();
 			return;
 		}
 		if ((atRule.nodes?.length ?? 0) === 0) atRule.remove();
 	});
-	const nextResult = root.toResult(result.opts);
-	nextResult.messages.push(...result.messages);
-	nextResult.messages.push(...calcMessages);
-	return nextResult;
-}
-//#endregion
-//#region src/branches/uni-app-x-css-uvue/index.ts
-function postprocessUniAppXUvueCss(result, options) {
-	return applyUniAppXUvueCompatibility(applyUniAppXBaseCompatibility(result, options), options);
-}
-//#endregion
-//#region src/branches/uni-app-x-css-webview/index.ts
-function postprocessUniAppXWebviewCss(result, options) {
-	return applyUniAppXBaseCompatibility(result, options);
-}
-//#endregion
-//#region src/branches/web/index.ts
-function postprocessWebCss(result, _options) {
-	return result;
 }
 //#endregion
-//#region src/style-targets/style.ts
-function postprocessGenericCss(result, _options) {
-	return result;
+//#region src/compat/uni-app-x-uvue/theme.ts
+const SYSTEM_ROOT_SELECTORS = /* @__PURE__ */ new Set([
+	":host",
+	":root",
+	".tw-root",
+	"page",
+	"uni-page-body",
+	"wx-root-portal-content"
+]);
+function normalizeSelector$1(selector) {
+	return selector.replace(/\s+/g, "").toLowerCase();
 }
-function createPostcssStyleTargetProfile(target) {
-	switch (target) {
-		case "mini-program": return {
-			target,
-			postprocess: postprocessMiniProgramCss
-		};
-		case "uni-app-x-css-uvue": return {
-			target,
-			postprocess: postprocessUniAppXUvueCss
-		};
-		case "uni-app-x-css-webview": return {
-			target,
-			postprocess: postprocessUniAppXWebviewCss
-		};
-		case "web": return {
-			target,
-			postprocess: postprocessWebCss
-		};
-		default: return {
-			target,
-			postprocess: postprocessGenericCss
-		};
+function isUniAppXSystemRootCarrierRule(rule) {
+	const selectors = rule.selectors ?? [];
+	if (selectors.length === 0) return false;
+	let hasRootMarker = false;
+	for (const selector of selectors) {
+		const normalized = normalizeSelector$1(selector);
+		if (!SYSTEM_ROOT_SELECTORS.has(normalized)) return false;
+		if (normalized === ":host" || normalized === ":root" || normalized === ".tw-root") hasRootMarker = true;
 	}
+	return hasRootMarker;
 }
-//#endregion
-//#region src/frameworks/shared.ts
-function isWebLikeStylePlatform(platform) {
-	const normalized = platform?.trim().toLowerCase();
-	return normalized === "h5" || normalized === "web" || normalized?.startsWith("web-") === true || normalized === "app" || normalized === "app-plus" || normalized?.startsWith("app-") === true;
+function resolveNodes(nodes, variables, resolving) {
+	for (let index = 0; index < nodes.length; index++) {
+		const node = nodes[index];
+		if (node?.type !== "function") continue;
+		if (node.value.toLowerCase() !== "var") {
+			resolveNodes(node.nodes, variables, resolving);
+			continue;
+		}
+		const variable = node.nodes.find((child) => child.type === "word");
+		if (variable?.type !== "word" || !variable.value.startsWith("--")) {
+			resolveNodes(node.nodes, variables, resolving);
+			continue;
+		}
+		const commaIndex = node.nodes.findIndex((child) => child.type === "div" && child.value === ",");
+		const fallback = commaIndex >= 0 ? postcss_value_parser.default.stringify(node.nodes.slice(commaIndex + 1)).trim() : "";
+		const configured = variables.get(variable.value);
+		let replacement;
+		if (configured !== void 0 && !resolving.has(variable.value)) replacement = resolveThemeValue(configured, variables, /* @__PURE__ */ new Set([...resolving, variable.value]));
+		else if (fallback && isTailwindcssV4ThemeVariable(variable.value)) replacement = resolveThemeValue(fallback, variables, resolving);
+		if (replacement === void 0) {
+			resolveNodes(node.nodes, variables, resolving);
+			continue;
+		}
+		const replacementNodes = (0, postcss_value_parser.default)(replacement).nodes;
+		nodes.splice(index, 1, ...replacementNodes);
+		index += replacementNodes.length - 1;
+	}
 }
-function resolveWebPlatformOrTarget(options, fallbackTarget) {
-	return isWebLikeStylePlatform(options.platform) ? "web" : fallbackTarget;
+function resolveThemeValue(value, variables, resolving = /* @__PURE__ */ new Set()) {
+	if (!value.includes("var(")) return value;
+	const parsed = (0, postcss_value_parser.default)(value);
+	resolveNodes(parsed.nodes, variables, resolving);
+	return parsed.toString();
 }
-function createStaticTargetFrameworkStrategy(framework, fallbackTarget) {
+function getUnresolvedAuthorVariableFallback(value) {
+	const nodes = (0, postcss_value_parser.default)(value).nodes.filter((node) => node.type !== "space" && node.type !== "comment");
+	const variable = nodes.length === 1 ? nodes[0] : void 0;
+	if (variable?.type !== "function" || variable.value.toLowerCase() !== "var") return;
+	const variableNode = variable.nodes.find((node) => node.type === "word");
+	const commaIndex = variable.nodes.findIndex((node) => node.type === "div" && node.value === ",");
+	if (variableNode?.type !== "word" || !variableNode.value.startsWith("--") || isTailwindcssV4ThemeVariable(variableNode.value) || variableNode.value.startsWith("--default-") || commaIndex < 0) return;
+	const fallback = postcss_value_parser.default.stringify(variable.nodes.slice(commaIndex + 1)).trim();
+	if (!fallback) return;
 	return {
-		framework,
-		resolveStyleTarget: (options) => resolveWebPlatformOrTarget(options, fallbackTarget)
+		name: variableNode.value,
+		fallback
 	};
 }
-//#endregion
-//#region src/frameworks/generic/index.ts
-const genericPostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("generic", "generic");
-//#endregion
-//#region src/frameworks/kbone/index.ts
-const kbonePostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("kbone", "generic");
-//#endregion
-//#region src/frameworks/mpx/index.ts
-const mpxPostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("mpx", "mini-program");
-//#endregion
-//#region src/frameworks/native/index.ts
-const nativePostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("native", "mini-program");
-//#endregion
-//#region src/frameworks/remax/index.ts
-const remaxPostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("remax", "mini-program");
-//#endregion
-//#region src/frameworks/taro/index.ts
-const taroPostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("taro", "mini-program");
-//#endregion
-//#region src/frameworks/uni-app/index.ts
-const uniAppPostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("uni-app", "mini-program");
-//#endregion
-//#region src/frameworks/uni-app-vite/index.ts
-const uniAppVitePostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("uni-app-vite", "mini-program");
-//#endregion
-//#region src/frameworks/uni-app-x/index.ts
-const uniAppXPostcssFrameworkStrategy = {
-	framework: "uni-app-x",
-	resolveStyleTarget: (options) => options.uniAppXCssTarget === "uvue" ? "uni-app-x-css-uvue" : "uni-app-x-css-webview"
-};
-//#endregion
-//#region src/frameworks/weapp-vite/index.ts
-const weappVitePostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("weapp-vite", "mini-program");
-//#endregion
-//#region src/frameworks/index.ts
-function isUniAppXFramework(options) {
-	if (options.uniAppX === false) return false;
-	return options.uniAppX === true || options.appType === "uni-app-x";
-}
-function resolvePostcssFrameworkStrategy(options) {
-	if (isUniAppXFramework(options)) return uniAppXPostcssFrameworkStrategy;
-	switch (options.appType) {
-		case "kbone": return kbonePostcssFrameworkStrategy;
-		case "mpx": return mpxPostcssFrameworkStrategy;
-		case "native": return nativePostcssFrameworkStrategy;
-		case "remax": return remaxPostcssFrameworkStrategy;
-		case "taro": return taroPostcssFrameworkStrategy;
-		case "uni-app": return uniAppPostcssFrameworkStrategy;
-		case "uni-app-vite": return uniAppVitePostcssFrameworkStrategy;
-		case "weapp-vite": return weappVitePostcssFrameworkStrategy;
-		default: return genericPostcssFrameworkStrategy;
-	}
-}
-function resolvePostcssFrameworkProfile(options) {
-	const strategy = resolvePostcssFrameworkStrategy(options);
-	const target = strategy.resolveStyleTarget(options);
-	const targetProfile = createPostcssStyleTargetProfile(target);
-	return {
-		framework: strategy.framework,
-		target,
-		branch: target,
-		postprocess: targetProfile.postprocess
-	};
+/**
+* HBuilderX 不接受带 fallback 的 var() 声明，拆成静态 fallback 与动态变量两条声明。
+*/
+function splitUnresolvedAuthorVariableFallbacks(root, variables) {
+	if (typeof root.walkDecls !== "function") return false;
+	let changed = false;
+	root.walkDecls((decl) => {
+		if (decl.prop.startsWith("--")) return;
+		const unresolved = getUnresolvedAuthorVariableFallback(decl.value);
+		if (!unresolved || variables.has(unresolved.name)) return;
+		decl.parent?.insertBefore(decl, decl.clone({ value: unresolved.fallback }));
+		decl.value = `var(${unresolved.name})`;
+		changed = true;
+	});
+	return changed;
 }
-function resolvePostcssStyleTarget(options) {
-	return resolvePostcssFrameworkProfile(options).target;
+/**
+* UVUE 不支持 Tailwind 的混合根选择器，因此先把根作用域中的静态主题 token
+* 内联到实际 utility，再移除仅用于变量承载的系统规则。
+*/
+function consumeUniAppXSystemRootTheme(root, customPropertyValues) {
+	const carrierRules = [];
+	const variables = new Map(customPropertyValues);
+	root.walkRules((rule) => {
+		if (!isUniAppXSystemRootCarrierRule(rule)) return;
+		carrierRules.push(rule);
+		rule.walkDecls((decl) => {
+			if (decl.prop.startsWith("--")) variables.set(decl.prop, decl.value);
+		});
+	});
+	if (variables.size > 0) {
+		const carriers = new Set(carrierRules);
+		root.walkDecls((decl) => {
+			if (decl.parent?.type === "rule" && carriers.has(decl.parent)) return;
+			decl.value = resolveThemeValue(decl.value, variables);
+		});
+	}
+	splitUnresolvedAuthorVariableFallbacks(root, variables);
+	for (const rule of carrierRules) rule.remove();
 }
 //#endregion
-//#region src/branches/style.ts
-function resolvePostcssStyleBranch(options) {
-	return resolvePostcssStyleTarget(options);
-}
-function resolvePostcssStyleBranchProfile(options) {
-	return resolvePostcssFrameworkProfile(options);
+//#region src/compat/uni-app-x-uvue.ts
+const ALLOWED_DISPLAY_VALUES = /* @__PURE__ */ new Set(["flex", "none"]);
+const FALLBACK_CLASS_RE = /\.((?:\\.|[\w-])+)/g;
+const IMPORTANT_SUFFIX_RE = /\s*!important$/i;
+const TRANSFORM_PROPERTIES = /* @__PURE__ */ new Set(["transform", "-webkit-transform"]);
+function isUniAppXUvueTarget(options) {
+	return Boolean(options?.uniAppX) && options?.uniAppXCssTarget === "uvue";
 }
-const MODERN_COLOR_FUNCTION_NAMES = /* @__PURE__ */ new Set([
-	"oklch",
-	"oklab",
-	"lch",
-	"lab"
-]);
-const MODERN_COLOR_SYNTAX_FUNCTION_NAMES = /* @__PURE__ */ new Set([
-	"rgb",
-	"rgba",
-	"hsl",
-	"hsla",
-	"hwb"
-]);
-const PLACEHOLDER_PREFIX = "__weapp_tw_color_mix_";
-const DYNAMIC_ALPHA_RE = /\b(?:var|env)\(|--[\w-]+\b/;
-const INTERNAL_TAILWIND_ALPHA_RE = /var\(\s*--tw-[^)]+-alpha\s*\)/;
-const TRANSPARENT_COLOR_RE = /^transparent$/i;
-const CURRENT_COLOR_RE = /^currentcolor$/i;
-const CSS_WIDE_KEYWORD_RE = /^(?:inherit|initial|unset|revert|revert-layer)$/i;
-const CUSTOM_PROPERTY_RE = /^--[\w-]+$/;
-//#endregion
-//#region src/compat/color-mix/modern.ts
-function isDisplayP3ColorFunction(colorSource) {
-	return /^color\(\s*display-p3\b/i.test(colorSource.trim());
+function normalizeUnsupportedMode(mode) {
+	return mode ?? "warn";
 }
-function isModernColorSyntaxFunction(colorSource) {
-	const parsed = (0, postcss_value_parser.default)(colorSource.trim());
-	const node = parsed.nodes.length === 1 ? parsed.nodes[0] : void 0;
-	if (node?.type !== "function") return false;
-	const name = node.value.toLowerCase();
-	if (!MODERN_COLOR_SYNTAX_FUNCTION_NAMES.has(name)) return false;
-	return !node.nodes.some((child) => child.type === "div" && child.value === ",");
+function normalizeValue(value) {
+	return value.trim().toLowerCase().replace(IMPORTANT_SUFFIX_RE, "");
 }
-function hasUnsupportedModernColorFunction(value) {
+function hasCalcFunction(value) {
 	const parsed = (0, postcss_value_parser.default)(value);
-	let hasUnsupported = false;
+	let found = false;
 	parsed.walk((node) => {
-		if (node.type !== "function") return;
-		const name = node.value.toLowerCase();
-		if (name === "color-mix" || MODERN_COLOR_FUNCTION_NAMES.has(name) || name === "color" && isDisplayP3ColorFunction(postcss_value_parser.default.stringify(node)) || isModernColorSyntaxFunction(postcss_value_parser.default.stringify(node))) {
-			hasUnsupported = true;
-			return false;
-		}
+		if (node.type === "function" && node.value.toLowerCase() === "calc") found = true;
 	});
-	return hasUnsupported;
-}
-//#endregion
-//#region src/compat/color-mix/parse.ts
-function splitArguments(nodes) {
-	const args = [];
-	let current = [];
-	for (const node of nodes) {
-		if (node.type === "div" && node.value === ",") {
-			args.push(current);
-			current = [];
-			continue;
-		}
-		current.push(node);
-	}
-	args.push(current);
-	return args;
+	return found;
 }
-function splitStopSegments(nodes) {
-	const segments = [];
-	let current = [];
-	for (const node of nodes) {
-		if (node.type === "space") {
-			if (current.length > 0) {
-				segments.push(current);
-				current = [];
-			}
-			continue;
+function normalizeUniAppXTransformValue(value) {
+	if (!value.toLowerCase().includes("translate(") || !value.includes(",")) return value;
+	const parsed = (0, postcss_value_parser.default)(value);
+	let changed = false;
+	parsed.walk((node) => {
+		if (node.type !== "function" || node.value.toLowerCase() !== "translate") return;
+		for (const child of node.nodes) {
+			if (child.type !== "div" || child.value !== ",") continue;
+			child.value = " ";
+			child.before = "";
+			child.after = "";
+			changed = true;
 		}
-		current.push(node);
-	}
-	if (current.length > 0) segments.push(current);
-	return segments;
+	});
+	return changed ? parsed.toString() : value;
 }
-function trimNodes$1(nodes) {
-	let start = 0;
-	let end = nodes.length;
-	while (start < end && nodes[start]?.type === "space") start += 1;
-	while (end > start && nodes[end - 1]?.type === "space") end -= 1;
-	return nodes.slice(start, end);
+function getSourceFile(rule, result) {
+	return rule.source?.input.from ?? result.opts.from ?? "unknown source";
 }
-function getParsedColorData(colorSource) {
-	try {
-		return (0, _csstools_css_color_parser.color)((0, _csstools_css_parser_algorithms.parseComponentValue)((0, _csstools_css_tokenizer.tokenize)({ css: colorSource })));
+function collectUtilityClassNames(rule) {
+	const classNames = /* @__PURE__ */ new Set();
+	for (const selector of rule.selectors ?? []) try {
+		(0, postcss_selector_parser.default)().astSync(selector).walkClasses((node) => {
+			if (node.value) classNames.add(node.value);
+		});
 	} catch {
-		return false;
+		for (const match of selector.matchAll(FALLBACK_CLASS_RE)) if (match[1]) classNames.add(match[1].replaceAll("\\", ""));
 	}
+	return [...classNames];
 }
-function parseAlphaValue(alphaSource) {
-	const parsed = Number.parseFloat(alphaSource);
-	if (Number.isFinite(parsed)) return alphaSource.trim().endsWith("%") ? parsed / 100 : parsed;
+function hasOnlyClassSelectors(rule) {
+	const selectors = rule.selectors ?? [];
+	if (selectors.length === 0) return false;
+	return selectors.every((selector) => {
+		try {
+			return (0, postcss_selector_parser.default)().astSync(selector).nodes.every((node) => node.nodes.length > 0 && node.nodes.every((child) => child.type === "class"));
+		} catch {
+			return false;
+		}
+	});
 }
-function resolveVarColor(colorSource, customPropertyValues, depth = 0) {
-	if (depth > 5) return;
-	const parsed = (0, postcss_value_parser.default)(colorSource.trim());
-	const node = parsed.nodes.length === 1 ? parsed.nodes[0] : void 0;
-	if (node?.type !== "function" || node.value.toLowerCase() !== "var") return;
-	const args = splitArguments(node.nodes);
-	const propertyName = postcss_value_parser.default.stringify(trimNodes$1(args[0] ?? [])).trim();
-	if (!CUSTOM_PROPERTY_RE.test(propertyName)) return;
-	const resolved = customPropertyValues.get(propertyName);
-	if (!resolved) {
-		const fallback = args[1] ? postcss_value_parser.default.stringify(trimNodes$1(args[1])).trim() : void 0;
-		return fallback ? resolveColorData(fallback, customPropertyValues, depth + 1) : void 0;
-	}
-	return resolveColorData(resolved, customPropertyValues, depth + 1);
+function getUnsupportedDeclarationReason(prop, value) {
+	const normalizedProp = prop.trim().toLowerCase();
+	const normalizedValue = normalizeValue(value);
+	if (hasCalcFunction(value)) return `${normalizedProp}: ${value}`;
+	if (normalizedProp === "display" && !ALLOWED_DISPLAY_VALUES.has(normalizedValue)) return `${normalizedProp}: ${value}`;
+	if (normalizedProp === "min-height" && normalizedValue === "100vh") return `${normalizedProp}: ${value}`;
+	if (normalizedProp === "grid-template-columns" || normalizedProp === "grid-template-rows" || normalizedProp === "grid-auto-columns" || normalizedProp === "grid-auto-rows" || normalizedProp === "grid-auto-flow") return `${normalizedProp}: ${value}`;
+	if (normalizedProp === "gap" || normalizedProp === "row-gap" || normalizedProp === "column-gap") return `${normalizedProp}: ${value}`;
 }
-function resolveColorData(colorSource, customPropertyValues, depth = 0) {
-	if (typeof colorSource !== "string") return;
-	const trimmed = colorSource.trim();
-	if (TRANSPARENT_COLOR_RE.test(trimmed)) return getParsedColorData(trimmed) || void 0;
-	if (CURRENT_COLOR_RE.test(trimmed) || CSS_WIDE_KEYWORD_RE.test(trimmed)) return;
-	const resolvedVar = resolveVarColor(trimmed, customPropertyValues, depth);
-	if (resolvedVar) return resolvedVar;
-	return getParsedColorData(trimmed) || void 0;
+function reportUnsupportedRule(rule, result, mode, warningCache, reason) {
+	if (mode === "silent") return;
+	const classNames = collectUtilityClassNames(rule);
+	const message = `uni-app x uvue unsupported utility: ${classNames.length > 0 ? classNames.join(", ") : rule.selector} (${reason}) in ${getSourceFile(rule, result)}`;
+	if (mode === "error") throw rule.error(message);
+	if (warningCache.has(message)) return;
+	warningCache.add(message);
+	rule.warn(result, message);
 }
-function normalizeColorFunctionName(colorSource, alpha, customPropertyValues) {
-	const resolvedColor = resolveColorData(colorSource, customPropertyValues);
-	if (!resolvedColor) return;
-	resolvedColor.alpha = alpha;
-	return (0, _csstools_css_color_parser.serializeRGB)(resolvedColor).toString();
+function applyUniAppXUvueCompatibility(result, options) {
+	if (!isUniAppXUvueTarget(options)) return result;
+	const mode = normalizeUnsupportedMode(options?.uniAppXUnsupported);
+	const warningCache = /* @__PURE__ */ new Set();
+	const sfcStyleRequest = options?.isMainChunk !== true && isUvueSfcStyleRequest(result);
+	let root = result.root;
+	let calcMessages = [];
+	consumeUniAppXSystemRootTheme(root, options?.customPropertyValues);
+	if (root.type === "root" && Array.isArray(root.nodes) && typeof root.walkDecls === "function") {
+		root.walkDecls((decl) => {
+			normalizeTailwindcssV4Declaration(decl);
+			if (TRANSFORM_PROPERTIES.has(decl.prop.toLowerCase())) decl.value = normalizeUniAppXTransformValue(decl.value);
+		});
+		const calcResult = (0, postcss.default)([(0, _weapp_tailwindcss_postcss_calc.default)()]).process(root, result.opts).sync();
+		root = calcResult.root;
+		calcMessages = calcResult.messages;
+		removeEmptyStandardDeclarations(root);
+	}
+	if (sfcStyleRequest) {
+		stripScopedTailwindNoise(root);
+		const nextResult = root.toResult(result.opts);
+		nextResult.messages.push(...result.messages);
+		nextResult.messages.push(...calcMessages);
+		return nextResult;
+	}
+	root.walkRules((rule) => {
+		if (!hasOnlyClassSelectors(rule)) {
+			reportUnsupportedRule(rule, result, mode, warningCache, "selector must be class-only");
+			rule.remove();
+			return;
+		}
+		rule.walkDecls((decl) => {
+			const reason = getUnsupportedDeclarationReason(decl.prop, decl.value);
+			if (!reason) return;
+			reportUnsupportedRule(rule, result, mode, warningCache, reason);
+			decl.remove();
+		});
+		if ((rule.nodes?.length ?? 0) === 0) rule.remove();
+	});
+	root.walkAtRules((atRule) => {
+		if (atRule.name?.toLowerCase() === "property") {
+			atRule.remove();
+			return;
+		}
+		if ((atRule.nodes?.length ?? 0) === 0) atRule.remove();
+	});
+	const nextResult = root.toResult(result.opts);
+	nextResult.messages.push(...result.messages);
+	nextResult.messages.push(...calcMessages);
+	return nextResult;
 }
-function normalizeColorFunctionWithDynamicAlpha(colorSource, alphaSource, customPropertyValues) {
-	const resolvedColor = resolveColorData(colorSource, customPropertyValues);
-	const alphaColor = getParsedColorData(`rgb(0 0 0 / ${alphaSource})`);
-	if (!resolvedColor || !alphaColor || typeof alphaColor.alpha === "number") return;
-	resolvedColor.alpha = alphaColor.alpha;
-	return (0, _csstools_css_color_parser.serializeRGB)(resolvedColor).toString();
+//#endregion
+//#region src/branches/uni-app-x-css-uvue/index.ts
+function postprocessUniAppXUvueCss(result, options) {
+	return applyUniAppXUvueCompatibility(applyUniAppXBaseCompatibility(result, options), options);
 }
-function normalizeStandaloneColorFunction(colorSource) {
-	const resolvedColor = getParsedColorData(colorSource);
-	return resolvedColor ? (0, _csstools_css_color_parser.serializeRGB)(resolvedColor).toString() : void 0;
+//#endregion
+//#region src/branches/uni-app-x-css-webview/index.ts
+function postprocessUniAppXWebviewCss(result, options) {
+	return applyUniAppXBaseCompatibility(result, options);
 }
 //#endregion
-//#region src/compat/color-mix/resolve.ts
-function createRgbaWithAlpha(colorSource, alphaSource, customPropertyValues) {
-	const alpha = alphaSource.trim();
-	return normalizeColorFunctionWithDynamicAlpha(colorSource, CUSTOM_PROPERTY_RE.test(alpha) ? `var(${alpha})` : alpha, customPropertyValues);
+//#region src/branches/web/index.ts
+function postprocessWebCss(result, _options) {
+	return result;
 }
-function tryResolveColorMix(node, customPropertyValues) {
-	const args = splitArguments(node.nodes);
-	if (args.length < 3) return;
-	const colorStopNodes = splitStopSegments(args[1] ?? []);
-	if (colorStopNodes.length < 2) return;
-	const colorNodes = trimNodes$1(colorStopNodes[0] ?? []);
-	const alphaNodes = trimNodes$1(colorStopNodes[1] ?? []);
-	const trailingNodes = trimNodes$1(args[2] ?? []);
-	if (!colorNodes.length || !alphaNodes.length || postcss_value_parser.default.stringify(trailingNodes).trim().toLowerCase() !== "transparent") return;
-	const colorSource = postcss_value_parser.default.stringify(colorNodes).trim();
-	const alphaSource = postcss_value_parser.default.stringify(alphaNodes).trim();
-	if (!colorSource || !alphaSource || INTERNAL_TAILWIND_ALPHA_RE.test(alphaSource)) return;
-	if (CURRENT_COLOR_RE.test(colorSource)) return {
-		value: colorSource,
-		deferred: false
-	};
-	if (DYNAMIC_ALPHA_RE.test(alphaSource)) {
-		const normalized = createRgbaWithAlpha(colorSource, alphaSource, customPropertyValues);
-		return normalized ? {
-			value: normalized,
-			deferred: true
-		} : {
-			value: colorSource,
-			deferred: true
+//#endregion
+//#region src/style-targets/style.ts
+function postprocessGenericCss(result, _options) {
+	return result;
+}
+function createPostcssStyleTargetProfile(target) {
+	switch (target) {
+		case "mini-program": return {
+			target,
+			postprocess: postprocessMiniProgramCss
+		};
+		case "uni-app-x-css-uvue": return {
+			target,
+			postprocess: postprocessUniAppXUvueCss
+		};
+		case "uni-app-x-css-webview": return {
+			target,
+			postprocess: postprocessUniAppXWebviewCss
+		};
+		case "web": return {
+			target,
+			postprocess: postprocessWebCss
+		};
+		default: return {
+			target,
+			postprocess: postprocessGenericCss
 		};
 	}
-	const alpha = parseAlphaValue(alphaSource);
-	if (alpha === void 0) return;
-	const normalized = normalizeColorFunctionName(colorSource, alpha, customPropertyValues);
-	if (normalized) return {
-		value: normalized,
-		deferred: false
-	};
-	return {
-		value: colorSource,
-		deferred: false
-	};
 }
 //#endregion
-//#region src/compat/color-mix.ts
-const DYNAMIC_VAR_FALLBACK_PLACEHOLDER_PREFIX = "__weapp_tw_var_fallback_";
-function getStandaloneDynamicVarWithFallback(value) {
-	const nodes = (0, postcss_value_parser.default)(value).nodes.filter((node) => node.type !== "space" && node.type !== "comment");
-	const variable = nodes.length === 1 ? nodes[0] : void 0;
-	const property = variable?.type === "function" ? variable.nodes.find((node) => node.type === "word" && node.value.startsWith("--")) : void 0;
-	if (variable?.type !== "function" || variable.value.toLowerCase() !== "var" || property?.type !== "word" || isTailwindcssV4ThemeVariable(property.value) || !variable.nodes.some((node) => node.type === "div" && node.value === ",")) return;
-	return variable;
+//#region src/frameworks/shared.ts
+function isWebLikeStylePlatform(platform) {
+	const normalized = platform?.trim().toLowerCase();
+	return normalized === "h5" || normalized === "web" || normalized?.startsWith("web-") === true || normalized === "app" || normalized === "app-plus" || normalized?.startsWith("app-") === true;
 }
-/**
-* 保护带 fallback 的作者 CSS 变量，避免兼容插件把它错误静态化。
-*/
-function protectDynamicVarFallbacks(css) {
-	if (!css.includes("var(") || !css.includes(",")) return {
-		css,
-		restore: (value) => value
-	};
-	const replacements = /* @__PURE__ */ new Map();
-	let root;
-	try {
-		root = postcss.default.parse(css);
-	} catch {
-		return {
-			css,
-			restore: (value) => value
-		};
-	}
-	root.walkDecls((decl) => {
-		if (!getStandaloneDynamicVarWithFallback(decl.value)) return;
-		const placeholder = `${DYNAMIC_VAR_FALLBACK_PLACEHOLDER_PREFIX}${replacements.size}__`;
-		replacements.set(placeholder, decl.value);
-		decl.value = placeholder;
-	});
-	if (replacements.size === 0) return {
-		css,
-		restore: (value) => value
-	};
-	return {
-		css: root.toString(),
-		restore(value) {
-			let restored = value;
-			for (const [placeholder, replacement] of replacements) restored = restored.split(placeholder).join(replacement);
-			return restored;
-		}
-	};
+function resolveWebPlatformOrTarget(options, fallbackTarget) {
+	return isWebLikeStylePlatform(options.platform) ? "web" : fallbackTarget;
 }
-function normalizeModernColorValue(value, customPropertyValues = /* @__PURE__ */ new Map()) {
-	if (!hasUnsupportedModernColorFunction(value)) return {
-		value,
-		changed: false,
-		hasUnsupported: false
-	};
-	const parsed = (0, postcss_value_parser.default)(value);
-	let changed = false;
-	parsed.walk((node) => {
-		if (node.type !== "function") return;
-		const name = node.value.toLowerCase();
-		const source = postcss_value_parser.default.stringify(node);
-		let normalized;
-		if (MODERN_COLOR_FUNCTION_NAMES.has(name) || name === "color" && isDisplayP3ColorFunction(source) || isModernColorSyntaxFunction(source)) normalized = normalizeStandaloneColorFunction(source);
-		else if (name === "color-mix") normalized = tryResolveColorMix(node, customPropertyValues)?.value;
-		if (!normalized) return;
-		const mutableNode = node;
-		mutableNode.type = "word";
-		mutableNode.value = normalized;
-		delete mutableNode.nodes;
-		changed = true;
-	});
-	const nextValue = changed ? parsed.toString() : value;
+function createStaticTargetFrameworkStrategy(framework, fallbackTarget) {
 	return {
-		value: nextValue,
-		changed,
-		hasUnsupported: hasUnsupportedModernColorFunction(nextValue)
+		framework,
+		resolveStyleTarget: (options) => resolveWebPlatformOrTarget(options, fallbackTarget)
 	};
 }
-function createPlaceholder(index) {
-	return `${PLACEHOLDER_PREFIX}${index}__`;
-}
-function unwrapProtectedSupports(cssRoot) {
-	cssRoot.walkAtRules("supports", (atRule) => {
-		if (!atRule.nodes || !atRule.toString().includes("__weapp_tw_color_mix_")) return;
-		atRule.replaceWith(atRule.nodes);
-	});
+//#endregion
+//#region src/frameworks/generic/index.ts
+const genericPostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("generic", "generic");
+//#endregion
+//#region src/frameworks/kbone/index.ts
+const kbonePostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("kbone", "generic");
+//#endregion
+//#region src/frameworks/mpx/index.ts
+const mpxPostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("mpx", "mini-program");
+//#endregion
+//#region src/frameworks/native/index.ts
+const nativePostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("native", "mini-program");
+//#endregion
+//#region src/frameworks/remax/index.ts
+const remaxPostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("remax", "mini-program");
+//#endregion
+//#region src/frameworks/taro/index.ts
+const taroPostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("taro", "mini-program");
+//#endregion
+//#region src/frameworks/uni-app/index.ts
+const uniAppPostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("uni-app", "mini-program");
+//#endregion
+//#region src/frameworks/uni-app-vite/index.ts
+const uniAppVitePostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("uni-app-vite", "mini-program");
+//#endregion
+//#region src/frameworks/uni-app-x/index.ts
+const uniAppXPostcssFrameworkStrategy = {
+	framework: "uni-app-x",
+	resolveStyleTarget: (options) => options.uniAppXCssTarget === "uvue" ? "uni-app-x-css-uvue" : "uni-app-x-css-webview"
+};
+//#endregion
+//#region src/frameworks/weapp-vite/index.ts
+const weappVitePostcssFrameworkStrategy = createStaticTargetFrameworkStrategy("weapp-vite", "mini-program");
+//#endregion
+//#region src/frameworks/index.ts
+function isUniAppXFramework(options) {
+	if (options.uniAppX === false) return false;
+	return options.uniAppX === true || options.appType === "uni-app-x";
 }
-function protectDynamicColorMixAlpha(css, options = {}) {
-	if (!css.includes("color-mix")) return {
-		css,
-		restore: (value) => value
-	};
-	const replacements = /* @__PURE__ */ new Map();
-	const root = postcss.default.parse(css);
-	const customPropertyValues = new Map(options.customPropertyValues);
-	let changed = false;
-	root.walkDecls((decl) => {
-		if (decl.prop.startsWith("--") && !decl.value.includes("color-mix")) customPropertyValues.set(decl.prop, decl.value.trim());
-	});
-	root.walkDecls((decl) => {
-		if (!decl.value.includes("color-mix")) return;
-		const parsed = (0, postcss_value_parser.default)(decl.value);
-		let mutated = false;
-		parsed.walk((node) => {
-			if (node.type !== "function" || node.value.toLowerCase() !== "color-mix") return;
-			const resolved = tryResolveColorMix(node, customPropertyValues);
-			if (resolved) {
-				if (resolved.deferred) {
-					const placeholder = createPlaceholder(replacements.size);
-					replacements.set(placeholder, resolved.value);
-					const mutableNode = node;
-					mutableNode.type = "word";
-					mutableNode.value = placeholder;
-					delete mutableNode.nodes;
-					mutated = true;
-					return;
-				}
-				const mutableNode = node;
-				mutableNode.type = "word";
-				mutableNode.value = resolved.value;
-				delete mutableNode.nodes;
-				mutated = true;
-			}
-		});
-		if (mutated) {
-			decl.value = parsed.toString();
-			changed = true;
-		}
-	});
-	if (replacements.size > 0) unwrapProtectedSupports(root);
+function resolvePostcssFrameworkStrategy(options) {
+	if (isUniAppXFramework(options)) return uniAppXPostcssFrameworkStrategy;
+	switch (options.appType) {
+		case "kbone": return kbonePostcssFrameworkStrategy;
+		case "mpx": return mpxPostcssFrameworkStrategy;
+		case "native": return nativePostcssFrameworkStrategy;
+		case "remax": return remaxPostcssFrameworkStrategy;
+		case "taro": return taroPostcssFrameworkStrategy;
+		case "uni-app": return uniAppPostcssFrameworkStrategy;
+		case "uni-app-vite": return uniAppVitePostcssFrameworkStrategy;
+		case "weapp-vite": return weappVitePostcssFrameworkStrategy;
+		default: return genericPostcssFrameworkStrategy;
+	}
+}
+function resolvePostcssFrameworkProfile(options) {
+	const strategy = resolvePostcssFrameworkStrategy(options);
+	const target = strategy.resolveStyleTarget(options);
+	const targetProfile = createPostcssStyleTargetProfile(target);
 	return {
-		css: changed ? root.toString() : css,
-		restore(value) {
-			let restored = value;
-			for (const [placeholder, replacement] of replacements) restored = restored.split(placeholder).join(replacement);
-			return restored;
-		}
+		framework: strategy.framework,
+		target,
+		branch: target,
+		postprocess: targetProfile.postprocess
 	};
 }
+function resolvePostcssStyleTarget(options) {
+	return resolvePostcssFrameworkProfile(options).target;
+}
+//#endregion
+//#region src/branches/style.ts
+function resolvePostcssStyleBranch(options) {
+	return resolvePostcssStyleTarget(options);
+}
+function resolvePostcssStyleBranchProfile(options) {
+	return resolvePostcssFrameworkProfile(options);
+}
 //#endregion
 //#region src/compat/mini-program-css/cascade-layers.ts
 const LAYER_PATH_SEPARATOR = "
";
@@ -2012,269 +2423,44 @@ function normalizeMiniProgramPrefixedDeclaration(decl) {
 		decl.value = value;
 	}
 	if (prop.startsWith("-webkit-") && !isPreservedWebkitDeclaration(decl)) {
-		decl.remove();
-		return;
-	}
-	if (hasUnsupportedWebkitKeywordValue(decl)) decl.remove();
-}
-function removeUnsupportedMiniProgramPrefixedAtRule(atRule) {
-	if (atRule.name.toLowerCase() === "-webkit-keyframes") atRule.remove();
-}
-//#endregion
-//#region src/compat/mini-program-css/directives.ts
-const TAILWIND_V4_BANNER_RE = /\/\*!\s*tailwindcss v4\./;
-const GENERATOR_PLACEHOLDER_COMMENT_RE = /^\s*(?:!\s*)?weapp-tailwindcss generator-placeholder\s*$/i;
-function hasTailwindcssV4Signal(css) {
-	if (TAILWIND_V4_BANNER_RE.test(css)) return true;
-	const root = postcss.default.parse(css);
-	let hasProperty = false;
-	root.walkAtRules("property", (atRule) => {
-		if (atRule.params.trim().startsWith("--tw-")) {
-			hasProperty = true;
-			return false;
-		}
-	});
-	return hasProperty;
-}
-function unwrapTailwindSourceMedia(root) {
-	root.walkAtRules("media", (atRule) => {
-		if (!atRule.params.startsWith("source(")) return;
-		if (atRule.nodes && atRule.nodes.length > 0) atRule.replaceWith(...atRule.nodes);
-		else atRule.remove();
-	});
-}
-function removeTailwindGenerationDirectives(root) {
-	root.walkComments((comment) => {
-		if (GENERATOR_PLACEHOLDER_COMMENT_RE.test(comment.text)) comment.remove();
-	});
-	root.walkAtRules((atRule) => {
-		if (atRule.name === "config" || atRule.name === "source" || atRule.name === "tailwind" || atRule.name === "reference" || atRule.name === "plugin") atRule.remove();
-	});
-}
-//#endregion
-//#region src/compat/mini-program-css/selectors.ts
-const MINI_PROGRAM_THEME_SCOPE_SELECTOR = ":host,page,.tw-root,wx-root-portal-content";
-const MINI_PROGRAM_ELEMENT_SCOPE_SELECTOR = "view,text,::after,::before";
-const MINI_PROGRAM_ELEMENT_SCOPE_SELECTORS = /* @__PURE__ */ new Set([
-	"view",
-	"text",
-	":before",
-	":after",
-	"::before",
-	"::after"
-]);
-const MINI_PROGRAM_NATIVE_ELEMENT_SELECTORS = /* @__PURE__ */ new Set([
-	...MINI_PROGRAM_ELEMENT_SCOPE_SELECTORS,
-	"button",
-	"input",
-	"textarea",
-	"canvas",
-	"video",
-	"audio"
-]);
-const MINI_PROGRAM_PREFLIGHT_SELECTORS = /* @__PURE__ */ new Set(["*", ...MINI_PROGRAM_ELEMENT_SCOPE_SELECTORS]);
-const MINI_PROGRAM_THEME_SCOPE_SELECTORS = /* @__PURE__ */ new Set([
-	":host",
-	":root",
-	"page",
-	".tw-root",
-	"wx-root-portal-content"
-]);
-function normalizeMiniProgramThemeScopeSelector(root) {
-	if (root === false) return ":host";
-	if (root === void 0) return MINI_PROGRAM_THEME_SCOPE_SELECTOR;
-	const selectors = Array.isArray(root) ? root.filter(Boolean) : [root];
-	return [.../* @__PURE__ */ new Set([":host", ...selectors])].join(",");
-}
-const SPECIFICITY_PLACEHOLDER_SUFFIXES = [":not(#n)", ":not(#\\#)"];
-const ROOT_SPECIFICITY_PLACEHOLDER_SUFFIXES = [":not(.does-not-exist)"];
-const MINI_PROGRAM_UNSUPPORTED_BROWSER_SELECTORS = /* @__PURE__ */ new Set([
-	":-moz-focusring",
-	":-moz-ui-invalid",
-	"::-webkit-calendar-picker-indicator",
-	"::-webkit-date-and-time-value",
-	"::-webkit-datetime-edit",
-	"::-webkit-datetime-edit-day-field",
-	"::-webkit-datetime-edit-fields-wrapper",
-	"::-webkit-datetime-edit-hour-field",
-	"::-webkit-datetime-edit-meridiem-field",
-	"::-webkit-datetime-edit-millisecond-field",
-	"::-webkit-datetime-edit-minute-field",
-	"::-webkit-datetime-edit-month-field",
-	"::-webkit-datetime-edit-second-field",
-	"::-webkit-datetime-edit-year-field",
-	"::-webkit-inner-spin-button",
-	"::-webkit-input-placeholder",
-	"::-webkit-outer-spin-button",
-	"::-webkit-search-decoration",
-	"::placeholder",
-	"[hidden]:where(:not([hidden='until-found']))"
-]);
-const MINI_PROGRAM_UNSUPPORTED_BROWSER_TAG_SELECTORS = /* @__PURE__ */ new Set([
-	"a",
-	"abbr:where([title])",
-	"audio",
-	"b",
-	"button",
-	"canvas",
-	"code",
-	"embed",
-	"h1",
-	"h2",
-	"h3",
-	"h4",
-	"h5",
-	"h6",
-	"hr",
-	"html",
-	"iframe",
-	"img",
-	"input",
-	"input:where([type='button'],[type='reset'],[type='submit'])",
-	"kbd",
-	"menu",
-	"object",
-	"ol",
-	"optgroup",
-	"pre",
-	"progress",
-	"samp",
-	"select",
-	"select[multiple]optgroup",
-	"select[multiple]optgroupoption",
-	"select[size]optgroup",
-	"select[size]optgroupoption",
-	"small",
-	"strong",
-	"sub",
-	"summary",
-	"sup",
-	"svg",
-	"table",
-	"textarea",
-	"ul",
-	"video"
-]);
-const MINI_PROGRAM_UNSUPPORTED_BROWSER_PREFLIGHT_SELECTOR_PARTS = /* @__PURE__ */ new Set([...MINI_PROGRAM_UNSUPPORTED_BROWSER_TAG_SELECTORS, "::file-selector-button"]);
-function normalizeSelector$1(selector) {
-	return selector.trim().replace(/\s+/g, "");
-}
-function normalizePseudoElementSelector(selector) {
-	return normalizeSelector$1(selector).replace(/^:(before|after)$/, "::$1");
-}
-function getRuleSelectors(rule) {
-	return rule.selector.split(",").map(normalizePseudoElementSelector).filter(Boolean);
-}
-function getSortedRuleSelectorKey(rule) {
-	return getRuleSelectors(rule).sort().join(",");
-}
-function isUnsupportedBrowserSelector(selector) {
-	const normalized = normalizeSelector$1(selector);
-	return MINI_PROGRAM_UNSUPPORTED_BROWSER_SELECTORS.has(normalized) || MINI_PROGRAM_UNSUPPORTED_BROWSER_TAG_SELECTORS.has(normalized) && !MINI_PROGRAM_NATIVE_ELEMENT_SELECTORS.has(normalized);
-}
-function isUnsupportedBrowserPreflightSelector(selector) {
-	const normalizedParts = selector.split(",").map(normalizeSelector$1).filter(Boolean);
-	return normalizedParts.length > 1 && normalizedParts.every((part) => MINI_PROGRAM_UNSUPPORTED_BROWSER_PREFLIGHT_SELECTOR_PARTS.has(part));
-}
-function isMiniProgramNativeElementSelector(selector) {
-	return MINI_PROGRAM_NATIVE_ELEMENT_SELECTORS.has(normalizePseudoElementSelector(selector));
-}
-function isMiniProgramPreflightSelector(selectors) {
-	return selectors.length > 0 && selectors.every((selector) => MINI_PROGRAM_PREFLIGHT_SELECTORS.has(selector)) && selectors.some((selector) => selector === "*" || selector === ":before" || selector === ":after" || selector === "::before" || selector === "::after");
-}
-function isMiniProgramThemeScopeSelector(selectors) {
-	return selectors.length > 0 && selectors.every((selector) => MINI_PROGRAM_THEME_SCOPE_SELECTORS.has(selector));
-}
-//#endregion
-//#region src/compat/mini-program-css/predicates.ts
-const PREFLIGHT_RESET_PROPS = /* @__PURE__ */ new Set([
-	"box-sizing",
-	"border",
-	"border-width",
-	"border-style",
-	"border-color",
-	"margin",
-	"padding"
-]);
-const PSEUDO_CONTENT_SELECTOR_RE = /^(?:::before|::after|:before|:after)(?:,(?:::before|::after|:before|:after))*$/;
-const TW_CONTENT_VAR_RE = /var\(\s*--tw-content\b/;
-const BROWSER_PREFLIGHT_SINGLE_ELEMENT_DECLARATIONS = /* @__PURE__ */ new Map([["button", /* @__PURE__ */ new Set(["appearance:button", "-moz-appearance:button"])], ["textarea", /* @__PURE__ */ new Set(["resize:vertical"])]]);
-function hasTailwindPreflightDeclaration(rule) {
-	let hasTailwindVar = false;
-	let hasResetProp = false;
-	rule.walkDecls((decl) => {
-		if (decl.prop.startsWith("--tw-")) hasTailwindVar = true;
-		if (PREFLIGHT_RESET_PROPS.has(decl.prop)) hasResetProp = true;
-	});
-	return hasTailwindVar || hasResetProp;
-}
-function hasTailwindVariableDeclaration(rule) {
-	let hasTailwindVar = false;
-	rule.walkDecls((decl) => {
-		if (decl.prop.startsWith("--tw-")) hasTailwindVar = true;
-	});
-	return hasTailwindVar;
-}
-function isCustomPropertyRule(rule) {
-	let hasDeclaration = false;
-	let allCustomProperties = true;
-	rule.each((node) => {
-		if (node.type !== "decl") return;
-		hasDeclaration = true;
-		if (!node.prop.startsWith("--")) allCustomProperties = false;
-	});
-	return hasDeclaration && allCustomProperties;
-}
-function isEmptyTwContentDeclaration(decl) {
-	return decl.prop === "--tw-content" && (decl.value === "\"\"" || decl.value === "''");
-}
-function isOnlyTwContentDeclarations$1(rule) {
-	let hasDeclaration = false;
-	let onlyContentVariable = true;
-	rule.walkDecls((decl) => {
-		hasDeclaration = true;
-		if (decl.prop !== "--tw-content") onlyContentVariable = false;
-	});
-	return hasDeclaration && onlyContentVariable;
+		decl.remove();
+		return;
+	}
+	if (hasUnsupportedWebkitKeywordValue(decl)) decl.remove();
 }
-function isPseudoContentInitRule(rule) {
-	const selector = rule.selector.replace(/\s+/g, "");
-	return PSEUDO_CONTENT_SELECTOR_RE.test(selector) && isOnlyTwContentDeclarations$1(rule);
+function removeUnsupportedMiniProgramPrefixedAtRule(atRule) {
+	if (atRule.name.toLowerCase() === "-webkit-keyframes") atRule.remove();
 }
-function usesTwContentVariable(root) {
-	let used = false;
-	root.walkDecls((decl) => {
-		if (TW_CONTENT_VAR_RE.test(decl.value)) used = true;
+//#endregion
+//#region src/compat/mini-program-css/directives.ts
+const TAILWIND_V4_BANNER_RE = /\/\*!\s*tailwindcss v4\./;
+const GENERATOR_PLACEHOLDER_COMMENT_RE = /^\s*(?:!\s*)?weapp-tailwindcss generator-placeholder\s*$/i;
+function hasTailwindcssV4Signal(css) {
+	if (TAILWIND_V4_BANNER_RE.test(css)) return true;
+	const root = postcss.default.parse(css);
+	let hasProperty = false;
+	root.walkAtRules("property", (atRule) => {
+		if (atRule.params.trim().startsWith("--tw-")) {
+			hasProperty = true;
+			return false;
+		}
 	});
-	return used;
-}
-function isMiniProgramPreflightRule(node) {
-	if (node.type !== "rule") return false;
-	const selectors = getRuleSelectors(node);
-	if (!isMiniProgramPreflightSelector(selectors)) return false;
-	if (selectors.includes("*")) return hasTailwindPreflightDeclaration(node);
-	if (hasTailwindVariableDeclaration(node)) return true;
-	return selectors.some((selector) => selector === ":before" || selector === ":after" || selector === "::before" || selector === "::after") && selectors.some((selector) => selector === "view" || selector === "text") && hasTailwindPreflightDeclaration(node);
+	return hasProperty;
 }
-function isBrowserElementPreflightRule(node) {
-	if (node.type !== "rule") return false;
-	const selectors = getRuleSelectors(node);
-	if (selectors.length !== 1) return false;
-	const declarations = BROWSER_PREFLIGHT_SINGLE_ELEMENT_DECLARATIONS.get(selectors[0]);
-	if (!declarations) return false;
-	let hasDeclaration = false;
-	let allBrowserPreflightDeclarations = true;
-	node.each((child) => {
-		if (child.type !== "decl") return;
-		hasDeclaration = true;
-		const key = `${child.prop.toLowerCase()}:${child.value.trim().toLowerCase()}`;
-		if (!declarations.has(key)) allBrowserPreflightDeclarations = false;
+function unwrapTailwindSourceMedia(root) {
+	root.walkAtRules("media", (atRule) => {
+		if (!atRule.params.startsWith("source(")) return;
+		if (atRule.nodes && atRule.nodes.length > 0) atRule.replaceWith(...atRule.nodes);
+		else atRule.remove();
 	});
-	return hasDeclaration && allBrowserPreflightDeclarations;
 }
-function isMiniProgramThemeVariableRule(node) {
-	if (node.type !== "rule") return false;
-	return isMiniProgramThemeScopeSelector(getRuleSelectors(node)) && isCustomPropertyRule(node);
+function removeTailwindGenerationDirectives(root) {
+	root.walkComments((comment) => {
+		if (GENERATOR_PLACEHOLDER_COMMENT_RE.test(comment.text)) comment.remove();
+	});
+	root.walkAtRules((atRule) => {
+		if (atRule.name === "config" || atRule.name === "source" || atRule.name === "tailwind" || atRule.name === "reference" || atRule.name === "plugin") atRule.remove();
+	});
 }
 //#endregion
 //#region src/compat/mini-program-css/hoist.ts
@@ -2429,191 +2615,6 @@ function createPreflightResetRule(cssPreflight) {
 	return rule.nodes?.length ? rule : void 0;
 }
 //#endregion
-//#region src/compat/mini-program-css/color-gamut.ts
-const DISPLAY_P3_VALUE_RE = /color\(\s*display-p3\b/i;
-const COLOR_GAMUT_P3_RE = /\(\s*color-gamut\s*:\s*p3\s*\)/i;
-function isDisplayP3MediaRule(atRule) {
-	return atRule.name === "media" && COLOR_GAMUT_P3_RE.test(atRule.params);
-}
-function isDisplayP3Declaration(decl) {
-	return DISPLAY_P3_VALUE_RE.test(decl.value);
-}
-//#endregion
-//#region src/compat/mini-program-css/root-cleanups.ts
-function removeSpecificityPlaceholders(root) {
-	root.walkRules((rule) => {
-		if (!rule.selectors || rule.selectors.length === 0) return;
-		let changed = false;
-		const selectors = rule.selectors.map((selector) => {
-			let next = selector;
-			for (const suffix of SPECIFICITY_PLACEHOLDER_SUFFIXES) if (next.includes(suffix)) next = next.split(suffix).join("");
-			if (next !== selector) changed = true;
-			return next;
-		});
-		if (changed) rule.selectors = selectors;
-	});
-}
-function hasMiniProgramCssSpecificityPlaceholders(source) {
-	return SPECIFICITY_PLACEHOLDER_SUFFIXES.some((suffix) => source.includes(suffix));
-}
-function stripMiniProgramCssSpecificityPlaceholders(source) {
-	let output = source;
-	for (const suffix of SPECIFICITY_PLACEHOLDER_SUFFIXES) if (output.includes(suffix)) output = output.split(suffix).join("");
-	return output;
-}
-const removeSpecificityPlaceholdersFromSource = stripMiniProgramCssSpecificityPlaceholders;
-function removeRootSpecificityPlaceholders(root) {
-	root.walkRules((rule) => {
-		if (!rule.selectors || rule.selectors.length === 0) return;
-		let changed = false;
-		const selectors = rule.selectors.map((selector) => {
-			let next = selector;
-			for (const scopeSelector of MINI_PROGRAM_THEME_SCOPE_SELECTORS) for (const suffix of ROOT_SPECIFICITY_PLACEHOLDER_SUFFIXES) {
-				const target = `${scopeSelector}${suffix}`;
-				if (next.includes(target)) next = next.split(target).join(scopeSelector);
-			}
-			if (next !== selector) changed = true;
-			return next;
-		});
-		if (changed) rule.selectors = selectors;
-	});
-}
-function isEffectivelyEmptyContainer(container) {
-	return container.nodes !== void 0 && container.nodes.every((node) => node.type === "comment");
-}
-function removeEmptyAtRules(root) {
-	let removed = 0;
-	const visit = (container) => {
-		for (const node of [...container.nodes ?? []]) {
-			if (!("nodes" in node) || node.nodes === void 0) continue;
-			visit(node);
-			if (node.type === "atrule" && node.parent && isEffectivelyEmptyContainer(node)) {
-				node.remove();
-				removed++;
-			}
-		}
-	};
-	visit(root);
-	return removed;
-}
-function removeEmptyBlockAtRules(root) {
-	let removed = 0;
-	root.walkAtRules((atRule) => {
-		if (atRule.nodes?.length === 0) {
-			atRule.remove();
-			removed++;
-		}
-	});
-	return removed;
-}
-function removeEmptyAtRuleAncestors(parent) {
-	while (parent?.type === "atrule" && isEffectivelyEmptyContainer(parent)) {
-		const nextParent = parent.parent;
-		parent.remove();
-		parent = nextParent?.type === "atrule" ? nextParent : void 0;
-	}
-}
-function removeUnsupportedBrowserSelectors(root) {
-	root.walkRules((rule) => {
-		if (!rule.selectors || rule.selectors.length === 0) return;
-		if (isUnsupportedBrowserPreflightSelector(rule.selector)) {
-			const parent = rule.parent;
-			rule.remove();
-			removeEmptyAtRuleAncestors(parent);
-			return;
-		}
-		if (isBrowserElementPreflightRule(rule)) {
-			const parent = rule.parent;
-			rule.remove();
-			removeEmptyAtRuleAncestors(parent);
-			return;
-		}
-		const selectors = rule.selectors.filter((selector) => !isUnsupportedBrowserSelector(selector));
-		if (selectors.length === rule.selectors.length) return;
-		if (selectors.length === 0) {
-			const parent = rule.parent;
-			rule.remove();
-			removeEmptyAtRuleAncestors(parent);
-			return;
-		}
-		rule.selectors = selectors;
-	});
-}
-function removeDeclarationAndEmptyRule$1(decl) {
-	const parent = decl.parent;
-	decl.remove();
-	if (parent?.type === "rule" && parent.nodes.length === 0) {
-		const ruleParent = parent.parent;
-		parent.remove();
-		removeEmptyAtRuleAncestors(ruleParent);
-	}
-}
-function removeEmptyStandardPropertyFallbacks(root) {
-	root.walkDecls((decl) => {
-		if (!decl.prop.startsWith("--") && decl.value.trim().length === 0 && decl.parent?.nodes.some((node) => node !== decl && node.type === "decl" && node.prop === decl.prop && node.value.trim().length > 0)) removeDeclarationAndEmptyRule$1(decl);
-	});
-}
-function removeDisplayP3Declarations(root) {
-	root.walkAtRules((atRule) => {
-		if (isDisplayP3MediaRule(atRule)) {
-			const parent = atRule.parent;
-			atRule.remove();
-			removeEmptyAtRuleAncestors(parent);
-		}
-	});
-}
-const SIMPLE_MIN_WIDTH_MEDIA_RE = /^\(\s*min-width\s*:[^)]+\)$/i;
-const TAILWIND_GENERATED_TOKEN_COMMENT_RE = /^\s*tokens:\s*container\s*<=\s*<tailwind generated>\s*$/i;
-function isContainerMaxWidthOnlyRule(rule) {
-	if (!rule.selectors || rule.selectors.length !== 1 || rule.selectors[0] !== ".container") return false;
-	const declarations = rule.nodes?.filter((node) => node.type === "decl") ?? [];
-	return declarations.length === 1 && declarations[0]?.prop === "max-width" && (rule.nodes ?? []).every((node) => node.type === "decl" || node.type === "comment");
-}
-function removeTailwindContainerMaxWidthMediaRules(root) {
-	root.walkAtRules("media", (atRule) => {
-		if (!SIMPLE_MIN_WIDTH_MEDIA_RE.test(atRule.params.trim())) return;
-		atRule.walkRules((rule) => {
-			if (!isContainerMaxWidthOnlyRule(rule)) return;
-			const parent = rule.parent;
-			rule.remove();
-			removeEmptyAtRuleAncestors(parent);
-		});
-	});
-}
-function isContainerWidthOnlyRule(rule) {
-	if (!rule.selectors || rule.selectors.length !== 1 || rule.selectors[0] !== ".container") return false;
-	const declarations = rule.nodes?.filter((node) => node.type === "decl") ?? [];
-	return declarations.length === 1 && declarations[0]?.prop === "width" && declarations[0].value.trim() === "100%" && (rule.nodes ?? []).every((node) => node.type === "decl" || node.type === "comment");
-}
-function isTailwindGeneratedContainerRule(rule) {
-	const previous = rule.prev();
-	return previous?.type === "comment" && TAILWIND_GENERATED_TOKEN_COMMENT_RE.test(previous.text);
-}
-function removeTailwindContainerWidthRules(root, options = {}) {
-	root.walkRules((rule) => {
-		if (!isContainerWidthOnlyRule(rule)) return;
-		if (options.generatedOnly && !isTailwindGeneratedContainerRule(rule)) return;
-		const parent = rule.parent;
-		if (isTailwindGeneratedContainerRule(rule)) rule.prev()?.remove();
-		rule.remove();
-		removeEmptyAtRuleAncestors(parent);
-	});
-}
-function removeUnsupportedModernColorDeclarations(root) {
-	const customPropertyValues = /* @__PURE__ */ new Map();
-	root.walkDecls((decl) => {
-		if (decl.prop.startsWith("--")) customPropertyValues.set(decl.prop, decl.value.trim());
-	});
-	root.walkDecls((decl) => {
-		const normalized = normalizeModernColorValue(decl.value, customPropertyValues);
-		if (normalized.changed) {
-			decl.value = normalized.value;
-			if (decl.prop.startsWith("--")) customPropertyValues.set(decl.prop, decl.value.trim());
-		}
-		if (normalized.hasUnsupported) removeDeclarationAndEmptyRule$1(decl);
-	});
-}
-//#endregion
 //#region src/compat/mini-program-css/theme.ts
 function collectThemeVariableRule(root, options = {}) {
 	const themeRules = [];
@@ -2650,7 +2651,7 @@ function finalizeMiniProgramCssRoot(root, options = {}) {
 	removeRootSpecificityPlaceholders(root);
 	removeUnsupportedBrowserSelectors(root);
 	removeDisplayP3Declarations(root);
-	removeEmptyStandardPropertyFallbacks(root);
+	removeEmptyStandardDeclarations(root);
 	removeTailwindContainerMaxWidthMediaRules(root);
 	removeTailwindContainerWidthRules(root, { generatedOnly: true });
 	removeUnsupportedModernColorDeclarations(root);
@@ -3047,8 +3048,14 @@ function isWebCssCompatEnabled(options) {
 }
 function collectCustomPropertyValues(root) {
 	const values = /* @__PURE__ */ new Map();
-	root.walkDecls((decl) => {
-		if (decl.prop.startsWith("--")) values.set(decl.prop, decl.value.trim());
+	root.walkRules((rule) => {
+		if (!rule.selectors.some((selector) => selector.trim() === ":root" || selector.trim() === ":host")) return;
+		rule.each((node) => {
+			if (node.type === "decl" && node.prop.startsWith("--") && !node.prop.startsWith("--tw-")) {
+				const decl = node;
+				values.set(decl.prop, decl.value.trim());
+			}
+		});
 	});
 	return values;
 }
@@ -6507,8 +6514,27 @@ function shouldUseDefaultAutoprefixer(options, userPlugins) {
 	if (options.autoprefixer === true || typeof options.autoprefixer === "object") return true;
 	return options.majorVersion === 4;
 }
+function isUniAppXNativeAuthorStyle(options) {
+	const source = options.uniAppXCssSource;
+	return options.uniAppX === true && options.uniAppXCssTarget === "uvue" && (source === "author" || source === "author-apply");
+}
+function appendUniAppXNativeAuthorDeclarationNodes(preparedNodes, options) {
+	if (options.uniAppXCssSource !== "author-apply") return;
+	const declarationPlugins = [
+		["normal:units-to-px", getUnitsToPxPlugin(options)],
+		["normal:px-transform", getPxTransformPlugin(options)],
+		["normal:rem-transform", getRemTransformPlugin(options)],
+		["normal:unit-conversion", getUnitConversionPlugin(options)],
+		["normal:calc", getCalcPlugin(options)]
+	];
+	for (const [id, plugin] of declarationPlugins) if (plugin) preparedNodes.push(createPreparedNode(id, "normal", () => plugin));
+}
 function createPreparedNodes(options, signal) {
 	const preparedNodes = [];
+	if (isUniAppXNativeAuthorStyle(options)) {
+		appendUniAppXNativeAuthorDeclarationNodes(preparedNodes, options);
+		return preparedNodes;
+	}
 	const userPlugins = normalizeUserPlugins(options.postcssOptions?.plugins);
 	const presetEnvOptions = {
 		...options.cssPresetEnv,