* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     scrollbar-width: none; /* Firefox */
     -ms-overflow-style: none; /* IE and Edge */
 }

 *::-webkit-scrollbar {
     display: none; /* Chrome, Safari, Opera */
 }

 body {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
     background: #f5f7fa;
     min-height: 100vh;
     display: flex;
 }

 /* 左侧导航栏 */
 .sidebar {
     width: 240px;
 /*     background: #f8fafc; */
 	background: #ffffff;
     color: #334155;
     height: 100vh;
     position: fixed;
     left: 0;
     top: 0;
     overflow-y: auto;
     display: flex;
     flex-direction: column;
     scrollbar-width: none; /* Firefox */
     -ms-overflow-style: none; /* IE and Edge */
 }

 .sidebar::-webkit-scrollbar {
     display: none; /* Chrome, Safari, Opera */
 }

 .logo {
     padding: 24px;
     font-size: 24px;
     font-weight: 900;
     background: linear-gradient(135deg, #3b82f6, #8b5cf6);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .nav-menu {
     flex: 1;
     padding: 10px 0;
 }

 .nav-item {
     padding: 14px 24px;
     display: flex;
     align-items: center;
     gap: 12px;
     cursor: pointer;
     transition: all 0.3s ease;
     font-size: 14px;
     color: #64748b;
     position: relative;
 }

 .nav-item:hover {
     background: rgba(59, 130, 246, 0.08);
     color: #334155;
 }

 .nav-item.active {
     background: linear-gradient(90deg, rgba(59, 130, 246, 0.15), transparent);
     color: #3b82f6;
     border-left: 3px solid #3b82f6;
 }

 .nav-item .arrow {
     margin-left: auto;
     font-size: 10px;
     transition: transform 0.3s ease;
 }

 .nav-item.expanded .arrow {
     transform: rotate(90deg);
 }

 .nav-submenu {
     display: none;
     background: rgba(59, 130, 246, 0.03);
     position: relative;
 }

 .nav-submenu.show {
     display: block;
 }

 .nav-submenu-item {
     padding: 12px 24px 12px 56px;
     font-size: 13px;
     color: #64748b;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .nav-submenu-item:hover {
     color: #3b82f6;
     background: rgba(59, 130, 246, 0.05);
 }

 .nav-submenu-item.active {
     color: #3b82f6;
     font-weight: 600;
     background: rgba(59, 130, 246, 0.08);
 }

 .nav-icon {
     font-size: 16px;
     width: 20px;
     text-align: center;
 }

 .user-info {
     padding: 20px;
     border-top: 1px solid rgba(0, 0, 0, 0.08);
 }

 .points-info {
     background: rgba(59, 130, 246, 0.08);
     padding: 12px;
     border-radius: 8px;
     margin-bottom: 12px;
 }

 .points-label {
     font-size: 12px;
     color: #64748b;
     margin-bottom: 4px;
 }

 .points-value {
     font-size: 18px;
     font-weight: 700;
     color: #3b82f6;
 }

 .btn-buy {
     width: 100%;
     padding: 10px;
     background: linear-gradient(135deg, #3b82f6, #8b5cf6);
     border: none;
     border-radius: 8px;
     color: white;
     font-size: 14px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .btn-buy:hover {
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
 }

 /* 主内容区 */
 .main-content {
     flex: 1;
     margin-left: 240px;
     display: flex;
     flex-direction: column;
 }

 /* 顶部功能栏 */
 .top-bar {
     background: white;
     padding: 16px 30px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
     position: sticky;
     top: 0;
     z-index: 100;
 }

 .promo-tags {
     display: flex;
     gap: 12px;
 }

 .promo-tag {
     padding: 10px 12px;
     background: linear-gradient(135deg, #fef3c7, #fde68a);
     border-radius: 20px;
     font-size: 14px;
     font-weight: 600;
     color: #92400e;
 }

 .promo-tag.highlight {
     background: linear-gradient(135deg, #fbbf24, #f59e0b);
     color: white;
 }

 .user-actions {
     display: flex;
     align-items: center;
     gap: 16px;
 }

 .user-status {
     font-size: 14px;
     color: #64748b;
 }

 .btn-login {
     padding: 8px 20px;
     background: linear-gradient(135deg, #3b82f6, #8b5cf6);
     border: none;
     border-radius: 20px;
     color: white;
     font-size: 14px;
     font-weight: 600;
     cursor: pointer;
 }

 .action-icons {
     display: flex;
     gap: 12px;
 }

 .action-icon {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: #f1f5f9;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: all 0.3s ease;
     font-size: 16px;
     color: #64748b;
 }

 .action-icon:hover {
     background: #e2e8f0;
     color: #3b82f6;
 }

 /* 核心功能区 */
 .content-area {
     flex: 1;
     padding: 30px;
     overflow-y: auto;
 }

 /* 功能选择模块 */
 .function-selector {
     background: white;
     border-radius: 16px;
     padding: 24px;
     margin-bottom: 24px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
 }

 .function-title {
     font-size: 20px;
     font-weight: 700;
     color: #1e293b;
     margin-bottom: 20px;
 }

 .function-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 16px;
 }

 .function-card {
     padding: 20px;
     border: 2px solid #e2e8f0;
     border-radius: 12px;
     cursor: pointer;
     transition: all 0.3s ease;
     text-align: center;
 }

 .function-card:hover {
     border-color: #3b82f6;
     background: #f0f9ff;
 }

 .function-card.selected {
     border-color: #3b82f6;
     background: linear-gradient(135deg, #eff6ff, #dbeafe);
     box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
 }

 .card-icon {
     font-size: 28px;
     margin-bottom: 10px;
 }

 .card-name {
     font-size: 15px;
     font-weight: 600;
     color: #1e293b;
     margin-bottom: 6px;
 }

 .card-price {
     font-size: 18px;
     font-weight: 700;
     color: #ef4444;
     margin-bottom: 6px;
 }

 .card-desc {
     font-size: 11px;
     color: #64748b;
     line-height: 1.4;
 }

 .card-desc .highlight {
     color: #ef4444;
     font-weight: 600;
 }

 /* 语言和平台选择 */
 .options-section {
     background: white;
     border-radius: 16px;
     padding: 24px;
     margin-bottom: 24px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
 }

 .option-group {
     margin-bottom: 20px;
 }

 .option-group:last-child {
     margin-bottom: 0;
 }

 .option-label {
     font-size: 14px;
     font-weight: 600;
     color: #475569;
     margin-bottom: 12px;
     display: block;
 }
 .aigcTitle{
 	display: flex;
 	align-items: center;
 }
 .aigcTitle > input{
 	padding: 10px 10px;
    flex-grow:1;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    box-sizing: border-box;
    
 }
 .option-buttons {
     display: flex;
     gap: 12px;
     flex-wrap: wrap;
 }

 .option-btn {
     padding: 10px 24px;
     border: 2px solid #e2e8f0;
     border-radius: 8px;
     font-size: 14px;
     font-weight: 600;
     color: #64748b;
     background: white;
     cursor: pointer;
     transition: all 0.3s ease;
     min-width: 100px;
     text-align: center;
 }

 .option-btn:hover {
     border-color: #3b82f6;
     color: #3b82f6;
 }

 .option-btn.selected {
     border-color: #3b82f6;
     background: linear-gradient(135deg, #3b82f6, #8b5cf6);
     color: white;
 }

 .btn-check-ai {
     padding: 10px 20px;
     background: linear-gradient(135deg, #ef4444, #f97316);
     border: none;
     border-radius: 8px;
     color: white;
     font-size: 14px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
     margin-top: 20px;
 }

 .btn-check-ai:hover {
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
 }

 /* 文本操作区 */
 .text-operation {
     background: white;
     border-radius: 16px;
     padding: 24px;
     margin-bottom: 24px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
 }

 .operation-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 20px;
 }

 .operation-title {
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .operation-title h2 {
     font-size: 20px;
     font-weight: 700;
     color: #1e293b;
 }

 .toggle-switch {
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .toggle-label {
     font-size: 13px;
     color: #64748b;
 }

 .toggle-btn {
     width: 44px;
     height: 24px;
     background: #e2e8f0;
     border-radius: 12px;
     position: relative;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .toggle-btn.active {
     background: linear-gradient(135deg, #3b82f6, #8b5cf6);
 }

 .toggle-btn::after {
     content: '';
     position: absolute;
     width: 20px;
     height: 20px;
     background: white;
     border-radius: 50%;
     top: 2px;
     left: 2px;
     transition: all 0.3s ease;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 }

 .toggle-btn.active::after {
     left: 22px;
 }

 .input-tabs {
     display: flex;
     gap: 4px;
     margin-bottom: 16px;
 }

 .input-tab {
     flex: 1;
     padding: 12px;
     border: none;
     background: #f1f5f9;
     font-size: 14px;
     font-weight: 600;
     color: #64748b;
     border-radius: 8px;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .input-tab.active {
     background: linear-gradient(135deg, #3b82f6, #8b5cf6);
     color: white;
 }

 .hint-box {
     background: linear-gradient(135deg, #fef3c7, #fde68a);
     padding: 16px;
     border-radius: 10px;
     margin-bottom: 20px;
     font-size: 13px;
     color: #92400e;
     line-height: 1.6;
 }

 .hint-box .number {
     font-weight: 600;
     color: #7c2d12;
 }

 .hint-box .highlight {
     color: #ef4444;
     font-weight: 600;
 }

 .text-area {
     border: 2px solid #e2e8f0;
     border-radius: 12px;
     min-height: 300px;
     position: relative;
     display: flex;
 }

 .text-area-left {
     flex: 1;
     padding: 16px;
     border-right: 2px solid #e2e8f0;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .text-area-right {
     flex: 1;
     padding: 16px;
     display: flex;
     flex-direction: column;
 }

 .text-input {
     width: 100%;
     flex: 1;
     border: none;
     resize: none;
     font-size: 14px;
     line-height: 1.6;
     outline: none;
     font-family: inherit;
     min-height: 250px;
 }

 .placeholder-text {
     color: #94a3b8;
     font-size: 14px;
 }

 .alert-red {
     color: #ef4444;
     font-weight: 600;
     font-size: 14px;
 }

 .upload-placeholder {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     height: 100%;
     min-height: 200px;
     border: 2px dashed #cbd5e1;
     border-radius: 8px;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .upload-placeholder:hover {
     border-color: #3b82f6;
     background: #f8fafc;
 }

 .btn-copy {
     padding: 8px 16px;
     background: #3b82f6;
     border: none;
     border-radius: 6px;
     color: white;
     font-size: 13px;
     font-weight: 600;
     cursor: pointer;
     margin-top: 12px;
     transition: all 0.3s ease;
 }

 .btn-copy:hover {
     background: #2563eb;
 }

 /* 历史记录 */
 .history-section {
     background: white;
     border-radius: 16px;
     padding: 24px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
 }

 .history-title {
     font-size: 16px;
     font-weight: 600;
     color: #1e293b;
     margin-bottom: 16px;
 }

 .history-empty {
     text-align: center;
     padding: 40px;
     color: #94a3b8;
     font-size: 14px;
 }
 #orderSection{
 	overflow-x: auto;
 }
 /* 订单记录表格 */
 .order-table {
     width: 100%;
     border-collapse: collapse;
     margin-top: 16px;
     white-space: nowrap;
 }

 .order-table thead {
     background: #f8fafc;
 }

 .order-table th {
     padding: 14px 16px;
     text-align: left;
     font-size: 13px;
     font-weight: 600;
     color: #475569;
     border-bottom: 2px solid #e2e8f0;
 }

 .order-table td {
     padding: 14px 16px;
     font-size: 13px;
     color: #64748b;
     border-bottom: 1px solid #f1f5f9;
 }

 .order-table tbody tr:hover {
     background: #f8fafc;
 }

 .status-tag {
     padding: 4px 10px;
     border-radius: 12px;
     font-size: 12px;
     font-weight: 600;
 }

 .status-tag.completed {
     background: #dcfce7;
     color: #166534;
 }

 .status-tag.pending {
     background: #fef3c7;
     color: #92400e;
 }

 .status-tag.processing {
     background: #dbeafe;
     color: #1e40af;
 }

 .order-type {
     font-weight: 500;
     color: #334155;
 }

 .order-price {
     font-weight: 600;
     color: #3b82f6;
 }

 .action-btns {
     display: flex;
     gap: 8px;
 }

 .action-btn {
     padding: 6px 12px;
     border: none;
     border-radius: 6px;
     font-size: 12px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .action-btn.primary {
     background: linear-gradient(135deg, #3b82f6, #8b5cf6);
     color: white;
 }

 .action-btn.primary:hover {
     transform: translateY(-1px);
     box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
 }

 .action-btn.secondary {
     background: #f1f5f9;
     color: #64748b;
 }

 .action-btn.secondary:hover {
     background: #e2e8f0;
     color: #334155;
 }

 .pagination {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 16px;
     margin-top: 24px;
     padding-top: 20px;
     border-top: 1px solid #f1f5f9;
 }

 .page-btn {
     padding: 8px 16px;
     border: 2px solid #e2e8f0;
     border-radius: 8px;
     background: white;
     font-size: 13px;
     font-weight: 600;
     color: #64748b;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .page-btn:hover {
     border-color: #3b82f6;
     color: #3b82f6;
 }

 .page-info {
     font-size: 13px;
     color: #64748b;
 }

 /* 充值页面 */
 .recharge-section {
     background: white;
     border-radius: 16px;
     padding: 24px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
 }

 .recharge-title {
     font-size: 20px;
     font-weight: 700;
     color: #1e293b;
     margin-bottom: 24px;
 }

 .recharge-options {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 16px;
     margin-bottom: 24px;
 }

 .recharge-option {
     padding: 24px;
     border: 2px solid #e2e8f0;
     border-radius: 12px;
     cursor: pointer;
     transition: all 0.3s ease;
     text-align: center;
     position: relative;
 }

 .recharge-option:hover {
     border-color: #3b82f6;
     background: #f0f9ff;
 }

 .recharge-option.selected {
     border-color: #3b82f6;
     background: linear-gradient(135deg, #eff6ff, #dbeafe);
     box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
 }

 .recharge-option .tag {
     position: absolute;
     top: 12px;
     right: 12px;
     background: linear-gradient(135deg, #ef4444, #f97316);
     color: white;
     padding: 4px 8px;
     border-radius: 10px;
     font-size: 10px;
     font-weight: 600;
 }

 .recharge-amount {
     font-size: 28px;
     font-weight: 700;
     color: #3b82f6;
     margin-bottom: 8px;
 }
.recharge-amount > input{
	display: block;
    width: 100%;
    height: 100%;
    font-size: 28px;
    font-weight: bolder;
    padding: 24px;
    line-height: 100%;
    text-align: center;
    border: none;
    border-radius: 6px;
    color: #333;
    outline: none;
    border-radius: 12px;
}
 .recharge-points {
     font-size: 14px;
     color: #64748b;
 }

 .recharge-points .highlight {
     color: #ef4444;
     font-weight: 600;
 }

 .manual-input-section {
     background: #f8fafc;
     padding: 20px;
     border-radius: 12px;
     margin-bottom: 24px;
 }

 .manual-label {
     font-size: 14px;
     font-weight: 600;
     color: #475569;
     margin-bottom: 12px;
 }

 .manual-input {
     width: 100%;
     padding: 12px 16px;
     border: 2px solid #e2e8f0;
     border-radius: 8px;
     font-size: 16px;
     font-weight: 600;
     color: #1e293b;
     outline: none;
     transition: all 0.3s ease;
 }

 .manual-input:focus {
     border-color: #3b82f6;
 }

 .manual-input::placeholder {
     color: #94a3b8;
     font-weight: 400;
 }

 .recharge-submit {
     width: 100%;
     padding: 16px;
     background: linear-gradient(135deg, #3b82f6, #8b5cf6);
     border: none;
     border-radius: 12px;
     color: white;
     font-size: 16px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .recharge-submit:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
 }

 /* 联系我们页面 */
 .contact-section {
     background: white;
     border-radius: 16px;
     padding: 24px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
 }

 .contact-title {
     font-size: 20px;
     font-weight: 700;
     color: #1e293b;
     margin-bottom: 24px;
 }

 .contact-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
 }

 .contact-card {
     padding: 24px;
     border: 2px solid #e2e8f0;
     border-radius: 12px;
     text-align: center;
     transition: all 0.3s ease;
 }

 .contact-card:hover {
     border-color: #3b82f6;
     background: #f0f9ff;
     transform: translateY(-2px);
 }

 .contact-icon {
     font-size: 48px;
     margin-bottom: 16px;
 }

 .contact-label {
     font-size: 14px;
     font-weight: 600;
     color: #64748b;
     margin-bottom: 8px;
 }

 .contact-value {
     font-size: 18px;
     font-weight: 700;
     color: #1e293b;
     word-break: break-all;
 }

 .contact-tips {
     background: linear-gradient(135deg, #fef3c7, #fde68a);
     padding: 16px;
     border-radius: 10px;
     margin-top: 24px;
     font-size: 13px;
     color: #92400e;
     line-height: 1.6;
 }

 /* 个人中心页面 */
 .profile-section {
     background: white;
     border-radius: 16px;
     padding: 24px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
 }

 .profile-title {
     font-size: 20px;
     font-weight: 700;
     color: #1e293b;
     margin-bottom: 24px;
 }

 .profile-header {
     display: flex;
     align-items: center;
     gap: 24px;
     padding: 24px;
     background: linear-gradient(135deg, #eff6ff, #dbeafe);
     border-radius: 12px;
     margin-bottom: 24px;
 }

 .profile-avatar {
     width: 80px;
     height: 80px;
     border-radius: 50%;
     background: linear-gradient(135deg, #3b82f6, #8b5cf6);
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 36px;
     color: white;
     font-weight: 700;
 }

 .profile-basic {
     flex: 1;
 }

 .profile-nickname {
     font-size: 24px;
     font-weight: 700;
     color: #1e293b;
     margin-bottom: 8px;
 }

 .profile-account {
     font-size: 14px;
     color: #64748b;
     margin-bottom: 4px;
 }

 .profile-inviter {
     font-size: 14px;
     color: #64748b;
 }

 .profile-inviter .highlight {
     color: #3b82f6;
     font-weight: 600;
 }

 .profile-stats {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 20px;
     margin-bottom: 24px;
 }

 .stat-card {
     padding: 24px;
     border: 2px solid #e2e8f0;
     border-radius: 12px;
     text-align: center;
     transition: all 0.3s ease;
 }

 .stat-card:hover {
     border-color: #3b82f6;
     background: #f0f9ff;
     transform: translateY(-2px);
 }

 .stat-icon {
     font-size: 32px;
     margin-bottom: 12px;
 }

 .stat-label {
     font-size: 14px;
     font-weight: 600;
     color: #64748b;
     margin-bottom: 8px;
 }

 .stat-value {
     font-size: 28px;
     font-weight: 700;
     color: #3b82f6;
 }

 .stat-value .unit {
     font-size: 14px;
     font-weight: 400;
     color: #64748b;
     margin-left: 4px;
 }

 /* 悬浮按钮 */
 .floating-buttons {
     position: fixed;
     bottom: 30px;
     right: 30px;
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 .float-btn {
     padding: 12px 20px;
     background: white;
     border: none;
     border-radius: 10px;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
     font-size: 14px;
     font-weight: 600;
     color: #64748b;
     cursor: pointer;
     transition: all 0.3s ease;
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .float-btn:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
 }

 .float-btn.promo {
     background: linear-gradient(135deg, #fbbf24, #f59e0b);
     color: white;
 }

 /* 移动端菜单按钮 */
 .mobile-menu-btn {
     display: none;
     width: 40px;
     height: 40px;
     border-radius: 8px;
     background: #f1f5f9;
     border: none;
     cursor: pointer;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 5px;
     padding: 10px;
 }

 .mobile-menu-btn span {
     display: block;
     width: 20px;
     height: 2px;
     background: #64748b;
     border-radius: 2px;
     transition: all 0.3s ease;
 }

 .mobile-menu-btn.active span:nth-child(1) {
     transform: rotate(45deg) translate(5px, 5px);
 }

 .mobile-menu-btn.active span:nth-child(2) {
     opacity: 0;
 }

 .mobile-menu-btn.active span:nth-child(3) {
     transform: rotate(-45deg) translate(5px, -5px);
 }

 /* 移动端遮罩层 */
 .mobile-overlay {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.5);
     z-index: 998;
     opacity: 0;
     transition: opacity 0.3s ease;
 }

 .mobile-overlay.show {
     display: block;
     opacity: 1;
 }
.loginBox{
	display:flex;justify-content:center;align-items:center;;width: 100vw;height:100vh;background-color: rgba(0,0,0,0.5);position: absolute;top: 0;left:0;z-index: 1000;
}
.loginInfo{
	position: relative;background-color: white;padding:20px;width:fit-content;border-radius: 15px;display:flex;justify-content:center;align-items:center;
}

.closeLogin{
	width:20px;position: absolute;right:20px;top:20px;cursor: pointer;
}
.closeInfoImg{
	width:400px;margin-right:30px;
}
.uploadBox{position: relative;width: 100%;height:136px;padding:20px 0;overflow:hidden;border: 2px dashed #cacaca;background: #f8f8f8;border-radius: 5px;margin-bottom: 16px;box-sizing:border-box;}
.uploadInfo{width: 60%;margin:auto;text-align: center;position:relative;z-index:2;}
.uploadInfo a{display:block;width:40px;height:40px;margin:auto;}
.uploadInfo a > img{display:block;width:40px;height:40px;margin:auto;}
.uploadInfo h4{width:100%;font-size:16px;font-weight:normal;text-align: center;padding:10px 0 0;}
.formData .uploadInfo p{border:none;height:25px;font-size:12px;color:#939393;line-height:25px;margin-bottom:0;}
.uploadBox input{    opacity: 0;position:absolute;z-index:3;display:inline-block;width:100%;margin:auto;height:136px;left:0;top:00px;cursor:pointer;background-color: rgba(255, 0, 0, 0);}
 	#payBox{
 		display:none;
 		justify-content:center;
 		align-items:center;
 		width: 100vw;
 		height:100vh;
 		background-color: rgba(0,0,0,0.5);
 		position: absolute;
 		top: 0;
 		left:0;
 		z-index: 1000;
 	}
 	.payContent{
 		position: relative;
 		background-color: white;
 		padding:20px;
 		width:fit-content;
 		border-radius: 15px;
 		display:flex;
 		justify-content:center;
 		align-items:center;
 		border: 5px solid #c3c4ff;
 		width:400px;
 	}
 	.closePayBtn{
 		position: absolute;
 		right:00px;
 		top:00px;
 		width:40px;
 		cursor: pointer;
 	}
 	.payInfo{
 		width:100%;
 	}
 	.priceDiv{
 		color:rgb(243 48 48);
 		text-align: center;
 	}
 	.priceDiv > strong{
 		font-size:42px;
 	}
 	.priceDiv > label{
 		font-size:22px;
 	}
 	#wordnum{
 		text-align: center;
 		font-size:13;
 		margin-bottom: 20px;
 	}
 	.payType{
 		display: flex;
 		justify-content: space-around;
 	}
 	.payType > div{
 		display: flex;
 		flex-direction: column;
 		justify-content: center;
 		align-items: center;
 		padding: 10px 0;
 		border: 1px solid #e8eeec;
 		border-radius: 8px;
 		width:45%;
 	}
 	.payType > div.active{
 		    border: 1px solid #f96308;
 	}
 	.payType > div > img{
		width: 28px;
		height: auto;
		margin-bottom: 5px;
 	}
 	.payType > div > p{
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  margin: 0 20px;
 	}
 	#payBtn{
 	    width: 70%;
  padding: 10px;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin:20px auto 0; 
  text-align: center;
 	}
 	#qrcode{
 		text-align: center;
 		margin:0 auto;
 		box-sizing: border-box;
 		margin-top: 20px;
 		display: none;
 	}
 	#qrcode > img{
 		width:200px;
 		border: 2px solid #5aa572;
 	}
 	#qrcode > div{
 		text-align: center;
 		font-weight: 600;
 	}
.paraphraseBox{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
        	}
.paraphraseBox textarea{
    width: 100%;
    font-size:14px;
    padding: 10px;
    line-height: 1.2rem;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    color: #333;
    outline: none;
    margin-bottom: 10px;
    resize: none;
        	}
        	.paraphraseBox .ptitle{
        		display: flex;
        		align-items: center;
        		justify-content: space-between;
        		margin-bottom: 10px;
        		font-size:14px;
        		font-weight: 600;
        	}
        	.paraphraseBox .ptitle > span:nth-child(2) {
	color:#64748b;
}
.paraphraseBox .pbtns{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.paraphraseBox .pinfo{
	font-size:14px;
	color: #64748b;
}
.paraphraseBox .pleftInfo{
	display: flex;
}
.paraphraseBox .presetBtn{
	display: flex;
	align-items: center;
	border:1px solid #d6d8db;
	padding:0 10px;
	border-radius: 4px;
	font-size:14px;
	margin-right:10px;
	cursor: pointer;
} 	
.aigcBox{
	display: flex;
}
.aigcForm{
	margin-right:30px;width:70%;
}
.aigcStep{
	width:30%;
}
.service-notice {
    background: white;
    border-radius: 12px;
    padding: 16px 20px;
    gap: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    border: 1px solid #fef3c7;
}

.notice-icon {
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 2px;
}

.notice-content {
    flex: 1;
}

.notice-title {
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 6px;
}

.notice-text {
    font-size: 13px;
    color: #64748b;
    line-height: 1.6;
}
/* 检测步骤流程 */
.process-steps {
    background: white;
    border-radius: 16px;
    margin-top: 20px;
}

.steps-title {
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 28px;
    text-align: center;
}

.steps-container {
    display: flex;
    flex-wrap:wrap;
    align-items: flex-start;
    gap: 16px;
    justify-content: center;
}

.step-item {
/*     flex: 1;
    padding: 20px 12px; */
    text-align: center;
    position: relative;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-radius: 12px;
    transition: all 0.3s ease;
    flex: 0 0 calc(50% - 8px);
    padding: 16px 10px;
    margin-bottom: 8px;
}

.step-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.15);
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
}

.step-number {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    color: white;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

.step-icon {
    font-size: 36px;
    margin-bottom: 12px;
    margin-top: 8px;
}

.step-title {
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 8px;
}

.step-desc {
    font-size: 12px;
    color: #64748b;
    line-height: 1.5;
}
.step-arrow {
    display: none;
    align-items: center;
    font-size: 20px;
    color: #3b82f6;
    font-weight: 300;
    opacity: 0.6;
    margin-top: 40px;
}
 /* 响应式 */
@media (max-width: 1320px) {
	.aigcBox{
		display: flex;
		flex-direction: column;
	}
	.aigcForm{
		margin-right:0px;width:100%;margin-bottom: 30px;
	}
	.aigcStep{
		width:100%;
	}
	 .recharge-options {
	     display: grid;
	     grid-template-columns: repeat(2, 1fr);
	     gap: 16px;
	     margin-bottom: 24px;
	 }
	  .profile-stats {
	     grid-template-columns: repeat(2, 1fr);
	 }
}
 @media (max-width: 768px) {
 	 .closeInfoImg{
 	 	display: none;
 	 }
     .sidebar {
         transform: translateX(-100%);
         transition: transform 0.3s ease;
         z-index: 999;
         width: 280px;
     }

     .sidebar.show {
         transform: translateX(0);
     }

     .main-content {
         margin-left: 0;
     }

     .top-bar {
         padding: 12px 16px;
     }

     .promo-tags {
         display: none;
     }

     .mobile-menu-btn {
         display: flex;
     }

     .user-status {
         display: none;
     }

     .action-icons {
         gap: 8px;
     }

     .action-icon {
         width: 36px;
         height: 36px;
         font-size: 14px;
     }

     .btn-login {
         padding: 6px 14px;
         font-size: 13px;
     }

     .content-area {
         padding: 16px;
     }

     .function-selector,
     .options-section,
     .text-operation,
     .history-section,
     .recharge-section,
     .contact-section,
     .profile-section {
         padding: 16px;
         border-radius: 12px;
         margin-bottom: 16px;
     }

     .function-title,
     .recharge-title,
     .contact-title,
     .profile-title {
         font-size: 18px;
         margin-bottom: 16px;
     }

     .function-grid {
         grid-template-columns: 1fr;
         gap: 12px;
     }

     .function-card {
         padding: 16px;
     }

     .card-icon {
         font-size: 24px;
         margin-bottom: 8px;
     }

     .card-name {
         font-size: 14px;
     }

     .card-price {
         font-size: 16px;
     }

     .card-desc {
         font-size: 12px;
     }

     .option-group {
         margin-bottom: 16px;
     }

     .option-label {
         font-size: 13px;
         margin-bottom: 10px;
     }
     .option-buttons {
         flex-wrap: wrap;
         gap: 8px;
     }

     .option-btn {
         padding: 8px 16px;
         font-size: 13px;
         min-width: 80px;
     }

     .btn-check-ai {
         width: 100%;
         padding: 12px;
         font-size: 14px;
     }

     .operation-header {
         flex-direction: column;
         align-items: flex-start;
         gap: 12px;
     }

     .operation-title h2 {
         font-size: 18px;
     }

     .input-tabs {
         flex-direction: row;
     }

     .input-tab {
         padding: 10px;
         font-size: 13px;
     }

     .hint-box {
         padding: 12px;
         font-size: 12px;
     }

     .text-area {
         flex-direction: column;
         min-height: 200px;
     }

     .text-area-left {
         border-right: none;
         border-bottom: 2px solid #e2e8f0;
         min-height: 100px;
     }

     .text-area-right {
         min-height: 200px;
     }

     .text-input {
         min-height: 180px;
         font-size: 13px;
     }

     .upload-placeholder {
         min-height: 150px;
     }

     .btn-copy {
         padding: 6px 12px;
         font-size: 12px;
     }

     /* 订单表格移动端适配 */
     .order-table {
/*          display: block;
         overflow-x: auto; */
         white-space: nowrap;
     }

     .order-table th,
     .order-table td {
         padding: 10px 12px;
         font-size: 12px;
     }

     .pagination {
         flex-wrap: wrap;
         gap: 12px;
     }

     .page-btn {
         padding: 6px 12px;
         font-size: 12px;
     }

     /* 充值页面移动端适配 */
     .recharge-options {
         grid-template-columns: 1fr;
         gap: 12px;
     }

     .recharge-option {
         padding: 16px;
     }
	.recharge-amount > input{
		 padding: 16px !important;
	}
     .recharge-amount {
         font-size: 24px;
     }

     .recharge-points {
         font-size: 13px;
     }

     .manual-input-section {
         padding: 16px;
     }

     .manual-label {
         font-size: 13px;
     }

     .manual-input {
         padding: 10px 12px;
         font-size: 14px;
     }

     .recharge-submit {
         padding: 14px;
         font-size: 15px;
     }

     /* 联系我们移动端适配 */
     .contact-grid {
         grid-template-columns: 1fr;
         gap: 12px;
     }

     .contact-card {
         padding: 16px;
     }

     .contact-icon {
         font-size: 36px;
         margin-bottom: 12px;
     }

     .contact-label {
         font-size: 13px;
     }

     .contact-value {
         font-size: 16px;
     }

     .contact-tips {
         padding: 12px;
         font-size: 12px;
     }

     /* 个人中心移动端适配 */
     .profile-header {
         flex-direction: column;
         text-align: center;
         padding: 16px;
         gap: 16px;
     }

     .profile-avatar {
         width: 64px;
         height: 64px;
         font-size: 28px;
     }

     .profile-nickname {
         font-size: 20px;
     }

     .profile-account,
     .profile-inviter {
         font-size: 13px;
     }

     .profile-stats {
         grid-template-columns: 1fr;
         gap: 12px;
     }

     .stat-card {
         padding: 16px;
     }

     .stat-icon {
         font-size: 28px;
         margin-bottom: 8px;
     }

     .stat-label {
         font-size: 13px;
     }

     .stat-value {
         font-size: 24px;
     }

     /* 悬浮按钮移动端适配 */
     .floating-buttons {
         bottom: 16px;
         right: 16px;
         gap: 8px;
     }

     .float-btn {
         padding: 10px 14px;
         font-size: 12px;
         border-radius: 8px;
     }

     /* 历史记录空状态 */
     .history-empty {
         padding: 24px;
         font-size: 13px;
     }

     .history-title {
         font-size: 15px;
     }
 }

 /* 超小屏幕适配 */
 @media (max-width: 480px) {
     .top-bar {
         padding: 10px 12px;
     }

     .action-icons {
         gap: 6px;
     }

     .action-icon {
         width: 32px;
         height: 32px;
         font-size: 12px;
     }

     .btn-login {
         padding: 5px 10px;
         font-size: 12px;
     }

     .content-area {
         padding: 12px;
     }

     .function-selector,
     .options-section,
     .text-operation,
     .history-section,
     .recharge-section,
     .contact-section,
     .profile-section {
         padding: 12px;
         border-radius: 10px;
         margin-bottom: 12px;
     }

     .function-title,
     .recharge-title,
     .contact-title,
     .profile-title {
         font-size: 16px;
         margin-bottom: 12px;
     }

     .function-card {
         padding: 12px;
     }

     .card-icon {
         font-size: 20px;
     }

     .card-name {
         font-size: 13px;
     }

     .card-price {
         font-size: 14px;
     }

     .option-btn {
         padding: 6px 12px;
         font-size: 12px;
         min-width: 70px;
     }

     .text-input {
         min-height: 150px;
         font-size: 12px;
     }

     .floating-buttons {
         bottom: 12px;
         right: 12px;
     }

     .float-btn {
         padding: 8px 12px;
         font-size: 11px;
     }
 }