.t5-course-picker{height:100%;position:relative;overflow:hidden;background:#09090a;color:#f4f4f4;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;padding:30px 46px 86px}
.t5-course-picker__overlay{position:absolute;z-index:30;inset:0;background:rgba(5,5,6,.78);display:none;place-items:center}.t5-course-picker__overlay.open{display:grid}
.t5-course-picker__calendar{width:660px;border:1px solid #66666d;border-radius:18px;background:#171719;box-shadow:0 24px 70px rgba(0,0,0,.68);padding:22px 26px 24px}.t5-course-picker__calendar>header{display:flex;align-items:start;border-bottom:1px solid #3e3e43;padding-bottom:14px}.t5-course-picker__calendar>header span{font-size:9px;letter-spacing:.15em;color:#96969c}.t5-course-picker__calendar>header h2{font-size:23px;margin:5px 0 0}.t5-course-picker__calendar>header>button{margin-left:auto;width:34px;height:34px;border:1px solid #515157;border-radius:50%;background:#222225;font-size:20px}.t5-course-picker__calendar>p{font-size:10px;color:#99999f;margin:14px 0}.t5-course-picker__calendar>p b{color:#eee;margin-left:5px}
.t5-course-picker__month{height:42px;display:flex;justify-content:space-between;align-items:center}.t5-course-picker__month button{width:34px;height:28px;border:1px solid #49494f;border-radius:14px;background:#202023}.t5-course-picker__month b{font-size:15px}.t5-course-picker__weekdays,.t5-course-picker__calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.t5-course-picker__weekdays{margin:8px 0 6px}.t5-course-picker__weekdays span{text-align:center;font-size:9px;color:#88888e}.t5-course-picker__calendar-grid>i{height:42px}.t5-course-picker__calendar-grid button{height:42px;border:1px solid #44444a;border-radius:9px;background:#202023;font-size:12px}.t5-course-picker__calendar-grid button:hover{border-color:#bdbdc2}.t5-course-picker__calendar-grid button.selected{background:#efeff1;color:#111;border-color:#fff;font-weight:800}.t5-course-picker__calendar-grid button.selected:after{content:"✓";font-size:8px;margin-left:5px}
.t5-course-picker__calendar>footer{display:flex;align-items:center;border-top:1px solid #3e3e43;margin-top:16px;padding-top:16px}.t5-course-picker__calendar>footer span{font-size:11px;color:#aaaab0}.t5-course-picker__calendar>footer button{margin-left:auto;min-width:160px;border:1px solid #eee;border-radius:22px;background:#efeff1;color:#111;padding:11px 18px;font-size:11px;font-weight:800}.t5-course-picker__calendar>footer button:disabled{background:#29292d;color:#6f6f75;border-color:#424248;cursor:not-allowed}
.t5-course-picker *{box-sizing:border-box}.t5-course-picker button{font:inherit;color:inherit;cursor:pointer}
.t5-course-picker__header{height:62px;display:flex;align-items:center;border-bottom:1px solid #29292d;padding-bottom:18px}.t5-course-picker__header>button{width:112px;background:#151517;border:1px solid #3b3b40;border-radius:5px;padding:9px 14px;font-size:14px}.t5-course-picker__header>div{display:flex;align-items:baseline;gap:16px;margin-left:24px}.t5-course-picker__header>div b{font-size:23px}.t5-course-picker__header>div span{font-size:14px;color:#8f8f94}.t5-course-picker__header aside{margin-left:auto;display:flex;align-items:center;gap:18px;color:#d5d5d7}.t5-course-picker__header aside i{width:1px;height:24px;background:#39393c}.t5-course-picker__header aside>b{font-size:14px;font-weight:500}.t5-course-picker__header aside button{background:#151517;border:1px solid #3b3b3f;border-radius:4px;padding:5px 10px;font-size:13px}
.t5-course-picker__main{height:calc(100% - 62px);display:grid;place-items:center}.t5-course-picker__panel{width:1510px;height:790px;border:1px solid #343438;border-radius:22px;background:#111113;overflow:hidden;display:flex;flex-direction:column}
.t5-course-picker__title{height:92px;display:flex;align-items:center;padding:18px 38px;border-bottom:1px solid #343438}.t5-course-picker__title span{font-size:10px;letter-spacing:.15em;color:#929298}.t5-course-picker__title h1{font-size:28px;margin:5px 0 0}.t5-course-picker__title p{font-size:11px;color:#97979c;margin:0 0 0 20px}.t5-course-picker__date{margin-left:auto;border:1px solid #535359;border-radius:22px;padding:10px 16px;font-size:11px}.t5-course-picker__date b{margin-left:8px}
.t5-course-picker__tabs{height:70px;display:flex;align-items:end;gap:10px;padding:0 38px;border-bottom:1px solid #3a3a3f}.t5-course-picker__tabs button{height:52px;min-width:128px;border:1px solid #48484e;border-bottom:0;border-radius:10px 10px 0 0;background:#19191b;color:#aaaab0;padding:0 18px;font-size:12px}.t5-course-picker__tabs button.on{height:58px;background:#efeff1;color:#111;border-color:#efeff1;font-weight:700}
.t5-course-picker__scroll{height:calc(100% - 162px);overflow-y:auto;padding:22px 38px 48px;scrollbar-color:#85858b #222226;scrollbar-width:thin}.t5-course-picker__scroll::-webkit-scrollbar{width:10px}.t5-course-picker__scroll::-webkit-scrollbar-track{background:#222226}.t5-course-picker__scroll::-webkit-scrollbar-thumb{background:#85858b;border-radius:8px;border:2px solid #222226}
.t5-course-picker__empty{min-height:76px;border:1px dashed #55555b;border-radius:12px;background:#18181b;padding:15px 20px;display:flex;align-items:center}.t5-course-picker__empty>div span{font-size:9px;letter-spacing:.13em;color:#929298}.t5-course-picker__empty h2{font-size:16px;margin:4px 0 0}.t5-course-picker__empty p{font-size:10px;color:#95959a;margin:0 0 0 18px;max-width:650px}.t5-course-picker__empty b{margin-left:auto;border:1px solid #55555b;border-radius:14px;padding:6px 10px;font-size:9px}
.t5-course-picker__pool-head{display:flex;align-items:end;margin:18px 0 12px}.t5-course-picker__pool-head span{font-size:9px;letter-spacing:.14em;color:#8f8f95}.t5-course-picker__pool-head h2{font-size:20px;margin:4px 0 0}.t5-course-picker__pool-head p{font-size:10px;color:#96969b;margin:0 0 2px 16px}.t5-course-picker__pool-head b{margin-left:auto;font-size:10px;color:#b7b7bc}
.t5-course-picker__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.t5-course-picker__card{min-height:218px;border:1px solid #48484e;border-radius:13px;background:#19191c;padding:0;overflow:hidden;display:flex;flex-direction:column}.t5-course-picker__card>button:first-child{flex:1;border:0;background:transparent;text-align:left;padding:17px 18px 12px}.t5-course-picker__card>button:first-child:hover{background:#202023}.t5-course-picker__card header{display:flex;align-items:center}.t5-course-picker__card header span{font-size:9px;letter-spacing:.12em;color:#9c9ca2}.t5-course-picker__card header b{margin-left:auto;border:1px solid #4d4d53;border-radius:12px;padding:4px 7px;font-size:8px;color:#c5c5ca}.t5-course-picker__card h3{font-size:17px;line-height:1.3;margin:17px 0 5px;min-height:44px}.t5-course-picker__card p{font-size:10px;color:#95959a;margin:0}.t5-course-picker__metrics{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.t5-course-picker__metrics span{border:1px solid #45454b;border-radius:12px;padding:4px 7px;font-size:8px;color:#bbbcc1}.t5-course-picker__metrics b{color:#eee}.t5-course-picker__add{height:46px;border:0;border-top:1px solid #44444a;background:#222225;font-size:11px;font-weight:700}.t5-course-picker__add:hover,.t5-course-picker__add:focus{background:#efeff1;color:#111;outline:none}