.gkrr { --gkrr-navy:#132844; --gkrr-gold:#d5a64b; --gkrr-paper:#f7f5ef; --gkrr-muted:#617187; margin:0; min-width:280px; background:var(--gkrr-paper); color:#24384e; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","Microsoft YaHei",Arial,sans-serif; font-size:16px; line-height:1.75; }
.gkrr *,.gkrr *::before,.gkrr *::after { box-sizing:border-box; }
.gkrr h1,.gkrr h2,.gkrr h3,.gkrr h4,.gkrr p { margin:0; }
.gkrr a { color:#254e74; text-decoration:none; }
.gkrr a:hover { color:#132844; }
.gkrr :is(a,button,input,summary):focus-visible { outline:3px solid #b58735; outline-offset:4px; }
.gkrr button,.gkrr input { font:inherit; }
.gkrr svg { flex:none; vertical-align:middle; }
.gkrr img { max-width:100%; }
.gkrr [hidden] { display:none !important; }
.gkrr-shell { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.gkrr-visually-hidden { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.gkrr .gkrr-skip { position:fixed; z-index:20; top:8px; left:12px; padding:9px 16px; border-radius:7px; background:#fff; color:#132844; transform:translateY(-150%); }
.gkrr .gkrr-skip:focus { transform:translateY(0); }
.gkrr-header { position:relative; z-index:5; border-bottom:1px solid #dce2e8; background:#fff; }
.gkrr-header-inner { display:flex; align-items:center; gap:32px; min-height:98px; }
.gkrr .gkrr-brand { display:inline-flex; align-items:center; gap:12px; color:#132844; }
.gkrr-brand-mark { display:flex; align-items:center; justify-content:center; width:45px; height:45px; border:1px solid #d8c397; border-radius:12px; background:#fbf7ed; color:#927034; }
.gkrr-brand strong { display:block; color:#132844; font-size:23px; font-weight:700; line-height:1.4; letter-spacing:-.03em; }
.gkrr-brand small { display:block; margin-top:2px; color:#617187; font-size:11px; letter-spacing:.025em; line-height:1.6; }
.gkrr-nav { display:flex; align-items:center; gap:25px; margin-left:auto; }
.gkrr-nav a { padding:9px 0; border-bottom:2px solid transparent; color:#4f6278; font-size:14px; font-weight:600; }
.gkrr-nav a:hover,.gkrr-nav a:focus-visible,.gkrr-nav a[aria-current="page"] { border-color:#d5a64b; color:#132844; }
.gkrr-language { position:relative; flex:none; font-size:13px; }
.gkrr-language summary { display:flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid #dce2e8; border-radius:8px; color:#314a64; cursor:pointer; list-style:none; }
.gkrr-language summary::-webkit-details-marker { display:none; }
.gkrr-language summary::after { width:6px; height:6px; margin:0 2px 3px 5px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); content:""; }
.gkrr-language summary svg { width:17px; height:17px; }
.gkrr-language summary:hover { border-color:#c2a570; background:#fcf8ee; color:#132844; }
.gkrr-language nav { position:absolute; z-index:8; top:calc(100% + 8px); right:0; width:180px; padding:7px; border:1px solid #dae2eb; border-radius:10px; background:#fff; box-shadow:0 10px 30px rgba(19,40,68,.12); }
.gkrr-language nav a { display:block; padding:9px 12px; border-radius:6px; color:#3d536c; }
.gkrr-language nav a:hover,.gkrr-language nav a:focus-visible,.gkrr-language nav a[aria-current="page"] { background:#edf2f7; color:#132844; }
.gkrr-main { min-height:55vh; padding-top:38px; padding-bottom:76px; }
.gkrr-hero { position:relative; isolation:isolate; overflow:hidden; padding:45px 50px 33px; border:1px solid #2b465f; border-radius:22px; background:radial-gradient(ellipse at 95% 0,rgba(213,166,75,.13),transparent 45%),linear-gradient(115deg,#132844,#203d57); color:#fff; }
.gkrr-eyebrow { display:block; margin-bottom:9px; color:#84612c; font-size:12px; font-weight:650; letter-spacing:.065em; line-height:1.7; }
.gkrr-hero .gkrr-eyebrow { color:#e6c886; }
.gkrr-hero-copy { max-width:820px; }
.gkrr-hero h1 { position:relative; max-width:850px; color:#fff; font-family:Georgia,"Noto Serif SC","Songti SC",serif; font-size:clamp(34px,3.6vw,51px); font-weight:500; line-height:1.24; letter-spacing:-.035em; }
.gkrr[data-gkrr-locale="zh-hans"] .gkrr-hero h1 { font-family:inherit; font-size:clamp(32px,3.3vw,45px); font-weight:600; line-height:1.5; letter-spacing:.01em; }
.gkrr-hero-copy > p { position:relative; max-width:720px; margin-top:16px; color:#d5e1ed; font-size:17px; line-height:1.85; }
.gkrr-hero-seal { position:absolute; z-index:-1; top:35px; right:32px; display:flex; align-items:center; justify-content:center; width:142px; height:142px; border:1px solid rgba(226,195,133,.16); border-radius:50%; color:rgba(226,195,133,.12); transform:rotate(-8deg); }
.gkrr-hero-seal svg { width:82px; height:82px; stroke-width:1; }
.gkrr-search { display:flex; align-items:center; gap:14px; margin-top:27px; padding:7px 8px 7px 19px; border:1px solid #dbe3ec; border-radius:11px; background:#fff; color:#617187; box-shadow:0 6px 19px rgba(9,24,42,.06); }
.gkrr-search > svg { width:22px; height:22px; }
.gkrr-search input[type="search"] { flex:1; min-width:0; width:100%; height:44px; padding:3px 0; border:0; border-radius:0; background:#fff; color:#132844; font-size:16px; box-shadow:none; }
.gkrr-search input::placeholder { color:#778497; opacity:1; }
.gkrr-search button,.gkrr .gkrr-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:45px; padding:10px 20px; border:1px solid #132844; border-radius:8px; background:#132844; color:#fff; font-size:14px; font-weight:600; line-height:1.5; text-decoration:none; cursor:pointer; }
.gkrr-search button:hover,.gkrr-search button:focus-visible,.gkrr .gkrr-button:hover,.gkrr .gkrr-button:focus-visible { border-color:#284d72; background:#284d72; color:#fff; }
.gkrr .gkrr-button.is-secondary { border-color:#cbd5df; background:#fff; color:#294b6c; }
.gkrr .gkrr-button.is-secondary:hover,.gkrr .gkrr-button.is-secondary:focus-visible { border-color:#b69860; background:#fbf5e9; color:#132844; }
.gkrr-search-hint { margin-top:10px; color:#cedce9; font-size:12px; line-height:1.8; }
.gkrr-hero-stats { display:flex; flex-wrap:wrap; gap:14px 30px; margin-top:24px; padding-top:20px; border-top:1px solid rgba(220,232,243,.15); color:#d0dfec; font-size:13px; }
.gkrr-hero-stats strong { margin-right:8px; color:#f1dba7; font-size:22px; font-weight:600; font-variant-numeric:tabular-nums; }
.gkrr-notice { display:flex; align-items:flex-start; gap:13px; margin:21px 0 33px; padding:17px 21px; border:1px solid #e0d4b8; border-radius:11px; background:#fffbf3; color:#725a31; font-size:14px; line-height:1.8; }
.gkrr-notice > svg { margin-top:2px; width:21px; height:21px; color:#96723a; }
.gkrr-notice .gkrr-text-link { margin-top:7px; font-size:13px; }
.gkrr-section { margin-top:43px; }
.gkrr-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:22px; }
.gkrr-section h2,.gkrr-page-heading h1 { color:#132844; font-family:Georgia,"Noto Serif SC","Songti SC",serif; font-size:30px; font-weight:500; line-height:1.4; letter-spacing:-.025em; }
.gkrr[data-gkrr-locale="zh-hans"] .gkrr-section h2,.gkrr[data-gkrr-locale="zh-hans"] .gkrr-page-heading h1 { font-family:inherit; font-weight:650; }
.gkrr .gkrr-text-link { display:inline-flex; align-items:center; gap:8px; color:#34587b; font-size:14px; font-weight:600; }
.gkrr-text-link svg { width:19px; height:19px; }
.gkrr .gkrr-text-link:hover,.gkrr .gkrr-text-link:focus-visible { color:#132844; text-decoration:underline; text-underline-offset:4px; }
.gkrr-topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.gkrr .gkrr-topic { display:flex; align-items:center; gap:15px; min-width:0; min-height:115px; padding:21px; border:1px solid #deded5; border-radius:12px; background:#fffdf8; color:#29455f; }
.gkrr .gkrr-topic:hover,.gkrr .gkrr-topic:focus-visible { border-color:#c7ab77; background:#fff; color:#132844; box-shadow:0 5px 15px rgba(19,40,68,.04); }
.gkrr-topic-icon { display:flex; flex:none; align-items:center; justify-content:center; width:42px; height:42px; border:1px solid #e2d5b8; border-radius:11px; background:#f9f5eb; color:#997641; }
.gkrr-topic-copy { flex:1; min-width:0; }
.gkrr-topic-copy strong { display:block; color:#203e5b; font-size:16px; font-weight:650; line-height:1.6; overflow-wrap:anywhere; }
.gkrr-topic-copy small,.gkrr-topic-copy > span { display:block; margin-top:3px; color:#68758a; font-size:12px; line-height:1.7; }
.gkrr-topic > svg { width:18px; height:18px; color:#9c845b; }
.gkrr-topic.is-compact { min-height:95px; padding:17px 19px; }
.gkrr-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.gkrr-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #dfe3e5; border-radius:15px; background:#fff; box-shadow:0 4px 13px rgba(19,40,68,.025); }
.gkrr-card-cover { display:block; overflow:hidden; aspect-ratio:16 / 10; background:linear-gradient(130deg,#eaf0f5,#f1ecdf); }
.gkrr-card-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.gkrr-cover-symbol { display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#92a0ab; }
.gkrr-cover-symbol svg { width:66px; height:66px; stroke-width:1; }
.gkrr-card-copy { display:flex; flex:1; flex-direction:column; padding:21px; }
.gkrr-card-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-bottom:12px; }
.gkrr-status { display:inline-flex; align-items:center; padding:3px 8px; border:1px solid #dccca9; border-radius:6px; background:#fbf5e7; color:#826333; font-size:11px; font-weight:600; line-height:1.6; }
.gkrr-status.is-translated { border-color:#cfded7; background:#f1f7f3; color:#426b58; }
.gkrr-status.is-preview { border-color:#d0dce9; background:#eff4fa; color:#406487; }
.gkrr-card-meta time { color:#617187; font-size:12px; }
.gkrr-card-category { margin-bottom:6px; color:#69798a; font-size:12px; line-height:1.6; }
.gkrr-card-title { font-size:21px; font-weight:650; line-height:1.6; letter-spacing:-.025em; overflow-wrap:anywhere; }
.gkrr-card-title a { color:#132844; }
.gkrr-card-title a:hover,.gkrr-card-title a:focus-visible { color:#345c83; text-decoration:underline; text-underline-offset:4px; }
.gkrr-card-excerpt { display:-webkit-box; margin-top:12px; overflow:hidden; color:#617187; font-size:14px; line-height:1.85; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.gkrr-card-read { display:flex; align-items:center; gap:8px; margin-top:auto; padding-top:19px; color:#617187; font-size:12px; }
.gkrr-card-read svg { width:16px; height:16px; }
.gkrr-read-badge { display:inline-flex; align-items:center; gap:4px; margin:5px 0 0 7px; padding:1px 6px; border:1px solid #b6cfc3; border-radius:5px; background:#f3f9f5; color:#406b54; font-family:inherit; font-size:11px; font-weight:500; line-height:1.6; vertical-align:middle; white-space:nowrap; }
.gkrr-page-heading { max-width:920px; margin-bottom:29px; padding-top:18px; }
.gkrr-page-heading h1 { font-size:38px; }
.gkrr-page-heading > p { max-width:800px; margin-top:13px; color:#617187; font-size:16px; line-height:1.85; }
.gkrr-search.is-list { margin:0 0 22px; box-shadow:none; }
.gkrr-results-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:20px; color:#4f647d; font-size:14px; }
.gkrr-results-heading p > span { color:#617187; }
.gkrr-topic-chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
.gkrr-topic-chips a { padding:5px 11px; border:1px solid #d8ddd9; border-radius:7px; background:#fffcf6; color:#5f6f81; font-size:12px; line-height:1.7; }
.gkrr-topic-chips a:hover,.gkrr-topic-chips a:focus-visible { border-color:#bba070; background:#fcf5e6; color:#132844; }
.gkrr-topic-chips a[aria-current="page"] { border-color:#132844; background:#132844; color:#fff; }
.gkrr-filter-check { display:inline-flex; align-items:center; gap:8px; color:#536980; font-size:13px; }
.gkrr-filter-check input { width:17px; height:17px; margin:0; accent-color:#132844; }
.gkrr-pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:18px; margin-top:33px; color:#617187; font-size:13px; }
.gkrr-empty { padding:46px 30px; border:1px solid #dde2e7; border-radius:14px; background:#fff; text-align:center; }
.gkrr-empty h1,.gkrr-empty h2,.gkrr-empty h3 { color:#132844; font-size:25px; font-weight:600; line-height:1.5; }
.gkrr-empty p { max-width:660px; margin:13px auto 0; color:#617187; font-size:15px; line-height:1.85; }
.gkrr-empty .gkrr-button { margin-top:23px; }
.gkrr-empty-icon { display:inline-flex; align-items:center; justify-content:center; width:72px; height:72px; margin-bottom:18px; border:1px solid #d9c59d; border-radius:19px; background:#fbf7ed; color:#99763c; }
.gkrr-empty-icon svg { width:37px; height:37px; }
.gkrr-empty.is-notfound { margin:32px auto; max-width:900px; padding-block:60px; }
.gkrr-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:23px; color:#929caa; font-size:12px; }
.gkrr-breadcrumb a { color:#60748b; }
.gkrr-breadcrumb a:hover { color:#132844; text-decoration:underline; }
.gkrr-article-heading { max-width:1050px; margin:0 auto 28px; padding:24px 0 29px; border-bottom:1px solid #d9dcd7; }
.gkrr-article-heading h1 { margin:17px 0 21px; color:#132844; font-size:clamp(29px,3.2vw,44px); font-weight:650; line-height:1.5; letter-spacing:-.035em; overflow-wrap:anywhere; }
.gkrr-article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:9px 18px; color:#627387; font-size:12px; }
.gkrr-article-meta a { color:#365a7e; text-decoration:underline; text-underline-offset:4px; }
.gkrr-reader { display:grid; grid-template-columns:minmax(0,780px) minmax(190px,250px); justify-content:center; align-items:start; gap:46px; }
.gkrr-reader.without-toc { grid-template-columns:minmax(0,820px); }
.gkrr-toc { position:sticky; top:25px; grid-column:2; grid-row:1; min-width:0; padding:20px; border:1px solid #e1dccf; border-top:2px solid #c6a466; border-radius:10px; background:#fcfaf5; font-size:13px; }
.gkrr-toc summary { color:#354f68; font-size:14px; font-weight:650; cursor:pointer; }
.gkrr-toc ol { display:grid; gap:10px; margin:16px 0 0; padding:0; list-style:none; }
.gkrr-toc a { display:block; color:#53677d; line-height:1.8; overflow-wrap:anywhere; }
.gkrr-toc a:hover,.gkrr-toc a:focus-visible,.gkrr-toc a[aria-current="location"] { color:#132844; text-decoration:underline; text-underline-offset:3px; }
.gkrr-toc .gkrr-toc-level-3 { padding-left:12px; }
.gkrr-toc .gkrr-toc-level-4 { padding-left:22px; }
.gkrr-prose { grid-column:1; grid-row:1; min-width:0; padding:30px 34px 35px; border:1px solid #e1e4e7; border-radius:13px; background:#fff; color:#263c51; font-size:17px; line-height:1.95; overflow-wrap:anywhere; }
.gkrr-prose > :first-child { margin-top:0; }
.gkrr-prose > :last-child { margin-bottom:0; }
.gkrr-prose p { margin:0 0 22px; }
.gkrr-prose :is(h2,h3,h4) { margin:38px 0 17px; color:#132844; font-weight:650; line-height:1.55; scroll-margin-top:28px; }
.gkrr-prose h2 { padding-bottom:11px; border-bottom:1px solid #e9e5da; font-size:26px; }
.gkrr-prose h3 { font-size:22px; }
.gkrr-prose h4 { font-size:19px; }
.gkrr-prose a { color:#345f89; text-decoration:underline; text-underline-offset:3px; }
.gkrr-prose a:hover { color:#132844; }
.gkrr-prose img { display:block; width:auto; max-width:100%; height:auto; margin:25px auto; border-radius:8px; }
.gkrr-prose figure { max-width:100%; margin:28px 0; }
.gkrr-prose figcaption { margin-top:10px; color:#617187; font-size:13px; line-height:1.8; text-align:center; }
.gkrr-prose :is(ul,ol) { padding-left:25px; margin:17px 0 24px; }
.gkrr-prose li { margin-bottom:8px; }
.gkrr-prose blockquote { margin:27px 0; padding:18px 21px; border-left:3px solid #c09d5f; border-radius:0 8px 8px 0; background:#f9f6ee; color:#57667b; }
.gkrr-prose blockquote p:last-child { margin-bottom:0; }
.gkrr-prose table { display:block; max-width:100%; margin:25px 0; overflow:auto; border-collapse:collapse; font-size:14px; }
.gkrr-prose th,.gkrr-prose td { padding:10px 13px; border:1px solid #dce2e8; text-align:left; }
.gkrr-prose th { background:#eff3f7; color:#294967; font-weight:600; }
.gkrr-prose pre { max-width:100%; padding:18px; overflow:auto; border:1px solid #dce2e8; border-radius:8px; background:#f4f7fa; font-size:13px; line-height:1.8; }
.gkrr-prose code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.gkrr-prose hr { margin:34px 0; border:0; border-top:1px solid #e1e4e7; }
.gkrr-related { margin-top:55px; padding-top:32px; border-top:1px solid #d9dcd7; }
.gkrr-footer { padding:31px 0; border-top:1px solid #d9dfdf; background:#eeeee7; }
.gkrr-footer > .gkrr-shell { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.gkrr-footer p { color:#4c6078; font-size:14px; }
.gkrr-footer small { display:block; margin-top:5px; color:#53677d; font-size:12px; line-height:1.8; }
@media (max-width:1000px) {
    .gkrr-header-inner { gap:19px; }
    .gkrr-nav { gap:15px; }
    .gkrr-brand small { display:none; }
    .gkrr-topic-grid,.gkrr-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .gkrr-reader { grid-template-columns:minmax(0,1fr); gap:20px; }
    .gkrr-toc { position:static; grid-column:1; grid-row:1; padding:17px 20px; }
    .gkrr-prose { grid-column:1; grid-row:2; }
    .gkrr-reader.without-toc .gkrr-prose { grid-row:1; }
}
@media (max-width:700px) {
    .gkrr-shell { width:calc(100% - 36px); }
    .gkrr-header-inner { flex-wrap:wrap; justify-content:space-between; min-height:0; padding:17px 0 0; gap:15px; }
    .gkrr-brand-mark { width:38px; height:38px; border-radius:10px; }
    .gkrr-brand strong { font-size:21px; }
    .gkrr-nav { order:3; justify-content:space-between; gap:15px; width:100%; margin:0; border-top:1px solid #ecede8; }
    .gkrr-nav a { padding:13px 0 12px; font-size:13px; }
    .gkrr-main { padding-top:24px; padding-bottom:48px; }
    .gkrr-hero { padding:31px 25px 26px; border-radius:17px; }
    .gkrr-hero h1 { font-size:35px; }
    .gkrr[data-gkrr-locale="zh-hans"] .gkrr-hero h1 { font-size:30px; }
    .gkrr-hero-copy > p { font-size:15px; }
    .gkrr-hero-seal { top:27px; right:-45px; width:130px; height:130px; }
    .gkrr-search { gap:9px; padding:6px 6px 6px 12px; }
    .gkrr-search > svg { display:none; }
    .gkrr-search input[type="search"] { height:41px; font-size:14px; }
    .gkrr-search button { min-height:42px; padding:9px 13px; font-size:13px; }
    .gkrr-hero-stats { gap:10px 20px; font-size:12px; }
    .gkrr-hero-stats strong { font-size:20px; }
    .gkrr-notice { gap:10px; padding:15px 17px; font-size:13px; }
    .gkrr-section-heading { align-items:flex-start; flex-direction:column; gap:13px; }
    .gkrr-section h2 { font-size:27px; }
    .gkrr-page-heading h1 { font-size:31px; }
    .gkrr-card-grid,.gkrr-topic-grid { gap:16px; }
    .gkrr-card-copy { padding:18px; }
    .gkrr-card-title { font-size:19px; }
    .gkrr-card-excerpt { font-size:13px; }
    .gkrr-topic { padding:17px; gap:10px; }
    .gkrr-topic-icon { display:none; }
    .gkrr-article-heading { padding-top:14px; }
    .gkrr-article-heading h1 { font-size:29px; line-height:1.65; }
    .gkrr-prose { padding:24px 22px; font-size:16px; line-height:1.95; }
    .gkrr-prose h2 { font-size:23px; }
    .gkrr-prose h3 { font-size:20px; }
    .gkrr-footer > .gkrr-shell { align-items:flex-start; flex-direction:column; gap:19px; }
}
@media (max-width:480px) {
    .gkrr-topic-grid,.gkrr-card-grid { grid-template-columns:minmax(0,1fr); }
    .gkrr-hero { padding:28px 20px 23px; }
    .gkrr-hero h1 { font-size:32px; }
    .gkrr-hero-stats { gap:9px 15px; }
    .gkrr-hero-stats strong { margin-right:5px; font-size:19px; }
    .gkrr-language summary { padding:7px 8px; font-size:12px; }
    .gkrr-language summary svg { width:15px; height:15px; }
    .gkrr-prose { padding:21px 18px; }
    .gkrr-article-heading h1 { font-size:26px; }
    .gkrr-pagination { gap:12px; }
    .gkrr-pagination .gkrr-button { min-height:40px; padding:8px 13px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) { .gkrr * { scroll-behavior:auto; } }
@media (forced-colors:active) { .gkrr :is(a,button,input,summary):focus-visible { outline-color:Highlight; } .gkrr-status,.gkrr-read-badge { border-color:ButtonText; } }