.cc-root{--cc-blue:#0767bd;--cc-ink:#15344c;--cc-muted:#587086;--cc-line:#dce6ee;color:var(--cc-ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;min-width:0}
.cc-root *{box-sizing:border-box}.cc-root [hidden]{display:none!important}.cc-root button,.cc-root input,.cc-root select{font:inherit}.cc-root button{cursor:pointer}.cc-root button:disabled{cursor:default;opacity:.4}.cc-root :focus-visible{outline:3px solid #80bafa;outline-offset:3px}.cc-root h1{font-size:30px;line-height:1.3;margin:6px 0 10px}.cc-root h2{font-size:18px;line-height:1.55}.cc-heading{margin-bottom:22px}.cc-heading p{color:var(--cc-muted);margin:0;font-size:14px}.cc-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;color:#13798a}
.cc-search{display:flex;background:#fff;border:1px solid #bacfdf;border-radius:12px;padding:6px;gap:8px;max-width:820px;margin-bottom:22px;box-shadow:0 4px 16px #184e7010}.cc-search input{border:0;background:transparent;flex:1;min-width:0;padding:10px 12px;color:var(--cc-ink);font-size:15px}.cc-search button,.cc-series-card>button,.cc-course-open{background:var(--cc-blue);color:white;border:0;border-radius:8px;padding:9px 22px;font-weight:600}
.cc-tabs{display:flex;gap:8px;border-bottom:1px solid var(--cc-line);margin-bottom:18px;padding-bottom:12px}.cc-tabs button{border:0;background:transparent;color:var(--cc-muted);padding:8px 18px;border-radius:8px;font-weight:600}.cc-tabs button.active{background:#e6f2ff;color:var(--cc-blue)}.cc-filter-toggle{display:none}
.cc-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#eaf1f6;padding:16px;border:1px solid var(--cc-line);border-radius:12px;margin-bottom:12px}.cc-filters label{font-size:11px;color:var(--cc-muted);font-weight:600;min-width:0}.cc-filters select{display:block;margin-top:4px;width:100%;border:1px solid #cfdae4;border-radius:6px;background:#fff;color:var(--cc-ink);padding:8px;font-size:13px;min-width:0}
.cc-selected{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.cc-selected button{border:1px solid #b8d8ed;color:var(--cc-blue);background:#fff;border-radius:6px;padding:4px 9px;font-size:12px}.cc-selected button:last-child{margin-left:auto}.cc-resultbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0}.cc-count{font-size:13px;color:var(--cc-muted);margin:12px 0}.cc-resultbar label{font-size:12px;color:var(--cc-muted)}.cc-resultbar select{border:1px solid var(--cc-line);padding:6px;border-radius:6px;background:white;font-size:12px}
.cc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cc-root .cc-card,.cc-root .gcard{display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid var(--cc-line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--cc-ink);transition:box-shadow .2s,border-color .2s;min-width:0}.cc-card:hover{border-color:#86b9db;box-shadow:0 8px 24px #24597c14}.cc-art{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e5f0f7}.cc-art img{width:100%;height:100%;object-fit:cover;object-position:center}.cc-badge{position:absolute;top:10px;left:10px;font-size:10px;background:#fffef4ef;border:1px solid #ffffff;padding:3px 7px;border-radius:4px;font-weight:600}.cc-cardbody{padding:17px;display:flex;flex-direction:column;gap:9px;flex:1;min-width:0}.cc-category{font-size:11px;color:#13798a;font-weight:600}.cc-card h2{margin:0;font-weight:700;overflow-wrap:anywhere}.cc-card p{margin:0;color:var(--cc-muted);font-size:12px}.cc-meta{font-size:11px;color:var(--cc-muted);margin-top:auto;padding-top:9px}.cc-action{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap;align-items:center;border-top:1px solid #e7eef4;padding-top:10px;margin-top:5px;font-size:12px;font-weight:600}.cc-action>span:last-child{color:var(--cc-blue)}.cc-state{color:#8a5e16;background:#fff7e7;border-radius:4px;padding:3px 6px;font-size:10px}.cc-course-open{margin:0 17px 16px}.cc-card[data-course] .cc-action>span:last-child{display:none}.cc-placeholder{height:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:24px;color:#5286a6;background:linear-gradient(120deg,#e5f2f9,#d0e9e8)}.cc-placeholder b{font-size:64px;line-height:1;color:#126c8950}.cc-placeholder span{font-size:12px}.cc-lesson{display:block;font-size:11px;color:#16768e;margin-bottom:6px;font-weight:600}
.cc-pagination{display:flex;gap:18px;align-items:center;justify-content:center;margin:28px 0;font-size:13px;color:var(--cc-muted)}.cc-pagination button,.cc-back{border:1px solid #cddde9;border-radius:6px;padding:7px 12px;background:#fff;color:var(--cc-blue)}.cc-empty{border:1px dashed #b6cdda;background:#f4f8fb;padding:38px 16px;border-radius:10px;text-align:center;color:var(--cc-muted)}
.cc-series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cc-series-card{border:1px solid var(--cc-line);border-top:4px solid #187d94;border-radius:12px;padding:24px;background:#fff;display:flex;flex-direction:column;gap:12px}.cc-series-card h2,.cc-series-card p{margin:0}.cc-series-card p,.cc-series-card>span:not(.cc-eyebrow){color:var(--cc-muted);font-size:13px}.cc-series-card>button{align-self:flex-start;margin-top:4px}.cc-direct{font-size:13px;color:var(--cc-blue)}.cc-series-intro{padding:26px;background:#e9f4f5;border:1px solid #c7e2e5;border-radius:12px;margin:18px 0 22px}.cc-series-intro h2{font-size:26px;margin:6px 0 10px}.cc-series-intro p{color:var(--cc-muted);font-size:14px;margin:0}.cc-notice{font-size:12px;color:#805d21;margin-top:18px;padding-top:12px;border-top:1px solid #cadae0}
@media(min-width:1400px){.cc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1020px){.cc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cc-root h1{font-size:25px}.cc-heading{margin-bottom:16px}.cc-search input{font-size:14px;padding:8px;min-width:0}.cc-search button{padding:8px 13px}.cc-filters{display:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.cc-filters-open .cc-filters{display:grid}.cc-filter-toggle{display:block!important;margin-left:auto}.cc-tabs{gap:4px}.cc-tabs button{padding:8px 10px;font-size:13px}.cc-grid{grid-template-columns:1fr;gap:12px}.cc-root .cc-card{display:grid;grid-template-columns:104px minmax(0,1fr)}.cc-art{aspect-ratio:auto;min-height:140px}.cc-cardbody{padding:13px}.cc-card h2{font-size:16px;line-height:1.5}.cc-card p{font-size:12px}.cc-badge{top:6px;left:6px;padding:3px 5px;font-size:9px}.cc-meta{font-size:10px;padding-top:2px}.cc-card[data-course] .cc-course-open{grid-column:2;margin:0 13px 12px;font-size:12px;padding:7px}.cc-placeholder{padding:12px;flex-direction:column;justify-content:center;gap:12px}.cc-placeholder b{font-size:42px}.cc-series-grid{grid-template-columns:1fr}.cc-series-intro{padding:18px}.cc-series-intro h2{font-size:23px}.cc-resultbar{align-items:flex-start}.cc-resultbar .cc-count{margin:0;max-width:65%}.cc-pagination{gap:10px;font-size:12px}.cc-root .cc-card:hover{transform:none}.cc-selected button{font-size:11px}}

@media(max-width:600px){.cc-root .cc-art{aspect-ratio:1/1;min-height:0;align-self:start;margin:12px 0 0 10px;border-radius:6px}.cc-root .cc-badge{font-size:8px;padding:2px 4px}.cc-root .cc-placeholder{padding:9px}.cc-root .cc-placeholder b{font-size:32px}}