:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1f2c4d;color:#f2f5f8}.app-shell{width:min(36rem,calc(100vw - 2rem));max-width:36rem;padding:2rem;text-align:center;border-radius:1rem;background:#2f4275;box-shadow:0 .5rem 1.5rem #00000059}.app-header{padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.12)}.app-header__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-header h1{margin:0;font-size:1.4rem;color:#f6af3c}.app-nav{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}.app-nav__link{padding:.35rem .8rem;color:#f2f5f8;text-decoration:none;border-radius:.45rem;background:#3b538f;border:1px solid transparent}.app-nav__link:hover{background:#46609e}.app-nav__link--active{background:#f6af3c;color:#1f2c4d;border-color:#ffffff47}.app-content h2{margin:0 0 .75rem;font-size:1.7rem;color:#f6af3c}.app-content p{margin:0;opacity:.85}.language-menu{position:relative}.language-menu__toggle,.language-menu__item{font:inherit;color:#f2f5f8;background:#3b538f;border:1px solid rgba(255,255,255,.18);border-radius:.5rem;cursor:pointer}.language-menu__toggle{padding:.45rem .9rem}.language-menu__toggle:hover,.language-menu__item:hover{background:#46609e}.language-menu__list{position:absolute;top:calc(100% + .4rem);right:0;z-index:10;min-width:8rem;margin:0;padding:.35rem;list-style:none;background:#2a3d6e;border:1px solid rgba(255,255,255,.18);border-radius:.5rem;box-shadow:0 .4rem 1rem #00000059}.language-menu__item{width:100%;padding:.45rem .7rem;text-align:left}