@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;}
body{font-family: system-ui, sans-serif;background-color:#F9F9F9;}
ul,ol,li{list-style:none;}
a{color: rgb(0, 0, 238);text-decoration:none;}
a:hover{color: rgb(0, 0, 238);text-decoration: underline;}
/********************************************************************/
.container-full{width:100%;background:#F5FAFF;margin:0 auto;}
.container{max-width:960px;width:100%;background:#F5FAFF;margin:0 auto;}
/********************************************************************/
.header .banner{padding-left:8px;font-size:48px;font-weight:900;background:#0F7884}
.header .banner a{color:#FFFFFF;text-decoration:none;}
.header .menu{padding:8px;background:#F1F7FC;border-bottom:1px solid #E3E3E3;}
.header .menu a:hover{text-decoration: underline;}
/********************************************************************/
.main{padding:32px;}
.main h1{color:#363737;text-align:center;font-size:32px;font-weight:800;line-height:2;}
.main .update{text-align: center;font-size: 14px;color: #999;margin-bottom: 32px;}
/********************************************************************/
.category-section{margin-bottom:32px}
.category-section h2{margin-bottom:16px;font-size:20px;font-weight:800;padding-bottom:8px;border-bottom:2px solid #ECF0F1}
.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}
.card-grid a{text-decoration:none}
.card-grid .site-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgb(247,249,252);border:1px solid rgb(226,232,240);border-radius:8px;cursor:pointer;transition:all .2s}
.card-grid .site-card:hover{border-color:rgb(202,213,226);background-color:rgb(241,245,249);box-shadow:0 6px 20px #0000001A;transform:translateY(-2px)}
.card-grid .site-card-head .site-card-head-icon{width:36px;height:36px;border-radius:12px;flex-shrink:0;vertical-align:middle;justify-content:center;align-items:center;background-color:#F4F4F5}
.card-grid .site-card-body{display:flex;flex-direction:column;gap:4px;overflow:hidden}
.card-grid .site-card-body-name{font-size:16px;font-weight:600;line-height:1.3;color:rgb(18,18,18);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-grid .site-card-body-desc{font-size:14px;line-height:1.4;color:rgb(71,71,71);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/********************************************************************/
.latest{display:flex;flex-wrap:wrap;gap:16px;}
.latest .site-item{flex: 1 1 100%;background:#EDF7FF;border:1px solid #C8E4EE;padding:16px;border-radius:4px;}
.latest .site-item .site-item-name{font-size:16px;margin-bottom:8px;}
.latest .site-item .site-item-desc{font-size:14px;color:#969696;margin-bottom:6px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.latest .site-item .site-item-link a{font-size:14px;color:#007000;text-decoration:none;}
/********************************************************************/
.content{margin-bottom: 16px;}
.content h2{font-size:20px;font-weight:700;line-height:2;}
.content p{font-size:16px;line-height:2;margin-bottom: 8px;}
.content p img{width: 100%}
.content h2 + .content p {margin-bottom: 0;}
.content ul{padding:10px; margin:0;}
.content ul li{line-height:25px; height: 25px; width: auto; overflow: hidden; font-size: 14px;}
/********************************************************************/
.related h3{font-size: 18px;font-weight: 600;line-height: 2;margin-bottom: 8px;padding-bottom: 8px;border-bottom: 2px solid #EEEEEE;}
.related ul li{display:inline;margin-right: 8px;line-height: 2;}
/********************************************************************/
.about h3{font-size:20px;font-weight:800;line-height:2;margin: 8px auto;}
.about p{font-size:16px;line-height:2;text-indent: 2em;}
.about p img{width: 180px;vertical-align: middle;}
/********************************************************************/
.footer{color:#999;font-size:14px;padding-bottom:16px;}
.footer ul{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:16px;padding-bottom:16px;border-bottom:solid 1px #DDD;}
.footer ul li{line-height:14px;}
.footer ul li:not(:last-child)::after{content:"·";margin:0 4px;}
.footer ul li a{padding:8px 8px;color:#999;}
.footer ul li a:hover{color:#999;}
.footer p{text-align:center;font-size:14px;line-height:28px;}
.footer p a{color:#999;}
.footer p a:hover{color:#999;}
/********************************************************************/
@media (max-width:768px) {
    .main{padding:16px;}
    .card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}