:root{
  /* =========================================
     高级深灰红 颜色变量 (提升亮度版)
     ========================================= */
  --bg: #1a1a1a;              /* 背景色改为高级深灰（原为纯黑） */
  --bg-alt: #222222;          /* 次级背景稍亮 */
  --surface: #2a2a2a;         /* 卡片/导航栏背景进一步提亮 */
  --surface-hover: #333333;   /* 卡片悬浮背景 */
  --border: #404040;          /* 边框颜色变亮，增加立体感 */
  --text: #ffffff;            /* 主文字纯白 */
  --text-muted: #b3b3b3;      /* 次要文字更亮一些 */
  --accent: #e11d48;          /* 强调色：高级玫瑰红 */
  --accent-hover: #be123c;    /* 按钮悬浮：深红 */
  
  --radius: 10px;
  --max: 1200px;
}

*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

/* =========================================
   头部导航
   ========================================= */
.site-header{
  background:var(--surface); 
  color:var(--text); 
  position:sticky;top:0;z-index:100;
  border-bottom: 1px solid var(--border);
}
.header-inner{max-width:var(--max);margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:24px;}
.logo-text{font-size:20px;font-weight:700;color:var(--text);}
.logo img{height:40px;width:auto;}
.main-nav{display:flex;align-items:center;gap:20px;flex:1;}
.main-nav > a,.nav-dropdown > a{color:var(--text-muted);font-size:15px;padding:6px 0;position:relative;white-space:nowrap;transition:0.2s;}
.main-nav > a.active,.nav-dropdown > a.active,.main-nav > a:hover,.nav-dropdown > a:hover{color:var(--accent);}

/* 电脑端下拉菜单强制竖列显示 */
@media (min-width: 961px) {
  .nav-dropdown{position:relative;}
  .dropdown-menu {
    display: none; 
    flex-direction: column; 
    position: absolute; 
    top: 100%; 
    left: 0; 
    width: 160px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 0;
    box-shadow: 0 8px 24px rgba(0,0,0,.4);
  }
  .nav-dropdown:hover .dropdown-menu { display: flex; }
  .dropdown-menu a{display:block;padding:8px 16px;color:var(--text-muted);font-size:14px;transition:0.2s;}
  .dropdown-menu a:hover{background:var(--accent);color:#fff;}
}

.header-actions{display:flex;gap:10px;align-items:center;}

/* 按钮样式 */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:8px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:.2s;white-space:nowrap;}
.btn-primary{background:var(--accent);color:#fff; box-shadow: 0 4px 15px rgba(225, 29, 72, 0.2);}
.btn-primary:hover{background:var(--accent-hover); box-shadow: 0 4px 20px rgba(225, 29, 72, 0.4);}
.btn-outline{border-color:var(--border);color:var(--text);background:transparent;}
.btn-outline:hover{border-color:var(--accent);color:var(--accent);}
.btn-lg{padding:12px 28px;font-size:16px;}

.header-qq{max-width:var(--max);margin:0 auto;padding:0 20px 8px;font-size:13px;color:var(--text-muted);text-align:right;}
.copy-btn { cursor: pointer; transition: 0.2s; color: var(--text); }
.copy-btn:hover { color: var(--accent); }
.nav-toggle{display:none;background:none;border:none;font-size:24px;color:var(--text);cursor:pointer;}

/* =========================================
   主体内容区域
   ========================================= */
.main-content{min-height:60vh;}

/* 首页 Hero 区域 */
.hero{min-height:520px;display:flex;align-items:center;background-size:cover;background-position:center;border-bottom: 1px solid var(--border);}
.hero-content{max-width:var(--max);margin:0 auto;padding:80px 20px;width:100%;}
.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.2;margin-bottom:16px;color:#fff; text-shadow: 0 2px 10px rgba(0,0,0,0.5);}
.hero p{font-size:clamp(16px,2vw,20px);color:var(--text-muted);max-width:640px;margin-bottom:28px; text-shadow: 0 2px 5px rgba(0,0,0,0.5);}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;}

