{"id":12080,"date":"2025-12-22T18:08:43","date_gmt":"2025-12-22T09:08:43","guid":{"rendered":"https:\/\/zaif-ino.com\/media\/?page_id=12080"},"modified":"2025-12-22T19:25:45","modified_gmt":"2025-12-22T10:25:45","slug":"zimbabwe-series1-mangasample","status":"publish","type":"page","link":"https:\/\/zaif-ino.com\/media\/zimbabwe-series1-mangasample\/","title":{"rendered":"NFT\u6f2b\u753b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8 in \u30a2\u30d5\u30ea\u30ab \u8a66\u3057\u8aad\u307f\uff5c\u300eBeanstalkking!! \u2013 Faith is a weapon! \u2013\u300f by Bill Masuku"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n<!-- Google Tag Manager -->\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-N3MVQND');<\/script>\n<!-- End Google Tag Manager -->\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>\u300eBeanstalkking!!\u300f\u8a66\u3057\u8aad\u307f &#8211; Zaif INO<\/title>\n<!-- Icons \/ Fonts -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" crossorigin=\"anonymous\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700;900&#038;family=Oswald:wght@500;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* =========================================\n   Design Theme: Beanstalkking (Orange\/Black)\n   ========================================= *\/\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\n\n:root{\n    \/* LP\u306e\u30c7\u30b6\u30a4\u30f3\u5909\u6570\u3092\u9069\u7528 *\/\n    --primary: #FF6D00;       \/* \u30e1\u30a4\u30f3\u30ab\u30e9\u30fc\uff08\u30aa\u30ec\u30f3\u30b8\uff09 *\/\n    --primary-light: #FFF8E1;\n    --accent: #0056b3;        \/* \u30a2\u30af\u30bb\u30f3\u30c8\uff08\u9752\uff09 *\/\n    --text-main: #111111;     \/* \u30c6\u30ad\u30b9\u30c8\u9ed2 *\/\n    --text-sub: #444444;\n    --bg-body: #ffffff;\n    --font-jp: 'Noto Sans JP', sans-serif;\n    --font-en: 'Oswald', sans-serif;\n    \n    \/* Base Template Variables Override *\/\n    --light-bg: radial-gradient(#e5e5e5 1px, transparent 1px); \/* \u30c9\u30c3\u30c8\u80cc\u666f *\/\n    --dark: var(--text-main);\n    --btn-start: var(--primary);\n    --btn-end: #ff8f00;\n}\n\nbody{\n    font-family: var(--font-jp);\n    background-color: var(--bg-body);\n    background-image: var(--light-bg);\n    background-size: 20px 20px;\n    color: var(--text-main);\n    line-height: 1.8;\n    overflow-x: hidden;\n    min-height: 100dvh;\n    position: relative;\n    display:flex;\n    flex-direction:column;\n    \/* \u30d8\u30c3\u30c0\u30fc\u56fa\u5b9a\u5206\u306e\u4f59\u767d *\/\n    padding-top: clamp(60px, 10vw, 80px);\n    animation: pageFadeIn 0.6s ease forwards;\n}\n\n\/* \u95b2\u89a7\u30e2\u30fc\u30c9\u4e2d\u306fbody\u306e\u52d5\u304d\u3092\u5b8c\u5168\u306b\u505c\u6b62\u3055\u305b\u3001\u56fa\u5b9a\u914d\u7f6e\u306e\u57fa\u6e96\u30ba\u30ec\u3092\u9632\u3050 *\/\nbody.reader-open {\n    transform: none !important;\n    animation: none !important;\n    overflow: hidden !important;\n    position: fixed !important; \/* \u8ffd\u52a0\uff1abody\u81ea\u4f53\u3092\u56fa\u5b9a *\/\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n}\n\n@keyframes pageFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n\n\/* =========================================\n   Header Style (LP\u5171\u901a)\n   ========================================= *\/\nheader {\n    background: rgba(255, 255, 255, 0.95);\n    border-bottom: 3px solid #000;\n    height: clamp(60px, 10vw, 80px);\n    display: flex; \n    align-items: center;\n    position: fixed;\n    top: 0; left: 0; width: 100%;\n    z-index: 9999;\n}\n.header-inner {\n    display: flex; justify-content: space-between; align-items: center;\n    width: 100%; max-width: 1200px; margin: 0 auto; \n    padding: 0 10px;\n}\n.logo-area { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n.logo-img { height: clamp(20px, 5vw, 28px); width: auto; }\n.project-name {\n    font-family: var(--font-en); \n    font-size: clamp(0.7rem, 2.2vw, 1.2rem);\n    line-height: 1.1;\n    color: var(--text-main); border-left: 2px solid #000;\n    padding-left: 8px;\n    text-transform: uppercase; letter-spacing: 0.5px; font-weight: 700;\n}\n.project-name span { color: var(--primary); font-size: 0.8em; display: block; }\n.header-nav { margin-left: auto; margin-right: 20px; }\n.header-nav ul { display: flex; gap: 20px; align-items: center; list-style: none; }\n.header-nav a { \n    font-size: clamp(0.75rem, 1.2vw, 0.95rem); \n    font-weight: 900; color: var(--text-main); \n    position: relative; font-family: var(--font-jp);\n    white-space: nowrap; text-decoration: none;\n}\n.header-nav a:hover { color: var(--primary); }\n.menu-toggle { \n    display: block; font-size: 1.8rem; cursor: pointer; color: #000; border: none; background: none; \n    z-index: 10001;\n}\n@media (max-width: 900px) { .header-nav { display: none; } }\n\n\/* Mobile Menu Overlay *\/\n.mobile-menu-overlay {\n    position: fixed; \n    top: clamp(60px, 10vw, 80px);\n    left: 0; width: 100%; \n    height: calc(100vh - clamp(60px, 10vw, 80px));\n    background: #fff; z-index: 10000;\n    display: none; flex-direction: column; padding: 20px;\n    border-top: 3px solid #000; overflow-y: auto;\n}\n.mobile-menu-overlay.open { display: flex; }\n.mobile-menu-overlay ul { list-style: none; padding: 0; text-align: center; }\n.mobile-menu-overlay li { margin: 15px 0; border-bottom: 1px dashed #eee; padding-bottom: 10px; }\n.mobile-menu-overlay a { font-size: 1.2rem; font-weight: 900; color: #000; font-family: var(--font-jp); text-decoration: none; }\n\n\n\/* =========================================\n   Main Content Style\n   ========================================= *\/\n.cover-section{max-width:900px;margin:0 auto;padding:40px 20px;position:relative;z-index:1}\n\n.page-section{\n    background:#fff;\n    border:3px solid #000; \/* \u30b3\u30df\u30c3\u30af\u8abf\u306e\u592a\u67a0 *\/\n    padding:30px;\n    margin-bottom:40px;\n    box-shadow: 8px 8px 0 rgba(0,0,0,0.1); \/* \u30cf\u30fc\u30c9\u306a\u5f71 *\/\n    position: relative;\n}\n.page-section:last-child{margin-bottom:0}\n\n\/* \u30bf\u30a4\u30c8\u30eb\u30bb\u30af\u30b7\u30e7\u30f3 *\/\n.title-section{\n    text-align:center;\n    border: 4px solid #000;\n    box-shadow: 10px 10px 0 var(--primary);\n    transform: rotate(-1deg); \/* \u82e5\u5e72\u50be\u3051\u308b *\/\n    background: rgba(255,255,255,0.95);\n}\n\n.hero-text .edition{\n    font-family: var(--font-en);\n    color: var(--primary);\n    font-weight: 700;\n    font-size: 1.1em;\n    letter-spacing: 0.1em;\n    background: #000;\n    color: #fff;\n    display: inline-block;\n    padding: 2px 10px;\n    transform: skewX(-10deg);\n    margin-bottom: 10px;\n}\n.hero-text .main-title{\n    font-family: var(--font-en);\n    font-size: clamp(2.5rem, 5vw, 4rem);\n    font-weight: 900;\n    line-height: 1;\n    color: var(--text-main);\n    text-transform: uppercase;\n    margin-bottom: 5px;\n}\n.hero-text .subtitle{\n    font-size: clamp(1rem, 3vw, 1.5rem);\n    font-weight: 700;\n    color: var(--primary);\n    margin-bottom: 10px;\n}\n.hero-text .site-label{\n    font-size: 1rem;\n    font-weight: bold;\n    color: var(--text-sub);\n    border-top: 1px dashed #ccc;\n    padding-top: 10px;\n    margin-top: 10px;\n    display: inline-block;\n}\n\n\/* \u8868\u7d19\u753b\u50cf *\/\n.manga-image{\n    display:block;\n    max-width:100%;\n    height:auto;\n    margin:0 auto;\n    border: 3px solid #000;\n    box-shadow: 10px 10px 0 var(--accent);\n}\n\n\/* \u8a66\u3057\u8aad\u307f\u30dc\u30bf\u30f3 *\/\n.start-reading-btn{\n    display:flex; align-items: center; justify-content: center;\n    width:280px; margin:30px auto 20px; padding:18px 26px;\n    background: var(--primary);\n    border: 2px solid #000;\n    border-radius: 0; \/* \u89d2\u4e38\u306a\u3057 *\/\n    color:#fff;\n    font-size:1.3rem;\n    font-weight:900;\n    font-family: var(--font-en);\n    text-decoration:none;\n    cursor:pointer;\n    transition:.2s;\n    box-shadow: 6px 6px 0 #000;\n    letter-spacing: 0.05em;\n}\n.start-reading-btn:hover{\n    transform: translate(4px, 4px);\n    box-shadow: 2px 2px 0 #000;\n    background: #ff8f00;\n}\n.start-reading-btn i{margin-left:10px;}\n\n\/* \u60c5\u5831\u30a8\u30ea\u30a2 *\/\n.cover-info{margin-top:40px;text-align:left}\n.cover-info h3{\n    font-size:1.4rem;\n    color:var(--text-main);\n    margin-bottom:15px;\n    padding-bottom:5px;\n    border-bottom:4px solid var(--primary);\n    font-family: var(--font-en);\n    display: inline-block;\n}\n.cover-info p{font-size:1rem;line-height:1.8;color:var(--text-main); margin-bottom: 20px;}\n\n\/* \u30cf\u30a4\u30e9\u30a4\u30c8\uff08\u4f5c\u5bb6\u7d39\u4ecb\u7528\uff09 *\/\n.text-highlight {\n    background: linear-gradient(transparent 60%, #ffeb3b 60%);\n    font-weight: bold;\n    padding: 0 2px;\n    display: inline;\n}\n\n\/* =========================================\n   Manga Reader Overlay (Full Screen & Mobile Size)\n   ========================================= *\/\n.manga-reader {\n    display: none;\n    position: fixed;\n    top: 0; left: 0; right: 0; bottom: 0;\n    width: 100%; height: 100%;\n    background: #111; \/* \u80cc\u666f\u306f\u9ed2 *\/\n    z-index: 999999; \/* \u6700\u524d\u9762 *\/\n}\n.manga-reader.active { display: block; }\n\n\/* \u30ea\u30fc\u30c0\u30fc\u306e\u30d8\u30c3\u30c0\u30fc *\/\n.reader-header {\n    position: absolute; top: 0; left: 0; width: 100%; height: 60px;\n    background: rgba(0,0,0,0.9);\n    display: flex; align-items: center; justify-content: space-between; padding: 0 15px;\n    z-index: 1001; border-bottom: 1px solid #333;\n    color: #fff;\n}\n.reader-close-btn { background: none; border: none; color: #fff; font-size: 1.5em; cursor: pointer; padding: 10px; transition: .3s; }\n.reader-close-btn:hover { color: var(--primary); }\n.page-counter { color: #fff; font-size: 1.1em; font-weight: 800; font-family: var(--font-en); letter-spacing: 1px; }\n\n.zoom-controls { display: flex; align-items: center; gap: 10px; color: #fff; flex-grow: 1; justify-content: center; margin: 0 15px; }\n.zoom-controls input[type=range] { appearance: none; width: 100%; max-width: 200px; height: 4px; background: #555; border-radius: 2px; outline: none; }\n.zoom-controls input[type=range]::-webkit-slider-thumb { appearance: none; width: 16px; height: 16px; background: var(--primary); cursor: pointer; border-radius: 50%; }\n\n\/* \u30ea\u30fc\u30c0\u30fc\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u30a8\u30ea\u30a2\uff08\u30b9\u30de\u30db\u30b5\u30a4\u30ba\u306b\u5236\u9650\uff09 *\/\n.reader-content {\n    width: 100%; \n    height: 100%; \n    position: relative; \n    overflow: hidden; \n    touch-action: pan-y; \n    padding-top: 60px; \n    background: #222;\n    \n    \/* \u25bc\u25bc\u25bc PC\u3067\u3082\u30b9\u30de\u30db\u30b5\u30a4\u30ba\u3067\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u8a2d\u5b9a \u25bc\u25bc\u25bc *\/\n    max-width: 500px; \/* \u30b9\u30de\u30db\u5e45\u7a0b\u5ea6\u306b\u5236\u9650 *\/\n    margin: 0 auto;   \/* \u4e2d\u592e\u5bc4\u305b *\/\n    border-left: 1px solid #333;\n    border-right: 1px solid #333;\n}\n\n.manga-pages-container { display: flex; height: 100%; transition: transform 0.3s ease; }\n\n\/* \u30da\u30fc\u30b8\u8a2d\u5b9a *\/\n.manga-page-full {\n    min-width: 100%;\n    height: calc(100% - 0px);\n    display: flex; align-items: center; justify-content: center; \/* center\u306b\u623b\u3059 *\/\n    position: relative; overflow: hidden;\n}\n.manga-page-full img {\n    --boost: 1;\n    max-width: 100%; max-height: 100%;\n    object-fit: contain;\n    box-shadow: 0 0 20px rgba(0,0,0,0.5);\n    \/* \u4ee5\u4e0b\u3092\u8ffd\u52a0\uff1a\u753b\u50cf\u306e\u30c9\u30e9\u30c3\u30b0\u3092\u7121\u52b9\u5316\u3057\u30b9\u30ef\u30a4\u30d7\u3092\u6709\u52b9\u306b\u3059\u308b *\/\n    user-select: none;\n    -webkit-user-drag: none;\n}\n\n\/* Final page CTA *\/\n.final-page {\n    min-width: 100%;\n    height: 100%;\n    display: flex; flex-direction: column; align-items: center; justify-content: flex-start;\n    background: #fff;\n    padding: 60px 15px 100px; \/* \u4e0a\u90e8\u309260px\u306b\u5897\u3084\u3057\u3001\u4e0b\u90e8\u3082100px\u78ba\u4fdd *\/\n    text-align: center;\n    overflow-y: auto;\n}\n.final-page h2 { font-size: 1.8em; color: var(--text-main); margin-bottom: 10px; font-weight: 900; font-family: var(--font-en); }\n.final-catchphrase { font-size: 1.2em; font-weight: 900; margin-bottom: 15px; color: var(--text-main); border-bottom: 2px solid var(--primary); display: inline-block; padding-bottom: 5px; }\n\n.cta-grid { display: grid; gap: 15px; margin: 0 auto 20px; max-width: 900px; grid-template-columns: 1fr 1fr; width: 100%; }\n@media(max-width: 600px) { .cta-grid { grid-template-columns: 1fr; } }\n\n.cta-card {\n    display: block; text-decoration: none;\n    background: #fff; border: 2px solid #000; padding: 15px;\n    position: relative; box-shadow: 4px 4px 0 #000;\n    transition: transform .15s ease;\n}\n.cta-card:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--primary); }\n\n\/* === \u5404\u30d7\u30e9\u30f3\u306e\u30ab\u30e9\u30fc\u8a2d\u5b9a === *\/\n\n\/* PLAN 1: \u30d4\u30f3\u30af *\/\n.cta-card.p1 .cta-title { color: #E91E63; }\n.cta-card.p1 .cta-perk { background: #E91E63; }\n.cta-card.p1:hover { box-shadow: 6px 6px 0 #E91E63; }\n\n\/* PLAN 2: \u9752 *\/\n.cta-card.p2 .cta-title { color: #2196F3; }\n.cta-card.p2 .cta-perk { background: #2196F3; }\n.cta-card.p2:hover { box-shadow: 6px 6px 0 #2196F3; }\n\n\/* PLAN 3: \u30aa\u30ec\u30f3\u30b8 *\/\n.cta-card.p3 .cta-title { color: #FF9800; }\n.cta-card.p3 .cta-perk { background: #FF9800; }\n.cta-card.p3:hover { box-shadow: 6px 6px 0 #FF9800; }\n\n\/* PLAN 4: \u7dd1 *\/\n.cta-card.p4 .cta-title { color: #4CAF50; }\n.cta-card.p4 .cta-perk { background: #4CAF50; }\n.cta-card.p4:hover { box-shadow: 6px 6px 0 #4CAF50; }\n\n.cta-inner { display: flex; flex-direction: column; align-items: center; gap: 8px; }\n.cta-title { font-weight: 900; font-size: 1.1em; font-family: var(--font-en); color: #000; }\n.cta-img { width: 100%; height: auto; border: 1px solid #eee; }\n.cta-perk { font-weight: 700; font-size: .9em; background: #000; color: #fff; width: 100%; padding: 4px; }\n\n\/* SNS & Footer in Reader *\/\n.social-links-section { margin-top: 20px; width: 100%; max-width: 600px; }\n.social-links-title { font-size: 1rem; font-weight: 900; margin-bottom: 10px; color: #000; }\n.social-icons { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin-bottom: 20px; }\n.social-icons a {\n    width: 40px; height: 40px; font-size: 18px; display: inline-flex; justify-content: center; align-items: center;\n    border-radius: 50%; color: #fff; text-decoration: none; transition: .2s;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n}\n\/* SNS\u30a2\u30a4\u30b3\u30f3\u306e\u30db\u30d0\u30fc\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n.social-icons a:hover {\n    transform: translateY(-5px); \/* \u4e0a\u306b5px\u6d6e\u304d\u4e0a\u304c\u308b *\/\n    box-shadow: 0 6px 12px rgba(0,0,0,0.3); \/* \u5f71\u3092\u5e83\u3052\u3066\u6d6e\u904a\u611f\u3092\u51fa\u3059 *\/\n}\n.social-x { background: #000; } .social-line { background: #06C755; } .social-discord { background: #5865F2; } \n.social-mail { background: #1E90FF; } .social-tiktok { background: #000; } .social-youtube { background: #FF0000; }\n\n\/* \u25bc\u25bc\u25bc UI\u8868\u793a\u5207\u308a\u66ff\u3048\u7528\uff08\u30b9\u30de\u30db\u3067\u77e2\u5370\u3092\u6d88\u3059\uff09 \u25bc\u25bc\u25bc *\/\n.manga-reader.ui-hidden .nav-arrow,\n.manga-reader.ui-hidden .reader-header {\n    opacity: 0;\n    pointer-events: none; \/* \u898b\u3048\u3066\u3044\u306a\u3044\u6642\u306f\u62bc\u305b\u306a\u3044\u3088\u3046\u306b\u3059\u308b *\/\n}\n.nav-arrow, .reader-header {\n    transition: opacity 0.3s ease; \/* \u3075\u308f\u3063\u3068\u6d88\u3048\u308b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n}\n\n.cta-primary-btn {\n    display: inline-flex; align-items: center; justify-content: center; gap: .5em;\n    padding: 15px 30px; text-decoration: none; font-weight: 900; font-size: 1.1rem;\n    color: #fff; background: var(--primary); border: 2px solid #000;\n    box-shadow: 4px 4px 0 #000; font-family: var(--font-en);\n    transition: .2s;\n}\n.cta-primary-btn:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 #000; background: #ff8f00; }\n\n\/* Navigation Arrows *\/\n.nav-arrow {\n    position: fixed; top: 50%; transform: translateY(-50%);\n    background: rgba(0,0,0,0.5); color: #fff;\n    font-size: 2em; width: 60px; height: 60px; border-radius: 50%;\n    cursor: pointer; z-index: 1002; transition: .2s; border: 2px solid #fff;\n    display: none; align-items: center; justify-content: center;\n}\n.nav-arrow:hover { background: var(--primary); border-color: #000; color: #000; }\n\/* PC\u8868\u793a\u6642\u3001\u30ea\u30fc\u30c0\u30fc\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u5916\u5074\u306b\u77e2\u5370\u3092\u914d\u7f6e\u3059\u308b\u305f\u3081\u306e\u8abf\u6574 *\/\n.nav-prev { left: calc(50% - 250px - 80px); } \/* \u30b3\u30f3\u30c6\u30f3\u30c4\u5e45500px\u306e\u534a\u5206 + \u4f59\u767d *\/\n.nav-next { right: calc(50% - 250px - 80px); }\n\n@media(max-width: 768px) {\n    .hero-text .main-title { font-size: 2.5rem; }\n    .page-section { padding: 20px; }\n    .start-reading-btn { width: 100%; }\n    \n    \/* \u77e2\u5370\u3092\u8868\u793a\u3057\u3001\u753b\u9762\u7aef\u306b\u914d\u7f6e *\/\n    .nav-arrow { \n        display: flex !important; \n        width: 50px; height: 50px; \/* \u5c11\u3057\u5927\u304d\u304f\u3057\u3066\u62bc\u3057\u3084\u3059\u304f *\/\n        font-size: 1.5rem;\n        \n        \/* \u8996\u8a8d\u6027\u5bfe\u7b56\uff1a\u6fc3\u3044\u9ed2\u80cc\u666f \uff0b \u767d\u3044\u67a0\u7dda *\/\n        background-color: rgba(0, 0, 0, 0.85); \n        color: #ffffff;\n        border: 2px solid #ffffff;\n        \n        \/* \u5f71\u3092\u3064\u3051\u3066\u3055\u3089\u306b\u6d6e\u304d\u7acb\u305f\u305b\u308b *\/\n        box-shadow: 0 2px 5px rgba(0,0,0,0.5);\n    }\n    \/* \u4f4d\u7f6e\u3092\u753b\u9762\u7aef\u306b\u5bc4\u305b\u308b *\/\n    .nav-prev { left: 10px; }\n    .nav-next { right: 10px; }\n    \n    .reader-content { max-width: 100%; border: none; }\n    .manga-page-full { align-items: flex-start; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- \u30d8\u30c3\u30c0\u30fc -->\n<header>\n    <div class=\"header-inner\">\n        <div class=\"logo-area\">\n            <a href=\"https:\/\/zaif-ino.com\/\" target=\"_blank\">\n                <img decoding=\"async\" src=\"https:\/\/zaif-ino.com\/images\/zaif_logo.png\" alt=\"Zaif INO\" class=\"logo-img\">\n            <\/a>\n            <div class=\"project-name\">\n                NFT MANGA PROJECT<br>\n                <span>in AFRICA \/ ZIMBABWE<\/span>\n            <\/div>\n        <\/div>\n        \n        <!-- PC Menu -->\n        <nav class=\"header-nav\">\n            <ul>\n                <li><a href=\"https:\/\/zaif-ino.com\/media\/help\/what-is-zaif-ino\/\" target=\"_blank\">Zaif INO\u3068\u306f<\/a><\/li>\n                <li><a href=\"https:\/\/zaif-ino.com\/media\/help\/\" target=\"_blank\">FAQ\u30fb\u5229\u7528\u30ac\u30a4\u30c9<\/a><\/li>\n                <li><a href=\"https:\/\/zaif-ino.com\/media\/\" target=\"_blank\">\u304a\u77e5\u3089\u305b<\/a><\/li>\n            <\/ul>\n        <\/nav>\n\n        <!-- Hamburger Button -->\n        <button id=\"menu-toggle\" class=\"menu-toggle\"><i class=\"fa-solid fa-bars\"><\/i><\/button>\n    <\/div>\n\n    <!-- Mobile Menu Overlay -->\n    <div id=\"mobile-menu\" class=\"mobile-menu-overlay\">\n        <nav>\n            <ul>\n                <li><a href=\"https:\/\/zaif-ino.com\/media\/help\/what-is-zaif-ino\/\" target=\"_blank\">Zaif INO\u3068\u306f<\/a><\/li>\n                <li><a href=\"https:\/\/zaif-ino.com\/media\/help\/\" target=\"_blank\">FAQ\u30fb\u5229\u7528\u30ac\u30a4\u30c9<\/a><\/li>\n                <li><a href=\"https:\/\/zaif-ino.com\/media\/\" target=\"_blank\">\u304a\u77e5\u3089\u305b<\/a><\/li>\n            <\/ul>\n        <\/nav>\n    <\/div>\n<\/header>\n\n<!-- Page Cover Section -->\n<div class=\"cover-section\">\n    <section class=\"page-section title-section\">\n        <div class=\"hero-text\">\n            <p class=\"edition\">SF ROBOT ACTION from ZIMBABWE<\/p>\n            <h1 class=\"main-title\">Beanstalkking!!<\/h1>\n            <h2 class=\"subtitle\">\u2013 Faith is a weapon! \u2013<\/h2>\n            <p class=\"site-label\">\u8a66\u3057\u8aad\u307f\u30b5\u30a4\u30c8<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"page-section\">\n        <!-- \u8868\u7d19\u753b\u50cf -->\n        <img decoding=\"async\" src=\"https:\/\/zaif-ino.com\/media\/wp-content\/uploads\/2025\/12\/z3_main-Visual_resize.jpg\" alt=\"Beanstalkking \u8868\u7d19\" class=\"manga-image\">\n        \n        <!-- Start Reading Button -->\n        <button class=\"start-reading-btn\" id=\"startReadingBtn\">READ NOW <i class=\"fas fa-book-open\"><\/i><\/button>\n        \n        <!-- Work Overview & Author Profile -->\n        <div class=\"cover-info\">\n            <h3>\u4f5c\u54c1\u6982\u8981<\/h3>\n            <p>\n                \u300c\u4fe1\u4ef0\uff08FAITH\uff09\u300d\u3092\u30a8\u30cd\u30eb\u30ae\u30fc\u6e90\u3068\u3059\u308b\u795e\u3005\uff08\u5de8\u5927\u30e1\u30ab\uff09\u3092\u5de1\u308a\u3001\u4eba\u985e\u3068\u7570\u661f\u4eba\u306e\u6226\u3044\u3092\u63cf\u304fSF\u30ed\u30dc\u30c3\u30c8\u30a2\u30af\u30b7\u30e7\u30f3\u3002<br>\n                \u4e3b\u4eba\u516c\u306f\u3001\u30b8\u30f3\u30d0\u30d6\u30a8\u795e\u8a71\u306e\u9b5a\u86c7\u795e\u300c\u30cb\u30e3\u30df\u30cb\u30e3\u30df\u300d\u3092\u64cd\u7e26\u3059\u308b\u3001\u4fe1\u4ef0\u3092\u6301\u305f\u306a\u3044\u5c11\u5e74\u3002<br>\n                \u30a2\u30d5\u30ea\u30ab\u5404\u5730\u306e\u795e\u8a71\u3092\u30e2\u30c1\u30fc\u30d5\u306b\u3057\u305f\u4e16\u754c\u89b3\u306e\u4e2d\u3067\u3001\u300c\u4fe1\u3058\u308b\u3053\u3068\u300d\u3068\u300c\u7591\u3046\u3053\u3068\u300d\u306e\u72ed\u9593\u3067\u6210\u9577\u3057\u3066\u3044\u304f\u59ff\u3092\u63cf\u304f\u3002\n            <\/p>\n            \n            <h3>\u4f5c\u5bb6\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb<\/h3>\n            <p>\n                <strong>Bill Masuku\uff08\u30d3\u30eb\u30fb\u30de\u30b9\u30af\uff09\uff1a<\/strong><br>\n                \u53d7\u8cde\u6b74\u3092\u6301\u3064\u30b8\u30f3\u30d0\u30d6\u30a8\u51fa\u8eab\u306e\u30b3\u30df\u30c3\u30af\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u517c\u4f5c\u5bb6\u3002<br>\n                \u73fe\u5728\u306fKugali Ink\u306e\u30a4\u30f3\u30d7\u30ea\u30f3\u30c8\u3092\u901a\u3058\u3066\u3001<span class=\"text-highlight\">Disney Hyperion\u3088\u308a\u520a\u884c\u3055\u308c\u308b\u300eRuneless\u300f\u306e\u5236\u4f5c<\/span>\u306b\u643a\u308f\u308b\u4e00\u65b9\u3001\u81ea\u4e3b\u51fa\u7248\u4f5c\u54c1\u300eCaptain South Africa\u300f\u306b\u3082\u53d6\u308a\u7d44\u3093\u3067\u3044\u308b\u3002<br>\n                \u30a2\u30d5\u30ed\u30de\u30f3\u30ac\u4f5c\u54c1\u300eTokoloshe Hunters\u300f\u306fEtan Comics\u304b\u3089\u51fa\u7248\u3055\u308c\u3001<span class=\"text-highlight\">Kickstarter\u3067\u306f\u76ee\u6a19\u306e485\uff05\u3068\u3044\u3046\u9ad8\u3044\u652f\u63f4\u3092\u7372\u5f97<\/span>\u3057\u3001\u56fd\u969b\u7684\u306a\u6ce8\u76ee\u3092\u96c6\u3081\u305f\u3002<br>\n                \u307e\u305f\u3001Triggerfish\u306b\u3088\u308bNetflix\u5411\u3051\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3084\u3001Disney\u00d7Kugali\u304c\u624b\u304c\u3051\u3001<span class=\"text-highlight\">\u30a8\u30df\u30fc\u8cde\u306b3\u5ea6\u30ce\u30df\u30cd\u30fc\u30c8\u3055\u308c\u305f\u30a2\u30cb\u30e1\u30b7\u30ea\u30fc\u30ba\u300eIw\u00e1j\u00fa\u300f<\/span>\u3067\u306f\u3001\u30b9\u30c8\u30fc\u30ea\u30fc\u30dc\u30fc\u30c9\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u3068\u3057\u3066\u3082\u6d3b\u8e8d\u3057\u3066\u3044\u308b\u3002\n            <\/p>\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- \u6f2b\u753b\u95b2\u89a7\u30bb\u30af\u30b7\u30e7\u30f3\uff08\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\uff09 -->\n<div class=\"manga-reader\" id=\"mangaReader\">\n    <div class=\"reader-header\">\n        <button class=\"reader-close-btn\" id=\"closeReaderBtn\" aria-label=\"\u9589\u3058\u308b\"><i class=\"fas fa-times\"><\/i><\/button>\n        <div class=\"page-counter\"><span id=\"currentPage\">1<\/span> \/ <span id=\"totalPages\">6<\/span><\/div>\n        <div class=\"zoom-controls\">\n            <i class=\"fas fa-search-minus\"><\/i>\n            <input type=\"range\" id=\"zoomSlider\" min=\"1\" max=\"3\" step=\"0.1\" value=\"1\" aria-label=\"\u30ba\u30fc\u30e0\">\n            <i class=\"fas fa-search-plus\"><\/i>\n        <\/div>\n    <\/div>\n\n    <div class=\"reader-content\" id=\"readerContent\">\n        <div class=\"manga-pages-container\" id=\"pagesContainer\">\n            \n            <!-- \n               \u2605\u91cd\u8981\uff1a\u53f3\u304b\u3089\u5de6\u3078\u8aad\u3080\uff08RTL\uff09\u4ed5\u69d8\u306b\u5909\u66f4\n               DOM\u9806\u5e8f\u3092 [CTA, 5, 4, 3, 2, 1] \u3068\u3057\u3001\u521d\u671f\u4f4d\u7f6e\u3092\u4e00\u756a\u53f3\uff081\u30da\u30fc\u30b8\u76ee\uff09\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002\n            -->\n\n            <!-- Final Page (CTA) -->\n            <div class=\"final-page\" aria-label=\"\u5fdc\u63f4\u30e1\u30cb\u30e5\u30fc\">\n                <h2 style=\"color:#000; margin-top:20px;\">THANKS FOR READING!<\/h2>\n                <p class=\"final-catchphrase\">\n                    \u7d9a\u304d\u304c\u6c17\u306b\u306a\u308b\u65b9\u306f<br>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u5fdc\u63f4\u3057\u3088\u3046!!\n                <\/p>\n                \n                <div class=\"cta-grid\">\n                    <!-- Plan 1 -->\n                    <a class=\"cta-card p1\" href=\"#\" target=\"_blank\">\n                        <div class=\"cta-inner\">\n                            <div class=\"cta-title\">PLAN 1: NFT\u6f2b\u753b<\/div>\n                            <img decoding=\"async\" class=\"cta-img\" src=\"https:\/\/zaif-ino.com\/media\/wp-content\/uploads\/2025\/12\/beanstalkking_edcredit.jpg\" alt=\"Plan 1\">\n                            <div class=\"cta-perk\">\u7279\u5178: ED\u30af\u30ec\u30b8\u30c3\u30c8\u63b2\u8f09<\/div>\n                        <\/div>\n                    <\/a>\n                    <!-- Plan 2 -->\n                    <a class=\"cta-card p2\" href=\"#\" target=\"_blank\">\n                        <div class=\"cta-inner\">\n                            <div class=\"cta-title\">PLAN 2: NFT\u6f2b\u753b<\/div>\n                            <img decoding=\"async\" class=\"cta-img\" src=\"https:\/\/zaif-ino.com\/media\/wp-content\/uploads\/2025\/12\/beanstalkking_character.jpg\" alt=\"Plan 2\">\n                            <div class=\"cta-perk\">\u7279\u5178: \u30ad\u30e3\u30e9\u767b\u5834\u6a29<\/div>\n                        <\/div>\n                    <\/a>\n                    <!-- Plan 3 -->\n                    <a class=\"cta-card p3\" href=\"#\" target=\"_blank\">\n                        <div class=\"cta-inner\">\n                            <div class=\"cta-title\">PLAN 3: \u96fb\u5b50\u66f8\u7c4d<\/div>\n                            <img decoding=\"async\" class=\"cta-img\" src=\"https:\/\/zaif-ino.com\/media\/wp-content\/uploads\/2025\/12\/beanstalkking_ebook.jpg\" alt=\"Plan 3\">\n                            <div class=\"cta-perk\">\u7279\u5178: \u5370\u7a0e\u9084\u5143(1.0%)<\/div>\n                        <\/div>\n                    <\/a>\n                    <!-- Plan 4 -->\n                    <a class=\"cta-card p4\" href=\"#\" target=\"_blank\">\n                        <div class=\"cta-inner\">\n                            <div class=\"cta-title\">PLAN 4: \u7d19\u66f8\u7c4d<\/div>\n                            <img decoding=\"async\" class=\"cta-img\" src=\"https:\/\/zaif-ino.com\/media\/wp-content\/uploads\/2025\/12\/beanstalkking_paper.jpg\" alt=\"Plan 4\">\n                            <div class=\"cta-perk\">\u7279\u5178: \u5370\u7a0e\u9084\u5143(0.08%)<\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n\n                <div class=\"social-links-section\">\n                    <h3 class=\"social-links-title\">\u6700\u65b0\u60c5\u5831\u3092\u30c1\u30a7\u30c3\u30af\uff01<\/h3>\n                    <div class=\"social-icons\">\n                    <a href=\"https:\/\/x.com\/zaif_ino\" target=\"_blank\" class=\"social-x\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\n                    <a href=\"https:\/\/line.me\/R\/ti\/p\/@841xxews\" target=\"_blank\" class=\"social-line\"><i class=\"fa-brands fa-line\"><\/i><\/a>\n                    <a href=\"https:\/\/discord.com\/invite\/QvbqhjRZVs\" target=\"_blank\" class=\"social-discord\"><i class=\"fa-brands fa-discord\"><\/i><\/a>\n                    <a href=\"https:\/\/zaif-ino.com\/media\/mailmagazine\/\" target=\"_blank\" class=\"social-mail\"><i class=\"fa-solid fa-envelope\"><\/i><\/a>\n                    <a href=\"https:\/\/www.tiktok.com\/@nft_manga_project\" target=\"_blank\" class=\"social-tiktok\"><i class=\"fa-brands fa-tiktok\"><\/i><\/a>\n                    <a href=\"https:\/\/www.youtube.com\/@zaifino9499\" target=\"_blank\" class=\"social-youtube\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\n                <\/div>\n\n                    <a href=\"https:\/\/zaif-ino.com\/media\/zimbabwe-series1\/\" target=\"_blank\" class=\"cta-primary-btn\" id=\"projectDetailBtn\">\n                        \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8a73\u7d30\u3078\u623b\u308b <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Page 5 -->\n            <div class=\"manga-page-full\">\n                <img decoding=\"async\" class=\"no-boost\" src=\"https:\/\/zaif-ino.com\/media\/wp-content\/uploads\/2025\/12\/Beanstalkking-SAMPLE-page-5-lettered.png\" alt=\"Page 5\">\n            <\/div>\n            <!-- Page 4 -->\n            <div class=\"manga-page-full\">\n                <img decoding=\"async\" class=\"no-boost\" src=\"https:\/\/zaif-ino.com\/media\/wp-content\/uploads\/2025\/12\/Beanstalkking-SAMPLE-page-4.jpg\" alt=\"Page 4\">\n            <\/div>\n            <!-- Page 3 -->\n            <div class=\"manga-page-full\">\n                <img decoding=\"async\" class=\"no-boost\" src=\"https:\/\/zaif-ino.com\/media\/wp-content\/uploads\/2025\/12\/Beanstalkking-SAMPLE-page-3-lettered.jpg\" alt=\"Page 3\">\n            <\/div>\n            <!-- Page 2 -->\n            <div class=\"manga-page-full\">\n                <img decoding=\"async\" class=\"no-boost\" src=\"https:\/\/zaif-ino.com\/media\/wp-content\/uploads\/2025\/12\/Beanstalkking-SAMPLE-page-2-lettered.png\" alt=\"Page 2\">\n            <\/div>\n            <!-- Page 1 -->\n            <div class=\"manga-page-full\">\n                <img decoding=\"async\" class=\"no-boost\" src=\"https:\/\/zaif-ino.com\/media\/wp-content\/uploads\/2025\/12\/Beanstalkking-SAMPLE-page-1-lettered.jpg\" alt=\"Page 1\">\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <!-- Navigation Arrows (RTL: Left=Next, Right=Prev) -->\n    <button class=\"nav-arrow nav-prev\" id=\"prevBtn\" aria-label=\"\u6b21\u306e\u30da\u30fc\u30b8\">\n        <i class=\"fa-solid fa-chevron-left\"><\/i>\n    <\/button>\n    <button class=\"nav-arrow nav-next\" id=\"nextBtn\" aria-label=\"\u524d\u306e\u30da\u30fc\u30b8\">\n        <i class=\"fa-solid fa-chevron-right\"><\/i>\n    <\/button>\n\n    <div id=\"swipeHint\"\n         style=\"position:fixed;bottom:16px;left:50%;transform:translateX(-50%);\n         background:rgba(0,0,0,.7);color:#fff;font-size:.85rem;\n         padding:6px 10px;border-radius:999px;z-index:1003;display:none;\">\n        \u753b\u9762\u5de6\u53f3\u3092\u30bf\u30c3\u30d7\uff0f\u30b9\u30ef\u30a4\u30d7\u3067\u30da\u30fc\u30b8\u3081\u304f\u308a\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    \/\/ \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u521d\u671f\u5316\u95a2\u6570\n    var initApp = function() {\n        \n        \/\/ 1. \u8981\u7d20\u306e\u53d6\u5f97\u3068\u79fb\u52d5\uff08WordPress\u306e\u30c6\u30fc\u30de\u5e72\u6e09\u3092\u56de\u907f\u3059\u308b\u305f\u3081body\u76f4\u4e0b\u3078\u79fb\u52d5\uff09\n        var reader = document.getElementById('mangaReader');\n        var menuOverlay = document.getElementById('mobile-menu');\n        \n        if (reader && reader.parentNode !== document.body) {\n            document.body.appendChild(reader);\n        }\n        if (menuOverlay && menuOverlay.parentNode !== document.body) {\n            document.body.appendChild(menuOverlay);\n        }\n\n        \/\/ 2. \u5909\u6570\u5b9a\u7fa9\n        var pagesContainer = document.getElementById('pagesContainer');\n        var currentPageEl = document.getElementById('currentPage');\n        var totalPagesEl = document.getElementById('totalPages');\n        var zoomSlider = document.getElementById('zoomSlider');\n        var swipeHint = document.getElementById('swipeHint');\n        var readerContent = document.getElementById('readerContent');\n        \n        var currentPage = 0;\n        var zoomLevel = 1;\n        var isReaderActive = false;\n        var scrollTop = 0;\n        var hideControlsTimeout = null;\n        var touchStartX = 0;\n        var touchStartTime = 0;\n\n        \/\/ \u30da\u30fc\u30b8\u6570\u521d\u671f\u5316\n        if (pagesContainer && totalPagesEl) {\n            totalPagesEl.textContent = pagesContainer.children.length;\n        }\n\n        \/\/ ============================================================\n        \/\/ 3. \u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\u306e\u4e00\u62ec\u7ba1\u7406\uff08\u30a4\u30d9\u30f3\u30c8\u59d4\u8b72\uff09\n        \/\/    \u30dc\u30bf\u30f3\u304c\u5f8c\u304b\u3089\u8aad\u307f\u8fbc\u307e\u308c\u3066\u3082\u3001SVG\u306b\u66f8\u304d\u63db\u308f\u3063\u3066\u3082\u78ba\u5b9f\u306b\u53cd\u5fdc\u3055\u305b\u307e\u3059\n        \/\/ ============================================================\n        document.addEventListener('click', function(e) {\n            \n            \/\/ --- A. \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc ---\n            var toggleBtn = e.target.closest('#menu-toggle');\n            if (toggleBtn) {\n                e.preventDefault();\n                var overlay = document.getElementById('mobile-menu');\n                if (overlay) {\n                    overlay.classList.toggle('open');\n                    \n                    \/\/ \u30a2\u30a4\u30b3\u30f3\u5207\u308a\u66ff\u3048\uff08FontAwesome\u306eSVG\u7f6e\u63db\u5bfe\u7b56\uff09\n                    var icon = toggleBtn.querySelector('i, svg');\n                    if (icon) {\n                        var isOpen = overlay.classList.contains('open');\n                        \/\/ SVG\u306e\u5834\u5408\u3068i\u30bf\u30b0\u306e\u5834\u5408\u3067\u51e6\u7406\u3092\u5206\u3051\u308b\n                        if (icon.tagName.toLowerCase() === 'svg') {\n                            icon.setAttribute('data-icon', isOpen ? 'xmark' : 'bars');\n                        } else {\n                            icon.className = isOpen ? 'fa-solid fa-xmark' : 'fa-solid fa-bars';\n                        }\n                    }\n                }\n                return;\n            }\n\n            \/\/ --- B. READ NOW \u30dc\u30bf\u30f3 ---\n            if (e.target.closest('#startReadingBtn')) {\n                e.preventDefault();\n                openReader();\n                return;\n            }\n\n            \/\/ --- C. \u9589\u3058\u308b \/ \u8a73\u7d30\u3078\u623b\u308b ---\n            if (e.target.closest('#closeReaderBtn') || e.target.closest('#projectDetailBtn')) {\n                e.preventDefault();\n                closeReader();\n                return;\n            }\n\n            \/\/ --- D. \u30da\u30fc\u30b8\u3081\u304f\u308a\uff08\u6b21\u3078\u30fb\u524d\u3078\uff09 ---\n            if (e.target.closest('#prevBtn')) {\n                e.preventDefault();\n                e.stopPropagation();\n                nextPage();\n                resetControlsTimer();\n                return;\n            }\n            if (e.target.closest('#nextBtn')) {\n                e.preventDefault();\n                e.stopPropagation();\n                prevPage();\n                resetControlsTimer();\n                return;\n            }\n\n            \/\/ --- E. \u753b\u9762\u30bf\u30c3\u30d7\u64cd\u4f5c ---\n            if (isReaderActive && e.target.closest('.reader-content')) {\n                \/\/ \u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u64cd\u4f5c\u6642\u306f\u7121\u8996\n                if (e.target.closest('.zoom-controls') || e.target.tagName === 'INPUT') return;\n\n                var rect = readerContent.getBoundingClientRect();\n                var x = e.clientX - rect.left;\n                var w = rect.width;\n\n                \/\/ \u753b\u9762\u306e\u5de630%\u30fb\u53f330%\u30fb\u4e2d\u592e40%\u3067\u5224\u5b9a\n                if (x < w * 0.3) nextPage();\n                else if (x > w * 0.7) prevPage();\n                else toggleUI();\n            }\n        });\n\n        \/\/ ============================================================\n        \/\/ 4. \u305d\u306e\u4ed6\u306e\u30a4\u30d9\u30f3\u30c8\uff08\u30ba\u30fc\u30e0\u3001\u30ad\u30fc\u30dc\u30fc\u30c9\u3001\u30b9\u30ef\u30a4\u30d7\uff09\n        \/\/ ============================================================\n        \n        if (zoomSlider) {\n            zoomSlider.addEventListener('input', function(e) {\n                zoomLevel = e.target.value;\n                applyZoom();\n                resetControlsTimer();\n            });\n        }\n\n        document.addEventListener('keydown', function(e) {\n            if (!isReaderActive) return;\n            if (e.key === 'ArrowLeft' || e.key === ' ') { e.preventDefault(); nextPage(); }\n            else if (e.key === 'ArrowRight') { e.preventDefault(); prevPage(); }\n            else if (e.key === 'Escape') { e.preventDefault(); closeReader(); }\n        });\n\n        if (readerContent) {\n            readerContent.addEventListener('touchstart', function(e) {\n                if (e.touches.length === 1) {\n                    touchStartX = e.touches[0].clientX;\n                    touchStartTime = Date.now();\n                }\n            }, {passive: true});\n\n            readerContent.addEventListener('touchend', function(e) {\n                if (!e.changedTouches.length) return;\n                var touchEndX = e.changedTouches[0].clientX;\n                var dist = touchStartX - touchEndX;\n                \n                \/\/ \u30b9\u30ef\u30a4\u30d7\u5224\u5b9a\uff0850px\u4ee5\u4e0a\uff09\n                if (Math.abs(dist) > 50) {\n                    if (dist > 0) nextPage(); \/\/ \u5de6\u3078\u30b9\u30ef\u30a4\u30d7\n                    else prevPage();          \/\/ \u53f3\u3078\u30b9\u30ef\u30a4\u30d7\n                }\n            });\n        }\n\n        \/\/ ============================================================\n        \/\/ 5. \u52d5\u4f5c\u95a2\u6570\u7fa4\n        \/\/ ============================================================\n\n        function openReader() {\n            var r = document.getElementById('mangaReader');\n            if (!r) return;\n            \n            scrollTop = window.scrollY || document.documentElement.scrollTop;\n            isReaderActive = true;\n            \n            \/\/ \u8868\u793a\u51e6\u7406\n            r.style.display = 'block';\n            r.offsetHeight; \/\/ \u5f37\u5236\u518d\u63cf\u753b\n            r.classList.add('active');\n            \n            \/\/ \u80cc\u666f\u56fa\u5b9a\n            document.body.style.top = '-' + scrollTop + 'px';\n            document.body.classList.add('reader-open');\n\n            updatePage(true);\n            updateUI();\n            applyZoom();\n            resetControlsTimer();\n            \n            if (swipeHint) {\n                swipeHint.style.display = 'none';\n                setTimeout(function(){ if(isReaderActive) swipeHint.style.display = 'block'; }, 1000);\n                setTimeout(function(){ if(swipeHint) swipeHint.style.display = 'none'; }, 5000);\n            }\n        }\n\n        function closeReader() {\n            var r = document.getElementById('mangaReader');\n            if (!r) return;\n            \n            isReaderActive = false;\n            r.classList.remove('active');\n            \n            \/\/ \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u5f8c\u306b\u975e\u8868\u793a\n            setTimeout(function(){ \n                if(!isReaderActive) r.style.display = 'none'; \n            }, 300);\n\n            document.body.classList.remove('reader-open');\n            document.body.style.top = '';\n            window.scrollTo(0, scrollTop);\n\n            \/\/ \u30ea\u30bb\u30c3\u30c8\n            zoomLevel = 1;\n            if (zoomSlider) zoomSlider.value = 1;\n            applyZoom();\n        }\n\n        function nextPage() {\n            if (!pagesContainer) return;\n            if (currentPage < pagesContainer.children.length - 1) {\n                currentPage++;\n                updatePage();\n                updateUI();\n            }\n        }\n\n        function prevPage() {\n            if (currentPage > 0) {\n                currentPage--;\n                updatePage();\n                updateUI();\n            }\n        }\n\n        function updatePage(noAnim) {\n            if (!pagesContainer) return;\n            if (noAnim) pagesContainer.style.transition = 'none';\n            \n            \/\/ RTL\u8a08\u7b97: 0\u30da\u30fc\u30b8\u76ee = \u4e00\u756a\u53f3(index: total-1)\n            var total = pagesContainer.children.length;\n            var idx = total - 1 - currentPage;\n            var tx = -(idx * 100);\n            \n            pagesContainer.style.transform = 'translateX(' + tx + '%)';\n            \n            if (noAnim) {\n                setTimeout(function(){ pagesContainer.style.transition = 'transform .3s ease'; }, 50);\n            }\n        }\n\n        function updateUI() {\n            var total = pagesContainer ? pagesContainer.children.length : 0;\n            if (currentPageEl) currentPageEl.textContent = currentPage + 1;\n            \n            var nextB = document.getElementById('nextBtn');\n            var prevB = document.getElementById('prevBtn');\n            \n            if (nextB) nextB.style.display = (currentPage > 0) ? 'flex' : 'none';\n            if (prevB) prevB.style.display = (currentPage < total - 1) ? 'flex' : 'none';\n            \n            \/\/ \u6700\u7d42\u30da\u30fc\u30b8(CTA)\u3067\u306f\u30ba\u30fc\u30e0\u96a0\u3059\n            if (zoomSlider &#038;&#038; zoomSlider.parentElement) {\n                zoomSlider.parentElement.style.display = (currentPage === total - 1) ? 'none' : 'flex';\n            }\n        }\n\n        function applyZoom() {\n            var imgs = document.querySelectorAll('.manga-page-full img');\n            for (var i=0; i<imgs.length; i++) {\n                imgs[i].style.transform = 'scale(' + zoomLevel + ')';\n            }\n        }\n\n        function toggleUI() {\n            var r = document.getElementById('mangaReader');\n            if (r) r.classList.toggle('ui-hidden');\n        }\n\n        function resetControlsTimer() {\n            if (!window.matchMedia('(max-width: 768px)').matches) return;\n            clearTimeout(hideControlsTimeout);\n            hideControlsTimeout = setTimeout(function(){\n                var r = document.getElementById('mangaReader');\n                if (r) r.classList.add('controls-hidden');\n            }, 4000);\n        }\n    };\n\n    \/\/ \u5b9f\u884c\u30bf\u30a4\u30df\u30f3\u30b0\u306e\u4fdd\u8a3c\uff08\u8aad\u307f\u8fbc\u307f\u6e08\u307f\u306a\u3089\u5373\u5b9f\u884c\u3001\u307e\u3060\u306a\u3089\u5f85\u6a5f\uff09\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initApp);\n    } else {\n        initApp();\n    }\n})();\n<\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/7.0.1\/js\/all.min.js\" integrity=\"sha512-6BTOlkauINO65nLhXhthZMtepgJSghyimIalb+crKRPhvhmsCdnIuGcVbR5\/aQY2A+260iC1OPy1oCdB6pSSwQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"><\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u300eBeanstalkking!!\u300f\u8a66\u3057\u8aad\u307f &#8211; Zaif INO NFT MANGA PROJECT in AFRICA \/ ZIMBABWE Zaif INO\u3068\u306f FAQ\u30fb\u5229\u7528\u30ac\u30a4\u30c9 \u304a\u77e5\u3089\u305b Zaif INO\u3068\u306f F [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/blank.php","meta":{"om_disable_all_campaigns":false,"order-bump-settings":[],"_wpfnl_thankyou_order_overview":"on","_wpfnl_thankyou_order_details":"on","_wpfnl_thankyou_billing_details":"on","_wpfnl_thankyou_shipping_details":"on","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":"","wp-seo-meta-description":"","wp-seo-meta-robots":[]},"class_list":{"0":"post-12080","1":"page","2":"type-page","3":"status-publish","5":"c-entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/zaif-ino.com\/media\/wp-json\/wp\/v2\/pages\/12080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zaif-ino.com\/media\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zaif-ino.com\/media\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zaif-ino.com\/media\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zaif-ino.com\/media\/wp-json\/wp\/v2\/comments?post=12080"}],"version-history":[{"count":6,"href":"https:\/\/zaif-ino.com\/media\/wp-json\/wp\/v2\/pages\/12080\/revisions"}],"predecessor-version":[{"id":12125,"href":"https:\/\/zaif-ino.com\/media\/wp-json\/wp\/v2\/pages\/12080\/revisions\/12125"}],"wp:attachment":[{"href":"https:\/\/zaif-ino.com\/media\/wp-json\/wp\/v2\/media?parent=12080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}