:root{--paper: #f6efe1;--paper-2: #efe5cf;--card: #fffdf6;--card-2: #fbf6ea;--ink: #4a4237;--ink-2: #8a7d68;--ink-3: #b3a58c;--line: #e6dbc2;--line-strong: #d3c39e;--green: #7f9e6b;--green-deep: #5d7c4b;--green-soft: #eaf0da;--blue: #8ba3b7;--blue-soft: #e9eff3;--pink: #d9a0a8;--pink-soft: #f8ecea;--amber: #d9a441;--amber-soft: #faf0d0;--red: #c26d5c;--red-soft: #f6e3dd;--note-1: #fdf3c4;--note-2: #f6df92;--shadow-card: 0 1px 2px rgba(93, 74, 49, .05), 0 10px 26px rgba(93, 74, 49, .09);--shadow-note: 0 2px 4px rgba(120, 90, 30, .13), 0 16px 30px rgba(120, 90, 30, .17);--font-hand: "Kaiti SC", "STKaiti", "KaiTi", "楷体", "DFKai-SB", serif;--radius: 14px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,sans-serif;color:var(--ink);background:radial-gradient(1200px 500px at 80% -10%,rgba(255,250,235,.9),transparent 60%),radial-gradient(900px 600px at -10% 100%,rgba(233,221,195,.75),transparent 55%),var(--paper);-webkit-font-smoothing:antialiased;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.47 0 0 0 0 0.36 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:1}button{font-family:inherit;cursor:pointer;color:inherit;background:none;border:none}input,select,textarea{font-family:inherit;color:var(--ink);background:var(--card);border:1.5px solid var(--line-strong);border-radius:10px;font-size:15px;padding:8px 12px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #7f9e6b2e}::placeholder{color:var(--ink-3)}.hand{font-family:var(--font-hand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 16px;font-size:14px;border:1.5px solid var(--line-strong);border-radius:12px 10px 13px 9px;background:var(--card);color:var(--ink);transition:transform .12s,box-shadow .12s,background .12s;user-select:none}.btn:hover{background:var(--card-2);box-shadow:0 3px 10px #5d4a311f;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(160deg,#8dab77,#6f8f5c);border-color:#62814f;color:#fffdf6}.btn.primary:hover{background:linear-gradient(160deg,#85a36f,#668555)}.btn.danger{color:var(--red);border-color:#dcb4a9}.btn.danger:hover{background:var(--red-soft)}.btn.small{min-height:30px;padding:3px 10px;font-size:13px;border-radius:9px}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:var(--ink-2);transition:background .15s,color .15s,transform .12s}.iconbtn:hover{background:var(--card-2);color:var(--ink);transform:translateY(-1px)}.chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:1px 9px;border-radius:999px;border:1px solid var(--line);background:var(--card-2);color:var(--ink-2);white-space:nowrap}.chip.green{background:var(--green-soft);color:var(--green-deep);border-color:#cfdcb9}.chip.blue{background:var(--blue-soft);color:#5f7d92;border-color:#ccd9e2}.chip.amber{background:var(--amber-soft);color:#9c7420;border-color:#e8d5a0}.chip.red{background:var(--red-soft);color:#a34e3e;border-color:#e5c2b8}.chip.pink{background:var(--pink-soft);color:#a8636e;border-color:#ecd0d1}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;padding:12px 26px;background:#f6efe1eb;backdrop-filter:none;border-bottom:1.5px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-family:var(--font-hand);font-size:21px;font-weight:700;color:var(--green-deep);letter-spacing:1px;flex-shrink:0}.brand svg{color:var(--green)}.brand small{font-size:13px;color:var(--ink-2);font-weight:400;margin-left:2px}.topbar-search{flex:1;max-width:560px;margin:0 auto;position:relative}.topbar-search input{width:100%;height:42px;border-radius:999px;padding-left:40px;background:var(--card);border:1.5px solid var(--line);box-shadow:inset 0 1px 3px #5d4a310f}.topbar-search>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.topbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.desk{flex:1;width:100%;max-width:1660px;margin:0 auto;display:grid;grid-template-columns:330px minmax(0,1fr) 396px;gap:20px;padding:22px 26px 30px;align-items:start}.col{display:flex;flex-direction:column;gap:20px;min-width:0}.card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:18px}.card-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.card-head .title{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:700;font-family:var(--font-hand);letter-spacing:.5px}.card-head .title svg{color:var(--green)}.card-head .spacer{flex:1}.card-head .link{font-size:13px;color:var(--ink-2);display:inline-flex;align-items:center;gap:2px;padding:4px 6px;border-radius:8px;transition:background .15s,color .15s}.card-head .link:hover{background:var(--card-2);color:var(--green-deep)}.note{position:relative;background:linear-gradient(168deg,var(--note-1) 0%,var(--note-2) 100%);border-radius:4px 18px 12px 16px;transform:rotate(-1.15deg);box-shadow:var(--shadow-note);padding:20px 18px 18px}.note:before{content:"";position:absolute;top:-11px;left:50%;width:92px;height:24px;transform:translate(-50%) rotate(-2.5deg);background:#fffdf68c;border:1px solid rgba(255,255,255,.65);box-shadow:0 1px 3px #785a1e1f}.note-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.note-head .title{font-family:var(--font-hand);font-size:20px;font-weight:700;color:#6d5a2e;display:flex;align-items:center;gap:8px}.note-head .count{font-size:13px;background:#6d5a2e24;color:#6d5a2e;border-radius:999px;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;font-family:-apple-system,Segoe UI,sans-serif}.note-head .spacer{flex:1}.note-head .iconbtn{width:32px;height:32px;color:#8a7443}.note-head .iconbtn:hover{background:#fffdf680;color:#6d5a2e}.note-overdue{display:flex;align-items:center;gap:8px;background:#c26d5c24;border:1px dashed rgba(163,78,62,.5);color:#a34e3e;border-radius:10px;padding:7px 10px;font-size:13px;margin-bottom:10px}.note-overdue .flex{flex:1}.task-add{display:flex;gap:8px;margin-bottom:12px}.task-add input{flex:1;min-width:0;background:#fffdf6bf;border-color:#d3c39eb3}.task-add input:focus{background:#fffdf6;border-color:#b5a06a;box-shadow:0 0 0 3px #d9a4412e}.task-add .btn{border-color:#a38a5480;color:#6d5a2e;background:#fffdf699}.task{display:flex;align-items:flex-start;gap:8px;padding:7px 6px;border-radius:10px;transition:background .15s;position:relative}.task:hover{background:#fffdf68c}.task.dragging{opacity:.45}.task.dragover{box-shadow:0 -2px #b5a06a inset}.task .grip{color:#6d5a2e66;cursor:grab;flex-shrink:0;margin-top:3px;padding:2px 0}.task .grip:active{cursor:grabbing}.check{width:22px;height:22px;flex-shrink:0;margin-top:2px;border:1.8px solid rgba(109,90,46,.55);border-radius:50% 46% 52% 48%;display:inline-flex;align-items:center;justify-content:center;color:transparent;background:#fffdf680;transition:all .15s}.check:hover{border-color:var(--green-deep)}.check.checked{background:var(--green);border-color:var(--green-deep);color:#fffdf6}.task .body{flex:1;min-width:0}.task .text{font-size:15px;line-height:1.5;word-break:break-word;cursor:pointer}.task.done .text{color:var(--ink-3);text-decoration:line-through;text-decoration-color:#8a7d6899}.task .meta{display:flex;align-items:center;gap:6px;margin-top:3px;flex-wrap:wrap}.task .meta .chip{font-size:11px;padding:0 8px}.task .ops{display:none;align-items:center;gap:2px;flex-shrink:0}.task:hover .ops{display:inline-flex}.task .ops .iconbtn{width:26px;height:26px;color:#6d5a2ea6}.task .ops .iconbtn:hover{background:#fffdf6b3}.task-edit input{width:100%;background:#fffdf6}.note-foot{margin-top:12px;display:flex;align-items:center;justify-content:space-between;color:#8a7443;font-size:12.5px}.note-foot .btn{border-color:#a38a5473;color:#6d5a2e;background:#fffdf680}.section-label{font-size:12px;color:#8a7443;letter-spacing:2px;margin:10px 4px 4px;font-family:var(--font-hand)}.quote-card{background:var(--card);border:1.5px solid var(--line);border-radius:16px 12px 18px 10px;box-shadow:var(--shadow-card);padding:18px;transform:rotate(.6deg);position:relative}.quote-card .q-label{display:flex;align-items:center;gap:6px;font-family:var(--font-hand);font-size:15px;color:var(--ink-2);margin-bottom:8px}.quote-card .q-text{font-family:var(--font-hand);font-size:17px;line-height:1.75;color:#5a4f3d}.quote-card .q-trans{font-family:var(--font-hand);font-size:14.5px;color:var(--ink-2);margin-top:6px}.quote-card .q-src{margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--ink-3)}.shelf-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:46px 20px 40px;text-align:center}.shelf-empty .hand{font-size:18px;color:var(--ink-2)}.shelf-empty p{color:var(--ink-3);font-size:13.5px;max-width:380px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.book-card{display:flex;gap:14px;background:var(--card-2);border:1.5px solid var(--line);border-radius:14px;padding:14px;cursor:pointer;transition:transform .15s,box-shadow .15s;text-align:left;width:100%}.book-card:hover{transform:translateY(-2px) rotate(-.3deg);box-shadow:var(--shadow-card)}.book-cover{width:74px;min-width:74px;height:102px;border-radius:4px 8px 8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;box-shadow:2px 3px 8px #5d4a3140,inset -3px 0 6px #00000014;position:relative;overflow:hidden}.book-cover:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:1.5px;background:#ffffff59}.book-cover .t{font-family:var(--font-hand);font-size:13.5px;font-weight:700;color:#fffdf6;text-align:center;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.18);word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.book-cover .fmt{position:absolute;bottom:4px;font-size:9px;color:#fffdf6bf;letter-spacing:1px}.book-card .info{flex:1;min-width:0;display:flex;flex-direction:column}.book-card .b-title{font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-card .b-author{font-size:13px;color:var(--ink-2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-card .b-progress{margin-top:auto}.pbar{height:7px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line);overflow:hidden}.pbar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#9dbb84,var(--green));transition:width .4s ease}.book-card .p-row{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-2);margin-bottom:4px}.upload-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.upload-row .hint{font-size:12.5px;color:var(--ink-3)}.detail-head{display:flex;gap:20px;margin-bottom:18px}.detail-head .book-cover{width:108px;min-width:108px;height:150px}.detail-head .info{flex:1;min-width:0}.detail-head h2{font-family:var(--font-hand);font-size:24px;color:var(--ink)}.detail-head .author{color:var(--ink-2);margin:4px 0 10px;font-size:14px}.detail-head .stats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.chapter-list{display:flex;flex-direction:column;gap:2px;max-height:420px;overflow-y:auto;padding-right:4px}.chapter-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 12px;border-radius:10px;font-size:14.5px;color:var(--ink);transition:background .13s}.chapter-item:hover{background:var(--card-2)}.chapter-item .no{color:var(--ink-3);font-size:12px;min-width:26px;font-family:var(--font-hand)}.chapter-item .pg{margin-left:auto;color:var(--ink-3);font-size:11.5px}.chapter-item .len{color:var(--ink-3);font-size:11.5px;margin-left:auto}.chapter-item .pg+.len{margin-left:8px}.reader-scroll{height:calc(100vh - 300px);min-height:380px;overflow-y:auto}.reader-bar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.reader-bar select{max-width:320px;flex:1;min-width:160px}.reader-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-2);margin-bottom:16px}.reader-content{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:34px clamp(20px,6%,60px) 44px;max-width:860px;margin:0 auto}.reader-content h3{font-family:var(--font-hand);font-size:22px;margin-bottom:18px;color:#5a4f3d;text-align:center}.reader-content .para{font-size:16.5px;line-height:2.05;margin-bottom:14px;color:#453c2f}.reader-content .pg-note{text-align:right;color:var(--ink-3);font-size:12px;margin-top:22px}.lab-stage{display:flex;gap:12px;align-items:stretch}.lab-tank{flex-shrink:0}.lab-panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.slider-row{font-size:13px;color:var(--ink-2)}.slider-row .val{float:right;color:var(--ink);font-weight:600}.slider-row input[type=range]{width:100%;margin-top:4px;accent-color:var(--green);height:22px;padding:0;border:none;background:transparent;box-shadow:none}.lab-chart{width:100%;height:110px;background:var(--card-2);border:1px solid var(--line);border-radius:10px}.lab-btns{display:flex;gap:8px;flex-wrap:wrap}.lab-note{font-size:12.5px;color:var(--ink-2);background:var(--green-soft);border:1px dashed #c3d4a8;border-radius:10px;padding:8px 10px;line-height:1.7}.lab-note b{color:var(--green-deep)}@keyframes wave-move{0%{transform:translate(0)}to{transform:translate(-24px)}}.wave-anim{animation:wave-move 2.6s linear infinite}.wave-anim2{animation:wave-move 3.9s linear infinite reverse}.ai-card{display:flex;flex-direction:column;min-height:320px}.ai-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ai-head .title{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:700;font-family:var(--font-hand)}.ai-head .title svg{color:#8f7cc0}.ai-dot{width:8px;height:8px;border-radius:50%;background:#b9ac93}.ai-dot.on{background:var(--green)}.ai-modes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.mode-btn{font-size:12.5px;padding:4px 11px;border-radius:999px;border:1.5px solid var(--line);color:var(--ink-2);background:var(--card-2);transition:all .13s}.mode-btn:hover{border-color:var(--line-strong);color:var(--ink)}.mode-btn.active{background:var(--green-soft);border-color:#b6c99b;color:var(--green-deep);font-weight:600}.ai-msgs{flex:1;min-height:120px;max-height:330px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:4px 2px}.ai-card.expanded .ai-msgs{max-height:520px}.msg{max-width:92%;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.75;word-break:break-word;white-space:pre-wrap}.msg.user{align-self:flex-end;background:var(--green-soft);border:1px solid #cfdcb9;border-bottom-right-radius:4px}.msg.assistant{align-self:flex-start;background:var(--card-2);border:1.5px solid var(--line);border-bottom-left-radius:4px}.msg.assistant.error{background:var(--red-soft);border-color:#e0bfb5;color:#a34e3e}.msg .caret{display:inline-block;width:7px;height:15px;background:var(--green);margin-left:2px;vertical-align:-2px;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.ai-empty{text-align:center;color:var(--ink-3);font-size:13px;padding:26px 14px;line-height:1.9}.ai-input{display:flex;gap:8px;margin-top:10px}.ai-input input{flex:1;min-width:0;border-radius:999px;height:42px}.ai-input .send{width:42px;height:42px;min-width:42px;border-radius:50%;background:linear-gradient(160deg,#8dab77,#6f8f5c);color:#fffdf6;border:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s,opacity .12s}.ai-input .send:hover{transform:scale(1.06)}.ai-input .send:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--ink-3)}.bottombar{position:sticky;bottom:0;z-index:30;display:flex;align-items:center;gap:22px;padding:10px 26px;background:#f6efe1f2;border-top:1.5px solid var(--line);flex-wrap:wrap}.bb-clock{display:flex;align-items:baseline;gap:10px;flex-shrink:0}.bb-clock .time{font-size:26px;font-weight:700;letter-spacing:1px;font-variant-numeric:tabular-nums}.bb-clock .date{font-size:13px;color:var(--ink-2)}.bb-motto{flex:1;min-width:200px;font-family:var(--font-hand);font-size:14.5px;color:var(--ink-2);text-align:center}.bb-stats{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);flex-shrink:0}.bb-stats svg{color:var(--green)}.overlay{position:fixed;inset:0;z-index:100;background:#4a423759;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadein .18s ease}@keyframes fadein{0%{opacity:0}}.modal{background:var(--card);border:1.5px solid var(--line-strong);border-radius:18px;box-shadow:0 24px 60px #3c2d144d;width:100%;max-width:560px;max-height:86vh;overflow-y:auto;padding:22px;animation:pop .2s ease}@keyframes pop{0%{transform:scale(.96) translateY(8px);opacity:0}}.modal-head{display:flex;align-items:center;gap:8px;margin-bottom:16px}.modal-head h3{font-family:var(--font-hand);font-size:19px;flex:1}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--ink-2);margin-bottom:5px}.field input,.field select{width:100%}.field .tip{font-size:12px;color:var(--ink-3);margin-top:4px;line-height:1.6}.modal-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.test-result{font-size:13px;margin-top:8px;padding:8px 12px;border-radius:10px;line-height:1.6}.test-result.ok{background:var(--green-soft);color:var(--green-deep)}.test-result.err{background:var(--red-soft);color:#a34e3e}.search-results{margin-top:6px;max-height:56vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.result-group .g-title{font-size:12.5px;color:var(--ink-3);letter-spacing:1px;margin-bottom:6px}.result-item{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:10px;transition:background .13s}.result-item:hover{background:var(--card-2)}.result-item .r-title{font-size:14px;font-weight:600}.result-item .r-excerpt{font-size:13px;color:var(--ink-2);margin-top:3px;line-height:1.7}.result-item em{font-style:normal;color:var(--green-deep);background:var(--green-soft);border-radius:3px;padding:0 2px}.toasts{position:fixed;top:68px;right:22px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{background:var(--card);border:1.5px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow-card);padding:10px 16px;font-size:13.5px;max-width:340px;display:flex;align-items:center;gap:8px;animation:slidein .25s ease}@keyframes slidein{0%{transform:translate(24px);opacity:0}}.toast.success{border-color:#b6c99b;color:var(--green-deep)}.toast.error{border-color:#e0bfb5;color:#a34e3e}.doodle{color:var(--ink-3)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#d8c9a8;border-radius:999px;border:2px solid var(--paper)}::-webkit-scrollbar-track{background:transparent}@media (max-width: 1360px){.desk{grid-template-columns:300px minmax(0,1fr)}.col-right{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;align-items:start}}@media (max-width: 900px){.desk{grid-template-columns:1fr;padding:16px 14px 24px;gap:16px}.col-right{grid-template-columns:1fr}.note{transform:rotate(-.5deg)}.topbar{padding:10px 14px;flex-wrap:wrap}.topbar-search{order:3;flex-basis:100%;max-width:none}.bottombar{gap:12px;padding:8px 14px}.bb-motto{display:none}input,select,textarea,.task-add input,.ai-input input,.topbar-search input{font-size:16px}.ai-msgs{max-height:260px}.lab-stage{flex-direction:column}.detail-head{flex-direction:column;align-items:center;text-align:center}.detail-head .stats,.detail-actions{justify-content:center}}@media (max-width: 520px){.book-grid{grid-template-columns:1fr}.btn{min-height:44px}}