.cx-blog-page{color:var(--cx-text);overflow:hidden;background:radial-gradient(circle at 78% 5%,var(--cx-blog-glow-soft),transparent 28%),radial-gradient(circle at 0 28%,var(--cx-blog-glow-soft),transparent 26%),var(--cx-blog-bg)}
.cx-breadcrumb{display:flex;align-items:center;gap:10px;color:var(--cx-text-soft);font-size:14px;margin-bottom:24px}
.cx-breadcrumb i{color:var(--cx-text-dim);font-size:11px}
.cx-panel{background:var(--cx-blog-panel);border:1px solid var(--cx-border-primary-soft);border-radius:8px;box-shadow:var(--cx-shadow-blog-panel)}
.cx-post-stack,.cx-sidebar{min-width:0}
.cx-sidebar{display:grid;gap:22px}
.cx-widget{padding:28px}
.cx-widget h3{font-size:25px;margin-bottom:22px}
.cx-widget p,.cx-featured-body p,.cx-post-summary{color:var(--cx-text-softer);font-size:17px;line-height:1.65}
.cx-post-meta{display:flex;flex-wrap:wrap;gap:18px;color:var(--cx-text-soft);font-size:14px;margin-bottom:14px}
.cx-post-meta span,.cx-read-link{display:inline-flex;align-items:center;gap:8px}
.cx-post-meta i{color:var(--cx-text-muted)}
.cx-read-link{color:var(--cx-primary);font-weight:700}
.cx-read-link:hover{color:var(--cx-accent);transform:translateX(3px)}
.cx-featured-badge{position:absolute;top:22px;left:22px;border:0;border-radius:6px;background:var(--cx-gradient-primary);color:var(--cx-text);padding:8px 14px;font-size:13px;font-weight:700;box-shadow:var(--cx-shadow-blog-badge)}
.cx-search-form{display:grid;grid-template-columns:1fr 50px;gap:10px}
.cx-search-form input,.cx-newsletter input{width:100%;min-height:50px;border:1px solid var(--cx-border-light);border-radius:6px;background:var(--cx-blog-field);color:var(--cx-text);padding:0 16px}
.cx-search-form input::placeholder,.cx-newsletter input::placeholder,.cx-comment-form input::placeholder{color:var(--cx-text-dim)}
.cx-search-form button,.cx-newsletter button{border:0;border-radius:6px;color:var(--cx-text);background:var(--cx-gradient-primary);font-weight:700}
.cx-category-list,.cx-popular-list{list-style:none;padding:0;margin:0}
.cx-category-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--cx-text-soft);padding:9px 0}
.cx-category-list span:last-child{min-width:34px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;background:var(--cx-border-primary-muted);color:var(--cx-text);font-size:13px;font-weight:700}
.cx-popular-list li{display:grid;grid-template-columns:112px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--cx-border-light)}
.cx-popular-list li:first-child{padding-top:0}
.cx-popular-list li:last-child{padding-bottom:0;border-bottom:0}
.cx-popular-thumb{min-height:92px;border-radius:6px;background:var(--thumb) center/cover no-repeat}
.cx-popular-list h4{font-family:'Exo 2',system-ui,sans-serif;font-size:16px;font-weight:700;line-height:1.35;letter-spacing:0;margin-bottom:8px}
.cx-popular-list time{color:var(--cx-text-muted);font-size:14px}
.cx-newsletter p{font-size:16px;margin-bottom:16px}
.cx-newsletter input{margin-bottom:14px}
.cx-newsletter button{width:100%;min-height:50px}
.cx-ready-card{position:relative;overflow:hidden;padding:30px 156px 30px 28px;background:var(--cx-gradient-blog-cta),url("../images/prize-bg.webp") center/cover no-repeat}
.cx-ready-card h3{font-size:23px;margin-bottom:12px}
.cx-ready-card p{margin-bottom:18px}
.cx-ready-card img{position:absolute;right:-2px;bottom:-18px;width:168px;max-width:45%}

