.changelog-year-title[data-v-418f021f]{display:flex;justify-content:center;margin-top:.5rem}.changelog-year-title .changelog-content[data-v-418f021f]{height:1px !important;padding:0 !important;margin-top:1.5rem;background:#707070 !important}.changelog-year-group .changelog-item[data-v-418f021f]:last-child{margin-bottom:0}

/* Hero区域整体动画 */
.hero-section[data-v-e7e72710] {
  opacity: 0;
  animation: fadeIn-e7e72710 1s ease-out forwards;
}
@keyframes fadeIn-e7e72710 {
to {
    opacity: 1;
}
}

/* 渐入向上动画 */
.fade-in-up[data-v-e7e72710] {
  /* opacity: 0; */
  transform: translateY(30px);
  animation: fadeInUp-e7e72710 0.8s ease-out forwards;
}
.fade-in-up.delay-1[data-v-e7e72710] {
  animation-delay: 0.3s;
}
.fade-in-up.delay-2[data-v-e7e72710] {
  animation-delay: 0.6s;
}
@keyframes fadeInUp-e7e72710 {
to {
    opacity: 1;
    transform: translateY(0);
}
}
.hero-download-btn[data-v-e7e72710]:active {
  transform: translateY(-1px) scale(1.01);
}

/* 鼠标滚动指示器动画 */
.scroll-indicator[data-v-e7e72710] {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  animation: bounce 2s infinite;
}
.mouse[data-v-e7e72710] {
  width: 24px;
  height: 40px;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  position: relative;
  margin: 0 auto 10px;
}
.mouse-wheel[data-v-e7e72710] {
  width: 4px;
  height: 8px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.scroll-arrows[data-v-e7e72710] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.arrow-down[data-v-e7e72710] {
  width: 8px;
  height: 8px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.8);
  border-right: 2px solid rgba(255, 255, 255, 0.8);
  transform: rotate(45deg);
  animation: arrowBounce 2s infinite,arrowPulse-e7e72710 1.5s infinite;
}
@keyframes arrowPulse-e7e72710 {
0% {
    border-color: rgba(255, 255, 255, 0.4);
}
50% {
    border-color: rgba(255, 255, 255, 1);
}
100% {
    border-color: rgba(255, 255, 255, 0.4);
}
}
.arrow-down[data-v-e7e72710]:nth-child(2) {
  animation-delay: 0.2s;
}


.features-section[data-v-441038f8]{overflow:hidden}.scroll-reveal[data-v-441038f8]{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.scroll-reveal.animate-in[data-v-441038f8]{opacity:1;transform:translateY(0)}.scroll-reveal h2[data-v-441038f8]{background:linear-gradient(45deg, #007bff, #0056b3);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.scroll-reveal.animate-in h2[data-v-441038f8]{animation:titleGlow-441038f8 2s ease-in-out infinite alternate}@keyframes titleGlow-441038f8{from{filter:brightness(1)}to{filter:brightness(1.2)}}.animated-tab[data-v-441038f8]{opacity:0;transform:translateX(-20px);transition:all .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.scroll-reveal.animate-in .animated-tab[data-v-441038f8]{opacity:1;transform:translateX(0)}.feature-tab[data-v-441038f8]{position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.feature-tab.active[data-v-441038f8]{transform:scale(1.02)}.feature-tab-inner[data-v-441038f8]{transition:all .3s ease}.feature-tab:hover .feature-tab-inner[data-v-441038f8]{transform:scale(1.02)}.feature-content[data-v-441038f8]{position:relative;overflow:hidden}.feature-image[data-v-441038f8]{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:12px}.animated-image[data-v-441038f8]{opacity:0;transform:scale(0.9) translateY(20px);transition:all .8s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.tab-pane.show.active .animated-image[data-v-441038f8]{opacity:1;transform:scale(1) translateY(0)}.feature-image video[data-v-441038f8],.feature-image img[data-v-441038f8]{width:100%;max-width:100%;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px rgba(0,123,255,.15);transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);will-change:transform,box-shadow}.feature-image video[data-v-441038f8],.feature-image img[data-v-441038f8]{animation:imageLoad-441038f8 .6s ease-out}@keyframes imageLoad-441038f8{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.auto-switch-indicator[data-v-441038f8]{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;z-index:10}.mobile-carousel-container[data-v-441038f8]{position:relative;overflow:hidden;margin-top:5px;border-radius:12px}.mobile-carousel-wrapper[data-v-441038f8]{display:flex;will-change:transform}.mobile-carousel-slide[data-v-441038f8]{flex-shrink:0;box-sizing:border-box}.mobile-feature-detail[data-v-441038f8]{width:100%;height:calc(100% - 60px);display:flex;justify-content:center;align-items:center}.mobile-feature-image[data-v-441038f8]{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:12px;position:relative}.mobile-feature-describe[data-v-441038f8]{color:#ffeab3;text-align:center;font-size:1rem;font-weight:500;padding:10px 16px;margin-bottom:10px}.mobile-feature-image video[data-v-441038f8],.mobile-feature-image img[data-v-441038f8]{width:100%;max-width:100%;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px rgba(0,123,255,.15);transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.mobile-carousel-indicators[data-v-441038f8]{display:flex;justify-content:center;align-items:center;margin-top:15px;gap:8px}.mobile-carousel-indicators .indicator[data-v-441038f8]{width:8px;height:8px;border-radius:50%;background:rgba(0,123,255,.3);cursor:pointer;transition:all .3s ease}.mobile-carousel-indicators .indicator.active[data-v-441038f8]{background:#007bff;transform:scale(1.2)}.mobile-carousel-indicators .indicator[data-v-441038f8]:hover{background:rgba(0,123,255,.6)}
.footer-icp-mobile a[data-v-73d27bc9],.footer-company a[data-v-73d27bc9]{text-decoration:underline;color:#ccc}
body{margin:0;padding:0;box-sizing:border-box}

/* PC端导航栏布局 */
@media (min-width: 992px) {
    #features{
      background: #0E0B07;
    }
}

/* 导航栏品牌logo在移动端的调整 */
@media (max-width: 992px) {
    .changelog-date {
       width: 2.5rem !important;
    }
    .changelog-timeline::before {
      left: 4.5rem !important;
    }
    .changelog-item::before {
      left: 3.3rem !important;
    }
}

/* 全局样式 */
:root {
    --primary-color: #FCDA5E;
    --secondary-color: #333;
    --dark-color: #222;
    --light-color: #f4f4f4;
    --danger-color: #dc3545;
    --success-color: #28a745;
}

body {
    font-family: 'Microsoft YaHei', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: #1d1d1d;
    background-color: #1d1d1d;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

a {
    text-decoration: none;
}

/* 导航栏样式 */
.navbar {
    background-color: rgba(0, 0, 0, 0.3);
    height: 4.2rem;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    flex-wrap: nowrap;
    /* 毛玻璃效果 */
    backdrop-filter: blur(30px);
}

.navbar-brand img {
    transition: all 0.3s ease;
    height: 2rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: #f8f8f8;
    font-weight: 600;
    padding: 1rem 1.5rem;
    transition: all 0.3s ease;
    position: relative;
    font-size: .8rem;
    font-weight: normal;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: var(--primary-color);
}

/* 自定义navbar-toggler样式 */
.custom-toggler {
    border: none;
    background: transparent;
    padding: 0.25rem;
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-toggler:focus {
    box-shadow: none;
}

.toggler-icon-open {
    width: 1rem;
    height: 1rem;
    transition: all 0.3s ease;
    opacity: 1;
}

.toggler-icon-close {
    position: absolute;
    font-size: 2rem;
    color: #fff;
    font-weight: 300;
    line-height: 1;
    transition: all 0.3s ease;
    opacity: 0;
    transform: rotate(0deg);
}

/* 展开状态的样式 */
.custom-toggler[aria-expanded="true"] .toggler-icon-open {
    opacity: 0;
    transform: rotate(90deg);
}

.custom-toggler[aria-expanded="true"] .toggler-icon-close {
    opacity: 1;
    transform: rotate(180deg);
}

/* 英雄区域样式 */
#hero {
    position: relative;
    min-height: 43rem;
    height: 100vh;
    background-color: #000;
    overflow: hidden;
    color: #fff;
}

/* PC端hero样式 */
.hero-pc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 30vh;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg.07a8c940.jpg) no-repeat center center/cover;
    z-index: 0;
}


.hero-text {
    position: relative;
    z-index: 1;
    padding: 2rem 0;
    text-align: center;
}

.hero-text h1 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: #fff;
    text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, 0.5);
}

/* 移动端hero样式 */
.hero-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding-top: 100px;
}

