.t5-my-plan{height:100%;position:relative;overflow:hidden;background:#09090a;color:#f4f4f4;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;padding:30px 46px 86px}
.t5-my-plan *{box-sizing:border-box}.t5-my-plan button{font:inherit;color:inherit;cursor:pointer}
.t5-my-plan__header{height:62px;display:flex;align-items:center;border-bottom:1px solid #29292d;padding-bottom:18px}.t5-my-plan__header>button{width:112px;background:#151517;border:1px solid #3b3b40;border-radius:5px;padding:9px 14px;font-size:14px}.t5-my-plan__header>div{display:flex;align-items:baseline;gap:16px;margin-left:24px}.t5-my-plan__header>div b{font-size:23px}.t5-my-plan__header>div span{font-size:14px;color:#8f8f94}.t5-my-plan__header aside{margin-left:auto;display:flex;align-items:center;gap:18px;color:#d5d5d7}.t5-my-plan__header aside i{width:1px;height:24px;background:#39393c}.t5-my-plan__header aside>b{font-size:14px;font-weight:500}.t5-my-plan__header aside button{background:#151517;border:1px solid #3b3b3f;border-radius:4px;padding:5px 10px;font-size:13px}
.t5-my-plan__main{height:calc(100% - 62px);display:grid;place-items:center}.t5-my-plan__panel{width:1510px;height:790px;border:1px solid #343438;border-radius:22px;background:#111113;padding:28px 42px 28px;overflow:hidden}.t5-my-plan__title{height:78px;display:flex;align-items:flex-start}.t5-my-plan__title>div>span{font-size:11px;letter-spacing:.16em;color:#99999e}.t5-my-plan__title h1{font-size:30px;margin:5px 16px 0 0;display:inline-block}.t5-my-plan__title p{display:inline-block;margin:0;color:#8f8f94;font-size:13px}.t5-my-plan__title>b{margin-left:auto;border:1px solid #56565b;border-radius:18px;padding:7px 13px;font-size:11px;color:#bdbdc1}
.t5-my-plan__basis{height:58px;border:1px solid #48484e;border-radius:10px;background:#18181b;display:flex;align-items:center;padding:0 20px;gap:13px}.t5-my-plan__basis>span{font-size:10px;letter-spacing:.13em;color:#96969b;margin-right:4px}.t5-my-plan__basis>b{font-size:11px;white-space:nowrap}.t5-my-plan__basis>i{width:4px;height:4px;border-radius:50%;background:#6e6e73}
.t5-my-plan__list{margin-top:15px}.t5-my-plan__card{width:100%;border:1px solid #55555b;border-radius:14px;background:#18181b;text-align:left}.t5-my-plan__card.recommended{height:190px;border:2px solid #d3d3d5;background:#202023;display:grid;grid-template-columns:76px 1fr 190px;align-items:center;padding:0 28px}.t5-my-plan__card>em{width:48px;height:48px;border:1px solid #b8b8bd;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.08em}.t5-my-plan__card-copy>span{font-size:10px;letter-spacing:.12em;color:#adadb2}.t5-my-plan__card-copy h2{font-size:28px;margin:6px 0 4px}.t5-my-plan__card-copy p{font-size:12px;color:#9b9ba0;margin:0}.t5-my-plan__card-copy>div{display:flex;gap:7px;margin-top:15px}.t5-my-plan__card-copy>div b{border:1px solid #54545a;border-radius:13px;padding:5px 9px;font-size:9px;color:#c0c0c4}.t5-my-plan__card>aside{height:115px;border-left:1px solid #515157;display:grid;grid-template-columns:42px 1fr;align-content:center;padding-left:30px}.t5-my-plan__card>aside>span{font-size:45px;line-height:1}.t5-my-plan__card>aside>small{font-size:12px;color:#9d9da2;align-self:end;margin-bottom:4px}.t5-my-plan__card>aside>b{grid-column:1/3;margin-top:16px;font-size:12px}
.t5-my-plan__other-plans{margin-top:12px;display:grid;gap:10px}.t5-my-plan__other-plans>button{height:94px;border:1px solid #4c4c52;border-radius:11px;background:#18181b;display:grid;grid-template-columns:1fr 90px 30px;align-items:center;text-align:left;padding:0 24px}.t5-my-plan__other-plans>button>div{display:grid;grid-template-columns:42px 280px 1fr;align-items:center}.t5-my-plan__other-plans>button>div>span{width:28px;height:28px;border:1px solid #55555a;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#96969b}.t5-my-plan__other-plans h2{font-size:19px;margin:0}.t5-my-plan__other-plans p{font-size:12px;color:#97979c;margin:0}.t5-my-plan__other-plans>button>b{text-align:right;font-size:13px}.t5-my-plan__other-plans>button>i{text-align:right;font-style:normal;font-size:18px;color:#a4a4a9}
.t5-my-plan__hint{height:45px;margin-top:12px;border-top:1px solid #3b3b40;display:flex;align-items:end;color:#929297;font-size:11px}.t5-my-plan__hint>b{margin-left:auto;color:#c0c0c4}
.t5-my-plan__joined-section>header,.t5-my-plan__available>header{height:40px;display:flex;align-items:center}.t5-my-plan__joined-section>header div,.t5-my-plan__available>header div{display:flex;align-items:center;gap:12px}.t5-my-plan__joined-section>header span,.t5-my-plan__available>header span{font-size:11px;letter-spacing:.12em;color:#99999e}.t5-my-plan__joined-section>header b,.t5-my-plan__available>header b{font-size:11px}.t5-my-plan__joined-section>header small,.t5-my-plan__available>header small{margin-left:auto;font-size:10px;color:#8c8c91}
.t5-my-plan__joined-card{width:100%;height:200px;border:2px solid #d0d0d3;border-radius:14px;background:#202023;text-align:left;display:grid;grid-template-columns:62px 1fr 360px 28px;align-items:center;padding:0 24px;gap:16px}.t5-my-plan__joined-card>em{width:44px;height:44px;border:1px solid #99999e;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:11px}.t5-my-plan__joined-card>i{font-style:normal;font-size:20px;color:#b5b5ba}.t5-my-plan__joined-copy>span{font-size:10px;color:#a3a3a8}.t5-my-plan__joined-copy h2{font-size:25px;margin:6px 0 4px}.t5-my-plan__joined-copy p{font-size:11px;color:#9a9a9f;margin:0}.t5-my-plan__joined-copy>div{display:flex;gap:7px;margin-top:14px}.t5-my-plan__joined-copy>div b{border:1px solid #54545a;border-radius:13px;padding:4px 8px;font-size:9px;color:#c0c0c4}
.t5-my-plan__progress{border-left:1px solid #505056;padding-left:26px}.t5-my-plan__progress>header{display:flex;align-items:end}.t5-my-plan__progress>header span{font-size:10px;color:#99999e}.t5-my-plan__progress>header b{margin-left:auto;font-size:26px}.t5-my-plan__progress>div{height:9px;background:#36363b;border:1px solid #55555a;border-radius:6px;margin:12px 0 8px;overflow:hidden}.t5-my-plan__progress>div i{display:block;height:100%;background:#e4e4e6}.t5-my-plan__progress>p{display:flex;margin:0;font-size:9px;color:#99999e}.t5-my-plan__progress>p b{margin-left:auto;color:#c8c8cc}.t5-my-plan__progress>small{display:block;margin-top:10px;font-size:9px;color:#8f8f94}
.t5-my-plan__available{margin-top:12px}.t5-my-plan--joined .t5-my-plan__available .t5-my-plan__other-plans{margin-top:0;gap:8px}.t5-my-plan--joined .t5-my-plan__other-plans>button{height:80px}.t5-my-plan--joined .t5-my-plan__other-plans h2{font-size:17px}