*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
body{background-color:#f8f9fa;color:#333;line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:30px 0;text-align:center}
.site-title{font-size:2.5rem;color:#2c3e50;margin-bottom:10px;font-weight:700}
.site-description{font-size:1.2rem;color:#7f8c8d;max-width:700px;margin:0 auto}
.sites{padding:20px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.site-item{display:block;background-color:#fff;border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,.05);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit}
.site-item:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(52,152,219,.5);cursor:pointer}
.site-content{padding:15px}
.site-header{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;}
.site-title{flex:1;min-width:200px;font-size:1.5rem;color:#2c3e50}
.site-tags{flex-shrink:0;max-width:60%;display:flex;flex-wrap:wrap}
.tag{background-color:#f1f5f9;color:#4a5568;padding:4px 10px;border-radius:20px;margin-right:8px;margin-bottom:8px;font-size:.85rem}
.site-link{color:#3498db;display:block;margin-bottom:5px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media (max-width:768px){.sites{grid-template-columns:1fr}
.site-title{font-size:2rem}
.site-description{font-size:1rem}
.site-header{flex-wrap:wrap}
.site-title{flex:0 0 100%;margin-right:0;margin-bottom:10px;font-size:1.3rem}
.site-tags{flex:0 0 100%;max-width:100%}
}
footer{background-color:#fff;padding:30px 0;text-align:center;border-top:1px solid #eee;margin-top:50px}
.footer-content{max-width:700px;margin:0 auto;color:#7f8c8d;}
.footer-links{margin-top:15px}
.footer-links a{color:#3498db;text-decoration:none;margin:0 10px}
.footer-links a:hover{text-decoration:underline}

.notice{
    background: #f7ed5e;
    margin-top: 20px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0,0,0,.05);
}