* {box-sizing:border-box;font-family:微软雅黑;}
body {background:#f5f5f5;margin:0;padding:15px;}
.container {max-width:1000px;margin:0 auto;background:white;padding:20px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.nav {background:#4285f4;padding:12px;border-radius:8px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:10px;}
.nav a {color:white;text-decoration:none;padding:6px 10px;border-radius:4px;}
.nav a:hover {background:#3367d6;}
.box {max-width:420px;margin:40px auto;background:white;padding:25px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
input, button, select {width:100%;padding:12px;margin:6px 0;border:1px solid #ddd;border-radius:8px;font-size:15px;}
button {background:#4285f4;color:white;border:none;cursor:pointer;font-weight:bold;}
button:hover {background:#3367d6;}
.card {background:#f9f9f9;padding:15px;margin:10px 0;border-radius:8px;border-left:4px solid #4285f4;}
.err {color:red;text-align:center;}
.wheel {
  width:300px;height:300px;border-radius:50%;border:8px solid #333;
  position:relative;margin:30px auto;
  background:conic-gradient(#ff6 0% 25%, #f66 25% 50%, #6cf 50% 75%, #6c6 75% 100%);
  transition:all 4s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.pointer {
  width:0;height:0;border-left:16px solid transparent;
  border-right:16px solid transparent;border-top:32px solid red;
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
}
table {width:100%;border-collapse:collapse;margin:15px 0;}
th,td {padding:10px;text-align:left;border-bottom:1px solid #ddd;}
th {background:#f0f0f0;}