Plain Bash C++ C C# CSS Diff XML HTML Java JS Markdown PHP Python Ruby SQL TS JSON Vue 世界名作家学习卡片生成器
Time: 2025-12-29 | Version: v1.0.0 | Author: 小小文学家
请创建一个 1080×1920 像素的世界名作家学习卡片网页 按以下规范输出一个可直接在浏览器打开的完整 HTML（含内联 CSS）。 风格为文学插画肖像。色彩需要温暖复古又充满书卷气 画面作家为焦点、融入代表作元素。插图区域严禁任何圆角与外框。
整体布局
移动端友好的垂直布局（1080×1920px）
视觉层级：上半部分插图（约 70% 高度，约 1344px）＞ 下半部分信息（约 30% 高度，约 576px）
文学插画肖像风格，颜色：warm literary tones, vintage book colors, sepia and earth tones, nostalgic atmosphere, artistic and thoughtful （温暖文学色调、复古书籍配色、棕褐与大地色、怀旧氛围、艺术且深沉）
上半部分（约 1080×1344px）- 作家插图（使用 NanoBanana 模型）
模型要求：必须使用 NanoBanana 生成插图（不得使用其他模型）
铺满要求：插图需**满幅贴边（full-bleed）**覆盖整个上半部分； 四角 90° 直角；绝不允许圆角
严禁外框/相框/白边/卡片边/贴纸边/描边围框/ 内嵌细线框/发光边/投影边/UI 面板/容器等一切边界装饰
风格细则：
文学插画肖像风格；温暖复古的书卷气配色；半写实艺术化
writer as main subject, shown writing or in contemplation, period-appropriate setting, incorporate iconic elements from their famous works, warm lighting suggesting creativity and depth （作家为主体、呈现写作或沉思状态、符合时代的场景设置、融入其代表作的标志性元素、温暖光线暗示创造力与深度）
artistic portrait style, not photorealistic but expressive, background includes books, writing desk, or symbolic elements from their works, era-specific clothing and atmosphere （艺术肖像风格、非照片写实但富表现力、背景包含书籍写字台或作品象征元素、符合时代的服装与氛围）
插画风格偏向艺术肖像；色彩温暖怀旧；构图有文学气息；营造深沉思考的氛围
作家名字融入：
作家的英文名字可作为画面装饰元素（如出现在书脊、手稿、背景中）
字体选用文学感的衬线体，如 Garamond、Baskerville 风格
大小适中（约 65–80px），留足边距，不遮挡人物主体
颜色通常为深棕色、墨色或金色，与复古氛围协调
名字必须完整显示在画面内
场景示例（理解风格倾向，非强制复制）：
"鲁迅"：民国书房，作家在昏黄灯光下写作，桌上有笔墨纸砚，窗外是老上海街景，背景隐约有《呐喊》《彷徨》字样
"安徒生"：童话氛围场景，作家坐在书桌前，周围漂浮着美人鱼、丑小鸭、卖火柴的小女孩等童话角色剪影
"莎士比亚"：英国文艺复兴时期装扮，手持羽毛笔，背景是环球剧院舞台，朦胧中有《哈姆雷特》《罗密欧与朱丽叶》元素
"海明威"：硬汉形象，在打字机前写作，背景是海洋或非洲草原，暗示《老人与海》《乞力马扎罗的雪》
（用于 NanoBanana 的负面关键词 · 强约束）
no frame, no border, no rounded corner, no rounded rectangle, no card, no sticker edge, no UI panel, no container, no vignette, no white edge, no black edge, no outline around canvas, no modern elements, no overly bright colors, no cartoon style, no clutter, no multiple people
下半部分（约 576px 高）- 文学档案展示区（纯净背景，全部居中）
纯净背景（米白色 #f9f6f0 或浅褐色 #f5f1e8，纸张质感）；不使用卡片效果/阴影/边框
垂直居中排列；间距舒适统一；所有文本居中对齐
容器高度固定 576px，内容精简确保不溢出
作家中文名字
加粗，字号 74px；颜色 #2c1810（深褐）； 与下方英文名间距 18px
作家英文名字
字号 48px；颜色 #5a4a3a（中褐）；字体用 'Crimson Text' 或 'Libre Baskerville'
与下方国籍年代间距 26px
国籍 & 年代
格式：📚 国籍 · 生卒年份（如：中国 · 1881-1936）
字号 44px；颜色 #6b5d52；使用书籍图标增加文学感
与下方代表作间距 28px
代表作品
格式：代表作：《作品1》《作品2》《作品3》
字号 42px；颜色 #4a3f35；书名号清晰
与下方风格间距 30px
创作风格/文学地位
1-2行精简描述（控制在40字以内），概括作家的核心特点
字号 40px；颜色 #3d3329；行高 1.7
最大宽度 82% 居中显示
底部留白 35px
样式规范（写入 HTML 的内联 CSS 要点）
/* 关键CSS结构 */
body {
margin: 0;
padding: 0;
width: 1080px;
height: 1920px;
overflow: hidden;
background: #f9f6f0;
}
.image-section {
width: 1080px;
height: 1344px;
overflow: hidden;
}
.image-section img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.info-section {
width: 1080px;
height: 576px;
background: linear-gradient(to bottom, #f9f6f0, #f5f1e8);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 45px 60px;
box-sizing: border-box;
}
.writer-name-cn {
font-size: 74px;
font-weight: bold;
color: #2c1810;
margin: 0 0 18px 0;
text-align: center;
}
.writer-name-en {
font-size: 48px;
color: #5a4a3a;
font-family: 'Crimson Text', 'Libre Baskerville', serif;
margin: 0 0 26px 0;
text-align: center;
font-style: italic;
}
.writer-info {
font-size: 44px;
color: #6b5d52;
margin: 0 0 28px 0;
text-align: center;
}
.representative-works {
font-size: 42px;
color: #4a3f35;
margin: 0 0 30px 0;
text-align: center;
line-height: 1.6;
}
.writing-style {
font-size: 40px;
color: #3d3329;
line-height: 1.7;
max-width: 82%;
text-align: center;
margin: 0;
padding-bottom: 35px;
}
字体：中文用系统默认或 'Noto Serif SC'；英文用 'Crimson Text' 或 'Libre Baskerville'（文学衬线体）
上半部分：零内边距；插图完全填充；禁止圆角； 禁止任何外框/留白边
下半部分：固定高度 576px；背景用米白到浅褐的渐变（纸张质感）；不加边框/阴影
风格描述严格控制在1-2行（40字内），确保不溢出
文字全部居中；层次清晰；整体温暖有书卷气
响应式与呈现
严格按照 1080×1920 分辨率输出
上半部分插图 满幅贴边、无圆角、无外框；四角直角
作家名字完整显示；大小与位置需考虑安全边距
下半部分内容精简，确保所有文字在576px高度内完整显示
不显示任何风格选择 UI；直接展示成品
🎯 作家输入
在下方仅输入要生成的作家名字（中文或英文均可），其余信息由系统自动生成：
作家：【在此填写作家名字】
示例：
中国作家：鲁迅 / 老舍 / 巴金 / 沈从文 / 张爱玲 / 莫言
外国作家：莎士比亚 / 安徒生 / 马克·吐温 / 海明威 / 卡夫卡 / 加西亚·马尔克斯
作家信息参考：
鲁迅：中国 · 1881-1936 / 代表作：《呐喊》《彷徨》《故事新编》/ 现代文学奠基人，深刻批判封建社会
莎士比亚：英国 · 1564-1616 / 代表作：《哈姆雷特》《罗密欧与朱丽叶》《麦克白》/ 世界戏剧之父，人性描写大师
安徒生：丹麦 · 1805-1875 / 代表作：《海的女儿》《丑小鸭》《卖火柴的小女孩》/ 童话大师，作品充满哲理与温情
海明威：美国 · 1899-1961 / 代表作：《老人与海》《永别了，武器》/ 硬汉文学代表，简洁有力的冰山理论
马克·吐温：美国 · 1835-1910 / 代表作：《汤姆·索亚历险记》《哈克贝利·费恩历险记》/ 幽默讽刺大师，美国文学之父
输出要求
产出完整 HTML（包含 <!DOCTYPE html>、<head>、<body>）
CSS 全部内联于 <style> 标签内
使用上述 CSS 结构，确保布局稳定
插图通过 NanoBanana 生成后嵌入 <img> 标签
风格描述必须控制在40字以内，保持精简
总页面高度严格为1920px，不允许超出
可直接在浏览器打开，无需额外配置
阅读习惯的培养不是一蹴而就的，而是需要循序渐进的引导。当孩子拿着这些精美的作家卡片，看着一位位文学大师的艺术肖像，了解他们的生平和代表作，会对"作家"这个职业产生敬意和向往。
更重要的是，这套卡片传递的不只是知识，更是一种价值观——文学的价值、思想的力量、阅读的意义。在这个快餐文化盛行的时代，让孩子静下心来认识这些伟大的灵魂,比任何速成的阅读技巧都更珍贵。📚✨🖋️
