/* 基础 reset */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.5;background:#f9f9f9;color:#333;padding:1rem;}
h1{margin-bottom:0.5rem;}
h2{margin:1rem 0 0.5rem;}
a{color:#0066cc;text-decoration:none;}
a:hover{text-decoration:underline;}
.error{color:#c00;margin:0.5rem 0;}

/* 表单 */
form label{display:block;margin-bottom:0.6rem;}
input[type=text], textarea{width:100%;padding:0.4rem;border:1px solid #ccc;border-radius:3px;}
input[type=file]{border:none;}
button{padding:0.6rem 1.2rem;background:#0066cc;color:#fff;border:none;border-radius:3px;cursor:pointer;}
button:hover{background:#0055a5;}
.required{color:#c00;}

/* 表格 */
table{width:100%;border-collapse:collapse;margin-top:0.5rem;}
th, td{border:1px solid #ddd;padding:0.5rem;text-align:left;vertical-align:top;}
th{background:#f0f0f0;}
td.wrap{white-space:pre-wrap;word-break:break-word;}
.del-btn{background:#c00;}
.del-btn:hover{background:#a00;}

/* 响应式 */
@media (max-width:600px){
    table, thead, tbody, th, td, tr{display:block;}
    th{position:absolute; top:-9999px; left:-9999px;}
    tr{margin-bottom:1rem; border:1px solid #ddd; padding:0.5rem;}
    td{border:none; position:relative; padding-left:50%;}
    td:before{
        position:absolute;
        top:0; left:0;
        width:45%; padding-right:0.5rem;
        white-space:nowrap;
        font-weight:bold;
    }
    td:nth-of-type(1):before{content:"ID";}
    td:nth-of-type(2):before{content:"标题";}
    td:nth-of-type(3):before{content:"内容";}
    td:nth-of-type(4):before{content:"附件";}
    td:nth-of-type(5):before{content:"时间";}
    td:nth-of-type(6):before{content:"操作";}
}

/* 页面布局 */
.form-section, .list-section{background:#fff;padding:1rem;margin-bottom:1rem;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
footer{text-align:center;color:#777;font-size:0.9rem;margin-top:2rem;}
/* 分页链接 */
.pager a{margin:0 0.5rem;color:#0066cc;text-decoration:none;}
.pager a:hover{text-decoration:underline;}