<?php
    // ====== PAGE CONFIGURATION ======
    $page = "Live Draw China";
    $title = "LIVEDRAW CHINA | Gerbang Utama Data Angka Keluaran Livedraw China Hari Ini";
    $description = "LIVEDRAW CHINA hadir sebagai gerbang utama informasi data dan angka keluaran Livedraw China hari ini. Temukan informasi hasil keluaran terbaru, data angka, serta pembaruan Livedraw China yang disajikan secara terstruktur dan mudah diakses.";
    $keywords = "livedraw china, pengeluaran china, togel china, toto china, data china, keluaran china, result china, china pools";
    $url = (isset($_SERVER['HTTPS']) ? "https://" : "http://") . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
    $logo = "https://veldrive.com/vBo85Th5/LOGO%20KECIL%20PASARAN%20TOGEL%20AMG/CHINA-POOLS.png";
    $image = "https://veldrive.com/vBo85Th5/WEB%20IKLAN/livedraw-china.webp";
    $sitename = "Togel China Hari Ini Data China Terlengkap Result China Prize Keluaran & Pengeluaran China 2026";
    $canonical = "https://www.leclaresdenver.com/";
    $og_title = "SLOT GACOR TOTO88 ♨️ Andalan Situs Toto Slot Gacor Online #1 Rekomendasi Server Thailand Modal Kecil Hasil Maksimal!";
    $og_description = "LIVEDRAW CHINA hadir sebagai gerbang utama informasi data dan angka keluaran Livedraw China hari ini. Temukan informasi hasil keluaran terbaru, data angka, serta pembaruan Livedraw China yang disajikan secara terstruktur dan mudah diakses.";
    $og_url = "https://www.leclaresdenver.com/";
    $og_site_name = "TOTO SLOT";
    $og_image = "https://ir.gambar-dg.com/toto88/asli/toto88-logo.webp";
    $og_image_alt = "TOTO SLOT";
    $favicon = "https://ir.gambar-dg.com/toto88/asli/toto88-icon.png";
    $author = "TOTO SLOT";

    function esc($string) {
        return htmlspecialchars((string)$string, ENT_QUOTES, 'UTF-8');
    }

    function curl_get_json_custom(string $url, int $timeout = 5): array { 
        $ch = curl_init($url);
        curl_setopt_array($ch, [
            CURLOPT_RETURNTRANSFER => true,
            CURLOPT_FOLLOWLOCATION => true,
            CURLOPT_CONNECTTIMEOUT => 3,
            CURLOPT_TIMEOUT => $timeout,
            CURLOPT_SSL_VERIFYPEER => false,
            CURLOPT_SSL_VERIFYHOST => 2,
            CURLOPT_USERAGENT => 'AMP-LiveDrawChina/1.0',
        ]);
        $body = curl_exec($ch);
        curl_close($ch);
        if ($body === false) return [];
        $data = json_decode($body, true);
        return is_array($data) ? $data : [];
    }

    function ambil4Angka_custom($angka): string {
        $angka = (string)$angka;
        $angka = preg_replace('/[^0-9]/', '', $angka);
        if ($angka === '') return '----';
        if (strlen($angka) >= 4) return substr($angka, -4);
        return str_pad($angka, 4, '0', STR_PAD_LEFT);
    }

    function extractMonthYear_custom($tanggal) {
        $tanggal = (string)$tanggal;
        if (preg_match('/(\d{1,2})\s+(\w+)\s+(\d{4})/', $tanggal, $matches)) {
            $bulanMap = ['Januari' => 1, 'Februari' => 2, 'Maret' => 3, 'April' => 4, 'Mei' => 5, 'Juni' => 6, 'Juli' => 7, 'Agustus' => 8, 'September' => 9, 'Oktober' => 10, 'November' => 11, 'Desember' => 12];
            $bulan = $bulanMap[$matches[2]] ?? 0;
            return ['month' => $bulan, 'year' => (int)$matches[3]];
        }
        if (preg_match('/(\d{2})-(\d{2})-(\d{4})/', $tanggal, $matches)) return ['month' => (int)$matches[2], 'year' => (int)$matches[3]];
        if (preg_match('/(\d{4})-(\d{2})-(\d{2})/', $tanggal, $matches)) return ['month' => (int)$matches[2], 'year' => (int)$matches[1]];
        if (preg_match('/(\d{2})\/(\d{2})\/(\d{4})/', $tanggal, $matches)) return ['month' => (int)$matches[2], 'year' => (int)$matches[3]];
        return null;
    }

    function filterByLatestMonth_custom($items) {
        if (empty($items)) return [];
        $firstDate = $items[0]["tanggal"] ?? '';
        $latestMonthYear = extractMonthYear_custom($firstDate);
        if (!$latestMonthYear || $latestMonthYear['month'] == 0) return $items;
        $filtered = [];
        foreach ($items as $item) {
            $tanggal = $item["tanggal"] ?? '';
            $itemMonthYear = extractMonthYear_custom($tanggal);
            if ($itemMonthYear && $itemMonthYear['month'] === $latestMonthYear['month'] && $itemMonthYear['year'] === $latestMonthYear['year']) {
                $filtered[] = $item;
            }
        }
        return $filtered;
    }

    // ====== CACHE ======
    $cacheFile = __DIR__ . '/cache_china_latest_month_custom.json';
    $cacheTime = 300;

    $itemLatest = [];
    $allItems = [];
    $cacheValid = false;

    if (file_exists($cacheFile) && (time() - filemtime($cacheFile)) < $cacheTime) {
        $cachedData = json_decode(file_get_contents($cacheFile), true);
        if ($cachedData && isset($cachedData['latest']) && !empty($cachedData['latest'])) {
            $itemLatest = $cachedData['latest'];
            $allItems = $cachedData['history'] ?? [];
            $cacheValid = true;
        }
    }

    if (!$cacheValid) {
        try {
            $apiLatest = "https://kamuskeluaran.me/json/result.php?p=china&l=1";
            $dataLatest = curl_get_json_custom($apiLatest);
            $itemLatest = $dataLatest['data']['items'][0] ?? $dataLatest['items'][0] ?? [];

            $apiHistory = "https://kamuskeluaran.me/json/result.php?p=china&l=500";
            $dataHistory = curl_get_json_custom($apiHistory);
            $allItemsRaw = $dataHistory['data']['items'] ?? $dataHistory['items'] ?? [];
            $allItems = filterByLatestMonth_custom($allItemsRaw);

            if (!empty($allItems) && !empty($itemLatest)) {
                $latestDate = $itemLatest["tanggal"] ?? '';
                foreach ($allItems as $key => $item) {
                    if (($item["tanggal"] ?? '') === $latestDate) {
                        unset($allItems[$key]);
                        break;
                    }
                }
                $allItems = array_values($allItems);
            }

            file_put_contents($cacheFile, json_encode([
                'latest' => $itemLatest,
                'history' => $allItems,
                'time' => time()
            ]));
        } catch (Exception $e) {
            if (empty($itemLatest)) {
                $itemLatest = [
                    'tanggal' => date('d M Y'),
                    'jam' => date('H:i'),
                    'prize1' => '----',
                    'prize2' => '----',
                    'prize3' => '----'
                ];
            }
        }
    }

    $pageNum = isset($_GET['page']) ? max(1, (int)$_GET['page']) : 1;
    $perPage = 30;
    $totalItems = count($allItems);
    $totalPages = ceil($totalItems / $perPage);
    if ($totalPages < 1) $totalPages = 1;
    if ($pageNum > $totalPages) $pageNum = $totalPages;
    $offset = ($pageNum - 1) * $perPage;
    $pageItems = array_slice($allItems, $offset, $perPage);

    function generateResultTable_custom($item) {
        if (empty($item)) return '<tr><td colspan="2" class="empty-cell">Menunggu data China Pools...</td></tr>';
        $prize1 = ambil4Angka_custom($item["prize1"] ?? '');
        $prize2 = ambil4Angka_custom($item["prize2"] ?? '');
        $prize3 = ambil4Angka_custom($item["prize3"] ?? '');
        $tanggal = $item["tanggal"] ?? "—";
        $jam = $item["jam"] ?? "—";
        return '
        <tr><td colspan="2" class="result-date">' . htmlspecialchars($tanggal, ENT_QUOTES, 'UTF-8') . ' &bull; ' . htmlspecialchars($jam, ENT_QUOTES, 'UTF-8') . ' WIB</td></tr>
        <tr><td class="lbl">1st Prize</td><td class="val-1st">' . htmlspecialchars($prize1, ENT_QUOTES, 'UTF-8') . '</td></tr>
        <tr><td class="lbl">2nd Prize</td><td class="val">' . htmlspecialchars($prize2, ENT_QUOTES, 'UTF-8') . '</td></tr>
        <tr><td class="lbl">3rd Prize</td><td class="val">' . htmlspecialchars($prize3, ENT_QUOTES, 'UTF-8') . '</td></tr>';
    }

    function generateHistoryTable_custom($items) {
        if (empty($items)) return '<tr><td colspan="5" class="empty-cell">Data history belum tersedia</td></tr>';
        $html = '';
        foreach ($items as $item) {
            $prize1 = ambil4Angka_custom($item["prize1"] ?? '');
            $prize2 = ambil4Angka_custom($item["prize2"] ?? '');
            $prize3 = ambil4Angka_custom($item["prize3"] ?? '');
            $html .= '<tr>
                <td>' . htmlspecialchars($item["tanggal"] ?? '—', ENT_QUOTES, 'UTF-8') . '</td>
                <td>' . htmlspecialchars($item["jam"] ?? '—', ENT_QUOTES, 'UTF-8') . '</td>
                <td class="history-gold">' . htmlspecialchars($prize1, ENT_QUOTES, 'UTF-8') . '</td>
                <td>' . htmlspecialchars($prize2, ENT_QUOTES, 'UTF-8') . '</td>
                <td>' . htmlspecialchars($prize3, ENT_QUOTES, 'UTF-8') . '</td>
            </tr>';
        }
        return $html;
    }

    function generatePagination_custom($currentPage, $totalPages) {
        if ($totalPages <= 1) return '';
        $html = '<div class="pagination">';
        if ($currentPage > 1) {
            $html .= '<a href="?page=1" class="page-btn">&laquo; Awal</a>';
            $html .= '<a href="?page=' . ($currentPage - 1) . '" class="page-btn">&lsaquo; Sebelumnya</a>';
        } else {
            $html .= '<span class="page-btn disabled">&laquo; Awal</span>';
            $html .= '<span class="page-btn disabled">&lsaquo; Sebelumnya</span>';
        }
        $html .= '<span class="page-info">Hal ' . $currentPage . ' / ' . $totalPages . '</span>';
        if ($currentPage < $totalPages) {
            $html .= '<a href="?page=' . ($currentPage + 1) . '" class="page-btn">Berikutnya &rsaquo;</a>';
            $html .= '<a href="?page=' . $totalPages . '" class="page-btn">Akhir &raquo;</a>';
        } else {
            $html .= '<span class="page-btn disabled">Berikutnya &rsaquo;</span>';
            $html .= '<span class="page-btn disabled">Akhir &raquo;</span>';
        }
        $html .= '</div>';
        return $html;
    }

    $resultRow = generateResultTable_custom($itemLatest);
    $historyRows = generateHistoryTable_custom($pageItems);
    $paginationHTML = generatePagination_custom($pageNum, $totalPages);
