/* Bootstrap 变量映射与本站专有版式；其余全部使用 Bootstrap 原生组件和工具类。 */
:root{--bs-body-color:#33404F;--bs-body-color-rgb:51,64,79;--bs-secondary-color:#5F6A77;--bs-secondary-color-rgb:95,106,119;--bs-tertiary-bg:#F5F4F1;--bs-tertiary-bg-rgb:245,244,241;
--bs-body-font-size:1rem;--bs-body-line-height:1.75;--bs-border-color:#DDE4EC;--bs-border-radius:0;--bs-link-color:#1E437F;--bs-link-color-rgb:30,67,127;--bs-link-hover-color:#14294D;--bs-link-hover-color-rgb:20,41,77;
--wwo-navy:#1E437F;--wwo-serif:"Songti SC","Noto Serif CJK SC",STSong,SimSun,ui-serif,"Times New Roman",serif}
html.wwo-latin{--wwo-serif:ui-serif,Georgia,"Times New Roman",serif}
html[lang=zh-Hant-TW]{--wwo-serif:"Songti TC","Noto Serif CJK TC",PMingLiU,ui-serif,serif}
html[lang=ja]{--wwo-serif:"Hiragino Mincho ProN","Yu Mincho","Noto Serif CJK JP",ui-serif,serif}
html.wwo-ar{--wwo-serif:"Geeza Pro","Noto Naskh Arabic","Times New Roman",serif;--bs-body-line-height:1.95}
html.wwo-latin #catalog{font-family:"Times New Roman",serif}
html[lang=de] main p,html[lang=de] main li,html[lang=de] main dd{hyphens:auto}
main h1,main h2,main h3{overflow-wrap:break-word;hyphens:manual}
.wwo-std p{hyphens:manual}
@media (min-width:992px){.navbar .nav-link{white-space:nowrap}}
.navbar{--bs-navbar-color:#33404F;--bs-navbar-hover-color:#1E437F;--bs-navbar-active-color:#1E437F;--bs-navbar-nav-link-padding-x:.875rem}
.navbar .nav-link.active{font-weight:600}
.navbar .nav-link:focus-visible{outline:2px solid var(--wwo-navy);outline-offset:-2px;box-shadow:none}
.wwo-brand img{height:54px;width:auto}
.navbar .nav-link{font-size:.9375rem}
.wwo-section{padding:clamp(3.5rem,6.5vw,5.5rem) 0}
.wwo-title{font-size:clamp(1.875rem,3.2vw,2.625rem);line-height:1.3}
.wwo-h2{font-size:clamp(1.5rem,2.3vw,1.875rem);line-height:1.4}
.wwo-h3{font-size:1.25rem;line-height:1.45}
.wwo-text{font-size:1.125rem;line-height:1.85;text-wrap:pretty}
.wwo-lang-btn{--bs-btn-padding-x:.25rem;--bs-btn-padding-y:.5rem;--bs-btn-font-size:.875rem;--bs-btn-color:var(--bs-body-color);--bs-btn-hover-color:var(--wwo-navy);--bs-btn-active-color:var(--wwo-navy);--bs-btn-focus-shadow-rgb:30,67,127;text-decoration:none;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;min-height:42px}
.wwo-lang-btn svg{flex:none}
.wwo-lang [lang=ar],html.wwo-ar .wwo-lang-btn span{font-size:1.0625em}
.wwo-lang .dropdown-menu{--bs-dropdown-min-width:11.5rem;--bs-dropdown-padding-y:.375rem;--bs-dropdown-font-size:.9375rem;--bs-dropdown-border-color:var(--bs-border-color);--bs-dropdown-border-radius:0;--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-hover-color:var(--wwo-navy);--bs-dropdown-link-active-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:var(--wwo-navy);--bs-dropdown-item-padding-y:.5625rem;--bs-dropdown-item-padding-x:1rem;box-shadow:0 .5rem 1.5rem rgba(20,41,77,.12)}
.wwo-lang .dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.wwo-lang .dropdown-item[aria-current]{font-weight:600;color:var(--wwo-navy)}
.wwo-serif{font-family:var(--wwo-serif);font-weight:700;color:var(--wwo-navy)}
.wwo-h1{font-size:clamp(2.75rem,4.8vw,4.25rem);line-height:1.18;font-weight:900}
html.wwo-latin .wwo-h1,html.wwo-ar .wwo-h1{font-size:clamp(1.75rem,3.2vw,2.875rem)}
html[lang=ja] .wwo-h1{font-size:clamp(2rem,4vw,3.5rem)}
@media (max-width:374.98px){html.wwo-latin .wwo-h1,html.wwo-ar .wwo-h1{font-size:calc((100vw - 2.5rem) / 12)}}
.wwo-lead{max-width:26em;font-size:1.125rem;line-height:1.85;text-wrap:pretty}
.wwo-art{position:relative;height:clamp(190px,46vw,320px)}
.wwo-art canvas{display:block;width:100%;height:100%}
.wwo-code{color:var(--wwo-navy);unicode-bidi:isolate}
.wwo-cite{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline dotted;text-underline-offset:.2em;text-decoration-thickness:1px;cursor:help}
.popover{--bs-popover-border-radius:0;--bs-popover-inner-border-radius:0;--bs-popover-max-width:min(20rem,calc(100vw - 1.5rem));--bs-popover-font-size:.875rem;--bs-popover-header-color:var(--wwo-navy)}
.wwo-std p{text-wrap:balance}
main h1,main h2,main h3{text-wrap:balance}
main p,main li,main dd{text-wrap:pretty}
html.wwo-cjk body{line-break:strict}
.wwo-cite{white-space:nowrap}
html.wwo-latin .wwo-lead,html.wwo-latin .wwo-theory,html.wwo-ar .wwo-lead,html.wwo-ar .wwo-theory{text-wrap:balance}
.wwo-co span+span::before{content:" · "}
.wwo-std:hover h3{text-decoration:underline}
.wwo-band-navy{background:var(--wwo-navy);color:#fff}
.wwo-band-navy :focus-visible{outline:2px solid #fff;outline-offset:2px}
.wwo-band-navy h2{color:#fff}
.wwo-band-navy p{text-wrap:pretty}
.wwo-on-navy{color:#C4CFDB}
.wwo-specimen{font-family:var(--bs-font-monospace);font-size:clamp(1.25rem,3vw,2.5rem);letter-spacing:.03em;line-height:1.2;overflow-wrap:anywhere}
.wwo-specimen span:nth-child(odd){color:#fff}.wwo-specimen span:nth-child(even){color:#9BB8D3}
.wwo-rule-top{border-top:1px solid rgba(255,255,255,.24)}
.wwo-tile{border-top:1px solid var(--bs-border-color)}
.wwo-tile .small{text-wrap:balance}
html.wwo-cjk .wwo-tile .small{word-break:keep-all}
html[lang=ja] .wwo-tile .small{word-break:normal}
html[lang=zh-Hant-TW] .wwo-tile .small{overflow-wrap:anywhere}
main p,main li,main dd{overflow-wrap:break-word}
html[lang=zh-Hans] .wwo-tile .small{overflow-wrap:normal}
.wwo-aside{top:1.5rem}
.wwo-gloproof{width:auto;height:20px;max-width:100%}
@media (max-width:767.98px){
.wwo-std+.wwo-std{border-top:1px solid var(--bs-border-color)}
:root{--bs-body-font-size:.9375rem;--bs-body-line-height:1.7}
.container-xxl{--bs-gutter-x:3rem}
.navbar>.container-xxl{padding-left:1.5rem;padding-right:1.5rem}
.wwo-section{padding:3.25rem 0}
.wwo-text,.wwo-lead{font-size:1rem;line-height:1.8}
.wwo-h1{font-size:2.5rem}
.wwo-h2{font-size:1.375rem}
.wwo-h3{font-size:1.125rem}
.wwo-title{font-size:1.75rem}
.wwo-specimen{font-size:1.3125rem}
.wwo-tile{padding-top:.75rem!important}
.wwo-tile .small{font-size:.8125rem;line-height:1.6;margin-top:.125rem}
.wwo-std{padding-top:1.25rem!important;padding-bottom:1.25rem!important}
.wwo-ph{display:inline-block;max-width:100%}
.wwo-co span{display:block}.wwo-co span+span::before{content:none}
.wwo-foot{line-height:1.75}.wwo-foot a{display:inline-block;padding:.375rem 0}
.wwo-priv p:not(.small){font-size:1rem;line-height:1.8;margin-bottom:1.125rem}
}
@media (min-width:768px){.wwo-std+.wwo-std{border-inline-start:1px solid var(--bs-border-color)}}
@media (max-width:991.98px) and (max-height:500px){.wwo-art{height:45vh}}
@media (min-width:992px){.wwo-hero-copy{min-height:min(34rem,60vh)}.wwo-art{position:absolute;inset:0 0 0 auto;width:56%;height:100%}[dir=rtl] .wwo-art{inset:0 auto 0 0}}
@media (min-width:1200px){.wwo-art{width:62%}}
@media (min-width:1400px){.wwo-art{width:min(66%,calc(50% + 230px))}}
@media (max-width:399.98px){.wwo-brand img{height:42px}.navbar-toggler{margin-left:.25rem!important}}
@media (min-width:768px) and (max-width:1399.98px){.container-xxl{--bs-gutter-x:4rem}}
@media (max-width:359.98px){.container-xxl{--bs-gutter-x:2.5rem}.navbar>.container-xxl{padding-left:1.25rem;padding-right:1.25rem}}
