.app-header[data-v-055e606c]{height:64px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06);position:sticky;top:0;z-index:1000}.header-inner[data-v-055e606c]{max-width:1200px;height:64px;margin:0 auto;padding:0 20px;display:flex;align-items:center}.logo[data-v-055e606c]{cursor:pointer;margin-right:40px}.logo-text[data-v-055e606c]{font-size:20px;font-weight:700;color:#e74c3c}.nav-menu[data-v-055e606c]{flex:1;display:flex;gap:28px}.nav-menu a[data-v-055e606c]{font-size:15px;color:#555;padding:6px 0;border-bottom:2px solid transparent;transition:color .2s}.nav-menu a.active[data-v-055e606c],.nav-menu a[data-v-055e606c]:hover{color:#e74c3c;border-bottom-color:#e74c3c}.header-right[data-v-055e606c],.user-el[data-v-055e606c]{display:flex;align-items:center}.user-el[data-v-055e606c]{cursor:pointer;outline:none}.avatar[data-v-055e606c]{width:34px;height:34px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:8px;background:#eee}.avatar-default[data-v-055e606c]{display:inline-flex;align-items:center;justify-content:center;background:#e74c3c;color:#fff;font-size:15px}.user-name[data-v-055e606c]{font-size:14px;color:#333;margin-right:4px}.footer[data-v-0b15b4e4]{height:50px;background:#fff;border-top:1px solid #f1efef;width:100%;font-size:12px;display:flex;justify-content:center;align-items:center;color:#777}#app,body,html{margin:0;padding:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f6f7;color:#333}*{box-sizing:border-box}a{text-decoration:none;color:inherit}.app-main{min-height:calc(100vh - 132px)}.home[data-v-3dbd1658]{max-width:1200px;margin:0 auto;padding:20px}.banner[data-v-3dbd1658]{height:200px;border-radius:12px;background:linear-gradient(135deg,#e74c3c,#f39c12);display:flex;align-items:center;padding:0 48px;color:#fff;margin-bottom:28px}.banner-text h1[data-v-3dbd1658]{font-size:30px;margin:0 0 10px}.banner-text p[data-v-3dbd1658]{font-size:16px;opacity:.92;margin:0}.block[data-v-3dbd1658]{margin-bottom:32px}.block-head[data-v-3dbd1658]{display:flex;align-items:center;justify-content:space-between}.block-title[data-v-3dbd1658]{font-size:20px;margin:0 0 16px;padding-left:12px;border-left:4px solid #e74c3c}.more[data-v-3dbd1658]{font-size:14px;color:#999;cursor:pointer}.more[data-v-3dbd1658]:hover{color:#e74c3c}.occ-grid[data-v-3dbd1658]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.occ-card[data-v-3dbd1658]{background:#fff;border-radius:10px;padding:22px 12px;text-align:center;cursor:pointer;transition:box-shadow .2s,transform .2s;box-shadow:0 1px 4px rgba(0,0,0,.04)}.occ-card[data-v-3dbd1658]:hover{box-shadow:0 6px 18px rgba(0,0,0,.1);transform:translateY(-2px)}.occ-icon[data-v-3dbd1658]{width:52px;height:52px;line-height:52px;border-radius:50%;background:#eef4ff;color:#2980b9;font-size:22px;font-weight:700;margin:0 auto 10px}.occ-icon--all[data-v-3dbd1658]{background:#fdecea;color:#e74c3c}.occ-name[data-v-3dbd1658]{font-size:14px;color:#333}.course-grid[data-v-3dbd1658]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;min-height:120px}.course-card[data-v-3dbd1658]{background:#fff;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.05);transition:box-shadow .2s,transform .2s}.course-card[data-v-3dbd1658]:hover{box-shadow:0 8px 22px rgba(0,0,0,.12);transform:translateY(-3px)}.course-img[data-v-3dbd1658]{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;display:block;background:#eef1f5}.course-img--ph[data-v-3dbd1658]{display:flex;align-items:center;justify-content:center;color:#c0c4cc;font-size:28px}.course-body[data-v-3dbd1658]{padding:12px 14px 14px}.course-title[data-v-3dbd1658]{font-size:15px;font-weight:700;color:#333;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-intro[data-v-3dbd1658]{font-size:13px;color:#999;height:38px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px}.course-meta[data-v-3dbd1658]{display:flex;align-items:center}.price[data-v-3dbd1658]{font-size:17px;font-weight:700;color:#e74c3c;margin-right:12px}.price.free[data-v-3dbd1658]{color:#27ae60}.meta[data-v-3dbd1658]{font-size:12px;color:#999;margin-right:12px}.empty[data-v-3dbd1658]{grid-column:1/-1;text-align:center;color:#999;padding:40px 0}body{margin:0;padding:0;background:#fff;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}body,html{height:100%}html{box-sizing:border-box}#app{height:100%}*,:after,:before{box-sizing:inherit}a:active,a:focus{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}li{list-style-type:none}div:focus{outline:none}img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;display:block}.phone .el-form-item__content{display:flex}::-webkit-scrollbar{width:5px;height:5px;border-radius:4px}::-webkit-scrollbar-button:vertical{display:none}::-webkit-scrollbar-track:vertical{background-color:#000}::-webkit-scrollbar-track-piece{background-color:#f5f5f5}::-webkit-scrollbar-thumb:vertical{margin-right:10px;background-color:#888}::-webkit-scrollbar-thumb:vertical:hover{background-color:#888}::-webkit-scrollbar-corner:vertical{background-color:#535353}::-webkit-scrollbar-resizer:vertical{background-color:#888}.el-collapse{border-top:0!important}.el-collapse-item__content{padding-bottom:0!important}.video-js{width:100%}.el-dialog__body{padding:0 20px!important}.d-flex{display:-moz-flex;display:flex}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-baseline{align-items:baseline}.flex_1{flex:1}.flex-wrap{-o-flex-wrap:wrap;flex-wrap:wrap}.flex-column{flex-direction:column}.cursor{cursor:pointer;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.el-message-box{width:350px!important}