* {
    color: inherit;
}

a:hover {
    color: var(--color-primary, #3c7ee5);
}

.whole-wrapper * {
    box-sizing: border-box;
}

.check-wrap {
    margin-bottom: 10px;
}


/* 商标搜索banner 样式表 */

.check-head {
    width: 100%;
    max-width: 1200px;
    padding: 24px 0 16px;
    background: #ffffff; /* Google 风格白色背景 */
    text-align: center;
    color: #333;
    margin: 0 auto;
}

.el-checkbox__input.is-checked+.el-checkbox__label, .el-radio__input.is-checked+.el-radio__label{
    font-weight: bold;
}
.check-head .name {
    height: 36px;
    line-height: 36px;
    font-size: 24px;
    font-weight: 600;
}

.check-head .name-en {
    height: 20px
}

.check-head .type-panel {
    height: 24px;
  margin-top: 10px;
  margin-bottom: 0;
}

.check-head .type-panel li {
    display: inline-block;
    width: auto;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    cursor: pointer;
    background: var(--bg-search-tab);
    color: var(--text-search-tab);
}

.check-head .type-panel li+li {
    margin-left: 20px
}

.check-head .type-panel li a {
    color: inherit;
    display: block;
    padding: 0 5px;
}

.check-head .type-panel li.active,
.check-head .type-panel li:hover {
    background: var(--bg-search-tab-active);
    color: var(--text-search-tab-active);
}

.check-head .search-panel {
    height: auto;
    margin-top: 12px;
    position: relative;
    flex-wrap: wrap;
    gap: 12px 15px;
}

.check-head .search-panel .search-item {
    width: 900px;
    max-width: 100%;
    position: relative;
}

/* 搜索页隐藏 header 中的搜索框，避免重复 */
.header .search { display: none !important; }

/* 复用 header 搜索框样式 */
.check-head .search-box { width: 100%; }

.check-head .search-box .search-form {
    height: 40px;
    line-height: 40px;
    border: 2px solid var(--color-primary, #3c7ee5);
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.check-head .search-box .search-btn,
.check-head .search-box .search-input,
.check-head .search-box .search-select,
.check-head .search-box .tuxing-btn {
    flex-shrink: 0;
    height: 40px;
    width: 100px;
}

.check-head .search-box .search-input {
    flex: 1;
}

.check-head .search-box .search-select {
    width: 150px;
    height: 24px;
    line-height: 24px;
    border-right: 1px solid #e0e3e8;
    display: flex;
    align-items: center;
}

.check-head .search-box .search-select p {
    padding-left: 20px;
    cursor: pointer;
    position: relative;
}

.check-head .search-box .search-select p .iconfont {
    display: inline-block;
    font-size: 14px;
    color: #9da0a6;
    transition: all 0.3s;
}

.check-head .search-box .search-select p .iconfont.rotate {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.check-head .search-box .search-input {
    flex: 1;
    line-height: 35px;
    padding: 0 30px 0 12px;
}

.check-head .search-box .search-input .el-input__inner {
    padding: 0;
    border: none;
    text-align: left;
}

.check-head .search-box .search-input .el-input__inner::placeholder {
    text-align: left;
}
}

.check-head .search-box .search-btn {
    width: 89px;
    height: 100%;
    line-height: 36px;
    text-align: left;
    cursor: pointer;
}

.check-head .search-box .tuxing-btn {
    width: 30px;
    height: 36px;
    text-align: center;
    display: flex;
    text-align: left;
    justify-content: center;
}

.check-head .search-box .tuxing-btn .iconfont {
    line-height: 36px;
    margin-top: -4px;
    color: #9b9b9b;
}

.check-head .search-box .category-select {
    width: 90px;
    border-right: 0;
}

.check-head .search-box .category-select p {
    padding-left: 10px;
}

/* 内联图片上传区域（图形查询页面专用） */
.check-head .search-box .tx-upload-inline {
    float: left;
    width: 659px;
    height: 36px;
    line-height: 36px;
    position: relative;
    color: #9b9b9b;
    text-align: left;
    overflow: hidden;
}

.check-head .search-box .tx-upload-inline .upload-items {
    width: 100%;
    height: 100%;
}

.check-head .search-box .tx-upload-inline .upload-had {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 12px;
}

.check-head .search-box .tx-upload-inline .upload-empty {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #9b9b9b;
    cursor: pointer;
}

.check-head .search-box .tx-upload-inline .upload-empty i {
    font-size: 18px;
}

.check-head .search-box .tx-upload-inline .tx-img-inline {
    max-width: 100%;
    max-height: 32px;
    vertical-align: middle;
}

.check-head .search-box .tx-upload-inline .cropper-inputs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.check-head .search-panel .search-item .tx-upload {
    width: 658px;
    height: 60px;
    line-height: 40px;
    padding: 10px;
    background-color: #fff;
    color: #9b9b9b;
    text-align: left;
    overflow: hidden;
    position: relative
}

.check-head .search-panel .search-item .tx-upload .cropper-inputs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.check-head .search-panel .search-item .tx-upload .upload-had,
.check-head .search-panel .search-item .tx-upload .upload-items {
    width: 100%;
    height: 100%
}

.check-head .search-panel .search-item .tx-upload img {
    max-width: 100%;
    max-height: 100%;
    margin: -2px 10px 0 0;
    vertical-align: middle
}

.check-head .search-panel .search-item .tx-search .el-upload {
    width: 100%;
    height: 100%;
    line-height: 50px;
    padding: 5px 10px;
    text-align: left
}

.check-head .search-panel .search-item .tx-search .upload-empty .iconfont {
    height: 20px;
    line-height: 20px;
    margin: -2px 10px 0 0;
    font-size: 26px
}

.check-head .search-panel .search-item .search-btn .i-search {
    font-size: 26px
}

.check-head .search-panel .download-item {
    position: absolute;
    left: 50%;
    margin: 10px 0 0 300px;
    width: 102px;
    line-height: 20px;
}

.check-head .search-panel .download-item a {
    color: #fff
}

.check-head .declaration {
    width: 576px;
    max-width: 100%;
    margin: 12px auto 0;
    text-align: left;
    font-size: 12px;
    clear: both;
}

.check-head .declaration a {
    float: right;
    color: #fff;
    font-size: 14px;
    margin-right: 13px;
}


/* 商标搜索 public.css */


/* 搜索商标 banner */

.search-popper .search-category-item {
    width: 738px;
    padding: 0 2px;
    margin: -5px 0 0 -738px;
    background: #fff;
    border: 2px solid #bcc9e5;
    border-top: 0;
}

.search-popper .search-category-item .operate-item {
    line-height: 40px;
    padding-right: 10px;
    text-align: right;
}
.header-popper .header-search-item {
    width: 150px!important;
}

/* 分类弹窗：9列卡片网格 */
/* popper 外层：液态玻璃 */
.search-popper.el-popover {
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    padding: 0 !important;
    overflow: visible !important;
}


/* 液态玻璃主体 */
.search-popper .header-category-item {
    position: relative;
    width: 900px;
    padding: 20px;
    margin: -5px 0 0 -708px;
    box-sizing: border-box;

    /* 50%不透明度液态玻璃 */
    background: rgba(255, 255, 255, 0.5);

    /* 强磨砂 */
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);

    /* 圆角 */
    border-radius: 12px;

    /* 玻璃边缘高光 */
    border: 2px solid rgba(255, 255, 255, 0.3);

    /* 外阴影 */
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);

    overflow: hidden;
}


/* 顶部液态光泽层 */
.search-popper .header-category-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        circle at 20% 10%,
        rgba(255, 255, 255, 0.85),
        transparent 60%
    );
    pointer-events: none;
}


