:root{--ink:#1c2920;--muted:#6b766b;--paper:#fffaf1;--paper-deep:#f5ecdc;--leaf:#355d45;--leaf-bright:#527b54;--leaf-soft:#e2eddf;--sun:#e9963a;--sun-soft:#fff0d9;--line:#e9dfcf;--danger:#b4533b;--card-shadow:0 20px 48px #43371f1a}*{box-sizing:border-box}html{background:var(--paper);overscroll-behavior-y:none}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 95% 0%,#e9963a1f,transparent 28rem),radial-gradient(circle at 0% 70%,#527b541a,transparent 30rem),var(--paper);margin:0;font-family:Noto Serif SC,Songti SC,STSong,serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{min-height:100vh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:18px 20px 10px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.brand-mark{color:#fffaf1;background:var(--leaf);border-radius:13px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 7px 17px #355d453d}.account{color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px}.page{width:min(100%,1100px);margin:0 auto;padding:16px 20px 36px}.bottom-nav{z-index:10;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf1f0;border:1px solid #e9dfcfe6;border-radius:20px;gap:4px;width:min(100% - 28px,460px);padding:7px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 38px #372d192e}.nav-link{min-height:50px;color:var(--muted);border-radius:14px;flex:1;place-items:center;gap:2px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;display:grid}.nav-link.active{color:var(--leaf);background:var(--leaf-soft);font-weight:800}.nav-icon{font-size:17px;line-height:1}.hero{gap:8px;margin:30px 0 18px;display:grid}.eyebrow{color:var(--leaf);letter-spacing:.14em;text-transform:uppercase;margin:0;font:700 12px/1 ui-sans-serif,system-ui,sans-serif}h1{letter-spacing:.02em;margin:0;font-size:clamp(32px,8vw,58px);line-height:1.05}.lede{color:var(--muted);margin:0;font-size:17px;line-height:1.65}.today-card,.panel,.login-card{border:1px solid var(--line);box-shadow:var(--card-shadow);background:#fffdf8e0;border-radius:28px}.today-card{padding:24px;overflow:hidden}.today-card:before{content:"";background:var(--sun);border-radius:10px;width:54px;height:5px;margin-bottom:22px;display:block}.today-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0;display:grid}.metric{border-right:1px solid var(--line);padding:12px 0}.metric:last-child{border-right:0}.metric-label{color:var(--muted);font:600 12px/1.3 ui-sans-serif,system-ui,sans-serif;display:block}.metric-value{margin-top:7px;font-size:clamp(25px,7vw,38px);font-weight:800;display:block}.primary,.secondary,.answer-known,.answer-again{border:0;border-radius:16px;min-height:52px;padding:12px 18px;font-size:16px;font-weight:800}.primary{color:#fff;background:var(--leaf);box-shadow:0 9px 19px #355d4538}.primary:hover{background:#284b36}.secondary{color:var(--leaf);background:var(--leaf-soft)}.danger{color:var(--danger);background:#fff0eb}.full{width:100%}.text-button{color:var(--leaf);background:0 0;border:0;padding:6px 0;font-weight:800}.learning-wrap{align-content:center;gap:16px;min-height:calc(100vh - 180px);display:grid}.progress-head{color:var(--muted);justify-content:space-between;align-items:center;font:700 13px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.progress-line{background:var(--paper-deep);border-radius:9px;height:6px;overflow:hidden}.progress-line>span{border-radius:inherit;background:var(--sun);height:100%;transition:width .25s;display:block}.character-card{border:1px solid var(--line);min-height:510px;box-shadow:var(--card-shadow);background:#fffdf8eb;border-radius:32px;grid-template-rows:auto 1fr auto;padding:24px 24px 18px;display:grid;position:relative;overflow:hidden}.character-card:after{content:"";background:var(--leaf-soft);opacity:.6;border-radius:50%;width:260px;height:260px;position:absolute;inset:auto -90px -110px auto}.card-kind{z-index:1;width:max-content;color:var(--leaf);background:var(--leaf-soft);border-radius:99px;align-items:center;padding:7px 10px;font:700 12px/1 ui-sans-serif,system-ui,sans-serif;display:inline-flex;position:relative}.card-kind.review{color:#955b22;background:var(--sun-soft)}.character{z-index:1;text-align:center;letter-spacing:-.08em;text-shadow:0 6px #355d450d;align-self:center;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:clamp(178px,55vw,310px);line-height:.95;position:relative}.answer-panel{z-index:1;background:var(--paper-deep);border-radius:19px;margin-top:8px;padding:16px;animation:.22s ease-out rise;position:relative}.pinyin{color:var(--leaf);margin:0;font:800 clamp(29px,8vw,40px)/1.2 ui-sans-serif,system-ui,sans-serif}.meaning{margin:9px 0 0;font-size:19px;line-height:1.6}.words{color:var(--muted);margin:12px 0 0;font-size:17px;line-height:1.6}.listen{z-index:1;min-height:48px;color:var(--leaf);background:#f7fcf5;border:1px solid #c8ddc8;border-radius:99px;justify-self:center;padding:9px 16px;font-weight:800;position:relative}.listen:disabled{cursor:wait;opacity:.7}.listen-tools{z-index:1;flex-wrap:wrap;gap:8px;margin-top:16px;display:flex;position:relative}.small-listen{min-height:42px;padding:8px 12px;font-size:14px}.stop-listen{color:#9d4e2e;background:#fce8dc;border:0;border-radius:99px;min-height:42px;padding:8px 12px;font-weight:800}.answers{grid-template-columns:1fr 1fr;gap:10px;margin-top:0;display:grid}.answer-known{color:#fff;background:var(--leaf)}.answer-again{color:#9d4e2e;background:#fce8dc}.hint{text-align:center;color:var(--muted);margin:0;font-size:14px}.panel{padding:20px}.panel+.panel{margin-top:16px}.panel h2{margin:0 0 14px;font-size:23px}.list{gap:10px;display:grid}.list-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:13px 0;display:flex}.list-row:last-child{border-bottom:0}.muted{color:var(--muted)}.small{font:13px/1.45 ui-sans-serif,system-ui,sans-serif}.form-grid{gap:12px;display:grid}.child-settings-list{gap:14px;display:grid}.child-settings{border:1px solid var(--line);background:#f5fcf39e;border-radius:20px;gap:14px;padding:18px;display:grid}.child-settings-head{align-items:center;gap:10px;display:flex}.child-settings-head strong{font-size:19px;display:block}.child-settings-head small{color:var(--muted);margin-top:3px;font:13px/1.3 ui-sans-serif,system-ui,sans-serif;display:block}.child-sprout{background:var(--leaf-soft);border-radius:13px;place-items:center;width:39px;height:39px;display:grid}.settings-fields{gap:12px;display:grid}.learner-switch{align-items:end;gap:10px;padding:12px 0 4px;display:flex}.learner-switch label{flex:1}.learner-switch .secondary{white-space:nowrap;min-height:46px}label{gap:7px;font:700 13px/1.2 ui-sans-serif,system-ui,sans-serif;display:grid}input,select{width:100%;min-height:46px;color:var(--ink);outline-color:var(--leaf);background:#fffdf8;border:1px solid #d8cdbb;border-radius:13px;padding:10px 12px}.notice{background:var(--sun-soft);color:#7e5629;border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5}.library-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.library-meta{color:var(--muted);margin:0;font:13px/1.45 ui-sans-serif,system-ui,sans-serif}.library-tools{gap:12px;margin-top:16px;display:grid}.library-search{gap:10px;display:flex}.library-search input{min-width:0}.library-search .secondary{white-space:nowrap;min-height:46px}.library-summary{margin-bottom:16px}.metric small{color:var(--muted);margin-top:4px;font:12px/1.3 ui-sans-serif,system-ui,sans-serif;display:block}.library-filters{border:1px solid var(--line);background:#f5fcf38c;border-radius:18px;gap:12px;margin-top:16px;padding:14px;display:grid}.library-filters .secondary{min-height:46px}.library-query input{min-width:0}.character-library{gap:12px;margin-top:18px;display:grid}.library-row{border:1px solid var(--line);background:#fffdf8e6;border-radius:20px;overflow:hidden}.library-row>summary{cursor:pointer;align-items:center;gap:14px;padding:13px 16px;list-style:none;display:flex}.library-row>summary::-webkit-details-marker{display:none}.library-row>summary:after{content:"查看";color:var(--leaf);margin-left:4px;font:800 12px/1 ui-sans-serif,system-ui,sans-serif}.library-row[open]>summary{border-bottom:1px solid var(--line);background:var(--leaf-soft)}.library-character{background:var(--paper-deep);border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;font:32px/1 Kaiti SC,STKaiti,KaiTi,serif;display:grid}.library-row-title{flex:1;gap:3px;min-width:0;display:grid}.library-row-title strong{font-size:18px}.library-row-title span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font:13px/1.35 ui-sans-serif,system-ui,sans-serif;overflow:hidden}.library-row-title .library-source{color:var(--leaf);font-size:11px;font-weight:800}.library-quick-progress{min-width:132px;color:var(--muted);gap:4px;font:12px/1.2 ui-sans-serif,system-ui,sans-serif;display:grid}.library-quick-progress strong{color:var(--ink);font-size:13px}.library-quick-progress span{white-space:nowrap}.library-status{color:#76552c;background:var(--sun-soft);border-radius:99px;flex:none;margin-left:auto;padding:6px 8px;font:800 11px/1 ui-sans-serif,system-ui,sans-serif}.library-status.unstarted{color:var(--muted);background:var(--paper-deep)}.library-status.learning{color:#76552c;background:var(--sun-soft)}.library-status.stable,.library-status.mastered{color:var(--leaf);background:var(--leaf-soft)}.library-status.due{color:#9d4e2e;background:#fce8dc}.character-edit{gap:13px;padding:16px;display:grid}.character-edit .form-grid{grid-template-columns:1fr}.character-edit-actions{gap:10px;display:grid}.remove-form{margin:0}.remove-form button{width:100%}.delete-learner{border-top:1px dashed #e6c7bb;padding-top:12px}.delete-learner .danger{text-align:left;width:100%}.learning-record{border:1px solid var(--line);background:var(--line);border-radius:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.learning-record>div{background:#fffdf8;gap:4px;min-height:70px;padding:12px;display:grid}.learning-record span{color:var(--muted);font:700 11px/1.2 ui-sans-serif,system-ui,sans-serif}.learning-record strong{font-size:14px;line-height:1.35}.library-pagination{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:12px;margin-top:22px;padding-top:18px;display:flex}.library-pagination span{text-align:center;min-width:92px;color:var(--muted);font:700 13px/1 ui-sans-serif,system-ui,sans-serif}.library-pagination .secondary{min-height:42px;padding:8px 14px;font-size:14px}.library-pagination button:disabled{cursor:not-allowed;opacity:.45}.empty{text-align:center;justify-items:center;gap:14px;padding:52px 24px;display:grid}.empty-mark{font-size:54px}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(100%,450px);padding:32px}.login-brand{align-items:center;gap:10px;margin-bottom:24px;font-size:22px;font-weight:800;display:flex}.login-card h1{font-size:34px}.login-card .lede{margin-top:10px}.auth-mode{gap:8px;margin:24px 0 16px;display:flex}.auth-mode button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex:1;font-weight:700}.auth-mode button.active{color:var(--leaf);background:var(--leaf-soft)}.error{color:#9d3b2a;margin:12px 0 0;font-size:14px}.success{color:var(--leaf);margin:12px 0 0;font-size:14px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:760px){.shell{padding-bottom:28px}.topbar{padding-top:24px}.bottom-nav{width:auto;max-width:640px;box-shadow:none;background:0 0;border:0;margin:0 auto 22px;position:static;transform:none}.nav-link{max-width:128px}.character-card{min-height:610px;padding:30px 44px 28px}.today-card{padding:32px}.settings-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.library-tools{grid-template-columns:minmax(0,1fr) auto;align-items:end}.library-search{min-width:360px}.library-filters{grid-template-columns:minmax(220px,1fr) minmax(150px,.62fr) minmax(135px,.5fr) minmax(135px,.5fr) auto;align-items:end}.library-filters .text-button{align-self:center}.library-quick-progress{min-width:164px}.character-edit .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-edit .form-grid label:last-child{grid-column:1/-1}.character-edit-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.learning-record{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:580px){.library-row>summary{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px 12px;display:grid}.library-character{grid-area:1/1/span 2}.library-row-title{grid-area:1/2}.library-status{grid-area:1/3;margin-left:0}.library-quick-progress{grid-area:2/2/auto/-1;min-width:0}.library-row>summary:after{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}