*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a2e;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}#root{min-height:100vh}button{cursor:pointer}a{color:inherit;text-decoration:none}.admin-layout{min-height:100vh;display:flex}.sidebar{background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:200px;display:flex}.logo{color:#ff6b9d;border-bottom:1px solid #e5e7eb;justify-content:center;align-items:center;height:64px;font-size:18px;font-weight:700;display:flex}.menu-list{flex:1;padding:16px 0}.menu-item{cursor:pointer;color:#6b7280;align-items:center;gap:10px;padding:12px 24px;font-size:14px;transition:all .2s;display:flex}.menu-item:hover,.menu-item.active{color:#ff6b9d;background-color:#ffe4ec}.main-area{flex-direction:column;flex:1;display:flex}.header{color:#fff;background-color:#1a1a2e;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.header-title{font-size:16px;font-weight:500}.header-right{align-items:center;gap:16px;display:flex}.user-info{align-items:center;gap:8px;display:flex}.content{flex:1;padding:24px;overflow:auto}.member-management{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:#1a1a2e;font-size:20px;font-weight:600}.filter-bar{gap:12px;margin-bottom:16px;display:flex}.filter-btn{color:#6b7280;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.filter-btn:hover,.filter-btn.active{color:#fff;background-color:#ff6b9d;border-color:#ff6b9d}.search-bar{gap:8px;margin-bottom:16px;display:flex}.search-input{border:1px solid #e5e7eb;border-radius:8px;outline:none;flex:1;padding:10px 16px;font-size:14px}.search-input:focus{border-color:#ff6b9d}.search-btn{color:#fff;background-color:#ff6b9d;border:none;border-radius:8px;padding:10px 24px;font-size:14px}.member-table{border-collapse:collapse;width:100%}.member-table th,.member-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px}.member-table th{color:#6b7280;font-size:14px;font-weight:600}.member-table td{color:#1a1a2e;font-size:14px}.member-tag{border-radius:12px;padding:2px 8px;font-size:12px;display:inline-block}.member-tag.normal{color:#6b7280;background-color:#f3f4f6}.member-tag.premium{color:#fff;background-color:#6c5ce7}.action-btn{color:#ff6b9d;background-color:#0000;border:1px solid #ff6b9d;border-radius:4px;padding:4px 12px;font-size:12px}.App{width:100%;height:100%}