/* 奖励与条件先行：沿用既有内容及冰蓝美术，重排任务和军团信息。 */
.points-overview { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.points-overview>.faction-split { display:none; }
.points-overview>.points-block { margin:0!important; }
.task-reward-group.task-panel { display:block; margin-top:28px; padding:30px; }
.reward-group-header { text-align:center; margin-bottom:26px; }
.reward-group-header h3 { font-family:'Noto Serif SC',serif; font-size:25px; color:#dff5ff; letter-spacing:3px; }
.reward-group-header h3::before,.reward-group-header h3::after { content:'✧'; font-size:18px; margin:0 14px; color:#80c4e3; }
.reward-group-header p { margin-top:8px; font-size:14px; color:#a7bdcf; }
.task-reward-group .task-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.task-reward-group .reward-task { display:grid; grid-template-columns:60px 1fr; grid-template-areas:'icon points' 'body body' 'button button'; gap:16px 12px; padding:22px 18px 18px; border:1px solid #6b9abc66; background:linear-gradient(145deg,#24415c55,#0b182bbb); border-radius:8px; align-content:start; }
.reward-task .task-icon { grid-area:icon; width:56px; height:56px; border:1px solid #8fcfe788; border-radius:50%; background:radial-gradient(circle at 35% 25%,#41718e,#102540 70%); color:#c5ecff; box-shadow:0 0 14px #7bcaff22; }
.reward-task .task-icon svg { width:25px;height:25px; }
.reward-task .task-points { grid-area:points; text-align:left; align-self:center; }
.reward-task .task-points .num { font-size:29px; line-height:1; }
.reward-task .task-points .unit { font-size:12px; margin-top:4px; }
.reward-task .task-body { grid-area:body; min-width:0; min-height:70px; }
.reward-task .task-name { font-family:'Noto Serif SC',serif; font-size:17px; margin-bottom:6px; }
.reward-task .task-desc { font-size:14px; line-height:1.7; }
.reward-task .task-btn { grid-area:button; width:100%; min-height:50px; border:10px solid transparent; border-image:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/buttonslimprimary.svg') 12 fill stretch; background:none; font-size:15px; padding:3px 8px; color:#e4f6ff; }
.reward-task .task-btn.done { border-image-source:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/buttonslimsecondary.svg'); color:#9daebc; }
.legion-grid.legion-stacked { display:grid;grid-template-columns:1fr;gap:28px; }
.legion-membership { display:flex; justify-content:space-between; align-items:center; gap:18px; background:#7bcfff0c; border-block:1px solid #83bedd44; padding:18px 20px; margin-bottom:28px; }
.legion-membership strong { font-size:18px; font-family:'Noto Serif SC',serif; }
.legion-membership p { font-size:14px; color:#9fb9cb; margin-top:6px; }
.legion-entry { color:#d4f0ff; text-decoration:none; white-space:nowrap; border:10px solid transparent; border-image:url('https://static.web.sdo.com//aionm/pic/pro2026/260828AIONRally/buttonslimsecondary.svg') 12 fill stretch; padding:4px 20px; font-size:15px; }
.legion-stacked .legion-rewards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }
.legion-stacked .legion-reward-item { display:flex;flex-direction:column;text-align:center;gap:14px;padding:24px 18px;position:relative;border-radius:8px; }
.legion-gift-emblem { width:70px;height:70px;color:#aecbdf;background:radial-gradient(circle,#355a7988,#0c1b32);border:1px solid #719bb9;display:grid;place-items:center; }
.legion-gift-emblem svg { width:46px;height:46px; }
.reached .legion-gift-emblem { color:#d5f6ff;box-shadow:0 0 20px #8bd7ff33;border-color:#bae8f8; }
.legion-stacked .legion-reward-num { width:auto;height:auto;background:none;display:flex;gap:6px;align-items:baseline; }
.legion-stacked .legion-reward-num .n { font-size:28px; }
.legion-stacked .legion-reward-num .u { font-size:14px; }
.legion-stacked .legion-reward-title { font-size:18px;margin-bottom:9px; }
.legion-stacked .legion-reward-desc { font-size:14px;line-height:1.8; }
.legion-stacked .tier-status { margin-top:auto;padding:6px 16px; }
.legion-stacked .ranking-title { justify-content:center; font-size:24px; margin-bottom:24px; }
.ranking-columns,.legion-stacked .ranking-row { display:grid;grid-template-columns:65px 1fr 90px 110px; gap:16px;align-items:center;padding:15px 20px; }
.ranking-columns { color:#96b5c9;font-size:14px;border-block:1px solid #769fba55;background:#8ecaff0a; }
.legion-stacked .rank-members,.legion-stacked .rank-score { text-align:right; }
.ranking-columns span:nth-last-child(-n+2) { text-align:right; }
.legion-stacked .ranking-row { border-bottom:1px solid #8bb9d51a; }
@media(max-width:819px) {
 .points-overview { grid-template-columns:1fr;gap:24px; }
 .points-overview>.points-block+ .points-block { border-top:1px solid #7da6c644;padding-top:24px; }
 .task-reward-group.task-panel { padding:20px 14px; }
 .reward-group-header h3 { font-size:21px;letter-spacing:1px; }
 .reward-group-header h3::before,.reward-group-header h3::after { margin:0 7px; }
 .task-reward-group .task-list { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
 .task-reward-group .reward-task { grid-template-columns:1fr;grid-template-areas:'icon' 'points' 'body' 'button';justify-items:center;text-align:center;padding:16px 10px 10px;gap:10px; }
 .reward-task .task-points { text-align:center; }
 .reward-task .task-body { min-height:94px; }
 .reward-task .task-name { font-size:15px; }
 .reward-task .task-desc { font-size:13px; }
 .reward-task .task-btn { font-size:14px;padding:3px 0; }
 .legion-membership { flex-direction:column;text-align:center;padding:16px 8px; }
 .legion-stacked .legion-rewards { grid-template-columns:1fr;gap:14px; }
 .legion-stacked .legion-reward-item { display:grid;grid-template-columns:60px 1fr;gap:10px 14px;text-align:left;padding:18px 14px; }
 .legion-gift-emblem { grid-column:1;grid-row:1 / span 2;width:56px;height:56px; }
 .legion-stacked .legion-reward-num { grid-column:2; }
 .legion-stacked .legion-reward-content { grid-column:2; }
 .legion-stacked .tier-status { grid-column:2;justify-self:start; }
 .legion-stacked .legion-reward-title { font-size:16px; }
 .ranking-columns,.legion-stacked .ranking-row { grid-template-columns:28px minmax(0,1fr) 40px 60px;gap:6px;padding:12px 5px; }
 .legion-stacked .rank-legion { font-size:14px; }
 .legion-stacked .rank-score { font-size:13px; }
 .legion-stacked .rank-members { font-size:11px; }
 .ranking-columns { font-size:12px; }
 .legion-stacked .ranking-title { font-size:20px; }
}
.reward-task .task-body { width:100%; }
.reward-task .task-desc { white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
.legion-stacked .legion-reward-item.reached .legion-reward-num { background:none; }