body{font-family:"Microsoft YaHei";margin:0;background:#f5f7fb;color:#333}
header{background:#063b8c;color:white;padding:20px;display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;align-items:center;gap:12px}
.logo{height:50px;border-radius:50%;box-shadow:0 0 0 2px #d4af6a,0 2px 8px rgba(0,0,0,.3)}
.brand-name{font-size:1.2em;font-weight:600;letter-spacing:2px}
nav a{color:white;margin:10px;transition:color .2s}
nav a:hover{color:#d4af6a}
.hero{position:relative;padding:90px;text-align:center;background:#063b8c;color:white;overflow:hidden}
.hero-seal{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);opacity:.08;pointer-events:none}
.hero h1,.hero p,.hero button{position:relative;z-index:1}
.box{padding:35px}
.cards{display:flex;gap:20px;flex-wrap:wrap}
.cards div{background:white;padding:30px;border-radius:15px}
input{display:block;padding:12px;margin:10px;width:280px;border:1px solid #dde3ee;border-radius:8px;box-sizing:border-box}
button{background:#ff9800;color:white;border:0;padding:12px 25px;border-radius:20px;cursor:pointer}
.contact{background:#063b8c;color:white;padding:30px;text-align:center}
.contact-item{margin:6px 0}
.ai{position:fixed;right:20px;bottom:20px;background:white;padding:20px;border-radius:15px}

/* ---------- 后台管理 ---------- */
#loginBox{max-width:360px;margin:80px auto;background:white;border-radius:15px;box-shadow:0 6px 20px rgba(0,0,0,.08);text-align:center;padding:20px 35px 35px}
.login-logo{width:88px;height:88px;border-radius:50%;box-shadow:0 0 0 2px #d4af6a,0 2px 8px rgba(0,0,0,.15);margin-top:15px}

.admin-header{background:#063b8c;color:white;padding:20px 35px;display:flex;justify-content:space-between;align-items:center}
.admin-header .brand{gap:14px}
.admin-header h2{margin:0}
.admin-header button{background:transparent;border:1px solid white;padding:8px 16px;border-radius:16px}

.tabs{display:flex;gap:10px;padding:20px 35px 0}
.tab-btn{background:white;color:#063b8c;border:1px solid #dde3ee;border-radius:20px 20px 0 0;padding:10px 22px}
.tab-btn.active{background:#063b8c;color:white}

.tab-content{background:white;margin:0 35px 35px;border-radius:0 15px 15px 15px;box-shadow:0 6px 20px rgba(0,0,0,.06)}

.filter-bar{margin-bottom:15px}
.filter-bar button{background:white;color:#063b8c;border:1px solid #063b8c;padding:8px 18px;border-radius:16px;margin-right:10px}

table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #eef1f7;vertical-align:top}
th{color:#666;font-weight:600}
.empty-row{text-align:center;color:#999;padding:30px}

select{padding:8px 10px;border-radius:8px;border:1px solid #dde3ee;background:white}
select.status-pending{color:#c77700}
select.status-contacted{color:#0a63d1}
select.status-active{color:#1a9c4a}
select.status-rejected{color:#d3342d}

.ghost-btn{background:transparent;border:1px solid #063b8c;color:#063b8c}
.ghost-btn.small{padding:6px 14px;font-size:.85em}

#tab-admins ul{list-style:none;padding:0}
#tab-admins li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eef1f7}
#tab-admins em{color:#999;font-style:normal;font-size:.85em}