/* ================= 基础重置 ================= */
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
    font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
    color:#f5f5f7;
    background:#0d0d0f;
    line-height:1.7;
    overflow-x:hidden;
}
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }

/* ================= 颜色变量 ================= */
:root {
    --black:#0d0d0f;
    --black-2:#15151a;
    --black-3:#1e1e24;
    --orange:#ff6b1a;
    --orange-light:#ff8c2b;
    --orange-deep:#ff5e00;
    --grad-orange:linear-gradient(135deg,#ff8c2b 0%,#ff5e00 100%);
    --grad-gold:linear-gradient(135deg,#f5d67a 0%,#d4af37 100%);
    --gold:#d4af37;
    --text:#f5f5f7;
    --text-dim:#a0a0a8;
    --border:rgba(255,255,255,0.08);
}

/* ================= 顶部导航 ================= */
.site-header {
    position:fixed; top:0; left:0; right:0; z-index:1000;
    background:rgba(13,13,15,0.85);
    backdrop-filter:blur(16px);
    border-bottom:1px solid var(--border);
    transition:all .4s;
}
.site-header.scrolled { background:rgba(13,13,15,0.98); box-shadow:0 8px 32px rgba(0,0,0,0.5); }
.header-inner {
    max-width:1280px; margin:0 auto; padding:16px 28px;
    display:flex; align-items:center; justify-content:space-between;
}
.logo-text {
    font-size:24px; font-weight:800; letter-spacing:1px;
    background:var(--grad-orange);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
}
.main-nav a {
    color:var(--text-dim); margin:0 18px; font-size:15px;
    position:relative; transition:color .3s;
}
.main-nav a::after {
    content:''; position:absolute; bottom:-6px; left:0;
    width:0; height:2px; background:var(--grad-orange);
    transition:width .3s;
}
.main-nav a:hover { color:var(--text); }
.main-nav a:hover::after { width:100%; }
.header-actions { display:flex; align-items:center; gap:12px; }
.header-qq { color:var(--text-dim); font-size:13px; }
.header-qq b { color:var(--orange); }

/* ================= 按钮 ================= */
.btn {
    padding:10px 22px; border-radius:6px; font-size:14px;
    transition:all .35s; display:inline-block; font-weight:600;
    position:relative; overflow:hidden;
}
.btn-primary {
    background:var(--grad-orange); color:#fff;
    box-shadow:0 6px 24px rgba(255,107,26,0.3);
}
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 10px 32px rgba(255,107,26,0.5); }
.btn-outline {
    border:1px solid rgba(212,175,55,0.4); color:var(--gold);
}
.btn-outline:hover { border-color:var(--gold); background:rgba(212,175,55,0.1); }
.btn-hero {
    background:var(--grad-orange); color:#fff;
    padding:16px 48px; font-size:16px; margin-top:32px;
    box-shadow:0 10px 40px rgba(255,107,26,0.4);
}
.btn-hero:hover { transform:translateY(-3px) scale(1.02); box-shadow:0 16px 56px rgba(255,107,26,0.6); }

/* ================= 满屏科技感 Hero（固定式，不轮播） ================= */
.hero-fixed {
    position:relative; height:100vh; min-height:680px;
    display:flex; align-items:center; justify-content:center;
    background:
        radial-gradient(ellipse at 20% 30%, rgba(255,107,26,0.18) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 70%, rgba(212,175,55,0.12) 0%, transparent 50%),
        linear-gradient(180deg,#0d0d0f 0%,#15151a 100%);
    overflow:hidden;
}
/* 科技感网格背景 */
.hero-fixed::before {
    content:''; position:absolute; inset:0;
    background-image:
        linear-gradient(rgba(255,107,26,0.06) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,107,26,0.06) 1px,transparent 1px);
    background-size:60px 60px;
    mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);
    animation:gridMove 20s linear infinite;
}
@keyframes gridMove {
    from { background-position:0 0,0 0; }
    to { background-position:60px 60px,60px 60px; }
}
/* 光晕球 */
.hero-glow {
    position:absolute; border-radius:50%; filter:blur(80px); opacity:.5;
    animation:floatGlow 8s ease-in-out infinite;
}
.hero-glow.g1 { width:400px; height:400px; background:#ff5e00; top:-100px; left:-100px; }
.hero-glow.g2 { width:300px; height:300px; background:#d4af37; bottom:-80px; right:-60px; animation-delay:3s; }
@keyframes floatGlow {
    0%,100% { transform:translate(0,0) scale(1); }
    50% { transform:translate(40px,-30px) scale(1.1); }
}
/* 环形装饰 */
.hero-ring {
    position:absolute; border:1px solid rgba(255,107,26,0.2);
    border-radius:50%; pointer-events:none;
}
.hero-ring.r1 { width:600px; height:600px; top:50%; left:50%; transform:translate(-50%,-50%); animation:spin 30s linear infinite; }
.hero-ring.r2 { width:800px; height:800px; top:50%; left:50%; transform:translate(-50%,-50%); animation:spin 45s linear infinite reverse; border-color:rgba(212,175,55,0.12); }
@keyframes spin { to { transform:translate(-50%,-50%) rotate(360deg); } }

.hero-content {
    position:relative; z-index:3; text-align:center; max-width:900px; padding:0 28px;
}
.hero-badge {
    display:inline-block; padding:8px 20px; border-radius:50px;
    border:1px solid rgba(212,175,55,0.4); color:var(--gold);
    font-size:13px; letter-spacing:2px; margin-bottom:28px;
    background:rgba(212,175,55,0.06);
    animation:fadeUp 1s ease both;
}
.hero-content h1 {
    font-size:64px; font-weight:800; line-height:1.15; margin-bottom:24px;
    background:linear-gradient(135deg,#ffffff 0%,#ff8c2b 50%,#d4af37 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:fadeUp 1s ease .15s both;
}
.hero-content p {
    font-size:18px; color:var(--text-dim); max-width:640px; margin:0 auto;
    animation:fadeUp 1s ease .3s both;
}
.hero-stats {
    display:flex; gap:48px; justify-content:center; margin-top:56px;
    animation:fadeUp 1s ease .5s both; flex-wrap:wrap;
}
.hero-stat { text-align:center; }
.hero-stat .num {
    font-size:36px; font-weight:800;
    background:var(--grad-orange);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
}
.hero-stat .label { font-size:13px; color:var(--text-dim); letter-spacing:1px; }
.scroll-hint {
    position:absolute; bottom:32px; left:50%; transform:translateX(-50%);
    color:var(--text-dim); font-size:12px; letter-spacing:2px; z-index:3;
    animation:bounce 2s infinite;
}
@keyframes bounce {
    0%,100% { transform:translateX(-50%) translateY(0); }
    50% { transform:translateX(-50%) translateY(8px); }
}
@keyframes fadeUp {
    from { opacity:0; transform:translateY(40px); }
    to { opacity:1; transform:translateY(0); }
}

/* ================= 区块通用 ================= */
.section { padding:120px 0; position:relative; }
.section-inner { max-width:1280px; margin:0 auto; padding:0 28px; }
.section-tag {
    display:inline-block; color:var(--orange); font-size:13px;
    letter-spacing:3px; margin-bottom:14px;
}
.section-title {
    font-size:40px; font-weight:800; margin-bottom:20px; color:var(--text);
}
.section-sub { color:var(--text-dim); font-size:16px; max-width:640px; margin-bottom:64px; }

/* 滚动进入动效 */
.reveal { opacity:0; transform:translateY(50px); transition:all .8s cubic-bezier(.2,.8,.2,1); }
.reveal.show { opacity:1; transform:translateY(0); }

/* ================= 模块1：交易产品（横向错位卡片） ================= */
.products-section { background:var(--black-2); }
.products-section::before {
    content:''; position:absolute; top:0; left:0; right:0; height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,107,26,0.5),transparent);
}
.product-flow { display:grid; grid-template-columns:repeat(5,1fr); gap:20px; }
.product-item {
    padding:36px 22px; border-radius:14px;
    background:linear-gradient(160deg,#1e1e24 0%,#15151a 100%);
    border:1px solid var(--border);
    transition:all .4s cubic-bezier(.2,.8,.2,1);
    position:relative; overflow:hidden;
}
.product-item::before {
    content:''; position:absolute; inset:0;
    background:var(--grad-orange); opacity:0; transition:opacity .4s;
    z-index:0;
}
.product-item:hover { transform:translateY(-12px); border-color:var(--orange); }
.product-item:hover::before { opacity:0.06; }
.product-item > * { position:relative; z-index:1; }
.product-icon {
    width:48px; height:48px; border-radius:12px;
    background:var(--grad-orange); display:flex; align-items:center; justify-content:center;
    font-size:22px; margin-bottom:18px;
    box-shadow:0 8px 24px rgba(255,107,26,0.3);
}
.product-item h3 { font-size:18px; margin-bottom:8px; }
.product-item p { color:var(--text-dim); font-size:13px; }
.product-item:nth-child(even) { margin-top:32px; }

/* ================= 模块2：交易账户（深色+金色边框表格式） ================= */
.accounts-section {
    background:linear-gradient(180deg,#0d0d0f 0%,#15151a 100%);
}
.account-table { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid var(--border); border-radius:16px; overflow:hidden; }
.account-col {
    padding:44px 28px; text-align:center;
    border-right:1px solid var(--border);
    transition:all .4s; position:relative;
}
.account-col:last-child { border-right:none; }
.account-col:hover { background:rgba(255,107,26,0.05); }
.account-col.featured {
    background:linear-gradient(180deg,rgba(212,175,55,0.08) 0%,rgba(255,107,26,0.04) 100%);
}
.account-col.featured::before {
    content:'推荐'; position:absolute; top:0; left:50%; transform:translateX(-50%);
    background:var(--grad-gold); color:#0d0d0f; font-size:12px; font-weight:700;
    padding:4px 16px; border-radius:0 0 8px 8px;
}
.account-name { font-size:16px; color:var(--gold); margin-bottom:20px; letter-spacing:1px; }
.account-price {
    font-size:40px; font-weight:800; margin-bottom:6px;
    background:var(--grad-orange);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
}
.account-unit { font-size:13px; color:var(--text-dim); margin-bottom:24px; }
.account-list { list-style:none; }
.account-list li { padding:10px 0; font-size:14px; color:var(--text-dim); border-bottom:1px solid var(--border); }
.account-list li:last-child { border-bottom:none; }
.account-list li b { color:var(--text); font-weight:600; }

/* ================= 模块3：平台交易情况（左文右数大版式） ================= */
.stats-section { background:var(--black-2); position:relative; overflow:hidden; }
.stats-section::after {
    content:''; position:absolute; right:-200px; top:-200px;
    width:600px; height:600px; border-radius:50%;
    background:radial-gradient(circle,rgba(255,107,26,0.12) 0%,transparent 70%);
}
.stats-layout { display:grid; grid-template-columns:1fr 1.2fr; gap:80px; align-items:center; }
.stats-text h2 { font-size:40px; font-weight:800; margin-bottom:24px; line-height:1.25; }
.stats-text h2 span {
    background:var(--grad-orange);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
}
.stats-text p { color:var(--text-dim); margin-bottom:20px; }
.stats-metrics { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.metric-card {
    padding:32px 26px; border-radius:14px;
    background:linear-gradient(160deg,#1e1e24,#15151a);
    border:1px solid var(--border);
    transition:all .4s; position:relative; overflow:hidden;
}
.metric-card::after {
    content:''; position:absolute; left:0; top:0; bottom:0; width:3px;
    background:var(--grad-orange); transform:scaleY(0); transition:transform .4s;
    transform-origin:bottom;
}
.metric-card:hover { border-color:rgba(255,107,26,0.3); transform:translateX(8px); }
.metric-card:hover::after { transform:scaleY(1); }
.metric-num {
    font-size:44px; font-weight:800; line-height:1;
    background:var(--grad-gold);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
}
.metric-label { color:var(--text-dim); font-size:14px; margin-top:10px; }

/* ================= 模块4：新闻资讯（时间线风格） ================= */
.news-section { background:linear-gradient(180deg,#15151a 0%,#0d0d0f 100%); }
.news-timeline { position:relative; padding-left:40px; }
.news-timeline::before {
    content:''; position:absolute; left:8px; top:8px; bottom:8px; width:2px;
    background:linear-gradient(180deg,var(--orange),var(--gold),transparent);
}
.timeline-item {
    position:relative; padding:24px 28px; margin-bottom:20px;
    background:rgba(255,255,255,0.02);
    border:1px solid var(--border); border-radius:12px;
    transition:all .4s;
}
.timeline-item::before {
    content:''; position:absolute; left:-40px; top:32px;
    width:14px; height:14px; border-radius:50%;
    background:var(--black); border:3px solid var(--orange);
    box-shadow:0 0 0 4px rgba(255,107,26,0.15);
    transition:all .4s;
}
.timeline-item:hover { background:rgba(255,107,26,0.05); border-color:rgba(255,107,26,0.3); transform:translateX(8px); }
.timeline-item:hover::before { background:var(--orange); box-shadow:0 0 0 8px rgba(255,107,26,0.15); }
.timeline-item h3 { font-size:18px; margin-bottom:8px; color:var(--text); }
.timeline-item time { font-size:13px; color:var(--gold); }
.timeline-item p { color:var(--text-dim); font-size:14px; margin-top:10px; }
.news-more { text-align:center; margin-top:48px; }
.news-more a {
    display:inline-block; padding:14px 40px; border-radius:50px;
    border:1px solid rgba(255,107,26,0.4); color:var(--orange);
    transition:all .3s; font-weight:600;
}
.news-more a:hover { background:var(--grad-orange); color:#fff; border-color:transparent; }

/* ================= 页面 Hero ================= */
.page-hero {
    padding:180px 0 80px; text-align:center; position:relative; overflow:hidden;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(255,107,26,0.15) 0%, transparent 60%),
        linear-gradient(180deg,#0d0d0f,#15151a);
}
.page-hero::before {
    content:''; position:absolute; inset:0;
    background-image:
        linear-gradient(rgba(255,107,26,0.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,107,26,0.05) 1px,transparent 1px);
    background-size:50px 50px;
    mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%);
}
.page-hero h1 {
    position:relative; font-size:52px; font-weight:800;
    background:linear-gradient(135deg,#fff,#ff8c2b 60%,#d4af37);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* ================= 关于/交易/联系 内容块 ================= */
.content-block {
    padding:48px; border-radius:16px; margin-bottom:32px;
    background:linear-gradient(160deg,#1a1a20,#131318);
    border:1px solid var(--border);
    transition:all .4s;
}
.content-block:hover { border-color:rgba(255,107,26,0.25); }
.content-block h2 {
    font-size:26px; margin-bottom:20px; padding-left:18px;
    border-left:4px solid; border-image:var(--grad-orange) 1;
    position:relative;
}
.content-block p { color:var(--text-dim); margin-bottom:14px; font-size:15px; }

.tools-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:28px; }
.tool-card {
    padding:44px 36px; border-radius:18px;
    background:linear-gradient(160deg,#1e1e24,#141418);
    border:1px solid var(--border); position:relative; overflow:hidden;
    transition:all .5s;
}
.tool-card::before {
    content:''; position:absolute; top:0; left:0; right:0; height:3px;
    background:var(--grad-orange); transform:scaleX(0); transform-origin:left;
    transition:transform .5s;
}
.tool-card:hover { transform:translateY(-10px); border-color:rgba(255,107,26,0.3); }
.tool-card:hover::before { transform:scaleX(1); }
.tool-card h3 {
    font-size:22px; margin-bottom:16px;
    background:var(--grad-orange);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
}
.tool-card p { color:var(--text-dim); font-size:15px; }

.contact-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:28px; }
.contact-box {
    padding:48px 36px; border-radius:18px; text-align:center;
    background:linear-gradient(160deg,#1e1e24,#141418);
    border:1px solid var(--border); transition:all .4s;
}
.contact-box:hover { border-color:rgba(255,107,26,0.35); transform:translateY(-8px); }
.contact-box h2 { font-size:20px; margin-bottom:20px; color:var(--gold); }
.contact-box .big {
    font-size:32px; font-weight:800; margin:16px 0;
    background:var(--grad-orange);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
}
.contact-box p { color:var(--text-dim); font-size:14px; }

/* ================= 底部 ================= */
.site-footer {
    background:#08080a; padding:80px 0 40px;
    border-top:1px solid var(--border); text-align:center;
}
.footer-links { display:flex; justify-content:center; gap:32px; margin-bottom:32px; flex-wrap:wrap; }
.footer-links a { color:var(--text-dim); font-size:14px; transition:color .3s; }
.footer-links a:hover { color:var(--orange); }
.footer-copyright { color:var(--text-dim); font-size:13px; }
.footer-risk { color:#5a5a62; font-size:12px; margin-top:14px; max-width:760px; margin-left:auto; margin-right:auto; line-height:1.8; }
.footer-admin-bar { text-align:center; padding:18px; background:#08080a; }
.footer-admin-bar a {
    color:#3a3a42; font-size:12px; transition:color .3s;
}
.footer-admin-bar a:hover { color:var(--orange); }

/* ================= 新闻卡片 ================= */
.news-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:28px; }
.news-card {
    padding:36px; border-radius:16px;
    background:linear-gradient(160deg,#1a1a20,#131318);
    border:1px solid var(--border); transition:all .4s;
}
.news-card:hover { border-color:rgba(255,107,26,0.3); transform:translateY(-6px); }
.news-card h3 { font-size:19px; margin-bottom:12px; }
.news-card time { color:var(--gold); font-size:13px; }
.news-card p { color:var(--text-dim); font-size:14px; margin:16px 0; }
.read-more { color:var(--orange); font-weight:600; font-size:14px; }
.article-body { color:#d0d0d6; font-size:16px; line-height:1.9; margin:32px 0; }
.article-body img { border-radius:10px; margin:16px 0; }
.article-meta { color:var(--text-dim); font-size:14px; }
.back-link { color:var(--orange); font-weight:600; }

/* ================= 后台样式 ================= */
.admin-login-body {
    display:flex; align-items:center; justify-content:center; min-height:100vh;
    background:
        radial-gradient(ellipse at 30% 30%, rgba(255,107,26,0.15) 0%, transparent 50%),
        #0d0d0f;
}
.admin-login-box {
    background:linear-gradient(160deg,#1a1a20,#131318);
    padding:52px; border-radius:18px; width:400px;
    border:1px solid var(--border);
    box-shadow:0 24px 64px rgba(0,0,0,0.5);
}
.admin-login-box h1 {
    margin-bottom:32px; text-align:center; font-size:26px;
    background:var(--grad-orange);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
}
.admin-login-box input {
    width:100%; padding:14px 16px; margin-bottom:18px;
    background:#0d0d0f; border:1px solid var(--border); border-radius:8px;
    color:var(--text); font-size:14px; outline:none; transition:border .3s;
}
.admin-login-box input:focus { border-color:var(--orange); }
.admin-login-box button { width:100%; padding:14px; }
.error { color:#ff5e5e; margin-bottom:14px; text-align:center; font-size:14px; }
.success { color:#3ecf8e; margin-bottom:14px; font-size:14px; }

.admin-body { background:#0d0d0f; color:var(--text); }
.admin-layout { display:flex; min-height:100vh; }
.admin-sidebar {
    width:240px; background:linear-gradient(180deg,#15151a,#0d0d0f);
    border-right:1px solid var(--border); padding:28px 0;
}
.admin-sidebar h2 {
    padding:0 28px; margin-bottom:32px; font-size:18px;
    background:var(--grad-orange);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
}
.admin-sidebar nav a {
    display:block; padding:14px 28px; color:var(--text-dim);
    font-size:14px; transition:all .3s; border-left:3px solid transparent;
}
.admin-sidebar nav a:hover, .admin-sidebar nav a.active {
    background:rgba(255,107,26,0.08); color:var(--orange);
    border-left-color:var(--orange);
}
.admin-main { flex:1; padding:48px; }
.admin-main h1 { margin-bottom:32px; font-size:28px; }
.admin-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; }
.admin-table {
    width:100%; background:linear-gradient(160deg,#1a1a20,#131318);
    border-radius:12px; overflow:hidden; border:1px solid var(--border);
}
.admin-table th, .admin-table td { padding:16px 20px; text-align:left; border-bottom:1px solid var(--border); }
.admin-table th { background:#1e1e24; color:var(--orange); font-size:13px; letter-spacing:1px; }
.admin-table td { color:var(--text-dim); font-size:14px; }
.admin-table a { color:var(--orange); margin-right:12px; }
.admin-form label { display:block; margin-bottom:22px; font-weight:600; color:var(--text); font-size:14px; }
.admin-form input, .admin-form textarea {
    width:100%; padding:12px 16px; margin-top:8px;
    background:#0d0d0f; border:1px solid var(--border); border-radius:8px;
    color:var(--text); font-size:14px; outline:none; transition:border .3s;
}
.admin-form input:focus, .admin-form textarea:focus { border-color:var(--orange); }
.admin-form textarea { min-height:90px; resize:vertical; }
.admin-form fieldset {
    border:1px solid var(--border); padding:24px; border-radius:12px; margin:28px 0;
}
.admin-form legend { font-weight:700; color:var(--orange); padding:0 10px; }
.admin-form h3 { color:var(--gold); margin:28px 0 16px; font-size:16px; }
.admin-stats { display:flex; gap:24px; }
.stat-box {
    background:linear-gradient(160deg,#1a1a20,#131318);
    padding:36px 48px; border-radius:14px; text-align:center;
    border:1px solid var(--border);
}
.stat-box .num {
    display:block; font-size:40px; font-weight:800;
    background:var(--grad-orange);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* ================= 移动端 ================= */
.menu-toggle { display:none; background:none; border:none; color:var(--text); font-size:24px; cursor:pointer; }
@media (max-width:900px) {
    .product-flow { grid-template-columns:repeat(2,1fr); }
    .product-item:nth-child(even) { margin-top:0; }
    .account-table { grid-template-columns:1fr; }
    .account-col { border-right:none; border-bottom:1px solid var(--border); }
    .stats-layout { grid-template-columns:1fr; gap:40px; }
}
@media (max-width:768px) {
    .main-nav {
        display:none; position:absolute; top:100%; left:0; right:0;
        background:rgba(13,13,15,0.98); flex-direction:column; padding:20px;
        border-top:1px solid var(--border);
    }
    .main-nav.active { display:flex; }
    .main-nav a { margin:12px 0; }
    .header-actions { display:none; }
    .menu-toggle { display:block; }
    .hero-content h1 { font-size:34px; }
    .hero-content p { font-size:15px; }
    .hero-stats { gap:28px; }
    .hero-stat .num { font-size:26px; }
    .section { padding:80px 0; }
    .section-title { font-size:28px; }
    .news-timeline { padding-left:30px; }
    .content-block { padding:32px 24px; }
    .admin-layout { flex-direction:column; }
    .admin-sidebar { width:100%; }
    .admin-main { padding:24px; }
}

/* 右下角隐蔽“管理”入口 */
.site-footer { position:relative; }

.admin-corner-link {
    position:absolute;
    right:16px;
    bottom:12px;
    font-size:11px;
    color:#2a2a30;
    letter-spacing:1px;
    padding:4px 8px;
    border-radius:4px;
    opacity:.45;
    transition:all .3s ease;
    user-select:none;
}

.admin-corner-link:hover {
    color:#ff6b1a;
    opacity:1;
    background:rgba(255,107,26,0.08);
}


/* ============================================================
   科技感内容模块 v2
   ============================================================ */

/* ---------- 通用：带扫描线的发光容器 ---------- */
.tech-block {
    position:relative;
    padding:56px 52px;
    border-radius:18px;
    margin-bottom:32px;
    background:
        linear-gradient(160deg,#16161c 0%,#101015 100%);
    border:1px solid rgba(255,107,26,0.12);
    overflow:hidden;
    transition:border-color .5s, transform .5s;
}
.tech-block::before {
    /* 顶部橙色渐变条 */
    content:''; position:absolute; top:0; left:0; right:0; height:2px;
    background:linear-gradient(90deg,transparent,#ff6b1a,#d4af37,transparent);
    opacity:.7;
}
.tech-block::after {
    /* 右上角光晕 */
    content:''; position:absolute; top:-120px; right:-120px;
    width:320px; height:320px; border-radius:50%;
    background:radial-gradient(circle,rgba(255,107,26,0.14) 0%,transparent 70%);
    pointer-events:none;
    transition:transform .8s;
}
.tech-block:hover { border-color:rgba(255,107,26,0.35); transform:translateY(-4px); }
.tech-block:hover::after { transform:translate(-30px,30px) scale(1.15); }

/* 章节编号 */
.tech-num {
    font-size:13px; letter-spacing:4px;
    color:#ff6b1a;
    font-family:"SF Mono",Consolas,monospace;
    margin-bottom:14px;
    display:inline-block;
}
.tech-num::before { content:'[ '; color:#d4af37; }
.tech-num::after  { content:' ]'; color:#d4af37; }

.tech-block h2 {
    font-size:28px; font-weight:800; margin-bottom:24px;
    background:linear-gradient(120deg,#fff 0%,#ffb877 60%,#d4af37 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
    letter-spacing:1px;
}
.tech-block p {
    color:#a8a8b2; font-size:15px; line-height:1.9; margin-bottom:14px;
}
.tech-block p b { color:#ff8c2b; font-weight:600; }

/* 高亮数据内联 */
.tech-hl {
    color:#d4af37; font-weight:700;
    padding:0 2px;
}

/* ---------- 关于页：编号时间轴 ---------- */
.about-track { position:relative; }
.about-track::before {
    content:''; position:absolute; left:26px; top:60px; bottom:60px; width:1px;
    background:linear-gradient(180deg,transparent,rgba(255,107,26,0.4),rgba(212,175,55,0.3),transparent);
}
.about-track .tech-block { margin-left:60px; }
.about-track .tech-block::before {
    content:''; position:absolute; left:-46px; top:60px;
    width:12px; height:12px; border-radius:50%;
    background:#0d0d0f;
    border:2px solid #ff6b1a;
    box-shadow:0 0 0 5px rgba(255,107,26,0.12), 0 0 16px rgba(255,107,26,0.6);
    transition:all .4s;
}
.about-track .tech-block:hover::before {
    background:#ff6b1a;
    box-shadow:0 0 0 8px rgba(255,107,26,0.15), 0 0 24px rgba(255,107,26,0.9);
}

/* ---------- 交易页：三卡带参数网格 ---------- */
.tool-tech-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:26px;
}
.tool-tech-card {
    position:relative;
    padding:46px 36px 36px;
    border-radius:18px;
    background:linear-gradient(160deg,#17171d 0%,#111115 100%);
    border:1px solid rgba(255,255,255,0.06);
    overflow:hidden;
    transition:transform .5s, border-color .5s, box-shadow .5s;
}
.tool-tech-card::before {
    /* 顶部渐变色条 */
    content:''; position:absolute; top:0; left:0; right:0; height:2px;
    background:linear-gradient(90deg,#ff6b1a,#d4af37);
    transform:scaleX(0); transform-origin:left;
    transition:transform .6s cubic-bezier(.2,.8,.2,1);
}
.tool-tech-card:hover {
    transform:translateY(-10px);
    border-color:rgba(255,107,26,0.35);
    box-shadow:0 24px 60px rgba(255,107,26,0.12);
}
.tool-tech-card:hover::before { transform:scaleX(1); }

/* 悬浮时内部扫描光 */
.tool-tech-card::after {
    content:''; position:absolute; top:0; left:-80%;
    width:60%; height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,0.04),transparent);
    transition:left .8s;
    pointer-events:none;
}
.tool-tech-card:hover::after { left:120%; }

.tool-tag {
    display:inline-block;
    padding:4px 12px; font-size:11px; letter-spacing:2px;
    border-radius:50px;
    border:1px solid rgba(212,175,55,0.4);
    color:#d4af37;
    margin-bottom:18px;
}
.tool-tech-card h3 {
    font-size:22px; font-weight:800; margin-bottom:18px;
    color:#fff; letter-spacing:.5px;
}
.tool-tech-card h3 span { color:#ff6b1a; }

.tool-tech-card p { color:#9a9aa4; font-size:14px; line-height:1.85; margin-bottom:12px; }

/* 参数网格 */
.tool-params {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    margin-top:24px;
    border:1px solid rgba(255,255,255,0.06);
    border-radius:10px;
    overflow:hidden;
    background:rgba(255,255,255,0.04);
}
.tool-params div {
    padding:14px 16px;
    background:#0f0f14;
    font-size:13px;
    transition:background .3s;
}
.tool-params div:hover { background:#15151b; }
.tool-params div span:first-child {
    display:block; color:#6a6a74; font-size:11px; letter-spacing:1px; margin-bottom:4px;
}
.tool-params div span:last-child {
    color:#ff8c2b; font-weight:700; font-size:15px;
}

/* ---------- 联系页：数据卡 + 说明卡 ---------- */
.contact-tech-grid {
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:26px;
    margin-bottom:26px;
}
.contact-main-card {
    position:relative;
    padding:56px 48px;
    border-radius:20px;
    background:
        radial-gradient(circle at 80% 20%,rgba(255,107,26,0.18) 0%,transparent 55%),
        linear-gradient(160deg,#191920 0%,#0f0f14 100%);
    border:1px solid rgba(255,107,26,0.2);
    overflow:hidden;
}
.contact-main-card::before {
    content:''; position:absolute; top:0; left:0; right:0; height:2px;
    background:linear-gradient(90deg,#ff6b1a,#d4af37,#ff6b1a);
}
.contact-main-card .label {
    font-size:12px; letter-spacing:3px; color:#d4af37;
    margin-bottom:14px;
}
.contact-main-card .qq-value {
    font-size:56px; font-weight:900; letter-spacing:2px;
    background:linear-gradient(120deg,#fff,#ff8c2b);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
    line-height:1.1;
    margin-bottom:16px;
}
.contact-main-card .desc { color:#9a9aa4; font-size:14px; line-height:1.85; }
.contact-main-card .pulse-dot {
    position:absolute; top:32px; right:32px;
    width:10px; height:10px; border-radius:50%;
    background:#3ecf8e;
    box-shadow:0 0 0 0 rgba(62,207,142,0.6);
    animation:pulseDot 2s infinite;
}
@keyframes pulseDot {
    0% { box-shadow:0 0 0 0 rgba(62,207,142,0.6); }
    70% { box-shadow:0 0 0 14px rgba(62,207,142,0); }
    100% { box-shadow:0 0 0 0 rgba(62,207,142,0); }
}

.contact-side-stack { display:grid; gap:26px; }
.contact-side-card {
    padding:32px 30px;
    border-radius:16px;
    background:linear-gradient(160deg,#17171d,#111115);
    border:1px solid rgba(255,255,255,0.06);
    transition:border-color .4s, transform .4s;
}
.contact-side-card:hover { border-color:rgba(255,107,26,0.3); transform:translateY(-4px); }
.contact-side-card h4 {
    font-size:15px; color:#fff; margin-bottom:12px;
    display:flex; align-items:center; gap:8px;
}
.contact-side-card h4::before {
    content:''; width:4px; height:14px;
    background:linear-gradient(180deg,#ff6b1a,#d4af37);
    border-radius:2px;
}
.contact-side-card p { color:#8f8f99; font-size:13.5px; line-height:1.8; }
.contact-side-card .val { color:#ff8c2b; font-weight:700; }

/* 渠道标签 */
.channel-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.channel-tags span {
    font-size:12px; padding:5px 12px; border-radius:50px;
    background:rgba(255,107,26,0.08);
    border:1px solid rgba(255,107,26,0.2);
    color:#ffb877;
    transition:all .3s;
}
.channel-tags span:hover { background:rgba(255,107,26,0.18); border-color:#ff6b1a; }

/* 区域限制卡（横向） */
.contact-region {
    padding:32px 40px;
    border-radius:16px;
    background:linear-gradient(90deg,rgba(212,175,55,0.05),rgba(255,107,26,0.03));
    border:1px solid rgba(212,175,55,0.18);
    display:flex; align-items:center; gap:24px;
}
.contact-region .icon {
    width:44px; height:44px; flex-shrink:0;
    border-radius:10px;
    background:linear-gradient(135deg,#d4af37,#ff8c2b);
    display:flex; align-items:center; justify-content:center;
    font-size:20px;
}
.contact-region .text { color:#9a9aa4; font-size:13.5px; line-height:1.8; }
.contact-region .text b { color:#d4af37; }

/* ---------- 移动端 ---------- */
@media (max-width:768px) {
    .tech-block { padding:40px 26px; }
    .tech-block h2 { font-size:22px; }
    .about-track::before { left:14px; }
    .about-track .tech-block { margin-left:34px; }
    .about-track .tech-block::before { left:-27px; }
    .contact-tech-grid { grid-template-columns:1fr; }
    .contact-main-card { padding:40px 28px; }
    .contact-main-card .qq-value { font-size:40px; }
    .contact-region { flex-direction:column; text-align:center; }
}