.cx-blog-hero{position:relative;min-height:555px;display:flex;align-items:center;background:linear-gradient(90deg,var(--cx-blog-overlay-strong) 0%,var(--cx-blog-overlay) 42%,var(--cx-blog-overlay-soft) 72%,var(--cx-blog-overlay-deep) 100%),url("../images/slider1.webp") center right/cover no-repeat}
.cx-blog-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 64%,var(--cx-blog-bg) 100%);pointer-events:none}
.cx-blog-hero .container{position:relative;z-index:1}
.cx-blog-hero h1{font-size:clamp(34px,5vw,55px);line-height:1.05;margin-bottom:14px}
.cx-blog-hero h1 span{color:var(--cx-primary);text-shadow:var(--cx-shadow-blog-title)}
.cx-blog-hero p{max-width:620px;color:var(--cx-text-soft);font-size:17px;margin:0}
.cx-blog-content{padding:44px 0 40px}
.cx-blog-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:start}
.cx-featured-post{overflow:hidden;margin-bottom:22px}
.cx-featured-media,.cx-article-hero{position:relative;background:linear-gradient(180deg,var(--cx-blog-overlay-faint),var(--cx-blog-overlay-muted)),url("../images/slider1.webp") center/cover no-repeat}
.cx-featured-media{min-height:295px}
.cx-featured-body{padding:30px 34px 34px}
.cx-featured-body h2{font-size:clamp(23px,3vw,31px);line-height:1.25;margin-bottom:10px}
.cx-post-list{padding:0 22px}
.cx-post-item{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;padding:18px 0;border-top:1px solid var(--cx-border-light)}
.cx-post-thumb{min-height:190px;border-radius:6px;background:var(--thumb) center/cover no-repeat;border:1px solid var(--cx-border)}
.cx-post-item h3{font-family:'Exo 2',system-ui,sans-serif;font-size:25px;font-weight:700;line-height:1.24;letter-spacing:0;margin-bottom:8px}
.cx-post-summary{font-size:16px;margin-bottom:8px}
.cx-pagination{display:flex;justify-content:center;gap:12px;padding:12px 0 20px}
.cx-page-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cx-border-primary-muted);border-radius:5px;color:var(--cx-text-soft);background:var(--cx-border);font-weight:700}
.cx-page-btn.active,.cx-page-btn:hover{color:var(--cx-text);background:var(--cx-gradient-primary);box-shadow:var(--cx-shadow-primary)}

