*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input{border:none;outline:none;font-family:inherit}:root{--color-primary:#dd6b2e;--color-primary-light:#e8893f;--color-primary-dark:#c45a24;--color-green:#4a7c3a;--color-blue:#3b5bdb;--color-purple:#6b46c1;--color-red:#c0392b;--color-yellow:#d4a017;--color-orange:#dd6b2e;--color-text:#1f1b16;--color-text-secondary:#6b6259;--color-text-light:#9b928a;--color-border:#e8e2d8;--color-background:#fff;--color-white:#fff;--shadow-card:0 1px 4px #1f1b160f;--shadow-hover:0 4px 16px #1f1b161a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px}#app{width:100%;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c4b8a8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a89a86}.app-header[data-v-71e683b7]{z-index:1000;background:#fec433;height:60px;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #ff980033}.header-inner[data-v-71e683b7]{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.header-left[data-v-71e683b7]{align-items:center;gap:32px;display:flex}.logo-link[data-v-71e683b7]{color:#fff;align-items:center;gap:8px;text-decoration:none;display:flex}.logo-mark[data-v-71e683b7]{flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.logo-mark svg[data-v-71e683b7]{width:26px;height:26px}.logo-text[data-v-71e683b7]{color:#fff;letter-spacing:.5px;white-space:nowrap;font-size:19px;font-weight:700}.header-nav[data-v-71e683b7]{align-items:center;gap:2px;display:flex}.nav-item[data-v-71e683b7]{color:#ffffffd9;cursor:pointer;height:60px;padding:0 18px;font-size:15px;font-weight:500;line-height:60px;text-decoration:none;transition:all .2s}.nav-item[data-v-71e683b7]:hover{color:#fff;background:#ffffff1f}.nav-item.active[data-v-71e683b7]{color:#fff;background:#0000001f;font-weight:600}.header-right[data-v-71e683b7]{align-items:center;gap:12px;display:flex}.btn-auth[data-v-71e683b7]{color:#fff;border:1.5px solid #fff9;border-radius:4px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-auth[data-v-71e683b7]:hover{background:#ffffff1f;border-color:#ffffffe6}.icon-user[data-v-71e683b7]{width:16px;height:16px}.app-footer[data-v-2a39de43]{background:#1e1a16;margin-top:40px;padding:44px 0 20px}.footer-inner[data-v-2a39de43]{max-width:1200px;margin:0 auto;padding:0 24px}.footer-top[data-v-2a39de43]{justify-content:space-between;gap:60px;display:flex}.footer-brand[data-v-2a39de43]{flex-shrink:0;width:280px}.brand-row[data-v-2a39de43]{align-items:center;gap:10px;margin-bottom:10px;display:flex}.brand-logo[data-v-2a39de43]{justify-content:center;align-items:center;width:26px;height:26px;display:flex}.brand-logo svg[data-v-2a39de43]{width:26px;height:26px}.brand-name[data-v-2a39de43]{color:#fff;letter-spacing:.5px;font-size:18px;font-weight:700}.brand-desc[data-v-2a39de43]{color:#ffffff59;margin-bottom:16px;font-size:13px;line-height:1.6}.brand-contact[data-v-2a39de43]{flex-direction:column;gap:8px;display:flex}.contact-item[data-v-2a39de43]{color:#fff6;align-items:center;gap:8px;font-size:13px;display:flex}.contact-item svg[data-v-2a39de43]{color:#ff980099;flex-shrink:0;width:15px;height:15px}.footer-links[data-v-2a39de43]{flex:1;justify-content:flex-end;gap:48px;display:flex}.link-column[data-v-2a39de43]{flex-direction:column;gap:10px;min-width:80px;display:flex}.col-title[data-v-2a39de43]{color:#ffffffd9;margin-bottom:4px;font-size:13px;font-weight:600}.col-link[data-v-2a39de43]{color:#fff6;font-size:13px}.footer-divider[data-v-2a39de43]{background:#ffffff0f;height:1px;margin:28px 0 16px}.footer-bottom[data-v-2a39de43]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.bottom-left[data-v-2a39de43]{align-items:center;gap:14px;display:flex}.copyright[data-v-2a39de43]{color:#ffffff4d;font-size:12px}.legal-link[data-v-2a39de43]{color:#ffffff40;font-size:12px}.bottom-text[data-v-2a39de43]{color:#fff3;font-size:12px}.login-overlay[data-v-a50fe0f6]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-container[data-v-a50fe0f6]{background:#fff;border-radius:12px;width:400px;max-width:100%;position:relative;overflow:hidden;box-shadow:0 16px 48px #0000002e}.login-close[data-v-a50fe0f6]{z-index:10;background:#0000000d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.login-close[data-v-a50fe0f6]:hover{background:#0000001a;transform:rotate(90deg)}.login-close svg[data-v-a50fe0f6]{color:#999;width:15px;height:15px}.login-header[data-v-a50fe0f6]{text-align:center;background:linear-gradient(135deg,#ffb74d 0%,#ff9800 100%);padding:28px 32px 24px}.header-logo[data-v-a50fe0f6]{justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 12px;display:flex}.header-logo svg[data-v-a50fe0f6]{width:36px;height:36px}.header-title[data-v-a50fe0f6]{color:#fff;margin-bottom:4px;font-size:20px;font-weight:700}.header-subtitle[data-v-a50fe0f6]{color:#fffc;font-size:13px}.login-form[data-v-a50fe0f6]{padding:24px 32px 28px}.field-group[data-v-a50fe0f6]{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.input-wrapper[data-v-a50fe0f6]{height:46px;position:relative}.input-wrapper.filled .form-input[data-v-a50fe0f6],.input-wrapper .form-input[data-v-a50fe0f6]:focus{border-color:#ff9800}.input-wrapper.filled .input-label[data-v-a50fe0f6],.input-wrapper .form-input:focus+.input-label[data-v-a50fe0f6]{color:#ff9800;font-size:11px;top:7px}.form-input[data-v-a50fe0f6]{color:#333;background:#fafafa;border:1.5px solid #e8e8e8;border-radius:8px;outline:none;width:100%;height:46px;padding:18px 12px 4px;font-size:14px;transition:all .2s}.form-input[data-v-a50fe0f6]:focus{background:#fff;border-color:#ff9800}.input-label[data-v-a50fe0f6]{color:#bbb;pointer-events:none;font-size:14px;transition:all .2s;position:absolute;top:14px;left:12px}.pwd-toggle[data-v-a50fe0f6]{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pwd-toggle svg[data-v-a50fe0f6]{color:#bbb;width:20px;height:20px}.form-row[data-v-a50fe0f6]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.agreement[data-v-a50fe0f6]{cursor:pointer;align-items:flex-start;gap:5px;display:flex}.agree-check[data-v-a50fe0f6]{accent-color:#ff9800;flex-shrink:0;width:14px;height:14px;margin-top:2px}.agree-text[data-v-a50fe0f6]{color:#999;font-size:12px;line-height:1.5}.agree-link[data-v-a50fe0f6]{color:#ff9800}.forgot-link[data-v-a50fe0f6]{color:#999;white-space:nowrap;flex-shrink:0;margin-top:2px;font-size:12px;transition:color .2s}.forgot-link[data-v-a50fe0f6]:hover{color:#ff9800}.login-btn[data-v-a50fe0f6]{color:#fff;background:linear-gradient(90deg,#ffb74d 0%,#ff9800 100%);border-radius:8px;width:100%;height:46px;font-size:15px;font-weight:600;transition:all .25s;box-shadow:0 3px 10px #ff980040}.login-btn[data-v-a50fe0f6]:not(.disabled):hover{transform:translateY(-1px);box-shadow:0 5px 14px #ff980059}.login-btn.disabled[data-v-a50fe0f6]{color:#fff;box-shadow:none;cursor:not-allowed;background:#e0e0e0}.login-footer[data-v-a50fe0f6]{text-align:center;margin-top:18px}.footer-text[data-v-a50fe0f6]{color:#999;font-size:13px}.register-link[data-v-a50fe0f6]{color:#ff9800;font-size:13px;font-weight:500}.login-modal-enter-active[data-v-a50fe0f6],.login-modal-leave-active[data-v-a50fe0f6]{transition:opacity .3s}.login-modal-enter-active .login-container[data-v-a50fe0f6],.login-modal-leave-active .login-container[data-v-a50fe0f6]{transition:transform .3s}.login-modal-enter-from[data-v-a50fe0f6],.login-modal-leave-to[data-v-a50fe0f6]{opacity:0}.login-modal-enter-from .login-container[data-v-a50fe0f6],.login-modal-leave-to .login-container[data-v-a50fe0f6]{transform:scale(.94)translateY(16px)}.app-layout[data-v-cba805a9]{flex-direction:column;min-height:100vh;display:flex}.app-main[data-v-cba805a9]{flex:1;width:100%;max-width:1200px;margin-top:60px;margin-left:auto;margin-right:auto;padding:20px 24px}.course-card[data-v-4813521f]{cursor:pointer;background:#fff;border-radius:6px;transition:box-shadow .25s,transform .25s;overflow:hidden;box-shadow:0 1px 3px #0000000d}.course-card[data-v-4813521f]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-thumb[data-v-4813521f]{aspect-ratio:4/3;background:#f5f5f5;width:100%;position:relative;overflow:hidden}.thumb-img[data-v-4813521f]{object-fit:cover;width:100%;height:100%;transition:transform .35s}.course-card:hover .thumb-img[data-v-4813521f]{transform:scale(1.04)}.card-body[data-v-4813521f]{padding:10px 12px 6px}.card-title[data-v-4813521f]{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden}.card-desc[data-v-4813521f]{color:#999;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-meta[data-v-4813521f]{padding:0 12px 12px;font-size:12px}.meta-hour[data-v-4813521f]{color:#999;align-items:center;gap:4px;font-weight:400;display:flex}.icon-hour[data-v-4813521f]{width:13px;height:13px}.course-section[data-v-a5b5fb9d]{margin-bottom:36px}.section-header[data-v-a5b5fb9d]{box-sizing:border-box;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background-image:url(../anchor-title.webp);background-position:0 0;background-repeat:no-repeat;background-size:auto 56px;align-items:center;height:56px;padding-top:13px;padding-left:78px;display:flex}.section-header-inner[data-v-a5b5fb9d]{align-items:center;gap:10px;line-height:1;display:flex}.header-title[data-v-a5b5fb9d]{color:#940010;letter-spacing:.5px;font-size:20px;font-weight:700}.header-more[data-v-a5b5fb9d]{color:#940010;cursor:pointer;opacity:.7;flex-shrink:0;align-items:center;gap:2px;margin-top:-20px;margin-left:auto;margin-right:18px;font-size:13px;transition:opacity .2s;display:flex}.header-more[data-v-a5b5fb9d]:hover{opacity:1}.header-more.expanded .more-arrow[data-v-a5b5fb9d]{transform:rotate(90deg)}.more-arrow[data-v-a5b5fb9d]{width:14px;height:14px;transition:transform .25s}.section-grid[data-v-a5b5fb9d]{border-radius:0 0 var(--radius-sm) var(--radius-sm);background:#fff;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px 18px 20px;display:grid;box-shadow:0 1px 4px #0000000f}.section-footer[data-v-a5b5fb9d]{text-align:center;margin-top:16px}.view-all-btn[data-v-a5b5fb9d]{color:#888;background:#f5f5f5;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px 32px;font-size:13px;transition:all .2s;display:inline-flex}.view-all-btn[data-v-a5b5fb9d]:hover{color:#555;background:#e8e8e8}.collapse-text[data-v-a5b5fb9d]{align-items:center;gap:4px;display:flex}.collapse-icon[data-v-a5b5fb9d]{width:16px;height:16px}.modal-overlay[data-v-9fe7b303]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container[data-v-9fe7b303]{background:#fff;border-radius:12px;width:600px;max-width:100%;position:relative;overflow:hidden;box-shadow:0 16px 48px #0003}.modal-close[data-v-9fe7b303]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#00000059;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.modal-close[data-v-9fe7b303]:hover{background:#0000008c;transform:rotate(90deg)}.modal-close svg[data-v-9fe7b303]{color:#fff;width:16px;height:16px}.modal-image[data-v-9fe7b303]{background:#f5f5f5;width:100%;height:220px;position:relative;overflow:hidden}.modal-image img[data-v-9fe7b303]{object-fit:cover;width:100%;height:100%}.image-mask[data-v-9fe7b303]{background:linear-gradient(#0000004d 0%,#0000 40% 60%,#00000026 100%);position:absolute;inset:0}.header-badge[data-v-9fe7b303]{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff9800e6;border-radius:3px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:14px;left:14px}.modal-body[data-v-9fe7b303]{padding:18px 24px 12px}.body-header[data-v-9fe7b303]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.course-name[data-v-9fe7b303]{color:#333;font-size:20px;font-weight:700;line-height:1.3}.course-hour[data-v-9fe7b303]{color:#ff9800;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.icon-hour[data-v-9fe7b303]{width:15px;height:15px}.course-summary[data-v-9fe7b303]{color:#888;font-size:13px;line-height:1.7}.modal-footer[data-v-9fe7b303]{align-items:center;gap:16px;padding:12px 24px 20px;display:flex}.resource-row[data-v-9fe7b303]{flex:1;gap:6px;display:flex}.resource-btn[data-v-9fe7b303]{cursor:pointer;background:#f7f7f7;border-radius:6px;align-items:center;gap:5px;padding:7px 12px;transition:all .2s;display:flex}.resource-btn[data-v-9fe7b303]:hover{background:#f0f0f0;transform:translateY(-1px)}.resource-icon[data-v-9fe7b303]{width:18px;height:18px;color:var(--btn-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.resource-icon svg[data-v-9fe7b303]{width:18px;height:18px}.resource-label[data-v-9fe7b303]{color:var(--btn-color);font-size:12px;font-weight:600}.btn-start[data-v-9fe7b303]{color:#fff;background:linear-gradient(90deg,#ffb74d 0%,#ff9800 100%);border-radius:6px;flex-shrink:0;padding:10px 32px;font-size:15px;font-weight:600;transition:all .25s;box-shadow:0 3px 10px #ff98004d}.btn-start[data-v-9fe7b303]:hover{transform:translateY(-1px);box-shadow:0 5px 14px #ff980066}.btn-start[data-v-9fe7b303]:active{transform:translateY(0)}.modal-enter-active[data-v-9fe7b303],.modal-leave-active[data-v-9fe7b303]{transition:opacity .3s}.modal-enter-active .modal-container[data-v-9fe7b303],.modal-leave-active .modal-container[data-v-9fe7b303]{transition:transform .3s}.modal-enter-from[data-v-9fe7b303],.modal-leave-to[data-v-9fe7b303]{opacity:0}.modal-enter-from .modal-container[data-v-9fe7b303],.modal-leave-to .modal-container[data-v-9fe7b303]{transform:scale(.92)translateY(20px)}.home-view[data-v-386c7bee]{width:100%}.banner-wrapper[data-v-386c7bee]{width:100vw;margin:-20px calc(50% - 50vw) 28px;overflow:hidden}.banner-img[data-v-386c7bee]{width:100%;display:block}.course-list[data-v-386c7bee]{padding-bottom:20px}