/* 区块通用 */
.section{padding:64px 0;}
.section-alt{background:var(--bg-alt);}
.section-inner{max-width:var(--max);margin:0 auto;padding:0 20px;}
.section-title{font-size:clamp(24px,3vw,34px);margin-bottom:32px;text-align:center;color:var(--text);}

/* 特性卡片网格 */
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 22px;transition:.2s;}
.feature-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.3);}
.feature-icon{font-size:32px;margin-bottom:12px;}
.feature-card h3{font-size:18px;margin-bottom:8px;color:var(--text);}
.feature-card p{font-size:14px;color:var(--text-muted);}

/* SVG 图标样式 */
.icon-svg { width: 48px; height: 48px; color: var(--accent); margin-bottom: 15px; transition: 0.3s; }
.feature-card:hover .icon-svg { transform: scale(1.1); }

/* 产品卡片网格 */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 22px;display:block;transition:.2s;}
.product-card:hover{border-color:var(--accent);background:var(--surface-hover);transform:translateY(-3px);}
.product-card span{font-size:32px;display:block;margin-bottom:12px;}
.product-card h3{font-size:18px;margin-bottom:6px;color:var(--text);}
.product-card p{font-size:14px;color:var(--text-muted);}

/* 内页头部 */
.page-hero{background:linear-gradient(135deg,var(--bg-alt),var(--surface));padding:70px 20px;text-align:center;border-bottom:1px solid var(--border);}
.page-hero h1{font-size:clamp(28px,4vw,42px);margin-bottom:10px;color:var(--text);}
.page-hero p{color:var(--text-muted);max-width:720px;margin:0 auto;}

/* 文本内容区 */
.content-narrow{max-width:820px; margin:0 auto;}
.content-narrow h2{font-size:22px;margin:32px 0 12px;color:var(--text);}
.content-narrow p{color:var(--text-muted);margin-bottom:14px;}
.content-list{list-style:none;padding:0;}
.content-list li{padding:10px 0 10px 24px;border-bottom:1px solid var(--border);color:var(--text-muted);position:relative;}
.content-list li::before{content:"▹";position:absolute;left:0;color:var(--accent);}

/* 图片与图标美化 */
.img-responsive { width: 100%; height: auto; border-radius: var(--radius); object-fit: cover; }
.img-shadow { box-shadow: 0 10px 30px rgba(0,0,0,0.6); border: 1px solid var(--border); }
.img-hover-scale { transition: transform 0.4s ease; overflow: hidden; border-radius: var(--radius); }
.img-hover-scale:hover img { transform: scale(1.05); }

/* 新闻列表 */
.news-list,.news-list-home{display:grid;gap:18px;}
.news-list-home{grid-template-columns:repeat(2,1fr);}
.news-item{display:flex;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:.2s;}
.news-item:hover{border-color:var(--accent);}
.news-thumb{flex:0 0 180px;border-radius:8px;overflow:hidden;}
.news-thumb img{width:100%;height:120px;object-fit:cover;}
.news-body h2{font-size:18px;margin-bottom:8px;color:var(--text);}
.news-body h2 a:hover{color:var(--accent);}
.news-body p{font-size:14px;color:var(--text-muted);margin-bottom:8px;}
.news-body time{font-size:12px;color:var(--text-muted);}

.news-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:block;transition:.2s;}
.news-card:hover{border-color:var(--accent);}
.news-card h3{font-size:17px;margin-bottom:8px;color:var(--text);}
.news-card p{font-size:14px;color:var(--text-muted);margin-bottom:8px;}
.news-card time{font-size:12px;color:var(--text-muted);}

/* 文章详情 */
.article-content{color:var(--text-muted);line-height:1.9;font-size:16px;}
.article-image{border-radius:var(--radius);margin-bottom:24px;}

