.site{background:var(--color-bg);flex-direction:column;max-width:100%;min-height:100vh;display:flex}.page-banner{background:var(--color-bg-secondary);position:relative}.page-banner-overlay{z-index:0;background:#0009;position:absolute;inset:0}.page-header{z-index:1;padding:3rem 2rem 2rem;position:relative}.page-icon{border-radius:var(--radius-md);background:var(--trans-purple-bg);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1rem;display:flex}.page-title{color:var(--color-text-primary);text-shadow:0 1px 8px #000c;margin-bottom:6px;font-family:Noto Serif SC,serif;font-size:42px;font-weight:500}.page-sub{color:#ffffffbf;text-shadow:0 1px 6px #000000b3;font-family:LXGW WenKai,serif;font-size:20px}.toolbar{border-bottom:.5px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{color:var(--color-text-secondary);border:.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:6px 12px;font-family:LXGW WenKai,serif;font-size:16px;transition:background .15s,color .15s}.tab:hover{background:var(--color-bg-secondary)}.tab.active{background:var(--trans-purple-bg,#6b4308);color:#fff;border-color:#0000}.toolbar-right{align-items:center;gap:.625rem;display:flex}.search-box{background:var(--color-bg-secondary);border:.5px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:6px;padding:6px 10px;display:flex}.search-box i{color:var(--color-text-tertiary);font-size:16px}.search-box input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:160px;font-family:LXGW WenKai,serif;font-size:16px}.sort-select{background:var(--color-bg-secondary);border:.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);padding:6px 10px;font-family:LXGW WenKai,serif;font-size:16px}.trans-list{flex-direction:column;display:flex}.trans-row{border-bottom:.5px solid var(--color-border);grid-template-columns:100px 1fr 160px 18px;align-items:center;gap:1.25rem;padding:1rem 2rem;text-decoration:none;transition:background .15s;display:grid}.trans-row:hover{background:var(--color-bg-secondary)}.trans-thumb{border-radius:var(--radius-md);background-color:var(--color-bg-secondary);background-position:50%;background-size:cover;width:100px;height:70px}.trans-body{min-width:0}.trans-title{color:var(--color-text-primary);margin-bottom:2px;font-family:Noto Serif SC,serif;font-size:24px;font-weight:500}.trans-author{color:var(--color-text-tertiary);margin-bottom:4px;font-family:LXGW WenKai,serif;font-size:14px}.trans-desc{color:var(--color-text-secondary);font-family:LXGW WenKai,serif;font-size:16px;line-height:1.5}.trans-meta{color:var(--color-text-tertiary);white-space:nowrap;text-align:left;flex-direction:column;gap:4px;font-family:LXGW WenKai,serif;font-size:14px;display:flex}.trans-meta i{vertical-align:-1px;margin-right:3px;font-size:15px}.trans-arr{color:var(--color-text-tertiary);font-size:18px}.trans-empty{text-align:center;color:var(--color-text-tertiary);padding:3rem 2rem;font-family:LXGW WenKai,serif;font-size:14px}.pagination{justify-content:center;gap:6px;padding:1.5rem;display:flex}.page-btn{border-radius:var(--radius-md);border:.5px solid var(--color-border);background:var(--color-bg-secondary);min-width:30px;height:30px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:18px;display:flex}.page-btn.active{background:var(--trans-purple-bg,#6b4308);color:#fff;border-color:#0000}.page-btn:disabled{opacity:.4;cursor:not-allowed}.site-footer{border-top:.5px solid var(--color-border);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;margin-top:auto;padding:.875rem 2rem;display:flex}.footer-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.footer-copy{color:var(--color-text-tertiary);font-size:.82rem}.footer-github{color:var(--color-text-tertiary);font-size:18px;text-decoration:none;transition:color .15s}.footer-github:hover{color:var(--color-text-primary)}.footer-quote{color:var(--color-text-tertiary);white-space:pre-line;font-family:LXGW WenKai,serif;font-size:.8rem;font-style:italic}@media (width<=800px){.page-header{padding:1.5rem 1rem 1.25rem}.toolbar{flex-direction:column;align-items:stretch;padding:1rem}.toolbar-right{flex-direction:column;align-items:stretch}.search-box input{width:100%}.trans-row{grid-template-columns:70px 1fr;grid-template-areas:"thumb body""meta meta";padding:1rem}.trans-thumb{width:70px;height:56px}.trans-arr{display:none}.trans-meta{flex-flow:wrap;grid-area:meta;margin-top:6px}.site-footer{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1rem}.footer-quote{font-size:.75rem}}