*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,Microsoft Yahei;}
a{text-decoration:none;color:#333;}
.wrap{width:1200px;margin:0 auto;max-width:95%;}

/* 顶部导航 */
.top-nav{background:#222;color:#fff;padding:12px 0;}
.top-nav .wrap{display:flex;justify-content:space-between;align-items:center;}
.logo{font-size:22px;color:#fff;font-weight:normal;}
.nav a{color:#fff;margin:0 10px;padding:6px 10px;border-radius:3px;}
.nav a:hover{background:#444;}
.admin-btn{background:#007bff;}

/* 轮播 */
.slide-box{margin:20px auto;height:320px;overflow:hidden;border-radius:6px;}
.slide-item img{width:100%;height:320px;object-fit:cover;}

/* 首页左右分栏 */
.main-body{display:flex;gap:30px;margin:30px auto;}
.left-col{width:70%;}
.right-col{width:30%;}
h2{margin:20px 0 15px;color:#222;border-left:4px solid #007bff;padding-left:10px;}

/* 作品卡片网格 */
.work-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-bottom:15px;}
.work-card{border:1px solid #eee;padding:10px;border-radius:4px;transition:0.2s;}
.work-card:hover{box-shadow:0 2px 12px #eee;}
.work-card img{width:100%;height:140px;object-fit:cover;margin-bottom:8px;}
.work-card h3{font-size:15px;margin-bottom:8px;font-weight:normal;}
.more{display:inline-block;color:#007bff;margin-bottom:30px;}
.msg-box{border:1px solid #eee;padding:20px;text-align:center;margin-top:40px;}
.msg-btn{display:block;background:#007bff;color:#fff;padding:10px;margin-top:10px;border-radius:4px;}

/* 页脚 */
.footer{background:#f7f7f7;padding:30px 0;margin-top:50px;border-top:1px solid #eee;}
.footer .wrap{display:flex;gap:40px;}
.foot-left p{line-height:1.8;color:#666;font-size:14px;}
.foot-right h4{margin-bottom:10px;}
.foot-right p{font-size:14px;color:#666;line-height:1.7;}

/* 后台通用简易样式 */
.admin-table{width:100%;border-collapse:collapse;margin:20px 0;}
.admin-table td,th{border:1px solid #ddd;padding:10px;text-align:center;}
.form-item{margin:15px 0;}
.form-item label{display:block;margin-bottom:6px;}
.form-item input,.form-item textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:3px;}
.btn{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer;}
.btn-red{background:#dc3545;}