.library-page{padding:12px 0 16px;min-height:calc(100vh - var(--header-height))}.page-desc{margin-top:16px;max-width:720px;color:var(--text-secondary);font-size:15px;line-height:1.7}.lib-grid{margin-top:0;display:grid;grid-template-columns:minmax(260px,18%) 1fr;gap:20px;align-items:start}@media (max-width: 1200px){.lib-grid{grid-template-columns:minmax(240px,22%) 1fr;gap:20px}}.filter-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:20px;display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field-row{flex-direction:row;gap:12px}.field-row>div{flex:1;display:flex;flex-direction:column;gap:8px}label,.field-label{font-size:13px;color:var(--text-secondary)}select{background:var(--bg-icon);border:1px solid var(--border-subtle);border-radius:var(--radius-btn);color:var(--text-primary);padding:9px 12px;font-family:var(--font-sans);font-size:14px}select:focus{outline:none;border-color:var(--border-gold-70)}.radio-row{display:flex;gap:18px;flex-wrap:wrap}.radio-opt{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--text-primary)}.filter-actions{display:flex;gap:12px}.filter-actions .btn{flex:1;justify-content:center}.case-list{margin-top:14px;display:flex;flex-direction:column;gap:8px}.case-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:9px 12px;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.case-card:hover{border-color:var(--border-gold-70)}.case-card.active{border-color:var(--gold)}.case-card .cc-name{font-family:var(--font-serif);font-size:15px;line-height:1.25;color:var(--text-primary)}.case-card .cc-meta{margin-top:2px;font-size:11px;line-height:1.3;color:var(--text-muted)}.case-card .cc-chips{margin-top:5px;display:flex;flex-wrap:wrap;gap:4px}.cc-chip{font-size:10px;color:var(--gold-light);background:var(--bg-icon);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:2px 7px}.search-wrap{margin-top:4px}.search-input{width:100%;box-sizing:border-box;background:var(--bg-icon);border:1px solid var(--border-subtle);border-radius:var(--radius-btn);color:var(--text-primary);padding:10px 14px;font-family:var(--font-sans);font-size:14px;transition:border-color .15s ease}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--border-gold-70)}.case-card .cc-bazi{margin-top:2px;font-family:var(--font-serif);font-size:12px;letter-spacing:.5px;color:var(--gold-light)}.pager{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.pager-btn{background:var(--bg-icon);border:1px solid var(--border-subtle);border-radius:var(--radius-btn);color:var(--text-secondary);padding:5px 11px;font-size:13px;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease;min-width:32px;line-height:1.2}.pager-btn:hover:not(.disabled):not(.active){border-color:var(--border-gold-70);color:var(--text-primary)}.pager-btn.active{background:#c7a96b1f;border-color:var(--border-gold-70);color:var(--gold)}.pager-btn.disabled{opacity:.35;cursor:not-allowed}.pager-ellipsis{color:var(--text-muted);padding:0 2px}.pager-jump{display:inline-flex;align-items:center;gap:6px;margin-left:6px}.pager-jump-label{font-size:12px;color:var(--text-secondary)}.pager-jump-input{width:56px;box-sizing:border-box;background:var(--bg-icon);border:1px solid var(--border-subtle);border-radius:var(--radius-btn);color:var(--text-primary);padding:5px 8px;font-size:13px;font-family:var(--font-sans)}.pager-jump-input:focus{outline:none;border-color:var(--border-gold-70)}.pager-sum{margin-left:auto;font-size:12px;color:var(--text-muted);padding-left:8px}@media (max-width: 380px){.pager-sum{margin-left:0;width:100%}}.form-error{color:#d97b6c;font-size:13px;margin-top:12px}.settings-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:12px 16px;margin-bottom:16px}.settings-box summary{cursor:pointer;font-family:var(--font-serif);font-size:15px;color:var(--text-primary)}.settings-panel{margin-top:12px;display:flex;flex-direction:column;gap:14px}.set-group{border-top:1px solid var(--border-subtle);padding-top:12px}.set-group-title{font-size:13px;color:var(--gold-light);margin-bottom:8px}.set-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.set-label{font-size:13px;color:var(--text-secondary);flex-shrink:0}.set-select,.set-num{background:var(--bg-icon);border:1px solid var(--border-subtle);border-radius:var(--radius-btn);color:var(--text-primary);padding:6px 10px;font-family:var(--font-sans);font-size:13px;min-width:150px}.set-num{width:92px}.set-select:focus,.set-num:focus{outline:none;border-color:var(--border-gold-70)}.empty-hint{background:var(--bg-card);border:1px dashed var(--border-subtle);border-radius:var(--radius-card);padding:56px 28px;text-align:center;color:var(--text-muted);font-size:var(--text-base);display:flex;flex-direction:column;align-items:center;gap:8px;min-height:calc(100vh - var(--header-height) - 120px);justify-content:center}.empty-hint[hidden]{display:none}.empty-icon{font-size:44px;line-height:1;margin-bottom:4px}.empty-title{margin:0;color:var(--text-primary);font-family:var(--font-serif);font-size:18px;letter-spacing:1px}.empty-sub{font-size:13px;color:var(--text-muted)}.empty-note{margin-top:20px;padding-top:18px;border-top:1px solid var(--border-subtle);max-width:480px;display:flex;flex-direction:column;align-items:center;gap:6px}.empty-note-tag{font-family:var(--font-serif);font-size:13px;letter-spacing:3px;color:var(--gold)}.empty-note p{margin:0;font-size:13px;line-height:1.7;color:var(--text-muted)}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.detail-title{font-family:var(--font-serif);font-size:18px;color:var(--text-primary)}.chart-wrap{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.chart-canvas-wrap{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.star-canvas{width:100%;max-width:100%;aspect-ratio:1 / 1;display:block;margin:0 auto}.toolbox{position:static;align-self:center;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.info-tabs{position:relative;display:flex;gap:8px;justify-content:center;margin-top:2px}.info-cards-overlay{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);width:min(600px,92vw);max-height:min(440px,calc(100vh - 220px));overflow-y:auto;text-align:left;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:14px;box-shadow:0 -8px 32px #00000059;z-index:20}.info-cards-overlay[hidden]{display:none}.detail-layout{display:flex;gap:20px;align-items:flex-start}.detail-chart-col{flex:0 1 auto;min-width:0;max-width:min(840px,calc(100vh - 200px))}.detail-info-col{flex:1 1 320px;min-width:260px}@media (max-width: 1080px){.detail-layout{flex-direction:column}.detail-chart-col{max-width:100%;width:100%}.detail-info-col{flex-basis:auto;width:100%;min-width:0}.info-cards-overlay{position:static;transform:none;width:100%;max-height:none;box-shadow:none;margin-top:10px}}.case-info{margin-top:0;display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--text-secondary)}.case-info b{color:var(--text-primary);font-weight:500}.info-section-title{font-family:var(--font-serif);font-size:15px;color:var(--gold);margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.detail-info-col .info-section-title:not(:first-child){margin-top:22px}.coord-warn{margin-top:12px;font-size:12px;color:var(--gold-light);background:#c7a96b1a;border:1px solid var(--border-gold-35);border-radius:var(--radius-btn);padding:8px 12px}.case-content{margin-top:20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:20px;white-space:pre-wrap;line-height:1.8;font-size:14px;color:var(--text-secondary)}.case-liunian{margin-top:10px;display:flex;flex-direction:column;gap:4px}.liunian-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:6px 10px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}.liunian-item .ly-year{font-family:var(--font-serif);font-size:13px;color:var(--gold);white-space:nowrap}.liunian-item .ly-ganzhi{font-size:12px;color:var(--text-secondary);white-space:nowrap}.liunian-item .ly-content{flex:1 1 200px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;font-size:12px;color:var(--text-secondary)}.liunian-fallback{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:10px 12px}.liunian-fallback-label{font-size:11px;letter-spacing:1px;color:var(--gold);margin-bottom:6px}.liunian-fallback-text{white-space:pre-wrap;line-height:1.7;font-size:13px;color:var(--text-secondary)}.time-overlay{position:fixed;inset:0;z-index:200;background:transparent;pointer-events:none}.time-overlay[hidden]{display:none}.time-popup{position:fixed;pointer-events:auto;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:24px;min-width:360px;max-width:440px;box-shadow:0 8px 32px #0006}.time-popup-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-family:var(--font-serif);font-size:16px;color:var(--text-primary);cursor:move;user-select:none}.time-close{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.time-close:hover{color:var(--text-primary)}.time-body{margin-bottom:12px}.time-ctrl-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.time-ctrl-grp{display:flex;align-items:center;gap:6px}.time-ctrl-label{font-size:12px;color:var(--text-secondary);min-width:22px;text-align:center}.time-ctrl-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-icon);border:1px solid var(--border-subtle);border-radius:var(--radius-btn);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .15s ease}.time-ctrl-btn:hover{border-color:var(--border-gold-70);color:var(--gold)}.time-info{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-secondary);margin-bottom:16px}.time-actions{display:flex;gap:12px;justify-content:flex-end}.info-tab{background:var(--bg-icon);border:1px solid var(--border-subtle);border-radius:var(--radius-btn);color:var(--text-secondary);padding:6px 14px;font-size:13px;font-family:var(--font-sans);transition:all .15s ease}.info-tab:hover{border-color:var(--border-gold-70);color:var(--text-primary)}.info-tab.active{background:#c7a96b1f;border-color:var(--border-gold-70);color:var(--gold)}.info-card{margin-top:12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:16px 20px;line-height:1.7;font-size:13px;color:var(--text-secondary)}.btn-mode,.btn-time,.btn-settings{background:var(--bg-icon);border:1px solid var(--border-subtle);border-radius:var(--radius-btn);color:var(--text-secondary);padding:6px 14px;font-size:13px;font-family:var(--font-sans);transition:all .15s ease}.btn-mode:hover,.btn-time:hover,.btn-settings:hover{border-color:var(--border-gold-70);color:var(--text-primary)}.btn-mode.active{background:#c7a96b1f;border-color:var(--border-gold-70);color:var(--gold)}.btn-mode:disabled,.btn-time:disabled{opacity:.35;cursor:not-allowed}.btn-settings{font-size:16px;padding:6px 12px;line-height:1}.loading-area{margin-top:32px;color:var(--text-secondary)}@media (max-width: 992px){.lib-grid{grid-template-columns:1fr}}.settings-overlay{position:fixed;inset:0;z-index:200;background:#0009;display:flex;align-items:center;justify-content:center}.settings-overlay[hidden]{display:none}.settings-popup{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:24px;min-width:480px;max-width:640px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0006}.settings-popup-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-family:var(--font-serif);font-size:16px;color:var(--text-primary)}.settings-close{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.settings-close:hover{color:var(--text-primary)}.settings-popup-body .settings-panel{margin-top:0}.settings-popup-body .set-group{border-top:1px solid var(--border-subtle);padding-top:12px;margin-bottom:16px}.settings-popup-body .set-group:first-child{border-top:none;padding-top:0}.settings-popup-body .set-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.settings-popup-body .set-select,.settings-popup-body .set-num{background:var(--bg-icon);border:1px solid var(--border-subtle);border-radius:var(--radius-btn);color:var(--text-primary);padding:6px 10px;font-family:var(--font-sans);font-size:13px;min-width:180px}.settings-popup-body .set-num{width:92px}.settings-popup-body .set-details{border-top:1px solid var(--border-subtle);padding-top:12px;margin-bottom:16px}.settings-popup-body .set-details summary{cursor:pointer;font-size:13px;color:var(--gold-light);margin-bottom:8px}.settings-popup-body .set-hint{font-size:11px;color:var(--text-muted);margin:4px 0}.settings-popup-body .set-divider{border-top:1px solid var(--border-subtle);margin:10px 0}.settings-popup-body .set-mini-btn{background:var(--bg-icon);border:1px solid var(--border-gold-35);border-radius:var(--radius-btn);color:var(--gold-light);font-size:11px;padding:3px 10px;cursor:pointer;margin-left:6px}.settings-popup-body .set-mini-btn:hover{border-color:var(--gold);color:var(--gold)}.settings-popup-body .set-shensha-section{margin-bottom:10px}.settings-popup-body .set-shensha-head{display:flex;align-items:center;gap:4px;margin-bottom:6px}.settings-popup-body .set-shensha-title{font-size:12px;color:var(--text-secondary);margin-right:auto}.settings-popup-body .set-shensha-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px 8px}.settings-popup-body .set-shensha-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);cursor:pointer}.settings-popup-body .set-shensha-cb{accent-color:var(--gold);width:13px;height:13px;flex-shrink:0}.settings-popup-body .set-shensha-cat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.settings-popup-body .set-shensha-cat-swatches{display:flex;flex-wrap:wrap;gap:10px}.settings-popup-body .set-shensha-cat-swatch{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.settings-popup-body .set-shensha-cat-dot{width:12px;height:12px;border-radius:50%;background:var(--text-muted);display:inline-block}.settings-popup-body .set-shensha-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:240px;overflow-y:auto;padding:4px 2px}.settings-popup-body .set-shensha-chip{background:color-mix(in srgb,var(--chip-color, #8E8E93) 15%,transparent);border:1px solid color-mix(in srgb,var(--chip-color, #8E8E93) 50%,transparent);border-radius:var(--radius-btn);color:var(--text-primary);font-size:11px;padding:3px 8px;cursor:pointer}.settings-popup-body .set-color-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.settings-popup-body .set-color-input{width:32px;height:24px;padding:0;border:1px solid var(--border-subtle);border-radius:4px;background:none;cursor:pointer}.settings-popup-body .set-color-name{font-size:12px;color:var(--text-secondary);width:24px}.settings-popup-body .set-color-hex{font-size:11px;color:var(--text-muted)}.settings-popup-body .set-reset-colors{margin-top:6px}.settings-popup-body .set-cloud-actions{display:flex;gap:10px}.settings-popup-body .set-cloud-actions .btn{flex:1;justify-content:center;font-size:12px;padding:8px}.settings-popup-body .set-cloud-status{display:block;margin-top:8px;font-size:12px;color:var(--gold-light)}.settings-actions{margin-top:16px;display:flex;justify-content:flex-end}.lib-left-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.lib-left-title{font-family:var(--font-serif);font-size:16px;color:var(--text-primary)}.sidebar-toggle{background:var(--bg-icon);border:1px solid var(--border-subtle);border-radius:var(--radius-btn);color:var(--text-secondary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.sidebar-toggle:hover{border-color:var(--border-gold-70);color:var(--text-primary)}.lib-grid.collapsed{grid-template-columns:44px 1fr}.lib-grid.collapsed .lib-left{overflow:hidden}.lib-grid.collapsed .lib-left-top>:not(.lib-left-header){display:none}.lib-grid.collapsed .lib-left>:not(.lib-left-top){display:none}.lib-grid.collapsed .lib-left-header{margin-bottom:0;justify-content:center}.lib-grid.collapsed .lib-left-title{display:none}.filter-toggle-btn{background:var(--bg-icon);border:1px solid var(--border-subtle);border-radius:var(--radius-btn);color:var(--text-secondary);padding:6px 14px;font-size:13px;font-family:var(--font-sans);cursor:pointer;width:100%;text-align:left;transition:all .15s ease;margin-bottom:8px}.filter-toggle-btn:hover{border-color:var(--border-gold-70);color:var(--text-primary)}.filter-toggle-btn.open{color:var(--gold);border-color:var(--border-gold-35)}.lib-grid{transition:grid-template-columns .25s ease}.lib-left{transition:width .25s ease,opacity .25s ease}@media (min-width: 1081px){.lib-left{position:sticky;top:calc(var(--header-height) + 12px);max-height:calc(100vh - var(--header-height) - 24px);overflow-y:auto;scrollbar-gutter:stable}.lib-left-top{position:sticky;top:0;z-index:2;background:var(--bg-deep);padding-bottom:4px;margin-bottom:4px}.detail-chart-col{position:sticky;top:calc(var(--header-height) + 12px);align-self:flex-start;max-height:calc(100vh - var(--header-height) - 24px);overflow:visible}.detail-info-col{position:sticky;top:calc(var(--header-height) + 12px);align-self:flex-start;max-height:calc(100vh - var(--header-height) - 24px);overflow-y:auto;scrollbar-gutter:stable}}.lm-overlay{position:fixed;inset:0;z-index:300;background:#0009;display:flex;align-items:center;justify-content:center}.lm-overlay[hidden]{display:none}.lm-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:24px;max-width:420px;width:calc(100% - 48px);box-shadow:0 8px 32px #0006}.lm-title{font-family:var(--font-serif);font-size:16px;color:var(--text-primary);margin-bottom:12px}.lm-text{font-size:13px;line-height:1.7;color:var(--text-secondary);margin:0 0 20px;white-space:pre-wrap}.lm-actions{display:flex;gap:12px;justify-content:flex-end}.lm-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;font-size:13px;font-family:var(--font-sans);border-radius:var(--radius-btn);cursor:pointer;transition:all .15s ease}.lm-btn-primary{background:var(--gold);color:var(--bg-deep);border:1px solid var(--gold)}.lm-btn-primary:hover{filter:brightness(1.06)}.lm-btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.lm-btn-ghost:hover{border-color:var(--border-gold-70);color:var(--text-primary)}