: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}}.transform-overlay{position:fixed;inset:0;z-index:400;background:radial-gradient(900px 500px at 50% 42%,rgba(52,44,26,.55),transparent 70%),#14110b;overflow:hidden}.transform-canvas{position:absolute;inset:0}.transform-goo{position:absolute;inset:0;width:100%;height:100%}.transform-info{position:absolute;left:50%;bottom:9vh;transform:translate(-50%);text-align:center;color:#efe7d2;width:min(420px,86vw)}.transform-info .t-label{font-family:var(--font-hand);font-size:17px;opacity:.9;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transform-info .t-phase{font-size:15px;font-weight:600;letter-spacing:1px;min-height:24px}.t-dots:after{content:"···";animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"·"}50%{content:"··"}75%{content:"···"}}.transform-info .t-bar{margin:12px auto 8px;height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.transform-info .t-bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#d9a441,#f0d98c,#d9a441);background-size:200% 100%;animation:barflow 1.6s linear infinite;transition:width .3s ease}@keyframes barflow{0%{background-position:0 0}to{background-position:200% 0}}.transform-info .t-hint{font-size:12px;opacity:.55}.site-topbar{display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:16px;color:#f5efdf;box-shadow:var(--shadow-card);margin-bottom:14px;flex-wrap:wrap}.site-back{background:#ffffff24;border-color:#ffffff40;color:#f5efdf}.site-back:hover{background:#ffffff38;box-shadow:none}.site-title{display:flex;align-items:center;gap:10px;flex:1;min-width:200px}.site-title .st-name{font-family:var(--font-hand);font-size:21px;font-weight:700;line-height:1.3}.site-title .st-tag{font-size:12.5px;opacity:.75}.site-badges{display:flex;gap:6px;flex-wrap:wrap}.site-body{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}.site-toc{position:sticky;top:76px;background:var(--card);border:1.5px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card);padding:12px;max-height:calc(100vh - 110px);overflow-y:auto}.toc-label{font-size:12px;color:var(--ink-3);letter-spacing:3px;margin:2px 6px 8px;font-family:var(--font-hand)}.toc-item{display:flex;gap:8px;width:100%;text-align:left;padding:7px 8px;border-radius:9px;transition:background .13s}.toc-item:hover{background:var(--card-2)}.toc-item .toc-no{color:var(--site-accent, var(--green));font-family:var(--font-hand);font-size:13px;min-width:18px}.toc-item .toc-title{font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toc-item .toc-intro{display:block;color:var(--ink-3);font-size:11.5px}.site-content{background:var(--card);border:1.5px solid var(--line);border-radius:16px;box-shadow:var(--shadow-card);padding:30px clamp(18px,4%,44px) 40px}.site-section{padding:26px 0 18px;border-bottom:1.5px dashed var(--line)}.site-section:last-of-type{border-bottom:none}.ss-head{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.ss-head .ss-no{font-family:var(--font-hand);font-size:30px;color:var(--site-accent, var(--green));opacity:.55}.ss-head h2{font-family:var(--font-hand);font-size:23px;color:#4c4232}.ss-intro{position:relative;background:var(--card-2);border:1.5px dashed var(--line-strong);border-radius:12px;padding:12px 14px 10px;font-size:14.5px;color:#6f6350;margin:10px 0 14px}.ss-intro:before{content:"AI 导读";position:absolute;top:-9px;left:12px;font-size:10.5px;background:var(--site-accent, var(--green));color:#fffdf6;border-radius:999px;padding:1px 8px;letter-spacing:1px}.ss-body .para{font-size:16px;line-height:2;color:#463d30;margin-bottom:12px}.ss-foot{display:flex;align-items:center;gap:10px;margin-top:8px}.linklike{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--ink-2);padding:3px 6px;border-radius:8px}.linklike:hover{background:var(--card-2);color:var(--red)}.concept-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:16px}.concept-card{background:linear-gradient(165deg,#fbf7ea,#f4eddb);border:1.5px solid var(--line);border-radius:12px;padding:11px 13px}.concept-card .cc-term{display:flex;align-items:center;gap:5px;font-weight:700;font-size:13.5px;color:var(--site-accent, var(--green-deep));margin-bottom:4px}.concept-card .cc-explain{font-size:12.5px;color:var(--ink-2);line-height:1.65}.quiz-box{margin-top:18px;background:var(--card-2);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px}.quiz-box .qb-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:10px}.quiz-item{margin-bottom:14px}.quiz-item:last-child{margin-bottom:0}.qz-q{font-size:14.5px;margin-bottom:8px}.qz-opts{display:flex;flex-direction:column;gap:6px}.qz-opt{display:flex;align-items:center;gap:9px;text-align:left;font-size:13.5px;padding:8px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--card);transition:all .13s;min-height:40px}.qz-opt:hover:not(:disabled){border-color:var(--line-strong);transform:translate(2px)}.qz-opt .opt-key{width:22px;height:22px;min-width:22px;border-radius:50%;border:1.5px solid var(--line-strong);display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;color:var(--ink-2)}.qz-opt.correct{background:var(--green-soft);border-color:#a8c48d}.qz-opt.correct .opt-key{background:var(--green);border-color:var(--green-deep);color:#fffdf6}.qz-opt.wrong{background:var(--red-soft);border-color:#ddb3a7}.qz-opt.picked{border-color:var(--green)}.qz-result{margin-top:8px;font-size:13px;border-radius:10px;padding:7px 12px}.qz-result.ok{background:var(--green-soft);color:var(--green-deep)}.qz-result.no{background:var(--red-soft);color:#a34e3e}.site-end{text-align:center;color:var(--ink-3);font-size:13px;padding:26px 0 4px}.sel-popup{position:fixed;z-index:350;transform:translate(-50%,-100%);display:flex;gap:4px;background:#2c261b;border-radius:12px;padding:4px;box-shadow:0 10px 30px #1e160866}.sel-popup button{display:inline-flex;align-items:center;gap:5px;color:#f0e8d3;font-size:12.5px;padding:7px 11px;border-radius:9px;white-space:nowrap}.sel-popup button:hover{background:#ffffff1f}.ask-quote{background:var(--card-2);border:1.5px dashed var(--line-strong);border-radius:12px;padding:12px 14px;margin-bottom:12px}.ask-quote .aq-src{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);margin-bottom:6px}.ask-quote .aq-text{font-size:13.5px;line-height:1.8;color:#55493a;max-height:130px;overflow-y:auto}.ask-answer{background:var(--green-soft);border:1.5px solid #cfdcb9;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.8;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;margin-bottom:4px}.ai-task-btn{border-color:#cdbfe0;color:#6f5b9a}.ai-task-btn:hover{background:#f1ecf9}@media (max-width: 1100px){.site-body{grid-template-columns:1fr}.site-toc{position:static;max-height:200px}}.btn{background:linear-gradient(180deg,#fffef9,#f7f0dd 88%,#efe6cf);border:1px solid #cdbd99;box-shadow:0 1px #ffffffd9 inset,0 -2px 4px #8c73461f inset,0 2px 3px #5d4a3124,0 5px 12px #5d4a311a}.btn:hover{box-shadow:0 1px #ffffffe6 inset,0 -2px 4px #8c73461f inset,0 3px 5px #5d4a3129,0 8px 18px #5d4a3121}.btn:active:not(:disabled){transform:translateY(1.5px);box-shadow:0 2px 5px #785f3238 inset,0 1px 2px #5d4a311f}.btn.primary{background:linear-gradient(180deg,#93b07c,#74925f 88%,#638051);border-color:#55703f;box-shadow:0 1px #ffffff59 inset,0 -3px 5px #283c1940 inset,0 2px 4px #3c502840,0 6px 14px #3c50282e;text-shadow:0 1px 1px rgba(30,50,15,.35)}.btn.primary:active:not(:disabled){box-shadow:0 3px 6px #23371459 inset,0 1px 2px #3c502833}.btn:disabled{opacity:.55;cursor:not-allowed}.book-object{position:relative;width:78px;min-width:78px;filter:drop-shadow(3px 5px 6px rgba(80,60,30,.28));transition:transform .28s cubic-bezier(.22,1,.36,1),filter .28s;transform:perspective(600px) rotateY(-4deg)}.book-card:hover .book-object,.detail-head .book-object{transform:perspective(600px) rotateY(-2deg) translateY(-3px);filter:drop-shadow(4px 9px 12px rgba(80,60,30,.32))}.book-object.large{width:116px;min-width:116px}.book-cover{position:relative;width:100%;height:0;border-radius:3px 7px 7px 3px;background:linear-gradient(155deg,hsl(var(--bh),36%,54%),hsl(var(--bh),32%,42%) 55%,hsl(calc(var(--bh) + 24),30%,34%));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;overflow:hidden;box-shadow:0 0 0 1px #281e0c40,inset 0 1px #ffffff38,inset 3px 0 5px #ffffff24,inset -2px 0 4px #00000038}.book-cover:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23m)'/%3E%3C/svg%3E");pointer-events:none}.book-cover:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:linear-gradient(90deg,#00000047,#ffffff47,#0000002e);opacity:.55}.book-cover .t{font-family:var(--font-hand);font-size:13.5px;font-weight:700;color:#fdf8ec;text-align:center;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.28);word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;z-index:1}.book-cover .a{font-size:9px;color:#fdf8eccc;margin-top:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1}.book-cover .fmt{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:8.5px;letter-spacing:2px;color:#fdf8eca6;z-index:1}.book-pages{position:absolute;top:2.5%;right:-4px;width:5px;height:95%;border-radius:0 3px 3px 0;background:repeating-linear-gradient(180deg,#f8f3e6 0 2px,#e4d9c2 2px 3px);box-shadow:1px 1px 2px #4637194d}.book-cover .ribbon{position:absolute;top:-4px;right:14px;width:13px;height:34px;background:linear-gradient(180deg,#c26d5c,#a34e3e);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);box-shadow:0 2px 4px #3c1e0f59;z-index:2}.book-card .b-brief{font-size:11.5px;color:var(--ink-3);margin-top:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.pdf-stage{background:radial-gradient(700px 380px at 50% 20%,rgba(60,48,26,.16),transparent 70%),repeating-linear-gradient(90deg,#3a3125 0 46px,#3f3628 46px 92px);border:1.5px solid var(--line);border-radius:16px;padding:26px 18px;min-height:420px;display:flex;justify-content:center;overflow:auto}.pdf-page{position:relative;background:#fff;border-radius:2px;box-shadow:0 1px 2px #140e0466,0 14px 38px #140e0473,0 0 0 1px #140e0433;line-height:0;animation:pageflip .34s cubic-bezier(.22,1,.36,1)}.pdf-page canvas{border-radius:2px;max-width:100%;height:auto!important}@keyframes pageflip{0%{opacity:0;transform:translate(26px) rotateY(-6deg)}to{opacity:1;transform:none}}.pdf-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#d8ccb0;font-size:14px;background:#3a3125;border-radius:2px;min-height:300px;min-width:320px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pdf-nav{display:flex;align-items:center;gap:6px}.pdf-nav input{width:64px;text-align:center;height:32px;padding:2px 6px}.page-ribbon{position:absolute;top:-2px;right:22px;width:16px;height:44px;background:linear-gradient(180deg,#c26d5c,#a34e3e);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);box-shadow:0 3px 6px #3c1e0f66;z-index:5}.bm-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-2);background:var(--amber-soft);border:1.5px dashed #e0cb96;border-radius:12px;padding:7px 12px;margin-bottom:10px}.bm-chip{display:inline-flex;align-items:center;gap:5px;background:var(--card);border:1px solid var(--line-strong);border-radius:999px;padding:2px 4px 2px 10px;font-size:12px}.bm-chip button{font-size:12px;color:var(--ink)}.bm-chip .bm-del{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:var(--ink-3);cursor:pointer;font-style:normal}.bm-chip .bm-del:hover{background:var(--red-soft);color:var(--red)}.anno-wrap{position:absolute;z-index:8;line-height:1.6}.anno-wrap .anno-line{position:absolute;top:0;left:auto}.anno-wrap[style*="--anno-side: right"] .anno-line{left:4px}.anno-wrap[style*="--anno-side: left"] .anno-line{right:4px;transform:scaleX(-1)}.anno-card{position:absolute;top:46px;width:236px;background:linear-gradient(170deg,#fffdf6,#f8f1de);border:1.5px solid #d3c39e;border-radius:12px;box-shadow:0 10px 26px #1e160847;padding:9px 11px;font-size:12.5px;animation:anno-in .3s cubic-bezier(.22,1,.36,1)}.anno-wrap[style*="--anno-side: right"] .anno-card{left:96px}.anno-wrap[style*="--anno-side: left"] .anno-card{right:96px}@keyframes anno-in{0%{opacity:0;transform:translateY(6px) scale(.97)}}.anno-card.pending{opacity:.85}.anno-head{display:flex;align-items:center;gap:5px;font-weight:700;font-size:11.5px;color:#8a6d2f;margin-bottom:5px}.anno-head span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anno-head .iconbtn{width:20px;height:20px}.anno-body{color:#5a4f3d;line-height:1.75;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.text-anno{margin:2px 0 10px;padding-left:2px}.task-detail{margin-top:6px;background:#fffdf6cc;border:1.5px dashed rgba(163,138,84,.5);border-radius:10px;padding:9px 11px;font-size:12.8px;line-height:1.8;color:#5f5138;white-space:pre-wrap;word-break:break-word}.detail-toggle{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#8a6d2f;background:#fffdf6b3;border:1px solid rgba(163,138,84,.4);border-radius:999px;padding:1px 8px}.detail-toggle:hover{background:#fffdf6}.lab-exp-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.lab-exp-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px}.lab-count{margin-top:8px;font-size:11.5px;color:var(--ink-3);text-align:right}.detail-lab{margin-top:14px;background:var(--card-2);border:1.5px solid var(--line);border-radius:14px;padding:12px 14px}.detail-lab .dl-head{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px;color:var(--ink);margin-bottom:8px}.detail-lab .dl-list{display:flex;flex-direction:column;gap:10px}.detail-lab .dl-item{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px}.detail-lab .dl-item b{font-size:13.5px;margin-right:8px}.detail-lab .dl-item p{font-size:12.8px;color:var(--ink-2);line-height:1.7;margin-top:4px}.detail-lab .dl-item em{font-style:normal;font-size:11.5px;color:var(--ink-3)}