/* Windows 98 风格 · 极简 */
*{box-sizing:border-box;margin:0;padding:0}
html{
 min-height:100%;background:#008080;
 font:11px "Microsoft YaHei","MS Sans Serif",Tahoma,sans-serif;color:#000;
}
body{
 max-width:1100px;margin:24px auto;background:#c0c0c0;
 border:2px solid;border-color:#fff #000 #000 #fff;
 box-shadow:2px 2px 0 #000;
}
.title-bar{
 display:flex;justify-content:space-between;align-items:center;
 background:linear-gradient(90deg,#000080,#1084d0);
 color:#fff;font-weight:700;padding:3px 4px;
}
.title-text{padding-left:2px}
.title-btns b{
 display:inline-block;width:18px;height:16px;line-height:14px;
 text-align:center;background:#c0c0c0;color:#000;font:bold 10px sans-serif;
 border:1px solid;border-color:#fff #000 #000 #fff;margin-left:2px;
}
.win-body{padding:12px}
.panel{
 background:#c0c0c0;padding:14px;margin-bottom:14px;
 border:2px solid;border-color:#fff #808080 #808080 #fff;
}
h1{font-size:18px;margin-bottom:6px}
h2{font-size:14px;margin:0 0 10px;padding:2px 6px;background:#000080;color:#fff}
h3{font-size:12px;margin-bottom:6px}
h3 a{color:#000080;text-decoration:none;display:inline-flex;align-items:center;gap:.35em}
h3 a:hover,h3 a:focus{text-decoration:underline}
h3 a:visited{color:#000080}
p{margin-bottom:4px;line-height:1.55}
.prose h2{margin-top:14px}
.prose p,.prose li{font-size:12px;line-height:1.7;margin-bottom:6px}
.prose ol,.prose ul{padding-left:22px}
.panel a{color:#000080}
.panel a:visited{color:#000080}
.cards{
 list-style:none;display:grid;gap:10px;
 grid-template-columns:repeat(5,1fr);
}
.cards article{
 background:#fff;padding:8px;height:100%;
 border:2px solid;border-color:#808080 #fff #fff #808080;
}
dl{font-size:11px;line-height:1.5}
dt{display:inline-block;background:#000080;color:#fff;padding:0 4px;margin:4px 0 2px;font-weight:700}
dd{margin-bottom:2px}
.status-bar{
 display:flex;justify-content:space-between;padding:4px 8px;
 background:#c0c0c0;
 border-top:1px solid #fff;
}
.status-bar span{
 padding:2px 6px;border:1px solid;border-color:#808080 #fff #fff #808080;
}
.status-bar a{color:#000080;text-decoration:none}
.status-bar a:hover,.status-bar a:focus{text-decoration:underline}
.status-bar a:visited{color:#000080}
.lang-switch{
 background:#c0c0c0;padding:8px 10px;margin-bottom:14px;
 border:2px solid;border-color:#fff #808080 #808080 #fff;
 display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11px;
}
.lang-switch a{color:#000080;text-decoration:none}
.lang-switch a:hover,.lang-switch a:focus{text-decoration:underline}
.lang-switch a[aria-current="page"]{font-weight:700;color:#000}
.contact-panel{
 padding:8px 12px 14px;
 margin-bottom:12px;
 text-align:center;
 background:#c0c0c0;
}
.contact-email{font-size:12px;line-height:1.7}
.contact-email a{color:#000080;text-decoration:none}
.contact-email a:hover,.contact-email a:focus{text-decoration:underline}
.qr-panel .contact-wrap{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:14px;
 flex-wrap:wrap;
}
.qr-copy{text-align:left}
.qr-tip{font-size:12px;font-weight:700;margin-bottom:4px}
.qr-image{
 width:150px;
 max-width:60vw;
 height:auto;
 background:#fff;
 padding:4px;
}
html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] .qr-copy{text-align:right}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}body{margin:16px}}
@media(max-width:760px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){
 .cards{grid-template-columns:1fr}
 body{margin:8px}
 .qr-copy{text-align:center}
 .qr-image{width:136px;max-width:72vw}
}