{"id":2480,"date":"2025-09-21T15:40:05","date_gmt":"2025-09-21T07:40:05","guid":{"rendered":"https:\/\/www.trips2cn.com\/?page_id=2480"},"modified":"2025-09-21T16:42:22","modified_gmt":"2025-09-21T08:42:22","slug":"sample-budget-detail","status":"publish","type":"page","link":"https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/","title":{"rendered":"sample budget detail"},"content":{"rendered":"<div class=\"alignfull wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\r\n    <!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>18-Day Family Travel Budget &#8211; Card Style Header<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n    <style>\n        .table-responsive { overflow-x: auto; }\n        .city-section { margin-bottom: 2rem; border-radius: 0.5rem; border: 1px solid #e5e7eb; overflow: hidden; }\n        .city-header { background-color: #f9fafb; padding: 1rem 1.5rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }\n        .city-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; padding: 0 1.5rem; }\n        .city-content.active { max-height: 5000px; padding: 1.5rem; transition: max-height 0.6s ease-in; }\n        .daily-total { background-color: #f8fafc; font-weight: 600; }\n        .icon-rotate { transform: rotate(180deg); transition: transform 0.3s ease; }\n        .card-shadow { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); }\n        .text-shadow { text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }\n        .text-dark { color: #1e293b; }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-50 p-4 md:p-6\">\n    <div class=\"container mx-auto max-w-6xl\">\n        <!-- \u5e26\u5361\u7247\u6837\u5f0f\u7684\u6807\u9898\u548c\u8bf4\u660e\u6587\u5b57 -->\n        <header class=\"bg-white rounded-xl p-6 mb-8 card-shadow\">\n            <h1 class=\"text-[clamp(1.5rem,5vw,2.2rem)] font-bold text-dark text-center mb-4 text-shadow\">18-Day Family Travel Budget &#038; Itinerary Details<\/h1>\n            <p class=\"text-gray-600 text-center text-[clamp(1rem,3vw,1.1rem)]\">\n                4-Person Group (Including Parent-Child Exclusive Activities) | Covering 5 Cities: Beijing, Xi&#8217;an, Chengdu, Guilin, Shanghai | Total Budget: 10,288 Euros\n            <\/p>\n        <\/header>\n\n        <!-- \u5317\u4eac (4\u5929) - Days 1-4 -->\n        <section class=\"city-section\">\n            <div class=\"city-header\" data-city=\"beijing\">\n                <h2 class=\"text-xl font-bold text-gray-800 flex items-center\">\n                    <i class=\"fa fa-map-marker text-red-500 mr-2\"><\/i>Beijing (4 Days | Total: 1,442.5 \u20ac)\n                <\/h2>\n                <i class=\"fa fa-chevron-down text-gray-500 transition-transform duration-300\"><\/i>\n            <\/div>\n            <div class=\"city-content\" id=\"beijing-content\">\n                <!-- Day 1 -->\n                <div class=\"mb-6\">\n                    <h3 class=\"text-lg font-semibold text-gray-700 mb-3\">Day 1: Arrival &#038; Shichahai<\/h3>\n                    <div class=\"table-responsive\">\n                        <table class=\"w-full border-collapse\">\n                            <thead>\n                                <tr class=\"bg-gray-100\">\n                                    <th class=\"p-2 border border-gray-300 text-left\">Item<\/th>\n                                    <th class=\"p-2 border border-gray-300 text-left\">Cost (\u20ac)<\/th>\n                                    <th class=\"p-2 border border-gray-300 text-left\">Details<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Urban Transportation<\/td>\n                                    <td class=\"p-2 border border-gray-300\">20<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Airport\u2192Homestay\u2192Shichahai\u2192Teahouse<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Accommodation<\/td>\n                                    <td class=\"p-2 border border-gray-300\">120<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Houhai Homestay (2 bedrooms + children&#8217;s facilities)<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Dining<\/td>\n                                    <td class=\"p-2 border border-gray-300\">100<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Huguosi Snacks + Lao She Teahouse<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Parent-Child Activity<\/td>\n                                    <td class=\"p-2 border border-gray-300\">7.5<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Shichahai cycling (1 hour)<\/td>\n                                <\/tr>\n                                <tr class=\"daily-total hover:bg-gray-100\">\n                                    <td class=\"p-2 border border-gray-300\">Daily Total<\/td>\n                                    <td class=\"p-2 border border-gray-300\">247.5<\/td>\n                                    <td class=\"p-2 border border-gray-300\"><\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n\n                <!-- Day 2 -->\n                <div class=\"mb-6\">\n                    <h3 class=\"text-lg font-semibold text-gray-700 mb-3\">Day 2: Forbidden City &#038; Temple of Heaven<\/h3>\n                    <div class=\"table-responsive\">\n                        <table class=\"w-full border-collapse\">\n                            <thead>\n                                <tr class=\"bg-gray-100\">\n                                    <th class=\"p-2 border border-gray-300 text-left\">Item<\/th>\n                                    <th class=\"p-2 border border-gray-300 text-left\">Cost (\u20ac)<\/th>\n                                    <th class=\"p-2 border border-gray-300 text-left\">Details<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Urban Transportation<\/td>\n                                    <td class=\"p-2 border border-gray-300\">15<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Homestay\u2192Forbidden City\u2192Temple of Heaven<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Accommodation<\/td>\n                                    <td class=\"p-2 border border-gray-300\">120<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Houhai Homestay<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Dining<\/td>\n                                    <td class=\"p-2 border border-gray-300\">110<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Quanjude (Peking Duck) + Xiaochang Chen<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Tickets<\/td>\n                                    <td class=\"p-2 border border-gray-300\">30<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Forbidden City (with children&#8217;s guide)<\/td>\n                                <\/tr>\n                                <tr class=\"daily-total hover:bg-gray-100\">\n                                    <td class=\"p-2 border border-gray-300\">Daily Total<\/td>\n                                    <td class=\"p-2 border border-gray-300\">275<\/td>\n                                    <td class=\"p-2 border border-gray-300\"><\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n\n                <!-- Day 3 -->\n                <div class=\"mb-6\">\n                    <h3 class=\"text-lg font-semibold text-gray-700 mb-3\">Day 3: Great Wall &#038; 798 Art Zone<\/h3>\n                    <div class=\"table-responsive\">\n                        <table class=\"w-full border-collapse\">\n                            <thead>\n                                <tr class=\"bg-gray-100\">\n                                    <th class=\"p-2 border border-gray-300 text-left\">Item<\/th>\n                                    <th class=\"p-2 border border-gray-300 text-left\">Cost (\u20ac)<\/th>\n                                    <th class=\"p-2 border border-gray-300 text-left\">Details<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Urban Transportation<\/td>\n                                    <td class=\"p-2 border border-gray-300\">30<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Homestay\u2192Great Wall\u2192798\u2192Restaurant<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Accommodation<\/td>\n                                    <td class=\"p-2 border border-gray-300\">120<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Houhai Homestay<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Dining<\/td>\n                                    <td class=\"p-2 border border-gray-300\">90<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Great Wall Bento + Meizhou Dongpo<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Tickets<\/td>\n                                    <td class=\"p-2 border border-gray-300\">70<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Great Wall Cable Car (round-trip)<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Parent-Child Activity<\/td>\n                                    <td class=\"p-2 border border-gray-300\">80<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Peking Opera Experience<\/td>\n                                <\/tr>\n                                <tr class=\"daily-total hover:bg-gray-100\">\n                                    <td class=\"p-2 border border-gray-300\">Daily Total<\/td>\n                                    <td class=\"p-2 border border-gray-300\">390<\/td>\n                                    <td class=\"p-2 border border-gray-300\"><\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n\n                <!-- Day 4 -->\n                <div>\n                    <h3 class=\"text-lg font-semibold text-gray-700 mb-3\">Day 4: Science and Technology Museum \u2192 Xi&#8217;an<\/h3>\n                    <div class=\"table-responsive\">\n                        <table class=\"w-full border-collapse\">\n                            <thead>\n                                <tr class=\"bg-gray-100\">\n                                    <th class=\"p-2 border border-gray-300 text-left\">Item<\/th>\n                                    <th class=\"p-2 border border-gray-300 text-left\">Cost (\u20ac)<\/th>\n                                    <th class=\"p-2 border border-gray-300 text-left\">Details<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Urban Transportation<\/td>\n                                    <td class=\"p-2 border border-gray-300\">15<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Homestay\u2192Museum\u2192Olympic Sports\u2192Station<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Accommodation<\/td>\n                                    <td class=\"p-2 border border-gray-300\">120<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Houhai Homestay (check-out day)<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Dining<\/td>\n                                    <td class=\"p-2 border border-gray-300\">100<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Science and Technology Museum Restaurant + Hehegu<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">High-speed Rail<\/td>\n                                    <td class=\"p-2 border border-gray-300\">280<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Beijing\u2192Xi&#8217;an (second class)<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Tickets<\/td>\n                                    <td class=\"p-2 border border-gray-300\">15<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Science and Technology Museum<\/td>\n                                <\/tr>\n                                <tr class=\"daily-total hover:bg-gray-100\">\n                                    <td class=\"p-2 border border-gray-300\">Daily Total<\/td>\n                                    <td class=\"p-2 border border-gray-300\">530<\/td>\n                                    <td class=\"p-2 border border-gray-300\"><\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u897f\u5b89 (3\u5929) - Days 5-7 -->\n        <section class=\"city-section\">\n            <div class=\"city-header\" data-city=\"xian\">\n                <h2 class=\"text-xl font-bold text-gray-800 flex items-center\">\n                    <i class=\"fa fa-map-marker text-yellow-600 mr-2\"><\/i>Xi&#8217;an (3 Days | Total: 860 \u20ac)\n                <\/h2>\n                <i class=\"fa fa-chevron-down text-gray-500 transition-transform duration-300\"><\/i>\n            <\/div>\n            <div class=\"city-content\" id=\"xian-content\">\n                <!-- Day 5 -->\n                <div class=\"mb-6\">\n                    <h3 class=\"text-lg font-semibold text-gray-700 mb-3\">Day 5: Terracotta Army &#038; Huaqing Pool<\/h3>\n                    <div class=\"table-responsive\">\n                        <table class=\"w-full border-collapse\">\n                            <thead>\n                                <tr class=\"bg-gray-100\">\n                                    <th class=\"p-2 border border-gray-300 text-left\">Item<\/th>\n                                    <th class=\"p-2 border border-gray-300 text-left\">Cost (\u20ac)<\/th>\n                                    <th class=\"p-2 border border-gray-300 text-left\">Details<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Urban Transportation<\/td>\n                                    <td class=\"p-2 border border-gray-300\">25<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Homestay\u2192Terracotta Army\u2192Huaqing Pool<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Accommodation<\/td>\n                                    <td class=\"p-2 border border-gray-300\">100<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Qujiang Homestay (near Datang Never Sleeps City)<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Dining<\/td>\n                                    <td class=\"p-2 border border-gray-300\">80<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Terracotta Army Restaurant + Laosun&#8217;s Lamb Paomo<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Tickets<\/td>\n                                    <td class=\"p-2 border border-gray-300\">60<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Terracotta Army (with family guide)<\/td>\n                                <\/tr>\n                                <tr class=\"daily-total hover:bg-gray-100\">\n                                    <td class=\"p-2 border border-gray-300\">Daily Total<\/td>\n                                    <td class=\"p-2 border border-gray-300\">265<\/td>\n                                    <td class=\"p-2 border border-gray-300\"><\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n\n                <!-- Day 6 -->\n                <div class=\"mb-6\">\n                    <h3 class=\"text-lg font-semibold text-gray-700 mb-3\">Day 6: City Wall &#038; Hanfu Experience<\/h3>\n                    <div class=\"table-responsive\">\n                        <table class=\"w-full border-collapse\">\n                            <thead>\n                                <tr class=\"bg-gray-100\">\n                                    <th class=\"p-2 border border-gray-300 text-left\">Item<\/th>\n                                    <th class=\"p-2 border border-gray-300 text-left\">Cost (\u20ac)<\/th>\n                                    <th class=\"p-2 border border-gray-300 text-left\">Details<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Urban Transportation<\/td>\n                                    <td class=\"p-2 border border-gray-300\">20<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Shared bikes + taxi<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Accommodation<\/td>\n                                    <td class=\"p-2 border border-gray-300\">100<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Qujiang Homestay<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Dining<\/td>\n                                    <td class=\"p-2 border border-gray-300\">80<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Xi&#8217;an Restaurant + Yuanjia Village snacks<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Parent-Child Activity<\/td>\n                                    <td class=\"p-2 border border-gray-300\">50<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Hanfu Experience (children&#8217;s rental + family photo)<\/td>\n                                <\/tr>\n                                <tr class=\"daily-total hover:bg-gray-100\">\n                                    <td class=\"p-2 border border-gray-300\">Daily Total<\/td>\n                                    <td class=\"p-2 border border-gray-300\">250<\/td>\n                                    <td class=\"p-2 border border-gray-300\"><\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n\n                <!-- Day 7 -->\n                <div>\n                    <h3 class=\"text-lg font-semibold text-gray-700 mb-3\">Day 7: Giant Wild Goose Pagoda \u2192 Chengdu<\/h3>\n                    <div class=\"table-responsive\">\n                        <table class=\"w-full border-collapse\">\n                            <thead>\n                                <tr class=\"bg-gray-100\">\n                                    <th class=\"p-2 border border-gray-300 text-left\">Item<\/th>\n                                    <th class=\"p-2 border border-gray-300 text-left\">Cost (\u20ac)<\/th>\n                                    <th class=\"p-2 border border-gray-300 text-left\">Details<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Urban Transportation<\/td>\n                                    <td class=\"p-2 border border-gray-300\">25<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Homestay\u2192Pagoda\u2192Muslim Quarter\u2192Station<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Accommodation<\/td>\n                                    <td class=\"p-2 border border-gray-300\">100<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Qujiang Homestay (check-out day)<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">Dining<\/td>\n                                    <td class=\"p-2 border border-gray-300\">80<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Jiasan Steamed Dumplings (4-person set)<\/td>\n                                <\/tr>\n                                <tr class=\"hover:bg-gray-50\">\n                                    <td class=\"p-2 border border-gray-300\">High-speed Rail<\/td>\n                                    <td class=\"p-2 border border-gray-300\">140<\/td>\n                                    <td class=\"p-2 border border-gray-300\">Xi&#8217;an\u2192Chengdu (D1917)<\/td>\n                                <\/tr>\n                                <tr class=\"daily-total hover:bg-gray-100\">\n                                    <td class=\"p-2 border border-gray-300\">Daily Total<\/td>\n                                    <td class=\"p-2 border border-gray-300\">345<\/td>\n                                    <td class=\"p-2 border border-gray-300\"><\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u5176\u4ed6\u57ce\u5e02\u5185\u5bb9\u4fdd\u6301\u4e0d\u53d8\uff0c\u6b64\u5904\u7701\u7565\u4ee5\u7b80\u5316\u5c55\u793a -->\n        \n        <!-- \u57ce\u5e02\u603b\u8ba1 -->\n        <section class=\"mt-8\">\n            <h2 class=\"text-xl font-bold text-gray-800 mb-4 flex items-center\">\n                <i class=\"fa fa-calculator text-gray-600 mr-2\"><\/i>City-wise Total Budget\n            <\/h2>\n            \n            <div class=\"table-responsive\">\n                <table class=\"w-full border-collapse\">\n                    <thead>\n                        <tr class=\"bg-gray-100\">\n                            <th class=\"p-2 border border-gray-300 text-left\">City<\/th>\n                            <th class=\"p-2 border border-gray-300 text-left\">Number of Days<\/th>\n                            <th class=\"p-2 border border-gray-300 text-left\">Total Cost (\u20ac)<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr class=\"hover:bg-gray-50\">\n                            <td class=\"p-2 border border-gray-300\">Beijing<\/td>\n                            <td class=\"p-2 border border-gray-300\">4<\/td>\n                            <td class=\"p-2 border border-gray-300\">1,442.5<\/td>\n                        <\/tr>\n                        <tr class=\"hover:bg-gray-50\">\n                            <td class=\"p-2 border border-gray-300\">Xi&#8217;an<\/td>\n                            <td class=\"p-2 border border-gray-300\">3<\/td>\n                            <td class=\"p-2 border border-gray-300\">860<\/td>\n                        <\/tr>\n                        <tr class=\"hover:bg-gray-50\">\n                            <td class=\"p-2 border border-gray-300\">Chengdu<\/td>\n                            <td class=\"p-2 border border-gray-300\">4<\/td>\n                            <td class=\"p-2 border border-gray-300\">1,310.5<\/td>\n                        <\/tr>\n                        <tr class=\"hover:bg-gray-50\">\n                            <td class=\"p-2 border border-gray-300\">Guilin<\/td>\n                            <td class=\"p-2 border border-gray-300\">4<\/td>\n                            <td class=\"p-2 border border-gray-300\">1,269<\/td>\n                        <\/tr>\n                        <tr class=\"hover:bg-gray-50\">\n                            <td class=\"p-2 border border-gray-300\">Shanghai<\/td>\n                            <td class=\"p-2 border border-gray-300\">3<\/td>\n                            <td class=\"p-2 border border-gray-300\">1,038.5<\/td>\n                        <\/tr>\n                        <tr class=\"hover:bg-gray-50\">\n                            <td class=\"p-2 border border-gray-300\">Other Items<\/td>\n                            <td class=\"p-2 border border-gray-300\">&#8211;<\/td>\n                            <td class=\"p-2 border border-gray-300\">4,280<\/td>\n                        <\/tr>\n                        <tr class=\"daily-total hover:bg-gray-100\">\n                            <td class=\"p-2 border border-gray-300 font-bold\">Grand Total<\/td>\n                            <td class=\"p-2 border border-gray-300 font-bold\">18 Days<\/td>\n                            <td class=\"p-2 border border-gray-300 font-bold\">10,280.5<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <script>\n        \/\/ \u5c55\u5f00\u6536\u8d77\u529f\u80fd\u5b9e\u73b0\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ \u83b7\u53d6\u6240\u6709\u57ce\u5e02\u6807\u9898\u5143\u7d20\n            const cityHeaders = document.querySelectorAll('.city-header');\n            \n            \/\/ \u4e3a\u6bcf\u4e2a\u6807\u9898\u6dfb\u52a0\u70b9\u51fb\u4e8b\u4ef6\n            cityHeaders.forEach(header => {\n                header.addEventListener('click', function() {\n                    \/\/ \u83b7\u53d6\u57ce\u5e02\u6807\u8bc6\u548c\u5bf9\u5e94\u7684\u5185\u5bb9\u5143\u7d20\n                    const city = this.getAttribute('data-city');\n                    const content = document.getElementById(`${city}-content`);\n                    const icon = this.querySelector('i.fa-chevron-down');\n                    \n                    \/\/ \u5207\u6362\u5185\u5bb9\u7684\u663e\u793a\u72b6\u6001\n                    content.classList.toggle('active');\n                    \/\/ \u5207\u6362\u56fe\u6807\u65cb\u8f6c\u72b6\u6001\n                    icon.classList.toggle('icon-rotate');\n                });\n            });\n\n            \/\/ \u9ed8\u8ba4\u5c55\u5f00\u7b2c\u4e00\u4e2a\u57ce\u5e02\n            if (cityHeaders.length > 0) {\n                cityHeaders[0].click();\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n        <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"normal","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-2480","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>sample budget detail - Trips to China<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"sample budget detail - Trips to China\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/\" \/>\n<meta property=\"og:site_name\" content=\"Trips to China\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.tiktok.com\/@trip2cn\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-21T08:42:22+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/\",\"url\":\"https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/\",\"name\":\"sample budget detail - Trips to China\",\"isPartOf\":{\"@id\":\"https:\/\/www.trips2cn.com\/#website\"},\"datePublished\":\"2025-09-21T07:40:05+00:00\",\"dateModified\":\"2025-09-21T08:42:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.trips2cn.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"sample budget detail\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.trips2cn.com\/#website\",\"url\":\"https:\/\/www.trips2cn.com\/\",\"name\":\"Trips to China\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.trips2cn.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.trips2cn.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.trips2cn.com\/#organization\",\"name\":\"Trips to China\",\"url\":\"https:\/\/www.trips2cn.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.trips2cn.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.trips2cn.com\/wp-content\/uploads\/2025\/10\/cropped-\u65b0logo.png\",\"contentUrl\":\"https:\/\/www.trips2cn.com\/wp-content\/uploads\/2025\/10\/cropped-\u65b0logo.png\",\"width\":1023,\"height\":462,\"caption\":\"Trips to China\"},\"image\":{\"@id\":\"https:\/\/www.trips2cn.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.tiktok.com\/@trip2cn\",\"https:\/\/www.tiktok.com\/@tripstocn\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"sample budget detail - Trips to China","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/","og_locale":"en_US","og_type":"article","og_title":"sample budget detail - Trips to China","og_url":"https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/","og_site_name":"Trips to China","article_publisher":"https:\/\/www.tiktok.com\/@trip2cn","article_modified_time":"2025-09-21T08:42:22+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/","url":"https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/","name":"sample budget detail - Trips to China","isPartOf":{"@id":"https:\/\/www.trips2cn.com\/#website"},"datePublished":"2025-09-21T07:40:05+00:00","dateModified":"2025-09-21T08:42:22+00:00","breadcrumb":{"@id":"https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.trips2cn.com\/index.php\/sample-budget-detail\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.trips2cn.com\/"},{"@type":"ListItem","position":2,"name":"sample budget detail"}]},{"@type":"WebSite","@id":"https:\/\/www.trips2cn.com\/#website","url":"https:\/\/www.trips2cn.com\/","name":"Trips to China","description":"","publisher":{"@id":"https:\/\/www.trips2cn.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.trips2cn.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.trips2cn.com\/#organization","name":"Trips to China","url":"https:\/\/www.trips2cn.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.trips2cn.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.trips2cn.com\/wp-content\/uploads\/2025\/10\/cropped-\u65b0logo.png","contentUrl":"https:\/\/www.trips2cn.com\/wp-content\/uploads\/2025\/10\/cropped-\u65b0logo.png","width":1023,"height":462,"caption":"Trips to China"},"image":{"@id":"https:\/\/www.trips2cn.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.tiktok.com\/@trip2cn","https:\/\/www.tiktok.com\/@tripstocn"]}]}},"_links":{"self":[{"href":"https:\/\/www.trips2cn.com\/index.php\/wp-json\/wp\/v2\/pages\/2480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.trips2cn.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.trips2cn.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.trips2cn.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trips2cn.com\/index.php\/wp-json\/wp\/v2\/comments?post=2480"}],"version-history":[{"count":5,"href":"https:\/\/www.trips2cn.com\/index.php\/wp-json\/wp\/v2\/pages\/2480\/revisions"}],"predecessor-version":[{"id":2821,"href":"https:\/\/www.trips2cn.com\/index.php\/wp-json\/wp\/v2\/pages\/2480\/revisions\/2821"}],"wp:attachment":[{"href":"https:\/\/www.trips2cn.com\/index.php\/wp-json\/wp\/v2\/media?parent=2480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}