.course-detail[data-v-838dc2d4]{padding:32px 0 64px}.back[data-v-838dc2d4]{color:#60768b;display:inline-block;margin-bottom:18px;text-decoration:none}.detail-layout[data-v-838dc2d4]{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 430px;min-height:520px}.course-hero[data-v-838dc2d4],.description[data-v-838dc2d4],.directory[data-v-838dc2d4]{background:#fff;border:1px solid var(--gcb-border)}.course-hero[data-v-838dc2d4]{border-top:4px solid var(--gcb-blue);display:grid;gap:28px;grid-template-columns:250px 1fr;padding:30px}.cover[data-v-838dc2d4]{background:#e8f0f6;height:315px}.cover img[data-v-838dc2d4]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cover>div[data-v-838dc2d4]{background-image:linear-gradient(#d5e4ef 1px,transparent 0),linear-gradient(90deg,#d5e4ef 1px,transparent 0);background-size:28px 28px;color:#7890a6;display:grid;height:100%;place-content:center;text-align:center}.cover b[data-v-838dc2d4]{color:var(--gcb-blue);font-size:30px}.cover span[data-v-838dc2d4]{font-size:12px;margin-top:8px}.directory-head span[data-v-838dc2d4],.hero-copy>span[data-v-838dc2d4]{color:var(--gcb-blue);font-size:10px;font-weight:800}.hero-copy h1[data-v-838dc2d4]{color:var(--gcb-navy);font-size:30px;line-height:1.4;margin:10px 0}.hero-copy>p[data-v-838dc2d4]{color:#6d8194;line-height:1.7}.hero-copy dl[data-v-838dc2d4]{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:26px 0}.hero-copy dl div[data-v-838dc2d4]{border-left:2px solid #d9e6ef;padding-left:11px}.hero-copy dt[data-v-838dc2d4]{color:#91a0ad;font-size:11px}.hero-copy dd[data-v-838dc2d4]{color:#30475e;margin:5px 0 0}.hero-copy[data-v-838dc2d4] .el-button{border-color:var(--gcb-blue);color:var(--gcb-blue)}.hero-copy[data-v-838dc2d4] .el-button.collected{background:var(--gcb-blue);color:#fff}.description[data-v-838dc2d4]{margin-top:14px;padding:28px}.description h2[data-v-838dc2d4]{color:var(--gcb-navy);font-size:19px;margin:0 0 14px}.description p[data-v-838dc2d4]{color:#62778b;line-height:1.85;margin:0;white-space:pre-line}.directory[data-v-838dc2d4]{align-self:start;padding:24px}.directory-head[data-v-838dc2d4]{align-items:center;border-bottom:1px solid var(--gcb-border);display:flex;justify-content:space-between;padding-bottom:18px}.directory-head h2[data-v-838dc2d4]{color:var(--gcb-navy);font-size:21px;margin:5px 0 0}.directory-head>b[data-v-838dc2d4]{color:#7790a5;font-size:12px}.progress[data-v-838dc2d4]{padding:16px 0}.progress>div[data-v-838dc2d4]{color:#708296;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.progress b[data-v-838dc2d4]{color:var(--gcb-blue)}.chapter[data-v-838dc2d4]{align-items:center;background:none;border:0;border-bottom:1px solid #edf1f4;color:#3e566e;cursor:pointer;display:grid;gap:9px;grid-template-columns:36px minmax(0,1fr) auto;min-height:54px;padding:10px 0;text-align:left;width:100%}.chapter[data-v-838dc2d4]:hover{color:var(--gcb-blue)}.chapter.child[data-v-838dc2d4]{padding-left:25px}.chapter .number[data-v-838dc2d4]{color:#91a1af;font-size:11px}.chapter .title[data-v-838dc2d4]{line-height:1.45}.chapter .state[data-v-838dc2d4]{background:#e7f5ed;color:#15734f;font-size:9px;padding:4px 6px}.chapter.locked .state[data-v-838dc2d4]{background:#fff2db;color:#8b6b35}.chapter.studied .title[data-v-838dc2d4]{color:#718397}@media (max-width:1050px){.detail-layout[data-v-838dc2d4]{grid-template-columns:1fr}.directory[data-v-838dc2d4]{width:auto}}@media (max-width:767px){.course-detail[data-v-838dc2d4]{padding-top:20px}.course-hero[data-v-838dc2d4]{gap:16px;grid-template-columns:105px 1fr;padding:18px}.cover[data-v-838dc2d4]{height:145px}.hero-copy h1[data-v-838dc2d4]{font-size:22px}.hero-copy>p[data-v-838dc2d4]{display:none}.hero-copy dl[data-v-838dc2d4]{grid-template-columns:repeat(2,1fr);margin:14px 0}.hero-copy dl div[data-v-838dc2d4]:last-child{display:none}.description[data-v-838dc2d4],.directory[data-v-838dc2d4]{padding:18px}}