body {font-family: "LXGW WenKai Lite", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Microsoft YaHei", Tahoma, sans-serif; letter-spacing: 0.3px; color: #333;}
html, body {height: 100%; margin: 0; padding: 0;}

#header {position: fixed; left:0; right:0; top:0; z-index:100; background:#fff; box-shadow: 0 1px 4px rgba(0,0,0,0.08);}
#header #r1 {width:100%; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:8px 20px; box-sizing:border-box; height:48px;}
#header #r1 .c1 {flex-shrink:0;}
#header #r1 .c1 img{display:block; height:30px; width:auto;}
#header #r1 .c2 {flex:1; display:flex; align-items:center; justify-content:center; padding:0 20px;}
#header #r1 .c2 form {display:flex; align-items:center; gap:4px;}
#header #r1 .c2 input[type="text"] {height:28px; line-height:28px; padding:0 10px; border:1px solid #ddd; border-radius:14px; font-size:13px; outline:none; width:140px; transition: border-color 0.2s, width 0.3s;}
#header #r1 .c2 input[type="text"]:focus {border-color:#4a7c91; width:180px;}
#header #r1 .c2 input[type="submit"] {height:28px; line-height:28px; padding:0 14px; border:none; background-color:#4a7c91; color:#fff; border-radius:14px; cursor:pointer; font-size:12px; transition: background-color 0.2s;}
#header #r1 .c2 input[type="submit"]:hover {background-color:#3d6a7c;}
#header #r1 .c3 {flex-shrink:0; font-size:13px; display:flex; align-items:center;}
#header #r1 .c3 a {color:#4a7c91; text-decoration:none; transition: color 0.2s;}
#header #r1 .c3 a:hover {color:#3d6a7c; text-decoration:underline;}
#header #r1 .c3 .site-link {display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:16px; background:#f0f5f7; transition:all 0.25s; line-height:normal;}
#header #r1 .c3 .site-link:hover {background:#4a7c91; color:#fff; text-decoration:none;}

#content {position:fixed; top:65px; bottom:32px; left:0; right:0; overflow:auto; background:#f6f6f6;}

#wrapper, body {background-color:#f6f6f6;}

#footer {position:fixed; bottom:0; left:0; right:0; text-align:center; height:32px; line-height:32px; background:#fff; border-top:1px solid #eee; font-size:12px; color:#999;}

.facet, .card {
    display:block; margin:.8em .4em; padding:16px; background-color:#fff;
    border-radius:8px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
#content>.container {margin-left:0.4em; margin-right:0.4em;}

@media screen and (max-width: 600px) {
    body {margin:0;}
    #header #r1 {padding:8px 12px;}
    #header #r1 .c2 {display:none;}
    #content{top:50px;}
}

::-webkit-scrollbar {width:6px; height:6px;}
::-webkit-scrollbar-track {background:transparent;}
::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.08); border-radius:3px;}
::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0.2);}