.cx-blog-detail-page{min-height:100vh;padding:100px 0 42px}
.cx-detail-breadcrumb{margin-bottom:22px}
.cx-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.cx-article-card{overflow:hidden}
.cx-article-hero{min-height:375px}
.cx-article-body{padding:30px 34px 34px}
.cx-article-body h1{max-width:820px;margin:0 0 10px;font-size:clamp(34px,4vw,47px);line-height:1.16}
.cx-article-intro{max-width:790px;margin-bottom:22px;color:var(--cx-text-softer);font-size:18px;line-height:1.65}
.cx-detail-divider{margin:22px 0 24px;border:0;border-top:1px solid var(--cx-border-light);opacity:1}
.cx-article-section{margin-bottom:18px}
.cx-article-section h2,.cx-comments h2{margin-bottom:10px;font-size:24px;line-height:1.25}
.cx-article-section p{color:var(--cx-text-softer);font-size:16px;line-height:1.65;margin-bottom:12px}
.cx-article-section blockquote{display:flex;gap:18px;max-width:650px;margin:18px 0 20px;padding:20px 22px;border:1px solid var(--cx-border-primary-soft);border-radius:8px;background:linear-gradient(135deg,var(--cx-blog-quote),var(--cx-blog-panel))}
.cx-article-section blockquote i{color:var(--cx-primary);font-size:30px;line-height:1}
.cx-article-section blockquote p{margin:0 0 4px;color:var(--cx-text)}
.cx-article-section blockquote cite{color:var(--cx-primary);font-style:normal}
.cx-strategy-list{margin:0;padding-left:18px;color:var(--cx-text-softer)}
.cx-strategy-list li::marker{color:var(--cx-primary)}
.cx-share-row,.cx-tags-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}
.cx-share-row strong,.cx-tags-row strong{color:var(--cx-text)}
.cx-share-row a{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cx-border-primary-muted);border-radius:50%;color:var(--cx-text);background:var(--cx-border)}
.cx-share-row a:hover{background:var(--cx-gradient-primary);box-shadow:var(--cx-shadow-primary);transform:translateY(-2px)}
.cx-tags-row{margin-bottom:24px}
.cx-tags-row a{display:inline-flex;align-items:center;min-height:31px;padding:4px 14px;border:1px solid var(--cx-border-primary-muted);border-radius:999px;color:var(--cx-primary);font-size:13px}
.cx-tags-row a:hover{color:var(--cx-text);background:var(--cx-gradient-primary)}
.cx-author-box{display:grid;grid-template-columns:78px minmax(0,1fr);gap:18px;max-width:650px;margin:0 0 34px;padding:20px 22px;border:1px solid var(--cx-border-primary-muted);border-radius:8px;background:var(--cx-blog-subtle)}
.cx-author-box img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:2px solid var(--cx-primary)}
.cx-author-box span{display:block;color:var(--cx-text-soft);line-height:1;margin-bottom:5px}
.cx-author-box h3{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:'Exo 2',system-ui,sans-serif;font-size:20px;font-weight:700;letter-spacing:0;margin-bottom:4px}
.cx-author-box h3 em{padding:4px 8px;border-radius:5px;color:var(--cx-text);background:var(--cx-gradient-primary);font-size:12px;font-style:normal}
.cx-author-box p{max-width:440px;margin-bottom:12px;color:var(--cx-text-softer);font-size:14px;line-height:1.45}
.cx-author-social,.cx-comment-actions{display:flex;gap:10px}
.cx-author-social a{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--cx-text);background:var(--cx-border-light)}
.cx-comments{padding-top:24px;border-top:1px solid var(--cx-border-light)}
.cx-comments-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.cx-comments-head h2{margin:0;font-size:21px}
.cx-comments-head button,.cx-comment-meta button,.cx-comment-actions button{border:0;color:var(--cx-text-soft);background:transparent}
.cx-comment-form{display:grid;grid-template-columns:58px minmax(0,1fr) 150px;gap:12px;align-items:center;margin-bottom:24px}
.cx-comment-form img,.cx-comment>img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:1px solid var(--cx-border-primary-muted)}
.cx-comment-form input{width:100%;min-height:54px;border:1px solid var(--cx-border-light);border-radius:8px;background:var(--cx-blog-field);color:var(--cx-text);padding:0 18px}
.cx-comment-form button[type=submit],.cx-view-all{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;color:var(--cx-text);background:var(--cx-gradient-primary);font-weight:700}
.cx-comment{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px}
.cx-comment-meta{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.cx-comment-meta strong{color:var(--cx-text)}
.cx-comment-meta span,.cx-comment p,.cx-comment-actions{color:var(--cx-text-softer)}
.cx-comment p{margin:5px 0 10px}
.cx-comment-actions{gap:20px;align-items:center}
.cx-comment-actions button{display:inline-flex;align-items:center;gap:8px}
.cx-detail-sidebar{gap:22px}
.cx-related-list{margin-bottom:20px}
.cx-view-all{width:100%}

@media (max-width:1199px){
  .cx-blog-grid{grid-template-columns:minmax(0,1fr) 340px}
  .cx-post-item{grid-template-columns:260px minmax(0,1fr)}
  .cx-detail-grid{grid-template-columns:minmax(0,1fr) 330px}
  .cx-article-hero{min-height:330px}
}
@media (max-width:991px){
  .cx-blog-grid,.cx-detail-grid{grid-template-columns:1fr}
  .cx-sidebar,.cx-detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cx-sidebar .cx-widget:first-child,.cx-sidebar .cx-ready-card,.cx-detail-sidebar .cx-widget:first-child,.cx-detail-sidebar .cx-ready-card{grid-column:1/-1}
}
@media (max-width:767px){
  .cx-blog-page{padding-top:65px}
  .cx-blog-detail-page{padding:85px 0 30px}
  .cx-blog-hero{min-height:330px;background-position:center}
  .cx-blog-content{padding-top:26px}
  .cx-featured-media{min-height:230px}
  .cx-featured-body,.cx-widget{padding:22px}
  .cx-post-list{padding:0 18px}
  .cx-post-item,.cx-author-box,.cx-comment,.cx-comment-form{grid-template-columns:1fr}
  .cx-post-item{gap:16px}
  .cx-post-thumb{min-height:220px}
  .cx-sidebar,.cx-detail-sidebar{grid-template-columns:1fr}
  .cx-article-hero{min-height:245px}
  .cx-article-body{padding:24px 20px}
  .cx-article-body h1{font-size:31px}
  .cx-article-intro{font-size:16px}
  .cx-author-box img,.cx-comment-form img,.cx-comment>img{width:54px;height:54px}
  .cx-comment-form button[type=submit]{width:100%}
}
@media (max-width:480px){
  .cx-post-meta{gap:10px 14px;font-size:13px}
  .cx-popular-list li{grid-template-columns:94px 1fr}
  .cx-ready-card{padding:24px}
  .cx-ready-card img{display:none}
  .cx-detail-breadcrumb{align-items:flex-start;flex-wrap:wrap}
  .cx-article-section blockquote,.cx-comments-head{align-items:flex-start;flex-direction:column}
}