.t5-plan-detail{height:100%;position:relative;overflow:hidden;background:#09090a;color:#f4f4f4;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;padding:30px 46px 86px}
.t5-plan-detail__actions{position:relative;margin-left:28px}.t5-plan-detail__actions .t5-plan-detail__more{width:54px;height:38px;border:1px solid #55555b;border-radius:19px;background:#19191c;color:#f4f4f4;font-size:17px;letter-spacing:3px;padding:0 0 8px 3px}.t5-plan-detail__actions.open .t5-plan-detail__more{background:#f0f0f2;color:#111;border-color:#f0f0f2}.t5-plan-detail__menu{position:absolute;z-index:20;right:0;top:48px;width:210px;padding:7px;background:#f0f0f2;color:#111;border:1px solid #c7c7ca;border-radius:12px;box-shadow:0 16px 36px rgba(0,0,0,.48);display:none}.t5-plan-detail__actions.open .t5-plan-detail__menu{display:grid}.t5-plan-detail__menu button{height:48px;border:0;border-bottom:1px solid #d5d5d7;background:transparent;color:#111;text-align:left;padding:0 15px;font-size:14px}.t5-plan-detail__menu button:last-child{border-bottom:0}.t5-plan-detail__menu button:hover,.t5-plan-detail__menu button:focus{background:#dedee1;outline:none}.t5-plan-detail__menu button.danger{color:#a12222;font-weight:700}
.t5-plan-detail__stage-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.t5-plan-detail__stage-tab{position:relative;min-height:58px;border:1px solid #44444a;border-radius:10px;background:#171719;padding:9px 13px;text-align:left}.t5-plan-detail__stage-tab span,.t5-plan-detail__stage-tab small{display:block;color:#929298;font-size:9px}.t5-plan-detail__stage-tab b{display:block;margin:3px 0 2px;font-size:14px}.t5-plan-detail__stage-tab:hover,.t5-plan-detail__stage-tab:focus{border-color:#aaaab0;background:#202023;outline:none}.t5-plan-detail__stage-tab.active{border-color:#f0f0f2;background:#f0f0f2;color:#111}.t5-plan-detail__stage-tab.active span,.t5-plan-detail__stage-tab.active small{color:#55555b}.t5-plan-detail__stage-tab mark{position:absolute;right:9px;top:8px;border:1px solid #77777d;border-radius:10px;background:#111;color:#fff;font-size:8px;font-weight:700;padding:3px 7px;white-space:nowrap}
.t5-plan-detail *{box-sizing:border-box}.t5-plan-detail button{font:inherit;color:inherit;cursor:pointer}
.t5-plan-detail__header{height:62px;display:flex;align-items:center;border-bottom:1px solid #29292d;padding-bottom:18px}
.t5-plan-detail__header>button{width:112px;background:#151517;border:1px solid #3b3b40;border-radius:5px;padding:9px 14px;font-size:14px}
.t5-plan-detail__header>div{display:flex;align-items:baseline;gap:16px;margin-left:24px}.t5-plan-detail__header>div b{font-size:23px}.t5-plan-detail__header>div span{font-size:14px;color:#8f8f94}
.t5-plan-detail__header aside{margin-left:auto;display:flex;align-items:center;gap:18px;color:#d5d5d7}.t5-plan-detail__header aside i{width:1px;height:24px;background:#39393c}.t5-plan-detail__header aside>b{font-size:14px;font-weight:500}.t5-plan-detail__header aside button{background:#151517;border:1px solid #3b3b3f;border-radius:4px;padding:5px 10px;font-size:13px}
.t5-plan-detail__main{height:calc(100% - 62px);display:grid;place-items:center}.t5-plan-detail__panel{width:1510px;height:790px;border:1px solid #343438;border-radius:22px;background:#111113;overflow:hidden;display:flex;flex-direction:column}
.t5-plan-detail__title{flex:0 0 96px;display:flex;align-items:center;padding:20px 38px;border-bottom:1px solid #38383d}.t5-plan-detail__title>div>span{font-size:10px;letter-spacing:.16em;color:#99999e}.t5-plan-detail__title h1{font-size:29px;margin:4px 0 0}.t5-plan-detail__title>dl{display:flex;margin-left:auto;gap:38px}.t5-plan-detail__title dl div{border-left:1px solid #434348;padding-left:23px}.t5-plan-detail__title dt{font-size:10px;color:#8d8d92}.t5-plan-detail__title dd{font-size:18px;font-weight:700;margin:5px 0 0}.t5-plan-detail__title>button{margin-left:34px;border:1px solid #d1d1d4;background:#f2f2f2;color:#111;border-radius:22px;padding:11px 21px;font-size:12px;font-weight:700}
.t5-plan-detail__scroll{height:calc(100% - 96px);overflow:hidden;padding:18px 38px 20px}.t5-plan-detail__milestone{display:grid;grid-template-columns:1fr 450px;gap:16px}.t5-plan-detail__milestone>article{min-height:116px;border:1px solid #4b4b51;border-radius:14px;background:#19191c;padding:16px 20px}.t5-plan-detail__milestone span,.t5-plan-detail__section-title>span{font-size:10px;letter-spacing:.14em;color:#9a9aa0}.t5-plan-detail__milestone h2{font-size:18px;line-height:1.4;margin:7px 0 0;max-width:760px}.t5-plan-detail__milestone p{font-size:11px;line-height:1.45;color:#a6a6ab;margin:6px 0 0}
.t5-plan-detail__progress{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px!important}.t5-plan-detail__progress>div{border:1px solid #414147;border-radius:9px;padding:6px 9px}.t5-plan-detail__progress b{display:block;font-size:13px;margin-top:2px}.t5-plan-detail__progress small{font-size:8px;color:#99999e}
.t5-plan-detail__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.t5-plan-detail__metric{height:72px;border:1px solid #44444a;border-radius:11px;background:#171719;padding:11px 15px}.t5-plan-detail__metric span{font-size:9px;color:#94949a}.t5-plan-detail__metric b{display:block;font-size:18px;margin-top:5px}.t5-plan-detail__metric small{font-size:9px;color:#88888e;margin-left:5px}
.t5-plan-detail__weeks{margin-top:14px}.t5-plan-detail__section-title{display:flex;align-items:end;margin-bottom:9px}.t5-plan-detail__section-title h2{font-size:18px;margin:3px 0 0}.t5-plan-detail__section-title p{margin:0 0 2px 16px;color:#9b9ba0;font-size:10px}.t5-plan-detail__section-title b{margin-left:auto;font-size:10px;color:#b3b3b8}
.t5-plan-detail__course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.t5-plan-detail__course{min-height:92px;border:1px solid #48484e;border-radius:11px;background:#18181b;text-align:left;padding:11px 13px;display:grid;grid-template-columns:34px 1fr 20px;column-gap:8px;align-items:start}.t5-plan-detail__course:hover,.t5-plan-detail__course:focus{border-color:#c8c8cb;background:#202023;outline:none}.t5-plan-detail__course>em{width:30px;height:30px;border:1px solid #67676e;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:9px}.t5-plan-detail__course h3{font-size:13px;margin:1px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t5-plan-detail__course p{font-size:9px;color:#919197;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t5-plan-detail__course>i{font-style:normal;font-size:16px;color:#9c9ca1;padding-top:7px}
.t5-plan-detail__course-metrics{grid-column:2/4;display:flex;gap:7px;margin-top:7px}.t5-plan-detail__course-metrics span{border:1px solid #424248;border-radius:13px;padding:3px 7px;font-size:8px;color:#b8b8bd;display:flex;align-items:center;gap:4px}.t5-plan-detail__course-metrics b{font-size:9px;color:#eee}.t5-plan-detail__zclock{width:14px;height:14px;border:1px solid #bdbdc2;border-radius:50%;display:inline-grid!important;place-items:center;padding:0!important;font-size:7px!important;font-weight:800;line-height:1}.t5-plan-detail__week{padding-top:10px;margin-top:8px;border-top:1px solid #333338}.t5-plan-detail__week[hidden]{display:none}.t5-plan-detail__week.active{display:block}.t5-plan-detail__source{margin-top:30px;padding:15px 18px;border:1px dashed #4a4a50;border-radius:10px;color:#96969b;font-size:10px;display:flex}.t5-plan-detail__source b{margin-left:auto;color:#c2c2c7}