{"id":22,"date":"2026-06-17T22:23:45","date_gmt":"2026-06-17T22:23:45","guid":{"rendered":"https:\/\/vikoko.ai\/?page_id=22"},"modified":"2026-07-02T23:05:29","modified_gmt":"2026-07-02T23:05:29","slug":"start-learning","status":"publish","type":"page","link":"https:\/\/vikoko.ai\/ja\/start-learning\/","title":{"rendered":"\u5b66\u7fd2\u3092\u59cb\u3081\u308b"},"content":{"rendered":"\n    <style>\n.vk-home {\n    min-height: 100dvh;\n    height: 100dvh;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 72px 18px 40px;\n    box-sizing: border-box;\n    overflow: hidden;\n\n    background:\n        radial-gradient(circle at 15% 8%, rgba(255,184,107,.35), transparent 30%),\n        radial-gradient(circle at 85% 12%, rgba(124,92,255,.28), transparent 32%),\n        linear-gradient(180deg, #fffaf4, #ffffff 45%, #f6f1ff);\n\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n}\n\n.vk-home-card {\n    width: 100%;\n    max-width: 900px;\n    background: rgba(255,255,255,.78);\n    backdrop-filter: blur(18px);\n    border: 1px solid rgba(55,43,88,.12);\n    border-radius: 0;\n    padding: 18px;\n    box-shadow: 0 24px 70px rgba(55,43,88,.14);\n    box-sizing: border-box;\n}\n\n.vk-home-badge {\n    display: inline-flex;\n    padding: 8px 14px;\n    background: rgba(124,92,255,.08);\n    color: #7c5cff;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: .09em;\n    text-transform: uppercase;\n    margin-bottom: 10px;\n}\n\n.vk-home-card h1 {\n    margin: 0;\n    max-width: 780px;\n    color: #1a0643;\n    font-size: clamp(24px, 6vw, 24px);\n    line-height: .96;\n    letter-spacing: -.055em;\n}\n\n.vk-home-subtitle {\n    max-width: 700px;\n    margin: 8px 0 16px;\n    color: #6f6a7c;\n    font-size: 19px;\n    line-height: 1.55;\n}\n\n.vk-home-form {\n    display: grid;\n    gap: 7px;\n}\n\n.vk-field {\n    display: grid;\n    gap: 1px;\n    min-width: 0;\n}\n\n.vk-home-form label {\n    color: #1e1b2e;\n    font-size: 14px;\n    font-weight: 850;\n}\n\n.vk-home-form textarea,\n.vk-home-form select,\n.vk-home-form input[type=\"file\"] {\n    width: 100%;\n    box-sizing: border-box;\n    border: 1px solid rgba(55,43,88,.14);\n    background: rgba(255,255,255,.92);\n    color: #1e1b2e;\n    border-radius: 0;\n    padding: 16px 18px;\n    font-size: 15px;\n    outline: none;\n    transition: .18s ease;\n}\n\n.vk-home-form textarea {\n    min-height: 220px;\n    resize: vertical;\n}\n\n.vk-home-form textarea::placeholder {\n    color: rgba(30,27,46,.42);\n}\n\n.vk-home-form select {\n    min-height: 60px;\n    padding: 0 18px;\n    line-height: 60px;\n    appearance: auto;\n    color: #1e1b2e;\n    font-weight: 600;\n}\n\n.vk-home-form input[type=\"file\"] {\n    background: rgba(255,255,255,.94);\n    cursor: pointer;\n}\n\n.vk-home-form textarea:focus,\n.vk-home-form select:focus,\n.vk-home-form input[type=\"file\"]:focus {\n    border-color: rgba(124,92,255,.65);\n    background: #ffffff;\n    box-shadow:\n        0 0 0 4px rgba(124,92,255,.12),\n        0 14px 34px rgba(55,43,88,.09);\n}\n\n.vk-row {\n    display: flex;\n    gap: 8px;\n    align-items: end;\n}\n\n.vk-row .vk-field:first-child {\n    flex: 1;\n}\n\n.vk-row .vk-field:last-child {\n    width: 120px;\n    flex: none;\n}\n\n.vk-home-form button,\n.vk-home-form button[type=\"submit\"] {\n    width: 100%;\n    margin-top: 8px;\n    border: none;\n    border-radius: 0;\n    padding: 16px;\n    background: #1a0643 !important;\n    color: #ffffff;\n    font-size: 18px;\n    font-weight: 900;\n    cursor: pointer;\n    box-shadow: 0 18px 38px rgba(124,92,255,.32);\n    transition: .18s ease;\n}\n\n.vk-home-form button:hover,\n.vk-home-form button[type=\"submit\"]:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 24px 48px rgba(124,92,255,.38);\n}\n\n.vk-home-form button:active,\n.vk-home-form button[type=\"submit\"]:active {\n    transform: translateY(0);\n}\n\n.vk-global-menu-button {\n    left: 0 !important;\n    margin-left: 0 !important;\n    transform: none !important;\n    border-radius: 0 !important;\n}\n\n\/* \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u043b\u0438\u0448\u043d\u0438\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0441 \u0444\u043e\u0440\u043c\u043e\u0439 *\/\nbody:has(.vk-home) html,\nbody:has(.vk-home),\nbody:has(.vk-home) .site,\nbody:has(.vk-home) .site-content,\nbody:has(.vk-home) .site-main,\nbody:has(.vk-home) .entry-content,\nbody:has(.vk-home) .wp-site-blocks,\nbody:has(.vk-home) main,\nbody:has(.vk-home) article {\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\nbody:has(.vk-home) #main,\nbody:has(.vk-home) .site-main,\nbody:has(.vk-home) .ct-container-full,\nbody:has(.vk-home) article,\nbody:has(.vk-home) .entry-content,\nbody:has(.vk-home) .hero-section {\n    margin: 0 !important;\n    padding: 0 !important;\n    max-width: 100% !important;\n    width: 100% !important;\n}\n\nbody:has(.vk-home) .hero-section {\n    display: none !important;\n}\n\nbody:has(.vk-home) .entry-content {\n    min-height: 100dvh !important;\n}\n\nbody.admin-bar {\n    margin-top: 0 !important;\n}\n\n.wp-site-blocks {\n    padding-top: 0 !important;\n}\n\n@media (max-width: 700px) {\n    .vk-home {\n        height: 100dvh;\n        min-height: 100dvh;\n        padding: 58px 10px 10px;\n        align-items: stretch;\n        overflow: hidden;\n    }\n\n    .vk-home-card {\n        height: calc(100dvh - 20px);\n        padding: 14px;\n        border-radius: 0;\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n    }\n\n    .vk-home-badge {\n        font-size: 10px;\n        padding: 6px 10px;\n        margin-bottom: 8px;\n    }\n\n    .vk-home-card h1,\n    .vk-home-subtitle {\n        display: none;\n    }\n\n    .vk-home-form {\n        flex: 1;\n        display: grid;\n        grid-template-rows: auto minmax(0, 1fr) auto auto;\n        gap: 30px;\n        overflow: hidden;\n    }\n\n    .vk-field {\n        gap: 10px;\n    }\n\n    .vk-home-form label {\n        font-size: 13px;\n    }\n\n    .vk-home-form textarea {\n\/\/         min-height: 90px;\n        height: 100%;\n\/\/         resize: none;\n        font-size: 15px;\n\/\/         padding: 14px;\n\t\tpadding-bottom: 0 !important;\n        border-radius: 0;\n    }\n\n    .vk-row {\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) 130px;\n        gap: 8px;\n        align-items: end;\n    }\n\n    .vk-row .vk-field:first-child,\n    .vk-row .vk-field:last-child {\n        width: auto;\n        flex: initial;\n    }\n\n    .vk-home-form select,\n    .vk-home-form input[type=\"file\"] {\n        height: 46px;\n        min-height: 46px;\n        padding: 0 10px;\n        font-size: 13px;\n        border-radius: 0;\n    }\n\n    .vk-home-form input[type=\"file\"] {\n        padding: 11px 8px;\n    }\n\n    .vk-home-form button {\n        height: 54px;\n        padding: 0 16px;\n        font-size: 15px;\n        border-radius: 0;\n        margin-top: 0;\n    }\n}\nh2 {\n        color:#0b2545 !important;\n    }\n \n    h3 {\n        color:#24104F; !important;\n    }\n    h4 {\n        color:#0b2545 !important;\n    }\n    <\/style>\n\n    <div class=\"vk-home\">\n        <div class=\"vk-home-card\">\n\n            <span class=\"vk-home-badge\">Vikoko AI<\/span>\n\n            <h1>Understand any foreign-language text without losing focus<\/h1>\n\n            <p class=\"vk-home-subtitle\">\n                Upload a screenshot, PDF, article, or any text. Vikoko AI transforms it into visual learning slides with translations, images, audio, and focus tools.\n            <\/p>\n\n            <form method=\"post\" enctype=\"multipart\/form-data\" class=\"vk-home-form\">\n\n                <div class=\"vk-field\">\n                    <label for=\"vr_text\">Text<\/label>\n                    <textarea\n                        id=\"vr_text\"\n                        name=\"vr_text\"\n                        placeholder=\"Paste your text here...\"\n                    ><\/textarea>\n                <\/div>\n\t\t\t<div class=\"vk-row\">\n\n                <div class=\"vk-field\">\n                    <label for=\"vr_file\">Screenshot or PDF<\/label>\n                    <input\n                        id=\"vr_file\"\n                        type=\"file\"\n                        name=\"vr_file\"\n                        accept=\"image\/png,image\/jpeg,image\/webp,application\/pdf\"\n                    >\n                <\/div>\n\n                <div class=\"vk-field\">\n                    <label for=\"vr_target_language\">Target Language<\/label>\n                    <select id=\"vr_target_language\" name=\"vr_target_language\">\n                        <option value=\"en\">English<\/option>\n                        <option value=\"de\">German<\/option>\n                        <option value=\"uk\">Ukrainian<\/option>\n                        <option value=\"ru\">Russian<\/option>\n                        <option value=\"fr\">French<\/option>\n                        <option value=\"es\">Spanish<\/option>\n                        <option value=\"it\">Italian<\/option>\n                        <option value=\"pt\">Portuguese<\/option>\n                        <option value=\"nl\">Dutch<\/option>\n                        <option value=\"pl\">Polish<\/option>\n                        <option value=\"cs\">Czech<\/option>\n                        <option value=\"sk\">Slovak<\/option>\n                        <option value=\"hu\">Hungarian<\/option>\n                        <option value=\"ro\">Romanian<\/option>\n                        <option value=\"bg\">Bulgarian<\/option>\n                        <option value=\"hr\">Croatian<\/option>\n                        <option value=\"sr\">Serbian<\/option>\n                        <option value=\"sl\">Slovenian<\/option>\n                        <option value=\"el\">Greek<\/option>\n                        <option value=\"tr\">Turkish<\/option>\n                        <option value=\"sv\">Swedish<\/option>\n                        <option value=\"da\">Danish<\/option>\n                        <option value=\"fi\">Finnish<\/option>\n                        <option value=\"no\">Norwegian<\/option>\n                        <option value=\"et\">Estonian<\/option>\n                        <option value=\"lv\">Latvian<\/option>\n                        <option value=\"lt\">Lithuanian<\/option>\n                        <option value=\"ar\">Arabic<\/option>\n                        <option value=\"he\">Hebrew<\/option>\n                        <option value=\"hi\">Hindi<\/option>\n                        <option value=\"bn\">Bengali<\/option>\n                        <option value=\"ur\">Urdu<\/option>\n                        <option value=\"zh\">Chinese<\/option>\n                        <option value=\"ja\">Japanese<\/option>\n                        <option value=\"ko\">Korean<\/option>\n                        <option value=\"th\">Thai<\/option>\n                        <option value=\"vi\">Vietnamese<\/option>\n                        <option value=\"id\">Indonesian<\/option>\n                    <\/select>\n                <\/div>\n\t\t\t<\/div>\n\n                <button class=\"vr_generate_submit\" type=\"submit\" name=\"vr_generate_submit\" value=\"1\">\n                    Generate Slides\n                <\/button>\n\n            <\/form>\n\n        <\/div>\n    <\/div>\n\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/vikoko.ai\/ja\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vikoko.ai\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vikoko.ai\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vikoko.ai\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vikoko.ai\/ja\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":2,"href":"https:\/\/vikoko.ai\/ja\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":379,"href":"https:\/\/vikoko.ai\/ja\/wp-json\/wp\/v2\/pages\/22\/revisions\/379"}],"wp:attachment":[{"href":"https:\/\/vikoko.ai\/ja\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}