.writing-mode-selector[data-v-51bd1928]{-moz-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:repeat(3,1fr);row-gap:1rem}.writing-mode-selector.disabled[data-v-51bd1928]{cursor:not-allowed}.writing-mode-selector.disabled li[data-v-51bd1928]{pointer-events:none}.writing-mode-selector .active[data-v-51bd1928]{border-color:var(--color-primary)}.writing-mode-selector .active .checked[data-v-51bd1928]{display:block}.writing-mode-selector li[data-v-51bd1928]{background-color:var(--color-white);border:1.5px solid var(--border-color);border-radius:.5rem;cursor:pointer;display:flex;flex:1;flex-direction:column;overflow:hidden;padding:1rem 1.2rem;position:relative;transition:border-color .2s ease}.writing-mode-selector li[data-v-51bd1928]:hover{border-color:var(--color-primary)}.writing-mode-selector li .info[data-v-51bd1928]{padding-bottom:30px}.writing-mode-selector li .info span[data-v-51bd1928]{font-size:24px;letter-spacing:1px}.writing-mode-selector li .bottom[data-v-51bd1928]{align-items:center;display:flex;flex-direction:row;padding:15px 0 0;position:relative;width:100%}.writing-mode-selector li .bottom[data-v-51bd1928]:before{background-color:var(--text-color-grey-light);content:"";height:1px;left:-12px;position:absolute;top:0;width:calc(100% + 24px)}.writing-mode-selector li .bottom p[data-v-51bd1928]{font-size:15px}.writing-mode-selector li .bottom span[data-v-51bd1928]{color:var(--text-color-secondary);font-size:13px;padding-left:4px}.writing-mode-selector li .checked[data-v-51bd1928]{border-bottom:60px solid transparent;border-left:100px solid var(--color-primary);border-top:60px solid transparent;display:none;height:0;position:absolute;right:0;top:0;transform:translate(50%) translateY(-70%) rotate(-45deg);width:0}.writing-mode-selector li .checked .iconfont[data-v-51bd1928]{color:var(--text-color);font-size:24px;left:-100px;position:absolute;top:3px;transform:rotate(45deg)}.scroll-view{--padding:24px;--radius:16px}