:root {
  --max-width:100%;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-size: 15px;
}
@media (min-width: 75rem) {
  .site-footer__inner {
    padding-block: var(--sp1) var(--sp1);
  }
  .site-header {
    /*min-height: var(--sp7);*/
  }
  .site-branding {
     /*min-height:var(--sp7);*/
  }
  .block-search-wide__wrapper.is-active{
  max-height: var(--sp5);
}
  .block-search-wide__wrapper input[type="search"]{
    height:var(--sp5);
  }
}
@media (min-width: 62.5rem) {
  .contextual-region.block-block-content{
    margin-block-end: var(--sp1);
  }
}

h1 {
  letter-spacing: -0.01em;
  font-size: 1.2rem;
  line-height: var(--sp1-5);
}

@media (min-width: 43.75rem) {
  h1 {
    font-size: 1.20rem;
    line-height: var(--sp1-5);
  }
}

h2 {
  font-size: 1.15rem;
  line-height: var(--sp1-5);
}

h3 {
  font-size: 1.05rem;
  line-height: var(--sp1-5);
}

h4 {
  font-size: 1rem;
  line-height: var(--sp1-5);
}

h5 {
  font-size: 0.9rem;
  line-height: var(--sp1-5);
}

h6 {
  font-size: 0.855rem;
  line-height: var(--sp1-5);
}
@media (min-width: 43.75rem) {
  h1, h2, h3, h4, h5, h6 {
    margin-block: var(--sp1);
  }
}
@media (min-width: 43.75rem) {
  .main-content__container {
    padding-block-start: var(--sp2);
  }
}
@media (min-width: 62.5rem) {
  .region--content {
    margin-block-end: var(--sp1-5);
  }
  /*.region > *:where(:not([data-big-pipe-placeholder-id])) {*/
  /*  margin-block-end: var(--sp1);*/
  /*}*/
  .node__content {
    padding-block-end: var(--sp1);
  }
  .block-local-actions-block{
    margin-block-end: var(--sp1);
  }
}
@media (min-width: 43.75rem) {
  .mobile-buttons {
  margin-block-start: var(--sp2);
}
}
.main-content__container {
  padding-block-start: var(--sp1);
}
.block-page-title-block,.block-system-main-block,.block-local-tasks-block,
.block.block-block-content{
  margin-block-end: var(--sp1);
}
.block-system-breadcrumb-block{
  margin-block-end:0;
}
.breadcrumb__list{
  padding-block:0 var(--sp1);
}
@media (min-width: 43.75rem) {
  .text-content p, .cke_editable p {
    margin-block-start: var(--sp0-5);
    margin-block-end: var(--sp0-5);
  }
}
.block-simplenews-subscription-block{
  margin-block-end: var(--sp0-5);
}
div.simplenews-subscriber-form.block-simplenews.block-simplenews-subscription-block div.form-actions.js-form-wrapper.form-wrapper{
  justify-content: center;
  align-content: center;
  align-items: center;
}
div.js-form-item.form-item.js-form-type-item.form-item-message.js-form-item-message.form-no-label{
  text-align: center;
}
div.form-item__description.description,
div.simplenews-subscriber-form.block-simplenews.block-simplenews-subscription-block div.js-form-item.form-item.js-form-type-email label.form-item__label.js-form-required.form-required
{
  display:none;
}
div.simplenews-subscriber-form.block-simplenews.block-simplenews-subscription-block div.js-form-item.form-item.js-form-type-email {
  display: flex;
  justify-content: center;
  align-items: center;
}
label.form-item__label.js-form-required.form-required{

}
/*nav.tabs-wrapper{*/
/*  box-shadow: -5px 1px 5px rgb(0, 0, 0, 0.08);*/
/*}*/
nav.tabs-wrapper {
  /*background: linear-gradient(145deg, #ffffff, #f0f0f0); !* 轻微渐变卡片效果 *!*/
  /*border-radius: 12px;           !* 圆角 *!*/
  /*padding: 16px 20px;            !* 内边距 *!*/

  /* 多层阴影形成立体感 */
  box-shadow: -5px 1px 5px rgb(0, 0, 0, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  cursor: pointer;
}

/* 鼠标悬浮，微微浮起 */
/*nav.tabs-wrapper:hover {*/
/*  transform: translateY(-3px);*/
/*}*/

/* 选中状态的 tab 样式 */
/*nav.tabs-wrapper.active {*/
/*  transform: translateY(-2px);*/
/*  !*box-shadow:*!*/
/*  !*  0 6px 12px rgba(0, 0, 0, 0.12),*!*/
/*  !*  0 12px 24px rgba(0, 0, 0, 0.08);*!*/
/*  background: linear-gradient(145deg, #ffffff, #e6e6e6);*/
/*}*/

/*!* 点击或按下时微微按下效果 *!*/
/*nav.tabs-wrapper:active {*/
/*  transform: translateY(0px);*/
/*  !*box-shadow:*!*/
/*  !*  0 2px 4px rgba(0, 0, 0, 0.08),*!*/
/*  !*  0 4px 8px rgba(0, 0, 0, 0.05);*!*/
/*}*/

  .tabs__link.is-active::after {
    border-radius:5px;
  }
.tabs__link.is-active {
  background-color: white;
}

.site-branding__logo img{
  display: inline-block;
  border-radius: 50%;
  border-top-color: transparent;
  border-bottom-color: transparent;
  /*animation: rot5 5s infinite;*/
}

/*@keyframes rot5 {*/
/*  0% {*/
/*    transform: rotate(0);*/
/*  }*/

/*  50% {*/
/*    transform: rotate(190deg);*/
/*    border-top-color: rgb(14 143 167 / 71%);*/
/*    border-bottom-color: rgb(14 143 167 / 51%);*/
/*    border-right-color: transparent;*/
/*    border-left-color: transparent;*/
/*  }*/

/*  100% {*/
/*    transform: rotate(360deg);*/
/*  }*/
/*}*/
.button {height: var(--sp2);}
select.form-element--small {
  height: var(--sp1-5);
}
@media (min-width: 62.5rem) {
  .layout--content-narrow .layout--content-narrow, .layout--pass--content-narrow > * .layout--content-narrow, .layout--content-medium .layout--content-narrow, .layout--pass--content-medium > * .layout--content-narrow, .layout--content-narrow .layout--pass--content-narrow > *, .layout--pass--content-narrow > * .layout--pass--content-narrow > *, .layout--content-medium .layout--pass--content-narrow > *, .layout--pass--content-medium > * .layout--pass--content-narrow > *
{
   /*grid-column: 1 / 13;*/
    grid-column: 1 / -1 !important; /* 占满所有列 */
    max-width: 100% !important;     /* 移除最大宽度限制 */
    width: 100% !important;
}
  .layout--content-medium, .layout--pass--content-medium > * {
    /*grid-column: 1 / 14;*/
    grid-column: 1 / -1 !important; /* 占满所有列 */
    max-width: 100% !important;     /* 移除最大宽度限制 */
    width: 100% !important;
  }
}
@media (max-width: 62.49rem) {
  .site-header {
    box-shadow: 0 2px 8px rgba(0,0,0,0.15); /* 移动端阴影 */
  }
}
@media (min-width: 31.25rem) {
  .node__meta {
    margin-block-end: var(--sp1);
  }

}
.site-footer__inner {
  padding-block: var(--sp0-5);
}
.comment-form {
  padding-block-end: var(--sp1);
}
[type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
  min-height: var(--sp2);
}
fieldset{
  border-style: dashed;
}
.odoohelp-list ul.item-list-block,.store-list ul.item-list-block{
  list-style-type: none;
  margin: 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .odoohelp-list ul.item-list-block,.store-list ul.item-list-block{
    grid-template-columns: repeat(4, 1fr);
  }

}

/* PC端 - 大屏幕 (≥1024px) 显示5列 */
@media (min-width: 1024px) {
  .odoohelp-list ul.item-list-block,.store-list ul.item-list-block{
    grid-template-columns: repeat(5, 1fr);
  }

}
.odoohelp-list ul.item-list-block>li{
  box-sizing: border-box;
  padding:var(--sp0-5);
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: rgba(231, 226, 219, 0.29);
  border-radius: 0.35rem;
  -webkit-transition: all .5s;
  cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -moz-transition: all .5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all .5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all .5s;
  cubic-bezier(0.55, 0.055, 0.675, 0.19);
  backdrop-filter: blur(0.3rem);
  /*background: linear-gradient(145deg, #e2e8ec, white);*/
  background: linear-gradient(#f4f7fa calc(100% - 1.5em), #e6ecf4);
  box-shadow: 0.1rem 0.1rem 0.3rem #D1D9E6, -0.1rem -0.1rem 0.3rem white;
}
.store-list ul.item-list-block>li{
   box-sizing: border-box;
   height: 100%;
   display: flex;
  padding-bottom:0.5rem;
   flex-direction: column;
   background-color: rgba(231, 226, 219, 0.29);
   border-radius: 0.35rem;
   -webkit-transition: all .5s
   cubic-bezier(0.55, 0.055, 0.675, 0.19);
   -moz-transition: all .5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
   -o-transition: all .5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
   transition: all .5s;
   cubic-bezier(0.55, 0.055, 0.675, 0.19);
   backdrop-filter: blur(0.3rem);
   /*background: linear-gradient(145deg, #e2e8ec, white);*/
  background: linear-gradient(#f4f7fa calc(100% - 1.5em), #e6ecf4);
   box-shadow: 0.1rem 0.1rem 0.3rem #D1D9E6, -0.1rem -0.1rem 0.3rem white;
 }
.store-list ul.item-list-block li img{
  border-radius: 0.5rem;transition: .2s;
  box-shadow: 1px 0 rgba(255, 255, 255, .5), -1px 0 rgba(255, 255, 255, .5), 0 1px rgba(255, 255, 255, .5), 0 .1em 0.3em rgba(94, 46, 50, 0.3);
  -webkit-box-shadow: 1px 0 rgba(255, 255, 255, .5), -1px 0 rgba(255, 255, 255, .5), 0 1px rgba(255, 255, 255, .5), 0 .1em 0.3em rgba(94, 46, 50, 0.3);
}
.store-list ul.item-list-block li img:hover{
  border:0.1rem solid white;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.store-list ul.item-list-block li .field--type-commerce-price,.product-info-container .field--name-price{
  color:#cd3955;
}
.store-list ul.item-list-block li .store-list-title{
  margin:0.5rem;
}

.store-list ul.item-list-block li .field__item{
  margin-bottom: 0;padding:0 0.5rem;
}
.store-list ul.item-list-block li .field--type-string{
  line-height: var(--sp1);font-size:0.85rem;
}
.store-list ul.item-list-block li .shang-pin-fen-lei-views-list{
  line-height: var(--sp0-75);
  position: absolute;left:0.5rem;top:0.5rem;z-index:1;
  color: #dcdbdb;
  font-size:0.65rem;padding:0.1rem 0.25rem;
  /*background-color: rgba(0, 0, 0, 0.39);*/
  border-radius: 0.2rem;
  /*color: #837adc !important;*/
  background: rgba(131, 122, 220, .15);
  text-shadow: 0 1px black;
}
.odoohelp-list ul.item-list-block>li:hover,.store-list ul.item-list-block>li:hover{
  -webkit-transform: translateY(-0.5rem);
  -moz-transform: translateY(-0.5rem);
  -o-transform: translateY(-0.5rem);
  -ms-transform: translateY(-0.5rem);
  transform: translateY(-0.5rem);
/*-webkit-box-shadow: 0 16px 20px -14px rgba(0, 36, 100, 0.2);*/
/*-moz-box-shadow: 0 16px 20px -14px rgba(0, 36, 100, 0.2);*/
/*box-shadow: 0 16px 20px -14px rgba(0, 36, 100, 0.2);*/
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-element.form-element--type-select{
  height: var(--sp2);font-size:var(--sp0-75);
}
.store-list ul.item-list-block li ul{
  padding:0;
  margin:0;
  display:flex;
  flex-direction: column;
}
.store-list ul.item-list-block>li h3{
  margin-bottom: 0;
  margin-top:var(--sp0-5);
  padding-inline:var(--sp0-5);text-shadow: 0 1px #fff;
}
.store-list ul.item-list-block li ul li{
  list-style-position: inside;
  list-style-type: none;
  padding:0;
}



/* 主要的产品页面容器 */
.product-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-image-container {
  flex: 1;
  max-width: 700px; /* 限制图片最大宽度 */
  margin-right:1.5rem;
}
.product-image-container img{
  border-radius: 0.4rem;
  /*box-shadow: -2px 1px 3px 1px rgb(0, 0, 0, 0.3333);*/
}
.product-container .wide-content{
  margin: 0;width:100%;
}
.product-info-container {
  flex: 2;
  max-width: 800px; /* 最大宽度 */
}
.product-info-container .field__items,.product-info-container .field--type-text,
.product-info-container .field--name-field-info{
  margin-block-end: var(--sp0-5);
}
.product-info-container .field--name-price,
.product-info-container .field--name-title.field__item,
.product-info-container .field--name-field-version-date{
  margin-block-end: var(--sp0-25);
}
.field--name-variations.field--type-entity-reference>div.field__items{

}
.product-title {
  font-size: 2rem;
  font-weight: bold;
}
a.add-to-cart-link{
  background-color: #0a265f;
  color: white;
  padding: 0.4rem 1.5rem;
  border-radius: 0.3rem;
  cursor: pointer;
  margin-top: 0.5rem;
  display: inline-flex;
}
.product-specifications {
  margin-top: 20px;
}


/*.product-description {*/
/*  margin-top:1rem;*/
/*}*/

/*.product-reviews {*/
/*  margin-top:1rem;*/
/*}*/

/* 使图片自适应 */
.xiazaileixing_product_image img, .default-image {
  max-width: 100%;
  height: auto;
}

/* 响应式设计，适配手机和平板 */
@media (max-width: 768px) {
  .product-container {
    flex-direction: column; /* 手机上堆叠 */
  }

  .product-info-container {
    max-width: 100%; /* 不限制最大宽度 */
  }
  .product-image-container{
    margin-right: 0;
  }
  .main-content__container {
    padding-inline: var(--sp0-5);
  }
  .site-branding{
    padding-inline-start:var(--sp0-5);
    padding-inline-end:var(--sp0-5);
  }
}
.comment {
  padding-inline-start: var(--sp3);
}
.comment--level-1 {
  border-block-start: 2px dashed hsl(201deg 2.13% 83.1%);
}
@media (min-width: 43.75rem) {
  .add-comment__picture, .comment__picture {
  inset-inline-start: calc(-1 * var(--sp0-5));
    box-shadow: -2px 1px 3px 1px rgb(0, 0, 0, 0.3333);
}
}
.ui-dialog .ui-dialog-titlebar{
  background:#3d5b8a;
}
.ui-dialog .ui-dialog-title {
  color:white;
}
.views-table{
  margin-block-start: var(--sp1);
  margin-block-end: var(--sp1);
}
.product-tabs {
  display: flex;
  margin-bottom:1rem;
  margin-top: 1rem;
}

.tab-button {
  background-color: #f0f0f0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .12);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .12);
  padding:0.4rem 0.8rem;
  border-radius: 0.3rem;
  border-width:0;
  cursor: pointer;
  margin-right:0.3rem;
}

.tab-button.active {
  background-color:#0a265f;
  color: white;
  /*border-color:#0a265f;*/
  box-shadow: -2px 1px 3px 1px rgb(0, 0, 0, 0.3333);
}

.product-tab-content {
  padding:1.3rem 0.75rem;
  background-color:#f5f5f5;
  display: none;
}
.product-tab-content img{
  width:auto;
  max-width:100%!important;height:auto!important;
}
.product-info-container .field--type-created.field__item{
  margin-block-end:var(--sp0-5);line-height:1rem;
}
.product-tab-content.active {
  display: block;
  border-radius: 0.4rem;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .12);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.12);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .12);
}
.product-info-container .info-reference,.product-info-container .info-reference .field--name-field-shang-pin-fen-lei.field--type-entity-reference{
display:flex;align-items: center;
}
.product-info-container .field--name-field-shang-pin-fen-lei.field--type-entity-reference .field__item{
padding-inline:var(--sp0-25);background-color:#ebebeb;border-radius: 0.2rem;
margin-right:var(--sp0-5);font-size:0.8rem;
}
.product-info-container .field--name-created.field--type-created.field__item{
margin-right:var(--sp0-5);
}
.product-reviews {
padding:0.5rem;
}

@media (min-width: 62.5rem) {
.teaser__image {
   position:relative;
  /* inset-block-start: 0; */
     inset-inline-start: 0;
    /* margin: 0; */
  }
  .teaser__image img {
    width: var(--sp3-5);
    height: var(--sp3-5);
  }
}
footer .block__content .text-content.field--name-body.field--type-text-with-summary {
  font-size:0.8rem;
}
.paid-field-locked{
  font-size: 0.9rem;
}
.paid-field-locked p{
  margin-block-start: var(--sp0-25);
  margin-block-end: var(--sp0-75);
}
.node--view-mode-full .field--tags {
  margin-block-start: var(--sp0-5);
  margin-block-end: var(--sp0-5);
  padding-block: var(--sp0-5);
  padding-inline-start: var(--sp0-5);
  padding-inline-end: var(--sp0-5);
  background-color: var(--color--gray-100);
}
@media (min-width: 43.75rem) {
  .view, .view-content {
     gap: var(--sp1);
  }
}
@media (min-width: 62.5rem) {
  .teaser {
    padding-block-end: var(--sp1);
  }
}
.slick-arrow::before {color:white;}
.text-content table, .views-table, .draggable-table {
  margin-block-start: var(--sp1);
  margin-block-end: var(--sp1);
  line-height: var(--sp1);
}
:is(.text-content table,.views-table,.draggable-table) td, :is(.text-content table,.views-table,.draggable-table) th {
  padding-block: var(--sp0-5);
  padding-inline-end: var(--sp0-5);
}
.product-info-container .field--name-field-info{
  font-size:0.9rem;
}
.product-info-container .field--name-field-info p{line-height: var(--sp1)!important;}
.block__content article .field:not(:last-child) {margin-block-end: var(--sp1);}
.node__author-image a img{box-shadow: -2px 1px 3px 1px rgb(0, 0, 0, 0.3333);}
.node--view-mode-full .field--tags{box-shadow: -5px 1px 5px rgb(0, 0, 0, 0.08);}
.view, .view-content {gap: var(--sp1);}
.region--content-above.grid-full.layout--pass--content-medium .views-exposed-form.block-views-exposed-filter-blockproduct-page-1{
  margin-block-end: var(--sp1);
}
.region--content-above.grid-full.layout--pass--content-medium .views-exposed-form.block-views-exposed-filter-blockproduct-page-1
 .block__content form{
  display: flex;
  align-items: center;
  gap:0.5rem;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  position: -webkit-sticky;
  position: sticky;
  overflow-x: auto;
  overflow-y: hidden;
}
.region--content-above.grid-full.layout--pass--content-medium .views-exposed-form.block-views-exposed-filter-blockproduct-page-1
.block__content form .form-item {
  margin-block:0;
}
.region--content-above.grid-full.layout--pass--content-medium .views-exposed-form.block-views-exposed-filter-blockproduct-page-1
.block__content{
  overflow: hidden;
  display: block;
  position: relative;
}
.region--content-above.grid-full.layout--pass--content-medium .views-exposed-form.block-views-exposed-filter-blockproduct-page-1
.block__content .form-item__label{
  font-weight: 400;
  font-size: 0.75rem;
}
.view-header h3{margin-block-start:0;margin-block-end:0.5rem;}
.view-header p{margin-block-start:0.5em;margin-block-end:0;}
.text-content.field__item p{line-height: var(--sp1-5);margin-block-end: 0;margin-block-start:var(--sp0-75);}
div#block-olivero-subtheme-jingtaibanquanxinxi {
  padding-block-start: var(--sp0-5);
  position: relative;
}
div#block-olivero-subtheme-jingtaibanquanxinxi::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 25%;
  height: 0.07rem;
  background-color: transparent;
  border-top: 0.07rem dashed #3d3d3d;
}
div.item-list.store-list{
  margin-block-end:var(--sp1);
}
ul.js-pager__items.pager{
  display:flex;
  justify-content: center;
  align-items: center;
}
ul.js-pager__items.pager .pager__item {
     width:auto;
     height: var(--sp2);
  }
