.practice-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#263c32,#355746);color:#fff}.practice-hero h2{font:600 27px Georgia,"Microsoft YaHei",serif;margin:5px 0 8px}.practice-hero p{margin:0;color:#cbd7d0}.practice-score{display:flex;flex-direction:column;align-items:center;background:#ffffff17;border:1px solid #ffffff25;border-radius:14px;padding:16px 24px}.practice-score strong{font:700 25px Georgia,serif}.practice-score span{font-size:11px;color:#cbd7d0}.daily-quests{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.daily-quest{background:#fffdf8;border:1px solid #dedbd2;border-radius:13px;padding:15px}.daily-quest.done{border-color:#79a68a;background:#eef6ef}.daily-quest div{display:flex;justify-content:space-between;font-size:12px}.daily-quest p{font-weight:700;margin:8px 0}.daily-quest i{display:block;height:6px;background:#e3e1da;border-radius:10px;overflow:hidden}.daily-quest i:after{content:"";display:block;height:100%;width:var(--quest-progress);background:#e56b34;border-radius:10px}.daily-quest.done i:after{background:#4c8462}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.practice-grid button{border:1px solid #dedbd2;background:#fffdf8;border-radius:15px;padding:20px;text-align:left;cursor:pointer;display:grid;grid-template-columns:44px 1fr;column-gap:12px}.practice-grid button:hover{border-color:#e56b34;transform:translateY(-2px)}.practice-grid button>span{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:#edf2ed;display:grid;place-items:center;font-weight:800;color:#315c43}.practice-grid strong{font-size:15px}.practice-grid small{color:#6f756f;margin-top:4px}.match-arena{margin-top:16px}.match-clock{width:58px;height:58px;border-radius:50%;background:#e56b34;color:#fff;display:grid;place-items:center;font:700 24px Georgia,serif}.match-board{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.match-card{border:2px solid #dedbd2;background:#fff;border-radius:11px;padding:13px;cursor:pointer}.match-card.selected{border-color:#e56b34;background:#fff2e9}.match-card.matched{border-color:#4c8462;background:#e8f2e9;color:#50715d;visibility:hidden}.match-card.wrong{animation:shake .25s;border-color:#b8533f}.match-footer{display:flex;justify-content:space-between;align-items:center}@keyframes shake{33%{transform:translateX(-5px)}66%{transform:translateX(5px)}}@media(max-width:900px){.practice-grid,.daily-quests{grid-template-columns:1fr 1fr}}