:root{--paper: #f4f2ec;--paper-deep: #ece8e0;--card: #ffffff;--ink: #2e2a26;--ink-soft: #7a746c;--stamp: #c0584b;--moss: #6b7b6e;--line: rgba(46, 42, 38, .14);--serif: Georgia, "Songti SC", "STSong", serif;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}.topbar{display:flex;align-items:flex-end;justify-content:space-between;padding:22px 28px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px}.brand h1{margin:0;font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:.5px}.sub{margin:2px 0 0;color:var(--ink-soft);font-size:12px}.tabs{display:flex;gap:6px}.tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:6px 14px;font-size:14px;color:var(--ink-soft);cursor:pointer;font-family:var(--sans)}.tab.active{color:var(--ink);border-bottom-color:var(--stamp)}.view{display:none;padding:20px 28px 40px}.view.active{display:block}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.spacer{flex:1}.btn{background:transparent;border:1px solid var(--line);border-radius:8px;padding:7px 14px;font-size:13px;color:var(--ink);cursor:pointer;font-family:var(--sans);transition:.15s}.btn:hover{border-color:var(--stamp);color:var(--stamp)}.btn.primary{background:var(--stamp);color:#fff;border-color:var(--stamp)}.btn.primary:hover{opacity:.9;color:#fff}.btn.sm{padding:4px 10px;font-size:12px}.btn.xs{padding:2px 7px;font-size:11px}.search,.select{border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:13px;background:var(--card);color:var(--ink);font-family:var(--sans)}.search{min-width:180px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg-btn{background:transparent;border:none;padding:7px 14px;font-size:13px;color:var(--ink-soft);cursor:pointer;font-family:var(--sans)}.seg-btn.active{background:var(--moss);color:#fff}.hint{color:var(--ink-soft);font-size:12px;margin:0 0 14px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(230px * var(--shelf-scale, 1)),1fr));gap:calc(16px * var(--shelf-scale, 1))}.book-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:calc(16px * var(--shelf-scale, 1)) calc(16px * var(--shelf-scale, 1)) calc(12px * var(--shelf-scale, 1));position:relative}.book-cover{display:block;margin:0 auto 10px;height:calc(260px * var(--shelf-scale, 1));aspect-ratio:1.4;max-width:100%;object-fit:cover;border-radius:8px;background:var(--paper);border:1px solid var(--line)}.note-cover{width:84px;height:116px;object-fit:cover;border-radius:6px;border:1px solid var(--line);margin-bottom:10px;display:block}.book-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.book-title{font-family:var(--serif);font-size:calc(18px * var(--shelf-scale, 1));font-weight:600;line-height:1.35}.book-meta{color:var(--ink-soft);font-size:calc(13px * var(--shelf-scale, 1));margin-top:4px}.book-card .stamp{width:calc(40px * var(--shelf-scale, 1));height:calc(40px * var(--shelf-scale, 1));min-width:calc(40px * var(--shelf-scale, 1));padding:0 calc(7px * var(--shelf-scale, 1));font-size:calc(11px * var(--shelf-scale, 1))}.book-actions{display:flex;gap:8px;margin-top:12px}.empty{grid-column:1/-1;color:var(--ink-soft);text-align:center;padding:50px 0;border:1px dashed var(--line);border-radius:14px}.plan-view{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--card);min-height:440px;padding:14px}.map-wrap{position:relative;min-width:100%}.map-canvas{position:relative}.map-svg{position:absolute;left:0;top:0;pointer-events:none}.link{fill:none;stroke:var(--line);stroke-width:1.5px;cursor:pointer}.link:hover{stroke:var(--stamp)}.link.temp{stroke:var(--moss);stroke-dasharray:5 4}.port{position:absolute;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:var(--card);border:2px solid var(--moss);z-index:3;transition:.12s}.port:hover{background:var(--moss);box-shadow:0 0 0 4px #6b7b6e38}.port-left{left:-8px;cursor:pointer}.port-right{right:-8px;cursor:crosshair}.pnode{position:absolute;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:grab;overflow:visible}.pnode:active{cursor:grabbing}.pnode:hover{border-color:var(--moss)}.pnode.pbook-want{background:#8c8c881f;border-color:#8c8c8859}.pnode.pbook-reading{background:#c0473b1a;border-color:#c0473b59}.pnode.pbook-done{background:#5e8a6b1f;border-color:#5e8a6b59}.pnode.sel{border:2px solid var(--ink-soft)}.pnode.pbook-want.sel{border-color:#8c8c88}.pnode.pbook-reading.sel{border-color:#c0473b}.pnode.pbook-done.sel{border-color:#5e8a6b}.pnode.type-free .pnode-title{max-width:220px}.pnode.type-book{display:flex;gap:8px;align-items:flex-start;min-width:210px;max-width:270px}.pnode-cover{width:42px;height:60px;object-fit:cover;border-radius:5px;border:1px solid var(--line);flex:none;background:var(--paper)}.pnode-title{font-family:var(--serif);font-size:14px;font-weight:500;line-height:1.35;white-space:normal;word-break:break-word}.pstamp{position:absolute;top:-12px;right:-12px;width:30px;height:30px;min-width:30px;padding:0;font-size:10px;cursor:pointer;box-shadow:0 1px 3px #0000001f;background:var(--card);z-index:2}.toggle{position:absolute;right:6px;bottom:6px;width:18px;height:18px;line-height:16px;text-align:center;border:1px solid var(--line);border-radius:50%;font-size:12px;color:var(--ink-soft);cursor:pointer;z-index:2}.sel-rect{position:absolute;border:1px dashed var(--stamp);background:#c0584b14;pointer-events:none;z-index:4}.pnode.msel{border:2px solid var(--stamp)!important;box-shadow:0 0 0 2px #c0584b2e}.pnode.type-target{border-color:#b5894e80;background:#b5894e12}.pnode.type-target:hover{border-color:#b5894e}.pnode.type-target .pnode-title{max-width:220px}.pnode.type-target.sel{border-color:#b5894e}.pnode.type-target.msel{border-color:#b5894e!important;box-shadow:0 0 0 2px #b5894e38}.type-tag{position:absolute;top:-11px;left:8px;font-size:10px;line-height:1.5;padding:0 6px;border-radius:6px;background:#b5894e;color:#fff;z-index:2}.list-wrap{padding:6px 4px}.litem{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--line)}.lcover{width:30px;height:42px;object-fit:cover;border-radius:4px;border:1px solid var(--line);flex:none}.ltitle{font-size:14px;cursor:pointer}.ltitle:hover{color:var(--stamp)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:52vh;overflow:auto}.pick-book{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--paper);cursor:pointer;font-family:var(--sans)}.pick-book:hover{border-color:var(--stamp)}.pick-cover{width:48px;height:68px;object-fit:cover;border-radius:5px;border:1px solid var(--line);flex:none}.pick-title{font-size:13px;font-family:var(--serif);line-height:1.3}.status-pick{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.stamp{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 7px;border-radius:50%;border:1.5px solid var(--stamp);color:var(--stamp);font-size:11px;font-family:var(--serif);transform:rotate(-6deg);flex:none}.stamp.want{color:#8c8c88;border-color:#8c8c88}.stamp.reading{color:#c0473b;border-color:#c0473b}.stamp.done{color:#5e8a6b;border-color:#5e8a6b}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#2e2a2659;display:flex;align-items:center;justify-content:center;z-index:50}.modal-card{background:var(--card);border-radius:14px;padding:22px;width:min(420px,92vw);box-shadow:0 10px 40px #0000002e}.modal-card h3{margin:0 0 14px;font-family:var(--serif);font-weight:500;font-size:18px}.modal-card label{display:block;font-size:12px;color:var(--ink-soft);margin:10px 0 4px}.modal-card input,.modal-card select,.modal-card textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px;font-family:var(--sans);background:var(--paper);color:var(--ink)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.chk-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);margin:12px 0 4px;cursor:pointer}.chk-row input{width:auto}#detail{padding:18px 28px 40px;max-width:980px;margin:0 auto}.detail-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px;flex-wrap:wrap}.detail-head .edit-ico{display:none}.detail-title-wrap{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.detail-title{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.3;word-break:break-word}.dt-stamp{flex:none}.detail-body{display:flex;gap:28px;align-items:flex-start}.detail-left{width:220px;flex:none;display:flex;flex-direction:column;gap:14px}.dt-cover{width:100%;height:auto;max-height:340px;object-fit:contain;border-radius:10px;background:var(--card);border:1px solid var(--line);display:block}.dt-cover-empty{width:100%;height:240px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:10px;color:var(--ink-soft);font-size:13px;background:var(--card)}.detail-meta{border-top:1px solid var(--line);padding-top:12px}.meta-row{display:flex;align-items:baseline;gap:10px;padding:5px 0;font-size:14px}.meta-label{color:var(--ink-soft);width:88px;flex:none;font-size:13px}.meta-val{color:var(--ink);word-break:break-all}.meta-empty{color:var(--ink-soft);font-size:12px}.detail-right{flex:1;min-width:0}.notes-box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.notes-bar{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.notes-title{font-family:var(--serif);font-size:18px;font-weight:500}.notes-info{color:var(--ink-soft);font-size:12px}#detail_note{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:12px;font-family:var(--sans);font-size:14px;line-height:1.7;color:var(--ink);resize:vertical;min-height:240px}#detail_note:focus{outline:none;border-color:var(--moss)}.notes-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}.notes-saved{color:var(--ink-soft);font-size:12px}.notes-log-box{background:var(--paper-deep);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-top:20px;width:100%}.notes-log-title{font-family:var(--serif);font-size:15px;font-weight:500;margin-bottom:10px;color:var(--ink)}.notes-log-count{font-family:var(--sans);font-size:12px;color:var(--ink-soft);font-weight:400;margin-left:4px}.note-item{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:10px 12px;margin-bottom:10px}.note-item-text{font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--ink)}.note-comments{margin-left:18px;margin-top:8px;border-top:1px dashed var(--line);padding-top:6px;display:flex;flex-direction:column;gap:5px}.note-comment{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink);background:var(--paper);border-radius:6px;padding:5px 8px;line-height:1.5}.note-comment-time{font-size:11px;color:var(--ink-soft);font-family:var(--serif);flex:none}.note-comment-text{word-break:break-word;flex:1}.note-comment-btns{display:flex;gap:4px;flex:none}#note_comment_edit_input{flex:1;min-width:0;border:1px solid var(--line);border-radius:6px;padding:4px 6px;font-size:12px;background:var(--card);color:var(--ink)}.note-comment-input{margin-left:18px;display:flex;gap:6px;margin-top:8px}.note-comment-input input{flex:1;width:auto;min-width:0;border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:13px;background:var(--paper);color:var(--ink)}#note_edit_input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;font-family:var(--sans);background:var(--paper);color:var(--ink);resize:vertical;min-height:80px}.note-item-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.note-item-btns{display:flex;gap:6px;flex:none}.note-item-time{font-size:12px;color:var(--ink-soft);font-family:var(--serif)}.lselect{flex:none}.ltoggle{flex:none;font-size:12px}@media(max-width:720px){.detail-body{flex-direction:column}.detail-left{width:100%}#detail .detail-head{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"back title" "back edit";align-items:center;gap:10px 14px;flex-wrap:nowrap}.detail-head .btn[data-act=back-detail]{grid-area:back}.detail-title-wrap{grid-area:title;gap:8px}.detail-head .btn[data-act=edit-book]{grid-area:edit;justify-self:end}.detail-head .edit-ico{display:inline;font-size:18px;line-height:1;margin-right:4px}.view{padding:14px 14px 32px}.topbar{padding:14px 14px 10px}.brand h1{font-size:18px}#shelf .toolbar{gap:8px}#shelf .spacer,#shelf .sync-pc{display:none}#shelf .search{flex:1 1 100%;min-width:0}#shelf .select{flex:1 1 46%;min-width:0;min-height:40px}#shelf .ctl{display:none}#shelf [data-act=add-book],#shelf [data-act=toggle-del-mode]{flex:1 1 46%;min-height:40px}#shelf .sync-group{flex:1 1 46%;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}#shelf .sync-group .sync-pop{width:100%;margin:0;min-width:0}#shelf .sync-group .sync-pop>summary{white-space:nowrap;padding:7px 4px;min-height:40px;width:100%}#shelf .sync-group .sync-pop>.pop-body{left:0;right:0;min-width:0}#shelf .sync-group .pop-body .btn{white-space:nowrap;padding:7px 6px}#shelf .book-grid{grid-template-columns:repeat(2,1fr);--shelf-scale: .8 !important}}.del-mode-btn.active{background:var(--stamp);color:#fff;border-color:var(--stamp)}.ctl{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft);white-space:nowrap}.ctl input[type=range]{width:110px;accent-color:var(--stamp)}.ctl b{min-width:42px;font-weight:500;color:var(--ink);text-align:right;font-family:var(--serif)}.sync-pop{position:relative;display:inline-flex}.sync-pop>summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}.sync-pop>summary::-webkit-details-marker{display:none}.sync-pop>.pop-body{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px #0000001f;padding:8px;z-index:20;display:none}.sync-pop[open]>.pop-body{display:flex;flex-direction:column;gap:6px}.sync-pop .pop-body .btn{text-align:left}.sync-pc{display:inline-flex;align-items:center;gap:10px}.sync-group{display:none}.cat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 2px;border-bottom:1px solid var(--line)}.cat-row[draggable=true]{cursor:grab}.cat-row[draggable=true]:active{cursor:grabbing}.cat-row.drag-over{outline:2px dashed var(--stamp);outline-offset:-2px;background:var(--paper)}.cat-drag{cursor:grab;color:var(--ink-soft);-webkit-user-select:none;user-select:none;flex:none}.cat-name{font-size:14px;font-family:var(--serif);flex:1;min-width:0}.cat-actions{display:flex;gap:6px;flex:none}.cat-row input{flex:1;width:auto;min-width:0}.cat-add{display:flex;gap:8px;margin-top:14px}.cat-add input{flex:1;width:auto;min-width:0}.del-hint{font-size:12px;color:var(--stamp);margin:0 0 10px}.book-card.del-mode{border-color:var(--stamp)}.del-badge{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#c0473b;color:#fff;font-size:20px;line-height:24px;text-align:center;cursor:pointer;z-index:5;box-shadow:0 1px 4px #00000040;transition:.12s;-webkit-user-select:none;user-select:none}.del-badge:hover{transform:scale(1.12);background:#a83428}