*{box-sizing:border-box}
body{font-family:'Noto Sans SC','Source Han Sans CN',sans-serif;
     margin:0;background:#1a1a2e;color:#e0e0e0;min-height:100vh}
#topbar{background:#16213e;border-bottom:2px solid #8b6914;
        padding:.5em 1.5em;display:flex;align-items:center;gap:1.2em;
        position:sticky;top:0;z-index:100}
#topbar .logo{font-size:1.1em;font-weight:700;color:#d4a017;text-decoration:none;white-space:nowrap}
#topbar a{color:#9ec8ff;text-decoration:none;font-size:.9em}
#topbar a:hover{color:#d4a017}
#topbar form{margin-left:auto;display:flex;gap:.4em}
#topbar input{padding:.3em .7em;font-size:.9em;border-radius:4px;
              border:1px solid #8b6914;background:#0f3460;color:#e0e0e0;width:220px}
#topbar button{padding:.3em .8em;background:#8b6914;color:white;
               border:none;border-radius:4px;cursor:pointer;font-size:.9em}
#topbar button:hover{background:#d4a017}
.page-wrap{max-width:1080px;margin:0 auto;padding:1.5em 1.5em 3em}
.hero{text-align:center;padding:2.5em 1em 1.5em;
      background:linear-gradient(135deg,#0f3460 0%,#16213e 100%);
      border-radius:8px;margin-bottom:1.8em;border:1px solid #8b6914}
.hero h1{font-size:2.2em;color:#d4a017;margin:.2em 0}
.hero p{color:#aaa;margin:.3em 0 1em;font-size:1.05em}
.hero-search{display:flex;gap:.5em;justify-content:center;max-width:500px;margin:0 auto}
.hero-search input{flex:1;padding:.55em 1em;font-size:1em;border-radius:5px;
                   border:1px solid #8b6914;background:#0f3460;color:#e0e0e0}
.hero-search button{padding:.55em 1.2em;background:#8b6914;color:white;
                    border:none;border-radius:5px;cursor:pointer;font-size:1em}
.hero-search button:hover{background:#d4a017}
.hero-stats{font-size:.85em;color:#888;margin-top:.8em}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1em;margin-bottom:2em}
.card{background:#16213e;border:1px solid #2a2a4a;border-radius:6px;
      padding:1em 1.2em;transition:border-color .2s,transform .15s}
.card:hover{border-color:#8b6914;transform:translateY(-2px)}
.card h3{color:#d4a017;margin:0 0 .6em;font-size:1em}
.card ul{list-style:none;padding:0;margin:0}
.card ul li{margin:.25em 0}
.card ul li a{color:#9ec8ff;text-decoration:none;font-size:.9em}
.card ul li a:hover{color:#d4a017;text-decoration:underline}
.article-wrap{background:#16213e;border:1px solid #2a2a4a;border-radius:6px;padding:1.5em 2em}
.article-wrap h1{color:#d4a017;border-bottom:1px solid #2a2a4a;padding-bottom:.4em}
.article-meta{font-size:.82em;color:#666;margin-bottom:1.2em}
.article-meta a{color:#9ec8ff;text-decoration:none}
.mw-parser-output{line-height:1.65}
.mw-parser-output a{color:#9ec8ff}
.mw-parser-output a:hover{color:#d4a017}
.mw-parser-output h2{color:#d4a017;border-bottom:1px solid #2a2a4a;padding-bottom:.25em}
.mw-parser-output h3{color:#c8a84b}
.mw-parser-output table{border-collapse:collapse;margin:1em 0;font-size:.9em;
                         background:#1a1a2e;max-width:100%;overflow-x:auto;display:block}
.mw-parser-output table th{background:#0f3460;color:#d4a017;padding:.4em .7em;
                            border:1px solid #2a2a4a;text-align:left}
.mw-parser-output table td{padding:.35em .7em;border:1px solid #2a2a4a;vertical-align:top}
.mw-parser-output table tr:nth-child(even) td{background:#1e1e35}
.mw-parser-output .infobox{float:right;clear:right;margin:0 0 1em 1.5em;
                            border:1px solid #2a2a4a;padding:.5em;
                            background:#1a1a2e;font-size:.88em;max-width:280px}
.mw-parser-output .navbox{border:1px solid #2a2a4a;margin:1em 0;background:#1a1a2e;font-size:.88em}
.mw-parser-output .navbox-title{background:#0f3460;color:#d4a017;padding:.3em;text-align:center}
.mw-parser-output ul li,.mw-parser-output ol li{margin:.2em 0}
.mw-parser-output img{max-width:100%;height:auto}
.mw-parser-output .thumb{float:right;clear:right;margin:0 0 1em 1.5em;
                          border:1px solid #2a2a4a;padding:3px;background:#1a1a2e}
.mw-parser-output .thumbcaption{font-size:.8em;color:#888;text-align:center}
.all-pages-grid{column-count:3;column-gap:1.5em;list-style:none;padding:0}
.all-pages-grid li{break-inside:avoid;margin:.2em 0}
.all-pages-grid li a{color:#9ec8ff;text-decoration:none;font-size:.9em}
.all-pages-grid li a:hover{color:#d4a017}
#search-results{margin-top:1em}
.sr-item{background:#16213e;border:1px solid #2a2a4a;border-radius:5px;
         margin:.5em 0;padding:.7em 1em;display:none}
.sr-item.visible{display:block}
.sr-item a{color:#d4a017;font-size:1.05em;text-decoration:none}
.sr-item a:hover{text-decoration:underline}
.sr-url{font-size:.78em;color:#5a8a5a;margin:.1em 0 .2em}
.sr-snip{font-size:.85em;color:#999;margin-top:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-body{margin:0 auto}
.home-body .row.mainpagewidth{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(220px,2fr);gap:1.25em;align-items:start}
.home-body .row.mainpagewidth>.col-sm-12{grid-column:1/-1}
.home-body .col-sm-3,.home-body .col-sm-7,.home-body .col-sm-2,.home-body .col-sm-12,.home-body .col-xs-12{min-width:0}
.home-body .hidden-xs-down{display:block}
@media(max-width:960px){
  .home-body .row.mainpagewidth{grid-template-columns:minmax(0,1fr)}
  .home-body .row.mainpagewidth>.col-sm-12{grid-column:auto}
  .home-body .hidden-xs-down{display:none}
}
@media(max-width:640px){
  .cards{grid-template-columns:1fr}
  .all-pages-grid{column-count:1}
  .mw-parser-output .infobox,.mw-parser-output .thumb{float:none;margin:0 0 1em;max-width:100%}
}
.sg-box{position:absolute;top:100%;left:0;right:0;background:#16213e;border:1px solid #8b6914;
        border-top:none;z-index:200;border-radius:0 0 5px 5px;display:none}
.sg-item{padding:.45em .9em;cursor:pointer;font-size:.95em;color:#e0e0e0}
.sg-item:hover{background:#0f3460;color:#d4a017}