.post-card-wrap{width:100%;max-width:var(--page-width);filter:drop-shadow(0 1px 2px #463c2d1a)drop-shadow(0 12px 22px #463c2d21);margin:1.5rem auto;transition:transform .35s cubic-bezier(.2,.7,.3,1),filter .35s;display:block}.post-card-wrap:hover{filter:drop-shadow(0 2px 3px #463c2d1f)drop-shadow(0 18px 30px #463c2d2e);transform:translateY(-3px)}.xuan-paper{background:var(--paper-sheet);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);border-radius:2px}.xuan-paper:after{content:"";background:linear-gradient(315deg, color-mix(in srgb, var(--paper-edge) 82%, var(--paper-deep)) 0%, var(--paper-deep) 42%, var(--paper-sheet) 82%);width:15px;height:15px;position:absolute;bottom:0;right:0}@media (prefers-reduced-motion:reduce){.post-card-wrap,.post-card-wrap:hover{transition:none;transform:none}}.card-overlay{z-index:3;position:absolute;inset:0}.post-card .content a,.post-card a.cover{z-index:4;position:relative}.tientie{border-right:1px dashed var(--paper-edge);background:color-mix(in srgb, var(--paper-deep) 42%, transparent);z-index:4;flex-direction:column;align-items:center;width:56px;padding:18px 0 14px;text-decoration:none;display:flex;position:absolute;top:0;bottom:0;left:0}.tientie-pin{opacity:.7;margin-bottom:8px}.card-cover{height:clamp(150px,20vw,230px)}.tientie-text{writing-mode:vertical-rl;font-family:var(--serif-head);letter-spacing:.28em;color:var(--ink-strong);max-height:210px;font-size:1.02rem;line-height:1;overflow:hidden;mask-image:linear-gradient(#000 80%,#0000)}.card-title{font-family:var(--serif-head);letter-spacing:.02em;color:var(--ink-strong);margin:0 0 .5rem;font-size:1.18rem;font-weight:400;line-height:1.5}.card-title a{color:inherit;text-decoration:none;transition:color .2s}.card-title a:hover{color:var(--accent)}.tientie-seal{background:var(--accent);width:17px;height:17px;color:var(--paper-sheet);font-family:var(--serif-head);opacity:0;border-radius:2px;place-items:center;margin-top:auto;font-size:10px;line-height:1;transition:opacity .25s,transform .32s cubic-bezier(.2,1.4,.4,1);display:grid;transform:rotate(-14deg)scale(1.5)}.post-card:hover .tientie-seal,.tientie:focus-visible .tientie-seal{opacity:1;transform:rotate(-4deg)scale(1)}@media (prefers-reduced-motion:reduce){.tientie-seal{transition:none;transform:none}}.tientie-content{padding-left:72px}@media (width<=640px){.tientie-content{padding-left:60px;padding-right:14px}.tientie{width:46px}}.hover-scale{transition:transform .3s}.hover-scale:hover{transform:scale(1.05)}.category-tag{background-color:#0000;border-radius:.25rem;padding:.25rem;transition:all .3s;display:inline-block}.category-tag:hover{color:var(--link-color);background-color:var(--button-hover-color);text-shadow:.5px 0,-.5px 0}.card-tag{font-family:var(--serif);border:1px solid color-mix(in srgb, var(--paper-edge) 88%, transparent);background:color-mix(in srgb, var(--paper-deep) 45%, transparent);color:var(--ink-mute);border-radius:2px;padding:0 .5em;font-size:.74rem;line-height:1.75;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s}.card-tag:hover{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 40%, var(--paper-edge))}.card-tag-more{font-family:var(--mono);color:var(--ink-mute);font-size:.72rem}.postcard-bg-mode{position:relative}.postcard-bg-mode .bg-image{z-index:0;position:absolute;inset:0}.postcard-bg-mode .bg-image .image-wrapper{opacity:.7;width:100%;height:100%;transition:transform .4s;mask-image:linear-gradient(270deg,#000 0% 35%,#000000d9 44%,#00000080 50%,#00000026 55%,#0000 60% 100%)}.postcard-bg-mode:hover .bg-image .image-wrapper{transform:scale(1.03)}.postcard-bg-mode .content{z-index:1;position:relative}@media (width<=640px){.postcard-bg-mode.has-image .bg-image .image-wrapper{mask-image:linear-gradient(#000 0% 30%,#000000d9 40%,#00000080 48%,#00000026 55%,#0000 60% 100%)}.postcard-bg-mode.has-image .content{padding-top:6rem}}.no-scrollbar[data-astro-cid-pmd5agg6]::-webkit-scrollbar{display:none}.no-scrollbar[data-astro-cid-pmd5agg6]{-ms-overflow-style:none;scrollbar-width:none}
