.blog-top{z-index:100;-webkit-backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--line);background:#0b0c0ec7;position:sticky;top:0}.blog-top-inner{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.blog-top-left{align-items:center;gap:12px;min-width:0;display:flex}.blog-badge{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-pill);white-space:nowrap;padding:4px 10px;font-size:11px}.blog-top-cta{flex-shrink:0;height:40px;padding:0 18px;font-size:.88rem}.blog-main{min-height:60vh}.blog-shell{width:100%;max-width:760px;margin-inline:auto;padding-inline:20px}.blog-hero{padding:clamp(48px,8vw,88px) 0 clamp(28px,4vw,44px)}.blog-hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin-top:16px;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.08}.blog-hero p{color:var(--text-2);max-width:560px;margin-top:14px;font-size:clamp(.98rem,1.3vw,1.08rem)}.blog-list{flex-direction:column;gap:22px;padding-bottom:clamp(64px,9vw,120px);display:flex}.blog-card{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);transition:border-color .3s, background .3s, transform .4s var(--ease);grid-template-columns:240px 1fr;align-items:center;gap:22px;padding:18px;display:grid}.blog-card:hover{border-color:var(--line-strong);background:var(--surface-2);transform:translateY(-2px)}.blog-card-thumb{aspect-ratio:16/9;border-radius:var(--r);border:1px solid var(--line);background:#000;position:relative;overflow:hidden}.blog-card-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.blog-card-body{min-width:0}.blog-card-date{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-3);font-size:12px}.blog-card h2{font-family:var(--font-display);letter-spacing:-.02em;margin-top:8px;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700;line-height:1.3}.blog-card:hover h2{color:var(--accent)}.blog-card p{color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px;font-size:.92rem;line-height:1.65;display:-webkit-box;overflow:hidden}.article{padding:clamp(44px,7vw,76px) 0 clamp(64px,9vw,110px)}.article-back{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-3);font-size:12px;transition:color .2s}.article-back:hover{color:var(--accent)}.article-head{margin-top:22px}.article-date{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-3);font-size:12px}.article-head h1{font-family:var(--font-display);letter-spacing:-.03em;overflow-wrap:break-word;margin-top:12px;font-size:clamp(1.7rem,4.4vw,2.5rem);font-weight:700;line-height:1.18}.article-lead{color:var(--text-2);margin-top:18px;font-size:1.02rem;line-height:1.75}.article-hr{border:0;border-top:1px solid var(--line);margin:clamp(26px,4vw,40px) 0}.article-body{color:var(--text);font-size:1.02rem;line-height:1.85}.article-body>*+*{margin-top:1.15em}.article-body h2{font-family:var(--font-display);letter-spacing:-.02em;margin-top:2.2em;font-size:clamp(1.3rem,2.6vw,1.6rem);font-weight:700;line-height:1.3}.article-body h3{letter-spacing:-.01em;margin-top:1.8em;font-size:clamp(1.08rem,2vw,1.2rem);font-weight:700}.article-body p{color:var(--text-2)}.article-body ul,.article-body ol{color:var(--text-2);flex-direction:column;gap:.55em;padding-left:1.35em;display:flex}.article-body li::marker{color:var(--accent)}.article-body blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--r) var(--r) 0;letter-spacing:-.01em;padding:18px 22px;font-weight:600}.article-video{aspect-ratio:16/9;border-radius:var(--r);border:1px solid var(--line);background:#000;width:100%;margin:1.6em 0;position:relative;overflow:hidden}.article-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.article-cta{border-radius:var(--r-lg);border:1px solid var(--accent-line);background:linear-gradient(180deg, var(--accent-soft), #cbfb450a);margin-top:1.6em;padding:24px}.article-cta p{color:var(--text);font-weight:500}.article-cta .btn{margin-top:16px}.article-faq{margin-top:clamp(44px,6vw,64px)}.article-faq>h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.3rem,2.6vw,1.6rem);font-weight:700}.faq-item{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);margin-top:18px;padding:20px 22px}.faq-item h3{letter-spacing:-.01em;font-size:1rem;font-weight:700}.faq-item p{color:var(--text-2);margin-top:10px;font-size:.95rem;line-height:1.75}.blog-foot{border-top:1px solid var(--line);padding:26px 0}.blog-foot-inner{color:var(--text-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;display:flex}.blog-foot-links{gap:18px;display:flex}.blog-foot-links a{color:var(--text-2);transition:color .2s}.blog-foot-links a:hover{color:var(--accent)}@media (max-width:640px){.blog-top-inner{height:58px}.blog-top-cta{height:36px;padding:0 14px;font-size:.82rem}.blog-badge{display:none}.blog-card{grid-template-columns:1fr;gap:14px;padding:14px}.article-body{font-size:.98rem}.article-cta{padding:20px 18px}}