.cs-section{margin-top:48px;max-width:100%}.cs-card{border:1px solid var(--border-color);border-radius:var(--radius, 12px);padding:28px 28px 24px;background:var(--bg-card);margin-bottom:28px}.cs-header{margin-bottom:20px}.cs-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.cs-icon{font-size:1.375rem}.cs-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.cs-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--accent, #e65100);color:#fff;font-size:.75rem;font-weight:700}.cs-subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.cs-form{display:flex;flex-direction:column;gap:16px}.cs-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cs-form-group{display:flex;flex-direction:column;gap:6px}.cs-form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.cs-req{color:var(--accent, #e65100);font-weight:600}.cs-form-group input,.cs-form-group textarea{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm, 8px);font-size:.875rem;color:var(--text-primary);background:var(--bg-secondary);font-family:inherit;transition:border-color .2s,box-shadow .2s}.cs-form-group input::placeholder,.cs-form-group textarea::placeholder{color:var(--text-muted)}.cs-form-group input:focus,.cs-form-group textarea:focus{outline:none;border-color:var(--accent, #e65100);box-shadow:0 0 0 3px var(--accent-light, rgba(230,81,0,.08))}.cs-form-group textarea{resize:vertical;min-height:100px}.cs-form-footer{display:flex;align-items:center;gap:12px}.cs-submit{padding:10px 24px;background:var(--accent, #e65100);color:#fff;border:none;border-radius:var(--radius-sm, 8px);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.cs-submit:hover{background:var(--accent-hover, #bf4500);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-light, rgba(230,81,0,.25))}.cs-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.cs-replying{font-size:.8125rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.cs-cancel-reply{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.75rem;padding:2px 6px}.cs-msg{padding:10px 14px;border-radius:var(--radius-sm, 8px);font-size:.8125rem;font-weight:500}.cs-msg-success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.cs-msg-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.cs-list-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--text-primary);display:inline-block}.cs-list{display:flex;flex-direction:column;gap:0}.cs-empty{color:var(--text-muted);font-size:.875rem;font-style:italic;padding:16px 0}.cs-error{color:#ef4444;font-size:.875rem;padding:16px 0}.cs-loading{color:var(--text-muted);font-size:.875rem;padding:16px 0}.cs-comment{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid var(--border-light)}.cs-comment:last-child{border-bottom:none}.cs-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#f5c6a0,#e8a87c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.cs-body{flex:1;min-width:0}.cs-meta{display:flex;align-items:center;gap:10px;margin-bottom:6px}.cs-author{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.cs-date{font-size:.8125rem;color:var(--text-muted)}.cs-text{font-size:.875rem;line-height:1.7;color:var(--text-secondary);margin:0 0 8px}.cs-reply-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.cs-reply-btn:hover{border-color:var(--accent, #e65100);color:var(--accent, #e65100);background:var(--accent-light, rgba(230,81,0,.04))}.cs-replies{padding-left:58px}.cs-reply-item .cs-avatar{width:34px;height:34px;font-size:.875rem;background:linear-gradient(135deg,#c4b5fd,#a78bfa)}@media(max-width:640px){.cs-card{padding:20px 16px}.cs-form-row{grid-template-columns:1fr}.cs-replies{padding-left:28px}.cs-comment{padding:14px 0}.cs-avatar{width:36px;height:36px;font-size:.9375rem}}[data-theme=dark] .cs-card{background:#1e1e28;border-color:#ffffff1a}[data-theme=dark] .cs-form-group input,[data-theme=dark] .cs-form-group textarea{background:#0f0f14;border-color:#ffffff1a;color:#f0f0f5}[data-theme=dark] .cs-form-group input::placeholder,[data-theme=dark] .cs-form-group textarea::placeholder{color:#606070}[data-theme=dark] .cs-form-group label{color:#a0a0b0}[data-theme=dark] .cs-title,[data-theme=dark] .cs-list-title,[data-theme=dark] .cs-author{color:#f0f0f5}[data-theme=dark] .cs-subtitle,[data-theme=dark] .cs-date{color:#606070}[data-theme=dark] .cs-text{color:#a0a0b0}[data-theme=dark] .cs-reply-btn{background:#1e1e28;border-color:#ffffff1a;color:#a0a0b0}[data-theme=dark] .cs-reply-btn:hover{border-color:var(--accent, #e65100);color:var(--accent, #e65100)}[data-theme=dark] .cs-comment{border-bottom-color:#ffffff0f}[data-theme=dark] .cs-list-title{border-bottom-color:#f0f0f5}[data-theme=dark] .cs-empty,[data-theme=dark] .cs-loading{color:#606070}.mag-category-badge[data-astro-cid-astiqrzh]{display:inline-block;padding:5px 14px;background:var(--accent, #E74C3C);color:#fff;border-radius:4px;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;text-decoration:none;margin-bottom:14px}.mag-article-title[data-astro-cid-astiqrzh]{font-size:2.375rem;font-weight:800;line-height:1.2;color:var(--text-primary);margin-bottom:16px}.mag-author[data-astro-cid-astiqrzh]{display:flex;align-items:center;gap:12px;width:100%;min-width:0}.mag-author-avatar[data-astro-cid-astiqrzh]{width:40px;height:40px;border-radius:50%;background:var(--accent, #E74C3C);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#fff;flex-shrink:0}.mag-author-name[data-astro-cid-astiqrzh]{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--text-primary);text-decoration:none;font-size:.9375rem}.mag-author-name[data-astro-cid-astiqrzh]:hover{opacity:.8}.mag-meta-line[data-astro-cid-astiqrzh]{font-size:.8125rem;color:var(--text-muted);margin-left:auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;flex-wrap:nowrap;min-width:max-content}.mag-date-chip[data-astro-cid-astiqrzh]{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border-color, #ddd);border-radius:999px;background:var(--bg-card, #fff);color:var(--text-muted);line-height:1.2;white-space:nowrap}.mag-reading-time[data-astro-cid-astiqrzh]{white-space:nowrap}.mag-date-chip[data-astro-cid-astiqrzh].is-updated{color:var(--accent, #E74C3C);border-color:var(--accent-light, rgba(231, 76, 60, .14));background:var(--accent-light, rgba(231, 76, 60, .08))}.meta-icon[data-astro-cid-astiqrzh]{display:block;opacity:.76;flex-shrink:0}.mag-article-body[data-astro-cid-astiqrzh]{max-width:740px;margin:0 auto;position:relative}.mag-share-float[data-astro-cid-astiqrzh]{position:sticky;top:100px;float:left;margin-left:-80px;display:flex;flex-direction:column;gap:10px}.mag-share-icon[data-astro-cid-astiqrzh]{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-color, #ddd);background:var(--bg-card, #fff);color:var(--text-secondary, #666);text-decoration:none;cursor:pointer;transition:all .2s}.mag-share-icon[data-astro-cid-astiqrzh]:hover{background:var(--accent, #E74C3C);color:#fff;border-color:var(--accent, #E74C3C)}.mag-text-header[data-astro-cid-astiqrzh]{margin-bottom:16px;max-width:740px;margin-left:auto;margin-right:auto}.mag-featured-image[data-astro-cid-astiqrzh]{max-width:960px;margin:0 auto 28px;border-radius:16px;overflow:hidden;background:var(--bg-card, #fff);border:1px solid var(--border-color, #eee)}.mag-featured-image[data-astro-cid-astiqrzh] img[data-astro-cid-astiqrzh]{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.mag-nav-links[data-astro-cid-astiqrzh]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;padding-top:32px;border-top:2px solid var(--accent, #E74C3C)}.mag-nav-card[data-astro-cid-astiqrzh]{display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--bg-card, #fff);border:1px solid var(--border-color, #eee);border-radius:12px;text-decoration:none;transition:all .25s}.mag-nav-card[data-astro-cid-astiqrzh]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.mag-nav-next[data-astro-cid-astiqrzh]{text-align:right}.mag-nav-dir[data-astro-cid-astiqrzh]{font-size:.75rem;font-weight:700;color:var(--accent, #E74C3C);text-transform:uppercase;letter-spacing:.5px}.mag-nav-title[data-astro-cid-astiqrzh]{font-size:1rem;font-weight:700;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mag-nav-card[data-astro-cid-astiqrzh]:hover .mag-nav-title[data-astro-cid-astiqrzh]{color:var(--accent, #E74C3C)}.mag-related[data-astro-cid-astiqrzh]{margin-top:48px}.mag-related-title[data-astro-cid-astiqrzh]{font-size:1.5rem;font-weight:800;margin-bottom:24px;display:flex;align-items:center;gap:12px}.mag-title-bar[data-astro-cid-astiqrzh]{width:4px;height:28px;background:var(--accent, #E74C3C);border-radius:2px}.mag-related-grid[data-astro-cid-astiqrzh]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:960px){.mag-share-float[data-astro-cid-astiqrzh]{display:none}.mag-article-title[data-astro-cid-astiqrzh]{font-size:1.75rem}.mag-related-grid[data-astro-cid-astiqrzh]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.mag-article-title[data-astro-cid-astiqrzh]{font-size:1.5rem}.mag-author[data-astro-cid-astiqrzh]{align-items:center;gap:10px;flex-wrap:nowrap}.mag-author-avatar[data-astro-cid-astiqrzh]{width:38px;height:38px;font-size:.8125rem}.mag-author-name[data-astro-cid-astiqrzh]{max-width:min(34vw,150px);font-size:.9375rem}.mag-meta-line[data-astro-cid-astiqrzh]{margin-left:auto}.mag-date-chip[data-astro-cid-astiqrzh]{padding:4px 9px;font-size:.8125rem}.mag-reading-time[data-astro-cid-astiqrzh]{display:none}.mag-nav-links[data-astro-cid-astiqrzh],.mag-related-grid[data-astro-cid-astiqrzh]{grid-template-columns:1fr}}@media(max-width:360px){.mag-author[data-astro-cid-astiqrzh]{gap:8px}.mag-author-avatar[data-astro-cid-astiqrzh]{width:36px;height:36px}.mag-author-name[data-astro-cid-astiqrzh]{max-width:24vw}.mag-date-chip[data-astro-cid-astiqrzh]{gap:5px;padding:3px 7px;font-size:.75rem}.mag-date-chip[data-astro-cid-astiqrzh] .meta-icon[data-astro-cid-astiqrzh]{width:14px;height:14px}}.progress-bar{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--accent),#e67e22);z-index:9999;transition:width .1s linear}.post-detail{min-width:0}.post-header{margin-bottom:32px}.post-badges{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.post-title{font-family:var(--font-heading);font-size:2.25rem;font-weight:800;line-height:1.2;margin-bottom:24px;color:var(--text-primary)}.post-author-line{display:flex;align-items:center;gap:12px;min-width:0}.author-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:700;color:#fff;flex-shrink:0}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text-primary);text-decoration:none;font-size:.9375rem}.author-name:hover{color:var(--accent)}.post-meta-line{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:.8125rem;color:var(--text-muted);margin-left:auto;flex:0 0 auto;flex-wrap:nowrap;min-width:max-content}.post-date-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-card);color:var(--text-muted);line-height:1.2;white-space:nowrap}.post-date-chip.is-updated{color:var(--accent);border-color:var(--accent-light);background:var(--accent-light)}.post-reading-time{white-space:nowrap}.meta-icon{display:block;opacity:.76;flex-shrink:0}.share-buttons{display:flex;align-items:center;gap:8px;margin-top:20px;flex-wrap:wrap}.share-label{font-size:.8125rem;font-weight:600;color:var(--text-muted)}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:500;text-decoration:none;border:1px solid var(--border-color);color:var(--text-secondary);background:var(--bg-card);cursor:pointer;transition:all .2s ease}.share-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.share-fb:hover{background:#1877f2;color:#fff;border-color:#1877f2}.share-tw:hover{background:#000;color:#fff;border-color:#000}.share-copy:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.featured-img-wrapper{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:32px}.featured-blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(20px);transform:scale(1.1);z-index:0}.post-featured-image{position:relative;width:100%;display:block;z-index:1}.toc-box{background:var(--bg-warm);border:1px solid var(--border-color);border-radius:var(--radius);padding:0;margin-bottom:12px;overflow:hidden}.toc-header{display:flex;align-items:center;gap:8px;padding:14px 20px;cursor:pointer;user-select:none;font-weight:600}.toc-header:hover{background:var(--bg-hover)}.toc-icon{font-size:1.125rem}.toc-title{flex:1;font-size:.9375rem;color:var(--text-primary)}.toc-arrow{font-size:.6875rem;color:var(--text-muted);transition:transform .2s}.toc-list{list-style:none;padding:0 20px 16px;margin:0}.toc-item{padding:0}.toc-h3{padding-left:20px}.toc-link{display:block;padding:6px 12px;margin:2px 0;font-size:.875rem;color:var(--text-secondary);text-decoration:none;border-radius:4px;border-left:2px solid transparent;transition:all .15s ease}.toc-link:hover{color:var(--accent);background:var(--bg-hover)}.toc-link.active{color:var(--accent);border-left-color:var(--accent);background:#c8783214;font-weight:600}.post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border-color)}.tags-label{font-size:.8125rem;font-weight:600;color:var(--text-muted)}.tag-chip{padding:5px 14px;background:var(--bg-warm);border:1px solid var(--border-color);border-radius:20px;font-size:.8125rem;color:var(--text-secondary);text-decoration:none;transition:all var(--transition)}.tag-chip:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.post-nav-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border-color)}.pn-link{display:flex;flex-direction:column;gap:6px;padding:16px 20px;border:1px solid var(--border-color);border-radius:var(--radius);text-decoration:none;transition:all .2s ease}.pn-link:hover{border-color:var(--accent);box-shadow:0 2px 12px #00000014}.pn-next{text-align:right}.pn-direction{font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.3px}.pn-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pn-link:hover .pn-title{color:var(--accent)}.related-section{margin-top:48px}.related-title{font-family:var(--font-heading);font-size:1.375rem;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--accent);color:var(--text-primary)}.related-grid{display:grid;grid-template-columns:1fr;gap:16px}.back-to-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 16px #0003;opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:100}.back-to-top.visible{opacity:1;transform:translateY(0)}.back-to-top:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.copy-code-btn{position:absolute;top:8px;right:8px;padding:4px 10px;border-radius:4px;font-size:.6875rem;font-weight:600;background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .2s}.copy-code-btn:hover{background:#fff3;color:#fff}.shortcode-form{background:var(--bg-card, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:28px;margin:24px 0}.form-desc{color:var(--text-muted);font-size:.875rem;margin-bottom:20px}.form-field{margin-bottom:18px}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.form-label .required{color:#e53e3e}.form-input{width:100%;padding:10px 14px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.875rem;background:var(--bg-warm, #fafafa);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--accent, #c87832);box-shadow:0 0 0 3px #c8783226}.form-textarea{resize:vertical;min-height:100px}.form-check-group{display:flex;flex-wrap:wrap;gap:12px}.form-check{display:flex;align-items:center;gap:6px;font-size:.875rem;cursor:pointer}.form-actions{margin-top:20px}.form-submit-btn{padding:12px 32px;border:none;border-radius:8px;background:var(--accent-gradient, linear-gradient(135deg, #c87832, #e67e22));color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.form-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c878324d}.form-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-message{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:.875rem;font-weight:500}.form-message.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.form-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.form-error{color:#e53e3e;font-style:italic}.page-content-wrapper{max-width:800px;margin:0 auto;padding:40px 20px 60px}.page-header-block{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color, #e2e8f0)}.page-title-main{font-size:2.25rem;font-weight:800;color:var(--text-primary, #1a202c);line-height:1.2}.page-body{font-size:1.0625rem;line-height:1.8;color:var(--text-secondary, #4a5568)}.page-body h2{font-size:1.625rem;font-weight:700;color:var(--text-primary);margin:32px 0 16px}.page-body h3{font-size:1.3125rem;font-weight:600;color:var(--text-primary);margin:24px 0 12px}.page-body p{margin-bottom:16px}.page-body ul,.page-body ol{margin:16px 0;padding-left:24px}.page-body li{margin-bottom:8px}@media(max-width:768px){.post-title{font-size:1.625rem}.post-author-line{align-items:center;gap:10px;flex-wrap:nowrap}.author-avatar{width:38px;height:38px;font-size:.8125rem}.author-name{max-width:min(34vw,150px)}.post-meta-line{margin-left:auto}.post-date-chip{padding:4px 9px;font-size:.8125rem}.post-reading-time{display:none}.post-nav-links{grid-template-columns:1fr}.share-buttons{gap:6px}.back-to-top{bottom:20px;right:20px;width:40px;height:40px;font-size:1.125rem}}@media(max-width:360px){.post-author-line{gap:8px}.author-avatar{width:36px;height:36px}.author-name{max-width:24vw}.post-date-chip{gap:5px;padding:3px 7px;font-size:.75rem}.post-date-chip .meta-icon{width:14px;height:14px}}