:root{--bg: #F7F3EA;--card: #FFFFFF;--card-warm: #FBF7EE;--ink: #2B2115;--ink-2: #5C4F3F;--muted: #9C8C73;--line: #ECE2CF;--line-soft: #F3ECDC;--primary: #F2A93B;--primary-deep: #E08E12;--primary-ink: #4A2E05;--primary-soft: #FCEFCE;--green: #3E9B5F;--green-soft: #E4F3E8;--red: #D96C5F;--blue: #4C8DFF;--shadow-sm: 0 1px 2px rgba(43, 33, 21, .05);--shadow-md: 0 1px 2px rgba(43, 33, 21, .05), 0 10px 28px -14px rgba(43, 33, 21, .18);--shadow-focus: 0 0 0 4px rgba(242, 169, 59, .22);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--fs-display: 2.2rem;--fs-title: 1.25rem;--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .75rem}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}h2{font-size:var(--fs-title);font-weight:800;margin:.2rem 0 1rem;letter-spacing:.01em}h3{font-size:1.05rem;font-weight:800;margin:1.4rem 0 .7rem}.app{display:flex;min-height:100vh}.nav-left{width:216px;flex:none;background:var(--card);border-right:1px solid var(--line);padding:1.2rem .7rem;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh}.brand{font-weight:800;font-size:1.05rem;padding:0 .6rem 1rem;display:flex;align-items:center;gap:.5rem;color:var(--ink)}.nav-left a{display:flex;align-items:center;gap:.6rem;padding:.62rem .85rem;border-radius:var(--r-md);font-weight:600;color:var(--ink-2);transition:background .12s,color .12s}.nav-left a:hover{background:var(--card-warm);color:var(--ink)}.nav-left a.on{background:var(--primary-soft);color:var(--primary-ink)}.nav-left .ic{font-size:1.15rem}.content{flex:1;padding:1.6rem 2rem;overflow:auto;max-width:1080px}.nav-bottom{display:none}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.1rem 1.2rem;box-shadow:var(--shadow-sm)}.btn{background:var(--primary);color:var(--primary-ink);border:none;border-radius:var(--r-md);padding:.62rem 1.15rem;font-weight:700;font-size:var(--fs-sm);box-shadow:var(--shadow-sm);transition:background .12s,transform .06s,box-shadow .12s}.btn:hover{background:var(--primary-deep)}.btn:active{transform:translateY(1px)}.btn.ghost{background:var(--card);color:var(--ink-2);border:1px solid var(--line)}.btn.ghost:hover{background:var(--card-warm);color:var(--ink)}.btn.sm{padding:.4rem .75rem;font-size:var(--fs-xs);border-radius:10px}.btn:disabled{opacity:.45;cursor:not-allowed}.progress{background:var(--line-soft);border-radius:var(--r-pill);height:8px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--green));border-radius:var(--r-pill)}.muted{color:var(--muted)}.tag{display:inline-block;padding:.12rem .55rem;border-radius:var(--r-pill);color:#fff;font-size:var(--fs-xs);font-weight:600;margin-right:.3rem}.locked{opacity:.5;filter:grayscale(.5)}.logo-sm{width:34px;height:34px;border-radius:9px;object-fit:cover;flex:none}.row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.stat{display:flex;gap:1.1rem;font-size:var(--fs-sm);color:var(--muted);margin:.35rem 0 .7rem}.stat b{color:var(--ink);font-weight:800}.inp,input.inp,select.inp{padding:.55rem .75rem;border-radius:var(--r-sm);border:1px solid var(--line);font-size:var(--fs-sm);background:var(--card);color:var(--ink);outline:none;transition:box-shadow .12s,border-color .12s}.inp:focus{border-color:var(--primary);box-shadow:var(--shadow-focus)}.fam-cards{display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr)}.fam-card{display:flex;flex-direction:column}.fam-grid{display:grid;gap:.7rem;grid-template-columns:1fr}.fam-section{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);overflow:hidden;box-shadow:var(--shadow-sm)}.fam-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;cursor:pointer;gap:.6rem;-webkit-user-select:none;user-select:none}.fam-header:hover{background:var(--card-warm)}.fam-body{padding:.2rem 1rem 1rem;border-top:1px solid var(--line-soft)}.fam-word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-top:.8rem}.fam-word-chip{display:flex;flex-direction:column;padding:.5rem .65rem;border-radius:var(--r-sm);background:var(--card-warm);border:1px solid var(--line-soft);cursor:pointer;transition:border-color .12s,background .12s}.fam-word-chip:hover{border-color:var(--primary);background:var(--primary-soft)}.fam-word-chip .w{font-weight:700;font-size:.92rem;color:var(--ink)}.fam-word-chip .zh{font-size:var(--fs-xs);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fam-word-chip.learned{background:var(--green-soft);border-color:#cde7d4}.fam-word-chip.learned:hover{border-color:var(--green)}.fam-page{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.9rem}.fam-page button{min-width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);color:var(--ink-2);font-weight:600;font-size:var(--fs-xs)}.fam-page button.on{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.fam-page button:disabled{opacity:.35;cursor:not-allowed}.cal-wrap{max-width:520px;margin:0 auto}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.cal-head .cal-title{font-weight:800;font-size:var(--fs-body)}.cal-head button{border:1px solid var(--line);background:var(--card);border-radius:var(--r-sm);width:30px;height:30px;color:var(--ink-2);font-weight:700}.cal-head button:hover{background:var(--card-warm)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-wd{text-align:center;font-size:var(--fs-xs);color:var(--muted);padding:2px 0 4px;font-weight:600}.cal-cell{position:relative;aspect-ratio:1;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--fs-xs);color:var(--ink-2);background:var(--card-warm);border:1px solid transparent;padding:2px}.cal-cell.empty{background:transparent}.cal-cell.done{background:var(--green-soft);border-color:#cde7d4}.cal-cell.makeup{background:var(--primary-soft);border-color:#f0dcae}.cal-cell.miss{background:transparent;color:var(--muted)}.cal-cell.today{border-color:var(--primary);font-weight:800}.cal-cell .cal-count{font-size:10px;color:var(--green);font-weight:700;line-height:1;margin-top:2px}.study-card{max-width:640px;margin:0 auto}.study-word{font-size:var(--fs-display);font-weight:800;letter-spacing:.01em}.ai-box{margin-top:.8rem;padding:.85rem .9rem;border-radius:var(--r-md);background:var(--card-warm);border:1px solid var(--line-soft);text-align:left}.ai-mark{background:var(--primary-soft);border-radius:4px;padding:0 3px;color:var(--primary-ink);font-weight:700;cursor:pointer;border-bottom:1px dashed var(--primary-deep)}.ai-img{width:100%;border-radius:var(--r-md);margin-top:.6rem;border:1px solid var(--line);background:var(--card-warm);display:block}.word-pop{position:fixed;z-index:60;max-width:260px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:.7rem .85rem;font-size:var(--fs-sm)}.word-pop .wp-w{font-weight:800;font-size:1rem}.word-pop .wp-zh{margin-top:2px}.word-pop .wp-affix{margin-top:4px;font-size:var(--fs-xs);color:var(--muted)}.word-pop-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:transparent}.settings-list{display:grid;gap:.6rem;max-width:560px}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1.1rem;cursor:pointer;transition:border-color .12s}.settings-item:hover{border-color:var(--primary)}.settings-item .arrow{color:var(--muted);font-size:1.1rem}.ach-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.ach-stat{text-align:center;padding:1rem .6rem}.ach-num{font-size:1.5rem;font-weight:800;margin-top:2px}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.7rem}.ach-medal{text-align:center;padding:.9rem .5rem}@media (max-width: 760px){.app{flex-direction:column}.nav-left{display:none}.content{padding:1rem .85rem;padding-bottom:84px;max-width:none}.nav-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--line);justify-content:space-around;padding:.35rem 0 calc(.35rem + env(safe-area-inset-bottom));z-index:40;box-shadow:0 -4px 20px -12px #2b211526}.nav-bottom a{display:flex;flex-direction:column;align-items:center;font-size:.68rem;color:var(--muted);gap:2px;padding:.25rem .5rem}.nav-bottom a.on{color:var(--primary-deep);font-weight:700}.nav-bottom .ic{font-size:1.3rem}.card{padding:.9rem .95rem;border-radius:14px}.btn{padding:.6rem 1rem}h2{font-size:1.15rem}:root{--fs-display: 2rem}.fam-cards{grid-template-columns:1fr}.study-word{font-size:2rem}.ach-stats{gap:.5rem}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.5rem}}