*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 'Seelook Yuan','Microsoft YaHei',sans-serif}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a,input{color:inherit}a{text-decoration:none}svg{display:block;flex:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.skip{position:fixed;left:12px;top:-80px;z-index:20;background:var(--surface);padding:10px}.skip:focus{top:10px}
.workspace{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh}.content-shell{min-width:0}.sidebar{position:sticky;top:0;height:100dvh;padding:22px 14px;background:var(--panel);border-right:1px solid var(--edge);overflow:auto;z-index:6}.sidebar-head{display:flex;align-items:center;gap:5px;margin-bottom:40px;min-height:44px}.brand{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:20px;font-weight:650}.brand img{flex:none;object-fit:contain}.brand-english{font-size:24px;letter-spacing:-.5px}.icon-button{display:grid;place-items:center;border:0;border-radius:8px;min-width:36px;min-height:44px;padding:8px;background:transparent;color:var(--secondary)}.icon-button:hover{background:var(--hover)}#collapse{margin-left:auto;min-width:27px;padding:5px}.drawer-close,.mobile-menu,.mobile-brand{display:none}#sidebar-nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:8px;color:var(--secondary);font-size:13px}.nav-item:hover{background:var(--hover)}.nav-item[aria-current=page]{background:var(--selected);color:var(--strong)}.nav-item:last-child{margin-top:24px}.top{display:flex;justify-content:flex-end;align-items:center;height:76px;padding:0 36px;background:var(--bg)}.top-left{margin-right:auto;display:flex;gap:6px;align-items:center}.theme-switch{padding:3px;border-radius:9px}.theme-switch button{min-height:38px;min-width:48px;border:0;font-size:11px}.theme-switch button[aria-pressed=true]{background:var(--surface);color:var(--strong)}
main{max-width:1640px;margin:auto;padding:36px clamp(24px,3.5vw,56px) 40px}.search{display:flex;align-items:center;gap:8px;width:min(100%,740px);min-height:62px;padding:6px 8px 6px 24px;border:1px solid var(--edge);border-radius:999px;margin:0 auto 48px;background:var(--search);box-shadow:none}.search:focus-within{border-color:var(--secondary);box-shadow:none}.search input{border:0;outline:none;flex:1;min-width:0;width:100%;padding:8px 0;font-size:14px;background:transparent;color:var(--ink)}.search input::placeholder{color:var(--faint)}.search input::-webkit-search-cancel-button{display:none}.search-submit{display:grid;place-items:center;flex:none;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:var(--button);color:var(--button-text)}.search-submit:hover{background:var(--button-hover)}.clear-search{min-width:38px;min-height:38px;padding:8px}.masonry{columns:4;column-gap:18px}.masonry-placeholder{break-inside:avoid;display:block;width:100%;aspect-ratio:4/5;margin:0 0 18px;border:1px solid var(--edge);border-radius:10px;background:var(--panel)}.masonry-placeholder:nth-child(4n+1){aspect-ratio:4/5.8}.masonry-placeholder:nth-child(4n+2){aspect-ratio:4/3.5}.masonry-placeholder:nth-child(4n+3){aspect-ratio:4/4.5}.masonry-placeholder:nth-child(4n){aspect-ratio:4/6.2}
@media(min-width:1800px){.masonry{columns:5}}@media(max-width:1200px){.masonry{columns:3}}@media(min-width:761px){.collapsed{grid-template-columns:64px minmax(0,1fr)}.collapsed .sidebar{padding-inline:10px}.collapsed .brand-name,.collapsed .nav-label{display:none}.collapsed .sidebar-head{position:relative;justify-content:center}.collapsed .sidebar-brand img{width:36px;height:36px}.collapsed #collapse{position:absolute;inset:0;width:44px;background:transparent;color:transparent}.collapsed #collapse:is(:hover,:focus-visible){background:var(--selected);color:var(--ink)}.collapsed .sidebar-head:has(#collapse:is(:hover,:focus-visible)) .sidebar-brand{visibility:hidden}.collapsed .nav-item{justify-content:center;padding:10px}.collapsed #collapse svg{transform:scaleX(-1)}}
@media(max-width:760px){.workspace,.workspace.collapsed{display:block}.sidebar{display:none;position:fixed;left:0;width:248px;height:100dvh;padding:18px 14px;background:var(--panel)}.sidebar.open{display:block}.sidebar-head{margin-bottom:32px}#collapse{display:none}.drawer-close,.mobile-menu{display:grid}.drawer-close{margin-left:auto}.mobile-brand{display:flex;font-size:16px;gap:5px}.mobile-brand img{width:27px;height:27px}.top{height:64px;padding:0 14px;gap:8px}.theme-switch button{min-height:38px;min-width:42px;padding:5px 8px}.drawer-backdrop{position:fixed;z-index:5;inset:0;border:0;background:var(--scrim);width:100%;height:100%}main{padding:28px 18px}.search{min-height:58px;padding:5px 6px 5px 20px;margin-bottom:30px}.search input{font-size:14px}.search-submit{width:44px;height:44px}.masonry{columns:2;column-gap:12px}.masonry-placeholder{margin-bottom:12px;border-radius:8px}}
.nav-section{display:grid;gap:8px}.nav-section+.nav-section{margin-top:24px}.nav-heading{display:flex;align-items:center;gap:11px;min-height:46px;padding:10px 12px;border-radius:8px;font-size:16px;font-weight:650;color:var(--ink)}.nav-heading:hover{background:var(--hover)}.nav-heading[aria-current=page]{background:var(--selected)}.nav-children{display:grid;gap:2px}.nav-children .nav-item{min-height:40px;padding:8px 12px 8px 21px;font-size:13px}.nav-children .nav-item:last-child{margin-top:0}.nav-dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.35;margin:0 7px}.collapsed .nav-heading{justify-content:center;padding:10px}.collapsed .nav-heading .nav-label,.collapsed .nav-children{display:none}@media(max-width:760px){.collapsed .nav-heading{justify-content:flex-start;padding:10px 12px}.collapsed .nav-heading .nav-label{display:inline}.collapsed .nav-children{display:grid}.sidebar .nav-item{min-height:40px}.sidebar .sidebar-head{margin-bottom:22px}.nav-section+.nav-section{margin-top:18px}}
#sidebar-nav{gap:8px}.category-tabs{display:flex;gap:6px;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--edge) transparent;margin:0 0 26px;padding:3px 2px 10px}.category-tabs button{flex:none;min-height:44px;padding:9px 15px;border:0;border-radius:8px;background:transparent;color:var(--secondary);font-size:13px;white-space:nowrap}.category-tabs button:hover{background:var(--hover)}.category-tabs button[aria-selected=true]{background:var(--selected);color:var(--strong)}main:has(#category-tabs:not([hidden])) .search{margin-bottom:24px}@media(max-width:760px){.category-tabs{margin-bottom:20px;gap:3px}.category-tabs button{font-size:12px;padding-inline:13px}main:has(#category-tabs:not([hidden])) .search{margin-bottom:20px}}@media(forced-colors:active){.category-tabs button[aria-selected=true]{outline:1px solid Highlight}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(forced-colors:active){.masonry-placeholder{border:1px solid GrayText}.search-submit{border:1px solid ButtonText}.nav-item[aria-current=page]{outline:1px solid Highlight}}