*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:#494949;font-family:Verdana,'Open Sans',Arial,sans-serif;background:#001024;background:linear-gradient(0deg,#001024 0%,#033571 100%);background-attachment:fixed;min-height:100vh}
.sheet{max-width:1100px;margin:0 auto;background:#fff;min-height:100vh}
a{color:#227694;word-break:break-word}
a:hover,a:focus{color:#0e92c3}
img{max-width:100%;height:auto}

.top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;padding:6px 14px;border-bottom:1px solid #cacaca}
.brand{display:block;line-height:0}
.brand img{height:45px;width:auto;display:block}
.menu{display:flex;flex-wrap:wrap}
.menu a{color:#000;text-decoration:none;font-size:14px;padding:10px}
.menu a:hover{color:#f00}

h1.post-title{margin:0;padding:12px 16px;font-size:2em;font-weight:300;line-height:1.2;color:#565656;border-bottom:1px solid #cacaca;background:#fff}
.entry{padding:10px 16px 20px}
.entry p,.entry li{font-size:16px;line-height:1.55;margin:10px 0}
.entry li{margin:5px 0}
.entry p{word-break:break-word}
.entry h2{font-size:1.6em;font-weight:300;margin:1.4em 0 .5em;color:#3d3d3d;line-height:1.25}
.entry h3{font-size:1.2em;font-weight:300;margin:1.2em 0 .4em;color:rgb(236,81,31)}
.entry h4{font-size:1.05em;margin:1em 0 .4em}
.entry em{color:rgb(206,76,2);font-style:normal}
.entry a{font-weight:bold}
.entry blockquote{margin:.8em 1.2em;padding:1px 14px;border-left:3px solid #0073aa;background:#fafafa}
.entry table{margin:14px 0 22px;border-collapse:collapse;width:100%}
.entry table td,.entry table th{border:1px solid #ccc;padding:.4em .6em;font-size:14px;vertical-align:top;text-align:left}
.entry table th{background:#f5f5f5;font-weight:600;width:34%}
.entry table ul{margin:0;padding-left:18px}
.entry hr{border:0;border-bottom:1px solid #cacaca;margin:20px 0}
.crumbs{font-size:13px !important;color:#888;margin:2px 0 12px !important}
.crumbs a{font-size:13px !important;font-weight:normal !important}
figure.im{margin:16px auto;text-align:center}
figure.im img{display:block;margin:0 auto;max-width:100%;height:auto}
figure.im.feat{margin-top:4px}
figcaption{font-size:13px;color:#666;margin-top:4px}
.toc{display:inline-block;max-width:100%;margin:10px 0 14px;padding:10px 22px 12px 18px;background:#f7f7f7;border:1px solid #e1e1e1}
.toc-t{font-weight:bold;font-size:15px;margin-bottom:4px;color:#3d3d3d}
.toc ol{margin:0;padding-left:20px}
.toc li{margin:3px 0 !important;font-size:15px !important}
.toc a{font-weight:normal !important;font-size:15px !important}

.src-list,.rel{padding:0 16px 8px}
h2.sm{font-size:1.15em;font-weight:600;color:#3d3d3d;margin:18px 0 8px}
.src-list ul,.rel ul{margin:0;padding-left:20px}
.src-list li,.rel li{margin:5px 0;font-size:14px;line-height:1.45;word-break:break-word}
.src-list a,.rel a{font-size:14px}

.cards{list-style:none;margin:0;padding:0}
.card{display:flex;gap:20px;padding:12px 16px;border-bottom:1px solid #ccc}
.card .ci{flex:0 0 300px;display:block;line-height:0}
.card .ci img{width:300px;height:200px;object-fit:cover;display:block}
.card .ct{min-width:0;flex:1}
.card h2{margin:0 0 8px;padding:0;font-size:26px;font-weight:300;line-height:1.2}
.card h2 a{text-decoration:none;font-size:inherit}
.card p{margin:0;font-size:16px;line-height:1.55}

.src-box{margin:14px 16px;padding:16px 20px 18px;border-radius:6px}
.src-box h3{margin:0 0 6px;padding:0;font-size:1.25em;font-weight:600;line-height:1.25}
.src-box .src-sub{margin:0 0 12px;font-size:15px;line-height:1.5;color:#4a4a4a}
.src-wiki{background:#eef5f8;border:1px solid #cfe2ea;border-left:5px solid #227694}
.src-wiki h3{color:#1b5d77}
.btn-w{display:inline-block;padding:9px 20px;background:#227694;color:#fff;font-size:15px;font-weight:bold;text-decoration:none;border-radius:3px}
.btn-w:hover,.btn-w:focus{background:#185870;color:#fff}
.src-acad{background:#fff6ef;border:1px dashed #e3a77b;border-top:4px solid #ec511f;text-align:center}
.src-acad h3{color:#c9400f}
.btn-a{display:inline-block;padding:8px 24px;border:2px solid #ec511f;color:#c9400f;background:transparent;font-size:15px;font-weight:bold;text-decoration:none;border-radius:30px}
.btn-a:hover,.btn-a:focus{background:#ec511f;color:#fff}

.foot{padding:14px;text-align:center;font-size:14px;border-top:1px solid #cacaca;color:#555}

@media (max-width:769px){
  h1.post-title{font-size:1.5em;padding:10px 12px}
  .entry{padding:8px 12px 18px}
  .entry h2{font-size:1.3em}
  .card{flex-direction:column;gap:10px;padding:12px}
  .card .ci{flex:none}
  .card .ci img{width:100%;height:auto;aspect-ratio:3/2}
  .card h2{font-size:22px}
  .src-box{margin:12px}
  .src-list,.rel{padding:0 12px 8px}
  .menu a{padding:8px 9px}
}
@media (max-width:420px){
  .entry h3{font-size:1.15em}
  .entry h2{font-size:1.25em}
}
.entry table li{margin:2px 0;font-size:14px}