:root{--ink: #1F2933;--ink-soft: #4A555F;--paper: #FFFFFF;--paper-warm: #F7F5F0;--line: #D9D4CB;--line-strong: #948A76;--surface-raised: #FFFFFF;--surface-raised-border: #D9D4CB;--surface-card: #FFFFFF;--accent: #1E5C46;--accent-ink: #14402F;--accent-soft: #E7F0EA;--flag: #A34A2A;--flag-light: #FFF0EB;--flag-border: #FFD6CC;--sponsor: #8C6B3F;--muted: #647079;--brand-warm: #C8763F;--brand-warm-soft: #FBF0E4;--shadow-card: 0 1px 3px rgba(31, 41, 51, .1);--shadow-card-lg: 0 2px 4px rgba(31, 41, 51, .06), 0 12px 24px -8px rgba(31, 41, 51, .18);--radius-xs: 2px;--radius-sm: 3px;--radius-control: 6px;--radius-lg: 8px;--warn-bg: #FBEFE4;--warn-ink: #7A3A1F;--danger: #B3261E;--danger-light: #FBEAE8;--success: #2E7D57;--success-light: #EBF5F0;--info-bg: #EFF6FF;--info-ink: #1D4ED8;--info-border: #BFDBFE;--special-bg: #F3E8FF;--special-ink: #7E22CE;--star: #B45309;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--text-hero: clamp(28px, 6.2vw, 52px);--text-3xl: 32px;--text-2xl: 24px;--text-xl: 20px;--text-lg: 18px;--text-md: 16px;--text-base: 14px;--text-sm: 13px;--text-xs: 12px;--btn-primary-bg: var(--accent);--btn-primary-ink: var(--paper);--btn-primary-bg-hover: var(--accent-ink);--on-accent: #FFFFFF;--on-flag: #FFFFFF;--on-success: #FFFFFF;--tap-min: 44px;--motion-fast: .15s;--motion-base: .2s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: #EDE8DE;--ink-soft: #C4BDB0;--paper: #181716;--paper-warm: #201F1B;--line: #3B382E;--line-strong: #706A5A;--surface-raised: #292723;--surface-raised-border: #4A4640;--surface-card: #262421;--accent: #4B9C7B;--accent-ink: #7FC4A6;--accent-soft: #1E2B25;--flag: #C97A54;--flag-light: #2E211A;--flag-border: #4A3226;--sponsor: #C49A6C;--muted: #9B9488;--brand-warm: #E09A63;--brand-warm-soft: #2B2119;--warn-bg: #2E2419;--warn-ink: #E8B98C;--danger: #E8776F;--danger-light: #2E1C1A;--success: #5FB08C;--success-light: #1E2D26;--info-bg: #172554;--info-ink: #93C5FD;--info-border: #1E3A8A;--special-bg: #3B0764;--special-ink: #D8B4FE;--star: #FBBF24;--btn-primary-bg: #2F7A5C;--btn-primary-ink: #F2F7F4;--btn-primary-bg-hover: #256349;--on-accent: #181716;--on-flag: #181716;--on-success: #181716;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 24px -12px rgba(0, 0, 0, .6);--shadow-card-lg: 0 2px 4px rgba(0, 0, 0, .5), 0 16px 32px -10px rgba(0, 0, 0, .7)}}:root[data-theme=dark]{--ink: #EDE8DE;--ink-soft: #C4BDB0;--paper: #181716;--paper-warm: #201F1B;--line: #3B382E;--line-strong: #706A5A;--surface-raised: #292723;--surface-raised-border: #4A4640;--surface-card: #262421;--accent: #4B9C7B;--accent-ink: #7FC4A6;--accent-soft: #1E2B25;--flag: #C97A54;--flag-light: #2E211A;--flag-border: #4A3226;--sponsor: #C49A6C;--muted: #9B9488;--brand-warm: #E09A63;--brand-warm-soft: #2B2119;--warn-bg: #2E2419;--warn-ink: #E8B98C;--danger: #E8776F;--danger-light: #2E1C1A;--success: #5FB08C;--success-light: #1E2D26;--info-bg: #172554;--info-ink: #93C5FD;--info-border: #1E3A8A;--special-bg: #3B0764;--special-ink: #D8B4FE;--star: #FBBF24;--btn-primary-bg: #2F7A5C;--btn-primary-ink: #F2F7F4;--btn-primary-bg-hover: #256349;--on-accent: #181716;--on-flag: #181716;--on-success: #181716;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 24px -12px rgba(0, 0, 0, .6);--shadow-card-lg: 0 2px 4px rgba(0, 0, 0, .5), 0 16px 32px -10px rgba(0, 0, 0, .7)}*,*:before,*:after{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Noto Sans TC,-apple-system,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-variant-numeric:tabular-nums;overflow-x:hidden}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.focus-no-ring:focus-visible{outline:2px solid transparent}.surface-card{background-color:var(--surface-card);border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow-card-lg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:1152px;margin-inline:auto;padding-inline:var(--space-4)}.container--narrow{max-width:992px}.container--form{max-width:752px}.book-title-serif{font-family:"Noto Serif TC",serif;font-weight:700;overflow-wrap:anywhere;word-break:break-word}.section-heading{font-size:var(--text-xl);font-weight:700;color:var(--ink);margin:0 0 var(--space-5)}.section-heading:after{content:"";display:block;width:36px;height:3px;margin-top:10px;background:var(--accent)}@media(max-width:768px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}.stamp-tag{position:absolute;border:1px solid var(--line-strong);background:var(--surface-card);box-shadow:var(--shadow-card);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);font-family:"Noto Serif TC",serif;font-weight:700;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.book-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:100%;padding:var(--space-4) var(--space-3);text-align:center;background-color:var(--paper-warm);background-image:repeating-linear-gradient(to bottom,transparent 0 7px,rgba(148,138,118,.16) 7px 8px);font-family:"Noto Serif TC",serif;color:var(--ink-soft);container-type:inline-size;overflow:hidden}.book-placeholder .bp-title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;font-weight:700;font-size:clamp(11px,9cqi,20px);line-height:1.35;padding-block:clamp(4px,3cqi,10px);border-block:1px solid var(--line-strong);max-width:100%}.book-placeholder .bp-author{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;font-family:Noto Sans TC,sans-serif;font-size:clamp(9px,6cqi,13px);line-height:1.4;color:var(--muted);max-width:100%}.book-placeholder .bp-isbn{font-family:Noto Sans TC,sans-serif;font-size:clamp(8px,4.5cqi,12px);letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums}@container (max-width: 50px){.book-placeholder .bp-title,.book-placeholder .bp-author,.book-placeholder .bp-isbn{display:none}}@container (max-width: 120px){.book-placeholder .bp-author,.book-placeholder .bp-isbn{display:none}}.empty-note{color:var(--muted);font-size:var(--text-base);text-align:center;padding:var(--space-5);margin:0}.empty-state{border:1px dashed var(--line-strong);background:var(--paper-warm);padding:var(--space-7);text-align:center;color:var(--muted)}.discover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-6) var(--space-5);align-items:start;container-type:inline-size}@media(max-width:640px){.discover-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-5) var(--space-3)}}@container (min-width: 800px){.discover-grid.has-feature>*:first-child{grid-column:span 2;grid-row:span 2}}.hover-card{transition:transform var(--motion-base) ease,box-shadow var(--motion-base) ease}.hover-card:hover{transform:translateY(-2px)}.hover-card.hover-card-surface:hover{box-shadow:var(--shadow-card-lg)}.hover-card:hover .hover-card-cover{box-shadow:var(--shadow-card-lg);transform:rotate(-.5deg)}.card-subtext{display:block;margin:0;font-size:var(--text-sm);color:var(--muted)}.tile-conditions{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.cond-chip{display:inline-flex;align-items:center;padding:1px var(--space-2);background-color:var(--paper-warm);border:1px solid var(--line-strong);border-radius:999px;font-size:var(--text-xs);color:var(--ink-soft);white-space:nowrap}.table-container{background:var(--surface-card);border:1px solid var(--line);border-radius:8px;overflow-x:auto;box-shadow:var(--shadow-card)}.admin-filters{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:24px}.admin-filters ui-search-bar{flex:1;min-width:240px}.admin-filters ui-dropdown .dropdown-wrapper{margin-bottom:0}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-base);min-width:720px}.admin-table th,.admin-table td{padding:10px 12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.admin-table td.nowrap,.admin-table th.nowrap{white-space:nowrap}.admin-table th{background:var(--paper-warm);font-weight:600;color:var(--muted)}.admin-table tr:last-child td{border-bottom:none}.admin-table-clickable tbody tr{cursor:pointer}.admin-table-clickable tbody tr:hover{background:var(--paper-warm)}.back-link{display:inline-block;margin-bottom:16px;color:var(--muted);text-decoration:none;font-size:var(--text-base)}.back-link:hover{color:var(--accent)}.app-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.app-modal{background:var(--surface-raised);border:1px solid var(--surface-raised-border);padding:0;border-radius:8px;display:flex;flex-direction:column;max-height:95vh;box-shadow:var(--shadow-card-lg)}.app-modal-title{padding:24px 24px 0;margin:0;flex-shrink:0}.app-modal-body{padding:24px;overflow-y:auto;flex:1}.app-modal-actions{padding:0 24px 24px;margin-top:0!important;flex-shrink:0;display:flex;justify-content:flex-end;gap:12px}.admin-badge{padding:4px 8px;border-radius:4px;font-size:var(--text-xs);font-weight:600}.admin-badge-success{background:var(--success-light);color:var(--success)}.admin-badge-error{background:var(--danger-light);color:var(--danger)}.admin-form-control{width:100%;padding:8px 12px;border:1px solid var(--line-strong);border-radius:4px;box-sizing:border-box;background:var(--paper);color:var(--ink)}.admin-status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:var(--text-xs);background:var(--paper-warm);color:var(--muted)}.admin-status-badge.active,.admin-status-badge.ok{background:var(--info-bg);color:var(--info-ink)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .admin-status-badge.active,:root:not([data-theme=light]) .admin-status-badge.ok{background:var(--info-border);color:var(--info-ink)}}:root[data-theme=dark] .admin-status-badge.active,:root[data-theme=dark] .admin-status-badge.ok{background:var(--info-border);color:var(--info-ink)}.form-group{margin-bottom:var(--space-4, 16px)}.form-group label{display:block;margin-bottom:var(--space-2, 8px);font-size:var(--text-sm, 14px);font-weight:500}.inline-msg{padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-sm, 4px);margin:var(--space-3, 12px) 0;font-size:var(--text-sm, 14px);background-color:var(--success-light);color:var(--success)}.inline-msg.error{background-color:var(--danger-light);color:var(--danger)}.inline-msg.ok{background-color:var(--success-light);color:var(--success)}.w-full{width:100%}.flex-1{flex:1}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-7{margin-bottom:var(--space-7)}.mb-8{margin-bottom:var(--space-8)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}