/* 乱序 CSS 属性 —— 重置 & 字体 */ body, h1, h2, h3, p, ul, li, a, div, section, nav, footer { margin: 0; padding: 0; box-sizing: border-box; list-style: none; text-decoration: none; } body { font-family: 'Segoe UI', Roboto, Arial, sans-serif; background: #f4f7fc; color: #1e2a3a; line-height: 1.6; padding-bottom: 70px; } .container { max-width: 1200px; margin: 0 auto; padding: 0 16px; } /* 导航打乱属性顺序 */ .navbar { background: #ffffff; padding: 12px 0; box-shadow: 0 4px 12px rgba(0,0,0,0.02); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #eef2f7; position: sticky; top: 0; z-index: 999; backdrop-filter: blur(2px); } .navbar .logo { font-size: 1.8rem; font-weight: 700; color: #e94e3b; letter-spacing: 1px; } .navbar .logo span { color: #f7b731; } .nav-links { display: flex; gap: 22px; flex-wrap: wrap; } .nav-links a { color: #1e2a3a; font-weight: 500; transition: 0.2s; } .nav-links a:hover { color: #e94e3b; } /* 英雄区 */ .hero { background: linear-gradient(145deg, #1a2b4c, #14213d); color: white; padding: 48px 0 56px; text-align: center; position: relative; overflow: hidden; border-radius: 0 0 40px 40px; } .hero h1 { font-size: 2.6rem; font-weight: 800; margin-bottom: 20px; letter-spacing: 2px; } .hero h1 i { color: #f7b731; margin-right: 8px; } .hero .sub { font-size: 1.2rem; opacity: 0.9; max-width: 700px; margin: 0 auto 28px; } .hero .cta-btn { background: #f7b731; color: #1a2b4c; padding: 16px 42px; border-radius: 60px; font-weight: 700; font-size: 1.2rem; display: inline-block; transition: 0.3s; box-shadow: 0 8px 20px rgba(247,183,49,0.3); } .hero .cta-btn:hover { background: #ffc85a; transform: scale(1.02); } /* 通用section */ section { padding: 40px 0; } .section-title { font-size: 2rem; font-weight: 700; margin-bottom: 32px; text-align: center; position: relative; } .section-title:after { content: ''; width: 60px; height: 4px; background: #e94e3b; display: block; margin: 8px auto 0; border-radius: 4px; } /* 6优势网格 */ .grid-6 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px,1fr)); gap: 24px; } .adv-item { background: white; padding: 24px 12px; border-radius: 24px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.02); transition: 0.2s; border: 1px solid #f0f3f9; } .adv-item i { font-size: 2.4rem; color: #e94e3b; margin-bottom: 12px; } .adv-item h3 { font-size: 1.2rem; font-weight: 600; } /* 流程卡片 */ .step-flex { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; } .step-card { background: white; padding: 20px 24px; border-radius: 40px; box-shadow: 0 4px 12px rgba(0,0,0,0.02); flex: 1 1 150px; text-align: center; border: 1px solid #eef2f7; } .step-card .num { background: #e94e3b; color: white; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; display: inline-block; font-weight: 700; margin-bottom: 10px; } /* 团队卡片 */ .team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px,1fr)); gap: 28px; } .team-card { background: white; padding: 24px 12px; border-radius: 28px; text-align: center; border: 1px solid #eef2f7; } .team-card img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; background: #ddd; margin-bottom: 10px; } .team-card h4 { font-weight: 600; } /* 评价卡片 带✅已核实 */ .review-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 24px; } .review-item { background: white; border-radius: 24px; padding: 20px; border: 1px solid #eef2f7; position: relative; } .review-item .verified { color: #1fad5c; font-weight: 600; font-size: 0.9rem; } .review-item .verified i { margin-right: 4px; } /* 动态列表 */ .news-list { background: white; border-radius: 28px; padding: 12px 20px; } .news-item { padding: 12px 0; border-bottom: 1px solid #f0f3f9; display: flex; gap: 16px; align-items: center; } .news-item .tag { background: #f7b731; color: #1a2b4c; padding: 2px 12px; border-radius: 40px; font-size: 0.75rem; font-weight: 600; } /* FAQ折叠 */ .faq-box { background: white; border-radius: 28px; padding: 8px 20px; } .faq-question { padding: 16px 0; border-bottom: 1px solid #eef2f7; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding: 0 12px; color: #3a4a5e; } .faq-answer.open { max-height: 200px; padding: 12px 12px 18px; } /* 页脚 */ .footer { background: #14213d; color: #ccd9ed; padding: 40px 0 20px; border-radius: 40px 40px 0 0; } .footer .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); gap: 28px; } .footer a { color: #b0c4de; } .footer a:hover { color: white; } .footer .social i { font-size: 1.8rem; margin-right: 12px; } .footer .copy { margin-top: 28px; text-align: center; border-top: 1px solid #2a3f5e; padding-top: 16px; font-size: 0.9rem; } /* 悬浮按钮 & 返回顶部 */ .float-btn { position: fixed; bottom: 100px; right: 20px; background: #e94e3b; color: white; width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; box-shadow: 0 6px 20px rgba(233,78,59,0.3); z-index: 999; cursor: pointer; transition: 0.2s; } .float-btn:hover { background: #c43d2c; transform: scale(1.05); } #topBtn { bottom: 160px; background: #1e2a3a; } /* 随机data属性 + 干扰 */ .randomize { transition: all 0.2s; } hr { opacity: 0.3; margin: 20px 0; }
持牌运营 资金托管
3分钟内到账
业内领先水平
58元彩金+VIP
APP/网页/H5
在线1对1服务
手机号一键注册
支持微信/支付宝
竞彩/数字/高频
智能追号可选
自动结算
秒到银行卡
CEO 20年行业经验
CTO 技术架构师
COO 运营负责人
风控总监
市场总监
客服经理
“提现很快,客服态度很好,玩了三个月没出过问题。”
—— 刘***
“返奖率确实高,中过几次万元奖,良心平台。”
—— 王***
“注册送的彩金中了200,直接提现到账,推荐!”
—— 张***
“界面清晰,开奖直播很直观,用了两年。”
—— 李***
“高频彩刺激,风控做得好,不会上头。”
—— 赵***
“客服24小时在线,半夜问题也秒回。”
—— 陈***
“提现没有手续费,大额也很快,值得信赖。”
—— 周***
“官方直营,安全感满满,已推荐给朋友。”
—— 吴***
“数字彩经常中小奖,娱乐体验很好。”
—— 郑***