.blog-header{display:flex;align-items:center;justify-content:space-between;max-width:820px;margin:0 auto;padding:16px}@media(min-width:768px){.blog-header{padding:20px 24px}}.blog-logo{display:block;transition:opacity .2s}.blog-logo-icon{width:32px;height:32px;border-radius:6px}.blog-logo:hover{opacity:.8}.breadcrumbs{margin-bottom:24px}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;margin:0;padding:0;font-size:.85rem}.breadcrumbs li{display:flex;align-items:center;gap:8px;color:var(--text-dim)}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--text-dim)}.breadcrumbs a{color:var(--text-muted);text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:var(--accent-blue)}.breadcrumbs li[aria-current=page]{color:var(--text-secondary);font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-page{max-width:820px;margin:0 auto;padding:16px 16px 56px}@media(min-width:768px){.blog-page{padding:24px 24px 72px}}.blog-page .section{margin-top:48px}.blog-page .section:first-of-type{margin-top:0}.blog-page .hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--gradient-end);background:#8b5cf626;padding:4px 12px;border-radius:999px;margin-bottom:12px;font-weight:500}.blog-page .hero-kicker-dot{width:6px;height:6px;border-radius:999px;background:var(--gradient-end)}.blog-page .hero-title{font-size:clamp(1.9rem,4vw,2.5rem);font-weight:700;letter-spacing:-.03em;margin:0 0 16px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-page .hero-subtitle{margin:0;font-size:1.05rem;color:var(--text-secondary);line-height:1.7}.blog-page .section-title{font-size:1.5rem;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.blog-page .section-intro{margin:0 0 20px;color:var(--text-muted);line-height:1.6}.blog-page .subcategory-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:32px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.blog-page .card{background:var(--card-bg);border-radius:14px;padding:20px;border:1px solid var(--border-color);transition:background-color .3s,border-color .3s}.blog-page .note-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.blog-page .note-title{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.blog-page .note-meta{font-size:.8rem;color:var(--accent-blue);background:#0ea5e926;padding:4px 10px;border-radius:999px}.blog-page .note-list{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}.blog-page .note-item{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--text-secondary)}.blog-page .note-icon{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600}.blog-page .note-item strong{display:block;color:var(--text-primary);margin-bottom:2px}.blog-page .toc-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0 0 6px}.blog-page .toc-description{margin:0 0 12px;font-size:.9rem;color:var(--text-muted)}.blog-page .toc-list{margin:0;padding:0 0 0 1.2em;font-size:.9rem;display:flex;flex-direction:column;gap:8px}.blog-page .toc-list a{color:var(--accent-blue)!important;text-decoration:none;transition:color .2s}.blog-page .toc-list a:hover{color:var(--accent-lime)!important}.blog-page .trend-badge{display:inline-block;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:600;margin-bottom:16px}.blog-page .age-badge{display:inline-block;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:600;margin-bottom:16px}.blog-page .decade-badge{display:inline-block;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:600;margin-bottom:16px}.blog-page .idea-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:18px;margin:16px 0;transition:border-color .2s,box-shadow .2s,background-color .3s}.blog-page .idea-card:hover{border-color:var(--card-hover-border);box-shadow:0 0 20px #6366f126}.blog-page .idea-card h4{margin:0 0 10px;font-size:1rem;color:var(--text-primary);display:flex;align-items:center;gap:10px}.blog-page .idea-number{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}.blog-page .idea-card p{margin:0;font-size:.92rem;color:var(--text-secondary);line-height:1.6}.blog-page .idea-tip{margin-top:12px;padding:12px;background:#8b5cf61a;border-radius:8px;font-size:.85rem;color:#a78bfa;border-left:3px solid var(--gradient-end)}.blog-page .idea-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:20px 0}@media(min-width:640px){.blog-page .idea-grid{grid-template-columns:repeat(2,1fr)}}.blog-page .section-image{width:100%;border-radius:14px;margin:24px 0;overflow:hidden;border:1px solid var(--border-color)}.blog-page .section-image img{width:100%;height:auto;display:block}.blog-page .section-image-caption{padding:12px 16px;background:var(--card-bg);font-size:.85rem;color:var(--text-muted);text-align:center;margin:0;transition:background-color .3s}.blog-page .image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}@media(min-width:640px){.blog-page .image-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.blog-page .image-grid.grid-4{grid-template-columns:repeat(4,1fr)}}.blog-page .image-grid-item{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);transition:border-color .2s,box-shadow .2s}.blog-page .image-grid-item:hover{border-color:var(--card-hover-border);box-shadow:0 0 20px #6366f133}.blog-page .image-grid-item img{width:100%;height:160px;object-fit:cover;display:block}.blog-page .image-grid-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;font-size:.82rem;font-weight:500;padding:24px 10px 10px;text-align:center}.blog-page .image-grid.portrait{grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.blog-page .image-grid.portrait{grid-template-columns:repeat(3,1fr)}}.blog-page .image-grid.portrait .image-grid-item img{height:280px}.blog-page .image-grid.grid-2{grid-template-columns:repeat(2,1fr)}.blog-page .comparison-table{width:100%;border-collapse:collapse;font-size:.9rem;margin:20px 0}.blog-page .comparison-table th,.blog-page .comparison-table td{padding:12px;border-bottom:1px solid var(--border-color);text-align:left}.blog-page .comparison-table th{background:#6366f126;font-weight:600;color:var(--text-primary)}.blog-page .comparison-table td{color:var(--text-secondary)}.blog-page .comparison-table tr:last-child td{border-bottom:none}.blog-page .cta-box{position:relative;background:linear-gradient(135deg,#1e1b4b,#312e81,#1e1b4b);border:1px solid #6366f1;border-radius:20px;padding:32px 24px;text-align:center;margin:40px 0;overflow:hidden}.blog-page .cta-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(139,92,246,.15) 0%,transparent 50%);pointer-events:none}.blog-page .cta-badge{display:inline-block;background:linear-gradient(135deg,#fde047,#f97316);color:#1e1b4b;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:6px 14px;border-radius:999px;margin-bottom:16px;position:relative}.blog-page .cta-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;position:relative}.blog-page .cta-text{font-size:1rem;color:#c7d2fe;max-width:500px;margin:0 auto 20px;line-height:1.6;position:relative}.blog-page .cta-features{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 24px;margin-bottom:24px;position:relative}.blog-page .cta-feature{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#a5b4fc}.blog-page .cta-check{color:#fde047;font-weight:600}.blog-page .cta-button{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff!important;font-size:1.05rem;font-weight:600;text-decoration:none!important;box-shadow:0 10px 30px #6366f166,0 0 0 1px #ffffff1a inset;transition:all .3s ease;position:relative}.blog-page .cta-button:hover{transform:translateY(-3px);box-shadow:0 16px 40px #6366f180,0 0 0 1px #fff3 inset,0 0 30px #8b5cf64d}.blog-page .cta-button svg{transition:transform .3s ease}.blog-page .cta-button:hover svg{transform:translate(4px)}.blog-page .cta-carousel{position:relative;width:100%;overflow:hidden;margin:24px 0;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.blog-page .cta-carousel-track{display:flex;gap:16px;animation:carousel-scroll 20s linear infinite;width:max-content}.blog-page .cta-carousel:hover .cta-carousel-track{animation-play-state:paused}@keyframes carousel-scroll{0%{transform:translate(0)}to{transform:translate(-936px)}}.blog-page .cta-carousel-slide{flex-shrink:0;width:140px;position:relative;border-radius:12px;overflow:hidden;border:2px solid rgba(99,102,241,.3);transition:all .3s ease}.blog-page .cta-carousel-slide:hover{border-color:#8b5cf6;transform:scale(1.05);box-shadow:0 8px 24px #8b5cf666}.blog-page .cta-carousel-slide img{width:100%;height:175px;object-fit:cover;display:block}.blog-page .cta-carousel-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);color:#fff;font-size:.75rem;font-weight:600;padding:20px 8px 8px;text-align:center}@media(min-width:640px){.blog-page .cta-carousel-slide{width:160px}.blog-page .cta-carousel-slide img{height:200px}@keyframes carousel-scroll{0%{transform:translate(0)}to{transform:translate(-1056px)}}}.blog-page .pro-tip{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid var(--gradient-start);border-left:4px solid var(--gradient-end);border-radius:12px;padding:18px;margin:24px 0}.blog-page .pro-tip-title{font-weight:600;color:#a78bfa;margin-bottom:8px}.blog-page .pro-tip p{margin:0;font-size:.95rem;color:var(--text-secondary)}.blog-page .checklist-title{font-weight:600;font-size:1rem;color:var(--text-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.blog-page .checklist ul{list-style:none;margin:0;padding:0}.blog-page .checklist li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:.92rem;color:var(--text-secondary);border-bottom:1px solid var(--bg-tertiary)}.blog-page .checklist li:last-child{border-bottom:none}.blog-page .checklist li:before{content:"";flex-shrink:0;width:18px;height:18px;border:2px solid var(--gradient-start);border-radius:4px}.blog-page .faq-list{margin:0;padding:0;list-style:none}.blog-page .faq-item{border-bottom:1px solid var(--border-color)}.blog-page .faq-item:last-child{border-bottom:none}.blog-page .faq-summary{padding:14px 0;cursor:pointer;font-weight:500;font-size:.98rem;color:var(--text-primary)}.blog-page .faq-summary:hover{color:#a78bfa}.blog-page .faq-body{padding:0 0 14px;font-size:.9rem;color:var(--text-muted)}.blog-page .faq-body p{margin:0}.blog-page a:not(.cta-button):not(.back-link){color:var(--accent-blue);text-decoration:none;transition:color .2s}.blog-page a:not(.cta-button):not(.back-link):hover{color:var(--accent-lime)}.blog-page p{margin:0 0 16px;color:var(--text-secondary);line-height:1.7}.blog-page ol,.blog-page ul{margin:0 0 16px;padding-left:1.5em;color:var(--text-secondary)}.blog-page li{margin-bottom:8px}.blog-page strong{color:var(--text-primary)}.blog-page em{color:#a78bfa}.blog-page .back-link{display:inline-block;margin-top:40px;color:var(--text-muted)!important;font-size:.95rem;text-decoration:none;transition:color .2s}.blog-page .back-link:hover{color:var(--accent-lime)!important}.auto-toc[data-astro-cid-ckixu3fm]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem 1.5rem;margin:1.5rem 0 2rem}.toc-header[data-astro-cid-ckixu3fm]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.toc-icon[data-astro-cid-ckixu3fm]{width:18px;height:18px;color:var(--accent-blue)}.toc-title[data-astro-cid-ckixu3fm]{font-weight:600;font-size:.9rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.toc-list[data-astro-cid-ckixu3fm]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.toc-item[data-astro-cid-ckixu3fm] a[data-astro-cid-ckixu3fm]{display:block;color:var(--text-secondary);text-decoration:none;font-size:.95rem;line-height:1.4;padding:.25rem 0;transition:color .2s}.toc-item[data-astro-cid-ckixu3fm] a[data-astro-cid-ckixu3fm]:hover{color:var(--accent-blue)}.toc-item[data-astro-cid-ckixu3fm].depth-3{padding-left:1rem}.toc-item[data-astro-cid-ckixu3fm].depth-3 a[data-astro-cid-ckixu3fm]{font-size:.9rem;color:var(--text-muted)}.toc-item[data-astro-cid-ckixu3fm].depth-3 a[data-astro-cid-ckixu3fm]:hover{color:var(--accent-blue)}.back-to-top[data-astro-cid-bv2f6vce]{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;box-shadow:0 4px 12px #00000026;z-index:100}.back-to-top[data-astro-cid-bv2f6vce].visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top[data-astro-cid-bv2f6vce]:hover{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.back-to-top[data-astro-cid-bv2f6vce]:active{transform:translateY(0)}@media(max-width:600px){.back-to-top[data-astro-cid-bv2f6vce]{bottom:1.5rem;right:1.5rem;width:44px;height:44px}}.reading-progress-container[data-astro-cid-asuhkizk]{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:1000}.reading-progress-bar[data-astro-cid-asuhkizk]{height:100%;width:0%;background:linear-gradient(90deg,#8b5cf6,#6366f1 40%,#ec4899);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;transition:width .1s ease-out;box-shadow:0 0 10px #6366f180,0 0 20px #8b5cf64d}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.reading-progress-bar[data-astro-cid-asuhkizk][data-progress="0"]{opacity:0}.article-header[data-astro-cid-7jjqptxk]{margin-bottom:2rem}.hero-kicker-separator[data-astro-cid-7jjqptxk]{opacity:.5}.reading-time[data-astro-cid-7jjqptxk]{color:var(--accent-blue)}.article-content[data-astro-cid-7jjqptxk] h1{display:none}.article-content[data-astro-cid-7jjqptxk] h2{font-size:1.5rem;font-weight:600;margin:48px 0 12px;color:var(--text-primary)}.article-content[data-astro-cid-7jjqptxk] h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:32px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.article-content[data-astro-cid-7jjqptxk] hr{border:none;border-top:1px solid var(--border-color);margin:48px 0}.article-content[data-astro-cid-7jjqptxk] p{margin:0 0 16px;color:var(--text-secondary);line-height:1.7}.article-content[data-astro-cid-7jjqptxk] ol,.article-content[data-astro-cid-7jjqptxk] ul{margin:0 0 16px;padding-left:1.5em;color:var(--text-secondary)}.article-content[data-astro-cid-7jjqptxk] li{margin-bottom:8px}.article-content[data-astro-cid-7jjqptxk] strong{color:var(--text-primary)}.article-content[data-astro-cid-7jjqptxk] a{color:var(--accent-blue);text-decoration:none;transition:color .2s}.article-content[data-astro-cid-7jjqptxk] a:hover{color:var(--accent-lime)}.article-content[data-astro-cid-7jjqptxk] .idea-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:20px 0}@media(min-width:640px){.article-content[data-astro-cid-7jjqptxk] .idea-grid{grid-template-columns:repeat(2,1fr)}}