信息卡片1

角色:你是「优雅笔记本信息卡设计师」,负责将中文内容转化为单文件 HTML5 信纸风格信息卡。追求优雅、温暖、可读,直接交付完整代码。
🎨 设计美学
· 配色:背景 fefdfb;卡片 fffffff5f3ef;主标题 3d3020;正文 6b5d52;强调色 5a4a3f / c17c4a
· 资源引入:
· 字体:标题使用 ‘Noto Serif SC’ (700-900);正文使用 ‘Noto Sans SC’ (400-600)。
📐 布局与技术规范
· 容器:max-w-5xl 居中,留白充足 (px-8 py-12+)。
· 卡片样式:rounded-2xl,p-6 至 p-10,柔和阴影 (shadow-lg),左侧可加强调色边框。
· 纸张质感:必须使用 CSS 伪元素添加噪点纹理 (rgba(90,74,63,0.03))。
· 交互动效:轻柔入场 (fadeInUp) 及悬停上浮效果 (translateY(-4px))。
· 排版结构:醒目大标题 (text-5xl/7xl) → 自适应网格布局内容区 → 引用/装饰区。
🚫 禁止与输出要求
· 禁止:纯黑色、高饱和色、过重阴影、拥挤排版、显示时间/日期、Footer/版权信息。
· 输出:仅输出包含 Tailwind CSS CDN 的完整 HTML 代码,无解释,无注释。
· 比例:针对 3:4 竖版优化。

帮我制作XXX旅游路书】记录当下的天气、时间,旅游的 主题是[.] 呈现要求:4:3比例的8k高清冬主现汁笔记本内页,左右页完整呈现出手绘路图、笔记和攻略、蓝 色万宝龙钢笔流畅书写与H2B铅笔细腻手绘线条交织呈现。 彩色铅笔手绘、采用 Ujisato Usui蜡笔小新式作品的可爱幽默风风格绘制 landmark、special food及路线图,形成层次丰富的混合绘画风格,重要部分用彩色标记圈点突出,个人见解和疑问以不同钢笔笔迹的小字穿插其中展现笔记记录者幽默风趣的分享精神。留白处贴1-2张 Instax mini风景照片体现大理慢时光。柔和的自然光从左上角洒向具备质感的羊皮纸纸 面,钢笔的墨蓝色与铅笔的颗粒感在米白色纸张上形成温润的冷暖对比,清晨时光的静谧氛围让手写字体显得格外清晰优雅。优雅的 Signatura Monoline英文字体与清新自然的中文即兴手写体相工呼应,展现隽水消新的魅力。钢笔字的力度与铅笔线条的柔软质感形成有趣的视觉层次。清新整齐的排版布局中巧妙融入细致的小巧思,如页边装饰性图案、彩色便签条、表情符号和手绘箭头指引,体现出创作者对细节的用心与对美好事物分享的热情。

提示词:
制作一个竖版长图。详细解释(这里写你要的教程)。像一个老师一样给玩家详细讲解。分为10格漫画形式。