/* 分页 */
.pagination{display:flex;gap:8px;justify-content:center;margin-top:32px;}
.pagination a{padding:8px 14px;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);transition:0.2s;}
.pagination a.active,.pagination a:hover{border-color:var(--accent);color:var(--accent);background:var(--surface);}

/* 交易软件区块 */
.software-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.software-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:0.2s;}
.software-card:hover{border-color:var(--accent);}
.software-card h2{font-size:20px;margin-bottom:10px;color:var(--text);}
.software-card p{font-size:14px;color:var(--text-muted);margin-bottom:14px;}
.mockup-img { border-radius: 8px; box-shadow: 0 15px 35px rgba(0,0,0,0.6); border: 1px solid #555; margin-bottom: 20px; width: 100%; }

/* 联系我们区块 */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;}
.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;text-align:center;}
.contact-card h3{font-size:16px;color:var(--text-muted);margin-bottom:10px;}
.contact-value{font-size:20px;font-weight:700;color:var(--text);}

.cta-inline{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.section-more{text-align:center;margin-top:28px;}
.empty{color:var(--text-muted);text-align:center;padding:40px 0;}

/* =========================================
   时间轴组件 (关于我们)
   ========================================= */
.timeline { position: relative; max-width: 800px; margin: 40px auto; padding-left: 20px; }
.timeline::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--border); }
.timeline-item { position: relative; margin-bottom: 30px; padding-left: 30px; }
.timeline-item::before { content: ""; position: absolute; left: -6px; top: 6px; width: 14px; height: 14px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px var(--bg); }
.timeline-date { font-size: 18px; font-weight: bold; color: var(--accent); margin-bottom: 8px; }
.timeline-content { background: var(--surface); border: 1px solid var(--border); padding: 20px; border-radius: var(--radius); }
.timeline-content h3 { font-size: 16px; margin-bottom: 8px; }
.timeline-content p { font-size: 14px; color: var(--text-muted); }

/* =========================================
   开户流程组件 (关于我们)
   ========================================= */
.step-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 30px; }
.step-card { text-align: center; background: var(--surface); border: 1px solid var(--border); padding: 30px 20px; border-radius: var(--radius); position: relative; }
.step-num { display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: var(--accent); color: #fff; font-weight: bold; font-size: 18px; margin-bottom: 15px; }
.step-card h3 { font-size: 16px; margin-bottom: 10px; }
.step-card p { font-size: 13px; color: var(--text-muted); }

/* =========================================
   FAQ组件 (产品页)
   ========================================= */
.faq-list { margin-top: 20px; }
.faq-item { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; margin-bottom: 10px; overflow: hidden; }
.faq-item summary { padding: 15px 20px; font-weight: 600; cursor: pointer; list-style: none; position: relative; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; position: absolute; right: 20px; font-size: 20px; color: var(--accent); transition: 0.3s; }
.faq-item[open] summary::after { content: "-"; }
.faq-content { padding: 0 20px 15px 20px; font-size: 14px; color: var(--text-muted); line-height: 1.8; border-top: 1px solid var(--border); padding-top: 15px; }

/* =========================================
   全球办公室分布 (首页)
   ========================================= */
.office-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 30px; }
.office-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; padding: 0 !important; }
.office-img { width: 100%; height: 180px; object-fit: cover; border-bottom: 1px solid var(--border); }
.office-content { padding: 20px; border-left: 4px solid var(--accent); }
.office-card h3 { font-size: 18px; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
.office-card p { font-size: 13px; color: var(--text-muted); }

/* =========================================
   软件优缺点展示 (交易软件)
   ========================================= */
.pros-cons-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 15px; }
.pc-box { padding: 15px; border-radius: 8px; }
.pc-box.pros { background: rgba(34, 197, 94, 0.15); border: 1px solid rgba(34, 197, 94, 0.3); }
.pc-box.cons { background: rgba(225, 29, 72, 0.15); border: 1px solid rgba(225, 29, 72, 0.3); }
.pc-box h4 { font-size: 14px; margin-bottom: 10px; }
.pc-box.pros h4 { color: #4ade80; }
.pc-box.cons h4 { color: var(--accent); }
.pc-box ul { padding-left: 18px; margin: 0; font-size: 13px; color: var(--text-muted); }
.pc-box ul li { margin-bottom: 5px; }

/* =========================================
   新闻页侧边栏与热门文章
   ========================================= */
.news-layout { display: grid; grid-template-columns: 2.5fr 1fr; gap: 30px; }
.hot-news-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; position: sticky; top: 80px; }
.hot-news-card h3 { font-size: 16px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid var(--border); color: var(--accent); }
.hot-list { list-style: none; padding: 0; }
.hot-list li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed var(--border); }
.hot-list li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.hot-list a { display: block; font-size: 14px; font-weight: 600; margin-bottom: 5px; line-height: 1.4; }
.hot-list a:hover { color: var(--accent); }
.hot-list span { font-size: 12px; color: var(--text-muted); }