.hero-mobile-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/mbg.258af18f.png);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 0;
}

.hero-mobile-content {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 2rem 1rem;
    text-align: center;
}

.hero-mobile-text {
    margin-bottom: 2rem;
}

.hero-mobile-text h1 {
    font-size: 3.5rem;
    font-weight: bold;
    color: #FCDA5E;
    margin-bottom: 1rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.hero-mobile-text p {
    font-size: 1.15rem;
    color: #FFFFFF;
    margin-bottom: 1rem;
}

.mobile-download-btn {
    width: 220px;
    height: 58px;
    background: #FCDA5E;
    border-radius: 76px 76px 76px 76px;
    text-align: center;
    color: #000;
    font-size: 23px;
    font-weight: 700;
}

.mobile-download-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(252, 218, 94, 0.4);
    color: #1A0F08;
}

.hero-mobile-image {
    position: absolute;
    top: 0;
    z-index: -1;
}

.mobile-hero-img {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3));
}

/* 鼠标滚动提示样式 */
.scroll-indicator {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.scroll-indicator:hover {
    opacity: 0.8;
}

.mouse {
    width: 24px;
    height: 35px;
    border: 2px solid rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    position: relative;
    margin-bottom: 8px;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
}

.mouse-wheel {
    width: 4px;
    height: 8px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 2px;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    animation: scroll-wheel 2s infinite;
}

.scroll-arrows {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.arrow-down {
    width: .3rem;
    height: .3rem;
    border-right: 1px solid rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    transform: rotate(45deg);
    margin-top: -.2rem;
}

.arrow-down:nth-child(2) {
    animation-delay: 0.2s;
}

/* 鼠标滚轮动画 */
@keyframes scroll-wheel {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
    50% {
        opacity: 0.5;
        transform: translateX(-50%) translateY(8px);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}


.video-note {
    display: inline-block;
    background-color: rgba(255, 0, 0, 0.7);
    color: #fff;
    padding: .5rem 1rem;
    border-radius: .2rem;
    margin-bottom: 1rem;
}

.download-buttons {
    margin-top: 2rem;
}

.download-btn:hover {
    background: linear-gradient(180deg, #FFEAB3 0%, #FCDA5E 100%);
    border-color: #ffda47;
    transform: translateY(-0.15rem);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.2);
    color: #000;
}

.qr-code-container {
    background-color: #fff;
    padding: 1.5rem;
    border-radius: .5rem;
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, 0.2);
    max-width: 12.5rem;
    margin: 0 auto;
}

.qr-code {
    width: 100%;
    height: auto;
}

#changelog {
    background-color: #15110C;
    padding-top: 7.5rem;
}

/* 盒子特色区域样式 */
#features {
    padding: 5rem 0;
}

#features h2 {
    color: #fff;
    margin-bottom: 3rem;
    position: relative;
    padding-bottom: 1rem;
}

#features .container {
    margin-top: -20px;
}

.feature-tabs-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.feature-tabs {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 2rem;
    border-radius: .5rem;
    overflow: visible;
    position: relative;
}

.feature-tab {
    flex: 0.8;
    text-align: center;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 0 .8rem; */
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    color: #8e8e8e;
    background-color: rgba(255, 255, 255, .05);
    margin: 0 .1rem;
    overflow: visible !important;
}
.feature-tab:first-child {
    border-radius: .5rem 0 0 0;
}
.feature-tab:last-child {
    border-radius: 0 .5rem 0 0;
}
.feature-tab.active {
    flex: 1.06;
    background-color: var(--primary-color);
    color: #333;
    position: relative;
    color: #1D1D1D;
}
.feature-tab:hover:not(.active) {
    color: #fff;
    background-color: rgba(255, 255, 255, .2);
}
.feature-tab.active::after {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-top: .5rem solid var(--primary-color);
}

.feature-tab-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.feature-icon {
    font-size: 1.5rem;
    margin-bottom: .5rem;
}

.feature-text {
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: .25rem;
}

.feature-desc {
    font-size: .8rem;
}

.feature-content {
    border-radius: .5rem;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.1);
    width: 100%;
    color: #fff;
}

.feature-detail h3 {
    color: var(--secondary-color);
    margin-bottom: 1rem;
}

.feature-detail p {
    margin-bottom: 2rem;
    color: #666;
}

.feature-image {
    width: 100%;
    height: auto;
    text-align: center;
}
.feature-image img{
    width: 100%;
    height: auto;
}
.feature-image video{
    width: 100%;
    height: auto;
}

/* 云手机展示区域样式 */
#cloud-phone {
    background: linear-gradient(135deg, #1a1a1a 0%, #333 100%);
    padding: 5rem 0;
}

