@charset "UTF-8";
:root{--bg:#f7f7fa;--paper:#fff;--ink:#252333;--muted:#858290;--line:#ecebf1;--purple:#7053e8;--purple-dark:#5034be;--lavender:#efebff;--peach:#fff0e4;--mint:#e8f4ec;--radius:22px;--shadow:0 14px 42px #26213908;--font:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}svg{flex-shrink:0}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ac96ff;outline-offset:4px}button,a{touch-action:manipulation}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.35}h1{font-weight:750}h2{font-size:25px;font-weight:730}h3{font-size:18px;font-weight:700}ul,ol{padding:0;margin:0;list-style:none}button{border:0;background:none}small{font-size:12px}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.skip-link{position:fixed;left:20px;top:-100px;background:var(--ink);color:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}.shell{max-width:1240px;margin:auto;padding:0 44px}.header{height:82px;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{height:100%;display:flex;align-items:center;gap:54px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-mark{width:33px;height:33px}.brand span{font-size:10px;letter-spacing:1.2px;color:var(--purple);font-weight:750;background:var(--lavender);border-radius:5px;padding:3px 5px;margin-left:-4px}.desktop-nav{align-self:stretch;display:flex;align-items:stretch;gap:34px}.desktop-nav a{display:flex;align-items:center;position:relative;color:#8b8795;font-weight:600;white-space:nowrap}.desktop-nav a.active{color:var(--ink)}.desktop-nav a.active:after{content:"";position:absolute;height:3px;background:var(--purple);left:30%;right:30%;bottom:18px;border-radius:3px}.header-end{margin-left:auto;display:flex;align-items:center;gap:15px}.demo-tag{font-size:10px;letter-spacing:.06em;border:1px solid #e4ddef;color:#8c7ba1;padding:3px 8px;border-radius:5px;white-space:nowrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:transparent;font-size:27px;line-height:1}.icon-button:hover{background:var(--lavender)}.avatar{height:34px;width:34px;display:inline-flex;align-items:center;justify-content:center;background:#e9e2fd;color:#7a57cb;border:3px solid #fff;border-radius:50%;font-size:13px;font-weight:700}.mobile-nav{display:none}.main{min-height:65vh;padding-top:32px;padding-bottom:64px}.main:focus{outline:0}.footer{border-top:1px solid var(--line);padding:30px 0 34px;color:#9995a3;font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-brand{font-size:14px;color:#74707f;font-weight:700}.footer-links{display:flex;align-items:center;gap:20px}.hero{position:relative;overflow:hidden;isolation:isolate;min-height:423px;border-radius:28px;background:#eeebf9;display:grid;grid-template-columns:1.03fr 1fr}.hero-copy{position:relative;z-index:2;padding:48px 0 42px 44px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--purple);margin-bottom:17px}.dot{width:6px;height:6px;background:currentColor;border-radius:50%;display:inline-block;flex-shrink:0}.hero h1{font-size:46px;line-height:1.32;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--purple)}.hero p{font-size:14px;line-height:1.95;color:#82788e;max-width:325px;margin-top:19px}.hero-actions{display:flex;gap:12px;margin-top:27px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 20px;border-radius:11px;background:var(--purple);color:white;font-size:13px;font-weight:650;line-height:1.5;transition:background .18s,transform .18s;white-space:nowrap}.button:hover{background:#5f42d5;transform:translateY(-1px)}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.secondary:hover{background:#faf8ff;border-color:#d8cff4}.button.ghost{background:transparent;color:var(--purple);border:1px solid #dcd3f8}.button.dark{background:var(--ink)}.button.small{min-height:36px;padding:8px 13px;font-size:12px;border-radius:9px}.button.soft{background:var(--lavender);color:var(--purple)}.button.wide{width:100%}.hero-art{align-self:center;position:relative;z-index:1;margin:0 -10px 0 -35px}.hero-art img{width:100%;height:412px;object-fit:contain}.hero-foot{display:flex;gap:18px;margin-top:26px;font-size:11px;color:#978ca5}.hero-foot span{display:flex;gap:5px;align-items:center}.hero-foot .icon{width:13px;height:13px}.section{margin-top:37px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:19px}.section-head h2{font-size:23px}.section-head p{font-size:12px;color:var(--muted);margin-top:5px}.text-link{display:inline-flex;align-items:center;gap:6px;color:#96909f;font-size:12px;white-space:nowrap}.text-link .icon{height:15px;width:15px}.text-link:hover{color:var(--purple)}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{position:relative;border-radius:18px;padding:24px 25px;background:white;border:1px solid var(--line);display:flex;align-items:center;gap:17px;overflow:hidden;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#dcd4ef}.tool-logo{height:52px;width:52px;background:#2d273e;color:white;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:27px;flex-shrink:0;font-weight:800;letter-spacing:-2px}.tool-logo.peach{background:#ffede2;color:#c86e41}.tool-logo .icon{width:30px;height:30px}.tool-card-copy{min-width:0;flex:1}.tool-card h3{font-size:20px;margin-bottom:4px}.tool-card p{color:var(--muted);font-size:12px}.tool-card .tool-hint{margin-top:10px;color:#aaa3b2;display:flex;gap:7px;align-items:center;font-size:10px}.tool-arrow{color:#9a91a5;align-self:flex-start}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:#fff;border-radius:19px;overflow:hidden;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.course-cover{position:relative;aspect-ratio:1.85;overflow:hidden;background:#eae5f6}.course-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.course-card:hover .course-cover img{transform:scale(1.04)}.cover-label{position:absolute;left:14px;top:13px;font-size:10px;font-weight:600;color:#fff;background:#21163145;backdrop-filter:blur(8px);border:1px solid #ffffff25;padding:3px 8px;border-radius:5px}.cover-duration{position:absolute;right:12px;bottom:12px;font-size:10px;color:white;background:#201c3280;padding:2px 7px;border-radius:4px}.course-body{padding:18px 19px}.course-category{color:#998cae;font-size:10px;margin-bottom:7px;letter-spacing:.04em}.course-body h3{font-size:17px;line-height:1.55;min-height:26px;margin-bottom:14px}.course-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);gap:10px}.teacher{display:flex;align-items:center;gap:7px}.teacher .avatar{width:24px;height:24px;font-size:10px;border:0}.level{color:#9c94a8;font-size:10px;background:#f6f4f9;padding:3px 8px;border-radius:4px}.live-event-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:20px}.live-home-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.live-badge{display:inline-flex;align-items:center;gap:6px;color:#d17a58;background:#fff1e9;padding:4px 8px;font-size:10px;border-radius:5px;font-weight:650}.live-badge.upcoming{background:var(--lavender);color:var(--purple)}.live-badge.ended{background:#eff2f1;color:#7c8980}.live-home-card h3{font-size:22px;line-height:1.5;margin-top:15px;max-width:290px}.live-home-card p{font-size:12px;color:var(--muted);margin:11px 0 19px}.live-home-card .text-link{margin-top:auto;color:var(--purple)}.live-home-card .teacher{margin-bottom:18px;color:#8b8495;font-size:12px}.event-banner{background:#292240;border-radius:20px;position:relative;overflow:hidden;min-height:260px;display:flex;align-items:center}.event-banner img{position:absolute;height:100%;width:100%;object-fit:cover;opacity:.65}.event-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#2b2343f0 0%,#2b234345 90%)}.event-banner-content{position:relative;z-index:1;padding:28px;color:white;max-width:340px}.event-banner .eyebrow{color:#beb0df;font-size:9px}.event-banner h3{font-size:26px;line-height:1.5}.event-banner p{font-size:12px;line-height:1.9;color:#b9aecb;margin-top:9px}.event-banner .text-link{color:#e0d2fa;margin-top:22px}.home-bottom{display:flex;align-items:center;justify-content:center;gap:10px;color:#aba4b5;font-size:11px;margin-top:37px}.home-bottom .icon{width:15px;height:15px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:9px 0 28px}.page-heading h1{font-size:34px}.page-heading p{color:var(--muted);font-size:13px;margin-top:10px;max-width:650px;line-height:1.9}.page-heading .eyebrow{font-size:10px;margin-bottom:10px}.note{display:flex;align-items:flex-start;gap:8px;border-radius:10px;background:#f0edf6;color:#92879f;font-size:11px;line-height:1.8;padding:11px 14px}.note .icon{width:15px;height:15px;margin-top:3px}.note.inline{background:none;padding:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.tabs{display:flex;gap:6px;background:#edeaf2;padding:5px;border-radius:11px;width:max-content;max-width:100%;overflow-x:auto}.tab{white-space:nowrap;padding:8px 22px;color:#97909f;border-radius:8px;font-size:13px;line-height:1.6}.tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #2b204609;font-weight:600}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.chip{padding:6px 13px;border-radius:6px;font-size:11px;color:#8b8297;border:1px solid var(--line);background:white}.chip.active{background:var(--lavender);border-color:#ddd3fa;color:var(--purple)}.learning-event{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;background:#eee9fb;border-radius:13px;margin-top:30px;gap:15px}.learning-event h3{font-size:15px}.learning-event p{font-size:12px;color:#9b90ae;margin-top:3px}.learning-event a{flex-shrink:0}.back-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#9b93a5;margin:0 0 25px}.back-link .icon{height:15px;width:15px}.detail-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;margin-bottom:32px}.detail-hero h1{font-size:36px;line-height:1.45}.detail-hero .description{color:#8d8498;font-size:14px;line-height:1.95;margin:15px 0 20px}.detail-cover{aspect-ratio:1.5;border-radius:22px;overflow:hidden;position:relative}.detail-cover img{height:100%;width:100%;object-fit:cover}.detail-meta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;font-size:12px;color:#9b92a6;margin-bottom:23px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-actions .saved{color:var(--purple);background:var(--lavender);border-color:#dfd5f9}.split-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.85fr);gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.panel+.panel{margin-top:22px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.panel-title h2{font-size:19px}.panel-title small{color:var(--muted)}.takeaways{display:grid;gap:14px}.takeaways li{display:flex;align-items:flex-start;gap:10px;color:#817789;font-size:13px}.takeaways .icon{width:16px;height:16px;color:var(--purple);margin-top:3px}.chapter-list{display:flex;flex-direction:column;gap:5px}.chapter{display:flex;align-items:center;gap:13px;padding:13px 10px;border-radius:9px;font-size:13px}.chapter:hover,.chapter.active{background:#f3efff}.chapter.active{color:var(--purple)}.chapter .number{width:26px;height:26px;background:#f4f2f7;color:#aaa1b6;border-radius:7px;display:flex;justify-content:center;align-items:center;font-size:10px;flex-shrink:0}.chapter.active .number{background:#e6dcff;color:var(--purple)}.chapter .chapter-title{flex:1}.chapter time{font-size:11px;color:#aaa1b6;white-space:nowrap}.chapter .icon{height:15px;width:15px}.teacher-profile{display:flex;gap:12px;align-items:center;margin-bottom:17px}.teacher-profile .avatar{height:45px;width:45px;border:0;font-size:18px}.teacher-profile strong{display:block;font-size:15px}.teacher-profile p{color:#9c93a7;font-size:11px;margin-top:3px}.side-text{font-size:12px;color:#9b91a6;line-height:1.9;margin-bottom:19px}.related-tool{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#faf9fc}.related-tool .tool-logo{height:36px;width:36px;font-size:20px;border-radius:10px}.related-tool .tool-logo .icon{height:21px;width:21px}.related-tool strong{font-size:14px;display:block}.related-tool small{display:block;font-size:10px;color:#9b91a6}.related-tool>.icon{margin-left:auto;color:#9b91a6;width:15px;height:15px}.tool-detail-top{display:flex;align-items:center;gap:17px;margin-bottom:20px}.tool-detail-top .tool-logo{width:65px;height:65px;font-size:36px;border-radius:18px}.tool-detail-top h1{font-size:36px}.tool-detail-top p{font-size:12px;color:#9c91a8}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-item{border:1px solid var(--line);background:white;padding:24px;border-radius:17px}.feature-item .feature-number{font-size:11px;color:#aa9cbe;margin-bottom:20px;display:block;letter-spacing:.12em}.feature-item h3{font-size:16px;margin-bottom:10px}.feature-item p{color:#92879e;font-size:12px;line-height:1.85}.tool-large-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.tool-large-card-top{position:relative;aspect-ratio:2.15;overflow:hidden}.tool-large-card-top img{width:100%;height:100%;object-fit:cover}.tool-large-card-content{padding:25px}.tool-large-card .tool-title-row{display:flex;align-items:center;gap:12px;margin-top:-47px;position:relative;margin-bottom:18px}.tool-large-card .tool-logo{border:4px solid white;width:62px;height:62px;border-radius:17px}.tool-large-card h2{font-size:23px;margin-top:29px}.tool-large-card-content p{color:#93889f;font-size:13px;min-height:45px}.tool-large-card .detail-actions{margin-top:23px}.tool-mini-features{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.tool-mini-features span{font-size:10px;background:#f4f2f8;padding:4px 9px;color:#9a8eaa;border-radius:5px}.case-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:25px;background:white;border:1px solid var(--line);border-radius:20px}.case-panel img{aspect-ratio:1.6;object-fit:cover;border-radius:12px;width:100%}.case-panel h3{font-size:25px;margin-bottom:15px}.case-panel p{color:#978ba3;font-size:13px;line-height:1.9;margin-bottom:19px}.class-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:23px;align-items:start}.lesson-screen{aspect-ratio:16/9;min-height:260px;position:relative;overflow:hidden;background:#29213b;border-radius:18px;color:white;display:flex;justify-content:center;align-items:center;text-align:center}.lesson-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.lesson-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#211b3ec4,transparent 80%);pointer-events:none}.lesson-screen-content{position:relative;z-index:2;padding:28px;width:100%}.lesson-screen .mode-label{display:inline-block;color:#e6d9fb;border:1px solid #ffffff30;border-radius:5px;padding:3px 9px;font-size:10px;margin-bottom:15px;background:#39284e80}.lesson-screen h2{font-size:26px;margin-bottom:15px}.play-button{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#ffffffed;color:var(--purple);margin-top:5px}.play-button .icon{width:22px;height:22px;fill:currentColor;stroke-width:0}.lesson-screen p{font-size:11px;color:#e0d4ed;margin-top:12px}.player-footer{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;gap:10px;align-items:center;padding:11px 16px;font-size:9px;color:#d5c7e6}.player-line{height:3px;background:#ffffff40;flex:1;border-radius:4px}.lesson-preview{text-align:left;max-width:570px;margin:auto}.lesson-preview h2{font-size:21px}.lesson-preview li{font-size:12px;line-height:1.8;margin-top:8px;display:flex;gap:8px}.lesson-preview .icon{width:14px;height:14px;margin-top:3px}.lesson-preview .text-link{color:white;justify-content:center;margin-top:14px;font-size:11px}.class-info{margin-top:22px}.class-info h1{font-size:24px}.class-info>p{font-size:13px;line-height:1.9;color:#9a8fa6;margin:11px 0 22px}.class-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:21px}.class-sidebar{position:sticky;top:103px}.class-sidebar h2{font-size:17px}.class-sidebar .chapter{padding:12px 7px;font-size:12px;gap:9px}.class-sidebar .panel{padding:20px}.progress-track{height:5px;background:#f0ecf7;border-radius:5px;margin:11px 0 20px;overflow:hidden}.progress-track i{height:100%;background:var(--purple);display:block;border-radius:5px}.live-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.live-card-image{position:relative;aspect-ratio:1.85;overflow:hidden}.live-card-image img{width:100%;height:100%;object-fit:cover}.live-card-image .live-badge{position:absolute;left:13px;top:13px}.live-card-body{padding:19px}.live-card h3{font-size:18px;line-height:1.6;margin-bottom:12px}.live-card-body p{color:#a198ac;font-size:12px;line-height:1.8;margin-top:11px}.live-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px;color:#998da7}.timeline{position:relative;display:grid;gap:0}.timeline-item{position:relative;display:flex;gap:18px;padding-bottom:25px}.timeline-item:last-child{padding-bottom:0}.timeline-number{position:relative;z-index:1;flex-shrink:0;width:29px;height:29px;border-radius:50%;background:#f1ebff;color:#9271d5;text-align:center;line-height:29px;font-size:10px}.timeline-item:not(:last-child):before{content:"";position:absolute;top:29px;left:14px;bottom:0;border-left:1px solid #ebe4f7}.timeline h3{font-size:15px;margin-bottom:6px;margin-top:3px}.timeline p{font-size:12px;color:#9d91a9;line-height:1.8}.timeline small{color:#ab9db9;font-size:10px;display:block;margin-top:7px}.event-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;min-height:350px;background:#29203e;color:white;display:flex;align-items:center;margin-bottom:25px}.event-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.64;z-index:-2}.event-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#2b2348f0,#2b23482a);z-index:-1}.event-hero-copy{padding:39px;max-width:640px}.event-hero .eyebrow{color:#d0b9ef}.event-hero h1{font-size:38px;line-height:1.4}.event-hero p{color:#cab9da;font-size:13px;line-height:1.9;max-width:420px;margin-top:14px}.event-hero .detail-actions{margin-top:25px}.event-features{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap}.event-features span{color:#bda9d3;font-size:10px;display:flex;align-items:center;gap:5px}.event-features .icon{width:13px;height:13px}.event-track-title{font-size:17px;margin:22px 0}.profile-banner{display:flex;align-items:center;gap:22px;padding:32px;background:linear-gradient(115deg,#f0ebfb,#faf8ff);border:1px solid #e9e2f4;border-radius:22px}.profile-banner .avatar{width:70px;height:70px;border:5px solid #fff;font-size:25px;background:#dcd0f9}.profile-banner h1{font-size:27px;margin-bottom:6px}.profile-banner p{font-size:12px;color:#9d91ad;margin-top:7px}.profile-banner .button{margin-left:auto}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;background:white;border:1px solid var(--line);border-radius:17px;padding:23px}.profile-stat{text-align:center;border-right:1px solid var(--line)}.profile-stat:last-child{border-right:0}.profile-stat strong{font-size:25px;font-weight:700;display:block;letter-spacing:-1px}.profile-stat span{font-size:11px;color:#a196ad}.shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.shortcut{background:white;border:1px solid var(--line);border-radius:16px;padding:23px;display:flex;gap:13px;align-items:center;transition:transform .2s}.shortcut:hover{transform:translateY(-2px)}.shortcut-icon{height:42px;width:42px;border-radius:12px;background:var(--lavender);color:var(--purple);display:flex;align-items:center;justify-content:center;flex-shrink:0}.shortcut-icon.peach{background:var(--peach);color:#cc8b61}.shortcut-icon.mint{background:var(--mint);color:#66a581}.shortcut h3{font-size:15px}.shortcut p{font-size:10px;color:#a397ad;margin-top:4px}.shortcut>.icon{margin-left:auto;color:#beb5c6;width:15px;height:15px}.empty{background:white;border:1px dashed #ded6e9;border-radius:16px;padding:40px 20px;text-align:center}.empty-icon{color:#baabcf;display:flex;justify-content:center;margin-bottom:10px}.empty-icon .icon{height:30px;width:30px}.empty h3{font-size:16px;margin-bottom:7px}.empty p{font-size:12px;color:#a194af;line-height:1.9;max-width:360px;margin:0 auto 17px}.study-row{display:flex;gap:19px;align-items:center;background:white;border:1px solid var(--line);border-radius:15px;padding:16px;margin-bottom:12px}.study-row>img{width:126px;height:79px;object-fit:cover;border-radius:9px}.study-row-content{flex:1;min-width:0}.study-row h3{font-size:15px}.study-row p{font-size:11px;color:#a397af;margin-top:6px}.study-row .progress-track{margin:10px 0 0;max-width:260px;height:4px}.activity-record{display:flex;align-items:center;gap:17px;padding:20px;border:1px solid var(--line);background:white;border-radius:13px;margin-bottom:12px}.activity-record h3{font-size:15px}.activity-record p{font-size:11px;color:#a092ad;margin-top:5px}.activity-record>.text-link{margin-left:auto}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.metric{padding:26px;border-radius:17px;border:1px solid var(--line);background:white}.metric.primary{background:#eee8fd;border-color:#e3daf9}.metric-label{font-size:12px;color:#9d90ab;display:flex;align-items:center;gap:7px}.metric strong{display:block;font-size:32px;letter-spacing:-1.1px;margin:9px 0 6px;font-weight:730}.metric.primary strong{color:var(--purple)}.metric small{color:#b1a5be;font-size:10px}.data-filter{display:flex;align-items:center;gap:12px;font-size:12px;color:#a092ad}.data-filter select{border:1px solid #e7dfef;background:white;color:#7e708f;border-radius:8px;padding:8px 29px 8px 12px;max-width:240px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;color:#aa9bb8;font-weight:500;font-size:11px;padding:0 14px 15px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:20px 14px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table th:first-child,.data-table td:first-child{padding-left:0}.data-table th:last-child,.data-table td:last-child{padding-right:0}.work-name{display:flex;align-items:center;gap:11px}.work-name img{width:49px;height:38px;object-fit:cover;border-radius:7px;flex-shrink:0}.work-name strong{font-size:12px;font-weight:600;display:block}.work-name small{display:block;color:#af9fbc;font-size:10px;margin-top:3px}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.money.purple{color:var(--purple);font-weight:650}.status-pill{font-size:9px;padding:4px 7px;border-radius:4px;background:#f0f5f1;color:#87a08d;white-space:nowrap}.status-pill.pending{background:#fff3e8;color:#c5a078}.chart-row{display:flex;align-items:center;gap:16px;margin-bottom:17px;font-size:12px}.chart-row:last-child{margin-bottom:0}.chart-row-label{width:110px;font-size:11px;color:#9b8ba9;flex-shrink:0}.chart-bar{background:#f2edf7;border-radius:5px;flex:1;height:12px;overflow:hidden}.chart-bar>span{display:block;height:100%;border-radius:5px;background:#ac93e5}.chart-value{width:70px;text-align:right;font-size:11px}.balance-caption{font-size:12px;color:#9b8ba9;line-height:1.9}.balance-caption strong{display:block;font-size:29px;color:var(--ink);margin-top:9px}.usage-list{display:grid;gap:13px}.usage-row{padding:19px;background:#faf9fc;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:14px}.usage-row .shortcut-icon{height:36px;width:36px;border-radius:9px}.usage-row-main{flex:1}.usage-row h3{font-size:13px}.usage-row p{font-size:10px;color:#aa9bb8;margin-top:4px}.usage-row-end{text-align:right;font-size:14px}.usage-row-end small{font-size:10px;color:#b0a1bb;display:block;margin-top:2px}.channel-card{background:white;border:1px solid var(--line);border-radius:18px;padding:25px;display:flex;flex-direction:column}.channel-card .shortcut-icon{margin-bottom:22px;height:49px;width:49px}.channel-card h2{font-size:20px;margin-bottom:11px}.channel-card p{font-size:12px;line-height:1.9;color:#a092ad;flex:1}.channel-card .tool-mini-features{margin:19px 0}.channel-card .text-link{color:var(--purple);margin-top:6px}.breadcrumbs{font-size:10px;letter-spacing:.06em;color:#a598b3;margin-bottom:12px}.info-dialog,.search-dialog{border:1px solid var(--line);border-radius:21px;background:white;color:var(--ink);padding:26px;max-width:min(560px,calc(100vw - 32px));width:560px;box-shadow:0 30px 120px #1f133b33;max-height:85dvh;overflow:auto}.search-dialog{margin-top:15vh;padding:25px}.info-dialog::backdrop,.search-dialog::backdrop{background:#25203866;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px}.dialog-head h2{font-size:21px}.dialog-body{font-size:13px;color:#94869f;line-height:1.9}.dialog-body p{margin-bottom:14px}.dialog-body ul{display:grid;gap:11px}.dialog-actions{display:flex;justify-content:flex-end;gap:11px;margin-top:25px}.search-field{display:flex;align-items:center;gap:11px;background:#f6f3fa;border:1px solid #ede6f4;border-radius:11px;padding:9px 13px}.search-field span{font-size:25px;line-height:1;color:#9c8ab2}.search-field input{width:100%;background:none;outline:none;border:0;color:var(--ink);font-size:13px;padding:4px 0;min-width:0}.search-field input::placeholder{color:#b0a3bc}.search-results{display:grid;gap:6px;margin-top:17px}.search-result{display:flex;gap:11px;align-items:center;padding:12px 9px;border-radius:8px}.search-result:hover{background:var(--lavender)}.search-result strong{font-size:13px;display:block}.search-result small{font-size:10px;color:#ac9db9;display:block}.search-result>.icon{color:#ac96cb;margin-right:4px}.search-empty{padding:26px 10px;text-align:center;font-size:12px;color:#a694b4}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#2b243e;color:#f6f1fc;border-radius:11px;padding:12px 22px;z-index:100;font-size:12px;max-width:calc(100% - 32px);text-align:center;box-shadow:0 8px 25px #30213d24;transition:opacity .2s,transform .2s}.toast.visible{transform:translate(-50%,0);opacity:1}.noscript{padding:30px;text-align:center}.fade-in{animation:enter .28s ease-out}@keyframes enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1400px){.shell{max-width:1320px}.hero{min-height:440px}.hero h1{font-size:51px}.hero-art img{height:435px}.course-cover{aspect-ratio:1.9}}
@media(max-width:1050px){.shell{padding:0 28px}.header-inner{gap:35px}.desktop-nav{gap:24px}.hero-copy{padding:40px 0 35px 30px}.hero h1{font-size:38px}.hero{min-height:380px}.hero-art img{height:365px}.hero-foot{gap:10px}.detail-hero{gap:26px}.detail-hero h1{font-size:30px}.class-layout{grid-template-columns:minmax(0,1fr) 275px}.lesson-screen h2{font-size:22px}.metric strong{font-size:28px}.shortcut{padding:18px 15px;gap:10px}.shortcut>.icon{display:none}.tool-card{padding:22px 20px}.data-table td,.data-table th{padding-left:8px;padding-right:8px}}
@media(max-width:760px){html{scroll-padding-top:80px}.shell{padding:0 20px}.header{height:65px}.header-inner{gap:12px}.brand{font-size:21px;gap:8px}.brand-mark{width:29px;height:29px}.brand span{font-size:9px;padding:2px 4px}.desktop-nav{display:none}.header-end{gap:6px}.header-end>.avatar{display:none}.demo-tag{font-size:9px;padding:2px 6px}.header-end .icon-button{height:33px;width:33px}.header-end .icon{height:18px;width:18px}.main{padding-top:20px;padding-bottom:35px}.footer{padding:22px 0 calc(94px + env(safe-area-inset-bottom))}.footer-inner{display:block;text-align:center}.footer-links{justify-content:center;gap:13px;margin-top:9px;flex-wrap:wrap;font-size:9px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#ffffffef;backdrop-filter:blur(20px);border-top:1px solid #eee9f4;height:calc(66px + env(safe-area-inset-bottom));padding:4px 15px calc(4px + env(safe-area-inset-bottom));z-index:40;justify-content:space-around}.mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#b2a9bc;font-size:9px;min-width:65px;border-radius:12px;position:relative}.mobile-nav a .icon{width:21px;height:21px}.mobile-nav a.active{color:var(--purple)}.mobile-nav a.active:before{content:"";position:absolute;top:1px;height:2px;width:18px;border-radius:4px;background:var(--purple)}.mobile-nav a.active .icon{stroke-width:2.1}.hero{grid-template-columns:1fr;border-radius:21px;min-height:0}.hero-copy{padding:28px 26px 0}.hero .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:15px}.hero h1{font-size:36px;line-height:1.37;letter-spacing:-1.5px}.hero p{font-size:12px;max-width:260px;line-height:1.9;margin-top:14px}.hero-actions{margin-top:21px;gap:9px}.button{font-size:12px;min-height:43px;padding:11px 16px}.button .icon{width:17px;height:17px}.hero-foot{display:none}.hero-art{margin:-2px -2px -15px 18px;height:225px}.hero-art img{height:253px;object-fit:contain}.section{margin-top:29px}.section-head{margin-bottom:15px;gap:8px}.section-head h2{font-size:20px}.section-head p{font-size:10px;margin-top:4px}.text-link{font-size:10px;gap:3px}.text-link .icon{width:13px;height:13px}.tools-grid{gap:12px}.tool-card{display:block;padding:18px 15px;border-radius:15px}.tool-card>.tool-logo{width:39px;height:39px;font-size:22px;border-radius:11px;margin-bottom:13px}.tool-card>.tool-logo .icon{width:24px;height:24px}.tool-card h3{font-size:17px;margin-bottom:5px}.tool-card p{font-size:10px;line-height:1.8}.tool-card .tool-hint{font-size:9px;margin-top:9px}.tool-card .tool-arrow{position:absolute;right:14px;top:19px;width:15px;height:15px}.course-grid{grid-template-columns:1fr;gap:15px}.course-card{border-radius:16px}.course-cover{aspect-ratio:1.9}.course-body{padding:17px 18px}.course-body h3{font-size:17px;min-height:0}.course-bottom{font-size:11px}.course-category{font-size:10px}.home-courses .course-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:stretch;border-radius:13px;min-height:125px}.home-courses .course-cover{height:100%;aspect-ratio:auto}.home-courses .course-cover img{object-fit:cover}.home-courses .cover-label{display:none}.home-courses .cover-duration{font-size:8px;bottom:8px;right:7px}.home-courses .course-body{padding:14px 12px}.home-courses .course-category{font-size:9px;margin-bottom:5px}.home-courses .course-body h3{font-size:14px;line-height:1.5;margin-bottom:10px}.home-courses .course-bottom{font-size:9px}.home-courses .level{font-size:8px;padding:2px 5px}.home-courses .teacher .avatar{width:20px;height:20px;font-size:8px}.live-event-grid{grid-template-columns:1fr;gap:15px}.live-home-card{padding:22px}.live-home-card h3{font-size:20px;max-width:100%}.live-home-card p{font-size:11px;margin:10px 0 15px}.live-home-card .teacher{font-size:11px;margin-bottom:15px}.event-banner{min-height:240px}.event-banner-content{padding:25px;max-width:300px}.event-banner h3{font-size:25px}.home-bottom{font-size:10px;gap:7px;margin-top:26px}.page-heading{margin:7px 0 22px;gap:9px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px;line-height:1.9;margin-top:9px}.page-heading .eyebrow{font-size:9px}.toolbar{align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:11px}.toolbar>.note.inline{font-size:10px}.tabs{gap:3px;padding:4px}.tab{font-size:12px;padding:7px 18px}.filter-row{gap:7px;margin-bottom:18px}.chip{padding:5px 10px;font-size:10px}.learning-event{padding:17px;align-items:flex-start;gap:12px}.learning-event h3{font-size:13px}.learning-event p{font-size:10px}.learning-event .text-link{margin-top:3px}.back-link{font-size:11px;margin-bottom:19px}.detail-hero{grid-template-columns:1fr;gap:23px;margin-bottom:23px}.detail-hero h1{font-size:29px;line-height:1.45}.detail-hero .description{font-size:12px;margin:13px 0 17px}.detail-meta{font-size:10px;gap:10px 16px;margin-bottom:18px}.detail-actions{gap:9px}.detail-cover{border-radius:17px;aspect-ratio:1.65}.split-layout{grid-template-columns:1fr;gap:18px}.panel{padding:21px;border-radius:16px}.panel+.panel{margin-top:18px}.panel-title{margin-bottom:19px}.panel-title h2{font-size:17px}.panel-title small{font-size:10px}.takeaways li{font-size:12px}.chapter{font-size:12px;padding:12px 7px;gap:9px}.chapter time{font-size:10px}.teacher-profile strong{font-size:14px}.tool-detail-top .tool-logo{width:56px;height:56px}.tool-detail-top h1{font-size:29px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-item{padding:21px}.feature-item .feature-number{margin-bottom:11px}.feature-item h3{font-size:15px}.feature-item p{font-size:12px}.tool-list{grid-template-columns:1fr}.tool-large-card-top{aspect-ratio:2}.tool-large-card-content{padding:21px}.tool-large-card h2{font-size:21px}.tool-large-card-content p{font-size:12px;min-height:0}.case-panel{grid-template-columns:1fr;gap:21px;padding:18px;border-radius:17px}.case-panel h3{font-size:22px}.case-panel p{font-size:12px;margin-bottom:15px}.class-layout{grid-template-columns:1fr;gap:19px}.lesson-screen{min-height:225px;border-radius:15px;aspect-ratio:1.6}.lesson-screen-content{padding:24px 20px 31px}.lesson-screen h2{font-size:21px}.lesson-screen .mode-label{font-size:9px;margin-bottom:12px}.lesson-screen p{font-size:9px;margin-top:10px}.play-button{width:46px;height:46px;margin-top:0}.class-info{margin-top:20px}.class-info h1{font-size:21px}.class-info>p{font-size:12px;margin-bottom:17px}.class-sidebar{position:static}.class-actions{align-items:stretch;gap:9px}.class-actions .button{font-size:11px;padding:10px 12px;flex:1}.lesson-preview h2{font-size:18px}.lesson-preview li{font-size:11px;margin-top:6px}.lesson-screen.preview-open{aspect-ratio:auto;min-height:300px}.live-card h3{font-size:17px}.live-card-body p{font-size:11px}.event-hero{min-height:340px;border-radius:18px}.event-hero-copy{padding:28px 23px}.event-hero h1{font-size:31px}.event-hero p{font-size:12px}.event-hero .eyebrow{font-size:9px}.event-features{gap:10px;margin-top:20px}.event-features span{font-size:9px}.event-tabs .tab{padding:7px 11px;font-size:10px}.event-track-title{font-size:15px}.timeline h3{font-size:14px}.timeline p{font-size:11px}.profile-banner{padding:23px 19px;gap:13px;flex-wrap:wrap;border-radius:18px}.profile-banner .avatar{width:54px;height:54px;font-size:20px;border-width:3px}.profile-banner h1{font-size:20px}.profile-banner p{font-size:10px}.profile-banner .button{font-size:10px;min-height:32px;padding:6px 10px;margin:0 0 0 67px}.profile-stats{padding:19px 12px;margin-top:17px;border-radius:14px}.profile-stat strong{font-size:22px}.profile-stat span{font-size:10px}.shortcut-grid{gap:9px;margin-top:17px}.shortcut{display:block;padding:15px 12px;border-radius:13px}.shortcut-icon{height:35px;width:35px;border-radius:10px;margin-bottom:12px}.shortcut-icon .icon{width:18px;height:18px}.shortcut h3{font-size:12px}.shortcut p{font-size:9px;line-height:1.7;margin-top:5px}.study-row{gap:12px;padding:12px;flex-wrap:wrap}.study-row>img{width:85px;height:65px}.study-row h3{font-size:12px}.study-row p{font-size:9px}.study-row .button{margin-left:97px;font-size:10px;min-height:30px;padding:6px 11px}.study-row .progress-track{height:3px;margin-top:8px}.activity-record{padding:16px;gap:12px;align-items:flex-start;flex-wrap:wrap}.activity-record .shortcut-icon{margin:0}.activity-record h3{font-size:13px}.activity-record p{font-size:10px}.activity-record>.text-link{margin:0 0 0 47px}.metric-grid{grid-template-columns:1fr;gap:11px;margin:19px 0}.metric{padding:19px 22px;position:relative;border-radius:14px}.metric strong{font-size:29px;margin:6px 0 3px}.metric small{font-size:9px}.metric-label{font-size:11px}.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric-grid.compact .metric{padding:15px 10px}.metric-grid.compact strong{font-size:21px}.metric-grid.compact .metric-label{font-size:9px}.metric-grid.compact small{font-size:8px}.data-filter{width:100%;justify-content:space-between;font-size:11px}.data-filter select{font-size:11px;max-width:210px}.data-table,.data-table tbody{display:block}.data-table thead{display:none}.data-table tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid var(--line);padding:18px 0}.data-table tr:first-child{padding-top:0}.data-table tr:last-child{border-bottom:0;padding-bottom:0}.data-table td,.data-table td:first-child,.data-table td:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:0;border:0;font-size:12px}.data-table td:before{content:attr(data-label);font-size:9px;color:#ab9bb7}.data-table td:first-child{grid-column:1/-1}.data-table td:first-child:before{display:none}.work-name{gap:10px}.work-name img{width:47px;height:38px}.work-name strong{font-size:12px}.data-table td:last-child .text-link{padding:6px 0}.chart-row{gap:10px}.chart-row-label{font-size:9px;width:90px}.chart-value{font-size:10px;width:60px}.chart-bar{height:9px}.balance-caption{font-size:11px}.balance-caption strong{font-size:26px}.usage-row{padding:15px 13px;gap:10px;align-items:flex-start}.usage-row .shortcut-icon{width:30px;height:30px;margin:0;border-radius:8px}.usage-row h3{font-size:12px}.usage-row p{font-size:9px;line-height:1.8}.usage-row-end{font-size:12px;white-space:nowrap}.usage-row-end small{font-size:9px}.channel-card{padding:22px}.channel-card h2{font-size:19px}.channel-card p{font-size:12px}.channel-card .shortcut-icon{margin-bottom:17px}.search-dialog{margin-top:10vh;padding:20px;max-height:75dvh}.dialog-head h2{font-size:18px}.dialog-body{font-size:12px}.info-dialog{padding:23px}.dialog-actions .button{font-size:12px}.toast{bottom:calc(83px + env(safe-area-inset-bottom));font-size:11px;min-width:200px;padding:11px 16px}.empty{padding:31px 18px}.empty p{font-size:11px}.note{font-size:10px;padding:10px 12px}}
@media(max-width:374px){.shell{padding:0 16px}.hero-copy{padding:25px 22px 0}.hero h1{font-size:33px}.hero-art{height:210px}.hero-art img{height:235px}.hero-actions .button{padding:10px 13px;font-size:11px}.home-courses .course-card{grid-template-columns:98px minmax(0,1fr)}.home-courses .course-body h3{font-size:13px}.home-courses .level{display:none}.header-end{gap:3px}.brand{font-size:20px;gap:6px}.header .demo-tag{font-size:8px}.tool-card{padding:16px 13px}.shortcut-grid{gap:7px}.shortcut{padding:14px 10px}.metric-grid.compact strong{font-size:19px}.event-track-title{font-size:14px}}
.lesson-screen{width:100%;min-width:0}.class-layout>* , .detail-hero>* , .split-layout>*{min-width:0}
/* Partner workspace shares the creator palette and mobile navigation. */
.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 25px;font-weight:650;font-size:15px}.workspace-bar>span small{font-size:10px;color:var(--muted);font-weight:400;margin-left:5px}.workspace-toggle{display:flex;padding:4px;background:#eae6f2;border-radius:12px;gap:3px}.workspace-toggle a{display:flex;align-items:center;gap:7px;padding:9px 17px;border-radius:9px;color:#8c829b;font-size:12px;white-space:nowrap}.workspace-toggle .icon{height:16px;width:16px}.workspace-toggle a.active{background:white;color:var(--purple);box-shadow:0 3px 9px #30214408}.partner-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0 22px}.partner-heading h1{font-size:32px}.partner-heading p{font-size:13px;color:var(--muted);margin-top:8px}.partner-heading .eyebrow{font-size:10px;margin-bottom:8px}.partner-emblem{width:66px;height:66px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:var(--lavender);color:var(--purple);transform:rotate(-6deg);flex-shrink:0}.partner-emblem .icon{width:32px;height:32px}.partner-nav{display:flex;gap:30px;border-bottom:1px solid #e4e0ed;margin:0 0 26px}.partner-nav a{position:relative;color:#98909e;font-size:13px;padding:12px 1px;white-space:nowrap}.partner-nav a.active{color:var(--purple);font-weight:650}.partner-nav a.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--purple);border-radius:3px}.partner-welcome{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;padding:35px 38px;border-radius:24px;background:linear-gradient(120deg,#eee7fc,#f0edf8 60%,#e9f3ed);overflow:hidden}.partner-welcome h2{font-size:31px;line-height:1.5}.partner-welcome p{font-size:12px;color:#8c809b;margin:10px 0 21px}.partner-welcome .eyebrow{font-size:10px;margin-bottom:12px}.partner-journey{padding:23px 26px;max-width:290px;margin-left:auto;width:100%;border:1px solid #fff;background:#ffffffa8;border-radius:22px}.partner-journey>div{display:flex;gap:16px;align-items:center}.partner-journey>div>.icon{width:38px;height:38px;padding:9px;background:#eee7fc;border-radius:12px;color:#8564cd}.partner-journey strong,.partner-journey small{display:block}.partner-journey strong{font-size:13px}.partner-journey small{font-size:10px;color:#9d93a8;margin-top:1px}.journey-line{display:block;height:18px;border-left:1px dashed #cfc4e1;margin:5px 0 5px 19px}.partner-metrics .metric-label{font-size:12px}.partner-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.partner-bottom-grid>.panel+.panel{margin-top:0}.partner-action-card{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:17px;transition:border-color .2s}.partner-action-card:hover,.partner-entry:hover{border-color:#cfc1ef}.partner-action-card .shortcut-icon{margin:0;flex-shrink:0}.partner-action-card h3{font-size:16px}.partner-action-card p{font-size:11px;color:var(--muted);margin-top:5px}.partner-action-card>.icon{margin-left:auto;color:#b1a2c5;width:18px}.member-row{display:flex;gap:15px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);min-width:0}.member-row:first-child{padding-top:2px}.member-row:last-child{border-bottom:0;padding-bottom:2px}.member-row>.avatar{height:40px;width:40px;border:0;flex-shrink:0;font-size:14px}.member-main{flex:1;min-width:0}.member-main strong{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}.member-main small{display:block;color:#a095ac;font-size:10px;margin-top:5px}.member-row>.icon{width:16px;height:16px;color:#aaa0b6}.member-activity{display:flex;gap:20px;color:#9990a3;font-size:11px;margin-right:12px}.member-stage{display:inline-flex;justify-content:center;background:var(--lavender);color:#8b70b4;font-size:10px;padding:4px 9px;border-radius:5px;white-space:nowrap}.member-stage.mint{background:var(--mint);color:#70977c}.local-badge{font-size:9px;border:1px solid #e5dcf6;border-radius:4px;padding:1px 5px;color:#9279b0;font-weight:400}.member-profile{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);padding:26px;border-radius:18px}.member-profile>.avatar{height:58px;width:58px;border:0;font-size:23px;flex-shrink:0}.member-profile h2{font-size:24px}.member-profile p{color:var(--muted);font-size:11px;margin-top:5px}.member-profile>.member-stage{margin-left:auto}.member-detail-item{display:flex;align-items:flex-start;gap:10px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.member-detail-item:last-of-type{border-bottom:0}.member-detail-item>.icon{width:17px;height:17px;color:#a890c7;margin-top:2px}.member-detail-item>span{flex:1}.member-detail-item small{font-size:9px;color:var(--muted);white-space:nowrap;margin-top:3px}.partner-small-note{font-size:10px;color:#a399ad;line-height:1.85;margin-top:20px}.invite-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:50px;align-items:center}.invitation-card{border-radius:23px;overflow:hidden;background:linear-gradient(145deg,#e7e0f8,#f3effc 70%);padding:29px 28px 0;position:relative;box-shadow:0 18px 45px #5c437614}.invitation-brand{display:flex;align-items:center;gap:5px;font-weight:800;font-size:17px;letter-spacing:-.04em}.invitation-brand b{font-size:9px;color:var(--purple);letter-spacing:1px;padding-left:4px}.invitation-brand>span{margin-left:auto;font-weight:400;color:#9b8bb0;font-size:9px;letter-spacing:0}.invitation-card h2{font-size:32px;line-height:1.55;margin-top:26px}.invitation-card>p{font-size:12px;color:#9784ac;line-height:1.9;margin-top:10px}.invitation-card>img{height:230px;width:100%;object-fit:contain;margin:-10px 0 -9px 16px}.invitation-sender{display:flex;align-items:center;gap:10px;padding:18px 0;border-top:1px solid #dcd3e9}.invitation-sender .avatar{border:0;background:#d6c8ef;flex-shrink:0}.invitation-sender strong,.invitation-sender small{display:block}.invitation-sender strong{font-size:12px}.invitation-sender small{font-size:9px;color:#9784ac;margin-top:2px}.invite-code{margin-left:auto;font-size:9px;color:#a28fba;letter-spacing:1px}.invite-controls>h2{font-size:30px;line-height:1.5}.invite-controls>p{font-size:12px;color:#9b90a7;line-height:1.9;margin:13px 0 23px;max-width:380px}.invite-controls .panel{padding:23px}.invite-label{display:block;font-size:12px;font-weight:650;margin-bottom:10px}.invite-url{width:100%;min-width:0;border:1px solid #e8e1f1;background:#faf8fd;color:#9789aa;border-radius:9px;padding:11px 12px;font-size:11px;margin-bottom:15px}.invite-help{display:block;color:#a397af;font-size:10px;line-height:1.8;margin-top:13px}.invite-steps{margin:22px 0}.invite-steps p{display:flex;align-items:center;gap:12px;color:#9b90a5;font-size:11px;margin:11px 0}.invite-steps b{color:#b39dcf;font-size:11px;font-weight:500}.insight-row{margin:21px 0}.insight-row>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#94899f;margin-bottom:9px}.insight-row strong{color:#796a89;font-size:14px}.insight-row small{font-size:10px;font-weight:400;color:#a99bb4}.insight-track{height:8px;background:#f2eff7;border-radius:6px;overflow:hidden}.insight-track i{display:block;height:100%;background:linear-gradient(90deg,#bba4ec,#8e71ce);border-radius:6px}.partner-scope{display:flex;align-items:flex-start;gap:17px;margin-top:22px}.partner-scope .shortcut-icon{flex-shrink:0;margin:0}.partner-scope h3{font-size:15px}.partner-scope p{font-size:12px;color:var(--muted);line-height:1.9;margin:8px 0}.partner-entry{display:flex;align-items:center;gap:15px;padding:19px 23px;margin-top:19px;border:1px solid #e0d8ef;background:#f1ecfa;border-radius:16px}.partner-entry .shortcut-icon{margin:0;flex-shrink:0;background:#e5dcf6}.partner-entry h3{font-size:15px}.partner-entry p{font-size:11px;color:#a192ad;margin-top:4px}.partner-entry>.icon{margin-left:auto;color:#a38bbb}.creator-partner-link{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;color:#9e8bab;font-size:11px;padding:0 5px}.creator-partner-link>span{display:flex;gap:8px;align-items:center}.creator-partner-link .icon{width:16px;height:16px}.creator-partner-link strong{color:#826896;font-weight:600}.join-page{max-width:850px;margin:18px auto 0}.join-heading{text-align:center;padding:10px 0 28px}.join-heading .eyebrow{justify-content:center;font-size:10px}.join-heading h1{font-size:35px}.join-heading p{font-size:13px;color:#9b8ea6;margin:14px auto 0;line-height:1.9}.join-partner{display:flex;align-items:center;gap:18px;border:1px solid #e3d9f1;background:linear-gradient(120deg,#eee7fa,#f4f1f9);padding:25px 28px;border-radius:20px}.join-partner>.avatar{height:61px;width:61px;font-size:23px;flex-shrink:0}.join-partner h2{font-size:23px;margin:4px 0}.join-partner small{font-size:10px;color:#a68cb6}.join-partner p{font-size:11px;color:#a08cae}.join-partner>.demo-tag{margin-left:auto}.join-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}.join-benefits>div{padding:5px 13px}.join-benefits .icon{width:29px;height:29px;color:#ab90cf;margin-bottom:14px}.join-benefits h3{font-size:16px}.join-benefits p{font-size:12px;color:#a094ac;line-height:1.9;margin-top:10px}.join-cta{text-align:center;padding:10px 0 27px}.join-cta>.button{padding-left:35px;padding-right:35px}.join-cta>p{font-size:10px;color:#ab9ab5;margin-top:12px}.join-cta>.detail-actions{justify-content:center;margin:17px 0}.join-success{display:inline-flex;align-items:center;gap:8px;color:#7b9b82;font-size:12px}.join-success .icon{width:18px;height:18px}.join-footer{display:flex;justify-content:space-between;margin-top:19px}.join-cta .text-link{color:#9a82b2}
@media(max-width:1050px){.member-activity{gap:10px;margin-right:0}.invite-layout{gap:26px}.invite-controls .detail-actions .button{font-size:11px;padding:10px 12px}.partner-welcome{padding:30px;gap:20px}}
@media(max-width:760px){.workspace-bar{display:block;font-size:12px;margin-bottom:19px}.workspace-bar>span{display:block;margin-bottom:11px}.workspace-toggle{width:100%;padding:4px}.workspace-toggle a{flex:1;justify-content:center;padding:9px 10px;font-size:12px}.partner-heading{padding:9px 0 17px;gap:10px}.partner-heading h1{font-size:27px}.partner-heading p{font-size:10px;line-height:1.8}.partner-heading .eyebrow{font-size:8px;letter-spacing:.08em}.partner-emblem{height:49px;width:49px;border-radius:15px}.partner-emblem .icon{height:26px;width:26px}.partner-nav{gap:0;justify-content:space-between;margin-bottom:21px}.partner-nav a{font-size:11px;padding:12px 5px}.partner-welcome{padding:25px 23px;grid-template-columns:1fr;gap:25px;border-radius:20px}.partner-welcome h2{font-size:27px}.partner-welcome p{font-size:11px;margin:10px 0 18px}.partner-welcome .eyebrow{font-size:9px}.partner-journey{display:flex;justify-content:space-between;max-width:none;padding:16px 10px;border-radius:15px}.partner-journey>div{display:block;text-align:center;flex:1}.partner-journey>div>.icon{width:32px;height:32px;padding:8px;margin-bottom:5px;border-radius:10px}.partner-journey strong{font-size:10px}.partner-journey small{font-size:8px;margin-top:4px}.journey-line{width:12px;height:1px;border-left:0;border-top:1px dashed #cfc4e1;margin:17px 2px 0;flex-shrink:0}.partner-metrics.compact .metric{padding:16px 11px}.partner-metrics.compact .metric-label{font-size:10px}.partner-metrics.compact strong{font-size:27px}.partner-metrics.compact small{font-size:8px;line-height:1.8}.partner-bottom-grid{grid-template-columns:1fr;gap:14px}.partner-action-card{padding:20px;gap:13px}.partner-action-card h3{font-size:14px}.partner-action-card p{font-size:10px}.member-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px 11px;padding:17px 0}.member-row>.avatar{width:36px;height:36px;grid-row:1/3;align-self:start;font-size:13px;margin-top:2px}.member-main{grid-column:2;grid-row:1}.member-main strong{font-size:12px;gap:5px}.member-main small{font-size:8px;line-height:1.8;margin-top:4px}.member-activity{grid-column:2;grid-row:2;font-size:9px;gap:13px}.member-row>.member-stage{grid-column:3;grid-row:1;align-self:start;font-size:8px;padding:3px 6px}.member-row>.icon{grid-column:3;grid-row:2;justify-self:end;width:14px;height:14px}.local-badge{font-size:8px}.member-profile{padding:20px 18px;flex-wrap:wrap;gap:12px}.member-profile>.avatar{height:47px;width:47px;font-size:18px}.member-profile h2{font-size:20px}.member-profile p{font-size:10px}.member-profile>.member-stage{margin:0 0 0 59px;font-size:9px}.member-detail-item{font-size:11px;gap:8px}.member-detail-item small{font-size:8px}.partner-small-note{font-size:9px}.invite-layout{grid-template-columns:1fr;gap:30px}.invitation-card{padding:25px 22px 0;max-width:430px;width:100%;margin:auto;border-radius:18px}.invitation-card h2{font-size:30px;margin-top:25px}.invitation-card>p{font-size:11px}.invitation-card>img{height:212px;margin-top:-8px;margin-bottom:-8px}.invitation-brand{font-size:16px}.invitation-brand>span{font-size:8px}.invite-code{font-size:8px;letter-spacing:.5px}.invitation-sender strong{font-size:11px}.invitation-sender small{font-size:8px}.invite-controls>h2{font-size:25px}.invite-controls>p{font-size:11px;margin:12px 0 20px}.invite-controls .panel{padding:19px}.invite-controls .detail-actions{gap:8px}.invite-controls .detail-actions .button{padding:10px 11px;font-size:10px;gap:5px}.invite-controls .detail-actions .icon{width:14px;height:14px}.invite-url{font-size:10px}.invite-label{font-size:11px}.invite-help{font-size:9px}.invite-steps p{font-size:10px}.insight-row>div:first-child{font-size:11px}.insight-row strong{font-size:13px}.partner-scope{gap:13px;padding:19px}.partner-scope h3{font-size:13px;line-height:1.7}.partner-scope p{font-size:10px}.partner-entry{padding:17px 15px;gap:12px;margin-top:16px}.partner-entry h3{font-size:13px}.partner-entry p{font-size:10px}.partner-entry>.icon{height:17px;width:17px}.creator-partner-link{font-size:10px;padding:0;flex-wrap:wrap}.creator-partner-link>span{gap:6px}.join-page{margin-top:7px}.join-heading{padding:11px 0 24px}.join-heading .eyebrow{font-size:8px}.join-heading h1{font-size:27px;line-height:1.5}.join-heading p{font-size:11px;max-width:290px;margin-top:11px}.join-partner{padding:21px 17px;gap:12px;flex-wrap:wrap;border-radius:17px}.join-partner>.avatar{height:47px;width:47px;font-size:18px}.join-partner h2{font-size:20px}.join-partner p{font-size:9px}.join-partner small{font-size:9px}.join-partner>.demo-tag{margin-left:59px;font-size:8px}.join-benefits{grid-template-columns:1fr;margin:21px 0;gap:16px}.join-benefits>div{display:grid;grid-template-columns:30px 1fr;gap:4px 12px;padding:0 9px}.join-benefits .icon{grid-row:1/3;width:24px;height:24px;margin:4px 0 0}.join-benefits h3{font-size:13px}.join-benefits p{font-size:10px;margin:0;grid-column:2;line-height:1.9}.join-cta{padding:7px 0 23px}.join-cta>p{font-size:9px}.join-success{font-size:10px;gap:6px}.join-cta>.detail-actions .button{font-size:11px}.join-footer .text-link{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.course-card:hover,.tool-card:hover,.button:hover{transform:none}}