:root {
  --page-side-padding-left: 0.427rem;
  --page-side-padding-right: 0.467rem;
  --tab-gap: 0.12rem;
  --tab-radius: 0.16rem;
  --panel-bottom-space: 2.4rem;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

body {
  min-height: 100vh;
  background: #000;
  color: #fff;
  font-family: sans-serif;
}

button {
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
}

.page {
  position: relative;
  width: 100%;
  max-width: 540px;
  min-height: 100vh;
  margin: 0 auto;
  overflow-x: hidden;
  background: #000;
}

.hero {
  position: relative;
  width: 100%;
  aspect-ratio: 1000 / 754.7;
  background: url("../image/theme.73d3524a.gif") center / cover no-repeat;
}

.hero-banner {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 4;
  width: 9.147rem;
  aspect-ratio: 914.7 / 181.3;
  transform: translateX(-50%);
  background: url("../image/headerBox.89906d77.webp") center / 100% 100%
    no-repeat;
}

.tabs {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  gap: var(--tab-gap);
  margin-top: 0.32rem;
  margin-right: var(--page-side-padding-right);
  margin-left: var(--page-side-padding-left);
  padding: 0.093rem;
  border-radius: 0.213rem;
  background: rgba(45, 44, 47, 0.96);
  backdrop-filter: blur(8px);
}

.tab {
  flex: 1;
  min-width: 0;
  height: 0.8rem;
  border-radius: var(--tab-radius);
  color: #fff;
  font-size: 0.32rem;
  font-weight: 600;
  line-height: 0.8rem;
  text-align: center;
  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

.tab.is-active {
  background: #ec0aab;
}

.tab-panels {
  overflow: hidden;
}

.tab-panels-track {
  display: flex;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.content-panel {
  flex: 0 0 100%;
  min-width: 0;
}

.content {
  padding-top: 0.32rem;
  padding-right: var(--page-side-padding-right);
  padding-bottom: var(--panel-bottom-space);
  padding-left: var(--page-side-padding-left);
}

.content-image {
  width: 100%;
  aspect-ratio: 914.7 / 2506.7;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.content-image-hot {
  background-image: url("../image/content1.adf82ed3.webp");
}

.content-image-darkweb {
  background-image: url("../image/content2.6d59beea.webp");
}

.content-image-acg {
  background-image: url("../image/content3.0d6cbdd9.webp");
}

.floating-actions {
  position: fixed;
  top: 2.853rem;
  right: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  align-items: center;
  width: 0.96rem;
  padding: 0.32rem 0;
  border-radius: 0.48rem 0 0 0.48rem;
  background: rgba(0, 0, 0, 0.6);
}

.action-icon {
  width: 0.64rem;
  height: 1.067rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.action-telegram {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAB4CAYAAABRl7TqAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARQSURBVHgB7Z2NVdswFIUfPR0gnaDuBO0G9QawAekEZYOYDegESSeATpB0gtAJnA1gg1s9JIOT+EeyZEsJ7ztHJ3Aiy+Tm+ll6lgSRIAiCIAiCIAiCIAQGQK7KnSpP0CzovaNEmKlypcoazeT0HjHCLGpuaaOwbfMjnQHGEXzp5CRoHNzSxBWdKyboruFHRudEzS1b+PPkcu6kYxB0bOHL4VqVGYXh0aVycgKxW9TLXJVLcgu6O9Ifvi++/KVTBMcdOhcK08Y3i7qnE6ChY8scw4PuI4ti2mKBbcTNKHX4j8TwW3RFUWvv2vIYpwA9OQhzi351jWnz2uHYNaUG/Dp0hxQHbf+EGwWlAsK4pWLPNab9BdyJG6AR1i0VRcN5FhhGRjGAdss9wgpz5BpzrgWGMW2AhnbLDcJdRnWKlnMuMJxpAjT8OnR9NLomgDhMQWOBcd3S+wHUe0v4M06Ahu5njOGWilbXBBSHySg00MOAMSl6zr9EGAYH6L7RfKgUwyH/VJlfXFw0ph6gR/T3FC6F6pTicAI6IIfkrud8HO8eEZaCxgRvo+57DKdEz+MWjCMOM10PGsPEYhfOetrlEX6JccgoBtgXq+lOV8LiId3I4qST4oB+mrkyYvW6xhwzpjhMeikOWyYQhynIgw8UCei4wN9uRuPidYuPIhB0z3kKcRgvgS5oYoxztjReJ7TOs+qMfiIPYjgop2nEYbx70DEEmkocxvsh4bkLJA7qQQTqgAP0jjyJIdDnnvefKQxBUhzROoot3Jrb8i35c7KzOLY2QwLoHLhPqvc0p9mheexVtNT1GatldIrYilOrzyK5JurSnsXRhYs4B8cVsOc0UxzGDc7i1I7nfFNpIVBBp4gRiAPvDQ0EdnHpfOdB24Lupy0ZCa9dgfOIP2NhLrm1EWcr7hEEQRAEQRAEQRAEQRAEQRAEQRAEQRAE4awYvNrHzKLIyZ+NzYRvvG3+9lUVXk7Fvz+bwsvMH1Q7G0oF6D08QjDvOY/LljslAm9k67NNIH9zm473M1O4Xtes913bGzhelcht/T5oj9303by+1FfHFcpNISajjwf04l4MnfFlnFPW3MGzXGcd9ecH9XNKmQACrWwvw9ox1STRl8uNUsZHIHhMF8b+hiw5pYqnQCsfF9RcdEeepLrZ7aV53dAwfpAO2jtKlaEOwn73IafIpLZejKnfqXYUmRQFet2uK8SSSl9SFMgK2G0f5j3rPkWBQq1ZDULSAqF7WcGDKl9ayh8KRIq3+U3t51yVVVMlFZ+qkfwRSthgLkzOQSYwVx/wkiKTapD+ZV6vEHn1TqoC8RChctGSIpKkQCa+VPkc7lkvYbEfGmPq9e3uEB94pjtMG/WVzqXp+2QtdflfRiywn3lMd/VhCIFMO03LwXll4dqULZrTsVa78EUjlECmrQxv2w92UaIn8+jK5HuY+QK9QVxG+4NazlHvTOwSBEEQBEEQAvAf0CEpEz1dJmkAAAAASUVORK5CYII=");
}

.action-business {
  background-image: url("data:image/png;base64,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");
}

.action-channel {
  background-image: url("data:image/png;base64,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");
}

.bottom-banner {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 4;
  height: 1.973rem;
  width: 10rem;
  transform: translateX(-50%);
  background: linear-gradient(45deg, red, #00b2ff);
}

.bottom-banner-image {
  height: 1.867rem;
  width: 9.84rem;
  border-radius: 0.08rem;
  background: url("../image/bottomBg.png") center / 100% 100% no-repeat;
  margin: 0.053rem 0.08rem;
}

.install-doc-entry {
  position: fixed;
  left: 50%;
  bottom: 2.18rem;
  z-index: 6;
  display: none;
  width: 5.62rem;
  min-height: 0.84rem;
  padding: 0.18rem 0.32rem;
  border: 1px solid rgba(255, 194, 47, 0.55);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.72);
  color: #ffd76a;
  font-size: 0.3rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  box-shadow: 0 0.08rem 0.24rem rgba(0, 0, 0, 0.28);
  transform: translateX(-50%);
}

.install-doc-entry:active {
  opacity: 0.9;
}

/* 视口超过 540px 时，fixed 元素右侧对齐到页面容器边缘 */
@media (min-width: 540px) {
  .floating-actions {
    right: calc(50vw - 270px);
  }
}