/* 10. 管理后台列表页（API分组 / 解决方案） */
.ApiGroupListPage .ApiGroupToolbar,
.SolutionListPage .SolutionToolbar {
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.ApiGroupListPage .SearchInput,
.SolutionListPage .SearchInput {
    width: 260px;
    height: 32px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
}

.SolutionListPage .StatusSelect {
    width: 120px;
    height: 32px;
}

.ApiGroupListPage .PrimaryButton,
.SolutionListPage .PrimaryButton {
    width: 72px;
    height: 32px;
    background: #2288FC !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px;
}

.ApiGroupListPage .CreateButton,
.SolutionListPage .CreateButton {
    width: 120px;
    height: 32px;
    background: #2288FC;
    color: #fff;
    border: none;
    border-radius: 4px;
}

.ApiGroupListPage .ApiGroupGrid.GridBlock,
.SolutionListPage .SolutionGrid.GridBlock {
    background: #fff;
    border: 1px solid #ebeef5;
    border-radius: 6px;
}

.ApiGroupListPage .ApiGroupGrid .GridHeader,
.SolutionListPage .SolutionGrid .GridHeader {
    background: #f7f8fa;
}

.ApiGroupListPage .ApiGroupGrid .GridHeaderCaptionText,
.SolutionListPage .SolutionGrid .GridHeaderCaptionText {
    font-weight: 600;
    color: #333;
}

.ApiGroupListPage .ApiGroupGrid .GridBodyRow td.GridBodyCell,
.SolutionListPage .SolutionGrid .GridBodyRow td.GridBodyCell {
    padding: 10px 12px;
    border-bottom: 1px solid #f0f0f0;
}

.ApiGroupListPage .ApiGroupGrid .GridBodyRow td.GridBodyCell:nth-child(2) {
    font-weight: 600;
    color: #333;
}

.ApiGroupListPage .ApiGroupOperateColumn .GridDynamicButtonBody,
.SolutionListPage .SolutionOperateColumn .GridDynamicButtonBody {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.ApiGroupListPage .ApiGroupOperateColumn .GridDynamicButtonBody a,
.SolutionListPage .SolutionOperateColumn .GridDynamicButtonBody a {
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 12px;
}

.ApiGroupListPage .ApiGroupOperateColumn .GridDynamicButtonBody a[_buttonvalue="0"],
.SolutionListPage .SolutionOperateColumn .GridDynamicButtonBody a[_buttonvalue="0"] {
    background: #e6f1ff;
    color: #2288FC;
}

.ApiGroupListPage .ApiGroupOperateColumn .GridDynamicButtonBody a[_buttonvalue="1"],
.SolutionListPage .SolutionOperateColumn .GridDynamicButtonBody a[_buttonvalue="1"] {
    background: #eaf8e6;
    color: #52c41a;
}

.ApiGroupListPage .ApiGroupOperateColumn .GridDynamicButtonBody a[_buttonvalue="2"] {
    background: #ffecec;
    color: #f56c6c;
}

.SolutionListPage .SolutionOperateColumn .GridDynamicButtonBody a[_buttonvalue="2"] {
    background: #fff3e0;
    color: #e6a23c;
}

.SolutionListPage .SolutionOperateColumn .GridDynamicButtonBody a[_buttonvalue="3"] {
    background: #ffecec;
    color: #f56c6c;
}

.ApiGroupListPage .ApiGroupOperateColumn .GridDynamicButtonBody a[_buttonvalue="0"]:before,
.ApiGroupListPage .ApiGroupOperateColumn .GridDynamicButtonBody a[_buttonvalue="1"]:before,
.ApiGroupListPage .ApiGroupOperateColumn .GridDynamicButtonBody a[_buttonvalue="2"]:before {
    font-family: "iconfont" !important;
    margin-right: 4px;
    font-size: 12px;
}
.ApiGroupListPage .ApiGroupOperateColumn .GridDynamicButtonBody a[_buttonvalue="0"]:before { content: "\e617"; }
.ApiGroupListPage .ApiGroupOperateColumn .GridDynamicButtonBody a[_buttonvalue="1"]:before { content: "\e656"; }
.ApiGroupListPage .ApiGroupOperateColumn .GridDynamicButtonBody a[_buttonvalue="2"]:before { content: "\e637"; }

/* 11. 编辑/预览公共容器 */
.ApiGroupEditPage,
.SolutionEditPage,
.SolutionPreviewPage {
    background: #fff;
    margin: 30px 150px 0 150px;
    padding: 25px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* 12. 表单通用样式 */
.ApiGroupEditPage .FormItem,
.SolutionEditPage .FormItem { margin-bottom: 12px; }

.ApiGroupEditPage .FormLabelRow,
.SolutionEditPage .FormLabelRow { align-items: center; }

.ApiGroupEditPage .FormLabel,
.SolutionEditPage .FormLabel { font-size: 14px; color: #333; font-weight: 600; }

.ApiGroupEditPage .FormRequired,
.SolutionEditPage .FormRequired { color: #f56c6c; margin-left: 4px; }

.ApiGroupEditPage .FormTip,
.SolutionEditPage .FormTip { color: #999; font-size: 12px; margin-top: 4px; }

.ApiGroupEditPage .SectionTitle,
.SolutionEditPage .SectionTitle { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px; }

.ApiGroupEditPage .PrimaryButton,
.SolutionEditPage .PrimaryButton {
    height: 32px;
    background: #2288FC;
    color: #fff;
    border: none;
    border-radius: 4px;
}

.ApiGroupEditPage .FormActions,
.SolutionEditPage .FormActions { margin-top: 12px; column-gap: 12px; }

.ApiGroupEditPage .SelectedCount,
.SolutionEditPage .SelectedCount { color: #666; }

.ApiGroupEditPage .ApiListHint,
.SolutionEditPage .ApiListHint { color: #999; font-size: 12px; margin-top: 6px; display: block; }

/* 13. API 列表通用样式 */
.ApiGroupEditPage .ApiListView .UI_ListView,
.SolutionEditPage .ApiListView .UI_ListView {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ApiGroupEditPage .ApiListView .UI_ListItem,
.SolutionEditPage .ApiListView .UI_ListItem {
    height: auto !important;
    line-height: normal !important;
    width: 100%;
}

.ApiGroupEditPage .ApiListItem,
.SolutionEditPage .ApiListItem {
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0;
    min-height: 68px;
    width: 100%;
}

.ApiGroupEditPage .ApiItemRow,
.SolutionEditPage .ApiItemRow {
    align-items: center;
    min-height: 68px;
    padding: 0 12px 0 8px;
    width: 100%;
    display: flex;
}

.ApiGroupEditPage .ApiItemRow { cursor: pointer; transition: background-color 0.15s ease; }
.ApiGroupEditPage .ApiItemRow:hover { background-color: #f5f7fa; }
.ApiGroupEditPage .ApiItemRow.ApiItemSelected { background-color: #e6f1ff; }
.ApiGroupEditPage .ApiItemRow.ApiItemSelected:hover { background-color: #d6e8ff; }

.ApiGroupEditPage .ApiItemRow .Flex1,
.SolutionEditPage .ApiItemRow .Flex1 { flex: 1; }

.ApiGroupEditPage .ApiItemRow .UI_CheckBox,
.SolutionEditPage .ApiItemRow .UI_CheckBox { margin-right: 6px; align-self: center; }

.ApiGroupEditPage .ApiItemInfo,
.SolutionEditPage .ApiItemInfo {
    padding-left: 8px;
    flex: 1;
    min-width: 0;
    align-self: center;
}

.ApiGroupEditPage .ApiItemName,
.SolutionEditPage .ApiItemName { display: block; font-weight: 600; color: #333; line-height: 20px; }

.ApiGroupEditPage .ApiItemDesc,
.SolutionEditPage .ApiItemDesc {
    display: block;
    color: #999;
    font-size: 12px;
    margin-top: 4px;
    line-height: 18px;
    white-space: normal;
    word-break: break-all;
}

.ApiGroupEditPage .ApiPreviewBtn,
.SolutionEditPage .ApiPreviewBtn,
.SolutionPreviewPage .ApiPreviewBtn {
    background: #2288FC;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    user-select: none;
    display: inline-block;
    margin-left: auto;
    align-self: center;
    text-align: center;
}

/* 14. API 分组编辑页 */
.ApiGroupEditPage .ApiGroupHeader { padding: 10px 0 6px; }
.ApiGroupEditPage .ReadOnlyField { background: #f5f7fa; color: #999; border-color: #e6e6e6; }
.ApiGroupEditPage .ReadOnlyField input,
.ApiGroupEditPage .ReadOnlyField textarea { background: #f5f7fa; color: #999; border-color: #e6e6e6; }
.ApiGroupEditPage .ApiListBox { border: 1px solid #ebeef5; border-radius: 6px; padding: 12px; }
.ApiGroupEditPage .ApiListToolbar { align-items: center; padding-bottom: 8px; border-bottom: 1px solid #f0f0f0; margin-bottom: 6px; }
.ApiGroupEditPage .ApiListView .UI_ListView { max-height: 360px; overflow: auto; }

/* 15. 解决方案编辑页 */
/* SolutionEditPage 整页滚动 */
.SolutionEditPage {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.SolutionEditPage .UI_FlexColumn {
    flex: 0 0 auto !important;
    height: auto !important;
    overflow: visible !important;
}
.SolutionEditPage .FlexBlock.vert {
    flex: 0 0 auto !important;
    height: auto !important;
    overflow: visible !important;
}

.SolutionEditPage .SolutionInput { width: 520px; height: 32px; }
.SolutionEditPage .SolutionTextarea { width: 520px; height: 80px; }
.SolutionEditPage .SolutionContent { width: 99%; height: 320px; }

/* 方案Logo */
.SolutionEditPage .SolutionLogoRow { align-items: center; column-gap: 12px; }
.SolutionEditPage .SolutionLogoUpload { width: 96px; height: 96px; }
.SolutionEditPage .SolutionLogoUploadText {
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    color: #909399;
    z-index: 3;
}
.SolutionEditPage .SolutionLogoUpload {
    border: 1px dashed #dcdfe6;
    border-radius: 4px;
    background: #fafafa;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.SolutionEditPage .SolutionLogoUpload form,
.SolutionEditPage .SolutionLogoUpload table,
.SolutionEditPage .SolutionLogoUpload td,
.SolutionEditPage .SolutionLogoUpload .FileEditor,
.SolutionEditPage .SolutionLogoUpload .FileEdit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 2;
}
.SolutionEditPage .SolutionLogoUpload .FileEditor {
    line-height: normal;
    background: transparent;
}
.SolutionEditPage .SolutionLogoUpload .FileName,
.SolutionEditPage .SolutionLogoUpload .FileButton {
    display: none !important;
}
.SolutionEditPage .SolutionLogoImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain; /* 缩放填充全部 */
    z-index: 1;
}
.SolutionEditPage .SolutionLogoUpload.has-logo {
    border-color: #e4e7ed;
    background-color: #fff;
}
.SolutionEditPage .SolutionLogoUpload.has-logo:before {
    display: none !important;
}
.SolutionEditPage .SolutionLogoUpload.has-logo .SolutionLogoUploadText {
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
}
.SolutionEditPage .ApiSectionHeader { align-items: center; column-gap: 8px; margin-top: 12px; margin-bottom: 10px; }
.SolutionEditPage .ApiSectionDot { width: 4px; height: 16px; background: #2288FC; border-radius: 2px; margin-top: 8px; }
.SolutionEditPage .ApiSectionTitle { font-size: 13px; font-weight: 600; color: #2F6BFF; }

/* 分类标签栏 - 匹配截图样式 */
.SolutionEditPage .ApiCategoryTabs {
    height: auto !important;
    background: transparent;
}
.SolutionEditPage .ApiCategoryTabs .UI_ListView {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
    height: auto !important;
    min-height: 28px;
    background: transparent;
}
.SolutionEditPage .ApiCategoryTabs .UI_ListItem {
    height: auto !important;
    cursor: pointer;
    width: auto !important;
    display: inline-flex;
}
.SolutionEditPage .ApiCategoryTab {
    background: #FFFFFF;
    border: 1px solid #2F6BFF;
    border-radius: 14px;
    padding: 4px 12px;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    color: #303133;
}
.SolutionEditPage .ApiCategoryTabInner {
    display: inline-flex;
    align-items: center;
    column-gap: 6px;
}
.SolutionEditPage .ApiCategoryName { font-size: 12px; color: #303133; }
.SolutionEditPage .ApiCategoryTabs .UI_ListItem.ApiGroupTabActive.ApiCategoryTab {
    background: #2F6BFF;
    border-color: #2F6BFF;
}
.SolutionEditPage .ApiCategoryTabs .UI_ListItem.ApiGroupTabActive .ApiCategoryName { color: #fff; }
.SolutionEditPage .ApiCategoryTabs .UI_ListItem:before,
.SolutionEditPage .ApiCategoryTabs .ApiCategoryTabInner:before,
.SolutionEditPage .ApiCategoryTabs .ApiCategoryName:before { content: none !important; display: none !important; }

/* 当前分组标题 */
.SolutionEditPage .ApiGroupHeader {
    align-items: center;
    column-gap: 8px;
    margin-bottom: 12px;
}
.SolutionEditPage .ApiGroupHeaderIcon {
    width: 4px;
    height: 16px;
    background: #2288FC;
    border-radius: 2px;
    margin-top: 8px;
}
.SolutionEditPage .ApiGroupHeaderTitle {
    font-size: 14px;
    font-weight: 600;
    color: #303133;
}
.SolutionEditPage .ApiSelectedCount {
    font-size: 12px;
    color: #909399;
    margin-left: 8px;
}

/* API卡片容器 */
.SolutionEditPage .ApiListBox { padding: 0; border: none; }
.SolutionEditPage .ApiCardsContainer { padding: 0; border: none; }

/* 16. 解决方案预览页 */
.SolutionPreviewPage .DetailTitle { font-size: 20px; font-weight: 600; color: #1f2d3d; line-height: 32px; margin-bottom: 18px; }
.SolutionPreviewPage .SectionTitle { font-size: 18px; font-weight: 600; color: #1c2b6d; }
.SolutionPreviewPage .SectionApiTitle { font-size: 18px; font-weight: 600; color: #1c2b6d; margin-bottom: 8px; height: 150px; }
.SolutionPreviewPage .SectionRule { width: 100%; height: 0; border-bottom: 1px dashed #dcdfe6; background: transparent; margin-bottom: 8px; }
.SolutionPreviewPage .DetailDesc { color: #606266; line-height: 22px; white-space: pre-wrap; font-size: 16px; margin-bottom: 18px; }
.SolutionPreviewPage .DetailLogo {
    width: 160px;
    height: 160px;
    margin-top: 12px;
    margin-bottom: 18px;
    border-radius: 8px;
    border: 1px solid #ebeef5;
    background-color: #f5f7fa;
    background-image: url("/ngpOpen/skins/ui/icons/nodata.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    object-fit: contain;
}
.SolutionPreviewPage .DetailContent { background: transparent; border: none; padding: 0; line-height: 22px; color: #303133; }
.SolutionPreviewPage .ApiSection { margin-top: 20px; }
.SolutionPreviewPage .ApiTableHeader { display: flex; align-items: center; padding: 10px 12px; background: #fafafa; border: 1px solid #ebeef5; border-radius: 6px 6px 0 0; }
.SolutionPreviewPage .ApiHeaderName { width: 220px; font-weight: 600; color: #333; }
.SolutionPreviewPage .ApiHeaderAction { width: 80px; text-align: center; font-weight: 600; color: #333; margin-left: auto; }
.SolutionPreviewPage .ApiListView { width: 100%; }
.SolutionPreviewPage .ApiListView .UI_ListView { display: flex; flex-direction: column; width: 100%; border: 1px solid #ebeef5; border-top: none; border-radius: 0 0 6px 6px; }
.SolutionPreviewPage .ApiListView .UI_ListItem { padding: 10px 12px; border-bottom: 1px solid #ebeef5; }
.SolutionPreviewPage .ApiListView .UI_ListItem.selected,
.SolutionPreviewPage .ApiListView .UI_ListItem.active,
.SolutionPreviewPage .ApiListView .UI_ListItem.ApiItemSelected { border-bottom-color: #2F6BFF; }
.SolutionPreviewPage .ApiListView .UI_ListItem:last-child { border-bottom: none; }
.SolutionPreviewPage .ApiItemRow { display: flex; align-items: center; width: 100%; }
.SolutionPreviewPage .ApiCellName { width: 220px; font-weight: 600; color: #303133; line-height: 20px; }
.SolutionPreviewPage .ApiItemRow .ApiCellName { width: auto; }
.SolutionPreviewPage .ApiCellName { flex: 1; min-width: 0; }
.SolutionPreviewPage .ApiPreviewBtn:hover { opacity: 0.9; }
.SolutionPreviewPage .SolutionEmpty { padding: 24px 0; text-align: center; color: #909399; }

/* 17. 门户端 - 解决方案中心 */
.PortalSolutionPage { background: #F5F7FA; }
.PortalSolutionPage .SolutionHero {
    background: linear-gradient(135deg, #1c2b6d 0%, #2a3c8f 50%, #3347a1 100%);
    padding: 48px 0 56px;
}
.PortalSolutionPage .SolutionHeroInner {
    align-items: center;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    color: #fff;
    row-gap: 12px;
}
.PortalSolutionPage .SolutionHeroTitle {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
}
.PortalSolutionPage .SolutionHeroSubtitle {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
}
.PortalSolutionPage .SolutionHeroSearch {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.PortalSolutionPage .SolutionSearchInput,
.PortalSolutionPage .SolutionSearchInput input {
    width: 520px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    padding: 0 14px;
}
.PortalSolutionPage .PrimaryButton {
    height: 44px;
    background: #3b7cff;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 0 22px;
    font-size: 14px;
}
.PortalSolutionPage .PrimaryButton:focus,
.PortalSolutionPage .PrimaryButton:focus-visible,
.PortalSolutionPage .PrimaryButton:active {
    outline: none;
    box-shadow: none;
}
.PortalSolutionPage .SearchButton { box-shadow: 0 6px 16px rgba(45, 98, 255, 0.3); }
.PortalSolutionPage .SolutionSection {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 0 40px;
}
.PortalSolutionPage .SolutionListView { --solution-card-width: 260px; }
.PortalSolutionPage .SolutionSectionTitle {
    align-items: center;
    margin-bottom: 16px;
    column-gap: 8px;
}
.PortalSolutionPage .SectionMarker {
    margin-top: 6px;
    width: 4px;
    height: 18px;
    background: #3b7cff;
    border-radius: 2px;
}
.PortalSolutionPage .SectionTitleText {
    font-size: 16px;
    font-weight: 600;
    color: #1e2b52;
}
.PortalSolutionPage .SolutionListView .UI_ListView {
    display: grid;
    grid-template-columns: repeat(auto-fit, var(--solution-card-width));
    gap: 30px;
    background: transparent;
    border: 0;
    justify-items: start;
    width: 100%;
    margin: 0;
}
.PortalSolutionPage .SolutionListView .UI_ListItem {
    cursor: pointer;
    padding: 0;
    background: transparent;
    display: flex;
}
.PortalSolutionPage .SolutionCard {
    background: #FFFFFF;
    border: 1px solid #EBEEF5;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(31, 45, 61, 0.08);
    transition: box-shadow .2s ease, transform .2s ease;
    aspect-ratio: 1 / 1.1;
    width: var(--solution-card-width);
}
.PortalSolutionPage .SolutionCardInner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 8px;
    overflow: hidden;
}
.PortalSolutionPage .SolutionCard:hover {
    box-shadow: 0 12px 24px rgba(31, 45, 61, 0.15);
    transform: translateY(-2px);
}
.PortalSolutionPage .SolutionCardCover {
    width: 100%;
    height: 140px;
    display: block;
    background-color: #f5f7fb;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/ngpOpen/skins/ui/icons/nodata.png");
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    object-fit: fill;
}
.PortalSolutionPage .SolutionCardBody {
    padding: 14px 16px 8px;
    min-height: 92px;
    flex: 1;
}
.PortalSolutionPage .SolutionCardTitle {
    font-size: 16px;
    font-weight: 700;
    color: #1c2b6d;
    margin-bottom: 6px;
}
.PortalSolutionPage .SolutionCardDesc {
    font-size: 13px;
    color: #606266;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 40px;
}
.PortalSolutionPage .SolutionCardFooter {
    display: flex !important;
    align-items: center;
    justify-content: flex-end !important;
    column-gap: 4px;
    padding: 8px 20px 14px !important;
    color: #3b7cff;
    font-size: 13px;
    margin-top: auto;
    width: 100%;
}
.PortalSolutionPage .SolutionCardFooter .Flex1 {
    flex: 1;
    display: none;
}
.PortalSolutionPage .SolutionCardLink { color: #3b7cff; }
.PortalSolutionPage .SolutionEmpty { padding: 40px 0; text-align: center; color: #909399; }
.PortalSolutionPage .BackButton { margin-bottom: 16px; }
.PortalSolutionPage .SolutionDetailPanel {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 0 40px;
}
.PortalSolutionPage .DetailTitle {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
}
.PortalSolutionPage .DetailDesc {
    color: #606266;
    margin-bottom: 16px;
}
.PortalSolutionPage .DetailContent {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 16px;
    border: 1px solid #EBEEF5;
}
.PortalSolutionPage .ApiSection { margin-top: 24px; }
.PortalSolutionPage .ApiListView .UI_ListItem {
    border: 1px solid #EBEEF5;
    border-radius: 6px;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    cursor: pointer;
}
.PortalSolutionPage .ApiListView .UI_ListItem:hover {
    border-color: #C6E2FF;
    background: #F5FAFF;
}
.PortalSolutionPage .ApiName {
    font-weight: 600;
    color: #303133;
}
.PortalSolutionPage .ApiDesc {
    color: #909399;
    font-size: 12px;
    line-height: 18px;
}

@media (max-width: 1100px) {
    .PortalSolutionPage .SolutionSearchInput,
    .PortalSolutionPage .SolutionSearchInput input {
        width: 360px;
    }
}

@media (max-width: 720px) {
    .PortalSolutionPage .SolutionListView .UI_ListView {
        grid-template-columns: 1fr;
        width: 100%;
    }
    .PortalSolutionPage .SolutionCard {
        width: 100%;
    }
    .PortalSolutionPage .SolutionHeroInner {
        padding: 0 16px;
    }
    .PortalSolutionPage .SolutionSearchInput,
    .PortalSolutionPage .SolutionSearchInput input {
        width: 220px;
    }
}