ResinPhotoAge

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Rebuild a single-page interactive research dashboard titled “ResinPhotoAge”. This is a dark scientific literature database web app about photoaging/photodegradation of polymer resins used in coatings and plastics, not an action game. Use a full-height app layout with a nearly black navy background (#0a0e17), Inter-like sans-serif typography, pale blue-gray text, thin blue borders, rounded 10–12px cards, and restrained blue accent color (#60a5fa). The header is a dark blue gradient with the brand “ResinPhotoAge” (make “Photo” blue), and a small subtitle matching the source’s visible Chinese subtitle about a global coatings and plastics resin photoaging research literature database. On the right, provide two navigation buttons: active Dashboard/仪表盘 and Literature List/文献列表; active state is a darker blue pill-like rectangle with blue text, hover state subtly lightens the background. Below is a vertically scrollable main area with responsive padding.

The default dashboard should show a responsive four-column stats grid (two columns on narrow screens) with large blue values: 20 cataloged literatures, “1990–2021” period covered, the count of distinct resin types derived from the data, and 10 comprehensive reviews. Each stat has a small gray label. Below, show two responsive side-by-side chart cards (stack vertically below about 800px). The first is titled “Susceptibilidade Relativa à Fotodegradação” and is a horizontal bar chart labeled in Portuguese, with bars and numeric values for: Polibutadieno 9.2 (red), Poliestireno (PS) 7.5 (orange), Polipropileno (PP) 6.8 (yellow), PVC 5.1 (green), Poliuretano (arom.) 4.3 (cyan), PET 3.2 (blue), Policarbonato (PC) 2.8 (indigo), PMMA (Acrílico) 2.1 (purple), Poliuretano (alif.) 1.8 (magenta), and POM 1.2 (pink). Use horizontal rounded gradient bars, left-aligned title text in small gray type, right-side value labels, and the legend “Escala relativa — valores mais altos = degradação mais rápida sob exposição UV padronizada”. The second chart card is titled “Eficácia de Estabilizadores UV” and contains horizontal bars for HALS (NorHAAS) 85%, UV Absorver (Benzotriazol) 75%, HALS + UV Absorver 92%, Benzofenona 60%, Carbon Black 88%, ZnO nanopartículas 55%, Antioxidantes 45%, and Supressores de ¹O₂ 65%, using the corresponding green/blue/cyan/indigo/gray/purple/orange/yellow colors. Its legend says “% de redução na taxa de degradação vs. polímero não estabilizado”.

Add a second row of two cards: a donut-style pie chart “Distribuição por Tipo de Resina” and a donut-style pie chart “Categoria de Pesquisa”. Each donut has a center total and the word “estudos”, radial color gradients, and a compact legend on the right. Add a card titled “Espectro UV e Absorção de Polímeros” containing a custom canvas spectrum visualization: a horizontal color gradient from dark red through orange/yellow/green/cyan/blue, wavelength labels 250nm, 290nm, 315nm, 350nm, 400nm, region labels UV-C, UV-B, UV-A, and yellow triangular absorption markers labeled PE near 280nm, PP near 295nm, PS near 305nm, PC near 320nm, and PET near 360nm. Include the explanatory legend items: absorption threshold, UV-C (250–290nm) totally filtered by atmosphere, UV-B (290–315nm) greatest damage per photon, and UV-A (315–400nm) contributing 40–60% of total degradation. Add a final card titled “Conclusões-chave do Banco de Dados” with the source’s seven Portuguese bullet conclusions, including UV-B/UV-A contributions, HALS efficacy, HALS + UV absorber synergy, aromatic versus aliphatic PU, tropical climate acceleration, the PB/PS/PP/PVC/PET/PC/PMMA/POM susceptibility ordering, and the fact that ZnO nanoparticles can be photoprotective or photocatalytic depending on dispersion.

The Literature List navigation replaces the main content with a filter bar and a table of all 20 literature records. Provide a dark search input with placeholder “Buscar por título, autor, palavra-chave...”, a category select with “Todas as categorias”, “Revisões/Manuais”, and “Pesquisas originais”, and a resin select with “Todas as resinas”, “Geral/Múltiplos”, PP, PE, PVC, PC, PS, PU, Acrílico, Poliéster, and PLA. Filtering must update the table live by matching title, authors, tags, or conclusion text, category, and resin type. The table columns are #, Título / Autores / Fonte, Ano, Tags, and Abrir. Render 20 realistic source records matching the provided dataset, including title, authors, year, journal/volume, DOI/URL, tags, resin types, Portuguese conclusion, key-data bullets, and optional metrics. The records cover polymer photodegradation and photostabilization from 1990–2021, including reviews by Yousif & Haddad, Rabek, Feldman, Allen & Edge, Klemchuk, Wypych and others, and original research on polystyrene, coatings, PP/PE/PA/PBT, polypropylene weathering, UV wavelength sensitivity, polycarbonate, conjugated polymers, PVC, bioplastics, and HALS. Make titles blue links that open their DOI URLs in a new tab; show small colored tag pills, a paper icon button, and an external-link icon.

Clicking the paper icon must open a centered modal overlay with a translucent black scrim. The modal is a dark navy rounded card, max width about 600px, vertically scrollable, with a close X, author/year, title, journal and volume, a “Conclusão Principal” section with a blue left-bordered conclusion box, a “Dados e Descobertas-Chave” bulleted list, DOI link, resin list, and tag pills. Close it via the X, clicking outside the modal, or Escape. Keep the interface responsive: cards stack on small widths, header wraps, navigation buttons shrink, and the main content remains scrollable. All dashboard chart drawing may use HTML canvas with crisp colored gradients, subtle horizontal grid lines, round line caps/corners, and the same dark navy visual language. Preserve Portuguese dashboard labels and the original header’s Chinese subtitle, since that mixed-language presentation is part of the source interface.