.tm-language-bar{position:fixed;inset:0 0 auto;z-index:1200;display:flex;justify-content:flex-end;align-items:center;height:44px;padding:4px max(16px,env(safe-area-inset-right));background:#111820;color:#fff;box-sizing:border-box}
body{padding-top:44px}
.site-header{top:44px}
html{scroll-padding-top:150px}
.tm-language-switch{display:inline-flex;gap:2px;padding:2px;border:1px solid #63717e;border-radius:7px;font:600 13px/1.3 system-ui,sans-serif}
.tm-language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:30px;min-width:58px;padding:3px 10px;border-radius:4px;color:#fff;text-decoration:none;box-sizing:border-box}
.tm-language-switch a[aria-current=true]{background:#c8f47e;color:#122016}
.tm-language-switch a:hover{box-shadow:inset 0 0 0 1px currentColor}
.tm-language-switch a:focus-visible{outline:3px solid #7fcfff;outline-offset:3px}
html[lang=en] .site-nav{font-size:.8rem;gap:.6rem}
html[lang=en] .site-nav a{overflow-wrap:anywhere}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{overflow-wrap:break-word}
html[lang=en] .fi-lesson{overflow-wrap:anywhere}
.xhs-deck{zoom:var(--tm-social-scale,1)}
html[lang=en] .cookie-option strong{color:#122016}
html[lang=en] .rb-star-figure figcaption::before{content:'Figure ' counter(star-figure) ' · '}
html[lang=en] .cpp-oop-page .lesson-hero-bg{background-image:linear-gradient(90deg,rgba(8,9,12,.92),rgba(8,9,12,.56),rgba(8,9,12,.24)),url('../../pics/c++/cpp-oop-001-class-object-map.en.svg')}
html[lang=en] .cpp-oop-page .summary-section{background-image:linear-gradient(90deg,rgba(8,9,12,.94),rgba(8,9,12,.72)),url('../../pics/c++/cpp-oop-002-oop-mindmap.en.svg')}
html[lang=en] .cpp-oop-inherit-page .lesson-hero-bg{background-image:linear-gradient(90deg,rgba(8,9,12,.92),rgba(8,9,12,.56),rgba(8,9,12,.24)),url('../../pics/c++/cpp-oop-inherit-001-family-map.en.svg')}
html[lang=en] .cpp-oop-inherit-page .summary-section{background-image:linear-gradient(90deg,rgba(8,9,12,.94),rgba(8,9,12,.72)),url('../../pics/c++/cpp-oop-inherit-002-mindmap.en.svg')}
html[lang=en] .cpp-oop-poly-page .lesson-hero-bg{background-image:linear-gradient(90deg,rgba(8,9,12,.92),rgba(8,9,12,.56),rgba(8,9,12,.24)),url('../../pics/c++/cpp-oop-poly-001-virtual-dispatch.en.svg')}
html[lang=en] .cpp-oop-poly-page .summary-section{background-image:linear-gradient(90deg,rgba(8,9,12,.94),rgba(8,9,12,.72)),url('../../pics/c++/cpp-oop-poly-002-mindmap.en.svg')}
html[lang=en] .cpp-oop-project-page .lesson-hero-bg{background-image:linear-gradient(90deg,rgba(8,9,12,.92),rgba(8,9,12,.56),rgba(8,9,12,.24)),url('../../pics/c++/cpp-oop-project-001-rpg-system.en.svg')}
html[lang=en] .cpp-oop-project-page .summary-section{background-image:linear-gradient(90deg,rgba(8,9,12,.94),rgba(8,9,12,.72)),url('../../pics/c++/cpp-oop-project-002-mindmap.en.svg')}
@media(min-width:1301px){html[lang=en] .site-header-shared .site-nav{font-size:.75rem;gap:.55rem}}
@media print{.tm-language-bar{display:none}body{padding-top:0}.site-header{top:0}}