:root { --main-gold: #f3ba2f; --bg-dark: #0b0e11; --card-bg: #1e2329; --text-gray: #848e9c; --up-green: #0ecb81; --down-red: #f6465d; }
body { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; background-color: var(--bg-dark); color: #eaecef; margin: 0; line-height: 1.6; }
.container { max-width: 1100px; margin: 0 auto; padding: 20px; }

/* 顶部行情条 */
.ticker-wrap { background: #181a20; padding: 10px 0; border-bottom: 2px solid var(--main-gold); position: sticky; top: 0; z-index: 100; }
.ticker-content { display: flex; justify-content: center; align-items: center; gap: 20px; font-weight: bold; }
.price-up { color: var(--up-green); }

header { text-align: center; padding: 30px 0; }
.main-layout { display: grid; grid-template-columns: 1fr 380px; gap: 20px; }
/* 深度内容区（SEO核心） */
.content-section { margin-top: 50px; background: #181a20; padding: 30px; border-radius: 12px; }
.content-section h2 { color: var(--main-gold); border-bottom: 1px solid #2b3139; padding-bottom: 10px; }
.formula-box { background: #2b3139; padding: 15px; border-radius: 8px; font-family: "Courier New", Courier, monospace; margin: 20px 0; color: var(--main-gold); overflow-x: auto;} /* 适配小屏幕 */

.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
@media (max-width: 768px) { .faq-grid { grid-template-columns: 1fr; } }
.faq-item { background: #1e2329; padding: 15px; border-radius: 8px; border: 1px solid #2b3139; }
.faq-item h4 { margin-top: 0; color: #fff; }
@media (max-width: 850px) { .main-layout { grid-template-columns: 1fr; } }

.tool-card, .analysis-card { background: var(--card-bg); padding: 25px; border-radius: 12px; border: 1px solid #474d57; }
.input-group { margin-bottom: 15px; }
label { display: block; margin-bottom: 5px; font-size: 13px; color: var(--text-gray); }
input, select { width: 100%; padding: 12px; border-radius: 4px; border: 1px solid #474d57; background: #2b3139; color: white; box-sizing: border-box; }

.btn-calc { width: 100%; padding: 15px; background: var(--main-gold); color: #000; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; transition: 0.3s; }
.btn-calc:hover { background: #e2ab25; }

/* 实时行情分析样式 */
.analysis-card h3 { color: var(--main-gold); margin-top: 0; border-bottom: 1px solid #474d57; padding-bottom: 10px; }
.indicator-tag { display: inline-block; padding: 4px 10px; border-radius: 4px; font-size: 12px; margin-bottom: 10px; }
.tag-bull { background: rgba(14, 203, 129, 0.2); color: var(--up-green); }

#chartArea { margin-top: 20px; background: #181a20; padding: 15px; border-radius: 12px; }
.seo-text { margin-top: 40px; padding: 20px; background: #181a20; border-radius: 12px; color: #b7bdc6; }
.linksa a,
.linksa a:visited{
  color: var(--text-gray);
}

.linksa a:hover,
.linksa a:active{
  color: var(--text-gray);
}
.download-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, #1a1e23 0%, #0b0e11 100%);
    border-top: 2px solid var(--main-gold);
    padding: 12px 20px;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.3);
}

.nav-logo-section {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo-icon {
    width: 32px;
    height: 32px;
    background: linear-gradient(45deg, var(--main-gold), #ffd700);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #000;
    font-size: 18px;
}

.logo-text {
    display: flex;
    flex-direction: column;
}

.logo-text .app-name {
    font-weight: bold;
    color: white;
    font-size: 16px;
}

.logo-text .slogan {
    font-size: 12px;
    color: var(--text-gray);
}

.nav-buttons {
    display: flex;
    gap: 15px;
    align-items: center;
}

.nav-btn {
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-download {
    background: linear-gradient(135deg, var(--main-gold), #e2ab25);
    color: #000;
}

.btn-download:hover {
    background: linear-gradient(135deg, #e2ab25, var(--main-gold));
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(243, 186, 47, 0.3);
}

.btn-register {
    background: linear-gradient(135deg, #2b3139, #1e2329);
    color: white;
    border: 1px solid var(--main-gold);
}

.btn-register:hover {
    background: linear-gradient(135deg, #3a424d, #2b3139);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(243, 186, 47, 0.2);
}

.btn-icon {
    font-size: 16px;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .download-nav {
        padding: 10px 15px;
    }
    
    .nav-logo-section {
        gap: 10px;
    }
    
    .logo-icon {
        width: 28px;
        height: 28px;
        font-size: 16px;
    }
    
    .logo-text .app-name {
        font-size: 14px;
    }
    
    .logo-text .slogan {
        font-size: 10px;
    }
    
    .nav-buttons {
        gap: 10px;
    }
    
    .nav-btn {
        padding: 8px 15px;
        font-size: 13px;
    }
    
    .btn-icon {
        font-size: 14px;
    }
    
    body {
        padding-bottom: 70px;
    }
}

@media (max-width: 480px) {
    .slogan {
        display: none;
    }
    
    .nav-btn span:not(.btn-icon) {
        display: none;
    }
    
    .nav-btn {
        padding: 10px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
}