/* 操作栏适配玻璃 */
.search-popper .header-category-item .operate-item {
    line-height: 36px;
    padding: 0 4px 8px;
    text-align: right;

    border-bottom: 1px solid rgba(255, 255, 255, 0.35);

    margin-bottom: 12px;

    color: rgba(0, 0, 0, 0.75);
}


.search-popper .header-category-item .el-checkbox-group {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    gap: 10px;
}

.search-popper .header-category-item .el-checkbox-button {
    margin: 0;
    width: 100%;
}

.search-popper .header-category-item .el-checkbox-button__inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 4px 6px;
    margin: 0;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    line-height: 1.4;
    border: 2px solid var(--border-category-dropdown, #EBEEF5) !important;
    border-radius: 4px;
    background: var(--bg-category-operate, #fff);
    color: var(--text-category-item, #606266);
    box-sizing: border-box;
    box-shadow: none !important;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
}

.search-popper .header-category-item .el-checkbox-button.is-checked .el-checkbox-button__inner {
    border-color: var(--color-primary, #409EFF) !important;
    background: var(--color-primary-bg, #ECF5FF);
    color: var(--color-primary, #409EFF);
}

.search-popper .header-category-item .el-checkbox-button__inner:hover {
    border-color: var(--border-category-dropdown, #C0C4CC) !important;
    background: var(--bg-category-item-hover, #F5F7FA);
    color: var(--text-category-item-hover, #303133);
}

.el-button.is-circle {
    border-radius: 50%;
}


/* 空数据显示 */

.empty-warpper {
    width: 100%;
    padding: 100px 0;
    text-align: center
}

.empty-warpper .icons .icon {
    font-size: 120px
}

.empty-warpper .txt {
    padding: 0 40px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 30px
}

.empty-warpper .txt p a {
    color: #fc6530;
    text-decoration: underline
}

.empty-warpper .txt p {
    color: #a09e9e;
}

.error-icon {
    display: block;
    width: 160px;
    height: 120px;
    margin: 0 auto;
    background: url(../../../img/error_icon2.jpg) no-repeat center center;
    background-size: contain;
}

.inline-block {
    display: inline-block;
}


/* whole-wrapper */

.whole-wrapper .el-pagination {
    margin-top: 10px;
    text-align: center
}

.whole-wrapper .el-pagination.is-background .btn-next,
.whole-wrapper .el-pagination.is-background .btn-prev,
.whole-wrapper .el-pagination.is-background .el-pager li {
    background-color: #fff
}

.whole-wrapper .el-form-item.is-required .el-form-item__label:before {
    content: " "
}

.whole-wrapper .el-button {
    border-radius: 4px;
}

.whole-wrapper .el-input__inner {
    border-radius: 0
}

.whole-wrapper .el-button--blue {
    background: var(--color-primary, #3c7ee5);
    border-color: var(--color-primary, #3c7ee5);
    color: #fff
}

.whole-wrapper .el-button--blue.is-plain {
    background: none;
    border-color: var(--color-primary, #3c7ee5);
    color: var(--color-primary, #3c7ee5)
}

.whole-wrapper .el-button--blue.is-plain:hover {
    background: var(--color-primary, #3c7ee5);
    border-color: var(--color-primary, #3c7ee5);
    color: #fff
}

.whole-wrapper .el-button--blue:hover {
    background: var(--color-primary-minus, #2c70db)
}

.whole-wrapper .el-button--primary {
    background: var(--color-primary, #3c7ee5);
    border-color: var(--color-primary, #3c7ee5);
    color: #fff
}

.whole-wrapper .el-button--primary.is-plain {
    background: none;
    border-color: var(--color-primary, #3c7ee5);
    color: var(--color-primary, #3c7ee5)
}

.whole-wrapper .el-button--primary.is-plain:hover {
    background: var(--color-primary, #3c7ee5);
    border-color: var(--color-primary, #3c7ee5);
    color: #fff
}

.whole-wrapper .el-button--primary:hover {
    background: var(--color-primary-minus, #2c70db)
}

.whole-wrapper .el-button--orange {
    background: #fc6530;
    border-color: #fc6530;
    color: #fff
}

.whole-wrapper .el-button--orange.is-plain {
    background: none;
    border-color: #fc6530;
    color: #fc6530
}

.whole-wrapper .el-button--orange.is-plain:hover {
    background: #fc6530;
    border-color: #fc6530;
    color: #fff
}

.whole-wrapper .el-button--orange:hover {
    background: #f45017;
    border-color: #fc6530;
    color: #fff
}

.whole-wrapper .el-button--info {
    background: var(--color-primary, #3c7ee5);
    border-color: var(--color-primary, #3c7ee5);
    color: #fff
}

.whole-wrapper .el-button--info.is-plain {
    background: none;
    border-color: var(--color-primary, #3c7ee5);
    color: var(--color-primary, #3c7ee5)
}

.whole-wrapper .el-button--info.is-plain:hover {
    background: var(--color-primary, #3c7ee5);
    border-color: var(--color-primary, #3c7ee5);
    color: #fff
}

.whole-wrapper .el-button--info:hover {
    background: var(--color-primary-minus, #2c70db)
}

.whole-wrapper .el-button--danger {
    background: #fb5555;
    border-color: #fb5555;
    color: #fff
}

.whole-wrapper .el-button--danger.is-plain {
    background: none;
    border-color: #fb5555;
    color: #fb5555
}

.whole-wrapper .el-button--danger.is-plain:hover {
    background: #fb5555;
    border-color: #fb5555;
    color: #fff
}

.whole-wrapper .el-button--danger:hover {
    background: #f64242
}

.whole-wrapper .el-button--gray {
    background: #9b9b9b;
    border-color: #9b9b9b;
    color: #fff
}

.whole-wrapper .el-button--gray.is-plain {
    background: none;
    border-color: #9b9b9b;
    color: #9b9b9b
}

.whole-wrapper .el-button--gray.is-plain:hover {
    background: #9b9b9b;
    border-color: #9b9b9b;
    color: #fff
}

.whole-wrapper .el-button--gray:hover {
    background: #e0e3e8
}

.whole-wrapper .el-button--small {
    min-width: 80px;
    height: 30px;
    padding: 0 10px;
    font-size: 14px
}

.whole-wrapper .el-button--small.is-plain {
    background: none
}

.whole-wrapper .el-button--small.no-padding {
    padding: 0
}

.whole-wrapper .el-select-dropdown .el-scrollbar {
    padding-bottom: 14px
}


/* 商标需求弹框 */

.verify-code .el-input {
    width: 50%;
    float: left;
}

.verify-code img {
    margin-left: 15px;
    float: left;
}

.el-form-item.verify-code {
    margin-bottom: 0;
}


/*---- 商标搜索banner 样式表--结束-- */


/* 搜索条件 */

.check-terms {
    padding: 10px 20px;
    margin-top: 20px;
    background: #fff
}

.check-terms .term-content {
    max-width: 1050px
}

.check-terms .term-content li {
    float: left;
    cursor: pointer
}

.check-terms .term-content li.active,
.check-terms .term-content li:hover {
    color: var(--color-primary, #3c7ee5);
}

.check-terms .term-item {
    min-height: 36px;
    line-height: 36px
}

.check-terms .term-item .term-label {
    width: 70px;
    margin-right: 40px;
    color: #6e6e6e
}

.check-terms .term-item+.term-item {
    border-top: 1px dashed #ececec
}

.term-cls .term-content {
    width: 1050px
}

.term-cls .term-content li {
    width: 90px;
    margin-right: 25px
}

.term-cls.zong-cls .term-content {
    width: 970px;
    height: 40px;
    overflow: hidden
}

.term-cls.zong-cls .term-content.auto-height {
    height: auto
}

.term-cls.zong-cls .term-content li {
    width: 130px;
    margin-right: 38px
}

.term-status .term-content li+li {
    margin-left: 42px
}


/* 搜索结果 */

.cha-info-panel {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    background: var(--color-primary-bg, #f4f9ff)
}

.result-panel {
    background: #fff;
}

/* 搜索结果排序：单双行背景跳色，白 + 主色 10%，动态变量可改 */
.check-result .result-panel {
    --result-stripe: color-mix(in srgb, var(--color-primary, #3c7ee5) 10%, white);
}
.check-result .result-panel .result-item:nth-child(odd) {
    background: #fff;
}
.check-result .result-panel .result-item:nth-child(even) {
    background: var(--result-stripe);
}

/* 图样前数字排序：圆角方底、主色、加粗 */
.check-result .result-panel .result-item .result-item-num {
    float: left;
    width: 32px;
    height: 32px;
    margin: 34px 10px 0 20px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: color-mix(in srgb, var(--color-primary, #3c7ee5) 50%, transparent);
    border-radius: 6px;
    box-sizing: border-box;
}

.check-result .result-panel .result-item .img-wrapper {
    margin: 0 25px;
    width: 100px;
    height: 100px;
    line-height: 94px;
}

.img-wrapper img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.cha-info-panel.container {
    margin-top: 20px
}

.check-result .result-panel .result-item {
    padding: 25px 0;
    border-bottom: 1px solid #ececec
}

.check-result .result-panel .result-item:last-child {
    border-bottom: none
}

.check-result .result-panel .result-item .img-wrapper {
    width: 150px;
    height: 100px;
    line-height: 94px;
}

.check-result .result-panel .result-item .tm-info {
    width: 830px;
    margin: 0 20px;
}

.check-result .result-panel .result-item .tm-info ul {
    height: 20px;
    margin-top: 10px
}

.check-result .result-panel .result-item .tm-info ul li {
    width: 275px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    color: #505050;
    margin-bottom: 0;
}

.check-result .result-panel .result-item .tm-info ul li.group,
.check-result .result-panel .result-item .tm-info ul li:last-child {
    width: 375px
}

.check-result .result-panel .result-item .btns {
    width: 80px;
    height: 30px;
    margin-top: 0
}

.check-result .result-panel .result-item .btns .btn {
    width: 80px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px
}

.check-result .result-panel .tx-item {
    float: left;
    width: 228px;
    height: 154px;
    margin: 10px 0 0 10px;
    border: 0;
    position: relative
}

.check-result .result-panel .tx-item .el-card__body {
    padding: 0
}

.check-result .result-panel .tx-item a {
    display: block
}

.check-result .result-panel .tx-item .tx-img {
    height: 114px;
    padding: 10px 20px;
    border-bottom: 1px solid #ececec
}

.check-result .result-panel .tx-item .tx-img .img-wrapper {
    width: 192px;
    height: 94px;
    line-height: 88px;
    margin: 0 auto
}

.check-result .result-panel .tx-item .tx-info {
    height: 40px;
    line-height: 40px;
    padding: 0 10px
}

.check-result .result-panel .tx-item .tx-info .tx-reg {
    text-align: right;
    color: #9b9b9b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.check-result .result-panel .tx-item .tx-status {
    position: absolute;
    top: 8px;
    right: 8px;
    border-radius: 4px;
    border-color: var(--color-primary, #3c7ee5)
}

.check-result .result-panel .tx-item .tx-status.color-danger {
    border-color: #fb5555;
    color: #fb5555
}

.check-result .result-panel .tx-item .tx-status.orange {
    border-color: #fc6530;
    color: #fc6530
}

.cha-info-panel .go-tuijian {
    width: 134px;
    text-align: right;
    transition: all .3s
}

.cha-info-panel .go-tuijian .i-tri {
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-top: -2px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.cha-info-panel .go-tuijian:hover {
    margin-right: -4px
}

.empty-warpper {
    width: 100%;
    padding: 100px 0;
    text-align: center
}

.empty-warpper .icons .icon {
    font-size: 120px
}

.empty-warpper .txt {
    padding: 0 40px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 30px
}

.empty-warpper .txt p a {
    color: #fc6530;
    text-decoration: underline
}


/* 搜索结果列表数据 */


/* 监控商标 委托购买 */

.check-result .result-panel .result-item .btns {
    height: auto;
    margin-top: 0;
}

.check-btn {
    background: #fff;
    color: var(--color-primary-light, #6DADFF);
    border: solid 1px var(--color-primary-light, #6DADFF);
    padding: 1px 10px;
    border-radius: 4px;
    display: inline-block;
    line-height: 24px;
    text-align: center;
}

.trade-info-right {
    width: 16%;
    float: right;
    text-align: center
}

.trade-info-right a {
    margin-top: 10px;
}

.trade-info-right a:first-child {
    margin-top: 20px;
}

.trade-info-right a.tm-buy-button {
    border-color: #fe8431;
    color: #fe8431;
}

.trade-info-right a:first-child:hover {
    background: var(--color-primary-light, #6DADFF);
    color: #fff;
}

.trade-info-right a.tm-buy-button:hover {
    background: #fe8431;
    color: #fff;
}

.trade-info-right a.tm-reg-button {
    border-color: #02b369;
    color: #02b369;
}

.trade-info-right a.tm-reg-button:hover {
    background: #02b369;
    color: #fff;
}

/* 分页 */

.pagebreak td a {
    background: #fff;
}

.pagebreak .page_current,
.pagebreak a:hover {
    background: var(--color-primary, #3c7ee5);
    color: #fff;
    border-color: var(--color-primary, #3c7ee5);
}

.pagebreak a {
    padding: 4px 10px;
    border: 2px solid #dddddd;
    margin: 5px;
    border-radius: 4px;
    color: #999;
}

.pagebreak table {
    margin: 0px auto;
}


/* 查询分类统计 */

.term-cls.zong-cls .term-content li {
    width: 140px;
    margin-right: 25px;
}


/* 近似查询 */

.term-op .term-content {
    width: 950px
}

.term-op .el-checkbox-group .el-checkbox:nth-child(8) {
    margin-left: 0
}

.term-op .el-checkbox-group .el-checkbox:first-child {
    margin-left: 30px;
}


/* 搜索 */

.tmnone {
    padding: 60px 0;
    border-bottom: 1px solid #e6e6e6;
    font-size: 20px;
    text-align: center;
    background: #fff;
}

.content-error {
    height: 400px;
    padding-left: 570px;
    border-bottom: 1px solid #e6e6e6;
    background: #fff url(../../../img/error_icon2.jpg) no-repeat 280px center;
}

.content-error .error-txt {
    padding-top: 154px;
    font-size: 28px;
    color: #b1b0b0;
}

.content-error .timer {
    margin-top: 22px;
    font-size: 18px;
    color: #333;
}

.content-error a {
    display: inline-block;
    zoom: 1;
    width: 100px;
    height: 36px;
    line-height: 36px;
    margin-left: 10px;
    text-align: center;
    border-radius: 5px;
}

.check-result .result-panel .tx-item .tx-img .img-wrapper {
    text-align: center;
}

.el-tag {
    color: var(--color-primary, #3c7ee5);
}

.check-terms .zong-cls .term-content.autoHeight {
    height: auto;
}

.term-cls.zong-cls .term-content li {
    width: 90px;
}

.table-info-panel li a {
    color: var(--color-primary, #3c7ee5);
}

.image-plus-alert {
    width: 540px;
}

.tmnone img {
    vertical-align: sub;
}

.more-common i {
    transform: scale(.8);
}

.search-panel .search-form .el-form-item {
    margin-bottom: 0;
}
.trademark-risks {padding: 15px;}
.trademark-risks-items > div {
    background-color: #f6f6f6; border-radius: 8px; padding: 10px;overflow: hidden;
    position: relative;
}
.trademark-risks-items > div .risk-tag{
    height: 28px; padding-left: 10px; padding-right: 25px; position:absolute;
    background-color: #02b369; color: #fff; font-size: 14px; line-height: 28px; left: 0px; top:0px; border-bottom-right-radius: 28px;
}
.trademark-risks-items > div.trademark-risks-level-1 .risk-tag{
    background-color: #ff7733;
}
.trademark-risks-items > div.trademark-risks-level-2 .risk-tag{
    background-color: #f85252;
}

.trademark-risks-items > div ul {height: 100px; margin-left: 3px; margin-top: 35px}
.trademark-risks-items > div li{cursor: pointer; border-radius:10px;background-color: #02b369; height: 20px; width: 20px; line-height: 20px; text-align: center; color: #fff; font-size: 12px; margin-bottom: 5px; }
.trademark-risks-items > div li:hover {transform: scale(1.2); transition: all 0.3s; }
.trademark-risks-items > div.trademark-risks-level-1 li{background-color: #ff7733;}
.trademark-risks-items > div.trademark-risks-level-2 li{background-color: #f85252;}

.tm-switch-export {
    display: inline-block;
    height: 28px;
    line-height: 26px;
    border: 2px solid var(--color-primary, #3c7ee5);
    color: var(--color-primary, #3c7ee5);
    font-size: 12px;
    cursor: pointer;
    padding: 0 10px;
}
.term-cls.zong-cls .term-content li {
            width: 140px;
        }
.term-cls.zong-cls .term-content li:nth-child(6n) {
            margin-right: 0;
        }

/* ========== AI 卡片整体 ========== */
#ai-search-advice.ai-card{
  --ai-bg: #ffffff;
  --ai-text: #1f2328;
  --ai-sub: #6b7280;
  --ai-accent: var(--color-primary, #2563eb);
  --ai-soft: rgba(2,6,23,.06);
  --ai-border: rgba(2,6,23,.08);
  --ai-radius: 16px;
  --ai-shadow: 0 1px 3px rgba(0,0,0,.04), 0 10px 25px rgba(2,6,23,.08);
  background: var(--ai-bg);
  border: 2px solid var(--ai-border);
  border-radius: var(--ai-radius);
  padding: 20px 22px;
  position: relative;
  overflow: hidden;
}

/* 顶部渐变装饰条（低调） */
#ai-search-advice.ai-card::before{
  content:"";
  position:absolute; inset:0 0 auto 0; height:5px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--color-primary, #2563eb) 35%, transparent), color-mix(in srgb, var(--color-primary-light, #6366f1) 35%, transparent), color-mix(in srgb, var(--color-primary-lighter, #0ea5e9) 35%, transparent));
}

/* 标题 + 渐隐分割线 */
#ai-search-advice .fb.fs16.text-333{
  display:flex; align-items:center; gap:10px;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: .2px;
  color: var(--ai-text);
  margin: 2px 0 10px;
}
#ai-search-advice .fb.fs16.text-333::after{
  content:"";
  flex:1 1 auto;
  height:1px; margin-left: 6px;
  background: linear-gradient(90deg, var(--ai-border), transparent);
}

/* 加载条：骨架闪烁 */
#ai-search-advice .ai-loading{
  display:flex; align-items:center; gap:8px;
  color: var(--ai-sub);
  font-size: 13px;
  padding: 10px 0 8px;
  position: relative;
}
#ai-search-advice .ai-loading::after{
  content:"";
  display:block; width:100%;
  height: 9px; border-radius: 999px;
  background: linear-gradient(90deg, #f2f3f5, #eceff4, #f2f3f5);
  background-size: 200% 100%;
  animation: aiShimmer 1.4s linear infinite;
}
@keyframes aiShimmer{ to{ background-position: -200% 0; } }

/* —— 可选：浅灰包裹，提升层次 —— */
.ai-section-wrap{
  background:#f7f8fa;
  border-radius:14px;
  padding:14px;
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* —— 基础：正文容器默认单列 —— */
#ai-search-advice .ai-body{
  display:block !important;   /* 强制关掉旧 grid/flex */
  column-count: 2;    /* 两列 */
  column-gap: 24px;   /* 列间距 */
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

#ai-search-advice .ai-body p {
  break-inside: avoid; /* 避免段落被拆开 */
}

/* 段落排版：行距、字间距、中文渲染 */
#ai-search-advice .ai-body p{
  margin:0;
  line-height:2;
  letter-spacing:.2px;
  color:var(--ai-text, #1f2328);
  font-size:16px;
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
  -webkit-font-smoothing:antialiased;
}
#ai-search-advice .ai-body p + p{ margin-top:10px; }

/* 小节主标题（模型输出的 h4/h5） */
#ai-search-advice .ai-body h4,
#ai-search-advice .ai-body h5{
  margin:0 0 8px;
  font-weight:700;
  color: var(--color-primary-minus, #0f172a);
  letter-spacing:.3px;
}
#ai-search-advice .ai-body h4{ font-size:18px; }
#ai-search-advice .ai-body h5{ font-size:16px; color: var(--color-primary-minus, #111827); line-height:2;}


/* 有序列表整体 */
#ai-search-advice .ai-body ol {
  margin: 0;
  padding-left: 1.5em;   /* 缩进 */
  line-height: 2;
  color: var(--ai-text);
  font-size: 16px;
  counter-reset: section; /* 重置计数器 */
}

/* 每一项 */
#ai-search-advice .ai-body ol li {
  margin: 6px 0;
  counter-increment: section; /* 自动计数 */
  position: relative;
  padding-left: 2em;          /* 给数字留出位置 */
}

/* 数字样式（加粗 + 自定义颜色） */
#ai-search-advice .ai-body ol li::before {
   content: "(" counter(section) ")";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;      /* 加粗 */
  color: var(--color-primary-minus, #111827);
}

/* 强调文字 */
#ai-search-advice .ai-body strong{ color: var(--color-primary-minus, #0f172a); font-weight:700; }

/* 脚注 */
#ai-search-advice .ai-foot{
  margin-top:8px;
  color:var(--ai-sub, #6b7280);
  font-size:12px;
  display:flex; align-items:center; gap:6px;
}

/* —— 两栏流式（先左后右） —— */
#ai-search-advice .ai-body.ai-columns{
  column-count:2;
  column-gap:22px;
  -webkit-column-count:2;
  -webkit-column-gap:22px;
  -moz-column-count:2;
  -moz-column-gap:22px;
}
#ai-search-advice .ai-body.ai-columns .ai-item{
  display:block;
  width:100%;
  margin:0 0 16px;
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  -moz-column-break-inside:avoid;
  /* 可选：卡片视觉 */
  background:#fff;
  border:1px solid rgba(2,6,23,.08);
  border-radius:12px;
  padding:12px 14px;
  box-shadow:0 1px 2px rgba(2,6,23,.06);
}
/* 鼠标悬停时加点浮起感 */
#ai-search-advice .ai-body.ai-columns .ai-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,.1);
}
/* —— 卡片：边框、圆角、阴影、留白 —— */
#ai-search-advice .ai-item{
  background: #fff;
  border: 2px solid rgba(2,6,23,.10);
  border-radius: 12px;
  padding: 14px 16px;
  margin: 12px 0;
  box-shadow: 0 1px 2px rgba(2,6,23,.06);
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
}
/* 卡片内标题更显眼 */
#ai-search-advice .ai-item h4,
#ai-search-advice .ai-item h5{
  margin: 0 0 8px;
  font-weight: 700;
  color: var(--color-primary-minus, #0f172a);
}

/* 标题加点颜色区分 */
#ai-search-advice .ai-body.ai-columns .ai-item h4,
#ai-search-advice .ai-body.ai-columns .ai-item h5 {
  margin-top: 0;
  margin-bottom: 8px;
  color: var(--color-primary, #2563eb);
  font-weight: 600;
  border-left: 3px solid var(--color-primary, #2563eb);
  padding-left: 8px;
}
/* —— 窄屏自动单列 —— */
@media (max-width:1024px){
  #ai-search-advice .ai-body.ai-columns{
    column-count:1;
    -webkit-column-count:1;
    -moz-column-count:1;
  }
}

/* —— 暗色模式（可选） —— */
@media (prefers-color-scheme:dark){
  #ai-search-advice.ai-card{
    --ai-bg:#0b1220;
    --ai-text:#e5e7eb;
    --ai-sub:#9aa0a6;
  }
  #ai-search-advice .ai-body.ai-columns .ai-item{
    background:#0e1624;
    border-color:rgba(255,255,255,.08);
    box-shadow:none;
  }
}

#ai-search-advice.ai-card{background:#fff;border:1px solid rgba(2,6,23,.08);border-radius:16px;padding:20px 22px;}
#ai-search-advice .ai-body.ai-columns{column-count:2;column-gap:22px}
#ai-search-advice .ai-item{background:#fff;border:1px solid rgba(2,6,23,.1);border-radius:12px;padding:14px 16px;margin:12px 0;break-inside:avoid;box-shadow:0 1px 2px rgba(2,6,23,.06)}
#ai-search-advice .ai-item h4{margin:0 0 8px;color:var(--color-primary, #2563eb);font-weight:600;border-left:3px solid var(--color-primary, #2563eb);padding-left:8px}
@media (max-width:1024px){#ai-search-advice .ai-body.ai-columns{column-count:1}}

/* 商标查询结果页：1440px 适配（AI 解读区 + 筛选 + 搜索结果） */
.check-wrap .check-head { max-width: 1440px; width: 100%; }
.check-wrap .container { max-width: 1440px; width: 100%; margin-left: auto; margin-right: auto; }
.check-wrap .check-result .result-panel .result-item .tm-info { max-width: 1000px; width: calc(100% - 320px); }
.check-wrap .term-cls .term-content { max-width: 1230px; width: 100%; }
.check-wrap .term-cls.zong-cls .term-content { max-width: 1150px; width: 100%; }
.check-wrap .check-terms .term-content { max-width: 1230px; }

/* 声明区宽度与搜索栏一致 */
.check-wrap .check-head .declaration {
    width: 1080px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* 下方分类筛选区：外框线卡片样式 + 1440px，井然有序 */
.check-wrap .term-filter-card {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  border: 2px solid #dcdfe6;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  padding: 18px 22px;
}
.check-wrap .term-filter-card .term-item {
  padding: 10px 0;
  border-top: 1px solid #ebeef5;
}
.check-wrap .term-filter-card .term-item:first-child {
  border-top: none;
  padding-top: 0;
}
.check-wrap .term-filter-card .term-label {
  color: #303133;
  font-weight: 500;
}
.check-wrap .term-filter-card .more-common.pull-right {
  margin-right: 20px;
}
/* 展开后箭头向上 */
.check-wrap .term-filter-card .more-common .iconfont.top {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.check-wrap .term-filter-card .term-content {
  text-align: left;
}
/* 商标类别：参考 /trademark/form 使用 Grid 网格，每列左对齐、间距 10px */
.check-wrap .term-filter-card .term-cls .term-content {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  max-width: 100%;
  padding-right: 10px;
  box-sizing: border-box;
}
.check-wrap .term-filter-card .term-cls.zong-cls .term-content {
  height: 48px;
  overflow: hidden;
}
.check-wrap .term-filter-card .term-cls.zong-cls .term-content.auto-height {
  height: auto;
  overflow: visible;
}
.check-wrap .term-filter-card .term-cls .term-content li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 5px 10px;
  text-align: left;
  border: 2px solid #dcdfe6;
  border-radius: 4px;
  background: #fafafa;
  line-height: 1.4;
  transition: border-color 0.2s, background 0.2s;
  box-sizing: border-box;
}
.check-wrap .term-filter-card .term-cls.zong-cls .term-content li {
  min-width: 0;
}
.check-wrap .term-filter-card .term-cls .term-content li:hover {
  border-color: var(--color-primary, #3c7ee5);
  background: var(--color-primary-bg, #f4f9ff);
}
.check-wrap .term-filter-card .term-cls .term-content li.active {
  border-color: var(--color-primary, #3c7ee5);
  background: var(--color-primary-lightest, #ecf5ff);
  color: var(--color-primary, #3c7ee5);
}
/* 商标状态：每一项为小卡片标签，带外框 */
.check-wrap .term-filter-card .term-status .term-content li {
  display: inline-block;
  margin-right: 10px;
  text-align: left;
}
.check-wrap .term-filter-card .term-status .term-content a {
  display: inline-block;
  padding: 6px 14px;
  border: 2px solid #dcdfe6;
  border-radius: 6px;
  background: #fafafa;
  line-height: 1.4;
  transition: border-color 0.2s, background 0.2s;
  color: inherit;
  text-decoration: none;
}
.check-wrap .term-filter-card .term-status .term-content a:hover {
  border-color: var(--color-primary, #3c7ee5);
  background: var(--color-primary-bg, #f4f9ff);
}
.check-wrap .term-filter-card .term-status .term-content a.blue {
  border-color: var(--color-primary, #3c7ee5);
  background: var(--color-primary-lightest, #ecf5ff);
  color: var(--color-primary, #3c7ee5);
}

/* AI 解读卡片：可半折叠/展开，避免页面过长 */
#ai-search-advice.ai-card { max-width: 1440px; margin-left: auto; margin-right: auto; position: relative; }
#ai-search-advice .ai-card-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 12px; }
#ai-search-advice .ai-card-head h3 { margin: 0; }
#ai-search-advice .ai-toggle-wrap { flex-shrink: 0; }
#ai-search-advice .ai-toggle-btn { padding: 4px 12px; font-size: 12px; color: var(--color-primary, #2563eb); background: transparent; border: 2px solid var(--color-primary, #2563eb); border-radius: 6px; cursor: pointer; outline: none; }
#ai-search-advice .ai-toggle-btn:hover { background: var(--color-primary-bg, #eff6ff); }
#ai-search-advice .ai-body-wrap { position: relative; }
#ai-search-advice .ai-body { position: relative; transition: max-height 0.35s ease, opacity 0.25s ease; overflow: hidden; }
#ai-search-advice.ai-card.ai-collapsed .ai-body { max-height: 140px; opacity: 0.92; }
#ai-search-advice.ai-card.ai-collapsed .ai-body-wrap::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 48px; background: linear-gradient(to bottom, transparent, #fff); pointer-events: none; }
#ai-search-advice.ai-card .ai-foot { margin-top: 10px; }

/* 快速链接按钮区域 - 与查询按钮同行右侧；窄屏自动换行不重叠 */
.check-head .search-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}
.check-head .search-panel .search-item {
    flex-shrink: 0;
    min-width: 0;
}
.check-head .quick-links {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}
.check-head .quick-link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 40px;
    font-size: 14px;
    color: var(--color-primary, #3c7ee5);
    background: #fff;
    border: 2px solid var(--color-primary, #3c7ee5);
    border-radius: 6px;
    transition: background 0.2s, color 0.2s;
    text-decoration: none;
    white-space: nowrap;
}
.check-head .quick-link-btn:hover {
    background: var(--color-primary, #3c7ee5);
    color: #fff;
}

/* 搜索框与分类/链接换行不重叠：窄屏时搜索栏单独一行，快速链接与声明依次换行 */
@media (max-width: 1100px) {
    .check-head .search-panel {
        justify-content: flex-start;
    }
    .check-head .search-panel .search-item {
        width: 100%;
    }
    .check-head .quick-links {
        width: 100%;
        justify-content: flex-start;
    }
    .check-head .search-panel .download-item {
        position: static;
        margin: 10px 0 0 0;
        width: auto;
    }
}
@media (max-width: 768px) {
    .check-head .declaration {
        width: 100%;
        margin-top: 14px;
    }
}

/* 商标搜索页 /trademark/search：搜索框视窗水平垂直居中，底部 footer 贴底 */
body.page-trademark-search {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
body.page-trademark-search #app {
    flex: 1;
    display: flex;
    flex-direction: column;
}
body.page-trademark-search .whole-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
}
body.page-trademark-search .check-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
}
body.page-trademark-search .check-head {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
}
body.page-trademark-search .check-head .center {
    width: 100%;
}