:root{--container-bg:#f7f8fa;--container-padding:2.2rem 0 3rem 0;--header-color:#161a24;--header-color-sub:#7b839a;--filter-bg:#fff;--filter-border:#e2e8f0;--filter-radius:10px;--filter-shadow:0 2px 16px 0 rgba(44, 65, 150, 0.07);--filter-label:#31395e;--filter-input-bg:#f6f8fa;--filter-input-border:#e2e8f0;--filter-input-radius:7px;--filter-input-text:#23262f;--filter-btn-bg:#23262f;--filter-btn-text:#fff;--pagination-bg:#fff;--pagination-border:#d3d7e1;--pagination-active:#2967d1;--card-bg:#fff;--card-border:#e2e8f0;--card-radius:16px;--card-shadow:0 4px 24px 0 rgba(30, 34, 90, 0.09);--card-title:#171717;--card-meta:#555;--card-link:#2967d1;--card-excerpt:#5c647b}body.dark-mode{--container-bg:#191b22;--header-color:#fff;--header-color-sub:#828fa1;--filter-bg:#23262f;--filter-border:#31343b;--filter-shadow:0 2px 16px 0 rgba(12, 17, 33, .20);--filter-label:#c7cbe6;--filter-input-bg:#23262f;--filter-input-border:#303445;--filter-input-text:#eee;--filter-btn-bg:#333843;--filter-btn-text:#fff;--pagination-bg:#23262f;--pagination-border:#393b44;--pagination-active:#36a1ff;--card-bg:#23262f;--card-border:#333843;--card-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.14);--card-title:#fff;--card-meta:#b4b8c7;--card-link:#36a1ff;--card-excerpt:#b1b3bc}.blog-archive-container{max-width:860px;margin:0 auto;background:var(--container-bg);border-radius:22px;box-shadow:0 8px 44px 0 rgb(40 50 90 / .07);padding:var(--container-padding);min-height:100vh}.blog-archive-header{text-align:center;margin-bottom:26px}.blog-main-title{color:var(--header-color);font-size:2.6rem;font-weight:700;margin-bottom:0;letter-spacing:-1px}.blog-filter-bar{display:flex;flex-direction:row;align-items:center;gap:18px;background:var(--filter-bg);border:1.4px solid var(--filter-border);border-radius:var(--filter-radius);box-shadow:var(--filter-shadow);padding:16px 20px 12px 20px;margin-bottom:24px;flex-wrap:wrap}.blog-search-bar{display:flex;align-items:center;gap:10px;flex:2 1 320px;background:var(--filter-input-bg);border:1.2px solid var(--filter-input-border);border-radius:var(--filter-input-radius);padding:2px 7px 2px 10px}.blog-search-bar input[type="search"]{background:none;border:none;outline:none;color:var(--filter-input-text);font-size:1em;padding:7px 4px 7px 0;width:100%}.blog-search-bar button{background:var(--filter-btn-bg);color:var(--filter-btn-text);border:none;border-radius:6px;font-size:1em;font-weight:600;padding:7px 16px;cursor:pointer;transition:background 0.14s}.blog-search-bar button:hover{background:var(--pagination-active);color:#fff}.blog-filter-row{display:flex;flex:3 1 220px;gap:10px;align-items:center;background:var(--filter-input-bg);border:1.2px solid var(--filter-input-border);border-radius:var(--filter-input-radius);padding:2px 8px 2px 10px}.blog-filter-row select{background:none;color:var(--filter-input-text);border:none;outline:none;padding:7px 12px;border-radius:7px;font-size:1em;min-width:80px;text-align:left}.darkmode-toggle{margin-left:4px;margin-right:3px;display:flex;align-items:center}.toggle-switch{width:44px;height:24px;background:#aab4c1;border-radius:18px;display:inline-block;position:relative;cursor:pointer}input[type="checkbox"]#darkmode-switch{display:none}.toggle-switch:before{content:"";position:absolute;left:4px;top:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform 0.22s}input[type="checkbox"]:checked+.toggle-switch:before{transform:translateX(20px);background:#36a1ff}body.dark-mode .toggle-switch{background:#333843}body.dark-mode .toggle-switch:before{background:#36a1ff}.posts-list{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;padding:0}.blog-post{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden;transition:box-shadow 0.18s,border-color 0.15s;display:flex;flex-direction:column}.blog-post:hover{box-shadow:0 8px 32px 0 rgb(41 103 209 / .14);border-color:var(--card-link)}.blog-post-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-top-left-radius:var(--card-radius);border-top-right-radius:var(--card-radius);display:block}.blog-post-content{flex:1;padding:24px 20px 16px 20px;display:flex;flex-direction:column}.blog-post-meta{font-size:.97em;color:var(--card-meta);margin-bottom:6px;display:flex;flex-wrap:wrap;gap:8px;opacity:.92}.blog-post-meta span{margin-right:8px;color:inherit}.blog-post-title{color:var(--card-title);font-size:1.24em;font-weight:600;line-height:1.36;margin-bottom:10px;text-decoration:none;transition:color 0.18s;display:block}.blog-post-title:hover{color:var(--card-link)}.blog-post-excerpt{color:var(--card-excerpt);font-size:1em;margin-bottom:18px;line-height:1.6}.blog-post-extra{display:flex;align-items:center;gap:18px;font-size:.98em;color:var(--card-meta);margin-bottom:10px}.blog-post-extra svg{width:19px;height:19px;vertical-align:middle;margin-right:2px;fill:var(--card-meta);opacity:.85;transition:fill 0.18s}.blog-post-extra .like-btn.liked{fill:#ee4d5b;opacity:1}.blog-post-readmore{color:var(--card-link);text-decoration:none;font-weight:500;font-size:1em;transition:color 0.15s}.blog-post-readmore:hover{color:#184aad}.blog-pagination{margin:34px 0 0 0;display:flex;justify-content:center;gap:7px}.blog-pagination .page-numbers{display:inline-block;padding:8px 14px;background:var(--pagination-bg);border:1.3px solid var(--pagination-border);border-radius:6px;color:var(--header-color-sub);font-size:1.06em;text-decoration:none;margin-right:2px;transition:border 0.17s,color 0.14s,background 0.14s}.blog-pagination .page-numbers.current,.blog-pagination .page-numbers:hover{border-color:var(--pagination-active);color:var(--pagination-active);background:#e6f0fe}body.dark-mode .blog-pagination .page-numbers.current,body.dark-mode .blog-pagination .page-numbers:hover{background:#213147}@media (max-width:600px){.blog-archive-container{padding:1.1rem .3rem 1.1rem .3rem;border-radius:12px;min-width:0}.blog-main-title{font-size:2rem}.posts-list{grid-template-columns:1fr;gap:14px}.blog-post-content{padding:13px 7px 12px 7px}.blog-filter-bar{padding:8px 4px;gap:6px}.blog-search-bar{min-height:unset;font-size:1rem;gap:6px;padding:5px 4px;border-radius:10px}.blog-search-bar input[type="search"]{font-size:1rem;padding:8px 10px;border-radius:8px;height:38px}.blog-search-bar button{font-size:1rem;padding:8px 16px;height:38px;border-radius:8px}.blog-filter-row{gap:5px;padding:3px 9px}.blog-filter-row select{font-size:1rem;padding:6px 8px;border-radius:8px}.darkmode-toggle{height:38px;min-width:38px;margin-left:4px}}.blog-filter-row select:focus,.blog-search-bar input[type="search"]:focus{outline:2px solid var(--pagination-active);border-radius:7px}.blog-post-image{border-bottom-left-radius:0;border-bottom-right-radius:0}