.site-header{position:fixed;top:0;left:0;width:100%;padding:15px 0;z-index:1000;background-color:#271736;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .3s ease}.header-container{max-width:1440px;margin:0 auto;padding:0 40px;display:flex;align-items:center;gap:20px}.header-logo img{cursor:pointer;height:50px;display:block;transition:transform .2s ease}.header-logo:hover img{transform:scale(1.05)}.title{margin-left:auto;text-decoration:none;cursor:pointer;color:#fff;font-family:Sora,sans-serif;font-size:16px;transition:color .2s ease}.title:hover{color:#705ec2}.header-button{padding:10px 20px;font-size:12px;cursor:pointer;background-color:#8675d9;color:#fff!important;text-align:center;border-radius:8px;text-decoration:none;font-weight:700;font-family:Sora,sans-serif;transition:background-color .2s ease,transform .2s ease;border:none}.header-button:hover{background-color:#705ec2;transform:translateY(-2px);box-shadow:0 4px 10px #8675d94d}@media(max-width:768px){.header-container{padding:0 20px}.header-logo img{height:40px}.header-button{padding:10px 18px;font-size:.9em}}@media(max-width:480px){.header-container{padding:0 15px}.header-logo img{height:35px}.header-button{padding:10px;font-size:10px}.title{font-size:15px}}:root{--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Georgia", "Times New Roman", serif;--font-mono: "Menlo", "Consolas", "Monaco", monospace;--color-text: #333;--color-primary: #007bff;--color-meta: #6c757d;--color-background: #f8f9fa;--color-content-bg: #ffffff;--color-border: #e9ecef}body{background-color:var(--color-background);font-family:var(--font-primary);color:var(--color-text);line-height:1.6}.post-container{max-width:800px;margin:40px auto;padding:40px;background-color:var(--color-content-bg);border-radius:8px;box-shadow:0 4px 12px #0000000d}.post-container h1{font-family:var(--font-serif);font-size:2.8rem;font-weight:700;line-height:1.2;margin-bottom:20px;color:#1a1a1a}.archive-card-image{width:100%;height:auto;border-radius:8px;margin-bottom:25px;object-fit:cover}.post-container>p{color:var(--color-meta);font-size:.9rem;margin-bottom:25px}.post-container hr{border:0;height:1px;background:var(--color-border);margin:40px 0}.post-content{font-size:1.1rem;line-height:1.7}.post-content p{margin-bottom:1.5em}.post-content h2,.post-content h3,.post-content h4{font-family:var(--font-serif);font-weight:600;margin-top:2.5em;margin-bottom:1em;line-height:1.3}.post-content h2{font-size:2rem;border-bottom:2px solid var(--color-border);padding-bottom:10px}.post-content h3{font-size:1.6rem}.post-content a{color:var(--color-primary);text-decoration:none;transition:color .2s ease-in-out}.post-content a:hover{color:#0056b3;text-decoration:underline}.post-content ul,.post-content ol{padding-left:25px;margin-bottom:1.5em}.post-content li{margin-bottom:.8em}.post-content blockquote{margin:2em 0;padding:10px 20px;border-left:4px solid var(--color-primary);background-color:var(--color-background);color:var(--color-meta);font-style:italic}.post-content blockquote p{margin-bottom:0}.post-content code{font-family:var(--font-mono);background-color:#e9ecef;padding:.2em .4em;border-radius:4px;font-size:90%}.post-content pre{background-color:#2d2d2d;color:#f8f8f2;padding:20px;border-radius:8px;overflow-x:auto;margin:2em 0}.post-content pre code{background-color:transparent;padding:0;color:inherit;font-size:1em}@media(max-width:768px){.post-container{margin:0;padding:20px;border-radius:0;box-shadow:none}.post-container h1{font-size:2.2rem}.post-content h2{font-size:1.8rem}.post-content h3{font-size:1.4rem}}