{"id":3511,"date":"2026-08-18T20:06:45","date_gmt":"2026-08-18T12:06:45","guid":{"rendered":"https:\/\/purestudio.com.tw\/official\/?p=3511"},"modified":"2026-08-31T22:54:46","modified_gmt":"2026-08-31T14:54:46","slug":"thesisformatter","status":"publish","type":"post","link":"https:\/\/purestudio.com.tw\/official\/thesisformatter\/","title":{"rendered":"\u2726 \u8ad6\u683c ThesisFormatter"},"content":{"rendered":"\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-95d6afe8 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0;padding-top:0px;padding-bottom:30px\">\n<h2 class=\"wp-block-heading has-x-large-font-size\">2026 \u667a\u6167\u683c\u5f0f\u7bc4\u672c\u7cbe\u6392\u7cfb\u7d71<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div id=\"tp-engine-wrapper\">\n    <style>\n        \/* 1. \u57fa\u790e\u5bb9\u5668\u8207\u80cc\u666f\u7db2\u683c *\/\n        #tp-engine-wrapper {\n            font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", \"Helvetica Neue\", \"PingFang TC\", sans-serif;\n            color: #2c2c2c;\n            line-height: 1.7;\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n            background-color: #e2e2e2;\n            box-sizing: border-box;\n            position: relative;\n            -webkit-font-smoothing: antialiased;\n        }\n        #tp-engine-wrapper * { box-sizing: border-box; }\n        \n        .tp-system-status { \n            display: flex; \n            align-items: center; \n            gap: 10px; \n            margin-bottom: 15px; \n            font-size: 0.82rem; \n            font-weight: 600; \n            color: #666;\n            letter-spacing: 0.5px;\n        }\n        .tp-status-dot { \n            width: 8px; \n            height: 8px; \n            background-color: #7f2d2f; \n            border-radius: 50%; \n            box-shadow: 0 0 8px rgba(127,45,47,0.4); \n            animation: tpPulse 2s infinite ease-in-out;\n        }\n        @keyframes tpPulse {\n            0%, 100% { opacity: 1; transform: scale(1); }\n            50% { opacity: 0.6; transform: scale(0.95); }\n        }\n        \n        \/* 2. \u6838\u5fc3\u770b\u677f (Hero Section) *\/\n        .tp-hero-canvas {\n            position: relative; \n            width: 100%; \n            min-height: 460px; \n            border-radius: 20px; \n            margin-bottom: 25px; \n            background-color: #f5f0e6;\n            background-image: \n                linear-gradient(90deg, rgba(218, 208, 192, 0.25) 1px, transparent 1px), \n                linear-gradient(0deg, rgba(218, 208, 192, 0.25) 1px, transparent 1px);\n            background-size: 60px 60px; \n            border: 1px solid #dcd5cc; \n            overflow: hidden; \n            display: flex; \n            align-items: center; \n            justify-content: space-between; \n            padding: 40px 50px; \n            box-shadow: 0 8px 30px rgba(0,0,0,0.03); \n            z-index: 5;\n        }\n        .tp-hero-content { \n            max-width: 52%; \n            z-index: 5; \n            display: flex; \n            flex-direction: column; \n            justify-content: center; \n        }\n        #tp-curve-canvas { display: none; }\n        \n        \/* \ud83d\udcbb \u7db2\u9801\uff08\u684c\u6a5f\uff09\u7248\u5716\u793a\uff1a\u96d9\u5c64\u7d19\u5f35\u8996\u89ba *\/\n        .tp-art-wall { \n            width: 40%; \n            height: 320px; \n            position: relative; \n            display: flex; \n            align-items: center; \n            justify-content: center; \n            pointer-events: none; \n            z-index: 1; \n        }\n        .tp-art-paper {\n            width: 200px; \n            height: 270px; \n            background: #ffffff; \n            border: 1px solid #e3ded6; \n            border-radius: 6px; \n            box-shadow: 0 14px 32px rgba(127, 45, 47, 0.06); \n            padding: 25px 20px; \n            position: relative; \n            display: flex; \n            flex-direction: column; \n            gap: 10px; \n            z-index: 3;\n            transition: transform 0.4s ease;\n        }\n        .tp-art-paper::before { \n            content: ''; \n            position: absolute; \n            top: 15px; \n            bottom: 15px; \n            left: 15px; \n            right: 15px; \n            border: 1px dashed #ebdcd0; \n            pointer-events: none; \n            border-radius: 2px;\n        }\n        \n        .tp-paper-line { height: 5px; background: #f2ebe1; border-radius: 2px; width: 100%; }\n        .tp-paper-line.title { height: 9px; background: #7f2d2f; width: 65%; margin-bottom: 6px; }\n        .tp-paper-line.h2 { height: 7px; background: #cbbcb0; width: 45%; margin-top: 3px; }\n        .tp-paper-line.short { width: 80%; }\n        .tp-paper-line.shortest { width: 50%; }\n        .tp-paper-footer { margin-top: auto; display: flex; justify-content: center; }\n        .tp-paper-page { width: 12px; height: 4px; background: #e3ded6; border-radius: 1px; }\n        \n        .tp-art-paper-shadow {\n            position: absolute; \n            width: 200px; \n            height: 270px; \n            background: #faf7f2; \n            border: 1px solid #dfd8cd; \n            border-radius: 6px; \n            left: 120px; \n            top: 40px; \n            transform: rotate(5deg); \n            z-index: 1; \n            box-shadow: 0 6px 20px rgba(0,0,0,0.03);\n        }\n        \n        .tp-tablet-view, .tp-mobile-view { display: none; }\n\n        .tp-main-title { \n            font-size: clamp(1.8rem, 4vw, 2.6rem); \n            font-weight: 700; \n            color: #7f2d2f; \n            margin: 0 0 15px 0; \n            letter-spacing: -0.5px; \n            line-height: 1.25; \n        }\n        .tp-tagline { \n            font-size: 0.95rem; \n            color: #555; \n            background: transparent; \n            padding: 0; \n            border: none; \n            z-index: 2; \n            line-height: 1.7; \n        }\n        \n        .tp-video-trigger-wrap { margin-top: 25px; z-index: 10; display: flex; }\n        .tp-video-btn { \n            background: #7f2d2f; \n            border: 1px solid #7f2d2f; \n            color: white; \n            padding: 10px 22px; \n            border-radius: 8px; \n            font-size: 15px; \n            font-weight: 600; \n            cursor: pointer; \n            transition: all 0.25s ease; \n            display: flex; \n            align-items: center; \n            gap: 8px; \n            box-shadow: 0 4px 12px rgba(127, 45, 47, 0.2);\n        }\n        .tp-video-btn:hover { \n            background: #632022; \n            border-color: #632022; \n            transform: translateY(-1px);\n            box-shadow: 0 6px 16px rgba(127, 45, 47, 0.3);\n        }\n        \n        \/* \u5f71\u7247\u5c55\u793a\u62bd\u5c5c *\/\n        .tp-video-drawer { \n            max-height: 0; \n            overflow: hidden; \n            transition: max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease; \n            width: 100%; \n            border-radius: 20px; \n            margin-bottom: 25px; \n            opacity: 0; \n        }\n        .tp-video-drawer.is-open { \n            max-height: 800px; \n            opacity: 1; \n        }\n        .tp-video-container { \n            position: relative; \n            padding-bottom: 56.25%; \n            height: 0; \n            border-radius: 20px; \n            overflow: hidden; \n            background: #000; \n            box-shadow: 0 12px 30px rgba(0,0,0,0.15);\n        }\n        .tp-video-container iframe { \n            position: absolute; \n            top: 0; \n            left: 0; \n            width: 100%; \n            height: 100%; \n            border: 0; \n        }\n\n        \/* \ud83d\udcbb \u5e73\u677f\u7aef\u5c08\u5c6c\u4f48\u5c40\uff08\u9593\u8ddd\u7e2e\u5c0f\uff0c\u4f7f\u7dda\u689d\u66f4\u70ba\u8cbc\u8fd1\u5713\u5716\uff09 *\/\n        .tp-tab-box { \n            background: #ffffff; \n            border: 1px solid #e3ded6; \n            border-radius: 14px; \n            padding: 25px; \n            box-shadow: 0 4px 18px rgba(0,0,0,0.03); \n            display: flex; \n            align-items: center; \n            justify-content: space-between; \n            gap: 12px; \n            width: 100%; \n        }\n        .tp-tab-left-side { flex: 1; display: flex; flex-direction: column; gap: 8px; }\n        .tp-tab-right-side { display: flex; align-items: center; gap: 12px; flex-shrink: 0; width: 185px; justify-content: flex-end; }\n        \n        \/* \ud83c\udf70 \u5713\u5f62\u86cb\u7cd5\u5716 *\/\n        .tp-tab-pie-large {\n            width: 115px !important; \n            height: 115px !important; \n            border-radius: 50% !important; \n            border: 1px solid #eae6df !important; \n            flex-shrink: 0; \n            position: relative;\n            background: conic-gradient(#7f2d2f 0% 30%, #bdab9b 30% 70%, #dcd5cc 70% 100%) !important; \n            box-shadow: 0 4px 12px rgba(0,0,0,0.04);\n        }\n        .tp-tab-pie-large::before { \n            content: ''; \n            position: absolute; \n            top: 25px; \n            left: 25px; \n            width: 63px; \n            height: 63px; \n            background: #ffffff; \n            border-radius: 50%; \n            border: 1px solid #eae6df; \n        }\n        \n        \/* \ud83d\udcca \u5713\u5f62\u5713\u9ede\u5716\u4f8b *\/\n        .tp-tab-legend-v-box { display: flex; flex-direction: column; gap: 12px; width: 55px; justify-content: center; }\n        .tp-tab-legend-item { display: flex; align-items: center; gap: 6px; }\n        .tp-tab-legend-dot { width: 6px !important; height: 6px !important; border-radius: 50% !important; flex-shrink: 0; }\n        .tp-tab-legend-line { height: 5px; background: #f2ebe1; border-radius: 1px; width: 28px; }\n\n        \/* \ud83d\udcf1 \u624b\u6a5f\u7aef\u7368\u7acb\u6a23\u5f0f *\/\n        .tp-mob-box { \n            background: #ffffff !important; \n            border: 1px solid #e3ded6 !important; \n            border-radius: 14px !important; \n            padding: 20px !important; \n            box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; \n            display: flex !important; \n            flex-direction: column !important; \n            gap: 10px !important; \n            width: 100% !important; \n        }\n        .tp-mob-line { height: 5px !important; background: #f2ebe1 !important; border-radius: 2px !important; width: 100% !important; display: block !important; }\n        .tp-mob-line.title { height: 7px !important; background: #bdab9b !important; width: 40% !important; margin-bottom: 2px !important; }\n        .tp-mob-line.short { width: 75% !important; }\n        .tp-mob-table { width: 100% !important; display: flex !important; flex-direction: column !important; border-top: 1.5px solid #2c2c2c !important; border-bottom: 1.5px solid #2c2c2c !important; padding: 4px 0 !important; margin: 4px 0 !important; }\n\n        \/* \ud83e\uddf1 \u5e95\u90e8\u529f\u80fd\u7db2\u683c\u8207\u4e0b\u8f09\u5340 *\/\n        .tp-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; width: 100%; clear: both; }\n        .tp-card { \n            background: #ffffff; \n            border: 1px solid #e2ded8; \n            border-radius: 16px; \n            padding: 25px; \n            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); \n            position: relative; \n        }\n        .tp-card:hover { \n            border-color: #7f2d2f; \n            transform: translateY(-4px); \n            box-shadow: 0 12px 30px rgba(127,45,47,0.08); \n        }\n        .tp-card-header { display: flex; align-items: center; margin-bottom: 12px; }\n        \n        \/* \u504f\u65b9\u5f62\uff08\u5fae\u5713\u89d2 Rounded Square\uff09\u6578\u5b57\u5716\u793a *\/\n        .tp-index-num { \n            background: #f4efe9; \n            color: #7f2d2f; \n            width: 28px; \n            height: 28px; \n            display: flex; \n            align-items: center; \n            justify-content: center; \n            font-size: 0.9rem; \n            font-weight: 700; \n            border-radius: 7px; \/* \u504f\u65b9\u5f62\u5713\u89d2\u5fae\u8abf *\/\n            margin-right: 12px; \n            flex-shrink: 0;\n            border: 1px solid #e7dfd5;\n        }\n        \n        .tp-card-title { font-size: 1.1rem; font-weight: 700; color: #1a1a1a; margin: 0; }\n        .tp-item-desc { font-size: 0.88rem; color: #555; display: block; line-height: 1.65; }\n        \n        .tp-export-box { \n            margin-top: 25px; \n            background: #2b2622; \n            color: #fff; \n            padding: 35px 40px; \n            border-radius: 18px; \n            border: 1px solid #1f1b19; \n            display: flex; \n            justify-content: space-between; \n            align-items: center; \n            gap: 30px; \n            width: 100%; \n            clear: both; \n            box-shadow: 0 10px 30px rgba(0,0,0,0.12);\n        }\n        .tp-export-text { flex: 1; }\n        .tp-export-text h3 { margin: 0; font-size: 1.25rem; color: #f5f0e6; font-weight: 700; letter-spacing: 0.5px; }\n        .tp-export-text p { margin: 8px 0 0 0; font-size: 0.9rem; color: #a69e96; line-height: 1.6; }\n        .tp-download-buttons { display: flex; flex-direction: column; gap: 8px; align-items: stretch; justify-content: center; min-width: 220px; }\n        \n        .tp-btn { \n            background: linear-gradient(135deg, #fbf9f6 0%, #eaddd3 100%); \n            color: #4a413a; \n            padding: 11px 0; \n            width: 100%; \n            text-align: center; \n            border-radius: 9px; \n            border: 1px solid #dcd5cc; \n            text-decoration: none; \n            font-weight: 700; \n            font-size: 0.92rem; \n            transition: all 0.25s ease; \n            box-shadow: 0 4px 12px rgba(0,0,0,0.12); \n            display: flex; \n            align-items: center; \n            justify-content: center; \n            gap: 8px; \n        }\n        .tp-btn:hover { \n            transform: translateY(-2px); \n            box-shadow: 0 8px 20px rgba(0,0,0,0.22); \n            background: #ffffff; \n            color: #7f2d2f; \n        }\n        .tp-btn-license { overflow: visible; }\n        .tp-license-text {\n            position: relative;\n            display: inline-block;\n            font-size: 1.12rem;\n            font-weight: 800;\n            letter-spacing: 0.08em;\n            line-height: 1;\n            background-image: linear-gradient(110deg, #4a413a 0 44%, #c9a227 48%, #fff8dc 50.5%, #e8c547 53%, #4a413a 57% 100%);\n            background-size: 260% 100%;\n            background-position: 97% 0;\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n            color: transparent;\n            animation: tpGoldSweep 5.4s linear infinite;\n        }\n        .tp-btn:hover .tp-license-text {\n            background-image: linear-gradient(110deg, #7f2d2f 0 44%, #e8c547 48%, #fff8dc 50.5%, #c9a227 53%, #7f2d2f 57% 100%);\n        }\n        @keyframes tpGoldSweep {\n            0%, 12% { background-position: 97% 0; }\n            46% { background-position: 42% 0; }\n            58%, 72% { background-position: 20% 0; }\n            86%, 100% { background-position: 6% 0; }\n        }\n        .tp-spark {\n            position: absolute;\n            right: -7px;\n            top: -9px;\n            width: 16px;\n            height: 16px;\n            pointer-events: none;\n            color: #fffef2;\n            filter: drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 4px #ffd56a);\n            animation: tpSparkFlash 5.4s ease-in-out infinite;\n        }\n        .tp-spark svg { width: 100%; height: 100%; fill: currentColor; display: block; }\n        @keyframes tpSparkFlash {\n            0%, 56%, 78%, 100% { opacity: 0; transform: scale(0.25) rotate(-8deg); }\n            60% { opacity: 1; transform: scale(1.22) rotate(10deg); }\n            66% { opacity: 1; transform: scale(1.05) rotate(16deg); }\n            73% { opacity: 0.35; transform: scale(0.55) rotate(22deg); }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .tp-license-text, .tp-spark { animation: none; }\n            .tp-license-text { background: none; -webkit-text-fill-color: #4a413a; color: #4a413a; }\n            .tp-spark { display: none; }\n        }\n        .tp-line-mark {\n            width: 26px;\n            height: 26px;\n            flex-shrink: 0;\n            display: block;\n            border-radius: 6px;\n        }\n        .tp-os-row { display: flex; gap: 8px; width: 100%; }\n        .tp-btn-os { flex: 1; min-height: 44px; padding: 10px 0; }\n        .tp-btn-os svg { width: 18px; height: 18px; fill: currentColor; display: block; }\n\n        \/* \ud83d\udcf1 \u97ff\u61c9\u5f0f\u65b7\u9ede (RWD) *\/\n        @media (max-width: 991px) and (min-width: 577px) {\n            .tp-hero-canvas { flex-direction: column; padding: 40px; min-height: auto; align-items: flex-start; gap: 30px; }\n            .tp-hero-content { max-width: 100%; }\n            .tp-desktop-view { display: none !important; }\n            .tp-tablet-view { display: flex !important; width: 100%; pointer-events: none; }\n        }\n\n        @media (max-width: 576px) {\n            #tp-engine-wrapper { padding: 12px; }\n            .tp-hero-canvas { flex-direction: column; padding: 32px 20px; min-height: auto; align-items: flex-start; gap: 25px; }\n            .tp-hero-content { max-width: 100%; }\n            .tp-desktop-view { display: none !important; }\n            .tp-mobile-view { display: flex !important; flex-direction: column; width: 100% !important; pointer-events: none; }\n            .tp-feature-grid { grid-template-columns: 1fr; }\n            .tp-export-box { flex-direction: column; text-align: center; padding: 30px 24px; gap: 20px; }\n            .tp-download-buttons { width: 100%; align-items: center; }\n        }\n    <\/style>\n\n    <div class=\"tp-system-status\">\n        <div class=\"tp-status-dot\"><\/div>\n        <span>THESISFORMATTER READY<\/span>\n    <\/div>\n\n    <header class=\"tp-hero-canvas\" id=\"tp-wall\">\n        <canvas id=\"tp-curve-canvas\"><\/canvas>\n        \n        <!-- \u5de6\u5074\u5167\u5bb9\u5340 -->\n        <div class=\"tp-hero-content\">\n            <h1 class=\"tp-main-title\">\u8ad6\u683c<span style=\"font-size:1.3rem; letter-spacing: -0.05px; font-weight: 500; margin-left: 6px;\"> ThesisFormatter<\/span><br>\u81ea\u52d5\u5316\u6392\u7248\u8f14\u52a9\u5de5\u5177<\/h1>\n            <div class=\"tp-tagline\">\u5c08\u70ba\u7814\u7a76\u751f\u8207\u7814\u7a76\u4eba\u54e1\u6253\u9020\u3002\u4e2d\u82f1\u7a3f\u7d04\u8207\u8ad6\u6587\u7686\u53ef\u8655\u7406\uff0c\u652f\u63f4 APA\u3001IEEE \u591a\u7a2e\u5b78\u8853\u683c\u5f0f\uff0c\u4e00\u9375\u8f49\u63db\u70ba\u7b26\u5408\u5b78\u8853\u898f\u7bc4\u7684\u6a19\u6e96\u6392\u7248\u3002<\/div>\n            <div class=\"tp-video-trigger-wrap\">\n                <button class=\"tp-video-btn\" onclick=\"toggleVideo()\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg>\u5f71\u7247\u5c55\u793a\n                <\/button>\n            <\/div>\n        <\/div>\n        \n        <!-- \ud83d\udcbb 1. \u684c\u9762\u7db2\u9801\u7248 -->\n        <div class=\"tp-art-wall tp-desktop-view\">\n            <div class=\"tp-art-paper\">\n                <div class=\"tp-paper-line title\"><\/div>\n                <div class=\"tp-paper-line h2\"><\/div>\n                <div class=\"tp-paper-line\"><\/div>\n                <div class=\"tp-paper-line short\"><\/div>\n                <div class=\"tp-paper-footer\"><div class=\"tp-paper-page\"><\/div><\/div>\n            <\/div>\n            <div class=\"tp-art-paper-shadow\"><\/div>\n        <\/div>\n\n        <!-- \ud83d\udcbb 2. \u5e73\u677f\u7248\uff08\u9ed1\u8272\u4e09\u7dda\u9806\u61c9\u5713\u5716\u5de6\u4e0b\u89d2\u5f27\u7dda\u505a\u968e\u68af\u72c0\u5ef6\u4f38\uff09 -->\n        <div class=\"tp-tablet-view\">\n            <div class=\"tp-tab-box\">\n                <!-- \u5de6\u5074\u5167\u5bb9\u5206\u6b04 -->\n                <div class=\"tp-tab-left-side\" style=\"overflow: visible;\">\n                    <div class=\"tp-paper-line title\" style=\"width: 140px; background: #7f2d2f; height: 9px; margin-bottom: 4px;\"><\/div>\n                    <div class=\"tp-paper-line\" style=\"width: 100%; margin-bottom: 6px;\"><\/div>\n                    <div class=\"tp-paper-line\" style=\"width: 95%; margin-bottom: 6px;\"><\/div>\n                    <div class=\"tp-paper-line short\" style=\"width: 88%; margin-bottom: 12px;\"><\/div>\n                    \n                    <!-- \u4e09\u7dda\u8868\u683c\uff1a\u9806\u61c9\u53f3\u5074\u5713\u5f62\u5f27\u5ea6\u7684\u968e\u68af\u72c0\u7dda\u689d -->\n                    <div style=\"display: flex; flex-direction: column; gap: 4px; width: 100%; position: relative;\">\n                        <!-- \u7b2c 1 \u689d\u7dda\uff1a\u9802\u90e8\u7dda\u689d\u7565\u77ed -->\n                        <div style=\"width: calc(100% - 18px); height: 1.5px; background: #2c2c2c;\"><\/div>\n                        \n                        <div style=\"display: flex; width: calc(100% - 12px); justify-content: space-between; align-items: center; padding: 2px 0;\">\n                            <div class=\"tp-paper-line\" style=\"width: 45px; background: #bdab9b; height: 6px;\"><\/div>\n                            <div class=\"tp-paper-line\" style=\"width: 35px; height: 6px;\"><\/div>\n                        <\/div>\n                        \n                        <!-- \u7b2c 2 \u689d\u7dda\uff1a\u4e2d\u9593\u7dda\u689d\u9069\u5ea6\u5ef6\u4f38 -->\n                        <div style=\"display: flex; width: calc(100% - 6px); justify-content: space-between; align-items: center; padding: 2px 0; border-top: 1.5px solid #2c2c2c; padding-top: 4px; margin-bottom: 4px;\">\n                            <div class=\"tp-paper-line\" style=\"width: 60px; height: 6px;\"><\/div>\n                            <div class=\"tp-paper-line\" style=\"width: 25px; height: 6px;\"><\/div>\n                        <\/div>\n                        \n                        <!-- \u7b2c 3 \u689d\u7dda\uff1a\u6700\u4e0b\u65b9\u7dda\u689d\u6700\u9577\uff0c\u7dca\u8cbc\u5713\u5f62\u6700\u5de6\u4e0b\u51f8\u8655\u5f27\u5ea6 -->\n                        <div style=\"width: calc(100% + 4px); height: 1.5px; background: #2c2c2c; margin-top: 2px;\"><\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u53f3\u5074\u5716\u8868\u5206\u6b04 -->\n                <div class=\"tp-tab-right-side\">\n                    <div class=\"tp-tab-pie-large\"><\/div>\n                    <div class=\"tp-tab-legend-v-box\">\n                        <div class=\"tp-tab-legend-item\">\n                            <div class=\"tp-tab-legend-dot\" style=\"background: #7f2d2f;\"><\/div>\n                            <div class=\"tp-tab-legend-line\"><\/div>\n                        <\/div>\n                        <div class=\"tp-tab-legend-item\">\n                            <div class=\"tp-tab-legend-dot\" style=\"background: #bdab9b;\"><\/div>\n                            <div class=\"tp-tab-legend-line\"><\/div>\n                        <\/div>\n                        <div class=\"tp-tab-legend-item\">\n                            <div class=\"tp-tab-legend-dot\" style=\"background: #dcd5cc;\"><\/div>\n                            <div class=\"tp-tab-legend-line\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \ud83d\udcf1 3. \u624b\u6a5f\u7248 -->\n        <div class=\"tp-mobile-view\">\n            <div class=\"tp-mob-box\">\n                <div class=\"tp-mob-line title\"><\/div>\n                <div class=\"tp-mob-line\"><\/div>\n                <div class=\"tp-mob-table\">\n                    <div style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #2c2c2c; padding-bottom: 4px;\">\n                        <div class=\"tp-mob-line\" style=\"width: 25% !important; background: #7f2d2f !important; height: 5px !important;\"><\/div>\n                        <div class=\"tp-mob-line\" style=\"width: 35% !important;\"><\/div>\n                    <\/div>\n                    <div style=\"display: flex; justify-content: space-between; padding: 4px 0 2px 0;\">\n                        <div class=\"tp-mob-line\" style=\"width: 20px !important;\"><\/div>\n                        <div class=\"tp-mob-line\" style=\"width: 45px !important;\"><\/div>\n                    <\/div>\n                    <div style=\"display: flex; justify-content: space-between; padding: 4px 0 2px 0;\">\n                        <div class=\"tp-mob-line\" style=\"width: 30px !important;\"><\/div>\n                        <div class=\"tp-mob-line\" style=\"width: 35px !important;\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"tp-mob-line short\"><\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- \u5f71\u7247\u5c55\u793a\u62bd\u5c5c -->\n    <div class=\"tp-video-drawer\" id=\"tpVideoDrawer\">\n        <div class=\"tp-video-container\">\n            <iframe id=\"tpIframe\" src=\"https:\/\/www.youtube.com\/embed\/9u2U_gL_lQk\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n        <\/div>\n    <\/div>\n\n    <!-- 3. \u529f\u80fd\u7db2\u683c (\u504f\u65b9\u5f62\u6578\u5b57\u5716\u793a) -->\n    <div class=\"tp-feature-grid\">\n        <div class=\"tp-card\">\n            <div class=\"tp-card-header\">\n                <div class=\"tp-index-num\">1<\/div>\n                <h3 class=\"tp-card-title\">\u4e00\u9375\u751f\u6210\uff0c\u7cbe\u6e96\u5c0d\u9f4a<\/h3>\n            <\/div>\n            <span class=\"tp-item-desc\">\u53ea\u9700\u8f38\u5165\u6216\u8cbc\u4e0a\u60a8\u7684\u6587\u672c\uff0c\u5373\u53ef\u4e00\u9375\u8f49\u63db\u70ba\u7b26\u5408\u5b78\u8853\u898f\u7bc4\u7684\u6a19\u6e96\u6392\u7248\u3002\u5305\u542b\u76ee\u9304\u3001\u9801\u78bc\u3001\u6a19\u984c\u968e\u5c64\u8207\u5716\u8868\u6a19\u8a3b\uff0c\u78ba\u4fdd\u8f38\u51fa\u56b4\u8b39\u898f\u7bc4\u3002<\/span>\n        <\/div>\n\n        <div class=\"tp-card\">\n            <div class=\"tp-card-header\">\n                <div class=\"tp-index-num\">2<\/div>\n                <h3 class=\"tp-card-title\">\u514d\u8cbb\u5373\u6642\u9810\u89bd<\/h3>\n            <\/div>\n            <span class=\"tp-item-desc\">\u63d0\u4f9b\u514d\u8cbb\u7684\u6392\u7248\u751f\u6210\u8207\u5373\u6642\u9810\u89bd\u529f\u80fd\uff0c\u6240\u898b\u5373\u6240\u5f97\uff0c\u4ecb\u9762\u64cd\u4f5c\u7c21\u4fbf\uff0c\u8abf\u6574\u96f6\u6210\u672c\u3002<\/span>\n        <\/div>\n\n        <div class=\"tp-card\">\n            <div class=\"tp-card-header\">\n                <div class=\"tp-index-num\">3<\/div>\n                <h3 class=\"tp-card-title\">\u652f\u63f4\u591a\u7a2e\u5b78\u8853\u683c\u5f0f<\/h3>\n            <\/div>\n            <span class=\"tp-item-desc\">\u7121\u8ad6\u662f\u671f\u520a\u6295\u7a3f\u3001\u78a9\u535a\u58eb\u8ad6\u6587\u6216\u662f\u7814\u7a76\u5831\u544a\uff0c\u90fd\u80fd\u8f15\u9b06\u61c9\u5c0d\uff0c\u9084\u80fd\u6bd4\u5c0d\u5f15\u7528\u6b63\u78ba\u6027\u3002<\/span>\n        <\/div>\n\n        <div class=\"tp-card\">\n            <div class=\"tp-card-header\">\n                <div class=\"tp-index-num\">4<\/div>\n                <h3 class=\"tp-card-title\">\u4e00\u6b21\u89e3\u9396\uff0c\u7d42\u8eab\u4f7f\u7528<\/h3>\n            <\/div>\n            <span class=\"tp-item-desc\">\u78ba\u8a8d\u7b26\u5408\u9700\u6c42\u5f8c\uff0c\u900f\u904e App \u5167\u8cfc\u8cb7\u5347\u7d1a\u70ba\u300c\u8ad6\u683c Pro\u300d\u7d42\u8eab\u89e3\u9396\uff0c\u5373\u53ef\u6c38\u4e45\u532f\u51fa\u6a94\u6848\uff0c\u7121\u4efb\u4f55\u8a02\u95b1\u8cbb\u7528\u3002<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- 4. \u5e95\u90e8\u8f38\u51fa\u5340 -->\n    <div class=\"tp-export-box\">\n        <div class=\"tp-export-text\">\n            <h3>\u7acb\u5373\u4e0b\u8f09\u9ad4\u9a57\u5c08\u696d\u6392\u7248<\/h3>\n            <p>\u8b93\u60a8\u7684\u5fc3\u8840\u7d50\u6676\u4ee5\u6700\u5c08\u696d\u7684\u6a23\u8c8c\u5448\u73fe\uff0c\u628a\u6642\u9593\u7559\u7d66\u66f4\u5049\u5927\u7684\u7814\u7a76\u3002<\/p>\n        <\/div>\n        <div class=\"tp-download-buttons\">\n            <a class=\"tp-btn tp-btn-license\" href=\"https:\/\/thesisformatter.purestudio.com.tw\/\" target=\"_blank\" rel=\"noopener\">\n                <svg class=\"tp-line-mark\" viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                    <rect x=\"1.15\" y=\"1.15\" width=\"45.7\" height=\"45.7\" rx=\"10.85\" fill=\"#fff\" stroke=\"#a3988d\" stroke-width=\"2.1\"\/>\n                    <text x=\"24\" y=\"18\" text-anchor=\"middle\" font-family=\"Arial, Helvetica, sans-serif\" font-size=\"11.6\" font-weight=\"800\" fill=\"#111\" letter-spacing=\".35\">LINE<\/text>\n                    <rect x=\"8.2\" y=\"22.4\" width=\"31.6\" height=\"15\" rx=\"3.2\" fill=\"#06C755\"\/>\n                    <text x=\"24\" y=\"33.5\" text-anchor=\"middle\" font-family=\"Arial, Helvetica, sans-serif\" font-size=\"10.8\" font-weight=\"800\" fill=\"#fff\">Pay<\/text>\n                <\/svg>\n                <span class=\"tp-license-text\">\u5b98\u65b9\u6388\u6b0a<span class=\"tp-spark\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 0l2.1 8.6L24 12l-9.9 3.4L12 24l-2.1-8.6L0 12l9.9-3.4z\"\/><\/svg><\/span><\/span>\n            <\/a>\n            <div class=\"tp-os-row\">\n                <a class=\"tp-btn tp-btn-os\" href=\"https:\/\/apps.apple.com\/tw\/app\/%E8%AB%96%E6%A0%BC\/id6791819600?mt=12\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u4e0b\u8f09 macOS \u7248\u672c\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M16.37 12.29c.03 3.17 2.78 4.22 2.81 4.24-.02.07-.44 1.51-1.45 2.99-.87 1.28-1.78 2.55-3.2 2.58-1.4.03-1.85-.83-3.45-.83s-2.1.8-3.43.86c-1.38.06-2.43-1.39-3.31-2.66C2.46 16.64 1.1 11.86 2.94 8.65c.91-1.6 2.55-2.61 4.32-2.64 1.35-.03 2.62.91 3.45.91s2.37-1.13 4-.96c.68.03 2.59.27 3.82 2.08-.1.06-2.28 1.33-2.16 3.97zM13.87 5.45c.73-.88 1.22-2.11 1.09-3.33-1.05.04-2.32.7-3.07 1.58-.68.78-1.27 2.04-1.11 3.24 1.17.09 2.37-.6 3.09-1.49z\"\/><\/svg>\n                <\/a>\n                <a class=\"tp-btn tp-btn-os\" href=\"https:\/\/apps.microsoft.com\/detail\/9p3lnff50tzt?hl=zh-TW&amp;gl=EE\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u4e0b\u8f09 Windows \u7248\u672c\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M3 5.54l8.09-1.1v7.2H3V5.54zm9.09-1.26L21 3v8.64h-8.91V4.28zM3 12.86h8.09v7.7L3 19.4v-6.54zm9.09 0H21V21l-8.91-1.22v-6.92z\"\/><\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    function toggleVideo() {\n        var drawer = document.getElementById('tpVideoDrawer');\n        drawer.classList.toggle('is-open');\n    }\n<\/script>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>2026 \u667a\u6167\u683c\u5f0f\u7bc4\u672c\u7cbe\u6392\u7cfb\u7d71<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3511","post","type-post","status-publish","format-standard","hentry","category-recentposts"],"_links":{"self":[{"href":"https:\/\/purestudio.com.tw\/official\/wp-json\/wp\/v2\/posts\/3511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/purestudio.com.tw\/official\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/purestudio.com.tw\/official\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/purestudio.com.tw\/official\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/purestudio.com.tw\/official\/wp-json\/wp\/v2\/comments?post=3511"}],"version-history":[{"count":17,"href":"https:\/\/purestudio.com.tw\/official\/wp-json\/wp\/v2\/posts\/3511\/revisions"}],"predecessor-version":[{"id":3606,"href":"https:\/\/purestudio.com.tw\/official\/wp-json\/wp\/v2\/posts\/3511\/revisions\/3606"}],"wp:attachment":[{"href":"https:\/\/purestudio.com.tw\/official\/wp-json\/wp\/v2\/media?parent=3511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/purestudio.com.tw\/official\/wp-json\/wp\/v2\/categories?post=3511"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/purestudio.com.tw\/official\/wp-json\/wp\/v2\/tags?post=3511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}