html:not(.ready){opacity:0}html.ready{opacity:1;transition:opacity .1s}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:#f0f0f0}[data-os=macos] body,[data-os=ios] body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}[data-os=android] body{font-family:Roboto,system-ui,sans-serif}[data-os=linux] body{font-family:Ubuntu,Cantarell,system-ui,sans-serif}.blog-header{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border,#d1d1d1)}.blog-title{font-size:20px;font-weight:600;color:var(--text,#000);margin-bottom:4px}.blog-subtitle{font-size:11px;color:var(--text-muted,#666)}.posts-grid{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0}.post-card{background:var(--bg,#fff);border:1px solid var(--border,#d1d1d1);border-radius:var(--radius,4px);padding:14px 16px;transition:border-color .15s,box-shadow .15s}.post-card:hover{border-color:var(--primary,#0078d4);box-shadow:0 2px 8px #0078d41a}.post-card-title{font-size:14px;font-weight:600;color:var(--text,#000);margin-bottom:5px}.post-card-title a{color:inherit}.post-card-title a:hover{color:var(--primary,#0078d4);text-decoration:none}.post-card-meta{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--text-muted,#666);margin-bottom:7px;flex-wrap:wrap}.meta-tag{background:var(--primary,#0078d4);color:#fff;padding:1px 7px;border-radius:var(--radius-sm,2px);font-size:10px;font-weight:600}.reading-time{font-size:10px;color:var(--text-muted,#666)}.post-card-desc{font-size:12px;color:var(--text-secondary,#333);line-height:1.55;margin-bottom:10px}.post-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.read-more{font-size:11px;color:var(--primary,#0078d4);font-weight:500}.read-more:hover{text-decoration:underline}.post-tags{display:flex;gap:4px;flex-wrap:wrap}.post-tag{background:var(--bg-secondary,#f0f0f0);color:var(--text-secondary,#333);font-size:10px;padding:1px 6px;border-radius:2px;border:1px solid var(--border,#d1d1d1);transition:background .1s}.post-tag:hover{background:var(--primary,#0078d4);color:#fff;border-color:var(--primary,#0078d4);text-decoration:none}.lang-select{padding:3px 8px;font-size:11px;border:1px solid var(--border-strong,#adadad);border-radius:var(--radius-sm,2px);background:var(--bg,#fff);cursor:pointer;color:var(--text-secondary,#333)}.lang-select:hover{border-color:var(--primary,#0078d4)}.nav-count{font-size:10px;color:var(--text-muted,#666);margin-left:auto;background:var(--bg-secondary,#f0f0f0);padding:1px 5px;border-radius:10px}.sidebar-tags-title{padding:8px 16px 4px;font-size:10px;color:var(--text-muted,#666);text-transform:uppercase;letter-spacing:.05em}.btn-share{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:11px;background:var(--bg,#fff);border:1px solid var(--border-strong,#adadad);border-radius:var(--radius-sm,2px);cursor:pointer;color:var(--text-secondary,#333);transition:border-color .15s;font-family:inherit}.btn-share:hover{border-color:var(--primary,#0078d4);color:var(--primary,#0078d4)}.share-native-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:var(--primary,#0078d4);color:#fff;border:none;border-radius:var(--radius,4px);cursor:pointer;font-size:14px;font-weight:600;font-family:inherit;transition:background .15s;margin-bottom:4px}.share-native-btn:hover{background:var(--primary-dark,#005a9e)}.share-native-btn.hidden{display:none}.share-section-label{font-size:10px;color:var(--text-muted,#666);text-transform:uppercase;letter-spacing:.06em;margin:16px 0 10px}.share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.share-btn{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 8px;background:var(--bg,#fff);border:1px solid var(--border,#d1d1d1);border-radius:var(--radius,4px);cursor:pointer;font-size:11px;color:var(--text-secondary,#333);transition:border-color .15s,box-shadow .15s,color .15s;text-decoration:none;font-family:inherit;text-align:center}.share-btn:hover{border-color:var(--primary,#0078d4);box-shadow:0 2px 8px #0078d41f;text-decoration:none;color:var(--primary,#0078d4)}.share-divider{height:1px;background:var(--border,#d1d1d1);margin:16px 0}.copy-link-row{display:flex;gap:8px}.copy-link-input{flex:1;padding:6px 10px;font-size:12px;border:1px solid var(--border-strong,#adadad);border-radius:var(--radius-sm,2px);background:var(--bg-secondary,#f0f0f0);color:var(--text-secondary,#333);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.copy-link-btn{padding:6px 14px;font-size:12px;background:var(--primary,#0078d4);color:#fff;border:none;border-radius:var(--radius-sm,2px);cursor:pointer;font-family:inherit;white-space:nowrap;font-weight:600}.copy-link-btn:hover{background:var(--primary-dark,#005a9e)}.copy-link-btn.copied{background:#0e7c0e}#modal-share .modal__container{max-width:620px;width:calc(100vw - 40px)}[data-os=macos] .post-card{border-radius:10px}[data-os=macos] .blog-title{font-size:24px;font-weight:700}[data-os=ios] .post-card{border-radius:12px}[data-os=android] .post-card{border-radius:16px}[data-os=android] .meta-tag,[data-os=android] .share-native-btn,[data-os=android] .copy-link-btn{background:#6750a4}[data-os=linux] .meta-tag,[data-os=linux] .share-native-btn,[data-os=linux] .copy-link-btn{background:#e95420}.post-card{display:flex;flex-direction:row;align-items:stretch;overflow:hidden;padding:0}.post-card-body{flex:1;min-width:0;padding:14px 16px;display:flex;flex-direction:column}.post-card-body .post-card-title{margin-bottom:5px}.post-card-body .post-card-meta{margin-bottom:6px}.post-card-body .post-card-desc{flex:1}.post-card-body .post-card-footer{margin-top:8px}.post-card-thumb-link{flex-shrink:0;width:200px;overflow:hidden;order:2;border-radius:0 var(--radius,4px) var(--radius,4px) 0}.post-card-thumb{width:200px;height:100%;min-height:130px;object-fit:cover;display:block;transition:transform .2s}.post-card:hover .post-card-thumb{transform:scale(1.03)}@media(max-width:640px){.post-card{flex-direction:column}.post-card-thumb-link{width:100%;height:180px;order:-1;border-radius:var(--radius,4px) var(--radius,4px) 0 0}.post-card-thumb{width:100%;height:180px;min-height:unset}.post-card-body{padding:10px 12px}}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:20px 0 8px;flex-wrap:wrap}.pagination-btn{display:inline-flex;align-items:center;padding:5px 12px;font-size:12px;font-weight:500;border:1px solid var(--border-strong,#adadad);border-radius:var(--radius-sm,2px);background:var(--bg,#fff);color:var(--text-secondary,#333);text-decoration:none;transition:border-color .15s,color .15s;white-space:nowrap;cursor:pointer;user-select:none}.pagination-btn:hover{border-color:var(--primary,#0078d4);color:var(--primary,#0078d4);text-decoration:none}.pagination-btn.disabled{opacity:.4;pointer-events:none}.pagination-icon{padding:5px 9px;font-size:14px}.pagination-form{display:flex;align-items:center;gap:5px}.pagination-label{font-size:12px;color:var(--text-muted,#666)}.pagination-input{width:46px;padding:4px 6px;font-size:12px;border:1px solid var(--border-strong,#adadad);border-radius:var(--radius-sm,2px);text-align:center;background:var(--bg,#fff);color:var(--text,#000)}.pagination-input:focus{outline:none;border-color:var(--primary,#0078d4)}@media(max-width:640px){.blog-pagination{gap:4px}.pagination-btn{padding:5px 8px;font-size:11px}.pagination-icon{padding:5px 6px}.pagination-input{width:38px;font-size:11px}}.overflow-msg{text-align:center;padding:48px 24px}.overflow-msg h2{font-size:18px;font-weight:600;margin:12px 0 8px;color:var(--text,#000)}.overflow-msg p{font-size:13px;color:var(--text-muted,#666);margin-bottom:20px}.overflow-icon{font-size:40px;display:block;opacity:.7;margin-bottom:4px}.overflow-back,.overflow-last{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;font-size:12px;font-weight:500;border:1px solid var(--border-strong,#adadad);border-radius:var(--radius-sm,2px);background:var(--bg,#fff);color:var(--text-secondary,#333);text-decoration:none;margin:0 4px;transition:border-color .15s,color .15s}.overflow-back:hover,.overflow-last:hover{border-color:var(--primary,#0078d4);color:var(--primary,#0078d4);text-decoration:none}.overflow-last{background:var(--primary,#0078d4);color:#fff;border-color:var(--primary,#0078d4)}.overflow-last:hover{background:var(--primary-dark,#006cbd);color:#fff}