.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}#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}[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-main{font-size:22px;font-weight:800;letter-spacing:.02em;color:var(--color-primary)}.app-title-sub{font-size:13px;color:var(--color-text-secondary)}.app-title-slogan{margin-top:6px;font-size:15px;font-weight:600;color:var(--color-text-main)}.app-title-intro{margin-top:10px;max-width:56ch;font-size:12px;color:var(--color-text-secondary)}.badge{margin-top:4px;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-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;pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=dark] .app-hero-bg{opacity:.09}.app-hero-fg{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;padding-right:12px}.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}.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;box-shadow:0 1px 4px #0000001f}.btn.primary{background-color:var(--color-primary)}.btn.secondary{background-color:#e0e0e0;color:var(--color-text-main)}.btn.danger{background-color:#f8e0e0;color:#a23434}.btn:disabled{opacity:.6;cursor:default;box-shadow:none}.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}.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}.book-card.active{outline:2px solid rgba(47,82,51,.4)}.book-title{font-size:14px;font-weight:600}.book-meta{font-size:12px;color:var(--color-text-secondary)}.book-tag{margin-top:6px;padding:2px 8px;border-radius:999px;background-color:#e3f2ff;color:#2c5282;font-size:11px}.note-list{display:flex;flex-direction:column;gap:8px}.note-item{border-radius:var(--radius-md);border:1px solid var(--color-border-soft);overflow:hidden}.note-item-header{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;background-color:var(--color-bg-card);font-size:13px}.note-item-excerpt-preview{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-main)}.note-item-body{padding:12px;border-top:1px solid var(--color-border-soft);background-color:var(--color-bg-excerpt);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}.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-ai-recommend{margin-top:4px;font-size:12px;color:var(--color-text-secondary)}.note-icon-button{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 .is-favorite{color:#f59e0b}.collapse-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;padding:4px 0}.collapse-body{padding-left:14px;padding-bottom:12px;display:flex;flex-direction:column;gap:8px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}@media (max-width: 900px){.app-main{grid-template-columns:minmax(0,1fr)}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){#app{padding:16px 8px 24px}.app-shell{max-width:100%;border-radius:0;box-shadow:none;border-left:none;border-right:none}.app-header{flex-direction:column;align-items:flex-start;gap:10px}.badge{align-self:flex-end}.app-main{padding:16px 16px 20px;gap:16px}.book-grid{grid-template-columns:minmax(0,1fr)}.note-item-header{padding:8px 10px}.note-item-excerpt-preview{font-size:12px}.app-hero-bg{font-size:40px}.app-title-main{font-size:18px}.app-title-slogan{font-size:13px}.app-title-intro{font-size:11px}}