@charset "UTF-8";.hero-blog{background:linear-gradient(135deg,#c71f2d,#a11822);color:#fff;padding:var(--spacing-2xl, 3rem) 0 var(--spacing-2xl, 3rem);position:relative;overflow:hidden}.hero-blog:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="rgba(255,255,255,0.05)" d="M0,96L48,112C96,128,192,160,288,165.3C384,171,480,149,576,128C672,107,768,85,864,90.7C960,96,1056,128,1152,133.3C1248,139,1344,117,1392,106.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover;opacity:1;pointer-events:none}.hero-blog .hero-content{position:relative;z-index:1}.hero-blog .hero-title{font-size:var(--font-size-3xl, 2.25rem);font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.15)}.hero-blog .hero-subtitle{font-size:var(--font-size-lg, 1.125rem);max-width:560px;margin-left:auto;margin-right:auto;color:#fff;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.1)}@media(min-width:768px){.hero-blog{padding:4rem 0}.hero-blog .hero-title{font-size:2.5rem}}.blog-timeline-section{padding:2rem 0 3rem}.blog-timeline-headline{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:var(--color-text, #1a1a1a)}.blog-timeline-subtitle{color:#555;margin:0 0 2rem;font-size:1rem}.blog-timeline{position:relative;padding-left:0}.blog-timeline-item{position:relative;padding-bottom:2rem;transition:transform .2s ease}.blog-timeline-item:hover{transform:translate(4px)}.blog-timeline-item:last-child{padding-bottom:0}.blog-timeline-item:last-child .blog-timeline-dot:after{display:none}.blog-timeline-link{display:grid;grid-template-columns:120px 24px 1fr;gap:0 1rem;align-items:start;text-decoration:none;color:inherit;transition:opacity .2s}.blog-timeline-link:hover{opacity:.85}@media(max-width:640px){.blog-timeline-link{grid-template-columns:1fr;gap:.5rem 0}}.blog-timeline-date-block{text-align:right;padding-top:.15rem}@media(max-width:640px){.blog-timeline-date-block{text-align:left}}.blog-timeline-date{display:block;font-variant-numeric:tabular-nums}.blog-timeline-day{display:block;font-size:2rem;font-weight:700;line-height:1.1;color:var(--color-primary, #2563eb)}.blog-timeline-month{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#666}.blog-timeline-year{display:block;font-size:.875rem;color:#888}.blog-timeline-dot{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary, #C71F2D) 0%,var(--color-primary-dark, #A11822) 100%);margin-top:.6rem;flex-shrink:0;position:relative;box-shadow:0 0 0 4px #c71f2d26;transition:all .3s ease}.blog-timeline-item:hover .blog-timeline-dot{transform:scale(1.2);box-shadow:0 0 0 6px #c71f2d33}.blog-timeline-dot:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:2px;height:calc(100% + 2rem);background:linear-gradient(180deg,#e0e0e0,#f5f5f5)}@media(max-width:640px){.blog-timeline-dot{display:none}}.blog-timeline-content{min-width:0;display:flex;gap:1rem;align-items:flex-start}.blog-timeline-thumb{flex-shrink:0;width:120px;height:80px;border-radius:8px;overflow:hidden;background:#eee;box-shadow:0 2px 8px #00000014;transition:transform .2s ease}.blog-timeline-item:hover .blog-timeline-thumb{transform:scale(1.05);box-shadow:0 4px 12px #0000001f}.blog-timeline-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-timeline-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#999}.blog-timeline-thumb-placeholder-icon{font-size:1.75rem;filter:grayscale(.3)}.blog-timeline-content-text{min-width:0;flex:1}@media(max-width:640px){.blog-timeline-content{flex-direction:column}.blog-timeline-thumb{width:100%;height:140px}}.blog-timeline-category{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg,var(--color-primary, #C71F2D) 0%,var(--color-primary-dark, #A11822) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.blog-timeline-title{font-size:1.25rem;font-weight:600;margin:0 0 .35rem;line-height:1.35}.blog-timeline-excerpt{font-size:.9375rem;color:#555;margin:0 0 .5rem;line-height:1.5}.blog-timeline-author{font-size:.8125rem;color:#777}.blog-empty{padding:2rem;text-align:center;color:#666}.blog-pagination{margin-top:2.5rem;display:flex;justify-content:center}.blog-article{padding:2rem 0 3rem}.blog-article-header{margin-bottom:1.5rem}.blog-article-category{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary, #2563eb);margin-bottom:.5rem}.blog-article-title{font-size:1.75rem;font-weight:700;margin:0 0 .75rem;line-height:1.3}.blog-article-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.9375rem;color:#666}.blog-article-date{font-variant-numeric:tabular-nums}.blog-article-updated:before,.blog-article-reading-time:before,.blog-article-author:before{content:"· "}.blog-article-hero{margin-bottom:1.5rem;border-radius:10px;overflow:hidden;background:#f0f0f0;height:400px}.blog-article-hero-img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.blog-article-hero-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;color:#999}.blog-article-hero-placeholder-icon{font-size:3rem;margin-bottom:.5rem}.blog-article-hero-placeholder-text{font-size:.875rem}.blog-article-toc{margin-bottom:1.25rem;padding:.6rem .9rem;background:#f5f5f5;border-radius:6px;border:1px solid #e8e8e8}.blog-article-toc-title{font-size:.8125rem;font-weight:600;margin:0 0 .4rem;color:#333}.blog-article-toc-list{list-style:none;padding:0;margin:0}.blog-article-toc-list li{margin-bottom:.15rem}.blog-article-toc-list li.blog-article-toc-level-3{padding-left:.75rem}.blog-article-toc-list a{font-size:.875rem;color:#444;text-decoration:none}.blog-article-toc-list a:hover{text-decoration:underline;color:var(--color-primary, #2563eb)}.blog-article-content{max-width:720px;line-height:1.7}.blog-article-content p{margin-bottom:1rem;color:#333}.blog-article-content h2{font-size:1.5rem;font-weight:700;margin:2rem 0 1rem;line-height:1.3;color:#1a1a1a}.blog-article-content h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;line-height:1.35;color:#1a1a1a}.blog-article-content ul,.blog-article-content ol{margin-bottom:1rem;padding-left:1.5rem}.blog-article-content li{margin-bottom:.5rem;line-height:1.6}.blog-article-content a{color:var(--color-primary, #2563eb);text-decoration:underline;transition:color .2s}.blog-article-content a:hover{color:var(--color-primary-dark, #1d4ed8)}.blog-article-content strong{font-weight:600}.blog-article-content figure{margin:1.5rem 0}.blog-article-content img{max-width:100%;height:auto;border-radius:8px;display:block;margin:1.5rem 0}.blog-article-content .img-placeholder{background:#f0f0f0;border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;color:#888;font-size:.875rem;margin:1.5rem 0}.blog-article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.blog-article-content thead{background:linear-gradient(135deg,var(--color-primary, #C71F2D) 0%,var(--color-primary-dark, #A11822) 100%);color:#fff}.blog-article-content th{padding:.875rem 1rem;text-align:left;font-weight:600}.blog-article-content th:first-child{width:36%}.blog-article-content td{padding:.75rem 1rem;border-bottom:1px solid #eee}.blog-article-content tbody tr:nth-child(2n){background:#f9f9f9}.blog-article-content tbody tr:hover{background:#f5f5f5}.blog-article-content tbody tr:last-child td{border-bottom:none}.blog-article-content tbody td:first-child{font-weight:500;color:#333}@media(max-width:640px){.blog-article-content table{font-size:.875rem}.blog-article-content th,.blog-article-content td{padding:.6rem .75rem}}.blog-article-cta{margin-top:2rem}.blog-article-share{margin-top:2rem;padding:1.25rem 0;border-top:1px solid #e5e5e5}.blog-article-share-label{display:block;font-size:.875rem;font-weight:600;color:#444;margin-bottom:.75rem}.blog-article-share-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.blog-article-share-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;border-radius:6px;border:1px solid #ddd;background:#fff;color:#333;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.blog-article-share-btn:hover{background:#f5f5f5;border-color:#ccc}.blog-article-share-fb:hover{background:#1877f2;color:#fff;border-color:#1877f2}.blog-article-share-x:hover{background:#000;color:#fff;border-color:#000}.blog-article-share-wa:hover{background:#25d366;color:#fff;border-color:#25d366}.blog-article-share-copy:hover{background:#f0f0f0;border-color:#999}.blog-article-share-copy.copied{background:#22c55e;color:#fff;border-color:#22c55e}.blog-article-share-hint{font-size:.75rem;color:#888;margin:.75rem 0 0}.blog-article-nav{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #e5e5e5}.blog-article-nav-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:start}.blog-article-nav-link{text-decoration:none;color:inherit;font-size:.9375rem;padding:.5rem 0;transition:color .2s}.blog-article-nav-link:hover{color:var(--color-primary, #2563eb)}.blog-article-nav-prev{text-align:left}.blog-article-nav-next{text-align:right}.blog-article-nav-index{text-align:center;color:#666;font-weight:500}.blog-article-nav-empty{pointer-events:none;visibility:hidden}.blog-article-nav-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:#888;margin-bottom:.2rem}.blog-article-nav-title{display:block;font-weight:500;line-height:1.35}@media(max-width:640px){.blog-article-nav-inner{grid-template-columns:1fr}.blog-article-nav-prev,.blog-article-nav-next{text-align:left}.blog-article-nav-index{order:-1}}.blog-article-related{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #eee}.blog-article-related-title{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:#333}.blog-article-related-list{list-style:none;padding:0;margin:0}.blog-article-related-list li{margin-bottom:.75rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.blog-article-related-list a{color:var(--color-primary, #2563eb);text-decoration:underline}.blog-article-related-list a:hover{text-decoration:none}.blog-article-related-list time{font-size:.875rem;color:#666}