.page-blog{background:#0D0E12;color:#FFF3E6}
.page-blog__container{max-width:1200px;margin:0 auto;padding:0 16px}
.page-blog__hero{background:linear-gradient(145deg,#17191F 0%,#2A1A0E 100%);border-bottom:2px solid #A84F0C;padding-top:10px}
.page-blog__hero-image-wrapper{width:100%;display:block}
.page-blog__hero-image{display:block;width:100%;height:auto;aspect-ratio:16/5;object-fit:cover}
.page-blog__hero-content{max-width:1200px;margin:0 auto;padding:24px 16px 32px;text-align:center}
.page-blog__hero-title{color:#FFF3E6;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;line-height:1.2;margin:0 0 16px;letter-spacing:0.5px}
.page-blog__hero-description{color:#FFD9B0;font-size:clamp(0.95rem,2vw,1.1rem);line-height:1.6;margin:0 auto 28px;max-width:800px}
.page-blog__hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.page-blog__btn{display:inline-block;padding:14px 32px;border-radius:8px;font-weight:700;text-decoration:none;transition:all 0.3s ease;border:none;font-size:1rem}
.page-blog__btn--primary{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#17191F;box-shadow:0 4px 20px rgba(255,176,77,0.3)}
.page-blog__btn--primary:hover{background:linear-gradient(180deg,#FFB04D 0%,#FF8C1A 100%);color:#0D0E12;transform:translateY(-2px);box-shadow:0 6px 24px rgba(255,176,77,0.5)}
.page-blog__btn--secondary{background:transparent;color:#FFA53A;border:2px solid #FF8C1A;padding:12px 30px}
.page-blog__btn--secondary:hover{background:rgba(255,140,26,0.15);color:#FFD9B0;border-color:#FFA53A}
.page-blog__btn--readmore{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#17191F;padding:11px 28px;border-radius:6px;font-size:0.9rem}
.page-blog__btn--readmore:hover{background:linear-gradient(180deg,#FFB04D 0%,#FF8C1A 100%);color:#0D0E12}
.page-blog__btn--ghost{background:transparent;color:#FFA53A;border:2px solid #FFA53A;padding:12px 28px}
.page-blog__btn--ghost:hover{background:rgba(255,165,58,0.1);color:#FFD9B0}
.page-blog__featured{padding:48px 0;background:#0D0E12}
.page-blog__featured-card{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#17191F;border-radius:12px;overflow:hidden;border:1px solid #A84F0C;box-shadow:0 4px 20px rgba(255,140,26,0.1)}
.page-blog__featured-image{width:100%;height:100%;object-fit:cover;display:block}
.page-blog__featured-content{padding:28px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.page-blog__featured-tag{background:linear-gradient(135deg,#FF8C1A,#FFA53A);color:#17191F;padding:6px 16px;border-radius:20px;font-size:0.8rem;font-weight:700;display:inline-block;width:fit-content;letter-spacing:1px}
.page-blog__featured-title{color:#FFF3E6;font-size:clamp(1.4rem,3vw,2rem);line-height:1.3;margin:0}
.page-blog__featured-excerpt{color:#FFD9B0;font-size:1rem;line-height:1.7;margin:0}
.page-blog__list{padding:48px 0 64px;background:#0D0E12}
.page-blog__section-header{text-align:center;margin-bottom:40px}
.page-blog__section-title{color:#FFA53A;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;margin:0 0 8px;line-height:1.2}
.page-blog__section-subtitle{color:#FFD9B0;font-size:1rem;margin:0;opacity:0.9}
.page-blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-blog__post-card{background:#17191F;border-radius:10px;overflow:hidden;transition:all 0.3s ease;display:flex;flex-direction:column;border:1px solid rgba(168,79,12,0.4)}
.page-blog__post-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px rgba(255,140,26,0.2);border-color:#FF8C1A}
.page-blog__post-link{display:block;overflow:hidden}
.page-blog__post-image{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform 0.4s ease}
.page-blog__post-card:hover .page-blog__post-image{transform:scale(1.03)}
.page-blog__post-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.page-blog__post-category{background:rgba(255,140,26,0.2);color:#FFA53A;padding:4px 12px;border-radius:4px;font-size:0.75rem;font-weight:600;width:fit-content;letter-spacing:0.5px}
.page-blog__post-title{margin:0}
.page-blog__post-title a{color:#FFF3E6;text-decoration:none;font-size:1.1rem;line-height:1.4;transition:color 0.3s ease;display:block}
.page-blog__post-title a:hover{color:#FF8C1A}
.page-blog__post-excerpt{color:#FFD9B0;font-size:0.9rem;line-height:1.6;margin:0 0 8px;flex:1;opacity:0.9}
.page-blog__post-readmore{color:#FF8C1A;text-decoration:none;font-weight:600;font-size:0.9rem;transition:color 0.3s}
.page-blog__post-readmore:hover{color:#FFA53A;text-decoration:underline}
.page-blog__guide{padding:64px 0;background:linear-gradient(180deg,#0D0E12 0%,#17191F 100%)}
.page-blog__guide-inner{max-width:1000px;margin:0 auto}
.page-blog__guide-title{color:#FFA53A;font-size:clamp(1.5rem,3vw,2.2rem);text-align:center;margin:0 0 16px;font-weight:700}
.page-blog__guide-intro{color:#FFD9B0;text-align:center;font-size:1.05rem;line-height:1.6;margin-bottom:40px}
.page-blog__guide-module{display:flex; gap:28px;align-items:flex-start}
.page-blog__guide-item{flex-shrink:0;width:45%}
.page-blog__guide-figure{margin:0;padding:0}
.page-blog__guide-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px;border:1px solid #A84F0C;box-shadow:0 4px 20px rgba(0,0,0,0.4)}
.page-blog__guide-caption{color:#FFD9B0;font-size:0.85rem;padding:12px 0;text-align:center;margin:0}
.page-blog__guide-list{flex:1;border-left:2px solid #A84F0C;padding-left:28px}
.page-blog__guide-subtitle{color:#FFF3E6;font-size:1.3rem;margin-bottom:20px}
.page-blog__guide-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.page-blog__guide-list li{color:#FFD9B0;font-size:1rem;line-height:1.6;padding-left:20px;position:relative}
.page-blog__guide-list li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#FFA53A,#D96800);box-shadow:0 0 8px rgba(255,140,26,0.6)}
.page-blog__guide-list strong{color:#FFA53A}
.page-blog__cta{padding:48px 16px;background:transparent}
.page-blog__cta-box{max-width:800px;margin:0 auto;background:#17191F;border:2px solid #A84F0C;border-radius:16px;padding:40px;text-align:center;box-shadow:0 0 40px rgba(217,104,0,0.2)}
.page-blog__cta-title{color:#FFA53A;font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 16px}
.page-blog__cta-text{color:#FFD9B0;font-size:1rem;line-height:1.7;margin:0 0 30px}
.page-blog__cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.page-blog__cta-note{color:#FFD9B0;font-size:0.8rem;margin:16px 0 0;opacity:0.7}
@media (max-width:1024px){
  .page-blog__grid{grid-template-columns:repeat(2,1fr)}
  .page-blog__featured-card{grid-template-columns:1fr}
}
@media (max-width:768px){
  .page-blog__hero{padding-top:8px}
  .page-blog__hero-image{aspect-ratio:21/9}
  .page-blog__hero-content{padding:20px 12px 24px}
  .page-blog__hero-actions{flex-direction:column;gap:12px}
  .page-blog__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center;padding:12px 20px}
  .page-blog__featured{padding:32px 0}
  .page-blog__featured-content{padding:20px}
  .page-blog__grid{grid-template-columns:1fr;gap:16px}
  .page-blog__list{padding:32px 0 40px}
  .page-blog__section-title{font-size:1.8rem}
  .page-blog__post-title a{font-size:1.1rem}
  .page-blog__post-excerpt{font-size:0.9rem}
  .page-blog__guide-module{flex-direction:column;gap:16px}
  .page-blog__guide-item{width:100%}
  .page-blog__guide-image{width:100%;max-width:100%;height:auto}
  .page-blog__guide-caption{font-size:0.8rem}
  .page-blog__guide-list{border-left:none;border-top:2px solid #A84F0C;padding-top:20px}
  .page-blog__guide-title{font-size:1.5rem}
  .page-blog__cta{padding:32px 12px}
  .page-blog__cta-box{padding:24px}
  .page-blog__btn{width:100%;max-width:100%}
  .page-blog__cta-actions{flex-direction:column;gap:12px}
  .page-blog img{max-width:100% !important;height:auto !important}
  .page-blog{overflow-x:hidden;max-width:100%}
}