.r2-blog-document { color-scheme: light; margin: 0; color: #17233b; background: #f6f4ef; font-family: Inter, "Noto Sans TC", system-ui, sans-serif; line-height: 1.65; scroll-behavior: smooth; }
.r2-blog-document, .r2-blog-document * { box-sizing: border-box; }
.r2-blog-document a { color: inherit; text-decoration-thickness: .08em; text-underline-offset: .16em; }
.r2-blog-document .r2-blog-header { color: #f8f4e9; background: #07142c; border-bottom: 1px solid #b99243; }
.r2-blog-document :is(.r2-blog-header__inner, .r2-blog-main, .r2-blog-footer > div) { width: min(100% - 2rem, 72rem); margin: auto; }
.r2-blog-document .r2-blog-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; min-height: 5rem; }
.r2-blog-document .r2-blog-brand { display: inline-flex; align-items: center; gap: .6rem; color: inherit; font-weight: 750; letter-spacing: .02em; text-decoration: none; white-space: nowrap; }
.r2-blog-document .r2-blog-brand img { width: 2.5rem; height: 2.5rem; object-fit: contain; }
.r2-blog-document .r2-blog-nav { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .4rem 1rem; font-size: .9rem; }
.r2-blog-document .r2-blog-nav details { position: relative; min-width: 0; max-width: 100%; }
.r2-blog-document .r2-blog-nav summary { padding: .5rem 0; cursor: pointer; }
.r2-blog-document .r2-blog-nav ul { position: absolute; z-index: 1; width: min(25rem, calc(100vw - 2rem)); min-width: 0; max-width: calc(100vw - 2rem); margin: .2rem 0 0; padding: .4rem; list-style: none; overflow-wrap: anywhere; background: #102346; border: 1px solid #b99243; box-shadow: 0 1rem 2rem #0006; }
.r2-blog-document .r2-blog-nav li a { display: grid; gap: .1rem; padding: .55rem .7rem; text-decoration: none; }
.r2-blog-document .r2-blog-nav li a:is(:hover, :focus-visible) { background: #1d3765; }
.r2-blog-document .r2-blog-nav li span { color: #d8deeb; font-size: .78rem; line-height: 1.35; }
.r2-blog-document :is(.r2-blog-nav__top-link, .r2-blog-nav__language) { padding: .5rem 0; }
.r2-blog-document .r2-blog-nav__cta { padding: .45rem .7rem; color: #fff5d6; border: 1px solid #d5b46a; border-radius: 999px; text-decoration: none; }
.r2-blog-document .r2-blog-main { padding-block: clamp(2.5rem, 7vw, 6rem); }
.r2-blog-document .r2-blog-intro { max-width: 44rem; margin-bottom: 2.5rem; }
.r2-blog-document :is(h1, h2, h3) { line-height: 1.18; text-wrap: balance; }
.r2-blog-document h1 { margin: .2rem 0 .8rem; font-size: clamp(2rem, 6vw, 4rem); }
.r2-blog-document :is(.r2-blog-intro > p:first-child, .r2-blog-card__date, .r2-blog-article__date) { color: #836421; font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.r2-blog-document .r2-blog-taxonomy { margin: 0 0 2rem; padding: 1rem; background: #fffdf8; border-left: 3px solid #b99243; }
.r2-blog-document .r2-blog-taxonomy h2 { margin: 0 0 .5rem; font-size: 1rem; }
.r2-blog-document :is(.r2-blog-taxonomy div, .r2-blog-meta__links) { display: flex; flex-wrap: wrap; gap: .4rem .8rem; }
.r2-blog-document .r2-blog-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.r2-blog-document .r2-blog-card { overflow: hidden; background: #fffdf8; border: 1px solid #e2dccd; border-radius: .75rem; box-shadow: 0 .4rem 1rem #11233a0d; }
.r2-blog-document .r2-blog-card img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.r2-blog-document .r2-blog-card > div { padding: 1.3rem; }
.r2-blog-document .r2-blog-card h2 { margin: .25rem 0 .6rem; font-size: 1.35rem; }
.r2-blog-document .r2-blog-card__more { display: inline-block; margin-top: .5rem; color: #67501b; font-weight: 800; text-decoration: none; }
.r2-blog-document .r2-blog-pagination { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 2.5rem; }
.r2-blog-document :is(.r2-blog-pagination a, .r2-blog-pagination span) { padding: .4rem .7rem; border: 1px solid #cabd9d; border-radius: .35rem; }
.r2-blog-document .r2-blog-pagination span { color: white; background: #07142c; }
.r2-blog-document .r2-blog-article { max-width: 48rem; margin: auto; }
.r2-blog-document .r2-blog-article__excerpt { color: #526078; font-size: 1.18rem; }
.r2-blog-document .r2-blog-article__author { margin-bottom: 1rem; }
.r2-blog-document .r2-blog-article__image { display: block; width: 100%; max-width: 100%; height: auto; margin: 2rem 0; border-radius: .5rem; }
.r2-blog-document .r2-blog-prose { overflow-wrap: anywhere; }
.r2-blog-document .r2-blog-prose :is(img, video, iframe) { max-width: 100%; height: auto; }
.r2-blog-document .r2-blog-prose :is(pre, table) { display: block; max-width: 100%; overflow-x: auto; }
.r2-blog-document .r2-blog-prose :is(h2, h3, h4) { scroll-margin-top: 6rem; }
.r2-blog-document .r2-blog-message { max-width: 42rem; padding: clamp(2rem, 8vw, 5rem); margin: auto; text-align: center; background: #fffdf8; border: 1px solid #e2dccd; }
.r2-blog-document .r2-blog-message a { display: inline-block; padding: .6rem 1rem; color: white; background: #07142c; text-decoration: none; }
.r2-blog-document .r2-blog-message .r2-blog-message__chinese { margin-right: .5rem; color: #07142c; background: #fffdf8; border: 1px solid #07142c; }
.r2-blog-document .r2-blog-footer { padding: 2.5rem 0; color: #f4efdf; background: #07142c; }
.r2-blog-document .r2-blog-footer nav { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin-block: 1rem; }
.r2-blog-document .r2-blog-footer small { color: #c7cfdd; }
.r2-blog-document .mb-cookie-banner { position: fixed; z-index: 80; right: 1rem; bottom: 1rem; display: grid; width: min(28rem, calc(100% - 2rem)); gap: .8rem; padding: 1rem; color: #17233b; background: #fffdf8; border: 1px solid #cabd9d; border-radius: .75rem; box-shadow: 0 1rem 3rem #07142c33; }
.r2-blog-document .mb-cookie-banner[hidden] { display: none; }
.r2-blog-document .mb-cookie-banner__copy { margin: 0; }
.r2-blog-document .mb-cookie-banner__actions { display: flex; justify-content: flex-end; gap: .5rem; }
.r2-blog-document .mb-cookie-button { padding: .55rem .8rem; font: inherit; border: 1px solid #07142c; border-radius: .35rem; cursor: pointer; }
.r2-blog-document .mb-cookie-button--primary { color: white; background: #07142c; }
.r2-blog-document .mb-cookie-button--secondary { color: #07142c; background: transparent; }
@media (max-width: 48rem) { .r2-blog-document .r2-blog-header__inner { flex-direction: column; align-items: flex-start; gap: .5rem; padding-block: 1rem; } .r2-blog-document .r2-blog-nav { width: 100%; justify-content: flex-start; } .r2-blog-document .r2-blog-nav ul { position: static; width: 100%; min-width: 0; max-width: 100%; box-shadow: none; } .r2-blog-document .r2-blog-cards { grid-template-columns: 1fr; } }