*{margin:0;padding:0;box-sizing:border-box}
html,body{min-height:100vh}
body{font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
     color:#1d1d1f;
     background:linear-gradient(160deg,#1f3b57 0%,#2e5984 42%,#6f96c0 100%);
     background-attachment:fixed;color:#1d1d1f}
a{color:#0645ad;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #c8ccd1;
  display:flex;align-items:center;gap:14px;padding:8px 16px;flex-wrap:wrap}
.brand a{font-size:18px;font-weight:700;color:#333}
.search{margin-left:auto;display:flex;gap:6px}
.search input{padding:6px 10px;border:1px solid #a2a6b1;border-radius:3px;font-size:14px;width:260px}
.search button,.searchpage button{padding:6px 14px;background:#3366cc;color:#fff;border:0;
  border-radius:3px;cursor:pointer;font-size:14px}
.lang-toggle{padding:6px 12px;background:#eef0f3;border:1px solid #c8ccd1;border-radius:4px;
  cursor:pointer;font-size:13px;color:#333}
.lang-toggle:hover{background:#e0e4ea}
.navbar{background:#fff;border-bottom:1px solid #c8ccd1;padding:6px 16px;
  display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px}
.navbar a{color:#0645ad}
/* bilingual language switch: default zh */
.en{display:none}
.lang-en .en{display:inline}
.lang-en .zh{display:none}
.brand .en,.navbar .en,.pagetitle .en,.categories .en{display:none}
.lang-en .brand .en,.lang-en .navbar .en,.lang-en .pagetitle .en,.lang-en .categories .en{display:inline}
.lang-en .brand .zh,.lang-en .navbar .zh,.lang-en .pagetitle .zh,.lang-en .categories .zh{display:none}
main{max-width:960px;margin:16px auto;padding:20px 24px;background:#fff;
  border:1px solid #c8ccd1;border-radius:4px}
.pagetitle{font-size:22px;border-bottom:1px solid #c8ccd1;padding-bottom:8px;margin-bottom:12px}
.content{padding:4px 0}
.content h2,.content h3,.content h4{margin:14px 0 6px}
.content p{margin:8px 0}
.content table.wikitable,.content table{border-collapse:collapse;margin:10px 0;
  border:1px solid #a2a6b1;font-size:13px;width:100%}
.content th,.content td{border:1px solid #a2a6b1;padding:5px 8px;text-align:left;vertical-align:top}
.content th{background:#eaecf0}
.content tr:nth-child(even) td{background:#f8f9fa}
.content .thumb{margin:8px 0;border:1px solid #c8ccd1;background:#f8f9fa;padding:4px;
  display:inline-block;max-width:100%}
.content .thumbinner{font-size:12px}
.content .thumbimage{border:1px solid #c8ccd1;background:#fff;padding:3px;display:block}
.content .thumbcaption{padding:4px 2px;color:#555;font-size:12px}
.content ul,.content ol{margin:6px 0 6px 22px}
.categories{margin-top:18px;padding-top:10px;border-top:1px solid #c8ccd1;
  font-size:12px;color:#555}
.pagefoot{margin-top:12px;font-size:12px;color:#888;border-top:1px solid #e0e0e0;padding-top:8px}
.searchpage{max-width:960px;margin:16px auto;padding:20px 24px;background:#fff;
  border:1px solid #c8ccd1;border-radius:4px}
.searchpage form{margin-bottom:16px;display:flex;gap:8px}
.searchpage input{flex:1;padding:8px;border:1px solid #a2a6b1;border-radius:3px;font-size:15px}
.searchpage #results{list-style:none}
.searchpage #results li{padding:8px 0;border-bottom:1px solid #eee;
  display:flex;justify-content:space-between;gap:12px}
.searchpage #results li span{color:#888;font-size:12px;white-space:nowrap}
@media(max-width:600px){.search input{width:160px}main,.searchpage{margin:8px;
  border-radius:0;border-left:0;border-right:0}}