*{margin:0;padding:0;box-sizing:border-box;font-family:微软雅黑;}
body{background:#f5f7fa;color:#333;}
.container{width:1080px;margin:0 auto;}
a{text-decoration:none;color:#333;}

/* 头部 */
.header{height:60px;background:#fff;border-bottom:1px solid #eee;}
.header .container{display:flex;align-items:center;height:60px;}
.logo{height:40px;}
.nav{margin-left:50px;display:flex;gap:30px;}
.nav a{font-size:16px;}
.nav a.active{color:#ff5722;}
.user{margin-left:auto;display:flex;align-items:center;gap:10px;}
.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;}
.btn{padding:6px 14px;background:#ff5722;color:#fff;border-radius:4px;}

/* 搜索 */
.search{margin:20px 0;display:flex;gap:20px;}
.search input{width:70%;height:44px;padding:0 15px;border:1px solid #ddd;border-radius:6px;}
.search button{width:30%;height:44px;background:#ff5722;color:#fff;border:none;border-radius:6px;cursor:pointer;}

/* 列表 */
.list{background:#fff;border-radius:8px;padding:20px;}
.item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;}
.type{padding:4px 8px;color:#fff;font-size:12px;border-radius:4px;}
.supply{background:#009688;}
.buy{background:#ff9800;}
.info{flex:1;margin:0 15px;display:flex;gap:20px;white-space:nowrap;}
.view{padding:6px 12px;background:#009688;color:#fff;border-radius:4px;cursor:pointer;}

/* 模态框 */
.modal{
    position:fixed;top:0;left:0;width:100%;height:100%;
    background:rgba(0,0,0,0.6);z-index:9999;
    display:none;align-items:center;justify-content:center;
}
.modal-box{background:#fff;width:900px;display:flex;padding:20px;border-radius:8px;position:relative;}
.modal-close{position:absolute;right:15px;top:10px;font-size:24px;cursor:pointer;}
.modal-img{width:450px;height:600px;object-fit:cover;}
.modal-info{flex:1;margin-left:15px;}
.dash{border-top:1px dashed #eee;margin:15px 0;}

/* 表单 */
.form{background:#fff;padding:30px;border-radius:8px;margin:20px 0;}
.form h2{margin-bottom:20px;text-align:center;}
.form-group{margin-bottom:15px;}
.form-group label{display:block;margin-bottom:5px;}
.form-control{width:100%;height:44px;padding:0 15px;border:1px solid #ddd;border-radius:6px;}
textarea.form-control{height:120px;resize:none;}
.submit{width:100%;height:44px;background:#ff5722;color:#fff;border:none;border-radius:6px;cursor:pointer;}

/* 个人中心 */
.user-center{background:#fff;padding:30px;border-radius:8px;margin:20px 0;}
.user-head{display:flex;align-items:center;gap:20px;margin-bottom:20px;}
.user-avatar{width:80px;height:80px;border-radius:50%;}
.auth{padding:4px 8px;color:#fff;border-radius:4px;font-size:14px;}
.auth-yes{background:#009688;}
.auth-no{background:#ff5722;}

/* 强制文字超出宽度显示省略号 */
.info span {
    display: inline-block;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 个人中心列表标题也限制长度 */
.item .info {
    white-space: nowrap;
    overflow: hidden;
}

/* 底部 */
.footer{height:50px;line-height:50px;text-align:center;background:#fff;border-top:1px solid #eee;margin-top:30px;}