:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#31465b;background:white;font-synthesis:none;--blue:#3478cf;--line:#e0e5e9;--muted:#728292}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid #ffb62f;outline-offset:3px}button svg,.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}img{max-width:100%}[hidden]{display:none!important}.skip-link{position:fixed;left:10px;top:-100px;z-index:99;background:#fff;padding:12px}.skip-link:focus{top:5px}.topbar{height:80px;background:var(--blue);display:flex;align-items:center;color:white;padding:0 30px;gap:24px;position:relative;z-index:10}.brand{width:208px;flex:none;display:flex;align-items:center}.brand img{width:190px;max-height:58px}.desktop-nav{display:flex;gap:28px;margin:auto;align-items:center;font-size:16px;font-weight:600}.desktop-nav button{background:none;border:0;color:white;font-weight:600}.desktop-nav a:hover,.desktop-nav button:hover{opacity:.75}.top-actions{display:flex;gap:14px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:inherit;font-size:28px;width:34px;height:38px}.top-create{border-color:white!important;color:white!important;background:transparent!important;white-space:nowrap}.top-actions #profile-button{border:0;background:none;padding:0;width:42px;height:42px}.top-actions img{border-radius:50%}#menu-toggle{display:none}.nav-menu{position:absolute;top:70px;right:28px;background:#fff;color:#40556a;border:1px solid #dfe4e8;border-radius:5px;padding:10px;box-shadow:0 5px 20px #20344933;min-width:230px}.nav-menu>a,.nav-menu>button{display:block;padding:12px 16px;background:none;border:0;width:100%;text-align:left}.nav-menu a:hover,.nav-menu button:hover{background:#edf4fb}.nav-menu small{display:block;color:#789;font-size:12px}.pill-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid #a8bbc9;border-radius:22px;padding:10px 22px;background:#fff;color:#4d6578;font-weight:600;line-height:1.3;white-space:nowrap}.pill-button.primary,.pill-button.blue{background:var(--blue);color:#fff;border-color:var(--blue)}.pill-button.green{background:#3b8f38;border-color:#3b8f38;color:white}.pill-button:hover{filter:brightness(.96)}.sidebar{position:absolute;top:80px;bottom:0;min-height:calc(100vh - 80px);width:238px;padding:32px 0;border-right:1px solid var(--line);background:#fafafa}.sidebar-profile{display:flex;align-items:center;gap:14px;padding:4px 28px 30px}.sidebar-profile img{width:46px;border-radius:50%}.sidebar nav{display:grid}.nav-link{display:flex;align-items:center;gap:19px;padding:17px 30px;font-size:16px;border-left:4px solid transparent;color:#557083}.nav-link.active{background:#e9f1f9;border-left-color:#3478cf;color:#2774bf;font-weight:600}.nav-link:hover{background:#eef3f7}.sidebar-foot{padding:28px;line-height:1.8;color:#80909f;font-size:12px}.dashboard #main-content{margin-left:238px;padding:38px 40px;min-height:calc(100vh - 80px);background:#fff}.public .sidebar{display:none}.public #main-content{margin:0;padding:0}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-title{font-size:28px;font-weight:500;margin:0}.section{margin-bottom:40px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading h2{font-size:22px;font-weight:500;display:flex;align-items:center;gap:12px;margin:0}.section-heading a{color:#3b7dc0;font-weight:600}.section-heading svg{color:#7696af}.section-controls{display:flex;gap:12px;align-items:center}.circle-button{width:29px;height:29px;border:1px solid #d7e2e9;border-radius:50%;background:#fff;color:#6b8ca3}.carousel{display:flex;gap:22px;overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.carousel>.card{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start}.card{border:1px solid #e1e6eb;border-radius:5px;overflow:hidden;background:#fff;min-width:0;box-shadow:0 1px 3px #263e4d09;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 6px 18px #2847621a;transform:translateY(-2px)}.card-visual{height:178px;background:#f4f6f8;position:relative;display:block;width:100%;border:0;padding:0;overflow:hidden}.card-visual img{width:100%;height:100%;object-fit:cover}.card-visual svg{height:100%;width:100%}.card-body{padding:16px 18px}.card h3{font-size:17px;font-weight:500;margin:0 0 10px;line-height:1.5}.card p{color:#8493a1;font-size:12px;line-height:1.7;margin:7px 0}.card-actions{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid #eef0f2;gap:8px}.card-actions button{border:0;background:none;color:#6f879b}.card-actions .start-link{color:#357bbd;font-weight:600}.card-top-label{position:absolute;left:12px;top:12px;background:#fff;border-radius:4px;padding:4px 8px;color:#4c7a96;font-size:11px}.card-menu{font-size:22px}.favorite.on{color:#e2a22a}.design-grid,.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature-image{aspect-ratio:1.7;object-fit:cover;width:100%}.welcome-banner{background:#eaf5fb;border:1px solid #dcecf7;border-radius:5px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.welcome-banner h1{font-size:22px;margin:0 0 8px;font-weight:500}.welcome-banner p{margin:0;color:#6c8596;line-height:1.6}.search-row{display:flex;align-items:center;gap:18px;margin-bottom:24px;flex-wrap:wrap}.search-box{border:1px solid #c9d5df;border-radius:4px;display:flex;background:#fff;min-width:250px;max-width:500px;flex:1}.search-box input{border:0;background:none;outline:none;padding:11px 14px;flex:1;min-width:0}.search-box span{padding:6px 14px;font-size:24px;color:#7390a7}.search-row select,.course-filters select{border:1px solid #cfdbe5;padding:10px 13px;color:#637e91;border-radius:4px;background:white}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:25px;border-bottom:1px solid #dfe8ee}.filter-tabs button,.filter-tabs a{padding:12px 18px;border:0;border-bottom:3px solid transparent;background:none;color:#7b91a4}.filter-tabs .active{border-bottom-color:#3784c9;color:#327ec1;font-weight:600}.empty-state{padding:70px 20px;text-align:center;border:1px dashed #cbd9e5;background:#fafcfe;border-radius:8px;color:#7a90a1}.empty-state svg{width:70px;height:70px;margin-bottom:15px;color:#a8bfd2}.empty-state h2{color:#4b687e;font-size:22px;font-weight:500}.empty-state p{line-height:1.8}.footer{border-top:1px solid #e2e8ec;padding:32px 4%;display:flex;justify-content:space-between;gap:35px;color:#8495a3;font-size:12px;line-height:1.9;margin-top:55px}.footer a{color:#477ca8}.footer strong{color:#507088}.footer-links{display:flex;gap:26px;flex-wrap:wrap}.hero{height:min(40vw,550px);min-height:330px;position:relative;overflow:hidden;background:#529cda}.hero video{width:100%;height:100%;object-fit:cover}.hero h1{position:absolute;left:0;right:0;top:14%;font-size:46px;text-align:center;color:white;margin:0;font-weight:700;text-shadow:0 2px 8px #173f6b22}.hero-toggle{position:absolute;bottom:22px;right:24px;border:2px solid white;background:#ffffffdc;border-radius:50%;width:36px;height:36px;color:#5798c9}.intro-cta{background:#d6f0fa;text-align:center;padding:33px 20px 40px;color:#286099}.intro-cta p{max-width:650px;line-height:1.8;margin:0 auto 25px;font-weight:600;font-size:16px}.intro-cta .pill-button{margin:0 7px}.public-content{max-width:1260px;margin:auto;padding:56px 36px}.center-title{text-align:center;font-size:32px;font-weight:500;margin:0 0 40px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;text-align:center}.workflow-grid video{width:100%;border-radius:5px;background:#eff6fb}.workflow-grid h3{font-size:23px;font-weight:500}.workflow-grid p{line-height:1.9;color:#728596;margin:0 auto;max-width:320px}.possibilities{background:#f2f8fc;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:60px max(5vw,30px)}.possibilities video{width:100%;border-radius:4px}.possibilities h2{font-size:34px;font-weight:500}.possibilities p{line-height:2;color:#6a8498;max-width:450px;font-size:16px}.public-hero{background:#3478cf;color:white;text-align:center;padding:52px 25px 44px}.public-hero h1{font-size:42px;font-weight:500;margin:0 0 14px}.public-hero p{font-size:18px;margin:0;color:#d8e9fb}.course-search{max-width:580px;margin:30px auto;display:flex}.course-filters{display:flex;justify-content:center;gap:8px;margin:0 0 36px;flex-wrap:wrap}.course-filters button{border:1px solid #d8e3eb;border-radius:18px;padding:9px 17px;background:#fff;color:#63839b}.course-filters button.active{background:#e5f2fd;color:#2879ba;border-color:#91bee3}.overview{display:grid;grid-template-columns:1.1fr 1fr;gap:54px;align-items:center;padding:50px 0}.overview>img{width:100%;border-radius:8px;box-shadow:0 6px 24px #173d5820}.overview h1{font-size:34px;margin:14px 0;font-weight:500}.overview p{font-size:16px;color:#6e8495;line-height:1.9}.eyebrow{color:#4781ae;font-weight:600;font-size:13px}.step-list{max-width:840px;margin:20px auto}.step-list article{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid #e1e9ef}.step-number{background:#eaf3fb;color:#4389bf;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex:none}.step-list h3{margin:4px 0 8px;font-size:18px;font-weight:500}.step-list p{margin:0;color:#7f91a1;line-height:1.9}.content-dialog{border:1px solid #d9e3e9;border-radius:8px;padding:0;width:560px;max-width:calc(100vw - 32px);color:#476377;box-shadow:0 16px 60px #193c5d44}.content-dialog::backdrop{background:#16365066}.dialog-body{padding:32px}.dialog-body h2{font-size:24px;margin:0 0 20px;font-weight:500}.dialog-body p{line-height:1.8;color:#7b90a1}.dialog-close{position:absolute;right:12px;top:10px;background:none;border:0;font-size:24px;color:#8ca0b1}.dialog-input{width:100%;padding:12px;margin:10px 0 20px;border:1px solid #c9d8e3;border-radius:4px}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px}.danger{color:#c44545!important}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:#29465a;color:#fff;border-radius:6px;padding:13px 24px;transition:.2s;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}.loading{padding:100px;text-align:center;color:#6d8da6}.progress-track{height:5px;border-radius:5px;background:#e8eff5;overflow:hidden;margin-top:12px}.progress-track>span{height:100%;display:block;background:#62ac49}.tag{padding:4px 10px;background:#eaf2f9;color:#4e86b2;border-radius:20px;font-size:12px}.help-layout{max-width:900px;margin:auto}.help-layout details{padding:22px;border-bottom:1px solid #dce5ed}.help-layout summary{font-size:18px;cursor:pointer}.help-layout p{line-height:1.9;color:#738b9d}.help-layout table{border-collapse:collapse;width:100%}.help-layout td{padding:13px;border-bottom:1px solid #e1e8ed}.collection-card{padding:38px;background:#f4f8fc;border:1px solid #dae6ef;border-radius:6px;text-align:left}.collection-card svg{width:54px;height:54px;color:#71a6cc}.collection-card h3{font-size:20px;font-weight:500}.collection-picker{max-height:300px;overflow:auto;display:grid;gap:15px}.subtle{color:#8a9cab;font-size:12px;line-height:1.8}.mobile-only{display:none}@media(min-width:1600px){.design-grid,.learning-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.carousel>.card{flex-basis:calc((100% - 66px)/4)}}@media(max-width:1100px){.topbar{padding:0 20px;gap:10px}.desktop-nav{gap:20px;font-size:14px}.brand{width:180px}.sidebar{width:200px}.dashboard #main-content{margin-left:200px;padding:28px 24px}.nav-link{padding:17px 22px}.design-grid,.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.carousel>.card{flex-basis:calc((100% - 22px)/2)}.hero h1{font-size:36px}.card-visual{height:160px}}@media(max-width:760px){.topbar{height:68px;padding:0 15px;gap:10px}.brand{width:auto;flex:1}.brand img{width:150px}.desktop-nav{display:none}.top-actions{gap:8px}.top-create{padding:8px 12px}.top-actions #profile-button{width:34px;height:34px}#menu-toggle{display:flex;font-size:22px}.sidebar{display:none;top:68px;width:238px;z-index:9;box-shadow:6px 0 20px #35577722}.dashboard.sidebar-open .sidebar{display:block}.dashboard #main-content{margin:0;padding:26px 18px}.hero{min-height:300px}.hero h1{font-size:29px;top:14%}.intro-cta p{font-size:14px}.public-content{padding:36px 20px}.workflow-grid{grid-template-columns:1fr;gap:36px}.workflow-grid video{max-width:480px}.possibilities{grid-template-columns:1fr;gap:20px;padding:35px 24px}.center-title{font-size:27px}.footer{flex-direction:column;gap:12px;padding:25px 20px}.public-hero h1{font-size:32px}.overview{grid-template-columns:1fr;gap:22px;padding:25px 0}.overview h1{font-size:28px}.feature-grid{grid-template-columns:1fr}.welcome-banner{flex-direction:column;align-items:flex-start}.page-intro{flex-wrap:wrap}.page-title{font-size:25px}.card-visual{height:145px}.card-body{padding:12px}.card h3{font-size:15px}.card-actions{padding:10px}.search-box{min-width:180px}.top-actions>a{display:none}.section-heading h2{font-size:20px}.mobile-only{display:inline-flex}.nav-menu{right:12px;top:62px}}@media(max-width:440px){.design-grid,.learning-grid{gap:12px}.card-visual{height:112px}.card-body{padding:10px}.card-actions{font-size:12px}.card p{font-size:11px}.carousel>.card{flex-basis:78%}.hero h1{font-size:26px}.pill-button{padding:9px 16px}}