🔢
已完成
趣味数学 · 三人分饼
妈妈烙了一张圆饼,要平均分给三个人。每个人能分到这张饼的几分之几?
每完成一件,就能点亮一颗星星。慢慢来,不着急。
妈妈烙了一张圆饼,要平均分给三个人。每个人能分到这张饼的几分之几?
认识成语「守株待兔」,读懂它背后的小故事,还有藏着的大道理。
秋风吹过,叶子悄悄换上了黄色。这背后藏着一个和阳光有关的秘密,你知道吗?
本周你已经点亮 3 颗星。再完成 2 个任务,就能解锁「探索达人」徽章,继续加油!
每一个小任务背后,都是一段值得记住的知识。
比喻不主动努力,而心存万一的侥幸,妄想不劳而获。
春秋时期,宋国有个农夫,偶然看见一只兔子撞死在田边的树桩上。他从此放下锄头,天天守在树桩旁等兔子,结果田地荒芜,再也没有等到第二只。
学习要靠日积月累,不能守株待兔地盼着好成绩从天而降。
问: 农夫最后为什么一无所获?
答: 他把全部希望寄托在一次偶然上,放下了锄头不再耕种,田地自然颗粒无收。这个故事告诉我们:踏实努力,比等待运气更可靠。
复制下面这段 prompt(自带本风格全部配色、字体、圆角参数),粘贴给任意大模型即可。无需联网。
请用以下设计规范,生成一个前端工程。
【风格】活泼趣味 lively-young
【调性】活泼、明快、亲和、趣味、友好
【设计令牌 · 配色】
- 主色 #FF6B6B(暖珊瑚,非荧光),辅色 #4ECDC4(薄荷青)
- 背景 #FFF9F5(暖米底,非纯白),卡片 #FFFFFF,描边 #F2E4D7
- 正文 #3D2C23(暖棕黑,适合儿童阅读),次级文字 #7A6557
- 点缀色:#FFD93D 蛋黄 / #A8E6CF 薄荷 / #FFB7B2 蜜桃 / #C7CEEA 淡蓝紫
- 语义色:成功 #52C41A / 警告 #FAAD14 / 错误 #FF4D4F / 信息 #1890FF
【设计令牌 · 字体】
- 标题:ZCOOL KuaiLe(圆体,显可爱)
- 正文:PingFang SC(黑体)
【设计令牌 · 形状】
- 圆角:小 12px / 中 20px / 大 28px / 全圆 9999px(大圆角,圆乎乎显可爱)
- 阴影:0 6px 0 rgba(61,44,35,0.12)(贴纸/积木立体感)
- 描边:略粗(2px),显卡通
【设计令牌 · 间距与动效】
- 页面边距 24px,区块间距 64px
- 动效:180ms/350ms/650ms,回弹 cubic-bezier(0.34,1.8,0.64,1)(明显回弹,显活泼)
- 阅读行高松(正文 1.6,长文 1.85)
【文案语调】活泼亲切像朋友,多用"你"、问句、感叹号
- ⚠️ 禁低幼化用语(宝宝/吃饭饭)和网络黑话(绝绝子/yyds/卧槽/nb)
- emoji:标题鼓励处可用,正文知识区禁用,每行不超 1 个
- CTA 用动词+鼓励(如"开始今天的探索")
【⚠️ K12 特殊约束】
面向 K12 学生,但付费和反馈方是家长:
- 外层活泼吸引孩子,内层必须有扎实知识内核,可被家长检验
- 不使用红包、金币抽盲盒等诱导性游戏化机制
- 配色明快但克制饱和度,避免荧光,保持"值得信赖"
【技术要求】(按目标平台选择,默认 H5 移动端)
- 单位 vw(设计稿 375,换算 px ÷ 375 × 100 = vw)
- CSS 令牌驱动:tokens 写进 :root 变量,组件用 var() 引用
- 文件结构:assets/css/{tokens,base,components}.css 三层分离
- 点击热区 ≥ 48px(儿童手指控制力弱,加大)
【模块顺序】hero → today_mission → progress → content → reward → cta
【内容】[描述你要做的页面/业务]
【硬性要求】
1. 所有颜色值必须用上面给定的,不自创颜色,全部定义为 CSS 变量
2. 所有尺寸引用令牌阶梯(圆角/间距/字号),不写魔法数字
3. 文案必须遵循上述语调,严格满足 K12 约束
4. 逐条满足技术要求中的约束
5. 视觉风格可参考在线 demo:https://template.qimuxu.com/demos/lively-young/