body.page-blog-index .blog-hero{text-align:center;margin-bottom:3em;padding:2em 0;border-bottom:1px solid var(--border-color)}body.page-blog-index .blog-hero h1{font-family:Cormorant Garamond,serif;font-size:3.5em;color:var(--text-primary);margin-bottom:.5em;letter-spacing:2px;font-weight:300}body.page-blog-index .intro{color:var(--text-secondary);font-size:1.2em;font-weight:300;font-family:Cormorant Garamond,serif;font-style:italic}body.page-blog-index .search-container{width:100%;margin:0 auto 3em;position:relative;display:flex;align-items:center}body.page-blog-index .search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--text-muted);width:1.2em;height:1.2em;pointer-events:none;transition:color .3s ease}body.page-blog-index .search-input{width:100%;padding:1rem 1.5rem 1rem 3.5rem;font-size:1.1em;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:Noto Sans SC,sans-serif;transition:all .3s ease;backdrop-filter:blur(5px)}body.page-blog-index .search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 20px #64ffda1a;background:var(--bg-card-hover)}body.page-blog-index .search-input:focus+.search-icon{color:var(--accent)}body.page-blog-index .search-input::placeholder{color:var(--text-muted);opacity:.7;font-style:italic}body.page-blog-index ul{display:flex;flex-direction:column;gap:2.5rem;list-style-type:none;margin:0;padding:0}body.page-blog-index li{transition:transform .3s ease,opacity .3s ease}body.page-blog-index li.hidden{display:none}body.page-blog-index .blog-card{display:block;text-decoration:none;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;transition:all .3s ease;backdrop-filter:blur(10px);position:relative;overflow:hidden}body.page-blog-index .blog-card:hover{transform:translateY(-5px);border-color:var(--border-hover);box-shadow:0 15px 35px -15px #020c1b1a;background:var(--bg-card-hover)}body.page-blog-index .card-header{margin-bottom:1rem}body.page-blog-index .title{margin:0;color:var(--text-primary);font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:600;line-height:1.2;transition:color .2s;letter-spacing:.5px}body.page-blog-index .blog-card:hover .title{color:var(--accent)}body.page-blog-index .meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;flex-wrap:wrap;gap:1rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}body.page-blog-index .date{color:var(--text-secondary);font-family:Cormorant Garamond,serif;font-style:italic;font-size:1em;display:flex;align-items:center;gap:.5em}body.page-blog-index .tags{display:flex;gap:.6rem;flex-wrap:wrap}body.page-blog-index .tag{font-size:.85em;color:var(--accent);background:var(--bg-card);padding:.3em .8em;border-radius:99px;font-family:Noto Sans SC,sans-serif;border:1px solid var(--border-color);transition:all .2s}body.page-blog-index .tag:hover{background:var(--bg-card-hover);transform:translateY(-1px)}body.page-blog-index .description{color:var(--text-secondary);font-size:1em;line-height:1.6;margin-bottom:2rem;font-family:Noto Sans SC,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.page-blog-index .read-more{position:absolute;bottom:2rem;right:2.5rem;color:var(--accent);font-family:Cormorant Garamond,serif;font-size:1.1em;font-style:italic;display:flex;align-items:center;gap:.5em;opacity:.8;transition:all .2s}body.page-blog-index .blog-card:hover .read-more{opacity:1}body.page-blog-index .arrow{transition:transform .2s}body.page-blog-index .blog-card:hover .arrow{transform:translate(5px)}body.page-blog-index .placeholder-section{text-align:center;margin-top:6em;padding:4em 0;color:var(--text-secondary);border-top:1px solid var(--border-color)}body.page-blog-index .placeholder-section h3{color:var(--text-primary);font-weight:300;font-family:Cormorant Garamond,serif}body.page-blog-index .no-results{text-align:center;color:var(--text-secondary);margin-top:2rem}@media(max-width:720px){body.page-blog-index .blog-card{padding:1.5rem}body.page-blog-index .title{font-size:1.6em}body.page-blog-index .meta-row{flex-direction:column;align-items:flex-start;gap:.8rem}body.page-blog-index .read-more{position:relative;bottom:auto;right:auto;margin-top:1rem;justify-content:flex-end}}