/* 全局样式 */:root {    --primary-color: #ff6b9d;    --primary-light: #ffb1c9;    --primary-dark: #e6306e;    --secondary-color: #9072fc;    --secondary-light: #b6a2ff;    --secondary-dark: #6645cc;    --accent-color: #47cfff;    --text-light: #ffffff;    --text-dark: #333333;    --background-light: #ffffff;    --background-dark: #1a1a2e;    --background-gradient-light: linear-gradient(135deg, rgba(255, 239, 250, 0.95) 0%, rgba(236, 233, 255, 0.95) 100%);    --background-gradient-dark: linear-gradient(135deg, rgba(26, 26, 46, 0.95) 0%, rgba(38, 38, 58, 0.95) 100%);    --card-bg-light: rgba(255, 255, 255, 0.95);    --card-bg-dark: rgba(38, 38, 58, 0.95);    --border-radius: 12px;    --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);    --box-shadow-dark: 0 10px 30px rgba(0, 0, 0, 0.3);    --gradient-primary: linear-gradient(45deg, var(--primary-color), var(--secondary-color));}* {    margin: 0;    padding: 0;    box-sizing: border-box;    font-family: 'Noto Sans SC', sans-serif;    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}body {    background-color: var(--background-light);    color: var(--text-dark);    overflow-x: hidden;}/* 滚动条样式 */::-webkit-scrollbar {    width: 10px;    height: 10px;}::-webkit-scrollbar-track {    background-color: #f1f1f1;    border-radius: 10px;}::-webkit-scrollbar-thumb {    background-color: #c1c1c1;    border-radius: 10px;}::-webkit-scrollbar-thumb:hover {    background-color: #a8a8a8;}a {    text-decoration: none;    color: inherit;    transition: all 0.3s ease;}ul {    list-style: none;}/* 粒子背景 替换为玩机主题背景 */.particles-container {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: -1;    background: var(--background-gradient-light);    overflow: hidden;}/* 添加背景装饰元素 */.particles-container:before {    content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-image:         radial-gradient(circle at 10% 20%, rgba(255, 107, 157, 0.1) 0%, transparent 50%),        radial-gradient(circle at 90% 80%, rgba(144, 114, 252, 0.1) 0%, transparent 50%),        radial-gradient(circle at 50% 50%, rgba(71, 207, 255, 0.05) 0%, transparent 70%);    z-index: -1;}/* 添加小星星装饰 */.particles-container:after {    content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-image:         radial-gradient(2px 2px at 40px 60px, #ff6b9d 100%, transparent),        radial-gradient(2px 2px at 100px 150px, #9072fc 100%, transparent),        radial-gradient(1px 1px at 200px 80px, #ff6b9d 100%, transparent),        radial-gradient(1px 1px at 300px 200px, #9072fc 100%, transparent),        radial-gradient(2px 2px at 400px 100px, #47cfff 100%, transparent),        radial-gradient(1px 1px at 500px 300px, #ff6b9d 100%, transparent),        radial-gradient(1px 1px at 50% 50%, #9072fc 100%, transparent),        radial-gradient(2px 2px at 70% 20%, #ff6b9d 100%, transparent),        radial-gradient(1px 1px at 90% 40%, #9072fc 100%, transparent),        radial-gradient(2px 2px at 30% 80%, #47cfff 100%, transparent),        radial-gradient(1px 1px at 80% 90%, #ff6b9d 100%, transparent);    background-repeat: repeat;    background-size: 700px 700px;    opacity: 0.5;    animation: twinkle 8s linear infinite;    z-index: -1;}@keyframes twinkle {    0% {        background-position: 0 0;    }    100% {        background-position: 100px 100px;    }}/* 添加漂浮的小图形 */.bg-bubble {    position: absolute;    border-radius: 50%;    opacity: 0.3;    z-index: -1;    animation: float-bubble 15s ease-in-out infinite;}.bg-bubble-1 {    width: 100px;    height: 100px;    background: radial-gradient(circle, #ff6b9d 0%, transparent 70%);    top: 10%;    left: 10%;    animation-delay: 0s;}.bg-bubble-2 {    width: 150px;    height: 150px;    background: radial-gradient(circle, #9072fc 0%, transparent 70%);    top: 60%;    left: 80%;    animation-delay: 2s;}.bg-bubble-3 {    width: 80px;    height: 80px;    background: radial-gradient(circle, #47cfff 0%, transparent 70%);    top: 80%;    left: 20%;    animation-delay: 4s;}.bg-bubble-4 {    width: 120px;    height: 120px;    background: radial-gradient(circle, #ff9dbd 0%, transparent 70%);    top: 30%;    left: 70%;    animation-delay: 6s;}@keyframes float-bubble {    0% {        transform: translateY(0) translateX(0);    }    50% {        transform: translateY(-20px) translateX(10px);    }    100% {        transform: translateY(0) translateX(0);    }}/* 头部导航 */header {    background-color: var(--card-bg-light);    box-shadow: var(--box-shadow);    padding: 15px 5%;    display: flex;    justify-content: space-between;    align-items: center;    position: sticky;    top: 0;    z-index: 100;    backdrop-filter: blur(10px);}.logo-container {    display: flex;    align-items: center;}.logo {    height: 40px;    margin-right: 15px;}.logo-container h1 {    font-size: 1.5rem;    font-weight: 700;    background: var(--gradient-primary);    -webkit-background-clip: text;    background-clip: text;    color: transparent;}nav ul {    display: flex;    gap: 30px;}nav ul li a {    font-weight: 500;    position: relative;    padding: 5px 0;}nav ul li a:after {    content: '';    position: absolute;    width: 0;    height: 2px;    background: var(--gradient-primary);    bottom: 0;    left: 0;    transition: width 0.3s ease;}nav ul li a:hover:after,nav ul li a.active:after {    width: 100%;}nav ul li a.active {    font-weight: 700;    color: var(--primary-color);}/* 英雄区域 */.hero {    min-height: 80vh;    display: flex;    align-items: center;    justify-content: space-between;    padding: 0 5%;    position: relative;    overflow: hidden;}.hero-content {    width: 50%;    z-index: 2;}/* 新增浮动效果动画 */.float-slow {    animation: floating 6s ease-in-out infinite;}.float-medium {    animation: floating 4s ease-in-out infinite;}.float-fast {    animation: floating 3s ease-in-out infinite;}/* 轻微浮动效果 - 适用于按钮 */.float-subtle {    animation: floating-subtle 3s ease-in-out infinite;}@keyframes floating-subtle {    0% {        transform: translateY(0px);    }    50% {        transform: translateY(-5px);    }    100% {        transform: translateY(0px);    }}/* 交错浮动效果 */.float-delay-1 {    animation-delay: 0.5s;}.float-delay-2 {    animation-delay: 1s;}/* 按钮悬停浮动效果 */.download-btn:hover {    transform: translateY(-5px);    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15);    transition: all 0.3s ease;}/* 修改 .hero-content h1 */.hero-content h1 {    font-size: 4rem;    font-weight: 900;    margin-bottom: 20px;    background: var(--gradient-primary);    -webkit-background-clip: text;    background-clip: text;    color: transparent;    text-shadow: 0 5px 15px rgba(255, 107, 157, 0.3);    display: inline-block; /* 添加这一行使动画能正确应用 */}/* 修改 .hero-content .subtitle */.hero-content .subtitle {    font-size: 1.5rem;    margin-bottom: 40px;    color: var(--text-dark);    opacity: 0.8;    display: inline-block; /* 添加这一行使动画能正确应用 */}.glow {    animation: glow 2s infinite alternate;}@keyframes glow {    from {        text-shadow: 0 0 10px rgba(255, 107, 157, 0.3);    }    to {        text-shadow: 0 0 20px rgba(255, 107, 157, 0.6),                      0 0 30px rgba(144, 114, 252, 0.4);    }}.hero-image {    width: 45%;    position: relative;    z-index: 1;}.hero-image img {    width: 100%;    max-width: 500px;    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2));}.floating {    animation: floating 4s ease-in-out infinite;}@keyframes floating {    0% {        transform: translateY(0px);    }    50% {        transform: translateY(-20px);    }    100% {        transform: translateY(0px);    }}/* 下载按钮样式 */.download-btn {    padding: 15px 25px;    border-radius: 50px;    font-size: 1rem;    font-weight: 600;    border: none;    cursor: pointer;    transition: all 0.3s ease;    display: inline-flex;    align-items: center;    justify-content: center;    margin: 10px;    position: relative;    overflow: hidden;    text-decoration: none; /* 确保链接无下划线 */}.download-btn i {    margin-right: 10px;}.download-btn.primary {    background: var(--gradient-primary);    color: var(--text-light);    position: relative;    z-index: 1;    overflow: hidden;}.download-btn.primary:before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: linear-gradient(45deg, var(--secondary-color), var(--primary-color));    z-index: -1;    opacity: 0;    transition: opacity 0.5s ease;}.download-btn.primary:hover:before {    opacity: 1;}.download-btn.primary .version {    font-size: 0.8rem;    background: rgba(255, 255, 255, 0.2);    padding: 3px 8px;    border-radius: 20px;    margin-left: 10px;}.download-btn.secondary {    background: transparent;    color: var(--primary-color);    border: 2px solid var(--primary-color);}.download-btn.secondary:hover {    background: rgba(255, 107, 157, 0.1);    transform: translateY(-2px);}.cta-buttons {    display: flex;    flex-wrap: wrap;    gap: 10px;}/* 特色功能区 */.section-title {    text-align: center;    font-size: 2.5rem;    margin-bottom: 60px;    position: relative;    color: var(--text-dark);}.section-title:after {    content: '';    position: absolute;    width: 100px;    height: 5px;    background: var(--gradient-primary);    bottom: -15px;    left: calc(50% - 50px);    border-radius: 10px;}.features {    padding: 100px 5%;    background: var(--background-light);}.feature-cards {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));    gap: 30px;    margin-top: 50px;}/* 特性卡片 */.feature-card {    background-color: var(--card-bg-light);    border-radius: var(--border-radius);    padding: 30px;    text-align: center;    box-shadow: var(--box-shadow);    transition: all 0.3s ease;    position: relative;    overflow: hidden;}.feature-card:hover {    transform: translateY(-10px);    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);}.feature-card:before {    content: '';    position: absolute;    width: 100%;    height: 5px;    background: var(--gradient-primary);    top: 0;    left: 0;}.feature-icon {    width: 80px;    height: 80px;    margin: 0 auto 20px;    display: flex;    align-items: center;    justify-content: center;    background: rgba(255, 107, 157, 0.1);    border-radius: 50%;    font-size: 2rem;    color: var(--primary-color);}.feature-card h3 {    margin: 15px 0;    font-size: 1.3rem;}.feature-card p {    color: #666;    line-height: 1.6;}/* 下载区域 */.download-section {    padding: 100px 5%;    background: #f8f8ff;    position: relative;    overflow: hidden;}.download-cards {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));    gap: 30px;    margin-bottom: 50px;}/* 下载卡片 */.download-card {    background-color: var(--card-bg-light);    border-radius: var(--border-radius);    padding: 30px;    text-align: center;    box-shadow: var(--box-shadow);    transition: all 0.3s ease;    position: relative;    overflow: hidden;}.download-card:hover {    transform: translateY(-10px);    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);}.download-card:before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 5px;    background: var(--gradient-primary);    z-index: -1;}.platform-icon {    font-size: 3rem;    margin-bottom: 20px;    color: var(--primary-color);}/* 平台下载按钮 */.download-platform-btn {    padding: 10px 20px;    border-radius: 25px;    background: var(--gradient-primary);    color: white;    border: none;    font-weight: 600;    cursor: pointer;    transition: all 0.3s ease;    margin-top: 15px;    display: inline-flex;    align-items: center;    justify-content: center;    box-shadow: 0 5px 15px rgba(255, 107, 157, 0.3);    text-decoration: none; /* 确保链接无下划线 */}.download-progress {    margin-top: 40px;    background: white;    padding: 20px;    border-radius: var(--border-radius);    box-shadow: var(--box-shadow);    display: none;}.progress-info {    display: flex;    justify-content: space-between;    margin-bottom: 10px;}.progress-bar {    height: 10px;    background: #e0e0e0;    border-radius: 10px;    overflow: hidden;    margin-bottom: 15px;}.progress-fill {    height: 100%;    background: var(--gradient-primary);    width: 0%;    border-radius: 10px;    transition: width 0.3s ease;}.download-actions {    display: flex;    justify-content: flex-end;    gap: 15px;}.pause-btn, .cancel-btn {    background: none;    border: none;    cursor: pointer;    font-size: 1.2rem;    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;}.pause-btn {    background: rgba(144, 114, 252, 0.1);    color: var(--secondary-color);}.cancel-btn {    background: rgba(255, 107, 157, 0.1);    color: var(--primary-color);}.pause-btn:hover, .cancel-btn:hover {    transform: scale(1.1);}/* 历史版本区域 */.history-section {    padding: 100px 5%;    background: white;}.history-table-container {    overflow-x: auto;    border-radius: var(--border-radius);    box-shadow: var(--box-shadow);}.history-table {    width: 100%;    border-collapse: collapse;}.history-table th, .history-table td {    padding: 15px 20px;    text-align: left;}.history-table thead {    background: var(--gradient-primary);    color: white;}.history-table tbody tr {    border-bottom: 1px solid #eee;    transition: all 0.3s ease;}.history-table tbody tr:last-child {    border-bottom: none;}.history-table tbody tr:hover {    background: rgba(255, 107, 157, 0.05);}.table-download-btn {    padding: 8px 15px;    background: var(--gradient-primary);    color: white;    border: none;    border-radius: 20px;    cursor: pointer;    transition: all 0.3s ease;    font-size: 0.9rem;}.table-download-btn:hover {    transform: translateY(-2px);    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}/* 更新日志区域 */.changelog-section {    padding: 100px 5%;    background: #f8f8ff;}.changelog-container {    max-width: 800px;    margin: 0 auto;}/* 更新日志项 */.changelog-item {    display: flex;    margin-bottom: 30px;    background-color: var(--card-bg-light);    border-radius: var(--border-radius);    overflow: hidden;    box-shadow: var(--box-shadow);}.version-badge {    background: var(--gradient-primary);    color: white;    padding: 20px;    font-weight: 700;    display: flex;    align-items: center;    justify-content: center;    min-width: 100px;}.changelog-content {    flex-grow: 1;    padding: 20px 30px;}.changelog-header {    display: flex;    justify-content: space-between;    align-items: center;    margin-bottom: 15px;    flex-wrap: wrap;    gap: 10px;}.release-date {    color: #888;    font-size: 0.9rem;}.changelog-list {    list-style: none;}.changelog-list li {    margin-bottom: 10px;    display: flex;    align-items: flex-start;}.feature-tag {    display: inline-block;    padding: 2px 8px;    border-radius: 4px;    font-size: 0.8rem;    font-weight: 700;    margin-right: 10px;    min-width: 50px;    text-align: center;}.feature-tag:nth-of-type(1) {    background: rgba(71, 207, 255, 0.2);    color: var(--accent-color);}li:has(.feature-tag:contains("新增")) .feature-tag {    background: rgba(71, 207, 255, 0.2);    color: var(--accent-color);}li:has(.feature-tag:contains("优化")) .feature-tag {    background: rgba(144, 114, 252, 0.2);    color: var(--secondary-color);}li:has(.feature-tag:contains("修复")) .feature-tag {    background: rgba(255, 107, 157, 0.2);    color: var(--primary-color);}/* 页脚区域 */footer {    background-color: var(--card-bg-light);    padding: 50px 5% 20px;    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.05);    position: relative;}.footer-content {    display: flex;    justify-content: space-between;    flex-wrap: wrap;    gap: 40px;    margin-bottom: 40px;}.footer-logo {    max-width: 300px;}.footer-logo h2 {    margin: 15px 0 10px;    font-weight: 700;}.footer-logo p {    color: #aaa;    line-height: 1.6;}.footer-links {    display: flex;    gap: 60px;    flex-wrap: wrap;}.footer-links-column h3 {    margin-bottom: 20px;    font-size: 1.2rem;    position: relative;    display: inline-block;}.footer-links-column h3:after {    content: '';    position: absolute;    width: 40px;    height: 3px;    background: var(--gradient-primary);    bottom: -10px;    left: 0;    border-radius: 10px;}.footer-links-column ul li {    margin-bottom: 12px;}.footer-links-column ul li a {    color: #aaa;    transition: all 0.3s ease;}.footer-links-column ul li a:hover {    color: var(--primary-light);}.social-links {    display: flex;    gap: 15px;    margin-top: 20px;}.social-links a {    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    background: rgba(255, 255, 255, 0.1);    transition: all 0.3s ease;    font-size: 1.2rem;}.social-links a:hover {    background: var(--gradient-primary);    transform: translateY(-3px);}.copyright {    text-align: center;    padding-top: 30px;    border-top: 1px solid rgba(255, 255, 255, 0.1);    color: #888;    font-size: 0.9rem;}/* 模态框 */.modal {    display: none;    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.5);    z-index: 1000;    backdrop-filter: blur(5px);    align-items: center;    justify-content: center;}.modal-content {    background-color: var(--card-bg-light);    margin: auto;    padding: 30px;    border-radius: var(--border-radius);    width: 90%;    max-width: 500px;    box-shadow: var(--box-shadow);    position: relative;    animation: modalFadeIn 0.3s ease;}@keyframes modalFadeIn {    from {        opacity: 0;        transform: translateY(-20px);    }    to {        opacity: 1;        transform: translateY(0);    }}.close-modal {    position: absolute;    top: 20px;    right: 20px;    font-size: 1.5rem;    cursor: pointer;    opacity: 0.7;    transition: all 0.3s ease;}.close-modal:hover {    opacity: 1;    transform: rotate(90deg);}.modal-content h2 {    margin-bottom: 20px;    color: var(--text-dark);}.modal-download-progress {    margin-top: 20px;}.download-speed, .download-remaining {    margin: 10px 0;    color: #666;}.modal-download-progress .download-actions button {    padding: 10px 20px;    border: none;    border-radius: 30px;    cursor: pointer;    font-weight: 500;    display: inline-flex;    align-items: center;    gap: 8px;    transition: all 0.3s ease;}.modal-download-progress .pause-btn {    background: var(--secondary-color);    color: white;}.modal-download-progress .cancel-btn {    background: #f2f2f2;    color: #666;}.modal-download-progress .pause-btn:hover,.modal-download-progress .cancel-btn:hover {    transform: translateY(-2px);}/* 响应式设计 */@media (max-width: 1100px) {    .hero {        flex-direction: column-reverse;        text-align: center;        padding: 50px 5%;    }        .hero-content, .hero-image {        width: 100%;    }        .hero-content {        margin-top: 40px;    }        .cta-buttons {        justify-content: center;    }        .section-title {        font-size: 2rem;    }        .feature-cards {        grid-template-columns: repeat(2, 1fr);    }        .download-cards {        grid-template-columns: repeat(2, 1fr);    }}@media (max-width: 768px) {    header {        flex-direction: column;        padding: 15px 5%;    }        .logo-container {        margin-bottom: 15px;    }        nav ul {        gap: 15px;        flex-wrap: wrap;        justify-content: center;    }        .hero-content h1 {        font-size: 2.5rem;    }        .hero-content .subtitle {        font-size: 1.2rem;    }        .footer-content {        flex-direction: column;    }        .footer-links {        flex-direction: column;        gap: 30px;    }        .footer-links-column {        width: 100%;        margin-bottom: 20px;    }        .changelog-item {        flex-direction: column;    }        .version-badge {        padding: 10px;        width: 100%;        min-width: auto;    }        .cta-buttons {        flex-direction: column;        align-items: center;    }        .download-btn {        margin: 10px 0;        width: 100%;        max-width: 300px;    }} /* 添加更多玩机风格的装饰元素 */.decorative-element {    position: absolute;    z-index: -1;    pointer-events: none;    opacity: 0.6;}/* 心形装饰 */.heart-decoration {    position: absolute;    width: 20px;    height: 20px;    background: rgba(255, 107, 157, 0.2);    transform: rotate(45deg);    opacity: 0;    animation: float-heart 6s ease-in-out infinite;}.heart-decoration:before,.heart-decoration:after {    content: "";    width: 20px;    height: 20px;    background: rgba(255, 107, 157, 0.2);    border-radius: 50%;    position: absolute;}.heart-decoration:before {    top: -10px;    left: 0;}.heart-decoration:after {    top: 0;    left: -10px;}.heart-1 {    top: 15%;    right: 10%;    animation-delay: 0s;}.heart-2 {    bottom: 20%;    left: 5%;    transform: rotate(45deg) scale(0.6);    animation-delay: 2s;}.heart-3 {    top: 40%;    right: 20%;    transform: rotate(45deg) scale(0.8);    animation-delay: 4s;}@keyframes float-heart {    0% {        transform: rotate(45deg) translateY(0) scale(1);        opacity: 0;    }    20% {        opacity: 0.6;    }    80% {        opacity: 0.6;    }    100% {        transform: rotate(45deg) translateY(-100px) scale(0.5);        opacity: 0;    }}/* 星星装饰 */.star-decoration {    position: absolute;    width: 0;    height: 0;    border-right: 10px solid transparent;    border-bottom: 7px solid rgba(144, 114, 252, 0.3);    border-left: 10px solid transparent;    transform: rotate(35deg);    opacity: 0;    animation: float-star 5s ease-in-out infinite;}.star-decoration:before {    border-bottom: 8px solid rgba(144, 114, 252, 0.3);    border-left: 3px solid transparent;    border-right: 3px solid transparent;    position: absolute;    height: 0;    width: 0;    top: -5px;    left: -6px;    content: '';    transform: rotate(-35deg);}.star-decoration:after {    position: absolute;    top: 0;    left: -10px;    border-right: 10px solid transparent;    border-bottom: 7px solid rgba(144, 114, 252, 0.3);    border-left: 10px solid transparent;    transform: rotate(-70deg);    content: '';}.star-1 {    top: 25%;    left: 15%;    animation-delay: 1s;}.star-2 {    bottom: 30%;    right: 15%;    transform: scale(0.7) rotate(35deg);    animation-delay: 3s;}@keyframes float-star {    0% {        transform: translateY(0) rotate(35deg) scale(1);        opacity: 0;    }    20% {        opacity: 0.8;    }    80% {        opacity: 0.8;    }    100% {        transform: translateY(-80px) rotate(35deg) scale(0.7);        opacity: 0;    }}/* 调整主体内容的边距，避免与背景装饰冲突 */main {    position: relative;    z-index: 1;} /* 添加波浪底纹装饰 */.wave-pattern {    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 30%;    background-image:         repeating-radial-gradient(circle at 20% 100%,             rgba(255, 107, 157, 0.03) 0%,             rgba(255, 107, 157, 0.03) 10px,             transparent 10px,             transparent 20px),        repeating-radial-gradient(circle at 80% 100%,             rgba(144, 114, 252, 0.03) 0%,             rgba(144, 114, 252, 0.03) 10px,             transparent 10px,             transparent 20px),        linear-gradient(            rgba(255, 255, 255, 0) 0%,             rgba(255, 239, 250, 0.4) 100%        );    opacity: 0.7;    pointer-events: none;    z-index: -1;} /* 一言显示样式 */.yiyan-container {    margin-bottom: 40px;    min-height: 24px;    position: relative;    padding: 10px;    background: rgba(255, 255, 255, 0.1);    border-radius: 10px;    backdrop-filter: blur(5px);    border-left: 3px solid var(--primary-color);    width: fit-content;    max-width: 90%;    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);    overflow: hidden;}.yiyan-text {    color: var(--text-dark);    font-size: 1rem;    line-height: 1.5;    margin: 0;    position: relative;    display: inline-block;    font-style: italic;    opacity: 0.9;}/* 打字机光标效果 */.typewriter-cursor {    display: inline-block;    width: 2px;    height: 1.2em;    background-color: var(--primary-color);    margin-left: 2px;    vertical-align: text-bottom;    animation: blink 1s infinite;}@keyframes blink {    0%, 100% {        opacity: 1;    }    50% {        opacity: 0;    }}/* 文字渐入效果 */.char-animated {    display: inline-block;    opacity: 0;    transform: translateY(10px);    animation: fadeInUp 0.15s forwards;}@keyframes fadeInUp {    to {        opacity: 1;        transform: translateY(0);    }}/* 文字渐出效果 */.fade-out {    animation: fadeOut 1.5s forwards;}@keyframes fadeOut {    from {        opacity: 1;    }    to {        opacity: 0;        transform: translateY(-10px);    }} /* 黑夜模式样式 */body.dark-mode {    background-color: var(--background-dark);    color: var(--text-light);}/* 黑夜模式下的背景 */body.dark-mode .particles-container {    background: var(--background-gradient-dark);}/* 黑夜模式下的头部导航 */body.dark-mode header {    background-color: rgba(38, 38, 58, 0.95);    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);}/* 黑夜模式下的卡片 */body.dark-mode .feature-card,body.dark-mode .download-card,body.dark-mode .changelog-item,body.dark-mode .modal-content {    background-color: var(--card-bg-dark);    box-shadow: var(--box-shadow-dark);}/* 黑夜模式下的表格 */body.dark-mode .history-table th, body.dark-mode .history-table td {    border-color: rgba(255, 255, 255, 0.1);}body.dark-mode .history-table thead {    background-color: rgba(144, 114, 252, 0.2);}body.dark-mode .history-table tbody tr:hover {    background-color: rgba(144, 114, 252, 0.1);}/* 黑夜模式下的页脚 */body.dark-mode footer {    background-color: rgba(26, 26, 46, 0.95);}/* 黑夜模式下的文本 */body.dark-mode .feature-card h3,body.dark-mode .download-card h3,body.dark-mode .changelog-header h3,body.dark-mode .footer-links-column h3 {    color: var(--text-light);}/* 主题切换按钮 */.theme-toggle {    position: fixed;    bottom: 30px;    right: 30px;    width: 50px;    height: 50px;    border-radius: 50%;    background: var(--gradient-primary);    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);    z-index: 1000;    transition: all 0.3s ease;}.theme-toggle:hover {    transform: translateY(-3px);    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);}.theme-toggle i {    color: white;    font-size: 1.5rem;}/* 增强移动端适配 */@media (max-width: 480px) {    header {        padding: 10px 5%;    }        nav ul {        gap: 10px;    }        nav ul li a {        font-size: 0.9rem;    }        .hero {        padding: 30px 5%;    }        .feature-cards {        grid-template-columns: 1fr;        gap: 20px;    }        .download-cards {        grid-template-columns: 1fr;        gap: 20px;    }        .history-table-container {        overflow-x: auto;    }        .history-table {        min-width: 600px;    }        .changelog-item {        flex-direction: column;    }        .version-badge {        width: 100%;        padding: 10px;        display: flex;        justify-content: center;        align-items: center;        min-width: auto;    }        .yiyan-container {        padding: 15px;    }        .yiyan-text {        font-size: 1rem;    }        .theme-toggle {        width: 40px;        height: 40px;        bottom: 15px;        right: 15px;    }        .theme-toggle i {        font-size: 1.2rem;    }} /* 黑夜模式下的文本颜色 */body.dark-mode {    color: var(--text-light);}body.dark-mode a,body.dark-mode p,body.dark-mode li,body.dark-mode td,body.dark-mode th,body.dark-mode .feature-card p,body.dark-mode .download-card p {    color: var(--text-light);}body.dark-mode .logo-container h1,body.dark-mode .hero-content h1,body.dark-mode .hero-content .subtitle,body.dark-mode .section-title,body.dark-mode .footer-logo h2,body.dark-mode .footer-logo p {    color: var(--text-light);} /* 黑夜模式下的按钮样式 */body.dark-mode .download-btn.secondary {    background-color: rgba(255, 255, 255, 0.1);    color: var(--text-light);}body.dark-mode .download-btn.secondary:hover {    background-color: rgba(255, 255, 255, 0.2);}body.dark-mode .table-download-btn {    background-color: rgba(144, 114, 252, 0.2);    color: var(--text-light);}body.dark-mode .table-download-btn:hover {    background-color: rgba(144, 114, 252, 0.3);}/* 黑夜模式下的导航链接 */body.dark-mode nav ul li a {    color: var(--text-light);}body.dark-mode nav ul li a.active {    color: var(--primary-light);}/* 黑夜模式下的装饰元素 */body.dark-mode .heart-decoration,body.dark-mode .heart-decoration:before,body.dark-mode .heart-decoration:after {    background: rgba(255, 107, 157, 0.15);}body.dark-mode .star-decoration,body.dark-mode .star-decoration:before,body.dark-mode .star-decoration:after {    border-bottom-color: rgba(144, 114, 252, 0.15);}/* 黑夜模式下的一言容器 */body.dark-mode .yiyan-container {    background-color: rgba(38, 38, 58, 0.8);}body.dark-mode .typewriter-cursor {    background-color: var(--text-light);}/* 黑夜模式下的社交链接 */body.dark-mode .social-links a {    background-color: rgba(255, 255, 255, 0.1);    color: var(--text-light);}body.dark-mode .social-links a:hover {    background-color: var(--primary-color);}/* 黑夜模式下的滚动条 */body.dark-mode::-webkit-scrollbar-track {    background-color: var(--background-dark);}body.dark-mode::-webkit-scrollbar-thumb {    background-color: rgba(255, 255, 255, 0.2);}body.dark-mode::-webkit-scrollbar-thumb:hover {    background-color: rgba(255, 255, 255, 0.3);} /* APP介绍区域 */.app-intro-section {    padding: 60px 5%;    position: relative;    background: linear-gradient(135deg, rgba(255, 239, 250, 0.5) 0%, rgba(236, 233, 255, 0.5) 100%);    border-radius: var(--border-radius);    margin: 20px 5%;    overflow: hidden;}.app-intro-content {    display: flex;    align-items: center;    gap: 40px;    margin-top: 30px;}.app-intro-text {    flex: 1;    padding: 20px;    border-radius: var(--border-radius);    background-color: rgba(255, 255, 255, 0.8);    backdrop-filter: blur(10px);    box-shadow: var(--box-shadow);}.app-intro-subtitle {    font-size: 2rem;    margin-bottom: 20px;    background: var(--gradient-primary);    -webkit-background-clip: text;    background-clip: text;    -webkit-text-fill-color: transparent;    display: inline-block;}.app-intro-text p {    font-size: 1.1rem;    line-height: 1.6;    margin-bottom: 20px;    color: var(--text-dark);}.app-feature-list {    margin: 20px 0;}.app-feature-list li {    margin: 10px 0;    font-size: 1.05rem;    display: flex;    align-items: center;}.app-feature-list li i {    color: var(--primary-color);    margin-right: 10px;    font-size: 1.2rem;}.app-intro-image {    flex: 1;    display: flex;    justify-content: center;    position: relative;}.app-main-image {    width: 100%;    max-width: 400px;    border-radius: 20px;    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);    transition: transform 0.3s ease;    animation: float-medium 6s ease-in-out infinite;}.app-store-badges {    display: flex;    gap: 15px;    margin-top: 25px;}.app-store-badge {    display: inline-flex;    align-items: center;    padding: 10px 20px;    background: var(--gradient-primary);    border-radius: 30px;    color: white;    font-weight: 500;    box-shadow: 0 5px 15px rgba(255, 107, 157, 0.3);    transition: transform 0.3s ease, box-shadow 0.3s ease;}.app-store-badge i {    margin-right: 8px;    font-size: 1.2rem;}.app-store-badge:hover {    transform: translateY(-5px);    box-shadow: 0 8px 20px rgba(255, 107, 157, 0.4);}/* APP截图展示区域 */.app-screenshots-section {    padding: 60px 5%;    position: relative;}.screenshot-slider {    margin-top: 40px;    position: relative;    overflow: hidden;}.screenshot-container {    display: flex;    justify-content: center;    gap: 30px;    padding: 20px 0;    flex-wrap: wrap;}.screenshot-item {    flex: 0 0 calc(25% - 30px);    min-width: 220px;    display: flex;    flex-direction: column;    align-items: center;    transition: transform 0.3s ease;}.screenshot-item:hover {    transform: translateY(-10px);}.screenshot-phone-frame {    width: 220px;    height: 450px;    border-radius: 40px;    border: 10px solid #333;    overflow: hidden;    position: relative;    background: #fff;    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);}.screenshot-phone-notch {    position: absolute;    top: 0;    left: 50%;    transform: translateX(-50%);    width: 50%;    height: 25px;    background-color: #333;    border-bottom-left-radius: 15px;    border-bottom-right-radius: 15px;    z-index: 1;}.screenshot-content {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    display: flex;    flex-direction: column;}.screenshot-placeholder {    flex-grow: 1;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    background: linear-gradient(45deg, #f8f9fa, #e9ecef);    font-size: 2rem;    color: var(--primary-color);}.screenshot-placeholder span {    font-size: 1rem;    margin-top: 15px;    color: var(--text-dark);    font-weight: 500;}.screenshot-caption {    margin-top: 15px;    font-size: 1.1rem;    font-weight: 500;    color: var(--text-dark);}.screenshot-nav {    display: flex;    justify-content: center;    margin-top: 30px;    gap: 10px;}.screenshot-nav-dot {    width: 12px;    height: 12px;    border-radius: 50%;    background-color: #ccc;    border: none;    cursor: pointer;    transition: all 0.3s ease;}.screenshot-nav-dot.active {    background: var(--gradient-primary);    transform: scale(1.2);}/* 响应式样式 */@media (max-width: 1024px) {    .app-intro-content {        flex-direction: column;    }        .app-intro-text, .app-intro-image {        width: 100%;    }        .app-intro-image {        margin-top: 30px;    }        .screenshot-item {        flex: 0 0 calc(33.33% - 30px);    }}@media (max-width: 768px) {    .screenshot-item {        flex: 0 0 calc(50% - 30px);    }        .app-store-badges {        flex-direction: column;        align-items: flex-start;    }        .app-intro-subtitle {        font-size: 1.8rem;    }}@media (max-width: 480px) {    .screenshot-item {        flex: 0 0 100%;    }        .screenshot-container {        gap: 50px;    }        .app-intro-section {        margin: 20px 3%;        padding: 40px 3%;    }        .app-intro-subtitle {        font-size: 1.5rem;    }}/* 暗黑模式适配 */body.dark-mode .app-intro-section {    background: linear-gradient(135deg, rgba(40, 40, 60, 0.5) 0%, rgba(50, 50, 70, 0.5) 100%);}body.dark-mode .app-intro-text {    background-color: rgba(50, 50, 70, 0.8);}body.dark-mode .app-intro-text p,body.dark-mode .app-feature-list li,body.dark-mode .screenshot-placeholder span,body.dark-mode .screenshot-caption {    color: var(--text-light);}body.dark-mode .screenshot-phone-frame {    border-color: #222;}body.dark-mode .screenshot-phone-notch {    background-color: #222;}body.dark-mode .screenshot-placeholder {    background: linear-gradient(45deg, #2a2a3a, #3a3a4a);}