/* Toast 提示 */
.toast-msg {
  position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9);
  background: rgba(42, 42, 42, 0.95); color: #fff; padding: 12px 24px;
  border-radius: 8px; font-size: 14px; z-index: 9999; opacity: 0;
  transition: all 0.3s; pointer-events: none; border: 1px solid var(--accent);
}
.toast-msg.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }

/* =========================================
   底部 Footer
   ========================================= */
.site-footer{
  background:var(--surface); 
  color:var(--text-muted);
  margin-top:0;
  border-top:1px solid var(--border);
}
.footer-inner{max-width:var(--max);margin:0 auto;padding:48px 20px 28px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;}
.footer-col h3{font-size:16px;margin-bottom:14px;color:var(--text);}
.footer-col a,.footer-col p{display:block;font-size:14px;color:var(--text-muted);margin-bottom:8px;}
.footer-col a:hover{color:var(--accent);}
.footer-bottom{max-width:var(--max);margin:0 auto;padding:16px 20px;border-top:1px solid var(--border);display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--text-muted);}
.footer-bottom a:hover{color:var(--accent);}

/* 移动端底部固定按钮 */
.mobile-fixed-bar{display:none;}

@media (max-width:960px){
  .feature-grid{grid-template-columns:repeat(2,1fr);}
  .product-grid{grid-template-columns:repeat(2,1fr);}
  .software-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr 1fr;}
  .news-list-home{grid-template-columns:1fr;}
  .news-layout { grid-template-columns: 1fr; }
  .hot-news-card { position: static; }
  .office-grid { grid-template-columns: 1fr; }
  .step-grid { grid-template-columns: 1fr 1fr; }
  
  .nav-toggle{display:block;}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);flex-direction:column;align-items:stretch;padding:12px 20px 20px;border-top:1px solid var(--border);gap:0;box-shadow:0 10px 20px rgba(0,0,0,0.3);}
  .main-nav.open{display:flex;}
  .main-nav > a,.nav-dropdown > a{padding:10px 0;border-bottom:1px solid var(--border);}
  .dropdown-menu{position:static;display:block;box-shadow:none;border:none;padding-left:16px;background:var(--bg-alt);border-radius:0;}
  .header-actions{display:none;}
  .header-qq{text-align:left;padding-bottom:10px;}
  
  .mobile-fixed-bar{
    display:flex;position:fixed;bottom:0;left:0;right:0;
    background:var(--surface); border-top:1px solid var(--border);
    padding:8px 12px;gap:10px;z-index:200;
    box-shadow:0 -2px 10px rgba(0,0,0,.2);
  }
  .mobile-fixed-bar .btn{flex:1;padding:11px 10px;}
  body{padding-bottom:64px;}
}

@media (max-width:600px){
  .feature-grid,.product-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr;}
  .news-item{flex-direction:column;}
  .news-thumb{flex:auto;}
  .hero{min-height:440px;}
  .pros-cons-grid { grid-template-columns: 1fr; }
  .step-grid { grid-template-columns: 1fr; }
}