*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;background:#f6f9fc;color:#1a2332;line-height:1.6;padding:0 20px;}
a{text-decoration:none;color:inherit;}
.container{max-width:1360px;margin:0 auto;padding:0 16px;}
/* ===== 顶部导航 ===== */
.header{background:#0b1a2e;color:#fff;padding:16px 0;border-radius:0 0 20px 20px;box-shadow:0 4px 20px rgba(11, 26, 46, 0.25);margin-bottom:32px;position:sticky;top:0;z-index:100;}
.header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;}
.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:1px;}
.logo-icon{width:40px;height:40px;background:linear-gradient(135deg, #3b82f6, #8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;}
.logo span{background:linear-gradient(135deg, #60a5fa, #a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nav{display:flex;align-items:center;gap:28px;font-size:15px;font-weight:500;flex-wrap:wrap;}
.nav a{color:rgba(255, 255, 255, 0.75);transition:color 0.2s;position:relative;}
.nav a:hover{color:#fff;}
.nav a.active{color:#fff;}
.nav a.active::after{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:linear-gradient(90deg, #3b82f6, #8b5cf6);border-radius:2px;}
.header-actions{display:flex;align-items:center;gap:14px;}
.btn{display:inline-block;padding:8px 22px;border-radius:40px;font-size:14px;font-weight:600;border:none;cursor:default;transition:all 0.25s;text-align:center;}
.btn-primary{background:linear-gradient(135deg, #3b82f6, #8b5cf6);color:#fff;box-shadow:0 4px 14px rgba(59, 130, 246, 0.35);}
.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255, 255, 255, 0.3);}
.btn-outline:hover{border-color:#fff;background:rgba(255, 255, 255, 0.06);}
.btn-sm{padding:4px 16px;font-size:13px;border-radius:30px;}
.btn-success{background:#059669;color:#fff;}
.btn-warning{background:#d97706;color:#fff;}
.btn-danger{background:#dc2626;color:#fff;}
/* ===== 页面标题 ===== */
.page-title{margin:24px 0 20px 0;}
.page-title h1{font-size:28px;font-weight:700;color:#0b1a2e;letter-spacing:-0.3px;}
.page-title p{color:#4b5a6e;font-size:16px;margin-top:4px;}
/* ===== 会员信息卡片 ===== */
.member-profile{background:#fff;border-radius:20px;box-shadow:0 4px 24px rgba(0, 0, 0, 0.05);border:1px solid #eef2f6;padding:28px 32px 24px;margin-bottom:28px;display:flex;flex-wrap:wrap;align-items:center;gap:24px 40px;}
.member-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg, #3b82f6, #8b5cf6);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;flex-shrink:0;}
.member-info{flex:1;min-width:180px;}
.member-info .name{font-size:22px;font-weight:700;color:#0b1a2e;}
.member-info .name .level{font-size:13px;font-weight:500;color:#fff;background:linear-gradient(135deg, #3b82f6, #8b5cf6);padding:0 14px;border-radius:40px;margin-left:10px;display:inline-block;vertical-align:middle;}
.member-info .bio{font-size:14px;color:#4b5a6e;margin-top:2px;}
.member-stats{display:flex;gap:24px 40px;flex-wrap:wrap;margin-left:auto;}
.member-stats .stat{text-align:center;}
.member-stats .stat .num{font-size:24px;font-weight:700;color:#0b1a2e;}
.member-stats .stat .label{font-size:13px;color:#6b7a8e;}
.member-stats .stat .num.highlight{color:#3b82f6;}
.member-stats .stat .num.success{color:#059669;}
.member-stats .stat .num.warning{color:#d97706;}
/* ===== Tabs 纯 CSS 切换 ===== */
.tabs-container{background:#fff;border-radius:20px;box-shadow:0 4px 24px rgba(0, 0, 0, 0.05);border:1px solid #eef2f6;overflow:hidden;margin-bottom:40px;}
.tabs-nav{display:flex;border-bottom:2px solid #eef2f6;background:#fafcff;flex-wrap:wrap;}
.tabs-nav label{padding:14px 28px;font-size:15px;font-weight:600;color:#6b7a8e;cursor:default;transition:all 0.2s;border-bottom:3px solid transparent;margin-bottom:-2px;user-select:none;position:relative;}
.tabs-nav label:hover{color:#3b82f6;background:#f0f4ff;}
/* 隐藏 radio */
.tabs-container input[type="radio"]{display:none;}
/* 默认显示第一个 tab */
.tab-content{display:none;padding:28px 32px 32px;animation:fadeIn 0.25s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
/* 选中状态 */
#tab1:checked~.tabs-nav label[for="tab1"],#tab2:checked~.tabs-nav label[for="tab2"],#tab3:checked~.tabs-nav label[for="tab3"]{color:#0b1a2e;border-bottom-color:#3b82f6;background:transparent;}
#tab1:checked~.tabs-content #panel1{display:block;}#tab2:checked~.tabs-content #panel2{display:block;}#tab3:checked~.tabs-content #panel3{display:block;}
/* ===== 表单样式 ===== */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;}
.form-group{display:flex;flex-direction:column;gap:4px;}
.form-group.full-width{grid-column:1 / -1;}
.form-group label{font-weight:500;font-size:14px;color:#1a2332;}
.form-group label .required{color:#dc2626;margin-left:2px;}
.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid #d0d8e5;border-radius:10px;font-size:14px;background:#fff;transition:border 0.2s;font-family:inherit;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59, 130, 246, 0.12);}
.form-group textarea{resize:vertical;min-height:80px;}
.form-actions{grid-column:1 / -1;display:flex;gap:16px;margin-top:6px;flex-wrap:wrap;}
.btn-submit{padding:10px 36px;border:none;border-radius:40px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg, #3b82f6, #8b5cf6);box-shadow:0 4px 14px rgba(59, 130, 246, 0.28);cursor:default;transition:all 0.2s;}
.btn-submit:hover{box-shadow:0 6px 20px rgba(59, 130, 246, 0.35);transform:translateY(-1px);}
.btn-reset{padding:10px 28px;border:1px solid #d0d8e5;border-radius:40px;font-size:15px;font-weight:500;background:#f8fafc;color:#4b5a6e;cursor:default;}
/* ===== 我的发布列表 ===== */
.my-list{display:flex;flex-direction:column;gap:16px;}
.my-item{display:flex;gap:16px;padding:16px 20px;background:#fafcff;border:1px solid #eef2f6;border-radius:14px;align-items:center;transition:all 0.2s;flex-wrap:wrap;}
.my-item:hover{border-color:#c7d2e9;background:#fff;}
.my-item .item-icon{font-size:28px;flex-shrink:0;width:44px;text-align:center;}
.my-item .item-info{flex:1;min-width:160px;}
.my-item .item-info .title{font-weight:600;font-size:15px;color:#0b1a2e;}
.my-item .item-info .desc{font-size:13px;color:#6b7a8e;display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:2px;}
.my-item .item-status{flex-shrink:0;}
.status-badge{display:inline-block;padding:2px 14px;border-radius:40px;font-size:12px;font-weight:600;}
.status-badge.approved{background:#dcfce7;color:#166534;}
.status-badge.approved2{background:#d0e2f7;color:#1076e9;}
.status-badge.pending{background:#fef3c7;color:#92400e;}
.status-badge.shuaxin{background:#dbeff3;color:#1c96ac;}
.status-badge.rejected{background:#fee2e2;color:#991b1b;}
.my-item .item-actions{display:flex;gap:8px;flex-shrink:0;}
.my-item .item-actions .btn-sm{padding:4px 14px;font-size:12px;border-radius:30px;border:1px solid #d0d8e5;background:#fff;color:#4b5a6e;cursor:default;transition:all 0.2s;}
.my-item .item-actions .btn-sm:hover{background:#eef2f6;border-color:#b0bcca;}
.my-item .item-actions .btn-sm.primary{border-color:#3b82f6;color:#3b82f6;}
.my-item .item-actions .btn-sm.primary:hover{background:#eef2ff;}
.my-item .item-actions .btn-sm.danger{border-color:#dc2626;color:#dc2626;}
.my-item .item-actions .btn-sm.danger:hover{background:#fee2e2;}
/* 空状态 */
.empty-state{text-align:center;padding:48px 20px;color:#6b7a8e;}
.empty-state .icon{font-size:48px;margin-bottom:12px;}
.empty-state h3{font-size:18px;color:#1a2332;margin-bottom:4px;}
.empty-state p{font-size:14px;}
/* ===== 页脚 ===== */
.footer{background:#0b1a2e;color:rgba(255, 255, 255, 0.7);padding:32px 0 24px 0;border-radius:20px 20px 0 0;margin-top:12px;}
.footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;}
.footer .copy{font-size:14px;}
.footer .links{display:flex;gap:24px;font-size:14px;}
.footer .links a{color:rgba(255, 255, 255, 0.6);transition:color 0.2s;}
.footer .links a:hover{color:#fff;}
/* ===== 响应式 ===== */
@media (max-width:992px){
.header .container{flex-direction:column;align-items:stretch;gap:12px;}
.logo{justify-content:center;}
.nav{justify-content:center;gap:16px 22px;font-size:14px;}
.header-actions{justify-content:center;}
.member-profile{flex-direction:column;align-items:center;text-align:center;padding:24px 20px;}
.member-stats{margin-left:0;justify-content:center;width:100%;}
.form-grid{grid-template-columns:1fr;}
.tabs-nav label{padding:12px 18px;font-size:14px;flex:1;text-align:center;}
.tab-content{padding:20px 18px 24px;}
.my-item{flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px;}
.my-item .item-info .desc{flex-direction:column;gap:2px;}
.my-item .item-status{align-self:flex-start;}
.my-item .item-actions{align-self:flex-start;}
}
@media (max-width:640px){
body{padding:0 12px;}
.header{padding:12px 0;border-radius:0 0 16px 16px;}
.logo{font-size:20px;}
.logo-icon{width:34px;height:34px;font-size:16px;}
.nav{gap:10px 16px;font-size:13px;flex-wrap:wrap;}
.btn{padding:6px 16px;font-size:13px;}
.page-title h1{font-size:20px;}
.member-avatar{width:64px;height:64px;font-size:28px;}
.member-info .name{font-size:18px;}
.member-stats .stat .num{font-size:20px;}
.member-stats{gap:16px 24px;}
.tabs-nav label{padding:10px 12px;font-size:13px;flex:1 1 33%;}
.tab-content{padding:16px 14px 20px;}
.form-grid{gap:14px;}
.form-actions{flex-direction:column;align-items:stretch;}
.btn-submit,.btn-reset{text-align:center;justify-content:center;width:100%;}
.footer .container{flex-direction:column;text-align:center;gap:12px;}
.footer .links{flex-wrap:wrap;justify-content:center;gap:12px 18px;}
}
@media (max-width:400px){
.tabs-nav label{font-size:12px;padding:8px 10px;flex:1 1 100%;}
.member-stats .stat .num{font-size:18px;}
.my-item .item-info .title{font-size:14px;}
}