#cloud-phone h2 {
    font-size: 2.5rem;
    margin-bottom: .5rem;
}

#cloud-phone h3 {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
}

.cloud-phone-image {
    position: relative;
    text-align: center;
}

/* 下载区域样式 */
#download {
    padding: 5rem 0;
    background-color: #f8f9fa;
}

#download h2 {
    color: var(--secondary-color);
    margin-bottom: 3rem;
    position: relative;
    padding-bottom: 1rem;
}

#download h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 4rem;
    height: .15rem;
    background-color: var(--primary-color);
}

.download-card {
    background-color: #fff;
    border-radius: .5rem;
    padding: 2rem;
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    height: 100%;
}

.download-card:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 .75rem 2rem rgba(0, 0, 0, 0.15);
}

.download-icon {
    color: var(--primary-color);
    margin-bottom: 1.5rem;
}

.download-card h3 {
    margin-bottom: 1.5rem;
    color: var(--secondary-color);
}

.payment-methods {
    margin-top: 4rem;
}

.payment-methods h4 {
    color: var(--secondary-color);
    margin-bottom: 1.5rem;
}

.payment-icons {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

/* 页脚样式 */
.footer {
    background-color: #121212;
    color: #ffffff;
    padding: 2rem 0;
    border-top: none; /* 明确移除上边框 */
}

/* PC端页脚样式 */
.footer-pc {
    padding: 2rem 0;
}

.footer-main {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.footer-left {
    flex-shrink: 0;
    padding-right: 30px;
    border-right: 2px solid #5B5B5B;
}

.footer-logo {
    height: 60px;
    width: auto;
}

.footer-right {
    margin-left: 30px;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .5rem;
}

.footer-links a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
    padding-right:5px;
    border-right: 2px solid #5B5B5B;
    line-height: 1;
    padding-left: 5px;
}
.footer-links a:first-child {
    padding-left: 0;
}
.footer-links a:last-child {
    border-right: none;
}

.footer-links a:hover {
    color: var(--primary-color);
}

.footer-copyright,
.footer-company,
.footer-address {
    font-size: 12px;
    color: #cccccc;
    margin-bottom: 0.2rem;
    line-height: 1.4;
}

.footer-certificates {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    padding-top: 1rem;
    margin-left: 290px;
}

.cert-item {
    display: flex;
    align-items: center;
    text-align: start;
    background: #4A4A4A;
    padding: 5px 10px;
    border-radius: 40px;
    white-space: nowrap;
    color: #a2a2a2;
    font-size: 12px;
    cursor: pointer;
}

.cert-item img {
    border-radius: 8px;
    margin-right: 5px;
}

.cert-item span {
    line-height: 1.2;
}

/* 移动端页脚样式 */
.footer-mobile {
    text-align: center;
    padding: 1.5rem 0;
    font-size: 12px;
}

.footer-copyright-mobile {
    color: #cccccc;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.footer-links-mobile {
    margin-bottom: 1rem;
    line-height: 1.6;
}

.footer-links-mobile a {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    transition: color 0.3s ease;
}

.footer-links-mobile a:hover {
    color: var(--primary-color);
}

.footer-links-mobile span {
    color: #cccccc;
    margin: 0 0.3rem;
}

.footer-icp-mobile,
.footer-company-mobile {
    color: #cccccc;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

/* 移动端 */
@media (max-width: 992px) {
    .navbar-collapse  .container {
        padding-left: 0 !important;
    }
    .footer-mobile {
        padding: 1rem 0;
    }

    .footer-links-mobile {
        font-size: 11px;
        line-height: 1.8;
    }
    #changelog {
        background-color: #15110C;
        padding-top: 0;
        padding-bottom: 20px;
    }
}

/* 更新日志样式 */
.changelog-container {
    background: linear-gradient(138deg, #000000 0%, rgba(46, 37, 25, 0.82) 0%, rgba(83, 61, 34, 0.72) 4%, rgba(67, 52, 36, 0.48) 20%, #000000 100%);
    color: #fff;
    padding: 2.5rem 0;
    min-height: 100vh;
}

.changelog-header-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    border-radius: .5rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    height: 16.05rem;
    background: url(../images/gxbg.5aca712e.png) no-repeat center / 100% 100%;
    max-width: 60rem;
    margin: 0 auto 1.5rem;
}

.box-info {
    flex: 1;
    padding-left: 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 1rem 1.4rem;
}

.box-info h2 {
    color: #FCDA5E;
    margin-bottom: .5rem;
    font-size: 2.4rem;
}

.box-info p {
    color: #FCDA5E;
    margin-bottom: .25rem;
    font-size: 1rem;
    opacity: 0.65;
}

.download-btn-bg {
    width: 19rem;
    height: 5rem;
    background: #FCDA5E;
    border-radius: 76px 76px 76px 76px;
    color: #1d1d1d;
    font-size: 2rem;
    font-weight: 700;
    z-index: 2;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.download-btn-bg:hover {
    background: linear-gradient(180deg, #FFEAB3 0%, #FCDA5E 100%);
    border-color: #ffda47;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.2);
    color: #000;
}

.download-btn {
    width: 9.9rem;
    height: 3.2rem;
    margin-top: .75rem;
    white-space: nowrap;
    font-weight: normal;
    color: #1D1D1D;
    font-size: 1rem;
    border-radius: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FCDA5E;
}

.box-image {
    flex: 0 0 7.5rem;
    text-align: right;
    padding-right: 1.5rem;
}

.box-image img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 1024px) {
    .changelog-header-box {
        display: none;
    }
}

.changelog-header {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    margin: 0 1rem;
    margin-bottom: 1.5rem;
    padding-top: 3.5rem;
    border-bottom: 1px solid #3E3832;
    padding-bottom: .5rem;
}

.changelog-header h2 {
    color: #fff;
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
}

.changelog-header h2::after {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--primary-color);
}

.changelog-tabs {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.changelog-tab {
    padding: .4rem 0;
    margin-right: 2rem;
    color: #ccc;
    cursor: pointer;
    position: relative;
}
.changelog-tab:first-child {
    padding-left: 0;
}

.changelog-tab.active {
    color: #FFFFFF;
    font-weight: 700;
}

.changelog-tab.active::after {
    content: '';
    position: absolute;
    bottom: -0.55rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1.6rem;
    height: 2px;
    background-color: #FCDA5E;
}

.changelog-timeline {
    position: relative;
    max-width: 60rem;
    margin: 0 auto;
    padding: 1rem;
    min-height: 50vh;
}

.changelog-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5.5rem;
    width: .1rem;
    background-color: #333;
}

.changelog-item {
    display: flex;
    margin-bottom: 1.5rem;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}
.changelog-item.active .changelog-version{
    color: #FCDA5E;
}

/* 添加圆点样式 */
.changelog-item::before {
    content: '';
    position: absolute;
    left: 4.3rem;
    top: 1.3rem;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #fff;
    border: 2px solid #666;
    border-radius: 50%;
    z-index: 1;
}
.changelog-item.active li {
    color: #FCDA5E;
    opacity: .66;
}
/* 激活状态的圆点 */
.changelog-item.active::before {
    background-color: #fff;
    border: 2px solid #FCDA5E;
    box-shadow: 0 0 0 3px rgba(252, 218, 94, 0.3);
}

.changelog-date {
    width: 3.5rem;
    text-align: center;
    color: #fff;
    padding-top: 1rem;
    font-size: .7rem;
    transition: color 0.3s ease;
}

/* 激活状态的日期高亮 */
.changelog-item.active .changelog-date {
    color: #FCDA5E;
}

.changelog-content {
    flex: 1;
    background-color: #222;
    border-radius: .25rem;
    padding: .75rem;
    padding-bottom: 0;
    margin-left: 2.5rem;
    transition: all 0.3s ease;
}
.changelog-content-div{
    color: #FFFFFF;
    opacity: 0.64;
    font-size: .7rem;
    margin-bottom: 1rem;
}

.changelog-version {
    color: #fff;
    font-weight: bold;
    margin-bottom: .5rem;
    font-size: 1rem;
}

.changelog-list {
    list-style-type: none;
    padding-left: 0;
}

.changelog-list li {
    position: relative;
    margin-bottom: .4rem;
    color: #ddd;
    font-size: .7rem;
}

.changelog-footer {
    text-align: center;
    margin-bottom: 2rem;
}

.changelog-footer .btn {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    padding: .4rem 1.25rem;
    border-radius: 2rem;
    transition: all 0.3s ease;
    margin: 0 auto;
    font-size: .8rem;
}

/* 手机端标签页样式 - 图示样式 */
/* 手机端特色标签页 */
.mobile-feature-tabs {
    margin: 0  15px;
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 1px solid #4D3E1E;
    display: grid;
    grid-template-columns: repeat(5, 1fr);

}
.mobile-feature-tab:first-child {
    padding-left: 0;
}
.mobile-feature-tab:last-child {
    padding-right: 0;
}
.mobile-feature-tab {
    flex: 1;
    text-align: center;
    padding: .75rem .25rem;
    color: #fff;
    cursor: pointer;
    position: relative;
    min-width: 20%;
    border-bottom: .1rem solid transparent;
}
.mobile-feature-tab.active::after {
    content: '';
    position: absolute;
    bottom: -0.1rem;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    border-bottom: 2px solid var(--primary-color);
}
.mobile-feature-text {
    font-size: .9rem;
    white-space: nowrap;
}

.mobile-feature-subtitle {
    width: 100%;
    text-align: center;
    color: #ccc;
    font-size: .8rem;
    padding: .5rem 0;
    background-color: #1e1e1e;
    margin-top: -0.1rem;
}

.download-btn-img {
    width: 6rem;
    height: 1.8rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABICAYAAADIzHiKAAAAAXNSR0IArs4c6QAAFhZJREFUeF7tXQuYJFV1/k/Nztat3l0EJEjUQEBAIQiEN8ozhigKyBKj4ucDEDEgEFBBCGiUBCHExKAE8RkJxCAimBAQQkJEQYwBjTwUFEQ2ARMEwZndrlsz23Xy/c2ttqanuqtqpme6Z73n++bb2emqW7dP1V/33PP4j2ARRVVXAdgfwEsBbA9gWwBbAmgAiNy/Y4s4JX8pr4G6GmgBaAKI3b9rAPzI/dwL4OsisrbuoHM9XuZ6YtXzVJVg/QMAvwtgDwDjVc/1x3kNLEENTAP4TwD/CuBqEbl/Ib/DggBYVTcG8A4AbwPwW7kvsB7AdwF8G8AP3c/DACbcG22diPAN58VrYCQ1oKq0EFc4i3EjAC8C8GJnUe4FYFcAy3KT56r8dwA+LSK/GPSXGiiAVfUFAE4D8E4ANJcp/wvgKgD/DOBbIrJu0F/Cj+c1MCoaUFWCex8AhwN4I4DnublxkboMwMUi8vig5jsQAKuqAXAugPcA4O8pgOvdhG/xq+qgbpcfZylpwK3WvwfgDx2giTcL4CIAF4gIf5+XzBvAqroawF8B+E0ANJG/COBCEblvXjPzJ3sNbEAaUNWdAJwN4PXOxP4JrVUR+cf5fM05A9iZCp8C8CY3gTsAnCgitPm9eA14DRRoQFV3dpbpvu7jK7nlFBF6tmvLnACsqnRMfQnADs6VfrrbpGvtGfgTvAZ+xTSgqsQdzeqPuNAprdXXi8gP6qqiNoBV9RAA1wJYCeD7AN7gzeW6avfHew0AbiG8GsCOACYBHCkit9bRTS0Aq+rRAC53sVxe+BgRYUDbi9eA18AcNOC2on/rciWmHKb+oepQlQGsqicD+BgAnvM3AE4REW8yV9W0P85roIcGnElNTJ0IgJgitvj/UqkEYFV9i1t5efwHRORPS0f2B3gNeA3U0oCqngfg/Q7EbxUROrj6SimAVfU1AL7iXN8evGUa9Z97DcxDA6r6QQB/4kKyq0WECVA9pS+AXR7zt5yn7BMictI85uZP9RrwGqigAVW91JnTzFrcS0ToLC6UngB2m+u7XZ4nvc6v83veCtr3h3gNzFMDbk9MzB0JgKGlPXulIPcDML3MrCJiqdRui1kiNc/v70/3GljyGnClt99xJbdXiQgjQLOkEMAuXPQFl7e5j4h8b8lrxH8Br4ElpgFV/W0A33T1Bcy34KI6Q2YBWFVZIvUAgF8HcKaI/MUS+95+ul4DG4wGVPVMAH8OgBVML+62hIsA/HEAjPkyvWtXX0m0wTwL/ossQQ2oKmuL/8vV1bMUkeW6HZkBYFXd2u15A1LfiAgLFLx4DXgNDFEDqvoyAN8AQLKL7UTk0Ww63QD+hEuy/rKIvG6Ic/aX9hrwGshpQFW/DOAoAJeKyLtmAVhVued9BMByALuLCKlvvHgNeA2MgAZUdTcAdwFIWHsvIv/HaXVWYFX9YwDnA7hJRA4dgTmXTmHt2rVbLFu27N+ZJcYqqSiKWCTtxWtgg9SAqt4E4JUAzhGRD3cD+EFHzHWEiJAOZ+QljuM3i8gVnKiqHhtF0edHftJDmGCSJEzNw/T09FdWrlxZGBK01m4jIsx573vcEKbvL+k0oKpHACCDx/dFpE0W2V6BVZV0r6TCfIrhIxEhNebISxzHLGdkKZYHcJ+7Za1tV42p6tuiKCJD4iyx1pL295b8cdZavu1ZdH6mMearI/9AbOATVFVSMpMkclOXXPXdDMCM9b4XwJLKdx4VADebTfIcPX8Rn5/HG43GrKB+r+vPBcDGmOunpqZuVFUyLE4FQXD88uXL29aOl+FpQFU/CeAExoZF5KwMwNwc7w7gNSJy4/CmV+/KowLgOI5vF5GX15v93I9W1TuiKNovP0J+Ba058jPGmE3iOD5IROhP6KzUqrqJtfYGESF/E5lGTzHGMNG+ksRxfEAQBAe7g9MwDCuXoVprTxWRTXpdqNVq/YL5wcuWLXtwfHz862UTmp6ePjBN04P6jLcuCAIWDzxmjPmnsvGG9bmqkq6W8/u2iOwtqkpqnGecOb2JiJC/dkmIB/Avb5MD4HU9bhyJ9ils+UHm0I6o6kQURVvxD0UrdReIyRhxmDGmbWqXibU286u0DxWRN4VhWIltwlpLwv9tyq7hPv8ZydPDMDxfRJ4uOod+AFeqV2XIpohco6rnG2PYgGBkRFWfA+Dn7oW6MQFM3tqbAdwtItwLLxkZFQDXVViz2TwtCIKPuvMOMcawDceCSRUTuheA+XeCOEkSdtNY1mq1jlqxYkVpiNFay95XrKRhUhBX74AF6mEYth1lZdIF4O4XD8dkym+3/EREXh2G4SxyuC4Ak4+5m5OZ43HcvKwNguCkUds6qCr1zw4QhxDAWa7lrDStMiUP+3MP4Gp3YL4AduDePgzDn/Va4bpnYq0lUyn5wqfcakb64QljDFeQUskDuJfzzVp7hKq+WkTYwocNBSj3GWPYj2uG5AEsIh8Mw/BD3cdMT08f0Gq1mANxjqo+133Ol8cuxpgfl056kQ5Q1UsAMJnjDAKY7R7YCoV7DuZBLxnxAH72VpXtF3Om43X9KstU9SwHhBtFhCtuoajq08YY8qP1lJz5fJ+qflREPsuDq5rRVQCcXXxqamr3NE1vz0CcpunRjUaD7Xw6UgXA2cFxHG8pIre5ZgX886XGmE7207ABoqp/BOCv205nVeV+hiGEw0TkhmFPrs71PYA7AK6zX6yj4l7H/tgYw6ZehdJsNl8eBAEdS0GapmdEUXRlkiT/7WiZbjbGvKpsEnUAzLHiOP6ciBzrxv2MMYbN9eYEYDfesSLyOTfAGmNM208wCpJzZN1MAHOTvh179i41fmcP4GcfpziOj3XOjRnPVxAEZDlM0jTlHpt9bPtKEATMxvs1ZuOlaUq/SKGwy14URe34e5HEccy+P1zNuX9+RRRFt1prSQvTbgQQhuELy0zxugCempo6Lk3T9ioP4H5jDFuZdKTOCuzmvUWSJD91A0wZY8Iy/S3W5667AxNyHiSAOckt2GhbRPiWHAmZmJjYbHx8/OOsf5yYmDh98803n9U0uQqAn3jiiZUbbbQR49xbrF+//sSVK1cyED5U6XJifYfbmCiKPj3ISakqH0CuzA1VvSqKokJGh66H/E7GfbnyhGH49rnOx1rL/eLWqvpkFEV8IaDZbL43CIJ2bbmqHhNFEfnFe0pdAMdxTBbHbMxZFkJdAHNime+AvxtjSgkg56qvuuepKq0Bpg0/TgCzZyk9cJuWvRXrXmg+x1trMzufN/z2ycnJQ7tBXAZggnfVqlVfFZF2zJSrQhiGLI4eqnQBOJvLY8xH75UpVXfC1lru2ejsoLzKGNNzRc3GttYyDnxQUZw5juOngiB4qNVqnd5oNMgSUSjOfOZ+lPIpYwz9KwQwzers77cYYxj9GBiArbW0NtoxalW9K4qiPfOD1wXwunXr9hgbG2N2ImWtMSZrl1v3Vgz8eFVlJhazJp8hgJk2yaLhcRGZESMc+JVrDDg5ObnT+Pj4na6FSyGI+wG4G7y8CdPT0/uuWrVq6F0T8wAWkadyHk9qiKbm+4wxfelE86pcu3btLuPj4yRA64iqMluH2WFrRYTpkH1FVa9gLrRzeD1gjKG525YkSY5WVVIsUY5gllavwfLmc7fDKo7jx0WEVW+lZnTdFdha+zUAB7p5XWSMed98ABzH8YdE5ANujELPdplOF+pzVWXFIKuSEgKYv/APy0ctBzqO4/1EhDm4TDaZBeJeAC4Cr6oeGkVRtgIslG4rjdsdBxaRl6nquwFkIRbGTW9j3WdRTLP7Il3mY6U5FBx0SJqmuzoz96fGmE5qaJIkV6gqC0eeCsNws34XyMxngtQYw2bXHbHW0nN9iruXfc3oOgCO4/h4EWGKYTvmnKbpAY1GYwYZRZ0VOEmSHVSVi0d2P042xlTqlDBX5dc5z+VEM6lmigBmVgdT1piFxYyskZJ+IC4C8KiDl8otSuTgnnVqaup8VX2rs4h4KJMNLgvD8Lx+25vuFdiFGXhP1+Q8qX3vK1dgJga41pcd8Lkkjv9xe+lPRlHErnqFUmYmJ0nyWlVlkwBKXzO6CoCTJFmdpinpjt+YS8L4rDHm+O4JVgFwHMe/w0QQx8nccGPMsEZGARy8Jy4b6+cEML2TvwGAnsHHRmGCBStM4Uq8atUq3rxONdLk5OQ1+T0vzcdRWnmz79UvE2t6evqgVqvFGN8uOT3wHp1QcR97mCs542r02iyvN0kSmpSm1Wrd3Gg0SNY/SwgIVSUfMa2draIoWhPH8TtEhH2g+bcDoyjqmXfctcK+PYqiLAzTuVaSJE+6LcNUGIZbiUihU7EkE4vjFWVOXROG4QlFL7sKmVgELC3RvPxQRI6sYgUtJm5U9YUA6HBeQwBzT8jawh3n0p90sSZetBKr6heDIGgnn6RpyoZQpN7MkvxHEryca5VUyjiOzxaRc11XjPZXBHCxMYamdk+x1pJLmHSktxljOsn71lrmCG+cpimdUHxBzBLWBAOg55oOv6PCMLwul5BxjzEm/1KZdX5uj9sTnJk57k5+pzGm/XLolpq50A+p6gVFL4xs3Jq50KW51Yv13Bddx7UlJW7vJYDpLGH/o5GvROoGsUvOb++Pu38fxZU3uxlVAMxjmU+sqpeLCEv6uAJ+OIqic3o9PHEc09RmcywrIrvlV44qAHbXZEUOVyO20eFbvu2wUtXj+sV+rbU0v//Fze1JEck84DOm62rPaSVQ7jDGzKiqyg7uAvCsDLJWqxVzpR0bG7tn+fLl/1EGqC4Af01E6PTqSJqm027lftQYM9IVeapK/fG+XE8AX8w0SgCniQh/H2kpAHH3fEd25a0L4NzDfBHjqsYYdsooFGtt3nSudQ/zq3Icxw+LCFdiOoVY3MIyU5bY0WzrKXnzucbFe67UVfbANa5DT3qnGqlXLnSd8YZ5rHN4/iXTKQngLN56iYi0PYSjLn1APPLgpW6rrsB174O1Novp1zo1D+AkSS53jrQnAbQ9zgxJlSWa5MxnmvplJaksPMiKDwrNaA/g3rdQVekRp4V0KgHM2BnNiW8uZlF6rSes4OAic3qUzeb8V1goANMrr6osTC+qiSUtKR0/vPmZJ7g9LabT0mHlXi6nBkHQscRU9eEoirYtWX3z5vMPjDE7lhzPGDVXeEqhGe0B3BfADHFxW3UAARwB4JubwlAS90BLQhyIsz3a4aMS5y1T3kIBuAQ0pU4snu9CKf/mxuJqujrPUJEkyY5hGM5odxnH8WUi0s64AvBuY0xW61w4JZfmmRU3TKnqdtkLJDvBA7j4buYIOEjy/pyMUodBb7K/v1JEMkdE2XM4Ep8/8sgjbVNs66237i7QHon5FU1i2AAmgWEQBBsznMO0PBFpiMhVrHmN4/gVItImGBCRe8IwnOF5dvRB3yM9ThYCyoWGCPgdqrBYJEnCHHB6yymnGmNmlLJ6APcEMCu5mNxEGqf9MwCTY/ZsACweoEPLywJqYCEA7Fa1ndI0pRUVuXzZ5WNjY7SwtlFVJjt0xznz3/KQMAzvTpLkHuYEuA8mwjAkiXjHJM+AlYWZupIzHjHGVKLBsdbS39KuKWYTgTAMSVzeEQ/gngDO9r+kDzo3AzDfsmygxPjX84eZEx3HMR8Yvo2z8NCgocSVmuRsDw164KrjDRrAzWZzxr61wjwyR9MzrBgKguAe8j8BYDkeY8dtChyOo6rnRFHUJhGnxHFMVo7NWq3WnitWrLjLWpuxJPLYC6Mo4kJQKl2UO+tV9UV5M9oDeLYKXaMzVg/SubiziNyb78xwP5M5AJCiZGgcwPlk+NKnYO4HXGKMGZrHfdAALsiFtqrKIoYJEXmCBRKqSkobk6bpRxqNxhndquvax3IPy+4cLwHwtKruSnC5tEqOt94Yw5Wd4Zkss4rJNPt15yD3u0VdpHczzGgP4EIAM1+DeRv3isjObeslO8zRqVzAA0SE1JVDETqmADBw3zdpfq6T44rDbucLTSTXb36DBrDLo95XVSdpBhelEvZL5LDWZmYZp32tMeb3yTfF++BW4vvTNKWTar8gCC5ktpYxZtu8+cy68iiKanFjW2v5ImGMe5YZ7QFcCOAs6eosEWmXxeYB/DxXJEzmAfYF5l7IywJoYNAArjLFIgC7fTPBy653NIHvNMYwI6+957XWfgbArML+soywKvPxx9TTAK0gAEyTjemzdZbVLwHsbmBW7nUVV6l6l/BHV9XAKAHYWnutI26/PQxD9sWaEUO21jImzLhtlnjxQBiGB/cqQqiqA39cPQ0w7x8AO4DMYI/t7g/MqiQ6d1jgv7eIsGODlwFroNls7jM2Nsa+Q1z1rlgMytJe1UiOuP3kKIp6dk3gSk3i+LGxsYQFDgNWhx+uRAOqujcTrVyDb66+narBWTw/qkr2hveQ6B3AXiJCj6QXrwGvgSFoQFUZDeBCypj5RSIyg2mkCMBkUSCzPVfjd4lI5V44Q/h+/pJeAxu0BlQ14zZjqutLRIR74I4UMu2pKp0azJ0lEySZ6keqP8wGfcf8l/MacBpQVYbxSKzHnIjVIjIjh52H9aTKdBQrb2bMiYnTItL0mvUa8BpYHA2oKmuy2R2DZBskHCTV0izpB2AOQPQzucN7pRfnvvmreA20NZDzOjOcS4dyYa5/X7JqVSV4+RbgvnjJNT/zz4LXwFLUgKpm4VxuYfcQEbZpLZRStnlH38HQAUNL7xeRP1uKSvFz9hpYChpQVVIinef6OB8uIjf1m3cpgN1yTvv7827PzDKyjPB6KejEz9FrYEloQFUZiyeRoQJgq5gryyZeCcAOxCwzJJshz2EFykk+RlymXv+510C5BlSVmGKbX2a8EbwnVw3fVgawAzEbKTM/luY0+YP5llgyDB7lqvRHeA0srgYcwwabsjF0y9ZGx4jI31edRS0AOxCzUulqlxvL+DC5mFlL7MVrwGughgZUlSQGbETO9r5M0GCjglqUtrUB7EDMtC6CmGRndG+zr+zHRIQ8PV68BrwG+mjAFeZzS0qiBFb//YiFCnNZCOcEYAditlskg0PGVcx4FVMvR6KBmH+CvAZGUQOqeoBr+/pSN78vATiOfbDnMt85Azi7mKq+AQAZHNg2khvwG/hmERFSX3rxGvAaeDYxg6SR7KpBphPi7nEAp4sILdk5y7wBnFuNyalEsukxN5tbXcNlMnywhakXr4FfKQ2oKmuo2TGDBQlZnypuM1kgdI6ITM5XIQMBcG413h7AmQDekmNAJEs/PdbcnN/KHrPznbQ/32tgVDWgqqSCOtj1G1vtyPQ5XS5ijOuyJHBgxUEDBXAOyDSn2bKFrB5bdimbHms2o3qUPXcAsPcs23iwTzEZD/1qPapPp58XTWGS+T0XwKaOHZIUvC8AsBVzlklH1aUmlgF+wTl5ySg5UFkQAOeAzPFp+/NNxLcS6WszE3ugX8QP5jUwIhqgicxFiu2KmILMlkX0DS2ILCiAu2esquzNsz+AnVzsi/EvrtAsluB+gRVQHuALcqv9oAPSAAHK0lrGbfkvV1iGgfjDnr3fIJ3vgK5VOsz/A72JPfnAqHFSAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.download-btn-img:hover {
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%;
}

@media (max-width: 992px) {
    .hero-text h1 {
        font-size: 1.5rem;
    }

    .download-btn {
        width: 100%;
    }

    .feature-content {
        padding: 1rem;
    }

    .hero-mobile-content {
        padding: 1.5rem 1rem;
    }

    .mobile-download-btn {
        font-size: 1rem;
        padding: 0.9rem 2rem;
    }

}

/* 响应式按钮组 */
.button-group {
    display: flex;
    gap: 1rem;
}

@media (min-width: 1025px) {
    .button-group {
        flex-direction: row;
        justify-content: center;
    }
}

@media (max-width: 768px) { 
    .hero-text h1 {
        font-size: 1.8rem;
    }

    .feature-content {
        min-height: 15rem;
    }

    .mobile-hero-img {
        max-width: 280px;
    }

    #cloud-phone h2 {
        font-size: 2rem;
    }

    #cloud-phone h3 {
        font-size: 1.5rem;
    }
    .button-group {
        flex-direction: column;
        width: 100%;
    }

    .button-group .btn {
        width: 100%;
        margin-bottom: .5rem;
    }
}

