.collection{--collection-accent: #8e4438;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,sans-serif;color:hsl(var(--foreground))}.dark .collection{--collection-accent: #ce8d7f}.collection a:focus-visible{outline:2px solid var(--collection-accent);outline-offset:5px}.collection-directory{display:grid;grid-template-columns:180px minmax(0,290px);justify-content:center;gap:70px;max-width:650px;min-height:430px;margin:64px auto 0}.collection-title-page{display:flex;justify-content:center;align-items:flex-start;padding-top:20px}.collection-title-page h1{position:relative;writing-mode:vertical-rl;font-size:3.875rem;font-weight:400;line-height:1.25;letter-spacing:15px;margin:0}.collection-title-page h1:before{content:"";position:absolute;width:23px;height:2px;background:var(--collection-accent);right:5px;top:-21px}.collection-categories,.collection-posts{margin:0;padding:0;list-style:none}.collection-categories a{position:relative;display:block;padding:20px 0;color:inherit}.collection-categories li:first-child a{padding-top:0}.collection-categories li:not(:last-child) a:after{content:"";position:absolute;bottom:0;left:0;width:62%;height:1px;background:hsl(var(--border))}.collection-categories span{display:inline-block;font-size:1.75rem;line-height:1.5;font-weight:400;letter-spacing:5px;transition:transform .18s ease,color .18s ease}.collection-categories a:hover span{color:var(--collection-accent);transform:translate(5px)}.collection-category{max-width:800px;margin:24px auto 0}.collection-breadcrumb{display:flex;flex-wrap:wrap;gap:14px;color:hsl(var(--muted-foreground));font-size:.875rem}.collection-post-layout{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:10%;padding-top:36px;min-height:408px}.collection-post-layout h1{font-size:2.5rem;font-weight:400;line-height:1.3;letter-spacing:3px;margin:0 0 14px}.collection-count{font-size:.875rem;color:hsl(var(--muted-foreground))}.collection-list-heading{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));padding-bottom:14px}.collection-posts a{display:block;padding:28px 0 34px;border-bottom:1px solid hsl(var(--border));color:inherit}.collection-posts time{display:block;font-size:.75rem;color:hsl(var(--muted-foreground));letter-spacing:1px;margin-bottom:14px}.collection-posts h2{font-size:1.75rem;font-weight:400;line-height:1.5;letter-spacing:2px;margin-bottom:18px}.collection-posts a:hover h2,.collection-breadcrumb a:hover{color:var(--collection-accent)}.collection-posts p{color:hsl(var(--muted-foreground));font-size:1rem;line-height:2}.collection-empty{padding:44px 0;font-size:1rem;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border))}.collection-series-label{display:block;font-size:.75rem;color:hsl(var(--muted-foreground));letter-spacing:1px;margin-bottom:14px}.collection-series-numbers{display:block;margin-top:16px;color:var(--collection-accent);font-size:1rem}.series-entries{margin:0;padding:0;list-style:none}.series-entries a,.series-pending{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:baseline;column-gap:18px;padding:30px 0;border-bottom:1px solid hsl(var(--border))}.series-number{color:var(--collection-accent);font-size:1.5rem}.series-entries h2{font-size:1.5rem;font-weight:400;line-height:1.6;letter-spacing:1px}.series-entries a:hover h2{color:var(--collection-accent)}.series-pending{color:hsl(var(--muted-foreground))}.series-status{grid-column:2;font-size:.75rem;margin-top:4px}@media(max-width:640px){.collection-directory{grid-template-columns:125px minmax(0,1fr);gap:35px;margin-top:48px;min-height:380px}.collection-title-page h1{font-size:3rem;letter-spacing:12px}.collection-categories span{font-size:1.625rem;letter-spacing:2px}.collection-post-layout{grid-template-columns:1fr;gap:30px;padding-top:28px}.collection-post-layout h1{font-size:2.125rem}}@media(max-width:380px){.collection-directory{grid-template-columns:105px minmax(0,1fr);gap:24px}.collection-title-page h1{font-size:2.75rem}.collection-categories span{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.collection-categories span{transition:none}.collection-categories a:hover span{transform:none}}
