<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>{{ site_settings.site_name|default:"BitCrypto" }} - 移动版</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
    <style>
        body { background-color: #0b0e11; color: #eaecef; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; overflow-x: hidden; }
        .mobile-nav { position: fixed; bottom: 0; left: 0; right: 0; background: #161a1e; display: flex; justify-content: space-around; padding: 10px 0; border-top: 1px solid #2b3139; z-index: 1000; }
        .nav-item { text-align: center; color: #848e9c; text-decoration: none; font-size: 10px; }
        .nav-item.active { color: #f0b90b; }
        .nav-item i { font-size: 20px; display: block; margin-bottom: 2px; }
        .glass-card { background: #161a1e; border: 1px solid #2b3139; border-radius: 8px; margin-bottom: 10px; }
        .x-small { font-size: 11px; }
        .text-warning { color: #f0b90b !important; }
        .btn-warning { background-color: #f0b90b; border-color: #f0b90b; color: #000; }
        .form-control, .input-group-text { background-color: #1e2329 !important; border-color: #2b3139 !important; color: white !important; }
        .custom-range::-webkit-slider-thumb { background: #f0b90b; cursor: pointer; height: 16px; width: 16px; }
        .custom-range-danger::-webkit-slider-thumb { background: #f6465d; cursor: pointer; height: 16px; width: 16px; }
        body { padding-bottom: 70px; }
    </style>
    {% block extra_css %}{% endblock %}
</head>
<body>
    <div class="p-2">
        {% block content %}{% endblock %}
    </div>

    <div class="mobile-nav">
        <a href="{% url 'core:index' %}" class="nav-item {% if request.resolver_match.url_name == 'index' %}active{% endif %}">
            <i class="bi bi-house-door"></i>首页
        </a>
        <a href="{% url 'core:market_center' %}" class="nav-item {% if request.resolver_match.url_name == 'market_center' %}active{% endif %}">
            <i class="bi bi-graph-up"></i>行情
        </a>
        <a href="{% url 'core:trade' 'spot' %}" class="nav-item {% if 'trade' in request.resolver_match.url_name %}active{% endif %}">
            <i class="bi bi-arrow-left-right"></i>交易
        </a>
        <a href="{% url 'core:profile' %}" class="nav-item {% if request.resolver_match.url_name == 'profile' %}active{% endif %}">
            <i class="bi bi-person"></i>我的
        </a>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    {% block scripts %}{% endblock %}
</body>
</html>