main>.hero:has(+ .blog-hero){display:none;}
.blog-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:0;min-height:calc(100svh - 120px);border-bottom:1px solid rgba(255,255,255,.08);background:#05070b;}
.blog-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,8vw,108px) clamp(20px,6vw,86px);background:linear-gradient(135deg,#07101a,#090b10);}
.blog-kicker{margin:0 0 12px;color:#ffb02e;font-size:.92rem;font-weight:950;letter-spacing:0;text-transform:uppercase;}
.blog-hero h1{max-width:760px;margin:0;color:#fff;font-size:clamp(2.5rem,6vw,5.7rem);line-height:1.04;font-weight:950;letter-spacing:0;}
.blog-hero-copy>p:not(.blog-kicker){max-width:700px;margin:22px 0 0;color:#d9e4f4;font-size:clamp(1.05rem,1.8vw,1.28rem);}
.blog-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;}
.blog-hero-meta span{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:rgba(255,255,255,.055);color:#fff;font-weight:900;}
.blog-hero-meta i{color:#22c55e;}
.blog-hero-media{position:relative;min-height:520px;overflow:hidden;}
.blog-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05070b 0%,rgba(5,7,11,.12) 42%,rgba(5,7,11,.18) 100%);}
.blog-hero-media img{width:100%;height:100%;max-width:none;object-fit:cover;}
.blog-featured{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;max-width:1200px;margin:0 auto;padding:clamp(34px,5vw,66px) clamp(18px,4vw,30px) 22px;}
.blog-featured-card,.blog-editor-note,.blog-article-card{border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#121b29;box-shadow:0 18px 52px rgba(0,0,0,.28);}
.blog-featured-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:390px;padding:clamp(28px,5vw,48px);background:linear-gradient(135deg,rgba(6,199,85,.15),rgba(56,189,248,.08)),url("../img/blog-ai-editorial-hero.png") center/cover no-repeat;position:relative;overflow:hidden;}
.blog-featured-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,11,.93),rgba(5,7,11,.62));}
.blog-featured-card>*{position:relative;z-index:1;}
.blog-label{align-self:flex-start;margin-bottom:14px;padding:5px 10px;border-radius:999px;background:rgba(255,176,46,.14);color:#ffb02e;font-size:.8rem;font-weight:950;text-transform:uppercase;}
.blog-featured-card h2{max-width:720px;margin:0;color:#fff;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;font-weight:950;letter-spacing:0;}
.blog-featured-card p{max-width:760px;margin:18px 0 0;color:#dce6f5;}
.blog-featured-card div{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px;color:#fff;font-weight:900;}
.blog-featured-card div span{padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:rgba(255,255,255,.055);}
.blog-featured-card strong{margin-left:auto;color:#22c55e;}
.blog-editor-note{padding:26px;}
.blog-editor-note h3{margin:0 0 12px;color:#fff;font-size:1.3rem;font-weight:950;}
.blog-editor-note p{margin:0;color:#aeb9ca;}
.blog-editor-note ul{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none;}
.blog-editor-note li{display:flex;gap:9px;color:#e8eef8;font-weight:850;}
.blog-editor-note li:before{content:"";width:8px;height:8px;margin-top:10px;border-radius:50%;background:#22c55e;}
.blog-channel-strip{display:flex;flex-wrap:wrap;gap:10px;max-width:1200px;margin:0 auto;padding:0 clamp(18px,4vw,30px) 26px;}
.blog-channel-strip span{padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0d141f;color:#d8e2f0;font-weight:900;}
.blog-magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:8px clamp(18px,4vw,30px) 84px;}
.blog-article-card{overflow:hidden;display:flex;flex-direction:column;min-height:100%;transition:transform .2s ease,border-color .2s ease;}
.blog-article-card:hover{transform:translateY(-3px);border-color:rgba(255,176,46,.42);}
.blog-card-thumb{height:190px;background:#0d141f;overflow:hidden;}
.blog-card-thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92);}
.blog-card-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:20px;}
.blog-card-body h3{margin:0;color:#fff;font-size:1.22rem;font-weight:950;line-height:1.35;}
.blog-card-body p{margin:0;color:#aeb9ca;}
.blog-card-body small{margin-top:auto;color:#ffb02e;font-weight:900;}
.blog-post{background:#f4f1ea;color:#171717;font-family:"Microsoft JhengHei","Noto Sans TC","PingFang TC",system-ui,sans-serif;}
.blog-post-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:0;min-height:calc(100svh - 76px);background:#0b1018;color:#fff;}
.blog-post-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,8vw,108px) clamp(20px,6vw,82px);}
.blog-back{align-self:flex-start;margin-bottom:22px;color:#aeb9ca;font-weight:900;}
.blog-back:hover{color:#ffb02e;}
.blog-post-copy h1{max-width:820px;margin:0;font-size:clamp(2.4rem,6vw,5.2rem);line-height:1.06;font-weight:950;letter-spacing:0;}
.blog-post-copy>p:not(.blog-kicker){max-width:760px;margin:22px 0 0;color:#d9e4f4;font-size:1.13rem;}
.blog-post-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;color:#d9e4f4;font-weight:900;}
.blog-post-meta span{display:inline-flex;align-items:center;gap:8px;}
.blog-post-meta i{color:#ffb02e;}
.blog-post-image{min-height:520px;overflow:hidden;}
.blog-post-image img{width:100%;height:100%;max-width:none;object-fit:cover;}
.blog-post-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:48px;max-width:1120px;margin:0 auto;padding:clamp(46px,7vw,82px) clamp(18px,4vw,30px);}
.blog-toc{position:sticky;top:100px;align-self:start;display:grid;gap:10px;padding:18px;border:1px solid #d7d0c4;border-radius:8px;background:#fffdf8;}
.blog-toc strong{font-size:1rem;}
.blog-toc a{color:#4b5563;font-size:.92rem;}
.blog-toc a:hover{color:#111;}
.blog-post-body{display:grid;gap:28px;}
.blog-post-body section{padding-bottom:30px;border-bottom:1px solid #d7d0c4;}
.blog-post-body section>span{display:inline-block;margin-bottom:10px;color:#a16207;font-weight:950;}
.blog-post-body h2{margin:0 0 14px;color:#111827;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.25;font-weight:950;letter-spacing:0;}
.blog-post-body p{margin:0;color:#374151;font-size:1.08rem;line-height:2.05;}
.blog-post-cta{padding:30px;border-radius:8px;background:#0b1018;color:#fff;}
.blog-post-cta h2{margin:0 0 12px;color:#fff;font-size:1.7rem;font-weight:950;}
.blog-post-cta p{margin:0 0 20px;color:#d9e4f4;}
@media (max-width:980px){.blog-hero,.blog-featured,.blog-post-hero,.blog-post-layout{grid-template-columns:1fr;}.blog-hero{min-height:auto;}.blog-hero-media,.blog-post-image{min-height:360px;}.blog-magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.blog-toc{position:static;}.blog-featured-card strong{margin-left:0;}}
@media (max-width:640px){.blog-hero-copy,.blog-post-copy{padding:48px 18px;}.blog-hero h1,.blog-post-copy h1{font-size:2.45rem;}.blog-magazine-grid{grid-template-columns:1fr;}.blog-card-thumb{height:210px;}.blog-post-layout{gap:28px;}.blog-post-body p{font-size:1rem;line-height:1.9;}}
