.mission-skin{color:var(--xet-theme-text-base-color)}.mission-skin .mission__title{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px;height:60px}.mission-skin .mission__title .title{text-align:center;font-size:18px;font-weight:700;color:var(--xet-theme-text-strong-color)}.mission-skin .mission__title .title.dp-flex{justify-content:center;gap:16px}.mission-skin .mission__title .title .is-active{border-bottom:1px solid var(--xet-theme-text-strong-color)}.mission-skin .mission__title .title>small{font-weight:400;font-size:14px;color:var(--xet-theme-text-base-color)}.mission-skin .mission__title .xet-btn{position:absolute;top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.mission-skin .mission__title .xet-btn.close{left:auto;right:0}.mission-skin .mission__title .xet-btn.back{left:0}.mission-skin .mission-category{display:flex;margin-bottom:20px;border-bottom:1px solid var(--xet-theme-border-color)}.mission-skin .mission-category>a{flex:1;display:flex;align-items:center;justify-content:center;height:40px;border-bottom:2px solid #fff0}.mission-skin .mission-category>a.mission-category-item--active{color:var(--xet-theme-text-strong-color);border-color:var(--xet-theme-text-strong-color)}.mission-skin .total-achievement-graph{margin-bottom:20px}.mission-skin .total-achievement-graph .ach-border{border-radius:10px;width:100%;height:10px;border:1px solid var(--xet-theme-border-color)}.mission-skin .total-achievement-graph .ach-border .ach-line{border-radius:5px;background-color:var(--xet-theme-primary-color);height:100%}.mission-skin .mission__list ul{list-style:none;margin:0;padding:0}.mission-skin .mission__list ul>li{margin:0;padding:16px;border-radius:16px;overflow:hidden;font-size:14px;background-color:rgb(255 255 255 / .08)}.mission-skin .mission__list ul>li+li{margin-top:16px}.mission-skin .mission__list ul>li.achieved{background-color:var(--xet-theme-btn-bg)}.mission-skin .mission__list ul>li>div+div{margin-top:4px}.mission-skin .mission__list ul>li div[data-label="#"]{display:none}.mission-skin .mission__list ul>li .achieve_title{font-size:16px;color:var(--xet-theme-text-strong-color)}.mission-skin .mission__list ul>li .achievement-graph .ach-border{border-radius:5px;width:100%;height:6px;border:1px solid var(--xet-theme-border-color)}.mission-skin .mission__list ul>li .achievement-graph .ach-line{border-radius:5px;background-color:var(--xet-theme-primary-color);height:100%}.mission-skin .mission__list ul>li .__content{font-weight:500;color:var(--xet-theme-text-base-color)}.mission-skin .mission__list ul>li .__content>div.__content{flex:1}.mission-skin .mission__list ul>li .__content>div.__content>div+div{margin-top:8px}.mission-skin .mission__list ul>li .__content>div:last-child{flex-shrink:0}.mission-skin .mission__list ul>li .__content .subject{font-weight:700;color:var(--xet-theme-text-strong-color)}.mission-skin .mission__list ul>li .__content .date{font-size:14px}.mission-skin .mission__list ul>li .__content .meta{display:flex;align-items:center;font-size:14px;gap:16px}.mission-skin .mission__title{margin-bottom:1.875rem;height:auto;min-height:3.75rem;padding:0;position:relative;display:flex;align-items:center;justify-content:center}.mission-skin .mission__title .title{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:2.2rem;font-weight:700;color:#e8bd70;line-height:1.15;margin:0;gap:.625rem;padding-left:2.75rem;padding-right:2.75rem;margin-top:11px}.mission-skin .mission__title .title>small{font-size:1.1rem;font-weight:400;color:#ccc;line-height:1.5;margin:0}.mission-skin .mission__title .xet-btn.back{position:absolute;left:0;top:38%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.mission-skin .mission-category{margin-top:0}@media (max-width:480px){.mission-skin .mission__title .title{margin-top:7.5px;font-size:1.9rem}.mission-skin .mission__title .title>small{margin-top:8px;font-size:1rem}.mission-skin .mission__title .title{text-shadow:0 0 .625rem rgb(232 189 112 / .3)}}@media (min-width:481px){.mission-skin .mission__title .title{text-shadow:0 0 .625rem rgb(232 189 112 / .3)}.mission-skin .mission__title .title>small{text-shadow:none}}