.GARDGRAMMAR[data-v-21400303]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:20px;text-align:center}.GARDGRAMMAR .content_summary[data-v-21400303]{color:#9e9e9e;padding-bottom:20px}.GARDGRAMMAR .card[data-v-21400303]{width:700px;min-height:500px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-radius:30px;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:30px}.GARDGRAMMAR .card .audio[data-v-21400303]{position:absolute;top:20px;left:20px}.GARDGRAMMAR .card .hsk[data-v-21400303]{padding:2px 10px;position:absolute;top:20px;right:20px;font-size:.8em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:3px 8px;border-radius:5px;cursor:default;background-color:#f6c752}.GARDGRAMMAR .card .hsk[data-v-21400303]:hover{background-color:#f6c752}.GARDGRAMMAR .card .audio[data-v-21400303]{width:50px;height:50px;margin-bottom:30px}.GARDGRAMMAR .card>.zh[data-v-21400303]{font-size:35px;line-height:35px;margin-bottom:10px}.GARDGRAMMAR .card>.py[data-v-21400303]{margin-bottom:10px}.GARDGRAMMAR .card .detailContent[data-v-21400303]{width:75%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #333;padding-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.GARDGRAMMAR .card .detailContent .summary[data-v-21400303]{text-align:left}.GARDGRAMMAR .card .detailContent .example[data-v-21400303]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:20px}.GARDGRAMMAR .card .detailContent .example .example_audio[data-v-21400303]{width:30px;height:30px;margin-right:20px;-ms-flex-negative:0;flex-shrink:0}.GARDGRAMMAR .card .detailContent .example .example_info[data-v-21400303]{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.GARDGRAMMAR .card .detailContent .example .example_info .info_zh[data-v-21400303]{line-height:24px}.GARDGRAMMAR .card .detailContent .example .example_info .info_py[data-v-21400303]{line-height:16px;margin:10px 0}.GARDGRAMMAR .card .detailContent .example .example_info .info_en[data-v-21400303]{line-height:16px}.GARDGRAMMAR .card .structure[data-v-21400303]{margin-top:30px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f6c752;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px 50px}.GARDGRAMMAR .card .structure .title[data-v-21400303]{margin-bottom:5px;text-transform:uppercase}.GARDGRAMMAR .button_continue[data-v-21400303]{margin:25px auto;padding:15px 35px;-webkit-transition:all .5s;transition:all .5s}.GARDGRAMMAR .button_continue[data-v-21400303]:hover{background-color:#2472b3;color:#fff}.GARDGRAMMAR .prompt[data-v-21400303]{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.GARDGRAMMAR .prompt .btn[data-v-21400303]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:15px 20px;border-radius:8px}.GARDGRAMMAR .prompt .btn[data-v-21400303]:hover{opacity:.9}.GARDGRAMMAR .prompt .previous[data-v-21400303]{color:#9e9e9f;background-color:#fff}@media (max-width:1440px),screen and (max-height:800px){.GARDGRAMMAR[data-v-21400303]{padding-top:0}.GARDGRAMMAR .card[data-v-21400303]{width:410px;min-height:0}.GARDGRAMMAR .card .wordImage[data-v-21400303]{margin:5px 0}}@media screen and (max-width:1440px){.GARDGRAMMAR .card[data-v-21400303]{width:700px}.GARDGRAMMAR .card .detailContent[data-v-21400303]{width:540px}}@media screen and (max-width:500px){.GARDGRAMMAR[data-v-21400303]{width:auto!important}.GARDGRAMMAR .card[data-v-21400303]{width:100%}.GARDGRAMMAR .card .detailContent[data-v-21400303]{padding:0 10px;padding-top:20px}}