* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  color: #333;
}

.wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
}

.logo {
  width: 96px;
  height: 96px;
  border-radius: 24px;
  background: #1a1a2e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 48px;
  box-shadow: 0 12px 32px rgba(26, 26, 46, 0.25);
}

.gear { font-size: 56px; margin-bottom: 20px; }

h1 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #1a1a2e;
}

p { font-size: 16px; line-height: 1.7; color: #555; margin-bottom: 8px; }

.en { color: #999; font-style: italic; }

.contact { margin-top: 24px; font-size: 14px; }
.contact a { color: #1a1a2e; text-decoration: underline; }

footer {
  padding: 24px 20px;
  text-align: center;
  font-size: 13px;
  color: #888;
  background: #fff;
  border-top: 1px solid #eee;
}
footer p { margin-bottom: 4px; font-size: 13px; }
footer a { color: #888; text-decoration: none; }
footer a:hover { color: #333; }

@media (max-width: 480px) {
  h1 { font-size: 28px; }
  .logo { width: 80px; height: 80px; font-size: 26px; }
}