:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f5f1;--surface:#fff;--surface-2:#efede7;--border:#dedbd2;--text:#1e2124;--text-muted:#5f656b;--accent:#2f6f68;--accent-hover:#265a54;--on-accent:#fff;--accent-soft:#e2eeeb;--danger:#b3382f;--danger-hover:#8f2c25;--danger-soft:#f8e5e3;--warn-soft:#f8efd9;--warn-border:#e2cf9b;--success:#2b7a4b;--success-soft:#e1f1e7;--focus:#1a73e8;--shadow:0 1px 2px #0000000f, 0 4px 14px #0000000d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-s:6px;--radius:10px;--radius-l:14px;--font:system-ui, -apple-system, "Segoe UI", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Heiti TC", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--text-xs:.78rem;--text-s:.875rem;--text-m:1rem;--text-l:1.25rem;--text-xl:1.6rem;--content-width:72rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17191b;--surface:#202326;--surface-2:#2a2e32;--border:#363b40;--text:#e6e8ea;--text-muted:#9aa1a8;--accent:#7cc4b9;--accent-hover:#98d3ca;--on-accent:#10201d;--accent-soft:#223532;--danger:#ee8b82;--danger-hover:#f4a8a1;--danger-soft:#3a2220;--warn-soft:#382f1a;--warn-border:#6b5a2a;--success:#7fd0a0;--success-soft:#1d3326;--focus:#8ab4f8;--shadow:0 1px 2px #0006, 0 4px 14px #0000004d}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17191b;--surface:#202326;--surface-2:#2a2e32;--border:#363b40;--text:#e6e8ea;--text-muted:#9aa1a8;--accent:#7cc4b9;--accent-hover:#98d3ca;--on-accent:#10201d;--accent-soft:#223532;--danger:#ee8b82;--danger-hover:#f4a8a1;--danger-soft:#3a2220;--warn-soft:#382f1a;--warn-border:#6b5a2a;--success:#7fd0a0;--success-soft:#1d3326;--focus:#8ab4f8;--shadow:0 1px 2px #0006, 0 4px 14px #0000004d}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-m);margin:0;line-height:1.6}h1,h2,h3{margin:0 0 var(--space-3);font-weight:650;line-height:1.3}h1{font-size:var(--text-xl)}h2{font-size:var(--text-l)}h3{font-size:var(--text-m)}p{margin:0 0 var(--space-3)}a{color:var(--accent);text-underline-offset:.15em}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-s)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-3);z-index:100;background:var(--surface);color:var(--text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);box-shadow:var(--shadow);position:absolute;top:-4rem}.skip-link:focus{top:var(--space-3)}.muted{color:var(--text-muted)}.text-error{color:var(--danger)}.mono{font-family:var(--font-mono);font-size:var(--text-s)}.nowrap{white-space:nowrap}.topbar{background:var(--surface);border-bottom:1px solid var(--border)}.topbar-inner{max-width:var(--content-width);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.brand{font-weight:700;font-size:var(--text-l);color:var(--text);letter-spacing:.01em;overflow-wrap:anywhere;text-decoration:none}.brand:hover{color:var(--accent)}.mainnav{gap:var(--space-1);flex-wrap:wrap;order:3;width:100%;display:flex}.mainnav a{color:var(--text-muted);padding:var(--space-1) var(--space-3);border-radius:999px;text-decoration:none}.mainnav a:hover{background:var(--surface-2);color:var(--text)}.mainnav a.router-link-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}@media (width>=760px){.mainnav{order:0;width:auto}}.banner{background:var(--warn-soft);border-bottom:1px solid var(--warn-border)}.banner-inner{max-width:var(--content-width);padding:var(--space-3) var(--space-4);gap:var(--space-2) var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.banner p{margin:0}.main{max-width:var(--content-width);padding:var(--space-5) var(--space-4) var(--space-7);margin:0 auto}.main:focus{outline:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.5rem;padding:var(--space-2) var(--space-4);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}:root[data-theme=dark] .btn-danger{color:#1a0a09}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-danger{color:#1a0a09}}.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover);color:inherit}.btn-ghost{color:var(--accent);background:0 0;border-color:#0000}.btn-small{min-height:2rem;padding:var(--space-1) var(--space-3);font-size:var(--text-s)}.btn-link-danger{color:var(--danger)}input[type=text],input[type=password],input[type=email],input[type=search],input[type=number],input[type=url],select,textarea{width:100%;min-height:2.5rem;padding:var(--space-2) var(--space-3);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s)}textarea{resize:vertical;min-height:5rem}input:hover,select:hover,textarea:hover{border-color:var(--text-muted)}input[type=checkbox],input[type=radio]{width:1.1rem;height:1.1rem;accent-color:var(--accent);margin:0}.select-compact{width:auto;min-height:2rem;padding:var(--space-1) var(--space-2);font-size:var(--text-s)}.field{margin-bottom:var(--space-4)}.field>label{font-weight:600;font-size:var(--text-s);margin-bottom:var(--space-1);display:block}.field-optional{margin-left:var(--space-1);font-weight:400}.hint{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--text-muted)}.check{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);cursor:pointer;display:flex}.note{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);font-size:var(--text-s);border:1px solid #0000}.note-error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.note-success{background:var(--success-soft);color:var(--success);border-color:var(--success)}.note-info{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.badge{padding:0 var(--space-2);font-size:var(--text-xs);background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;border-radius:999px;font-weight:600;line-height:1.6;display:inline-block}.badge-ok{background:var(--success-soft);color:var(--success);border-color:#0000}.badge-warn{background:var(--warn-soft);color:var(--text);border-color:var(--warn-border)}.badge-danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);margin-bottom:var(--space-5)}.card>h2:first-child{margin-bottom:var(--space-4)}.card-danger{border-color:var(--danger)}.card-narrow{max-width:28rem;margin-left:auto;margin-right:auto}.page-head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.page-head h1{margin:0}.row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.row-end{justify-content:flex-end}.stack>*+*{margin-top:var(--space-3)}.form-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.auth-intro{text-align:center;margin-bottom:var(--space-5)}.auth-intro .muted{margin:0}.auth-links{margin-top:var(--space-4);justify-content:space-between;gap:var(--space-2) var(--space-4);font-size:var(--text-s);flex-wrap:wrap;display:flex}.empty-state{text-align:center;max-width:34rem;margin:var(--space-7) auto;padding:0 var(--space-3)}.empty-state p{color:var(--text-muted)}dl.facts{gap:var(--space-2) var(--space-4);grid-template-columns:max-content 1fr;margin:0;display:grid}dl.facts dt{color:var(--text-muted);font-size:var(--text-s)}dl.facts dd{overflow-wrap:anywhere;margin:0}.filters{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:1fr;align-items:end;display:grid}.filters .field,.filters .check{margin-bottom:0}@media (width>=720px){.filters{grid-template-columns:minmax(12rem,2fr) 1fr 1fr auto}}.book-grid{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=420px){.book-grid{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}}.book-card{color:inherit;text-decoration:none;display:block}.book-card:hover .book-title{color:var(--accent)}.cover{aspect-ratio:2/3;background:var(--surface-2);border-radius:var(--radius-s);border:1px solid var(--border);width:100%;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-placeholder{color:var(--text-muted);place-items:center;font-size:2.5rem;font-weight:700;display:grid;position:absolute;inset:0}.cover-wrap{position:relative}.cover-wrap .badge{top:var(--space-2);left:var(--space-2);position:absolute}.cover-wrap .badge-stack{top:var(--space-2);left:var(--space-2);gap:var(--space-1);flex-direction:column;align-items:flex-start;display:flex;position:absolute}.cover-wrap .badge-stack .badge{position:static}.book-title{margin:var(--space-2) 0 0;font-weight:600;font-size:var(--text-s);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.book-meta{font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.progress{background:var(--surface-2);height:4px;margin:var(--space-2) 0 var(--space-1);border-radius:999px;overflow:hidden}.progress>span{background:var(--accent);height:100%;display:block}.progress-lg{height:8px;margin:0}.load-more{margin-top:var(--space-6);justify-content:center;display:flex}.detail{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:1fr;display:grid}.detail-cover{max-width:11rem}@media (width>=640px){.detail{grid-template-columns:12rem 1fr}.detail-cover{max-width:none}}.detail h1{overflow-wrap:anywhere}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:var(--text-s)}table.data caption{text-align:left;padding:var(--space-3);font-weight:600}table.data th,table.data td{padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}table.data thead th{background:var(--surface-2);white-space:nowrap;font-weight:600;position:sticky;top:0}table.data tbody tr:last-child td{border-bottom:0}table.data tbody tr:hover{background:color-mix(in srgb, var(--surface-2) 55%, transparent)}table.data td.num,table.data th.num{text-align:right}.cell-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.pager{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-s);flex-wrap:wrap;display:flex}.pager-buttons{gap:var(--space-2);display:flex}.toolbar-row{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:end;display:flex}.toolbar-row .field{flex:14rem;margin-bottom:0}.subnav{gap:var(--space-1);margin-bottom:var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.subnav a{padding:var(--space-2) var(--space-3);color:var(--text-muted);border-bottom:2px solid #0000;margin-bottom:-1px;text-decoration:none}.subnav a:hover{color:var(--text)}.subnav a.router-link-exact-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.stats{gap:var(--space-3);margin:0 0 var(--space-5);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));padding:0;list-style:none;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.stat-value{font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:650;line-height:1.2}.stat-label{font-size:var(--text-s);color:var(--text-muted)}.kind-list{margin:var(--space-3) 0 0;gap:var(--space-2) var(--space-5);font-size:var(--text-s);flex-wrap:wrap;padding:0;list-style:none;display:flex}.code-box{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.code-box code{padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-s);font-family:var(--font-mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;flex:14rem}pre.json{max-width:28rem;max-height:14rem;font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface-2);padding:var(--space-2);border-radius:var(--radius-s);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow:auto}.dialog{width:min(32rem,100vw - 2rem);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow);padding:0}.dialog::backdrop{background:#00000073}.dialog-body{padding:var(--space-5)}.dialog-title{font-size:var(--text-l)}.dialog-message{color:var(--text-muted)}.dialog-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:no-preference){.btn,.progress>span{transition:background-color .12s,border-color .12s,width .2s}}.subnav button{padding:var(--space-2) var(--space-3);font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px}.subnav button:hover{color:var(--text)}.subnav button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.share-list,.user-list{margin:0 0 var(--space-4);padding:0;list-style:none}.share-card{gap:var(--space-4);margin-bottom:var(--space-3);grid-template-columns:5.5rem minmax(0,1fr);display:grid}.share-title{font-size:var(--text-lg,1.125rem);overflow-wrap:anywhere;margin:0}.share-body>p{margin:var(--space-1) 0}.share-message{margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--border);background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere}.share-url{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.user-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.user-row:last-child{border-bottom:0}.pick-list{max-height:14rem;margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius,.5rem);overflow-y:auto}.pick-list .check{margin:var(--space-1) 0}.stars{color:#c98a00;letter-spacing:.05em;white-space:nowrap}.stars-off{opacity:.25}.star-picker{gap:var(--space-1) var(--space-3);margin:0 0 var(--space-4);border:0;flex-wrap:wrap;padding:0;display:flex}.star-picker legend{margin-bottom:var(--space-1);font-weight:600;font-size:var(--text-s);padding:0}.star-option{align-items:center;gap:var(--space-1);cursor:pointer;display:inline-flex}.work-rating{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.work-average{font-size:var(--text-xl)}.review{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.review-mine{background:var(--accent-soft);padding-left:var(--space-3);padding-right:var(--space-3);border-radius:var(--radius-s)}.review-head{align-items:center;gap:var(--space-2) var(--space-3);margin:0 0 var(--space-2);flex-wrap:wrap;display:flex}.review-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.spoiler-fold{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-2);border-radius:var(--radius-s);flex-wrap:wrap;display:flex}.md{overflow-wrap:anywhere}.md p{margin:0 0 var(--space-2)}.md blockquote{margin:0 0 var(--space-2);padding:var(--space-1) var(--space-3);border-left:3px solid var(--border);color:var(--text-muted)}.md ul{margin:0 0 var(--space-2);padding-left:var(--space-5)}.md code{padding:0 var(--space-1);font-family:var(--font-mono);background:var(--surface-2);border-radius:4px;font-size:.92em}.replies{margin-top:var(--space-3);padding-left:var(--space-4);border-left:2px solid var(--border)}.reply-list{margin:0 0 var(--space-3);padding:0;list-style:none}.reply{padding:var(--space-2) 0}.reply-form{margin-top:var(--space-3)}.char-count{text-align:right}.review-work{gap:var(--space-4);grid-template-columns:5.5rem minmax(0,1fr);display:grid}.mod-item .mod-target{margin:var(--space-3) 0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--border);background:var(--surface-2)}
