.blog-list,.blog-article{padding-top:70px}.blog-article{background:var(--bg-primary);padding-bottom:var(--space-4xl)}.blog-list__header{background:linear-gradient(160deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-inverse);padding:4rem 0 3rem;text-align:center}.blog-list__header-icon{display:block;font-size:3rem;margin-bottom:var(--space-md);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.blog-list__header-title{font-size:var(--font-size-3xl);font-weight:800;line-height:1.3;margin:0 0 var(--space-sm)}.blog-list__header-tagline{font-size:var(--font-size-lg);font-weight:600;opacity:.9;margin:0 0 var(--space-sm)}.blog-list__header-desc{font-size:var(--font-size-base);opacity:.75;max-width:440px;margin:0 auto var(--space-lg);line-height:1.7}.blog-list__count{display:inline-block;font-size:var(--font-size-sm);font-weight:600;background:#ffffff26;border:1px solid rgba(255,255,255,.25);padding:5px 14px;border-radius:var(--border-radius-full);opacity:.9}.blog-list__tabs-section{background:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:60px;z-index:10}.blog-list__category-tabs{display:flex;gap:var(--space-xs);padding:var(--space-md) 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.blog-list__category-tabs::-webkit-scrollbar{display:none}.blog-list__tab{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--border-radius-full);border:1.5px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.blog-list__tab:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:var(--color-primary-pale)}.blog-list__tab--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.blog-list__tab--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--text-inverse)}.blog-list__featured-section{padding:var(--space-3xl) 0 var(--space-2xl);background:var(--bg-secondary)}.blog-list__section-heading{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xl)}.blog-list__featured-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:768px){.blog-list__featured-grid{grid-template-columns:3fr 2fr}}.blog-list__featured-main{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1.5px solid var(--border-color);padding:var(--space-2xl);cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;gap:var(--space-md)}.blog-list__featured-main:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.blog-list__featured-main-title{font-size:var(--font-size-xl);font-weight:800;color:var(--text-primary);line-height:1.4;margin:0}.blog-list__featured-main-summary{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.8;margin:0;flex:1}.blog-list__featured-read-more{font-size:var(--font-size-sm);font-weight:700;color:var(--color-primary)}.blog-list__featured-sub{display:flex;flex-direction:column;gap:var(--space-md)}.blog-list__featured-sub-card{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1.5px solid var(--border-color);padding:var(--space-xl);cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.blog-list__featured-sub-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-list__featured-sub-title{font-size:var(--font-size-base);font-weight:700;color:var(--text-primary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-list__cards-section{padding:var(--space-3xl) 0;background:var(--bg-primary)}.blog-list__grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:640px){.blog-list__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-list__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}}.blog-list__empty{text-align:center;color:var(--text-tertiary);font-size:var(--font-size-base);padding:var(--space-3xl) 0}.blog-card{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1.5px solid var(--border-color);padding:var(--space-xl);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);display:flex;flex-direction:column;gap:var(--space-lg);outline:none}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.blog-card:focus-visible{box-shadow:0 0 0 3px var(--color-primary-pale),var(--shadow-md)}.blog-card__body{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.blog-card__category-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:700;color:#fff;padding:4px 10px;border-radius:var(--border-radius-full);align-self:flex-start;letter-spacing:.02em}.blog-card__title{font-size:var(--font-size-base);font-weight:700;color:var(--text-primary);line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__summary{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.blog-card__tags{display:flex;flex-wrap:wrap;gap:4px}.blog-card__tag{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background:var(--color-primary-pale);padding:2px 8px;border-radius:var(--border-radius-full)}.blog-card__footer-right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.blog-card__reading-time{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.blog-card__read-more{font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary)}.blog-list__cta-section{padding:var(--space-3xl) 0;background:var(--bg-tertiary)}.blog-list__cta-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--border-radius-xl);padding:var(--space-3xl) var(--space-xl);max-width:520px;margin:0 auto;color:var(--text-inverse)}.blog-list__cta-emoji{font-size:2.5rem}.blog-list__cta-text{font-size:var(--font-size-lg);font-weight:600;line-height:1.6;opacity:.95}.blog-article__topnav{padding-top:var(--space-lg);padding-bottom:var(--space-md)}.blog-article__back-btn{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-decoration:none;padding:8px 16px;border-radius:var(--border-radius-full);border:1.5px solid var(--color-primary-light);background:var(--color-primary-pale);transition:all var(--transition-fast)}.blog-article__back-btn:hover{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);transform:translate(-2px)}.blog-article__header{padding:var(--space-xl) var(--space-lg);margin-bottom:var(--space-2xl)}.blog-article__title{font-size:var(--font-size-3xl);font-weight:800;color:var(--text-primary);line-height:1.35;margin:var(--space-md) 0}@media(max-width:768px){.blog-article__title{font-size:var(--font-size-2xl)}}.blog-article__meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-md)}.blog-article__dot{opacity:.5}.blog-article__keywords{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.blog-article__keyword-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background:var(--color-primary-pale);padding:4px 10px;border-radius:var(--border-radius-full);letter-spacing:.01em}.blog-article__body{padding:0 var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl)}.blog-article__intro{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);line-height:1.8;padding:var(--space-lg) var(--space-xl);background:var(--bg-card);border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-sm)}.blog-article__block{display:flex;flex-direction:column;gap:var(--space-md)}.blog-article__h2{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary-dark);line-height:1.4;padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-primary-pale)}.blog-article__paragraph{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.9}.blog-article__list{display:flex;flex-direction:column;gap:var(--space-sm);padding-left:0;list-style:none;margin:0}.blog-article__list-item{display:flex;gap:var(--space-md);font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.8;padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-radius:var(--border-radius-md);border:1px solid var(--border-color);transition:border-color var(--transition-fast)}.blog-article__list-item:before{content:"";width:20px;height:20px;background:url(/images/name_stone.png) center / contain no-repeat;display:inline-block;flex-shrink:0;margin-top:2px}.blog-article__list-item:hover{border-color:var(--color-primary-light)}.blog-article__highlight{background:#4a7c6f14;border-left:4px solid var(--color-primary);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-base);color:var(--text-primary);line-height:1.8;font-weight:500}.blog-article__inline-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center;background:var(--color-accent-light);border-radius:var(--border-radius-lg);padding:var(--space-xl);border:1px solid rgba(244,162,97,.3)}.blog-article__inline-cta-text{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.7}.blog-article__pagination{margin-top:var(--space-2xl);padding:0 var(--space-lg)}.blog-article__pagination-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.blog-article__pagination-btn{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg);background:var(--bg-card);border-radius:var(--border-radius-md);border:1.5px solid var(--border-color);text-decoration:none;color:var(--text-primary);transition:all var(--transition-normal)}.blog-article__pagination-btn:hover{border-color:var(--color-primary-light);background:var(--color-primary-pale);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.blog-article__pagination-btn--next{text-align:right}.blog-article__pagination-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.blog-article__pagination-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.animate-fade-in-up{animation:fadeInUp .4s ease both}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.blog-list__header{padding:3rem 0 2rem}.blog-list__header-title{font-size:var(--font-size-2xl)}.blog-list__grid{grid-template-columns:1fr}.blog-list__category-tabs{flex-wrap:wrap;justify-content:flex-start;row-gap:var(--space-xs);overflow-x:visible;padding:var(--space-sm) 0}.blog-list__tab{padding:8px 14px;font-size:var(--font-size-xs)}.blog-article__header{padding:var(--space-lg) var(--space-md)}.blog-article__body,.blog-article__pagination{padding:0 var(--space-md)}.blog-article__pagination-inner{grid-template-columns:1fr}.blog-article__pagination-btn--next{text-align:left}.blog-article__intro,.blog-article__highlight{padding:var(--space-md) var(--space-lg)}}