Corpusland \u00b7 \u521d\u4e2d\u82f1\u8bed\u667a\u80fd\u5b66\u4e60 | \u81ea\u7136\u707e\u5bb3\u8bed\u6599 + \u4e94\u6b65\u6cd5<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n font-family: 'Inter', 'Segoe UI', sans-serif;\n background: linear-gradient(145deg, #FFFDF7, #FFFFFF);\n padding: 0 16px;\n overflow-x: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n \/* ========== Hero \u533a\u57df ========== *\/\n .hero-section { max-width: 1280px; margin: 0 auto; padding: 20px 0 20px; width: 100%; }\n .hero-grid { display: flex; flex-wrap: wrap; align-items: center; gap: 40px; width: 100%; }\n .hero-content { flex: 1.2; min-width: 0; }\n .hero-badge {\n background: #FFFF77; display: inline-flex; align-items: center; gap: 8px;\n padding: 6px 18px; border-radius: 40px; font-weight: 700;\n color: #3E3B32; margin-bottom: 40px;\n }\n h1 {\n font-family: '\u5305\u56fe\u5c0f\u767d\u4f53', 'Baotu Xiaobai', 'Comic Neue', 'ZCOOL KuaiLe', cursive;\n font-weight: 700; font-size: 3rem; line-height: 1.2; margin-bottom: 30px;\n color: #2C2A27;\n }\n .hero-highlight { color: #6B9E5F; border-bottom: 3px solid #FFC857; display: inline-block; }\n .hero-desc {\n font-weight: 500; font-size: 1rem; color: #4B4A43; margin-bottom: 32px;\n max-width: 550px; line-height: 1.5;\n }\n .highlights-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n gap: 14px; margin-bottom: 32px;\n }\n .highlight-item {\n background: white; border-radius: 28px; padding: 10px 16px;\n display: flex; align-items: center; gap: 12px;\n box-shadow: 0 6px 14px rgba(0,0,0,0.02), 0 0 0 1px rgba(0,0,0,0.02);\n transition: 0.2s;\n }\n .highlight-item:hover { transform: translateY(-3px); box-shadow: 0 12px 22px rgba(0,0,0,0.06), 0 0 0 1px #FFC857; }\n .highlight-icon {\n width: 40px; height: 40px; background: #FEF3E0; border-radius: 30px;\n display: flex; align-items: center; justify-content: center; font-size: 1.2rem;\n color: #6B9E5F;\n }\n .highlight-text { font-weight: 700; font-size: 0.85rem; color: #3E3B32; }\n .highlight-text small { display: block; font-weight: 400; font-size: 0.65rem; color: #777; margin-top: 4px; }\n .button-group { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 8px; }\n .btn-trial, .btn-course {\n display: inline-flex; align-items: center; gap: 10px; padding: 10px 24px;\n border-radius: 60px; font-weight: 700; font-size: 0.9rem; border: none;\n cursor: pointer; transition: 0.25s;\n }\n .btn-trial { background: linear-gradient(105deg, #FFC857, #FFB347); color: #3E3B32; box-shadow: 0 6px 14px rgba(255,200,87,0.3); }\n .btn-trial:hover { transform: translateY(-3px); }\n .btn-course { background: white; border: 2px solid #6B9E5F; color: #6B9E5F; }\n .btn-course:hover { background: #6B9E5F; color: white; transform: translateY(-2px); }\n\n \/* \u53f3\u4fa7\u5361\u7247 *\/\n .hero-visual {\n flex: 0.9; background: linear-gradient(135deg, #FFFFFF, #FEFAF2);\n border-radius: 32px; padding: 20px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.03), 0 0 0 1px rgba(168,144,208,0.15);\n width: 100%;\n min-width: 0;\n }\n .demo-card { background: white; border-radius: 28px; padding: 18px; width: 100%; }\n .gif-demo { margin: 14px 0; text-align: center; }\n .gif-demo img { width: 100%; border-radius: 16px; max-width: 100%; height: auto; }\n .gif-caption { font-size: 0.7rem; color: #8B9A8B; margin-top: 6px; }\n .sentence-demo {\n background: #F7F2EA; padding: 14px; border-radius: 24px; margin: 16px 0;\n font-size: 1rem;\n overflow-wrap: break-word;\n word-break: break-word;\n white-space: normal;\n }\n .word-yellow { background-color: #FFF3BF; color: #7A5C00; }\n .word-blue { background-color: #D9E8FF; color: #0047AB; }\n .word-purple { background-color: #F0E6FF; color: #6A2E9E; }\n .word-green { background-color: #DDF4DD; color: #1F6B1F; }\n .word-tag {\n display: inline-block; padding: 4px 10px; border-radius: 20px;\n font-weight: 600; cursor: help;\n white-space: normal;\n word-break: break-word;\n font-size: 0.9rem;\n }\n [data-tip] { position: relative; }\n [data-tip]:before {\n content: attr(data-tip); position: absolute; bottom: 150%; left: 0;\n background: #2C2A27; color: #fff; padding: 6px 12px; border-radius: 20px;\n font-size: 0.7rem; white-space: nowrap; z-index: 20; display: none;\n pointer-events: none;\n }\n [data-tip]:hover:before { display: block; }\n .tag-highlight { background: #FFE5A3; padding: 4px 12px; border-radius: 30px; font-size: 0.7rem; font-weight: 700; display: inline-block; }\n .color-dot { display: inline-block; width: 12px; height: 12px; border-radius: 20px; margin-right: 6px; }\n\n \/* \u97f3\u9891\u5bf9\u6bd4\u5408\u5e76\u6a21\u5757 *\/\n .audio-compare-dynamic {\n margin-top: 18px; background: #F9F5EE; border-radius: 28px;\n padding: 14px 12px; border: 1px solid #EFE4D6;\n width: 100%;\n }\n .dynamic-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; flex-wrap: wrap; gap: 8px; }\n .dynamic-title {\n font-size: 0.75rem; font-weight: 700; background: #FFF0D6;\n padding: 4px 12px; border-radius: 30px; color: #A1662F;\n display: inline-flex; align-items: center; gap: 6px;\n }\n .dynamic-badge { font-size: 0.65rem; background: #E9E0D4; padding: 3px 10px; border-radius: 20px; color: #4F3E2E; }\n .merged-wave-container { margin: 12px 0; width: 100%; }\n .merged-canvas { width: 100%; height: 110px; background: #FFFFFFD9; border-radius: 28px; display: block; box-shadow: inset 0 0 0 1px #EADFCB; }\n .wave-legend { display: flex; justify-content: center; gap: 24px; margin-top: 8px; font-size: 0.6rem; flex-wrap: wrap; }\n .legend-color { display: inline-block; width: 14px; height: 10px; border-radius: 10px; margin-right: 6px; }\n .compare-animation-hint { display: flex; justify-content: center; gap: 12px; margin-top: 12px; font-size: 0.65rem; color: #6B9E5F; align-items: center; flex-wrap: wrap; }\n .live-dot { width: 8px; height: 8px; background: #6B9E5F; border-radius: 10px; display: inline-block; animation: gentlePulse 1s infinite alternate; }\n @keyframes gentlePulse { 0% { opacity: 0.6; } 100% { opacity: 1; } }\n @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n\n \/* ========== \u75db\u70b9\u5bf9\u6bd4\u533a ========== *\/\n .comparison-section { max-width: 1280px; margin: 30px auto 60px; padding: 0 16px; width: 100%; }\n .section-header { text-align: center; margin-bottom: 36px; }\n .section-header h2 { font-size: 1.9rem; font-weight: 800; color: #2C2A27; margin-bottom: 10px; }\n .section-header p { color: #6B6B6B; max-width: 550px; margin: 0 auto; font-size: 1rem; }\n .cmp-grid { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; width: 100%; }\n .cmp-card {\n background: #fff; border-radius: 24px; padding: 18px 20px; width: 45%;\n border: 1px solid #eee; transition: transform 0.2s; position: relative;\n box-shadow: 0 2px 8px rgba(0,0,0,0.02);\n }\n .cmp-card:hover { transform: translateY(-3px); }\n .cmp-card h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 16px; }\n .cmp-card ul {\n list-style: none;\n padding-left: 0;\n margin: 0;\n}\n.cmp-card ul li {\n position: relative;\n padding-left: 22px;\n margin-bottom: 10px;\n font-size: 0.9rem;\n color: #4A4A4A;\n}\n\/* \u786e\u4fdd\u53ea\u6709\u4f2a\u5143\u7d20\u663e\u793a\uff0c\u6ca1\u6709\u9ed8\u8ba4\u6807\u8bb0 *\/\n.cmp-card ul li::before {\n position: absolute;\n left: 0;\n top: 0;\n}\n.card-type-1 ul li::before { content: '\u00d7'; color: #C0A0A0; }\n.card-type-2 ul li::before { content: '\u2022'; color: #A890D0; }\n.card-type-3 ul li::before { content: '\u2713'; color: #6B9E5F; }\n .card-type-1 ul li::before { content: '\u00d7'; position: absolute; left: 0; color: #C0A0A0; }\n .card-type-2 ul li::before { content: '\u2022'; position: absolute; left: 0; color: #A890D0; }\n .card-type-3 { width: 60%; margin-top: -16px; border: 2px solid #6B9E5F; background: #FFFFFF; }\n .card-type-3 ul li::before { content: '\u2713'; position: absolute; left: 0; color: #6B9E5F; }\n .cmp-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #6B9E5F; color: #fff; padding: 6px 20px; border-radius: 40px; font-size: 0.8rem; font-weight: 800; white-space: nowrap; }\n .btn-demo { display: inline-block; background: #6B9E5F; color: white; padding: 5px 16px; border-radius: 30px; font-weight: 600; font-size: 0.7rem; margin-top: 16px; text-decoration: none; }\n .btn-demo:hover { background: #558a4a; }\n .footnote { font-size: 0.8rem; color: #999; margin-top: 12px; }\n\n \/* ========== \u6210\u957f\u8def\u5f84\u533a ========== *\/\n .learning-journey { max-width: 1280px; margin: 40px auto 60px; padding: 0 16px; width: 100%; }\n .journey-header { text-align: center; margin-bottom: 24px; }\n .journey-header h2 { font-size: 1.8rem; font-weight: 800; color: #2C2A27; margin-bottom: 8px; }\n .journey-header p { color: #6B6B6B; max-width: 600px; margin: 0 auto; font-size: 0.95rem; }\n .journey-card {\n background: #FFFFFF; border-radius: 48px; box-shadow: 0 20px 40px rgba(0,0,0,0.04), 0 0 0 1px #EAEAE6;\n overflow: hidden; padding: 24px 20px 32px;\n }\n .cute-scroll-title {\n display: flex; align-items: center; justify-content: center; gap: 8px;\n font-size: 1.1rem; font-weight: 700; margin-bottom: 20px;\n padding: 4px 20px; border-radius: 60px; background: #FFF7E8;\n width: fit-content; margin-left: auto; margin-right: auto;\n }\n .grade-scroll-container {\n display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory;\n padding: 8px 4px 16px; cursor: grab; scrollbar-width: thin;\n }\n .grade-scroll-container:active { cursor: grabbing; }\n .cute-card {\n flex: 0 0 260px; scroll-snap-align: start;\n background: linear-gradient(145deg, #FFFFFF, #FEFAF5); border-radius: 28px;\n padding: 16px 14px; border: 1px solid #FFE8CC; text-align: center; transition: 0.2s;\n }\n .cute-card:hover { transform: translateY(-4px); border-color: #FFC857; }\n .grade-icon { font-size: 1.8rem; margin-bottom: 8px; }\n .card-title { font-size: 1.2rem; font-weight: 800; margin-bottom: 6px; }\n .card-subtitle { font-size: 0.8rem; color: #6B6B6B; margin-bottom: 12px; line-height: 1.4; }\n .feature-tag { background: #F4F0EA; padding: 4px 10px; border-radius: 40px; font-size: 0.7rem; font-weight: 600; }\n .scroll-hint { text-align: center; font-size: 0.65rem; color: #B0A070; margin-top: 8px; }\n .grade-scroll-container::-webkit-scrollbar { height: 5px; }\n .grade-scroll-container::-webkit-scrollbar-track { background: #F0E8DC; border-radius: 20px; }\n .grade-scroll-container::-webkit-scrollbar-thumb { background: #FFC857; border-radius: 20px; }\n\n \/* ========== \u4e94\u6b65\u6cd5 ========== *\/\n .five-steps {\n margin-top: 28px;\n background: #FEFAF5;\n border-radius: 40px;\n padding: 20px 20px;\n border: 1px solid #FFE8CC;\n }\n .steps-title {\n text-align: center;\n font-size: 1.4rem;\n font-weight: 800;\n color: #2C2A27;\n margin-bottom: 20px;\n }\n .steps-title i { color: #6B9E5F; margin-right: 8px; }\n .steps-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n gap: 16px;\n }\n .step-item {\n flex: 1;\n min-width: 150px;\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px 0;\n border-bottom: 1px dashed #E9E0D4;\n }\n .step-number {\n width: 40px;\n height: 40px;\n background: #6B9E5F;\n color: white;\n border-radius: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 1.1rem;\n flex-shrink: 0;\n }\n .step-info { flex: 1; }\n .step-name { font-weight: 800; font-size: 1rem; color: #3E3B32; margin-bottom: 4px; }\n .step-desc { font-size: 0.8rem; color: #6B6B6B; }\n\n \/* ========== \u5b9a\u4ef7\u533a ========== *\/\n .pricing-section { max-width: 1280px; margin: 60px auto 80px; padding: 0 16px; width: 100%; }\n .pricing-header { text-align: center; margin-bottom: 40px; }\n .pricing-header h2 { font-size: 1.8rem; font-weight: 800; margin-bottom: 12px; }\n .pricing-header p { color: #6B6B6B; font-size: 0.95rem; }\n .pricing-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 28px; width: 100%; }\n .pricing-card {\n flex: 1; min-width: 260px; max-width: 320px; background: #FFFFFF;\n border-radius: 32px; padding: 28px 22px;\n box-shadow: 0 12px 28px rgba(0,0,0,0.04), 0 0 0 1px #EAEAE6;\n transition: 0.2s; position: relative; display: flex; flex-direction: column;\n }\n .pricing-card:hover { transform: translateY(-5px); }\n .popular-card { border: 2px solid #FFC857; transform: scale(1.02); }\n .popular-badge {\n position: absolute; top: -14px; left: 50%; transform: translateX(-50%);\n background: #FFC857; color: #3E3B32; padding: 4px 18px; border-radius: 40px;\n font-size: 0.8rem; font-weight: 800; white-space: nowrap;\n }\n .plan-name { font-size: 1.4rem; font-weight: 800; text-align: center; }\n .plan-price { font-size: 2.2rem; font-weight: 800; margin: 16px 0; text-align: center; }\n .plan-price .period { font-size: 0.9rem; font-weight: 500; }\n .plan-features { list-style: none; margin: 20px 0; flex-grow: 1; }\n .plan-features li { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 0.9rem; }\n .btn-plan {\n display: block; text-align: center; padding: 12px; border-radius: 60px;\n font-weight: 700; font-size: 1rem; text-decoration: none; transition: 0.2s;\n margin-top: 16px;\n }\n .primary-btn { background: #6B9E5F; color: white; }\n .primary-btn:hover { background: #558a4a; }\n .longterm-btn { background: #2C2A27; color: #FFC857; border: 1px solid #FFC857; }\n .free-btn { background: #F0F0EA; color: #5A5A4A; }\n .gift-note {\n text-align: center;\n font-size: 0.7rem;\n color: #E67E22;\n margin-top: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 4px;\n }\n .pricing-footer { text-align: center; font-size: 0.7rem; color: #AAA; margin-top: 20px; }\n\n \/* ========== \u54cd\u5e94\u5f0f ========== *\/\n @media (max-width: 900px) {\n .cmp-card { width: 100%; }\n .card-type-3 { width: 100%; margin-top: 0; }\n .cmp-badge { position: static; transform: none; display: inline-block; margin-bottom: 12px; }\n .hero-grid { flex-direction: column; }\n h1 { font-size: 2.2rem; }\n .highlights-grid { grid-template-columns: 1fr 1fr; }\n }\n @media (max-width: 640px) {\n body { padding: 0 12px; }\n .hero-grid { gap: 12px; }\n .hero-section { padding-top: 0 !important; } \/* \u6574\u4f53\u4e0a\u79fb *\/\n .hero-badge { margin-bottom: 4px !important; }\n .hero-desc { margin-bottom: 2px !important; } \/* \u51cf\u5c0f\u4e0e\u5361\u7247\u7684\u8ddd\u79bb *\/\n .highlights-grid { margin-top: 0 !important; margin-bottom: 12px; }\n .button-group { margin-top: 0 !important; } \/* \u6309\u94ae\u4e0a\u79fb *\/\n .hero-visual { margin-top: 0 !important; } \/* \u53f3\u4fa7\u5361\u7247\u4e0a\u79fb *\/\n h1 { font-size: 1.9rem; }\n .btn-trial, .btn-course { padding: 10px 20px; font-size: 1rem; }\n .hero-visual { padding: 12px; }\n .demo-card { padding: 12px; }\n .sentence-demo { font-size: 0.9rem; padding: 10px; }\n .word-tag { font-size: 0.85rem; padding: 3px 8px; }\n .merged-canvas { height: 80px; }\n .cute-card { flex: 0 0 240px; }\n .card-title { font-size: 1.1rem; }\n .card-subtitle { font-size: 0.75rem; }\n .feature-tag { font-size: 0.65rem; }\n .steps-list { flex-direction: column; gap: 12px; }\n .step-item { border-bottom: none; background: #FFFFFF; border-radius: 20px; padding: 10px 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.02); }\n .step-number { width: 36px; height: 36px; font-size: 1rem; }\n .step-name { font-size: 0.9rem; }\n .step-desc { font-size: 0.75rem; }\n .pricing-card { max-width: 100%; padding: 20px 16px; }\n .plan-name { font-size: 1.2rem; }\n .plan-price { font-size: 1.8rem; }\n .plan-features li { font-size: 0.85rem; }\n .btn-plan { font-size: 0.9rem; padding: 10px; }\n .gift-note { font-size: 0.65rem; }\n .popular-card { transform: scale(1); }\n .section-header h2 { font-size: 1.3rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"hero-section\">\n <div class=\"hero-grid\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\"><i class=\"fas fa-book-open\"><\/i> \u9002\u5e94\u65b0\u8bfe\u6807\u00b7\u4e2d\u8003\u6539\u9769<\/div>\n <h1>\u544a\u522b\u5b64\u7acb\u80cc\u5355\u8bcd <br><span class=\"hero-highlight\">\u8bed\u6599+\u8bed\u5883+\u95ed\u73af<\/span> \u8f7b\u677e\u63d0\u5206<\/h1>\n <p class=\"hero-desc\">\u9488\u5bf9\u521d\u4e00\u81f3\u521d\u4e09 \u00b7 \u6c89\u6d78\u5f0f\u8bed\u6599\u8ddf\u8bfb \u00b7 AI\u667a\u80fd\u53cd\u9988 \u00b7 \u8986\u76d6\u4e2d\u80031600\u8bcd & \u6838\u5fc3\u8bed\u6cd5<\/p>\n <div class=\"highlights-grid\">\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-check-double\"><\/i><\/div><div class=\"highlight-text\">\u8986\u76d6\u4e2d\u8003\u8003\u7eb2<small>1600\u8bcd+\u9ad8\u9891\u8003\u70b9<\/small><\/div><\/div>\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div><div class=\"highlight-text\">\u5251\u6865 A2-B1 \u5206\u7ea7<small>\u5bf9\u6807\u6b27\u6807\uff0c\u79d1\u5b66\u8fdb\u9636<\/small><\/div><\/div>\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-video\"><\/i><\/div><div class=\"highlight-text\">AI\u8bed\u6599\u89c6\u9891\u5bfc\u5165<small>\u8da3\u5473\u89c6\u9891\u8bed\u6599\uff0c\u6c89\u6d78\u8f93\u5165<\/small><\/div><\/div>\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-microphone-alt\"><\/i><\/div><div class=\"highlight-text\">\u5f71\u5b50\u8ddf\u8bfb\u6311\u6218<small>0.5s\u5ef6\u8fdf\uff0c\u8bed\u6d41\u8bad\u7ec3<\/small><\/div><\/div>\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-puzzle-piece\"><\/i><\/div><div class=\"highlight-text\">\u5b8c\u5f62\u586b\u7a7a\u4e3b\u52a8\u53ec\u56de<small>\u62d6\u62fd\u586b\u7a7a+\u56de\u987e\u68c0\u6d4b<\/small><\/div><\/div>\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-user-circle\"><\/i><\/div><div class=\"highlight-text\">\u4e13\u5c5e\u7528\u6237\u4e2d\u5fc3<small>\u5355\u8bcd\u6253\u5361\u00b7\u5b66\u4e60\u65e5\u5386<\/small><\/div><\/div>\n <\/div>\n <div class=\"button-group\">\n <button class=\"btn-trial\" id=\"freeTrialBtn\"><i class=\"fas fa-rocket\"><\/i> \u514d\u8d39\u8bd5\u7528 <i class=\"fas fa-arrow-right\"><\/i><\/button>\n <button class=\"btn-course\" id=\"courseSystemBtn\"><i class=\"fas fa-layer-group\"><\/i> \u8bfe\u7a0b\u4f53\u7cfb <i class=\"fas fa-chevron-circle-right\"><\/i><\/button>\n <\/div>\n <p style=\"font-size: 0.8rem; color: #888; margin-top: 20px;\"><i class=\"fas fa-shield-alt\"><\/i> \u7acb\u5373\u4f53\u9a8c3\u7bc7\u5b8c\u6574\u8bed\u6599<\/p>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"demo-card\">\n <div style=\"display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px;\">\n <span><i class=\"fas fa-cloud-rain\" style=\"color:#6B9E5F;\"><\/i> <strong style=\"font-size:1rem;\">\u4eca\u65e5\u8bed\u6599 \u00b7 \u81ea\u7136\u707e\u5bb3\u9632\u8303<\/strong><\/span>\n <span class=\"tag-highlight\">\u521d\u4e09\u96be\u5ea6 B1<\/span>\n <\/div>\n <div class=\"gif-demo\">\n <img decoding=\"async\" src=\"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/\u57fa\u7840\u6587\u4ef6-1.gif\" alt=\"\u81ea\u7136\u707e\u5bb3\u8bed\u6599\u89c6\u9891\u5bfc\u5165\">\n <p class=\"gif-caption\">\ud83c\udfac \u771f\u5b9e\u707e\u5bb3\u9884\u8b66\u89c6\u9891 \u00b7 \u8ddf\u8bfb\u5bf9\u6bd4\u6ce2\u5f62<\/p>\n <\/div>\n <div class=\"sentence-demo\">\n <span class=\"word-tag word-yellow\" data-tip=\"\ud83c\udf0b \u4e2d\u8003\u9ad8\u9891\u8bcd | earthquake \u5730\u9707 \/\u02c8\u025c\u02d0\u03b8kwe\u026ak\/\">earthquake<\/span>\n <span class=\"word-tag word-blue\" data-tip=\"\ud83d\udcd8 \u4e2d\u9891\u8bcd | evacuate \u758f\u6563 \/\u026a\u02c8v\u00e6kjue\u026at\/ \u9605\u8bfb\u9ad8\u9891\">evacuate<\/span>\n <span class=\"word-tag word-purple\" data-tip=\"\u26a1 \u62d3\u5c55\u52a0\u5206\u8bcd | rescue \u6551\u63f4 \/\u02c8reskju\u02d0\/ \u5b8c\u5f62\u586b\u7a7a\u5e38\u89c1\">rescue<\/span>\n <span class=\"word-tag word-green\" data-tip=\"\ud83c\udf0a \u57fa\u7840\u8bcd | flood \u6d2a\u6c34 \/fl\u028cd\/ \u57fa\u7840\u5fc5\u4f1a\">flood<\/span>\n <div style=\"margin-top: 12px; line-height: 1.5;\">\n \u201cAfter the powerful <span class=\"word-yellow word-tag\">earthquake<\/span>, the <span class=\"word-purple word-tag\">rescue<\/span> teams helped people <span class=\"word-blue word-tag\">evacuate<\/span> quickly from the <span class=\"word-green word-tag\">flood<\/span> area.\u201d\n <\/div>\n <div style=\"margin-top: 8px; font-size:0.8rem; color:#8F846C;\">\n \ud83d\udca1 \u53e5\u578b\u89e3\u6790\uff1a\u4e2d\u8003\u771f\u9898\u9ad8\u9891\u573a\u666f \u2014 \u81ea\u7136\u707e\u5bb3\u5e94\u5bf9\u63aa\u65bd\n <\/div>\n <\/div>\n <div style=\"display: flex; gap: 16px; font-size:0.8rem; margin-top: 12px; flex-wrap:wrap;\">\n <span><span class=\"color-dot\" style=\"background:#FFC857;\"><\/span> \u4e2d\u8003\u9ad8\u9891\u8bcd<\/span>\n <span><span class=\"color-dot\" style=\"background:#A890D0;\"><\/span> \u62d3\u5c55\u52a0\u5206\u8bcd<\/span>\n <span><span class=\"color-dot\" style=\"background:#6B9E5F;\"><\/span> \u57fa\u7840\u8bcd<\/span>\n <span><span class=\"color-dot\" style=\"background:#D9E8FF;\"><\/span> \u4e2d\u9891\u62d3\u5c55\u8bcd<\/span>\n <\/div>\n\n <div class=\"audio-compare-dynamic\">\n <div class=\"dynamic-header\">\n <div class=\"dynamic-title\"><i class=\"fas fa-waveform\"><\/i> AI \u97f3\u9891\u5bf9\u6bd4 \u00b7 \u539f\u58f0+\u8ddf\u8bfb\u878d\u5408\u6ce2\u5f62 <span class=\"live-dot\"><\/span><\/div>\n <div class=\"dynamic-badge\"><i class=\"fas fa-microphone-alt\"><\/i> \u5b9e\u65f6\u5bf9\u6bd4\u5206\u6790<\/div>\n <\/div>\n <div class=\"merged-wave-container\">\n <canvas id=\"mergedWaveCanvas\" class=\"merged-canvas\" width=\"600\" height=\"110\"><\/canvas>\n <div class=\"wave-legend\">\n <span><span class=\"legend-color\" style=\"background:#5FAD56;\"><\/span> \u539f\u58f0\u6ce2\u5f62<\/span>\n <span><span class=\"legend-color\" style=\"background:#A890D0;\"><\/span> \u6211\u7684\u5f55\u97f3\u6ce2\u5f62<\/span>\n <\/div>\n <\/div>\n <div class=\"compare-animation-hint\">\n <i class=\"fas fa-chart-simple\"><\/i> \u52a8\u6001\u76f8\u4f3c\u5ea6\u62df\u5408\u4e2d \n <span id=\"similarityValue\" style=\"font-weight:800; background:#FFF0D6; padding:2px 10px; border-radius: 60px;\">89%<\/span>\n <i class=\"fas fa-arrow-rotate-right\" style=\"animation: spin 2s infinite linear;\"><\/i>\n <\/div>\n <div style=\"font-size:0.65rem; text-align:center; margin-top: 8px; color:#A59B86;\">\n <i class=\"fas fa-info-circle\"><\/i> \u540c\u4e00\u753b\u5e03\u5bf9\u6bd4\u539f\u58f0\u4e0e\u8ddf\u8bfb\u80fd\u91cf\u5206\u5e03 | AI\u5b9e\u65f6\u5206\u6790\u53d1\u97f3\u76f8\u4f3c\u5ea6\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"comparison-section\">\n <div class=\"section-header\">\n <h2>\u4e3a\u4ec0\u4e48\u5e02\u9762\u4e0a\u7684\u6559\u6750\u4e0d\u9002\u5408\u4f60\uff1f<\/h2>\n <p>\u62d2\u7edd\u76f2\u76ee\u5237\u9898\uff0c\u4e5f\u62d2\u7edd\u65e0\u6548\u9605\u8bfb\u3002\u6211\u4eec\u627e\u5230\u4e86\u6821\u5185\u5e94\u8bd5\u4e0e\u539f\u7248\u80fd\u529b\u4e4b\u95f4\u7684\u6700\u4f73\u5e73\u8861\u70b9\u3002<\/p>\n <\/div>\n <div class=\"cmp-grid\">\n <div class=\"cmp-card card-type-1\">\n <h3>\ud83c\udfeb \u4f20\u7edf\u6821\u5185\u6559\u6750<\/h3>\n <ul><li>\u5185\u5bb9\u67af\u71e5\uff0c\u8131\u79bb\u771f\u5b9e\u751f\u6d3b<\/li><li>\u8bed\u901f\u8f83\u6162\uff0c\u542c\u529b\u7f3a\u4e4f\u5b9e\u6218\u611f<\/li><li>\u4ec5\u8986\u76d6\u57fa\u7840\u8bcd\u6c47\uff0c\u96be\u4ee5\u5e94\u5bf9\u9009\u62d4<\/li><li>\u7f3a\u4e4f\u7cfb\u7edf\u7684\u5206\u7ea7\u9605\u8bfb\u903b\u8f91<\/li><\/ul>\n <div class=\"footnote\">\u26a0\ufe0f \u4e0e\u4e2d\u8003\u5b9e\u9645\u96be\u5ea6\u65ad\u5c42<\/div>\n <\/div>\n <div class=\"cmp-card card-type-2\">\n <h3>\ud83d\udcda \u7eaf\u539f\u7248\u5206\u7ea7\u8bfb\u7269<\/h3>\n <ul><li>\u96be\u5ea6\u8de8\u5ea6\u5927\uff0c\u5bb9\u6613\u632b\u8d25\u81ea\u4fe1<\/li><li>\u751f\u8bcd\u91cf\u4e0d\u53ef\u63a7\uff0c\u67e5\u8bcd\u6d6a\u8d39\u65f6\u95f4<\/li><li>\u8bdd\u9898\u4e0e\u4e2d\u8003\/\u9ad8\u8003\u8003\u7eb2\u4e0d\u5339\u914d<\/li><li>\u7f3a\u4e4f\u9488\u5bf9\u6027\u7684\u8bed\u6cd5\u590d\u73b0<\/li><\/ul>\n <div class=\"footnote\">\ud83d\udcd6 \u9002\u5408\u56fd\u9645\u8def\u7ebf\uff0c\u5e94\u8bd5\u6548\u7387\u4f4e<\/div>\n <\/div>\n <div class=\"cmp-card card-type-3\">\n <div class=\"cmp-badge\">\ud83c\udfc6 \u79d1\u5b66\u5206\u7ea7\u63a8\u8350<\/div>\n <h3>\ud83d\ude80 Corpusland \u667a\u80fd\u8bed\u6599<\/h3>\n <ul><li><strong>70%\u6821\u5185\u6838\u5fc3+30%\u5730\u9053\u62d3\u5c55<\/strong> <span style=\"background:#FFFF77; padding:2px 8px; border-radius:20px; font-size:0.65rem; margin-left:6px;\">\u7cbe\u51c6\u5bf9\u6807<\/span><\/li>\n <li>\u4e25\u683c\u6821\u51c6\u53e5\u957f\u4e0e\u8bcd\u6c47\u9891\u7387\uff08A2-B1\u5206\u7ea7\uff09<\/li>\n <li>\u5bf9\u6807\u4e2d\u8003\u8003\u70b9\u53ca\u5229\u7528\u5730\u9053\u8bed\u6599\u5bfc\u5165<\/li>\n <li>AI\u8f85\u52a9\u751f\u6210\uff0c\u786e\u4fdd\u8bed\u5883\u81ea\u7136\u4e14\u9ad8\u9891\u8bcd\u590d\u73b0<\/li><\/ul>\n <a href=\"https:\/\/www.corpusland.com\/?page_id=117\" class=\"btn-demo\">\ud83d\udc49 \u4f53\u9a8c\u667a\u80fd\u5206\u7ea7\u8bed\u6599<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"learning-journey\" id=\"learningJourney\">\n <div class=\"journey-header\">\n <h2>\ud83d\udcda \u770b\u5f97\u89c1\u7684\u6210\u957f\u8def\u5f84<\/h2>\n <p>\u6bcf\u4e00\u7bc7\u8bed\u6599\uff0c\u90fd\u662f\u7cbe\u5fc3\u8bbe\u8ba1\u7684\u201c\u8425\u517b\u9910\u201d\u2014\u2014\u57fa\u4e8e\u5927\u6570\u636e\u7684\u201c\u8bed\u6599\u5de5\u7a0b\u5b66\u201d<\/p>\n <\/div>\n <div class=\"journey-card\">\n <div class=\"cute-scroll-title\"><span>\ud83c\udfaf \u96be\u5ea6\u5206\u7ea7 \u00b7 \u7cbe\u51c6\u5339\u914d<\/span><\/div>\n <div class=\"grade-scroll-container\">\n <div class=\"cute-card\">\n <div class=\"grade-icon\">\ud83c\udf31<\/div>\n <div class=\"card-title\">\u521d\u4e00 \u00b7 \u8da3\u5473\u7b51\u57fa<\/div>\n <p class=\"card-subtitle\">\u4ece\u751f\u6d3b\u573a\u666f\u5207\u5165\uff0c\u544a\u522b\u67af\u71e5\u5355\u8bcd\u8868\uff0c\u50cf\u6bcd\u8bed\u8005\u4e00\u6837\u81ea\u7136\u4e60\u5f97<\/p>\n <div class=\"card-features\">\n <span class=\"feature-tag\">\u8bcd\u6c47\u91cf 800+<\/span>\n <span class=\"feature-tag\">\u53e5\u957f 8-12\u8bcd<\/span>\n <span class=\"feature-tag\">\u8da3\u5473\u6545\u4e8b 100%<\/span>\n <span class=\"feature-tag\">\u6162\u901f\u7ea0\u97f3<\/span>\n <\/div>\n <\/div>\n <div class=\"cute-card\">\n <div class=\"grade-icon\">\ud83d\ude80<\/div>\n <div class=\"card-title\">\u521d\u4e8c \u00b7 \u4f53\u7cfb\u8fdb\u9636<\/div>\n <p class=\"card-subtitle\">\u653b\u514b\u6838\u5fc3\u8bed\u6cd5\uff0c\u8854\u63a5 KET\/PET \u8003\u7ea7\uff0c\u9605\u8bfb\u91cf\u7ffb\u500d<\/p>\n <div class=\"card-features\">\n <span class=\"feature-tag\">\u8bcd\u6c47\u91cf 1500+<\/span>\n <span class=\"feature-tag\">\u957f\u96be\u53e5\u62c6\u89e3<\/span>\n <span class=\"feature-tag\">\u8bdd\u9898\u6df1\u5ea6 30%<\/span>\n <span class=\"feature-tag\">\u5730\u9053\u8868\u8fbe<\/span>\n <\/div>\n <\/div>\n <div class=\"cute-card\">\n <div class=\"grade-icon\">\ud83c\udfaf<\/div>\n <div class=\"card-title\">\u521d\u4e09 \u00b7 \u4e2d\u8003\u51b2\u523a<\/div>\n <p class=\"card-subtitle\">\u76f4\u51fb\u4e2d\u8003\u8003\u70b9\uff0c\u8bad\u7ec3\u903b\u8f91\u601d\u7ef4\uff0c\u4ece\u201c\u542c\u61c2\u201d\u5230\u201c\u4f1a\u7528\u201d<\/p>\n <div class=\"card-features\">\n <span class=\"feature-tag\">\u805a\u7126\u4e2d\u8003\u8bdd\u9898<\/span>\n <span class=\"feature-tag\">\u9ad8\u5206\u53e5\u578b<\/span>\n <span class=\"feature-tag\">\u4e2d\u8003\u8986\u76d6\u7387 95%<\/span>\n <span class=\"feature-tag\">\u539f\u58f0\u8bed\u901f 100%<\/span>\n <\/div>\n <\/div>\n <div class=\"cute-card\">\n <div class=\"grade-icon\">\ud83d\udcd8<\/div>\n <div class=\"card-title\">KET \/ PET \u00b7 \u56fd\u9645\u8ba4\u8bc1<\/div>\n <p class=\"card-subtitle\">\u5bf9\u6807\u5251\u6865\u901a\u7528\u82f1\u8bed\uff0c\u8854\u63a5\u4e2d\u8003\u4e0e\u56fd\u9645\u6807\u51c6\uff0c\u4e3a\u5347\u5b66\u52a0\u7801<\/p>\n <div class=\"card-features\">\n <span class=\"feature-tag\">\u8bcd\u6c47\u91cf 1500-3000<\/span>\n <span class=\"feature-tag\">\u771f\u5b9e\u573a\u666f\u8bdd\u9898<\/span>\n <span class=\"feature-tag\">\u53e3\u8bed\u4e0e\u5199\u4f5c\u4e13\u9879<\/span>\n <span class=\"feature-tag\">\u5b98\u65b9\u771f\u9898\u6a21\u62df<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"scroll-hint\">\ud83d\udc46 \u5de6\u53f3\u6ed1\u52a8\u67e5\u770b\u66f4\u591a \u2192<\/div>\n\n \n <div class=\"five-steps\">\n <div class=\"steps-title\"><i class=\"fas fa-cogs\"><\/i> \u79d1\u5b66\u4e94\u6b65\u6cd5 \u00b7 \u95ed\u73af\u63d0\u5206<\/div>\n <div class=\"steps-list\">\n <div class=\"step-item\"><div class=\"step-number\">1<\/div><div class=\"step-info\"><div class=\"step-name\">\ud83c\udfac \u89c6\u9891\u5bfc\u5165<\/div><div class=\"step-desc\">\u771f\u5b9e\u8bed\u5883\u77ed\u7247\uff0c\u6c89\u6d78\u8f93\u5165<\/div><\/div><\/div>\n <div class=\"step-item\"><div class=\"step-number\">2<\/div><div class=\"step-info\"><div class=\"step-name\">\ud83d\udcd6 \u8bcd\u5361\u89e3\u6790<\/div><div class=\"step-desc\">\u8003\u70b9\u6807\u6ce8 + \u667a\u80fd\u62c6\u89e3<\/div><\/div><\/div>\n <div class=\"step-item\"><div class=\"step-number\">3<\/div><div class=\"step-info\"><div class=\"step-name\">\ud83c\udf99\ufe0f AI\u5f55\u97f3\u5bf9\u6bd4<\/div><div class=\"step-desc\">\u6ce2\u5f62\u5bf9\u6bd4 + \u5b9e\u65f6\u8bc4\u5206<\/div><\/div><\/div>\n <div class=\"step-item\"><div class=\"step-number\">4<\/div><div class=\"step-info\"><div class=\"step-name\">\ud83d\udde3\ufe0f \u5f71\u5b50\u8ddf\u8bfb<\/div><div class=\"step-desc\">0.5s\u5ef6\u8fdf\uff0c\u8bed\u6d41\u8bad\u7ec3<\/div><\/div><\/div>\n <div class=\"step-item\"><div class=\"step-number\">5<\/div><div class=\"step-info\"><div class=\"step-name\">\u2705 \u62d6\u62fd\u586b\u7a7a<\/div><div class=\"step-desc\">\u4e3b\u52a8\u53ec\u56de\uff0c\u5de9\u56fa\u68c0\u6d4b<\/div><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pricing-section\">\n <div class=\"pricing-header\"><h2>\ud83d\ude80 \u9009\u62e9\u9002\u5408\u4f60\u7684\u5b66\u4e60\u65b9\u6848<\/h2><p>\u4ece\u514d\u8d39\u4f53\u9a8c\u5230\u957f\u671f\u89c4\u5212\uff0c\u603b\u6709\u4e00\u6b3e\u9002\u5408\u4f60<\/p><\/div>\n <div class=\"pricing-grid\">\n \n <div class=\"pricing-card free-card\">\n <div class=\"plan-name\">\u514d\u8d39\u8bd5\u7528<\/div>\n <div class=\"plan-price\">\u00a50<span class=\"period\">\/ \u6c38\u4e45<\/span><\/div>\n <ul class=\"plan-features\">\n <li><i class=\"fas fa-check-circle\"><\/i> 3\u7bc7\u5b8c\u6574\u8bed\u6599\u4f53\u9a8c<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> AI\u5f55\u97f3\u6ce2\u5f62\u5bf9\u6bd4<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u5f71\u5b50\u8ddf\u8bfb\u6311\u6218<\/li>\n<li><i class=\"fas fa-check-circle\"><\/i> \u4f53\u9a8c\u5b66\u4e60\u4e2d\u5fc3<\/li>\n <\/ul>\n <a href=\"https:\/\/www.corpusland.com\/?page_id=117\" class=\"btn-plan free-btn\">\u7acb\u5373\u4f53\u9a8c<\/a>\n <\/div>\n \n <div class=\"pricing-card popular-card\">\n <div class=\"popular-badge\">\ud83d\udd25 \u8d85\u503c\u9996\u9009<\/div>\n <div class=\"plan-name\">\u5e74\u5ea6\u4f1a\u5458<\/div>\n <div class=\"plan-price\">\u65e9\u9e1f\u4ef7 \u00a559.9 <span class=\"period\">\/ \u5e74<\/span><\/div>\n <ul class=\"plan-features\">\n <li><i class=\"fas fa-check-circle\"><\/i> \u5168\u5e93300+\u8bed\u6599\u65e0\u9650\u8bbf\u95ee<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> AI\u5f55\u97f3\u6ce2\u5f62\u5bf9\u6bd4+\u5f71\u5b50\u8ddf\u8bfb<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u5b66\u4e60\u4e2d\u5fc3<\/a> \u2013 \u5355\u8bcd\u5206\u7c7b\u00b7\u5b66\u4e60\u65e5\u5386<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u5355\u8bcd\u6253\u5361<\/a> \u2013 \u62fc\u5199\u7ec3\u4e60\u00b7\u81ea\u52a8\u5f52\u7c7b<\/li>\n <\/ul>\n <a href=\"https:\/\/www.corpusland.com\/?page_id=825\" class=\"btn-plan primary-btn\">\u7acb\u5373\u8ba2\u9605<\/a>\n <div class=\"gift-note\"><i class=\"fas fa-gift\"><\/i> \u4e0b\u5355\u5373\u5f00\u901a\u7535\u5b50\u8d44\u6e90\u514d\u8d39\u4e0b\u8f7d\u6743\u9650<\/div>\n <\/div>\n \n <div class=\"pricing-card longterm-card\">\n <div class=\"plan-name\">\u4e13\u5c5e\u4f1a\u5458<\/div>\n <div class=\"plan-price\">\u65e9\u9e1f\u4ef7 \u00a5199<span class=\"period\">\/ 3\u5e74<\/span><\/div>\n <ul class=\"plan-features\">\n <li><i class=\"fas fa-check-circle\"><\/i> \u5e74\u5ea6\u4f1a\u5458\u5168\u90e8\u6743\u76ca<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u4e09\u5e74\u8d85\u957f\u6709\u6548\u671f\uff0c\u8986\u76d6\u5c0f\u521d\u8854\u63a5<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u4f18\u5148\u514d\u8d39\u4eab\u7528\u66f4\u65b0\u529f\u80fd<\/li>\n <li><i class=\"fas fa-gem\"><\/i> \u4e13\u5c5e\u5b66\u4e60\u7ba1\u5bb6\u670d\u52a1<\/li>\n <\/ul>\n <a href=\"https:\/\/www.corpusland.com\/?page_id=825\" class=\"btn-plan longterm-btn\">\u5347\u7ea7\u4e13\u5c5e\u4f1a\u5458<\/a>\n <div class=\"gift-note\"><i class=\"fas fa-gift\"><\/i> \u4e0b\u5355\u5373\u8d60\u9001 1v1 \u5b66\u4e60\u89c4\u5212\u54a8\u8be21\u6b21 <\/div>\n <\/div>\n <\/div>\n <div class=\"pricing-footer\"><p>\u5982\u6709\u4efb\u4f55\u7591\u95ee \u00b7 \u8bf7\u968f\u65f6\u8054\u7cfb\u6211\u4eec<\/p><\/div>\n <\/section>\n\n <script>\n (function() {\n const canvas = document.getElementById('mergedWaveCanvas');\n const similaritySpan = document.getElementById('similarityValue');\n if (!canvas) return;\n\n function resizeCanvas() {\n const container = canvas.parentElement;\n const width = container.clientWidth;\n canvas.width = width;\n canvas.height = 110;\n }\n resizeCanvas();\n window.addEventListener('resize', () => resizeCanvas());\n\n function drawMergedWaveform() {\n if (!canvas || canvas.width === 0) return;\n const ctx = canvas.getContext('2d');\n const w = canvas.width;\n const h = canvas.height;\n ctx.clearRect(0, 0, w, h);\n ctx.fillStyle = '#FDF9F2';\n ctx.fillRect(0, 0, w, h);\n\n const barGroups = Math.min(50, Math.floor(w \/ 16));\n if (barGroups === 0) return;\n const groupWidth = w \/ barGroups;\n const barWidth = groupWidth * 0.4;\n const gap = groupWidth * 0.2;\n const centerY = h \/ 2;\n const now = Date.now();\n\n for (let i = 0; i < barGroups; i++) {\n let phaseOrigin = (now * 0.008 + i * 0.5) % (Math.PI * 2);\n let originHeightFactor = 0.4 + Math.sin(phaseOrigin) * 0.2 + Math.random() * 0.1;\n originHeightFactor = Math.min(0.85, Math.max(0.25, originHeightFactor));\n \n let phaseUser = (now * 0.012 + i * 0.7) % (Math.PI * 2);\n let userHeightFactor = 0.45 + Math.sin(phaseUser) * 0.25 + Math.random() * 0.15;\n userHeightFactor = Math.min(0.9, Math.max(0.2, userHeightFactor));\n \n const originHeight = Math.max(8, originHeightFactor * (h - 20));\n const userHeight = Math.max(8, userHeightFactor * (h - 20));\n const xBase = i * groupWidth + gap;\n \n ctx.fillStyle = '#5FAD56';\n ctx.fillRect(xBase, centerY - originHeight\/2, barWidth, originHeight);\n ctx.fillStyle = '#A890D0';\n ctx.fillRect(xBase + barWidth + 2, centerY - userHeight\/2, barWidth, userHeight);\n }\n ctx.beginPath();\n ctx.strokeStyle = \"#DCCFAE\";\n ctx.lineWidth = 1;\n ctx.setLineDash([5, 5]);\n ctx.moveTo(0, h\/2);\n ctx.lineTo(w, h\/2);\n ctx.stroke();\n ctx.setLineDash([]);\n }\n \n let lastSimilarity = 86;\n function updateSimilarity() {\n let change = (Math.random() - 0.5) * 3.2;\n let newSim = lastSimilarity + change;\n if (newSim > 96) newSim = 94;\n if (newSim < 70) newSim = 72;\n lastSimilarity = Math.floor(newSim);\n similaritySpan.innerText = lastSimilarity + '%';\n if (lastSimilarity >= 85) {\n similaritySpan.style.background = \"#DDF4DD\";\n similaritySpan.style.color = \"#1F6B1F\";\n } else if (lastSimilarity >= 75) {\n similaritySpan.style.background = \"#FFF3BF\";\n similaritySpan.style.color = \"#7A5C00\";\n } else {\n similaritySpan.style.background = \"#FFE0B2\";\n similaritySpan.style.color = \"#B95A00\";\n }\n }\n \n let animFrame, simInterval;\n function animate() { drawMergedWaveform(); animFrame = requestAnimationFrame(animate); }\n animate();\n simInterval = setInterval(updateSimilarity, 1500);\n updateSimilarity();\n window.addEventListener('beforeunload', () => {\n if (animFrame) cancelAnimationFrame(animFrame);\n if (simInterval) clearInterval(simInterval);\n });\n })();\n\n document.getElementById('freeTrialBtn').onclick = () => { window.location.href = 'https:\/\/www.corpusland.com\/?page_id=117'; };\n document.getElementById('courseSystemBtn').onclick = () => {\n const journeySection = document.getElementById('learningJourney');\n if (journeySection) journeySection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n };\n \n (function() {\n const container = document.querySelector('.grade-scroll-container');\n if (container) {\n let isDown = false, startX, scrollLeft;\n container.addEventListener('mousedown', (e) => {\n isDown = true;\n container.style.cursor = 'grabbing';\n startX = e.pageX - container.offsetLeft;\n scrollLeft = container.scrollLeft;\n });\n container.addEventListener('mouseleave', () => { isDown = false; container.style.cursor = 'grab'; });\n container.addEventListener('mouseup', () => { isDown = false; container.style.cursor = 'grab'; });\n container.addEventListener('mousemove', (e) => {\n if (!isDown) return;\n e.preventDefault();\n const x = e.pageX - container.offsetLeft;\n const walk = (x - startX) * 1.2;\n container.scrollLeft = scrollLeft - walk;\n });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Corpusland \u00b7 \u521d\u4e2d\u82f1\u8bed\u667a\u80fd\u5b66\u4e60 | \u81ea\u7136\u707e\u5bb3\u8bed\u6599 + \u4e94\u6b65\u6cd5 \u9002\u5e94\u65b0\u8bfe\u6807\u00b7\u4e2d\u8003\u6539\u9769 \u544a\u522b\u5b64\u7acb\u80cc\u5355\u8bcd…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"top","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-638","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/pages\/638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=638"}],"version-history":[{"count":60,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/pages\/638\/revisions"}],"predecessor-version":[{"id":1724,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/pages\/638\/revisions\/1724"}],"wp:attachment":[{"href":"https:\/\/www.corpusland.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":638,"date":"2026-04-11T15:56:01","date_gmt":"2026-04-11T07:56:01","guid":{"rendered":"https:\/\/www.corpusland.com\/?page_id=638"},"modified":"2026-04-23T20:09:58","modified_gmt":"2026-04-23T12:09:58","slug":"%e9%a6%96%e9%a1%b5","status":"publish","type":"page","link":"https:\/\/www.corpusland.com\/?page_id=638","title":{"rendered":"\u9996\u9875"},"content":{"rendered":"\n\n\n\n \n \n Corpusland \u00b7 \u521d\u4e2d\u82f1\u8bed\u667a\u80fd\u5b66\u4e60 | \u81ea\u7136\u707e\u5bb3\u8bed\u6599 + \u4e94\u6b65\u6cd5<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n font-family: 'Inter', 'Segoe UI', sans-serif;\n background: linear-gradient(145deg, #FFFDF7, #FFFFFF);\n padding: 0 16px;\n overflow-x: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n \/* ========== Hero \u533a\u57df ========== *\/\n .hero-section { max-width: 1280px; margin: 0 auto; padding: 20px 0 20px; width: 100%; }\n .hero-grid { display: flex; flex-wrap: wrap; align-items: center; gap: 40px; width: 100%; }\n .hero-content { flex: 1.2; min-width: 0; }\n .hero-badge {\n background: #FFFF77; display: inline-flex; align-items: center; gap: 8px;\n padding: 6px 18px; border-radius: 40px; font-weight: 700;\n color: #3E3B32; margin-bottom: 40px;\n }\n h1 {\n font-family: '\u5305\u56fe\u5c0f\u767d\u4f53', 'Baotu Xiaobai', 'Comic Neue', 'ZCOOL KuaiLe', cursive;\n font-weight: 700; font-size: 3rem; line-height: 1.2; margin-bottom: 30px;\n color: #2C2A27;\n }\n .hero-highlight { color: #6B9E5F; border-bottom: 3px solid #FFC857; display: inline-block; }\n .hero-desc {\n font-weight: 500; font-size: 1rem; color: #4B4A43; margin-bottom: 32px;\n max-width: 550px; line-height: 1.5;\n }\n .highlights-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n gap: 14px; margin-bottom: 32px;\n }\n .highlight-item {\n background: white; border-radius: 28px; padding: 10px 16px;\n display: flex; align-items: center; gap: 12px;\n box-shadow: 0 6px 14px rgba(0,0,0,0.02), 0 0 0 1px rgba(0,0,0,0.02);\n transition: 0.2s;\n }\n .highlight-item:hover { transform: translateY(-3px); box-shadow: 0 12px 22px rgba(0,0,0,0.06), 0 0 0 1px #FFC857; }\n .highlight-icon {\n width: 40px; height: 40px; background: #FEF3E0; border-radius: 30px;\n display: flex; align-items: center; justify-content: center; font-size: 1.2rem;\n color: #6B9E5F;\n }\n .highlight-text { font-weight: 700; font-size: 0.85rem; color: #3E3B32; }\n .highlight-text small { display: block; font-weight: 400; font-size: 0.65rem; color: #777; margin-top: 4px; }\n .button-group { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 8px; }\n .btn-trial, .btn-course {\n display: inline-flex; align-items: center; gap: 10px; padding: 10px 24px;\n border-radius: 60px; font-weight: 700; font-size: 0.9rem; border: none;\n cursor: pointer; transition: 0.25s;\n }\n .btn-trial { background: linear-gradient(105deg, #FFC857, #FFB347); color: #3E3B32; box-shadow: 0 6px 14px rgba(255,200,87,0.3); }\n .btn-trial:hover { transform: translateY(-3px); }\n .btn-course { background: white; border: 2px solid #6B9E5F; color: #6B9E5F; }\n .btn-course:hover { background: #6B9E5F; color: white; transform: translateY(-2px); }\n\n \/* \u53f3\u4fa7\u5361\u7247 *\/\n .hero-visual {\n flex: 0.9; background: linear-gradient(135deg, #FFFFFF, #FEFAF2);\n border-radius: 32px; padding: 20px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.03), 0 0 0 1px rgba(168,144,208,0.15);\n width: 100%;\n min-width: 0;\n }\n .demo-card { background: white; border-radius: 28px; padding: 18px; width: 100%; }\n .gif-demo { margin: 14px 0; text-align: center; }\n .gif-demo img { width: 100%; border-radius: 16px; max-width: 100%; height: auto; }\n .gif-caption { font-size: 0.7rem; color: #8B9A8B; margin-top: 6px; }\n .sentence-demo {\n background: #F7F2EA; padding: 14px; border-radius: 24px; margin: 16px 0;\n font-size: 1rem;\n overflow-wrap: break-word;\n word-break: break-word;\n white-space: normal;\n }\n .word-yellow { background-color: #FFF3BF; color: #7A5C00; }\n .word-blue { background-color: #D9E8FF; color: #0047AB; }\n .word-purple { background-color: #F0E6FF; color: #6A2E9E; }\n .word-green { background-color: #DDF4DD; color: #1F6B1F; }\n .word-tag {\n display: inline-block; padding: 4px 10px; border-radius: 20px;\n font-weight: 600; cursor: help;\n white-space: normal;\n word-break: break-word;\n font-size: 0.9rem;\n }\n [data-tip] { position: relative; }\n [data-tip]:before {\n content: attr(data-tip); position: absolute; bottom: 150%; left: 0;\n background: #2C2A27; color: #fff; padding: 6px 12px; border-radius: 20px;\n font-size: 0.7rem; white-space: nowrap; z-index: 20; display: none;\n pointer-events: none;\n }\n [data-tip]:hover:before { display: block; }\n .tag-highlight { background: #FFE5A3; padding: 4px 12px; border-radius: 30px; font-size: 0.7rem; font-weight: 700; display: inline-block; }\n .color-dot { display: inline-block; width: 12px; height: 12px; border-radius: 20px; margin-right: 6px; }\n\n \/* \u97f3\u9891\u5bf9\u6bd4\u5408\u5e76\u6a21\u5757 *\/\n .audio-compare-dynamic {\n margin-top: 18px; background: #F9F5EE; border-radius: 28px;\n padding: 14px 12px; border: 1px solid #EFE4D6;\n width: 100%;\n }\n .dynamic-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; flex-wrap: wrap; gap: 8px; }\n .dynamic-title {\n font-size: 0.75rem; font-weight: 700; background: #FFF0D6;\n padding: 4px 12px; border-radius: 30px; color: #A1662F;\n display: inline-flex; align-items: center; gap: 6px;\n }\n .dynamic-badge { font-size: 0.65rem; background: #E9E0D4; padding: 3px 10px; border-radius: 20px; color: #4F3E2E; }\n .merged-wave-container { margin: 12px 0; width: 100%; }\n .merged-canvas { width: 100%; height: 110px; background: #FFFFFFD9; border-radius: 28px; display: block; box-shadow: inset 0 0 0 1px #EADFCB; }\n .wave-legend { display: flex; justify-content: center; gap: 24px; margin-top: 8px; font-size: 0.6rem; flex-wrap: wrap; }\n .legend-color { display: inline-block; width: 14px; height: 10px; border-radius: 10px; margin-right: 6px; }\n .compare-animation-hint { display: flex; justify-content: center; gap: 12px; margin-top: 12px; font-size: 0.65rem; color: #6B9E5F; align-items: center; flex-wrap: wrap; }\n .live-dot { width: 8px; height: 8px; background: #6B9E5F; border-radius: 10px; display: inline-block; animation: gentlePulse 1s infinite alternate; }\n @keyframes gentlePulse { 0% { opacity: 0.6; } 100% { opacity: 1; } }\n @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n\n \/* ========== \u75db\u70b9\u5bf9\u6bd4\u533a ========== *\/\n .comparison-section { max-width: 1280px; margin: 30px auto 60px; padding: 0 16px; width: 100%; }\n .section-header { text-align: center; margin-bottom: 36px; }\n .section-header h2 { font-size: 1.9rem; font-weight: 800; color: #2C2A27; margin-bottom: 10px; }\n .section-header p { color: #6B6B6B; max-width: 550px; margin: 0 auto; font-size: 1rem; }\n .cmp-grid { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; width: 100%; }\n .cmp-card {\n background: #fff; border-radius: 24px; padding: 18px 20px; width: 45%;\n border: 1px solid #eee; transition: transform 0.2s; position: relative;\n box-shadow: 0 2px 8px rgba(0,0,0,0.02);\n }\n .cmp-card:hover { transform: translateY(-3px); }\n .cmp-card h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 16px; }\n .cmp-card ul {\n list-style: none;\n padding-left: 0;\n margin: 0;\n}\n.cmp-card ul li {\n position: relative;\n padding-left: 22px;\n margin-bottom: 10px;\n font-size: 0.9rem;\n color: #4A4A4A;\n}\n\/* \u786e\u4fdd\u53ea\u6709\u4f2a\u5143\u7d20\u663e\u793a\uff0c\u6ca1\u6709\u9ed8\u8ba4\u6807\u8bb0 *\/\n.cmp-card ul li::before {\n position: absolute;\n left: 0;\n top: 0;\n}\n.card-type-1 ul li::before { content: '\u00d7'; color: #C0A0A0; }\n.card-type-2 ul li::before { content: '\u2022'; color: #A890D0; }\n.card-type-3 ul li::before { content: '\u2713'; color: #6B9E5F; }\n .card-type-1 ul li::before { content: '\u00d7'; position: absolute; left: 0; color: #C0A0A0; }\n .card-type-2 ul li::before { content: '\u2022'; position: absolute; left: 0; color: #A890D0; }\n .card-type-3 { width: 60%; margin-top: -16px; border: 2px solid #6B9E5F; background: #FFFFFF; }\n .card-type-3 ul li::before { content: '\u2713'; position: absolute; left: 0; color: #6B9E5F; }\n .cmp-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #6B9E5F; color: #fff; padding: 6px 20px; border-radius: 40px; font-size: 0.8rem; font-weight: 800; white-space: nowrap; }\n .btn-demo { display: inline-block; background: #6B9E5F; color: white; padding: 5px 16px; border-radius: 30px; font-weight: 600; font-size: 0.7rem; margin-top: 16px; text-decoration: none; }\n .btn-demo:hover { background: #558a4a; }\n .footnote { font-size: 0.8rem; color: #999; margin-top: 12px; }\n\n \/* ========== \u6210\u957f\u8def\u5f84\u533a ========== *\/\n .learning-journey { max-width: 1280px; margin: 40px auto 60px; padding: 0 16px; width: 100%; }\n .journey-header { text-align: center; margin-bottom: 24px; }\n .journey-header h2 { font-size: 1.8rem; font-weight: 800; color: #2C2A27; margin-bottom: 8px; }\n .journey-header p { color: #6B6B6B; max-width: 600px; margin: 0 auto; font-size: 0.95rem; }\n .journey-card {\n background: #FFFFFF; border-radius: 48px; box-shadow: 0 20px 40px rgba(0,0,0,0.04), 0 0 0 1px #EAEAE6;\n overflow: hidden; padding: 24px 20px 32px;\n }\n .cute-scroll-title {\n display: flex; align-items: center; justify-content: center; gap: 8px;\n font-size: 1.1rem; font-weight: 700; margin-bottom: 20px;\n padding: 4px 20px; border-radius: 60px; background: #FFF7E8;\n width: fit-content; margin-left: auto; margin-right: auto;\n }\n .grade-scroll-container {\n display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory;\n padding: 8px 4px 16px; cursor: grab; scrollbar-width: thin;\n }\n .grade-scroll-container:active { cursor: grabbing; }\n .cute-card {\n flex: 0 0 260px; scroll-snap-align: start;\n background: linear-gradient(145deg, #FFFFFF, #FEFAF5); border-radius: 28px;\n padding: 16px 14px; border: 1px solid #FFE8CC; text-align: center; transition: 0.2s;\n }\n .cute-card:hover { transform: translateY(-4px); border-color: #FFC857; }\n .grade-icon { font-size: 1.8rem; margin-bottom: 8px; }\n .card-title { font-size: 1.2rem; font-weight: 800; margin-bottom: 6px; }\n .card-subtitle { font-size: 0.8rem; color: #6B6B6B; margin-bottom: 12px; line-height: 1.4; }\n .feature-tag { background: #F4F0EA; padding: 4px 10px; border-radius: 40px; font-size: 0.7rem; font-weight: 600; }\n .scroll-hint { text-align: center; font-size: 0.65rem; color: #B0A070; margin-top: 8px; }\n .grade-scroll-container::-webkit-scrollbar { height: 5px; }\n .grade-scroll-container::-webkit-scrollbar-track { background: #F0E8DC; border-radius: 20px; }\n .grade-scroll-container::-webkit-scrollbar-thumb { background: #FFC857; border-radius: 20px; }\n\n \/* ========== \u4e94\u6b65\u6cd5 ========== *\/\n .five-steps {\n margin-top: 28px;\n background: #FEFAF5;\n border-radius: 40px;\n padding: 20px 20px;\n border: 1px solid #FFE8CC;\n }\n .steps-title {\n text-align: center;\n font-size: 1.4rem;\n font-weight: 800;\n color: #2C2A27;\n margin-bottom: 20px;\n }\n .steps-title i { color: #6B9E5F; margin-right: 8px; }\n .steps-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n gap: 16px;\n }\n .step-item {\n flex: 1;\n min-width: 150px;\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px 0;\n border-bottom: 1px dashed #E9E0D4;\n }\n .step-number {\n width: 40px;\n height: 40px;\n background: #6B9E5F;\n color: white;\n border-radius: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 1.1rem;\n flex-shrink: 0;\n }\n .step-info { flex: 1; }\n .step-name { font-weight: 800; font-size: 1rem; color: #3E3B32; margin-bottom: 4px; }\n .step-desc { font-size: 0.8rem; color: #6B6B6B; }\n\n \/* ========== \u5b9a\u4ef7\u533a ========== *\/\n .pricing-section { max-width: 1280px; margin: 60px auto 80px; padding: 0 16px; width: 100%; }\n .pricing-header { text-align: center; margin-bottom: 40px; }\n .pricing-header h2 { font-size: 1.8rem; font-weight: 800; margin-bottom: 12px; }\n .pricing-header p { color: #6B6B6B; font-size: 0.95rem; }\n .pricing-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 28px; width: 100%; }\n .pricing-card {\n flex: 1; min-width: 260px; max-width: 320px; background: #FFFFFF;\n border-radius: 32px; padding: 28px 22px;\n box-shadow: 0 12px 28px rgba(0,0,0,0.04), 0 0 0 1px #EAEAE6;\n transition: 0.2s; position: relative; display: flex; flex-direction: column;\n }\n .pricing-card:hover { transform: translateY(-5px); }\n .popular-card { border: 2px solid #FFC857; transform: scale(1.02); }\n .popular-badge {\n position: absolute; top: -14px; left: 50%; transform: translateX(-50%);\n background: #FFC857; color: #3E3B32; padding: 4px 18px; border-radius: 40px;\n font-size: 0.8rem; font-weight: 800; white-space: nowrap;\n }\n .plan-name { font-size: 1.4rem; font-weight: 800; text-align: center; }\n .plan-price { font-size: 2.2rem; font-weight: 800; margin: 16px 0; text-align: center; }\n .plan-price .period { font-size: 0.9rem; font-weight: 500; }\n .plan-features { list-style: none; margin: 20px 0; flex-grow: 1; }\n .plan-features li { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 0.9rem; }\n .btn-plan {\n display: block; text-align: center; padding: 12px; border-radius: 60px;\n font-weight: 700; font-size: 1rem; text-decoration: none; transition: 0.2s;\n margin-top: 16px;\n }\n .primary-btn { background: #6B9E5F; color: white; }\n .primary-btn:hover { background: #558a4a; }\n .longterm-btn { background: #2C2A27; color: #FFC857; border: 1px solid #FFC857; }\n .free-btn { background: #F0F0EA; color: #5A5A4A; }\n .gift-note {\n text-align: center;\n font-size: 0.7rem;\n color: #E67E22;\n margin-top: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 4px;\n }\n .pricing-footer { text-align: center; font-size: 0.7rem; color: #AAA; margin-top: 20px; }\n\n \/* ========== \u54cd\u5e94\u5f0f ========== *\/\n @media (max-width: 900px) {\n .cmp-card { width: 100%; }\n .card-type-3 { width: 100%; margin-top: 0; }\n .cmp-badge { position: static; transform: none; display: inline-block; margin-bottom: 12px; }\n .hero-grid { flex-direction: column; }\n h1 { font-size: 2.2rem; }\n .highlights-grid { grid-template-columns: 1fr 1fr; }\n }\n @media (max-width: 640px) {\n body { padding: 0 12px; }\n .hero-grid { gap: 12px; }\n .hero-section { padding-top: 0 !important; } \/* \u6574\u4f53\u4e0a\u79fb *\/\n .hero-badge { margin-bottom: 4px !important; }\n .hero-desc { margin-bottom: 2px !important; } \/* \u51cf\u5c0f\u4e0e\u5361\u7247\u7684\u8ddd\u79bb *\/\n .highlights-grid { margin-top: 0 !important; margin-bottom: 12px; }\n .button-group { margin-top: 0 !important; } \/* \u6309\u94ae\u4e0a\u79fb *\/\n .hero-visual { margin-top: 0 !important; } \/* \u53f3\u4fa7\u5361\u7247\u4e0a\u79fb *\/\n h1 { font-size: 1.9rem; }\n .btn-trial, .btn-course { padding: 10px 20px; font-size: 1rem; }\n .hero-visual { padding: 12px; }\n .demo-card { padding: 12px; }\n .sentence-demo { font-size: 0.9rem; padding: 10px; }\n .word-tag { font-size: 0.85rem; padding: 3px 8px; }\n .merged-canvas { height: 80px; }\n .cute-card { flex: 0 0 240px; }\n .card-title { font-size: 1.1rem; }\n .card-subtitle { font-size: 0.75rem; }\n .feature-tag { font-size: 0.65rem; }\n .steps-list { flex-direction: column; gap: 12px; }\n .step-item { border-bottom: none; background: #FFFFFF; border-radius: 20px; padding: 10px 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.02); }\n .step-number { width: 36px; height: 36px; font-size: 1rem; }\n .step-name { font-size: 0.9rem; }\n .step-desc { font-size: 0.75rem; }\n .pricing-card { max-width: 100%; padding: 20px 16px; }\n .plan-name { font-size: 1.2rem; }\n .plan-price { font-size: 1.8rem; }\n .plan-features li { font-size: 0.85rem; }\n .btn-plan { font-size: 0.9rem; padding: 10px; }\n .gift-note { font-size: 0.65rem; }\n .popular-card { transform: scale(1); }\n .section-header h2 { font-size: 1.3rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"hero-section\">\n <div class=\"hero-grid\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\"><i class=\"fas fa-book-open\"><\/i> \u9002\u5e94\u65b0\u8bfe\u6807\u00b7\u4e2d\u8003\u6539\u9769<\/div>\n <h1>\u544a\u522b\u5b64\u7acb\u80cc\u5355\u8bcd <br><span class=\"hero-highlight\">\u8bed\u6599+\u8bed\u5883+\u95ed\u73af<\/span> \u8f7b\u677e\u63d0\u5206<\/h1>\n <p class=\"hero-desc\">\u9488\u5bf9\u521d\u4e00\u81f3\u521d\u4e09 \u00b7 \u6c89\u6d78\u5f0f\u8bed\u6599\u8ddf\u8bfb \u00b7 AI\u667a\u80fd\u53cd\u9988 \u00b7 \u8986\u76d6\u4e2d\u80031600\u8bcd & \u6838\u5fc3\u8bed\u6cd5<\/p>\n <div class=\"highlights-grid\">\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-check-double\"><\/i><\/div><div class=\"highlight-text\">\u8986\u76d6\u4e2d\u8003\u8003\u7eb2<small>1600\u8bcd+\u9ad8\u9891\u8003\u70b9<\/small><\/div><\/div>\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div><div class=\"highlight-text\">\u5251\u6865 A2-B1 \u5206\u7ea7<small>\u5bf9\u6807\u6b27\u6807\uff0c\u79d1\u5b66\u8fdb\u9636<\/small><\/div><\/div>\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-video\"><\/i><\/div><div class=\"highlight-text\">AI\u8bed\u6599\u89c6\u9891\u5bfc\u5165<small>\u8da3\u5473\u89c6\u9891\u8bed\u6599\uff0c\u6c89\u6d78\u8f93\u5165<\/small><\/div><\/div>\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-microphone-alt\"><\/i><\/div><div class=\"highlight-text\">\u5f71\u5b50\u8ddf\u8bfb\u6311\u6218<small>0.5s\u5ef6\u8fdf\uff0c\u8bed\u6d41\u8bad\u7ec3<\/small><\/div><\/div>\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-puzzle-piece\"><\/i><\/div><div class=\"highlight-text\">\u5b8c\u5f62\u586b\u7a7a\u4e3b\u52a8\u53ec\u56de<small>\u62d6\u62fd\u586b\u7a7a+\u56de\u987e\u68c0\u6d4b<\/small><\/div><\/div>\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-user-circle\"><\/i><\/div><div class=\"highlight-text\">\u4e13\u5c5e\u7528\u6237\u4e2d\u5fc3<small>\u5355\u8bcd\u6253\u5361\u00b7\u5b66\u4e60\u65e5\u5386<\/small><\/div><\/div>\n <\/div>\n <div class=\"button-group\">\n <button class=\"btn-trial\" id=\"freeTrialBtn\"><i class=\"fas fa-rocket\"><\/i> \u514d\u8d39\u8bd5\u7528 <i class=\"fas fa-arrow-right\"><\/i><\/button>\n <button class=\"btn-course\" id=\"courseSystemBtn\"><i class=\"fas fa-layer-group\"><\/i> \u8bfe\u7a0b\u4f53\u7cfb <i class=\"fas fa-chevron-circle-right\"><\/i><\/button>\n <\/div>\n <p style=\"font-size: 0.8rem; color: #888; margin-top: 20px;\"><i class=\"fas fa-shield-alt\"><\/i> \u7acb\u5373\u4f53\u9a8c3\u7bc7\u5b8c\u6574\u8bed\u6599<\/p>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"demo-card\">\n <div style=\"display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px;\">\n <span><i class=\"fas fa-cloud-rain\" style=\"color:#6B9E5F;\"><\/i> <strong style=\"font-size:1rem;\">\u4eca\u65e5\u8bed\u6599 \u00b7 \u81ea\u7136\u707e\u5bb3\u9632\u8303<\/strong><\/span>\n <span class=\"tag-highlight\">\u521d\u4e09\u96be\u5ea6 B1<\/span>\n <\/div>\n <div class=\"gif-demo\">\n <img decoding=\"async\" src=\"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/\u57fa\u7840\u6587\u4ef6-1.gif\" alt=\"\u81ea\u7136\u707e\u5bb3\u8bed\u6599\u89c6\u9891\u5bfc\u5165\">\n <p class=\"gif-caption\">\ud83c\udfac \u771f\u5b9e\u707e\u5bb3\u9884\u8b66\u89c6\u9891 \u00b7 \u8ddf\u8bfb\u5bf9\u6bd4\u6ce2\u5f62<\/p>\n <\/div>\n <div class=\"sentence-demo\">\n <span class=\"word-tag word-yellow\" data-tip=\"\ud83c\udf0b \u4e2d\u8003\u9ad8\u9891\u8bcd | earthquake \u5730\u9707 \/\u02c8\u025c\u02d0\u03b8kwe\u026ak\/\">earthquake<\/span>\n <span class=\"word-tag word-blue\" data-tip=\"\ud83d\udcd8 \u4e2d\u9891\u8bcd | evacuate \u758f\u6563 \/\u026a\u02c8v\u00e6kjue\u026at\/ \u9605\u8bfb\u9ad8\u9891\">evacuate<\/span>\n <span class=\"word-tag word-purple\" data-tip=\"\u26a1 \u62d3\u5c55\u52a0\u5206\u8bcd | rescue \u6551\u63f4 \/\u02c8reskju\u02d0\/ \u5b8c\u5f62\u586b\u7a7a\u5e38\u89c1\">rescue<\/span>\n <span class=\"word-tag word-green\" data-tip=\"\ud83c\udf0a \u57fa\u7840\u8bcd | flood \u6d2a\u6c34 \/fl\u028cd\/ \u57fa\u7840\u5fc5\u4f1a\">flood<\/span>\n <div style=\"margin-top: 12px; line-height: 1.5;\">\n \u201cAfter the powerful <span class=\"word-yellow word-tag\">earthquake<\/span>, the <span class=\"word-purple word-tag\">rescue<\/span> teams helped people <span class=\"word-blue word-tag\">evacuate<\/span> quickly from the <span class=\"word-green word-tag\">flood<\/span> area.\u201d\n <\/div>\n <div style=\"margin-top: 8px; font-size:0.8rem; color:#8F846C;\">\n \ud83d\udca1 \u53e5\u578b\u89e3\u6790\uff1a\u4e2d\u8003\u771f\u9898\u9ad8\u9891\u573a\u666f \u2014 \u81ea\u7136\u707e\u5bb3\u5e94\u5bf9\u63aa\u65bd\n <\/div>\n <\/div>\n <div style=\"display: flex; gap: 16px; font-size:0.8rem; margin-top: 12px; flex-wrap:wrap;\">\n <span><span class=\"color-dot\" style=\"background:#FFC857;\"><\/span> \u4e2d\u8003\u9ad8\u9891\u8bcd<\/span>\n <span><span class=\"color-dot\" style=\"background:#A890D0;\"><\/span> \u62d3\u5c55\u52a0\u5206\u8bcd<\/span>\n <span><span class=\"color-dot\" style=\"background:#6B9E5F;\"><\/span> \u57fa\u7840\u8bcd<\/span>\n <span><span class=\"color-dot\" style=\"background:#D9E8FF;\"><\/span> \u4e2d\u9891\u62d3\u5c55\u8bcd<\/span>\n <\/div>\n\n <div class=\"audio-compare-dynamic\">\n <div class=\"dynamic-header\">\n <div class=\"dynamic-title\"><i class=\"fas fa-waveform\"><\/i> AI \u97f3\u9891\u5bf9\u6bd4 \u00b7 \u539f\u58f0+\u8ddf\u8bfb\u878d\u5408\u6ce2\u5f62 <span class=\"live-dot\"><\/span><\/div>\n <div class=\"dynamic-badge\"><i class=\"fas fa-microphone-alt\"><\/i> \u5b9e\u65f6\u5bf9\u6bd4\u5206\u6790<\/div>\n <\/div>\n <div class=\"merged-wave-container\">\n <canvas id=\"mergedWaveCanvas\" class=\"merged-canvas\" width=\"600\" height=\"110\"><\/canvas>\n <div class=\"wave-legend\">\n <span><span class=\"legend-color\" style=\"background:#5FAD56;\"><\/span> \u539f\u58f0\u6ce2\u5f62<\/span>\n <span><span class=\"legend-color\" style=\"background:#A890D0;\"><\/span> \u6211\u7684\u5f55\u97f3\u6ce2\u5f62<\/span>\n <\/div>\n <\/div>\n <div class=\"compare-animation-hint\">\n <i class=\"fas fa-chart-simple\"><\/i> \u52a8\u6001\u76f8\u4f3c\u5ea6\u62df\u5408\u4e2d \n <span id=\"similarityValue\" style=\"font-weight:800; background:#FFF0D6; padding:2px 10px; border-radius: 60px;\">89%<\/span>\n <i class=\"fas fa-arrow-rotate-right\" style=\"animation: spin 2s infinite linear;\"><\/i>\n <\/div>\n <div style=\"font-size:0.65rem; text-align:center; margin-top: 8px; color:#A59B86;\">\n <i class=\"fas fa-info-circle\"><\/i> \u540c\u4e00\u753b\u5e03\u5bf9\u6bd4\u539f\u58f0\u4e0e\u8ddf\u8bfb\u80fd\u91cf\u5206\u5e03 | AI\u5b9e\u65f6\u5206\u6790\u53d1\u97f3\u76f8\u4f3c\u5ea6\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"comparison-section\">\n <div class=\"section-header\">\n <h2>\u4e3a\u4ec0\u4e48\u5e02\u9762\u4e0a\u7684\u6559\u6750\u4e0d\u9002\u5408\u4f60\uff1f<\/h2>\n <p>\u62d2\u7edd\u76f2\u76ee\u5237\u9898\uff0c\u4e5f\u62d2\u7edd\u65e0\u6548\u9605\u8bfb\u3002\u6211\u4eec\u627e\u5230\u4e86\u6821\u5185\u5e94\u8bd5\u4e0e\u539f\u7248\u80fd\u529b\u4e4b\u95f4\u7684\u6700\u4f73\u5e73\u8861\u70b9\u3002<\/p>\n <\/div>\n <div class=\"cmp-grid\">\n <div class=\"cmp-card card-type-1\">\n <h3>\ud83c\udfeb \u4f20\u7edf\u6821\u5185\u6559\u6750<\/h3>\n <ul><li>\u5185\u5bb9\u67af\u71e5\uff0c\u8131\u79bb\u771f\u5b9e\u751f\u6d3b<\/li><li>\u8bed\u901f\u8f83\u6162\uff0c\u542c\u529b\u7f3a\u4e4f\u5b9e\u6218\u611f<\/li><li>\u4ec5\u8986\u76d6\u57fa\u7840\u8bcd\u6c47\uff0c\u96be\u4ee5\u5e94\u5bf9\u9009\u62d4<\/li><li>\u7f3a\u4e4f\u7cfb\u7edf\u7684\u5206\u7ea7\u9605\u8bfb\u903b\u8f91<\/li><\/ul>\n <div class=\"footnote\">\u26a0\ufe0f \u4e0e\u4e2d\u8003\u5b9e\u9645\u96be\u5ea6\u65ad\u5c42<\/div>\n <\/div>\n <div class=\"cmp-card card-type-2\">\n <h3>\ud83d\udcda \u7eaf\u539f\u7248\u5206\u7ea7\u8bfb\u7269<\/h3>\n <ul><li>\u96be\u5ea6\u8de8\u5ea6\u5927\uff0c\u5bb9\u6613\u632b\u8d25\u81ea\u4fe1<\/li><li>\u751f\u8bcd\u91cf\u4e0d\u53ef\u63a7\uff0c\u67e5\u8bcd\u6d6a\u8d39\u65f6\u95f4<\/li><li>\u8bdd\u9898\u4e0e\u4e2d\u8003\/\u9ad8\u8003\u8003\u7eb2\u4e0d\u5339\u914d<\/li><li>\u7f3a\u4e4f\u9488\u5bf9\u6027\u7684\u8bed\u6cd5\u590d\u73b0<\/li><\/ul>\n <div class=\"footnote\">\ud83d\udcd6 \u9002\u5408\u56fd\u9645\u8def\u7ebf\uff0c\u5e94\u8bd5\u6548\u7387\u4f4e<\/div>\n <\/div>\n <div class=\"cmp-card card-type-3\">\n <div class=\"cmp-badge\">\ud83c\udfc6 \u79d1\u5b66\u5206\u7ea7\u63a8\u8350<\/div>\n <h3>\ud83d\ude80 Corpusland \u667a\u80fd\u8bed\u6599<\/h3>\n <ul><li><strong>70%\u6821\u5185\u6838\u5fc3+30%\u5730\u9053\u62d3\u5c55<\/strong> <span style=\"background:#FFFF77; padding:2px 8px; border-radius:20px; font-size:0.65rem; margin-left:6px;\">\u7cbe\u51c6\u5bf9\u6807<\/span><\/li>\n <li>\u4e25\u683c\u6821\u51c6\u53e5\u957f\u4e0e\u8bcd\u6c47\u9891\u7387\uff08A2-B1\u5206\u7ea7\uff09<\/li>\n <li>\u5bf9\u6807\u4e2d\u8003\u8003\u70b9\u53ca\u5229\u7528\u5730\u9053\u8bed\u6599\u5bfc\u5165<\/li>\n <li>AI\u8f85\u52a9\u751f\u6210\uff0c\u786e\u4fdd\u8bed\u5883\u81ea\u7136\u4e14\u9ad8\u9891\u8bcd\u590d\u73b0<\/li><\/ul>\n <a href=\"https:\/\/www.corpusland.com\/?page_id=117\" class=\"btn-demo\">\ud83d\udc49 \u4f53\u9a8c\u667a\u80fd\u5206\u7ea7\u8bed\u6599<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"learning-journey\" id=\"learningJourney\">\n <div class=\"journey-header\">\n <h2>\ud83d\udcda \u770b\u5f97\u89c1\u7684\u6210\u957f\u8def\u5f84<\/h2>\n <p>\u6bcf\u4e00\u7bc7\u8bed\u6599\uff0c\u90fd\u662f\u7cbe\u5fc3\u8bbe\u8ba1\u7684\u201c\u8425\u517b\u9910\u201d\u2014\u2014\u57fa\u4e8e\u5927\u6570\u636e\u7684\u201c\u8bed\u6599\u5de5\u7a0b\u5b66\u201d<\/p>\n <\/div>\n <div class=\"journey-card\">\n <div class=\"cute-scroll-title\"><span>\ud83c\udfaf \u96be\u5ea6\u5206\u7ea7 \u00b7 \u7cbe\u51c6\u5339\u914d<\/span><\/div>\n <div class=\"grade-scroll-container\">\n <div class=\"cute-card\">\n <div class=\"grade-icon\">\ud83c\udf31<\/div>\n <div class=\"card-title\">\u521d\u4e00 \u00b7 \u8da3\u5473\u7b51\u57fa<\/div>\n <p class=\"card-subtitle\">\u4ece\u751f\u6d3b\u573a\u666f\u5207\u5165\uff0c\u544a\u522b\u67af\u71e5\u5355\u8bcd\u8868\uff0c\u50cf\u6bcd\u8bed\u8005\u4e00\u6837\u81ea\u7136\u4e60\u5f97<\/p>\n <div class=\"card-features\">\n <span class=\"feature-tag\">\u8bcd\u6c47\u91cf 800+<\/span>\n <span class=\"feature-tag\">\u53e5\u957f 8-12\u8bcd<\/span>\n <span class=\"feature-tag\">\u8da3\u5473\u6545\u4e8b 100%<\/span>\n <span class=\"feature-tag\">\u6162\u901f\u7ea0\u97f3<\/span>\n <\/div>\n <\/div>\n <div class=\"cute-card\">\n <div class=\"grade-icon\">\ud83d\ude80<\/div>\n <div class=\"card-title\">\u521d\u4e8c \u00b7 \u4f53\u7cfb\u8fdb\u9636<\/div>\n <p class=\"card-subtitle\">\u653b\u514b\u6838\u5fc3\u8bed\u6cd5\uff0c\u8854\u63a5 KET\/PET \u8003\u7ea7\uff0c\u9605\u8bfb\u91cf\u7ffb\u500d<\/p>\n <div class=\"card-features\">\n <span class=\"feature-tag\">\u8bcd\u6c47\u91cf 1500+<\/span>\n <span class=\"feature-tag\">\u957f\u96be\u53e5\u62c6\u89e3<\/span>\n <span class=\"feature-tag\">\u8bdd\u9898\u6df1\u5ea6 30%<\/span>\n <span class=\"feature-tag\">\u5730\u9053\u8868\u8fbe<\/span>\n <\/div>\n <\/div>\n <div class=\"cute-card\">\n <div class=\"grade-icon\">\ud83c\udfaf<\/div>\n <div class=\"card-title\">\u521d\u4e09 \u00b7 \u4e2d\u8003\u51b2\u523a<\/div>\n <p class=\"card-subtitle\">\u76f4\u51fb\u4e2d\u8003\u8003\u70b9\uff0c\u8bad\u7ec3\u903b\u8f91\u601d\u7ef4\uff0c\u4ece\u201c\u542c\u61c2\u201d\u5230\u201c\u4f1a\u7528\u201d<\/p>\n <div class=\"card-features\">\n <span class=\"feature-tag\">\u805a\u7126\u4e2d\u8003\u8bdd\u9898<\/span>\n <span class=\"feature-tag\">\u9ad8\u5206\u53e5\u578b<\/span>\n <span class=\"feature-tag\">\u4e2d\u8003\u8986\u76d6\u7387 95%<\/span>\n <span class=\"feature-tag\">\u539f\u58f0\u8bed\u901f 100%<\/span>\n <\/div>\n <\/div>\n <div class=\"cute-card\">\n <div class=\"grade-icon\">\ud83d\udcd8<\/div>\n <div class=\"card-title\">KET \/ PET \u00b7 \u56fd\u9645\u8ba4\u8bc1<\/div>\n <p class=\"card-subtitle\">\u5bf9\u6807\u5251\u6865\u901a\u7528\u82f1\u8bed\uff0c\u8854\u63a5\u4e2d\u8003\u4e0e\u56fd\u9645\u6807\u51c6\uff0c\u4e3a\u5347\u5b66\u52a0\u7801<\/p>\n <div class=\"card-features\">\n <span class=\"feature-tag\">\u8bcd\u6c47\u91cf 1500-3000<\/span>\n <span class=\"feature-tag\">\u771f\u5b9e\u573a\u666f\u8bdd\u9898<\/span>\n <span class=\"feature-tag\">\u53e3\u8bed\u4e0e\u5199\u4f5c\u4e13\u9879<\/span>\n <span class=\"feature-tag\">\u5b98\u65b9\u771f\u9898\u6a21\u62df<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"scroll-hint\">\ud83d\udc46 \u5de6\u53f3\u6ed1\u52a8\u67e5\u770b\u66f4\u591a \u2192<\/div>\n\n \n <div class=\"five-steps\">\n <div class=\"steps-title\"><i class=\"fas fa-cogs\"><\/i> \u79d1\u5b66\u4e94\u6b65\u6cd5 \u00b7 \u95ed\u73af\u63d0\u5206<\/div>\n <div class=\"steps-list\">\n <div class=\"step-item\"><div class=\"step-number\">1<\/div><div class=\"step-info\"><div class=\"step-name\">\ud83c\udfac \u89c6\u9891\u5bfc\u5165<\/div><div class=\"step-desc\">\u771f\u5b9e\u8bed\u5883\u77ed\u7247\uff0c\u6c89\u6d78\u8f93\u5165<\/div><\/div><\/div>\n <div class=\"step-item\"><div class=\"step-number\">2<\/div><div class=\"step-info\"><div class=\"step-name\">\ud83d\udcd6 \u8bcd\u5361\u89e3\u6790<\/div><div class=\"step-desc\">\u8003\u70b9\u6807\u6ce8 + \u667a\u80fd\u62c6\u89e3<\/div><\/div><\/div>\n <div class=\"step-item\"><div class=\"step-number\">3<\/div><div class=\"step-info\"><div class=\"step-name\">\ud83c\udf99\ufe0f AI\u5f55\u97f3\u5bf9\u6bd4<\/div><div class=\"step-desc\">\u6ce2\u5f62\u5bf9\u6bd4 + \u5b9e\u65f6\u8bc4\u5206<\/div><\/div><\/div>\n <div class=\"step-item\"><div class=\"step-number\">4<\/div><div class=\"step-info\"><div class=\"step-name\">\ud83d\udde3\ufe0f \u5f71\u5b50\u8ddf\u8bfb<\/div><div class=\"step-desc\">0.5s\u5ef6\u8fdf\uff0c\u8bed\u6d41\u8bad\u7ec3<\/div><\/div><\/div>\n <div class=\"step-item\"><div class=\"step-number\">5<\/div><div class=\"step-info\"><div class=\"step-name\">\u2705 \u62d6\u62fd\u586b\u7a7a<\/div><div class=\"step-desc\">\u4e3b\u52a8\u53ec\u56de\uff0c\u5de9\u56fa\u68c0\u6d4b<\/div><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pricing-section\">\n <div class=\"pricing-header\"><h2>\ud83d\ude80 \u9009\u62e9\u9002\u5408\u4f60\u7684\u5b66\u4e60\u65b9\u6848<\/h2><p>\u4ece\u514d\u8d39\u4f53\u9a8c\u5230\u957f\u671f\u89c4\u5212\uff0c\u603b\u6709\u4e00\u6b3e\u9002\u5408\u4f60<\/p><\/div>\n <div class=\"pricing-grid\">\n \n <div class=\"pricing-card free-card\">\n <div class=\"plan-name\">\u514d\u8d39\u8bd5\u7528<\/div>\n <div class=\"plan-price\">\u00a50<span class=\"period\">\/ \u6c38\u4e45<\/span><\/div>\n <ul class=\"plan-features\">\n <li><i class=\"fas fa-check-circle\"><\/i> 3\u7bc7\u5b8c\u6574\u8bed\u6599\u4f53\u9a8c<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> AI\u5f55\u97f3\u6ce2\u5f62\u5bf9\u6bd4<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u5f71\u5b50\u8ddf\u8bfb\u6311\u6218<\/li>\n<li><i class=\"fas fa-check-circle\"><\/i> \u4f53\u9a8c\u5b66\u4e60\u4e2d\u5fc3<\/li>\n <\/ul>\n <a href=\"https:\/\/www.corpusland.com\/?page_id=117\" class=\"btn-plan free-btn\">\u7acb\u5373\u4f53\u9a8c<\/a>\n <\/div>\n \n <div class=\"pricing-card popular-card\">\n <div class=\"popular-badge\">\ud83d\udd25 \u8d85\u503c\u9996\u9009<\/div>\n <div class=\"plan-name\">\u5e74\u5ea6\u4f1a\u5458<\/div>\n <div class=\"plan-price\">\u65e9\u9e1f\u4ef7 \u00a559.9 <span class=\"period\">\/ \u5e74<\/span><\/div>\n <ul class=\"plan-features\">\n <li><i class=\"fas fa-check-circle\"><\/i> \u5168\u5e93300+\u8bed\u6599\u65e0\u9650\u8bbf\u95ee<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> AI\u5f55\u97f3\u6ce2\u5f62\u5bf9\u6bd4+\u5f71\u5b50\u8ddf\u8bfb<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u5b66\u4e60\u4e2d\u5fc3<\/a> \u2013 \u5355\u8bcd\u5206\u7c7b\u00b7\u5b66\u4e60\u65e5\u5386<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u5355\u8bcd\u6253\u5361<\/a> \u2013 \u62fc\u5199\u7ec3\u4e60\u00b7\u81ea\u52a8\u5f52\u7c7b<\/li>\n <\/ul>\n <a href=\"https:\/\/www.corpusland.com\/?page_id=825\" class=\"btn-plan primary-btn\">\u7acb\u5373\u8ba2\u9605<\/a>\n <div class=\"gift-note\"><i class=\"fas fa-gift\"><\/i> \u4e0b\u5355\u5373\u5f00\u901a\u7535\u5b50\u8d44\u6e90\u514d\u8d39\u4e0b\u8f7d\u6743\u9650<\/div>\n <\/div>\n \n <div class=\"pricing-card longterm-card\">\n <div class=\"plan-name\">\u4e13\u5c5e\u4f1a\u5458<\/div>\n <div class=\"plan-price\">\u65e9\u9e1f\u4ef7 \u00a5199<span class=\"period\">\/ 3\u5e74<\/span><\/div>\n <ul class=\"plan-features\">\n <li><i class=\"fas fa-check-circle\"><\/i> \u5e74\u5ea6\u4f1a\u5458\u5168\u90e8\u6743\u76ca<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u4e09\u5e74\u8d85\u957f\u6709\u6548\u671f\uff0c\u8986\u76d6\u5c0f\u521d\u8854\u63a5<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u4f18\u5148\u514d\u8d39\u4eab\u7528\u66f4\u65b0\u529f\u80fd<\/li>\n <li><i class=\"fas fa-gem\"><\/i> \u4e13\u5c5e\u5b66\u4e60\u7ba1\u5bb6\u670d\u52a1<\/li>\n <\/ul>\n <a href=\"https:\/\/www.corpusland.com\/?page_id=825\" class=\"btn-plan longterm-btn\">\u5347\u7ea7\u4e13\u5c5e\u4f1a\u5458<\/a>\n <div class=\"gift-note\"><i class=\"fas fa-gift\"><\/i> \u4e0b\u5355\u5373\u8d60\u9001 1v1 \u5b66\u4e60\u89c4\u5212\u54a8\u8be21\u6b21 <\/div>\n <\/div>\n <\/div>\n <div class=\"pricing-footer\"><p>\u5982\u6709\u4efb\u4f55\u7591\u95ee \u00b7 \u8bf7\u968f\u65f6\u8054\u7cfb\u6211\u4eec<\/p><\/div>\n <\/section>\n\n <script>\n (function() {\n const canvas = document.getElementById('mergedWaveCanvas');\n const similaritySpan = document.getElementById('similarityValue');\n if (!canvas) return;\n\n function resizeCanvas() {\n const container = canvas.parentElement;\n const width = container.clientWidth;\n canvas.width = width;\n canvas.height = 110;\n }\n resizeCanvas();\n window.addEventListener('resize', () => resizeCanvas());\n\n function drawMergedWaveform() {\n if (!canvas || canvas.width === 0) return;\n const ctx = canvas.getContext('2d');\n const w = canvas.width;\n const h = canvas.height;\n ctx.clearRect(0, 0, w, h);\n ctx.fillStyle = '#FDF9F2';\n ctx.fillRect(0, 0, w, h);\n\n const barGroups = Math.min(50, Math.floor(w \/ 16));\n if (barGroups === 0) return;\n const groupWidth = w \/ barGroups;\n const barWidth = groupWidth * 0.4;\n const gap = groupWidth * 0.2;\n const centerY = h \/ 2;\n const now = Date.now();\n\n for (let i = 0; i < barGroups; i++) {\n let phaseOrigin = (now * 0.008 + i * 0.5) % (Math.PI * 2);\n let originHeightFactor = 0.4 + Math.sin(phaseOrigin) * 0.2 + Math.random() * 0.1;\n originHeightFactor = Math.min(0.85, Math.max(0.25, originHeightFactor));\n \n let phaseUser = (now * 0.012 + i * 0.7) % (Math.PI * 2);\n let userHeightFactor = 0.45 + Math.sin(phaseUser) * 0.25 + Math.random() * 0.15;\n userHeightFactor = Math.min(0.9, Math.max(0.2, userHeightFactor));\n \n const originHeight = Math.max(8, originHeightFactor * (h - 20));\n const userHeight = Math.max(8, userHeightFactor * (h - 20));\n const xBase = i * groupWidth + gap;\n \n ctx.fillStyle = '#5FAD56';\n ctx.fillRect(xBase, centerY - originHeight\/2, barWidth, originHeight);\n ctx.fillStyle = '#A890D0';\n ctx.fillRect(xBase + barWidth + 2, centerY - userHeight\/2, barWidth, userHeight);\n }\n ctx.beginPath();\n ctx.strokeStyle = \"#DCCFAE\";\n ctx.lineWidth = 1;\n ctx.setLineDash([5, 5]);\n ctx.moveTo(0, h\/2);\n ctx.lineTo(w, h\/2);\n ctx.stroke();\n ctx.setLineDash([]);\n }\n \n let lastSimilarity = 86;\n function updateSimilarity() {\n let change = (Math.random() - 0.5) * 3.2;\n let newSim = lastSimilarity + change;\n if (newSim > 96) newSim = 94;\n if (newSim < 70) newSim = 72;\n lastSimilarity = Math.floor(newSim);\n similaritySpan.innerText = lastSimilarity + '%';\n if (lastSimilarity >= 85) {\n similaritySpan.style.background = \"#DDF4DD\";\n similaritySpan.style.color = \"#1F6B1F\";\n } else if (lastSimilarity >= 75) {\n similaritySpan.style.background = \"#FFF3BF\";\n similaritySpan.style.color = \"#7A5C00\";\n } else {\n similaritySpan.style.background = \"#FFE0B2\";\n similaritySpan.style.color = \"#B95A00\";\n }\n }\n \n let animFrame, simInterval;\n function animate() { drawMergedWaveform(); animFrame = requestAnimationFrame(animate); }\n animate();\n simInterval = setInterval(updateSimilarity, 1500);\n updateSimilarity();\n window.addEventListener('beforeunload', () => {\n if (animFrame) cancelAnimationFrame(animFrame);\n if (simInterval) clearInterval(simInterval);\n });\n })();\n\n document.getElementById('freeTrialBtn').onclick = () => { window.location.href = 'https:\/\/www.corpusland.com\/?page_id=117'; };\n document.getElementById('courseSystemBtn').onclick = () => {\n const journeySection = document.getElementById('learningJourney');\n if (journeySection) journeySection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n };\n \n (function() {\n const container = document.querySelector('.grade-scroll-container');\n if (container) {\n let isDown = false, startX, scrollLeft;\n container.addEventListener('mousedown', (e) => {\n isDown = true;\n container.style.cursor = 'grabbing';\n startX = e.pageX - container.offsetLeft;\n scrollLeft = container.scrollLeft;\n });\n container.addEventListener('mouseleave', () => { isDown = false; container.style.cursor = 'grab'; });\n container.addEventListener('mouseup', () => { isDown = false; container.style.cursor = 'grab'; });\n container.addEventListener('mousemove', (e) => {\n if (!isDown) return;\n e.preventDefault();\n const x = e.pageX - container.offsetLeft;\n const walk = (x - startX) * 1.2;\n container.scrollLeft = scrollLeft - walk;\n });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Corpusland \u00b7 \u521d\u4e2d\u82f1\u8bed\u667a\u80fd\u5b66\u4e60 | \u81ea\u7136\u707e\u5bb3\u8bed\u6599 + \u4e94\u6b65\u6cd5 \u9002\u5e94\u65b0\u8bfe\u6807\u00b7\u4e2d\u8003\u6539\u9769 \u544a\u522b\u5b64\u7acb\u80cc\u5355\u8bcd…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"top","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-638","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/pages\/638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=638"}],"version-history":[{"count":60,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/pages\/638\/revisions"}],"predecessor-version":[{"id":1724,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/pages\/638\/revisions\/1724"}],"wp:attachment":[{"href":"https:\/\/www.corpusland.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}