.collapse-header[data-v-99eb0fe7]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none}.collapse-header[data-v-99eb0fe7]:hover{color:var(--color-primary)}.panel-title-row[data-v-99eb0fe7]{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title-row .btn[data-v-99eb0fe7]{flex-shrink:0}.collapse-icon[data-v-99eb0fe7]{font-size:10px;opacity:.8}.collapse-body[data-v-99eb0fe7]{padding-left:14px;padding-bottom:12px;display:flex;flex-direction:column;gap:8px}.book-grid-wrap[data-v-99eb0fe7]{padding-left:0}.checkbox-row[data-v-99eb0fe7]{margin-top:-4px}.checkbox-label[data-v-99eb0fe7]{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-secondary);cursor:pointer}.checkbox-label input[data-v-99eb0fe7]{width:auto}.note-list[data-v-99eb0fe7]{display:flex;flex-direction:column;gap:8px}.note-item[data-v-99eb0fe7]{border-radius:var(--radius-md);border:1px solid var(--color-border-soft);overflow:hidden}.note-item-header[data-v-99eb0fe7]{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;background-color:var(--color-bg-card);font-size:13px}.note-item-header[data-v-99eb0fe7]:hover{background-color:var(--color-bg-excerpt)}.note-item-toggle[data-v-99eb0fe7]{font-size:10px;color:var(--color-text-muted);flex-shrink:0}.note-item-excerpt-preview[data-v-99eb0fe7]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-main)}.note-item-body[data-v-99eb0fe7]{padding:12px;border-top:1px solid var(--color-border-soft);background-color:var(--color-bg-excerpt);display:flex;flex-direction:column;gap:10px}.note-ai-loading-hint[data-v-99eb0fe7]{font-size:12px;color:var(--color-text-muted)}.note-icon-button[data-v-99eb0fe7]{border:none;background:transparent;padding:2px 4px;cursor:pointer;color:var(--color-text-muted);font-size:14px;display:inline-flex;align-items:center;justify-content:center}.note-icon-button[data-v-99eb0fe7]:hover{color:var(--color-primary)}.note-icon-button.danger[data-v-99eb0fe7]:hover{color:#b91c1c}.note-icon-button[disabled][data-v-99eb0fe7]{opacity:.4;cursor:default}.note-icon-button .is-favorite[data-v-99eb0fe7]{color:#f59e0b}*,*:before,*:after{box-sizing:border-box}:root{--color-bg-page: #f9f7f4;--color-bg-card: #ffffff;--color-bg-excerpt: #f5f5f5;--color-bg-ai: #eff8ff;--color-input-bg: #f9f7f4;--color-primary: #2f5233;--color-accent-blue: #477db3;--color-text-main: #333333;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border-soft: #eeeeee;--radius-sm: 4px;--radius-md: 8px;--shadow-soft: 0 2px 8px rgba(0, 0, 0, .06);--shadow-card-hover: 0 6px 18px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-normal: .3s ease}[data-theme=dark]{--color-bg-page: #020617;--color-bg-card: #020617;--color-bg-excerpt: #020617;--color-bg-ai: #0b1120;--color-input-bg: #020617;--color-primary: #22c55e;--color-accent-blue: #bfdbfe;--color-text-main: #e5e7eb;--color-text-secondary: #cbd5f5;--color-text-muted: #9ca3af;--color-border-soft: #1f2937}html,body{margin:0;padding:0}body{min-height:100vh;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(148,163,184,.18),transparent 55%) no-repeat,var(--color-bg-page);color:var(--color-text-main);line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal),background var(--transition-normal)}#app{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px 40px}.app-shell{width:100%;max-width:800px;margin:0 auto;background-color:var(--color-bg-card);border-radius:12px;border:1px solid rgba(0,0,0,.03);box-shadow:0 18px 40px #0f172a1f;display:flex;flex-direction:column;overflow:hidden;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}[data-theme=dark] .app-shell{border-color:#1f2937;box-shadow:0 20px 50px #0f172ab3}.app-header{padding:18px 24px;border-bottom:1px solid var(--color-border-soft);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.app-title-sub{font-size:13px;color:var(--color-text-secondary)}.app-title-main{font-size:22px;font-weight:800;letter-spacing:.02em;color:var(--color-primary)}.app-title-slogan{margin-top:6px;font-size:15px;font-weight:600;color:var(--color-text-main);letter-spacing:.01em}.app-title-intro{margin-top:10px;max-width:56ch;font-size:12px;color:var(--color-text-secondary)}.badge{margin-top:4px}.app-hero{position:relative;flex:1;min-height:108px;padding:2px 0}.app-hero-bg{position:absolute;top:-8px;right:0;bottom:-8px;left:0;display:grid;place-items:center end;padding-right:8px;font-size:64px;line-height:1;font-weight:900;letter-spacing:.16em;color:var(--color-primary);opacity:.06;filter:blur(.2px);transform:translateY(2px);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.9),rgba(0,0,0,.35),rgba(0,0,0,0));mask-image:linear-gradient(to left,#000000e6,#00000059,#0000)}.app-hero-fg{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;padding-right:12px}[data-theme=dark] .app-hero-bg{opacity:.09}@media (max-width: 700px){.app-hero-bg{font-size:46px;letter-spacing:.12em}.app-title-intro{max-width:40ch}}.badge{padding:4px 10px;border-radius:999px;border:1px solid var(--color-border-soft);font-size:11px;color:var(--color-text-secondary);background-color:var(--color-bg-card);display:inline-flex;align-items:center;gap:6px}.badge .select{padding:2px 10px;font-size:12px;background-color:transparent;border-radius:999px;border:1px solid var(--color-border-soft)}[data-theme=dark] .badge{background-color:#020617;border-color:#334155}[data-theme=dark] .badge .select{border-color:#4b5563}.app-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;padding:20px 24px 24px}.panel{display:flex;flex-direction:column;gap:16px}.panel-title{font-size:15px;font-weight:600;color:var(--color-primary)}.panel-desc{font-size:12px;color:var(--color-text-secondary)}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;color:var(--color-text-secondary)}.helper-text{font-size:11px;color:var(--color-text-muted)}.input,.textarea,.select{width:100%;border-radius:var(--radius-sm);border:1px solid transparent;background-color:var(--color-input-bg);color:var(--color-text-main);padding:10px 12px;font-size:13px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.textarea{min-height:96px;resize:vertical}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px #2f523326;background-color:#fff}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.btn{border-radius:var(--radius-sm);border:1px solid transparent;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;background-color:var(--color-primary);color:#fff;transition:background-color var(--transition-fast),transform .1s ease,box-shadow var(--transition-fast),opacity .1s ease;box-shadow:0 1px 4px #0000001f}.btn.primary{background-color:var(--color-primary)}.btn.primary:hover:not(:disabled){background-color:#254226}.btn.secondary{background-color:#e0e0e0;color:var(--color-text-main)}.btn.secondary:hover:not(:disabled){background-color:#d3e3ff}.btn.danger{background-color:#f8e0e0;color:#a23434}.btn.danger:hover:not(:disabled){background-color:#f3b9b9}[data-theme=dark] .btn.primary{background-color:#22c55e;color:#02120a}[data-theme=dark] .btn.primary:hover:not(:disabled){background-color:#16a34a}[data-theme=dark] .btn.secondary{background-color:#1f2937;color:#e5e7eb}[data-theme=dark] .btn.secondary:hover:not(:disabled){background-color:#374151}[data-theme=dark] .btn.danger{background-color:#7f1d1d;color:#fee2e2}[data-theme=dark] .btn.danger:hover:not(:disabled){background-color:#b91c1c}.btn:disabled{opacity:.6;cursor:default;box-shadow:none}.btn:not(:disabled):active{transform:scale(.98)}.btn-icon{font-size:14px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;background-color:var(--color-bg-card);border:1px solid var(--color-border-soft);color:var(--color-text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#22c55e}.status-dot.error{background-color:#ef4444}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px}.json-preview{padding:10px 12px;border-radius:var(--radius-md);background-color:var(--color-bg-card);border:1px solid var(--color-border-soft);max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-all;font-size:11px}.list-empty{font-size:12px;color:var(--color-text-muted)}.list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.list-item{padding:8px 10px;border-radius:var(--radius-sm);background-color:var(--color-bg-card);border:1px solid var(--color-border-soft)}.list-item-title{font-size:13px;font-weight:500;margin-bottom:2px}.list-item-meta{font-size:11px;color:var(--color-text-muted)}.book-section-title{margin-top:4px;font-size:13px;color:var(--color-text-secondary)}.book-grid{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.book-card{background-color:var(--color-bg-card);border-radius:var(--radius-md);padding:12px 14px;box-shadow:var(--shadow-soft);border:1px solid rgba(0,0,0,.03);min-height:140px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:transform var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-fast),opacity var(--transition-fast);opacity:0;animation:fade-in .5s ease forwards}.book-card.active{outline:2px solid rgba(47,82,51,.4)}.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.book-title{font-size:14px;font-weight:600;color:var(--color-text-main)}.book-meta{font-size:12px;color:var(--color-text-secondary)}.book-tags{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:11px}.book-tag{padding:2px 8px;border-radius:999px;background-color:#e3f2ff;color:#2c5282}.note-card{border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background-color:var(--color-bg-card);border:1px solid var(--color-border-soft);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.note-section{padding:10px 12px;border-radius:var(--radius-sm);position:relative}.note-section-title{font-size:12px;color:var(--color-text-muted);margin-bottom:4px}.note-text{font-size:13px;color:var(--color-text-main)}.note-section--excerpt{background-color:var(--color-bg-excerpt);border-left:2px solid var(--color-primary);font-style:italic}.note-section--feeling{background-color:var(--color-bg-card)}.note-section--ai{background-color:var(--color-bg-ai)}.note-ai-badge{position:absolute;top:8px;right:10px;font-size:11px;color:var(--color-accent-blue)}.note-divider{border-top:1px dashed var(--color-border-soft);margin:4px 0}.note-ai-recommend{margin-top:4px;font-size:12px;color:var(--color-text-secondary)}.note-fade-enter-active,.note-fade-leave-active{transition:all .25s ease}.note-fade-enter-from{opacity:0;transform:translateY(4px)}.note-fade-leave-to{opacity:0;transform:translateY(-4px)}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ai-text-loading{background:linear-gradient(90deg,#eff8ff00,#eff8ff,#eff8ff00);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 900px){.app-main,.book-grid{grid-template-columns:minmax(0,1fr)}}