/**普通指针样式**/
        body{cursor:default;}
        /**链接指针样式**/
        a:hover{cursor:pointer;}
        
        /* 平滑滚动行为 */
        html {
            scroll-behavior: smooth;
        }
        
        body {
            scroll-behavior: smooth;
        }
        
        /* 关键CSS - 首屏优化 */
        .page-loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #330230;
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
        }
        
        .header-top {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            /* 保持原来的透明效果，不覆盖背景色 */
        }
        
        .logo img {
            width: 32px;
            height: 32px;
        }
        
        .h-logo {
            width: 64px;
            height: 64px;
        }
        
        /* 防止布局偏移 */
        .app-logo img {
            width: 80px;
            height: 80px;
        }
        
        .friend-icon {
            width: 32px;
            height: 32px;
        }
        
        /* 文本发光效果 */
        .text-glow {
            text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 
                        0 0 20px rgba(255, 255, 255, 0.6), 
                        0 0 30px rgba(255, 255, 255, 0.4);
        }
        
        /* 标题发光效果 */
        h1, h2, h3, h4, h5, h6 {
            text-shadow: 0 0 8px rgba(255, 255, 255, 0.7), 
                        0 0 16px rgba(255, 255, 255, 0.5), 
                        0 0 24px rgba(255, 255, 255, 0.3);
        }
        
        /* 链接发光效果 */
        a {
            text-shadow: 0 0 6px rgba(255, 255, 255, 0.6), 
                        0 0 12px rgba(255, 255, 255, 0.4);
        }
        
        /* 段落文本发光效果 */
        p, span, div {
            text-shadow: 0 0 4px rgba(255, 255, 255, 0.5), 
                        0 0 8px rgba(255, 255, 255, 0.3);
        }
        
        /* 特殊颜色文本的发光效果 */
        span[style*="color:#FFFFFF"] {
            text-shadow: 0 0 8px rgba(255, 255, 255, 0.9), 
                        0 0 16px rgba(255, 255, 255, 0.7), 
                        0 0 24px rgba(255, 255, 255, 0.5);
        }
        
        span[style*="color:#FFD700"] {
            text-shadow: 0 0 8px rgba(255, 215, 0, 0.9), 
                        0 0 16px rgba(255, 215, 0, 0.7), 
                        0 0 24px rgba(255, 215, 0, 0.5);
        }
        
        span[style*="color:#E56600"] {
            text-shadow: 0 0 8px rgba(229, 102, 0, 0.9), 
                        0 0 16px rgba(229, 102, 0, 0.7), 
                        0 0 24px rgba(229, 102, 0, 0.5);
        }
        
        span[style*="color:#4C33E5"] {
            text-shadow: 0 0 8px rgba(76, 51, 229, 0.9), 
                        0 0 16px rgba(76, 51, 229, 0.7), 
                        0 0 24px rgba(76, 51, 229, 0.5);
        }
        
        span[style*="color:#E53333"] {
            text-shadow: 0 0 8px rgba(229, 51, 51, 0.9), 
                        0 0 16px rgba(229, 51, 51, 0.7), 
                        0 0 24px rgba(229, 51, 51, 0.5);
        }
        
        /* 导航菜单发光效果 */
        .menu a, .quick-link a {
            text-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 
                        0 0 12px rgba(255, 255, 255, 0.6), 
                        0 0 18px rgba(255, 255, 255, 0.4);
        }
        
        /* 按钮发光效果 */
        .download-btn {
            text-shadow: 0 0 8px rgba(255, 255, 255, 0.9), 
                        0 0 16px rgba(255, 255, 255, 0.7), 
                        0 0 24px rgba(255, 255, 255, 0.5);
        }
        
        /* 聊天气泡发光效果 */
        .sender span, .receiver span {
            text-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 
                        0 0 12px rgba(255, 255, 255, 0.6), 
                        0 0 18px rgba(255, 255, 255, 0.4);
        }
        
        /* 列表项发光效果 */
        li {
            text-shadow: 0 0 4px rgba(255, 255, 255, 0.6), 
                        0 0 8px rgba(255, 255, 255, 0.4);
        }
        
        /* 友情链接发光效果 */
        .friend-links a {
            text-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 
                        0 0 12px rgba(255, 255, 255, 0.6);
        }
        
        /* 通用文本发光效果 - 确保所有文本都有发光 */
        * {
            text-shadow: 0 0 3px rgba(255, 255, 255, 0.4), 
                        0 0 6px rgba(255, 255, 255, 0.2);
        }
        
        /* 特殊元素发光效果 */
        strong, b {
            text-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 
                        0 0 12px rgba(255, 255, 255, 0.6), 
                        0 0 18px rgba(255, 255, 255, 0.4);
        }
        
        em, i {
            text-shadow: 0 0 5px rgba(255, 255, 255, 0.7), 
                        0 0 10px rgba(255, 255, 255, 0.5);
        }
        
        small {
            text-shadow: 0 0 4px rgba(255, 255, 255, 0.6), 
                        0 0 8px rgba(255, 255, 255, 0.4);
        }
        
        /* 按钮文本发光效果 */
        button {
            text-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 
                        0 0 12px rgba(255, 255, 255, 0.6);
        }
        
        /* 表单元素发光效果 */
        .form, .form p {
            text-shadow: 0 0 5px rgba(255, 255, 255, 0.7), 
                        0 0 10px rgba(255, 255, 255, 0.5);
        }
        
        /* 图标容器发光效果 */
        .feature-icon, .feature-text {
            text-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 
                        0 0 12px rgba(255, 255, 255, 0.6);
        }
        
        /* 版本信息发光效果 */
        .version-number, .version-label, .version-features {
            text-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 
                        0 0 12px rgba(255, 255, 255, 0.6);
        }
        
        /* 时间线内容发光效果 */
        .timeline-content {
            text-shadow: 0 0 5px rgba(255, 255, 255, 0.7), 
                        0 0 10px rgba(255, 255, 255, 0.5);
        }
        
        /* 社交网络链接发光效果 */
        .socialnet a {
            text-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 
                        0 0 12px rgba(255, 255, 255, 0.6);
        }
        
        /* 版权信息发光效果 */
        .small, .icp-info {
            text-shadow: 0 0 4px rgba(255, 255, 255, 0.6), 
                        0 0 8px rgba(255, 255, 255, 0.4);
        }
        
        /* 页面加载器发光效果 */
        .page-loader p {
            text-shadow: 0 0 8px rgba(255, 255, 255, 0.9), 
                        0 0 16px rgba(255, 255, 255, 0.7), 
                        0 0 24px rgba(255, 255, 255, 0.5);
        }
        
        /* 滚动提示发光效果 */
        .before, .after {
            text-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 
                        0 0 12px rgba(255, 255, 255, 0.6), 
                        0 0 18px rgba(255, 255, 255, 0.4);
        }
        
        /* 应用标题和副标题发光效果 */
        .app-title, .app-subtitle, .app-version {
            text-shadow: 0 0 8px rgba(255, 255, 255, 0.9), 
                        0 0 16px rgba(255, 255, 255, 0.7), 
                        0 0 24px rgba(255, 255, 255, 0.5);
        }
        
        /* 下载信息发光效果 */
        .download-info p {
            text-shadow: 0 0 5px rgba(255, 255, 255, 0.7), 
                        0 0 10px rgba(255, 255, 255, 0.5);
        }
        
        /* 邀请文本发光效果 */
        .invite {
            text-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 
                        0 0 12px rgba(255, 255, 255, 0.6);
        }
        
        /* 聊天对话发光效果增强 */
        .sender, .receiver {
            text-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 
                        0 0 12px rgba(255, 255, 255, 0.6), 
                        0 0 18px rgba(255, 255, 255, 0.4);
        }
        
        /* 三角形装饰发光效果 */
        .left_triangle, .right_triangle {
            filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.6));
        }
        
        /* 标题居中布局 - 覆盖主CSS样式 */
        .h-center {
            text-align: center !important;
            width: 100% !important;
            margin-top: 255px !important;
            display: block !important;
        }
        
        .h-center h2 {
            margin-bottom: 15px !important;
            font-size: 2.5rem !important;
            text-align: center !important;
            text-transform: none !important;
            line-height: 1.2em !important;
        }
        
        .h-center h3 {
            margin-bottom: 10px !important;
            font-size: 1.5rem !important;
            color: #FFD700 !important;
            text-align: center !important;
            text-transform: none !important;
            border-left: none !important;
            padding-left: 0 !important;
            margin-left: 0 !important;
            max-width: none !important;
            line-height: 1.2em !important;
        }
        
        .h-center h4 {
            font-size: 1.2rem !important;
            color: #FFFFFF !important;
            text-align: center !important;
            position: static !important;
            left: auto !important;
            display: block !important;
        }
        
        /* Logo容器样式调整 */
        .logo-container {
            text-align: center;
            margin-bottom: 20px;
        }
        
        /* 规则卡片样式 */
        .rule-card {
            background: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 25px;
            margin: 20px 0;
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        
        .rule-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: left 0.5s ease;
        }
        
        .rule-card:hover::before {
            left: 100%;
        }
        
        .rule-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
        }
        
        .rule-card h3 {
            color: #FFD700;
            margin-bottom: 15px;
            font-size: 1.4rem;
            font-weight: 600;
        }
        
        .rule-card p {
            color: #FFFFFF;
            line-height: 1.8;
            margin-bottom: 10px;
        }
        
        .rule-card ul {
            color: #FFFFFF;
            margin-left: 20px;
        }
        
        .rule-card li {
            margin-bottom: 8px;
            line-height: 1.6;
            color: #FFFFFF !important;
        }
        
        .rule-card ol {
            color: #FFFFFF !important;
        }
        
        .rule-card ol li {
            color: #FFFFFF !important;
            text-shadow: 0 0 4px rgba(255, 255, 255, 0.5) !important;
        }
        
        /* 强制设置举报流程中的文本为白色 */
        #reporting-guidelines ol li {
            color: #FFFFFF !important;
            text-shadow: 0 0 6px rgba(255, 255, 255, 0.8) !important;
        }
        
        #reporting-guidelines ol {
            color: #FFFFFF !important;
        }
        
        #reporting-guidelines li {
            color: #FFFFFF !important;
        }
        
        .rule-card h4 {
            color: #FFD700;
            margin: 20px 0 10px 0;
            font-size: 1.2rem;
            font-weight: 600;
        }
        
        /* 表格样式 */
        .rules-table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
        }
        
        .rules-table th {
            background: linear-gradient(135deg, #667eea, #764ba2);
            color: white;
            padding: 18px 15px;
            text-align: left;
            font-weight: 600;
            font-size: 1.1rem;
        }
        
        .rules-table td {
            padding: 18px 15px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            color: #FFFFFF !important;
            line-height: 1.6;
            background: transparent !important;
            text-shadow: 0 0 4px rgba(255, 255, 255, 0.5) !important;
        }
        
        .rules-table td strong {
            color: #FFFFFF !important;
            text-shadow: 0 0 4px rgba(255, 255, 255, 0.5) !important;
        }
        
        .rules-table td * {
            color: #FFFFFF !important;
        }
        
        .rules-table tr:last-child td {
            border-bottom: none;
        }
        
        .rules-table tr {
            background: transparent !important;
        }
        
        .rules-table tr:nth-child(even) {
            background: rgba(0, 0, 0, 0.3) !important;
        }
        
        .rules-table tr:nth-child(odd) {
            background: rgba(0, 0, 0, 0.1) !important;
        }
        
        .rules-table tr:hover {
            background: rgba(255, 255, 255, 0.1) !important;
        }
        
        /* 导航锚点样式 */
        .nav-anchor {
            display: block;
            position: relative;
            top: -80px;
            visibility: hidden;
        }
        
        /* 为s-rules区域特别调整偏移量 */
        #s-rules .nav-anchor {
            top: -100px;
        }
        
        /* 返回按钮样式 */
        .back-button {
            display: inline-block;
            padding: 15px 30px;
            background: linear-gradient(135deg, #667eea, #764ba2);
            color: white;
            text-decoration: none;
            border-radius: 25px;
            font-weight: 600;
            transition: all 0.3s ease;
            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
            margin: 0 10px;
            position: relative;
            overflow: hidden;
        }
        
        .back-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s ease;
        }
        
        .back-button:hover::before {
            left: 100%;
        }
        
        .back-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 30px rgba(102, 126, 234, 0.4);
            background: linear-gradient(135deg, #764ba2, #667eea);
        }
        
        .back-button:active {
            transform: translateY(-2px);
        }
        
        .special-button {
            background: linear-gradient(135deg, #ff6b6b, #ee5a24);
            box-shadow: 0 8px 20px rgba(255, 107, 107, 0.3);
        }
        
        .special-button:hover {
            box-shadow: 0 15px 30px rgba(255, 107, 107, 0.4);
            background: linear-gradient(135deg, #ee5a24, #ff6b6b);
        }
        
        /* 内容区域样式 */
        .content-section {
            padding: 40px 20px;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 40px;
            padding: 20px;
            background: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            border: 1px solid rgba(255, 255, 255, 0.3);
        }
        
        .section-title h1 {
            color: #FFD700;
            font-size: 2.5rem;
            margin-bottom: 10px;
        }
        
        .section-title p {
            color: #FFFFFF;
            font-size: 1.1rem;
        }
        
        /* 目录导航 */
        .toc {
            background: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 25px;
            margin: 30px 0;
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
            position: relative;
            overflow: hidden;
        }
        
        .toc::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: left 0.5s ease;
        }
        
        .toc:hover::before {
            left: 100%;
        }
        
        .toc h3 {
            color: #FFD700;
            margin-bottom: 20px;
            text-align: center;
            font-size: 1.4rem;
            font-weight: 600;
        }
        
        .toc ul {
            list-style: none;
            padding: 0;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 10px;
        }
        
        .toc li {
            margin: 0;
        }
        
        .toc a {
            color: #FFFFFF;
            text-decoration: none;
            padding: 12px 20px;
            display: block;
            border-radius: 10px;
            transition: all 0.3s ease;
            background: rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        .toc a:hover {
            background: rgba(255, 255, 255, 0.15);
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .content-section {
                padding: 20px 15px;
            }
            
            .rule-card {
                padding: 20px;
                margin: 15px 0;
            }
            
            .rule-card h3 {
                font-size: 1.2rem;
            }
            
            .rules-table {
                font-size: 0.9rem;
            }
            
            .rules-table th,
            .rules-table td {
                padding: 12px 8px;
            }
            
            .toc ul {
                grid-template-columns: 1fr;
            }
            
            .back-button {
                display: block;
                margin: 10px 0;
                text-align: center;
            }
            
            .section-title h1 {
                font-size: 2rem;
            }
            
            .h-logo {
                width: 48px;
                height: 48px;
            }
        }
        
        @media (max-width: 480px) {
            .content-section {
                padding: 15px 10px;
            }
            
            .rule-card {
                padding: 15px;
            }
            
            .rule-card h3 {
                font-size: 1.1rem;
            }
            
            .rules-table {
                font-size: 0.8rem;
            }
            
            .rules-table th,
            .rules-table td {
                padding: 10px 6px;
            }
            
            .section-title h1 {
                font-size: 1.6rem;
            }
            
            .toc {
                padding: 20px;
            }
            
            .toc a {
                padding: 10px 15px;
            }
        }