:root {
          --orange-hw-gradient: linear-gradient(135deg, #FF8F00 0%, #FF5500 50%, #E63C00 100%);
          --hw-btn-gold: linear-gradient(180deg, #FFE866 0%, #FFAA00 100%);
          --gold-title-hw: linear-gradient(180deg, #ffffff 10%, #FFCC00 100%);
          --brand-orange: #FF5500;
          --brand-orange-hover: #E64400;
          --brand-orange-light: #FFF2EB;
          --text-dark: #111827;
          --text-muted: #6B7280;
        }

        body { 
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 
            color: #374151; 
            line-height: 1.7; 
            margin: 0; 
            padding: 0; 
            background: #f4f6f9; 
            -webkit-font-smoothing: antialiased;
        }

    
        .container { 
            max-width: 100%; 
            margin: 0 auto; 
            padding: 30px; 
            background: #ffffff; 
            border-radius: 16px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); 
        }

        .container h1 {
            font-size: 28px;
            font-weight: 700;
            color: var(--text-dark);
            line-height: 1.4;
            margin: 0 0 12px 0;
        }

        .meta-info { 
            color: #9CA3AF; 
            font-size: 13.5px; 
            margin-bottom: 24px; 
            border-bottom: 1px solid #F3F4F6; 
            padding-bottom: 14px; 
            display: flex;
            gap: 15px;
        }

        .market-summary { 
            background: #FFFBF0; 
            border-left: 4px solid #FF9F00; 
            padding: 18px 22px; 
            margin: 24px 0; 
            border-radius: 0 12px 12px 0; 
            font-size: 14.5px;
            color: #4B5563;
            line-height: 1.65;
        }
        .market-summary strong {
            color: #D97706;
            font-weight: 700;
        }

        /* ==========================================================================
           3. 实时行情高级图表容器
           ========================================================================== */
        .crypto-widget-container {
            width: 100%; 
            height: 520px; 
            margin: 28px 0; 
            border: 1px solid #E5E7EB;
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
            background: #ffffff;
        }

        .article-content { 
            font-size: 16px; 
            line-height: 1.85; 
            color: #374151;
        }

        .article-content h2 {
            font-size: 22px;
            font-weight: 700;
            color: var(--text-dark);
            margin: 35px 0 18px 0;
            padding-bottom: 8px;
            border-bottom: 2px solid var(--brand-orange-light);
            position: relative;
        }
        .article-content h2::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 60px;
            height: 2px;
            background: var(--brand-orange);
        }

        .article-content h3 {
            font-size: 17px;
            font-weight: 700;
            color: #1F2937;
            margin: 24px 0 12px 0;
        }

        .article-content p {
            margin-bottom: 16px;
            text-align: justify;
        }

        .article-content ul {
            padding-left: 20px;
            margin-bottom: 20px;
        }

        .article-content li {
            margin-bottom: 8px;
        }

        .article-content blockquote {
            background: #F9FAFB;
            border-left: 4px solid var(--brand-orange);
            padding: 16px 20px;
            margin: 24px 0;
            border-radius: 0 8px 8px 0;
            font-style: italic;
            color: #4B5563;
        }

        .seo-table-wrap {
            width: 100%;
            overflow-x: auto;
            margin: 20px 0;
            border: 1px solid #E5E7EB;
            border-radius: 8px;
        }
        .seo-table {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
            font-size: 14px;
            min-width: 500px;
        }
        .seo-table th {
            background: #F9FAFB;
            color: #111827;
            font-weight: 600;
            padding: 12px 16px;
            border-bottom: 1px solid #E5E7EB;
        }
        .seo-table td {
            padding: 12px 16px;
            border-bottom: 1px solid #F3F4F6;
            color: #4B5563;
        }
        .seo-table tr:last-child td {
            border-bottom: none;
        }


        .download-box { 
            background: linear-gradient(135deg, #FFF5F0 0%, #FFF2EB 100%); 
            border: 1px solid #FFE0D1; 
            padding: 30px 24px; 
            text-align: center; 
            margin-top: 40px; 
            border-radius: 14px; 
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
        }
        .download-box h3 {
            font-size: 20px;
            font-weight: 700;
            color: var(--text-dark);
            margin: 0 0 8px 0;
        }
        .download-box p {
            font-size: 14.5px;
            color: var(--text-muted);
            margin: 0 0 20px 0;
        }
        .download-btn { 
            display: inline-block; 
            background: var(--orange-hw-gradient); 
            color: #fff !important; 
            padding: 12px 45px; 
            text-decoration: none !important; 
            border-radius: 30px; 
            font-weight: bold; 
            font-size: 17px; 
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 4px 15px rgba(255, 85, 0, 0.3);
        }
        .download-btn:hover { 
            background: var(--orange-hw-gradient);
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(255, 85, 0, 0.4);
            opacity: 0.95;
        }

        /* ==========================================================================
           6. 移动端自适应极致保护补丁
           ========================================================================== */
        @media screen and (max-width: 768px) {
            .container { 
                padding: 16px !important; 
                border-radius: 12px !important;
            }
            .container h1 { 
                font-size: 21px !important; 
                line-height: 1.4 !important;
                text-align: center !important;
            }
            .meta-info {
                justify-content: center !important;
                font-size: 12px !important;
                margin-bottom: 16px !important;
            }
            .market-summary {
                padding: 12px 14px !important;
                font-size: 13px !important;
                line-height: 1.6 !important;
                margin: 16px 0 !important;
            }
            .crypto-widget-container { 
                height: 380px !important; 
                margin: 16px 0 !important;
                border-radius: 8px !important;
            }
            .article-content { 
                font-size: 14.5px !important; 
                line-height: 1.75 !important; 
            }
            .article-content h2 { 
                font-size: 18px !important; 
                margin: 28px 0 14px 0 !important; 
            }
            .articleNews {
                display: flex !important;
                flex-direction: column !important;
            }
            .sidebar {
                width: 100% !important;
                margin-top: 25px !important;
            }
            .download-box {
                padding: 22px 16px !important;
                margin-top: 25px !important;
                border-radius: 10px !important;
            }
            .download-box h3 { font-size: 17px !important; }
            .download-box p { font-size: 13px !important; margin-bottom: 16px !important; }
            .download-btn { 
                width: 100% !important; 
                box-sizing: border-box !important;
                padding: 11px 0 !important; 
                font-size: 16px !important; 
            }
        }

        @media screen and (max-width: 360px) {
            .container h1 { font-size: 19px !important; }
            .crypto-widget-container { height: 340px !important; }
        }