/* Approved course-center conversion design, scoped to its own content. */
.quant-site .course-sales{color-scheme:light;--cc-blue:#2765cf;--cc-ink:#182a41;--cc-muted:#52647a;--cc-line:#e2e8ef;--cc-paper:#f6f8fb;--cc-sans:QuantSans,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-family:var(--cc-sans);color:var(--cc-ink)}
.quant-site .course-sales *{box-sizing:border-box}.quant-site .course-sales [hidden]{display:none!important}.quant-site .course-sales h1,.quant-site .course-sales h2,.quant-site .course-sales h3,.quant-site .course-sales p{margin:0}.quant-site .course-sales button,.quant-site .course-sales summary{font:inherit}.quant-site .course-sales button{cursor:pointer}.quant-site .course-sales .cc-label{font-size:13px;line-height:1.5;margin:0 0 12px;color:#52647a}.quant-site .course-sales .cc-mobile-label{margin-top:28px}.quant-site .course-sales .cc-mobile-stage{width:390px;max-width:100%;margin:0 auto}.quant-site .course-sales .cc-site{background:var(--cc-paper);border:1px solid var(--cc-line);border-radius:15px;overflow:hidden;container-type:inline-size;color:var(--cc-ink);font-size:16px;line-height:1.8}.quant-site .course-sales .cc-header{height:74px;padding:0 28px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--cc-line);background:#fff}.quant-site .course-sales .cc-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;white-space:nowrap}.quant-site .course-sales .cc-q{width:34px;height:34px;border:7px solid var(--cc-blue);border-radius:50%;position:relative;flex-shrink:0}.quant-site .course-sales .cc-q:after{content:"";position:absolute;right:-7px;bottom:-5px;width:17px;height:8px;border-radius:3px;background:var(--cc-blue);transform:rotate(43deg)}.quant-site .course-sales .cc-brand-name{font-size:19px;line-height:1.35;font-weight:700;letter-spacing:.035em}.quant-site .course-sales .cc-brand-sub{display:block;font-size:11px;line-height:1.4;color:#52647a;font-weight:400;letter-spacing:.02em;margin-top:4px}.quant-site .course-sales .cc-nav{margin:auto;display:flex;align-items:center;align-self:stretch;gap:22px;font-size:13px;color:#52647a;white-space:nowrap}.quant-site .course-sales .cc-nav .cc-active{position:relative;color:var(--cc-blue);font-weight:700}.quant-site .course-sales .cc-nav .cc-active:after{content:"";position:absolute;left:0;right:0;bottom:-26px;height:3px;background:var(--cc-blue);border-radius:3px}.quant-site .course-sales .cc-account{display:flex;align-items:center;gap:14px;flex-shrink:0;margin-left:auto}.quant-site .course-sales .cc-text-button{border:0;padding:0;background:transparent;color:#52647a;font-size:12px;min-height:44px}.quant-site .course-sales .cc-button{background:var(--cc-blue);border:1px solid var(--cc-blue);border-radius:9px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;color:#fff;font-weight:700;font-size:14px;line-height:1.5;white-space:nowrap}.quant-site .course-sales .cc-header .cc-button{font-size:13px;min-height:44px;padding:0 16px}.quant-site .course-sales .cc-button:focus-visible,.quant-site .course-sales summary:focus-visible,.quant-site .course-sales .cc-text-button:focus-visible{outline:3px solid #8fb8fc;outline-offset:3px}
.quant-site .course-sales .cc-main{padding:26px 28px 30px}.quant-site .course-sales .cc-hero{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:30px;background:#14283f;border-radius:19px;padding:30px;color:#fff;align-items:center}.quant-site .course-sales .cc-kicker{font-size:12px;line-height:1.5;letter-spacing:.08em;color:#b8d6df}.quant-site .course-sales .cc-hero h1{font-family:QuantWenKai,var(--cc-sans);font-size:35px;line-height:1.48;font-weight:500;letter-spacing:0;margin:13px 0 14px}.quant-site .course-sales .cc-hero h1 em{font-style:normal;color:#bce6d2}.quant-site .course-sales .cc-hero-copy{font-size:16px;line-height:1.85;color:#d1dce6;max-width:540px}.quant-site .course-sales .cc-tags{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:20px;font-size:12px;line-height:1.6;color:#d3e0e8}.quant-site .course-sales .cc-tags span:before{content:"✓";color:#bce6d2;margin-right:6px}.quant-site .course-sales .cc-price-box{background:#fff;padding:22px;border-radius:13px;color:var(--cc-ink)}.quant-site .course-sales .cc-price-label{font-size:12px;color:#52647a;line-height:1.5}.quant-site .course-sales .cc-price{font-size:40px;font-weight:700;letter-spacing:-.04em;line-height:1.25;margin:6px 0 10px;font-variant-numeric:tabular-nums}.quant-site .course-sales .cc-price small{font-size:20px;font-weight:400;margin-right:3px;letter-spacing:0}.quant-site .course-sales .cc-price-rights{font-size:12px;color:#52647a;line-height:1.8;margin:0 0 15px}.quant-site .course-sales .cc-price-box .cc-button{width:100%;padding:0 10px;min-height:48px}.quant-site .course-sales .cc-price-box .cc-text-button{display:block;width:100%;min-height:30px;margin-top:5px;font-size:12px;color:#2765cf}.quant-site .course-sales .cc-scope-note{font-size:12px;line-height:1.7;color:#52647a;margin-top:12px}
.quant-site .course-sales .cc-section-heading{margin:27px 0 14px;display:flex;align-items:end;justify-content:space-between;gap:15px}.quant-site .course-sales .cc-section-heading h2{font-size:23px;line-height:1.5;font-weight:700}.quant-site .course-sales .cc-section-heading p{font-size:13px;line-height:1.7;color:#52647a;margin-top:5px}.quant-site .course-sales .cc-all-included{font-size:12px;line-height:1.5;color:#347b64;white-space:nowrap;padding-bottom:4px}.quant-site .course-sales .cc-course-list{background:#fff;border:1px solid var(--cc-line);border-radius:15px;overflow:hidden}.quant-site .course-sales .cc-course+.cc-course{border-top:1px solid var(--cc-line)}.quant-site .course-sales .cc-course summary{display:grid;grid-template-columns:38px minmax(0,1fr) 128px 16px;align-items:center;gap:16px;list-style:none;padding:20px 23px;cursor:pointer}.quant-site .course-sales .cc-course summary::-webkit-details-marker{display:none}.quant-site .course-sales .cc-index{font-size:21px;font-weight:400;color:#8294a8;line-height:1.5;font-variant-numeric:tabular-nums}.quant-site .course-sales .cc-course h3{font-size:18px;line-height:1.5;font-weight:700;color:#182a41}.quant-site .course-sales .cc-course-description{font-size:14px;line-height:1.75;color:#52647a;margin-top:5px}.quant-site .course-sales .cc-row-meta{font-size:12px;line-height:1.7;text-align:right;color:#52647a}.quant-site .course-sales .cc-row-meta span{display:block;color:#2765cf;margin-top:3px}.quant-site .course-sales .cc-chevron{font-size:19px;color:#75879c;text-align:center;line-height:1.5;transition:transform .15s}.quant-site .course-sales .cc-course[open] .cc-chevron{transform:rotate(90deg)}.quant-site .course-sales .cc-course[open] summary{background:#f7faff}.quant-site .course-sales .cc-lesson-list{margin:0 23px 18px 77px;padding:0;list-style:none}.quant-site .course-sales .cc-lesson-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid #edf0f5;font-size:14px;line-height:1.7;color:#34465c}.quant-site .course-sales .cc-lesson-list small{font-size:11px;line-height:1.5;white-space:nowrap;color:#6b7d92}.quant-site .course-sales .cc-lesson-list .cc-public{color:#347b64}.quant-site .course-sales .cc-lesson-note{font-size:12px;line-height:1.7;color:#52647a;margin:0 23px 18px 77px}.quant-site .course-sales .cc-more{display:flex;gap:20px;flex-wrap:wrap;margin:12px 0 0;font-size:12px;line-height:1.8}.quant-site .course-sales .cc-more button{font-size:12px;min-height:36px;background:none;border:0;color:#52647a;padding:0}.quant-site .course-sales .cc-more button:first-child{color:#2765cf}
.quant-site .course-sales .cc-help-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;margin-top:25px}.quant-site .course-sales .cc-start h2,.quant-site .course-sales .cc-faq h2{font-size:18px;font-weight:700;line-height:1.5;margin-bottom:13px}.quant-site .course-sales .cc-start ol{list-style:none;margin:0;padding:0;display:grid;gap:9px}.quant-site .course-sales .cc-start li{display:flex;align-items:baseline;gap:11px;font-size:14px;line-height:1.7;color:#52647a}.quant-site .course-sales .cc-start li span{font-size:12px;color:#2765cf;font-variant-numeric:tabular-nums}.quant-site .course-sales .cc-faq details{border-bottom:1px solid #e1e7ee}.quant-site .course-sales .cc-faq summary{list-style:none;cursor:pointer;padding:9px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;line-height:1.7;color:#34465c}.quant-site .course-sales .cc-faq summary::-webkit-details-marker{display:none}.quant-site .course-sales .cc-faq summary:after{content:"+";font-size:17px;color:#75879c}.quant-site .course-sales .cc-faq details[open] summary:after{content:"−"}.quant-site .course-sales .cc-faq p{font-size:14px;line-height:1.85;color:#52647a;padding:0 0 13px}.quant-site .course-sales .cc-closing{margin-top:24px;background:#fff;border:1px solid var(--cc-line);border-radius:13px;padding:19px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.quant-site .course-sales .cc-closing strong{font-size:18px;font-weight:700;line-height:1.5}.quant-site .course-sales .cc-closing p{font-size:12px;color:#52647a;line-height:1.75;margin-top:4px}.quant-site .course-sales .cc-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:24px;font-size:11px;color:#6a7c90;line-height:1.7}.quant-site .course-sales .cc-bottom-nav{display:none}.quant-site .course-sales .cc-feedback{font-size:12px;line-height:1.7;color:#52647a;margin-top:12px}.quant-site .course-sales .cc-feedback:empty{display:none}.quant-site .course-sales .cc-member-welcome{padding:8px 0 0}.quant-site .course-sales .cc-member-welcome h1{font-size:30px;line-height:1.5;font-weight:700}.quant-site .course-sales .cc-member-welcome p{font-size:15px;line-height:1.8;color:#52647a;margin-top:8px}.quant-site .course-sales[data-state="member"] .cc-hero,.quant-site .course-sales[data-state="member"] .cc-scope-note,.quant-site .course-sales[data-state="member"] .cc-closing{display:none}.quant-site .course-sales[data-state="guest"] .cc-member-welcome{display:none}.quant-site .course-sales[data-state="member"] .cc-row-meta span{color:#347b64}.quant-site .course-sales[data-state="member"] .cc-faq{display:none}.quant-site .course-sales[data-state="member"] .cc-help-grid{grid-template-columns:1fr}
@container (max-width:850px){.quant-site .course-sales .cc-header{padding:0 22px;gap:18px}.quant-site .course-sales .cc-nav{font-size:12px;gap:14px}.quant-site .course-sales .cc-account{gap:10px}.quant-site .course-sales .cc-hero{gap:22px;padding:25px;grid-template-columns:minmax(0,1fr) 230px}.quant-site .course-sales .cc-hero h1{font-size:31px}.quant-site .course-sales .cc-price-box{padding:19px}.quant-site .course-sales .cc-course summary{gap:12px}}
@container (max-width:700px){.quant-site .course-sales .cc-header{height:64px;padding:0 18px;gap:10px}.quant-site .course-sales .cc-nav{display:none}.quant-site .course-sales .cc-brand{gap:8px}.quant-site .course-sales .cc-q{width:30px;height:30px;border-width:6px}.quant-site .course-sales .cc-q:after{width:15px;height:7px;right:-6px;bottom:-4px}.quant-site .course-sales .cc-brand-name{font-size:16px;letter-spacing:.025em;line-height:1.3}.quant-site .course-sales .cc-brand-sub{font-size:11px;letter-spacing:0;margin-top:3px}.quant-site .course-sales .cc-header .cc-button{font-size:12px;padding:0 13px}.quant-site .course-sales .cc-account{gap:10px}.quant-site .course-sales .cc-text-button{font-size:12px}.quant-site .course-sales .cc-main{padding:18px 18px 22px}.quant-site .course-sales .cc-hero{display:block;padding:24px 22px;border-radius:17px}.quant-site .course-sales .cc-hero h1{font-size:29px;line-height:1.5;margin:13px 0}.quant-site .course-sales .cc-hero-copy{font-size:16px;line-height:1.8}.quant-site .course-sales .cc-tags{gap:7px 14px;margin-top:17px;font-size:12px}.quant-site .course-sales .cc-price-box{margin-top:22px;padding:17px 18px;display:grid;grid-template-columns:1fr 1fr;column-gap:12px;align-items:center}.quant-site .course-sales .cc-price-label{grid-column:1;grid-row:1}.quant-site .course-sales .cc-price{grid-column:1;grid-row:2;font-size:34px;margin:3px 0 0}.quant-site .course-sales .cc-price small{font-size:18px}.quant-site .course-sales .cc-price-box .cc-button{grid-column:2;grid-row:1/3;font-size:13px;padding:0 8px}.quant-site .course-sales .cc-price-rights{grid-column:1/-1;margin:10px 0 0;font-size:12px;line-height:1.7}.quant-site .course-sales .cc-price-box .cc-text-button{grid-column:1/-1;margin-top:5px;min-height:28px}.quant-site .course-sales .cc-scope-note{font-size:12px;margin-top:10px}.quant-site .course-sales .cc-section-heading{display:block;margin:23px 0 13px}.quant-site .course-sales .cc-section-heading h2{font-size:21px}.quant-site .course-sales .cc-section-heading p{font-size:13px}.quant-site .course-sales .cc-all-included{display:none}.quant-site .course-sales .cc-course summary{grid-template-columns:25px minmax(0,1fr) 12px;gap:10px;padding:17px 15px}.quant-site .course-sales .cc-index{font-size:18px;align-self:start;padding-top:1px}.quant-site .course-sales .cc-course h3{font-size:17px;line-height:1.5}.quant-site .course-sales .cc-course-description{font-size:14px;line-height:1.7;margin-top:6px}.quant-site .course-sales .cc-row-meta{grid-column:2;grid-row:2;text-align:left;display:flex;gap:12px;font-size:12px;line-height:1.6}.quant-site .course-sales .cc-row-meta span{margin:0}.quant-site .course-sales .cc-chevron{grid-column:3;grid-row:1/3;font-size:18px}.quant-site .course-sales .cc-lesson-list{margin-left:15px;margin-right:15px;margin-bottom:14px}.quant-site .course-sales .cc-lesson-list li{font-size:14px;gap:8px;padding:10px 0}.quant-site .course-sales .cc-lesson-note{margin-left:15px;margin-right:15px}.quant-site .course-sales .cc-more{gap:18px;margin-top:10px}.quant-site .course-sales .cc-help-grid{grid-template-columns:1fr;gap:23px;margin-top:23px}.quant-site .course-sales .cc-start h2,.quant-site .course-sales .cc-faq h2{font-size:18px;margin-bottom:10px}.quant-site .course-sales .cc-start li{font-size:14px}.quant-site .course-sales .cc-faq summary{font-size:14px;min-height:44px}.quant-site .course-sales .cc-closing{display:block;padding:19px;margin-top:22px}.quant-site .course-sales .cc-closing strong{font-size:18px}.quant-site .course-sales .cc-closing .cc-button{width:100%;margin-top:14px}.quant-site .course-sales .cc-footer{display:block;margin-top:19px}.quant-site .course-sales .cc-footer span{display:block}.quant-site .course-sales .cc-bottom-nav{display:flex;justify-content:space-around;gap:8px;background:#fff;border-top:1px solid var(--cc-line);padding:14px 8px;font-size:11px;color:#52647a;line-height:1.5}.quant-site .course-sales .cc-bottom-nav .cc-active{color:#2765cf;font-weight:700}}
@container (max-width:340px){.quant-site .course-sales .cc-header{padding:0 12px;gap:8px}.quant-site .course-sales .cc-account{gap:8px}.quant-site .course-sales .cc-header .cc-button{padding:0 10px}.quant-site .course-sales .cc-main{padding:14px 12px 18px}.quant-site .course-sales .cc-hero{padding:22px 18px}.quant-site .course-sales .cc-hero h1{font-size:26px}.quant-site .course-sales .cc-price-box{padding:15px 13px;column-gap:8px}.quant-site .course-sales .cc-price{font-size:31px}.quant-site .course-sales .cc-price-box .cc-button{font-size:12px;padding:0 7px}.quant-site .course-sales .cc-course summary{padding:16px 13px;grid-template-columns:22px minmax(0,1fr) 10px;gap:8px}.quant-site .course-sales .cc-course h3{font-size:16px}.quant-site .course-sales .cc-tags{gap:6px 10px}}

.quant-site .course-sales{container-type:inline-size}.quant-site .course-sales .cc-main{padding:26px 0 34px}.quant-site .course-sales a.cc-text-button{display:flex;align-items:center;justify-content:center}.quant-site .course-sales .cc-more a{font-size:12px;min-height:36px;display:inline-flex;align-items:center;color:#52647a}.quant-site .course-sales .cc-more a:first-child{color:#2765cf}.quant-site .course-sales .cc-subcourse{font-size:14px;margin:16px 23px 0 77px;font-weight:700;color:#52647a}.quant-site .course-sales .cc-lesson-list li a{min-height:32px;display:flex;align-items:center;color:#2765cf}.quant-site .course-sales .cc-lesson-list li a:hover{text-decoration:underline}
@container(max-width:700px){.quant-site .course-sales .cc-main{padding:18px 0 28px}.quant-site .course-sales .cc-subcourse{margin-left:15px}.quant-site .course-sales .cc-lesson-list li a{min-height:44px}.quant-site .course-sales .cc-more a{min-height:44px}}