commit f8ed063b760a91ccbdecb89c34e0dfc7c7eeb719
Author: zhangyang <zhangyang.games@gmail.com>
Date:   Thu May 14 21:05:10 2026 +0000

    上传文件至「/」

diff --git a/Cibird.png b/Cibird.png
new file mode 100644
index 0000000..409e1b3
Binary files /dev/null and b/Cibird.png differ
diff --git a/import_words.py b/import_words.py
new file mode 100644
index 0000000..fcd2048
--- /dev/null
+++ b/import_words.py
@@ -0,0 +1,2618 @@
+#!/usr/bin/env python3
+"""
+CiBird 词鸟 - 多邻国单词批量导入脚本
+用法：python3 import.py 多邻国单词本.txt
+"""
+
+import sys
+import sqlite3
+import json
+from pathlib import Path
+
+DB_FILE = Path(__file__).parent / "cibird.db"
+
+RAW = """night
+夜，晚上，暗夜
+
+a quarter past
+过一刻
+
+a quarter to
+差一刻
+
+twin
+双胞胎
+
+at the same time
+在同一时间，一边，同时
+
+fight
+干上，打斗，打仗
+
+shout
+地喊，喊道，大喊
+
+half past
+半
+
+finish work
+下班
+
+finish school
+放学，毕业
+
+February
+二月，二月份，2 月
+
+eleventh
+十一，第十一
+
+tenth
+第十，第十位，第
+
+begin
+动手，迈入，开篇
+
+what is the date of
+是几月几号
+
+December
+十二月，十二月份，12 月
+
+until
+为止，截至，离下
+
+sixth
+第六，第六个，第六名
+
+fourth
+第四
+
+start school
+开始上课，开学
+
+September
+九月，九月份，9 月
+
+October
+十月，十月份，10 月
+
+date
+舞伴，day，日期
+
+busiest
+最忙，最忙的
+
+busier
+更忙，越忙
+
+put
+摆放，给，放进
+
+refrigerator
+冰箱，冷藏箱
+
+swimming pool
+游泳池
+
+happiest
+最开心，最开心的
+
+happier
+更开心
+
+funniest
+最有趣的，好笑，最有趣
+
+grandparents
+外公外婆，爷爷奶奶，姥爷姥姥
+
+funnier
+更好笑，更有趣
+
+sunnier
+更晴朗的
+
+hole
+坑洞，洞，大洞
+
+home
+家
+
+each
+每座，一个个，每位
+
+the key to
+的钥匙
+
+plant
+埋，种出，种花
+
+fattest
+最胖，最胖的
+
+dining
+餐饮，吃喝
+
+fat
+肥，很胖的，胖
+
+hotter
+热多，热，更热
+
+hottest
+最热的，最热，最火
+
+fatter
+更胖
+
+dining room
+餐厅
+
+biggest
+最大的，最大
+
+its
+其，它的，它
+
+bigger
+大，更大，更大的
+
+living room
+客厅
+
+bookcase
+书柜
+
+television
+电视，视，电视机
+
+willing
+有意，肯，自愿
+
+marry
+娶，婚，嫁给
+
+he'll
+他会，他将会，他就会
+
+the day after tomorrow
+后天
+
+there
+那边，那儿，有
+
+library
+图书馆
+
+we'll
+我们会，我们将要，我们打算
+
+them
+它们，他们，她们
+
+you'll
+你会，你们，你
+
+ask
+提问，问，wondering
+
+be
+当，很，be
+
+as well
+也，也是
+
+theater
+戏剧，剧院，电影院
+
+give
+献上，给，给出
+
+go out
+灭了，坏了，出门
+
+us
+咱们，我们，我們
+
+come with
+带
+
+pace
+速度，进度，步调
+
+dance party
+舞会
+
+invite
+邀请，要约，邀约
+
+where will
+会住在哪里，会在哪里，会去哪里
+
+they'll
+他们会，他们将会，它们会
+
+traffic
+车流，堵车，堵
+
+choose
+我选，选用，挑
+
+travel to
+去旅行
+
+she'll
+她会，她将会，她就会
+
+won't
+不会，将不会，不
+
+who will
+谁会
+
+i'll
+我会去，我就会，我会
+
+when will
+什么时候
+
+before
+前能，早些时候，之前
+
+come home
+回家
+
+will not
+不会
+
+move to
+搬到
+
+month
+一个月，份，月份
+
+worried
+担，着急，慌张
+
+get married
+结婚，结婚的
+
+married
+已结婚，已婚，婚
+
+will
+里会，刀会，會
+
+get a job
+找一份工作
+
+between
+彼此之间，之，其间
+
+past
+过
+
+inside
+里面，in，儿里
+
+turn
+拐弯，轮到，变成
+
+there's
+有，是
+
+end
+收官，结了，末
+
+end of
+街尾，尽头
+
+close to
+靠近，快到，附近
+
+street
+街上，街，一条街
+
+dangerous
+危险的
+
+worst
+最坏，到头，最差的
+
+look for
+寻找，找
+
+safe
+安全的，很安全，安
+
+better
+好些，好多了，好
+
+worse
+更差的，差，更糟糕
+
+coffee shop
+咖啡馆
+
+town
+镇上，都市，城镇
+
+zoo
+动物园
+
+smoking
+冒烟，烟熏，抽
+
+cannot stop
+不能停，不能停止
+
+grandmother
+祖母，奶，姥
+
+grandfather
+祖父，外爷
+
+hope
+希，希望，望
+
+smoke
+冒烟，烟，烟雾
+
+bad for
+难过
+
+good for
+适合
+
+angry
+气，生气的，生......的气了
+
+feel
+体会，摸起来，感到
+
+radio
+收音机，广播，无线广播
+
+tired
+累，疲惫的
+
+listen to
+听
+
+enjoy
+欢，享，爱
+
+listen
+闻闻，听听，聆听
+
+fit
+身材很好，胜任，装不下
+
+kid
+小山羊，孩，子
+
+companies
+公司，们，日本公司
+
+because
+因为
+
+writing
+文笔，写字，写长
+
+speaking
+说话，口语，正说
+
+hard
+不易，用力，硬质
+
+schedule
+时间表
+
+early
+早早，很早，幼
+
+finish
+吃完，结了，吃掉
+
+next year
+明年
+
+change
+推移，我换，波动
+
+building
+楼里，公寓楼，修建
+
+work from home
+在家工作
+
+having
+进行，办，吃
+
+work for
+为...工作
+
+send
+捎，会派，电子邮件发送
+
+message
+信息，消息，留言
+
+second
+秒，二号，第二个
+
+later
+后来，迟一些，日后
+
+company
+公司，企业
+
+have a nice trip
+旅途愉快
+
+coldest
+最冷的，最冷
+
+the most interesting
+最有趣的
+
+the most expensive
+最贵的
+
+trip
+摔到，跌倒，行程
+
+take
+买下来，包拿得，李了
+
+world
+大地，界，世
+
+fastest
+最快，快过
+
+in the world
+世界上
+
+group
+会派，伍，圈子
+
+ticket to
+去看
+
+excite
+刺激，激发
+
+the most exciting
+最令人兴奋的
+
+on tv
+电视上，在电视上
+
+the most boring
+最无聊的
+
+exciting
+令人兴奋的，兴奋的
+
+part
+一部分，告别，部
+
+most
+最有，大多数，最
+
+the most important
+最重要的
+
+host
+开了个，东道主，招待
+
+the most famous
+最有名的
+
+team
+队，伍，团
+
+player
+玩家，队员，运动员
+
+June
+六月，六月份，6月
+
+May
+五月，五月份，可以
+
+say
+讲个，读，說
+
+what are
+做什么
+
+after
+听完后，做后，behind
+
+soon
+很快，不久，早
+
+call
+地喊，喊道，取名
+
+aren't
+不是，不
+
+the time of
+的时间
+
+not going to
+不打算
+
+practice
+练习，践，练
+
+leave
+搬离，离开，发车
+
+a.m.
+上午，早上，凌晨
+
+p.m.
+晚上，下午，晚
+
+meet
+见见面，迎来，运动会
+
+row
+排，划，垄
+
+going to
+打算，要上，要去
+
+tomorrow
+明天，明日
+
+uncle
+叔，姑夫，姨父
+
+aunt
+姑妈，小姨，kim
+
+paper
+用纸，文件，篇文章
+
+paint
+描绘，上漆，涂
+
+pencil
+铅笔
+
+picture
+图片，画，图画
+
+dictionary
+词典
+
+smallest
+最小
+
+smaller
+更小的，小，小一点的
+
+subject
+科，主题，学科
+
+desk
+课桌，桌子，办公桌
+
+oldest
+最大的，最旧的，最年
+
+youngest
+最小的，最小
+
+more interesting
+更有趣
+
+courses
+课程，四门
+
+more difficult
+更难
+
+course
+主菜，课，课程
+
+take a test
+参加考试
+
+test
+调试，考，考试
+
+down
+小，下，低
+
+shortest
+最矮的，最矮
+
+tallest
+最高的，最高
+
+in the classroom
+教室里
+
+classroom
+教室
+
+fifteen
+十五个，十五岁，十五
+
+how much does
+多少钱
+
+cheaper
+更便宜，便，更便宜了
+
+fifty
+五十，50
+
+get
+得，捉到，搞
+
+how much do
+多少钱
+
+pairs of
+双
+
+color of
+颜色，颜色的
+
+pink
+粉色的，粉色，平克
+
+forty
+四十，40
+
+thirty
+三十，30
+
+what do
+做什么
+
+cheap
+劣质，便，廉
+
+more famous
+更有名
+
+more beautiful
+更美丽
+
+glasses
+杯，玻璃杯，眼镜
+
+pair
+配对，双，couple
+
+pair of
+双，副，条
+
+more expensive
+更贵
+
+blouse
+女士衬衫，上装
+
+boot
+靴子，后备箱
+
+cost
+包要，要价，worth
+
+making
+制作，制造，作
+
+day
+白天，天，一天
+
+taking
+会参加，带，坐
+
+having a good time
+过得愉快
+
+having a picnic
+野餐
+
+at a cafe
+在咖啡馆
+
+taking photos
+拍照
+
+have a picnic
+去野餐
+
+taking a vacation
+度假
+
+have a good time
+玩得很开心，玩得开心点
+
+cafe
+咖啡馆，咖啡厅，caf
+
+at the beach
+在海滩，海滩
+
+on the boat
+在船上
+
+location
+原地，處，位置
+
+monday
+星期一，周一，礼拜一
+
+take a vacation
+请假，度假
+
+picnic
+野餐
+
+dancing
+舞蹈，跳舞，跳跳舞
+
+driving
+开，开车，行驶
+
+on holidays
+假期时
+
+boat
+游船，渡船，船只
+
+riding
+骑着，骑着马，骑马
+
+holiday
+假日
+
+holidays
+假日，假期，节日
+
+relax
+放松一下，而松，放心
+
+bicycle
+自行车，单车
+
+sweet
+悦耳，体贴，甜的
+
+year old
+岁
+
+chocolate
+巧克力，朱古力
+
+singing
+唱，地唱，唱着歌
+
+taller
+更高的，更高，高
+
+than
+比起，包比，于
+
+low
+很低的，低，不足
+
+shorter
+更短，更矮，更短的
+
+yellow
+黄色
+
+hungry
+饿
+
+ice cream
+冰淇淋
+
+hunger
+饥饿，食欲
+
+cream
+药膏，鲜奶油，乳霜
+
+younger
+年轻，junior，更年轻
+
+baby
+宝宝，婴儿，宝贝
+
+babies
+宝宝们，宝宝，婴儿
+
+older
+大，更年长，更大
+
+have a party
+开派对
+
+boring
+无聊
+
+what's up
+最近怎么样
+
+hey
+喂喂，哎，嘿
+
+gets
+变得，得到，买
+
+outside
+在外，在外面，外面
+
+go outside
+出去
+
+raining
+下雨，有雨，下着雨
+
+snowing
+下雪，下着雪，雪下
+
+stay
+留下来，保持，马住
+
+can't find
+找不到
+
+sitting
+坐，坐在，着
+
+shopping
+购买，买东西，购物
+
+find
+查找，得知，找一下
+
+ball
+球体，跳舞会，球
+
+waiting for
+在等
+
+waiting
+等着，等待，等
+
+interesting
+有意思的，有趣
+
+running
+跑步，跑得，跑
+
+swimming
+游泳
+
+what are you doing
+你在这里做什么，你们在做什么，你在做什么
+
+wait
+数着，候，马住
+
+learning
+学，学习，学骑
+
+let's
+让我们，咱们，我们一起
+
+sports
+体育比赛，体育，运动
+
+fast
+飞快，高速，很快
+
+sport
+竞技，运动，嬉戏
+
+run
+跑步，本跑，运行
+
+wearing
+戴，戴着，打着
+
+at home
+在家，在家里
+
+gray
+灰色的，灰色，灰的
+
+looking for
+找，寻找，在找
+
+wear
+戴，戴眼镜，破损
+
+can't see
+看不到
+
+why
+为什么，为何
+
+can't hear
+听不到
+
+children
+小孩子，小孩，子女
+
+sold
+卖了，卖出去，卖掉了
+
+old man
+老人
+
+who is
+谁是，是
+
+see
+见到，看见，目睹
+
+hear
+听见，闻闻，聆听
+
+child
+孩子
+
+what's
+什么是，什么，是什么
+
+look at
+看，看看，你看
+
+photo
+照片
+
+photos
+摄，照片，老照片
+
+come to
+来
+
+take photos
+拍照片
+
+take a photo of
+拍张照片
+
+american
+美国的，美国人，美式
+
+where does
+在哪儿，在哪里
+
+walk
+前行，走得，徒步走
+
+walks
+走，走路，步行
+
+goes shopping
+去购物
+
+shop
+小商店，商店，商家
+
+go to bed
+去睡觉
+
+go home
+回家
+
+get up
+起床，起
+
+can't sleep
+睡不着
+
+at night
+在晚上，在夜里
+
+take a bath
+泡澡
+
+sleep
+睡一觉，睡觉，睡
+
+what
+什，哪個，多少
+
+what day is it
+今天星期几
+
+cooking
+烹饪，饪，烹
+
+washing
+洗头发，洗碗，洗
+
+cleaning
+在打扫，打扫，清理
+
+same
+相同，同，一样
+
+drinking
+喝啤酒，喝牛奶，喝酒
+
+talking about
+谈，谈论，谈谈
+
+came
+来了，前来，来
+
+talk about
+谈论，谈，讨论
+
+doing
+做，在做，干
+
+japanese
+日本语，日本人，日本的
+
+playing
+打网球，正玩得，玩儿
+
+light
+轻度，并点，光线
+
+talking
+说话，会说话的，聊天
+
+talking to
+和我说话，和一个女孩说话，和我爷爷说话
+
+right now
+在，正在，马上
+
+him
+他，他别
+
+about
+有关，大约，前后
+
+talk to
+跟...说话，和...说话
+
+thought
+原以为，心思，想
+
+watching
+在看，看电视，看
+
+newspaper
+报纸，报
+
+eating
+在吃，吃，吃饭
+
+we're
+我们是，我们正在，我们已经
+
+reading
+读，阅，看书
+
+people
+十口，guys，人家
+
+young
+年轻
+
+happy birthday
+生日快乐
+
+sad
+难过，伤心的，悲伤
+
+letter
+帖，字符，信件
+
+parties
+聚会
+
+fun
+好玩的
+
+how are you doing
+你怎么样
+
+how is
+如何，还好吗，好吗
+
+third
+三日，三，第
+
+too much
+太多的，太多了
+
+think
+想着，想，动脑筋
+
+first
+第一位，先往，第一名
+
+wednesday
+星期三，礼拜三，周三
+
+birthday
+生日
+
+march
+三月份，行进，行走
+
+March
+三月，三月份，3月
+
+July
+七月，七月份，7月
+
+party
+聚会，派对
+
+pay for
+付
+
+how much money
+多少钱
+
+money
+钱
+
+me
+我，自我，我别
+
+help
+人手，助，帮个
+
+sit
+坐，坐下
+
+wait for
+等，等一下
+
+sure
+当然，很确定，百分之百
+
+twenty
+20，二十分，二十只
+
+plate
+盘子，盘，碗盘
+
+mind
+理会，内心，心思
+
+what kind of
+哪一类的，哪种，什么样的
+
+no, thanks
+不，谢谢
+
+yes, please
+是的，请
+
+help you
+帮助，帮，帮助你
+
+how are you
+你好吗，你们好吗，你过得好吗
+
+good afternoon
+下午好
+
+can't
+不能，没法，就不能
+
+well
+做得很好，很好，好好
+
+learn to
+学
+
+very well
+得非常好，得非常清楚，非常
+
+learn
+会得，学得，课学得
+
+piano
+钢琴
+
+guitar
+吉他，六弦琴
+
+cannot
+不得，做不了，不成
+
+dance
+舞蹈，过舞，舞会
+
+swim
+泳，游，游泳
+
+can
+行不行，时能，會
+
+ride
+骑过，搭过，人载
+
+drive
+动力，驾车，野心
+
+bike
+骑自行车，脚踏车，自行车
+
+factories
+工厂，厂
+
+visit
+看望，光顾，串个
+
+places
+地方，哪些地方
+
+meats
+肉类
+
+place
+處，摆放，坛
+
+in front of
+在前面，前面
+
+which
+哪张，哪個，哪本
+
+behind
+behind，身后，在后面
+
+hide
+躲藏，埋，躲
+
+lunch
+午饭，午，午餐
+
+dinner
+吃晚饭，晚饭，晚宴
+
+make
+造出，取得，交
+
+kind of
+类
+
+food
+食品，东西，粮
+
+would like to
+想要
+
+beef
+牛肉，牛
+
+nine
+九，九个，九位
+
+nineteen
+十九
+
+eighteen
+十八
+
+women
+女人，妇女，女人们
+
+when
+的时候，时为，何时
+
+how old are
+多大
+
+eight
+八
+
+men
+男人，guys，男人们
+
+hair
+头发，发
+
+brown
+棕色，棕色的，棕
+
+eye
+眼，目，盯
+
+grandpa
+爷爷，外公，爷
+
+watches
+观赏，手表，看
+
+grandma
+奶奶，姥姥，外婆
+
+bed
+床位，病床，小床
+
+washes
+洗，清洗，洗碗
+
+teaches
+教我如何，教会，教书
+
+face
+脸
+
+wash
+洗
+
+often
+经常
+
+live
+生存，不住，我住
+
+hand
+手上，手，手们
+
+open
+打开，公海，揭开
+
+clothes
+衣服，衣物，服装
+
+hundred
+百
+
+now
+现在
+
+clothes store
+服装店
+
+store
+储存，店铺，存入
+
+seventeen
+十七
+
+different
+不同的
+
+t-shirt
+T恤衫，短袖
+
+how much are
+多少钱
+
+how
+如何，多，的方式
+
+both
+双，两样，两家
+
+yuan
+元，块，块钱
+
+seven
+七
+
+how much is
+多少钱
+
+wants to
+想
+
+sixteen
+十六
+
+those
+那些，那条，那片
+
+jeans
+牛仔裤
+
+skirt
+短裙，裙子，裙
+
+dresses
+洋装，礼服，连衣裙
+
+six
+六
+
+want to
+想要，想
+
+buy
+买冰，买下来，买昂
+
+go shopping
+去购物
+
+guy
+男人，guys，人
+
+Saturday
+周六，礼拜六，星期六
+
+what is
+是什么
+
+closed
+关门，封闭，售
+
+last
+上一个，最后一座，撑
+
+last name
+姓氏，姓
+
+late
+迟到，behind，晚点了
+
+first name
+名字
+
+go
+进行，坐，出发
+
+port
+港口，港
+
+ticket office
+售票处
+
+hotel
+旅馆，酒店，宾馆
+
+need to
+需要
+
+bus
+公交车，公共汽车，公车
+
+passport
+护照，通行证
+
+right
+权利，没错，正确的
+
+right here
+就在这里
+
+ticket
+门票，火车票，票
+
+plane
+飞机，层面
+
+over
+头顶，整个都，为了
+
+where is
+在哪里
+
+over there
+在那里
+
+to
+为了，而言，來
+
+taxi
+出租车，计程车，的士
+
+bathroom
+浴室，卫生间，洗手间
+
+subway
+地铁，地下铁
+
+the
+这只，这瓶，这个
+
+station
+铁，进驻，岗位
+
+airport
+机场，飞机场
+
+train
+火车，列车，培养
+
+speaks
+说，讲话，说得
+
+usually
+平时，经常
+
+fine
+大好，很好，没
+
+time
+時間，times，時候
+
+sometimes
+有的时候，有时候
+
+uses
+用，他用，使用
+
+at school
+在学校，学校里
+
+doesn't
+不，没，不像
+
+cooks
+烹饪，煮，烹调
+
+cook
+厨师，烹饪，饪
+
+music
+音乐
+
+sing
+唱过，唱，唱个
+
+draw
+平局，画画，提取
+
+tv
+电视机，电视，视
+
+evening
+晚上，傍晚，黄昏
+
+does not
+不
+
+movie
+故事片，电影，影
+
+noodle
+面
+
+every
+每座，每道，每天
+
+baseball
+棒球
+
+does
+吗，有，打
+
+tennis
+网球
+
+basketball
+篮球
+
+lead
+领先，头绪，指引
+
+likes to
+喜欢
+
+like to
+喜欢
+
+play
+吹得，地玩，放过
+
+read
+读，读归读，阅
+
+seeds
+种子，花种
+
+a glass of
+一杯
+
+needs
+必须，要，需要
+
+potato
+土豆，薯，土
+
+tomato
+西红柿，柿子，番茄
+
+soup
+汤
+
+sandwiches
+三明治，三文治
+
+fruit
+果实，成果，果
+
+vegetable
+蔬菜，蔬
+
+never
+从来不
+
+pets
+宠物，宠物们
+
+eats
+吃，吃饭，吃得
+
+drinks
+饮料，喝牛奶，喝酒
+
+wants
+想让，想，想要
+
+egg
+鸡蛋，蛋，雞
+
+mice
+老鼠，鼠
+
+noodles
+面条，面，面点
+
+bread
+面包
+
+want
+想让，想，想要
+
+some
+某个，某项，少量
+
+likes
+喜欢，很喜欢
+
+rice
+米饭，米，大米
+
+eat
+吃，食用
+
+link
+串起，网址，係
+
+breakfast
+早饭，早餐，早点
+
+every day
+每天
+
+apple
+苹果，苹
+
+use
+用，使用
+
+the internet
+互联网
+
+city
+城市，市，都市
+
+in
+里面，用，丁里
+
+Sunday
+周日，星期日，礼拜天
+
+sun
+阳光，恒星，太阳
+
+Monday
+周一，礼拜一，星期一
+
+Tuesday
+周二，星期二，礼拜二
+
+on
+用，之上，in
+
+university
+大学
+
+teach
+教，教书
+
+at work
+在工作时，上班时，上班
+
+study
+调研，求学，我念
+
+tonight
+今天晚上，今晚，今夜
+
+beach
+海滩，沙滩，沙地
+
+lot
+很多，大堆
+
+rank
+伍，秩，品位
+
+a lot of
+很多，许多
+
+job
+工作
+
+bank
+银行
+
+meeting
+会晤，集会，會
+
+office
+處，机关，一职
+
+nice to meet you
+很高兴认识你
+
+my name is
+我名字叫，我叫，我的名字是
+
+what do you do
+你是做什么工作的
+
+together
+一起
+
+work
+某项，见效，干上
+
+hospital
+医院
+
+stand
+时站，主张，坛
+
+game
+游戏，手游，戏
+
+email
+电子邮件
+
+understand
+会得，体谅，学得
+
+name
+取名，名，call
+
+pet
+宠物，宠，条狗
+
+phone number
+电话号码
+
+sorry
+抱歉，内疚，不起
+
+no problem
+没问题，没关系
+
+address
+地址，住址
+
+know
+知道，知不知道，识
+
+cut
+划伤，切了，刀割
+
+spanish
+西班牙的，西班牙人，西班牙语
+
+but
+但别，但，却
+
+year
+1年，年，一年
+
+don't
+并不，但别，别
+
+language
+文，语言，语
+
+do not
+不，别，没有
+
+live in
+住在
+
+japan
+日本
+
+country
+国家
+
+do
+干上，干吗，搞
+
+bad
+坏的，很糟，恶劣
+
+sunny
+阳光灿烂，晴朗的，晴
+
+funny
+有意思的，逗，好玩的
+
+they're
+他们是，她们是，它们是
+
+that
+那门，那幅，那枚
+
+little
+点，小，少得
+
+love
+love，i，疼爱
+
+busy
+忙碌的，很忙，很热闹的
+
+dad
+父亲，爸爸，我爸
+
+mom
+我妈，mom，妈妈
+
+ok
+好起来，没关系，还好
+
+always
+总是，永远，一直
+
+family
+家庭，家族，家
+
+happy
+很乐意，欢快，美满
+
+best
+最棒的，最出色，最强
+
+friends
+guys，老友记，老朋友
+
+here
+这里，这儿
+
+where
+哪里，从哪里，在哪里
+
+person
+者，人比，人
+
+friendly
+友好
+
+parent
+父母
+
+favorite
+最喜欢的，至爱的，最喜爱的
+
+color
+颜色，色，色彩
+
+beautiful
+美妙，优美的，如画
+
+orange
+橘子，橘黄色，橘
+
+dress
+连衣裙，裙子，长裙
+
+too
+时太，也，过于
+
+really
+真的，家真，真令人
+
+song
+歌，英语歌，首
+
+pants
+皮裤，裤子，裤
+
+shoes
+鞋子，鞋，好鞋
+
+one hundred
+一百
+
+shoe
+鞋子，鞋
+
+cell phone
+手机
+
+very
+蛮，不得了，极有
+
+very much
+非常
+
+that's
+那是，那就是，那个是
+
+you're welcome
+不客气，不用谢，别客气
+
+key
+键，button，关键
+
+bar
+bars，横线，吧台
+
+old
+旧得，old，陈
+
+except
+除，除了，只是
+
+car
+车厢，轿车，小轿车
+
+important
+重要的
+
+cool
+酷，冰凉，炫酷
+
+exact
+精确的，确切
+
+questions
+题目，问题，题
+
+question
+问题，疑问，提问
+
+many
+多家，没少，很多都
+
+school
+学校，学院
+
+pass
+关卡，及格，通没
+
+class
+舱，课堂，物理课
+
+glass
+玻璃杯，璃，杯
+
+difficult
+很难的
+
+that is
+那是
+
+has
+家有，有床，艾玛有
+
+exam
+考试
+
+exams
+考试，英语考试
+
+easy
+简易，易，容易
+
+today
+今天，今日
+
+have
+进行，患有，家有
+
+an
+一辆，个，一张
+
+these
+这几，这，这些
+
+cups of
+杯
+
+beers
+啤酒
+
+pizzas
+比萨
+
+of
+给，从，上
+
+cheers
+干杯，干，举杯
+
+beer
+啤酒，麦酒
+
+goodbye
+再见，再会，拜
+
+with
+用，配，带
+
+would
+将要，会，想
+
+milk
+牛奶，奶，牛乳
+
+a cup of
+一杯
+
+sugar
+糖，白砂糖，白糖
+
+pizza
+比萨，披萨，披萨饼
+
+would like
+想，要，想要
+
+this is
+这是
+
+thank you
+谢谢，谢谢你，多谢
+
+welcome to
+欢迎到，欢迎来到，欢迎来
+
+restaurant
+餐厅，餐馆，火锅店
+
+table
+桌子，餐桌，桌
+
+for two
+两人用
+
+check
+查，查看，查证
+
+menu
+菜单，餐单，餐牌
+
+for
+为贵，为了，而言
+
+for one
+单人用
+
+how old
+多大，几岁，多大了
+
+daughter
+女儿，闺女，姑娘
+
+five
+五，五个，五位
+
+years old
+岁，周岁
+
+dear
+亲密，亲爱的，贵得
+
+four
+四，四个，四位
+
+son
+儿子，儿
+
+smart
+聪明
+
+life
+人生，生命，生活
+
+rich
+有钱
+
+tall
+个子高，高大，高的
+
+wife
+妻子，老婆，太太
+
+husband
+丈夫，老公，先生
+
+his
+他的，他
+
+girlfriend
+女朋友，女友
+
+brother
+弟弟，哥哥，兄弟
+
+boyfriend
+男朋友，男友
+
+sister
+姐姐，妹妹，姊
+
+he's
+他，他在，他是
+
+her
+她的，她
+
+three
+三，3，仨
+
+lots
+很多
+
+coats
+外套，大衣
+
+two
+二，两，2
+
+shirts
+衬衫
+
+hats
+帽子
+
+how much
+多少，多少钱，多少呢
+
+ten
+十，10
+
+one
+一，1，壹
+
+dollars
+美元，元，美圆
+
+much
+大，远远，高得
+
+dollar
+美元，美金，美圆
+
+sat
+坐，SAT
+
+hat
+帽子，帽，礼帽
+
+expensive
+贵
+
+jacket
+夹克，夹衣，套子
+
+need
+需要，要，必须
+
+welcome
+迎来，客气，欢
+
+bird
+鸟儿，禽类，bird
+
+shirt
+衬衫
+
+friend
+朋友，友人，好友
+
+taxi driver
+出租车司机
+
+lock
+锁上，锁，门锁
+
+doctor
+医生，大夫，医师
+
+oh
+哎，噢，呐
+
+bath
+泡澡，澡，洗澡
+
+math
+数学，算数，算术
+
+chicken
+chicken，鸡，鸡肉
+
+cheese
+芝士
+
+i'd like
+我想要
+
+chair
+皮椅，椅，主席
+
+pay
+交，掏钱，工资
+
+afternoon
+下午，午后
+
+have a nice day
+祝你有美好的一天
+
+would you like
+你想要，你想要吗，你想不想
+
+sandwich
+三明治，三文治，夹心面包
+
+morning
+早辰，上午，早
+
+pork
+夹猪肉的，猪肉，夹猪肉
+
+salad
+沙拉
+
+bye
+拜，再见，再会
+
+hi
+嗨
+
+please
+谢谢，请，劳驾
+
+sea
+海边，大海，海
+
+a little
+点，一点点，一点
+
+speak
+讲个，说话，要说
+
+good
+挺不错，很好，不错的
+
+chinese
+汉，普通话，华文
+
+land
+地落，空地，大地
+
+meat
+夹肉，肉类，肉
+
+from
+离开，距离，從
+
+nice
+亲切，很愉快，很好
+
+new
+新来的，新奇，新任
+
+at
+in，从，上
+
+excuse me
+打扰一下，不好意思，请问
+
+wall
+墙壁，面墙，壁
+
+camera
+照相机
+
+not
+不，不是，并非
+
+wallet
+钱包
+
+no
+不，没有
+
+watch
+照，收看，手表
+
+coat
+外套，大衣，上衣
+
+road
+道路，马路，山路
+
+thanks
+谢谢，感谢，致谢
+
+this
+这只，这瓶，这支
+
+by
+不迟于，用，之前
+
+bag
+皮包，包来，包了
+
+look
+毛色，神情，妆容
+
+yes
+没错，好，好的
+
+he
+他
+
+she
+她
+
+woman
+女人
+
+are
+家有，羊是，排是
+
+man
+男人，男子，20
+
+good evening
+晚上好
+
+good morning
+早上好，早安
+
+a
+一辆，个，一款
+
+hello
+嗨，哈喽，喂
+
+am
+排是，吗，很
+
+girl
+女孩子
+
+boy
+男孩子
+
+short
+矮的，稍微，矮
+
+winter
+冬天，冬季，冬日
+
+is
+排是，吗，词是
+
+fall
+秋天，秋季，秋日
+
+spring
+春天，春季，春日
+
+summer
+夏天，夏季，夏日
+
+long
+長，悠悠，很久
+
+hot
+热，烫
+
+less
+少点，更少的，更少
+
+or
+或，要么，要不然
+
+cold
+冷，冰
+
+more
+more，大，高得
+
+coffee
+咖啡
+
+juice
+果汁
+
+water
+水，清水，白水
+
+drink
+饮品，饮料，喝啤酒
+
+tea
+茶，茶水
+
+we
+我们
+
+our
+我们的
+
+they
+他们，她们
+
+their
+他们的，她们的
+
+black
+黑色，黑，墨色
+
+blue
+蓝色，蓝颜色，蓝
+
+white
+白色，白，雪白
+
+red
+红色，红，赤色
+
+green
+绿色，绿，青
+
+computer
+电脑，计算机
+
+room
+厅，房间，号房
+
+phone
+手机，电话，call
+
+big
+上大，大，大的
+
+house
+房子，房屋，屋子
+
+small
+细小，小，迷你的
+
+dog
+狗，犬
+
+cat
+猫，猫咪
+
+father
+爸，神父，父
+
+and
+于是，而且，而
+
+mother
+我妈，老妈，姆
+
+my
+我的，咱的
+
+teacher
+教员，师父，指导老师
+
+student
+学生
+
+your
+你的，您的，你们的
+
+book
+书，书籍，书本
+
+Chinese
+中文
+
+I
+我，咱
+
+English
+英文，英语
+
+like
+喜欢，喜爱，爱
+
+you
+你"""
+
+def parse_words(raw):
+    entries = []
+    lines = raw.strip().split('\n')
+    i = 0
+    while i < len(lines):
+        word = lines[i].strip()
+        if not word:
+            i += 1
+            continue
+        # 下一行是释义
+        if i + 1 < len(lines):
+            meaning = lines[i + 1].strip()
+        else:
+            meaning = ''
+        # 取释义第一个（逗号前的部分）作为主释义
+        meaning_clean = meaning.split('，')[0].split(',')[0].strip()
+        entries.append((word, meaning_clean))
+        i += 2
+        # 跳过空行
+        while i < len(lines) and not lines[i].strip():
+            i += 1
+    return entries
+
+def main():
+    if not DB_FILE.exists():
+        print(f"❌ 数据库不存在：{DB_FILE}")
+        print("   请确认 CiBird 已安装，数据库路径正确")
+        return
+
+    entries = parse_words(RAW)
+    print(f"📖 解析到 {len(entries)} 个词条")
+
+    conn = sqlite3.connect(DB_FILE)
+    conn.row_factory = sqlite3.Row
+
+    # 获取已有单词（避免重复）
+    existing = set(row[0].lower() for row in conn.execute("SELECT word FROM words"))
+    print(f"📚 词库已有 {len(existing)} 个单词")
+
+    added = 0
+    skipped = 0
+    for word, meaning in entries:
+        if word.lower() in existing:
+            skipped += 1
+            continue
+        conn.execute(
+            "INSERT INTO words(word, meaning, phonetic, pos, examples, note) VALUES(?,?,?,?,?,?)",
+            (word, meaning, '', '', '[]', '')
+        )
+        existing.add(word.lower())
+        added += 1
+
+    conn.commit()
+    conn.close()
+
+    print(f"\n✅ 导入完成！")
+    print(f"   新增：{added} 个")
+    print(f"   跳过（已存在）：{skipped} 个")
+    print(f"   词库现有：{len(existing)} 个单词")
+    print(f"\n💡 提示：这些单词暂无例句，")
+    print(f"   点开任意单词 → 「重新造句」可让 AI 补充例句")
+
+if __name__ == '__main__':
+    main()
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..928d42d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,1166 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+<meta name="apple-mobile-web-app-title" content="CiBird">
+<meta name="theme-color" content="#1c1c1e">
+<title>CiBird | 词鸟</title>
+<!-- 网页 favicon -->
+<link rel="icon" type="image/png" href="/Cibird.png">
+<!-- 苹果手机「添加到主屏幕」图标 -->
+<link rel="apple-touch-icon" href="/Cibird.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/Cibird.png">
+<link rel="apple-touch-icon" sizes="167x167" href="/Cibird.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/Cibird.png">
+<style>
+/* ── RESET & BASE ─────────────────────────────────────────── */
+*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;-webkit-touch-callout:none;margin:0;padding:0;}
+html,body{position:fixed;inset:0;width:100%;height:100%;background:#f5f5f7;}
+body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;background:#f5f5f7;display:flex;justify-content:center;align-items:flex-start;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;}
+
+/* ── APP FRAME ────────────────────────────────────────────── */
+.frame{width:100%;max-width:400px;height:100%;min-height:100%;background:#f5f5f7;position:relative;overflow:hidden;display:none;flex-direction:column;}
+.frame.on{display:flex;}
+
+/* ── ANIMATIONS ───────────────────────────────────────────── */
+@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
+@keyframes spin{100%{transform:rotate(360deg)}}
+@keyframes sheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
+@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,0,0,.18)}70%{box-shadow:0 0 0 5px rgba(0,0,0,0)}}
+
+/* ══════════════════════════════════════════════════════════
+   LOGIN
+══════════════════════════════════════════════════════════ */
+#vLogin{overflow-y:auto;background:#f5f5f7;-webkit-overflow-scrolling:touch;}
+.lg-head{display:flex;flex-direction:column;align-items:center;padding-top:max(55px,env(safe-area-inset-top));padding-bottom:8px;}
+.lg-icon{width:80px;height:80px;background:transparent;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:38px;margin-bottom:16px;box-shadow:0 8px 24px rgba(0,0,0,.15);overflow:hidden;}
+.lg-name{font-size:26px;font-weight:700;color:#111;margin-bottom:6px;}
+.lg-tag{font-size:13px;font-weight:500;color:#8e8e93;margin-bottom:5px;}
+.lg-ver{font-size:11px;color:#aeaeb2;}
+.lg-body{display:flex;flex-direction:column;align-items:center;padding-top:28px;}
+.lg-slogan{font-size:13px;font-weight:500;color:#8e8e93;text-align:center;line-height:1.7;margin-bottom:24px;padding:0 40px;}
+.ig{width:320px;position:relative;margin-bottom:14px;}
+.ig input{width:100%;background:#fff;border:1px solid #d1d1d6;border-radius:14px;padding:14px 16px;font-size:15px;color:#111;font-weight:500;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-user-select:text;user-select:text;}
+.ig input:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.06);}
+.ig input::placeholder{color:#aeaeb2;font-weight:400;}
+.eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:16px;padding:4px;}
+.lg-btn{width:320px;background:#111;color:#fff;border:none;border-radius:999px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);font-family:inherit;transition:transform .2s;}
+.lg-btn:active{transform:scale(.96);}
+.lg-err{font-size:12px;color:#ff3b30;font-weight:500;margin-top:10px;min-height:18px;text-align:center;}
+.lg-foot{margin-top:auto;padding:28px 0 max(30px,env(safe-area-inset-bottom));display:flex;justify-content:center;width:100%;}
+.lg-foot-tip{font-size:12px;font-weight:500;color:#8e8e93;}
+
+/* ══════════════════════════════════════════════════════════
+   MAIN APP — 横向三栏
+══════════════════════════════════════════════════════════ */
+#vApp{background:#f5f5f7;}
+
+/* 横向滑动容器 */
+.h-track{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;display:flex;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;}
+.h-track::-webkit-scrollbar{display:none;}
+.panel{width:100%;flex-shrink:0;height:100%;scroll-snap-align:start;display:flex;flex-direction:column;overflow:hidden;}
+
+/* 底部导航点 */
+.nav-dots{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:100;pointer-events:none;}
+.nav-dot{width:6px;height:6px;border-radius:50%;background:#d1d1d6;transition:all .25s;}
+.nav-dot.on{background:#111;width:18px;border-radius:3px;}
+
+/* 桌面左右箭头 */
+.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:200;width:36px;height:36px;background:rgba(255,255,255,.92);border:1px solid #e5e5ea;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.1);transition:all .2s;backdrop-filter:blur(8px);}
+.nav-arrow:hover{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-50%) scale(1.05);}
+.nav-arrow:active{transform:translateY(-50%) scale(.95);}
+.nav-arrow.left{left:-18px;}
+.nav-arrow.right{right:-18px;}
+.nav-arrow svg{width:14px;height:14px;stroke:#333;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;}
+@media(hover:hover) and (pointer:fine){.nav-arrow{display:flex;}}
+
+/* 时间/数字工具面板 */
+.tool-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0 20px;}
+.tool-tabs{display:flex;gap:8px;margin-bottom:16px;flex-shrink:0;}
+.tool-tab{flex:1;background:#fff;border:1px solid #e5e5ea;border-radius:12px;padding:10px;text-align:center;font-size:13px;font-weight:600;color:#8e8e93;cursor:pointer;transition:all .2s;}
+.tool-tab.on{background:#1c1c1e;color:#fff;border-color:#1c1c1e;}
+.tool-tab:active{transform:scale(.97);}
+.picker-area{background:#fff;border-radius:20px;border:1px solid #e5e5ea;overflow:hidden;flex-shrink:0;position:relative;}
+.picker-row{display:flex;align-items:center;height:200px;position:relative;}
+.picker-col{flex:1;height:200px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;position:relative;}
+.picker-col::-webkit-scrollbar{display:none;}
+.picker-item{height:40px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:#c7c7cc;scroll-snap-align:center;transition:color .15s,font-size .15s;-webkit-user-select:none;}
+.picker-item.sel{color:#111;font-size:26px;}
+.picker-sep{font-size:28px;font-weight:700;color:#ddd;padding:0 4px;flex-shrink:0;}
+.picker-area::before,.picker-area::after{content:"";position:absolute;left:0;right:0;height:72px;z-index:10;pointer-events:none;}
+.picker-area::before{top:0;background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,0) 100%);}
+.picker-area::after{bottom:0;background:linear-gradient(to top,#fff 0%,rgba(255,255,255,0) 100%);}
+.picker-line{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);height:40px;border-top:1px solid #e5e5ea;border-bottom:1px solid #e5e5ea;z-index:5;pointer-events:none;}
+.result-card{background:#1c1c1e;border-radius:20px;padding:18px 20px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .15s;flex-shrink:0;}
+.result-card:active{transform:scale(.98);}
+.result-left{flex:1;}
+.result-en{font-size:17px;font-weight:700;color:#fff;line-height:1.5;}
+.result-zh{font-size:12px;color:#666;margin-top:4px;}
+.result-speak{width:40px;height:40px;background:rgba(255,255,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;margin-left:12px;}
+.num-input-wrap{background:#fff;border:2px solid #e5e5ea;border-radius:16px;display:flex;align-items:center;padding:0 16px;height:64px;transition:border-color .2s,box-shadow .2s;flex-shrink:0;}
+.num-input-wrap:focus-within{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.05);}
+.num-input{flex:1;border:none;background:transparent;font-size:28px;font-weight:700;color:#111;outline:none;font-family:inherit;-webkit-user-select:text;user-select:text;text-align:center;}
+.num-input::placeholder{color:#d1d1d6;font-weight:400;font-size:22px;}
+.num-clear{font-size:20px;color:#c7c7cc;cursor:pointer;padding:4px;}
+.num-clear:active{color:#111;}
+.num-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;flex-shrink:0;}
+.num-eg{background:#fff;border:1px solid #e5e5ea;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;color:#555;cursor:pointer;transition:all .2s;-webkit-user-select:none;}
+.num-eg:active{background:#1c1c1e;color:#fff;border-color:#1c1c1e;}
+
+/* ── 通用面板头 ─────────────────────────────────────────── */
+.phead{display:flex;align-items:center;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) 20px 10px 20px;flex-shrink:0;}
+.phead-title{font-size:22px;font-weight:700;color:#111;letter-spacing:.2px;}
+.phead-right{display:flex;align-items:center;gap:10px;}
+.badge{font-size:11px;font-weight:600;color:#8e8e93;background:#e5e5ea;border-radius:999px;padding:3px 10px;}
+.txt-btn{font-size:13px;font-weight:600;color:#8e8e93;background:none;border:none;cursor:pointer;font-family:inherit;}
+.txt-btn:active{color:#111;}
+
+/* ══════════════════════════════════════════════════════════
+   PANEL 1 — 主页 (打卡 + 今日金句)
+══════════════════════════════════════════════════════════ */
+#pHome{background:#f5f5f7;}
+.home-scroll{flex:1;overflow-y:auto;padding:0 20px max(120px,env(safe-area-inset-bottom)) 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
+.home-scroll::-webkit-scrollbar{display:none;}
+
+/* 今日金句卡 */
+.quote-card{background:#1c1c1e;border-radius:20px;padding:20px;margin-bottom:14px;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s;}
+.quote-card:active{transform:scale(.98);}
+.quote-label{font-size:10px;font-weight:700;color:#555;letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:6px;}
+.quote-label::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;opacity:.3;flex-shrink:0;}
+.quote-word{font-size:13px;font-weight:700;color:#a1a1a6;margin-bottom:6px;font-family:ui-monospace,monospace;}
+.quote-en{font-size:16px;font-weight:600;color:#fff;line-height:1.5;margin-bottom:6px;font-style:italic;}
+.quote-zh{font-size:12px;color:#666;line-height:1.5;}
+.quote-date{position:absolute;bottom:14px;right:16px;font-size:10px;font-weight:600;color:#333;font-family:ui-monospace,monospace;letter-spacing:.5px;}
+.quote-bg{position:absolute;right:-10px;bottom:-20px;font-size:100px;opacity:.03;pointer-events:none;line-height:1;}
+
+/* 打卡卡片 */
+.checkin-card{background:#fff;border-radius:20px;padding:18px;border:1px solid #e5e5ea;box-shadow:0 2px 8px rgba(0,0,0,.02);}
+.ci-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
+.ci-title{font-size:13px;font-weight:700;color:#111;}
+.ci-stat{font-size:12px;font-weight:600;color:#8e8e93;}
+.ci-total{font-size:24px;font-weight:700;color:#111;margin-bottom:2px;}
+.ci-total-label{font-size:11px;color:#aeaeb2;font-weight:500;margin-bottom:16px;}
+
+/* 打卡点阵 */
+.dot-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:4px;}
+.dot{width:100%;aspect-ratio:1;border-radius:50%;background:#f0f0f5;transition:all .2s;}
+.dot.done{background:#1c1c1e;animation:pulse 2s infinite;}
+.dot.today{background:#1c1c1e;box-shadow:0 0 0 2px #fff,0 0 0 3px #1c1c1e;}
+.dot.done.today{background:#1c1c1e;}
+
+.ci-footer{margin-top:12px;display:flex;align-items:center;gap:6px;}
+.ci-streak{font-size:11px;font-weight:600;color:#8e8e93;}
+.ci-streak span{color:#111;}
+
+/* ══════════════════════════════════════════════════════════
+   PANEL 2 — 词库
+══════════════════════════════════════════════════════════ */
+#pWords{background:#f5f5f7;}
+
+/* 字母导航 */
+.alpha-nav{display:flex;flex-wrap:wrap;gap:3px 1px;padding:6px 20px 8px;flex-shrink:0;}
+.alpha-nav span{font-size:11px;font-weight:700;color:#aeaeb2;padding:4px 5px;border-radius:6px;cursor:pointer;transition:all .15s;letter-spacing:.2px;-webkit-user-select:none;}
+.alpha-nav span:active{transform:scale(.85);}
+.alpha-nav span.on{background:#1c1c1e;color:#fff;}
+.alpha-all{font-size:10px!important;letter-spacing:.3px!important;}
+
+/* 搜索 */
+.search-wrap{background:#fff;border:1px solid #e5e5ea;border-radius:12px;display:flex;align-items:center;padding:0 12px;height:38px;margin:0 20px 12px;transition:border-color .2s,box-shadow .2s;flex-shrink:0;}
+.search-wrap:focus-within{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.05);}
+.search-wrap input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:#111;font-family:inherit;font-weight:500;-webkit-user-select:text;user-select:text;}
+.search-wrap input::placeholder{color:#aeaeb2;font-weight:400;}
+
+/* 词条列表 */
+.word-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:0 20px max(120px,env(safe-area-inset-bottom)) 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
+.word-list::-webkit-scrollbar{display:none;}
+
+.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;}
+.empty-icon{font-size:48px;opacity:.4;}
+.empty-t{font-size:16px;font-weight:600;color:#111;}
+.empty-s{font-size:13px;color:#8e8e93;text-align:center;line-height:1.7;}
+
+.wc{background:#fff;border-radius:16px;padding:13px 15px;border:1px solid #e5e5ea;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);flex-shrink:0;animation:fadeUp .3s ease both;}
+.wc:active{transform:scale(.97);}
+.wc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
+.wc-word{font-size:16px;font-weight:700;color:#111;display:flex;align-items:center;gap:0;}
+.sdot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#333;margin-right:9px;flex-shrink:0;animation:pulse 2.5s infinite;}
+.wc-r{display:flex;align-items:center;gap:7px;}
+.wc-pos{font-size:10px;font-weight:600;color:#8e8e93;background:#f2f2f7;border-radius:5px;padding:2px 6px;}
+.wc-ph{font-size:11px;color:#aeaeb2;font-family:ui-monospace,monospace;}
+.wc-zh{font-size:12px;font-weight:500;color:#555;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;}
+.wc-ex{font-size:11px;color:#aeaeb2;font-style:italic;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
+
+/* FAB */
+.fab{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:20px;width:52px;height:52px;background:#111;border:none;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform .2s;z-index:50;}
+.fab:active{transform:scale(.9);}
+.fab svg{width:22px;height:22px;fill:#fff;}
+
+/* ══════════════════════════════════════════════════════════
+   PANEL 3 — 必学
+══════════════════════════════════════════════════════════ */
+#pEssential{background:#f5f5f7;}
+
+/* 分类 tabs 横向滑动 */
+.cat-track{display:flex;gap:8px;overflow-x:auto;padding:0 20px 12px;scrollbar-width:none;flex-shrink:0;}
+.cat-track::-webkit-scrollbar{display:none;}
+.cat-tab{flex-shrink:0;background:#fff;border:1px solid #e5e5ea;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;color:#8e8e93;cursor:pointer;transition:all .2s;white-space:nowrap;}
+.cat-tab:active{transform:scale(.95);}
+.cat-tab.on{background:#1c1c1e;color:#fff;border-color:#1c1c1e;}
+
+/* 必学内容列表 */
+.ess-list{flex:1;overflow-y:auto;padding:0 20px max(120px,env(safe-area-inset-bottom)) 20px;display:flex;flex-direction:column;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
+.ess-list::-webkit-scrollbar{display:none;}
+
+.ess-card{background:#fff;border-radius:16px;padding:14px 16px;border:1px solid #e5e5ea;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s;animation:fadeUp .3s ease both;}
+.ess-card:active{transform:scale(.97);}
+.ess-left{flex:1;}
+.ess-en{font-size:16px;font-weight:700;color:#111;margin-bottom:3px;}
+.ess-zh{font-size:12px;font-weight:500;color:#666;}
+.ess-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:12px;}
+.ess-note{font-size:10px;font-weight:600;color:#8e8e93;background:#f2f2f7;border-radius:6px;padding:2px 7px;max-width:80px;text-align:right;}
+.ess-speak{font-size:18px;cursor:pointer;transition:transform .2s;color:#aeaeb2;}
+.ess-speak:active{transform:scale(.85);}
+
+.ess-loading{display:flex;align-items:center;gap:10px;padding:20px;color:#8e8e93;font-size:13px;font-weight:500;}
+.mini-spin{width:16px;height:16px;border:2px solid #e5e5ea;border-top-color:#111;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0;}
+
+/* ══════════════════════════════════════════════════════════
+   DETAIL (竖向第二楼)
+══════════════════════════════════════════════════════════ */
+.detail-overlay{position:fixed;inset:0;z-index:300;display:none;flex-direction:column;background:#f5f5f7;max-width:400px;margin:0 auto;}
+.detail-overlay.on{display:flex;animation:fadeUp .25s ease;}
+
+.det-back{display:flex;align-items:center;padding:max(14px,env(safe-area-inset-top)) 20px 10px;cursor:pointer;flex-shrink:0;}
+.det-back:active{opacity:.6;}
+.back-circle{width:30px;height:30px;background:rgba(0,0,0,.07);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;}
+.back-circle svg{width:12px;height:12px;}
+.back-lbl{font-size:14px;font-weight:600;color:#8e8e93;}
+
+.hero{background:#1c1c1e;border-radius:20px;margin:0 20px 14px;padding:22px 20px 18px;color:#f5f5f7;position:relative;overflow:hidden;flex-shrink:0;}
+.hero::after{content:attr(data-w);position:absolute;right:-.05em;bottom:-.25em;font-size:5rem;font-weight:700;opacity:.06;letter-spacing:-.03em;pointer-events:none;line-height:1;text-transform:uppercase;color:#fff;}
+.hero-word{font-size:36px;font-weight:700;letter-spacing:-.5px;line-height:1.1;margin-bottom:10px;}
+.hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
+.hero-ph{font-size:13px;color:#8e8e93;font-family:ui-monospace,monospace;}
+.hero-pos{font-size:10px;font-weight:600;color:#a1a1a6;background:rgba(255,255,255,.07);border:1px solid #333;border-radius:6px;padding:2px 8px;}
+.speak-w{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid #333;border-radius:999px;padding:5px 12px;cursor:pointer;font-size:11px;font-weight:600;color:#a1a1a6;margin-left:auto;font-family:inherit;transition:all .2s;}
+.speak-w:active{background:rgba(255,255,255,.15);color:#fff;}
+
+.det-scroll{flex:1;overflow-y:auto;padding:0 20px;padding-bottom:max(110px,env(safe-area-inset-bottom));scrollbar-width:none;-webkit-overflow-scrolling:touch;}
+.det-scroll::-webkit-scrollbar{display:none;}
+
+.info-card{background:#fff;border-radius:16px;padding:16px;border:1px solid #e5e5ea;margin-bottom:10px;}
+.info-lbl{font-size:11px;font-weight:600;color:#8e8e93;margin-bottom:10px;display:flex;align-items:center;letter-spacing:.4px;text-transform:uppercase;}
+.info-lbl::before{content:"";width:6px;height:6px;border-radius:50%;background:#111;margin-right:8px;flex-shrink:0;}
+.info-txt{font-size:15px;font-weight:500;color:#111;line-height:1.6;}
+.ex-item{padding:9px 0;border-bottom:1px solid #f2f2f7;}
+.ex-item:first-child{padding-top:0;}
+.ex-item:last-child{border-bottom:none;padding-bottom:0;}
+.ex-num{font-size:10px;font-weight:600;color:#aeaeb2;margin-bottom:4px;}
+.ex-en{font-size:14px;font-weight:500;color:#111;font-style:italic;line-height:1.5;margin-bottom:3px;cursor:pointer;transition:opacity .2s;-webkit-user-select:none;}
+.ex-en.speakable::before{content:"▷ ";}
+.ex-en:active{opacity:.5;}
+.ex-zh{font-size:12px;color:#666;line-height:1.5;}
+.note-area{width:100%;border:none;background:transparent;font-size:14px;color:#111;outline:none;resize:none;min-height:70px;line-height:1.7;font-family:inherit;-webkit-user-select:text;user-select:text;}
+.note-area::placeholder{color:#c7c7cc;}
+
+.det-bar{position:absolute;bottom:0;left:0;right:0;padding:12px 20px max(34px,env(safe-area-inset-bottom));background:rgba(245,245,247,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;gap:10px;border-top:1px solid rgba(0,0,0,.06);}
+.act{flex:1;border-radius:999px;height:44px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .2s;}
+.act:active{transform:scale(.95);}
+.act.lt{background:#e5e5ea;color:#111;}
+.act.dk{background:#1c1c1e;color:#fff;}
+.act.rd{background:#fff0ef;color:#ff3b30;}
+
+/* ══════════════════════════════════════════════════════════
+   ADD SHEET
+══════════════════════════════════════════════════════════ */
+.sh-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:400;display:none;justify-content:flex-end;align-items:flex-end;backdrop-filter:blur(3px);}
+.sh-overlay.on{display:flex;}
+.sheet{background:#f5f5f7;border-radius:24px 24px 0 0;width:100%;max-width:400px;margin:0 auto;max-height:93vh;display:flex;flex-direction:column;animation:sheetUp .3s cubic-bezier(.34,1.4,.64,1);overflow:hidden;}
+.sh-handle{width:36px;height:4px;background:#d1d1d6;border-radius:2px;margin:12px auto 8px;flex-shrink:0;}
+.sh-head{display:flex;align-items:center;justify-content:space-between;padding:0 20px 14px;flex-shrink:0;border-bottom:1px solid #e5e5ea;}
+.sh-title{font-size:17px;font-weight:700;color:#111;}
+.sh-close{width:28px;height:28px;background:#e5e5ea;border-radius:50%;border:none;cursor:pointer;font-size:14px;color:#666;font-family:inherit;display:flex;align-items:center;justify-content:center;}
+.sh-close:active{background:#d1d1d6;}
+.sh-body{flex:1;overflow-y:auto;padding:16px 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
+.sh-body::-webkit-scrollbar{display:none;}
+.f-lbl{font-size:11px;font-weight:600;color:#8e8e93;margin-bottom:6px;display:block;letter-spacing:.4px;text-transform:uppercase;}
+.f-g{margin-bottom:14px;}
+.wrow{display:flex;gap:10px;align-items:flex-end;margin-bottom:14px;}
+.wrow .f-g{flex:1;margin-bottom:0;}
+.ti{width:100%;background:#fff;border:1px solid #e5e5ea;border-radius:12px;padding:12px 14px;font-size:15px;color:#111;font-weight:500;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-user-select:text;user-select:text;}
+.ti:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.05);}
+.ti::placeholder{color:#c7c7cc;font-weight:400;}
+textarea.ti{resize:none;min-height:68px;line-height:1.6;}
+.ai-btn{background:#1c1c1e;color:#fff;border:none;border-radius:12px;padding:0 16px;height:46px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;display:flex;align-items:center;gap:5px;flex-shrink:0;transition:all .2s;}
+.ai-btn:active{transform:scale(.95);}
+.ai-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;}
+.ld-row{display:flex;align-items:center;gap:10px;padding:8px 0;}
+.ld-txt{font-size:12px;font-weight:500;color:#8e8e93;}
+.ai-card{background:#1c1c1e;border-radius:16px;padding:16px;margin-bottom:14px;border:1px solid #2c2c2e;display:none;}
+.ai-card.on{display:block;animation:fadeUp .3s ease;}
+.ai-sec{padding:8px 0;border-bottom:1px solid #2c2c2e;}
+.ai-sec:first-child{padding-top:0;}
+.ai-sec:last-child{border-bottom:none;padding-bottom:0;}
+.ai-lbl{font-size:10px;font-weight:600;color:#555;margin-bottom:5px;letter-spacing:.4px;text-transform:uppercase;}
+.ai-val{font-size:13px;font-weight:500;color:#f5f5f7;line-height:1.6;}
+.ai-ex-en{font-size:13px;font-weight:500;color:#fff;font-style:italic;line-height:1.5;margin-bottom:3px;}
+.ai-ex-zh{font-size:11px;color:#a1a1a6;line-height:1.5;}
+.ai-meta{display:flex;gap:16px;}
+.ai-mc{flex:1;}
+.sh-foot{padding:12px 20px max(24px,env(safe-area-inset-bottom));display:flex;gap:10px;border-top:1px solid #e5e5ea;flex-shrink:0;background:#f5f5f7;}
+.save-btn{flex:1;background:#111;color:#fff;border:none;border-radius:999px;padding:15px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:all .2s;}
+.save-btn:active{transform:scale(.96);}
+.save-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none;}
+.cancel-btn{background:#e5e5ea;color:#111;border:none;border-radius:999px;padding:15px 20px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;}
+.cancel-btn:active{background:#d1d1d6;transform:scale(.96);}
+
+/* ── TOAST ─────────────────────────────────────────────── */
+.toast{position:fixed;bottom:max(88px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%) translateY(10px);background:#1c1c1e;color:#f5f5f7;padding:10px 20px;border-radius:999px;font-size:13px;font-weight:600;opacity:0;transition:all .25s;z-index:999;pointer-events:none;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.15);}
+.toast.on{opacity:1;transform:translateX(-50%) translateY(0);}
+</style>
+</head>
+<body>
+
+<!-- ══ LOGIN ══ -->
+<div class="frame on" id="vLogin">
+  <div class="lg-head">
+    <div class="lg-icon"><img src="/Cibird.png" style="width:100%;height:100%;object-fit:cover;border-radius:20px;"></div>
+    <div class="lg-name">CiBird</div>
+    <div class="lg-tag">词鸟 · 你的私人英语词库</div>
+    <div class="lg-ver">v2.0 · AI造句</div>
+  </div>
+  <div class="lg-body">
+    <div class="lg-slogan">专攻推特 · 游戏 · 日常生存英语<br>住在你自己的服务器，数据永远是你的</div>
+    <div class="ig"><input type="text" id="lgUser" placeholder="用户名" autocomplete="username"></div>
+    <div class="ig">
+      <input type="password" id="lgPass" placeholder="密码" autocomplete="current-password">
+      <div class="eye" onclick="togglePass()">👁</div>
+    </div>
+    <button class="lg-btn" onclick="doLogin()">进入词鸟</button>
+    <div class="lg-err" id="lgErr"></div>
+  </div>
+  <div class="lg-foot"><div class="lg-foot-tip">🔒 数据存储在你自己的 VPS</div></div>
+</div>
+
+<!-- ══ APP ══ -->
+<div class="frame" id="vApp">
+  <div class="h-track" id="hTrack">
+
+    <!-- ─── PANEL 1: 主页 ─── -->
+    <div class="panel" id="pHome">
+      <div class="phead">
+        <div class="phead-title">🦜 词鸟</div>
+        <div class="phead-right">
+          <button class="txt-btn" onclick="doLogout()">退出</button>
+        </div>
+      </div>
+      <div class="home-scroll">
+        <!-- 今日金句 -->
+        <div class="quote-card" onclick="refreshQuote()">
+          <div class="quote-label">今日金句</div>
+          <div class="quote-word" id="qWord">—</div>
+          <div class="quote-en" id="qEn">加载中…</div>
+          <div class="quote-zh" id="qZh"></div>
+          <div class="quote-date" id="qDate"></div>
+          <div class="quote-bg">🦜</div>
+        </div>
+
+        <!-- 打卡卡片 -->
+        <div class="checkin-card">
+          <div class="ci-head">
+            <div class="ci-title">📅 每日打卡</div>
+            <div class="ci-stat" id="ciStreak"></div>
+          </div>
+          <div class="ci-total" id="ciTotal">0</div>
+          <div class="ci-total-label">已学单词总数</div>
+          <div class="dot-grid" id="dotGrid"></div>
+          <div class="ci-footer">
+            <div class="ci-streak" id="ciFooter">点击今日金句可刷新</div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- ─── PANEL 2: 词库 ─── -->
+    <div class="panel" id="pWords">
+      <div class="phead">
+        <div class="phead-title">词库</div>
+        <div class="phead-right">
+          <span class="badge" id="wcBadge">0 词</span>
+        </div>
+      </div>
+      <div class="alpha-nav" id="alphaN">
+        <span class="alpha-all on" onclick="fAlpha(null,this)">ALL</span>
+        <span onclick="fAlpha('A',this)">A</span><span onclick="fAlpha('B',this)">B</span><span onclick="fAlpha('C',this)">C</span><span onclick="fAlpha('D',this)">D</span><span onclick="fAlpha('E',this)">E</span><span onclick="fAlpha('F',this)">F</span><span onclick="fAlpha('G',this)">G</span><span onclick="fAlpha('H',this)">H</span><span onclick="fAlpha('I',this)">I</span><span onclick="fAlpha('J',this)">J</span><span onclick="fAlpha('K',this)">K</span><span onclick="fAlpha('L',this)">L</span><span onclick="fAlpha('M',this)">M</span><span onclick="fAlpha('N',this)">N</span><span onclick="fAlpha('O',this)">O</span><span onclick="fAlpha('P',this)">P</span><span onclick="fAlpha('Q',this)">Q</span><span onclick="fAlpha('R',this)">R</span><span onclick="fAlpha('S',this)">S</span><span onclick="fAlpha('T',this)">T</span><span onclick="fAlpha('U',this)">U</span><span onclick="fAlpha('V',this)">V</span><span onclick="fAlpha('W',this)">W</span><span onclick="fAlpha('X',this)">X</span><span onclick="fAlpha('Y',this)">Y</span><span onclick="fAlpha('Z',this)">Z</span>
+      </div>
+      <div class="search-wrap">
+        <input type="text" placeholder="搜索单词或释义…" id="searchIn" oninput="onSearch()">
+      </div>
+      <div class="word-list" id="wordList"></div>
+      <button class="fab" onclick="openAdd()">
+        <svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+      </button>
+    </div>
+
+    <!-- ─── PANEL 3: 练习 ─── -->
+    <div class="panel" id="pEssential">
+      <div class="phead">
+        <div class="phead-title">练习</div>
+        <div class="phead-right"><span class="badge">互动</span></div>
+      </div>
+
+      <!-- Tab 横向滚动条 -->
+      <div class="cat-track" id="toolTabTrack">
+        <div class="cat-tab on" id="tabTime" onclick="switchTool('time')">🕐 时间</div>
+        <div class="cat-tab" id="tabNum" onclick="switchTool('num')">🔢 数字</div>
+        <div class="cat-tab" id="tabCountry" onclick="switchTool('country')">🌍 国家</div>
+        <div class="cat-tab" id="tabMonth" onclick="switchTool('month')">📅 月</div>
+        <div class="cat-tab" id="tabWeek" onclick="switchTool('week')">📆 周</div>
+        <div class="cat-tab" id="tabAnimal" onclick="switchTool('animal')">🐾 动物</div>
+        <div class="cat-tab" id="tabFood" onclick="switchTool('food')">🍽️ 食物</div>
+        <div class="cat-tab" id="tabJob" onclick="switchTool('job')">💼 职业</div>
+      </div>
+
+      <!-- 时间工具 -->
+      <div class="tool-wrap" id="toolTime">
+        <div class="picker-area">
+          <div class="picker-line"></div>
+          <div class="picker-row">
+            <div class="picker-col" id="pcHour"></div>
+            <div class="picker-sep">:</div>
+            <div class="picker-col" id="pcMin"></div>
+            <div class="picker-sep" style="font-size:14px;color:#aeaeb2;writing-mode:vertical-lr;transform:rotate(180deg);padding:0 8px;"></div>
+            <div class="picker-col" id="pcAmpm" style="max-width:70px;"></div>
+          </div>
+        </div>
+        <div class="result-card" onclick="speakResult('time')" id="timeResult">
+          <div class="result-left">
+            <div class="result-en" id="timeEn">选择时间后自动生成</div>
+            <div class="result-zh" id="timeZh"></div>
+          </div>
+          <div class="result-speak">🔊</div>
+        </div>
+      </div>
+
+      <!-- 数字工具 -->
+      <div class="tool-wrap" id="toolNum" style="display:none">
+        <div class="num-input-wrap">
+          <input class="num-input" type="number" id="numIn" placeholder="输入数字…" oninput="onNumInput()" inputmode="numeric">
+          <div class="num-clear" onclick="clearNum()">✕</div>
+        </div>
+        <div class="num-examples">
+          <div class="num-eg" onclick="setNum(42)">42</div>
+          <div class="num-eg" onclick="setNum(100)">100</div>
+          <div class="num-eg" onclick="setNum(365)">365</div>
+          <div class="num-eg" onclick="setNum(1024)">1,024</div>
+          <div class="num-eg" onclick="setNum(99999)">99,999</div>
+          <div class="num-eg" onclick="setNum(1000000)">1M</div>
+        </div>
+        <div class="result-card" onclick="speakResult('num')" id="numResult" style="display:none">
+          <div class="result-left">
+            <div class="result-en" id="numEn"></div>
+            <div class="result-zh" id="numZh"></div>
+          </div>
+          <div class="result-speak">🔊</div>
+        </div>
+      </div>
+
+      <!-- 国家（AI接口）-->
+      <div class="ess-list" id="toolCountry" style="display:none"></div>
+
+      <!-- 静态词库面板（月/周/动物/食物/职业）-->
+      <div class="ess-list" id="toolMonth" style="display:none"></div>
+      <div class="ess-list" id="toolWeek" style="display:none"></div>
+      <div class="ess-list" id="toolAnimal" style="display:none"></div>
+      <div class="ess-list" id="toolFood" style="display:none"></div>
+      <div class="ess-list" id="toolJob" style="display:none"></div>
+    </div>
+
+  </div><!-- /h-track -->
+
+  <!-- 桌面导航箭头 -->
+  <button class="nav-arrow left" id="arrowL" onclick="arrowNav(-1)">
+    <svg viewBox="0 0 24 24"><polyline points="15 18 9 12 15 6"/></svg>
+  </button>
+  <button class="nav-arrow right" id="arrowR" onclick="arrowNav(1)">
+    <svg viewBox="0 0 24 24"><polyline points="9 6 15 12 9 18"/></svg>
+  </button>
+
+  <!-- 底部导航点 -->
+  <div class="nav-dots">
+    <div class="nav-dot on" id="dot0"></div>
+    <div class="nav-dot" id="dot1"></div>
+    <div class="nav-dot" id="dot2"></div>
+  </div>
+</div><!-- /vApp -->
+
+<!-- ══ DETAIL OVERLAY ══ -->
+<div class="detail-overlay" id="detOverlay">
+  <div class="det-back" onclick="closeDetail()">
+    <div class="back-circle">
+      <svg viewBox="0 0 24 24" fill="none" stroke="#666" stroke-width="3" stroke-linecap="round"><polyline points="15 18 9 12 15 6"/></svg>
+    </div>
+    <span class="back-lbl">词库</span>
+  </div>
+  <div class="hero" id="detHero">
+    <div class="hero-word" id="dWord">—</div>
+    <div class="hero-meta">
+      <span class="hero-ph" id="dPh"></span>
+      <span class="hero-pos" id="dPos"></span>
+      <button class="speak-w" onclick="speakWord()">▶ 发音</button>
+    </div>
+  </div>
+  <div class="det-scroll">
+    <div class="info-card">
+      <div class="info-lbl">中文释义</div>
+      <div class="info-txt" id="dMeaning"></div>
+    </div>
+    <div class="info-card">
+      <div class="info-lbl">例句</div>
+      <div id="dExamples"></div>
+    </div>
+    <div class="info-card">
+      <div class="info-lbl">我的笔记</div>
+      <textarea class="note-area" id="dNote" placeholder="在这里写下你对这个词的理解，在哪遇见的，怎么记住它…" onchange="saveNote()"></textarea>
+    </div>
+  </div>
+  <div class="det-bar">
+    <button class="act lt" onclick="regenEx()">✦ 重新造句</button>
+    <button class="act dk" onclick="closeDetail()">返回</button>
+    <button class="act rd" onclick="deleteWord()">删除</button>
+  </div>
+</div>
+
+<!-- ══ ADD SHEET ══ -->
+<div class="sh-overlay" id="addSheet">
+  <div class="sheet">
+    <div class="sh-handle"></div>
+    <div class="sh-head">
+      <div class="sh-title">✦ 添加单词</div>
+      <button class="sh-close" onclick="closeAdd()">✕</button>
+    </div>
+    <div class="sh-body">
+      <div class="wrow">
+        <div class="f-g">
+          <label class="f-lbl">英文单词</label>
+          <input type="text" class="ti" id="inWord" placeholder="例如：savage" oninput="onWordIn()" autocomplete="off">
+        </div>
+        <button class="ai-btn" id="btnAI" onclick="generateAI()" disabled>✦ AI</button>
+      </div>
+      <div id="aiLoading" style="display:none">
+        <div class="ld-row"><div class="mini-spin"></div><span class="ld-txt">AI 正在造句，稍等…</span></div>
+      </div>
+      <div class="ai-card" id="aiCard">
+        <div class="ai-sec"><div class="ai-lbl">释义</div><div class="ai-val" id="rMeaning"></div></div>
+        <div class="ai-sec">
+          <div class="ai-meta">
+            <div class="ai-mc"><div class="ai-lbl">音标</div><div class="ai-val" id="rPh" style="font-family:ui-monospace,monospace;font-size:12px;"></div></div>
+            <div class="ai-mc"><div class="ai-lbl">词性</div><div class="ai-val" id="rPos" style="font-size:12px;color:#a1a1a6;"></div></div>
+          </div>
+        </div>
+        <div class="ai-sec"><div class="ai-lbl">例句①</div><div class="ai-ex-en" id="rE1en"></div><div class="ai-ex-zh" id="rE1zh"></div></div>
+        <div class="ai-sec"><div class="ai-lbl">例句②</div><div class="ai-ex-en" id="rE2en"></div><div class="ai-ex-zh" id="rE2zh"></div></div>
+      </div>
+      <div class="f-g">
+        <label class="f-lbl">个人笔记（可选）</label>
+        <textarea class="ti" id="inNote" placeholder="在哪遇见的？怎么记住它？"></textarea>
+      </div>
+    </div>
+    <div class="sh-foot">
+      <button class="cancel-btn" onclick="closeAdd()">取消</button>
+      <button class="save-btn" id="btnSave" onclick="saveWord()" disabled>保存到词库</button>
+    </div>
+  </div>
+</div>
+
+<div class="toast" id="toast"></div>
+
+<script>
+// ═══════════════════════════
+// STATE
+// ═══════════════════════════
+let token=null, words=[], curId=null, aiData=null, curAlpha=null, curCat=null;
+
+// ═══════════════════════════
+// AUTH
+// ═══════════════════════════
+async function doLogin(){
+  const u=document.getElementById('lgUser').value.trim();
+  const p=document.getElementById('lgPass').value;
+  const err=document.getElementById('lgErr');
+  if(!u||!p){err.textContent='请填写用户名和密码';return;}
+  try{
+    const r=await fetch('/api/login',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({username:u,password:p})});
+    const d=await r.json();
+    if(!r.ok){err.textContent=d.detail||'用户名或密码错误';return;}
+    token=d.token; localStorage.setItem('cb_t',token); enterApp();
+  }catch(e){err.textContent='无法连接服务器';}
+}
+function doLogout(){
+  token=null; localStorage.removeItem('cb_t');
+  document.getElementById('vApp').classList.remove('on');
+  document.getElementById('vLogin').classList.add('on');
+  document.getElementById('lgPass').value='';
+  document.getElementById('lgErr').textContent='';
+}
+function togglePass(){const e=document.getElementById('lgPass');e.type=e.type==='password'?'text':'password';}
+
+// ═══════════════════════════
+// INIT
+// ═══════════════════════════
+window.addEventListener('DOMContentLoaded',async()=>{
+  ['lgUser','lgPass'].forEach(id=>document.getElementById(id).addEventListener('keydown',e=>{if(e.key==='Enter')doLogin();}));
+  document.getElementById('inWord').addEventListener('keydown',e=>{if(e.key==='Enter')generateAI();});
+
+  // 导航点监听
+  const track=document.getElementById('hTrack');
+  track.addEventListener('scroll',()=>{
+    const idx=Math.round(track.scrollLeft/track.offsetWidth);
+    [0,1,2].forEach(i=>document.getElementById('dot'+i).classList.toggle('on',i===idx));
+  },{passive:true});
+
+  const saved=localStorage.getItem('cb_t');
+  if(saved){token=saved;const ok=await loadWords();if(ok){enterApp();return;}token=null;localStorage.removeItem('cb_t');}
+});
+
+function enterApp(){
+  document.getElementById('vLogin').classList.remove('on');
+  document.getElementById('vApp').classList.add('on');
+  loadWords(); loadHome(); loadCategories();
+  // 默认停在中间词库面板
+  setTimeout(()=>goPanel(1),100);
+}
+
+function goPanel(idx){
+  const track=document.getElementById('hTrack');
+  track.scrollTo({left:idx*track.offsetWidth,behavior:'smooth'});
+}
+
+// ═══════════════════════════
+// API HELPER
+// ═══════════════════════════
+function ah(){return{'Content-Type':'application/json','Authorization':'Bearer '+token};}
+
+// ═══════════════════════════
+// HOME: 金句 + 打卡
+// ═══════════════════════════
+async function loadHome(){
+  loadQuote(); loadCheckin();
+}
+
+async function loadQuote(){
+  try{
+    const r=await fetch('/api/daily-quote',{headers:ah()});
+    if(!r.ok)return;
+    const d=await r.json();
+    document.getElementById('qWord').textContent=d.word||'';
+    document.getElementById('qEn').textContent=d.sentence_en||'Keep learning!';
+    document.getElementById('qZh').textContent=d.sentence_zh||'';
+    document.getElementById('qDate').textContent=d.date||'';
+  }catch(e){}
+}
+
+async function refreshQuote(){
+  showToast('🦜 今日金句已固定，明天再来～');
+}
+
+async function loadCheckin(){
+  try{
+    const r=await fetch('/api/checkins',{headers:ah()});
+    if(!r.ok)return;
+    const d=await r.json();
+    document.getElementById('ciTotal').textContent=d.total_words||0;
+
+    // 生成最近 91 天（13列×7行）的点阵
+    const records={}; (d.records||[]).forEach(x=>records[x.date]=x.count);
+    const today=d.today||new Date().toISOString().slice(0,10);
+    const grid=document.getElementById('dotGrid');
+    grid.innerHTML='';
+    // 计算连续打卡天数
+    let streak=0;
+    for(let i=0;;i++){
+      const dt=dateOffset(today,-i);
+      if(records[dt]){streak++;}else break;
+    }
+    document.getElementById('ciStreak').textContent=streak?`🔥 连续 ${streak} 天`:'';
+    document.getElementById('ciFooter').textContent=streak?`太棒了，继续保持！`:'今天还没打卡，去学一个单词吧';
+
+    // 渲染 91 个点（从91天前到今天）
+    for(let i=90;i>=0;i--){
+      const dt=dateOffset(today,-i);
+      const dot=document.createElement('div');
+      dot.className='dot';
+      if(records[dt]) dot.classList.add('done');
+      if(dt===today) dot.classList.add('today');
+      dot.title=dt;
+      grid.appendChild(dot);
+    }
+  }catch(e){}
+}
+
+function dateOffset(base,offset){
+  const d=new Date(base+'T00:00:00Z');
+  d.setUTCDate(d.getUTCDate()+offset);
+  return d.toISOString().slice(0,10);
+}
+
+// ═══════════════════════════
+// WORDS
+// ═══════════════════════════
+async function loadWords(){
+  try{
+    const r=await fetch('/api/words',{headers:ah()});
+    if(r.status===401)return false;
+    words=await r.json();
+    // examples字段从数据库出来是JSON字符串，需要parse
+    words=words.map(w=>{
+      try{w.examples=typeof w.examples==='string'?JSON.parse(w.examples):w.examples;}catch(e){w.examples=[];}
+      return w;
+    });
+    renderList(words); updateBadge(); return true;
+  }catch(e){return false;}
+}
+
+function renderList(list){
+  const el=document.getElementById('wordList');
+  if(!list.length){
+    el.innerHTML=`<div class="empty"><div class="empty-icon">🦜</div><div class="empty-t">词库还是空的</div><div class="empty-s">点右下角 ＋ 添加你的第一个单词</div></div>`;
+    return;
+  }
+  el.innerHTML=list.map((w,i)=>`
+    <div class="wc" style="animation-delay:${Math.min(i*.04,.3)}s" onclick="showDetail(${w.id})">
+      <div class="wc-top">
+        <span class="wc-word"><span class="sdot"></span>${esc(w.word)}</span>
+        <div class="wc-r">
+          <span class="wc-ph">${esc(w.phonetic||'')}</span>
+          ${w.pos?`<span class="wc-pos">${esc(w.pos)}</span>`:''}
+        </div>
+      </div>
+      <div class="wc-zh">${esc(w.meaning||'')}</div>
+      ${w.examples&&w.examples[0]?(()=>{const e=w.examples[0];const t=typeof e==='string'?e:(e.en||'');return t?`<div class="wc-ex">${esc(t)}</div>`:''})():''}
+    </div>`).join('');
+}
+
+function updateBadge(){document.getElementById('wcBadge').textContent=words.length+' 词';}
+
+let curAlphaEl=null;
+function fAlpha(l,el){
+  curAlpha=l;
+  document.querySelectorAll('.alpha-nav span').forEach(s=>s.classList.remove('on'));
+  el.classList.add('on');
+  document.getElementById('searchIn').value='';
+  applyFilter();
+}
+function onSearch(){
+  curAlpha=null;
+  document.querySelectorAll('.alpha-nav span').forEach(s=>s.classList.remove('on'));
+  document.querySelector('.alpha-all').classList.add('on');
+  applyFilter();
+}
+function applyFilter(){
+  const q=document.getElementById('searchIn').value.toLowerCase().trim();
+  let res=words;
+  if(curAlpha) res=res.filter(w=>w.word.toUpperCase().startsWith(curAlpha));
+  if(q) res=res.filter(w=>w.word.toLowerCase().includes(q)||(w.meaning||'').toLowerCase().includes(q)||(w.note||'').toLowerCase().includes(q));
+  renderList(res);
+}
+
+// ═══════════════════════════
+// DETAIL
+// ═══════════════════════════
+function showDetail(id){
+  const w=words.find(x=>x.id===id); if(!w)return;
+  curId=id;
+  document.getElementById('detHero').setAttribute('data-w',w.word.toUpperCase());
+  document.getElementById('dWord').textContent=w.word;
+  document.getElementById('dPh').textContent=w.phonetic||'';
+  document.getElementById('dPos').textContent=w.pos||'';
+  document.getElementById('dMeaning').textContent=w.meaning||'';
+  document.getElementById('dNote').value=w.note||'';
+  let ex=w.examples||[];
+  if(typeof ex==='string'){try{ex=JSON.parse(ex);}catch(e){ex=[];}}
+  const exEl=document.getElementById('dExamples');
+  exEl.innerHTML=!ex.length
+    ?'<div style="font-size:12px;color:#aeaeb2;">暂无例句，点「重新造句」获取</div>'
+    :ex.map((e,i)=>{
+      // 兼容旧格式（纯字符串）和新格式（{en,zh}对象）
+      const enTxt=typeof e==='string'?e:(e.en||'');
+      const zhTxt=typeof e==='string'?'':(e.zh||'');
+      return `<div class="ex-item"><div class="ex-num">例句 ${i+1}</div><div class="ex-en speakable" onclick="speakText(this)" data-t="${esc(enTxt)}">${esc(enTxt)}</div><div class="ex-zh">${esc(zhTxt)}</div></div>`;
+    }).join('');
+  document.querySelector('.det-scroll').scrollTop=0;
+  document.getElementById('detOverlay').classList.add('on');
+}
+function closeDetail(){document.getElementById('detOverlay').classList.remove('on');}
+
+function speakWord(){
+  const w=document.getElementById('dWord').textContent;
+  if(!w||w==='—'||!window.speechSynthesis)return;
+  const u=new SpeechSynthesisUtterance(w);u.lang='en-US';u.rate=.82;window.speechSynthesis.speak(u);
+}
+function speakText(el){
+  const t=el.getAttribute('data-t'); if(!t||!window.speechSynthesis)return;
+  window.speechSynthesis.cancel();
+  const u=new SpeechSynthesisUtterance(t);u.lang='en-US';u.rate=.82;
+  el.style.opacity='.5';u.onend=()=>{el.style.opacity='1';};window.speechSynthesis.speak(u);
+}
+
+async function saveNote(){
+  const note=document.getElementById('dNote').value; if(!curId)return;
+  try{
+    await fetch('/api/words/'+curId+'/note',{method:'PATCH',headers:ah(),body:JSON.stringify({note})});
+    const w=words.find(x=>x.id===curId);if(w)w.note=note;
+    showToast('笔记已保存');
+  }catch(e){}
+}
+async function regenEx(){
+  const w=words.find(x=>x.id===curId);if(!w)return;
+  showToast('✦ AI 重新造句中…');
+  try{
+    const r=await fetch('/api/generate',{method:'POST',headers:ah(),body:JSON.stringify({word:w.word})});
+    const d=await r.json();if(!r.ok){showToast('AI 出错了');return;}
+    await fetch('/api/words/'+curId+'/examples',{method:'PATCH',headers:ah(),body:JSON.stringify({examples:d.examples||[]})});
+    w.examples=d.examples||[];showDetail(curId);showToast('✓ 例句已更新');
+    loadCheckin();
+  }catch(e){showToast('网络错误');}
+}
+async function deleteWord(){
+  const w=words.find(x=>x.id===curId);
+  if(!confirm('删除「'+(w?w.word:'这个单词')+'」？'))return;
+  try{
+    await fetch('/api/words/'+curId,{method:'DELETE',headers:ah()});
+    closeDetail();await loadWords();showToast('已删除');
+  }catch(e){showToast('删除失败');}
+}
+
+// ═══════════════════════════
+// ADD
+// ═══════════════════════════
+function openAdd(){
+  aiData=null;
+  document.getElementById('inWord').value='';
+  document.getElementById('inNote').value='';
+  document.getElementById('aiCard').classList.remove('on');
+  document.getElementById('aiLoading').style.display='none';
+  document.getElementById('btnAI').disabled=true;
+  document.getElementById('btnSave').disabled=true;
+  document.getElementById('addSheet').classList.add('on');
+  setTimeout(()=>document.getElementById('inWord').focus(),200);
+}
+function closeAdd(){document.getElementById('addSheet').classList.remove('on');}
+function onWordIn(){
+  const v=document.getElementById('inWord').value.trim();
+  document.getElementById('btnAI').disabled=!v;
+  if(!v){document.getElementById('aiCard').classList.remove('on');document.getElementById('btnSave').disabled=true;aiData=null;}
+}
+async function generateAI(){
+  const word=document.getElementById('inWord').value.trim();if(!word)return;
+  document.getElementById('aiLoading').style.display='block';
+  document.getElementById('aiCard').classList.remove('on');
+  document.getElementById('btnAI').disabled=true;document.getElementById('btnSave').disabled=true;aiData=null;
+  try{
+    const r=await fetch('/api/generate',{method:'POST',headers:ah(),body:JSON.stringify({word})});
+    const d=await r.json();if(!r.ok){showToast('AI 出错：'+(d.detail||'请重试'));return;}
+    aiData=d;
+    document.getElementById('rMeaning').textContent=d.meaning||'';
+    document.getElementById('rPh').textContent=d.phonetic||'';
+    document.getElementById('rPos').textContent=d.pos||'';
+    const e1=d.examples&&d.examples[0]||{},e2=d.examples&&d.examples[1]||{};
+    document.getElementById('rE1en').textContent=e1.en||'';document.getElementById('rE1zh').textContent=e1.zh||'';
+    document.getElementById('rE2en').textContent=e2.en||'';document.getElementById('rE2zh').textContent=e2.zh||'';
+    document.getElementById('aiCard').classList.add('on');document.getElementById('btnSave').disabled=false;
+  }catch(e){showToast('网络错误，请重试');}
+  finally{document.getElementById('aiLoading').style.display='none';document.getElementById('btnAI').disabled=false;}
+}
+async function saveWord(){
+  const word=document.getElementById('inWord').value.trim();if(!word||!aiData)return;
+  const note=document.getElementById('inNote').value.trim();
+  try{
+    const r=await fetch('/api/words',{method:'POST',headers:ah(),body:JSON.stringify({word,note,meaning:aiData.meaning||'',phonetic:aiData.phonetic||'',pos:aiData.pos||'',examples:aiData.examples||[]})});
+    if(!r.ok){showToast('保存失败');return;}
+    closeAdd();await loadWords();loadCheckin();showToast('✓ 已加入词库：'+word);
+  }catch(e){showToast('网络错误');}
+}
+document.getElementById('addSheet').addEventListener('click',e=>{if(e.target===document.getElementById('addSheet'))closeAdd();});
+
+// ═══════════════════════════
+// PANEL NAV ARROWS (desktop)
+// ═══════════════════════════
+let curPanel=1;
+function arrowNav(dir){
+  curPanel=Math.max(0,Math.min(2,curPanel+dir));
+  goPanel(curPanel);
+  updateArrows();
+}
+function updateArrows(){
+  const l=document.getElementById('arrowL');
+  const r=document.getElementById('arrowR');
+  if(l){l.style.opacity=curPanel===0?'0.3':'1';l.style.pointerEvents=curPanel===0?'none':'auto';}
+  if(r){r.style.opacity=curPanel===2?'0.3':'1';r.style.pointerEvents=curPanel===2?'none':'auto';}
+}
+// 覆盖 enterApp 后调用
+const _origGoPanel=goPanel;
+
+// ═══════════════════════════
+// TOOL: 时间 & 数字
+// ═══════════════════════════
+function initTools(){
+  // 确保时间面板用 flex 布局
+  const tw=document.getElementById('toolTime');
+  if(tw){tw.style.display='flex';tw.style.flexDirection='column';}
+  buildPicker('pcHour', Array.from({length:12},(_,i)=>String(i+1).padStart(2,'0')), 0);
+  buildPicker('pcMin',  Array.from({length:60},(_,i)=>String(i).padStart(2,'0')), 0);
+  buildPicker('pcAmpm', ['AM','PM'], 0);
+  updateTimeResult();
+}
+
+function buildPicker(colId, items, initIdx){
+  const col=document.getElementById(colId);
+  if(!col)return;
+  // 上下各加3个空白撑高，让选中项能居中
+  const pad=3;
+  let html='';
+  for(let i=0;i<pad;i++) html+=`<div class="picker-item" style="visibility:hidden">&nbsp;</div>`;
+  items.forEach((v,i)=>{ html+=`<div class="picker-item" data-val="${v}">${v}</div>`; });
+  for(let i=0;i<pad;i++) html+=`<div class="picker-item" style="visibility:hidden">&nbsp;</div>`;
+  col.innerHTML=html;
+
+  // 滚到初始位置
+  col.scrollTop=initIdx*40;
+  highlightPicker(col);
+
+  // 滚动时更新高亮 + 结果
+  col.addEventListener('scroll',()=>{
+    highlightPicker(col);
+    if(colId==='pcHour'||colId==='pcMin'||colId==='pcAmpm') updateTimeResult();
+  },{passive:true});
+}
+
+function highlightPicker(col){
+  const items=[...col.querySelectorAll('.picker-item[data-val]')];
+  const center=col.scrollTop+col.offsetHeight/2;
+  let best=null, bestDist=Infinity;
+  items.forEach(item=>{
+    const dist=Math.abs(item.offsetTop+20-center);
+    if(dist<bestDist){bestDist=dist;best=item;}
+  });
+  items.forEach(i=>i.classList.remove('sel'));
+  if(best) best.classList.add('sel');
+}
+
+function getPickerVal(colId){
+  const col=document.getElementById(colId);
+  if(!col)return null;
+  return col.querySelector('.picker-item.sel')?.getAttribute('data-val')||null;
+}
+
+function updateTimeResult(){
+  const h=getPickerVal('pcHour');
+  const m=getPickerVal('pcMin');
+  const ap=getPickerVal('pcAmpm');
+  if(!h||!m||!ap)return;
+  const hNum=parseInt(h);
+  const mNum=parseInt(m);
+  const {en,zh}=timeToEnglish(hNum,mNum,ap);
+  document.getElementById('timeEn').textContent=en;
+  document.getElementById('timeZh').textContent=zh;
+}
+
+function timeToEnglish(h,m,ap){
+  const ones=['','one','two','three','four','five','six','seven','eight','nine',
+              'ten','eleven','twelve','thirteen','fourteen','fifteen',
+              'sixteen','seventeen','eighteen','nineteen'];
+  const tens=['','','twenty','thirty','forty','fifty'];
+  function sayNum(n){
+    if(n===0)return'';
+    if(n<20)return ones[n];
+    return tens[Math.floor(n/10)]+(n%10?'-'+ones[n%10]:'');
+  }
+  const hWord=ones[h]||sayNum(h);
+  const apWord=ap.toLowerCase();
+
+  let en='',zh='';
+
+  if(m===0){
+    en=`It's ${hWord} o'clock ${apWord}.`;
+    zh=`现在是${ap==='AM'?'上午':'下午'}${h}点整`;
+  } else if(m===15){
+    en=`It's a quarter past ${hWord} ${apWord}.`;
+    zh=`现在是${ap==='AM'?'上午':'下午'}${h}点一刻`;
+  } else if(m===30){
+    en=`It's half past ${hWord} ${apWord}.`;
+    zh=`现在是${ap==='AM'?'上午':'下午'}${h}点半`;
+  } else if(m===45){
+    const nextH=h===12?1:h+1;
+    en=`It's a quarter to ${ones[nextH]||sayNum(nextH)} ${apWord}.`;
+    zh=`现在差一刻${ap==='AM'?'上午':'下午'}${nextH}点`;
+  } else if(m<30){
+    en=`It's ${sayNum(m)} past ${hWord} ${apWord}.`;
+    zh=`现在是${ap==='AM'?'上午':'下午'}${h}点过${m}分`;
+  } else {
+    const left=60-m;
+    const nextH=h===12?1:h+1;
+    en=`It's ${sayNum(left)} to ${ones[nextH]||sayNum(nextH)} ${apWord}.`;
+    zh=`现在差${left}分${ap==='AM'?'上午':'下午'}${nextH}点`;
+  }
+  // 首字母大写已有 It's
+  return {en,zh};
+}
+
+function speakResult(type){
+  let text='';
+  if(type==='time') text=document.getElementById('timeEn').textContent;
+  if(type==='num') text=document.getElementById('numEn').textContent;
+  if(!text||!window.speechSynthesis)return;
+  window.speechSynthesis.cancel();
+  const u=new SpeechSynthesisUtterance(text);u.lang='en-US';u.rate=.78;window.speechSynthesis.speak(u);
+}
+
+// 所有工具面板 id 列表
+const TOOL_IDS = ['time','num','country','month','week','animal','food','job'];
+const TOOL_TAB_IDS = {
+  time:'tabTime', num:'tabNum', country:'tabCountry',
+  month:'tabMonth', week:'tabWeek', animal:'tabAnimal',
+  food:'tabFood', job:'tabJob'
+};
+
+// 静态词库已加载标记
+const staticLoaded = {};
+
+function switchTool(t){
+  TOOL_IDS.forEach(x=>{
+    const el=document.getElementById('tool'+x.charAt(0).toUpperCase()+x.slice(1));
+    if(el) el.style.display=(x===t?'':'none');
+    const tab=document.getElementById(TOOL_TAB_IDS[x]);
+    if(tab) tab.classList.toggle('on',x===t);
+  });
+  // 时间面板用 flex
+  if(t==='time'){
+    const tw=document.getElementById('toolTime');
+    if(tw) tw.style.display='flex';
+    tw.style.flexDirection='column';
+  }
+  // 按需加载
+  if(['country','month','week','animal','food','job'].includes(t) && !staticLoaded[t]) loadVocabStatic(t);
+}
+
+// 加载静态词库（国家/月/周/动物/食物/职业）
+const STATIC_CAT = {country:'国家', month:'月', week:'周', animal:'动物', food:'食物', job:'职业'};
+async function loadVocabStatic(key){
+  const el=document.getElementById('tool'+key.charAt(0).toUpperCase()+key.slice(1));
+  el.innerHTML='<div class="ess-loading"><div class="mini-spin"></div> 加载中…</div>';
+  try{
+    const r=await fetch('/api/static/'+encodeURIComponent(STATIC_CAT[key]),{headers:ah()});
+    const d=await r.json();
+    renderVocabList(el, d.items||[]);
+    staticLoaded[key]=true;
+  }catch(e){el.innerHTML='<div class="ess-loading">加载失败，请重试</div>';}
+}
+
+// 加载 AI 词库（国家）
+async function loadVocabAI(key, cat){
+  const el=document.getElementById('tool'+key.charAt(0).toUpperCase()+key.slice(1));
+  el.innerHTML='<div class="ess-loading"><div class="mini-spin"></div> AI 加载中，稍等…</div>';
+  try{
+    const r=await fetch('/api/essentials/'+encodeURIComponent(cat),{headers:ah()});
+    const d=await r.json();
+    renderVocabList(el, d.items||[]);
+    staticLoaded[key]=true;
+  }catch(e){el.innerHTML='<div class="ess-loading">加载失败，请重试</div>';}
+}
+
+function renderVocabList(el, items){
+  if(!items.length){el.innerHTML='<div class="ess-loading">暂无数据</div>';return;}
+  el.innerHTML=items.map(i=>`
+    <div class="ess-card" onclick="speakVocab('${esc(i.en)}')">
+      <div class="ess-left">
+        <div class="ess-en">${esc(i.en)}</div>
+        <div class="ess-zh">${esc(i.zh)}</div>
+      </div>
+      <div class="ess-right">
+        <div class="ess-note">${esc(i.note||'')}</div>
+        <div class="ess-speak">🔊</div>
+      </div>
+    </div>`).join('');
+}
+
+function speakVocab(text){
+  if(!window.speechSynthesis)return;
+  window.speechSynthesis.cancel();
+  const u=new SpeechSynthesisUtterance(text);
+  u.lang='en-US';u.rate=0.82;
+  window.speechSynthesis.speak(u);
+}
+
+// 数字转英文
+function numToWords(n){
+  if(isNaN(n))return'';
+  if(n===0)return'zero';
+  if(n<0)return'negative '+numToWords(-n);
+  const ones=['','one','two','three','four','five','six','seven','eight','nine',
+              'ten','eleven','twelve','thirteen','fourteen','fifteen',
+              'sixteen','seventeen','eighteen','nineteen'];
+  const tens=['','','twenty','thirty','forty','fifty','sixty','seventy','eighty','ninety'];
+  function say(num){
+    if(num===0)return'';
+    if(num<20)return ones[num]+' ';
+    if(num<100)return tens[Math.floor(num/10)]+(num%10?'-'+ones[num%10]:'')+' ';
+    if(num<1000)return ones[Math.floor(num/100)]+' hundred '+(num%100?say(num%100):'');
+    if(num<1000000)return say(Math.floor(num/1000))+'thousand '+(num%1000?say(num%1000):'');
+    if(num<1000000000)return say(Math.floor(num/1000000))+'million '+(num%1000000?say(num%1000000):'');
+    return say(Math.floor(num/1000000000))+'billion '+(num%1000000000?say(num%1000000000):'');
+  }
+  return say(Math.floor(Math.abs(n))).trim().replace(/\s+/g,' ');
+}
+
+function onNumInput(){
+  const val=document.getElementById('numIn').value.trim();
+  const n=parseInt(val);
+  const card=document.getElementById('numResult');
+  if(!val||isNaN(n)||n<0||n>999999999){
+    card.style.display='none';return;
+  }
+  const words=numToWords(n);
+  // 首字母大写
+  const en=words.charAt(0).toUpperCase()+words.slice(1);
+  document.getElementById('numEn').textContent=en;
+  document.getElementById('numZh').textContent='数字 '+n.toLocaleString()+' 的英文读法';
+  card.style.display='flex';
+}
+
+function setNum(n){
+  document.getElementById('numIn').value=n;
+  onNumInput();
+}
+function clearNum(){
+  document.getElementById('numIn').value='';
+  document.getElementById('numResult').style.display='none';
+}
+
+// 旧接口兼容（enterApp 里调用）
+function loadCategories(){ initTools(); }
+
+// ═══════════════════════════
+// UTILS
+// ═══════════════════════════
+function esc(s){return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');}
+let tt;
+function showToast(msg){const el=document.getElementById('toast');el.textContent=msg;el.classList.add('on');clearTimeout(tt);tt=setTimeout(()=>el.classList.remove('on'),2200);}
+
+// track scroll → 更新箭头方向
+document.addEventListener('DOMContentLoaded',()=>{
+  const track=document.getElementById('hTrack');
+  if(track){
+    track.addEventListener('scroll',()=>{
+      curPanel=Math.round(track.scrollLeft/track.offsetWidth);
+      updateArrows();
+    },{passive:true});
+  }
+  updateArrows();
+});
+</script>
+</body>
+</html>
diff --git a/index_updated.html b/index_updated.html
new file mode 100644
index 0000000..00d9f3a
--- /dev/null
+++ b/index_updated.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="theme-color" content="#f5f5f7">
+<title>CiBird | 词鸟</title>
+<style>
+/* ── RESET & BASE ─────────────────────────────────────────── */
+*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;-webkit-touch-callout:none;margin:0;padding:0;}
+html,body{position:fixed;inset:0;width:100%;height:100%;}
+body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;background:#e5e5ea;display:flex;justify-content:center;align-items:center;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;}
+
+.frame{width:100%;max-width:400px;height:100%;background:#f5f5f7;position:relative;overflow:hidden;display:none;flex-direction:column;}
+.frame.on{display:flex;}
+
+/* Header / Tabs / List Styles (simplified for output) */
+.header{padding:16px;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center;}
+.nav{height:60px;background:#fff;border-top:1px solid #e5e5e5;display:flex;padding-bottom:env(safe-area-inset-bottom);}
+.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:#8e8e93;}
+.nav-item.on{color:#007aff;}
+.content{flex:1;overflow-y:auto;padding:12px;-webkit-overflow-scrolling:touch;}
+
+/* Tool Specific */
+.tool-tabs{display:flex;gap:8px;margin-bottom:16px;}
+.tool-tab{padding:8px 16px;background:#e5e5ea;border-radius:18px;font-size:14px;color:#3a3a3c;transition:0.2s;}
+.tool-tab.on{background:#007aff;color:#fff;}
+.ess-card{background:#fff;border-radius:12px;padding:12px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
+.ess-en{font-weight:600;font-size:16px;margin-bottom:2px;}
+.ess-zh{font-size:13px;color:#8e8e93;}
+.ess-note{font-size:12px;color:#aeaeb2;margin-right:8px;}
+.ess-loading{text-align:center;padding:40px;color:#8e8e93;}
+
+/* ... Rest of your existing CSS (I'm assuming you keep it) ... */
+/* NOTE: Below is a minimal representation of the index.html with the added logic */
+</style>
+</head>
+<body>
+<!-- Login Frame -->
+<div class="frame on" id="frameLogin">
+  <div style="padding:40px 20px;text-align:center;">
+    <h1 style="font-size:32px;margin-bottom:10px;">🦜 CiBird</h1>
+    <p style="color:#8e8e93;margin-bottom:40px;">你的私人词库</p>
+    <input type="password" id="loginPw" placeholder="输入密码..." style="width:100%;padding:15px;border-radius:12px;border:none;background:#fff;margin-bottom:12px;font-size:16px;">
+    <button onclick="doLogin()" style="width:100%;padding:15px;border-radius:12px;border:none;background:#007aff;color:#fff;font-size:16px;font-weight:600;">进入</button>
+  </div>
+</div>
+
+<!-- Main Frame -->
+<div class="frame" id="frameMain">
+  <div class="header">
+    <span id="headerTitle" style="font-size:20px;font-weight:700;">我的词库</span>
+    <span onclick="showAdd()" id="addIcon" style="font-size:24px;cursor:pointer;">⊕</span>
+  </div>
+  
+  <div class="content" id="mainContent">
+    <!-- 动态内容 -->
+  </div>
+
+  <div class="nav">
+    <div class="nav-item on" onclick="go('words')">📖 词库</div>
+    <div class="nav-item" onclick="go('ess')">✦ 必学</div>
+    <div class="nav-item" onclick="go('tools')">🛠️ 练习</div>
+    <div class="nav-item" onclick="go('stats')">📈 统计</div>
+  </div>
+</div>
+
+<script>
+let API_TOKEN = localStorage.getItem('cibird_token');
+const ah = () => ({ 'Authorization': 'Bearer ' + API_TOKEN, 'Content-Type': 'application/json' });
+
+async function doLogin(){
+  const pw = document.getElementById('loginPw').value;
+  const r = await fetch('/api/login', {method:'POST', body:JSON.stringify({password:pw}), headers:{'Content-Type':'application/json'}});
+  if(r.ok){
+    const d = await r.json();
+    API_TOKEN = d.token; localStorage.setItem('cibird_token', d.token);
+    enterApp();
+  } else { alert('密码不对哦'); }
+}
+
+function enterApp(){
+  document.getElementById('frameLogin').classList.remove('on');
+  document.getElementById('frameMain').classList.add('on');
+  go('words');
+}
+
+function go(page){
+  const titles = {words:'我的词库', ess:'必学模块', tools:'练习工具', stats:'我的进度'};
+  document.getElementById('headerTitle').textContent = titles[page];
+  document.getElementById('addIcon').style.display = (page==='words'?'block':'none');
+  
+  const content = document.getElementById('mainContent');
+  if(page==='tools') renderTools(content);
+  else if(page==='ess') renderEss(content);
+  // ... other pages ...
+}
+
+function renderTools(container){
+  container.innerHTML = `
+    <div class="tool-tabs">
+      <div class="tool-tab on" id="tabTime" onclick="switchTool('time')">🕐 时间</div>
+      <div class="tool-tab" id="tabNum" onclick="switchTool('num')">🔢 数字</div>
+      <div class="tool-tab" id="tabCountry" onclick="switchTool('country')">🌍 国家</div>
+    </div>
+    <div id="toolTime"> <!-- 时间练习逻辑 --> </div>
+    <div id="toolNum" style="display:none"> <!-- 数字练习逻辑 --> </div>
+    <div id="toolCountry" style="display:none">
+       <div class="ess-list" id="countryList"></div>
+    </div>
+  `;
+}
+
+async function switchTool(t){
+  ['time','num','country'].forEach(x => {
+    document.getElementById('tool'+x.charAt(0).toUpperCase()+x.slice(1)).style.display = (x===t?'block':'none');
+    document.getElementById('tab'+x.charAt(0).toUpperCase()+x.slice(1)).classList.toggle('on', x===t);
+  });
+  if(t==='country') loadCountries();
+}
+
+async function loadCountries(){
+  const el = document.getElementById('countryList');
+  el.innerHTML = '<div class="ess-loading">正在通过 AI 加载 195 个国家...</div>';
+  const r = await fetch('/api/essentials/国家', {headers:ah()});
+  const d = await r.json();
+  el.innerHTML = d.items.map(i => `
+    <div class="ess-card" onclick="speakText('${i.en}')">
+      <div><div class="ess-en">${i.en}</div><div class="ess-zh">${i.zh}</div></div>
+      <div class="ess-note">${i.note}</div>
+    </div>
+  `).join('');
+}
+
+function speakText(t){
+  const s = new SpeechSynthesisUtterance(t);
+  s.lang = 'en-US';
+  window.speechSynthesis.speak(s);
+}
+
+if(API_TOKEN) enterApp();
+</script>
+</body>
+</html>
diff --git a/install.sh b/install.sh
new file mode 100644
index 0000000..9b92f6e
--- /dev/null
+++ b/install.sh
@@ -0,0 +1,404 @@
+#!/bin/bash
+# ══════════════════════════════════════════════════════════
+#  CiBird 词鸟 安装脚本
+#  一键部署你的私人英语单词本
+#  项目地址：https://github.com/zhangyang-games/cibird
+# ══════════════════════════════════════════════════════════
+
+set -e
+
+# ── 颜色 ──────────────────────────────────────────────────
+GREEN='\033[0;32m'
+BLUE='\033[0;34m'
+RED='\033[0;31m'
+YELLOW='\033[1;33m'
+CYAN='\033[0;36m'
+BOLD='\033[1m'
+DIM='\033[2m'
+NC='\033[0m'
+
+REPO_RAW="https://raw.githubusercontent.com/zhangyang-games/cibird/main"
+INSTALL_DIR="$HOME/cibird"
+
+# ── Banner ────────────────────────────────────────────────
+print_banner() {
+    clear
+    echo ""
+    echo -e "${BOLD}${CYAN}"
+    echo "    ██████╗██╗██████╗ ██╗██████╗ ██████╗"
+    echo "   ██╔════╝██║██╔══██╗██║██╔══██╗██╔══██╗"
+    echo "   ██║     ██║██████╔╝██║██████╔╝██║  ██║"
+    echo "   ██║     ██║██╔══██╗██║██╔══██╗██║  ██║"
+    echo "   ╚██████╗██║██████╔╝██║██║  ██║██████╔╝"
+    echo "    ╚═════╝╚═╝╚═════╝ ╚═╝╚═╝  ╚═╝╚═════╝"
+    echo -e "${NC}"
+    echo -e "${BOLD}  ┌─────────────────────────────────────────────┐${NC}"
+    echo -e "${BOLD}  │  🦜  CiBird 词鸟 · 你的私人英语单词本      │${NC}"
+    echo -e "${DIM}  │      AI造句 · 发音 · 推特/游戏英语场景     │${NC}"
+    echo -e "${BOLD}  └─────────────────────────────────────────────┘${NC}"
+    echo ""
+}
+
+# ── 步骤提示 ──────────────────────────────────────────────
+step() { echo -e "\n${BOLD}${CYAN}[$1]${NC} $2"; }
+ok()   { echo -e "  ${GREEN}✓${NC} $1"; }
+err()  { echo -e "  ${RED}✗ 错误：${NC}$1"; exit 1; }
+info() { echo -e "  ${DIM}$1${NC}"; }
+ask()  { echo -e "  ${YELLOW}→${NC} $1"; }
+
+# ── 0. 检查基础依赖 ────────────────────────────────────────
+check_deps() {
+    step "0/6" "检查系统环境"
+
+    for cmd in curl python3; do
+        if ! command -v $cmd &>/dev/null; then
+            info "正在安装 $cmd ..."
+            if command -v apt-get &>/dev/null; then
+                apt-get update -qq && apt-get install -y $cmd -qq
+            elif command -v apk &>/dev/null; then
+                apk add --no-cache $cmd
+            elif command -v yum &>/dev/null; then
+                yum install -y $cmd
+            else
+                err "请手动安装 $cmd 后重试"
+            fi
+        fi
+        ok "$cmd 已就绪"
+    done
+}
+
+# ── 1. 安装 Python 依赖 ────────────────────────────────────
+install_python_deps() {
+    step "1/6" "安装 Python 依赖包"
+    info "需要安装：fastapi uvicorn httpx"
+
+    # 判断是否需要 --break-system-packages（Ubuntu 22+）
+    BREAK_SYS=""
+    if python3 -c "import sys; exit(0 if sys.version_info>=(3,11) else 1)" 2>/dev/null; then
+        BREAK_SYS="--break-system-packages"
+    fi
+    # 另一种判断：pip 报 externally-managed
+    if pip3 install --help 2>&1 | grep -q 'break-system'; then
+        BREAK_SYS="--break-system-packages"
+    fi
+
+    python3 -m pip install --quiet fastapi uvicorn[standard] httpx $BREAK_SYS 2>/dev/null \
+        || pip3 install --quiet fastapi uvicorn[standard] httpx $BREAK_SYS 2>/dev/null \
+        || err "pip 安装失败，请手动执行：pip3 install fastapi uvicorn httpx"
+
+    ok "Python 依赖安装完成"
+}
+
+# ── 2. 下载项目文件 ────────────────────────────────────────
+download_files() {
+    step "2/6" "下载 CiBird 项目文件"
+    mkdir -p "$INSTALL_DIR"
+
+    for f in server.py index.html; do
+        info "下载 $f ..."
+        curl -fsSL "$REPO_RAW/$f" -o "$INSTALL_DIR/$f" \
+            || err "下载 $f 失败，请检查网络或 GitHub 地址"
+        ok "$f 已下载"
+    done
+}
+
+# ── 3. 选择 AI 服务商 ──────────────────────────────────────
+choose_provider() {
+    step "3/6" "选择 AI 服务商"
+    echo ""
+    echo -e "  ${BOLD}请选择你要使用的 AI 服务商：${NC}"
+    echo ""
+    echo -e "  ${GREEN}1)${NC} Google Gemini   ${DIM}← 免费额度大，推荐新手${NC}"
+    echo -e "  ${GREEN}2)${NC} DeepSeek        ${DIM}← 国产之光，便宜效果好${NC}"
+    echo -e "  ${GREEN}3)${NC} Groq            ${DIM}← 速度极快，免费${NC}"
+    echo -e "  ${GREEN}4)${NC} OpenRouter      ${DIM}← 一个Key用几十种模型${NC}"
+    echo -e "  ${GREEN}5)${NC} Claude          ${DIM}← Anthropic，你有付费Key${NC}"
+    echo -e "  ${GREEN}6)${NC} OpenAI          ${DIM}← ChatGPT 同款${NC}"
+    echo ""
+    read -p "  👉 输入编号 [1-6]：" PROVIDER_CHOICE
+
+    case "$PROVIDER_CHOICE" in
+        1)
+            PROVIDER="gemini"
+            MODEL="gemini-2.0-flash"
+            info "获取 Key：https://aistudio.google.com/apikey"
+            ;;
+        2)
+            PROVIDER="deepseek"
+            MODEL="deepseek-chat"
+            info "获取 Key：https://platform.deepseek.com"
+            ;;
+        3)
+            PROVIDER="groq"
+            MODEL="llama-3.1-8b-instant"
+            info "获取 Key：https://console.groq.com"
+            ;;
+        4)
+            PROVIDER="openrouter"
+            MODEL="google/gemini-flash-1.5"
+            info "获取 Key：https://openrouter.ai"
+            ;;
+        5)
+            PROVIDER="claude"
+            MODEL="claude-haiku-4-5-20251001"
+            info "获取 Key：https://console.anthropic.com"
+            ;;
+        6)
+            PROVIDER="openai"
+            MODEL="gpt-4o-mini"
+            info "获取 Key：https://platform.openai.com"
+            ;;
+        *)
+            err "无效选择，请输入 1-6"
+            ;;
+    esac
+
+    ok "已选择：$PROVIDER（模型：$MODEL）"
+
+    echo ""
+    read -p "  👉 请粘贴你的 API Key：" API_KEY
+    [ -z "$API_KEY" ] && err "API Key 不能为空"
+    ok "API Key 已录入"
+
+    echo ""
+    echo -e "  ${DIM}💡 如果你想用其他模型，可以直接改默认值，也可以回车使用默认${NC}"
+    read -p "  👉 模型名称（默认 $MODEL，直接回车跳过）：" MODEL_INPUT
+    [ -n "$MODEL_INPUT" ] && MODEL="$MODEL_INPUT"
+    ok "模型：$MODEL"
+}
+
+# ── 4. 设置访问密码 ────────────────────────────────────────
+setup_auth() {
+    step "4/6" "设置登录账号"
+
+    echo ""
+    read -p "  👉 用户名（默认 admin，回车跳过）：" USERNAME
+    [ -z "$USERNAME" ] && USERNAME="admin"
+    ok "用户名：$USERNAME"
+
+    echo ""
+    while true; do
+        read -s -p "  👉 设置登录密码（至少6位）：" PASSWORD
+        echo ""
+        [ ${#PASSWORD} -ge 6 ] && break
+        echo -e "  ${RED}密码太短，请至少6位！${NC}"
+    done
+    read -s -p "  👉 再次确认密码：" PASSWORD2
+    echo ""
+    [ "$PASSWORD" != "$PASSWORD2" ] && err "两次密码不一致"
+    ok "密码已设置"
+
+    echo ""
+    read -p "  👉 访问端口（默认 8848，回车跳过）：" PORT
+    [ -z "$PORT" ] && PORT="8848"
+    ok "端口：$PORT"
+
+    # 生成密码 hash
+    PASSWORD_HASH=$(python3 -c "import hashlib; print(hashlib.sha256('$PASSWORD'.encode()).hexdigest())")
+}
+
+# ── 5. 写入配置 ────────────────────────────────────────────
+write_config() {
+    step "5/6" "写入配置文件"
+
+    cat > "$INSTALL_DIR/config.json" <<EOF
+{
+  "username": "$USERNAME",
+  "password_hash": "$PASSWORD_HASH",
+  "port": $PORT,
+  "provider": "$PROVIDER",
+  "api_key": "$API_KEY",
+  "model": "$MODEL"
+}
+EOF
+    chmod 600 "$INSTALL_DIR/config.json"
+    ok "config.json 已写入（权限已设为仅自己可读）"
+}
+
+# ── 6. 启动服务 ────────────────────────────────────────────
+start_service() {
+    step "6/6" "启动 CiBird 服务"
+
+    # 停掉旧进程
+    if [ -f "$INSTALL_DIR/cibird.pid" ]; then
+        OLD_PID=$(cat "$INSTALL_DIR/cibird.pid")
+        kill "$OLD_PID" 2>/dev/null && info "已停止旧进程 (PID $OLD_PID)" || true
+        rm -f "$INSTALL_DIR/cibird.pid"
+    fi
+    # 也搜一下
+    pkill -f "server.py" 2>/dev/null || true
+    sleep 1
+
+    # 初始化数据库
+    cd "$INSTALL_DIR"
+    python3 -c "
+import sys; sys.path.insert(0,'.')
+from server import init_db
+init_db()
+print('  DB 初始化完成')
+"
+    # 后台启动
+    nohup python3 "$INSTALL_DIR/server.py" >> "$INSTALL_DIR/cibird.log" 2>&1 &
+    echo $! > "$INSTALL_DIR/cibird.pid"
+    sleep 2
+
+    # 验证是否启动成功
+    if kill -0 $(cat "$INSTALL_DIR/cibird.pid") 2>/dev/null; then
+        ok "服务启动成功！(PID $(cat $INSTALL_DIR/cibird.pid))"
+    else
+        err "服务启动失败，查看日志：cat $INSTALL_DIR/cibird.log"
+    fi
+}
+
+# ── 写入快捷命令 ───────────────────────────────────────────
+write_shortcut() {
+    SHORTCUT="/usr/local/bin/cibird"
+    cat > "$SHORTCUT" <<'SCRIPT'
+#!/bin/bash
+INSTALL_DIR="$HOME/cibird"
+GREEN='\033[0;32m'; RED='\033[0;31m'; YELLOW='\033[1;33m'
+CYAN='\033[0;36m'; BOLD='\033[1m'; DIM='\033[2m'; NC='\033[0m'
+
+get_pid() { [ -f "$INSTALL_DIR/cibird.pid" ] && cat "$INSTALL_DIR/cibird.pid" || echo ""; }
+is_running() { PID=$(get_pid); [ -n "$PID" ] && kill -0 "$PID" 2>/dev/null; }
+get_port() { python3 -c "import json; print(json.load(open('$INSTALL_DIR/config.json'))['port'])" 2>/dev/null || echo "8848"; }
+
+case "$1" in
+    start)
+        if is_running; then
+            echo -e "  ${YELLOW}词鸟已经在运行中${NC}"
+        else
+            cd "$INSTALL_DIR"
+            nohup python3 server.py >> cibird.log 2>&1 &
+            echo $! > cibird.pid
+            sleep 1
+            echo -e "  ${GREEN}✓ 词鸟已启动${NC}  访问 http://$(curl -s ifconfig.me 2>/dev/null || echo '你的IP'):$(get_port)"
+        fi
+        ;;
+    stop)
+        PID=$(get_pid)
+        [ -n "$PID" ] && kill "$PID" 2>/dev/null && echo -e "  ${GREEN}✓ 词鸟已停止${NC}" || echo -e "  ${DIM}没有运行中的词鸟${NC}"
+        rm -f "$INSTALL_DIR/cibird.pid"
+        ;;
+    restart)
+        $0 stop; sleep 1; $0 start
+        ;;
+    log)
+        tail -f "$INSTALL_DIR/cibird.log"
+        ;;
+    status)
+        PORT=$(get_port)
+        if is_running; then
+            echo -e "  ${GREEN}● 词鸟运行中${NC}  PID $(get_pid)"
+            echo -e "  ${DIM}访问地址：http://$(curl -s ifconfig.me 2>/dev/null || echo '你的IP'):$PORT${NC}"
+        else
+            echo -e "  ${RED}○ 词鸟未运行${NC}"
+        fi
+        ;;
+    *)
+        echo ""
+        echo -e "  ${BOLD}🦜 CiBird 词鸟 管理命令${NC}"
+        echo ""
+        PORT=$(get_port)
+        if is_running; then
+            echo -e "  ${GREEN}● 状态：运行中${NC}  PID $(get_pid)"
+        else
+            echo -e "  ${RED}○ 状态：未运行${NC}"
+        fi
+        echo -e "  ${DIM}访问地址：http://你的IP:$PORT${NC}"
+        echo ""
+        echo -e "  ${CYAN}cibird start${NC}    启动"
+        echo -e "  ${CYAN}cibird stop${NC}     停止"
+        echo -e "  ${CYAN}cibird restart${NC}  重启"
+        echo -e "  ${CYAN}cibird status${NC}   查看状态"
+        echo -e "  ${CYAN}cibird log${NC}      查看日志"
+        echo ""
+        ;;
+esac
+SCRIPT
+    chmod +x "$SHORTCUT" 2>/dev/null || true
+    ok "快捷命令 cibird 已安装（可用 cibird start/stop/status）"
+}
+
+# ── 获取公网 IP ────────────────────────────────────────────
+get_public_ip() {
+    PUBLIC_IP=$(curl -s --connect-timeout 5 ifconfig.me 2>/dev/null \
+             || curl -s --connect-timeout 5 api.ipify.org 2>/dev/null \
+             || echo "你的VPS公网IP")
+}
+
+
+# ── 导入单词 ───────────────────────────────────────────────
+import_words() {
+    echo ""
+    echo -e "  ${BOLD}📖 导入多邻国单词本${NC}"
+    echo -e "  ${DIM}从 GitHub 拉取 words.txt 导入到词库${NC}"
+    echo ""
+    WORDS_URL="https://raw.githubusercontent.com/zhangyang-games/cibird/main/words.txt"
+    curl -sL "$WORDS_URL" | python3 -c "
+import sys,sqlite3,pathlib
+DB=pathlib.Path.home()/'cibird/cibird.db'
+if not DB.exists(): print('  找不到数据库'); exit(1)
+words=[l.strip().split('|',1) for l in sys.stdin if '|' in l]
+conn=sqlite3.connect(DB)
+existing=set(r[0].lower() for r in conn.execute('SELECT word FROM words'))
+added=skipped=0
+for w in words:
+    if len(w)!=2: continue
+    word,meaning=w
+    if word.lower() in existing: skipped+=1; continue
+    conn.execute('INSERT INTO words(word,meaning,phonetic,pos,examples,note) VALUES(?,?,?,?,?,?)',(word,meaning,'','','[]',''))
+    existing.add(word.lower()); added+=1
+conn.commit(); conn.close()
+print(f'  ✓ 导入完成！新增 {added} 个，跳过 {skipped} 个')
+" || echo -e "  ${RED}✗ 导入失败，请检查网络${NC}"
+}
+# ═══════════════════════════════════════════════════════════
+#  MAIN
+# ═══════════════════════════════════════════════════════════
+print_banner
+
+echo -e "  欢迎！这个脚本会帮你在 VPS 上部署 CiBird 词鸟。"
+echo -e "  ${DIM}整个过程大约需要 2-3 分钟，请跟着提示一步步来。${NC}"
+echo ""
+read -p "  按回车键开始安装，Ctrl+C 取消..." _
+
+check_deps
+install_python_deps
+download_files
+choose_provider
+setup_auth
+write_config
+start_service
+write_shortcut
+get_public_ip
+
+# ── 可选：导入单词 ─────────────────────────────────────────
+echo ""
+read -p "  👉 是否导入你的多邻国单词本？（输入 y 导入，回车跳过）：" IMPORT_CHOICE
+if [ "$IMPORT_CHOICE" = "y" ] || [ "$IMPORT_CHOICE" = "Y" ]; then
+    import_words
+fi
+
+# ── 完成提示 ──────────────────────────────────────────────
+echo ""
+echo -e "${BOLD}${GREEN}"
+echo "  ┌──────────────────────────────────────────────┐"
+echo "  │         🎉  CiBird 词鸟安装完成！            │"
+echo "  └──────────────────────────────────────────────┘"
+echo -e "${NC}"
+echo -e "  ${BOLD}🌐 访问地址：${CYAN}http://$PUBLIC_IP:$PORT${NC}"
+echo -e "  ${BOLD}👤 用户名：${NC}$USERNAME"
+echo -e "  ${BOLD}🔑 密码：${NC}你刚才设置的密码"
+echo ""
+echo -e "  ${DIM}💡 管理命令：${NC}"
+echo -e "  ${DIM}   cibird         查看状态${NC}"
+echo -e "  ${DIM}   cibird stop    停止服务${NC}"
+echo -e "  ${DIM}   cibird start   启动服务${NC}"
+echo -e "  ${DIM}   cibird log     查看日志（排查问题用）${NC}"
+echo ""
+echo -e "  ${DIM}⚠️  如果访问不了，请确认防火墙已开放 $PORT 端口${NC}"
+echo -e "  ${DIM}   Oracle Cloud 需要在安全列表里手动添加规则${NC}"
+echo ""
+echo -e "  ${BOLD}展翅高飞！🦜${NC}"
+echo ""