/* assets/styles.css - 简洁美观的移动优先样式 */
*{box-sizing: border-box}
body{
  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,"PingFang SC","Microsoft Yahei",Arial;
  margin:0;
  background: linear-gradient(180deg,#f7f8fb 0%, #fff 100%);
  color:#222;
  -webkit-font-smoothing:antialiased;
}
.container{
  max-width:960px;
  margin:24px auto;
  padding:16px;
}
.card{
  background:#fff;
  border-radius:12px;
  box-shadow:0 6px 18px rgba(20,20,40,0.06);
  padding:16px;
  margin-bottom:16px;
}
.header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.h1{
  font-size:20px;
  font-weight:700;
  color:#111;
}
.form-row{margin-bottom:10px}
label{display:block;font-size:13px;color:#555;margin-bottom:6px}
input[type="text"], input[type="email"], input[type="password"] {
  width:100%;
  padding:10px 12px;
  border-radius:8px;
  border:1px solid #e6e9ee;
  font-size:14px;
  background:#fbfdff;
}
.btn{
  display:inline-block;
  padding:10px 14px;
  border-radius:10px;
  font-weight:600;
  border:none;
  cursor:pointer;
  box-shadow:0 6px 14px rgba(40,60,120,0.08);
}
.btn-primary{background:linear-gradient(90deg,#FF6A00,#FF3B00); color:#fff}
.btn-ghost{background:transparent;border:1px solid #eee;color:#333}
.small{font-size:13px;color:#777}
.kv{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #f1f1f1}
.kv strong{font-weight:700}
.table{width:100%;border-collapse:collapse}
.table th, .table td{padding:8px 6px;text-align:left;border-bottom:1px solid #f6f7fb;font-size:13px}
@media(min-width:760px){
  .h1{font-size:26px}
  .container{padding:24px}
}
.notice{padding:10px;border-radius:8px;background:#fff6e8;border:1px solid #ffe7c9;color:#7a4b00}
.center{text-align:center}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.tag{display:inline-block;padding:6px 8px;border-radius:999px;background:#f2f6ff;color:#2b4dff;font-weight:600;font-size:12px}