You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
5.2 KiB
1 lines
5.2 KiB
@charset "UTF-8";.charactersPage{box-sizing:border-box;width:100%;min-height:100%;padding:22px 24px 40px;background:#fff}@media (max-width: 520px){.charactersPage{padding:16px 14px 28px}}.character_library_sections{box-sizing:border-box;width:100%}.character_library_sections__section{width:100%}.character_library_sections__section+.character_library_sections__section{margin-top:30px}.character_library_sections__section_head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;min-height:42px}.character_library_sections__title_wrap{flex:0 1 auto;min-height:42px;display:flex;align-items:center}.character_library_sections__tabs{display:flex;align-items:center;gap:18px}.character_library_sections__section_title{position:relative;margin:0;padding:0 0 3px;display:inline-block;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:16px;font-weight:500;line-height:26px;color:#333}.character_library_sections__section_title:after{content:"";position:absolute;left:calc(50% - .5px);bottom:-5px;transform:translate(-50%);width:39px;height:3px;background:#5c3bc7}.character_library_sections__section_tab{position:relative;margin:0;padding:0 0 3px;border:none;background:transparent;cursor:pointer;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:16px;font-weight:500;line-height:26px;color:#999}.character_library_sections__section_tab_active{color:#333}.character_library_sections__section_tab_active:after{content:"";position:absolute;left:calc(50% - .5px);bottom:-5px;transform:translate(-50%);width:39px;height:3px;background:#5c3bc7}.character_library_sections__search{flex:0 0 auto;position:relative;width:228px;max-width:100%;height:27px;box-sizing:border-box;background:#fff;border:1px solid #e5e6eb;border-radius:9px}.character_library_sections__search_icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:block;object-fit:contain;pointer-events:none}.character_library_sections__search_input{width:100%;height:100%;box-sizing:border-box;border:none;background:transparent;padding:0 12px 0 36px;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:26px;color:#333;border-radius:9px;outline:none}.character_library_sections__search_input::placeholder{color:#999}.character_library_sections__category{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:105px;height:27px;box-sizing:border-box;padding:0 15px;background:#fff;border:1px solid #e5e6eb;border-radius:9px;cursor:pointer;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:26px;color:#333}.character_library_sections__category_icon{width:15px;height:15px;flex-shrink:0;display:block;object-fit:contain;transform:rotate(90deg)}.character_library_sections__category_dropdown{min-width:120px;max-width:220px;max-height:380px;overflow-y:auto;padding:4px;box-sizing:border-box;background:#fff;border:1px solid #e5e6eb;border-radius:9px;box-shadow:0 8px 24px #00000014}.character_library_sections__category_menu_item{width:100%;height:32px;padding:0 10px;border:none;border-radius:6px;background:transparent;cursor:pointer;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:26px;color:#333;text-align:left;box-sizing:border-box}.character_library_sections__category_menu_item:hover{background:#f5f5f5}.character_library_sections__category_menu_item_active{color:#5c3bc7}.character_library_sections__grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,168px);gap:15px;justify-content:start;width:100%}.character_library_sections__card{position:relative;width:168px;max-width:100%;height:168px;box-sizing:border-box;border:2px solid #f0f0f0;border-radius:9px;overflow:hidden;background:#fff;padding:0;cursor:pointer;text-align:left}.character_library_sections__card_image{width:100%;height:100%;display:block;object-fit:cover;border-radius:7px}.character_library_sections__card_tag{position:absolute;right:0;bottom:0;min-width:77px;height:26px;padding:0 10px;box-sizing:border-box;border-top-left-radius:24px;border-bottom-right-radius:9px;background:linear-gradient(90deg,#333,#5c3bc7);display:flex;align-items:center;justify-content:center;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:24px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character_library_sections__diy_card{cursor:pointer;border:none;background:linear-gradient(135.5603531394deg,#f0f0f0 36.134%,#d6ceef 99.52%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px}.character_library_sections__diy_icon{width:32px;height:32px;display:block;object-fit:contain;flex-shrink:0}.character_library_sections__diy_label{margin:0;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:24px;color:#666;text-align:center}@media (max-width: 520px){.character_library_sections__search{width:100%}.character_library_sections__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character_library_sections__card{width:100%;height:auto;aspect-ratio:1/1}}
|
|
|