.nav-header{z-index:100;background:#f8f9fa;border-bottom:2px solid #e1e1e1;flex-direction:column;gap:12px;padding:16px 24px;font-family:sans-serif;display:flex;position:sticky;top:0}.version-box{color:#333;white-space:nowrap;z-index:1;background:#fffffff2;border:1px solid #e1e1e1;border-radius:6px;padding:8px 12px;font-family:sans-serif;font-size:12px;position:absolute;top:16px;right:24px;box-shadow:0 2px 6px #00000014}.version-box .test-app{margin-bottom:4px;font-size:14px;font-weight:600}.version-box .test-app .version{font-weight:700}.version-box .mobiscroll{color:#666;font-size:14px}.version-box .mobiscroll .version{font-weight:600}.nav-header h2{margin:0;padding-right:160px;font-size:20px;font-weight:600}.nav-menu{flex-wrap:wrap;gap:12px;display:flex}.nav-menu a{color:#fff;background:#007bff;border-radius:5px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.nav-menu a:hover,.nav-menu a.active{background:#014b9a}@media (prefers-color-scheme:dark){.nav-header{background:#1a1a1a;border-bottom-color:#333}.version-box{color:#e1e1e1;background:#1e1e1ef2;border-color:#444}.version-box .mobiscroll{color:#999}}@media (max-width:768px){.nav-header{padding:60px 16px 12px}.nav-header h2{margin:0 0 12px}.nav-menu{flex-direction:column;gap:8px;width:100%}.nav-menu a{text-align:center;width:100%;padding:8px 0}.version-box{text-align:center;background-color:#0000;padding:6px 10px;font-size:11px;top:12px;left:12px;right:12px}.version-box .test-app{margin-bottom:2px;font-size:12px}.version-box .mobiscroll{font-size:12px}}
.content{max-width:80%;margin:0 auto;padding:2em;font-family:sans-serif}@media (max-width:768px){.content{padding:1em}}