.app-header[data-v-996ffb1a]{background:#fff;padding-bottom:12px}.header-inner[data-v-996ffb1a]{display:flex;align-items:flex-start;justify-content:space-between;width:1200px;max-width:calc(100% - 40px);min-height:85px;padding:20px 0 0;margin:0 auto;gap:20px}.logo-area[data-v-996ffb1a]{display:flex;align-items:flex-start;gap:10px;flex-shrink:0;max-width:630px}.logo-img[data-v-996ffb1a]{width:60px;height:60px;object-fit:contain;flex-shrink:0}.logo-text[data-v-996ffb1a]{padding-top:2px}.logo-title-main[data-v-996ffb1a],.logo-title-sub[data-v-996ffb1a]{color:#555;font-weight:400;font-size:25px;line-height:30px;text-align:left}.header-right[data-v-996ffb1a]{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0;margin-top:5px}.header-actions[data-v-996ffb1a]{display:flex;align-items:center;gap:10px}.btn-login[data-v-996ffb1a],.btn-logout[data-v-996ffb1a]{width:81px;height:36px;line-height:36px;border:none;border-radius:35px;background:#2790ff;color:#fff;font-size:14px;text-align:center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-login[data-v-996ffb1a]:hover,.btn-logout[data-v-996ffb1a]:hover{opacity:.85}.user-name[data-v-996ffb1a]{font-size:14px;color:#555}.search-box[data-v-996ffb1a]{display:flex;align-items:center;width:245px;height:30px;border:1px solid #2790ff;border-radius:5px;overflow:hidden;background:#fff}.search-box input[data-v-996ffb1a]{flex:1;border:none;outline:none;padding:0 15px;font-size:14px;height:28px;color:#333}.search-box input[data-v-996ffb1a]::placeholder{color:#999}.search-btn[data-v-996ffb1a]{width:45px;height:30px;border:none;background:transparent;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0}@media(max-width:900px){.header-inner[data-v-996ffb1a]{flex-wrap:wrap;min-height:auto;padding-bottom:12px}.logo-title-main[data-v-996ffb1a],.logo-title-sub[data-v-996ffb1a]{font-size:18px;line-height:24px}.logo-img[data-v-996ffb1a]{width:48px;height:48px}.logo-area[data-v-996ffb1a]{max-width:calc(100% - 120px)}}@media(max-width:640px){.header-inner[data-v-996ffb1a]{flex-direction:column;align-items:stretch;gap:12px;padding-top:12px}.logo-area[data-v-996ffb1a]{max-width:100%}.header-right[data-v-996ffb1a]{width:100%;align-items:stretch;margin-top:0}.header-actions[data-v-996ffb1a]{justify-content:flex-end}.user-name[data-v-996ffb1a]{font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box[data-v-996ffb1a]{width:100%;height:36px}.search-box input[data-v-996ffb1a]{height:34px;font-size:15px}.search-btn[data-v-996ffb1a]{height:36px;width:48px}}.app-footer[data-v-e49bd2fe]{background:#2c3e50;color:#ccc;padding:24px 0;margin-top:40px}.footer-inner[data-v-e49bd2fe]{text-align:center}.copyright[data-v-e49bd2fe]{font-size:13px;color:#999}.app-layout--full .app-main[data-v-03118d81]{flex:1;display:flex;flex-direction:column}:root{--color-primary: #1a8fd4;--color-primary-dark: #0d6fa8;--color-teal: #3db8b0;--color-orange: #f5a623;--color-text: #333;--color-text-light: #999;--color-border: #e8e8e8;--color-bg: #f5f7fa;--container-width: 1200px;--header-height: 85px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}body{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;color:var(--color-text);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}button,input{font:inherit}.container{width:var(--container-width);max-width:calc(100% - 40px);margin:0 auto}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(180deg,#2ba3e8,#1a8fd4);color:#fff;border-radius:20px;padding:8px 28px;box-shadow:0 2px 8px #1a8fd44d}.btn-primary:hover{background:linear-gradient(180deg,#3bb0f0,#1f9de0)}.btn-outline{background:#fff;color:var(--color-primary);border:1px solid var(--color-border);border-radius:4px;padding:6px 16px}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.loading-box{text-align:center;padding:60px 20px;color:var(--color-text-light)}.empty-box{text-align:center;padding:40px 20px;color:var(--color-text-light);background:#fafafa;border:1px dashed var(--color-border);border-radius:4px}@media(max-width:768px){:root{--container-width: 100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-size:14px;padding-bottom:env(safe-area-inset-bottom)}.container{max-width:100%;padding-left:12px;padding-right:12px}.loading-box{padding:40px 16px;font-size:14px}.empty-box{padding:32px 16px;font-size:14px}.btn-primary{min-height:44px;padding:10px 24px;font-size:15px}}@media(max-width:480px){.topic-breadcrumb,.video-breadcrumb{font-size:12px;padding:10px 12px;line-height:1.5;overflow-x:auto;white-space:nowrap}.course-table th,.course-table td{padding:10px 8px;font-size:13px}.course-table .col-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}