:root{color:#102f35;font-synthesis:none;--teal:#07565d;--teal2:#0a7078;--coral:#ff5d49;--line:#dfe7e8;--muted:#6d7b7e;background:#fff;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,textarea{font:inherit}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.brand{color:var(--teal);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;min-width:280px;font-size:25px;font-weight:800;display:flex}.brandmark{font-family:Georgia;font-size:41px;line-height:1}.topbar nav{gap:48px;height:100%;display:flex}.topbar nav button{color:#24373a;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:16px;display:flex;position:relative}.topbar nav svg{width:20px}.topbar nav button.active{color:var(--teal);font-weight:700}.topbar nav button.active:after{content:"";background:var(--teal);border-radius:4px;height:4px;position:absolute;bottom:0;left:0;right:0}.profile{color:#263a3d;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;margin-left:auto;display:flex}.profile svg{width:20px}.profile svg:last-child{width:14px;transform:rotate(90deg)}.page{max-width:1400px;margin:auto;padding:28px 36px}.hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:24px;display:grid}.hero,.tasks,.path-panel,.roles,.lesson-nav,.lesson-main,.exam-preview,.exam-page>section,.exam-page>aside,.record-table{border:1px solid var(--line);border-radius:9px}.hero{grid-template-rows:auto 100px;grid-template-columns:1.2fr .8fr;min-height:360px;padding:34px;display:grid;position:relative;overflow:hidden}.hero h1{color:#0b4850;margin:0 0 9px;font-size:36px}.hero p{color:#53666a;margin:0 0 28px}.primary{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-weight:700;display:inline-flex;box-shadow:0 7px 18px #ff5d4924}.primary:hover{background:#f24e3b}.primary svg{fill:currentColor;width:18px}.primary:disabled{opacity:.45;cursor:not-allowed}.progress-block{align-self:center;margin-right:190px}.progress-block span{font-size:14px}.progress-block strong{color:var(--teal);margin-left:24px;font-size:32px}.progress{background:#e7edef;border-radius:10px;height:8px;margin-top:10px;overflow:hidden}.progress i{background:var(--teal2);border-radius:inherit;width:42%;height:100%;display:block}.tube-art{border-bottom:1px solid #e2e8e9;border-left:1px solid #e2e8e9;justify-content:center;align-items:flex-end;gap:7px;width:195px;height:195px;display:flex;position:absolute;top:48px;right:32px}.tube{border-radius:3px 3px 8px 8px;width:34px;display:block;position:relative;box-shadow:inset 5px 0 10px #fff3}.tube:after{content:"";background:#d9d3cb;border-radius:3px;height:15px;position:absolute;bottom:-13px;left:3px;right:3px}.tube.coral{background:#f47b6c;height:90px}.tube.white{background:#e5e8e4;height:125px}.tube.teal{background:#0b6970;height:154px}.tube.sand{background:#d8b49e;height:112px}.current{border-top:1px solid var(--line);grid-column:1/-1;align-items:center;gap:16px;padding-top:18px;display:flex}.video-thumb{width:92px;height:64px;color:var(--teal);background:#e2eced;border-radius:5px;justify-content:center;align-items:center;display:flex}.video-thumb svg{fill:#fff}.current>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.current small{color:var(--muted)}.current b{font-size:17px}.current button{border:1px solid var(--teal);color:var(--teal);cursor:pointer;background:#fff;border-radius:4px;margin-left:auto;padding:10px 18px}.tasks{padding:24px}.tasks h2,.path-panel h2,.roles h2{margin:0 0 16px;font-size:20px}.task{border-top:1px solid var(--line);grid-template-columns:46px 1fr 20px;align-items:center;gap:13px;padding:18px 0;display:grid}.task-icon{width:44px;height:44px;color:var(--teal);background:#eef6f6;border-radius:50%;place-items:center;display:grid}.task-icon.exam{color:var(--coral);background:#fff0ed}.task-icon.review{color:#d98317;background:#fff6e7}.task-icon svg{width:22px}.task>span:nth-child(2){flex-direction:column;gap:7px;display:flex}.task small{color:var(--muted)}.task>svg{color:#829094;width:16px}.path-panel{margin-top:24px;padding:18px 24px}.stage{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;color:#18363b;background:#fff;grid-template-columns:54px minmax(280px,1fr) 220px 90px 24px;align-items:center;width:100%;height:58px;display:grid}.stage:first-child{border-top:0}.stage.current{background:#f2fafa}.stage.locked{color:#7c878a;cursor:not-allowed}.stage-dot{z-index:1;background:#fff;border:2px solid #98a3a6;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.stage-dot svg{width:16px}.stage.done .stage-dot{background:var(--teal);border-color:var(--teal);color:#fff}.stage.current .stage-dot{border-color:var(--teal)}.stage.current .stage-dot span{background:var(--teal);border-radius:50%;width:7px;height:7px}.stage strong{font-size:16px}.stage>span:nth-child(3){color:#65777a;font-size:14px}.stage em{font-style:normal}.stage.done em,.stage.current em{color:#07929b}.stage>svg{width:17px}.roles{margin-top:24px;padding:18px 24px}.roles>div{display:flex}.roles button{color:#566669;cursor:pointer;background:#fff;border:0;flex:1;justify-content:center;align-items:center;gap:10px;height:54px;display:flex;position:relative}.roles button+button{border-left:1px solid var(--line)}.roles button svg{width:21px}.roles button.active{color:var(--teal);font-weight:700}.roles button.active:after{content:"";background:var(--teal);border-radius:4px;height:4px;position:absolute;bottom:-1px;left:20px;right:20px}.course-layout{grid-template-columns:280px minmax(500px,1fr) 360px;gap:16px;max-width:1500px;margin:auto;padding:20px;display:grid}.lesson-nav{min-height:840px;position:relative;overflow:hidden}.back{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:17px 20px}.lesson-nav h2{border-bottom:1px solid var(--line);margin:0;padding:12px 20px 20px;font-size:18px;line-height:1.7}.lesson-nav>button:not(.back){border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;justify-content:space-between;align-items:center;width:100%;height:69px;padding:0 20px;display:flex}.lesson-nav>button.active{background:var(--teal);color:#fff}.lesson-nav>button svg{width:18px}.lesson-progress{position:absolute;bottom:24px;left:20px;right:20px}.lesson-progress span{justify-content:space-between;display:flex}.lesson-main{padding:24px}.lesson-main h1{margin:0 0 20px;font-size:27px}.video{border:1px solid var(--line);border-radius:6px;overflow:hidden}.video-stage{background:#eaf2f2;place-items:center;height:315px;display:grid;position:relative;overflow:hidden}.video-stage>button{color:#fff;cursor:pointer;background:#07565dcc;border:2px solid #fff;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute}.video-stage>button svg{fill:#fff}.video-stage p{color:#fff;text-shadow:0 1px 4px #000;background:#06494eaa;border-radius:3px;padding:7px 12px;position:absolute;bottom:18px}.tube-demo{align-items:flex-end;gap:22px;display:flex}.tube-demo span{background:#0a6b71;border-radius:6px 6px 14px 14px;width:74px;height:210px;box-shadow:inset 12px 0 20px #ffffff24,0 12px 25px #0e555634}.tube-demo span:nth-child(2){background:#e6cfba;height:250px}.tube-demo span:nth-child(3){background:#f27463;height:175px}.controls{align-items:center;gap:14px;height:52px;padding:0 16px;display:flex}.controls svg{width:18px}.seek{background:#dfe5e6;border-radius:6px;flex:1;height:6px}.seek i{background:var(--teal);width:56%;height:100%;display:block}.tabs{border-bottom:1px solid var(--line);margin-top:14px;display:flex}.tabs button{cursor:pointer;background:0 0;border:0;padding:16px 24px;position:relative}.tabs button.active{color:var(--teal);font-weight:700}.tabs button.active:after{content:"";background:var(--teal);height:3px;position:absolute;bottom:0;left:8px;right:8px}.lesson-content{border:1px solid var(--line);border-top:0;min-height:180px;padding:18px 22px}.lesson-content p{align-items:center;gap:12px;display:flex}.lesson-content svg{color:#fff;background:var(--teal);border-radius:50%;width:19px;padding:3px}.lesson-content textarea{border:1px solid var(--line);resize:none;width:100%;height:125px;padding:14px}.wide{width:100%;margin-top:20px}.exam-preview{height:max-content;padding:24px}.exam-preview h2{margin:0 0 8px}.exam-preview>p{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:20px}.exam-summary{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:330px;padding:30px;display:flex}.exam-summary svg{width:66px;height:66px;color:var(--teal);background:#edf6f6;border-radius:50%;padding:14px}.exam-summary span{color:var(--muted);line-height:1.7}.exam-preview>small{text-align:center;color:var(--muted);margin-top:14px;display:block}.exam-page{grid-template-columns:1fr 280px;gap:20px;max-width:1180px;margin:32px auto;display:grid}.exam-page>section,.exam-page>aside{padding:28px}.exam-head{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:20px;display:flex}.exam-head h1{margin:0}.exam-head p{color:var(--muted)}.exam-head b{color:var(--coral)}.question{padding:28px 0}.question>span{color:var(--muted)}.question h2{margin:16px 0 26px}.question>button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:5px;align-items:center;gap:14px;width:100%;min-height:58px;margin:10px 0;padding:12px;display:flex}.question>button i{border:1px solid #9ba7aa;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.question>button.selected{border-color:var(--coral);background:snow}.question>button.selected i{border-color:var(--coral);background:var(--coral);color:#fff}.exam-actions{justify-content:space-between;display:flex}.exam-actions>button{border:1px solid var(--teal);color:var(--teal);cursor:pointer;background:#fff;border-radius:5px;padding:12px 26px}.exam-actions>.primary{background:var(--coral);color:#fff;border:0}.exam-page aside h3{margin-top:0}.question-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.question-grid button{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:4px}.question-grid button.done{background:var(--teal);color:#fff}.question-grid button.current{outline:2px solid var(--coral)}.exam-page aside p{color:var(--muted);margin-top:24px;font-size:13px}.exam-page aside p i{border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.exam-page aside p i.done{background:var(--teal)}.exam-page aside p i.current{border:2px solid var(--coral)}.result{text-align:center;border:1px solid var(--line);border-radius:10px;max-width:600px;margin:90px auto;padding:54px}.result>span{width:90px;height:90px;color:var(--teal);background:#eaf6f2;border-radius:50%;place-items:center;display:inline-grid}.result>span.fail{color:var(--coral);background:#fff1ee}.result svg{width:45px;height:45px}.result h1{margin-bottom:12px}.result>strong{color:var(--teal);font-size:50px}.result p{color:var(--muted);margin-bottom:30px}.simple-page{max-width:1150px;margin:40px auto}.simple-page>h1{margin-bottom:5px}.simple-page>p{color:var(--muted)}.record-summary{border:1px solid var(--line);border-radius:9px;grid-template-columns:repeat(4,1fr);margin:28px 0;display:grid}.record-summary div{flex-direction:column;gap:8px;padding:28px;display:flex}.record-summary div+div{border-left:1px solid var(--line)}.record-summary strong{color:var(--teal);font-size:29px}.record-summary span{color:var(--muted)}.record-table{padding:24px}.record-table h2{margin-top:0}.record-table>div{border-top:1px solid var(--line);grid-template-columns:1fr 160px 160px;padding:18px 0;display:grid}@media (width<=1050px){.topbar{padding:0 16px}.brand{min-width:auto}.brand span:last-child{display:none}.topbar nav{gap:22px;margin-left:24px}.hero-grid{grid-template-columns:1fr}.tasks{display:none}.stage{grid-template-columns:44px 1fr 90px 20px}.stage>span:nth-child(3){display:none}.course-layout{grid-template-columns:230px 1fr}.exam-preview{grid-column:1/-1;margin-left:246px}.tube-art{opacity:.55}.progress-block{margin-right:120px}}@media (width<=700px){.topbar{height:64px}.topbar nav{border-top:1px solid var(--line);z-index:30;background:#fff;justify-content:space-around;height:62px;margin:0;position:fixed;bottom:0;left:0;right:0}.topbar nav button{flex-direction:column;gap:2px;font-size:12px}.topbar nav button.active:after{top:0;bottom:auto}.profile span,.profile svg:last-child{display:none}.page{padding:18px 14px 80px}.hero{min-height:410px;padding:24px;display:block}.hero h1{font-size:28px}.tube-art{transform-origin:100% 0;top:145px;right:12px;transform:scale(.72)}.progress-block{margin:30px 150px 25px 0}.current{position:absolute;bottom:24px;left:24px;right:24px}.current button{display:none}.path-panel,.roles{padding:16px 12px}.stage{grid-template-columns:38px 1fr 68px;height:auto;min-height:70px;padding:8px 0}.stage strong{font-size:14px}.stage em{font-size:12px}.roles>div{overflow-x:auto}.roles button{min-width:130px}.course-layout{padding:12px 12px 80px;display:block}.lesson-nav{min-height:auto}.lesson-nav h2{display:none}.lesson-nav>button:not(.back){height:52px}.lesson-progress{margin:18px;position:static}.lesson-main{margin-top:12px;padding:16px}.lesson-main h1{font-size:23px}.video-stage{height:240px}.exam-preview{margin:12px 0}.exam-page{margin:12px;padding-bottom:80px;display:block}.exam-page>aside{margin-top:12px}.simple-page{margin:24px 14px 80px}.record-summary{grid-template-columns:repeat(2,1fr)}.record-summary div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.record-summary div:nth-child(4){border-top:1px solid var(--line)}.record-table>div{grid-template-columns:1fr}.record-table>div span+span{color:var(--muted);margin-top:5px;font-size:13px}}.lesson-video{aspect-ratio:16/9;object-fit:contain;background:#071f22;width:100%;display:block}.lesson-video-wrap{position:relative}.video-play-button{color:#fff;cursor:pointer;background:#07565ddd;border:3px solid #fff;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 22px #00191c55}.video-play-button svg{fill:currentColor;width:28px;height:28px;margin-left:3px}.question-grid button.current{border-top:1px solid var(--line);gap:0;align-items:initial;grid-column:auto;width:auto;padding:0;display:block;position:static;bottom:auto;left:auto;right:auto}@media (width<=700px){.lesson-video{min-height:190px}}html,body,#root{max-width:100%;overflow-x:hidden}.common-course{background:linear-gradient(90deg,#f1fafa,#fff);border:1px solid #b9d8d9;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:20px 24px;display:flex}.common-course>div{align-items:center;gap:16px;display:flex}.common-course>div>svg{color:#fff;background:var(--teal);border-radius:50%;width:42px;height:42px;padding:9px}.common-course small{color:var(--teal);font-weight:700}.common-course h2{margin:4px 0;font-size:20px}.common-course p{color:var(--muted);margin:0;font-size:14px}@media (width<=700px){.common-course{flex-direction:column;align-items:flex-start}.common-course .primary{width:100%}}.library-page{max-width:1400px;margin:0 auto;padding:32px 36px 70px}.library-hero{color:#fff;background:linear-gradient(135deg,#073f46,#08727a);border-radius:12px;justify-content:space-between;gap:32px;padding:34px 40px;display:flex}.library-hero h1{margin:6px 0 10px;font-size:36px}.library-hero p{color:#d8eeee;max-width:760px;margin:0;line-height:1.8}.library-hero>div:last-child{grid-template-columns:auto auto;align-items:center;gap:4px 12px;min-width:200px;display:grid}.library-hero strong{color:#ffb3a8;font-size:34px}.access-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0;display:grid}.access-grid div,.source-grid article{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px}.access-grid b{color:var(--teal)}.access-grid p,.source-grid>article>p{color:var(--muted);font-size:13px;line-height:1.6}.source-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.source-grid header{align-items:center;gap:10px;display:flex}.source-grid h2{margin:0;font-size:20px}.access{color:var(--teal);background:#eaf5f5;border-radius:12px;padding:4px 8px;font-size:12px}.audience{flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0;display:flex}.audience b{font-size:13px}.audience span{background:#f2f5f5;border-radius:4px;padding:4px 7px;font-size:12px}.source-grid details{border-top:1px solid var(--line);padding-top:12px}.source-grid summary{color:var(--teal);cursor:pointer;font-weight:700}.source-grid li{color:#516266;margin:8px 0;font-size:13px}.library-note{background:#fff8f5;border:1px solid #f0cabc;border-radius:9px;gap:14px;margin-top:20px;padding:18px 22px;display:flex}.library-note svg{color:var(--coral);min-width:25px}.library-note p{margin:0;line-height:1.7}@media (width<=1050px){.access-grid,.source-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.library-page{padding:18px 14px 90px}.library-hero{padding:24px;display:block}.library-hero h1{font-size:28px}.library-hero>div:last-child{margin-top:20px}.access-grid,.source-grid{grid-template-columns:1fr}}.lesson-objective{color:#607477;margin:-10px 0 18px;line-height:1.7}.knowledge-meta{border-top:1px solid #dfe7e8;margin-top:18px;padding-top:12px}.knowledge-meta p{align-items:flex-start;line-height:1.65}.knowledge-meta b{color:#07565d;flex:0 0 72px}.knowledge-meta .risk b{color:#d94c3b}.knowledge-meta small{color:#78878a}.product-page{max-width:1400px;margin:0 auto;padding:34px 36px 70px}.product-intro{border-bottom:1px solid #dfe7e8;justify-content:space-between;align-items:flex-end;padding-bottom:26px;display:flex}.product-intro h1{color:#07565d;margin:0 0 10px;font-size:34px}.product-intro p{color:#607477;margin:0}.academy-stat{grid-template-columns:auto auto;align-items:center;gap:2px 12px;display:grid}.academy-stat strong{color:#07565d;text-align:right;font-size:25px}.academy-stat span{color:#718083;font-size:13px}.role-plan{margin:24px 0}.role-switch{border-bottom:1px solid #dfe7e8;display:flex}.role-switch button{color:#65777a;cursor:pointer;background:#fff;border:0;padding:13px 22px}.role-switch button.active{color:#07565d;border-bottom:3px solid #07565d;font-weight:700}.role-plan p{color:#53676a}.product-layout{grid-template-columns:340px minmax(0,1fr);gap:22px;display:grid}.module-list{border:1px solid #dfe7e8;border-radius:8px;height:max-content;overflow:hidden}.module-list button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #dfe7e8;grid-template-columns:38px 1fr 54px;align-items:center;gap:8px;width:100%;min-height:66px;padding:10px 14px;display:grid}.module-list button:last-child{border-bottom:0}.module-list button.active{color:#fff;background:#07565d}.module-list button span{opacity:.7;font-size:12px}.module-list button b{font-size:14px}.module-list button em{color:#078992;font-size:12px;font-style:normal}.module-list button.active em{color:#a9f2ec}.module-detail{border:1px solid #dfe7e8;border-radius:8px;min-height:720px;padding:34px 42px}.module-head{border-bottom:1px solid #dfe7e8;padding-bottom:22px}.module-head>span{color:#078992;font-size:13px}.module-head h2{margin:8px 0;font-size:29px}.module-head p{color:#607477;line-height:1.7}.module-detail h3{margin:26px 0 14px;font-size:17px}.product-point{border-bottom:1px solid #edf1f2;gap:14px;padding:14px 0;display:flex}.product-point i{color:#07565d;background:#edf6f6;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-style:normal;font-weight:700;display:grid}.product-point p{margin:2px 0;line-height:1.65}.module-output{background:#f2f8f8;border-left:4px solid #07565d;align-items:center;gap:14px;margin-top:26px;padding:18px;display:flex}.module-output svg,.module-owner svg{color:#07565d}.module-output span{flex-direction:column;gap:4px;display:flex}.module-output small{color:#718083}.module-owner{color:#516568;align-items:center;gap:9px;margin:18px 0;display:flex}.module-owner svg{width:18px}.evidence-note{color:#65777a;border-top:1px solid #dfe7e8;padding-top:18px;font-size:14px;line-height:1.7}.evidence-note b{color:#d94c3b;margin-right:8px}@media (width<=800px){.product-page{padding:24px 14px 90px}.product-intro{display:block}.academy-stat{width:max-content;margin-top:18px}.role-switch{overflow-x:auto}.role-switch button{white-space:nowrap}.product-layout{display:block}.module-list{margin-bottom:14px;display:flex;overflow-x:auto}.module-list button{min-width:220px}.module-detail{min-height:auto;padding:24px 20px}.product-intro h1{font-size:28px}.module-head h2{font-size:24px}}@media (width<=700px){.stage{grid-template-columns:38px minmax(0,1fr) 56px 16px;min-width:0}.stage strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.roles>div{max-width:100%}.roles{overflow:hidden}.exam-page{padding-bottom:calc(112px + env(safe-area-inset-bottom));margin:12px}.exam-page>section,.exam-page>aside{padding:20px 16px}.exam-head{align-items:flex-start;gap:12px}.exam-head h1{font-size:26px;line-height:1.35}.exam-head b{flex:none;font-size:14px}.question{padding:22px 0 18px}.question h2{margin:14px 0 20px;font-size:21px;line-height:1.5}.question>button{overflow-wrap:anywhere;align-items:center;height:auto;min-height:60px;padding:13px 12px;scroll-margin-bottom:96px;line-height:1.55}.question>button i{flex:0 0 32px;width:32px;height:32px}.exam-actions{gap:12px;padding-bottom:10px}.exam-actions>button{flex:1;min-height:48px;padding:11px 14px}}.source-link{color:#07565d;border-bottom:1px solid #8cc6c8;align-items:center;gap:6px;padding-bottom:2px;font-weight:700;text-decoration:none;display:inline-flex}.source-link:hover{color:#078992;border-color:#078992}.source-link svg{flex:0 0 14px;width:14px;height:14px}.course-materials{gap:10px;display:grid}.course-materials>a{border:1px solid var(--line);color:#17383d;background:#fff;border-radius:6px;align-items:center;gap:12px;min-height:58px;padding:11px 13px;text-decoration:none;display:flex}.course-materials>a:hover{border-color:var(--teal2);background:#f4fbfb}.course-materials>a>svg:first-child{flex:0 0 30px;width:30px;height:30px;padding:7px}.course-materials>a>svg:last-child{color:var(--teal);background:0 0;margin-left:auto;padding:0}.course-materials span{flex-direction:column;gap:4px;display:flex}.course-materials small{color:var(--muted)}.product-course-intro{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.product-course-intro>div{border-left:3px solid var(--teal);background:#f2f8f8;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.product-course-intro small{color:var(--muted)}.product-course-tabs{border-bottom:1px solid var(--line);margin-top:18px;display:flex}.product-course-tabs button{cursor:pointer;color:var(--muted);background:#fff;border:0;padding:14px 20px;font-weight:700}.product-course-tabs button.active{color:var(--teal);border-bottom:3px solid var(--teal)}.product-lesson-body{padding-top:2px}.product-chapter{border-bottom:1px solid #edf1f2;grid-template-columns:42px 1fr;gap:14px;padding:17px 0;display:grid}.product-chapter>i{color:#078992;font-size:13px;font-style:normal;font-weight:700}.product-chapter b{font-size:16px}.product-chapter p{color:#53676a;margin:7px 0 0;line-height:1.75}.practice-card{border:1px solid var(--line);background:#f4f9f9;border-radius:7px;padding:18px 20px}.practice-card p{color:var(--teal);font-size:17px;font-weight:700}.practice-card li{margin:8px 0;line-height:1.6}.self-check{border-bottom:1px solid #edf1f2;align-items:flex-start;gap:12px;padding:13px 0;line-height:1.6;display:flex}.self-check input{width:20px;height:20px;accent-color:var(--teal);flex:0 0 20px;margin-top:2px}.self-check span{flex-direction:column;display:flex}.empty-course-note{color:#77552c;background:#fff8ef;border-radius:6px;padding:18px;line-height:1.7}.worksheet-launch{text-align:left;cursor:pointer;color:#17383d;border:0;width:100%}.worksheet-launch>svg:last-child{margin-left:auto}.worksheet-launch:hover{background:#e7f4f4}.worksheet-panel{background:#fff;border:1px solid #9cc7c9;border-radius:8px;margin-top:22px;overflow:hidden}.worksheet-panel>header{background:#edf7f7;justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.worksheet-panel header small{color:var(--teal)}.worksheet-panel h3{margin:5px 0 0}.worksheet-panel header button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:28px}.worksheet-panel form{grid-template-columns:1fr 1fr;gap:14px;padding:20px;display:grid}.worksheet-panel label{flex-direction:column;gap:7px;font-weight:700;display:flex}.worksheet-panel textarea{min-height:90px;font:inherit;resize:vertical;border:1px solid #cfdadb;border-radius:5px;padding:10px}.worksheet-panel form>.primary,.worksheet-success{grid-column:1/-1}.worksheet-success{color:#087f65;background:#eaf7f1;border-radius:5px;margin:0;padding:10px 12px;font-weight:700}@media (width<=800px){.product-course-intro{grid-template-columns:1fr}.product-course-tabs{overflow-x:auto}.product-course-tabs button{white-space:nowrap;flex:1}.product-chapter{grid-template-columns:32px 1fr}.module-detail .lesson-video-wrap{margin-top:14px}.worksheet-panel form{grid-template-columns:1fr}.worksheet-panel form>.primary,.worksheet-success{grid-column:auto}.worksheet-panel{scroll-margin-top:80px}}.auth-shell{background:#f5f9f9;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:12px;width:min(440px,100%);padding:42px;box-shadow:0 22px 60px #0b485012}.auth-card>.brandmark{color:var(--teal);font-size:58px;display:block}.auth-card h1{color:var(--teal);margin:8px 0;font-size:28px}.auth-card>p{color:var(--muted);line-height:1.7}.auth-card label{flex-direction:column;gap:8px;margin-top:20px;font-weight:700;display:flex}.auth-card input{height:48px;font:inherit;border:1px solid #cfdadb;border-radius:5px;padding:0 13px}.auth-card input:focus{border-color:var(--teal2);outline:2px solid #0a707833}.auth-card>small{text-align:center;color:var(--muted);margin-top:18px;display:block}.auth-error{background:#fff0ed;border-radius:4px;padding:10px 12px;color:#bd3021!important}.setup-list{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:24px;padding-top:20px;display:flex}.setup-list span:before{content:"○";color:var(--teal);margin-right:9px}.loading-state{color:var(--teal);font-weight:700}.admin-page{max-width:1250px}.admin-table{border:1px solid var(--line);border-radius:9px;overflow:hidden}.admin-row{border-top:1px solid var(--line);grid-template-columns:1.4fr 1fr 1fr .8fr .7fr;align-items:center;min-height:62px;padding:10px 20px;display:grid}.admin-row:first-child{border-top:0}.admin-row.head{color:var(--teal);background:#f3f8f8;font-weight:700}.admin-row>span:first-child{flex-direction:column;gap:4px;display:flex}.admin-row small{color:var(--muted)}.status-on{color:#087f65;font-weight:700}.status-off{color:#a33b2e}.profile[title]{border-radius:5px;padding:8px}.profile[title]:hover{background:#f2f7f7}.admin-tabs{border-bottom:1px solid var(--line);gap:8px;margin:24px 0;display:flex}.admin-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:13px 18px;font-weight:700}.admin-tabs button.active{color:var(--teal);border-bottom:3px solid var(--teal)}.admin-notice{z-index:50;color:#fff;background:#087f65;border-radius:6px;padding:13px 18px;position:fixed;top:94px;right:24px;box-shadow:0 10px 30px #0002}.admin-editor{border:1px solid var(--line);border-radius:9px;padding:24px}.admin-editor h2{margin-top:0}.admin-editor form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-editor label{flex-direction:column;gap:7px;font-weight:700;display:flex}.admin-editor label:has(textarea){grid-column:1/-1}.admin-editor input,.admin-editor select,.admin-editor textarea{width:100%;font:inherit;background:#fff;border:1px solid #cfdadb;border-radius:5px;padding:11px}.admin-editor textarea{resize:vertical;min-height:92px}.admin-editor form>.primary{align-self:end;min-height:46px}.admin-list{gap:8px;margin-top:12px;display:grid}.admin-list>a,.admin-list>button,.admin-list>div{border:1px solid var(--line);color:#17383d;text-align:left;background:#fff;border-radius:6px;flex-direction:column;align-items:flex-start;gap:4px;padding:13px 15px;text-decoration:none;display:flex}.admin-list>a:hover,.admin-list>button:hover{border-color:var(--teal2);background:#f7fbfb}.admin-list span{color:var(--muted);font-size:13px}.text-button{color:var(--teal);cursor:pointer;background:0 0;border:0;width:100%;padding:12px;font-weight:700}.register-card{width:min(620px,100%)}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.auth-card select{height:48px;font:inherit;background:#fff;border:1px solid #cfdadb;border-radius:5px;padding:0 13px}@media (width<=700px){.auth-card{padding:28px 22px}.form-grid,.admin-editor form{grid-template-columns:1fr}.admin-editor label:has(textarea){grid-column:auto}.admin-tabs{overflow-x:auto}.admin-tabs button{white-space:nowrap}.admin-row{grid-template-columns:1fr 1fr;padding:14px}.admin-row.head{display:none}.admin-row>span{padding:3px 0}.admin-row>span:nth-child(3),.admin-row>span:nth-child(5){text-align:right}}.admin-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.admin-actions button,.admin-actions select{color:#075e63;background:#fff;border:1px solid #cad8da;border-radius:8px;padding:8px 12px}.admin-editor fieldset{border:1px solid #d8e2e3;border-radius:10px;flex-wrap:wrap;grid-column:1/-1;gap:10px;padding:12px;display:flex}.admin-editor fieldset label{flex-direction:row;align-items:center;gap:6px;font-weight:500;display:flex}.admin-editor fieldset input{width:auto}.admin-editor pre{white-space:pre-wrap;background:#f4f8f8;border-radius:8px;max-height:300px;padding:12px;overflow:auto}.course-materials button{text-align:left;background:#fff;border:0;width:100%}.read-status{color:#9a5b15;white-space:nowrap;background:#fff2d9;border:1px solid #f2d39c;border-radius:999px;margin-left:auto;padding:4px 9px;font-size:12px;font-style:normal;font-weight:700}.read-status.read{color:#086168;background:#e5f5f3;border-color:#b7ddda}.course-materials button>svg:last-child{margin-left:0}.reading-summary{background:#fff;border:1px solid #d5e3e4;border-radius:10px;margin:20px 0;padding:18px 22px}.reading-summary>div:first-child{color:#16454a;justify-content:space-between;gap:14px;display:flex}.reading-summary .progress{background:#e5eded;border-radius:999px;height:8px;margin:12px 0;overflow:hidden}.reading-summary .progress span{background:#08727a;height:100%;display:block}.reading-summary small{color:#61777a}.source-link{color:#075e63;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:0;display:flex}.source-link>span:first-child{flex:1}.source-link>svg{width:15px}.catalog-only{flex-direction:column;gap:3px;display:flex}.catalog-only>em{color:#8a7771;font-size:11px;font-style:normal}.source-grid ul{padding-left:20px}.video-loading{color:#587074;place-items:center;min-height:260px;display:grid}.approved-library{background:#f7fbfb;border:1px solid #d7e2e3;border-radius:12px;margin:22px 0;padding:24px}.approved-library h2{color:#075e63;margin:0 0 6px}.approved-library>p{color:#61777a}.approved-library .course-materials{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width<=700px){.approved-library .course-materials{grid-template-columns:1fr}.approved-library{padding:18px}.read-status{padding:3px 7px}.reading-summary{padding:16px}.reading-summary>div:first-child{flex-direction:column;align-items:flex-start;gap:4px}}.course-presentation{background:#eef5f5;border:1px solid #d7e2e3;border-radius:10px;overflow:hidden}.presentation-screen{text-align:center;background:linear-gradient(135deg,#e8f3f3,#f8f2e8);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:310px;padding:38px;display:flex}.presentation-screen small{color:#0b6b72;font-weight:700}.presentation-screen strong{color:#17383d;max-width:720px;font-size:28px;line-height:1.55}.presentation-screen span{color:#61777a}.presentation-controls{background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:15px 18px;display:grid}.presentation-controls button{color:#fff;background:#075e63;border:0;border-radius:7px;padding:10px 16px;font-weight:700}.presentation-controls .progress{height:8px}.presentation-controls span{color:#61777a;font-size:13px}@media (width<=700px){.presentation-screen{min-height:240px;padding:25px 18px}.presentation-screen strong{font-size:21px}.presentation-controls{grid-template-columns:1fr auto}.presentation-controls .progress{grid-area:2/1/auto/-1}}.lesson-guide{color:#244347;background:#f7fbfb;border:1px solid #cfe0e1;border-radius:8px;margin-bottom:16px;padding:18px 20px}.lesson-guide header{border-bottom:1px solid #dce8e9;align-items:center;gap:12px;padding-bottom:12px;display:flex}.lesson-guide header svg{width:28px;color:var(--teal)}.lesson-guide h3{color:var(--teal);margin:2px 0 0}.lesson-guide small,.lesson-guide footer{color:var(--muted)}.lesson-guide>p,.lesson-guide li{line-height:1.7}.lesson-guide>div{border-top:1px solid #e5eeee;grid-template-columns:90px 1fr;gap:10px;padding:10px 0;display:grid}.lesson-guide>div b{color:var(--teal)}.lesson-guide>div.risk b{color:#c74738}.lesson-guide footer{border-top:1px solid #dce8e9;padding-top:10px;font-size:13px}.global-search{margin:0 0 18px;position:relative}.search-box{background:#fff;border:1px solid #cbdadb;border-radius:10px;align-items:center;gap:10px;min-height:52px;padding:0 14px;display:flex}.search-box svg{color:#08727a;width:20px}.search-box input{width:100%;font:inherit;color:#17383d;border:0;outline:0}.search-results{z-index:30;background:#fff;border:1px solid #cbdadb;border-radius:10px;max-height:430px;padding:8px;position:absolute;top:58px;left:0;right:0;overflow:auto;box-shadow:0 14px 36px #0d373c26}.search-results>div{border-bottom:1px solid #e4ecec;grid-template-columns:1fr 44px;gap:4px;display:grid}.search-open{text-align:left;background:#fff;border:0;flex-direction:column;align-items:flex-start;padding:12px;display:flex}.search-open span{color:#61777a;margin-top:4px;font-size:13px}.bookmark-button{color:#61777a;background:#fff;border:0}.bookmark-button.active{color:#08727a}.announcement-center{background:#f7fbfb;border:1px solid #d7e2e3;border-radius:10px;margin:0 0 22px;padding:18px 22px}.announcement-center header,.announcement-center header>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.announcement-center header>div{justify-content:flex-start}.announcement-center h2{margin:0;font-size:20px}.announcement-center header svg{color:#08727a}.announcement-center>div{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px;display:grid}.announcement-center article{background:#fff;border-left:3px solid #ff6b5b;padding:12px}.announcement-center article p{color:#61777a;font-size:13px;line-height:1.5}.announcement-center article small{color:#879699}.library-tools{grid-template-columns:1fr 180px 160px;gap:12px;margin:20px 0;display:grid}.library-tools select{font:inherit;background:#fff;border:1px solid #cbdadb;border-radius:10px;padding:0 12px}.recent-materials{margin:18px 0}.recent-materials>div{gap:10px;display:flex;overflow:auto}.recent-materials button{color:#17383d;background:#fff;border:1px solid #d7e2e3;border-radius:8px;justify-content:space-between;gap:12px;min-width:220px;padding:12px;display:flex}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.material-card{background:#fff;border:1px solid #d7e2e3;border-radius:9px;grid-template-columns:36px 1fr auto;gap:10px;padding:14px;display:grid}.material-card>svg{color:#08727a}.material-card p{color:#61777a;margin:5px 0;font-size:13px}.material-card small{color:#879699}.material-actions{grid-column:1/-1;gap:8px;display:flex}.material-actions button{color:#075e63;background:#fff;border:1px solid #cbdadb;border-radius:7px;align-items:center;gap:5px;padding:7px 10px;display:flex}.material-actions button.active{background:#e5f5f3}.material-actions svg{width:16px}.record-table+.record-table{margin-top:22px}.content-manager .record-summary{margin:20px 0}.content-search{max-width:none;margin:20px 0;display:block}.content-search input{margin-top:8px}.content-list{gap:12px;display:grid}.content-list article{background:#fff;border:1px solid #d7e2e3;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:18px 20px;display:grid}.content-list article>div:first-child{min-width:0}.content-list article b{color:#17383d;margin:7px 0;display:block}.content-list article p{color:#61777a;white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.55;overflow:hidden}.content-type,.content-meta>span{color:#075e63;background:#e5f5f3;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-block}.content-meta{grid-template-columns:auto auto;place-items:center end;gap:10px 14px;display:grid}.content-meta>span.disabled{color:#a33f32;background:#f4e7e4}.content-meta small{color:#71878a;white-space:nowrap}.content-meta button{grid-column:1/-1;width:100%}@media (width<=700px){.content-list article{grid-template-columns:1fr;gap:14px;padding:16px}.content-list article p{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.content-meta{grid-template-columns:auto 1fr;justify-items:start}.content-meta button{width:auto}.content-manager .record-summary{grid-template-columns:repeat(2,1fr)}.announcement-center>div,.library-tools{grid-template-columns:1fr}.library-tools select{min-height:46px}.material-grid{grid-template-columns:1fr}.announcement-center{padding:16px}.global-search{margin-top:4px}.search-results{position:fixed;top:118px;left:12px;right:12px}.recent-materials button{min-width:190px}}