/* ===== Hero Section ===== */
.hero-section{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}
.hero-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,81,255,.15) 0%,transparent 70%);pointer-events:none}
.hero-badge{display:inline-block;background:rgba(255,255,255,.1);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px}
.hero-title{font-size:52px;font-weight:700;line-height:1.1;margin-bottom:16px;letter-spacing:-1.5px}
.hero-title span{color:#0051FF}
.hero-subtitle{font-size:20px;font-weight:400;color:rgba(255,255,255,.8);margin-bottom:32px;max-width:600px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.btn-accent{background:#0051FF;color:#fff;border-color:#0051FF}.btn-accent:hover{background:#0044CA}
.btn-outline{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff}.btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-lg{padding:16px 40px;font-size:16px;height:60px;border-radius:84px}
.quotes-section{padding:40px 0;background:#f9f9f9}
.quotes-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.quotes-tab{background:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:6px 18px;font-size:13px;cursor:pointer;transition:all .2s;font-weight:500}
.quotes-tab.active{background:#0051FF;color:#fff;border-color:#0051FF}
.quotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.quote-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px;transition:all .2s}
.quote-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)}
.quote-name{font-weight:600;font-size:14px;margin-bottom:6px}
.quote-prices{display:flex;gap:12px;font-size:12px;color:#888;margin-bottom:4px}
.quote-change{font-size:12px;font-weight:600}.quote-change.up{color:#00C11F}.quote-change.down{color:#F41112}
.section{padding:60px 0}
.section-light{background:#f9f9f9}
.section-dark{background:#1a1a2e;color:#fff}
.section-dark .section-title{color:#fff}.section-dark .section-subtitle{color:rgba(255,255,255,.6)}
.section-subtitle{text-align:center;color:#888;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}
.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.advantage-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:24px 20px;text-align:center;transition:all .3s}
.advantage-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px);border-color:#0051FF}
.advantage-icon{font-size:32px;margin-bottom:12px}
.advantage-number{font-size:28px;font-weight:800;color:#F41112;margin-bottom:4px}
.advantage-label{font-size:13px;color:#888;line-height:1.4}
.account-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:32px 24px;transition:all .3s;position:relative}
.account-card.featured{border:2px solid #0051FF;box-shadow:0 4px 24px rgba(0,81,255,.12)}
.account-name{font-size:22px;font-weight:700;margin-bottom:8px}
.account-spread{color:#888;font-size:13px;margin-bottom:8px}
.account-price{font-size:28px;font-weight:800;color:#F41112;margin-bottom:16px}
.account-price small{font-size:14px;font-weight:400;color:#888}
.account-features{list-style:none;margin-bottom:20px;padding:0}
.account-features li{padding:8px 0;border-bottom:1px solid #eee;font-size:13px;color:#666;display:flex;align-items:center;gap:8px}
.account-features li::before{content:'\2713';color:#F41112;font-weight:700}
.platform-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:24px;text-align:center;transition:all .3s}
.platform-card:hover{border-color:#0051FF}
.platform-icon{font-size:36px;margin-bottom:12px}
.platform-name{font-size:16px;font-weight:700;margin-bottom:4px}
.platform-desc{font-size:12px;opacity:.7}
.stats-section{background:#000;color:#fff;padding:60px 0}
.stat-card{text-align:center}
.stat-number{font-size:36px;font-weight:800;color:#F41112;margin-bottom:4px}
.stat-plus{font-size:24px}
.stat-label{font-size:14px;color:#888;letter-spacing:.5px}
.cta-section{background:linear-gradient(135deg,#F41112 0%,#d00e0f 100%);color:#fff;text-align:center;padding:60px 20px}
.cta-section h2{font-size:36px;font-weight:700;margin-bottom:16px}
.cta-section p{font-size:16px;opacity:.9;margin-bottom:32px}
.cta-section .btn{background:#fff;color:#F41112;padding:16px 48px;border-radius:84px;font-size:16px;font-weight:700;height:60px;display:inline-flex;align-items:center;border:none;cursor:pointer;transition:all .2s}
.cta-section .btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.3)}
.subpage-hero{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:60px 0;text-align:center}
.subpage-hero h1{font-size:42px;font-weight:700;margin-bottom:12px}.subpage-hero p{color:rgba(255,255,255,.7);max-width:600px;margin:0 auto}
.subpage-content{padding:60px 0;max-width:800px;margin:0 auto}.subpage-content h2{font-size:24px;font-weight:700;margin:32px 0 16px}
.subpage-content p{color:#666;line-height:1.8;margin-bottom:16px;font-size:15px}
@media(max-width:768px){.hero-title{font-size:32px}.section-title{font-size:28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.accounts-grid{grid-template-columns:1fr}}
/* ===== Hero Section ===== */
.hero-section{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}
.hero-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,81,255,.15) 0%,transparent 70%);pointer-events:none}
.hero-badge{display:inline-block;background:rgba(255,255,255,.1);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px}
.hero-title{font-size:52px;font-weight:700;line-height:1.1;margin-bottom:16px;letter-spacing:-1.5px}
.hero-title span{color:#0051FF}
.hero-subtitle{font-size:20px;font-weight:400;color:rgba(255,255,255,.8);margin-bottom:32px;max-width:600px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.btn-accent{background:#0051FF;color:#fff;border-color:#0051FF}.btn-accent:hover{background:#0044CA}
.btn-outline{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff}.btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-lg{padding:16px 40px;font-size:16px;height:60px;border-radius:84px}
.quotes-section{padding:40px 0;background:#f9f9f9}
.quotes-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.quotes-tab{background:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:6px 18px;font-size:13px;cursor:pointer;transition:all .2s;font-weight:500}
.quotes-tab.active{background:#0051FF;color:#fff;border-color:#0051FF}
.quotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.quote-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px;transition:all .2s}
.quote-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)}
.quote-name{font-weight:600;font-size:14px;margin-bottom:6px}
.quote-prices{display:flex;gap:12px;font-size:12px;color:#888;margin-bottom:4px}
.quote-change{font-size:12px;font-weight:600}.quote-change.up{color:#00C11F}.quote-change.down{color:#F41112}
.section{padding:60px 0}
.section-light{background:#f9f9f9}
.section-dark{background:#1a1a2e;color:#fff}
.section-dark .section-title{color:#fff}.section-dark .section-subtitle{color:rgba(255,255,255,.6)}
.section-subtitle{text-align:center;color:#888;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}
.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.advantage-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:24px 20px;text-align:center;transition:all .3s}
.advantage-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px);border-color:#0051FF}
.advantage-icon{font-size:32px;margin-bottom:12px}
.advantage-number{font-size:28px;font-weight:800;color:#F41112;margin-bottom:4px}
.advantage-label{font-size:13px;color:#888;line-height:1.4}
.account-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:32px 24px;transition:all .3s;position:relative}
.account-card.featured{border:2px solid #0051FF;box-shadow:0 4px 24px rgba(0,81,255,.12)}
.account-name{font-size:22px;font-weight:700;margin-bottom:8px}
.account-spread{color:#888;font-size:13px;margin-bottom:8px}
.account-price{font-size:28px;font-weight:800;color:#F41112;margin-bottom:16px}
.account-price small{font-size:14px;font-weight:400;color:#888}
.account-features{list-style:none;margin-bottom:20px;padding:0}
.account-features li{padding:8px 0;border-bottom:1px solid #eee;font-size:13px;color:#666;display:flex;align-items:center;gap:8px}
.account-features li::before{content:'✓';color:#F41112;font-weight:700}
.platform-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:24px;text-align:center;transition:all .3s}
.platform-card:hover{border-color:#0051FF}
.platform-icon{font-size:36px;margin-bottom:12px}
.platform-name{font-size:16px;font-weight:700;margin-bottom:4px}
.platform-desc{font-size:12px;opacity:.7}
.stats-section{background:#000;color:#fff;padding:60px 0}
.stat-card{text-align:center}
.stat-number{font-size:36px;font-weight:800;color:#F41112;margin-bottom:4px}
.stat-plus{font-size:24px}
.stat-label{font-size:14px;color:#888;letter-spacing:.5px}
.cta-section{background:linear-gradient(135deg,#F41112 0%,#d00e0f 100%);color:#fff;text-align:center;padding:60px 20px}
.cta-section h2{font-size:36px;font-weight:700;margin-bottom:16px}
.cta-section p{font-size:16px;opacity:.9;margin-bottom:32px}
.cta-section .btn{background:#fff;color:#F41112;padding:16px 48px;border-radius:84px;font-size:16px;font-weight:700;height:60px;display:inline-flex;align-items:center;border:none;cursor:pointer;transition:all .2s}
.cta-section .btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.3)}
.subpage-hero{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:60px 0;text-align:center}
.subpage-hero h1{font-size:42px;font-weight:700;margin-bottom:12px}.subpage-hero p{color:rgba(255,255,255,.7);max-width:600px;margin:0 auto}
.subpage-content{padding:60px 0;max-width:800px;margin:0 auto}.subpage-content h2{font-size:24px;font-weight:700;margin:32px 0 16px}
.subpage-content p{color:#666;line-height:1.8;margin-bottom:16px;font-size:15px}
@media(max-width:768px){.hero-title{font-size:32px}.section-title{font-size:28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.accounts-grid{grid-template-columns:1fr}}
账户类型
选择适合您交易风格的账户,从初学者到专业交易者,FxPro为您提供多种选择。
标准账户(最受欢迎)
概述:标准账户是FxPro最受欢迎的账户类型,专为所有类型的交易者设计。提供极具竞争力的浮动点差和免佣金交易模式,适合新手和经验丰富的交易者。
主要特点:
• 交易平台:MT4 / MT5
• 点差类型:浮动点差,从1.2起
• 佣金:免佣金
• 最小交易量:0.01手(微型手)
• 最大杠杆:1:1000
• 支持EA智能交易系统
• 支持对冲功能
零+账户
概述:零+账户提供原始点差从0.0起,配合透明的佣金结构,是剥头皮交易者和算法交易者的理想选择。
主要特点:
• 交易平台:MT4 / MT5
• 点差类型:原始点差,从0.0起
• 佣金:每手$3起
• 最小交易量:0.01手
• 最大杠杆:1:500
• 深度流动性接入
• 适合高频和算法交易
精英账户
概述:精英账户为高交易量的专业交易者提供定制的交易条件和专属服务,包括专属客户经理和定制点差。
主要特点:
• 交易平台:MT4 / MT5 / cTrader
• 点差:定制化
• 专属客户经理
• 优先出金处理
• 独享市场分析报告
• VIP交易工具
cTrader账户
概述:cTrader账户专为cTrader平台设计,提供ECN直接市场接入(DMA),具有透明定价和Level II市场深度。
主要特点:
• 交易平台:cTrader
• 点差:从0.0起
• 佣金:每$10万交易量收$3
• 直接市场接入(DMA)
• Level II市场深度
• 高级订单管理
• 最大杠杆:1:200