?>
<!DOCTYPE html>
<html AMP lang="id-ID">
<head>
    <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo esc($title); ?></title>
    <meta name="description" content="<?php echo esc($description); ?>"/>
    <link rel="canonical" href="<?php echo esc($canonical); ?>" />
    <meta property="og:type" content="website"/>
    <meta property="og:locale" content="id_ID"/>
    <meta property="og:title" content="<?php echo esc($og_title); ?>"/>
    <meta property="og:description" content="<?php echo esc($og_description); ?>"/>
    <meta property="og:url" content="<?php echo esc($og_url); ?>">
    <meta property="og:site_name" content="<?php echo esc($og_site_name); ?>"/>
    <meta property="og:image" content="<?php echo esc($og_image); ?>"/>
    <meta name="theme-color" content="#b30000"/>
    <meta property="og:image:alt" content="<?php echo esc($og_image_alt); ?>"/> 
    <link rel="apple-touch-icon" href="<?php echo esc($favicon); ?>"/>
    <link rel="shortcut icon" type="image/ico" href="<?php echo esc($favicon); ?>">
    <meta name="robots" content="index, follow">
    <meta name="googlebot" content="index,follow">
    <meta name="language" content="id"/>
    <meta name='geo.placename' content='Indonesia'/>
    <meta name="geo.country" content="ID"/>
    <meta name="tgn.nation" content="Indonesia"/>
    <meta name="author" content="<?php echo esc($author); ?>">

    <style amp-boilerplate>
        body{-webkit-animation: -amp-start 8s steps(1,end) 0s 1 normal both; -moz-animation: -amp-start 8s steps(1,end) 0s 1 normal both; -ms-animation: -amp-start 8s steps(1,end) 0s 1 normal both; animation: -amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility: hidden}to{visibility: visible}}@-moz-keyframes -amp-start{from{visibility: hidden}to{visibility: visible}}@-ms-keyframes -amp-start{from{visibility: hidden}to{visibility: visible}}@-o-keyframes -amp-start{from{visibility: hidden}to{visibility: visible}}@keyframes -amp-start{from{visibility: hidden}to{visibility: visible}}
    </style>
    <noscript>
        <style amp-boilerplate>
            body{-webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none}
        </style>
    </noscript>
    <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <style amp-custom>
        :root {
            --small-font: 12px;
            --normal-font: 13px;
            --large-font: 14px;
            --x-large-font: 15px;
            --red-dark: #800000;
            --red-base: #cc0000;
            --red-bright: #ff1a1a;
            --red-glow: #ff3333;
            --black-bg: #0a0000;
            --panel-bg: #1a0000;
            --text-white: #ffffff;
        }

        * {
            color: var(--text-white);
        }

        body {
            font-size: var(--small-font);
            display: flex;
            flex-direction: column;
            padding-top: 50px;
            padding-bottom: 95px;
            font-family: Verdana, sans-serif;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background: var(--black-bg);
            color: var(--text-white);
        }

        a { text-decoration: none; color: var(--text-white); }
        summary { outline: 0; list-style-type: none; }
        summary::-webkit-details-marker { display: none; }
        .container { align-self: center; margin-left: auto; margin-right: auto; }

        .header-gif-container {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 999;
            background: linear-gradient(to bottom, #400000 0%, #0a0000 100%);
            border-bottom: 2px solid var(--red-bright);
            box-shadow: 0 4px 8px rgba(0,0,0,0.6);
            padding: 4px 0;
        }
        .header-gif-link {
            display: block;
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
            border-radius: 5px;
            overflow: hidden;
            border: 1.5px solid #fff;
            box-shadow: 0 0 10px rgba(255,255,255,0.3);
            background: #1a0000;
        }
        .header-gif-link amp-img {
            display: block;
            width: 100%;
            height: auto;
            object-fit: contain;
        }

        .footer-gif-container {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 999;
            background: linear-gradient(to top, #8b0000 0%, #2a0000 100%);
            border-top: 2px solid var(--red-bright);
            box-shadow: 0 -4px 8px rgba(0,0,0,0.6);
            padding: 4px 0;
        }
        .footer-gif-link {
            display: block;
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
            border-radius: 5px;
            overflow: hidden;
            border: 1.5px solid #fff;
            box-shadow: 0 0 10px rgba(255,255,255,0.3);
            background: #1a0000;
        }
        .footer-gif-link amp-img {
            display: block;
            width: 100%;
            height: auto;
            object-fit: contain;
        }

        .link-container { display: flex; justify-content: center; font-size: var(--x-large-font); width: 100%; }
        .main-menu-container { list-style-type: none; display: flex; flex-wrap: wrap; margin: 0; }
        .main-menu-container li { flex-basis: calc(25% - 10px); padding: 5px; }
        .main-menu-container li a { display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: var(--normal-font); text-transform: uppercase; color: var(--text-white); padding: 10px; }
        .main-menu-container li amp-img { margin: 8px 0; }

        .footer-container { text-align: center; color: var(--text-white); }
        .footer-container .bank-list, .footer-container .contact-list, .footer-container .footer-links, .footer-container .social-media-list { display: flex; flex-wrap: wrap; margin: 0 auto; padding: 10px 0; list-style-type: none; }
        .footer-container .contact-list li { flex-basis: 50%; }
        .footer-container .contact-list li a { margin: 2px 5px; display: flex; align-items: center; border-radius: 30px; font-size: var(--normal-font); color: var(--text-white); }
        .footer-container .contact-list>li a i { display: inline-flex; align-items: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; margin-right: 10px; border-radius: 50%; background: var(--red-dark); width: 24px; height: 24px; }
        .footer-container .contact-list>li a i amp-img { margin: 5px; flex-basis: 0; -ms-flex-preferred-size: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
        .footer-container .footer-links { flex-wrap: wrap; justify-content: center; }
        .footer-container .footer-links li { flex-basis: calc(25% - 3px); margin-bottom: 5px; }
        .footer-container .footer-links li a { padding: 5px; font-size: var(--normal-font); color: var(--text-white); }
        .site-description { background-color: var(--black-bg); padding: 10px; }
        .footer-container h1, .footer-container h2, .footer-container h3, .footer-container h4 { display: inline; color: var(--text-white); }
        .copyright { padding: 25px 0 20px; display: flex; flex-direction: column; justify-content: center; }
        .copyright div { padding-bottom: 10px; color: var(--text-white); }

        @media (min-width: 768px) { body { font-size: var(--normal-font); } .container { width: 970px; } .site-menu { width: 20%; } }
        @media (min-width: 1200px) { .container { width: 1170px; } }
        @media (min-width: 992px) { .container { width: 970px; } }

        @keyframes pulse { 0% { filter: initial; } 50% { filter: brightness(1.5) drop-shadow(0 0 10px #ff3333); } }
        .login-button, .register-button { border-radius: 30px; color: var(--text-white); }
        .link-container { padding: 20px 0; font-size: 15px; }
        .link-container a { text-align: center; text-transform: uppercase; margin-top: 10px; width: auto; padding: 5px 15px; margin-left: 10px; align-self: center; color: var(--text-white); }
        .main-menu-container { padding: 0 0 10px; justify-content: center; background-color: #140000; }
        .main-menu-container .amp-carousel-button-next, .main-menu-container .amp-carousel-button-prev { width: 20px; height: 100%; background-color: var(--red-dark); color: #fff; }
        .popular-game-title-container { background-color: var(--red-base); background-image: linear-gradient(to bottom, #8b0000 0%, #4a0000 100%); color: var(--text-white); }
        .popular-game-title-container .title { font-size: 14px; display: flex; align-items: center; color: var(--text-white); }
        .contact-list-container { margin-top: 10px; }
        .footer-container .contact-list { justify-content: center; }
        .footer-container .contact-list li a { padding: 3px 15px 3px 3px; font-size: var(--small-font); background-color: #1a0000; color: var(--text-white); }
        .footer-container .social-media-list li { flex-basis: auto; margin: 10px; }
        .footer-container .footer-links { background-color: #0d0000; align-items: center; }
        .footer-container .footer-links li { flex-basis: auto; padding: 2.5px 10px; }
        .footer-container .footer-links>li:not(:nth-child(5n+5)):not(:first-child) { border-left: 1px solid var(--red-bright); border: none; }
        .register-button { background: #000; font-weight: 700; font-size: 12px; border: 3px groove var(--red-bright); color: var(--text-white); }
        .login-button { background: 0 0; border: 1px solid var(--red-bright); color: var(--text-white); }
        .footer-container .contact-list-container { background-image: linear-gradient(to bottom, #8b0000 0%, #000000 100%); }
        .footer-container .footer-links li a, .login1-button, .register-button, .site-description { color: var(--text-white); }

        .duarr { -webkit-animation-name: duarr; animation-name: duarr; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; }
        @-webkit-keyframes duarr { 0%,100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } }
        @keyframes duarr { 0%,100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } }

        table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th { background-color: #000000; }
        table td, table th { padding: 5px; line-height: 1.5; vertical-align: top; background: #1a0000; color: var(--text-white); }
        .register1-button { background: linear-gradient(to bottom, #8b0000 0%, #000000 100%); border: 3px groove var(--red-bright); color: var(--text-white); }
        .login1-button { background: linear-gradient(to bottom, #8b0000 0%, #000000 100%); color: var(--text-white); }
        .link-container1 { display: flex; justify-content: center; font-size: var(--x-large-font); padding: 0; width: 100%; }
        .link-container1 a { width: 100%; text-align: center; padding: 10px 20px; text-transform: uppercase; color: var(--text-white); font-weight: 700; margin: 5px; border-radius: 30px; }

        #marquee .marquee { font-family: Verdana; background: radial-gradient(circle 214px at 46.5% 54.2%, #400000 0, #000 90%); color: var(--text-white); padding: 5px 0; box-shadow: 0 0 0,0 0 2px,0 0 1em #8b0000,0 0 .5em #8b0000,0 0 .1em #8b0000,0 10px 3px #000; border: 2px solid var(--red-bright); border-radius: 5px; max-width: 100%; text-align: center; }
        .marquee { font-size: 4vw; }
        .marquee-text { background: linear-gradient(#0a0000 24%, #000000); padding: 5px 0; border: 2px solid var(--red-bright); border-radius: 15px; margin: 5px; height: auto; display: block; line-height: 30px; overflow: hidden; position: relative; }
        .marquee-text div { height: auto; line-height: 22px; font-size: 13px; white-space: nowrap; color: var(--text-white); z-index: 1; font-weight: 600; font-family: Verdana; animation: 20s linear infinite marquee; margin-top: 3px; }
        .marquee-text:hover div { animation-play-state: paused; }
        @keyframes marquee { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }

        @media only screen and (min-width: 601px) { .referral { position: fixed; bottom: 50px; left: 14px; z-index: 100; width: 100px; height: 100px; } }
        @media only screen and (max-width: 600px) { .referral { position: fixed; bottom: 75px; left: 14px; z-index: 100; width: 100px; height: 100px; } }

        .link-gacor { border: 2px solid var(--red-bright); animation: 1s linear infinite link-gacor; }
        @keyframes link-gacor { 0% { border-color: #ff3333; } 20% { border-color: #b30000; } 40% { border-color: #cc0000; } 60% { border-color: #4a0000; } 80% { border-color: #fff; } 100% { border-color: #ff3333; } }

        .bigger-game-list ul input[type=radio]:checked~.wrapper-container .rtp-container, .scrollable-game-list main input[type=radio]:checked~.wrapper-container .rtp-container { opacity: 0; }
        .bigger-game-list ul .inner-game-item .wrapper-container .rtp-container .rtp-progress .rtp-progress-bar[data-rtp=high], .scrollable-game-list main .inner-game-item .wrapper-container .rtp-container .rtp-progress .rtp-progress-bar[data-rtp=high] { background: linear-gradient(to right, #b30000, #ff1a1a); }
        .bigger-game-list ul .inner-game-item .wrapper-container .rtp-container, .scrollable-game-list main .inner-game-item .wrapper-container .rtp-container { position: absolute; left: 0; right: 0; bottom: 0; padding: 5px 12px; background-color: rgba(0,0,0,.7); color: var(--text-white); display: flex; justify-content: space-between; align-items: center; gap: 3px; font-size: 9px; pointer-events: none; line-height: 1; }
        .bigger-game-list ul .inner-game-item .wrapper-container .rtp-container .rtp-progress, .scrollable-game-list main .inner-game-item .wrapper-container .rtp-container .rtp-progress { flex-grow: 1; background-color: #333; border: 1px solid var(--red-bright); border-radius: 50px; }
        .bigger-game-list ul .inner-game-item .wrapper-container .rtp-container .rtp-progress .rtp-progress-bar, .scrollable-game-list main .inner-game-item .wrapper-container .rtp-container .rtp-container .rtp-progress-bar { height: 8px; border-radius: 50px; }
        .bigger-game-list ul .inner-game-item .wrapper-container .rtp-container .rtp-progress .rtp-progress-bar[data-rtp=low], .scrollable-game-list main .inner-game-item .wrapper-container .rtp-container .rtp-progress .rtp-progress-bar[data-rtp=low] { background: linear-gradient(to right, #400000, #000); }
        .bigger-game-list ul .inner-game-item .wrapper-container .rtp-container .rtp-progress .rtp-progress-bar[data-rtp=medium], .scrollable-game-list main .inner-game-item .wrapper-container .rtp-container .rtp-progress .rtp-progress-bar[data-rtp=medium] { background: linear-gradient(to right, #b30000, #ff3333); }

        .popular-game-title-container .container { display: flex; justify-content: space-between; align-items: center; padding: 10px; }
        .popular-game-title-container .title .popular-games-icon { margin-right: 10px; }
        .popular-game-title-container .title { font-size: var(--large-font); display: flex; align-items: center; color: var(--text-white); }
        .popular-game-title-container a { padding: 6px 8px; border-radius: 25px; font-size: 10px; background-color: #000; color: var(--text-white); border: 1px solid var(--red-bright); }

        .bigger-game-list ul { padding: 5px 0; margin: auto; display: flex; justify-content: center; flex-wrap: wrap; list-style-type: none; }
        .bigger-game-list ul>li { max-width: calc(100%/3 - 10px); min-width: calc(100%/4 - 10px); flex-basis: 133px; padding: 5px; text-align: center; color: var(--text-white); font-size: 80%; }
        .bigger-game-list ul .inner-game-item { margin: 0; padding: 5px; border-radius: 25px; background-color: #1a0000; background-image: linear-gradient(to bottom, #400000 0%, #000000 100%); border: 1px solid #b30000; display: block; font-weight: 400; }
        .bigger-game-list ul .inner-game-item .wrapper-container { display: block; width: 100%; padding-top: 100%; position: relative; margin-bottom: 5px; border-radius: 25px; overflow: hidden; }
        .bigger-game-list ul .inner-game-item .wrapper-container .game-link-container, .bigger-game-list ul .inner-game-item .wrapper-container>amp-img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
        .bigger-game-list ul .inner-game-item .wrapper-container>amp-img { background-color: #000; transition: transform .2s; transform-origin: center; }
        .bigger-game-list ul .inner-game-item .wrapper-container .game-link-container { display: flex; flex-direction: column; align-items: center; justify-content: space-around; background-color: rgba(0,0,0,.85); }
        .bigger-game-list ul .inner-game-item .wrapper-container .game-link-container>a { margin: 0; }
        .bigger-game-list ul .inner-game-item .game-name { display: block; margin: 8px 0 4px; padding: 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--text-white); }
        .bigger-game-list ul input[type=radio] { position: absolute; visibility: hidden; left: -99em; }
        .bigger-game-list ul input[type=radio]:not(:checked)~.wrapper-container .game-link-container { display: none; }
        .bigger-game-list ul input[type=radio]:checked~.wrapper-container>amp-img { transform: scale(1.25); }

        .play-now { display: flex; justify-content: center; align-items: center; cursor: pointer; font-size: 1.2em; border-radius: 18px; padding: 5px; background-color: #b30000; background-image: linear-gradient(to right, #8b0000 0, #ff1a1a 100%); color: var(--text-white); font-weight: bold; width: 80%; }

        .pusat-bantuan-wrapper { position: relative; text-align: center; margin: 20px 0; padding: 0 10px; }
        .pusat-bantuan-btn { display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #660000 0%, #cc0000 50%, #ff1a1a 100%); background-size: 200% 200%; color: var(--text-white); font-weight: bold; font-size: 18px; padding: 18px 40px; border-radius: 50px; text-decoration: none; border: 3px solid #ff3333; box-shadow: 0 0 20px rgba(255, 51, 51, 0.8), 0 0 40px rgba(0,0,0,0.6), 0 10px 30px rgba(140, 0, 0, 0.5), inset 0 2px 0 rgba(255,255,255,0.4); animation: megaPulse 2s ease-in-out infinite; position: relative; overflow: hidden; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
        .pusat-bantuan-btn::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent); animation: ultraShine 2.5s infinite; }
        .pusat-bantuan-btn::after { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; background: linear-gradient(45deg, #ff1a1a, #8b0000, #1a0000, #ff3333, #ff1a1a); border-radius: 50px; z-index: -1; animation: neonRotate 4s linear infinite; filter: blur(8px); opacity: 0.8; }
        .pusat-bantuan-btn amp-img { margin-right: 12px; filter: drop-shadow(0 0 8px rgba(0,0,0,0.8)); animation: iconGlow 2s ease-in-out infinite; }

        @keyframes megaPulse { 0%, 100% { transform: scale(1); box-shadow: 0 0 20px rgba(255,51,51,0.8), 0 0 40px rgba(0,0,0,0.6), 0 10px 30px rgba(140,0,0,0.5), inset 0 2px 0 rgba(255,255,255,0.4); background-position: 0% 50%; } 50% { transform: scale(1.1); box-shadow: 0 0 40px rgba(255,51,51,1), 0 0 60px rgba(255,0,0,0.8), 0 0 80px rgba(179,0,0,0.6), 0 15px 50px rgba(0,0,0,0.7), inset 0 2px 0 rgba(255,255,255,0.5); background-position: 100% 50%; } }
        @keyframes neonRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        @keyframes ultraShine { 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); } 100% { transform: translateX(100%) translateY(100%) rotate(45deg); } }
        @keyframes iconGlow { 0%, 100% { filter: drop-shadow(0 0 8px rgba(255,51,51,0.8)); } 50% { filter: drop-shadow(0 0 15px rgba(255,51,51,1)) drop-shadow(0 0 20px rgba(0,0,0,0.8)); } }

        .help-table { width: 100%; text-align: center; margin-top: 15px; position: relative; }
        .help-table-center { position: absolute; left: 50%; transform: translateX(-50%); top: 60px; z-index: 10; width: auto; }
        .help-table-center td { padding: 0; }
        .help-button { display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #4a0000 0%, #8b0000 50%, #ffffff 100%); background-size: 200% 200%; color: var(--text-white); font-weight: bold; font-size: 16px; padding: 14px 28px; border-radius: 50px; text-decoration: none; border: 2px solid rgba(255,255,255,0.8); box-shadow: 0 8px 25px rgba(75,0,0,0.5), 0 0 15px rgba(139,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.4); animation: premiumPulse 3s ease-in-out infinite; position: relative; overflow: hidden; text-shadow: 0 1px 4px rgba(0,0,0,0.4); }
        .help-button::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent, rgba(255,255,255,0.4), transparent); animation: shine 3s infinite; }
        .help-button amp-img { margin-right: 10px; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3)); }

        @keyframes premiumPulse { 0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 8px 25px rgba(0,0,0,0.4), 0 0 0 0 rgb(255,0,0), inset 0 1px 0 rgba(255,255,255,0.2); background-position: 0% 50%; } 50% { transform: translateY(-6px) scale(1.05); box-shadow: 0 15px 40px rgba(0,0,0,0.6), 0 0 30px #ff2d2d, 0 0 60px rgba(139,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.3); background-position: 100% 50%; } }
        @keyframes shine { 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); } 100% { transform: translateX(100%) translateY(100%) rotate(45deg); } }

        .center { text-align: center; margin-bottom: 10px; }
        .center-bank { text-align: center; color: var(--text-white); font-weight: bold; margin-left: -5px; }
        .showp { color: var(--text-white); display: flex; float: right; }
        .bank { display: inline-block; background-color: #1a0000; padding: 3px 10px 5px 10px; width: 45%; margin: 5px 0 0 0; text-align: left; border-radius: 10px; height: 32px; margin-left: 7px; border: groove 3px #b30000; vertical-align: middle; }
        .bank img:first-child { width: 65px; display: inline-block; vertical-align: middle; margin-left: auto; margin-right: 2px; margin-top: 6px; margin-bottom: auto; }
        .bank img:last-child { width: 70px; display: inline-block; vertical-align: middle; margin-left: auto; margin-right: auto; margin-top: 4px; }

        .banner-gif {
            border: 1.5px solid #ffffff;
            display: block;
            width: 100%;
            margin-bottom: 5px;
            border-radius: 3px;
        }

        .table-livedraw { width: 100%; border-collapse: collapse; margin: 15px 0; background: #0a0000; border: 2px solid #cc0000; font-size: 16px; }
        .table-livedraw th { background: linear-gradient(180deg, #cc0000, #0a0000); color: #ff4444; padding: 12px; font-size: 18px; letter-spacing: 2px; border-bottom: 3px solid #ff0000; }
        .table-livedraw td { padding: 10px 8px; border: 1px solid #4d0000; text-align: center; color: #ff4444; }
        .result-date { background: #0a0000; color: #ff0000; font-size: 14px; }
        .lbl { font-weight: bold; background: linear-gradient(90deg, #0a0000, #cc0000); width: 40%; color: #ff4444; font-size: 14px; }
        .val-1st { color: #ff0000; font-weight: bold; font-size: 28px; text-shadow: 0 0 15px rgba(255,0,0,0.8); background: #0a0000; letter-spacing: 3px; }
        .val { color: #ff4444; font-weight: bold; font-size: 22px; }
        .empty-cell { text-align: center; padding: 25px; color: #ff0000; }
        .history-wrapper { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 15px 0; }
        .history-table { width: 100%; min-width: 400px; border-collapse: collapse; background: #0a0000; border: 2px solid #4d0000; font-size: 13px; }
        .history-table th { background: linear-gradient(180deg, #cc0000, #0a0000); color: #ff4444; padding: 10px 8px; font-size: 13px; font-weight: 700; border-bottom: 3px solid #ff0000; white-space: nowrap; }
        .history-table td { padding: 8px; border: 1px solid #4d0000; text-align: center; white-space: nowrap; color: #ff4444; }
        .history-table tr:nth-child(even) { background: rgba(204,0,0,0.05); }
        .history-gold { color: #ff0000; font-weight: bold; font-size: 14px; }
        .pagination { display: flex; justify-content: center; align-items: center; gap: 6px; margin: 15px 0 5px; flex-wrap: wrap; }
        .page-btn { background: #cc0000; color: #ff4444; border: 1px solid #ff0000; padding: 8px 12px; font-size: 12px; font-weight: 600; text-decoration: none; border-radius: 5px; display: inline-block; }
        .page-btn:hover { background: #ff0000; color: #0a0000; }
        .page-btn.disabled { background: #1a0000; color: #8a4444; border-color: #4d0000; pointer-events: none; }
        .page-info { color: #ff4444; font-size: 13px; font-weight: 600; padding: 0 5px; }

        @media (max-width: 600px) {
            body { padding-top: 45px; padding-bottom: 90px; }
            .header-gif-link, .footer-gif-link { max-width: 100%; border-radius: 3px; }
            .val-1st { font-size: 24px; }
            .val { font-size: 18px; }
            .history-table { min-width: 300px; font-size: 11px; }
            .history-table th, .history-table td { padding: 5px; }
        }
    </style>
</head>
<body>
    <amp-analytics type="googleanalytics" config="https://amp.analytics-debugger.com/ga4.json" data-credentials="include">
        <script type="application/json">
            {
                "vars": {
                    "GA4_MEASUREMENT_ID": "G-57TGV76NRQ",
                    "GA4_ENDPOINT_HOSTNAME": "www.google-analytics.com",
                    "DEFAULT_PAGEVIEW_ENABLED": true,
                    "GOOGLE_CONSENT_ENABLED": false,
                    "WEBVITALS_TRACKING": false,
                    "PERFORMANCE_TIMING_TRACKING": false,
                    "SEND_DOUBLECLICK_BEACON": false
                }
            }
        </script>
    </amp-analytics>

    <div class="header-gif-container">
        <a href="https://takenlink.eu/vvippetanilink" target="_blank" rel="noopener noreferrer" class="header-gif-link">
            <amp-img src="images/banners/Petanitoto.webp" 
                     fallback="https://ir.gambar-dg.com/toto88/asli/toto88-icon.png"
                     width="500" height="75" layout="responsive" loading="lazy" alt="Petanitoto"></amp-img>
        </a>
    </div>

    <amp-img layout="responsive" title="SLOT GACOR" src="<?php echo esc($image); ?>" alt="SLOT GACOR" width="600" height="600" loading="lazy"></amp-img>

    <div class="link-container1 container">
        <?php 
            $prize1_display = ambil4Angka_custom($itemLatest["prize1"] ?? '----');
            $prize2_display = ambil4Angka_custom($itemLatest["prize2"] ?? '----');
            $prize3_display = ambil4Angka_custom($itemLatest["prize3"] ?? '----');
        ?>
        <a href="https://dilip.at/ipnloginzen" target="_blank" rel="nofollow" class="login1-button link-gacor" style="font-size:22px; letter-spacing:2px;"><?php echo esc($prize1_display); ?></a>
        <a href="https://pnda.red/ipndaftarzen" target="_blank" rel="nofollow" class="register1-button" style="font-size:22px; letter-spacing:2px;"><?php echo esc($prize2_display); ?></a>
        <a href="https://pnda.red/ipndaftarzen" target="_blank" rel="nofollow" class="register1-button" style="font-size:22px; letter-spacing:2px; background:#330000;"><?php echo esc($prize3_display); ?></a>
    </div>

    <table class="help-table">
        <tr>
            <td>
                <a href="https://pnda.red/tiger138" target="_blank" rel="noopener nofollow" class="help-button">
                    <amp-img layout="fixed" width="10" height="10" src="" alt="Bantuan" loading="lazy"></amp-img>
                    AGEN TOTO TOGEL ONLINE
                </a>
            </td>
        </tr>
    </table>

    <amp-img class="banner-gif" layout="intrinsic" src="images/banners/Bajawatogel.webp" title="SLOT GACOR" alt="SLOT GACOR" width="1200" height="250" loading="lazy"></amp-img>
    <amp-img class="banner-gif" layout="intrinsic" src="images/banners/Naskahtoto.webp" title="SLOT GACOR" alt="SLOT GACOR" width="1200" height="250" loading="lazy"></amp-img>
    <amp-img class="banner-gif" layout="intrinsic" src="images/banners/Drumtogel.webp" title="SLOT GACOR" alt="SLOT GACOR" width="1200" height="250" loading="lazy"></amp-img>
    <amp-img class="banner-gif" layout="intrinsic" src="images/banners/Atas4d.webp" title="SLOT GACOR" alt="SLOT GACOR" width="1200" height="250" loading="lazy"></amp-img>
    <amp-img class="banner-gif" layout="intrinsic" src="images/banners/Jari4d.webp" title="SLOT GACOR" alt="SLOT GACOR" width="1200" height="250" loading="lazy"></amp-img>
    <amp-img class="banner-gif" layout="intrinsic" src="images/banners/Restutogel.webp" title="SLOT GACOR" alt="SLOT GACOR" width="1200" height="250" loading="lazy"></amp-img>
    <amp-img class="banner-gif" layout="intrinsic" src="images/banners/Aviantogel.webp" title="SLOT GACOR" alt="SLOT GACOR" width="1200" height="250" loading="lazy"></amp-img>

    <div class="marquee-text">
        <div style="font-size:12px;">Selamat Datang di Situs Resmi LIVEDRAW CHINA ♨️ Andalan Informasi Live Draw China Terpercaya dengan Data Keluaran Terbaru, Update Cepat, dan Akses Mudah untuk Semua Penggemar Pasaran China!</div>
    </div>

    <div class="popular-game-title-container">
        <div class="container">
            <div class="title">
                <amp-img class="popular-games-icon" layout="intrinsic" height="24" width="25" src="https://i.imgur.com/stssxGm.png" alt="Game Modern" loading="lazy"></amp-img>
                RESULT CHINA POOLS HARI INI
            </div>
        </div>
    </div>

    <table class="table-livedraw">
        <thead>
            <tr><th colspan="2" style="color:#ff4444;">CHINA POOLS</th></tr>
        </thead>
        <tbody>
            <?php echo $resultRow; ?>
        </tbody>
    </table>

    <div class="popular-game-title-container">
        <div class="container">
            <div class="title">
                <amp-img class="popular-games-icon" layout="intrinsic" height="24" width="25" src="https://i.imgur.com/stssxGm.png" alt="Game Modern" loading="lazy"></amp-img>
                DATA RESULT CHINA TERBARU
            </div>
        </div>
    </div>

    <div class="history-wrapper">
        <table class="history-table">
            <thead>
                <tr>
                    <th>Tanggal</th>
                    <th>Jam</th>
                    <th>1st Prize</th>
                    <th>2nd Prize</th>
                    <th>3rd Prize</th>
                </tr>
            </thead>
            <tbody>
                <?php echo $historyRows; ?>
            </tbody>
        </table>
    </div>
    <?php echo $paginationHTML; ?>

    <br>
    
    <div class="popular-game-title-container">
        <div class="container">
            <div class="title">
                <amp-img class="popular-games-icon" layout="intrinsic" height="24" width="25" src="https://i.imgur.com/stssxGm.png" alt="FAQ" loading="lazy"></amp-img>
                <h2 style="font-size: var(--large-font); color: #ffffff; margin: 0; display: inline;">PERTANYAAN UMUM SEPUTAR LIVEDRAW CHINA</h2>
            </div>
        </div>
    </div>

    <div style="background: #0a0000; padding: 15px; border: 1px solid #4d0000; border-radius: 10px; margin: 10px 5px;">
        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Apa itu Live Draw China?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Live Draw China adalah siaran langsung pengundian nomor togel China Pools yang disiarkan secara real-time. Hasil undian ini menjadi acuan resmi bagi para pemain togel untuk mengetahui angka keluaran terbaru.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Kapan jadwal Live Draw China dilaksanakan?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Live Draw China biasanya dilaksanakan setiap hari pada jam tertentu. Untuk jadwal lengkap dan akurat, selalu pantau situs resmi kami atau lihat informasi terbaru di halaman ini.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Bagaimana cara melihat hasil pengeluaran China?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Hasil pengeluaran China dapat dilihat langsung di tabel RESULT CHINA POOLS HARI INI yang tersedia di halaman ini. Data diperbarui secara otomatis setiap kali hasil resmi dikeluarkan.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Apakah data yang ditampilkan akurat dan terpercaya?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Ya, semua data yang kami tampilkan bersumber dari situs resmi China Pools dan diperbarui secara real-time. Kami selalu menjaga keakuratan dan kecepatan informasi untuk kenyamanan pengunjung.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Apa perbedaan antara 1st Prize, 2nd Prize, dan 3rd Prize?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">1st Prize adalah hadiah utama (juara 1), 2nd Prize adalah hadiah kedua (juara 2), dan 3rd Prize adalah hadiah ketiga (juara 3). Setiap prize memiliki nominal hadiah yang berbeda sesuai aturan China Pools.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Apakah saya bisa memasang togel China di sini?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Halaman ini hanya menyediakan informasi hasil Live Draw China. Untuk memasang togel, Anda dapat mengakses link agen resmi yang tersedia di halaman ini dan melakukan pendaftaran terlebih dahulu.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Berapa lama data history disimpan?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Data history disimpan untuk periode satu bulan terakhir. Anda dapat melihat data sebelumnya melalui tabel DATA RESULT CHINA TERBARU yang dilengkapi dengan fitur paginasi untuk navigasi yang mudah.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Bagaimana cara membaca angka togel China?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Angka togel China terdiri dari 4 digit untuk setiap prize. Contoh: 1234 berarti angka ribuan=1, ratusan=2, puluhan=3, dan satuan=4. Anda dapat memasang berbagai jenis taruhan seperti 4D, 3D, 2D, dan lainnya.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Apakah situs ini gratis untuk digunakan?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Ya, situs ini sepenuhnya gratis untuk digunakan. Kami menyediakan informasi Live Draw China tanpa biaya apapun. Kunjungi situs kami setiap hari untuk mendapatkan update terbaru.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Apakah data bisa diakses melalui HP?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Tentu saja! Halaman ini didesain responsif dan mobile-friendly. Anda dapat mengakses Live Draw China kapan saja dan di mana saja melalui smartphone atau tablet Anda.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Apa yang dimaksud dengan China Pools?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">China Pools adalah pasaran togel resmi yang berasal dari China. Pasaran ini dikenal dengan jadwal yang teratur dan hasil undian yang transparan, menjadi favorit bagi banyak pemain togel di Indonesia.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Apakah ada aplikasi khusus untuk Live Draw China?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Saat ini kami menyediakan akses melalui website yang sudah dioptimalkan untuk mobile. Kami juga terus mengembangkan fitur agar pengalaman mengakses Live Draw China semakin mudah dan cepat.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Bagaimana cara melihat hasil draw sebelumnya?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Anda dapat melihat hasil draw sebelumnya pada tabel DATA RESULT CHINA TERBARU. Gunakan tombol paginasi untuk menelusuri data dari hari-hari sebelumnya dengan mudah.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Apakah ada jam tayang ulang Live Draw China?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Hasil Live Draw China biasanya langsung diupdate di situs ini. Anda tidak perlu menunggu tayang ulang karena semua data sudah tersedia secara real-time dan dapat diakses kapan saja.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Bagaimana jika ada perbedaan data dengan sumber lain?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Kami selalu mengutamakan akurasi data. Jika menemukan perbedaan, silakan merujuk pada sumber resmi China Pools. Kami juga secara berkala melakukan verifikasi data untuk memastikan keakuratannya.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Apa keuntungan menggunakan situs ini?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Keuntungan menggunakan situs kami: data update cepat, akurat, gratis, akses 24 jam, tampilan mobile-friendly, dan dilengkapi dengan informasi lengkap serta link agen resmi terpercaya.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Apakah data China Pools sama dengan data Togel China lainnya?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Ya, China Pools adalah pasaran togel resmi China. Data yang kami tampilkan adalah data resmi dari sumber terpercaya dan sama dengan yang digunakan oleh agen-agen togel resmi lainnya.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Bagaimana cara mendapatkan notifikasi hasil draw?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Untuk saat ini, Anda dapat memantau langsung halaman ini. Kami sedang mengembangkan fitur notifikasi untuk memberikan kemudahan bagi pengunjung setia kami.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Apakah ada biaya untuk melihat data Live Draw?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Tidak ada biaya sama sekali. Semua data Live Draw China yang kami tampilkan gratis untuk semua pengunjung. Kami berkomitmen memberikan informasi togel China terbaik tanpa pungutan biaya.</p>
        </div>

        <div style="border-bottom: 1px solid #2a0000; padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Bagaimana cara menghubungi admin jika ada pertanyaan?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Anda dapat menghubungi admin melalui link agen yang tersedia di halaman ini. Tim customer service kami siap membantu Anda 24 jam sehari untuk semua pertanyaan seputar Live Draw China.</p>
        </div>

        <div style="padding: 12px 0;">
            <h3 style="font-size: 14px; color: #ff4444; margin: 0 0 8px 0;">❓ Apakah situs ini aman digunakan?</h3>
            <p style="color: #cccccc; padding: 0 0 0 20px; font-size: 13px; line-height: 1.6; margin: 0;">Ya, situs ini aman digunakan. Kami menggunakan teknologi enkripsi untuk melindungi data pengunjung dan tidak meminta informasi pribadi yang sensitif. Selalu waspadai situs palsu dan gunakan hanya situs resmi kami.</p>
        </div>
    </div>

    <div class="copyright" style="background: #0a0000; padding: 30px 0 25px; text-align: center; border-top: 3px solid #cc0000; margin-top: 20px; margin-bottom: 80px; position: relative; z-index: 1;">
        <div style="color: #ff4444; font-size: 15px; font-weight: bold; text-shadow: 0 0 10px rgba(255,0,0,0.3);">
            &copy; Copyright 2026 | LIVEDRAW CHINA
        </div>
        <div style="color: #999999; font-size: 12px; margin-top: 8px;">
            All Rights Reserved
        </div>
    </div>

    <div class="footer-gif-container">
        <a href="https://takenlink.eu/linkvvipobral" target="_blank" rel="noopener noreferrer" class="footer-gif-link">
            <amp-img src="images/banners/Obraltoto.webp" 
                     fallback="https://ir.gambar-dg.com/toto88/asli/toto88-icon.png"
                     width="500" height="75" layout="responsive" loading="lazy" alt="Obraltoto"></amp-img>
        </a>
    </div>
</body>
</html>