.book-section { max-width: 1220px; }.book-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }.book-header h2 { margin: 0; font-size: 23px; }.book-header p:not(.eyebrow) { margin: 8px 0 0; color: var(--muted); font-size: 13px; }.book-header-actions { display: flex; align-items: center; gap: 10px; }.book-count { padding: 7px 10px; border-radius: 999px; color: #786149; background: #f7efe6; font-size: 12px; font-weight: 700; white-space: nowrap; }.import-book-button { display: inline-flex; align-items: center; cursor: pointer; white-space: nowrap; }.book-tools { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }.book-search { display: flex; align-items: center; gap: 8px; min-width: 270px; padding: 0 11px; border: 1px solid var(--line); border-radius: 9px; color: #75849a; background: #fff; }.book-search input { width: 100%; padding: 11px 0; border: 0; outline: 0; color: var(--ink); background: transparent; }.book-zone-buttons { display: flex; gap: 7px; }.book-zone-buttons .choice-button { flex: 0 0 auto; padding: 8px 12px; }.book-content { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(310px, .75fr); gap: 17px; align-items: start; }.book-table-wrap { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: #fff; }.book-table { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: left; }.book-table th { padding: 11px 12px; color: #718096; background: #f8fafc; font-size: 11px; font-weight: 700; white-space: nowrap; }.book-table th:nth-child(1) { width: 22%; }.book-table th:nth-child(2) { width: 11%; }.book-table th:nth-child(3) { width: 10%; }.book-table th:nth-child(4) { width: 18%; }.book-table th:nth-child(5) { width: 27%; }.book-table th:nth-child(6) { width: 12%; }.book-table td { overflow: hidden; padding: 10px 12px; border-top: 1px solid #edf0f4; color: #5c697b; font-size: 12px; line-height: 1.35; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }.book-table tbody tr { cursor: pointer; }.book-table tbody tr:hover,.book-table tbody tr.selected { background: #faf7f2; }.book-table td:first-child { color: #283444; font-weight: 800; }.book-table .price { color: #9b6137; font-weight: 800; }.book-empty { padding: 35px; color: var(--muted); text-align: center; }.book-detail { position: sticky; top: 20px; display: grid; gap: 19px; margin: 0; padding: 20px; border: 1px solid #eadfce; border-radius: 13px; background: #fffcf8; }.book-detail h3 { margin: 0; color: #3d342d; font-size: 20px; }.book-detail-meta { margin: 8px 0 0; color: #8a715a; font-size: 13px; }.book-detail-grid { display: grid; grid-template-columns: 1fr; gap: 11px; }.book-detail-item { color: #788495; font-size: 11px; }.book-detail-item strong { display: block; margin-top: 3px; color: #3d4856; font-size: 12px; font-weight: 700; line-height: 1.45; }.book-footnote { margin: 14px 0 0; color: #8591a2; font-size: 12px; line-height: 1.65; }
@media (max-width: 980px) { .book-content { grid-template-columns: 1fr; }.book-table-wrap { overflow-x: auto; }.book-table { min-width: 780px; }.book-detail { position: static; } } @media (max-width: 580px) { .book-header,.book-tools { display: grid; }.book-header-actions { justify-content: space-between; }.book-zone-buttons { flex-wrap: wrap; }.book-header-actions { display: grid; }.book-search { min-width: auto; } }

.book-content { display: block; }
#bookDialog { width: min(1040px, calc(100% - 32px)); max-height: calc(100vh - 32px); overflow: auto; color: #3d4856; background: #fbfcfe; }
.book-dialog-content { padding: 30px; }
.book-dialog-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-bottom: 19px; border-bottom: 1px solid #e3e9f1; }
.book-dialog-header h2 { margin: 4px 0 0; color: #2c3b4c; font-size: 26px; }
.book-dialog-close { width: 36px; height: 36px; border: 0; border-radius: 9px; color: #627389; background: #edf2f8; font-size: 24px; line-height: 1; }
.book-dialog-meta { margin: 8px 0 0; color: #7b899a; font-size: 13px; }
.book-dialog-section { margin-top: 22px; }
.book-dialog-section h3 { margin: 0 0 11px; color: #42546a; font-size: 15px; }
.book-stats-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.book-stat-item { padding: 12px; border: 1px solid #e4eaf2; border-radius: 9px; background: #fff; }
.book-stat-item span { display: block; color: #8190a2; font-size: 11px; }.book-stat-item strong { display: block; margin-top: 5px; color: #3d4b5d; font-size: 13px; line-height: 1.55; }
.book-highlight-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.book-highlight-box { padding: 15px; border-radius: 10px; }.book-highlight-box.pro { background: #edf8f1; }.book-highlight-box.con { background: #fff2f2; }.book-highlight-box h4 { margin: 0 0 8px; font-size: 14px; }.book-highlight-box ul { margin: 0; padding-left: 18px; }.book-highlight-box li { margin: 5px 0; color: #536276; font-size: 13px; line-height: 1.55; }
.book-text-block { padding: 14px 15px; border: 1px solid #e7ecf2; border-radius: 9px; background: #fff; }.book-text-block + .book-text-block { margin-top: 10px; }.book-text-block h4 { margin: 0 0 7px; color: #40546a; font-size: 14px; }.book-text-block p { margin: 0; color: #59697d; font-size: 13px; line-height: 1.75; white-space: pre-line; }
.book-notes { display: grid; gap: 9px; }.book-note { padding: 12px 14px; border: 1px solid #f0deb0; border-radius: 8px; color: #76612c; background: #fff9e8; font-size: 13px; line-height: 1.65; }.book-sources { display: grid; gap: 7px; margin: 0; padding-left: 18px; }.book-sources a { color: #436bd0; font-size: 12px; overflow-wrap: anywhere; }
@media (max-width: 700px) { .book-dialog-content { padding: 20px; }.book-stats-grid { grid-template-columns: 1fr 1fr; }.book-highlight-grid { grid-template-columns: 1fr; } } @media (max-width: 460px) { .book-stats-grid { grid-template-columns: 1fr; } }