.library-page{background:var(--home-background);min-height:100svh;color:var(--home-text);touch-action:pan-y pinch-zoom;padding:28px 24px 48px;font-family:Arial,Microsoft YaHei,sans-serif}.library-inner{max-width:1080px;margin:auto}@media (min-width:768px){.library-page .mh-topbar{max-width:680px;margin-bottom:24px}}.library-page .mh-search{background:var(--home-surface)}.shelf-panel{background:var(--home-surface);border:1px solid var(--home-border);touch-action:pan-y pinch-zoom;border-radius:18px;padding:0 28px}.shelf-toolbar{border-bottom:1px solid var(--home-border);justify-content:space-between;align-items:center;gap:16px;min-height:56px;display:flex}.shelf-tabs,.shelf-actions{align-items:center;display:flex}.shelf-tabs{gap:26px;position:relative}.shelf-tabs button{white-space:nowrap;min-height:48px;color:var(--home-muted);font-size:18px;position:relative}.shelf-tabs [aria-selected=true]{color:var(--home-text);font-weight:600}.shelf-tabs:after{content:"";width:24px;height:3px;transform:translateX(var(--shelf-tab-offset,0px));pointer-events:none;background:#df3a47;border-radius:4px;position:absolute;bottom:3px;left:0}.shelf-tabs[data-turning]:after{transition:transform var(--shelf-tab-duration,.26s) cubic-bezier(.22,.7,.25,1)}.shelf-tabs[data-dragging]:after{transition:none}.shelf-viewport{isolation:isolate;position:relative}.shelf-viewport[data-switching]{overflow:clip}.shelf-page{background:var(--home-surface);width:100%;position:relative}.shelf-page[data-active=false]{display:none;position:absolute;top:0;left:0}.shelf-page[data-active=false][data-shelf-tab=history]{transform:translate(-100%)}.shelf-page[data-active=false][data-shelf-tab=shelf]{transform:translate(100%)}.shelf-viewport[data-switching] .shelf-page{will-change:transform;display:block}.shelf-actions{color:var(--home-muted);gap:24px;font-size:14px}.shelf-actions button{white-space:nowrap;min-height:44px}.shelf-actions [aria-pressed=true]{color:#ce3b42}.shelf-sort{cursor:pointer;align-items:center;gap:4px;min-height:44px;display:flex;position:relative}.shelf-sort select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.shelf-sort:focus-within{outline-offset:3px;border-radius:4px;outline:2px solid #ce3b4260}.shelf-row{align-items:center;padding:24px 0;display:flex;position:relative}.shelf-row+.shelf-row{border-top:1px solid color-mix(in srgb,var(--home-border) 65%,transparent)}.shelf-book{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;flex:1;align-items:center;gap:18px;min-width:0;display:flex}.shelf-cover img{-webkit-user-drag:none}.shelf-selection{opacity:0;flex-shrink:0;width:0;transition:width .22s,opacity .22s;overflow:hidden}.shelf-select{justify-content:flex-start;align-items:center;width:44px;min-height:48px;display:flex}.shelf-select>span{border:1.5px solid var(--home-muted);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.shelf-select[aria-checked=true]>span{background:#ce3b42;border-color:#ce3b42}.library-page[data-managing=true]{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.library-page[data-managing=true] .shelf-selection{opacity:1;width:44px}.library-page[data-managing=true] .shelf-book{cursor:pointer}.shelf-info h2{padding-right:38px}.library-page[data-managing=true] .shelf-info h2{padding-right:0}.shelf-more{z-index:2;position:absolute;top:20px;right:-8px}.shelf-more:has(.shelf-menu){z-index:5}.shelf-more-button{width:44px;height:44px;color:var(--home-muted);border-radius:10px;justify-content:center;align-items:center;display:flex}.shelf-more-button:hover,.shelf-more-button[aria-expanded=true]{background:var(--home-background);color:var(--home-text)}.shelf-menu{background:var(--home-surface);border:1px solid var(--home-border);border-radius:12px;width:128px;padding:5px;position:absolute;top:42px;right:0;box-shadow:0 8px 28px #241a1526}.shelf-menu[data-above=true]{top:auto;bottom:42px}.shelf-menu [role=menuitem]{border-radius:7px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 14px;font-size:14px;display:flex}.shelf-menu [role=menuitem]:hover,.shelf-menu [role=menuitem]:focus-visible{background:var(--home-background);outline:none}.shelf-menu-delete{color:#bf3b46}.shelf-menu button:disabled,.shelf-actions button:disabled{opacity:.4}.shelf-management-bar{z-index:50;background:var(--home-surface);border-top:1px solid var(--home-border);padding:10px 24px calc(10px + env(safe-area-inset-bottom));animation:.2s ease-out shelf-bar-enter;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #241a1508}.shelf-management-bar>div{justify-content:space-between;align-items:center;gap:20px;max-width:1024px;min-height:44px;margin:auto;display:flex}.shelf-management-bar span{color:var(--home-muted);white-space:nowrap;font-size:14px}.shelf-delete-selected{color:#fff;background:#ce3b42;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:180px;min-height:44px;font-size:15px;font-weight:500;display:flex}.shelf-delete-selected:disabled{background:var(--home-border);color:var(--home-muted)}@keyframes shelf-bar-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.shelf-selection,.shelf-tabs:after,.shelf-tabs[data-turning]:after{transition:none}.shelf-management-bar{animation:none}}.shelf-book[aria-disabled=true]{cursor:default}.shelf-cover{color:#a18a6c;background:linear-gradient(145deg,#f0e7da,#e2d4c0);border-radius:6px;flex-direction:column;flex:0 0 76px;justify-content:center;align-items:center;gap:9px;height:104px;display:flex;overflow:hidden}.shelf-cover img{object-fit:cover;width:100%;height:100%}.shelf-cover span{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 7px;font-size:10px;display:-webkit-box;overflow:hidden}.shelf-info{flex:1;min-width:0}.shelf-info h2{text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;font-size:20px;font-weight:600;line-height:1.45;overflow:hidden}.shelf-info p{color:var(--home-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.7;overflow:hidden}.shelf-info .shelf-progress{color:var(--home-text);opacity:.76;margin-top:5px}.shelf-info .shelf-update{margin-top:2px}.shelf-discover{background:color-mix(in srgb,var(--home-background) 70%,var(--home-surface));color:var(--home-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:0 0 24px;padding:16px 18px;font-size:13px;display:flex}.shelf-discover a{white-space:nowrap;color:#a96d51;align-items:center;gap:3px;min-height:28px;display:flex}.shelf-empty{text-align:center;color:var(--home-muted);flex-direction:column;align-items:center;padding:46px 12px 50px;display:flex}.shelf-empty-icon{color:#bca58b;background:#ead9c82e;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:20px;display:flex}.shelf-empty h2{color:var(--home-text);margin-bottom:9px;font-size:18px;font-weight:500}.shelf-empty p{max-width:280px;font-size:13px;line-height:1.8}.shelf-empty>a,.shelf-empty>button{color:#be4750;border:1px solid #df3a4726;border-radius:24px;align-items:center;gap:5px;min-height:40px;margin-top:22px;padding:0 20px;font-size:13px;display:flex}.shelf-pagination{color:var(--home-muted);justify-content:center;align-items:center;gap:24px;padding:12px 0 24px;font-size:13px;display:flex}.shelf-pagination button{min-height:44px}.shelf-pagination button:disabled{opacity:.35}.shelf-refresh-error{color:var(--home-muted);justify-content:space-between;align-items:center;gap:8px;padding:12px 0;font-size:12px;display:flex}.shelf-refresh-error button{min-height:36px;color:var(--home-accent);flex-shrink:0}.shelf-dialog{color:#2c2925;background:#fffaf7;border:0;border-radius:18px;width:calc(100% - 40px);max-width:380px;margin:auto;padding:24px}.shelf-dialog::backdrop{background:#241a1566}.shelf-dialog h2{font-size:20px;font-weight:600}.shelf-dialog p{color:#85786e;margin:14px 0 22px;font-size:14px;line-height:1.8}.shelf-dialog p[role=alert]{color:#be4750}.shelf-dialog>div{gap:12px;display:flex}.shelf-dialog button{background:#f1e9e1;border-radius:10px;flex:1;min-height:44px}.shelf-dialog .shelf-danger{color:#fff;background:#ce3b42}.shelf-dialog button:disabled{opacity:.5}@media (max-width:767px){.library-page{padding:10px 12px calc(80px + env(safe-area-inset-bottom))}.shelf-panel{border-color:#efe5dc;border-radius:16px;padding:0 14px}.shelf-toolbar{gap:8px;min-height:50px}.shelf-tabs{gap:17px}.shelf-tabs button{min-height:44px;font-size:16px}.shelf-tabs:after{width:23px;height:3px;bottom:1px}.shelf-actions{gap:16px;font-size:12px}.shelf-row{padding:20px 0}.shelf-more{top:13px}.library-page[data-managing=true] .shelf-selection,.shelf-select{width:36px}.shelf-management-bar{padding-left:26px;padding-right:26px}.shelf-book{gap:12px}.shelf-cover{border-radius:5px;flex-basis:64px;height:90px}.shelf-info h2{margin-bottom:5px;font-size:17px}.shelf-info p{font-size:12px}.shelf-info .shelf-progress{margin-top:3px}.shelf-discover{margin-bottom:18px;padding:10px 12px;font-size:12px}.shelf-empty{padding:38px 4px 42px}.shelf-empty h2{font-size:17px}}@media (max-width:350px){.shelf-tabs{gap:12px}.shelf-tabs button{font-size:16px}.shelf-actions{gap:12px}.shelf-cover{flex-basis:56px;height:82px}.shelf-book{gap:10px}.shelf-info h2{font-size:16px}}