.article-table-container{background:var(--pageBg);width:100%;padding:var(--space-24)0}.article-table-header{margin-bottom:var(--space-24);padding:0 var(--space-16);justify-content:space-between;align-items:center;display:flex}.table-title{font-size:var(--fs-title1);font-weight:var(--fw-bold);color:var(--systemPrimary);margin:0}.table-count{font-size:var(--fs-callout);color:var(--systemSecondary)}.article-table-empty{text-align:center;padding:var(--space-64);color:var(--systemSecondary);font-size:var(--fs-body)}.article-table{background:var(--cardBg);border:1px solid var(--borderColorLight);border-radius:var(--radius-xlarge);overflow:hidden}.table-header-row{gap:var(--space-16);padding:var(--space-16)var(--space-20);background:var(--systemQuaternary);border-bottom:1px solid var(--borderColorLight);font-size:var(--fs-callout);font-weight:var(--fw-semibold);color:var(--systemSecondary);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:56px 1fr 140px 140px 120px;display:grid}.table-body{flex-direction:column;display:flex}.table-row{gap:var(--space-16);padding:var(--space-20);border-bottom:2px solid var(--borderColor);transition:all var(--transition-fast);grid-template-columns:56px 1fr 140px 140px 120px;align-items:center;display:grid}.table-row:last-child{border-bottom:2px solid var(--borderColor)}.table-row:hover{background:var(--systemQuaternary)}.col-thumbnail{justify-content:center;align-items:center;display:flex}.article-thumbnail-placeholder{border-radius:var(--radius-medium);background:var(--systemQuaternary);border:1px solid var(--borderColorLight);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.article-thumbnail-placeholder .material-symbols-outlined{color:var(--systemSecondary);font-size:20px}.col-title{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.article-title-link{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--systemPrimary);line-height:var(--lh-body);transition:color var(--transition-fast);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.article-title-link:hover{color:var(--keyColor)}.article-excerpt{font-size:var(--fs-callout);color:var(--systemSecondary);line-height:var(--lh-callout);text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.col-date{align-items:center;display:flex}.date-text{font-size:var(--fs-callout);color:var(--systemSecondary);white-space:nowrap}.col-category{align-items:center;display:flex}.category-badge{padding:var(--space-8)var(--space-16);background:var(--systemQuaternary);border:1px solid var(--borderColor);border-radius:var(--radius-large);font-size:var(--fs-callout);font-weight:var(--fw-semibold);color:var(--systemPrimary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;transition:all var(--transition-fast);display:inline-block;overflow:hidden}.col-action{justify-content:flex-end;align-items:center;display:flex}.read-button{align-items:center;gap:var(--space-6);padding:var(--space-8)var(--space-16);background:var(--systemQuaternary);border:1px solid var(--borderColorLight);border-radius:var(--radius-large);font-size:var(--fs-callout);font-weight:var(--fw-semibold);color:var(--keyColor);transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;display:inline-flex}.read-button:hover{background:var(--keyColor);color:#fff;border-color:var(--keyColor);transform:translate(2px)}.read-button .material-symbols-outlined{transition:transform var(--transition-fast);font-size:18px}.read-button:hover .material-symbols-outlined{transform:translate(2px)}.pagination-container{justify-content:center;align-items:center;gap:var(--space-12);padding:var(--space-32)var(--space-16);display:flex}.pagination-btn{background:var(--cardBg);border:1px solid var(--borderColor);border-radius:var(--radius-medium);width:40px;height:40px;color:var(--systemPrimary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.pagination-btn:hover:not(:disabled){background:var(--systemQuaternary);border-color:var(--keyColor);color:var(--keyColor)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn .material-symbols-outlined{font-size:24px}.pagination-pages{align-items:center;gap:var(--space-8);display:flex}.pagination-page{min-width:40px;height:40px;padding:0 var(--space-12);background:var(--cardBg);border:1px solid var(--borderColor);border-radius:var(--radius-medium);font-size:var(--fs-callout);font-weight:var(--fw-medium);color:var(--systemPrimary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.pagination-page:hover{background:var(--systemQuaternary);border-color:var(--keyColor);color:var(--keyColor)}.pagination-page.active{background:var(--keyColor);border-color:var(--keyColor);color:#fff;font-weight:var(--fw-semibold)}.pagination-ellipsis{min-width:40px;height:40px;color:var(--systemSecondary);font-weight:var(--fw-medium);justify-content:center;align-items:center;display:flex}@media (max-width:1024px){.table-header-row,.table-row{gap:var(--space-12);grid-template-columns:48px 1fr 120px 100px}.col-category,.table-header-row .col-category,.article-excerpt{display:none}}@media (max-width:768px){.article-table-container{padding:var(--space-16)0}.article-table-header{align-items:flex-start;gap:var(--space-8);margin-bottom:var(--space-16);flex-direction:column}.table-title{font-size:var(--fs-title2)}.table-header-row{display:none}.article-table{background:0 0;border:none}.table-body{gap:var(--space-12)}.table-row{gap:var(--space-12);padding:var(--space-16);background:var(--cardBg);border:2px solid var(--borderColor);border-radius:var(--radius-large);flex-direction:column;align-items:stretch;display:flex}.table-row:hover{background:var(--cardBg);border-color:var(--borderColor)}.col-thumbnail{justify-content:flex-start}.col-title{order:-1}.article-title-link{font-size:var(--fs-title3);-webkit-line-clamp:3}.article-excerpt{-webkit-line-clamp:2;display:block}.col-date{order:1}.col-category{order:2;display:flex}.col-action{order:3;justify-content:flex-start}.read-button{justify-content:center;width:100%}.table-row{gap:var(--space-12);grid-template-rows:auto auto auto auto;grid-template-columns:40px 1fr;display:grid}.col-thumbnail{grid-area:1/1/3}.col-title{grid-area:1/2}.col-date{gap:var(--space-4);flex-direction:column;grid-area:2/2;align-items:flex-start;display:flex}.col-category{grid-area:3/2;justify-content:flex-start}.category-badge{font-size:var(--fs-footnote);font-weight:var(--fw-medium);width:fit-content;padding:4px}.col-action{grid-area:4/1/auto/-1}.pagination-container{gap:var(--space-8);padding:var(--space-24)var(--space-12)}.pagination-btn,.pagination-page{min-width:36px;height:36px}.pagination-pages{gap:var(--space-4)}}
.blog-page-new{background:var(--pageBg);width:100%;min-height:100vh;color:var(--systemPrimary)}.blog-page-new a{text-decoration:none}.loading-container{text-align:center;padding:120px 40px}.loading-container p{color:var(--systemSecondary);font-size:18px}.blog-page-new .hero-section{margin:0 20px var(--space-40)20px}.blog-category-page{background:var(--pageBg);width:100%;min-height:100vh;padding:var(--space-32)var(--space-40)}.breadcrumb-container{margin-bottom:var(--space-24)}.breadcrumb-link{align-items:center;gap:var(--space-8);font-size:var(--fs-callout);font-weight:var(--fw-medium);color:var(--systemSecondary);transition:color var(--transition-fast);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:none;display:inline-flex}.breadcrumb-link:hover{color:var(--keyColor)}.breadcrumb-link .material-symbols-outlined{font-size:20px}.category-header{margin-bottom:var(--space-40);max-width:800px}.category-title{font-size:var(--fs-largeTitle);font-weight:var(--fw-bold);color:var(--systemPrimary);margin:0 0 var(--space-12)0;line-height:var(--lh-largeTitle)}.category-description{font-size:var(--fs-title3);color:var(--systemSecondary);line-height:var(--lh-title3);margin:0}@media (max-width:768px){.blog-category-page{padding:var(--space-24)}.category-header{margin-bottom:var(--space-24)}.category-title{font-size:var(--fs-title1)}.category-description{font-size:var(--fs-body)}}.topic-cards-section{background:var(--pageBg);padding:64px 60px}.topic-cards-container{max-width:1200px;margin:0 auto}.section-title{color:var(--systemPrimary);text-align:center;margin-bottom:40px;font-size:28px;font-weight:700}.topic-cards-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.topic-card{background:var(--cardBg);border:1px solid var(--borderColorLight);border-radius:var(--radius-xlarge);padding:var(--space-16);gap:var(--space-16);transition:all var(--transition-base);cursor:pointer;box-shadow:var(--shadowSmall);text-align:left;width:100%;font-family:inherit;text-decoration:none;display:flex}.topic-card:hover{box-shadow:var(--shadowMedium);border-color:var(--borderColor);transform:translateY(-2px)}.topic-icon-container{border-radius:var(--radius-large);background:var(--systemQuaternary);border:1px solid var(--borderColorLight);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.topic-icon.material-symbols-outlined,.topic-icon{color:var(--systemPrimary);font-size:40px!important}.topic-info{gap:var(--space-5);flex-direction:column;flex:1;min-width:0;display:flex}.topic-title{font-size:var(--fs-title3);font-weight:var(--fw-semibold);color:var(--systemPrimary);line-height:var(--lh-title3);margin:0}.topic-description{font-size:var(--fs-callout);color:var(--systemSecondary);line-height:var(--lh-bodyTall);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.topic-count{font-size:var(--fs-callout);color:var(--systemTertiary);line-height:var(--lh-callout);margin:0}.topic-button{padding:var(--space-6)var(--space-20);background:var(--systemQuaternary);border-radius:var(--radius-xxlarge);font-size:var(--fs-callout);font-weight:var(--fw-semibold);color:var(--keyColor);transition:all var(--transition-fast);cursor:pointer;border:none;align-self:flex-start;margin-top:auto}.topic-button:hover{background:var(--systemQuaternary);transform:scale(1.02)}.article-cards-section{background:var(--systemQuaternary);padding:64px 60px 80px}.article-cards-container{max-width:1200px;margin:0 auto}.no-articles{text-align:center;color:var(--systemSecondary);padding:60px 20px;font-size:18px}.article-cards-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.article-card{background:var(--cardBg);border:1px solid var(--borderColor);border-radius:12px;padding:28px;text-decoration:none;transition:all .2s;display:block}.article-card:hover{border-color:var(--keyColor);box-shadow:var(--shadowMedium);transform:translateY(-2px)}.article-category{color:var(--keyColor);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600;display:block}.article-title{color:var(--systemPrimary);margin:0 0 12px;font-size:19px;font-weight:600;line-height:1.4}.article-excerpt{color:var(--systemSecondary);margin:0 0 16px;font-size:14px;line-height:1.6}.article-meta{color:var(--systemTertiary);align-items:center;gap:8px;font-size:13px;display:flex}.meta-separator{color:var(--systemTertiary)}.view-all-container{text-align:center;margin-top:48px}.view-all-btn{border-radius:var(--radius-medium);transition:all var(--transition-base);padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block;color:var(--systemPrimary)!important;border:2px solid var(--borderColor)!important;background:var(--cardBg)!important}.view-all-btn:hover,.view-all-btn:focus,.view-all-btn:active{box-shadow:var(--shadowMedium);transform:translateY(-2px);background:var(--systemQuaternary)!important;border-color:var(--keyColor)!important;color:var(--keyColor)!important}@media (max-width:1024px){.topic-cards-grid,.article-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-page-new .hero-section{margin:0 12px var(--space-32)12px}.topic-cards-section,.article-cards-section{padding:48px 24px}.section-title{margin-bottom:32px;font-size:24px}.topic-cards-grid{grid-template-columns:1fr}}@media (max-width:640px){.topic-cards-grid,.article-cards-grid{grid-template-columns:1fr;gap:16px}.topic-card{padding:var(--space-12);gap:var(--space-12)}.topic-icon-container{width:60px;height:60px}.topic-icon.material-symbols-outlined,.topic-icon{font-size:32px!important}.article-card{padding:24px}}