* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft YaHei", sans-serif;
}
header {
    background: #1f2937;
    color: white;
    padding: 1rem 2rem;
    position: sticky;
    top: 0;
    z-index: 999;
}
.nav-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo { font-size: 1.5rem; font-weight: bold; }
nav ul { display: flex; list-style: none; gap: 1.5rem; }
nav a { color: white; text-decoration: none; }
nav a:hover { color: #38bdf8; }
.user-info { color: #fff; margin-left: 1rem; }
.banner {
    height: 400px;
    background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url('https://picsum.photos/id/1068/1920/1080');
    background-size: cover;
    background-position: center;
    display: flex; align-items: center; justify-content: center; color: white; text-align: center;
}
.banner h1 { font-size: 2.4rem; margin-bottom: 1rem; }
.section { max-width: 1200px; margin: 3rem auto; padding: 0 1rem; }
.section-title {
    text-align: center; font-size: 2rem; margin-bottom: 2rem; color: #1f2937;
    position: relative;
}
.section-title::after {
    content: ""; width: 80px; height: 3px; background: #38bdf8;
    position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px;
}
.about { max-width: 900px; margin: 0 auto; line-height: 1.8; text-align: center; color: #333; }
.info-list {
    display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap:1.5rem;
}
.info-item { border:1px solid #eee; border-radius:8px; overflow:hidden; transition:0.3s; }
.info-item:hover { transform:translateY(-5px); box-shadow:0 5px 15px rgba(0,0,0,0.1); }
.info-item img { width:100%; height:160px; object-fit:cover; }
.info-content { padding:1rem; }
.info-date { color:#999; font-size:0.85rem; margin-bottom:0.5rem; }
.info-title { font-size:1rem; font-weight:bold; margin-bottom:0.5rem; color:#222; }
.info-desc { font-size:0.9rem; color:#666; }
.info-item a { text-decoration:none; color:inherit; }
.publish-btn {
    display: block; width: 200px; margin: 0 auto 2rem; padding: 0.8rem;
    background: #38bdf8; color: white; text-align: center;
    border-radius: 6px; text-decoration: none;
}
.contact { background:#f8f9fa; padding:2rem; border-radius:10px; text-align:center; }
.contact p { margin:0.6rem 0; }
footer { background:#1f2937; color:white; text-align:center; padding:2rem 1rem; margin-top:2rem; }
.login-box { max-width: 400px; margin: 3rem auto; padding: 2rem; border:1px solid #eee; border-radius:10px; }
.form-group { margin-bottom:1rem; }
.form-group label { display:block; margin-bottom:0.5rem; }
.form-group input, .form-group textarea { width:100%; padding:0.7rem; border:1px solid #ddd; border-radius:5px; }
.btn { width:100%; padding:0.8rem; background:#38bdf8; color:white; border:none; border-radius:5px; cursor:pointer; }
.btn:hover { background:#2a96c7; }
.link-text { text-align:center; margin-top:1rem; }
.link-text a { color:#38bdf8; text-decoration:none; }
.hidden { display: none; }