.site-branding__slogan{color: #737373;}
form table.views-table .field:not(:last-child) {
  margin-block-end: var(--sp1);
}
form table.views-table tr td,
form table.views-table tr th {
  vertical-align: middle;
}
/* 移除 Drupal Blazy 的比例高度限制 */
.media--ratio {
  padding-bottom: 0 !important;
  height: auto !important;
}

/* 让图片不被强制填充，不裁剪、不放大 */
.media-wrapper img,
.media__element {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* wrapper 自动适配高度 */
.media--ratio img {
  position: static !important;
}
input[type="checkbox"], input[type="radio"]{
  border-radius: 1rem;
  width: var(--sp1);
  height: var(--sp1);
}
.olivero-details__summary{
  padding-block: var(--sp0-5);
  padding-inline-end: var(--sp0-5);
  font-weight:400;font-size:1rem;
}
@media (min-width: 62.5rem) {
  .olivero-details__wrapper {
    margin-block-start:var(--sp0-5);
    margin-block-end:var(--sp0-5);
    margin-inline-start:var(--sp0-5);
    margin-inline-end:var(--sp0-5);
  }
}
.form-type-boolean {
  margin-block: var(--sp0-5);
}
div.form-type-boolean.js-form-type-checkbox{
  display: flex;    align-items: center;
}
div#block-olivero-subtheme-yonghuzhuceyemiantishiqukuai.block.block-block-content .block__content .text-content.field--name-body.field--type-text-with-summary {
  font-size:0.8rem;
  background-color: #ebefef;
  padding:0.5rem;
  border-radius: 0.3rem;
}
.site-branding__logo img {
  max-height: var(--sp3-5);
}
ul.menu.primary-nav__menu li.primary-nav__menu-item.primary-nav__menu-item--link
a.primary-nav__menu-link.primary-nav__menu-link--link.is-active
span::after,.primary-nav__menu-link:hover .primary-nav__menu-link-inner::after{
  border-radius:1rem;transform: scaleX(1);border-top-width: var(--sp0-25);
}