details.langs{display:inline-block;position:relative;margin-left:20px;vertical-align:middle}
details.langs summary{cursor:pointer;list-style:none;border:1px solid #5b6b82;border-radius:6px;padding:3px 12px;font-weight:600;font-size:14px;color:#0b1b34;user-select:none}
details.langs summary::-webkit-details-marker{display:none}
details.langs summary::after{content:" \25BE"}
details.langs>div{position:absolute;right:0;top:34px;min-width:150px;background:#fff;border-radius:10px;box-shadow:0 6px 24px #0b1b3430;padding:6px;z-index:30}
details.langs>div a{display:block;margin:0;padding:8px 12px;border-radius:6px;font-weight:600;font-size:14px}
details.langs>div a:hover{background:#fff3e4;color:#b55d00}
html[lang="zh-Hans"] body{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif}
html[dir="rtl"] body{font-family:"Segoe UI",Tahoma,"Noto Naskh Arabic",Arial,sans-serif}
html[dir="rtl"] header .nav{direction:rtl}
html[dir="rtl"] nav a{margin-left:0;margin-right:20px}
html[dir="rtl"] details.langs{margin-left:0;margin-right:20px}
html[dir="rtl"] details.langs>div{right:auto;left:0}
html[dir="rtl"] .btn{margin:18px 0 0 10px}
html[dir="rtl"] .warn{border-left:0;border-right:5px solid #f28c28}
html[dir="rtl"] th,html[dir="rtl"] td{text-align:right}
html[dir="rtl"] .warn ul{padding-right:22px;padding-left:0}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right}
@media(max-width:700px){details.langs{margin-left:8px}html[dir="rtl"] details.langs{margin-right:8px}}