.hero-blog{padding:110px 0 48px;text-align:center}.hero-blog .hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--blue-bg);color:var(--blue);border:1px solid rgb(30 64 175 / .12);padding:5px 14px;border-radius:99px;font-size:.78rem;font-weight:600;margin-bottom:24px}.hero-blog .hero-badge .dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:blink 1.5s ease-in-out infinite}.hero-blog h1{font-size:clamp(2.2rem, 5vw, 3.2rem);font-weight:400;color:var(--dark);line-height:1.12;letter-spacing:-.03em;margin-bottom:20px;max-width:720px;margin-left:auto;margin-right:auto}.hero-blog h1 strong{font-weight:800}.hero-blog .hero-desc{font-size:1.05rem;color:var(--text-light);max-width:540px;margin:0 auto;line-height:1.7}.filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:0 0 48px}.filter-pill{padding:7px 18px;border-radius:99px;font-size:.82rem;font-weight:600;border:1px solid var(--border);background:var(--white);color:var(--text-light);cursor:pointer;transition:all 0.2s;font-family:var(--font)}.filter-pill:hover{border-color:var(--blue);color:var(--blue)}.filter-pill.active{background:var(--blue);color:#fff;border-color:var(--blue)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all 0.3s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card-img{width:100%;aspect-ratio:16/9;background:var(--blue-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-bottom:1px solid var(--border)}.blog-card-img img{width:100%;height:100%;object-fit:cover}.blog-card-img svg{width:48px;height:48px;stroke:var(--blue);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.blog-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.blog-card-cat{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--blue);margin-bottom:10px}.blog-card-body h3{font-size:1.05rem;font-weight:800;color:var(--dark);line-height:1.35;margin-bottom:10px;letter-spacing:-.01em}.blog-card-body .excerpt{font-size:.86rem;color:var(--text-light);line-height:1.65;margin-bottom:16px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-lighter);padding-top:16px;border-top:1px solid var(--border)}.blog-card-meta .author-avatar{width:24px;height:24px;border-radius:50%;background:var(--blue-bg);overflow:hidden;flex-shrink:0}.blog-card-meta .author-avatar img{width:100%;height:100%;object-fit:cover}.blog-card-meta .sep{color:var(--border)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px}.pagination button{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--white);color:var(--text);font-family:var(--font);font-size:.88rem;font-weight:600;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;justify-content:center}.pagination button:hover{border-color:var(--blue);color:var(--blue)}.pagination button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.pagination button:disabled{opacity:.35;cursor:default}.pagination button:disabled:hover{border-color:var(--border);color:var(--text)}.pagination .page-arrow{font-size:1rem}.article-header{padding:110px 0 24px}.article-container{max-width:720px;margin:0 auto;padding:0 24px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.8rem;margin-bottom:24px}.breadcrumb a{color:var(--text-light);text-decoration:none;transition:color 0.15s}.breadcrumb a:hover{color:var(--blue)}.breadcrumb .badge-gray{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);background:var(--gray-100);padding:4px 12px;border-radius:99px}.breadcrumb .badge-gray:hover{color:var(--dark)}.breadcrumb .sep{color:var(--border)}.breadcrumb .current{color:var(--blue);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;background:var(--blue-bg);padding:4px 12px;border-radius:99px}.article-header h1{font-size:clamp(1.8rem, 4vw, 2.4rem);font-weight:800;color:var(--dark);line-height:1.2;letter-spacing:-.02em;margin-bottom:20px}.article-meta{display:flex;align-items:center;gap:12px;font-size:.84rem;color:var(--text-light);padding-bottom:32px;border-bottom:1px solid var(--border)}.article-meta .author-avatar{width:36px;height:36px;border-radius:50%;background:var(--blue-bg);overflow:hidden;flex-shrink:0}.article-meta .author-avatar img{width:100%;height:100%;object-fit:cover}.article-meta .author-name{font-weight:600;color:var(--dark)}.article-meta .sep{color:var(--border)}.article{padding:8px 0 64px}.article h2{font-size:1.35rem;font-weight:800;color:var(--dark);line-height:1.3;margin:48px 0 16px;letter-spacing:-.01em}.article h2:first-child{margin-top:0}.article h3{font-size:1.1rem;font-weight:700;color:var(--dark);line-height:1.3;margin:32px 0 12px}.article p{font-size:1.02rem;color:var(--text-light);line-height:1.8;margin-bottom:20px}.article strong{font-weight:700;color:var(--dark)}.article .intro{margin-bottom:32px}.article ul,.article ol{margin:0 0 20px 24px;font-size:1.02rem;color:var(--text-light);line-height:1.8}.article li{margin-bottom:6px}.article li strong{color:var(--dark)}.article a{color:var(--blue);text-decoration:underline;transition:color 0.15s}.article a:hover{color:var(--blue-hover)}.author-box{display:flex;gap:20px;align-items:flex-start;background:var(--bg-blue);border-radius:var(--radius-lg);padding:28px;margin:48px 0}.author-box-avatar{width:64px;height:64px;border-radius:50%;background:var(--white);overflow:hidden;flex-shrink:0}.author-box-avatar img{width:100%;height:100%;object-fit:cover}.author-box-info h3{font-size:1.1rem;font-weight:800;color:var(--dark);margin-bottom:2px}.author-box-info .role{font-size:1.02rem;color:var(--blue);font-weight:600;margin-bottom:8px}.author-box-info p{font-size:1.02rem;color:var(--text-light);line-height:1.8}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--blue);text-decoration:none;transition:gap 0.2s}.back-link:hover{gap:10px}.video-fixed{position:fixed;right:24px;width:380px;z-index:50;background:var(--bg-blue);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-md);transition:top 0.15s ease,opacity 0.3s ease}.video-fixed-label{font-size:.82rem;font-weight:700;color:var(--dark);margin-bottom:10px}.video-fixed iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px;display:block}.video-fixed-close{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--white);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-light);line-height:1}.video-fixed-close:hover{background:var(--gray-100)}@media (max-width:1200px){.video-fixed{display:none}}@media (max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}.hero-blog h1{font-size:2rem}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}.hero-blog{padding:80px 0 36px}.hero-blog h1{font-size:1.8rem}.article-header h1{font-size:1.6rem}.article-header{padding:80px 0 36px}.author-box{flex-direction:column;align-items:center;text-align:center}}