:root {
--dyui-primary: #1E9FFF;
--dyui-primary-hover: #1890e0;
--dyui-primary-dark: #0d47a1;
--dyui-accent: #383ccf;
--dyui-white: #ffffff;
--dyui-text-000: #333333;
--dyui-text-100: #666666;
--dyui-text-300: #999999;
--dyui-text-500: #bbbbbb;
--dyui-text-700: #dddddd;
--dyui-bg: #fafafa;
--dyui-bg-050: #f5f5f5;
--dyui-bg-100: #eeeeee;
--dyui-header-h: 72px;
--dyui-page-padding: calc(50vw - 650px);
--dyui-full-section-h: calc(100vh - var(--dyui-header-h));
--dyui-radius-sm: 4px;
--dyui-radius-md: 8px;
--dyui-success: #28a745;
--dyui-success-light: #e8f5e9;
--dyui-danger: #dc3545;
--dyui-danger-light: #fde8e8;
}
.rounded-3 { border-radius: 8px !important; }
.rounded-4 { border-radius: 12px !important; }
/* 筛选 */
.dyui-filter-section .dyui-filter-scroll-main {display: grid; grid-template-columns: repeat(5, 1fr); background: #fff; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06); border-radius: 10px; overflow: hidden;}
.dyui-filter-section .dyui-filter-scroll-main .dyui-filter-item {border-right: 1px solid var(--dyui-bg-100); border-bottom: 1px solid var(--dyui-bg-100)}
.dyui-filter-section .dyui-filter-scroll-main .dyui-filter-item .dyui-filter-item-header {display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s; background: var(--dyui-primary);}
.dyui-filter-section .dyui-filter-scroll-main .dyui-filter-item .dyui-filter-item-header .dyui-filter-item-title {background: var(--dyui-primary);}
.dyui-filter-section .dyui-filter-scroll-main .dyui-filter-item .dyui-filter-col {}


.dyui-filter-scroll-wrap { display: none; }
.dyui-filter-dimensions-header { display: grid; grid-template-columns: repeat(6, 1fr); background: var(--dyui-primary); }
.dyui-filter-dimension-title { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; color: #fff; font-size: 14px; font-weight: 500; border-right: 1px solid rgba(255,255,255,0.12); cursor: pointer; transition: background 0.2s; }
.dyui-filter-dimension-title:last-child { border-right: none; }
.dyui-filter-dimension-title i { font-size: 12px; transition: transform 0.3s; }
.dyui-filter-dimension-title:hover { background: rgba(255,255,255,0.08); }
.dyui-filter-grid { display: grid; grid-template-columns: repeat(6, 1fr); min-height: 260px; }
.dyui-filter-col { padding: 16px 18px; border-right: 1px solid var(--dyui-bg-100); display: flex; flex-direction: column; gap: 10px; }
.dyui-filter-col:last-child { border-right: none; }
.dyui-filter-col-search { position: relative; }
.dyui-filter-col-search input { width: 100%; height: 34px; border: 1px solid #e8e8e8; border-radius: 4px; padding: 0 30px 0 10px; font-size: 13px; color: var(--dyui-text-000); outline: none; transition: border-color 0.3s, background 0.3s; background: #fafafa; }
.dyui-filter-col-search input:focus { border-color: var(--dyui-primary); background: #fff; }
.dyui-filter-col-search input::placeholder { color: var(--dyui-text-500); }
.dyui-filter-col-search i { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--dyui-text-500); font-size: 13px; pointer-events: none; }
.dyui-filter-options { display: flex; flex-direction: column; gap: 2px; max-height: 200px; overflow-y: auto; }
.dyui-filter-options::-webkit-scrollbar { width: 4px; }
.dyui-filter-options::-webkit-scrollbar-thumb { background: var(--dyui-bg-100); border-radius: 2px; }
.dyui-filter-option { display: flex; align-items: center; gap: 8px; padding: 6px 4px; border-radius: 3px; cursor: pointer; font-size: 13px; color: var(--dyui-text-100); transition: background 0.2s, color 0.2s; white-space: nowrap; }
.dyui-filter-option:hover { background: #f5f7fa; color: var(--dyui-primary); }
.dyui-filter-option.active { background: #f5f7fa; color: var(--dyui-primary); }
.dyui-filter-option input[type="checkbox"] { width: 14px; height: 14px; cursor: pointer; accent-color: var(--dyui-primary); flex-shrink: 0; }
.dyui-filter-option-count { margin-left: auto; font-size: 11px; color: var(--dyui-text-500); }
.dyui-filter-empty { font-size: 13px; color: var(--dyui-text-500); text-align: center; padding: 30px 0; }
.dyui-filter-tags-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; border-top: 1px solid var(--dyui-bg-100); background: #fff; }
.dyui-filter-tags-left { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.dyui-tag-label { font-size: 13px; color: var(--dyui-text-300); flex-shrink: 0; }
.dyui-filter-tag { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 4px; font-size: 12px; color: var(--dyui-primary); background: rgba(30,159,255,0.08); border: 1px solid rgba(30,159,255,0.25); white-space: nowrap; }
.dyui-filter-tag i { font-size: 11px; cursor: pointer; opacity: 0.6; transition: opacity 0.2s; }
.dyui-filter-tag i:hover { opacity: 1; }
.dyui-filter-clear-all { display: inline-flex; align-items: center; gap: 6px; padding: 7px 16px; background: var(--dyui-primary); color: #fff; border-radius: 4px; font-size: 13px; transition: background 0.3s; flex-shrink: 0; }
.dyui-filter-clear-all:hover { background: var(--dyui-primary-hover); }
.dyui-filter-clear-all i { font-size: 13px; }
.dyui-result-bar { display: flex; align-items: center; justify-content: space-between; margin: 16px auto 0; padding: 14px 20px; background: #fff; border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,0.05); }
.dyui-result-count { font-size: 14px; color: var(--dyui-text-100); }
.dyui-result-count strong { color: var(--dyui-primary); font-size: 16px; font-weight: 600; }
.dyui-result-search { display: flex; align-items: center; border: 1px solid #e0e0e0; border-radius: 6px; overflow: hidden; transition: border-color 0.3s; max-width: 320px; flex: 1; margin: 0 20px; }
.dyui-result-search:focus-within { border-color: var(--dyui-primary); }
.dyui-result-search-input { flex: 1; border: none; outline: none; padding: 8px 14px; font-size: 14px; color: var(--dyui-text-000); background: #fafafa; min-width: 0; }
.dyui-result-search-input::placeholder { color: var(--dyui-text-500); }
.dyui-result-search-btn { width: 40px; height: 38px; border: none; outline: none; background: var(--dyui-primary); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; transition: background 0.3s; flex-shrink: 0; }
.dyui-result-search-btn:hover { background: var(--dyui-primary-hover); }

.dyui-view-switch { display: flex; gap: 4px; background: #f0f0f0; border-radius: 6px; padding: 3px; }
.dyui-view-switch-btn { width: 34px; height: 30px; border: none; border-radius: 4px; background: transparent; color: var(--dyui-text-300); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; transition: all 0.3s; }
.dyui-view-switch-btn.dyui-active { background: #fff; color: var(--dyui-primary); box-shadow: 0 1px 3px rgba(0,0,0,0.12); }
.dyui-view-switch-btn:hover { color: var(--dyui-primary); }
@media screen and (max-width: 991px) {
    .dyui-filter-section {overflow: hidden;}
    .dyui-filter-scroll-wrap {min-width: 0; width: auto; display: block; border-radius: 10px; overflow: hidden;}
    .dyui-filter-dimensions-header {grid-template-columns: repeat(3, 1fr);}
    .dyui-filter-dimension-title {flex: 0 0 auto; white-space: nowrap; padding: 12px 14px;}
    .dyui-filter-dimension-title.dyui-active {background: rgba(255,255,255,0.18);}
    .dyui-filter-dimension-title.dyui-active i {transform: rotate(180deg);}
    .dyui-filter-grid {display: none;}
    .dyui-filter-grid.dyui-open {display: block;}
    .dyui-filter-col {display: none; border-right: none; border-top: 1px solid var(--dyui-bg-100);}
    .dyui-filter-col.dyui-open {display: flex;}
    .dyui-filter-tags-bar {display: flex; overflow-x: auto;}
}
@media screen and (max-width: 768px) {
    .dyui-result-bar {flex-wrap: wrap;}
    .dyui-result-bar .dyui-result-search {order: 2; flex: 0 0 100%; margin: 10px 0 0 0; max-width: 100%;}
    .dyui-result-bar .dyui-view-switch {flex: 0 0 40%;}
    .dyui-result-bar .result-sort {flex: 0 0 50%; font-size: 14px;}

    .body-search-table .table-responsive table {min-width: 900px;}

}
/* 筛选结束 */


.dyui-product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 20px 0 0; margin: 0 auto; }
.dyui-product-card { background: #fff; border-radius: 8px; overflow: hidden; border: 1px solid #d0d0d0; transition: transform 0.3s, box-shadow 0.3s; }
.dyui-product-card:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0,0,0,0.1); border-color: #ddd; }
.dyui-product-card-img { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: #f8f9fa; position: relative; }
.dyui-product-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.dyui-product-card:hover .dyui-product-card-img img { transform: scale(1.06); }
.dyui-product-card-tag { position: absolute; top: 12px; left: 12px; padding: 3px 10px; border-radius: 3px; font-size: 11px; font-weight: 500; background: rgba(30,159,255,0.85); color: #fff; }
.dyui-product-card-body { padding: 16px 18px 20px; text-align: center; }
.dyui-product-card-series {color: var(--dyui-primary);}
.dyui-product-card-name { font-weight: 600; color: var(--dyui-text-000); line-height: 1.5; margin-bottom: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dyui-product-card-btn {font-size: 14px;}
.dyui-product-list-row { padding: 20px 0 0;  margin: 0 auto; }
.dyui-product-row-item { display: flex; gap: 18px; align-items: stretch; background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 16px; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; }
.dyui-product-row-item:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(0,0,0,0.09); border-color: #d0d0d0; }
.dyui-product-row-thumb { width: 150px; height: 150px; flex-shrink: 0; border-radius: 6px; overflow: hidden; background: #f8f9fa; position: relative; }
.dyui-product-row-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.dyui-product-row-item:hover .dyui-product-row-thumb img { transform: scale(1.06); }
.dyui-product-row-info { flex: 1; display: flex; flex-direction: column; min-width: 0; padding: 4px 0; }
.dyui-product-row-series { font-size: 13px; color: var(--dyui-primary); font-weight: 500; margin-bottom: 6px; }
.dyui-product-row-name { font-size: 18px; font-weight: 600; color: var(--dyui-text-000); line-height: 1.4; margin-bottom: 8px; }
.dyui-product-row-desc { font-size: 13px; color: var(--dyui-text-100); line-height: 1.7; margin-bottom: auto; max-width: 760px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dyui-product-row-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 14px; font-size: 12px; color: var(--dyui-text-300); }
.dyui-product-row-meta b { color: var(--dyui-text-100); font-weight: 500; }
@media screen and (max-width: 768px) {
    .dyui-filter-section .dyui-filter-scroll-main {display: none;}
    .dyui-product-grid {grid-template-columns: repeat(2, 1fr); gap: 10px;}
    .dyui-product-row-item .dyui-product-row-thumb {width: 100px; height: 100px;}
    .dyui-product-card-name {margin-bottom: 0;}
}


/* 分页 */
.dyui-pagination-bar { display: flex; align-items: center; justify-content: center; padding: 20px 24px 32px; gap: 6px; }
.dyui-pagination-bar .pagination {flex-wrap: wrap;}
.dyui-pagination-bar ul li {padding: 0 5px; margin-bottom: 8px;}
.dyui-pagination-bar ul li a { padding: 0 15px; height: 36px; border-radius: 4px; border: 1px solid #e0e0e0; background: #fff; color: var(--dyui-text-100); font-size: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }
.dyui-pagination-bar ul li a:hover { border-color: var(--dyui-primary); color: var(--dyui-primary); }
.dyui-pagination-bar ul li.active a { background: var(--dyui-primary); color: #fff; border-color: var(--dyui-primary); }
.dyui-pagination-bar ul li a.dyui-disabled { color: var(--dyui-text-500); cursor: not-allowed; pointer-events: none; }


/* ===== 产品分类页（侧边目录导航 + 卡片网格） ===== */
.pp-wrap { margin-top: -50px; position: relative; z-index: 2; }
.pp-box {}
.pp-layout { display: flex; gap: 24px; align-items: flex-start; }

/* 侧边分类导航 */
.pp-side { width: 280px; flex-shrink: 0; background: #fff; border: 1px solid var(--dyui-bg-100); border-radius: 10px; padding: 22px 16px; position: sticky; top: calc(var(--dyui-header-h) + 20px); }
.pp-side__title { font-size: 18px; font-weight: 700; padding: 0 10px 14px; border-bottom: 1px solid var(--dyui-bg-100); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; color: var(--dyui-text-000); }
.pp-side__title::before { content: ""; width: 4px; height: 18px; border-radius: 2px; background: var(--dyui-primary); }
.pp-side__list { list-style: none; }
.pp-side__item { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: var(--dyui-radius-sm); color: var(--dyui-text-100); transition: .2s; position: relative; }
.pp-side__item img { width: 34px; height: 34px; border-radius: 6px; object-fit: cover; flex-shrink: 0; background: var(--dyui-bg-050); }
.pp-side__item .pp-side__icon { width: 34px; height: 34px; border-radius: 6px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--dyui-primary), var(--dyui-primary-dark)); color: #fff; }
.pp-side__item .pp-side__icon svg { width: 18px; height: 18px; }
.pp-side__item .pp-side__name { font-size: 15px; }
.pp-side__item:hover { background: var(--dyui-bg-050); color: var(--dyui-primary); }
.pp-side__item.active { background: linear-gradient(90deg, rgba(30,159,255,.12), transparent); color: var(--dyui-primary); font-weight: 600; }
.pp-side__item.active::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 22px; border-radius: 2px; background: var(--dyui-primary); }

/* 右侧内容 */
.pp-content { flex: 1; min-width: 0; }
.pp-content__head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 22px; background: #fff; padding: 20px; border-radius: 10px; }
.pp-content__head h2 { font-size: 22px; font-weight: 700; color: var(--dyui-text-000); }
.pp-content__head p { color: var(--dyui-text-100); font-size: 14px; margin-top: 4px; }
.pp-content__count { font-size: 14px; color: var(--dyui-text-100); background: var(--dyui-bg-050); padding: 6px 14px; border-radius: 20px; }
.pp-content__count strong { color: var(--dyui-primary); }

.pp-row-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.pp-row-card { background: #fff; border: 1px solid var(--dyui-bg-100); border-radius: var(--dyui-radius-md); padding: 18px; display: flex; gap: 18px; align-items: center; transition: transform .3s, box-shadow .3s, border-color .3s; }
.pp-row-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,.09); border-color: var(--dyui-primary); }
.pp-row-card__media { width: 120px; height: 120px; border-radius: var(--dyui-radius-sm); flex-shrink: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #eff7ff, #bbe2ff); position: relative; }
.pp-row-card__media img { width: 100%; height: 100%; object-fit: cover; }
.pp-row-card__media .pp-ph { color: #fff; opacity: .9; }
.pp-row-card__media .pp-ph svg { width: 54px; height: 54px; }
.pp-row-card__name { font-size: 17px; font-weight: 700; color: var(--dyui-text-000); margin-bottom: 8px; }
.pp-row-card__desc { font-size: 13px; color: var(--dyui-text-100); line-height: 1.7; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 44px; }
.pp-row-card__more { font-size: 13px; font-weight: 600; color: var(--dyui-primary); display: inline-flex; align-items: center; gap: 4px; transition: gap .2s; }
.pp-row-card:hover .pp-row-card__more { gap: 9px; }
.pp-row-card__more svg { width: 14px; height: 14px; }

@media (max-width: 992px) {
    .pp-layout { flex-direction: column; }
    .pp-side { width: 100%; position: static; }
    .pp-row-grid { gap: 10px; }
}
@media (max-width: 560px) {
    .pp-row-card { flex-direction: column; text-align: center; }
    .pp-row-card__media { margin: 0 auto; }
}

.dyui-mega-grid-item__image img { width: 100%; height: 100%; object-fit: cover; }
.dyui-header-solution-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.dyui-header-solution-item:hover .dyui-header-solution-thumb img { transform: scale(1.05); }
.dyui-banner { position: relative; height: 100vh; overflow: hidden; margin-top: 0; }
.dyui-banner__slider { height: 100%; }
.dyui-banner-slide { position: relative; height: 100%; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; }
.dyui-banner-slide::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.4) 100%); }
.dyui-banner-text-overlay { position: relative; z-index: 2; text-align: center; top: -5%; }
.dyui-banner-text-overlay h1 { font-size: 52px; font-weight: 700; color: #fff; letter-spacing: 4px; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }
.dyui-banner-text-overlay .dyui-banner-desc { font-size: 18px; color: rgba(255,255,255,0.9); margin-top: 16px; max-width: 700px; }
.dyui-banner-text-overlay .dyui-banner-btn { display: inline-block; margin-top: 30px; padding: 12px 36px; border-radius: 22px; background: #509bff; color: #fff; font-size: 15px; transition: all 0.3s; }
.dyui-banner-text-overlay .dyui-banner-btn:hover { background: var(--dyui-primary-hover); transform: translateY(-2px); box-shadow: 0 6px 15px rgba(30,159,255,0.4); color: #fff; }
.dyui-banner__indicator { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 10; }
.dyui-banner__indicator span { display: block; width: 8px; height: 8px; border-radius: 4px; background: rgba(255,255,255,0.5); cursor: pointer; transition: width 0.3s, background 0.3s; }
.dyui-banner__indicator span.dyui-active { width: 28px; background: rgba(255,255,255,0.9); }
.dyui-banner__global-progress { position: absolute; bottom: 0; left: 0; right: 0; height: 3px; display: flex; gap: 4px; z-index: 10; }
.dyui-banner__global-progress .dyui-progress-segment { flex: 1; background: rgba(255,255,255,0.3); position: relative; overflow: hidden; }
.dyui-banner__global-progress .dyui-progress-fill { position: absolute; top: 0; left: 0; height: 100%; width: 0; background: var(--dyui-primary); transition: width 0s; }
.dyui-banner__global-progress .dyui-progress-fill.dyui-running { width: 100%; transition: width 5s linear; }
.dyui-solutions-section { height: var(--dyui-full-section-h); width: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0; background: var(--dyui-white); }
.dyui-section-title { text-align: center; margin-bottom: 40px; }
.dyui-section-title h2 { font-size: 36px; font-weight: 700; color: var(--dyui-text-000); letter-spacing: 2px; }
.dyui-section-title p { font-size: 15px; color: var(--dyui-text-100); margin-top: 12px; }
.dyui-solutions-accordion { display: flex; gap: 2px; flex: 1; min-height: 0; }
.dyui-acc-item { flex: 1; position: relative; overflow: hidden; cursor: pointer; border-radius: var(--dyui-radius-md); transition: flex 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); min-width: 120px; }
.dyui-solutions-accordion:not(:hover) .dyui-acc-item:first-of-type { flex: 6; }
.dyui-solutions-accordion:not(:hover) .dyui-acc-item:first-of-type .dyui-acc-desc { opacity: 1; max-height: 3.2em; }
.dyui-solutions-accordion:not(:hover) .dyui-acc-item:first-of-type .dyui-acc-name { font-size: 28px; font-weight: 700; }
.dyui-acc-item:hover { flex: 6; }
.dyui-acc-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.6s ease; }
.dyui-acc-item:hover .dyui-acc-bg { transform: scale(1.03); }
.dyui-acc-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.35) 30%, transparent 42%); display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 40px 12px 56px; transition: align-items 0.3s; }
.dyui-acc-item:hover .dyui-acc-overlay { align-items: flex-start; }
.dyui-acc-name { color: #fff; font-size: 20px; font-weight: 600; letter-spacing: 2px; text-align: center; white-space: nowrap; transition: all 0.3s; }
.dyui-acc-item:hover .dyui-acc-name { font-size: 28px; font-weight: 700; text-align: left; }
.dyui-acc-desc { color: rgba(255,255,255,0.85); font-size: 14px; line-height: 1.6; margin-top: 8px; max-width: 320px; opacity: 0; max-height: 0; overflow: hidden; transition: opacity 0.3s 0.2s, max-height 0.3s 0.2s; text-align: center; }
.dyui-acc-item:hover .dyui-acc-desc { opacity: 1; max-height: 3.2em; text-align: left; }
@media (max-width: 768px) {
    .dyui-acc-overlay { padding: 55px 12px 56px; }
}
.dyui-product-section { height: var(--dyui-full-section-h); background: #f2f4f5; overflow: hidden; display: flex; align-items: center; }
.dyui-product-swiper { width: 100%; height: 100%; }
.dyui-product-swiper .swiper-slide { height: 100%; background-size: cover; background-position: center; display: flex; align-items: center; }
.dyui-product-content-wrap { width: 100%; padding: 0 var(--dyui-page-padding); }
.dyui-product-top-area { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 40px; }
.dyui-product-left-text { width: 30vw; min-width: 240px; }
.dyui-product-nav-ctrl { margin-bottom: 24px; display: flex; align-items: center; gap: 16px; }
.dyui-pn-fraction { font-size: 12px; font-weight: bold; color: var(--dyui-text-000); }
.dyui-pn-line { width: 22px; height: 1px; background: #1d2089; }
.dyui-pn-arrows { display: flex; gap: 8px; }
.dyui-pn-arrows .dyui-pn-prev, .dyui-pn-arrows .dyui-pn-next { width: 30px; height: 30px; border-radius: 4px; border: 1px solid transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; transition: all 0.3s; color: var(--dyui-text-100); }
.dyui-pn-arrows .dyui-pn-prev:hover, .dyui-pn-arrows .dyui-pn-next:hover { border-color: #d9d9d9; box-shadow: 0 4px 12px rgba(0,0,0,0.15); color: var(--dyui-primary); }
.dyui-product-main-title { font-size: 40px; font-weight: 700; color: var(--dyui-text-000); white-space: nowrap; }
.dyui-product-main-desc { font-size: 16px; color: var(--dyui-text-100); line-height: 1.8; margin-top: 16px; }
.dyui-product-sub-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.dyui-sub-card { background: #fff; border-radius: var(--dyui-radius-sm); padding: 24px 20px; height: 190px; display: flex; flex-direction: column; transition: transform 0.3s, box-shadow 0.3s; cursor: pointer; text-decoration: none; color: inherit; }
.dyui-sub-card:hover { transform: translateY(-6px); box-shadow: 0 10px 25px rgba(0,0,0,0.08); }
.dyui-sub-img-wrap { flex: 1; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.dyui-sub-img-wrap img { max-height: 80px; max-width: 100%; object-fit: contain; }
.dyui-sub-name { font-size: 13px; color: var(--dyui-text-100); text-align: center; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dyui-about-section { position: relative; min-height: var(--dyui-full-section-h); display: flex; align-items: center; justify-content: center; padding: 90px var(--dyui-page-padding); overflow: hidden; background: #081226; }
.dyui-about-section .dyui-about-video-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.dyui-about-section .dyui-about-overlay { position: absolute; inset: 0; background: linear-gradient(rgba(8,18,38,0.6), rgba(8,18,38,0.6)); z-index: 1; }
.dyui-about-inner { position: relative; z-index: 2; width: 100%; display: flex; flex-direction: column; gap: 26px; }
.dyui-about-glass-box { display: flex; background: rgba(30,30,30,0.5); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--dyui-radius-sm); overflow: hidden; width: 100%; backdrop-filter: blur(10px); }
.dyui-about-left { flex: 0 0 45%; padding: 60px 40px; border-right: 1px solid rgba(255,255,255,0.12); display: flex; flex-direction: column; justify-content: center; }
.dyui-about-title { font-size: 36px; font-weight: 700; color: #fff; letter-spacing: 2px; }
.dyui-about-divider { width: 50px; height: 4px; background: var(--dyui-primary); margin: 20px 0; }
.dyui-about-desc { font-size: 15px; color: rgba(255,255,255,0.85); line-height: 1.8; margin-bottom: 24px; }
.dyui-about-btn-new { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; padding: 10px 28px; background: var(--dyui-accent); color: #fff; border-radius: var(--dyui-radius-sm); font-size: 14px; transition: background 0.3s; }
.dyui-about-btn-new:hover { background: #2c2fb0; color: #fff; }
.dyui-about-right { flex: 0 0 55%; }
.dyui-about-entries { display: grid; grid-template-columns: repeat(8, 1fr); gap: 16px; }
@media (max-width: 768px) {
	.dyui-about-entries { grid-template-columns: repeat(3, 1fr); }
}
.dyui-about-entry { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 10px; text-decoration: none; color: #fff; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.14); border-radius: var(--dyui-radius-sm); backdrop-filter: blur(6px); transition: all 0.3s ease; }
.dyui-about-entry i { font-size: 30px; line-height: 1; transition: transform 0.3s ease; }
.dyui-about-entry span { font-size: 15px; letter-spacing: 2px; }
.dyui-about-entry:hover { background: var(--dyui-primary); border-color: var(--dyui-primary); transform: translateY(-5px); box-shadow: 0 12px 26px rgba(30,159,255,0.32); }
.dyui-about-entry:hover i { transform: scale(1.12); }
.dyui-stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); height: 100%; }
.dyui-stat-item { padding: 30px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: background-color 0.3s; cursor: default; border-right: 1px solid rgba(255, 255, 255, 0.12);}
.dyui-stat-item:hover { background: var(--dyui-accent); }
.dyui-stat-item.dyui-border-right { border-right: 1px solid rgba(255,255,255,0.12); border-bottom: 1px solid rgba(255,255,255,0.12);}
.dyui-stat-item.dyui-border-bottom { border-bottom: 1px solid rgba(255,255,255,0.12); border-right: 1px solid rgba(255,255,255,0.12);}
.dyui-stat-num { font-size: 42px; font-weight: 700; color: #fff; }
.dyui-stat-num span { font-size: 24px; font-weight: 400; }
.dyui-stat-label { font-size: 14px; color: rgba(255,255,255,0.7); margin-top: 6px; }
.dyui-global-value-section { padding: 100px var(--dyui-page-padding); background: #f8fafc; }
@media (max-width: 768px) {
    .dyui-global-value-section { padding: 40px var(--dyui-page-padding); }
    .dyui-gv-header {margin-bottom: 30px;}
}
.dyui-gv-header { text-align: center; margin-bottom: 60px; }
.dyui-gv-title { font-size: 38px; font-weight: 700; color: var(--dyui-text-000); margin-bottom: 18px; position: relative; display: inline-block; }
.dyui-gv-title::after { content: ''; display: block; width: 60px; height: 3px; background: linear-gradient(90deg, var(--dyui-primary), #0d47a1); margin: 14px auto 0; border-radius: 2px; }
.dyui-gv-subtitle { font-size: 16px; color: #666; max-width: 780px; margin: 0 auto; line-height: 1.8; }
.dyui-gv-main-full { position: relative; width: 100%; height: 420px; border-radius: 12px; overflow: hidden; margin-bottom: 40px; box-shadow: 0 8px 30px rgba(0,0,0,0.08); transition: box-shadow 0.4s; }
.dyui-gv-main-full:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.15); }
.dyui-gv-main-full .dyui-gv-main-bg { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.dyui-gv-main-full:hover .dyui-gv-main-bg { transform: scale(1.05); }
.dyui-gv-main-overlay-full {position: absolute; bottom: 0; left: 0; width: 42%; height: 48%; padding: 28px 32px; background: linear-gradient(135deg, rgba(13,71,161,0.92), rgba(30,159,255,0.85)); color: #fff; display: flex; flex-direction: column; justify-content: center; clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);}
.dyui-gv-main-overlay-full h3 { font-size: 26px; font-weight: 700; margin-bottom: 10px; letter-spacing: 1px; }
.dyui-gv-main-overlay-full p { font-size: 14px; line-height: 1.7; opacity: 0.92; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.dyui-gv-grid-new { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.dyui-gv-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.05); transition: transform 0.35s, box-shadow 0.35s; }
.dyui-gv-card:hover { transform: translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,0.12); }
.dyui-gv-card-img { width: 100%; height: 170px; overflow: hidden; position: relative; }
.dyui-gv-card-img .dyui-gv-card-bg { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.dyui-gv-card:hover .dyui-gv-card-bg { transform: scale(1.08); }
.dyui-gv-card-img .dyui-gv-icon-badge { position: absolute; bottom: 12px; right: 12px; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.95); display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--dyui-primary); box-shadow: 0 2px 8px rgba(0,0,0,0.15); transition: transform 0.3s, background 0.3s, color 0.3s; }
.dyui-gv-card:hover .dyui-gv-icon-badge { transform: scale(1.15); background: var(--dyui-primary); color: #fff; }
.dyui-gv-card-body { padding: 20px 22px; }
.dyui-gv-card-body h4 { font-size: 18px; font-weight: 700; color: var(--dyui-text-000); margin-bottom: 8px; transition: color 0.3s; }
.dyui-gv-card:hover .dyui-gv-card-body h4 { color: var(--dyui-primary); }
.dyui-gv-card-body p { font-size: 13px; color: #666; line-height: 1.7; margin-bottom: 14px; }
.dyui-gv-card-body .dyui-gv-card-more { font-size: 13px; font-weight: 600; color: var(--dyui-primary); text-decoration: none; display: inline-flex; align-items: center;  gap: 4px; transition: gap 0.3s;}
.dyui-gv-card:hover .dyui-gv-card-body .dyui-gv-card-more {gap: 8px;}
.dyui-news-container {display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; width: 100%;  margin: 0 auto; box-sizing: border-box;}
.dyui-news-title { margin-bottom: 30px;font-size: 24px; font-weight: 500; color: #1a1a1a; display: flex; align-items: center; gap: 8px;}
.dyui-news-title .dyui-arrow {font-family: 'Courier New', Courier, monospace;font-weight: 300; color: var(--dyui-primary); transform: translateY(2px); display: inline-block;}
.dyui-information { flex: 2; min-width: 0; }
.dyui-information_content { display: flex; gap: 24px; width: 100%; }
.dyui-information_left {position: relative; cursor: pointer; width: 60%; max-width: 100%; height: 340px; overflow: hidden; display: block; flex-shrink: 0; text-decoration: none;}
.dyui-information_left img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s ease;}
.dyui-information_left::after {content: ''; position: absolute;  top: 0; left: 0; width: 100%; height: 100%;
 background-image: linear-gradient(0deg, rgba(6, 24, 101, 0.7) 0%, transparent 60%);pointer-events: none;}
.dyui-information_left:hover img { transform: scale(1.08); }
.dyui-information_title {position: absolute; bottom: 72px; left: 16px; font-size: 20px; font-weight: 500; color: #fff; z-index: 2; padding-right: 16px; text-decoration: none;}
.dyui-information_text { position: absolute; bottom: 16px; left: 16px; width: calc(100% - 32px); display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all;-webkit-box-orient: vertical; -webkit-line-clamp: 2; opacity: 0.8; line-height: 22px; font-size: 14px; color: #fff; z-index: 2; }
.dyui-information_right {flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: flex-start;}
.dyui-news-section .dyui-info_item { padding: 0px 0 20px; line-height: 1.5; max-width: 100%; overflow: hidden; }
.dyui-news-section .dyui-info_title { display: block; width: 100%; max-width: 100%; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; font-size: 15px; color: #333; transition: color 0.3s ease;text-decoration: none; }
.dyui-news-section .dyui-info_title:hover { color: var(--dyui-primary); }
.dyui-news-section .dyui-info_time { font-size: 13px; color: #999; }
.dyui-headlines { flex: 1; min-width: 0; margin-left: 0; }
.dyui-headline-item { padding: 0px 0 20px !important; border-bottom: 1px dashed #eee; }
.dyui-headline-item:last-child { border-bottom: none; }
.dyui-headlines .dyui-info_title { max-width: 100%; display: block; }
.dyui-headlines .dyui-dot { display: inline-block; width: 4px; height: 4px; background-color: #999; border-radius: 50%; margin-right: 10px; vertical-align: middle; margin-top: -2px; }
.dyui-headlines .dyui-time-indent { margin-left: 14px; }
@media (max-width: 1024px) {
            .dyui-news-container { gap: 20px; }
            .dyui-information_content { gap: 15px; }
            .dyui-information_left { width: 50%; height: 200px; }
            .dyui-information_title { font-size: 15px; bottom: 40px; padding-right: 10px; }
            .dyui-information_text { font-size: 12px; bottom: 10px; width: calc(100% - 20px); line-height: 1.4; }
            .dyui-news-title { font-size: 18px; margin-bottom: 15px; }
            .dyui-news-section .dyui-info_title { font-size: 13px; margin-bottom: 3px; }
            .dyui-news-section .dyui-info_time { font-size: 12px; }
            .dyui-news-section .dyui-info_item { padding: 0 0 10px; }
            .dyui-headline-item { padding: 0 0 10px !important; }
        }
@media (max-width: 640px) {
            .dyui-news-container { flex-direction: column; }
            .dyui-information_left { width: 100%; height: 220px; }
            .dyui-information_content { flex-direction: column; }
            .dyui-headlines { margin-top: 30px; }
        }
body.dyui-pd-detail { background: #f7f9fc; }
@media (max-width: 767px) {
        .dyui-page-hero { height: 220px !important; padding-bottom: 10px;}
        .dyui-page-hero h1 { font-size: 28px !important; }
    }
.dyui-pd-container {  margin: 0 auto; }
.dyui-pd-block-title { font-size: 22px; font-weight: 700; color: var(--dyui-text-000); margin-bottom: 24px; padding-left: 14px; border-left: 4px solid var(--dyui-primary); line-height: 1.2; }
.dyui-pd-block-title small { display: block; font-size: 13px; font-weight: 400; color: var(--dyui-text-300); margin-top: 4px; }
.dyui-pd-product__top { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,2.0fr); gap: 32px; align-items: start; background: #fff; border-radius: var(--dyui-radius-md); box-shadow: 0 2px 12px rgba(20,44,70,.06); }
.dyui-pd-gallery-main { width: 100%; aspect-ratio: 1/1; background-color: #fafafa; background-position: center; background-size: contain; background-repeat: no-repeat; border: 1px solid #e6ebf0; border-radius: 6px; }
.dyui-pd-gallery-thumbs { display: flex; gap: 12px; margin-top: 14px; }
.dyui-pd-thumb { width: 72px; height: 72px; border: 1px solid #e6ebf0; border-radius: 6px; background: #fafafa; cursor: pointer; padding: 4px; transition: border-color .2s, box-shadow .2s; }
.dyui-pd-thumb img { width: 100%; height: 100%; object-fit: contain; }
.dyui-pd-thumb.dyui-active, .dyui-pd-thumb:hover { border-color: var(--dyui-primary); box-shadow: 0 0 0 2px rgba(30,159,255,.15); }
.dyui-pd-product__top .pd-info .zzbs .btn {line-height: 1;}


/* ===== 产品首页 ===== */
.pp-wrap { margin-top: -50px; position: relative; z-index: 2; }
.pp-box {}
.pp-layout { display: flex; gap: 24px; align-items: flex-start; }

/* 侧边分类导航 */
.pp-side { width: 280px; flex-shrink: 0; background: #fff; border: 1px solid var(--dyui-bg-100); border-radius: 10px; padding: 22px 16px; position: sticky; top: calc(var(--dyui-header-h) + 20px); }
.pp-side__title { font-size: 18px; font-weight: 700; padding: 0 10px 14px; border-bottom: 1px solid var(--dyui-bg-100); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; color: var(--dyui-text-000); }
.pp-side__title::before { content: ""; width: 4px; height: 18px; border-radius: 2px; background: var(--dyui-primary); }
.pp-side__list { list-style: none; }
.pp-side__item { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: var(--dyui-radius-sm); color: var(--dyui-text-100); transition: .2s; position: relative; }
.pp-side__item img { width: 34px; height: 34px; border-radius: 6px; object-fit: cover; flex-shrink: 0; background: var(--dyui-bg-050); }
.pp-side__item .pp-side__icon { width: 34px; height: 34px; border-radius: 6px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--dyui-primary), var(--dyui-primary-dark)); color: #fff; }
.pp-side__item .pp-side__icon svg { width: 18px; height: 18px; }
.pp-side__item .pp-side__name { font-size: 15px; }
.pp-side__item:hover { background: var(--dyui-bg-050); color: var(--dyui-primary); }
.pp-side__item.active { background: linear-gradient(90deg, rgba(30,159,255,.12), transparent); color: var(--dyui-primary); font-weight: 600; }
.pp-side__item.active::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 22px; border-radius: 2px; background: var(--dyui-primary); }

/* 右侧内容 */
.pp-content { flex: 1; min-width: 0; }
.pp-content__head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 22px; background: #fff;
padding: 20px;
border-radius: 10px;}
.pp-content__head h2 { font-size: 22px; font-weight: 700; color: var(--dyui-text-000); }
.pp-content__head p { color: var(--dyui-text-100); font-size: 14px; margin-top: 4px; }
.pp-content__count { font-size: 14px; color: var(--dyui-text-100); background: var(--dyui-bg-050); padding: 6px 14px; border-radius: 20px; }
.pp-content__count strong { color: var(--dyui-primary); }

.pp-row-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.pp-row-card { background: #fff; border: 1px solid var(--dyui-bg-100); border-radius: var(--dyui-radius-md); padding: 18px; display: flex; gap: 18px; align-items: center; transition: transform .3s, box-shadow .3s, border-color .3s; }
.pp-row-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,.09); border-color: var(--dyui-primary); }
.pp-row-card__media { width: 120px; height: 120px; border-radius: var(--dyui-radius-sm); flex-shrink: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #eff7ff, #bbe2ff); position: relative; }
.pp-row-card__media img { width: 100%; height: 100%; object-fit: cover; }
.pp-row-card__media .pp-ph { color: #fff; opacity: .9; }
.pp-row-card__media .pp-ph svg { width: 54px; height: 54px; }
.pp-row-card__name { font-size: 17px; font-weight: 700; color: var(--dyui-text-000); margin-bottom: 8px; }
.pp-row-card__desc { font-size: 13px; color: var(--dyui-text-100); line-height: 1.7; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 44px; }
.pp-row-card__more { font-size: 13px; font-weight: 600; color: var(--dyui-primary); display: inline-flex; align-items: center; gap: 4px; transition: gap .2s; }
.pp-row-card:hover .pp-row-card__more { gap: 9px; }
.pp-row-card__more svg { width: 14px; height: 14px; }

@media (max-width: 992px) {
    .pp-layout { flex-direction: column; }
    .pp-side { width: 100%; position: static; }
    .pp-row-grid {gap: 10px;}
}
@media (max-width: 560px) {
    .pp-row-card { flex-direction: column; text-align: center; }
    .pp-row-card__media { margin: 0 auto; }
}

/* 产品详情 Swiper 轮播图 */
.pd-gallery { width: 100%; position: relative; }
.pd-gallery .main-image { --swiper-theme-color: var(--dyui-primary); --swiper-navigation-color: #333; --swiper-navigation-size: 32px; position: relative; border: 1px solid #e6ebf0; border-radius: 6px; overflow: hidden; aspect-ratio: 1/1; background: #fafafa; }
.pd-gallery .main-image .swiper-slide { display: flex; align-items: center; justify-content: center; }
.pd-gallery .main-image .box { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.pd-gallery .main-image .box.ratio { position: relative; height: 100%; }
.pd-gallery .main-image .box.ratio::before { display: none; }
.pd-gallery .main-image .box.ratio video { position: relative; object-fit: contain; }
.pd-gallery .main-image .box img { width: 100%; height: 100%; object-fit: contain; }
.pd-gallery .main-image .box video { width: 100%; height: 100%; object-fit: contain; display: block; }
.pd-gallery .main-image .box iframe { width: 100%; height: 100%; border: none; }
.pd-gallery .main-image .swiper-button-prev, .pd-gallery .main-image .swiper-button-next { width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.9); box-shadow: 0 2px 6px rgba(0,0,0,.12); transition: all .25s; }
.pd-gallery .main-image .swiper-button-prev:hover, .pd-gallery .main-image .swiper-button-next:hover { background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.2); }
.pd-gallery .main-image .swiper-button-prev::after, .pd-gallery .main-image .swiper-button-next::after { font-size: 18px; font-weight: 700; }
.pd-gallery .main-image .swiper-button-prev { left: 8px; }
.pd-gallery .main-image .swiper-button-next { right: 8px; }
.pd-gallery .thumb-image { margin-top: 12px; overflow: hidden; }
.pd-gallery .thumb-image .swiper-slide { cursor: pointer; height: auto; }
.pd-gallery .thumb-image .swiper-slide .box { width: 100%; aspect-ratio: 1/1; border: 2px solid #e6ebf0; border-radius: 6px; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #fafafa; transition: border-color .25s; position: relative; box-sizing: border-box; }
.pd-gallery .thumb-image .swiper-slide .box img { width: 100%; height: 100%; object-fit: contain; }
.pd-gallery .thumb-image .swiper-slide .box video { width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
.pd-gallery .thumb-image .swiper-slide .box iframe { border: none !important; }
.pd-gallery .thumb-image .swiper-slide-thumb-active .box { border-color: var(--dyui-primary); }
.pd-gallery .thumb-image .swiper-slide.xkb3d .box::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.35); z-index: 2; }
.pd-gallery .thumb-image .swiper-slide.xkb3d img.threed { position: absolute; z-index: 3; width: 28px; height: 28px; opacity: 1 !important; }

.dyui-pd-info__title { font-size: 26px; font-weight: 700; color: var(--dyui-text-000); }
.dyui-pd-info__rating { color: #ffb400; font-size: 18px; display: flex; align-items: center; gap: 8px; }
.dyui-pd-info__rating-text { color: var(--dyui-text-300); font-size: 13px; }
.dyui-pd-params-wrap { margin: 0 0 20px; }
.dyui-pd-spec-grid,
.dyui-pd-param-grid { gap: 1px; border: 1px solid #eef1f5; border-radius: 6px; overflow: hidden; }
.dyui-pd-spec-item { background: #fff; padding: 5px 15px; display: flex; gap: 10px; font-size: 14px; }
.dyui-pd-spec-item .dyui-label { width: 80px; flex-shrink: 0; color: var(--dyui-text-300); }
.dyui-pd-spec-item .dyui-value { flex: 1; color: var(--dyui-text-000); font-weight: 500; word-break: break-all; }
.dyui-pd-params-group { margin-top: 16px; }
.dyui-pd-params-group .dyui-pd-params__subtitle { font-size: 15px; font-weight: 600; color: var(--dyui-primary); margin: 0; padding: 10px 14px; background: #f5f9ff; border-radius: 6px 6px 0 0; display: flex; align-items: center; gap: 6px; }
.dyui-pd-params-group .dyui-pd-params__subtitle i { font-size: 12px; }
.dyui-pd-params-group .dyui-pd-param-grid { border-top: none; border-radius: 0 0 6px 6px; }
.dyui-pd-param-item { background: #fff; padding: 5px 15px; display: flex; gap: 10px; font-size: 14px; }
.dyui-pd-param-item .dyui-pd-param-key { width: 80px; flex-shrink: 0; color: var(--dyui-text-300); font-size: 13px; }
.dyui-pd-param-item .dyui-pd-param-val { flex: 1; color: var(--dyui-text-000); font-weight: 500; word-break: break-all; }
.dyui-pd-params__card { background: #fff; border-radius: 10px; padding: 32px; box-shadow: 0 2px 16px rgba(0,0,0,.05); }
.dyui-pd-params__card .dyui-pd-params__subtitle { font-size: 16px; font-weight: 700; color: var(--dyui-primary); margin: 8px 0 16px; padding-bottom: 8px; border-bottom: 1px solid #f0f0f0; background: none; border-radius: 0; display: block; }
.dyui-pd-params__card .dyui-pd-params__subtitle i { display: none; }
.dyui-pd-params__card .dyui-pd-params__subtitle:not(:first-child) { margin-top: 28px; }
.dyui-pd-params__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: #eef1f5; border: 1px solid #eef1f5; border-radius: 6px; overflow: hidden; }
.dyui-pd-params__row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: #eef1f5; border: 1px solid #eef1f5; border-radius: 6px; overflow: hidden; }
.dyui-pd-param { background: #fff; padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; }
.dyui-pd-param .dyui-k { font-size: 13px; color: var(--dyui-text-300); }
.dyui-pd-param .dyui-v { font-size: 15px; color: var(--dyui-text-000); font-weight: 500; }
.dyui-pd-related { background: var(--dyui-bg-050); }
.dyui-pd-related-nav { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 28px; }
.dyui-pd-related-anchor { font-size: 15px; color: var(--dyui-text-100); background: #fff; border: 1px solid #e3e8ef; border-radius: 30px; padding: 9px 22px; transition: all .2s; cursor: pointer; }
.dyui-pd-related-anchor:hover { color: var(--dyui-primary); border-color: var(--dyui-primary); }
.dyui-pd-related-anchor.dyui-active { color: #fff; background: var(--dyui-primary); border-color: var(--dyui-primary); }
.dyui-pd-related-group { padding-top: 20px; scroll-margin-top: 90px; }
.dyui-pd-related-group + .dyui-pd-related-group { margin-top: 36px; border-top: 1px solid #e8edf3; padding-top: 36px; }
.dyui-pd-related-title { font-size: 18px; font-weight: 700; color: var(--dyui-text-000); margin-bottom: 20px; display: flex; align-items: center; gap: 8px; }
.dyui-pd-related-title i { color: var(--dyui-primary); }
.dyui-pd-rel-card { display: block; background: #fff; border: 1px solid #eef1f5; border-radius: 10px; overflow: hidden; transition: transform .2s, box-shadow .2s; height: 100%; }
.dyui-pd-rel-card:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(30,159,255,.12); border-color: var(--dyui-primary); }
.dyui-pd-rel-card__img { aspect-ratio: 1/1; background: #fafafa; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #f0f0f0; }
.dyui-pd-rel-card__img img { width: 80%; height: 80%; object-fit: contain; }
.dyui-pd-rel-card__body { padding: 14px 16px; }
.dyui-pd-rel-card__name { font-size: 15px; font-weight: 600; color: var(--dyui-text-000); margin-bottom: 6px; }
.dyui-pd-rel-card__desc { font-size: 13px; color: var(--dyui-text-300); line-height: 1.5; }
.dyui-pd-rel-meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; }
.dyui-pd-rel-meta span { color: var(--dyui-text-100); background: #f5f7fa; border-radius: 4px; padding: 3px 8px; }
.dyui-pd-rel-meta span.dyui-hl { color: #e96c1c; background: #fff3e9; font-weight: 600; }
@media (max-width: 1100px) {
        .dyui-pd-params__grid, .dyui-pd-params__row { grid-template-columns: repeat(3, 1fr); }
    }
@media (max-width: 991px) {
        .dyui-pd-product__top { grid-template-columns: 1fr 1fr; }
        .dyui-pd-side { grid-column: 1 / -1; flex-direction: row; justify-content: space-around; }
        .pd-gallery .main-image { aspect-ratio: auto; height: auto; min-height: 300px; }
        .pd-gallery .main-image .box { min-height: 300px; }
    }
@media (max-width: 767px) {
        .dyui-pd-product__top { grid-template-columns: 1fr; display: block; }
        .dyui-pd-spec-item,
        .dyui-pd-param-item { padding: 10px 12px; font-size: 13px; }
        .dyui-pd-spec-item .dyui-label,
        .dyui-pd-param-item .dyui-pd-param-key { width: 70px; font-size: 12px; }
        .dyui-pd-spec-item .dyui-value,
        .dyui-pd-param-item .dyui-pd-param-val { font-size: 13px; }
        .dyui-pd-params__grid, .dyui-pd-params__row { grid-template-columns: repeat(2, 1fr); }
        .pd-gallery .main-image .box.ratio { position: relative; height: 100%; }
        .pd-gallery .main-image .box.ratio::before { display: none; }
        .pd-gallery .main-image .box.ratio video { position: relative; object-fit: contain; }
        .pd-gallery .thumb-image .swiper-slide .box { aspect-ratio: 1/1; }
    }
@media (max-width: 480px) {
        .pd-gallery .main-image { min-height: 220px; }
        .pd-gallery .main-image .box { min-height: 220px; }
        .pd-gallery .main-image .swiper-button-prev,
        .pd-gallery .main-image .swiper-button-next { width: 28px; height: 28px; }
        .pd-gallery .main-image .swiper-button-prev::after,
        .pd-gallery .main-image .swiper-button-next::after { font-size: 14px; }
        .pd-gallery .main-image .swiper-button-prev { left: 4px; }
        .pd-gallery .main-image .swiper-button-next { right: 4px; }
    }


.dyui-page-breadcrumb a { color: rgba(255,255,255,0.7); }
.dyui-sol-main { background: #f7f9fc; padding-bottom: 0; }
.dyui-sol-category {position: relative; padding: 0; z-index: 5; margin-top: -20px;}
.dyui-sol-category-inner { display: flex;align-items: stretch; justify-content: center; overflow-x: auto; scrollbar-width: none; flex-wrap: wrap; border-radius: var(--dyui-radius-md); box-shadow: 0 6px 24px rgba(20, 44, 70, 0.08);margin-top: -20px;background-color: #fff; }
.dyui-sol-category-inner::-webkit-scrollbar { display: none; }
.dyui-sol-cat-item { flex: 1 1 0; min-width: 88px; max-width: 120px; display: flex; align-items: center; justify-content: center; padding: 22px 16px; font-size: 16px; color: var(--dyui-text-000); font-weight: 500; cursor: pointer; transition: color 0.3s, background 0.3s; position: relative; border-right: 1px solid #f1f3f6; }
.dyui-sol-cat-item:last-child { border-right: none; }
.dyui-sol-cat-item:hover { color: var(--dyui-primary); }
.dyui-sol-cat-item.dyui-active { color: var(--dyui-primary); font-weight: 600; }
.dyui-sol-cat-item.dyui-active::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 36px; height: 3px; background: var(--dyui-primary); border-radius: 2px; }
@media screen and (max-width: 768px) {
    .dyui-sol-category .dyui-sol-category-inner {padding:0 !important;}
    .dyui-sol-cat-item { border-bottom: 1px solid #f1f3f6; padding: 10px 10px; }
}
.dyui-sol-cards-section { padding: 56px var(--dyui-page-padding) 16px; }
.dyui-sol-section-head { margin: 0 auto 32px; }
.dyui-sol-section-head h2 { font-size: 26px; font-weight: 700; color: var(--dyui-text-000); padding-left: 14px; border-left: 4px solid var(--dyui-primary); line-height: 1.2; }
.dyui-sol-section-head h2 small { display: block; font-size: 13px; font-weight: 400; color: var(--dyui-text-300); margin-top: 6px; }
.dyui-sol-cards-grid { margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.dyui-sol-card { display: flex; align-items: center; gap: 24px; background: #fff; border-radius: var(--dyui-radius-md); padding: 24px 28px; box-shadow: 0 2px 12px rgba(20,44,70,0.06); transition: transform 0.3s, box-shadow 0.3s; cursor: pointer; border: 1px solid transparent; }
.dyui-sol-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(20,44,70,0.12); border-color: rgba(30,159,255,0.15); }
.dyui-sol-card__icon { flex: 0 0 96px; width: 96px; height: 96px; border-radius: var(--dyui-radius-md); display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #e3f2fd, #bbdefb); }
.dyui-sol-card__icon i { font-size: 42px; color: var(--dyui-primary); }
.dyui-sol-card__body { flex: 1; min-width: 0; }
.dyui-sol-card__title { font-size: 20px; font-weight: 700; color: var(--dyui-text-000); margin-bottom: 8px; position: relative; padding-bottom: 12px; }
.dyui-sol-card__title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 32px; height: 2px; background: var(--dyui-primary); transition: width 0.3s; }
.dyui-sol-card:hover .dyui-sol-card__title::after { width: 60px; }
.dyui-sol-card__sub { font-size: 14px; color: var(--dyui-text-300); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media screen and (max-width: 768px) {
    .dyui-sol-cards-grid { grid-template-columns: repeat(1, 1fr); }
}
.gap-6 { gap: 3.5rem !important; }
@media (min-width: 992px) {
	.gap-lg-6 { gap: 3.5rem !important; }
}
.dyui-sol-intro-img { position: relative; border-radius: var(--dyui-radius-md); overflow: hidden; aspect-ratio: 4/3; background: linear-gradient(135deg, #e3f2fd, #bbdefb); }
.dyui-sol-intro-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s; }
.dyui-sol-intro-wrap:hover .dyui-sol-intro-img img { transform: scale(1.04); }
.dyui-sol-intro-text h3 { font-size: 28px; font-weight: 700; color: var(--dyui-text-000); margin-bottom: 20px; line-height: 1.3; position: relative; padding-left: 16px; }
.dyui-sol-intro-text h3::before { content: ''; position: absolute; left: 0; top: 8px; bottom: 8px; width: 4px; background: linear-gradient(180deg, var(--dyui-primary), var(--dyui-accent)); border-radius: 2px; }
.dyui-sol-intro-text p { font-size: 15px; color: var(--dyui-text-100); line-height: 1.9; margin-bottom: 14px; }
.dyui-sol-intro-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 24px; margin: 24px 0 32px; }
.dyui-sol-intro-features li { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--dyui-text-000); }
.dyui-sol-intro-features li i { color: var(--dyui-primary); font-size: 16px; background: rgba(30,159,255,0.1); width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.dyui-sol-rec-section { padding: 56px var(--dyui-page-padding) 80px; }
.dyui-sol-rec-head { margin: 0 auto 32px; display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.dyui-sol-rec-head h2 { font-size: 26px; font-weight: 700; color: var(--dyui-text-000); padding-left: 14px; border-left: 4px solid var(--dyui-primary); line-height: 1.2; }
.dyui-sol-rec-head h2 small { display: block; font-size: 13px; font-weight: 400; color: var(--dyui-text-300); margin-top: 6px; }
.dyui-sol-rec-head a { font-size: 14px; color: var(--dyui-text-100); transition: color 0.3s; }
.dyui-sol-rec-head a:hover { color: var(--dyui-primary); }
.dyui-sol-rec-card { background: #fff; border-radius: var(--dyui-radius-md); overflow: hidden; box-shadow: 0 2px 12px rgba(20,44,70,0.06); transition: transform 0.3s, box-shadow 0.3s; cursor: pointer; text-decoration: none; color: inherit; display: block; }
.dyui-sol-rec-card:hover { transform: translateY(-6px); box-shadow: 0 12px 30px rgba(20,44,70,0.12); }
.dyui-sol-rec-card__img { width: 100%; aspect-ratio: 1/1; background: #f7f9fc; display: flex; align-items: center; justify-content: center; overflow: hidden; border-bottom: 1px solid #f1f3f6; }
.dyui-sol-rec-card__img img { max-width: 75%; max-height: 75%; object-fit: contain; transition: transform 0.4s; }
.dyui-sol-rec-card:hover .dyui-sol-rec-card__img img { transform: scale(1.06); }
.dyui-sol-rec-card__info { padding: 16px 18px 20px; }
.dyui-sol-rec-card__cat { font-size: 12px; color: var(--dyui-primary); background: rgba(30,159,255,0.08); padding: 2px 8px; border-radius: 3px; display: inline-block; margin-bottom: 8px; }
.dyui-sol-rec-card__name { font-size: 15px; font-weight: 600; color: var(--dyui-text-000); line-height: 1.4; margin-bottom: 4px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.dyui-sol-rec-card__desc { font-size: 12px; color: var(--dyui-text-300); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.dyui-nav-one .dyui-icon-short-arrow { font-size: 10px; transition: transform 0.3s; }
.dyui-nav-item:hover .dyui-icon-short-arrow { transform: rotate(180deg); }
.dyui-page-hero { height: 320px; background: linear-gradient(135deg, #0a1628 0%, #0d47a1 45%, #1E9FFF 100%); display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; text-align: center; padding-top: var(--dyui-header-h); position: relative; overflow: hidden; }
.dyui-page-hero::before { content: ''; position: absolute; top: -120px; right: -120px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,0.08), transparent 60%); }
.dyui-page-hero::after { content: ''; position: absolute; bottom: -80px; left: -80px; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle, rgba(56,60,207,0.15), transparent 60%); }
.dyui-page-hero-icon { width: 60px; height: 60px; margin: 0 auto 20px; background: rgba(255,255,255,0.12); border: 2px solid rgba(255,255,255,0.25); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.dyui-page-hero-icon i { font-size: 36px; color: #fff; }
@media screen and (max-width: 768px) {
    .dyui-page-hero-icon {display: none;}
}
.dyui-page-hero h1 { font-size: 38px; font-weight: 700; letter-spacing: 3px; margin-bottom: 10px; position: relative; z-index: 1; }
.dyui-page-hero p { font-size: 15px; opacity: 0.8; position: relative; z-index: 1; letter-spacing: 1px; }
.dyui-page-breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 13px; color: rgba(255,255,255,0.7); margin-bottom: 16px; position: relative; z-index: 1; }
.dyui-page-breadcrumb a:hover { color: #fff; }
.dyui-page-breadcrumb span { color: rgba(255,255,255,0.5); }
.dyui-product-main {background: #f5f7fa; padding: 30px 0;}
@media screen and (max-width: 768px) {
    .dyui-product-main {padding: 20px 0;}
}
.dyui-agent-box { background: #fff; border-radius: 10px; box-shadow: 0 4px 24px rgba(0,0,0,0.06); max-width: 1000px; margin: 0 auto; padding: 40px 44px 48px; }
.dyui-agent-section-title { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 700; color: var(--dyui-text-000); margin-bottom: 18px; }
.dyui-agent-section-title::before { content: ''; width: 4px; height: 20px; border-radius: 2px; background: var(--dyui-primary); display: inline-block; }
.dyui-agent-intro-text { font-size: 15px; line-height: 2; color: var(--dyui-text-100); margin-bottom: 30px; text-align: justify; }
.dyui-agent-feature-row { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 36px; }
.dyui-agent-feature { flex: 1; min-width: 200px; background: var(--dyui-bg-050); border: 1px solid #eee; border-radius: 8px; padding: 22px 20px; display: flex; gap: 14px; align-items: flex-start; transition: box-shadow 0.3s, transform 0.3s; }
.dyui-agent-feature:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.07); transform: translateY(-3px); }
.dyui-agent-feature-icon { width: 46px; height: 46px; border-radius: 10px; flex-shrink: 0; background: rgba(30,159,255,0.1); color: var(--dyui-primary); display: flex; align-items: center; justify-content: center; font-size: 22px; }
.dyui-agent-feature h5 { font-size: 15px; font-weight: 600; color: var(--dyui-text-000); margin-bottom: 6px; }
.dyui-agent-feature p { font-size: 13px; color: var(--dyui-text-100); line-height: 1.7; }
.dyui-agent-search-card { background: linear-gradient(135deg, #f0f7ff 0%, #e6f2ff 100%); border: 1px solid rgba(30,159,255,0.2); border-radius: 10px; padding: 30px 30px 32px; }
.dyui-agent-search-desc { font-size: 14px; color: var(--dyui-text-100); margin-bottom: 18px; }
.dyui-agent-search-form { display: flex; gap: 12px; flex-wrap: wrap; }
.dyui-agent-search-input { flex: 1; min-width: 240px; height: 50px; border: 1px solid #d6e4f0; border-radius: 6px; padding: 0 16px; font-size: 15px; color: var(--dyui-text-000); background: #fff; outline: none; transition: border-color 0.3s, box-shadow 0.3s; }
.dyui-agent-search-input:focus { border-color: var(--dyui-primary); box-shadow: 0 0 0 3px rgba(30,159,255,0.12); }
.dyui-agent-search-input::placeholder { color: var(--dyui-text-500); }
.dyui-agent-search-btn { height: 50px; padding: 0 38px; border: none; border-radius: 6px; background: var(--dyui-primary); color: #fff; font-size: 16px; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: background 0.3s; flex-shrink: 0; }
.dyui-agent-search-btn:hover { background: var(--dyui-primary-hover); }
.dyui-agent-search-btn i { font-size: 16px; }
.dyui-agent-search-tip { font-size: 12px; color: var(--dyui-text-300); margin-top: 16px; }
.dyui-agent-search-tip i { margin-right: 4px; }
.dyui-agent-result { margin-top: 28px; padding-top: 28px; border-top: 1px solid #e8edf2; }
.dyui-agent-result-empty { text-align: center; padding: 40px 20px; color: var(--dyui-text-300); }
.dyui-agent-result-empty i { font-size: 48px; color: #f0ad4e; margin-bottom: 16px; display: block; }
.dyui-agent-result-empty p { font-size: 16px; color: var(--dyui-text-200); }
.dyui-agent-result-info { background: var(--dyui-bg-050); border: 1px solid #eee; border-radius: 10px; padding: 6px 28px; margin-bottom: 8px; }
.dyui-agent-result-info li { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-bottom: 1px dashed #e5e5e5; }
.dyui-agent-result-info li:last-child { border-bottom: none; }
.dyui-agent-result-info li span { font-size: 13px; color: var(--dyui-text-100); flex-shrink: 0; }
.dyui-agent-result-info li b { font-size: 15px; color: var(--dyui-text-000); font-weight: 600; text-align: right; margin-left: 16px; }
.dyui-agent-result-cert { margin-top: 24px; padding: 20px; background: #fff; border: 1px solid #e8e8e8; border-radius: 10px; }
@media (max-width: 992px) {
            .dyui-agent-box { padding: 32px 28px 36px; }
            .dyui-agent-feature { min-width: 100%; }
        }
@media (max-width: 480px) {
            .dyui-agent-feature-row { gap: 12px; }
        }
.dyui-verify-form-header { text-align: center; margin-bottom: 36px; }
.dyui-verify-form-icon { width: 76px; height: 76px; margin: 0 auto 20px; background: linear-gradient(135deg, var(--dyui-primary), var(--dyui-primary-dark)); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(30,159,255,0.25); }
.dyui-verify-form-icon i { font-size: 38px; color: #fff; }
.dyui-verify-form-title { font-size: 26px; font-weight: 700; color: var(--dyui-text-000); margin-bottom: 10px; }
.dyui-verify-form-desc { font-size: 14px; color: var(--dyui-text-300); line-height: 1.6; }
.dyui-verify-input-group { position: relative; margin-bottom: 20px; }
.dyui-verify-input-group .dyui-input-icon { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); font-size: 20px; color: var(--dyui-text-500); z-index: 1; pointer-events: none; }
.dyui-verify-input { width: 100%; height: 56px; border: 2px solid #e0e0e0; border-radius: 8px; padding: 0 16px 0 50px; font-size: 16px; color: var(--dyui-text-000); transition: border-color 0.3s, box-shadow 0.3s; outline: none; letter-spacing: 1px; background: #fff; }
.dyui-verify-input:focus { border-color: var(--dyui-primary); box-shadow: 0 0 0 4px rgba(30,159,255,0.1); }
.dyui-verify-input.dyui-error { border-color: var(--dyui-danger); box-shadow: 0 0 0 4px rgba(220,53,69,0.08); }
.dyui-verify-input::placeholder { color: #ccc; letter-spacing: normal; }
.dyui-verify-error-msg { display: none; color: var(--dyui-danger); font-size: 13px; margin-top: 8px; padding-left: 4px; }
.dyui-verify-error-msg i { margin-right: 4px; }
.dyui-verify-btn { width: 100%; height: 56px; border: none; border-radius: 8px; background: linear-gradient(135deg, var(--dyui-primary), var(--dyui-primary-dark)); color: #fff; font-size: 18px; font-weight: 600; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; justify-content: center; gap: 8px; }
.dyui-verify-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(30,159,255,0.35); }
.dyui-verify-btn:active { transform: translateY(0); }
.dyui-verify-btn.dyui-loading { pointer-events: none; opacity: 0.85; }
.dyui-verify-btn .dyui-spinner { width: 20px; height: 20px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: spin 0.8s linear infinite; display: none; }
.dyui-verify-btn.dyui-loading .dyui-spinner { display: block; }
.dyui-verify-btn.dyui-loading .dyui-btn-text { display: none; }
@keyframes spin { to { transform: rotate(360deg); } }
.dyui-verify-result-icon.dyui-success { background: linear-gradient(135deg, var(--dyui-success), #20c997); box-shadow: 0 8px 30px rgba(40,167,69,0.3); }
.dyui-verify-result-title.dyui-success { color: var(--dyui-success); }
.dyui-verify-badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 12px; border-radius: 20px; font-size: 13px; font-weight: 600; }
.dyui-verify-badge.dyui-genuine { background: var(--dyui-success-light); color: var(--dyui-success); }
.dyui-verify-back-btn.dyui-success { background: var(--dyui-success); color: #fff; }
.dyui-verify-back-btn.dyui-success:hover { background: #218838; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(40,167,69,0.3); }
@media (max-width: 1440px) {  }
@media (max-width: 1280px) {  }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif; color: var(--dyui-text-000); background: var(--dyui-white); line-height: 1.6; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }
ul { list-style: none; }
.dyui-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: transparent; box-shadow: none; transition: background 0.4s, box-shadow 0.4s; }
.dyui-header.dyui-is-scrolled { background: rgba(255,255,255,0.97); backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.dyui-header .dyui-nav-one { color: #fff; }
.dyui-header .dyui-nav-one:hover,
.dyui-header .dyui-nav-one.dyui-active { color: var(--dyui-primary); }
.dyui-header .dyui-nav-one a:hover { color: var(--dyui-primary); }
.dyui-header .dyui-header__logo { filter: brightness(0) invert(1); }
.dyui-header .dyui-header__lang { color: rgba(255,255,255,0.9); }
.dyui-header .dyui-header__menu { color: #fff; }
.dyui-header .dyui-header__search-icon { color: #fff; }
.dyui-header .dyui-header__search { background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); }
.dyui-header .dyui-header__search-input { color: #fff; }
.dyui-header .dyui-header__search-input::placeholder { color: rgba(255,255,255,0.7); }
.dyui-header .dyui-search-btn { color: rgba(255,255,255,0.9); }
.dyui-header .dyui-header__contact-btn { background: rgba(255,255,255,0.16); border: 1px solid rgba(255,255,255,0.45); color: #fff; }
.dyui-header.dyui-is-scrolled .dyui-nav-one { color: var(--dyui-text-000); }
.dyui-header.dyui-is-scrolled .dyui-nav-one:hover, .dyui-header.dyui-is-scrolled .dyui-nav-one.dyui-active { color: var(--dyui-primary); }
.dyui-header.dyui-is-scrolled .dyui-header__logo { filter: none; }
.dyui-header.dyui-is-scrolled .dyui-header__lang { color: var(--dyui-text-100); }
.dyui-header.dyui-is-scrolled .dyui-header__menu { color: var(--dyui-text-000); }
.dyui-header.dyui-is-scrolled .dyui-header__search-icon { color: var(--dyui-text-100); }
.dyui-header.dyui-is-scrolled .dyui-header__search { background: var(--dyui-bg-050); border-color: transparent; }
.dyui-header.dyui-is-scrolled .dyui-header__search-input { color: var(--dyui-text-000); }
.dyui-header.dyui-is-scrolled .dyui-header__search-input::placeholder { color: var(--dyui-text-300); }
.dyui-header.dyui-is-scrolled .dyui-search-btn { color: var(--dyui-text-300); }
.dyui-header.dyui-is-scrolled .dyui-header__contact-btn { background: var(--dyui-primary); border-color: transparent; color: #fff; }
.dyui-header-nav { display: flex; align-items: center; justify-content: space-between; height: var(--dyui-header-h); padding: 0 5%; max-width: 100vw; }
.dyui-header__logo { height: 40px; }
.dyui-header__nav { display: flex; align-items: center; gap: 32px; }
.dyui-nav-item { position: relative; height: 100%; display: flex; align-items: center; }
.dyui-nav-one { display: flex; align-items: center; gap: 4px; font-size: 15px; color: var(--dyui-text-000); padding: 8px 0; cursor: pointer; transition: color 0.3s; }
.dyui-nav-one:hover, .dyui-nav-one.dyui-active { color: var(--dyui-primary); }
.dyui-header__card { position: absolute; top: 100%; left: 0; background: #fff; border-radius: var(--dyui-radius-sm); box-shadow: 0 8px 30px rgba(0,0,0,0.12); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.3s, transform 0.3s, visibility 0.3s; z-index: 999; }
.dyui-nav-item:hover .dyui-header__card { opacity: 1; visibility: visible; transform: translateY(0); }
@media (max-width: 768px) {
    .dyui-header-nav { padding: 0 10px; }
}
.dyui-full-width-card { position: fixed; top: var(--dyui-header-h); left: 0; right: 0; width: 100%; max-width: 100%; padding: 0; margin: 0; border-radius: 0 0 var(--dyui-radius-sm) var(--dyui-radius-sm); box-sizing: border-box; transform: translateY(10px); display: flex; justify-content: center;}
.dyui-header__mega { padding: 30px var(--dyui-page-padding); display: block;}
.dyui-nav-item:hover .dyui-full-width-card { transform: translateY(0); }
.dyui-mega-tabs { display: flex; gap: 0; border-bottom: 1px solid var(--dyui-text-700); margin-bottom: 20px; }
.dyui-mega-tab { padding: 10px 24px; font-size: 15px; color: var(--dyui-text-300); cursor: pointer; border-bottom: 2px solid transparent; transition: color 0.3s, border-color 0.3s; }
.dyui-mega-tab.dyui-active { color: var(--dyui-primary); border-bottom-color: var(--dyui-primary); }
.dyui-mega-tab:hover { color: var(--dyui-primary); }
.dyui-mega-panel { display: none; }
.dyui-mega-panel.dyui-active { display: block; }
.dyui-mega-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.dyui-mega-grid-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: var(--dyui-radius-sm); transition: background 0.3s, transform 0.2s; color: var(--dyui-text-000); }
.dyui-mega-grid-item:hover { background: var(--dyui-bg-050); transform: translateX(4px); }
.dyui-mega-grid-item__image { width: 48px; height: 48px; border-radius: 4px; overflow: hidden; background: var(--dyui-bg-100); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.dyui-mega-grid-item__name { font-size: 14px; white-space: nowrap; }
.dyui-header-solution-grid { display: flex; flex-wrap: wrap; gap: 24px; padding: 40px 20px;}
.dyui-header-solution-grid-product {padding: 40px 20px; width: 1000px;}
.dyui-header-solution-item { flex: 0 0 224px; width: 224px; text-align: left; transition: transform 0.2s; }
.dyui-header-solution-item:hover { transform: translateY(-4px); }
.dyui-header-solution-thumb { width: 100%; height: 160px; border-radius: var(--dyui-radius-sm); overflow: hidden; margin-bottom: 12px; }
.dyui-header-solution-name { font-size: 16px; font-weight: bold; color: var(--dyui-text-000); margin-bottom: 6px; }
.dyui-header-solution-desc { font-size: 13px; color: var(--dyui-text-300); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
/* 子菜单右边开始 */
.dyui-full-width-card .nav-item-right {padding: 30px 20px; }
.dyui-full-width-card .nav-item-right ul {border-left: 1px solid #ddd; padding-left: 40px;}
.dyui-full-width-card .nav-item-right ul li {border-bottom: solid 1px #ddd; width: 200px;}
.dyui-full-width-card .nav-item-right ul li a {display: block; padding: 20px 0; display: flex; align-items: center; justify-content: space-between;}

.dyui-header__common { padding: 12px 0; min-width: 160px; }
.dyui-common-content { padding: 0 20px; }
.dyui-header-common__title { padding: 8px 0 12px; border-bottom: 1px solid var(--dyui-text-700); }
.dyui-header-common__title a { font-size: 16px; font-weight: bold; color: var(--dyui-text-000); }
.dyui-header-common__title a:hover { color: var(--dyui-primary); }
.dyui-header-common__list { padding: 8px 0; }
.dyui-header-common__item { display: block; padding: 8px 0; font-size: 14px; color: var(--dyui-text-100); transition: color 0.3s; }
.dyui-header-common__item:hover { color: var(--dyui-primary); }
.dyui-header__right { display: flex; align-items: center; gap: 16px; }
.dyui-header__search { display: flex; align-items: center; background: var(--dyui-bg-050); border-radius: 20px; height: 36px; }
.dyui-header__search-input { border: none; outline: none; background: transparent; padding: 0 12px; font-size: 13px; width: 200px; }
.dyui-search-btn { border: none; background: transparent; padding: 0 12px; cursor: pointer; color: var(--dyui-text-300); }
.dyui-header__search-icon { display: none; cursor: pointer; font-size: 20px; }
.dyui-header__lang { display: flex; align-items: center; gap: 4px; font-size: 13px; color: var(--dyui-text-100); cursor: pointer; position: relative; }
.dyui-header__lang-menu { position: absolute; top: 100%; right: 0; background: #fff; border-radius: var(--dyui-radius-sm); box-shadow: 0 4px 12px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transform: translateY(8px); transition: all 0.3s; min-width: 100px; padding: 8px 0; }
.dyui-header__lang:hover .dyui-header__lang-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.dyui-header:hover .dyui-header__lang:hover .dyui-header__lang-menu,
.dyui-header__lang:hover .dyui-header__lang-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.dyui-header__lang:hover .dyui-header__lang-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.dyui-header__lang .dylang-switcher a {display: block; text-align: center; color: #000;}

.dyui-lang-item { display: block; padding: 8px 16px; font-size: 13px; color: var(--dyui-text-100); transition: background 0.2s; }
.dyui-lang-item:hover { background: var(--dyui-bg-050); }
.dyui-lang-item.dyui-active { color: var(--dyui-primary); font-weight: bold; }
.dyui-header__contact-btn { display: inline-flex; align-items: center; padding: 8px 20px; border-radius: 4px; background: var(--dyui-primary); color: #fff; font-size: 14px; font-weight: 500; transition: background 0.3s, transform 0.2s; }
.dyui-header__contact-btn:hover { background: var(--dyui-primary-hover); transform: translateY(-1px); color: #fff; }
.dyui-header__menu { display: none; cursor: pointer; font-size: 24px; }
.dyui-header__right #dr_member_info .a-btn {color: #fff;}
.dyui-verify-hero { height: 420px; background: linear-gradient(135deg, #0a1628 0%, #0d47a1 45%, #1E9FFF 100%); display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; text-align: center; padding-top: var(--dyui-header-h); position: relative; overflow: hidden; }
.dyui-verify-hero::before { content: ''; position: absolute; top: -120px; right: -120px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,0.08), transparent 60%); }
.dyui-verify-hero::after { content: ''; position: absolute; bottom: -80px; left: -80px; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle, rgba(56,60,207,0.15), transparent 60%); }
.dyui-verify-hero-icon { width: 80px; height: 80px; margin: 0 auto 24px; background: rgba(255,255,255,0.12); border: 2px solid rgba(255,255,255,0.25); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.dyui-verify-hero-icon i { font-size: 40px; color: #fff; }
.dyui-verify-hero h1 { font-size: 42px; font-weight: 700; letter-spacing: 3px; margin-bottom: 14px; position: relative; z-index: 1; }
.dyui-verify-hero p { font-size: 16px; opacity: 0.8; position: relative; z-index: 1; letter-spacing: 1px; }
.dyui-verify-main { background: #f5f7fa; padding: 60px var(--dyui-page-padding) 80px; min-height: 50vh; display: flex; justify-content: center; align-items: flex-start; }
.dyui-verify-card { background: #fff; border-radius: 12px; box-shadow: 0 4px 40px rgba(0,0,0,0.06); max-width: 680px; width: 100%; padding: 50px 56px; position: relative; overflow: hidden; }
.dyui-verify-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--dyui-danger), #e74c3c); }
.dyui-verify-result { text-align: center; animation: fadeUp 0.5s ease; }
@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.dyui-verify-result-icon { width: 90px; height: 90px; margin: 0 auto 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.dyui-verify-result-icon.dyui-failure { background: linear-gradient(135deg, var(--dyui-danger), #e74c3c); box-shadow: 0 8px 30px rgba(220,53,69,0.3); }
.dyui-verify-result-icon i { font-size: 48px; color: #fff; }
@keyframes popIn { 0% { transform: scale(0); } 60% { transform: scale(1.1); } 100% { transform: scale(1); } }
.dyui-verify-result-title { font-size: 28px; font-weight: 700; margin-bottom: 8px; }
.dyui-verify-result-title.dyui-failure { color: var(--dyui-danger); }
.dyui-verify-result-subtitle { font-size: 14px; color: var(--dyui-text-300); margin-bottom: 32px; }
.dyui-verify-detail { background: var(--dyui-bg-050); border-radius: 8px; padding: 8px 28px; margin-bottom: 32px; text-align: left; }
.dyui-verify-detail-row { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-bottom: 1px dashed #dcdcdc; font-size: 14px; }
.dyui-verify-detail-row:last-child { border-bottom: none; }
.dyui-verify-detail-label { color: var(--dyui-text-300); flex-shrink: 0; }
.dyui-verify-detail-value { color: var(--dyui-text-000); font-weight: 500; text-align: right; word-break: break-all; }
.dyui-verify-tips { margin-top: 0; padding: 18px 22px; background: var(--dyui-bg-050); border-radius: 8px; font-size: 13px; color: var(--dyui-text-100); line-height: 1.9; text-align: left; }
.dyui-verify-tips-title { font-weight: 600; color: var(--dyui-text-000); margin-bottom: 6px; }
.dyui-verify-tips i { color: var(--dyui-danger); margin-right: 6px; }
.dyui-verify-back-btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 40px; border-radius: 50px; font-size: 15px; font-weight: 600; cursor: pointer; border: none; transition: all 0.3s; }
.dyui-verify-back-btn.dyui-failure { background: var(--dyui-primary); color: #fff; }
.dyui-verify-back-btn.dyui-failure:hover { background: var(--dyui-primary-hover); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(30,159,255,0.3); }
.dyui-verify-contact-tip { margin-top: 24px; font-size: 13px; color: var(--dyui-text-300); }
.dyui-verify-contact-tip a { color: var(--dyui-primary); font-weight: 600; }
.dyui-business-cooperation { background: linear-gradient(135deg, #0a1628 0%, #0d47a1 50%, #1E9FFF 100%); padding: 30px var(--dyui-page-padding); color: #fff; position: relative; overflow: hidden; }
.dyui-business-cooperation::before { content: ''; position: absolute; top: -100px; right: -100px; width: 400px; height: 400px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,0.08), transparent 60%); }
.dyui-business-cooperation-inner {  margin: 0 auto; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1; }
.dyui-business-cooperation-left h2 { font-size: 36px; font-weight: 700; margin-bottom: 12px; letter-spacing: 1px; }
.dyui-business-cooperation-left p { font-size: 16px; opacity: 0.85; color: rgba(255,255,255,0.85); }
.dyui-business-cooperation-btn { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: #1E9FFF; padding: 14px 32px; border-radius: 50px; font-size: 16px; font-weight: 600; transition: all 0.3s; text-decoration: none; box-shadow: 0 4px 20px rgba(0,0,0,0.2); }
.dyui-business-cooperation-btn:hover { background: #f0f7ff; transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,0.3); }
.dyui-business-cooperation-btn i { font-size: 18px; }
@media screen and (max-width: 768px) {
    .dyui-business-cooperation {padding: 30px 10px;}
}
.dyui-site-footer { background: #0a0a0a; padding: 60px var(--dyui-page-padding) 0; color: #b0b0b0; }
.dyui-footer-grid { max-width: 1300px; margin: 0 auto; display: flex; justify-content: space-between; gap: 40px; }
.dyui-footer-links-area { display: flex; gap: 60px; flex-wrap: wrap; flex: 1; }
.dyui-footer-column h4 { color: #fff; font-size: 16px; font-weight: 600; margin-bottom: 20px; letter-spacing: 0.5px; }
.dyui-footer-column ul { list-style: none; padding: 0; margin: 0; }
.dyui-footer-column li { margin-bottom: 6px; }
.dyui-footer-column li a { color: #999; font-size: 14px; transition: color 0.3s; text-decoration: none; }
.dyui-footer-column li a:hover { color: #1E9FFF; }
.dyui-footer-info-area { flex: 0 0 auto; display: flex; gap: 48px; }
.dyui-footer-brand { display: flex; flex-direction: column; align-items: center; gap: 28px; }
.dyui-footer-brand-logo img { max-width: 140px; filter: brightness(0) invert(1); }
.dyui-footer-social { display: flex; gap: 10px; }
.dyui-footer-social a { width: 34px; height: 34px; border-radius: 50%; border: 1px solid #444; color: #999; display: flex; align-items: center; justify-content: center; transition: all 0.3s; text-decoration: none; }
.dyui-footer-social a:hover { background: #1E9FFF; border-color: #1E9FFF; color: #fff; }
.dyui-footer-social a i { font-size: 15px; }
.dyui-footer-contact-info { display: flex; flex-direction: column; }
.dyui-footer-hotline-block { margin-bottom: 14px; }
.dyui-footer-hotline-label { font-size: 13px; color: #888; line-height: 1.5; }
.dyui-footer-hotline { font-size: 30px; font-weight: 700; color: #fff; line-height: 1.2; margin-top: 4px; }
.dyui-footer-email-info { font-size: 13px; color: #999; margin-bottom: 8px; }
.dyui-footer-email-info a { color: #999; transition: color 0.3s; }
.dyui-footer-email-info a:hover { color: #1E9FFF; }
.dyui-footer-address-info { font-size: 13px; color: #999; line-height: 1.6; margin-bottom: 20px; }
.dyui-footer-address-info i { color: #1E9FFF; margin-right: 4px; }
.dyui-footer-qr-row { display: flex; gap: 28px; }
.dyui-footer-qr-item { text-align: center; }
.dyui-footer-qr-item .dyui-qr-img { width: 110px; height: 110px; border-radius: 6px; background: #fff; padding: 6px; object-fit: contain; display: block; margin-bottom: 8px; }
.dyui-footer-qr-label { font-size: 12px; color: #888; }
.dyui-footer-bottom { border-top: 1px solid #222; margin-top: 50px; padding: 24px 0; text-align: center; }
.dyui-footer-bottom p { font-size: 14px; color: #666; margin: 0 0 6px; line-height: 1.6; }
.dyui-footer-bottom a { color: #666; transition: color 0.3s; }
.dyui-footer-bottom a:hover { color: #1E9FFF; }

.dyui-code-cover { background: #fff; border-radius: var(--dyui-radius-sm); box-shadow: 0 4px 16px rgba(0,0,0,0.12); padding: 20px; }
.dyui-code-row { display: flex; align-items: center; gap: 8px; padding: 6px 0; font-size: 14px; color: var(--dyui-text-000); }
.dyui-code-row i { color: var(--dyui-primary); }
.dyui-header-menu { position: fixed; top: 0; left: 0; width: 260px; height: 100vh; background: #fff; z-index: 2000; transform: translateX(-100%); transition: transform 0.3s; overflow-y: auto; }
.dyui-header-menu.dyui-active { transform: translateX(0); }
.dyui-header-menu-close { padding: 20px; cursor: pointer; text-align: right; font-size: 20px; }
.dyui-header-menu-list { padding: 0 20px; }
.dyui-header-menu__link { display: block; padding: 14px 0; font-size: 16px; color: var(--dyui-text-000); border-bottom: 1px solid #f0f0f0; }
.dyui-menu-mask { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 1500; display: none; }
.dyui-menu-mask.dyui-active { display: block; }
@media (max-width: 1200px) {
            .dyui-header__nav { display: none; }
            .dyui-header__search { display: none; }
            .dyui-header__search-icon { display: block; }
            .dyui-header__menu { display: block; }
            .dyui-header-solution-grid { flex-wrap: wrap; }
            .dyui-header-solution-item { flex: 0 0 calc(33.33% - 20px); width: calc(33.33% - 20px); }
        }
.dyui-znav { background: #fff; border-radius: 10px; box-shadow: 0 4px 24px rgba(0,0,0,0.06); overflow: hidden; }
.dyui-znav .znav-header { background: linear-gradient(135deg, #0a1628 0%, #0d47a1 100%); padding: 16px 20px; }
.dyui-znav .znav-header h3 { color: #fff; font-size: 16px; font-weight: 600; margin: 0; display: flex; align-items: center; gap: 8px; }
.dyui-znav .znav-header h3 i { font-size: 18px; }
.dyui-znav .znav-body { padding: 12px 0; }
.dyui-znav .znav-body ul { list-style: none; margin: 0; padding: 0; }
.dyui-znav .li_c1 { position: relative; }
.dyui-znav .c1,
.dyui-znav .c2,
.dyui-znav .c3 { display: flex; align-items: center; justify-content: space-between; text-decoration: none; color: #333; transition: all 0.2s; }
.dyui-znav .c1 { padding: 14px 20px; font-size: 15px; font-weight: 500; border-left: 3px solid transparent; }
.dyui-znav .c1:hover,
.dyui-znav .c1.active { color: var(--dyui-primary); background: rgba(30,159,255,0.06); border-left-color: var(--dyui-primary); }
.dyui-znav .c1 i { font-size: 13px; color: #aaa; transition: color 0.2s; }
.dyui-znav .c1:hover i { color: var(--dyui-primary); }
.dyui-znav .btn { position: absolute; right: 16px; top: 10px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #999; border-radius: 4px; transition: all 0.2s; }
.dyui-znav .btn:hover { background: rgba(30,159,255,0.1); color: var(--dyui-primary); }
.dyui-znav .ul-c1,
.dyui-znav .ul-c2 { background: rgba(245,247,250,0.6); padding: 6px 0; }
.dyui-znav .ul-c1 { padding-left: 16px; }
.dyui-znav .ul-c2 { padding-left: 14px; }
.dyui-znav .c2,
.dyui-znav .c3 { padding: 10px 20px; font-size: 14px; border-left: 2px solid transparent; }
.dyui-znav .c2:hover,
.dyui-znav .c2.active,
.dyui-znav .c3:hover,
.dyui-znav .c3.active { color: var(--dyui-primary); background: rgba(30,159,255,0.06); border-left-color: var(--dyui-primary); }
@media (max-width: 768px) {
    .dyui-znav { margin-bottom: 24px; }
    .dyui-znav .znav-header { padding: 14px 16px; }
    .dyui-znav .c1 { padding: 12px 16px; }
    .dyui-znav .c2,
    .dyui-znav .c3 { padding: 9px 16px; }
}

/* ============================================================
   市场物料对照页 (duibi.html)
   ============================================================ */
.dyui-duibi-search-card { max-width: 880px; margin: 8px auto 0; background: #fff; border-radius: var(--dyui-radius-md); box-shadow: 0 12px 36px rgba(13, 71, 161, 0.10); padding: 40px 36px; }
.dyui-duibi-search { position: relative; display: flex; align-items: stretch; border: 2px solid var(--dyui-primary); border-radius: 50px; background: #fff; overflow: visible; }
.dyui-duibi-input { flex: 1; min-width: 0; height: 56px; padding: 0 24px; border: 0; outline: none; box-shadow: none !important; font-size: 16px; color: var(--dyui-text-000); background: transparent; border-radius: 50px 0 0 50px; }
.dyui-duibi-input::placeholder { color: var(--dyui-text-300); }
.dyui-duibi-btn { height: 56px; padding: 0 38px; border: 0; border-radius: 50px; font-size: 16px; font-weight: 600; color: #fff; background: var(--dyui-primary); display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; cursor: pointer; transition: background .2s ease; }
.dyui-duibi-btn:hover { background: var(--dyui-primary-hover); }
.dyui-duibi-search .dropdown-menu { top: calc(100% + 10px); left: 0; right: 0; width: 100%; margin: 0; padding: 8px 0; border: 1px solid var(--dyui-text-700); border-radius: var(--dyui-radius-md); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12); }
.dyui-duibi-search .dropdown-item { padding: 9px 22px; font-size: 15px; color: var(--dyui-text-000); }
.dyui-duibi-search .dropdown-item:hover { background: var(--dyui-bg-050); color: var(--dyui-primary); }
.dyui-duibi-tip { margin: 18px 0 0; text-align: center; font-size: 14px; color: var(--dyui-text-100); }
.dyui-duibi-tip i { color: var(--dyui-primary); margin-right: 6px; }

.dyui-duibi-zz { margin-top: 60px; }
.dyui-zz-title { margin: 0 0 30px; text-align: center; font-size: 22px; font-weight: 700; color: var(--dyui-text-000); }
.dyui-zz-title::after { content: ''; display: block; width: 48px; height: 3px; margin: 12px auto 0; border-radius: 2px; background: var(--dyui-primary); }
.dyui-zz-list { list-style: none; margin: 0; padding: 0; }
.dyui-zz-item { height: 100%; padding: 26px 12px; text-align: center; background: #fff; border: 1px solid var(--dyui-bg-100); border-radius: var(--dyui-radius-md); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.dyui-zz-item:hover { transform: translateY(-4px); border-color: var(--dyui-primary); box-shadow: 0 14px 28px rgba(13, 71, 161, 0.12); }
.dyui-zz-item .thumb { width: 62px; height: 62px; margin: 0 auto 14px; display: flex; align-items: center; justify-content: center; }
.dyui-zz-item .thumb img { max-width: 100%; max-height: 100%; object-fit: contain; }
.dyui-zz-item p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--dyui-text-000); }

@media (max-width: 768px) {
    .dyui-duibi-search-card { padding: 26px 18px; }
    .dyui-duibi-search { flex-wrap: wrap; border-radius: var(--dyui-radius-md); }
    .dyui-duibi-input { width: 100%; border-radius: var(--dyui-radius-md) var(--dyui-radius-md) 0 0; }
    .dyui-duibi-btn { width: 100%; justify-content: center; border-radius: 0 0 var(--dyui-radius-md) var(--dyui-radius-md); }
}

/* ==========================================
10. 响应式
========================================== */
@media (max-width: 1200px) {
    .dyui-header__nav { display: none; }
    .dyui-header__search { display: none; }
    .dyui-header__search-icon { display: block; }
    .dyui-header__menu { display: block; }
    .dyui-header-solution-grid { flex-wrap: wrap; }
    .dyui-header-solution-item { flex: 0 0 calc(33.33% - 20px); width: calc(33.33% - 20px); }
    .dyui-gv-main-full { height: 350px; }
    .dyui-product-sub-grid { grid-template-columns: repeat(3, 1fr); }
    .dyui-about-glass-box { flex-direction: column; }
    .dyui-about-left { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.12); }
}
@media (max-width: 768px) {
    .dyui-banner {height: 200px;}
    .dyui-banner-text-overlay {top: 10px;}
    .dyui-banner-text-overlay h1 { font-size: 32px; }
    .dyui-banner-text-overlay .dyui-banner-desc {top: 0;}
    .dyui-section-title h2 { font-size: 26px; }
    .dyui-product-main-title { font-size: 26px; }
    .dyui-product-sub-grid { grid-template-columns: repeat(2, 1fr); }
    .dyui-stat-grid { grid-template-columns: repeat(2, 1fr); }
    .dyui-solutions-section { height: auto; }
    .dyui-solutions-accordion { flex-direction: column; flex: none; min-height: auto; }
    .dyui-acc-item { min-height: 100px; flex: none; transition: all 0.4s ease; }
    .dyui-acc-item:hover { flex: none; min-height: 350px; }
    .dyui-gv-grid-new { grid-template-columns: 1fr; }
    .dyui-business-cooperation-inner { flex-direction: column; text-align: center; gap: 24px; }
    .dyui-business-cooperation-left h2 { font-size: 28px; }
    .dyui-footer-grid { flex-direction: column; gap: 40px; }
    .dyui-footer-links-area { gap: 40px; justify-content: center; }
    .dyui-footer-info-area { flex-direction: column; align-items: center; gap: 32px; }
    .dyui-footer-contact-info { align-items: center; text-align: center; }
    .dyui-footer-qr-row { gap: 20px; }
    .dyui-rightNav { right: 8px; }
}
@media (max-width: 480px) {
    .dyui-product-sub-grid { grid-template-columns: repeat(2, 1fr); }
    .dyui-gv-card { flex-direction: column; }
    .dyui-stat-num { font-size: 28px; }
    .dyui-about-left { padding: 30px 20px; }
}

/* ==========================================
    about 页面响应式改造
    ========================================== */
/* 覆盖 V1 的 min-width 限制，启用响应式 */
body, html { min-width: unset; }
@media (max-width: 768px) {
    .dyui-about .dyui-main-body.g-5 { --bs-gutter-y: 1.5rem; }
    .dyui-about .about-text { margin-bottom: 1.5rem; }
    .dyui-about .about-img::before,
    .dyui-about .about-img::after { width: 120px; height: 100px; }
}
@media (max-width: 576px) {
    .dyui-about .about-img::before,
    .dyui-about .about-img::after { display: none; }
    .dyui-about .about-text .lh-lg { font-size: 14px; }
}
/* 发展历程 Swiper 移动端适配 */
@media (max-width: 768px) {
    .fzlc-Swiper .swiper-slide:nth-child(2n) dl { margin-top: 0; }
    .fzlc-Swiper .swiper-slide dl:after,
    .fzlc-Swiper .swiper-slide:nth-child(2n) dl:after { display: none; }
}
/* 企业文化版块移动端 */
@media (max-width: 768px) {
    .dyui-about .dyui-row.g-0.border.text-center li { border-bottom: 1px solid rgba(0,0,0,0.08); }
    .dyui-about .dyui-row.g-0.border.text-center li:last-child { border-bottom: none; }
}
/* 宣传视频版块 */
@media (max-width: 768px) {
    .about-video iframe.iframe-video { height: 200px; }
    .about-video video[height="430"] { height: 260px; }
    .about-video video[height="208"] { height: 160px; }
}

/* 移动端菜单 */
.dyui-header-menu { position: fixed; top: 0; left: 0; width: 260px; height: 100vh; background: #fff; z-index: 2000; transform: translateX(-100%); transition: transform 0.3s; overflow-y: auto; }
.dyui-header-menu.dyui-active { transform: translateX(0); }
.dyui-header-menu-close { padding: 20px; cursor: pointer; text-align: right; font-size: 20px; }
.dyui-header-menu-list { padding: 0 20px; }
.dyui-header-menu__link { display: block; padding: 14px 0; font-size: 16px; color: var(--dyui-text-000); border-bottom: 1px solid #f0f0f0; }
.dyui-menu-mask { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 1500; display: none; }
.dyui-menu-mask.dyui-active { display: block; }

/* ==========================================
    发展历程时间轴（fazhan 页面横向时间轴）
    ========================================== */
.fzlc-swiper { position: relative; height: 680px; overflow: hidden; margin: 0 56px; }
.fzlc-swiper::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #1E9FFF 0%, #69c0ff 100%); transform: translateY(-50%); z-index: 0; }
.fzlc-swiper .swiper-slide { height: 100% !important; }
.fzlc-swiper .swiper-wrapper { align-items: stretch; }
.fzlc-swiper .fzlc-item { position: relative; display: flex; height: 100%; box-sizing: border-box; }
.fzlc-swiper .fzlc-dot { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 4px solid #1E9FFF; box-shadow: 0 0 0 4px rgba(30,159,255,0.15); z-index: 2; }
.fzlc-swiper .fzlc-card { position: absolute; left: 10px; right: 10px; max-height: calc(50% - 30px); overflow: hidden; background: #fff; border: 1px solid #eef2f7; border-radius: 10px; padding: 18px 24px; box-shadow: 0 4px 16px rgba(30,159,255,0.06); transition: transform .3s, box-shadow .3s; }
.fzlc-swiper .fzlc-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(30,159,255,0.16); }
.fzlc-swiper .fzlc-item:nth-child(odd) .fzlc-card { bottom: calc(50% + 24px); text-align: right; }
.fzlc-swiper .fzlc-item:nth-child(even) .fzlc-card { top: calc(50% + 24px); text-align: left; }
.fzlc-swiper .fzlc-year { font-size: 22px; font-weight: 700; color: #1E9FFF; margin-bottom: 6px; }
.fzlc-swiper .fzlc-title { font-size: 17px; font-weight: 600; color: #222; margin-bottom: 10px; }
.fzlc-swiper .fzlc-desc { font-size: 14px; line-height: 1.8; color: #666; }
.main-body .fzlc-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 50%; background: #fff; border: 1px solid #eef2f7; color: #1E9FFF; display: flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; box-shadow: 0 4px 14px rgba(30,159,255,0.14); z-index: 5; transition: all .25s; }
.main-body .fzlc-nav:hover { background: #1E9FFF; color: #fff; transform: translateY(-50%) translateX(2px); }
.main-body .fzlc-nav-prev { left: 0; }
.main-body .fzlc-nav-next { right: 0; }
.main-body .fzlc-nav.swiper-button-disabled { opacity: .35; cursor: default; box-shadow: none; }
.main-body .fzlc-nav.swiper-button-disabled:hover { background: #fff; color: #1E9FFF; transform: translateY(-50%); }
@media (max-width: 768px) {
    .fzlc-swiper { height: 856px; margin: 0 30px; }
    .fzlc-swiper .fzlc-card { padding: 14px 16px; }
    .main-body .fzlc-nav-prev { left: -10px; }
    .main-body .fzlc-nav-next { right: -10px; }
}


/* 在线客服 */
@media (max-width: 768px) {
    #sidekefu {height: auto !important;}
    #sidekefu li .li-box {min-width: 40px !important; padding: 3px 4px !important;}
    #sidekefu li .li-box .t {display: none !important;}
    #sidekefu li .li-box .li-body {right: 48px !important;}
}
/* ==========================================
   移动端搜索面板
   ========================================== */
.dyui-header-search-panel { display: none; position: absolute; top: 100%; left: 0; right: 0; box-shadow: 0 8px 24px rgba(0,0,0,0.1); z-index: 999; padding: 5px 10px; }
.dyui-header-search-panel__inner { display: flex; align-items: center; gap: 8px; border: 2px solid var(--dyui-primary); border-radius: 50px; overflow: hidden; background: #fff; }
.dyui-header-search-panel__input { flex: 1; min-width: 0; height: 44px; padding: 0 16px; border: none; outline: none; font-size: 15px; color: var(--dyui-text-000); background: transparent; }
.dyui-header-search-panel__input::placeholder { color: var(--dyui-text-300); }
.dyui-header-search-panel__btn { width: 44px; height: 44px; border: none; background: var(--dyui-primary); color: #fff; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.3s; }
.dyui-header-search-panel__btn:hover { background: var(--dyui-primary-hover); }
.dyui-header-search-panel__close { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--dyui-text-300); font-size: 16px; flex-shrink: 0; transition: color 0.3s; }
.dyui-header-search-panel__close:hover { color: var(--dyui-text-000); }

/* ==========================================
   文件下载卡片样式 (show-file)
   ========================================== */
.show-file-wrap {margin-top: 20px; }
.show-file-card {background: #fff; border: 1px solid #eef1f5; border-radius: 10px; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; }
.show-file-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(30,159,255,0.1); border-color: rgba(30,159,255,0.3); }
.show-file-card__head { display: flex; align-items: center; gap: 8px; padding: 10px 18px; font-size: 15px; font-weight: 600; color: #fff; }
.show-file-card__head--blue { background: linear-gradient(135deg, #1E9FFF, #0d47a1); }
.show-file-card__head--green { background: linear-gradient(135deg, #28a745, #207533); }
.show-file-card__head i { font-size: 18px; }
.show-file-card__head em { margin-left: auto; font-style: normal; font-size: 12px; background: rgba(255,255,255,0.25); padding: 2px 10px; border-radius: 20px; font-weight: 500; }
.show-file-card__list { padding: 6px 0; }
.show-file-card__item { border-bottom: 1px solid #f5f7fa; }
.show-file-card__item:last-child { border-bottom: none; }
.show-file-card__link { display: flex; align-items: center; gap: 12px; padding: 12px 18px; color: var(--dyui-text-000); transition: background 0.2s, color 0.2s; cursor: pointer; }
.show-file-card__link:hover { background: #f5f9ff; color: var(--dyui-primary); }
.show-file-card__icon { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: #f0f7ff; border-radius: 8px; flex-shrink: 0; color: var(--dyui-primary); font-size: 18px; }
.show-file-card__link:hover .show-file-card__icon { background: var(--dyui-primary); color: #fff; }
.show-file-card__icon img { width: 22px; height: 22px; object-fit: contain; }
.show-file-card__title { flex: 1; min-width: 0; font-size: 14px; color: var(--dyui-text-000); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.show-file-card__link:hover .show-file-card__title { color: var(--dyui-primary); }
.show-file-card__action { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #f5f7fa; color: var(--dyui-text-300); font-size: 13px; transition: all 0.2s; flex-shrink: 0; }
.show-file-card__link:hover .show-file-card__action { background: var(--dyui-primary); color: #fff; transform: scale(1.1); }
/* 锁状态样式 */
.show-file-card__link .show-file-card__icon:has(.bi-lock) { background: #fff4e6; color: #f0ad4e; }
.show-file-card__item .show-file-card__action .bi-lock { font-size: 12px; }
/* 响应式 */
@media (max-width: 768px) {
    .show-file-wrap { flex-direction: column; }
    .show-file-card { min-width: 100%; }
    .show-file-card__link { padding: 10px 14px; }
    .show-file-card__icon { width: 32px; height: 32px; }
    .show-file-card__title { font-size: 13px; }
}