:root{--bg-dark: #1B1C1E;--gold: #BA8C50;--cyan: #459DA8;--white: #F0F0E7;--font-serif: "Source Han Serif SC", "Songti SC", serif;--font-sans: "Inter", "Segoe UI", system-ui, sans-serif}.suixiang-list{min-height:100vh;padding:130px 0 100px;background-color:var(--bg-dark);position:relative;overflow-x:hidden}.background-wrapper{position:fixed;inset:0;z-index:0;pointer-events:none}.page-bg{position:absolute;inset:0;background:url(/images/backgrounds/bg2.png) center/contain no-repeat;opacity:.12}.page-vignette{position:absolute;inset:0;background:radial-gradient(circle,transparent 20%,var(--bg-dark) 90%)}.container{max-width:1200px;margin:0 auto;padding:0 60px;position:relative;z-index:2}.main-layout{display:grid;grid-template-columns:180px 1fr;gap:80px;align-items:flex-start}.archive-sidebar{position:sticky;top:150px;z-index:10}.timeline-container{position:relative;padding-left:20px}.timeline-line{position:absolute;left:24px;top:10px;bottom:10px;width:1px;background:linear-gradient(to bottom,transparent,var(--gold),transparent);opacity:.2}.timeline-menu{list-style:none;padding:0;margin:0}.timeline-item{margin-bottom:20px}.year-details{list-style:none}.year-details summary::-webkit-details-marker{display:none}.year-summary{display:flex;align-items:center;gap:12px;cursor:pointer;outline:none;transition:.3s;position:relative;z-index:5}.dot-ring{width:8px;height:8px;border:1px solid var(--gold);border-radius:50%;background:var(--bg-dark);transition:.3s}.year-label{color:var(--white);opacity:.5;font-size:.85rem;font-family:var(--font-serif);letter-spacing:2px;transition:.3s}.fold-icon:after{content:"+";font-size:.7rem;color:var(--gold);opacity:.3;margin-left:auto}.year-details[open] .year-label{opacity:1;color:var(--gold)}.year-details[open] .dot-ring{background:var(--gold);box-shadow:0 0 10px var(--gold)}.year-details[open] .fold-icon:after{content:"-"}.month-sub-menu{list-style:none;padding:10px 0 5px 24px;border-left:1px solid rgba(186,140,80,.1);margin:0 0 0 23px;animation:slideDown .4s ease-out}.month-item{margin-bottom:12px}.month-link{text-decoration:none;font-size:.7rem;color:var(--white);opacity:.4;letter-spacing:1px;font-family:var(--font-sans);transition:.3s;display:block}.month-link:hover{opacity:1;color:var(--cyan);transform:translate(5px)}.archive-link{display:flex;align-items:center;gap:15px;background:transparent;border:none;cursor:pointer;padding:0 0 15px;transition:all .3s ease;text-decoration:none!important}.archive-link .dot{width:8px;height:8px;background:var(--gold);border:1px solid var(--gold);border-radius:50%;z-index:2;transition:all .3s ease}.archive-link .label{color:var(--gold);font-size:.75rem;letter-spacing:2px;font-weight:700}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.list-header{margin-bottom:80px;text-align:center}.title-cn{display:block;font-size:3rem;font-weight:800;color:var(--white);font-family:var(--font-serif);letter-spacing:4px}.title-en{display:block;font-size:.8rem;letter-spacing:.6rem;color:var(--gold);opacity:.6;text-transform:uppercase;margin-top:5px}.title-ornament{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:25px;opacity:.4}.title-ornament .line{width:80px;height:1px;background:linear-gradient(to var(--dir, right),var(--gold),transparent)}.title-ornament .line:last-child{--dir: left}.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}.post-card{display:block;background:#1e1f21b3;border:1px solid rgba(186,140,80,.15);text-decoration:none!important;position:relative;transition:all .5s ease;backdrop-filter:blur(12px);color:inherit!important}.post-card:hover{transform:translateY(-10px);border-color:var(--gold);box-shadow:0 20px 40px #0009}.card-image-box{position:relative;height:220px;overflow:hidden;background-color:#121314}.card-cover{width:100%;height:100%;object-fit:cover;filter:grayscale(.5) brightness(.7);transition:.6s}.post-card:hover .card-cover{filter:grayscale(0) brightness(.9);transform:scale(1.05)}.card-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,rgba(186,140,80,.05) 0%,transparent 70%)}.placeholder-logo{font-family:var(--font-serif);font-size:4rem;color:var(--gold);opacity:.2}.placeholder-text{font-size:.65rem;letter-spacing:4px;color:var(--gold);opacity:.3}.card-content{padding:30px}.card-date{color:var(--gold);font-size:.8rem;letter-spacing:2px}.card-title{color:var(--white)!important;font-size:1.5rem;margin:15px 0;font-family:var(--font-serif);transition:color .3s}.post-card:hover .card-title{color:var(--cyan)!important}.card-desc{color:#8a8a82!important;font-size:.95rem;line-height:1.7;opacity:.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{margin-top:25px;padding-top:20px;border-top:1px dashed rgba(186,140,80,.1)}.read-more{font-size:.8rem;color:var(--gold);text-transform:uppercase;letter-spacing:2px;opacity:.7}.corner-border{position:absolute;width:15px;height:15px;border:2px solid var(--gold);opacity:0;transition:.4s;pointer-events:none}.top-left{top:0;left:0;border-right:none;border-bottom:none}.bottom-right{bottom:0;right:0;border-left:none;border-top:none}.post-card:hover .corner-border{opacity:.6;width:30px;height:30px}.pagination-wrapper{margin-top:100px;position:relative;text-align:center}.pagination-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(186,140,80,.2),transparent);margin-bottom:40px}.pagination-links{display:flex;justify-content:center;align-items:center;gap:50px}.nav-btn{color:var(--gold);text-decoration:none;font-size:.8rem;letter-spacing:3px;opacity:.5;transition:.3s;padding:10px 20px;border:1px solid transparent}.nav-btn:not(.disabled):hover{opacity:1;border:1px solid rgba(186,140,80,.3);background:#ba8c500d}.nav-btn.disabled{opacity:.1;cursor:not-allowed}.page-indicator{display:flex;align-items:center;gap:12px;color:var(--white);font-family:var(--font-serif)}.page-indicator .current{color:var(--gold);font-size:1.2rem}.page-indicator .divider{opacity:.3}.page-indicator .total{opacity:.5;font-size:.9rem}.reveal-anim{opacity:0;transform:translateY(30px);animation:revealUp .8s forwards ease-out}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.container{padding:0 30px}.main-layout{grid-template-columns:1fr;gap:40px}.archive-sidebar{display:none}.posts-grid{grid-template-columns:1fr}}