/* ===== 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开户 立即开设真实账号 | 免费电话：400-120-3218
FxPro
登录 FxPro开户

交易平台

FxPro提供多种行业领先的交易平台，满足各类交易者的需求。

FxPro交易平台

FxPro专有的网页交易平台，无需下载安装，直接在浏览器中使用。提供直观的界面设计、强大的图表工具和快速订单执行。支持所有主流浏览器，兼容Windows和Mac系统。

TradingView

全球最受欢迎的图表分析平台，被数百万交易者信赖。FxPro集成TradingView，让您享受专业的图表分析工具、丰富的技术指标和活跃的交易社区。在TradingView上可直接通过FxPro进行交易。

MetaTrader 4 (MT4)

全球最受欢迎的交易平台。MT4以其强大的功能、稳定的性能和丰富的自定义选项著称。特点包括：
• 4种执行模式：即时执行、请求执行、市场执行和交易所执行
• 30+内置技术指标和24种分析对象
• 支持专家顾问（EA）自动交易
• MQL4编程语言，可创建自定义指标和脚本
• 多时间框架分析

MetaTrader 5 (MT5)

MT4的增强版本，提供更多高级功能：
• 更多时间框架（21种，MT4为9种）
• 38+内置技术指标
• 6种挂单类型（MT4为4种）
• 内置经济日历
• 更深的市场深度信息
• MQL5编程语言，支持更复杂的自动化策略

cTrader

专业的ECN交易平台，提供直接市场接入（DMA）：
• Level II市场深度，完全透明的定价
• 直观的用户界面，易于使用
• 高级图表分析工具
• 支持cAlgo自动化交易
• 快速订单执行
• 适合专业和机构交易者