{"id":32735,"date":"2026-05-21T16:30:50","date_gmt":"2026-05-21T08:30:50","guid":{"rendered":"https:\/\/www.eliz.com.tw\/?page_id=32735"},"modified":"2026-06-03T14:24:19","modified_gmt":"2026-06-03T06:24:19","slug":"join-us","status":"publish","type":"page","link":"https:\/\/www.eliz.com.tw\/en\/join-us\/","title":{"rendered":"Join Us"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"32735\" class=\"elementor elementor-32735\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3f1770f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3f1770f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-67f1797\" data-id=\"67f1797\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e3cf5ba elementor-widget elementor-widget-spacer\" data-id=\"e3cf5ba\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06eecc2 elementor-widget elementor-widget-spacer\" data-id=\"06eecc2\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dbc028 elementor-widget elementor-widget-html\" data-id=\"9dbc028\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!--\r\n========================================\r\nELIZ \u5fb5\u624d\u8868\u55ae \u2014 Elementor HTML widget \u7248\r\n========================================\r\n\r\n\u90e8\u7f72\u6b65\u9a5f\uff1a\r\n1. \u5148\u628a GAS Code.gs \u90e8\u7f72\u70ba Web App\uff0c\u53d6\u5f97 URL\uff08\u5f62\u5982 https:\/\/script.google.com\/macros\/s\/XXX\/exec\uff09\r\n2. \u628a\u4e0b\u65b9 const GAS_API_URL = '' \u90a3\u884c\u586b\u5165 GAS Web App URL\r\n3. WordPress \u5f8c\u53f0 \u2192 \u7de8\u8f2f \/join-us \u9801\u9762 \u2192 \u52a0\u5165 HTML widget \u2192 \u628a\u6574\u500b\u6a94\u6848\u5167\u5bb9\u8cbc\u9032\u53bb\r\n4. \u5132\u5b58 + \u6e05\u5feb\u53d6\uff08\u82e5\u6709 cache \u5916\u639b\uff09\r\n5. \u958b\u7121\u75d5\u8996\u7a97\u6e2c\u8a66\u5b8c\u6574\u6d41\u7a0b\uff08\u586b\u5beb \u2192 \u9001\u51fa \u2192 Sheet \u51fa\u73fe\u65b0\u5217 \u2192 \u901a\u77e5\u4fe1 + \u78ba\u8a8d\u4fe1\uff09\r\n\r\n\u6ce8\u610f\u4e8b\u9805\uff1a\r\n- \u6240\u6709 CSS \u898f\u5247\u90fd\u5305\u5728 .eliz-careers \u547d\u540d\u7a7a\u9593\u5167\uff0c\u907f\u514d\u88ab WP\/Elementor \u5168\u57df\u6a23\u5f0f\u8986\u84cb\r\n- \u5b57\u9ad4\u7528 Google Fonts CDN \u8f09\u5165 Noto Sans TC\r\n- \u8868\u55ae\u9001\u51fa\u8d70 fetch() POST + text\/plain\uff08\u898f\u907f GAS CORS preflight\uff09\r\n- \u5167\u542b\u5b8c\u6574 HTML + CSS + JS\uff0c\u76f4\u63a5\u6574\u6bb5\u8cbc\u9032 HTML widget \u5373\u53ef\r\n-->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap');\r\n\r\n.eliz-careers {\r\n    --gold: #B59E6D;\r\n    --gold-soft: #E8DFCE;\r\n    --ink: #1a1a1a;\r\n    --ink-soft: #4a4a4a;\r\n    --mute: #8a8a8a;\r\n    --line: #d8d8d8;\r\n    --line-soft: #efefef;\r\n    --bg: #ffffff;\r\n    --error: #c0392b;\r\n\r\n    --font-sans: 'Noto Sans TC', -apple-system, BlinkMacSystemFont, \"PingFang TC\",\r\n                 \"Microsoft JhengHei\", \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n\r\n    font-family: var(--font-sans);\r\n    color: var(--ink);\r\n    background: transparent;     \/* \u4e0d\u84cb\u767d\u8272\uff0c\u7e7c\u627f Elementor \u9801\u9762\u80cc\u666f *\/\r\n    font-size: 17px;\r\n    line-height: 1.75;\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.eliz-careers *,\r\n.eliz-careers *::before,\r\n.eliz-careers *::after { box-sizing: border-box; }\r\n\r\n.eliz-careers .page {\r\n    max-width: 640px !important;\r\n    margin: 0 auto !important;\r\n    padding: 80px 28px 120px !important;\r\n}\r\n\r\n\/* ============ \u9801\u9996 ============ *\/\r\n.eliz-careers .page-header {\r\n    text-align: center !important;\r\n    padding-bottom: 56px !important;\r\n    margin-bottom: 64px !important;\r\n    border-bottom: 1px solid var(--line) !important;\r\n}\r\n\r\n.eliz-careers .brand-logo {\r\n    display: inline-block !important;\r\n    height: 56px !important;\r\n    width: auto !important;\r\n    margin-bottom: 36px !important;\r\n    vertical-align: middle !important;\r\n    border: 0 !important;\r\n    max-width: none !important;\r\n}\r\n\r\n.eliz-careers .page-eyebrow {\r\n    font-size: 13px !important;\r\n    font-weight: 400 !important;\r\n    color: var(--mute) !important;\r\n    letter-spacing: 6px !important;\r\n    margin: 0 0 20px !important;\r\n    line-height: 1.6 !important;\r\n}\r\n\r\n.eliz-careers h1.page-title {\r\n    font-size: 42px !important;\r\n    font-weight: 500 !important;\r\n    color: var(--ink) !important;\r\n    letter-spacing: 7px !important;\r\n    margin: 0 0 40px !important;\r\n    line-height: 1.4 !important;\r\n    padding: 0 !important;\r\n    text-align: center !important;\r\n}\r\n\r\n.eliz-careers .page-lead {\r\n    font-size: 17px !important;\r\n    color: var(--ink-soft) !important;\r\n    line-height: 2 !important;\r\n    margin: 0 !important;\r\n    letter-spacing: 1px !important;\r\n    padding: 0 !important;\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ============ \u5340\u6bb5 ============ *\/\r\n.eliz-careers .form-section {\r\n    padding: 48px 0 8px !important;\r\n    margin: 0 !important;\r\n    border-top: 1px solid var(--line-soft) !important;\r\n}\r\n\r\n.eliz-careers .form-section:first-of-type {\r\n    border-top: none !important;\r\n    padding-top: 8px !important;\r\n}\r\n\r\n\/* \u61c9\u5fb5\u8077\u4f4d\u5340\u584a\uff1a\u7121\u5e8f\u865f\u3001\u4e0a\u4e0b\u7559\u767d\u8f03\u7dca *\/\r\n.eliz-careers .form-section.position-section {\r\n    padding: 8px 0 32px !important;\r\n    border-top: none !important;\r\n    border-bottom: 1px solid var(--line-soft) !important;\r\n    margin-bottom: 16px !important;\r\n}\r\n\r\n.eliz-careers h2.section-title {\r\n    font-size: 26px !important;\r\n    font-weight: 500 !important;\r\n    color: var(--ink) !important;\r\n    letter-spacing: 5px !important;\r\n    margin: 0 0 48px !important;\r\n    padding: 0 !important;\r\n    line-height: 1.4 !important;\r\n    display: flex !important;\r\n    align-items: baseline !important;\r\n    gap: 20px !important;\r\n}\r\n\r\n.eliz-careers .section-num {\r\n    font-size: 14px;\r\n    color: var(--gold);\r\n    letter-spacing: 2px;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* ============ \u6b04\u4f4d ============ *\/\r\n.eliz-careers .field {\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.eliz-careers .field:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.eliz-careers .field > label {\r\n    display: block !important;\r\n    font-size: 15px !important;\r\n    font-weight: 500 !important;\r\n    color: var(--mute) !important;\r\n    letter-spacing: 2.5px !important;\r\n    margin: 0 0 16px !important;\r\n    padding: 0 !important;\r\n    line-height: 1.6 !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n.eliz-careers .req {\r\n    color: var(--gold);\r\n    margin-left: 2px;\r\n    font-weight: 600;\r\n}\r\n\r\n.eliz-careers .hint-inline {\r\n    color: var(--mute);\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    margin-left: 10px;\r\n    letter-spacing: 1px;\r\n    text-transform: none;\r\n}\r\n\r\n.eliz-careers .hint {\r\n    font-size: 14px;\r\n    color: var(--mute);\r\n    margin-top: 10px;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* ====== \u8f38\u5165\u6846\uff08\u7d30\u7dda\u4e0b\u5283\u98a8\u683c\uff09====== *\/\r\n.eliz-careers input[type=\"text\"],\r\n.eliz-careers input[type=\"tel\"],\r\n.eliz-careers input[type=\"email\"],\r\n.eliz-careers input[type=\"date\"],\r\n.eliz-careers input[type=\"number\"],\r\n.eliz-careers textarea,\r\n.eliz-careers select {\r\n    width: 100% !important;\r\n    padding: 14px 0 !important;\r\n    margin: 0 !important;\r\n    border: none !important;\r\n    border-bottom: 1px solid var(--line) !important;\r\n    background: transparent !important;\r\n    font-family: var(--font-sans) !important;\r\n    font-size: 19px !important;\r\n    color: var(--ink) !important;\r\n    line-height: 1.6 !important;\r\n    outline: none !important;\r\n    border-radius: 0 !important;\r\n    -webkit-appearance: none !important;\r\n    appearance: none !important;\r\n    transition: border-color 0.2s !important;\r\n    box-shadow: none !important;\r\n    height: auto !important;\r\n}\r\n\r\n\/* number input\uff1a\u96b1\u85cf spin button\uff08\u4fdd\u6301\u7d30\u7dda\u4e0b\u5283\u98a8\u683c\uff09 *\/\r\n.eliz-careers input[type=\"number\"] {\r\n    -moz-appearance: textfield !important;\r\n}\r\n.eliz-careers input[type=\"number\"]::-webkit-inner-spin-button,\r\n.eliz-careers input[type=\"number\"]::-webkit-outer-spin-button {\r\n    -webkit-appearance: none !important;\r\n    appearance: none !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n.eliz-careers textarea {\r\n    resize: vertical;\r\n    min-height: 120px;\r\n    padding-top: 12px;\r\n}\r\n\r\n.eliz-careers input:focus,\r\n.eliz-careers textarea:focus,\r\n.eliz-careers select:focus {\r\n    border-bottom-color: var(--gold);\r\n    box-shadow: none;\r\n    outline: none;\r\n}\r\n\r\n.eliz-careers input.error,\r\n.eliz-careers textarea.error {\r\n    border-bottom-color: var(--error);\r\n}\r\n\r\n.eliz-careers ::placeholder {\r\n    color: #bbb;\r\n    font-size: 16px;\r\n    opacity: 1;\r\n}\r\n\r\n.eliz-careers select {\r\n    background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='1.5'%3e%3cpolyline points='6 9 12 15 18 9'\/%3e%3c\/svg%3e\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 4px center;\r\n    background-size: 14px;\r\n    padding-right: 28px;\r\n    cursor: pointer;\r\n}\r\n\r\n.eliz-careers .date-row {\r\n    display: grid;\r\n    grid-template-columns: 1.3fr 1fr 1fr;\r\n    gap: 20px;\r\n}\r\n\r\n\/* ====== Radio \/ Checkbox ====== *\/\r\n.eliz-careers .radio-row,\r\n.eliz-careers .check-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 28px;\r\n    padding: 6px 0;\r\n}\r\n\r\n.eliz-careers .radio-item,\r\n.eliz-careers .check-item {\r\n    display: inline-flex !important;\r\n    align-items: center;\r\n    gap: 12px;\r\n    cursor: pointer;\r\n    margin: 0 !important;\r\n    padding: 0;\r\n    text-transform: none !important;\r\n    letter-spacing: normal !important;\r\n    font-size: 17px !important;\r\n    color: var(--ink) !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n.eliz-careers .radio-item input[type=\"radio\"],\r\n.eliz-careers .check-item input[type=\"checkbox\"] {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    width: 18px;\r\n    height: 18px;\r\n    border: 1px solid var(--mute);\r\n    background: transparent;\r\n    cursor: pointer;\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    transition: border-color 0.2s;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.eliz-careers .radio-item input[type=\"radio\"] {\r\n    border-radius: 50%;\r\n}\r\n\r\n.eliz-careers .radio-item input[type=\"radio\"]:checked,\r\n.eliz-careers .check-item input[type=\"checkbox\"]:checked {\r\n    border-color: var(--gold);\r\n}\r\n\r\n.eliz-careers .radio-item input[type=\"radio\"]:checked::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 3px;\r\n    background: var(--gold);\r\n    border-radius: 50%;\r\n}\r\n\r\n.eliz-careers .check-item input[type=\"checkbox\"]:checked::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 2px;\r\n    background: var(--gold);\r\n}\r\n\r\n.eliz-careers .conditional-input {\r\n    margin-top: 18px;\r\n    font-size: 17px !important;\r\n}\r\n\r\n.eliz-careers .error-msg {\r\n    font-size: 14px;\r\n    color: var(--error);\r\n    margin-top: 10px;\r\n    letter-spacing: 0.5px;\r\n    display: none;\r\n}\r\n\r\n.eliz-careers .error-msg.show {\r\n    display: block;\r\n}\r\n\r\n\/* ============ \u9001\u51fa\u6309\u9215 ============ *\/\r\n.eliz-careers .submit-area {\r\n    margin-top: 80px;\r\n    text-align: center;\r\n}\r\n\r\n.eliz-careers button[type=\"submit\"] {\r\n    display: inline-block !important;\r\n    min-width: 280px !important;\r\n    width: auto !important;\r\n    padding: 22px 56px !important;\r\n    margin: 0 !important;\r\n    border: 1px solid var(--gold) !important;\r\n    background: var(--gold) !important;\r\n    color: #fff !important;\r\n    font-family: var(--font-sans) !important;\r\n    font-size: 17px !important;\r\n    font-weight: 500 !important;\r\n    letter-spacing: 6px !important;\r\n    cursor: pointer !important;\r\n    transition: background 0.25s, color 0.25s, letter-spacing 0.25s !important;\r\n    border-radius: 0 !important;\r\n    text-indent: 6px !important;\r\n    box-shadow: none !important;\r\n    text-shadow: none !important;\r\n    text-transform: none !important;\r\n    line-height: 1 !important;\r\n    height: auto !important;\r\n}\r\n\r\n.eliz-careers button[type=\"submit\"]:hover {\r\n    background: var(--ink);\r\n    border-color: var(--ink);\r\n    letter-spacing: 8px;\r\n    text-indent: 8px;\r\n    color: #fff;\r\n}\r\n\r\n.eliz-careers button[type=\"submit\"]:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.eliz-careers .submit-note {\r\n    font-size: 14px;\r\n    color: var(--mute);\r\n    margin-top: 28px;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* ============ \u689d\u4ef6\u5340\u584a\uff1a\u8077\u4f4d\u5f15\u5c0e \/ 03.5 ============ *\/\r\n.eliz-careers .position-intro {\r\n    padding: 36px 0 !important;\r\n    margin: 0 !important;\r\n    border-top: none !important;\r\n    border-bottom: 1px solid var(--line-soft) !important;\r\n}\r\n\r\n.eliz-careers .intro-quote {\r\n    padding: 20px 0 20px 24px;\r\n    border-left: 2px solid var(--gold);\r\n    color: var(--ink-soft);\r\n    font-size: 16px;\r\n    line-height: 2;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.eliz-careers .intro-quote p {\r\n    margin: 0 0 14px !important;\r\n    padding: 0 !important;\r\n    color: var(--ink-soft) !important;\r\n    font-size: 16px !important;\r\n    line-height: 2 !important;\r\n}\r\n\r\n.eliz-careers .intro-quote p:last-child {\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n\/* \u52d5\u614b\u52a0\u9023\u7d50\u6309\u9215 *\/\r\n.eliz-careers .add-row-btn {\r\n    display: inline-block !important;\r\n    margin-top: 18px !important;\r\n    padding: 10px 22px !important;\r\n    border: 1px solid var(--gold) !important;\r\n    background: transparent !important;\r\n    color: var(--gold) !important;\r\n    font-family: var(--font-sans) !important;\r\n    font-size: 13px !important;\r\n    font-weight: 500 !important;\r\n    letter-spacing: 2px !important;\r\n    cursor: pointer !important;\r\n    border-radius: 0 !important;\r\n    transition: background 0.2s, color 0.2s !important;\r\n    line-height: 1.4 !important;\r\n    box-shadow: none !important;\r\n    text-shadow: none !important;\r\n    width: auto !important;\r\n}\r\n\r\n.eliz-careers .add-row-btn:hover {\r\n    background: var(--gold) !important;\r\n    color: #fff !important;\r\n}\r\n\r\n.eliz-careers .add-row-btn:disabled {\r\n    opacity: 0.4;\r\n    cursor: not-allowed;\r\n}\r\n\r\n\/* \u52d5\u614b\u52a0\u5165\u7684 portfolio URL row\uff08\u542b\u79fb\u9664\u6309\u9215\uff09 *\/\r\n.eliz-careers .portfolio-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-top: 14px;\r\n}\r\n\r\n.eliz-careers .portfolio-row .portfolio-url {\r\n    flex: 1;\r\n}\r\n\r\n.eliz-careers .remove-url-btn {\r\n    background: transparent !important;\r\n    border: none !important;\r\n    color: var(--mute) !important;\r\n    font-size: 24px !important;\r\n    cursor: pointer !important;\r\n    padding: 4px 10px !important;\r\n    line-height: 1 !important;\r\n    font-weight: 300 !important;\r\n    transition: color 0.2s !important;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.eliz-careers .remove-url-btn:hover {\r\n    color: var(--error) !important;\r\n}\r\n\r\n\/* check-row \u76f4\u6392\u7248\u672c\uff08\u5de5\u5177\u7d93\u9a57\u7528\uff09 *\/\r\n.eliz-careers .check-row-stacked {\r\n    flex-direction: column !important;\r\n    align-items: flex-start !important;\r\n    gap: 16px !important;\r\n}\r\n\r\n\/* ============ \u6210\u529f\u756b\u9762 ============ *\/\r\n.eliz-careers #successScreen {\r\n    display: none;\r\n    text-align: center;\r\n    padding: 80px 0 40px;\r\n}\r\n\r\n.eliz-careers .success-rule {\r\n    width: 60px;\r\n    height: 1px;\r\n    background: var(--gold);\r\n    margin: 32px auto;\r\n}\r\n\r\n.eliz-careers h2.success-title {\r\n    font-size: 34px !important;\r\n    font-weight: 500 !important;\r\n    color: var(--ink) !important;\r\n    letter-spacing: 6px !important;\r\n    margin: 0 0 28px !important;\r\n    padding: 0 !important;\r\n    line-height: 1.4 !important;\r\n    text-align: center !important;\r\n}\r\n\r\n.eliz-careers .success-msg {\r\n    font-size: 17px;\r\n    line-height: 2.2;\r\n    color: var(--ink-soft);\r\n    letter-spacing: 1px;\r\n    margin: 0;\r\n}\r\n\r\n.eliz-careers .success-sign {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: var(--gold);\r\n    letter-spacing: 4px;\r\n    margin: 0;\r\n}\r\n\r\n.eliz-careers .page-footer {\r\n    margin-top: 80px;\r\n    padding-top: 32px;\r\n    border-top: 1px solid var(--line-soft);\r\n    text-align: center;\r\n    font-size: 13px;\r\n    color: var(--mute);\r\n    letter-spacing: 4px;\r\n}\r\n\r\n\/* ============ \u97ff\u61c9\u5f0f ============ *\/\r\n@media (max-width: 600px) {\r\n    .eliz-careers .page { padding: 56px 22px 80px !important; }\r\n    .eliz-careers .brand-logo { height: 44px !important; }\r\n    .eliz-careers h1.page-title { font-size: 32px !important; letter-spacing: 4px !important; }\r\n    .eliz-careers .page-lead { font-size: 15px !important; }\r\n    .eliz-careers h2.section-title { font-size: 22px !important; letter-spacing: 3px !important; margin-bottom: 36px !important; }\r\n    .eliz-careers .form-section { padding-top: 40px !important; }\r\n    .eliz-careers .date-row { gap: 12px; }\r\n    .eliz-careers .radio-row, .eliz-careers .check-row { gap: 20px; }\r\n    .eliz-careers input[type=\"text\"], .eliz-careers input[type=\"tel\"],\r\n    .eliz-careers input[type=\"email\"], .eliz-careers input[type=\"date\"],\r\n    .eliz-careers textarea, .eliz-careers select { font-size: 17px !important; }\r\n    .eliz-careers button[type=\"submit\"] {\r\n        min-width: 240px !important; padding: 20px 44px !important; font-size: 16px !important;\r\n        letter-spacing: 4px !important; text-indent: 4px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"eliz-careers\">\r\n<div class=\"page\">\r\n\r\n    <header class=\"page-header\">\r\n        <div class=\"page-eyebrow\">ELIZ&nbsp;GROUP<\/div>\r\n        <h1 class=\"page-title\">\u52a0\u5165\u6211\u5011<\/h1>\r\n        <p class=\"page-lead\">\r\n            \u6211\u5011\u76f8\u4fe1\uff0c\u5bb6\u5177\u4e0d\u53ea\u662f\u5546\u54c1\uff0c\u800c\u662f\u627f\u8f09\u751f\u6d3b\u65b9\u5f0f\u7684\u8f09\u9ad4\u3002<br>\r\n            \u5982\u679c\u60a8\u4e5f\u71b1\u611b\u7f8e\u5b78\u3001\u7a7a\u9593\u8207\u4eba\uff0c\u6b61\u8fce\u5c07\u60a8\u7684\u6545\u4e8b\u6295\u905e\u7d66\u6211\u5011\u3002\r\n        <\/p>\r\n    <\/header>\r\n\r\n    <form id=\"elizApplyForm\" novalidate action=\"\">\r\n\r\n        <!-- \u61c9\u5fb5\u8077\u4f4d\uff08\u7f6e\u9802\u3001\u7121\u5e8f\u865f\u3001\u5fc5\u586b\uff09 -->\r\n        <section class=\"form-section position-section\">\r\n            <div class=\"field\">\r\n                <label for=\"eliz-position\">\u60a8\u6b32\u61c9\u5fb5\u7684\u8077\u4f4d <span class=\"req\">*<\/span><\/label>\r\n                <select id=\"eliz-position\" required>\r\n                    <option value=\"\">\u8acb\u9078\u64c7<\/option>\r\n                    <option value=\"\u5bb6\u914d\u5e2b Interior Decorator\">\u5bb6\u914d\u5e2b Interior Decorator<\/option>\r\n                    <!-- \u66ab\u505c\u62db\u52df\u4e2d\uff082026-06-03 \u8001\u95c6\u901a\u77e5\uff09\u3002\u6062\u5fa9\u65b9\u5f0f\uff1a\u62ff\u6389\u4e0b\u4e00\u884c\u5169\u7aef\u7684\u8a3b\u89e3\u7b26\u865f -->\r\n                    <!--<option value=\"\u54c1\u724c\u884c\u92b7\u4f01\u5283\u52a9\u7406 Brand Marketing Assistant\">\u54c1\u724c\u884c\u92b7\u4f01\u5283\u52a9\u7406 Brand Marketing Assistant<\/option>-->\r\n                <\/select>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- \u8077\u4f4d\u5f15\u5c0e\u6587\u6848\uff08\u9078\u5230\u300c\u54c1\u724c\u884c\u92b7\u4f01\u5283\u52a9\u7406\u300d\u624d\u51fa\u73fe\uff09 -->\r\n        <section class=\"form-section position-intro\" id=\"introBrandMarketing\" style=\"display:none;\">\r\n            <div class=\"intro-quote\">\r\n                <p>\u6211\u5011\u6b63\u5728\u9577\u5927\u3002<\/p>\r\n                <p>\u65b0\u7684\u54c1\u724c\u652f\u7dda\u3001\u66f4\u5927\u7684\u821e\u53f0\u3001<br>\u66f4\u591a\u60f3\u88ab\u770b\u898b\u7684\u597d\u6771\u897f\u3002<\/p>\r\n                <p>\u6211\u5011\u5728\u627e\u4e00\u500b\u5c0d\u300c\u54c1\u724c\u300d\u6709\u81ea\u5df1\u60f3\u6cd5\u7684\u4eba\uff0c<br>\u9858\u610f\u628a\u6bcf\u4e00\u500b\u88ab\u770b\u898b\u7684\u77ac\u9593\u2014\u2014<br>\u90a3\u4e9b\u756b\u9762\u3001\u90a3\u4e9b\u6587\u5b57\u3001\u90a3\u4e9b\u89f8\u9ede\uff0c<br>\u505a\u5230\u6211\u5011\u4e5f\u9858\u610f\u505c\u4e0b\u4f86\u591a\u770b\u4e00\u773c\u7684\u6a23\u5b50\u3002<\/p>\r\n                <p>\u5982\u679c\u9019\u807d\u8d77\u4f86\u50cf\u4f60\u60f3\u505a\u7684\u4e8b\uff0c<br>\u6211\u5011\uff0c\u7b49\u4f60\u4f86\u3002<\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"form-section\">\r\n            <h2 class=\"section-title\"><span class=\"section-num\">01<\/span>\u57fa\u672c\u8cc7\u6599<\/h2>\r\n\r\n            <div class=\"field\">\r\n                <label for=\"eliz-name\">\u59d3\u540d <span class=\"req\">*<\/span><\/label>\r\n                <input type=\"text\" id=\"eliz-name\" required>\r\n            <\/div>\r\n\r\n            <div class=\"field\">\r\n                <label>\u6027\u5225 <span class=\"req\">*<\/span><\/label>\r\n                <div class=\"radio-row\">\r\n                    <label class=\"radio-item\"><input type=\"radio\" name=\"eliz-gender\" value=\"\u7537\" required><span>\u7537<\/span><\/label>\r\n                    <label class=\"radio-item\"><input type=\"radio\" name=\"eliz-gender\" value=\"\u5973\"><span>\u5973<\/span><\/label>\r\n                    <label class=\"radio-item\"><input type=\"radio\" name=\"eliz-gender\" value=\"\u4e0d\u4fbf\u63d0\u4f9b\"><span>\u4e0d\u4fbf\u63d0\u4f9b<\/span><\/label>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"field\">\r\n                <label for=\"eliz-birthYear\">\u51fa\u751f\u5e74\u6708\u65e5\uff08\u897f\u5143\uff09<span class=\"req\">*<\/span><\/label>\r\n                <div class=\"date-row\">\r\n                    <input type=\"number\" id=\"eliz-birthYear\" min=\"1940\" max=\"2010\" placeholder=\"\u4f8b\uff1a1990 \u5e74\" inputmode=\"numeric\" required>\r\n                    <input type=\"number\" id=\"eliz-birthMonth\" min=\"1\" max=\"12\" placeholder=\"\u6708\" inputmode=\"numeric\" required>\r\n                    <input type=\"number\" id=\"eliz-birthDay\" min=\"1\" max=\"31\" placeholder=\"\u65e5\" inputmode=\"numeric\" required>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"form-section\">\r\n            <h2 class=\"section-title\"><span class=\"section-num\">02<\/span>\u806f\u7d61\u65b9\u5f0f<\/h2>\r\n\r\n            <div class=\"field\">\r\n                <label for=\"eliz-phone\">\u806f\u7d61\u96fb\u8a71 <span class=\"req\">*<\/span><\/label>\r\n                <input type=\"tel\" id=\"eliz-phone\" inputmode=\"tel\" required>\r\n                <div class=\"error-msg\" id=\"eliz-phoneError\">\u8acb\u8f38\u5165\u6b63\u78ba\u7684\u624b\u6a5f\u865f\u78bc<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"field\">\r\n                <label for=\"eliz-email\">\u96fb\u5b50\u4fe1\u7bb1 <span class=\"req\">*<\/span><\/label>\r\n                <input type=\"email\" id=\"eliz-email\" required>\r\n                <div class=\"error-msg\" id=\"eliz-emailError\">\u8acb\u8f38\u5165\u6b63\u78ba\u7684 Email \u683c\u5f0f<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"field\">\r\n                <label>\u671f\u671b\u806f\u7d61\u65b9\u5f0f <span class=\"req\">*<\/span><span class=\"hint-inline\">\u53ef\u8907\u9078<\/span><\/label>\r\n                <div class=\"check-row\">\r\n                    <label class=\"check-item\"><input type=\"checkbox\" name=\"eliz-contactPref\" value=\"Email\"><span>Email<\/span><\/label>\r\n                    <label class=\"check-item\"><input type=\"checkbox\" name=\"eliz-contactPref\" value=\"\u96fb\u8a71\"><span>\u96fb\u8a71<\/span><\/label>\r\n                    <label class=\"check-item\"><input type=\"checkbox\" name=\"eliz-contactPref\" value=\"LINE\"><span>LINE<\/span><\/label>\r\n                    <label class=\"check-item\"><input type=\"checkbox\" name=\"eliz-contactPref\" value=\"\u5176\u4ed6\"><span>other<\/span><\/label>\r\n                <\/div>\r\n                <input type=\"text\" id=\"eliz-contactLineId\" class=\"conditional-input\" placeholder=\"\u82e5\u9078 LINE\uff0c\u8acb\u7559\u4e0b LINE ID\" style=\"display:none;\">\r\n                <input type=\"text\" id=\"eliz-contactOtherText\" class=\"conditional-input\" placeholder=\"\u8acb\u8aaa\u660e\u806f\u7d61\u65b9\u5f0f\" style=\"display:none;\">\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"form-section\">\r\n            <h2 class=\"section-title\"><span class=\"section-num\">03<\/span>\u5b78\u6b77\u8207\u7d93\u6b77<\/h2>\r\n\r\n            <div class=\"field\">\r\n                <label for=\"eliz-education\">\u6700\u9ad8\u5b78\u6b77 <span class=\"req\">*<\/span><\/label>\r\n                <input type=\"text\" id=\"eliz-education\" placeholder=\"\u4f8b\uff1a\u5be6\u8e10\u5927\u5b78 \u5ba4\u5167\u8a2d\u8a08\u7cfb\" required>\r\n            <\/div>\r\n\r\n            <div class=\"field\">\r\n                <label for=\"eliz-experience\">\u5de5\u4f5c\u7d93\u6b77 <span class=\"req\">*<\/span><\/label>\r\n                <textarea id=\"eliz-experience\" rows=\"8\" placeholder=\"\u8acb\u4f9d\u6642\u9593\u9806\u5e8f\u5217\u51fa\u516c\u53f8\u3001\u8077\u7a31\u3001\u5e74\u8cc7\u8207\u4e3b\u8981\u8ca0\u8cac\u5167\u5bb9\" required><\/textarea>\r\n                <div class=\"hint\">\u5efa\u8b70\u683c\u5f0f\uff1a\u8d77\u8a16\u5e74\u6708\uff5c\u516c\u53f8\u540d\u7a31\uff5c\u8077\u7a31\uff5c\u5de5\u4f5c\u5167\u5bb9<\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 03.5 \u4f5c\u54c1\u8207\u5de5\u5177\uff08\u50c5\u300c\u54c1\u724c\u884c\u92b7\u4f01\u5283\u300d\u8077\u4f4d\u986f\u793a\uff09 -->\r\n        <section class=\"form-section\" id=\"sectionPortfolio\" style=\"display:none;\">\r\n            <h2 class=\"section-title\"><span class=\"section-num\">03.5<\/span>\u4f5c\u54c1\u8207\u5c08\u9577<\/h2>\r\n\r\n            <div class=\"field\">\r\n                <label>\u4f5c\u54c1\u96c6\u9023\u7d50 <span class=\"req\">*<\/span><\/label>\r\n                <div id=\"portfolioUrls\">\r\n                    <input type=\"url\" class=\"portfolio-url\" placeholder=\"\u500b\u4eba\u7db2\u7ad9\uff0fGoogle \u96f2\u7aef\u6587\u4ef6\u9023\u7d50\">\r\n                <\/div>\r\n                <button type=\"button\" id=\"addPortfolioBtn\" class=\"add-row-btn\">\uff0b \u65b0\u589e\u53e6\u4e00\u500b\u9023\u7d50<\/button>\r\n                <div class=\"hint\">\u5efa\u8b70\u512a\u5148\u9644\u4e0a\u4ee3\u8868\u4f5c\u6216\u7cbe\u9078\u4f5c\u54c1\u96c6\u9996\u9801<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"field\">\r\n                <label>\u4f60\u6703\u4f7f\u7528\u7684\u5de5\u5177 <span class=\"req\">*<\/span><span class=\"hint-inline\">\u81f3\u5c11\u52fe\u9078 1 \u9805\uff0c\u53ef\u8907\u9078<\/span><\/label>\r\n                <div class=\"check-row check-row-stacked\">\r\n                    <label class=\"check-item\"><input type=\"checkbox\" name=\"eliz-tools\" value=\"Illustrator\"><span>Illustrator<\/span><\/label>\r\n                    <label class=\"check-item\"><input type=\"checkbox\" name=\"eliz-tools\" value=\"Photoshop\"><span>Photoshop<\/span><\/label>\r\n                    <label class=\"check-item\"><input type=\"checkbox\" name=\"eliz-tools\" value=\"\u526a\u8f2f\u8edf\u9ad4\uff08Premiere\uff0fCapCut \u7b49\uff09\"><span>\u526a\u8f2f\u8edf\u9ad4\uff08Premiere\uff0fCapCut \u7b49\uff09<\/span><\/label>\r\n                    <label class=\"check-item\"><input type=\"checkbox\" name=\"eliz-tools\" value=\"ChatGPT\uff0fClaude\"><span>ChatGPT\uff0fClaude<\/span><\/label>\r\n                    <label class=\"check-item\"><input type=\"checkbox\" name=\"eliz-tools\" value=\"Midjourney\uff0f\u751f\u6210\u5f0f AI\"><span>Midjourney\uff0f\u751f\u6210\u5f0f AI<\/span><\/label>\r\n                    <label class=\"check-item\"><input type=\"checkbox\" name=\"eliz-tools\" value=\"\u5176\u4ed6\" id=\"elizToolsOther\"><span>other<\/span><\/label>\r\n                <\/div>\r\n                <input type=\"text\" id=\"eliz-toolsOtherText\" class=\"conditional-input\" placeholder=\"\u8acb\u88dc\u5145\u5176\u4ed6\u5de5\u5177\" style=\"display:none;\">\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"form-section\">\r\n            <h2 class=\"section-title\"><span class=\"section-num\">04<\/span>\u671f\u5f85\u8207\u6642\u7a0b<\/h2>\r\n\r\n            <div class=\"field\">\r\n                <label for=\"eliz-expectedSalary\">\u671f\u671b\u85aa\u8cc7 <span class=\"req\">*<\/span><\/label>\r\n                <input type=\"text\" id=\"eliz-expectedSalary\" required>\r\n            <\/div>\r\n\r\n            <div class=\"field\">\r\n                <label for=\"eliz-availableDate\">\u6700\u5feb\u53ef\u5230\u8077\u65e5 <span class=\"req\">*<\/span><\/label>\r\n                <input type=\"date\" id=\"eliz-availableDate\" required>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"form-section\">\r\n            <h2 class=\"section-title\"><span class=\"section-num\">05<\/span>other<\/h2>\r\n\r\n            <div class=\"field\">\r\n                <label for=\"eliz-question\">\u60f3\u8a62\u554f\u7684\u554f\u984c<\/label>\r\n                <textarea id=\"eliz-question\" rows=\"5\" placeholder=\"\u4efb\u4f55\u60f3\u4e86\u89e3\u7684\u7d30\u7bc0\uff0c\u4f8b\u5982\u8077\u52d9\u5167\u5bb9\u3001\u5718\u968a\u6587\u5316\u3001\u9762\u8a66\u6d41\u7a0b\u7b49\"><\/textarea>\r\n            <\/div>\r\n\r\n            <div class=\"field\">\r\n                <label for=\"eliz-others\">\u81ea\u6211\u4ecb\u7d39\uff0f\u88dc\u5145\u8aaa\u660e<\/label>\r\n                <textarea id=\"eliz-others\" rows=\"6\" placeholder=\"\u60f3\u8b93\u6211\u5011\u8a8d\u8b58\u7684\u60a8\uff0c\u4efb\u4f55\u5f62\u5f0f\u7686\u53ef\u2014\u2014\u4e00\u6bb5\u6545\u4e8b\u3001\u4e00\u4efd\u4f5c\u54c1\u9023\u7d50\u3001\u4e00\u500b\u559c\u6b61\u7684\u8a2d\u8a08\u5e2b\u22ef\u22ef\"><\/textarea>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <div class=\"submit-area\">\r\n            <button type=\"submit\" id=\"eliz-submitBtn\">\u9001\u51fa\u5c65\u6b77<\/button>\r\n            <p class=\"submit-note\">\u82e5\u8cc7\u683c\u76f8\u7b26\uff0c\u5c07\u65bc 7 \u500b\u5de5\u4f5c\u65e5\u5167\u4e3b\u52d5\u8207\u60a8\u806f\u7e6b\u3002<\/p>\r\n        <\/div>\r\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n\r\n    <div id=\"successScreen\">\r\n        <div class=\"success-rule\"><\/div>\r\n        <h2 class=\"success-title\">\u611f\u8b1d\u60a8\u7684\u6295\u905e<\/h2>\r\n        <p class=\"success-msg\">\r\n            \u6211\u5011\u5df2\u6536\u5230\u60a8\u7684\u5c65\u6b77\u3002<br>\r\n            \u82e5\u8cc7\u683c\u76f8\u7b26\uff0c\u5c07\u65bc <strong>7 \u500b\u5de5\u4f5c\u65e5<\/strong> \u5167\u4e3b\u52d5\u8207\u60a8\u806f\u7e6b\uff0c<br>\r\n            \u903e\u671f\u672a\u7372\u56de\u8986\uff0c\u5373\u4ee3\u8868\u6b64\u6b21\u672a\u80fd\u5408\u4f5c\uff0c\u6055\u4e0d\u53e6\u884c\u901a\u77e5\u3002\r\n        <\/p>\r\n        <div class=\"success-rule\"><\/div>\r\n        <p class=\"success-sign\">ELIZ \u827e\u7acb\u601d\u8a02\u88fd\u5bb6\u5177<\/p>\r\n    <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    \/\/ ========================================\r\n    \/\/ \u26a0\ufe0f \u90e8\u7f72\u524d\u5fc5\u586b\uff1aGAS Web App URL\r\n    \/\/ \u5f9e Apps Script \u2192 \u90e8\u7f72 \u2192 \u7ba1\u7406\u90e8\u7f72\u4f5c\u696d \u2192 \u8907\u88fd Web App URL \u8cbc\u5230\u9019\u88e1\r\n    \/\/ ========================================\r\n    var GAS_API_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbxq7Is5SlPOnHPGw_Xnv6KoFcS-42wueLBT5R_AvsWgXKRNwXubk8x9pQfmH2V-jo4u\/exec';\r\n\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n        var $ = function (id) { return document.getElementById(id); };\r\n\r\n        \/\/ \u51fa\u751f\u5e74\u6708\u65e5 input\uff08number type\uff0c\u76f4\u63a5\u8f38\u5165\uff0c\u4e0d\u9700\u52d5\u614b\u586b\u5145\uff09\r\n        var yearSel = $('eliz-birthYear');\r\n        var monthSel = $('eliz-birthMonth');\r\n        var daySel = $('eliz-birthDay');\r\n        \/\/ \u52d5\u614b\u8abf\u6574\u5e74\u4efd\u4e0a\u9650\uff08\u6700\u5e74\u8f15\u61c9\u5fb5\u8005 16 \u6b72\uff09\r\n        yearSel.setAttribute('max', new Date().getFullYear() - 16);\r\n\r\n        \/\/ ====== \u61c9\u5fb5\u8077\u4f4d\u5207\u63db \u2192 \u689d\u4ef6\u5340\u584a\u986f\u793a\/\u96b1\u85cf ======\r\n        var positionSel = $('eliz-position');\r\n        var introBM = $('introBrandMarketing');\r\n        var sectionPortfolio = $('sectionPortfolio');\r\n        positionSel.addEventListener('change', function () {\r\n            var isBrandMarketing = this.value === '\u54c1\u724c\u884c\u92b7\u4f01\u5283\u52a9\u7406 Brand Marketing Assistant';\r\n            introBM.style.display = isBrandMarketing ? 'block' : 'none';\r\n            sectionPortfolio.style.display = isBrandMarketing ? 'block' : 'none';\r\n            \/\/ \u5207\u63db\u8077\u4f4d\u6642\uff0c\u6e05\u7a7a\u689d\u4ef6\u6b04\u4f4d\u907f\u514d\u6b98\u7559\u8cc7\u6599\r\n            if (!isBrandMarketing) {\r\n                $('portfolioUrls').querySelectorAll('.portfolio-url').forEach(function (inp, i) {\r\n                    if (i === 0) inp.value = '';\r\n                });\r\n                \/\/ \u79fb\u9664\u52d5\u614b\u65b0\u589e\u7684 row\r\n                $('portfolioUrls').querySelectorAll('.portfolio-row').forEach(function (row) { row.remove(); });\r\n                document.querySelectorAll('input[name=\"eliz-tools\"]').forEach(function (cb) { cb.checked = false; });\r\n                $('eliz-toolsOtherText').value = '';\r\n                $('eliz-toolsOtherText').style.display = 'none';\r\n            }\r\n        });\r\n\r\n        \/\/ ====== \u5ee3\u544a\u9023\u7d50\u9810\u9078\u8077\u4f4d\uff08URL \u53c3\u6578 ?position=...\uff09 ======\r\n        \/\/ \u7528\u6cd5\uff1a\r\n        \/\/   \/join-us?position=brand-marketing    \u2192 \u9810\u9078\u300c\u54c1\u724c\u884c\u92b7\u4f01\u5283\u300d\r\n        \/\/   \/join-us?position=interior-decorator \u2192 \u9810\u9078\u300c\u5bb6\u914d\u5e2b\u300d\r\n        var urlParams = new URLSearchParams(window.location.search);\r\n        var positionParam = (urlParams.get('position') || '').toLowerCase();\r\n        var positionParamMap = {\r\n            'brand-marketing': '\u54c1\u724c\u884c\u92b7\u4f01\u5283\u52a9\u7406 Brand Marketing Assistant',\r\n            'interior-decorator': '\u5bb6\u914d\u5e2b Interior Decorator'\r\n        };\r\n        if (positionParamMap[positionParam]) {\r\n            positionSel.value = positionParamMap[positionParam];\r\n            \/\/ \u89f8\u767c change \u2192 \u81ea\u52d5\u986f\u793a\u5c0d\u61c9\u689d\u4ef6\u5340\u584a\r\n            positionSel.dispatchEvent(new Event('change'));\r\n            \/\/ \u5ee3\u544a\u9ede\u9032\u4f86\u6642\u5e73\u6ed1\u6efe\u5230\u8077\u4f4d\u9078\u55ae\uff08\u8b93\u4f7f\u7528\u8005\u770b\u5230\u9810\u9078\u7d50\u679c\uff09\r\n            setTimeout(function () {\r\n                positionSel.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n            }, 400);\r\n        }\r\n\r\n        \/\/ ====== \u52d5\u614b\u65b0\u589e\u4f5c\u54c1\u96c6\u9023\u7d50 ======\r\n        var portfolioContainer = $('portfolioUrls');\r\n        $('addPortfolioBtn').addEventListener('click', function () {\r\n            var rows = portfolioContainer.querySelectorAll('.portfolio-url');\r\n            if (rows.length >= 5) {\r\n                alert('\u4f5c\u54c1\u96c6\u9023\u7d50\u6700\u591a 5 \u500b');\r\n                return;\r\n            }\r\n            var row = document.createElement('div');\r\n            row.className = 'portfolio-row';\r\n            var input = document.createElement('input');\r\n            input.type = 'url';\r\n            input.className = 'portfolio-url';\r\n            input.placeholder = '\u4f5c\u54c1\u96c6\u9023\u7d50';\r\n            var removeBtn = document.createElement('button');\r\n            removeBtn.type = 'button';\r\n            removeBtn.className = 'remove-url-btn';\r\n            removeBtn.setAttribute('aria-label', '\u79fb\u9664\u6b64\u9023\u7d50');\r\n            removeBtn.textContent = '\u00d7';\r\n            removeBtn.addEventListener('click', function () { row.remove(); });\r\n            row.appendChild(input);\r\n            row.appendChild(removeBtn);\r\n            portfolioContainer.appendChild(row);\r\n            input.focus();\r\n        });\r\n\r\n        \/\/ ====== \u5de5\u5177\u7d93\u9a57\u300c\u5176\u4ed6\u300d\u5207\u63db ======\r\n        var toolsOtherCheck = $('elizToolsOther');\r\n        var toolsOtherText = $('eliz-toolsOtherText');\r\n        toolsOtherCheck.addEventListener('change', function () {\r\n            toolsOtherText.style.display = this.checked ? 'block' : 'none';\r\n            if (!this.checked) toolsOtherText.value = '';\r\n        });\r\n\r\n        \/\/ \u671f\u671b\u806f\u7d61\u65b9\u5f0f \u689d\u4ef6\u986f\u793a\r\n        var contactChecks = document.querySelectorAll('input[name=\"eliz-contactPref\"]');\r\n        var lineInput = $('eliz-contactLineId');\r\n        var otherInput = $('eliz-contactOtherText');\r\n        contactChecks.forEach(function (cb) {\r\n            cb.addEventListener('change', function () {\r\n                var lineChecked = document.querySelector('input[name=\"eliz-contactPref\"][value=\"LINE\"]').checked;\r\n                var otherChecked = document.querySelector('input[name=\"eliz-contactPref\"][value=\"\u5176\u4ed6\"]').checked;\r\n                lineInput.style.display = lineChecked ? 'block' : 'none';\r\n                otherInput.style.display = otherChecked ? 'block' : 'none';\r\n                if (!lineChecked) lineInput.value = '';\r\n                if (!otherChecked) otherInput.value = '';\r\n            });\r\n        });\r\n\r\n        \/\/ \u5373\u6642\u9a57\u8b49\r\n        $('eliz-phone').addEventListener('blur', function () { validatePhone(this); });\r\n        $('eliz-email').addEventListener('blur', function () { validateEmail(this); });\r\n\r\n        \/\/ \u8868\u55ae\u9001\u51fa\r\n        $('elizApplyForm').addEventListener('submit', function (e) {\r\n            e.preventDefault();\r\n            if (!validateAll()) {\r\n                var firstError = document.querySelector('.eliz-careers .error');\r\n                if (firstError) firstError.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n                return;\r\n            }\r\n\r\n            var btn = $('eliz-submitBtn');\r\n            btn.disabled = true;\r\n            btn.textContent = '\u9001\u51fa\u4e2d...';\r\n\r\n            var contactPrefs = Array.from(\r\n                document.querySelectorAll('input[name=\"eliz-contactPref\"]:checked')\r\n            ).map(function (cb) { return cb.value; });\r\n\r\n            \/\/ \u4f5c\u54c1\u96c6\u591a\u500b URL \u2192 \u63db\u884c\u4e32\u63a5\uff08\u5bb6\u914d\u5e2b\u8077\u4f4d\u6642\u70ba\u7a7a\u5b57\u4e32\uff09\r\n            var portfolioUrls = Array.from(document.querySelectorAll('.portfolio-url'))\r\n                .map(function (inp) { return inp.value.trim(); })\r\n                .filter(function (url) { return url.length > 0; })\r\n                .join('\\n');\r\n\r\n            \/\/ \u5de5\u5177\u7d93\u9a57\uff08\u5bb6\u914d\u5e2b\u8077\u4f4d\u6642\u70ba\u7a7a\u5b57\u4e32\uff09\r\n            var tools = Array.from(document.querySelectorAll('input[name=\"eliz-tools\"]:checked'))\r\n                .map(function (cb) { return cb.value; }).join('\u3001');\r\n\r\n            var data = {\r\n                position: $('eliz-position').value,\r\n                name: $('eliz-name').value.trim(),\r\n                gender: (document.querySelector('input[name=\"eliz-gender\"]:checked') || {}).value || '',\r\n                birthday: yearSel.value + '-' +\r\n                          String(monthSel.value).padStart(2, '0') + '-' +\r\n                          String(daySel.value).padStart(2, '0'),\r\n                phone: $('eliz-phone').value.trim(),\r\n                email: $('eliz-email').value.trim(),\r\n                contactPref: contactPrefs.join('\u3001'),\r\n                contactLineId: lineInput.value.trim(),\r\n                contactOtherText: otherInput.value.trim(),\r\n                education: $('eliz-education').value.trim(),\r\n                experience: $('eliz-experience').value.trim(),\r\n                expectedSalary: $('eliz-expectedSalary').value.trim(),\r\n                availableDate: $('eliz-availableDate').value,\r\n                question: $('eliz-question').value.trim(),\r\n                others: $('eliz-others').value.trim(),\r\n                portfolioUrls: portfolioUrls,\r\n                tools: tools,\r\n                toolsOtherText: toolsOtherText.value.trim()\r\n            };\r\n\r\n            \/\/ POST \u5230 GAS API\r\n            \/\/ Content-Type \u5fc5\u9808\u662f text\/plain \u624d\u80fd\u907f\u958b CORS preflight\r\n            fetch(GAS_API_URL, {\r\n                method: 'POST',\r\n                body: JSON.stringify(data),\r\n                headers: { 'Content-Type': 'text\/plain;charset=utf-8' },\r\n                redirect: 'follow'\r\n            })\r\n            .then(function (res) { return res.json(); })\r\n            .then(function (result) {\r\n                if (result && result.success) {\r\n                    showSuccess();\r\n                } else {\r\n                    alert('\u9001\u51fa\u5931\u6557\uff0c\u8acb\u7a0d\u5f8c\u518d\u8a66\u3002\\n' + ((result && result.error) || ''));\r\n                    btn.disabled = false;\r\n                    btn.textContent = '\u9001\u51fa\u5c65\u6b77';\r\n                }\r\n            })\r\n            .catch(function (err) {\r\n                console.error(err);\r\n                alert('\u7cfb\u7d71\u767c\u751f\u932f\u8aa4\uff0c\u8acb\u7a0d\u5f8c\u518d\u8a66\uff0c\u6216\u4f86\u4fe1 eliz@eliz.com.tw \u76f4\u63a5\u806f\u7e6b\u6211\u5011\u3002');\r\n                btn.disabled = false;\r\n                btn.textContent = '\u9001\u51fa\u5c65\u6b77';\r\n            });\r\n        });\r\n    });\r\n\r\n    \/\/ ====== \u9a57\u8b49 ======\r\n    function validatePhone(el) {\r\n        var v = el.value.trim();\r\n        var ok = \/^09\\d{8}$\/.test(v) || \/^0\\d{1,2}-?\\d{6,8}$\/.test(v);\r\n        toggleError(el, 'eliz-phoneError', !ok && v.length > 0);\r\n        return ok || v.length === 0;\r\n    }\r\n\r\n    function validateEmail(el) {\r\n        var v = el.value.trim();\r\n        var ok = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v);\r\n        toggleError(el, 'eliz-emailError', !ok && v.length > 0);\r\n        return ok || v.length === 0;\r\n    }\r\n\r\n    function toggleError(el, errorId, isError) {\r\n        var msg = document.getElementById(errorId);\r\n        if (isError) {\r\n            el.classList.add('error');\r\n            if (msg) msg.classList.add('show');\r\n        } else {\r\n            el.classList.remove('error');\r\n            if (msg) msg.classList.remove('show');\r\n        }\r\n    }\r\n\r\n    function validateAll() {\r\n        var ok = true;\r\n        var required = [\r\n            'eliz-position',\r\n            'eliz-name', 'eliz-phone', 'eliz-email', 'eliz-education',\r\n            'eliz-experience', 'eliz-expectedSalary', 'eliz-availableDate'\r\n        ];\r\n        required.forEach(function (id) {\r\n            var el = document.getElementById(id);\r\n            if (!el.value.trim()) {\r\n                el.classList.add('error');\r\n                ok = false;\r\n            } else {\r\n                el.classList.remove('error');\r\n            }\r\n        });\r\n\r\n        if (!document.querySelector('input[name=\"eliz-gender\"]:checked')) ok = false;\r\n\r\n        var y = document.getElementById('eliz-birthYear').value;\r\n        var m = document.getElementById('eliz-birthMonth').value;\r\n        var d = document.getElementById('eliz-birthDay').value;\r\n        if (!y || !m || !d) ok = false;\r\n\r\n        if (!document.querySelectorAll('input[name=\"eliz-contactPref\"]:checked').length) ok = false;\r\n\r\n        if (!validatePhone(document.getElementById('eliz-phone'))) ok = false;\r\n        if (!validateEmail(document.getElementById('eliz-email'))) ok = false;\r\n\r\n        \/\/ \u689d\u4ef6\u9a57\u8b49\uff1a\u54c1\u724c\u884c\u92b7\u4f01\u5283\u9700\u4f5c\u54c1\u96c6 + \u5de5\u5177\r\n        var pos = document.getElementById('eliz-position').value;\r\n        if (pos === '\u54c1\u724c\u884c\u92b7\u4f01\u5283\u52a9\u7406 Brand Marketing Assistant') {\r\n            var filledPortfolios = Array.from(document.querySelectorAll('.portfolio-url'))\r\n                .filter(function (inp) { return inp.value.trim().length > 0; });\r\n            var firstPortfolio = document.querySelector('.portfolio-url');\r\n            if (filledPortfolios.length === 0) {\r\n                if (firstPortfolio) firstPortfolio.classList.add('error');\r\n                ok = false;\r\n            } else if (firstPortfolio) {\r\n                firstPortfolio.classList.remove('error');\r\n            }\r\n            if (!document.querySelectorAll('input[name=\"eliz-tools\"]:checked').length) ok = false;\r\n        }\r\n\r\n        return ok;\r\n    }\r\n\r\n    function showSuccess() {\r\n        document.getElementById('elizApplyForm').style.display = 'none';\r\n        document.querySelector('.eliz-careers .page-header').style.borderBottom = 'none';\r\n        document.getElementById('successScreen').style.display = 'block';\r\n        window.scrollTo({ top: 0, behavior: 'smooth' });\r\n    }\r\n})();\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>ELIZ&nbsp;GROUP \u52a0\u5165\u6211\u5011 \u6211\u5011\u76f8\u4fe1\uff0c\u5bb6\u5177\u4e0d\u53ea\u662f\u5546\u54c1\uff0c\u800c\u662f\u627f\u8f09\u751f\u6d3b&#8230;<\/p>","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-32735","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.eliz.com.tw\/en\/wp-json\/wp\/v2\/pages\/32735"}],"collection":[{"href":"https:\/\/www.eliz.com.tw\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.eliz.com.tw\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.eliz.com.tw\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eliz.com.tw\/en\/wp-json\/wp\/v2\/comments?post=32735"}],"version-history":[{"count":44,"href":"https:\/\/www.eliz.com.tw\/en\/wp-json\/wp\/v2\/pages\/32735\/revisions"}],"predecessor-version":[{"id":32787,"href":"https:\/\/www.eliz.com.tw\/en\/wp-json\/wp\/v2\/pages\/32735\/revisions\/32787"}],"wp:attachment":[{"href":"https:\/\/www.eliz.com.tw\/en\/wp-json\/wp\/v2\/media?parent=32735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}