/* 移动端导航栏控制区域 */
.mobile-nav-controls {
    order: 2;
}

/* 移动端下载按钮样式 */
.download-btn-mobile {
    background: linear-gradient(135deg, #FCDA5E 0%, #FFE066 100%);
    border: .1rem solid #FCDA5E;
    color: #000;
    font-weight: 600;
    font-size: .88rem;
    padding: .5rem 1rem;
    border-radius: 1.25rem;
    transition: all 0.3s ease;
    box-shadow: 0 .15rem .4rem rgba(252, 218, 94, 0.3);
    position: relative;
    overflow: hidden;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.download-btn-mobile:hover,
.download-btn-mobile:focus,
.download-btn-mobile:active {
    background: linear-gradient(135deg, #FFE066 0%, #FCDA5E 100%);
    border-color: #FFE066;
    color: #000;
    transform: translateY(-0.1rem);
    box-shadow: 0 .25rem .75rem rgba(252, 218, 94, 0.4);
    text-decoration: none;
}

.download-btn-mobile::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s;
}

.download-btn-mobile:hover::before {
    left: 100%;
}

/* PC端下载按钮样式 */
.download-btn-desktop {
    background: linear-gradient(135deg, #FCDA5E 0%, #FFE066 100%);
    border: .1rem solid #FCDA5E;
    color: #000;
    font-weight: 600;
    padding: .75rem 1.5rem;
    border-radius: 1.5rem;
    transition: all 0.3s ease;
    box-shadow: 0 .2rem .6rem rgba(252, 218, 94, 0.3);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.download-btn-desktop:hover {
    background: linear-gradient(135deg, #FFE066 0%, #FCDA5E 100%);
    border-color: #FFE066;
    color: #000;
    transform: translateY(-0.15rem);
    box-shadow: 0 .3rem 1rem rgba(252, 218, 94, 0.4);
    text-decoration: none;
}

/* 响应式显示控制 */
@media (max-width: 992px) {
    .footer{
        border: none;
        background: #000;
        padding: 1rem 0;
        font-size: 14px;
    }
    .mobile-nav-controls {
        display: flex !important;
    }

    .download-btn-mobile {
        display: inline-flex;
    }
    .hero-text h1 {
        font-size: 2rem;
    }

    #hero {
        height: auto;
        padding: 6rem 0 3rem;
    }

    .feature-tabs .nav-link {
        flex-direction: column;
        text-align: center;
    }

    .feature-icon {
        margin-right: 0;
        margin-bottom: .5rem;
    }

    .feature-content {
        margin-top: 1rem;
    }

    /* 手机端轮播图样式 */
    .mobile-carousel-container {
        margin-top: 1.5rem;
        touch-action: pan-y;
        user-select: none;
    }

    .mobile-carousel-slide {
        padding: 0 15px;
    }

    .mobile-carousel-indicators {
        margin-top: 20px;
    }

    .mobile-carousel-indicators .indicator {
        width: 10px;
        height: 10px;
    }

    .cloud-phone-display {
        margin-top: 3rem;
    }
}

/* 导航栏容器布局 */
.navbar .container {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 1rem;
}
.container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.custom-toggler{
    width: 3rem;
}

/* PC端导航栏布局 */
@media (min-width: 992px) {

    .navbar-dark .navbar-nav .nav-link.active::after {
        content: '';
        position: absolute;
        bottom: -0.3rem;
        left: 50%;
        transform: translateX(-50%);
        width: 32px;
        height: 2px;
        background-color: #FCDA5E;
        transition: all 0.3s ease;
    }
    .mobile-nav-controls {
        display: none !important;
    }

    .download-btn-desktop {
        display: inline-flex;
    }
    .navbar .container {
        max-width: 1300px;
        justify-content: space-between;
        padding-right: 1rem;
    }

    .navbar-brand {
        flex-shrink: 0;
    }

    .download-btn-img {
        flex-shrink: 0;
    }
}

/* 导航栏品牌logo在移动端的调整 */
@media (max-width: 992px) {
    #features{
        background-image: url(../images/11.72e6e053.png);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        margin-top: -3.5rem;
        z-index: 11;
        position: relative;
    }
    .navbar {
        height: 3.8rem;
    }
    .navbar-nav {
        background: rgb(26, 26, 26, .3);
    }
    .download-btn-img{
        background: url(data:image/png;base64,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) no-repeat;
        background-size: 100% 100%;
    }
    .navbar-brand {
        order: 1;
        flex: 1;
    }

    .navbar .container {
        justify-content: space-between;
        gap: 1rem;
    }

    /* 移动端弹出菜单样式 */
    .mobile-menu.navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.95);
        border-top: .05rem solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 .2rem .4rem rgba(0, 0, 0, 0.2);
        z-index: 1000;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
        opacity: 0;
    }

    .mobile-menu.navbar-collapse.show {
        max-height: 400px;
        opacity: 1;
        transform: translateY(0);
    }

    .navbar-collapse .navbar-nav {
        width: 100%;
    }

    .navbar-collapse .nav-link {
        padding: 1rem 0;
        border-bottom: .05rem solid rgba(255, 255, 255, 0.1);
        text-align: center;
        font-size: 1.1rem;
        transition: all 0.3s ease;
        display: block;
        width: 100%;
    }
    .nav-item{
        border-top: 1px solid #3E322C;
    }

    .navbar-collapse .nav-link:last-child {
        border-bottom: none;
    }

    .navbar-collapse .nav-link:hover,
    .navbar-collapse .nav-link.active {
        color: var(--primary-color);
    }
}

/* PC端导航栏样式 */
@media (min-width: 992px) {
    .navbar-collapse {
        position: static;
        background: none;
        border: none;
        box-shadow: none;
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-collapse .navbar-nav {
        flex-direction: row;
        margin-left: auto;
    }

    .navbar-collapse .nav-link {
        padding: .5rem 1rem;
        border: none;
        text-align: left;
        font-size: inherit;
    }
}

/* ===== 左下角二维码组件样式 ===== */
.qr-code-widget {
    position: fixed;
    bottom: 100px;
    left: 0;
    z-index: 1000;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    /* 初始状态：隐藏在左侧 */
    transform: translateX(-100%);
    opacity: 0;
    /* 出现动画 */
    animation: qrWidgetSlideIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* 二维码主体内容 */
.qr-main-content {
    display: flex;
    align-items: center;
    width: 11.1rem;
    height: 12.85rem;
    background: linear-gradient( 170deg, #FEF1D1 0%, #FDE48C 100%);
    border-radius: 0px 20px 20px 0px;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.qr-image {
    width: 100%;
    height: 100%;
    padding: 10px;
    display: block;
    border-radius: 6px;
}

.qr-description {
    color: #855200;
    font-size: 16px;
    margin: 0;
    line-height: 1.4;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

/* 右侧控制按钮 */
.qr-control-btn {
    position: absolute;
    right: -27px;
    top: 50%;
    transform: translateY(-50%);
    width: 27px;
    height: 83px;
    background: linear-gradient( 170deg, #FEF1D1 0%, #FDE48C 100%);
    border-radius: 0px 12px 12px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-left: 1px solid rgba(45, 24, 16, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.qr-control-btn i {
    color: #2D1810;
    font-size: 14px;
    transition: transform 0.3s ease;
}

/* 收起状态的展开按钮 */
.qr-collapsed-btn {
    position: fixed;
    bottom: 80px;
    width: 27px;
    height: 83px;
    background: linear-gradient( 170deg, #FEF1D1 0%, #FDE48C 100%);
    border-radius: 0px 12px 12px 0px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-left: none;
    /* 添加脉冲动画提示用户 */
    animation: qrPulse 2s infinite;
}

.qr-collapsed-btn i {
    color: #2D1810;
    font-size: 14px;
}

/* 收起状态样式 */
.qr-code-widget.collapsed {
    pointer-events: none; /* 收起时不阻挡页面点击 */
}

.qr-code-widget.collapsed .qr-main-content {
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
}

.qr-code-widget.collapsed .qr-collapsed-btn {
    display: flex;
    pointer-events: auto; /* 展开按钮仍然可以点击 */
}

/* 展开状态样式 */
.qr-code-widget.expanded .qr-main-content {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.qr-code-widget.expanded .qr-collapsed-btn {
    display: none;
}

/* 响应式调整 */
@media (max-width: 1199px) {
    .qr-code-widget {
        display: none !important;
    }
}

/* 动画关键帧 */
@keyframes qrWidgetSlideIn {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    60% {
        transform: translateX(10px);
        opacity: 0.8;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

/* 悬停动画效果 */
.qr-code-widget:hover .qr-main-content {
    transform: scale(1.02);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.qr-code-widget:hover .qr-control-btn {
    background: linear-gradient(170deg, #FFF5DC 0%, #FFE55C 100%);
}

/* 脉冲动画关键帧 */
@keyframes qrPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2);
    }
}

@keyframes qrSlideOut {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(-100%);
        opacity: 0;
    }
}
/* ===== PC端右侧底部弹框广告样式 ===== */
.popup-ad {
    position: fixed;
    right: 20px;
    bottom: 92px;
    z-index: 1000;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
}

.popup-ad.show {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.popup-content {
    position: relative;
    border-radius: 12px;
    max-width: 360px;
    max-height: 360px;
}

.popup-close {
    position: absolute;
    top: -28px;
    right: 0;
    height: 18px;
    background: transparent;
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    z-index: 1001;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.popup-close img{
    width: 100%;
    height: 100%;
}
.popup-close:hover {
    transform: scale(1.1);
}

.popup-image {
    width: 100%;
    position: relative;
}

.ad-image {
    width: 100%;
    height: auto;
    max-height: 360px;
    display: block;
    border-radius: 10px;
}

/* 弹框动画效果 */
@keyframes popupSlideIn {
    from {
        opacity: 0;
        transform: translateX(100%) scale(0.8);
    }
    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

@keyframes popupSlideOut {
    from {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateX(100%) scale(0.8);
    }
}

.popup-ad.animate-in {
    animation: popupSlideIn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.popup-ad.animate-out {
    animation: popupSlideOut 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
}

/* 响应式调整 */
@media (max-width: 991px) {
    .popup-ad {
        display: none !important;
    }
}

@media (max-width: 1200px) {
    
    .popup-content {
        max-width: 250px;
    }
}

/* 弹框广告加载状态 */
.popup-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
}

.loading-spinner {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.popup-loading p {
    margin: 0;
    color: #666;
    font-size: 14px;
}

/* 弹框广告内容 */
.popup-ad-content {
    width: 100%;
}

.popup-ad-content a {
    display: block;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.popup-ad-content a:hover {
    transform: scale(1.02);
}

/* 弹框广告错误状态 */
.popup-error {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
}

.popup-error p {
    margin: 0;
    color: #dc3545;
    font-size: 14px;
}

/*# sourceMappingURL=main.42ab4fcb.css.map*/