.blog-index,.blog-post{width:100%;max-width:1100px;color:var(--ink);margin:0 auto}.blog-index a,.blog-post a{color:inherit;text-decoration:none}.blog-index a:focus-visible,.blog-post a:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.blog-chip{font-size:var(--fs-sm);border-radius:var(--r-pill);background:var(--accent-wash);color:var(--ink);align-self:flex-start;align-items:center;padding:6px 12px;font-weight:700;display:inline-flex}.blog-index-header{background:var(--block-deep);color:var(--on-block);border-radius:var(--r-xl);margin:4px 16px 0;padding:40px 22px 44px;position:relative;overflow:hidden}@media (min-width:768px){.blog-index-header{margin:4px 24px 0;padding:64px 48px}}.blog-index-header:after{display:none}.blog-blob{background:#8dc6cd24;background:lab(76.1751% -18.0781 -9.63401/.14);border-radius:50%;width:420px;height:420px;position:absolute;top:auto;bottom:-180px;right:-80px}.blog-index-header-inner{max-width:620px;position:relative}.blog-index-header .blog-chip{background:var(--block-glass);color:var(--on-block)}.blog-index-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--on-block);margin:16px 0 12px;font-size:clamp(34px,6vw,52px);font-weight:900;line-height:1.04}:lang(zh-TW) .blog-index-title{letter-spacing:0;line-height:1.25}.blog-index-intro{font-size:var(--fs-lead);color:var(--on-block-2);max-width:50ch;line-height:1.6}.blog-index-body{padding:28px 16px 72px}@media (min-width:768px){.blog-index-body{padding:40px 24px 96px}}.blog-section-label{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:14px;font-weight:700}.blog-featured{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-1);transition:transform var(--transition);grid-template-columns:minmax(0,1fr);margin-bottom:36px;display:grid;overflow:hidden}.blog-featured:hover,.blog-featured:focus-visible{transform:translateY(-2px)}.blog-featured-visual{min-height:160px;color:var(--deep-espresso);background:var(--accent);justify-content:center;align-items:center;display:flex}.blog-featured-visual svg{width:150px;height:110px}.blog-featured-content{flex-direction:column;gap:10px;min-width:0;padding:24px 22px;display:flex}.blog-featured-title{font-size:var(--fs-h2);color:var(--ink);margin-top:4px;font-weight:900;line-height:1.2}.blog-meta{font-size:var(--fs-md);color:var(--ink-2)}.blog-featured-desc{font-size:var(--fs-body);color:var(--ink-2);max-width:560px;line-height:1.6}.blog-read-more{min-height:var(--tap);border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary);font-size:var(--fs-md);transition:gap var(--transition);align-self:flex-start;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:inline-flex}.blog-index .blog-read-more{color:var(--on-primary)}.blog-featured:hover .blog-read-more{gap:12px}@media (min-width:680px){.blog-featured{grid-template-columns:240px minmax(0,1fr)}.blog-featured-visual{min-height:100%}.blog-featured-content{padding:32px 36px}}.blog-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (min-width:680px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);transition:transform var(--transition);flex-direction:column;gap:10px;padding:22px;display:flex}.blog-card:hover,.blog-card:focus-visible{transform:translateY(-2px)}.blog-card-title{font-size:var(--fs-t3);color:var(--ink);font-weight:800}.blog-card-desc{font-size:var(--fs-body);color:var(--ink-2);line-height:1.6}.blog-teaser{text-align:center;color:var(--ink-2);background:var(--surface);border:2px dashed var(--line-2);border-radius:var(--r-xl);transition:transform var(--transition);padding:28px 22px}.blog-teaser:hover{transform:translateY(-2px)}.blog-teaser-title{font-size:var(--fs-md2);color:var(--ink);margin-bottom:4px;font-weight:800}.blog-teaser-sub{font-size:var(--fs-md);line-height:1.5}.blog-post{padding-bottom:72px}.blog-breadcrumb{max-width:1100px;font-size:var(--fs-md);margin:0 auto;padding:16px 16px 0;font-weight:600}.blog-breadcrumb a{min-height:var(--tap);color:var(--ink-2);transition:color var(--transition);align-items:center;gap:6px;display:inline-flex}.blog-breadcrumb a:hover{color:var(--ink)}.blog-post-header{flex-direction:column;align-items:flex-start;gap:16px;max-width:760px;padding:12px 16px 28px;display:flex}.blog-post-title{letter-spacing:-.02em;color:var(--ink);font-size:clamp(27px,5vw,38px);font-weight:900;line-height:1.15}:lang(zh-TW) .blog-post-title{letter-spacing:0;line-height:1.35}.blog-meta-chip{font-size:var(--fs-sm2);color:var(--ink-2);background:var(--surface-3);border-radius:var(--r-pill);padding:7px 12px;font-weight:600}.blog-lead{font-size:var(--fs-t2);border-left:4px solid var(--accent);padding-left:16px;font-weight:500;line-height:1.6}.blog-post-body{max-width:760px;padding:0 16px}.blog-post-body h2{font-size:var(--fs-h2);color:var(--ink);margin:40px 0 14px;font-weight:900}.blog-post-body p{font-size:var(--fs-lead);margin-bottom:14px;line-height:1.75}:lang(zh-TW) .blog-post-body p{line-height:1.85}.blog-compare{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-1);margin:8px 0;overflow:hidden}.blog-compare-heads,.blog-compare-cells{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.blog-compare-head{text-align:center;font-size:var(--fs-body2);padding:16px 14px;font-weight:800}.blog-compare-head span{font-size:var(--fs-xs);opacity:.85;margin-top:2px;font-weight:500;display:block}.blog-compare-head.is-ts{background:var(--block);color:var(--on-block)}.blog-compare-head.is-sw{background:var(--surface-3);color:var(--ink-2)}.blog-post-body .blog-compare-label{font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);background:var(--surface-2);border-top:1px solid var(--line);margin:0;padding:14px 16px 2px;font-weight:700}.blog-compare-cell{font-size:var(--fs-md2);align-items:flex-start;gap:8px;padding:10px 14px 16px;line-height:1.5;display:flex}.blog-compare-cell.is-ts{background:var(--accent-wash)}.blog-compare-cell.is-sw{color:var(--ink-2)}.blog-check,.blog-dash{flex-shrink:0;width:18px;height:18px;margin-top:1px}.blog-check{color:var(--pos-ink)}.blog-dash{color:var(--ink-2);opacity:.55}@media (min-width:560px){.blog-compare-head{font-size:var(--fs-t1);padding:18px 16px}.blog-post-body .blog-compare-label{padding:16px 20px 4px}.blog-compare-cell{padding:12px 20px 18px}}.blog-callout{background:var(--honey-wash);border-radius:var(--r-xl);padding:24px 22px 26px;position:relative;overflow:hidden}.blog-callout:before{display:none}.blog-callout>*{position:relative}.blog-callout-kicker{font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:10px;font-weight:800;display:block}.blog-post-body .blog-callout p:last-of-type{margin-bottom:0}.blog-ccy-chips{flex-wrap:wrap;gap:10px;margin-top:16px;list-style:none;display:flex}.blog-ccy-chip{font-size:var(--fs-md);color:var(--ink);background:var(--surface);border-radius:var(--r-pill);align-items:center;gap:8px;padding:8px 14px 8px 8px;font-weight:700;display:flex}.blog-ccy-dot{width:28px;height:28px;font-size:var(--fs-sm);background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.blog-ccy-chip:first-child .blog-ccy-dot{background:var(--gold)}.blog-ccy-chip:last-child .blog-ccy-dot{background:var(--surface-3)}.blog-verdict{color:var(--on-block);background:var(--block-deep);border-radius:var(--r-xl);margin-top:40px;padding:28px 22px 30px}.blog-verdict-title{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--gold);margin-bottom:16px;font-weight:900;line-height:1.2}.blog-post-body .blog-verdict-title{font-size:var(--fs-h2);color:var(--gold);margin:0 0 16px}.blog-verdict-options{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:22px;display:grid}@media (min-width:560px){.blog-verdict-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-verdict-option{background:var(--block-glass);border-radius:var(--r-md);padding:14px 16px}.blog-verdict-option strong{font-size:var(--fs-md2);color:var(--accent);margin-bottom:5px;display:block}.blog-verdict-option span{font-size:var(--fs-md2);color:var(--on-block-2);line-height:1.55}.blog-cta{min-height:52px;font-size:var(--fs-body);color:var(--deep-espresso);background:var(--gold);border-radius:var(--r-pill);transition:transform var(--transition), background var(--transition);align-items:center;gap:10px;padding:0 26px;font-weight:800;display:inline-flex}.blog-cta:hover{background:var(--gosling-honey);transform:translateY(-1px)}.blog-post .blog-cta:focus-visible{outline-color:var(--off-white)}@media (prefers-reduced-motion:reduce){.blog-index *,.blog-post *{transition-duration:.001ms!important}}.blog-faq-item{border-top:1px solid var(--line);padding:16px 0}.blog-faq-item h3{font-size:var(--fs-t1);color:var(--ink);margin-bottom:6px}.blog-post-body .blog-faq-item p{color:var(--ink-2);margin-bottom:0}.blog-post-layout{grid-template-columns:minmax(0,1fr);display:grid}.blog-post-main{min-width:0}.blog-toc{display:none}@media (min-width:1024px){.blog-post-layout{grid-template-columns:minmax(0,760px) 260px;justify-content:space-between;gap:48px}.blog-toc{align-self:start;max-height:calc(100dvh - 112px);margin-top:12px;padding-right:16px;display:block;position:sticky;top:88px;overflow-y:auto}}.blog-toc-title{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:10px;font-weight:700;display:block}.blog-toc-list{flex-direction:column;list-style:none;display:flex}.blog-toc-list a{border-radius:var(--r-sm);font-size:var(--fs-md);color:var(--ink-2);gap:10px;padding:7px 8px;line-height:1.35;display:flex}.blog-toc-list a:hover{background:var(--surface-2);color:var(--ink)}.blog-toc-num{font-size:var(--fs-2xs);color:var(--ink-2);opacity:.7;flex:none;padding-top:2px;font-weight:700}.blog-post-body section,.blog-post-body .blog-verdict,.blog-post-body .blog-compare{scroll-margin-top:88px}.blog-post-body .blog-compare-caption{font-size:var(--fs-md);color:var(--ink);margin:0;padding:14px 16px;font-weight:700}.blog-compare-corner{display:none}.blog-compare-cell.is-ts{background:var(--block);color:var(--on-block)}.blog-compare-cell.is-ts .blog-check{color:var(--gold)}@media (min-width:560px){.blog-compare-heads,.blog-compare-row{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);display:grid}.blog-compare-corner{background:var(--surface);display:block}.blog-compare-row{border-top:1px solid var(--line)}.blog-compare-row .blog-compare-cells{display:contents}.blog-post-body .blog-compare-row .blog-compare-label{background:var(--surface);font-size:var(--fs-md);letter-spacing:0;text-transform:none;color:var(--ink);border-top:0;padding:16px;font-weight:700}.blog-compare-row .blog-compare-cell{padding:16px}.blog-compare-head.is-ts{border-radius:var(--r-md) var(--r-md) 0 0}}