/* Shared commerce elements keep the two homepage layouts in sync. */
.mobile-club .course-card p{color:#7c6d88}.mobile-club .course-meta{color:#846b9b}.mobile-club .course-cover{grid-row:1/5;height:103px}
.club-banner{position:relative;isolation:isolate;background:#080d2c}.banner-slide[hidden]{display:none!important}.banner-slide{position:relative}.banner-hit{position:absolute;inset:0;z-index:4}.banner-custom{display:block;width:100%;height:var(--banner-height,690px);position:relative;background:#080d2c}.banner-custom picture,.banner-custom img{display:block;width:100%;height:100%}.banner-custom img{object-fit:cover}.banner-controls{position:absolute;z-index:6;bottom:66px;right:45px;display:flex;align-items:center;gap:9px;padding:8px 12px;background:#080d2c88;border-radius:28px;backdrop-filter:blur(12px)}.banner-controls button{width:30px;height:30px;border-radius:50%;background:#ffffff18;color:#fff;font-size:18px}.banner-controls .banner-dot{width:9px;height:9px;padding:0;background:#ffffff66}.banner-controls .banner-dot[aria-current=true]{background:#d9ff70;transform:scale(1.2)}.banner-pause{font-size:11px!important}.mobile-club .club-banner{border-radius:20px;overflow:hidden;margin-top:5px}.mobile-club .m-hero{margin-top:0}.mobile-club .banner-custom{height:303px}.mobile-club .banner-controls{bottom:10px;right:12px;padding:5px 8px;gap:7px}.mobile-club .banner-controls button{width:24px;height:24px;font-size:15px}.mobile-club .banner-controls .banner-dot{width:6px;height:6px}.course-pricing{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 13px;margin-top:18px;border-top:1px solid #ded9e9;padding-top:14px;font-size:12px;color:#746c80}.course-pricing strong{font-size:19px;letter-spacing:-.5px;color:#16172e}.course-pricing b{font-size:12px;color:#6840d6;font-weight:600}.course-pricing .owned-label{color:#48753c}.course-price-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#eee8fc;border-radius:14px;padding:20px;margin:22px 0}.course-price-panel span{display:block;font-size:12px;color:#736389}.course-price-panel strong{font-size:27px;color:#5436c4}.course-price-panel p{font-size:12px;margin:5px 0 0}.course-price-panel .button{white-space:nowrap;border-radius:24px}.course-price-panel a.member-info{font-size:12px;text-decoration:underline}.mobile-club .course-pricing{margin-top:8px;padding-top:8px;gap:3px 9px;font-size:10px;grid-column:2}.mobile-club .course-pricing strong{font-size:15px}.mobile-club .course-pricing b{font-size:10px}.mobile-club .course-price-panel{display:block;padding:18px}.mobile-club .course-price-panel .button{margin-top:13px;width:100%}.mobile-club .course-card .cover-image{width:83px;height:103px;object-fit:cover;grid-column:1;grid-row:1/5;border-radius:12px}.membership-admin{max-width:800px;background:#fff;padding:28px;border:1px solid #ded9e9;border-radius:12px}.benefit-editor{display:grid;gap:14px;background:#f5f2fb;border-radius:12px;padding:20px}.membership-admin>h2{font-size:21px}.shop-page{background:#f6f5f0;color:#17172e;min-height:100vh;font-family:'Microsoft YaHei','Noto Sans SC',sans-serif}.shop-header{height:84px;display:flex;align-items:center;gap:30px;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #e4dfeb;background:#f6f5f0}.shop-header img{width:145px;mix-blend-mode:multiply}.shop-header nav{display:flex;gap:28px;font-size:13px}.shop-header nav a[aria-current]{color:#6541ed}.shop-header>a:last-child{font-size:12px;color:#6e5f89}.shop-kicker{font-size:11px;letter-spacing:1.4px;color:#7d699a;line-height:1.8}.shop-membership-intro{position:relative;isolation:isolate;overflow:hidden;padding:75px max(6vw,calc((100vw - 1200px)/2));background:#eae4f8;min-height:520px}.shop-membership-intro h1{font-size:clamp(44px,5vw,73px);line-height:1.18;letter-spacing:-3px;margin:26px 0}.shop-membership-intro em{font-style:normal;color:#6941d9}.shop-membership-intro>p:last-of-type{max-width:440px;font-size:14px;line-height:2.1;color:#665977}.shop-hand{position:absolute;width:49%;right:0;inset-block:0;z-index:-1;overflow:hidden}.shop-hand:after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#eae4f8,transparent 45%)}.shop-hand img{width:100%;height:100%;object-fit:cover;object-position:75% center}.shop-intro-sign{position:absolute;right:5vw;bottom:35px;color:#e4dcff;font:italic 15px/1.3 Arial;letter-spacing:2px;transform:rotate(-5deg)}.shop-layout{max-width:1320px;margin:0 auto;padding:70px 6vw 80px;display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:65px}.shop-story h2{font-size:33px;line-height:1.5;letter-spacing:-1px;margin:16px 0}.shop-lead{font-size:14px;color:#7b7184;line-height:2}.shop-benefits{margin:35px 0}.shop-benefits article{display:grid;grid-template-columns:25px 1fr 36px;gap:22px;padding:29px 0;border-top:1px solid #ded8e5;align-items:start}.shop-benefits article>span{font:12px Arial;color:#9a87b6;margin-top:7px}.shop-benefits h3{font-size:21px;margin-bottom:10px}.shop-benefits p{font-size:13px;color:#75687f;line-height:2}.shop-benefits i{font:33px Arial;color:#8b6cbd}.shop-summary{position:sticky;top:25px;background:#fff;border:1px solid #e1dbe9;padding:27px;border-radius:23px;box-shadow:0 16px 60px #30204e06}.shop-summary>.shop-kicker{font-size:9px;letter-spacing:.8px}.shop-summary>h2{font-size:23px;line-height:1.5;margin:20px 0 30px}.shop-passport{background:#e8ddfa;border-radius:14px;padding:24px;margin:23px 0;position:relative;overflow:hidden;min-height:177px;color:#5c339b}.shop-passport>span{font:8px Arial;letter-spacing:1px}.shop-passport h2{font-size:27px;margin:14px 0 30px}.shop-passport b{position:absolute;right:15px;top:25px;font:90px Arial;font-weight:400;color:#bba0e0;transform:rotate(12deg)}.shop-passport small{font-size:10px}.shop-total{padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e8e2ed}.shop-total>span{font-size:12px;color:#85768f}.shop-total>strong{font-size:34px;letter-spacing:-1px;font-family:Arial,'Microsoft YaHei',sans-serif}.shop-period{font-size:11px;color:#877790;line-height:1.8;margin-bottom:20px}.shop-identity{font-size:11px;background:#f5f2fa;padding:12px;border-radius:9px;line-height:1.8;color:#7e6b8d;overflow-wrap:anywhere}.shop-login{font-size:12px;display:block;text-align:center;margin-top:18px;color:#6743a9;text-decoration:underline}.shop-pay{border:0;width:100%;background:#6541df;color:#fff;border-radius:27px;text-align:center;display:block;padding:15px 20px;font-weight:600;font-size:13px;margin-top:20px}.shop-pay:disabled{cursor:default;background:#e7e0f3;color:#8a78a7}.shop-payment-note{text-align:center;font-size:10px;color:#91849f;line-height:1.9;margin-top:14px}.shop-back{display:inline-block;color:#7a5a9e;font-size:12px;margin:25px 0 5px}.shop-together{position:relative;overflow:hidden;border-radius:16px;height:310px;margin:35px 0}.shop-together img{width:100%;height:100%;object-fit:cover}.shop-together:after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#090b30c9,transparent)}.shop-together>div{position:absolute;z-index:1;left:28px;bottom:28px;color:white}.shop-together span{font:9px Arial;letter-spacing:2px}.shop-together h3{font-size:28px;line-height:1.35;margin-top:15px}.shop-questions{padding-top:20px}.shop-questions>h3{font-size:20px;margin-bottom:20px}.shop-questions details{border-bottom:1px solid #dfd8e6}.shop-questions summary{cursor:pointer;list-style:none;font-size:13px;display:flex;justify-content:space-between;gap:20px;padding:22px 0}.shop-questions summary span{color:#9875bc}.shop-questions details p{font-size:12px;color:#7d6f88;padding:0 0 22px;line-height:2}.shop-footer{border-top:1px solid #ded8e4;display:flex;justify-content:space-between;align-items:center;padding:32px 6vw;font-size:11px;color:#8c7d98}.shop-footer img{width:110px;mix-blend-mode:multiply}.shop-course-layout{padding-top:38px}.shop-course-layout .shop-story>.shop-kicker{margin-top:30px}.shop-course-layout h1{font-size:46px;line-height:1.35;letter-spacing:-2px;margin:15px 0 20px}.shop-course-art{min-height:300px;border-radius:18px;background:#e6e0f4;overflow:hidden;margin-top:30px;padding:32px;position:relative;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.shop-course-art>span{font-size:32px;line-height:1.4;font-weight:700;color:#644694}.shop-course-art b{position:absolute;font:200px Arial;right:-10px;top:35px;color:#bca8dd;z-index:-1;transform:rotate(15deg);font-weight:400}.shop-course-art small{font:9px Arial;letter-spacing:1.5px;color:#9a80bc;margin-top:35px}.shop-course-art:has(img){padding:0}.shop-course-art img{width:100%;max-height:390px;object-fit:cover}.shop-course-facts{display:flex;gap:17px;flex-wrap:wrap;font-size:11px;color:#887798;padding:25px 0;margin-bottom:25px;border-bottom:1px solid #ded8e4}.shop-syllabus{margin-top:27px}.shop-syllabus>div{display:grid;grid-template-columns:25px 1fr auto;gap:16px;align-items:center;border-bottom:1px solid #e3ddea;padding:22px 0}.shop-syllabus span{font:11px Arial;color:#9672c1}.shop-syllabus strong{font-size:14px;font-weight:500;line-height:1.7}.shop-syllabus small{font-size:10px;color:#9785a6}.shop-syllabus>p{font-size:13px;color:#887798;padding:20px 0}.shop-course-note{background:#ebe6dd;border-radius:17px;padding:28px;margin-top:40px}.shop-course-note h3{font-size:20px;margin-bottom:12px}.shop-course-note p{font-size:12px;color:#7f7183;line-height:2}.shop-course-note a{display:inline-block;margin-top:15px;font-size:12px;color:#775496}.shop-price-line{display:flex;justify-content:space-between;gap:15px;padding:15px 0;font-size:13px}.shop-price-line strong{font-size:19px}.shop-price-line.member{background:#efe8fc;color:#7546bc;padding:15px;border-radius:10px;margin:5px -4px}.shop-price-help{font-size:10px;color:#9a87aa;margin:15px 0 25px}.shop-membership-link{display:block;padding:20px;background:#f4f0f9;border-radius:14px;margin-top:25px}.shop-membership-link span,.shop-membership-link small{display:block;font-size:10px;color:#9a84b0}.shop-membership-link strong{display:block;font-size:17px;color:#78549f;margin:10px 0}.shop-error{min-height:65vh;display:grid;place-content:center;text-align:center;gap:20px;padding:30px}.shop-error>span{font-size:60px;color:#9d7acc}.shop-error h1{font-size:27px}.shop-error p{color:#897594}
@media(max-width:1000px){.shop-layout{gap:32px;padding-left:30px;padding-right:30px;grid-template-columns:minmax(0,1fr) 310px}.shop-membership-intro{padding-left:30px}.shop-story h2{font-size:28px}.shop-course-layout h1{font-size:37px}}
@media(max-width:767px){.shop-header{height:65px;padding:0 20px;gap:15px}.shop-header img{width:105px}.shop-header nav{display:none}.shop-header>a:last-child{font-size:11px}.shop-membership-intro{padding:35px 22px 38px;min-height:410px;background:#eae4f8}.shop-membership-intro h1{font-size:42px;letter-spacing:-2px;line-height:1.22;max-width:300px;margin:25px 0}.shop-membership-intro>p:last-of-type{font-size:12px;max-width:220px;position:relative;z-index:1}.shop-hand{width:70%;opacity:.45}.shop-hand:after{background:linear-gradient(90deg,#eae4f8,transparent 80%),linear-gradient(0deg,#eae4f8,transparent 60%)}.shop-intro-sign{display:none}.shop-layout{padding:34px 20px 40px;grid-template-columns:1fr;gap:30px}.shop-layout .shop-summary{grid-row:1;position:static;padding:23px;border-radius:20px}.shop-summary .shop-passport{min-height:130px;margin:20px 0}.shop-passport h2{margin:12px 0 20px;font-size:24px}.shop-passport b{top:15px;font-size:80px}.shop-total{padding:19px 0}.shop-period{font-size:11px}.shop-payment-note{font-size:11px}.shop-story h2{font-size:27px}.shop-benefits article{gap:14px;grid-template-columns:20px 1fr 25px;padding:24px 0}.shop-benefits h3{font-size:19px}.shop-benefits p{font-size:12px}.shop-benefits i{font-size:27px}.shop-benefits{margin:25px 0}.shop-together{height:240px;margin:28px 0}.shop-questions summary{font-size:12px}.shop-footer{padding:28px 22px;gap:25px;align-items:flex-start}.shop-footer img{width:85px}.shop-footer span{font-size:9px;max-width:145px;line-height:1.8}.shop-course-layout .shop-story{display:contents}.shop-course-layout .shop-story>.shop-back,.shop-course-layout .shop-story>.shop-kicker,.shop-course-layout .shop-story>h1,.shop-course-layout .shop-story>.shop-lead{display:none}.shop-course-layout .shop-summary{margin-bottom:0}.shop-course-layout .shop-course-art{display:none}.shop-course-layout{gap:15px}.shop-course-facts{margin-bottom:12px;padding:15px 0;font-size:10px}.shop-course-layout h2{font-size:24px;margin:10px 0}.shop-course-note{margin-top:20px;padding:23px}.shop-syllabus{margin-top:0}.shop-syllabus>div{grid-template-columns:22px 1fr;gap:7px 12px;padding:18px 0}.shop-syllabus small{grid-column:2}.shop-layout.shop-course-layout .shop-summary>h2{font-size:26px;line-height:1.5;margin-bottom:20px}.course-pricing{margin-top:10px}.shop-benefits p,.shop-lead,.shop-course-note p{color:#71647c}.shop-pay{min-height:48px}.shop-questions summary{min-height:56px}}
@media(prefers-reduced-motion:reduce){.banner-slide{scroll-behavior:auto}}