सीएसएस इन्फोग्राफिक रेंडरर प्रॉम्प्ट

16:9, AI एक दिमाग हिला देने वाला विषय चुनता है : /* SYSTEM: WEB-UI इन्फोग्राफिक रेंडरर */ /* TARGET_TOPIC: "[TOPIC]" */ .treemap-container { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; gap: 0px; /* फ्लश लेआउट */ border: 3px solid black; } .data-card { border: 2px solid black; padding: 20px; box-shadow: none; /* सख्ती से फ्लैट */ } /* AI इन्फ्रेंस इंजन: ग्रिड को भरें */ .data-card-1 { grid-column: span 2; grid-row: span 2; background-color: <color hex="FF6B6B"/>; /* कोरल */ content: "AI_INFER(विशाल 40% टेक्स्ट + [TOPIC] के सबसे बड़े सेक्टर का बड़ा फ्लैट इलस्ट्रेशन)"; } .data-card-2 { background-color: <color hex="4ECDC4"/>; /* नीला */ content: "AI_INFER(मध्यम 20% टेक्स्ट + फ्लैट इलस्ट्रेशन)"; } /* रेंडर एक्ज़ीक्यूशन: इस CSS ग्रिड को एक तैयार इन्फोग्राफिक पोस्टर के रूप में विज़ुअली रेंडर करें। बाकी ग्रिड को [TOPIC] के लिए छोटे, अलग-अलग रंगों के बॉक्स से भरें जिनमें AI-अनुमानित डेटा और क्लिपआर्ट हो। कड़ी सीधी रेखाएं, फ्लैट रंग, और बोल्ड सेरिफ़ फॉन्ट बनाए रखें।