Implement Pro custom hotkeys for 8.2.0

Ariver

2026-06-28 71a520840eb3debe46173c1f73bc85bbea0b1aa6

 docs/styles.css

@@ -12,7 +12,7 @@
  --radius: 16px;
  --shadow: 0 20px 50px rgba(30, 45, 90, 0.12);
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Segoe UI", sans-serif;
  --hero-bg: linear-gradient(135deg, #ffffff 0%, #f7faff 54%, #f6f2ff 100%);
  --hero-bg: #ffffff;
  --section-blue: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
  --section-lilac: linear-gradient(135deg, #fbfcff 0%, #ffffff 44%, #f8f5ff 100%);
  --section-mint: linear-gradient(135deg, #ffffff 0%, #f7fbff 52%, #f3fbf7 100%);
@@ -34,6 +34,10 @@
  -webkit-font-smoothing: antialiased;
  background: linear-gradient(180deg, #fbfcff 0%, #f4f7ff 38%, #f5fbf8 72%, #fbfcff 100%);
  min-height: 100vh;
}

.page-home {
  background: #ffffff;
}

a {
@@ -144,6 +148,41 @@
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.lang-switch--select {
  padding: 0;
  background: rgba(0, 0, 0, 0.045);
}

.language-select {
  max-width: 150px;
  min-height: 36px;
  padding: 6px 30px 6px 12px;
  border: 0;
  border-radius: 999px;
  color: var(--text);
  background: transparent;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 650;
}

.language-select:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.42);
  outline-offset: 2px;
}

/* Legacy floating hero icon — must not appear */
.icon-float,
.icon-orb {
@@ -151,7 +190,7 @@
}

.page-home .site-header {
  background: rgba(255, 255, 255, 0.86);
  background: #ffffff;
}

/* Hero — copy left, original design visual right (compact, no forced full-screen) */
@@ -180,6 +219,7 @@
  letter-spacing: 0;
  line-height: 1.1;
  color: #000;
  overflow-wrap: anywhere;
}

.hero__headline span {