.container {
  width: 1200px;
  padding: 0 10px;
  max-width: 100%;
  min-width: 320px;
  margin: 0 auto;
}
html {
  background-color: #feffff;
}
.mobile-header {
  display: flex;
  align-items: center;
  background-color: white;
  padding: 14px 12px;
  gap: 20px;
}
.mobile-header > .logo {
  flex-grow: 1;
  height: 38px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.mobile-header > input.search {
  flex-shrink: 0;
  width: 223px;
  height: 38px;
  border: none;
  outline: none;
  background: #f8f9fd;
  border-radius: 19px;
  background-image: url('./图片/菜单图标/搜索14x14px.svg');
  background-size: 14px 14px;
  background-position: left 12px top 11px;
  background-repeat: no-repeat;
  padding: 8px 12px 10px 36px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  line-height: 19px;
}
.mobile-header > input.search::placeholder {
  color: #9fa3b0;
}
.mobile-tabbar {
  background-color: white;
  height: 54px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  padding: 16px 20px;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  box-shadow: 0px 4px 10px 0px #dadada;
}
.mobile-tabbar > .item {
  display: flex;
  gap: 8px;
  align-items: center;
}
.mobile-tabbar > .item.active {
  color: #067bef;
}
.pc-back-to-top {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: fixed;
  right: 10px;
  bottom: 30px;
  color: #667280;
  background-color: white;
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(0, 36, 153, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
}
.pc-footer {
  background-color: #067bef;
  color: white;
}
.pc-header {
  padding-top: 20px;
  padding-bottom: 21px;
  background-color: white;
}
.pc-header > .container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: start;
}
.pc-header > .container > .logo {
  width: 180px;
  flex-shrink: 0;
  height: 38px;
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.pc-header > .container > .search > .search-input {
  width: 500px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  border: 1px solid #067bef;
  font-size: 13px;
  height: 38px;
  box-sizing: border-box;
}
.pc-header > .container > .search > .search-input > .btn {
  flex-shrink: 0;
  width: 60px;
  height: 100%;
  background: #067bef;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}
.pc-header > .container > .search > .search-input > input {
  flex-grow: 1;
  appearance: none;
  padding: 10px 12px;
  border: none;
  outline: none;
  height: 36px;
}
.pc-header > .container > .search > .search-input > input::placeholder {
  color: #999999;
}
.pc-header > .container > .search > .search-input > input:focus {
  outline: none;
}
.pc-header > .container > .search > .search-input > select {
  outline: none;
  flex-shrink: 0;
  border: none;
  padding: 0 0.5rem;
}
.pc-header > .container > .search > .search-input > select:focus {
  outline: none;
}
.pc-header > .container > .search > .keywords {
  display: flex;
  gap: 20px;
  font-size: 12px;
  color: #898e94;
}
.pc-header > .container > .menu {
  flex-grow: 1;
  text-align: right;
  padding: 9px 0;
  color: #3e454d;
  font-size: 14px;
  line-height: 19px;
}
.pc-header > .container > .menu > .menu-item {
  cursor: pointer;
  display: inline-block;
}
.pc-header > .container > .menu > .menu-item:hover {
  color: #067bef;
}
.ai-bot-box {
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 99;
}
@media (max-width: 768px) {
  .ai-bot-box {
    right: 30px;
  }
}
.kk-cover-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  background-color: #9fa3b0;
}
.kk-cover-image::before {
  display: block;
  content: ' ';
}
.kk-cover-image.r16x9::before {
  padding-top: 56.25%;
}
.kk-cover-image.r1::before {
  padding-top: 100%;
}
.kk-cover-image.r2p35::before {
  padding-top: 42.553%;
}
.line-clamp {
  display: -webkit-box;
  display: -moz-box;
  /* Firefox 情况下使用 */
  display: box;
  /* CSS3 标准写法，适用于非 WebKit 和 Firefox 内核浏览器 */
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  /* Firefox 情况下使用 */
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: normal;
  font-size: 14px;
  line-height: 18px;
  color: #636a7c;
}
.line-clamp.one-line {
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  /* Firefox 情况下使用 */
}
.line-clamp.two-lines {
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  /* Firefox 情况下使用 */
}
.line-clamp.three-lines {
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  /* Firefox 情况下使用 */
}
.kk-carousel {
  position: relative;
  overflow: hidden;
}
.kk-carousel-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-size: 100% 100%;
  background-position: center;
  cursor: pointer;
}
.kk-carousel-image .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 0.5em 0.5em 1em 0.5em;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
}
.indicators-e96fef38ceef {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  z-index: 4;
}
.indicators-e96fef38ceef .indicator {
  width: 12px;
  height: 5px;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  border-radius: 2px;
  opacity: 0.4;
  transition: width 0.8s ease-in;
}
.indicators-e96fef38ceef .indicator.active {
  width: 18px;
  background: #ffffff;
  border-radius: 2px;
  opacity: 1;
}
.hot {
  border-radius: 5px;
  background-color: #F56C6C;
  font-size: 12px;
  padding: 0 3px 0 6px;
  font-style: italic;
  display: flex;
  align-items: center;
  color: white;
  gap: 4px;
}
.nav {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.nav .item {
  position: relative;
  cursor: pointer;
}
.nav .item.active {
  background-image: linear-gradient(225deg, #EC90E2 0%, #6C2CFF 40%, #00F0FF 100%) !important;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}
.nav .item.active::after {
  content: "";
  height: 3px;
  left: 0;
  bottom: -3px;
  width: 100%;
  position: absolute;
  z-index: 100;
  background-image: linear-gradient(315deg, #EC90E2 0%, #6C2CFF 40%, #00F0FF 100%);
}
.home-page-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-page-title .title {
  height: 31px;
  font-size: 24px;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  color: #3e454d;
  line-height: 31px;
}
.home-page-title .sub-title {
  height: 19px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: #667280;
  line-height: 19px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .home-page-title .title {
    height: auto;
    line-height: 1.5;
    font-size: 18px;
  }
}
.pc-carousel {
  position: relative;
}
.pc-carousel .next-btn {
  display: none;
}
.pc-carousel .prev-btn {
  display: none;
}
.pc-carousel:hover .next-btn {
  z-index: 3;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  border-radius: 50%;
  color: white;
  background: rgba(31, 45, 61, 0.23);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
}
.pc-carousel:hover .prev-btn {
  z-index: 3;
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  border-radius: 50%;
  padding: 1rem;
  color: white;
  background: rgba(31, 45, 61, 0.23);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
}
.pc-nav {
  background-color: white;
}
.pc-nav > .container {
  display: flex;
  gap: 40px;
  flex-wrap: nowrap;
  overflow: hidden;
  height: 40px;
  align-items: center;
  overflow: visible;
}
.pc-nav > .container > .nav-item {
  height: 19px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: black;
  font-weight: bold;
  line-height: 19px;
  cursor: pointer;
}
.pc-nav > .container > .nav-item:hover {
  color: #067bef;
}
.pc-nav > .container > .nav-item.course-cate {
  height: 40px;
  padding: 10px 35px;
  display: flex;
  align-items: center;
  position: relative;
  background-color: #067bef;
  color: white;
}
.pc-nav > .container > .nav-item.course-cate:hover > .category-panel {
  display: flex !important;
}
.pc-nav > .container > .nav-item.course-cate > .category-panel {
  z-index: 999;
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  height: 380px;
  background-color: white;
  width: 840px;
  align-items: stretch;
  font-weight: normal;
  cursor: auto;
}
.pc-nav > .container > .nav-item.course-cate > .category-panel > .scate-list {
  width: 180px;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  padding: 10px;
}
.pc-nav > .container > .nav-item.course-cate > .category-panel > .scate-list > .item {
  padding: 10px 14px;
  font-size: 14px;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  color: #3e454d;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-chevron-right%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.646%201.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201%200%20.708l-6%206a.5.5%200%200%201-.708-.708L10.293%208%204.646%202.354a.5.5%200%200%201%200-.708z%22%2F%3E%3C%2Fsvg%3E');
  background-position: right center;
  background-repeat: no-repeat;
}
.pc-nav > .container > .nav-item.course-cate > .category-panel > .scate-list > .item.active,
.pc-nav > .container > .nav-item.course-cate > .category-panel > .scate-list > .item:hover {
  background-color: #ebf3fe;
  color: #067bef;
}
.pc-nav > .container > .nav-item.course-cate > .category-panel > div:last-child {
  flex-grow: 1;
}
.pc-nav > .container > .nav-item.course-cate > .category-panel .subcate-list {
  overflow-y: auto;
  padding: 20px;
  gap: 20px;
  height: 380px;
  color: #3e454d;
}
.pc-nav > .container > .nav-item.course-cate > .category-panel .subcate-list > .item {
  cursor: pointer;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: #667280;
  line-height: 19px;
}
.fs-login-popup {
  background-color: white;
  height: 100%;
  overflow: auto;
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.fs-login-popup > .footer {
  background: white;
  width: 100%;
  display: flex;
  padding: 5px 12px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.mobile-category {
  height: 100%;
  display: flex;
  align-items: stretch;
  font-size: 14px;
  color: var(--color-text);
}
.mobile-category > .col {
  overflow-x: hidden;
  overflow-y: auto;
  flex-grow: 1;
  border-right: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-wrap: nowrap;
  padding: 0 0.5rem;
}
.mobile-category > .col:last-child {
  border-right: none !important;
}
.courses-pc-navs {
  background-color: white;
  border-bottom: 2px solid #067bef;
}
.courses-pc-navs > .container {
  height: 38px;
  padding-top: 2px;
  align-items: center;
  display: flex;
  gap: 40px;
  flex-wrap: nowrap;
}
.courses-pc-navs > .container .item {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: black;
  font-weight: bold;
  line-height: 19px;
  cursor: pointer;
  appearance: none;
  text-decoration: none;
}
.courses-pc-navs > .container .item:hover {
  color: #067bef !important;
}
.courses-pc-navs > .container .item.active {
  pointer-events: none;
  cursor: not-allowed;
  color: #067bef !important;
}
html,body{margin:0;padding:0;hyphens:auto;word-break:normal;overflow-wrap:break-word;font-family:MicrosoftYaHei,sans-serif,Arial;line-height:1.5}*{box-sizing:border-box}*:focus-visible{outline:4px solid var(--color-outline)}h1,h2,h3,h4,h5,h6{margin:0}[class*=animation-]{animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:both}.animation-reverse{animation-direction:reverse}.animation-provision{display:none!important}@keyframes fade{0%{opacity:0}to{opacity:1}}.animation-fade{animation-name:fade;animation-duration:.8s;animation-timing-function:linear}@keyframes scale-up{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.animation-scale-up{animation-name:scale-up}@keyframes scale-down{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.animation-scale-down{animation-name:scale-down}@keyframes slide-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.animation-slide-top{animation-name:slide-top}@keyframes slide-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animation-slide-bottom{animation-name:slide-bottom}@keyframes slide-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.animation-slide-left{animation-name:slide-left}@keyframes slide-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animation-slide-right{animation-name:slide-right}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-9px)}20%{transform:translate(8px)}30%{transform:translate(-7px)}40%{transform:translate(6px)}50%{transform:translate(-5px)}60%{transform:translate(4px)}70%{transform:translate(-3px)}80%{transform:translate(2px)}90%{transform:translate(-1px)}}.animation-shake{animation-name:shake}button.wok-ui-btn{display:inline-block;user-select:none;background-color:var(--btn-bg-color);border-width:1px;border-style:solid;border-color:var(--btn-border-color);color:var(--btn-color);border-radius:var(--size-border-radius);overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:var(--btn-font-size);padding:.375em 1em;line-height:1.5;cursor:pointer;vertical-align:middle}button.wok-ui-btn.outline{background-color:transparent!important;color:var(--btn-color)!important}button.wok-ui-btn.block{display:block!important;width:100%}button.wok-ui-btn:active{transform:scale(1.2)}button.wok-ui-btn:hover{opacity:.8}button.wok-ui-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.wok-ui-grid{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch}.wok-ui-grid>div{flex-shrink:0}.wok-ui-justify-box{display:flex;justify-content:space-between;flex-wrap:nowrap;flex-direction:row;align-items:start}.wok-ui-justify-box>*{flex-shrink:0}.wok-ui-v-split-box{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap}.wok-ui-v-split-box>*{overflow:hidden}.wok-ui-v-split-box.fix-top>*:first-child{flex-shrink:0}.wok-ui-v-split-box.fix-top>*:last-child{flex-grow:1}.wok-ui-v-split-box.fix-bottom>*:first-child{flex-grow:1}.wok-ui-v-split-box.fix-bottom>*:last-child{flex-shrink:0}.wok-ui-h-split-box{display:flex;flex-direction:row;align-items:stretch;flex-wrap:nowrap}.wok-ui-h-split-box.fix-left>*:first-child{flex-shrink:0}.wok-ui-h-split-box.fix-left>*:last-child{flex-grow:1}.wok-ui-h-split-box.fix-right>*:first-child{flex-grow:1}.wok-ui-h-split-box.fix-right>*:last-child{flex-shrink:0}.wok-ui-vbox{display:flex;flex-direction:column;align-items:stretch}.wok-ui-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;background-color:#ffffff80;z-index:2000;cursor:wait;color:var(--color-text-secondary)}.wok-ui-loading .loading-spinner>svg{animation-name:spinner;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;height:2rem!important;width:2rem!important}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wok-ui-dialog-box{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1055;color:var(--color-text)}.wok-ui-dialog-box>.dialog-content{border-radius:1rem;background-color:#fff;line-height:1.5}.wok-ui-dialog-box>.dialog-content>.dialog-body{width:345px;max-width:100%;min-width:320px;padding:1rem;text-align:center}.wok-ui-dialog-box>.dialog-content>.dialog-footer{border-top:1px solid var(--color-border);display:flex;flex-wrap:nowrap;text-align:center}.wok-ui-dialog-box>.dialog-content>.dialog-footer>div{flex-grow:1;cursor:pointer;padding:1rem;text-align:center;border-right:1px solid var(--color-border)}.wok-ui-dialog-box>.dialog-content>.dialog-footer>div:last-child{border-right:none!important}.wok-ui-dialog-box>.dialog-content>.dialog-footer>div:hover{opacity:.5}.wok-ui-oven{position:fixed;right:0;top:0;max-width:100%;display:flex;flex-direction:column;gap:.5rem;z-index:2100;background-color:transparent;padding:1rem;pointer-events:none}.wok-ui-toast{background-color:#fff;border-radius:var(--size-border-radius);border:1px solid var(--color-border);padding:.5rem 1rem;z-index:2101}.wok-ui-svg-icon{display:inline-block;vertical-align:middle;margin:0;height:1em}.wok-ui-svg-icon svg{height:1em!important;width:auto!important;display:block}.wok-ui-modal{position:fixed;inset:0;background-color:#000000b3;z-index:1045}.wok-ui-modal>.wok-ui-modal-dialog{position:absolute;inset:0;padding:1.5rem 1rem}.wok-ui-modal>.wok-ui-modal-dialog.fullscreen{padding:0!important}.wok-ui-modal>.wok-ui-modal-dialog.fullscreen .wok-ui-modal-content{height:100%!important;width:100%!important;border-radius:0!important}.wok-ui-modal>.wok-ui-modal-dialog.centered{display:flex;align-items:center;justify-content:center}.wok-ui-modal>.wok-ui-modal-dialog>.wok-ui-modal-content{max-height:100%;max-width:100%;overflow:hidden;width:500px;min-width:320px;display:flex;flex-direction:column;margin:0 auto}.wok-ui-modal>.wok-ui-modal-dialog>.wok-ui-modal-content.normal{background-color:#fff;border-radius:var(--size-border-radius)}.wok-ui-modal>.wok-ui-modal-dialog>.wok-ui-modal-content>.wok-ui-modal-header{flex-shrink:0;padding:1rem;display:flex;flex-direction:row;align-items:center;font-size:var(--size-text-lg);font-weight:700;border-bottom:1px solid var(--color-border);line-height:1}.wok-ui-modal>.wok-ui-modal-dialog>.wok-ui-modal-content>.wok-ui-modal-header>.title{flex-grow:1;overflow:hidden;word-break:keep-all;text-overflow:ellipsis}.wok-ui-modal>.wok-ui-modal-dialog>.wok-ui-modal-content>.wok-ui-modal-header>.close{font-size:1.2em;cursor:pointer;user-select:none}.wok-ui-modal>.wok-ui-modal-dialog>.wok-ui-modal-content>.wok-ui-modal-header>.close:hover{opacity:.8}.wok-ui-modal>.wok-ui-modal-dialog>.wok-ui-modal-content>.wok-ui-modal-body{padding:1rem;flex-grow:1;overflow:auto}.wok-ui-modal>.wok-ui-modal-dialog>.wok-ui-modal-content>.wok-ui-modal-footer{flex-shrink:0;border-top:1px solid var(--color-border);padding:1rem;display:flex;gap:20px;flex-direction:row-reverse}.wok-ui-modal>.wok-ui-modal-dialog>.wok-ui-modal-content>.wok-ui-modal-footer button{min-width:120px}.wok-ui-drawer{position:fixed;inset:0;background-color:#00000080;z-index:1045}.wok-ui-drawer>.wok-ui-drawer-content{background-color:#fff;position:absolute;overflow-x:hidden;overflow-y:auto}.wok-ui-drawer>.wok-ui-drawer-content.top{top:0;left:0;right:0;height:400px;max-height:100%}.wok-ui-drawer>.wok-ui-drawer-content.bottom{bottom:0;left:0;right:0;height:400px;max-height:100%}.wok-ui-drawer>.wok-ui-drawer-content.left{top:0;bottom:0;left:0;width:400px;max-width:100%}.wok-ui-drawer>.wok-ui-drawer-content.right{top:0;bottom:0;right:0;width:400px;max-width:100%}.wok-ui-drawer>.wok-ui-drawer-content .header{padding:1rem;line-height:1em;display:flex;position:sticky;top:0;font-weight:700;z-index:2;background-color:#fff;font-size:var(--size-text-lg);border-bottom:1px solid var(--color-border)}.wok-ui-drawer>.wok-ui-drawer-content .header .title{font-weight:700;flex-grow:1;white-space:nowrap;word-break:break-all;text-overflow:ellipsis;overflow:hidden}.wok-ui-drawer>.wok-ui-drawer-content .header .close{padding-left:.5em;font-size:1.2em;cursor:pointer}.wok-ui-drawer>.wok-ui-drawer-content .body{padding:1rem}.kk-table{overflow-x:auto}.kk-table>table{min-width:100%;border-collapse:collapse;border-spacing:0px}.kk-table>table>thead{vertical-align:bottom}.kk-table>table>thead tr th{border-collapse:collapse;padding:.5rem;border-bottom:1px solid var(--color-border);font-weight:700;text-align:left}.kk-table>table tbody{vertical-align:middle}.kk-table>table tbody tr td{border-collapse:collapse;padding:.5rem;border-bottom:1px solid var(--color-border);text-align:left;overflow:visible}.kk-table>table tbody tr:hover td{background-color:#f8f9fd}.kk-table.bordered>table{border:1px solid var(--color-border)}.kk-table.bordered>table th,.kk-table.bordered>table td{border:1px solid var(--color-border)}.wok-ui-checkbox{display:inline-block;vertical-align:middle;height:1rem;width:1rem;border-radius:.25em;cursor:pointer;appearance:none;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid var(--color-border);margin:0}.wok-ui-checkbox:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");background-color:var(--color-primary)!important;border-color:var(--color-primary)}.wok-ui-checkbox:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");background-color:var(--color-primary);border-color:var(--color-primary)}.wok-ui-checkbox:disabled{cursor:not-allowed;background-color:#e9ecef}.wok-ui-checkbox-group{display:flex;flex-direction:column;gap:1rem;font-size:1rem}.wok-ui-checkbox-group.inline{flex-direction:row;flex-wrap:wrap;gap:1rem}.wok-ui-checkbox-group.inline>.invalid-feedback{width:100%!important}.wok-ui-checkbox-group>.item{display:flex;flex-direction:row;align-items:center;gap:.5rem;word-break:break-all}.wok-ui-checkbox-group>.item>input{flex-shrink:0}.wok-ui-bool-checkbox{display:flex;align-items:center;gap:.5rem;line-height:1.5}.wok-ui-bool-checkbox>input{flex-shrink:0}.wok-ui-radio{display:inline-block;vertical-align:middle;height:1rem;width:1rem;cursor:pointer;border-radius:50%;border:1px solid var(--color-border);margin:0;appearance:none}.wok-ui-radio:disabled{cursor:not-allowed;background-color:#e9ecef}.wok-ui-radio:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");background-color:var(--color-primary);border-color:var(--color-primary)}.wok-ui-radio-group{display:flex;flex-direction:column;gap:1rem;font-size:1rem}.wok-ui-radio-group.inline{flex-direction:row;flex-wrap:wrap;gap:1rem}.wok-ui-radio-group.inline>.invalid-feedback{width:100%!important}.wok-ui-radio-group>label{display:flex;align-items:center;gap:.5rem;word-break:break-all}.wok-ui-radio-group>label>input{flex-shrink:0}.wok-ui-input{border:1px solid var(--color-border);border-radius:var(--size-border-radius);font-size:var(--input-font-size);background-color:transparent;display:block;width:100%;color:var(--color-text);appearance:none;box-sizing:border-box;padding:.375em 1em;line-height:1.5}.wok-ui-input.invalid{border-color:var(--color-danger)}.wok-ui-input:disabled{cursor:not-allowed;background-color:#e9ecef}.wok-ui-input ::-webkit-input-placeholder{color:var(--color-text-secondary)}.wok-ui-input ::-moz-placeholder{color:var(--color-text-secondary)}.wok-ui-input :-ms-input-placeholder{color:var(--color-text-secondary)}.wok-ui-input ::placeholder{color:var(--color-text-secondary)}textarea.wok-ui-input{resize:vertical}[type=color].wok-ui-input{height:calc(2.25em + 2px);padding:.375em}select.wok-ui-select{border:1px solid var(--color-border);border-radius:var(--size-border-radius);font-size:var(--select-font-size);background-color:transparent;display:block;width:100%;color:var(--color-text);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-position-y:center;background-position-x:calc(100% - .6em);background-size:.6em;background-repeat:no-repeat;padding:.375em 1.8em .375em 1em;line-height:1.5}select.wok-ui-select.invalid{border-color:var(--color-danger)}select.wok-ui-select:disabled{cursor:not-allowed;background-color:#e9ecef}.wok-ui-range{display:block;width:100%;padding:0;appearance:none;background-color:transparent}.wok-ui-range:disabled{opacity:.7;cursor:not-allowed}.wok-ui-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:var(--color-primary);border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.wok-ui-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#f8f9fa;border-color:transparent;border-radius:1rem}.wok-ui-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;appearance:none;background-color:var(--color-primary);border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.wok-ui-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#f8f9fa;border-color:transparent;border-radius:1rem}@media (prefers-reduced-motion: reduce){.wok-ui-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}.wok-ui-range::-moz-range-thumb{-moz-transition:none;transition:none}}.wok-ui-link,.wok-ui-link:link{color:var(--color-primary)}.wok-ui-link:hover{color:var(--color-success)}.wok-ui-link:visited{color:var(--color-warning)}.wok-ui-link:active{color:var(--color-danger)}.wok-ui-dropdown{position:relative;display:inline-block}.wok-ui-dropdown .wok-ui-dropdown-menu{position:absolute;top:calc(100% + 5px);background-color:#fff;border-radius:var(--size-border-radius);border:1px solid var(--color-border);display:none;z-index:1000}.wok-ui-dropdown .wok-ui-dropdown-menu.left{left:0}.wok-ui-dropdown .wok-ui-dropdown-menu.right{right:0}.wok-ui-dropdown .wok-ui-dropdown-menu .wok-ui-dropdown-item{font-size:var(--size-text);color:var(--color-text);padding:.5rem 1rem;border-bottom:1px solid var(--color-border);cursor:pointer;white-space:nowrap}.wok-ui-dropdown .wok-ui-dropdown-menu .wok-ui-dropdown-item.disabled{opacity:.5;cursor:not-allowed}.wok-ui-dropdown .wok-ui-dropdown-menu .wok-ui-dropdown-item:last-child{border-bottom:none!important}.wok-ui-dropdown.hover:hover .wok-ui-dropdown-menu,.wok-ui-dropdown.open .wok-ui-dropdown-menu{display:block!important}.wok-ui-dropdown.dropup .wok-ui-dropdown-menu{top:auto!important;bottom:calc(100% + 5px)!important}
.ai-page .main {
  font-family: 'Noto Sans SC', sans-serif;
  /* 底部总结模块 */
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
.ai-page .main .hero-section {
  padding: 20px 10px;
  min-height: 100%;
  background: linear-gradient(135deg, #e0f0ff 0%, #f8fcff 100%);
}
.ai-page .main .hero-section .container {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}
.ai-page .main .hero-section .container .hero-content {
  max-width: 580px;
}
.ai-page .main .hero-section .container .hero-content .hero-title {
  font-size: 42px;
  font-weight: 800;
  color: #262f4c;
  line-height: 1.2;
  margin-bottom: 34px;
}
.ai-page .main .hero-section .container .hero-content .hero-subtitle {
  font-size: 18px;
  color: #6d7891;
  line-height: 1.6;
  margin-bottom: 40px;
}
.ai-page .main .hero-section .container .hero-visual {
  display: flex;
  justify-content: flex-end;
  position: relative;
  min-height: 500px;
}
.ai-page .main .hero-section .container .hero-visual .float-element {
  position: absolute;
  border-radius: 12px;
  background-color: white;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.07);
  display: flex;
  align-items: center;
  padding: 15px 20px;
  gap: 15px;
  z-index: 2;
}
.ai-page .main .hero-section .container .hero-visual .float-element .float-icon {
  width: 45px;
  height: 45px;
  border-radius: 10px;
  background: rgba(26, 103, 219, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1677ff;
  font-size: 20px;
}
.ai-page .main .hero-section .container .hero-visual .float-element .float-text {
  display: flex;
  flex-direction: column;
}
.ai-page .main .hero-section .container .hero-visual .float-element .float-text .float-title {
  font-weight: 600;
  font-size: 16px;
  color: #262f4c;
}
.ai-page .main .hero-section .container .hero-visual .float-element .float-text .float-desc {
  font-size: 14px;
  color: #6d7891;
}
.ai-page .main .hero-section .container .hero-visual .float-element.float-1 {
  top: 20%;
  left: 0;
  animation: float 5s ease-in-out infinite;
}
.ai-page .main .hero-section .container .hero-visual .float-element.float-2 {
  bottom: 25%;
  left: 10%;
  animation: float 6s ease-in-out infinite 1s;
}
.ai-page .main .hero-section .container .hero-visual .float-element.float-3 {
  top: 15%;
  right: 15%;
  animation: float 7s ease-in-out infinite 0.5s;
}
.ai-page .main .hero-section .container .hero-visual .float-element.float-4 {
  bottom: 15%;
  right: -5%;
  animation: float 5.5s ease-in-out infinite 1.5s;
}
.ai-page .main .products-section {
  padding: 100px 10px;
  background: linear-gradient(135deg, #f4f9ff 0%, #ffffff 100%);
  /* 左右分栏布局 */
  /* 产品卡片左右分屏 */
  /* 偶数卡片反向排列 */
  /* 产品文案 */
  /* 产品图片 */
}
.ai-page .main .products-section .section-title {
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 20px;
  color: #262f4c;
}
.ai-page .main .products-section .section-subtitle {
  font-size: 20px;
  text-align: center;
  margin-bottom: 90px;
  color: #6d7891;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.ai-page .main .products-section .advantages-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  max-width: 1400px;
  margin: 0 auto 150px;
  padding: 0 20px;
}
.ai-page .main .products-section .advantages-grid .advantage-item {
  background-color: white;
  border-radius: 12px;
  padding: 40px 30px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
}
.ai-page .main .products-section .advantages-grid .advantage-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.ai-page .main .products-section .advantages-grid .advantage-item .advantage-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(26, 103, 219, 0.08);
  border-radius: 50%;
}
.ai-page .main .products-section .advantages-grid .advantage-item .advantage-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #262f4c;
}
.ai-page .main .products-section .advantages-grid .advantage-item .advantage-desc {
  font-size: 16px;
  color: #6d7891;
  line-height: 1.6;
}
.ai-page .main .products-section .products-container {
  display: flex;
  flex-direction: column;
  gap: 170px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}
.ai-page .main .products-section .product-card {
  display: flex;
  align-items: center;
  position: relative;
}
.ai-page .main .products-section .product-card:nth-child(even) {
  flex-direction: row-reverse;
}
.ai-page .main .products-section .product-info {
  flex: 1;
  padding: 40px 80px;
  z-index: 1;
}
.ai-page .main .products-section .product-title {
  font-size: 36px;
  font-weight: 700;
  color: #262f4c;
  margin-bottom: 25px;
}
.ai-page .main .products-section .product-desc {
  font-size: 18px;
  color: #6d7891;
  line-height: 1.6;
  margin-bottom: 30px;
}
.ai-page .main .products-section .product-image {
  flex: 1;
  height: 540px;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.05);
}
.ai-page .main .products-section .product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ai-page .main .summary-section {
  padding: 120px 0;
  background: linear-gradient(45deg, #ffffff 0%, #e8f4ff 100%);
  text-align: center;
}
.ai-page .main .summary-section .summary-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
}
.ai-page .main .summary-section .summary-title {
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 30px;
  color: #262f4c;
}
.ai-page .main .summary-section .summary-desc {
  font-size: 20px;
  line-height: 1.8;
  color: #6d7891;
  margin-bottom: 50px;
}
.ai-page .main .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 28px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ai-page .main .btn.primary {
  background-color: #1a67db;
  color: white;
  box-shadow: 0 4px 12px rgba(26, 103, 219, 0.15);
}
.ai-page .main .btn.primary:hover {
  background-color: #0d47a1;
  box-shadow: 0 6px 15px rgba(26, 103, 219, 0.2);
  transform: translateY(-2px);
}
.ai-page .main .btn.secondary {
  background-color: transparent;
  border: 2px solid #1a67db;
  color: #1a67db;
}
.ai-page .main .btn.secondary:hover {
  background-color: rgba(26, 103, 219, 0.08);
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  .ai-page .main .hero-title {
    font-size: 30px !important;
  }
  .ai-page .main .section-title {
    font-size: 30px !important;
  }
  .ai-page .main .hero-subtitle {
    font-size: 16px !important;
  }
  .ai-page .main .float-element {
    display: none !important;
  }
  .ai-page .main .products-container {
    flex-direction: column !important;
  }
}
@media (max-width: 1100px) {
  .ai-page .main .advantages-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .ai-page .main .products-container {
    gap: 100px;
  }
  .ai-page .main .product-card {
    flex-direction: column-reverse !important;
  }
  .ai-page .main .product-card .product-info {
    padding: 40px 20px;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .ai-page .main .advantages-grid {
    grid-template-columns: 1fr !important;
  }
}