.blog-page{--blog-gold:#fbbf24;--blog-muted:#b9adc9;--blog-line:#a855f73b;--blog-serif:Georgia, "Times New Roman", "Noto Serif CJK TC", serif;color:#f8f5fc;background:#1a0a2e;min-width:0}.blog-container{width:100%;max-width:1152px;margin-inline:auto;padding-inline:16px}.blog-masthead{text-align:center;border-bottom:1px solid var(--blog-line);background:radial-gradient(at top,#581c8740,#0000 70%);padding:96px 0 80px}.blog-eyebrow{color:var(--blog-gold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:20px;font-size:12px;font-weight:600}.blog-masthead h1{font-family:var(--blog-serif);text-wrap:balance;font-size:clamp(40px,4.3vw,72px);font-weight:400;line-height:1.05}.blog-lead{max-width:672px;color:var(--blog-muted);margin:20px auto 0;font-size:18px;line-height:1.7}.blog-stars{color:var(--blog-gold);letter-spacing:.35em;margin-top:28px}.blog-list-content{padding-top:56px;padding-bottom:80px}.blog-filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:40px;font-size:12px;display:flex}.blog-filters>span{color:var(--blog-muted);margin-inline-end:10px}.blog-filter{border:1px solid var(--blog-line);color:var(--blog-muted);border-radius:999px;padding:6px 16px;font-size:12px;transition:color .15s,border-color .15s}.blog-filter:hover:not(:disabled){border-color:var(--blog-gold);color:var(--blog-gold)}.blog-filter[aria-pressed=true]{background:var(--blog-gold);color:#1a0a2e;border-color:var(--blog-gold);box-shadow:0 3px 20px #fbbf2420}.blog-filter:disabled,.blog-filter[aria-disabled=true]{opacity:.4}.blog-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:48px;display:grid}.blog-article-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.blog-card{background:#181321;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;min-width:0;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:#fbbf2499;box-shadow:0 8px 28px #0002}.blog-card-link{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.blog-card-link:focus-visible{outline-offset:-4px}.blog-card-image{aspect-ratio:16/10;background:#241133;position:relative;overflow:hidden}.blog-card-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.blog-card:hover .blog-card-image img{transform:scale(1.025)}.blog-category-badge{top:12px;color:#fcd34d;background:#581c87ed;border:1px solid #fbbf2440;border-radius:999px;max-width:calc(100% - 24px);padding:3px 10px;font-size:11px;font-weight:600;position:absolute;inset-inline-start:12px}.blog-card-body{flex-direction:column;flex:1;align-items:flex-start;padding:20px;display:flex}.blog-card-meta{color:var(--blog-muted);font-size:12px;line-height:1.7}.blog-card h2{font-family:var(--blog-serif);overflow-wrap:anywhere;margin-top:8px;font-size:21px;font-weight:400;line-height:1.3}.blog-card-excerpt{color:var(--blog-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0 16px;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-read-link{color:var(--blog-gold);font-family:var(--blog-serif);gap:8px;margin-top:auto;padding-top:4px;font-size:15px;font-style:italic;display:inline-flex}.blog-card--featured{border-color:var(--blog-line);background:linear-gradient(135deg,#270e43,#1d0c31);border-radius:24px}.blog-card--featured .blog-card-body{padding:28px}.blog-card--featured h2{margin-top:12px;font-size:30px}.blog-card--featured .blog-card-excerpt{font-size:16px}.blog-featured-badge{color:var(--blog-gold);background:#fbbf2410;border:1px solid #fbbf2466;border-radius:999px;margin-bottom:14px;padding:3px 10px;font-size:11px}.blog-pagination{color:var(--blog-muted);justify-content:center;align-items:center;gap:24px;margin-top:48px;font-size:13px;display:flex}.blog-message{text-align:center;color:var(--blog-muted);padding:48px 16px}.blog-detail{padding-top:24px;padding-bottom:64px}.blog-back{color:var(--blog-gold);font-family:var(--blog-serif);gap:8px;margin-bottom:32px;font-style:italic;display:inline-flex}.blog-reading-layout{grid-template-columns:minmax(0,1fr) 240px;gap:40px;display:grid}.blog-article{overflow-wrap:anywhere;min-width:0}.blog-article h1{font-family:var(--blog-serif);margin-bottom:12px;font-size:36px;font-weight:400;line-height:1.25}.blog-article-meta{color:var(--blog-muted);font-size:12px;line-height:1.7}.blog-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.blog-tags a,.blog-tags span{color:var(--blog-gold);border:1px solid var(--blog-line);border-radius:999px;padding:2px 10px;font-size:11px;text-decoration:none}.blog-tags a:focus-visible,.blog-tags a:hover{border-color:var(--blog-gold);outline-offset:3px}.blog-card-tags{margin:0;padding:0 24px 20px}.blog-article-summary{color:var(--blog-muted);margin:20px 0 24px;font-size:17px;line-height:1.75}.blog-article-cover{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border:1px solid var(--blog-line);border-radius:16px;width:100%;height:auto;margin-bottom:32px;display:block}.blog-toc-panel{top:calc(var(--chrome-header-h) + 24px);max-height:calc(100dvh - var(--chrome-header-h) - 48px);border-inline-start:1px solid var(--blog-line);padding-inline-start:20px;position:sticky;overflow-y:auto}.blog-toc-panel h2{color:var(--blog-gold);margin-bottom:16px;font-size:13px}.blog-mobile-toc a,.blog-toc-panel a{color:var(--blog-muted);overflow-wrap:anywhere;margin-bottom:10px;font-size:13px;line-height:1.6;display:block}.blog-mobile-toc a:hover,.blog-toc-panel a:hover{color:var(--blog-gold)}.blog-toc-sub{padding-inline-start:12px}.blog-mobile-toc{border:1px solid var(--blog-line);border-radius:12px;margin-bottom:28px;display:none}.blog-mobile-toc summary{cursor:pointer;color:var(--blog-gold);padding:14px 16px;font-size:14px}.blog-mobile-toc nav{padding:0 16px 12px}.blog-prose{color:#d1c7df;overflow-wrap:anywhere;min-width:0;font-size:17px;line-height:1.85}.blog-prose ol,.blog-prose p,.blog-prose ul{font-size:inherit;line-height:inherit;color:inherit;margin-top:0;margin-bottom:20px}.blog-prose h2,.blog-prose h3,.blog-prose h4{font-family:var(--blog-serif);color:#faf5ff;scroll-margin-top:calc(var(--chrome-header-h) + 24px);font-weight:400}.blog-prose h2{margin:40px 0 16px;font-size:28px;line-height:1.3}.blog-prose h3{margin:28px 0 12px;font-size:22px;line-height:1.4}.blog-prose h4{margin:24px 0 12px;font-size:19px;line-height:1.4}.blog-prose b,.blog-prose strong{color:#faf5ff;font-weight:600}.blog-prose em,.blog-prose i{font-style:italic}.blog-prose ul{padding-inline-start:24px;list-style:outside}.blog-prose ol{padding-inline-start:24px;list-style:decimal}.blog-prose li{margin-block:6px}.blog-prose li>p{margin-block:0}.blog-prose .blog-text-passage{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:inherit;margin-block:0 20px}.blog-prose a{color:var(--blog-gold);text-underline-offset:3px;text-decoration:underline}.blog-prose img{border-radius:12px;max-width:100%;height:auto;margin:24px auto;display:block}.blog-prose audio{width:min(100%,36rem);margin-block:20px;display:block}.blog-prose hr{border:0;border-top:1px solid var(--blog-line);margin-block:32px}.blog-prose blockquote{border-inline-start:3px solid var(--blog-gold);background:#a855f710;margin:28px 0;padding:20px 24px;font-style:italic}.blog-prose blockquote p{margin:0}.blog-table-scroll{margin:24px 0;overflow-x:auto}.blog-prose table{border-collapse:collapse;width:100%;font-size:15px}.blog-prose td,.blog-prose th{text-align:start;border:1px solid var(--blog-line);padding:12px 16px}.blog-prose th{color:#fef3c7;background:#a855f715}.blog-related{border-top:1px solid var(--blog-line);margin-top:64px;padding-top:40px}.blog-related>h2{font-family:var(--blog-serif);margin-bottom:24px;font-size:28px}@media (width<=1199px){.blog-article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.blog-reading-layout{grid-template-columns:minmax(0,1fr)}.blog-desktop-toc{display:none}.blog-mobile-toc{display:block}}@media (width<=639px){.blog-masthead{padding:64px 0 56px}.blog-lead{font-size:16px}.blog-list-content{padding-top:32px;padding-bottom:48px}.blog-article-grid,.blog-featured-grid{grid-template-columns:minmax(0,1fr);gap:24px}.blog-card--featured .blog-card-body{padding:20px}.blog-card--featured h2{font-size:26px}.blog-article h1{font-size:30px}.blog-prose{font-size:16px}.blog-related{margin-top:48px}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card-image img,.blog-filter{transition:none}.blog-card:hover .blog-card-image img{transform:none}}