{"id":13,"date":"2026-05-22T06:53:15","date_gmt":"2026-05-22T06:53:15","guid":{"rendered":"https:\/\/northbound-auto.com\/?page_id=13"},"modified":"2026-05-28T08:35:18","modified_gmt":"2026-05-28T08:35:18","slug":"about","status":"publish","type":"page","link":"https:\/\/northbound-auto.com\/","title":{"rendered":"About"},"content":{"rendered":"\n<div class=\"custom-wp-wrapper\">\n    <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\">\n    <link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hanken+Grotesk:wght@400;500;600&#038;family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&#038;display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&#038;display=swap\" rel=\"stylesheet\">\n\n    <script id=\"tailwind-config\">\n        tailwind.config = {\n          darkMode: \"class\",\n          theme: {\n            extend: {\n              \"colors\": {\n                      \"outline\": \"#7e7576\", \"surface-tint\": \"#5e5e5e\", \"primary\": \"#000000\",\n                      \"on-secondary-fixed-variant\": \"#454747\", \"secondary\": \"#5d5f5f\",\n                      \"on-primary-fixed\": \"#1b1b1b\", \"tertiary\": \"#000000\", \"inverse-primary\": \"#c6c6c6\",\n                      \"primary-fixed\": \"#e2e2e2\", \"on-primary-fixed-variant\": \"#474747\",\n                      \"on-tertiary-container\": \"#848484\", \"on-background\": \"#1a1c1c\",\n                      \"secondary-fixed\": \"#e2e2e2\", \"on-tertiary\": \"#ffffff\", \"on-primary-container\": \"#848484\",\n                      \"primary-fixed-dim\": \"#c6c6c6\", \"surface-container-highest\": \"#e2e2e2\",\n                      \"on-surface-variant\": \"#4c4546\", \"tertiary-container\": \"#1b1c1c\",\n                      \"surface-variant\": \"#e2e2e2\", \"secondary-fixed-dim\": \"#c6c6c7\",\n                      \"on-secondary\": \"#ffffff\", \"error\": \"#ba1a1a\", \"on-secondary-fixed\": \"#1a1c1c\",\n                      \"surface-container\": \"#eeeeee\", \"surface\": \"#f9f9f9\", \"surface-container-high\": \"#e8e8e8\",\n                      \"surface-bright\": \"#f9f9f9\", \"on-error\": \"#ffffff\", \"on-tertiary-fixed\": \"#1b1c1c\",\n                      \"outline-variant\": \"#cfc4c5\", \"error-container\": \"#ffdad6\", \"on-primary\": \"#ffffff\",\n                      \"surface-container-lowest\": \"#ffffff\", \"surface-container-low\": \"#f3f3f3\",\n                      \"on-error-container\": \"#93000a\", \"tertiary-fixed\": \"#e3e2e2\", \"secondary-container\": \"#dfe0e0\",\n                      \"on-surface\": \"#1a1c1c\", \"inverse-surface\": \"#2f3131\", \"primary-container\": \"#1b1b1b\",\n                      \"tertiary-fixed-dim\": \"#c7c6c6\", \"background\": \"#f9f9f9\", \"on-secondary-container\": \"#616363\",\n                      \"inverse-on-surface\": \"#f1f1f1\", \"on-tertiary-fixed-variant\": \"#464747\", \"surface-dim\": \"#dadada\"\n              },\n              \"borderRadius\": { \"DEFAULT\": \"0.25rem\", \"lg\": \"0.5rem\", \"xl\": \"0.75rem\", \"full\": \"9999px\" },\n              \"spacing\": { \"grid-margin\": \"64px\", \"element-gap\": \"48px\", \"max-width\": \"1440px\", \"grid-gutter\": \"24px\", \"section-gap\": \"160px\" },\n              \"fontFamily\": {\n                      \"nav-link\": [\"Hanken Grotesk\"], \"body-md\": [\"Hanken Grotesk\"], \n                      \"label-caps\": [\"Hanken Grotesk\"], \"body-lg\": [\"Hanken Grotesk\"]\n              },\n              \"fontSize\": {\n                      \"nav-link\": [\"14px\", {\"lineHeight\": \"20px\", \"letterSpacing\": \"0.1em\", \"fontWeight\": \"500\"}],\n                      \"body-md\": [\"16px\", {\"lineHeight\": \"28px\", \"fontWeight\": \"400\"}],\n                      \"label-caps\": [\"12px\", {\"lineHeight\": \"16px\", \"letterSpacing\": \"0.15em\", \"fontWeight\": \"600\"}],\n                      \"body-lg\": [\"18px\", {\"lineHeight\": \"32px\", \"fontWeight\": \"400\"}]\n              }\n            },\n          },\n        }\n    <\/script>\n\n    <style>\n        .custom-wp-wrapper {\n            width: 100%;\n            background-color: #f9f9f9;\n            color: #1a1c1c;\n            font-family: 'Hanken Grotesk', sans-serif;\n            -webkit-font-smoothing: antialiased;\n        }\n        \/* \u4ec5\u5728\u767b\u5f55\u7ba1\u7406\u5458\u72b6\u6001\u4e0b\u751f\u6548\u7684\u7f16\u8f91\u72b6\u6001\u63d0\u793a *\/\n        body.logged-in [contenteditable=\"true\"] {\n            outline: none;\n            padding: 2px 4px;\n            transition: all 0.2s ease;\n        }\n        body.logged-in [contenteditable=\"true\"]:hover {\n            background-color: rgba(0, 0, 0, 0.03);\n            border-radius: 2px;\n            cursor: text;\n        }\n        body.logged-in [contenteditable=\"true\"]:focus {\n            background-color: rgba(0, 0, 0, 0.05);\n            box-shadow: 0 0 0 1px #000000;\n            border-radius: 2px;\n        }\n        .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }\n        .carousel-container { position: relative; overflow: hidden; width: 100%; height: 100%; }\n        .carousel-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; z-index: 0; }\n        .carousel-slide.active { opacity: 1; z-index: 1; }\n        #detailed-bio.max-h-\\[500px\\] { max-height: 500px !important; opacity: 1; } \n        #detailed-bio.max-h-0 { opacity: 0; }\n    <\/style>\n\n    <main class=\"max-w-max-width mx-auto px-6 md:px-grid-margin pb-24\">\n        <!-- \u4e3b\u6807\u9898 -->\n        <header class=\"text-center pt-24 pb-16\">\n            <h1 contenteditable=\"true\" class=\"text-3xl font-semibold tracking-wide text-primary uppercase inline-block\">ABOUT ME<\/h1>\n            <div class=\"w-12 h-px bg-primary mx-auto mt-8 opacity-60\"><\/div>\n        <\/header>\n\n        <section class=\"mb-section-gap\">\n            <div class=\"grid grid-cols-1 md:grid-cols-12 gap-8 md:gap-grid-gutter items-start\">\n                <div class=\"md:col-span-5 md:col-start-1\">\n                    <!-- \u5927\u6807\u9898 1 -->\n                    <h2 contenteditable=\"true\" class=\"text-3xl font-semibold tracking-wide mb-8 text-primary\">Personal Biography<\/h2>\n                    <div class=\"space-y-6 text-on-surface-variant border-l border-outline-variant pl-6 mb-12\">\n                        <p contenteditable=\"true\">Hi, my name is Jin Lei, I was born on June 21, 2004, and I am studying New Media Communication at Unimap University.<\/p>\n                        <p contenteditable=\"true\">My hobbies include voice acting, playing guitar, photography, and listening to music. I am an earnest, optimistic, and helpful person, and I welcome anyone who wants to be my friend.<\/p>\n                        <div id=\"detailed-bio\" class=\"max-h-0 overflow-hidden transition-all duration-500 ease-in-out\">\n                            <p contenteditable=\"true\" class=\"mt-6\">My visual narrative journey began with landscapes and people, with light and shadow shifting among the leaves. This fascination led me to pick up my first camera at 18, capturing the beauty of street scenes in nature. Over the years, this hobby has evolved into a dedicated craft, perfectly blending technical precision with a profound personal perspective. Today, my work continues to explore this relationship\u2014the relationship between observer and observed, the tranquility of nature and the hustle and bustle of modern life.<\/p>\n                        <\/div>\n                    <\/div>\n                    <button contenteditable=\"true\" class=\"bg-primary text-on-primary font-nav-link text-nav-link px-12 py-4 uppercase tracking-widest hover:bg-surface hover:text-primary border border-primary transition-colors inline-block\" id=\"toggle-bio-btn\" onclick=\"const bio = document.getElementById('detailed-bio'); if(bio.classList.contains('max-h-0')) { bio.classList.remove('max-h-0'); bio.classList.add('max-h-[500px]'); this.innerText = 'Show less'; } else { bio.classList.remove('max-h-\\[500px\\]'); bio.classList.add('max-h-0'); this.innerText = 'See more'; }\">See more<\/button>\n                <\/div>\n\n                <div class=\"md:col-span-7 relative mt-12 md:mt-0\">\n                    <!-- \u4e2a\u4eba\u4ecb\u7ecd\u56fe\u7247\uff1a\u5df2\u66ff\u6362\u4e3a\u60a8\u4e0a\u4f20\u7684\u94fe\u63a5 -->\n                    <div class=\"relative z-10 w-full aspect-[4\/3] bg-surface-container border border-outline-variant overflow-hidden\">\n                        <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/\u9996\u9875\u7167\u7247.jpeg\" alt=\"Jin Lei Profile\" title=\"About\">\n                    <\/div>\n                    <div class=\"absolute bottom-[-10%] right-[10%] z-20 bg-primary text-on-primary p-8 min-w-[200px]\">\n                        <p contenteditable=\"true\" class=\"font-label-caps text-label-caps text-outline-variant mb-4 uppercase\">Fore<\/p>\n                        <p contenteditable=\"true\" class=\"text-2xl font-semibold mb-2\">2004<\/p>\n                        <p contenteditable=\"true\" class=\"font-label-caps text-label-caps text-outline-variant mb-2 uppercase\">To<\/p>\n                        <p contenteditable=\"true\" class=\"text-2xl font-semibold\">2026<\/p>\n                        <div contenteditable=\"true\" class=\"absolute right-[-40px] top-1\/2 -translate-y-1\/2 rotate-90 origin-center text-primary font-label-caps text-label-caps uppercase tracking-[0.2em] whitespace-nowrap\">\n                            Brand Story\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"mb-section-gap text-center\">\n            <!-- \u5927\u6807\u9898 2 -->\n            <h2 contenteditable=\"true\" class=\"text-3xl font-semibold tracking-wide mb-4 text-primary inline-block\">Personal Award<\/h2>\n            <div class=\"w-12 h-px bg-primary mx-auto mb-16 opacity-60\"><\/div>\n            <div class=\"grid grid-cols-1 gap-16 text-left max-w-4xl mx-auto md:grid-cols-12 items-stretch\">\n                <div class=\"w-full bg-surface-container relative overflow-hidden md:col-span-7 h-full min-h-[400px]\">\n                  <!-- \u8363\u8a89 4 \u5f20\u73b0\u573a\u56fe\u5df2\u66ff\u6362\u5d4c\u5165 -->\n                    <div class=\"carousel-container\" id=\"award-carousel\">\n                        <!-- \u56fe\u4e00\uff1a\u9881\u5956 -->\n                        <div class=\"carousel-slide w-full h-full flex items-center justify-center active\">\n                            <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/\u9881\u5956.jpeg\" alt=\"Award 1\" title=\"About\">\n                        <\/div>\n                        <!-- \u56fe\u4e8c\uff1a\u65b0\u4eba\u5956 -->\n                        <div class=\"carousel-slide w-full h-full flex items-center justify-center\">\n                            <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/\u65b0\u4eba\u5956.jpeg\" alt=\"Award 2\" title=\"About\">\n                        <\/div>\n                        \n                        <!-- \ud83c\udfaf \u56fe\u4e09\uff1adigital-nenux \u6838\u5fc3\u4f18\u5316\uff08\u6539\u4e3a object-contain\uff0c\u5e76\u6dfb\u52a0\u6df1\u8272\u4f18\u96c5\u5e95\u8272\u9632\u6b62\u9732\u767d\uff09 -->\n                        <div class=\"carousel-slide w-full h-full flex items-center justify-center bg-[#18181b]\">\n                            <img decoding=\"async\" class=\"w-full h-full object-contain\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/digital-nenux.jpeg\" alt=\"Award 3\" title=\"About\">\n                        <\/div>\n                        \n                        <!-- \u56fe\u56db\uff1a\u62cd\u7167 -->\n                        <div class=\"carousel-slide w-full h-full flex items-center justify-center\">\n                            <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/\u62cd\u7167.jpeg\" alt=\"Award 4\" title=\"About\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"absolute bottom-4 left-4 flex gap-2 z-10\" id=\"carousel-dots\">\n                        <div class=\"w-2 h-2 rounded-full cursor-pointer transition-colors duration-300 bg-on-primary\" onclick=\"goToSlide(0)\"><\/div>\n                        <div class=\"w-2 h-2 rounded-full cursor-pointer transition-colors duration-300 bg-outline-variant\" onclick=\"goToSlide(1)\"><\/div>\n                        <div class=\"w-2 h-2 rounded-full cursor-pointer transition-colors duration-300 bg-outline-variant\" onclick=\"goToSlide(2)\"><\/div>\n                        <div class=\"w-2 h-2 rounded-full cursor-pointer transition-colors duration-300 bg-outline-variant\" onclick=\"goToSlide(3)\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"space-y-10 md:col-span-5 flex flex-col justify-center\">\n                    <div class=\"flex items-center justify-between border-b border-outline-variant pb-5 group\">\n                        <div class=\"space-y-1\">\n                            <h3 contenteditable=\"true\" class=\"font-sans text-xl font-semibold tracking-wide text-primary transition-colors group-hover:text-secondary\">DIGITAL NEXUS 2025<\/h3>\n                            <p contenteditable=\"true\" class=\"text-sm text-on-surface-variant font-medium\">Mini Program Selected for Finals<\/p>\n                            <p contenteditable=\"true\" class=\"text-[10px] tracking-widest text-outline uppercase\">Featured Application Selection<\/p>\n                        <\/div>\n                        <div class=\"w-12 h-12 rounded-full border border-primary flex items-center justify-center bg-surface shrink-0 ml-4 transition-transform group-hover:scale-105\">\n                            <span class=\"material-symbols-outlined text-primary text-xl\">keyboard<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"flex items-center justify-between border-b border-outline-variant pb-5 group\">\n                        <div class=\"space-y-1\">\n                            <h3 contenteditable=\"true\" class=\"font-sans text-xl font-semibold tracking-wide text-primary transition-colors group-hover:text-secondary\">Dean&#8217;s List<\/h3>\n                            <p contenteditable=\"true\" class=\"text-sm text-on-surface-variant font-medium\">Outstanding Honor Holder<\/p>\n                            <p contenteditable=\"true\" class=\"text-[10px] tracking-widest text-outline uppercase\">Academic Excellence Honors<\/p>\n                        <\/div>\n                        <div class=\"w-12 h-12 rounded-full border border-primary flex items-center justify-center bg-primary shrink-0 ml-4 transition-transform group-hover:scale-105\">\n                            <span class=\"material-symbols-outlined text-on-primary text-xl\">school<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"flex items-center justify-between border-b border-outline-variant pb-5 group\">\n                        <div class=\"space-y-1\">\n                            <h3 contenteditable=\"true\" class=\"font-sans text-xl font-semibold tracking-wide text-primary transition-colors group-hover:text-secondary\">Voice Acting Honors<\/h3>\n                            <p contenteditable=\"true\" class=\"text-sm text-on-surface-variant font-medium\">Voice Acting Newcomer Award<\/p>\n                            <p contenteditable=\"true\" class=\"text-[10px] tracking-widest text-outline uppercase\">Annual Voice Talent Recognition<\/p>\n                        <\/div>\n                        <div class=\"w-12 h-12 rounded-full border border-primary flex items-center justify-center bg-surface-tint shrink-0 ml-4 transition-transform group-hover:scale-105\">\n                            <span class=\"material-symbols-outlined text-on-primary text-xl\">mic<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u6280\u80fd\u90e8\u5206 -->\n        <section class=\"mb-section-gap px-grid-margin\">\n            <div class=\"relative flex flex-col items-center mb-16\">\n                <div class=\"absolute top-1\/2 left-0 w-full h-px bg-primary -translate-y-1\/2 -z-10 opacity-10\"><\/div>\n                <div class=\"bg-[#f9f9f9] px-12 relative\">\n                    <h2 contenteditable=\"true\" class=\"text-3xl font-semibold tracking-wide text-primary text-center uppercase\">Personal Skill<\/h2>\n                <\/div>\n            <\/div>\n            <div class=\"max-w-5xl mx-auto space-y-24\">\n                <div class=\"flex flex-wrap justify-center items-center gap-10\">\n                    <img decoding=\"async\" alt=\"Adobe Photoshop\" class=\"w-16 h-16 object-contain grayscale hover:grayscale-0 transition-all duration-300 cursor-pointer\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDk8dzjBTWeDsKWgDqlv1IbpK6uetjjVcI0Ox0nX1xBeHqKL4pmLutOS_QnRvOI8xWX82g_B2G9aJIBC3on3nXKGjcuLA6HaJfszdg64-dokc0wRBSivgt6v60Wu2rzpzFad7VFFb5_2b0jFV5EguBjur3Afb7x1iy51UpM12RYNF1Gy4B35B4pl52GMYuepB7qt1b9GgmN88FTdDj7j1JBP1BxtBe8hiDZ5lHgak1BfQkuyzXDoqNVsZUxIGBNyx2nboG6k-mDhm76\" title=\"About\">\n                    <img decoding=\"async\" alt=\"Adobe Illustrator\" class=\"w-16 h-16 object-contain grayscale hover:grayscale-0 transition-all duration-300 cursor-pointer\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCBtpSu9ykxY0QGRvu0X9kASiue4Ck0waAXIVAFk5aI6B-g3lM9YcoulTtZTJ-5TsU9ouquQ8lSFZjKWful-R1EPj0JrPEgDPdTHTzMhj8xEoIIzbdqvCOCtDaN4HqUTML3ALUQoIT71U25BUKFvmQAKU_ZskIuowPAhBF_mTrbXg5Y4DnYo2HwGfxjgKIXXQGZkYf4Ia01Cg-C4hBybIOtg0-bQkv5iKOg60NohyD2cC9rhsb80Agy-il3Eve5lHF9Z1d6UdR8GkTx\" title=\"About\">\n                    <img decoding=\"async\" alt=\"Adobe After Effects\" class=\"w-16 h-16 object-contain grayscale hover:grayscale-0 transition-all duration-300 cursor-pointer\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDxx1XwuSu0HK01irPwWxpg-k7V_Fv6xJQpzYNbxakwF1NAun73wd6wjfNhcfMuHVlaRnF5pZJBinRpbI3fAabIRctfnT4BuGw2YhwxjU_tb8SeTRtsCouUfke4RKnaKTzWj5oLFFxvulLOt7e6ISB7bVvtKjNSo1r4RemeA29ssXGKoJXYCRip1UUY20wdWed62L11F1k1jVDZ1Iu4lWTqcRjnasYOj2-L_ix5CpRCaccueJ041v-sLgZez1TM0_4qkoOrY4fUs9LX\" title=\"About\">\n                    <img decoding=\"async\" alt=\"VS Code\" class=\"w-16 h-16 object-contain grayscale hover:grayscale-0 transition-all duration-300 cursor-pointer\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDFhN5YJg8DQcqMNsHXylMslsG76AxLAPh_C2RY2WV_HrY7tpX5zOh858a7cjFF5RCua5EXQAxwJh6HbX6Sh3PvP6OKBIm-fUvKnGmaxL4wf-UeumK9v_o0B_DJ9G2tajnJX--FOAkHXbxocUG0uC0PYHX-h8Fs7V5dZ0OtzP_9yIjMtcGMxIeh2VPVj08jEBEXgl6uLJhtAUkqE5uRVQR6CwsuzCR5ELLhWXqf5_rzb7I0KZENt2pnZgTsbh82gsCPwel2e_YClCCx\" title=\"About\">\n                    <img decoding=\"async\" alt=\"DaVinci Resolve\" class=\"w-16 h-16 object-contain grayscale hover:grayscale-0 transition-all duration-300 cursor-pointer\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAZzQr0GMe6b6HODR6ZXIHM31ZfIOjIwbvitkITcKRkewddsJH8oKvn-zyspjmJISp6rGHy_OwsAJCV7knkf0oSgM47XfraewVL4z5HFbvQ_SrSKltEoQPIFXKP1YWJz12ik4H9rd9ueuy41dE7ztoFwg8GAGFXk-FDspxfJ9PxFawxmvRP0ZP8KtTdGVdUogUiis27VmUs_wH6T3wT0WNslSNAp016XML9yT8EN4jp6GJssl-G_tIRXESh3hfkmv2r3LJ5RXJW8kBV\" title=\"About\">\n                    <img decoding=\"async\" alt=\"CapCut\" class=\"w-16 h-16 object-contain grayscale hover:grayscale-0 transition-all duration-300 cursor-pointer\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBkIw4SNaWZVIMzQ2zjZ7jcBCCafaNWKFMTIvTjgbZeglNcKWhybF5tCmufXhNsJtf9eML7EUbpRMw_eyKjnDmdVUtu4cNvXPQ9RbtxU4tdzvrRoyLPRJE3fOa9iZIytTezC-hcElz-0OHJ-voCr_-HGF-zBp0g2wkbaRKWAr6wM0sU6PMw-J701ZdUR1sADIQw18vzC-8WhpBYgU7NKU3s4Qlt4GjIA4bwxdE4_iL9xNzFOtpSIUCKTYOmTiSboD0j3V1pEymdcrco\" title=\"About\">\n                <\/div>\n                <div class=\"flex flex-wrap justify-center items-center gap-x-12 gap-y-8\">\n                    <div class=\"flex items-center gap-3 group\">\n                        <img decoding=\"async\" alt=\"Guitar\" class=\"w-8 h-8 object-contain grayscale opacity-60 group-hover:opacity-100 transition-opacity\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCbBuONyKF7GTEPqd2fq3mPcM2iyPvq2TVTePbvIlPF1Im3aIvRGvqGufqgEnWn8Z7yLfIvznL6fwDD8cWWIS96Z7cfVr7ivqSTp_N-CMhi-FBjJrnjl8YADr7FEJSltRoP2qjgs8ynrgjxaHYIUYLdBNTFfYPXp4kS-RAxxtQIGK3EfwqFiHKTe589Qt0dMhhOQDaI-CiV9L5dN8foQBpza5M8C5kMMJypEzDMe_7UWnCrzTReSPUnzyqimQZJBpYUvClxLiNeBxKs\" title=\"About\">\n                        <span contenteditable=\"true\" class=\"font-label-caps tracking-[0.2em] uppercase text-on-surface-variant text-body-md\">GUITAR<\/span>\n                    <\/div>\n                    <div class=\"flex items-center gap-3 group\">\n                        <img decoding=\"async\" alt=\"Voice Acting\" class=\"w-8 h-8 object-contain grayscale opacity-60 group-hover:opacity-100 transition-opacity\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuD6CHAGTKrjii_NCDYA0t7oFK0ZMZBTVqZ1VzF_nAOuzBaTKvVJYi8j3bjufk0M1U9I7pgrJrTozP7siqt8jfl9n05O3DN1R-uNkzZfTzzYeSOFOovvwj5S_z-Vf0K0i5X5fycWwElXeNi72L7JFUPDeEqVPXO6O8Yo63wUm_fi6EyXhGHtt2igrI8BRz0lddzaNlANyXTy7XPJZtKaThXqizVfKH9cqP36nEc_JM87TG3YtH_y1qQ81vhaj8wpfL9HtkAYDNYhbrV7\" title=\"About\">\n                        <span contenteditable=\"true\" class=\"font-label-caps tracking-[0.2em] uppercase text-on-surface-variant text-body-md\">VOICE ACTING<\/span>\n                    <\/div>\n                    <div class=\"flex items-center gap-3 group\">\n                        <img decoding=\"async\" alt=\"Fitness\" class=\"w-8 h-8 object-contain grayscale opacity-60 group-hover:opacity-100 transition-opacity\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBYEez0Jjvv2B5CnZ1ndXqpDUAsTVtVrvdryI08pohQshpqXxPA1spMZTbKwoxO6au1IY8lVjwrZHCUxWkwE7fiQP9ilazJKnONWm1QHM5BZgouSMq6BjjkGmiJ28Kl0ikgB9SEsp9dcI85bEDHC7px5ojOVuvu17xPjjLgw2GmuNXkCZmJS2ya6DpBPUT1w-YzuLxTKrllgXZYKJXm5MSGyE-DQe-QaVVQ0pPQ0PXm1qUJvsEkNYphWUHVSEOpeeXRqIm-IgGfPb7j\" title=\"About\">\n                        <span contenteditable=\"true\" class=\"font-label-caps tracking-[0.2em] uppercase text-on-surface-variant text-body-md\">FITNESS<\/span>\n                    <\/div>\n                    <div class=\"flex items-center gap-3 group\">\n                        <img decoding=\"async\" alt=\"Baking\" class=\"w-8 h-8 object-contain grayscale opacity-60 group-hover:opacity-100 transition-opacity\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDNnTChNNYhPIx0JHzioaqcIhdsJI7ON1SHDWE9pdod0xSi2Km4LICPfiJ5tezDN7s0BjB3h8kVaEIIBFWZe2ZRjwOd5HJvl0g8yDc-ymbbE-YodTrVfvFdtV0JnU4PVR1YVxKSid1Kzddyez0OYoeX2Jo1lRgSmq2Y89u9HaDDIw73T-Pm2_klNgZIMVEaw4U7PelUC3tD6--_1ZGauZ79sXNPUkpaWpvMeVNdllLUMmSxfWVfiIawtwAKRRk942C-qlzjuJzMbv4Y\" title=\"About\">\n                        <span contenteditable=\"true\" class=\"font-label-caps tracking-[0.2em] uppercase text-on-surface-variant text-body-md\">BAKING<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u5e95\u90e8\u52a8\u6001\u5207\u6362\u753b\u5eca\uff08\u5df2\u5b8c\u5168\u8f7d\u5165\u60a8\u7684 6 \u5f20\u7167\u7247\uff0c\u4e14\u5b8c\u6210\u65f6\u95f4\u548c\u7c7b\u578b\u6587\u672c\u6620\u5c04\u7ed1\u5b9a\uff09 -->\n        <section class=\"mb-12\">\n            <div class=\"flex items-center justify-between mb-12\">\n                <button class=\"w-12 h-12 flex items-center justify-center border border-outline-variant hover:border-primary transition-colors rounded-full group\" onclick=\"cycleLeftGallery()\">\n                    <span class=\"material-symbols-outlined text-outline-variant group-hover:text-primary text-2xl transition-colors\">chevron_left<\/span>\n                <\/button>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 flex-1 mx-8\">\n                    <!-- \u5de6\u5217\u753b\u5eca\uff08\u81ea\u52a8\u5faa\u73af\u56fe1\u3001\u56fe2\u3001\u56fe3\uff09 -->\n                    <div class=\"group cursor-pointer\">\n                        <div class=\"w-full aspect-[4\/3] bg-surface-container border border-outline-variant relative overflow-hidden mb-4 flex items-center justify-center\">\n                            <img decoding=\"async\" id=\"left-gallery-img\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/2026.4.23-work-time.jpeg\" class=\"w-full h-full object-cover\" alt=\"Work Time\" title=\"About\">\n                            <div class=\"absolute bottom-0 left-0 bg-primary\/80 backdrop-blur-sm text-on-primary p-4 w-full\">\n                                <p contenteditable=\"true\" class=\"font-label-caps text-label-caps tracking-widest inline-block\" id=\"left-gallery-date\">2026.4.23<\/p>\n                            <\/div>\n                        <\/div>\n                        <h4 contenteditable=\"true\" class=\"font-nav-link text-nav-link text-primary uppercase tracking-widest inline-block\" id=\"left-gallery-title\">WORK TIME<\/h4>\n                    <\/div>\n                    <!-- \u53f3\u5217\u753b\u5eca\uff08\u81ea\u52a8\u5faa\u73af\u56fe4\u3001\u56fe5\u3001\u56fe6\uff09 -->\n                    <div class=\"group cursor-pointer\">\n                        <div class=\"w-full aspect-[4\/3] bg-surface-container border border-outline-variant relative overflow-hidden mb-4 flex items-center justify-center\">\n                            <img decoding=\"async\" id=\"right-gallery-img\" src=\"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/presentation-time-2025.7.4.jpeg\" class=\"w-full h-full object-cover\" alt=\"Presentation Time\" title=\"About\">\n                            <div class=\"absolute bottom-0 left-0 bg-primary\/80 backdrop-blur-sm text-on-primary p-4 w-full\">\n                                <p contenteditable=\"true\" class=\"font-label-caps text-label-caps tracking-widest inline-block\" id=\"right-gallery-date\">2025.7.4<\/p>\n                            <\/div>\n                        <\/div>\n                        <h4 contenteditable=\"true\" class=\"font-nav-link text-nav-link text-primary uppercase tracking-widest inline-block\" id=\"right-gallery-title\">PRESENTATION TIME<\/h4>\n                    <\/div>\n                <\/div>\n                <button class=\"w-12 h-12 flex items-center justify-center border border-outline-variant hover:border-primary transition-colors rounded-full group\" onclick=\"cycleRightGallery()\">\n                    <span class=\"material-symbols-outlined text-outline-variant group-hover:text-primary text-2xl transition-colors\">chevron_right<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"text-center mt-16\">\n                <p contenteditable=\"true\" class=\"font-body-md text-on-surface-variant italic text-sm inline-block\">To be continued &#8230;&#8230;<\/p>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <script>\n        (function() {\n            let currentSlide = 0;\n            const slides = document.querySelectorAll('.carousel-slide');\n            const dots = document.querySelectorAll('#carousel-dots div');\n            const totalSlides = slides.length;\n            let slideInterval;\n\n            function showSlide(index) {\n                if (slides.length === 0) return;\n                slides.forEach((slide, i) => {\n                    slide.classList.remove('active');\n                    if(dots[i]) {\n                        dots[i].classList.remove('bg-on-primary');\n                        dots[i].classList.add('bg-outline-variant');\n                    }\n                });\n                slides[index].classList.add('active');\n                if(dots[index]) {\n                    dots[index].classList.remove('bg-outline-variant');\n                    dots[index].classList.add('bg-on-primary');\n                }\n                currentSlide = index;\n            }\n\n            window.goToSlide = function(index) {\n                showSlide(index);\n                clearInterval(slideInterval);\n                slideInterval = setInterval(() => { showSlide((currentSlide + 1) % totalSlides); }, 4000);\n            }\n\n            if(slides.length > 0) {\n                slideInterval = setInterval(() => { showSlide((currentSlide + 1) % totalSlides); }, 4000);\n            }\n\n            \/\/ \u5de6\u4fa7\u753b\u5eca 1-3 \u5f20\u56fe\u914d\u7f6e\n            const leftGalleryData = [\n                { src: \"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/2026.4.23-work-time.jpeg\", date: \"2026.4.23\", title: \"WORK TIME\" },\n                { src: \"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/2026.4.24-WORK-TIME.jpeg\", date: \"2026.4.24\", title: \"WORK TIME\" },\n                { src: \"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/2026.4.23-work2-time.jpeg\", date: \"2026.4.23\", title: \"WORK TIME \" }\n            ];\n\n            \/\/ \u53f3\u4fa7\u753b\u5eca 4-6 \u5f20\u56fe\u914d\u7f6e\n            const rightGalleryData = [\n                { src: \"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/presentation-time-2025.7.4.jpeg\", date: \"2025.7.4\", title: \"PRESENTATION TIME\" },\n                { src: \"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/schooltime2-2025.11.15.jpeg\", date: \"2025.11.15\", title: \"SCHOOL TIME\" },\n                { src: \"https:\/\/northbound-auto.com\/wp-content\/uploads\/2026\/05\/\u5b66\u6821\u751f\u6d3b2026.5.20.jpeg\", date: \"2026.5.20\", title: \"SCHOOL LIFE\" }\n            ];\n\n            let leftGalleryIndex = 0;\n            let rightGalleryIndex = 0;\n\n            window.cycleLeftGallery = function() {\n                leftGalleryIndex = (leftGalleryIndex + 1) % leftGalleryData.length;\n                document.getElementById('left-gallery-img').src = leftGalleryData[leftGalleryIndex].src;\n                document.getElementById('left-gallery-date').innerText = leftGalleryData[leftGalleryIndex].date;\n                document.getElementById('left-gallery-title').innerText = leftGalleryData[leftGalleryIndex].title;\n            }\n\n            window.cycleRightGallery = function() {\n                rightGalleryIndex = (rightGalleryIndex + 1) % rightGalleryData.length;\n                document.getElementById('right-gallery-img').src = rightGalleryData[rightGalleryIndex].src;\n                document.getElementById('right-gallery-date').innerText = rightGalleryData[rightGalleryIndex].date;\n                document.getElementById('right-gallery-title').innerText = rightGalleryData[rightGalleryIndex].title;\n            }\n\n            \/\/ \u5b89\u5168\u79fb\u9664\u5185\u5bb9\u53ef\u7f16\u8f91\u5316\u5c5e\u6027\uff0c\u5982\u679c\u672a\u5904\u4e8e\u767b\u5f55\u72b6\u6001\n            document.addEventListener('DOMContentLoaded', () => {\n                const isAdmin = document.body.classList.contains('logged-in');\n                if (!isAdmin) {\n                    document.querySelectorAll('.custom-wp-wrapper [contenteditable=\"true\"]').forEach(el => {\n                        el.removeAttribute('contenteditable');\n                    });\n                }\n            });\n        })();\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>ABOUT ME Personal Biography Hi, my name is Jin Lei, I was born on June 21, 2004, and I am [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"JINLEI","author_link":"https:\/\/northbound-auto.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"ABOUT ME Personal Biography Hi, my name is Jin Lei, I was born on June 21, 2004, and I am [&hellip;]","_links":{"self":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":15,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":118,"href":"https:\/\/northbound-auto.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/118"}],"wp:attachment":[{"href":"https:\/\/northbound-auto.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}