:root {
  --dkttt_primary: #335df8;
  --dkttt_primary-hover: #4f77ff;
  --dkttt_primary-active: #246de5;
  --dkttt_primary-disabled: #94bcff;
  --dkttt_primary-light: #eaf2ff;
  --dkttt_primary-light-border: #d4e4ff;

  --dkttt_success: #33cc66;
  --dkttt_warning: #ffcc00;
  --dkttt_danger: #eb5757;
  --dkttt_info: #909399;

  --dkttt_text: #303133;
  --dkttt_text-regular: #606266;
  --dkttt_text-secondary: #909399;
  --dkttt_text-placeholder: #c0c4cc;

  --dkttt_border: #dcdfe6;
  --dkttt_border-light: #e4e7ed;
  --dkttt_border-lighter: #ebeef5;
  --dkttt_border-exlight: #f2f6fc;

  --dkttt_bg: #f5f7fa;
  --dkttt_bg-lighter: #ebeef5;
  --dkttt_bg-exlight: #f2f6fc;

  --dkttt_radius-small: 2px;
  --dkttt_radius: 4px;
  --dkttt_radius-round: 40px;
  --dkttt_radius-lg: 12px;

  --dkttt_shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  --dkttt_shadow-panel: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);

  --dkttt_transition: 0.25s ease;
  --dkttt_ease-bar: cubic-bezier(0.23, 1, 0.32, 1);
}


*,
*::before,
*::after {
  box-sizing: border-box;
}

.dkttt_root {
  font-family: "Barlow", Arial, "Helvetica Neue", Helvetica, "PingFang SC",
    "Microsoft YaHei", "微软雅黑", sans-serif;
  color: var(--dkttt_text);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.main-body > main,
.dkttt_root > main {
  flex: 1 0 auto;
}


body { margin: 0; background: var(--dkttt_bg); }
a { text-decoration: none; }


.dkttt_container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
}
@media (min-width: 1200px) {
  .dkttt_container { max-width: 1200px; }
}
@media (min-width: 1400px) {
  .dkttt_container { max-width: 1340px; }
}

.dkttt_row {
  --dkttt_gutter-x: 24px;
  --dkttt_gutter-y: 0px;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--dkttt_gutter-y));
  margin-right: calc(-0.5 * var(--dkttt_gutter-x));
  margin-left: calc(-0.5 * var(--dkttt_gutter-x));
}
.dkttt_row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--dkttt_gutter-x) * 0.5);
  padding-left: calc(var(--dkttt_gutter-x) * 0.5);
  margin-top: var(--dkttt_gutter-y);
}


.dkttt_col-1  { flex: 0 0 auto; width: 4.16667%; }
.dkttt_col-2  { flex: 0 0 auto; width: 8.33333%; }
.dkttt_col-3  { flex: 0 0 auto; width: 12.5%; }
.dkttt_col-4  { flex: 0 0 auto; width: 16.66667%; }
.dkttt_col-5  { flex: 0 0 auto; width: 20.83333%; }
.dkttt_col-6  { flex: 0 0 auto; width: 25%; }
.dkttt_col-7  { flex: 0 0 auto; width: 29.16667%; }
.dkttt_col-8  { flex: 0 0 auto; width: 33.33333%; }
.dkttt_col-9  { flex: 0 0 auto; width: 37.5%; }
.dkttt_col-10 { flex: 0 0 auto; width: 41.66667%; }
.dkttt_col-11 { flex: 0 0 auto; width: 45.83333%; }
.dkttt_col-12 { flex: 0 0 auto; width: 50%; }
.dkttt_col-13 { flex: 0 0 auto; width: 54.16667%; }
.dkttt_col-14 { flex: 0 0 auto; width: 58.33333%; }
.dkttt_col-15 { flex: 0 0 auto; width: 62.5%; }
.dkttt_col-16 { flex: 0 0 auto; width: 66.66667%; }
.dkttt_col-17 { flex: 0 0 auto; width: 70.83333%; }
.dkttt_col-18 { flex: 0 0 auto; width: 75%; }
.dkttt_col-19 { flex: 0 0 auto; width: 79.16667%; }
.dkttt_col-20 { flex: 0 0 auto; width: 83.33333%; }
.dkttt_col-21 { flex: 0 0 auto; width: 87.5%; }
.dkttt_col-22 { flex: 0 0 auto; width: 91.66667%; }
.dkttt_col-23 { flex: 0 0 auto; width: 95.83333%; }
.dkttt_col-24 { flex: 0 0 auto; width: 100%; }
.dkttt_col-auto { flex: 0 0 auto; width: auto; }


.dkttt_col-xs-1  { width: 4.16667%; }  .dkttt_col-xs-2  { width: 8.33333%; }
.dkttt_col-xs-3  { width: 12.5%; }     .dkttt_col-xs-4  { width: 16.66667%; }
.dkttt_col-xs-6  { width: 25%; }       .dkttt_col-xs-8  { width: 33.33333%; }
.dkttt_col-xs-10 { width: 41.66667%; } .dkttt_col-xs-12 { width: 50%; }
.dkttt_col-xs-14 { width: 58.33333%; } .dkttt_col-xs-16 { width: 66.66667%; }
.dkttt_col-xs-18 { width: 75%; }       .dkttt_col-xs-24 { width: 100%; }
[class*="dkttt_col-xs-"] { flex: 0 0 auto; }

@media (min-width: 768px) {
  .dkttt_col-sm-1  { width: 4.16667%; }  .dkttt_col-sm-2  { width: 8.33333%; }
  .dkttt_col-sm-3  { width: 12.5%; }     .dkttt_col-sm-4  { width: 16.66667%; }
  .dkttt_col-sm-6  { width: 25%; }       .dkttt_col-sm-8  { width: 33.33333%; }
  .dkttt_col-sm-10 { width: 41.66667%; } .dkttt_col-sm-12 { width: 50%; }
  .dkttt_col-sm-14 { width: 58.33333%; } .dkttt_col-sm-16 { width: 66.66667%; }
  .dkttt_col-sm-18 { width: 75%; }       .dkttt_col-sm-24 { width: 100%; }
  [class*="dkttt_col-sm-"] { flex: 0 0 auto; }
}
@media (min-width: 992px) {
  .dkttt_col-md-6  { width: 25%; }       .dkttt_col-md-8  { width: 33.33333%; }
  .dkttt_col-md-11 { width: 45.83333%; } .dkttt_col-md-12 { width: 50%; }
  .dkttt_col-md-13 { width: 54.16667%; } .dkttt_col-md-16 { width: 66.66667%; }
  .dkttt_col-md-24 { width: 100%; }
  [class*="dkttt_col-md-"] { flex: 0 0 auto; }
  .dkttt_push-md-11 { left: 45.83333%; }
  .dkttt_pull-md-13 { right: 54.16667%; }
  [class*="dkttt_push-md-"], [class*="dkttt_pull-md-"] { position: relative; }
}
@media (min-width: 1200px) {
  .dkttt_col-lg-6  { width: 25%; }       .dkttt_col-lg-8  { width: 33.33333%; }
  .dkttt_col-lg-12 { width: 50%; }       .dkttt_col-lg-16 { width: 66.66667%; }
  .dkttt_col-lg-24 { width: 100%; }
  [class*="dkttt_col-lg-"] { flex: 0 0 auto; }
}
@media (min-width: 1400px) {
  .dkttt_col-xl-6  { width: 25%; }       .dkttt_col-xl-7  { width: 29.16667%; }
  .dkttt_col-xl-10 { width: 41.66667%; } .dkttt_col-xl-14 { width: 58.33333%; }
  .dkttt_col-xl-17 { width: 70.83333%; }
  [class*="dkttt_col-xl-"] { flex: 0 0 auto; }
}
@media (min-width: 1600px) {
  .dkttt_col-xxl-4  { width: 16.66667%; } .dkttt_col-xxl-6  { width: 25%; }
  .dkttt_col-xxl-12 { width: 50%; }       .dkttt_col-xxl-18 { width: 75%; }
  [class*="dkttt_col-xxl-"] { flex: 0 0 auto; }
}


.dkttt_gutter-x-0  { --dkttt_gutter-x: 0px; }   .dkttt_gutter-y-0  { --dkttt_gutter-y: 0px; }
.dkttt_gutter-x-1  { --dkttt_gutter-x: 2px; }   .dkttt_gutter-y-1  { --dkttt_gutter-y: 2px; }
.dkttt_gutter-x-2  { --dkttt_gutter-x: 4px; }   .dkttt_gutter-y-2  { --dkttt_gutter-y: 4px; }
.dkttt_gutter-x-3  { --dkttt_gutter-x: 8px; }   .dkttt_gutter-y-3  { --dkttt_gutter-y: 8px; }
.dkttt_gutter-x-4  { --dkttt_gutter-x: 12px; }  .dkttt_gutter-y-4  { --dkttt_gutter-y: 12px; }
.dkttt_gutter-x-5  { --dkttt_gutter-x: 16px; }  .dkttt_gutter-y-5  { --dkttt_gutter-y: 16px; }
.dkttt_gutter-x-6  { --dkttt_gutter-x: 20px; }  .dkttt_gutter-y-6  { --dkttt_gutter-y: 20px; }
.dkttt_gutter-x-7  { --dkttt_gutter-x: 24px; }  .dkttt_gutter-y-7  { --dkttt_gutter-y: 24px; }
.dkttt_gutter-x-8  { --dkttt_gutter-x: 28px; }  .dkttt_gutter-y-8  { --dkttt_gutter-y: 28px; }
.dkttt_gutter-x-9  { --dkttt_gutter-x: 32px; }  .dkttt_gutter-y-9  { --dkttt_gutter-y: 32px; }
.dkttt_gutter-x-10 { --dkttt_gutter-x: 36px; }  .dkttt_gutter-y-10 { --dkttt_gutter-y: 36px; }
.dkttt_gutter-x-11 { --dkttt_gutter-x: 40px; }  .dkttt_gutter-y-11 { --dkttt_gutter-y: 40px; }
.dkttt_gutter-x-12 { --dkttt_gutter-x: 44px; }  .dkttt_gutter-y-12 { --dkttt_gutter-y: 44px; }

.dkttt_gutter-0  { --dkttt_gutter-x: 0px;  --dkttt_gutter-y: 0px; }
.dkttt_gutter-1  { --dkttt_gutter-x: 2px;  --dkttt_gutter-y: 2px; }
.dkttt_gutter-4  { --dkttt_gutter-x: 12px; --dkttt_gutter-y: 12px; }
.dkttt_gutter-6  { --dkttt_gutter-x: 20px; --dkttt_gutter-y: 20px; }
.dkttt_gutter-7  { --dkttt_gutter-x: 24px; --dkttt_gutter-y: 24px; }
.dkttt_gutter-10 { --dkttt_gutter-x: 36px; --dkttt_gutter-y: 36px; }


.dkttt_flex { display: flex; }
.dkttt_display-flex { display: flex !important; }
.dkttt_display-block { display: block !important; }
.dkttt_display-none { display: none !important; }
.dkttt_flex-row { flex-direction: row !important; }
.dkttt_flex-column { flex-direction: column !important; }
.dkttt_flex-wrap { flex-wrap: wrap; }
.dkttt_flex-1 { flex: 1; }

.dkttt_align-items-start   { align-items: flex-start !important; }
.dkttt_align-items-end     { align-items: flex-end !important; }
.dkttt_align-items-center  { align-items: center !important; }
.dkttt_align-items-baseline{ align-items: baseline !important; }
.dkttt_align-items-stretch { align-items: stretch !important; }

.dkttt_justify-content-start   { justify-content: flex-start !important; }
.dkttt_justify-content-end     { justify-content: flex-end !important; }
.dkttt_justify-content-center  { justify-content: center !important; }
.dkttt_justify-content-between { justify-content: space-between !important; }
.dkttt_justify-content-around  { justify-content: space-around !important; }
.dkttt_justify-content-evenly  { justify-content: space-evenly !important; }


.dkttt_margin-0  { margin: 0 !important; }
.dkttt_margin-4  { margin: 4px !important; }
.dkttt_margin-8  { margin: 8px !important; }
.dkttt_margin-top-0  { margin-top: 0 !important; }
.dkttt_margin-top-4  { margin-top: 4px !important; }
.dkttt_margin-top-20 { margin-top: 20px !important; }
.dkttt_margin-bottom-0 { margin-bottom: 0 !important; }
.dkttt_margin-right-4 { margin-right: 4px !important; }
.dkttt_padding-top-20    { padding-top: 20px !important; }
.dkttt_padding-top-40    { padding-top: 40px !important; }
.dkttt_padding-bottom-28 { padding-bottom: 28px !important; }
.dkttt_padding-bottom-40 { padding-bottom: 40px !important; }
.dkttt_p-16 { padding: 16px; }
.dkttt_p-24 { padding: 24px; }


.dkttt_text-center { text-align: center; }
.dkttt_align-center { text-align: center !important; }
.dkttt_align-right  { text-align: right !important; }
.dkttt_align-justify{ text-align: justify !important; }
.dkttt_text-uppercase  { text-transform: uppercase !important; }
.dkttt_text-lowercase  { text-transform: lowercase !important; }
.dkttt_text-capitalize { text-transform: capitalize !important; }
.dkttt_text-nowrap { white-space: nowrap !important; }

.dkttt_color-primary   { color: var(--dkttt_primary) !important; }
.dkttt_color-regular   { color: var(--dkttt_text-regular) !important; }
.dkttt_color-secondary { color: var(--dkttt_text-secondary) !important; }
.dkttt_color-danger    { color: var(--dkttt_danger) !important; }
.dkttt_text-primary    { color: var(--dkttt_primary) !important; }


.dkttt_ellipsis {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dkttt_ellipsis-1,
.dkttt_ellipsis-2,
.dkttt_ellipsis-3,
.dkttt_ellipsis-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dkttt_ellipsis-1 { -webkit-line-clamp: 1; line-clamp: 1; }
.dkttt_ellipsis-2 { -webkit-line-clamp: 2; line-clamp: 2; }
.dkttt_ellipsis-3 { -webkit-line-clamp: 3; line-clamp: 3; }
.dkttt_ellipsis-4 { -webkit-line-clamp: 4; line-clamp: 4; }


.dkttt_bg-white   { background-color: #fff !important; }
.dkttt_bg-primary { background-color: var(--dkttt_primary) !important; }
.dkttt_bg-lighter { background-color: var(--dkttt_bg-lighter) !important; }
.dkttt_bg-exlight { background-color: var(--dkttt_bg-exlight) !important; }
.dkttt_bg-transparent { background-color: transparent !important; }

.dkttt_border        { border: 1px solid var(--dkttt_border) !important; }
.dkttt_border-top    { border-top: 1px solid var(--dkttt_border) !important; }
.dkttt_border-bottom { border-bottom: 1px solid var(--dkttt_border) !important; }
.dkttt_border-left   { border-left: 1px solid var(--dkttt_border) !important; }
.dkttt_border-right  { border-right: 1px solid var(--dkttt_border) !important; }
.dkttt_border-none   { border: none !important; }
.dkttt_border-primary { border-color: var(--dkttt_primary) !important; }

.dkttt_radius-small { border-radius: var(--dkttt_radius-small) !important; }
.dkttt_radius-base  { border-radius: var(--dkttt_radius) !important; }
.dkttt_radius-round { border-radius: var(--dkttt_radius-round) !important; }
.dkttt_radius-circle{ border-radius: 100% !important; }
.dkttt_radius-zero  { border-radius: 0 !important; }


.dkttt_sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 767px) {
  .dkttt_hidden-xs { display: none !important; }
  .dkttt_visible-xs { display: block !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .dkttt_hidden-sm { display: none !important; }
  .dkttt_visible-sm { display: block !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .dkttt_hidden-md { display: none !important; }
  .dkttt_visible-md { display: block !important; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .dkttt_hidden-lg { display: none !important; }
  .dkttt_visible-lg { display: block !important; }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .dkttt_hidden-xl { display: none !important; }
  .dkttt_visible-xl { display: block !important; }
}
@media (min-width: 1600px) and (max-width: 1899px) {
  .dkttt_hidden-xxl { display: none !important; }
  .dkttt_visible-xxl { display: block !important; }
}
@media (min-width: 1900px) {
  .dkttt_hidden-xxxl { display: none !important; }
  .dkttt_visible-xxxl { display: block !important; }
}

.dkttt_visible-xs, .dkttt_visible-sm, .dkttt_visible-md,
.dkttt_visible-lg, .dkttt_visible-xl, .dkttt_visible-xxl { display: none; }


.dkttt_icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.dkttt_icon-qianwang-o { -webkit-mask-image: var(--dkttt_svg-arrow-right); mask-image: var(--dkttt_svg-arrow-right); }
.dkttt_icon-xiangyou-o { -webkit-mask-image: var(--dkttt_svg-chevron-right); mask-image: var(--dkttt_svg-chevron-right); }
.dkttt_icon-xiangzuo-o { -webkit-mask-image: var(--dkttt_svg-chevron-left); mask-image: var(--dkttt_svg-chevron-left); }
.dkttt_icon-xiangxia-o { -webkit-mask-image: var(--dkttt_svg-chevron-up); mask-image: var(--dkttt_svg-chevron-up); }
.dkttt_icon-shuangxiangyou-o { -webkit-mask-image: var(--dkttt_svg-dchevron-down); mask-image: var(--dkttt_svg-dchevron-down); }
.dkttt_icon-xianshi-o { -webkit-mask-image: var(--dkttt_svg-eye); mask-image: var(--dkttt_svg-eye); }
.dkttt_icon-sousuo-o  { -webkit-mask-image: var(--dkttt_svg-search); mask-image: var(--dkttt_svg-search); }
.dkttt_icon-guanbi-o  { -webkit-mask-image: var(--dkttt_svg-close); mask-image: var(--dkttt_svg-close); }
.dkttt_icon-liebiao-o { -webkit-mask-image: var(--dkttt_svg-menu); mask-image: var(--dkttt_svg-menu); }
.dkttt_icon-dianhua-o,
.dkttt_icon-dianhua-f { -webkit-mask-image: var(--dkttt_svg-phone); mask-image: var(--dkttt_svg-phone); }
.dkttt_icon-shouji-f  { -webkit-mask-image: var(--dkttt_svg-mobile); mask-image: var(--dkttt_svg-mobile); }
.dkttt_icon-xiazai-o  { -webkit-mask-image: var(--dkttt_svg-download); mask-image: var(--dkttt_svg-download); }
.dkttt_icon-bianji-o  { -webkit-mask-image: var(--dkttt_svg-edit); mask-image: var(--dkttt_svg-edit); }
.dkttt_icon-kefu-o    { -webkit-mask-image: var(--dkttt_svg-service); mask-image: var(--dkttt_svg-service); }
.dkttt_icon-erweima-o { -webkit-mask-image: var(--dkttt_svg-qrcode); mask-image: var(--dkttt_svg-qrcode); }
.dkttt_icon-bofang-f  { -webkit-mask-image: var(--dkttt_svg-play); mask-image: var(--dkttt_svg-play); }
.dkttt_icon-zhenlie-f { -webkit-mask-image: var(--dkttt_svg-list); mask-image: var(--dkttt_svg-list); }
.dkttt_icon-yonghu-o  { -webkit-mask-image: var(--dkttt_svg-user); mask-image: var(--dkttt_svg-user); }
.dkttt_icon-suo-o     { -webkit-mask-image: var(--dkttt_svg-lock); mask-image: var(--dkttt_svg-lock); }
.dkttt_icon-shezhi-o  { -webkit-mask-image: var(--dkttt_svg-gear); mask-image: var(--dkttt_svg-gear); }
.dkttt_icon-tuichu-o  { -webkit-mask-image: var(--dkttt_svg-logout); mask-image: var(--dkttt_svg-logout); }
.dkttt_icon-weixin-f  { -webkit-mask-image: var(--dkttt_svg-weixin); mask-image: var(--dkttt_svg-weixin); }
.dkttt_icon-qq-f      { -webkit-mask-image: var(--dkttt_svg-qq); mask-image: var(--dkttt_svg-qq); }
.dkttt_icon-xinlang-f { -webkit-mask-image: var(--dkttt_svg-weibo); mask-image: var(--dkttt_svg-weibo); }
.dkttt_icon-shijian-o { -webkit-mask-image: var(--dkttt_svg-clock); mask-image: var(--dkttt_svg-clock); }
.dkttt_icon-dingwei-o { -webkit-mask-image: var(--dkttt_svg-pin); mask-image: var(--dkttt_svg-pin); }
.dkttt_icon-youxiang-o{ -webkit-mask-image: var(--dkttt_svg-mail); mask-image: var(--dkttt_svg-mail); }
.dkttt_icon-liuyan-o  { -webkit-mask-image: var(--dkttt_svg-message); mask-image: var(--dkttt_svg-message); }
.dkttt_icon-xiangshang-o { -webkit-mask-image: var(--dkttt_svg-arrow-up); mask-image: var(--dkttt_svg-arrow-up); }
.dkttt_icon-shangchuan-o { -webkit-mask-image: var(--dkttt_svg-upload); mask-image: var(--dkttt_svg-upload); }
.dkttt_icon-fujian-o  { -webkit-mask-image: var(--dkttt_svg-attach); mask-image: var(--dkttt_svg-attach); }
.dkttt_icon-xuanzhong-f { -webkit-mask-image: var(--dkttt_svg-check); mask-image: var(--dkttt_svg-check); }
.dkttt_icon-gouwuche-o  { -webkit-mask-image: var(--dkttt_svg-cart); mask-image: var(--dkttt_svg-cart); }
.dkttt_icon-wenhao-o    { -webkit-mask-image: var(--dkttt_svg-question); mask-image: var(--dkttt_svg-question); }
.dkttt_icon-gou-o       { -webkit-mask-image: var(--dkttt_svg-check); mask-image: var(--dkttt_svg-check); }
.dkttt_icon-biaoqian-o  { -webkit-mask-image: var(--dkttt_svg-tag); mask-image: var(--dkttt_svg-tag); }
.dkttt_icon-wenjian-o   { -webkit-mask-image: var(--dkttt_svg-file); mask-image: var(--dkttt_svg-file); }
.dkttt_icon-anquan-o    { -webkit-mask-image: var(--dkttt_svg-shield); mask-image: var(--dkttt_svg-shield); }
.dkttt_icon-huangguan-o { -webkit-mask-image: var(--dkttt_svg-crown); mask-image: var(--dkttt_svg-crown); }
.dkttt_icon-huojian-o   { -webkit-mask-image: var(--dkttt_svg-rocket); mask-image: var(--dkttt_svg-rocket); }
.dkttt_icon-shandian-o  { -webkit-mask-image: var(--dkttt_svg-zap); mask-image: var(--dkttt_svg-zap); }
.dkttt_icon-denglu-o    { -webkit-mask-image: var(--dkttt_svg-login); mask-image: var(--dkttt_svg-login); }
.dkttt_icon-wenben-o    { -webkit-mask-image: var(--dkttt_svg-doc); mask-image: var(--dkttt_svg-doc); }
.dkttt_icon-wenjianjia-o { -webkit-mask-image: var(--dkttt_svg-folder); mask-image: var(--dkttt_svg-folder); }
.dkttt_icon-lianjie-o   { -webkit-mask-image: var(--dkttt_svg-link); mask-image: var(--dkttt_svg-link); }
.dkttt_icon-xiala-o     { -webkit-mask-image: var(--dkttt_svg-chevron-down); mask-image: var(--dkttt_svg-chevron-down); }
.dkttt_icon-yulan-o     { -webkit-mask-image: var(--dkttt_svg-eye); mask-image: var(--dkttt_svg-eye); }
.dkttt_icon-jiazai      { -webkit-mask-image: var(--dkttt_svg-spinner); mask-image: var(--dkttt_svg-spinner); }
.dkttt_icon-cuowu-o     { -webkit-mask-image: var(--dkttt_svg-error); mask-image: var(--dkttt_svg-error); }
.dkttt_icon-wangluo-o   { -webkit-mask-image: var(--dkttt_svg-network); mask-image: var(--dkttt_svg-network); }


:root {
  --dkttt_svg-arrow-right: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11h13.2l-4.6-4.6L14 5l7 7-7 7-1.4-1.4 4.6-4.6H4z'/%3E%3C/svg%3E");
  --dkttt_svg-chevron-right: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 4.6 16 12l-7.4 7.4L7.2 18l6-6-6-6z'/%3E%3C/svg%3E");
  --dkttt_svg-chevron-left: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 4.6 8 12l7.4 7.4L16.8 18l-6-6 6-6z'/%3E%3C/svg%3E");
  --dkttt_svg-chevron-up: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.6 15.4 12 8l7.4 7.4L18 16.8l-6-6-6 6z'/%3E%3C/svg%3E");
  --dkttt_svg-dchevron-down: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 5.4 12 11l6-5.6L19.4 6.8 12 13.8 4.6 6.8zM6 11.4 12 17l6-5.6 1.4 1.4L12 19.8 4.6 12.8z'/%3E%3C/svg%3E");
  --dkttt_svg-eye: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C6 5 2 12 2 12s4 7 10 7 10-7 10-7-4-7-10-7zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E");
  --dkttt_svg-search: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 1 0 4.9 14.3l5.4 5.4 1.4-1.4-5.4-5.4A8 8 0 0 0 10 2zm0 2a6 6 0 1 1 0 12 6 6 0 0 1 0-12z'/%3E%3C/svg%3E");
  --dkttt_svg-close: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 10.6 6.4 5 5 6.4 10.6 12 5 17.6 6.4 19 12 13.4 17.6 19 19 17.6 13.4 12 19 6.4 17.6 5z'/%3E%3C/svg%3E");
  --dkttt_svg-menu: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18v2H3zM3 11h18v2H3zM3 16h18v2H3z'/%3E%3C/svg%3E");
  --dkttt_svg-phone: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.24 11.4 11.4 0 0 0 3.6.58 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.4 11.4 0 0 0 .58 3.6 1 1 0 0 1-.24 1z'/%3E%3C/svg%3E");
  --dkttt_svg-mobile: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h10a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm0 3v13h10V5H7zm5 15.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
  --dkttt_svg-download: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 3h2v8h3l-4 5-4-5h3zM5 19h14v2H5z'/%3E%3C/svg%3E");
  --dkttt_svg-edit: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 15.5 14.5 5l4.5 4.5L8.5 20H4zM16 3.5 18.5 1 23 5.5 20.5 8z'/%3E%3C/svg%3E");
  --dkttt_svg-service: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a9 9 0 0 0-9 9v5a3 3 0 0 0 3 3h1v-8H5v-0a7 7 0 0 1 14 0v0h-2v8h2a3 3 0 0 0 3-3v-5a9 9 0 0 0-9-9z'/%3E%3C/svg%3E");
  --dkttt_svg-qrcode: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zm2 2v4h4V5zM3 13h8v8H3zm2 2v4h4v-4zM13 3h8v8h-8zm2 2v4h4V5zM13 13h3v3h-3zm5 0h3v3h-3zM13 18h3v3h-3zm5 0h3v3h-3z'/%3E%3C/svg%3E");
  --dkttt_svg-play: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
  --dkttt_svg-list: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h4v4H4zM10 5h10v2H10zM4 11h4v4H4zM10 12h10v2H10zM4 17h4v4H4zM10 17h10v2H10z'/%3E%3C/svg%3E");
  --dkttt_svg-user: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E");
  --dkttt_svg-lock: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a5 5 0 0 0-5 5v3H5v12h14V10h-2V7a5 5 0 0 0-5-5zm-3 8V7a3 3 0 0 1 6 0v3H9zm3 4a2 2 0 0 1 1 3.7V19h-2v-1.3A2 2 0 0 1 12 14z'/%3E%3C/svg%3E");
  --dkttt_svg-gear: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-1-8h2l.4 2.4a7 7 0 0 1 1.7 1l2.3-1 1 1.7-1.9 1.5a7 7 0 0 1 0 2l1.9 1.5-1 1.7-2.3-1a7 7 0 0 1-1.7 1L13 22h-2l-.4-2.4a7 7 0 0 1-1.7-1l-2.3 1-1-1.7 1.9-1.5a7 7 0 0 1 0-2L5.6 8.4l1-1.7 2.3 1a7 7 0 0 1 1.7-1z'/%3E%3C/svg%3E");
  --dkttt_svg-logout: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h5v-2H5V5h5zm6.2 5.6L14.8 10l1.6 1.6H9v2h7.4L14.8 15l1.4 1.4L21 12z'/%3E%3C/svg%3E");
  --dkttt_svg-weixin: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 4C4.9 4 1.6 6.8 1.6 10.2c0 1.9 1.1 3.7 2.8 4.8L3.6 17l2.3-1.2c.9.3 1.9.4 2.9.4h.6a5.3 5.3 0 0 1-.2-1.5c0-3.2 3.1-5.7 6.9-5.7h.5C15.9 6 12.8 4 9 4zm-2.6 4a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm5.2 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm4.7 3c-3.1 0-5.7 2.1-5.7 4.7 0 2.6 2.6 4.7 5.7 4.7.7 0 1.4-.1 2-.3l1.8 1-.5-1.6c1.3-.9 2.1-2.2 2.1-3.8 0-2.6-2.5-4.7-5.7-4.7zm-2 3a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6zm4 0a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6z'/%3E%3C/svg%3E");
  --dkttt_svg-qq: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c3 0 5.4 2.6 5.4 6 0 1 .5 1.7 1 2.6.6 1 1.3 2.2 1.3 3.8 0 1.2-.4 2-1 2-.5 0-1-.5-1.4-1.3-.4 1-1 1.9-1.7 2.6.9.4 1.5 1 1.5 1.6 0 1-1.9 1.8-5.1 1.8s-5.1-.8-5.1-1.8c0-.6.6-1.2 1.5-1.6-.7-.7-1.3-1.6-1.7-2.6-.4.8-.9 1.3-1.4 1.3-.6 0-1-.8-1-2 0-1.6.7-2.8 1.3-3.8.5-.9 1-1.6 1-2.6C6.6 4.6 9 2 12 2z'/%3E%3C/svg%3E");
  --dkttt_svg-weibo: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.8 20c-3.9 0-7-1.9-7-4.7 0-1.5.9-3.1 2.5-4.5C7.6 9 10 8.3 11.5 8.7c.7.2.5.9.2 1.7-.2.5.1.6.4.5 1.3-.5 2.7-.5 3.3.5.3.5.2 1.2 0 1.9-.1.3 0 .4.3.5 1.9.6 2.5 2 1.9 3.6C18.4 18.3 14.4 20 9.8 20zm-.3-6.8c-2 0-3.8 1.3-3.8 2.8s1.8 2.5 3.8 2.5 3.5-1.1 3.5-2.5-1.5-2.8-3.5-2.8zm-.4 4.3c-1 .1-1.9-.4-2-1.2-.1-.8.7-1.6 1.7-1.7 1-.1 1.9.4 2 1.2.1.8-.7 1.6-1.7 1.7zM19.5 8.4c-.3-.3-.7-.4-1.1-.3l-.3-1.1c1-.3 2.1 0 2.9.7.8.8 1 1.9.6 2.9l-1.1-.4c.2-.5.1-1-.3-1.4l-.4-.4zM21.7 5.2c-.9-.9-2.1-1.3-3.3-1l-.3-1.2c1.6-.4 3.3.1 4.5 1.3s1.6 2.9 1.2 4.5l-1.2-.3c.3-1.2-.1-2.4-1-3.3l.1-.0z'/%3E%3C/svg%3E");
  --dkttt_svg-clock: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm1-13h-2v6l5 3 1-1.7-4-2.3z'/%3E%3C/svg%3E");
  --dkttt_svg-pin: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");
  --dkttt_svg-mail: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm9 7 8-5H4zm0 2.3L4 9.3V17h16V9.3z'/%3E%3C/svg%3E");
  --dkttt_svg-message: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H9l-5 4v-4H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm3 6h10V7H7zm0 4h7v-2H7z'/%3E%3C/svg%3E");
  --dkttt_svg-arrow-up: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 20V6.8l-4.6 4.6L5 10l7-7 7 7-1.4 1.4L13 6.8V20z'/%3E%3C/svg%3E");
  --dkttt_svg-upload: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 13v5h-2v-5H8l4-5 4 5zM5 19h14v2H5z'/%3E%3C/svg%3E");
  --dkttt_svg-attach: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 6v11.5a4 4 0 0 1-8 0V5a2.5 2.5 0 0 1 5 0v10.5a1 1 0 0 1-2 0V6H10v9.5a2.5 2.5 0 0 0 5 0V5a4 4 0 0 0-8 0v12.5a5.5 5.5 0 0 0 11 0V6z'/%3E%3C/svg%3E");
  --dkttt_svg-check: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 16.2 5.3 12l-1.4 1.4 5.6 5.6L21 7.5 19.6 6z'/%3E%3C/svg%3E");
  --dkttt_svg-cart: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4h-3v2h2l1.6 8.5A2 2 0 0 0 9.6 16h8.4v-2H9.9l-.3-1.5H19l1.4-7H6.2L5.9 4zm2 15a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm9 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E");
  --dkttt_svg-question: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-1-5h2v2h-2zm3.1-6.2c-.4.5-.9.9-1.3 1.2-.4.3-.6.6-.7.9-.1.3-.1.6-.1 1.1h-1.9c0-.7 0-1.3.3-1.8.2-.4.6-.8 1.2-1.2.4-.3.7-.5.9-.8.2-.3.3-.6.3-.9 0-.4-.1-.7-.4-1-.3-.2-.6-.4-1.1-.4-.4 0-.8.1-1 .4-.3.2-.4.6-.5 1L7.7 8c.1-.9.5-1.6 1.1-2.1.6-.5 1.4-.7 2.3-.7 1 0 1.9.3 2.5.8.6.5.9 1.2.9 2.1 0 .6-.1 1.1-.4 1.5z'/%3E%3C/svg%3E");
  --dkttt_svg-tag: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 2h8l11 11-8 8L2 10zM6 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E");
  --dkttt_svg-file: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm7 1.5V8h4.5z'/%3E%3C/svg%3E");
  --dkttt_svg-shield: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5zm-1.2 14-3.5-3.5 1.4-1.4 2.1 2.1 4.9-4.9 1.4 1.4z'/%3E%3C/svg%3E");
  --dkttt_svg-crown: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6l4 4 5-7 5 7 4-4-2 12H5zm3 14h12v2H6z'/%3E%3C/svg%3E");
  --dkttt_svg-rocket: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c3 0 6 3 6 8 0 3-1 5-2 6l1 3-3 1-2-2-2 2-3-1 1-3c-1-1-2-3-2-6 0-5 3-8 6-8zm0 5a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E");
  --dkttt_svg-zap: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h7l-2 8 9-12h-7z'/%3E%3C/svg%3E");
  --dkttt_svg-login: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v3H3v4h7zm-7 3h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2z'/%3E%3C/svg%3E");
  --dkttt_svg-folder: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm2 0v10h14V8h-8.8l-2-2H5z'/%3E%3C/svg%3E");
  --dkttt_svg-link: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.6 13.4a1 1 0 0 0 1.4 0l4-4a1 1 0 0 0-1.4-1.4l-4 4a1 1 0 0 0 0 1.4zm-3.4-.6a1 1 0 0 0 0 1.4l2.8 2.8a4 4 0 0 0 5.6-5.6l-1.4 1.4a1 1 0 0 0-1.4-1.4l1.4-1.4a6 6 0 0 1 8.5 8.5l-2.8 2.8a6 6 0 0 1-8.5 0l-1.4-1.4a1 1 0 0 0-1.4 0l-2.8 2.8a8 8 0 0 0 11.3 11.3l2.8-2.8a8 8 0 0 0 0-11.3l-2.8-2.8a1 1 0 0 0-1.4 0l-2.8 2.8a1 1 0 0 0 0 1.4l1.4 1.4z'/%3E%3C/svg%3E");
  --dkttt_svg-chevron-down: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.6 8.6 12 16l7.4-7.4L18 7.2l-6 6-6-6z'/%3E%3C/svg%3E");
  --dkttt_svg-error: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-1-13h2v7h-2zm0 8h2v2h-2z'/%3E%3C/svg%3E");
  --dkttt_svg-network: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C7 3 2.7 5.5 0 9l12 15L24 9c-2.7-3.5-7-6-12-6zm0 2.2c3.8 0 7.2 2 9.4 5.2L12 18.5 2.6 10.4C4.8 7.2 8.2 5.2 12 5.2z'/%3E%3C/svg%3E");
  --dkttt_svg-doc: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm7 1.5V8h4.5zM8 12h8v1.5H8zm0 3h8v1.5H8zm0-6h8v1.5H8z'/%3E%3C/svg%3E");
  --dkttt_svg-spinner: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 1 10 10h-2a8 8 0 0 0-8-8z'/%3E%3C/svg%3E");
}


.dkttt_btn,
button.dkttt_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid var(--dkttt_border);
  border-radius: var(--dkttt_radius);
  background: #fff;
  color: var(--dkttt_text);
  cursor: pointer;
  user-select: none;
  outline: none;
  transition: 0.15s;
}
.dkttt_btn:hover { color: var(--dkttt_primary); border-color: var(--dkttt_primary-light-border); }
.dkttt_btn:active { transform: translateY(1px); }


.dkttt_solid-primary { background: var(--dkttt_primary); border-color: var(--dkttt_primary); color: #fff; }
.dkttt_solid-primary:hover:not(.dkttt_is-disabled) { background: var(--dkttt_primary-hover); border-color: var(--dkttt_primary-hover); color: #fff; }
.dkttt_solid-primary:active:not(.dkttt_is-disabled) { background: var(--dkttt_primary-active); border-color: var(--dkttt_primary-active); }
.dkttt_solid-success { background: var(--dkttt_success); border-color: var(--dkttt_success); color: #fff; }
.dkttt_solid-warning { background: var(--dkttt_warning); border-color: var(--dkttt_warning); color: #fff; }
.dkttt_solid-danger  { background: var(--dkttt_danger);  border-color: var(--dkttt_danger);  color: #fff; }
.dkttt_solid-info    { background: var(--dkttt_info);     border-color: var(--dkttt_info);     color: #fff; }
.dkttt_solid-primary:hover, .dkttt_solid-success:hover, .dkttt_solid-warning:hover,
.dkttt_solid-danger:hover, .dkttt_solid-info:hover { color: #fff; }


.dkttt_plain-primary { background: var(--dkttt_primary-light); border-color: var(--dkttt_primary-light-border); color: var(--dkttt_primary); }
.dkttt_plain-primary:hover:not(.dkttt_is-disabled) { background: var(--dkttt_primary); border-color: var(--dkttt_primary); color: #fff; }
.dkttt_plain-danger { background: #fdeeee; border-color: #f7bcbc; color: var(--dkttt_danger); }
.dkttt_plain-danger:hover:not(.dkttt_is-disabled) { background: var(--dkttt_danger); border-color: var(--dkttt_danger); color: #fff; }
.dkttt_plain-info { background: #f4f4f5; border-color: #d3d4d6; color: var(--dkttt_info); }
.dkttt_plain-info:hover:not(.dkttt_is-disabled) { background: var(--dkttt_info); border-color: var(--dkttt_info); color: #fff; }


.dkttt_block { width: 100%; }
.dkttt_shape-round { border-radius: var(--dkttt_radius-round); }
.dkttt_size-medium { padding: 10px 18px; font-size: 14px; }
.dkttt_size-small  { padding: 8px 14px; font-size: 12px; }
.dkttt_size-mini   { padding: 6px 12px; font-size: 12px; }
.dkttt_size-large,
.dkttt_lg { padding: 15px 34px; font-size: 16px; }

.dkttt_is-disabled,
.dkttt_btn:disabled,
button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}


.dkttt_button-group { display: inline-flex; }
.dkttt_button-group > .dkttt_btn { border-radius: 0; margin-left: -1px; }
.dkttt_button-group > .dkttt_btn:first-child { border-radius: var(--dkttt_radius) 0 0 var(--dkttt_radius); margin-left: 0; }
.dkttt_button-group > .dkttt_btn:last-child { border-radius: 0 var(--dkttt_radius) var(--dkttt_radius) 0; }


.dkttt_input,
.dkttt_textarea {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
  color: var(--dkttt_text);
  background: #fff;
  border: 1px solid var(--dkttt_border);
  border-radius: var(--dkttt_radius);
  outline: none;
  transition: var(--dkttt_transition);
}
.dkttt_textarea { height: auto; min-height: 90px; padding: 10px 16px; resize: vertical; line-height: 1.6; }
.dkttt_input::placeholder,
.dkttt_textarea::placeholder { color: var(--dkttt_text-placeholder); }
.dkttt_input:focus,
.dkttt_textarea:focus {
  border-color: var(--dkttt_primary);
  box-shadow: 0 0 0 2px rgba(51, 93, 248, 0.12);
}
.dkttt_input.dkttt_is-error,
.dkttt_textarea.dkttt_is-error,
.dkttt_input.dkttt_err { border-color: var(--dkttt_danger); }


.dkttt_select {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 40px 0 16px;
  font-size: 14px;
  color: var(--dkttt_text);
  background-color: #fff;
  
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23909399' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  border: 1px solid var(--dkttt_border);
  border-radius: var(--dkttt_radius);
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: var(--dkttt_transition);
}
.dkttt_select:focus {
  border-color: var(--dkttt_primary);
  box-shadow: 0 0 0 2px rgba(51, 93, 248, 0.12);
}
.dkttt_select.dkttt_is-error,
.dkttt_select.dkttt_err { border-color: var(--dkttt_danger); }

.dkttt_form-item { margin-bottom: 20px; }
.dkttt_form-label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: var(--dkttt_text);
}
.dkttt_form-label.dkttt_is-required::before {
  content: "*";
  color: var(--dkttt_danger);
  margin-right: 4px;
}
.dkttt_form-tip { margin-top: 6px; font-size: 12px; color: var(--dkttt_text-secondary); }


.dkttt_input-group { display: flex; align-items: stretch; width: 100%; }
.dkttt_input-prefix {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
}
.dkttt_input-prefix .dkttt_prefix-icon {
  position: absolute;
  left: 14px;
  color: var(--dkttt_text-secondary);
  pointer-events: none;
  font-size: 16px;
}
.dkttt_input-prefix .dkttt_input { padding-left: 40px; }
.dkttt_input-append { display: flex; align-items: stretch; }
.dkttt_input-append .dkttt_input { border-radius: var(--dkttt_radius) 0 0 var(--dkttt_radius); flex: 1; min-width: 0; }
.dkttt_input-button,
.dkttt_append-inner .dkttt_input-button {
  border-radius: 0 var(--dkttt_radius) var(--dkttt_radius) 0;
  margin-left: -1px;
  flex: none;               
  white-space: nowrap;      
  padding-left: 16px;
  padding-right: 16px;
}


.dkttt_checkbox,
.dkttt_radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
  margin-right: 16px;
}
.dkttt_checkbox input,
.dkttt_radio input {
  width: 16px;
  height: 16px;
  accent-color: var(--dkttt_primary);
  cursor: pointer;
}


.dkttt_switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 46px;
  height: 24px;
  border-radius: 999px;
  background: #c8ccd4;
  cursor: pointer;
  transition: background var(--dkttt_transition);
  vertical-align: middle;
}
.dkttt_switch::after {
  content: "";
  position: absolute;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  transition: transform var(--dkttt_transition);
}
.dkttt_switch.dkttt_is-active { background: var(--dkttt_primary); }
.dkttt_switch.dkttt_is-active::after { transform: translateX(22px); }


.dkttt_link {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: color var(--dkttt_transition);
}
.dkttt_link:hover { color: var(--dkttt_primary); }
.dkttt_link-primary { color: var(--dkttt_primary); }
.dkttt_link-primary:hover { color: var(--dkttt_primary-hover); }
.dkttt_link-danger { color: var(--dkttt_danger); }
.dkttt_link-info { color: var(--dkttt_info); }
.dkttt_link.dkttt_has-underline { position: relative; }
.dkttt_link.dkttt_has-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  border-bottom: 1px solid currentColor;
}


.dkttt_menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.dkttt_menu-item,
.dkttt_menu-submenu {
  position: relative;
  padding: 0 20px;
  line-height: 60px;
  cursor: pointer;
  color: var(--dkttt_text);
  transition: color var(--dkttt_transition);
}
.dkttt_menu-item:hover,
.dkttt_menu-submenu:hover,
.dkttt_menu-item.dkttt_is-current,
.dkttt_menu-submenu.dkttt_is-current { color: var(--dkttt_primary); }
.dkttt_menu-item.dkttt_is-current::after,
.dkttt_menu-submenu.dkttt_is-current .dkttt_menu-handle::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 12px;
  width: 22px;
  height: 3px;
  border-radius: 3px;
  background: var(--dkttt_primary);
}
.dkttt_menu-handle { display: flex; align-items: center; gap: 4px; }

.dkttt_menu-submenu .dkttt_menu-handle { position: relative; }
.dkttt_menu-icon::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  transition: transform var(--dkttt_transition);
}
.dkttt_menu-submenu:hover .dkttt_menu-icon::after { transform: rotate(180deg); }

.dkttt_menu-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  min-width: 160px;
  background: #fff;
  border-radius: var(--dkttt_radius);
  box-shadow: var(--dkttt_shadow);
  opacity: 0;
  visibility: hidden;
  transition: var(--dkttt_transition);
  z-index: 1000;
}
.dkttt_menu-submenu:hover .dkttt_menu-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.dkttt_menu-slide { padding: 16px 20px; }
.dkttt_menu-slide ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 24px; }
.dkttt_menu-slide li a { white-space: nowrap; }


.dkttt_nav-swiper .dkttt_swiper-content {
  min-height: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dkttt_nav-swiper .dkttt_swiper-content p {
  margin: 0;
  text-align: center;
  line-height: 2.4;
  color: var(--dkttt_text-regular);
  transition: color var(--dkttt_transition);
}
.dkttt_nav-swiper .dkttt_swiper-content:hover p { color: var(--dkttt_primary); }

.dkttt_nav-swiper-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.dkttt_nav-swiper-text ul li { padding: 0 40px; text-align: center; }
.dkttt_nav-swiper-text .dkttt_swiper-content {
  min-height: auto;
  line-height: 2.4;
  color: var(--dkttt_text-regular);
  transition: color var(--dkttt_transition);
}
.dkttt_nav-swiper-text .dkttt_swiper-content:hover { color: var(--dkttt_primary); }

.dkttt_nav-swiper-image .dkttt_swiper-wrapper {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  scrollbar-width: none;
  padding-bottom: 4px;
  cursor: grab;
  scroll-behavior: smooth;
}
.dkttt_nav-swiper-image .dkttt_swiper-wrapper.dkttt_is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  user-select: none;
}
.dkttt_nav-swiper-image .dkttt_swiper-wrapper.dkttt_is-dragging .dkttt_swiper-slide { pointer-events: none; }
.dkttt_nav-swiper-image .dkttt_swiper-wrapper::-webkit-scrollbar { display: none; }
.dkttt_nav-swiper-image .dkttt_swiper-slide {
  flex: 0 0 calc((100% - 16px * 4.5) / 5.5);
  border-radius: 12px;
  padding: 8px;
  transition: background-color var(--dkttt_transition);
}
.dkttt_nav-swiper-image .dkttt_swiper-slide:hover { background-color: var(--dkttt_bg); }

.dkttt_product-img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 12px;
  overflow: hidden;
  background-color: #f7f8fa;
}

.dkttt_case-img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  border-radius: 12px;
  overflow: hidden;
  background-color: #f7f8fa;
}
.dkttt_product-img img,
.dkttt_case-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--dkttt_transition);
}
.dkttt_nav-swiper-image .dkttt_swiper-slide:hover .dkttt_product-img img,
.dkttt_nav-swiper-image .dkttt_swiper-slide:hover .dkttt_case-img img { transform: scale(1.06); }


.dkttt_tabs { background: #fff; }

.dkttt_tabs-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 48px;
  padding: 0 16px;
  border-bottom: 1px solid var(--dkttt_border);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.dkttt_tabs-header::-webkit-scrollbar { display: none; }
.dkttt_tabs-item {
  padding: 0 24px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  white-space: nowrap;
  font-size: 16px;
  color: var(--dkttt_text-regular);
  cursor: pointer;
  transition: color 0.2s;
}
@media (max-width: 767px) {
  
  .dkttt_tabs-header {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    padding: 0 8px;
    border-bottom: none;
    overflow: visible;
    row-gap: 14px;
  }
  .dkttt_tabs-item {
    flex: 0 0 50%;
    height: auto;
    padding: 6px 0;
    font-size: 15px;
    justify-content: flex-start;
  }
  
  .dkttt_tabs-item:nth-child(even) { justify-content: flex-end; text-align: right; }
  
  .dkttt_tabs-header .dkttt_tabs__active-bar { display: none; }
  
  .dkttt_type-card .dkttt_tabs-header {
    flex-wrap: nowrap;
    justify-content: flex-start;
    border-bottom: 1px solid var(--dkttt_border);
    overflow-x: auto;
    row-gap: 0;
  }
  .dkttt_type-card .dkttt_tabs-item { flex: 0 0 auto; height: 48px; padding: 0 16px; }
  .dkttt_type-card .dkttt_tabs-item:nth-child(even) { justify-content: center; text-align: center; }
}
.dkttt_tabs-item:hover,
.dkttt_tabs-item.dkttt_is-active,
.dkttt_tabs-item.is-active { color: var(--dkttt_primary); }
.dkttt_tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background: var(--dkttt_primary);
  transition: transform 300ms var(--dkttt_ease-bar), width 300ms var(--dkttt_ease-bar);
}
.dkttt_tabs-content { padding: 24px; }
.dkttt_tabs-pane { display: none; }
.dkttt_tabs-pane.dkttt_is-active { display: block; }

.dkttt_position-right .dkttt_tabs-header { justify-content: flex-end; }

.dkttt_type-card .dkttt_tabs-header { padding: 0; }
.dkttt_type-card .dkttt_tabs-item {
  border: 1px solid var(--dkttt_border);
  border-bottom: none;
  margin-right: -1px;
}
.dkttt_type-card .dkttt_tabs-item:first-child { border-radius: var(--dkttt_radius) 0 0 0; }
.dkttt_type-card .dkttt_tabs-item:last-child { border-radius: 0 var(--dkttt_radius) 0 0; }
.dkttt_type-card .dkttt_tabs-item.dkttt_is-active { position: relative; background: #fff; }
.dkttt_type-card .dkttt_tabs__active-bar { display: none; }

.dkttt_type-panel { box-shadow: var(--dkttt_shadow-panel); border: 1px solid var(--dkttt_border); }
.dkttt_type-panel .dkttt_tabs-header { background: #f4f6f8; }
.dkttt_type-panel .dkttt_tabs-item.dkttt_is-active { background: #fff; }


.dkttt_news-tabs {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: var(--dkttt_shadow-panel);
}

.dkttt_news-tabs .dkttt_news-head {
  position: relative;
  z-index: 2;
  background: linear-gradient(135deg, #2f6bff 0%, #2b52e6 100%);
  text-align: center;
  color: #fff;
  padding: 28px 24px 0;
}
.dkttt_news-tabs .dkttt_news-head .dkttt_news-en {
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  opacity: 0.85;
  margin: 0 0 6px;
}
.dkttt_news-tabs .dkttt_news-head .dkttt_news-cn {
  font-size: 26px;
  font-weight: 700;
  margin: 0;
}

.dkttt_news-tabs .dkttt_news-head::before,
.dkttt_news-tabs .dkttt_news-head::after {
  content: "";
  position: absolute;
  width: 120px;
  height: 138px;
  background: rgba(255, 255, 255, 0.08);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  pointer-events: none;
}
.dkttt_news-tabs .dkttt_news-head::before { right: -30px; top: -10px; transform: rotate(8deg); }
.dkttt_news-tabs .dkttt_news-head::after { right: 60px; bottom: -60px; width: 90px; height: 104px; background: rgba(255, 255, 255, 0.06); }

.dkttt_news-tabs .dkttt_tabs { background: transparent; }
.dkttt_news-tabs .dkttt_news-head .dkttt_tabs-header {
  position: relative;
  z-index: 2;
  justify-content: center;
  height: 56px;
  border-bottom: none;
  overflow: visible;
  margin-top: 8px;
}
.dkttt_news-tabs .dkttt_news-head .dkttt_tabs-item { color: rgba(255, 255, 255, 0.82); }
.dkttt_news-tabs .dkttt_news-head .dkttt_tabs-item:hover,
.dkttt_news-tabs .dkttt_news-head .dkttt_tabs-item.dkttt_is-active,
.dkttt_news-tabs .dkttt_news-head .dkttt_tabs-item.is-active { color: #fff; font-weight: 700; }
.dkttt_news-tabs .dkttt_news-head .dkttt_tabs__active-bar { background: #fff; }

.dkttt_news-tabs .dkttt_tabs-content { background: #fff; padding: 24px; }
@media (max-width: 767px) {
  
  .dkttt_news-tabs .dkttt_news-head { padding: 28px 20px 20px; }
  .dkttt_news-tabs .dkttt_news-head .dkttt_news-cn { font-size: 24px; }
  .dkttt_news-tabs .dkttt_news-head .dkttt_tabs-header {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    padding: 0 8px;
    row-gap: 14px;
    margin-top: 18px;
  }
  .dkttt_news-tabs .dkttt_news-head .dkttt_tabs-item {
    height: auto;
    flex: 0 0 50%;
    padding: 0;
    font-size: 16px;
    justify-content: flex-start;
  }
  
  .dkttt_news-tabs .dkttt_news-head .dkttt_tabs-item:nth-child(2) { justify-content: flex-end; text-align: right; }
  .dkttt_news-tabs .dkttt_tabs-content { padding: 20px 16px; }
}


.dkttt_collapse { list-style: none; margin: 0; padding: 0; }
.dkttt_collapse-item { border-bottom: 1px solid var(--dkttt_border); }
.dkttt_collapse-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 4px;
  cursor: pointer;
  font-weight: 500;
}
.dkttt_collapse-icon { transition: transform var(--dkttt_transition); }
.dkttt_collapse-item.dkttt_is-active .dkttt_collapse-icon { transform: rotate(90deg); }
.dkttt_collapse-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--dkttt_transition);
}
.dkttt_collapse-content-inner,
.dkttt_collapse-content > ul,
.dkttt_collapse-content > p { padding: 4px 4px 16px; margin: 0; color: var(--dkttt_text-regular); }
.dkttt_collapse-content ul { list-style: none; }

.dkttt_collapse-item.dkttt_is-current > .dkttt_collapse-head > a { color: var(--dkttt_primary); font-weight: 600; }


.dkttt_breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 10px;
  font-size: 14px;
  color: var(--dkttt_text-secondary);
}
.dkttt_breadcrumb-item { display: inline-flex; align-items: center; }
.dkttt_breadcrumb-item a { color: var(--dkttt_text-secondary); text-decoration: none; transition: color var(--dkttt_transition); }
.dkttt_breadcrumb-item a:hover { color: var(--dkttt_primary); }
.dkttt_breadcrumb-item:not(:last-child)::after {
  content: "/";
  margin: 0 10px;
  color: var(--dkttt_border);
}
.dkttt_breadcrumb.dkttt_icon-separator .dkttt_breadcrumb-item:not(:last-child)::after {
  content: "";
  width: 0.8em;
  height: 0.8em;
  margin: 0 6px;
  background: currentColor;
  -webkit-mask-image: var(--dkttt_svg-chevron-right);
  mask-image: var(--dkttt_svg-chevron-right);
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: contain; mask-size: contain;
}
.dkttt_breadcrumb-item:last-child { color: var(--dkttt_text-regular); }


.dkttt_dropdown { position: relative; display: inline-block; }
.dkttt_dropdown-handle { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; }
.dkttt_dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 140px;
  margin-top: 6px;
  padding: 6px 0;
  list-style: none;
  background: #fff;
  border-radius: var(--dkttt_radius);
  box-shadow: var(--dkttt_shadow);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: var(--dkttt_transition);
  z-index: 1000;
}
.dkttt_dropdown.dkttt_is-open .dkttt_dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.dkttt_dropdown-item {
  padding: 8px 16px;
  cursor: pointer;
  transition: background var(--dkttt_transition);
}
.dkttt_dropdown-item:hover { background: var(--dkttt_bg); color: var(--dkttt_primary); }


.dkttt_dialog-mask {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--dkttt_transition);
  z-index: 2000;
}
.dkttt_dialog-mask.dkttt_is-open { opacity: 1; visibility: visible; }
.dkttt_dialog {
  width: 30%;
  min-width: 320px;
  margin-top: 15vh;
  background: #fff;
  border-radius: var(--dkttt_radius-lg);
  overflow: hidden;
  transform: translateY(-20px) scale(0.96);
  transition: transform var(--dkttt_transition);
}
.dkttt_dialog-mask.dkttt_is-open .dkttt_dialog { transform: translateY(0) scale(1); }
.dkttt_dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  font-size: 18px;
  font-weight: 600;
}
.dkttt_dialog.dkttt_has-border .dkttt_dialog-header { border-bottom: 1px solid var(--dkttt_border); }
.dkttt_dialog.dkttt_has-border .dkttt_dialog-footer { border-top: 1px solid var(--dkttt_border); }
.dkttt_dialog-close {
  cursor: pointer;
  width: 24px;
  height: 24px;
  color: var(--dkttt_text-secondary);
  background: currentColor;
  -webkit-mask-image: var(--dkttt_svg-close);
  mask-image: var(--dkttt_svg-close);
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  transition: color var(--dkttt_transition);
}
.dkttt_dialog-close:hover { color: var(--dkttt_danger); }
.dkttt_dialog-body { padding: 8px 24px 24px; color: var(--dkttt_text-regular); }
.dkttt_dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
}
.dkttt_dialog-footer.dkttt_align-left { justify-content: flex-start; }
.dkttt_dialog-footer.dkttt_align-center { justify-content: center; }
.dkttt_dialog.dkttt_long-button .dkttt_dialog-footer .dkttt_btn { flex: 1; }


.dkttt_confirmtip {
  position: absolute;
  min-width: 150px;
  padding: 12px 14px;
  background: #fff;
  border-radius: var(--dkttt_radius);
  box-shadow: var(--dkttt_shadow);
  opacity: 0;
  visibility: hidden;
  transform: scale(0.96);
  transform-origin: center;
  transition: opacity var(--dkttt_transition), transform var(--dkttt_transition), visibility var(--dkttt_transition);
  z-index: 1800;
}
.dkttt_confirmtip.dkttt_is-show { opacity: 1; visibility: visible; transform: scale(1); }
.dkttt_confirmtip::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: var(--dkttt_shadow);
}
.dkttt_confirmtip.dkttt_placement-bottom::before { top: -5px; left: 50%; margin-left: -5px; }
.dkttt_confirmtip.dkttt_placement-top::before { bottom: -5px; left: 50%; margin-left: -5px; }
.dkttt_confirmtip.dkttt_placement-left::before { right: -5px; top: 50%; margin-top: -5px; }
.dkttt_confirmtip.dkttt_placement-right::before { left: -5px; top: 50%; margin-top: -5px; }
.dkttt_confirmtip-inner { position: relative; z-index: 1; }
.dkttt_confirmtip-title { font-weight: 600; margin-bottom: 8px; }
.dkttt_confirmtip-body { color: var(--dkttt_text-regular); font-size: 14px; }
.dkttt_confirmtip-footer {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 12px;
}


.dkttt_tooltip { position: relative; }
.dkttt_tooltip::after {
  content: attr(data-dkttt-tip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-radius: var(--dkttt_radius);
  opacity: 0;
  visibility: hidden;
  transition: var(--dkttt_transition);
  z-index: 1900;
  pointer-events: none;
}
.dkttt_tooltip:hover::after { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(-4px); }


.dkttt_message-wrap {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3000;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  pointer-events: none;
}
.dkttt_message {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  min-width: 240px;
  font-size: 14px;
  background: #fff;
  border-radius: var(--dkttt_radius);
  box-shadow: var(--dkttt_shadow);
  border-left: 4px solid var(--dkttt_info);
  opacity: 0;
  transform: translateY(-16px);
  transition: opacity var(--dkttt_transition), transform var(--dkttt_transition);
}
.dkttt_message.dkttt_is-show { opacity: 1; transform: translateY(0); }
.dkttt_message-info    { border-left-color: var(--dkttt_info); }
.dkttt_message-success { border-left-color: var(--dkttt_success); }
.dkttt_message-warning { border-left-color: var(--dkttt_warning); }
.dkttt_message-danger  { border-left-color: var(--dkttt_danger); }


.dkttt_loading-mask {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 900;
}
.dkttt_spinner {
  width: 32px;
  height: 32px;
  border: 3px solid var(--dkttt_border);
  border-top-color: var(--dkttt_primary);
  border-radius: 50%;
  animation: dkttt_spin 0.8s linear infinite;
}
@keyframes dkttt_spin { to { transform: rotate(360deg); } }


.dkttt_pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  list-style: none;
  margin: 40px 0;
  padding: 0;
}
.dkttt_pagination li,
.dkttt_pagination a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  font-size: 14px;
  color: var(--dkttt_text-regular);
  background: #fff;
  border: 1px solid var(--dkttt_border);
  border-radius: var(--dkttt_radius);
  cursor: pointer;
  text-decoration: none;
  transition: var(--dkttt_transition);
}
.dkttt_pagination li:hover,
.dkttt_pagination a:hover { color: var(--dkttt_primary); border-color: var(--dkttt_primary); }
.dkttt_pagination li.dkttt_active,
.dkttt_pagination .dkttt_active {
  background: var(--dkttt_primary);
  border-color: var(--dkttt_primary);
  color: #fff;
}
.dkttt_pagination li.dkttt_disabled,
.dkttt_pagination .dkttt_disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}


.dkttt_pagination-wrap { text-align: center; margin: 40px 0; }
.dkttt_pagination-wrap .pagination {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.dkttt_pagination-wrap .pagination li {
  display: inline-flex;
}
.dkttt_pagination-wrap .pagination li a,
.dkttt_pagination-wrap .pagination li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 1;
  color: var(--dkttt_text-regular);
  background: #fff;
  border: 1px solid var(--dkttt_border);
  border-radius: var(--dkttt_radius);
  text-decoration: none;
  transition: var(--dkttt_transition);
}
.dkttt_pagination-wrap .pagination li a:hover {
  color: var(--dkttt_primary);
  border-color: var(--dkttt_primary);
}
.dkttt_pagination-wrap .pagination li.active span {
  background: var(--dkttt_primary);
  border-color: var(--dkttt_primary);
  color: #fff;
  cursor: default;
}
.dkttt_pagination-wrap .pagination li.disabled span {
  opacity: 0.5;
  cursor: not-allowed;
  background: #f7f8fa;
}
@media (max-width: 767px) {
  .dkttt_pagination-wrap { margin: 28px 0; }
  .dkttt_pagination-wrap .pagination { gap: 6px; }
  .dkttt_pagination-wrap .pagination li a,
  .dkttt_pagination-wrap .pagination li span {
    min-width: 32px;
    height: 32px;
    padding: 0 9px;
    font-size: 13px;
  }
}


.dkttt_card {
  background: #fff;
  border-radius: var(--dkttt_radius-lg);
  box-shadow: var(--dkttt_shadow);
  overflow: hidden;
}
.dkttt_card-body { padding: 20px; }

.dkttt_tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 20px;
  color: var(--dkttt_primary);
  background: var(--dkttt_primary-light);
  border-radius: var(--dkttt_radius);
}
.dkttt_tag-success { color: var(--dkttt_success); background: #e8fbef; }
.dkttt_tag-warning { color: #b8860b; background: #fff8e0; }
.dkttt_tag-danger  { color: var(--dkttt_danger); background: #fdeeee; }


.dkttt_tag-list { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.dkttt_tag-label { font-size: 13px; color: var(--dkttt_text-secondary); }


.dkttt_empty { padding: 60px 20px; text-align: center; color: var(--dkttt_text-placeholder); }
.dkttt_empty .dkttt_empty-icon { font-size: 44px; line-height: 1; color: var(--dkttt_border); margin-bottom: 12px; }
.dkttt_empty .dkttt_empty-text { font-size: 14px; color: var(--dkttt_text-secondary); }

.dkttt_badge { position: relative; display: inline-block; }
.dkttt_badge-dot::after,
.dkttt_badge[data-dkttt-count]::after {
  position: absolute;
  top: -6px;
  right: -10px;
  padding: 0 6px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
  background: var(--dkttt_danger);
  border-radius: 999px;
  content: attr(data-dkttt-count);
}
.dkttt_badge-dot::after { content: ""; padding: 0; width: 8px; height: 8px; top: -2px; right: -6px; }

.dkttt_progress { height: 8px; background: var(--dkttt_bg-lighter); border-radius: 999px; overflow: hidden; }
.dkttt_progress-bar {
  height: 100%;
  width: 0;
  background: var(--dkttt_primary);
  border-radius: 999px;
  transition: width var(--dkttt_transition);
}


.dkttt_wow { visibility: hidden; }
.dkttt_slideInUp {
  animation-name: dkttt_slideInUp;
  animation-duration: 0.8s;
  animation-fill-mode: both;
}
.dkttt_wow.dkttt_animated { visibility: visible; }
@keyframes dkttt_slideInUp {
  from { transform: translateY(60px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}


.dkttt_site-header {
  position: sticky;
  top: 0;
  z-index: 900;
  background: #fff;
  border-bottom: 1px solid var(--dkttt_border);
}


.dkttt_header-pc {
  display: flex;
  align-items: center;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
  height: 72px;
}
.dkttt_header-logo { display: flex; align-items: center; gap: 12px; }

.dkttt_header-logo .dkttt_logo-img {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: var(--dkttt_radius);
  flex: 0 0 auto;
}
.dkttt_header-logo .dkttt_logo-link { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.dkttt_header-logo .dkttt_logo-text { font-size: 22px; font-weight: 700; color: var(--dkttt_text); }
.dkttt_header-logo .dkttt_logo-text b { color: var(--dkttt_primary); }
.dkttt_header-logo .dkttt_logo-tag {
  padding: 2px 10px;
  font-size: 12px;
  color: var(--dkttt_text-regular);
  border: 1px solid var(--dkttt_border);
  border-radius: var(--dkttt_radius-round);
}
.dkttt_header-nav { flex: 1; display: flex; align-items: center; justify-content: flex-end; }
.dkttt_header-nav .dkttt_menu { line-height: 72px; }
.dkttt_header-pc .dkttt_menu-item,
.dkttt_header-pc .dkttt_menu-submenu { line-height: 72px; }


.dkttt_site-header { position: sticky; }
.dkttt_header-pc .dkttt_menu-submenu { position: static; }
.dkttt_header-pc .dkttt_menu-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  min-width: 0;
  transform: none;
  margin-top: 0;
  border: none;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  padding: 20px 0;
}
.dkttt_header-pc .dkttt_menu-submenu:hover .dkttt_menu-menu { transform: none; }

.dkttt_header-pc .dkttt_menu-slide {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
}

.dkttt_header-user { display: flex; align-items: center; gap: 10px; margin-left: 24px; }

.dkttt_header-user .dkttt_login-link {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 500;
  color: var(--dkttt_primary);
  background: #fff;
  border: 1px solid var(--dkttt_primary);
  border-radius: var(--dkttt_radius-round);
  cursor: pointer;
  transition: all var(--dkttt_transition);
}
.dkttt_header-user .dkttt_login-link:hover {
  color: #fff;
  background: var(--dkttt_primary);
  box-shadow: 0 4px 12px rgba(51, 93, 248, 0.28);
}
.dkttt_header-user .dkttt_register-btn {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 22px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, var(--dkttt_primary), var(--dkttt_primary-hover));
  border: 1px solid transparent;
  border-radius: var(--dkttt_radius-round);
  box-shadow: 0 4px 12px rgba(51, 93, 248, 0.3);
  cursor: pointer;
  transition: transform var(--dkttt_transition), box-shadow var(--dkttt_transition), background var(--dkttt_transition);
}
.dkttt_header-user .dkttt_register-btn:hover {
  background: linear-gradient(135deg, var(--dkttt_primary-hover), var(--dkttt_primary));
  box-shadow: 0 6px 18px rgba(51, 93, 248, 0.42);
  transform: translateY(-1px);
}
.dkttt_header-user .dkttt_register-btn:active { transform: translateY(0); }

.dkttt_user-chip { 
  display: flex; 
  justify-content: center; 
  align-items: center;
  gap: 8px;
}
.dkttt_user-menu { line-height: normal; }
.dkttt_user-menu .dkttt_dropdown-handle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  border-radius: var(--dkttt_radius-round);
  transition: background var(--dkttt_transition);
}
.dkttt_user-menu .dkttt_dropdown-handle:hover { background: var(--dkttt_bg); }
.dkttt_user-menu .dkttt_user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--dkttt_primary);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dkttt_user-menu .dkttt_user-avatar i { font-size: 18px; }
.dkttt_user-menu .dkttt_user-name { font-size: 15px; color: var(--dkttt_text); max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dkttt_user-menu .dkttt_user-caret {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--dkttt_text-secondary);
  transition: transform var(--dkttt_transition);
}
.dkttt_user-menu.dkttt_is-open .dkttt_user-caret { transform: rotate(180deg); }
.dkttt_user-menu .dkttt_dropdown-menu { left: auto; right: 0; min-width: 160px; }
.dkttt_user-menu .dkttt_dropdown-item { display: flex; align-items: center; gap: 8px; }
.dkttt_user-menu .dkttt_dropdown-item i { font-size: 16px; color: var(--dkttt_text-secondary); }
.dkttt_user-menu .dkttt_dropdown-divider { height: 1px; margin: 6px 0; background: var(--dkttt_border-lighter); }

.dkttt_header-user .dkttt_user-menu { display: none; }
.dkttt_header-user.dkttt_is-logged .dkttt_login-link,
.dkttt_header-user.dkttt_is-logged .dkttt_register-btn { display: none; }
.dkttt_header-user.dkttt_is-logged .dkttt_user-menu { display: inline-block; }


.dkttt_header-h5 { display: none; }
.dkttt_header-h5 .dkttt_nav-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  padding: 0 16px;
  border-bottom: 1px solid var(--dkttt_border-lighter);
}
.dkttt_header-h5 .dkttt_nav-head i { font-size: 22px; color: var(--dkttt_text); cursor: pointer; }
.dkttt_header-h5 .dkttt_nav-logo { display: inline-flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 700; color: var(--dkttt_text); }
.dkttt_header-h5 .dkttt_nav-logo .dkttt_logo-img { display: block; width: 30px; height: 30px; object-fit: contain; border-radius: var(--dkttt_radius); flex: 0 0 auto; }
.dkttt_header-h5 .dkttt_nav-logo b { color: var(--dkttt_primary); }
.dkttt_nav-mask {
  display: none;
  position: fixed;
  inset: 56px 0 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 899;
}
.dkttt_nav-drawer {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 56px;
  max-height: calc(100vh - 56px);
  overflow-y: auto;
  background: #fff;
  z-index: 901;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.dkttt_nav-drawer .dkttt_nav-menu-inner { padding: 8px 16px; }
.dkttt_nav-drawer .dkttt_collapse-content .dkttt_text-link {
  display: block;
  padding: 10px 0 10px 16px;
  color: var(--dkttt_text-regular);
}
.dkttt_nav-drawer .dkttt_collapse-content .dkttt_text-link:hover { color: var(--dkttt_primary); }

.dkttt_nav-drawer .dkttt_nav-user {
  display: flex;
  gap: 12px;
  padding: 16px 0 8px;
  margin-top: 8px;
  border-top: 1px solid var(--dkttt_border-lighter);
}
.dkttt_nav-drawer .dkttt_nav-user .dkttt_login-link {
  flex: 1;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: var(--dkttt_primary);
  border: 1px solid var(--dkttt_primary);
  border-radius: var(--dkttt_radius-round);
}
.dkttt_nav-drawer .dkttt_nav-user .dkttt_register-btn {
  flex: 1;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
  background: var(--dkttt_primary);
  border-radius: var(--dkttt_radius-round);
}

.dkttt_nav-drawer .dkttt_nav-user .dkttt_nav-user-account,
.dkttt_nav-drawer .dkttt_nav-user .dkttt_nav-user-menu { display: none; }

.dkttt_nav-drawer .dkttt_nav-user.dkttt_is-logged { flex-direction: column; gap: 0; }
.dkttt_nav-drawer .dkttt_nav-user.dkttt_is-logged .dkttt_login-link,
.dkttt_nav-drawer .dkttt_nav-user.dkttt_is-logged .dkttt_register-btn { display: none; }
.dkttt_nav-drawer .dkttt_nav-user.dkttt_is-logged .dkttt_nav-user-account { display: flex; }
.dkttt_nav-drawer .dkttt_nav-user-account {
  align-items: center;
  gap: 10px;
  padding: 12px 4px;
  cursor: pointer;
}
.dkttt_nav-drawer .dkttt_nav-user-account .dkttt_user-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--dkttt_primary);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dkttt_nav-drawer .dkttt_nav-user-account .dkttt_user-avatar i { font-size: 18px; }
.dkttt_nav-drawer .dkttt_nav-user-account .dkttt_user-name { flex: 1; font-size: 15px; color: var(--dkttt_text); font-weight: 500; }
.dkttt_nav-drawer .dkttt_nav-user-account .dkttt_user-caret {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--dkttt_text-secondary);
  transition: transform var(--dkttt_transition);
}
.dkttt_nav-drawer .dkttt_nav-user.dkttt_is-open .dkttt_user-caret { transform: rotate(180deg); }
.dkttt_nav-drawer .dkttt_nav-user-menu {
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}
.dkttt_nav-drawer .dkttt_nav-user-menu li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 4px 12px 44px;
  color: var(--dkttt_text-regular);
  font-size: 14px;
  cursor: pointer;
}
.dkttt_nav-drawer .dkttt_nav-user-menu li i { font-size: 16px; color: var(--dkttt_text-secondary); }
.dkttt_nav-drawer .dkttt_nav-user-menu li:hover { color: var(--dkttt_primary); }
.dkttt_header-h5 .dkttt_nav-login-link i { font-size: 22px; color: var(--dkttt_text); }

@media (max-width: 991px) {
  .dkttt_header-pc { display: none; }
  .dkttt_header-h5 { display: block; }
}


.dkttt_list-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  top: 0;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  transition: top 0.3s, box-shadow 0.3s;
}
.dkttt_list-card:hover { top: -8px; box-shadow: 0 2px 12px rgba(51, 93, 248, 0.18); }
.dkttt_list-card .dkttt_card-pic {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 62%;
  overflow: hidden;
  background: var(--dkttt_primary-light);
  flex: 0 0 auto;
}
.dkttt_list-card .dkttt_card-pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}
.dkttt_list-card:hover .dkttt_card-pic img { transform: translate(-50%, -50%) scale(1.12); }
.dkttt_list-card .dkttt_card-text {
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.dkttt_list-card .dkttt_card-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--dkttt_text-secondary);
  font-size: 12px;
  margin-bottom: 10px;
}
.dkttt_list-card .dkttt_card-info .dkttt_card-info-right { display: inline-flex; align-items: center; gap: 4px; }


.dkttt_list-card .dkttt_card-pic .dkttt_news-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  padding: 3px 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.dkttt_news-tag {
  display: inline-block;
  padding: 1px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  border-radius: 3px;
}

.dkttt_news-badge-1 { background: linear-gradient(135deg, #f7b733 0%, #fc913a 100%); }
.dkttt_news-tag-1 { color: #d98200; background: #fff5e0; }

.dkttt_news-badge-2 { background: linear-gradient(135deg, #ff5858 0%, #f857a6 100%); }
.dkttt_news-tag-2 { color: #e13c3c; background: #ffe9e9; }

.dkttt_news-badge-3 { background: linear-gradient(135deg, #4facfe 0%, #2c6fff 100%); }
.dkttt_news-tag-3 { color: #2c6fff; background: #e8f1ff; }
.dkttt_list-card .dkttt_card-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--dkttt_text);
  margin: 0 0 8px;
              
  line-height: 24px;
}
.dkttt_list-card .dkttt_card-desc {
  color: var(--dkttt_text-secondary);
  font-size: 13px;
  line-height: 22px;
  margin: 0;
            
}
.dkttt_list-card .dkttt_card-price { margin-top: auto; color: var(--dkttt_danger); }
.dkttt_list-card .dkttt_card-price strong { font-size: 22px; }


.dkttt_list-customer .dkttt_customer-card {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 46%;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--dkttt_border-lighter);
  border-radius: var(--dkttt_radius);
  cursor: pointer;
  transition: box-shadow 0.3s, transform 0.3s, border-color 0.3s;
}
.dkttt_list-customer .dkttt_customer-card:hover {
  box-shadow: 0 8px 24px #d6dffe;
  border-color: var(--dkttt_primary);
  transform: translateY(-2px);
  z-index: 1;
}
.dkttt_list-customer .dkttt_customer-pic {
  position: absolute;
  inset: 0;
  display: block;
  filter: grayscale(100%);
  transition: filter 0.3s;
}
.dkttt_list-customer .dkttt_customer-card:hover .dkttt_customer-pic { filter: grayscale(0); }
.dkttt_list-customer .dkttt_customer-pic img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 12px;
  transition: transform 0.3s;
}
.dkttt_list-customer .dkttt_customer-card:hover .dkttt_customer-pic img { transform: scale(1.06); }
.dkttt_list-customer .dkttt_customer-name {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--dkttt_text);
  background: linear-gradient(135deg, #f6f8ff 0%, #eef3ff 100%);
  transition: color 0.3s, background 0.3s;
}
.dkttt_list-customer .dkttt_customer-card:hover .dkttt_customer-name {
  color: var(--dkttt_primary);
  background: linear-gradient(135deg, #eef3ff 0%, #e3ebff 100%);
}


@media (max-width: 767px) {
  .dkttt_list-card .dkttt_card-text { padding: 14px 16px; }
  .dkttt_list-card .dkttt_card-title { height: 44px; line-height: 22px; font-size: 15px; }
  .dkttt_list-card .dkttt_card-desc { height: 44px; line-height: 22px; -webkit-line-clamp: 2; line-clamp: 2; }
}


.dkttt_carousel { position: relative; overflow: hidden; width: 100%; }
.dkttt_carousel-track {
  display: flex;
  transition: transform 0.6s var(--dkttt_ease-bar);
  will-change: transform;
}
.dkttt_carousel-slide { position: relative; flex: 0 0 100%; width: 100%; }
.dkttt_carousel-slide > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dkttt_carousel-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.dkttt_carousel-caption {
  position: absolute;
  left: 0; right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  padding: 0 20px;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}
.dkttt_carousel-caption h2 { font-size: 40px; margin: 0 0 12px; font-weight: 700; }
.dkttt_carousel-caption p { font-size: 18px; margin: 0 0 20px; opacity: 0.95; }
.dkttt_carousel-caption .dkttt_btn { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25); }
.dkttt_carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  transition: background var(--dkttt_transition);
}
.dkttt_carousel-arrow:hover { background: rgba(255, 255, 255, 0.65); color: var(--dkttt_primary); }
.dkttt_carousel-arrow i { font-size: 24px; }
.dkttt_carousel-prev { left: 20px; }
.dkttt_carousel-next { right: 20px; }
.dkttt_carousel-dots {
  position: absolute;
  left: 0; right: 0;
  bottom: 10px;
  display: flex;
  gap: 10px;
  justify-content: center;
  z-index: 3;
}
.dkttt_carousel-dot {
  width: 10px;
  height: 10px;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  transition: all var(--dkttt_transition);
}
.dkttt_carousel-dot.dkttt_is-active { width: 28px; background: #fff; }
@media (max-width: 767px) {
  .dkttt_carousel-caption h2 { font-size: 24px; }
  .dkttt_carousel-caption p { font-size: 14px; }
  .dkttt_carousel-arrow { width: 36px; height: 36px; }
  .dkttt_carousel-arrow i { font-size: 18px; }
}


.dkttt_hero-split { overflow: hidden; }


.dkttt_hero-split-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(138deg,rgb(108,72,242) 10%,rgb(54,128,255) 50%,rgb(40,79,250) 80%);
  z-index: 0;
}


.dkttt_hero-split-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.55;
  z-index: 0;
  pointer-events: none;
}
.dkttt_hero-split-glow-1 {
  width: 420px; height: 420px;
  top: -120px; right: -80px;
  background: rgba(125, 175, 255, 0.85);
}
.dkttt_hero-split-glow-2 {
  width: 360px; height: 360px;
  bottom: -140px; left: -100px;
  background: rgba(70, 130, 255, 0.7);
}


.dkttt_hero-split-inner {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}


.dkttt_hero-split-media {
  flex: 0 0 46%;
  max-width: 450px;
  position: relative;
}
.dkttt_hero-split-media::before {
  content: "";
  position: absolute;
  inset: 0px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.05));
  z-index: -1;
}
.dkttt_hero-split-media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}


.dkttt_hero-split-text {
  flex: 1 1 0;
  min-width: 0;
  color: #fff;
  padding: 24px 0;
}
.dkttt_hero-split-eyebrow {
  display: inline-block;
  padding: 6px 14px;
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  color: #fff;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.dkttt_hero-split-text h2 {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 16px;
  color: #fff;
}
.dkttt_hero-split-text > p {
  font-size: 17px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.88);
  margin: 0 0 22px;
}


.dkttt_hero-split-points {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
}
.dkttt_hero-split-points li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.92);
}
.dkttt_hero-split-points li i {
  font-size: 18px;
  color: #bcd0ff;
}


.dkttt_hero-split-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.dkttt_hero-split-actions .dkttt_btn {
  height: 46px;
  line-height: 46px;
  padding: 0 30px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
}
.dkttt_hero-split-primary {
  background: #fff;
  color: var(--dkttt_primary);
  border: 1px solid #fff;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
  transition: all var(--dkttt_transition);
}
.dkttt_hero-split-primary:hover {
  background: #f0f5ff;
  color: var(--dkttt_primary-active);
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.25);
}
.dkttt_hero-split-ghost {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  transition: all var(--dkttt_transition);
}
.dkttt_hero-split-ghost:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: #fff;
  transform: translateY(-2px);
}


@media (max-width: 1200px) {
  .dkttt_hero-split-media { flex: 0 0 42%; }
  .dkttt_hero-split-text h2 { font-size: 34px; }
  .dkttt_hero-split-text > p { font-size: 16px; }
}


@media (max-width: 991px) {
  .dkttt_hero-split-inner { gap: 28px; }
  .dkttt_hero-split-media { flex: 0 0 38%; }
  .dkttt_hero-split-text h2 { font-size: 28px; }
  .dkttt_hero-split-text > p { font-size: 15px; margin-bottom: 16px; }
  .dkttt_hero-split-points { gap: 8px 16px; margin-bottom: 20px; }
  .dkttt_hero-split-actions .dkttt_btn { height: 42px; line-height: 42px; padding: 0 24px; font-size: 14px; }
}


@media (max-width: 767px) {
  
  .index-hero,
  .index-hero .dkttt_carousel-slide { height: auto; min-height: 460px; }

  .dkttt_hero-split-inner {
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    padding: 56px 16px 44px; 
  }
  .dkttt_hero-split-media {
    flex: 0 0 auto;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    order: 1;
  }
  
  .dkttt_hero-split-text {
    order: 2;
    text-align: center;
    padding: 0;
  }
  .dkttt_hero-split-eyebrow { margin-bottom: 10px; font-size: 11px; }
  .dkttt_hero-split-text h2 { font-size: 22px; margin-bottom: 8px; }
  .dkttt_hero-split-text > p { font-size: 13px; line-height: 1.7; margin-bottom: 12px; }
  .dkttt_hero-split-points {
    justify-content: center;
    gap: 4px 12px;
    margin-bottom: 14px;
    font-size: 12px;
  }
  .dkttt_hero-split-points li i { font-size: 14px; }
  .dkttt_hero-split-actions { justify-content: center; }
  .dkttt_hero-split-actions .dkttt_btn { height: 38px; line-height: 38px; padding: 0 20px; font-size: 13px; }
  
  .dkttt_hero-split-glow-1 { width: 240px; height: 240px; top: -80px; right: -60px; }
  .dkttt_hero-split-glow-2 { width: 200px; height: 200px; bottom: -90px; left: -70px; }
}


@media (min-width: 1920px) {
  .dkttt_hero-split-text h2 { font-size: 44px; }
  .dkttt_hero-split-text > p { font-size: 18px; }
}


.dkttt_fixed-bar {
  position: fixed;
  right: 20px;
  bottom: 90px;
  z-index: 800;
}
.dkttt_fixed-list {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  border-radius: 26px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
  overflow: visible;
}
.dkttt_fixed-item {
  position: relative;
  display: flex;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  color: var(--dkttt_text-regular);
  cursor: pointer;
  transition: all var(--dkttt_transition);
}
.dkttt_fixed-list .dkttt_fixed-item:first-child { border-radius: 26px 26px 0 0; }
.dkttt_fixed-list .dkttt_fixed-item:last-child { border-radius: 0 0 26px 26px; }
.dkttt_fixed-item + .dkttt_fixed-item { border-top: 1px solid var(--dkttt_border-lighter); }
.dkttt_fixed-item > i { font-size: 24px; }
.dkttt_fixed-item:hover { background: var(--dkttt_primary); color: #fff; }

.dkttt_fixed-pop {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%) translateX(10px);
  margin-right: 14px;
  min-width: 120px;
  padding: 14px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.16);
  opacity: 0;
  visibility: hidden;
  transition: all var(--dkttt_transition);
  text-align: center;
  white-space: nowrap;
}
.dkttt_fixed-pop::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border: 7px solid transparent;
  border-left-color: #fff;
}
.dkttt_fixed-item:hover .dkttt_fixed-pop {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}
.dkttt_fixed-pop-qr { width: 120px; height: 120px; border-radius: 6px; display: block; }
.dkttt_fixed-pop-text { margin: 8px 0 0; font-size: 13px; color: var(--dkttt_text-regular); }
.dkttt_fixed-pop-text strong { display: block; font-size: 16px; color: var(--dkttt_primary); margin-top: 2px; }
.dkttt_fixed-pop-phone { font-size: 18px; font-weight: 700; color: var(--dkttt_primary); margin: 0; }
.dkttt_fixed-pop-phone span { display: block; font-size: 12px; font-weight: 400; color: var(--dkttt_text-secondary); margin-top: 4px; }

.dkttt_fixed-top {
  margin-top: 12px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--dkttt_text-regular);
  transition: all var(--dkttt_transition);
}
.dkttt_fixed-top:hover { background: var(--dkttt_primary); color: #fff; }
.dkttt_fixed-top i { font-size: 18px; }
.dkttt_fixed-top span { font-size: 11px; }
@media (max-width: 767px) {
  .dkttt_fixed-bar { right: 10px; bottom: 70px; }
  .dkttt_fixed-item, .dkttt_fixed-top { width: 46px; height: 46px; }
}


.dkttt_msg-form { margin: 0; }
.dkttt_msg-item { margin-bottom: 14px; }
.dkttt_msg-item:last-child { margin-bottom: 0; }
.dkttt_msg-item input,
.dkttt_msg-item textarea {
  display: block;
  width: 100%;
  padding: 0 14px;
  height: 42px;
  font-size: 14px;
  color: var(--dkttt_text);
  background: #fff;
  border: 1px solid var(--dkttt_border);
  border-radius: var(--dkttt_radius);
  outline: none;
  box-sizing: border-box;
  transition: var(--dkttt_transition);
}
.dkttt_msg-item textarea { height: auto; min-height: 96px; padding: 10px 14px; line-height: 1.6; resize: vertical; }
.dkttt_msg-item input::placeholder,
.dkttt_msg-item textarea::placeholder { color: var(--dkttt_text-placeholder); }
.dkttt_msg-item input:focus,
.dkttt_msg-item textarea:focus {
  border-color: var(--dkttt_primary);
  box-shadow: 0 0 0 2px rgba(51, 93, 248, 0.12);
}
.dkttt_msg-item input.dkttt_err,
.dkttt_msg-item textarea.dkttt_err,
.dkttt_msg-item input.dkttt_is-error,
.dkttt_msg-item textarea.dkttt_is-error { border-color: var(--dkttt_danger); }


.dkttt_site-footer { background: #1f2430; color: #a7adba; }
.dkttt_site-footer a { color: #a7adba; transition: color var(--dkttt_transition); }
.dkttt_site-footer a:hover { color: #fff; }
.dkttt_footer-main {
  max-width: 1340px;
  margin: 0 auto;
  padding: 48px 16px 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: space-between;
}
.dkttt_footer-nav { display: flex; gap: 56px; flex-wrap: wrap; }
.dkttt_footer-nav dl { margin: 0; }
.dkttt_footer-nav dt { color: #fff; font-size: 15px; font-weight: 600; margin-bottom: 16px; }
.dkttt_footer-nav dd { margin: 0 0 10px; font-size: 13px; }
.dkttt_footer-right { display: flex; gap: 36px; }
.dkttt_footer-contact h3 { color: #fff; font-size: 24px; margin: 0 0 10px; }
.dkttt_footer-contact p { margin: 0 0 8px; font-size: 13px; }
.dkttt_footer-qr { text-align: center; }
.dkttt_footer-qr img { width: 110px; height: 110px; border-radius: 6px; background: #fff; padding: 4px; }
.dkttt_footer-qr span { display: block; margin-top: 8px; font-size: 12px; }
.dkttt_footer-social { display: flex; gap: 14px; margin-top: 14px; }
.dkttt_footer-social a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dkttt_footer-social a:hover { background: var(--dkttt_primary); color: #fff; }
.dkttt_footer-social a i { font-size: 20px; }
.dkttt_footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 18px 16px;
  text-align: center;
  font-size: 14px;
  color: #7a8194;
}
.dkttt_footer-bottom p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding:10px 0;
}
.dkttt_footer-bottom p img{
    width:14px;
    vertical-align: middle;
}


.dkttt_footer-statement {
  
  background: rgba(0, 0, 0, 0.12);
}
.dkttt_footer-statement-inner {
  max-width: 1340px;
  margin: 0 auto;
  padding: 16px 16px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.dkttt_footer-statement-inner .dkttt_icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  background-color: #7a8194;
}
.dkttt_footer-statement-inner p {
  margin: 0;
  font-size: 12px;
  line-height: 1.9;
  color: #8a91a3;
}
@media (max-width: 991px) {
  .dkttt_footer-main { flex-direction: column; gap: 28px; }
  .dkttt_footer-nav { gap: 32px; }
  .dkttt_footer-right { flex-direction: column; gap: 24px; }
}


.dkttt_footer-links {
  
  background: rgba(0, 0, 0, 0.12);
}
.dkttt_footer-links-inner {
  max-width: 1340px;
  margin: 0 auto;
  padding: 22px 16px;
  display: flex;
  align-items: baseline;
  gap: 18px;
  flex-wrap: wrap;
}
.dkttt_footer-links-title {
  flex: 0 0 auto;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  padding-left: 14px;
}
.dkttt_footer-links-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 15px;
  border-radius: 2px;
  background: var(--dkttt_primary);
}
.dkttt_footer-links-list {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dkttt_footer-links-list a {
  font-size: 13px;
  color: #a7adba;
  transition: color var(--dkttt_transition);
}
.dkttt_footer-links-list a:hover { color: #fff; }
@media (max-width: 767px) {
  .dkttt_footer-links-inner { flex-direction: column; align-items: flex-start; gap: 12px; }
  .dkttt_footer-links-list { gap: 8px 18px; }
}


.dkttt_page-banner {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
  color: #fff;
}
.dkttt_page-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(138deg,rgb(108,72,242) 10%,rgb(54,128,255) 50%,rgb(40,79,250) 80%);
}
.dkttt_page-banner .dkttt_banner-inner {
  position: relative;
  max-width: 1340px;
  margin: 0 auto;
  padding: 64px 16px 0;
}
.dkttt_page-banner .dkttt_banner-inner .dkttt_banner-column{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

}
.dkttt_page-banner .dkttt_banner-column p { margin: 0; letter-spacing: 3px; text-transform: uppercase; opacity: 0.75; font-size: 14px; }
.dkttt_page-banner .dkttt_banner-column h1 { margin: 8px 0 0; font-size: 38px; font-weight: 700; }
.dkttt_page-banner .dkttt_banner-nav {
  display: flex;
  gap: 8px;
  margin-top: 32px;
  padding-bottom: 5px;
  flex-wrap: wrap;
}
.dkttt_page-banner .dkttt_banner-nav a {
  display: inline-block;
  position: relative;
  padding: 12px 26px;
  color: #fff;
  font-size: 15px;
  opacity: 0.8;
  transition: all var(--dkttt_transition);
}
.dkttt_page-banner .dkttt_banner-nav a:hover { opacity: 1; }
.dkttt_page-banner .dkttt_banner-nav a.dkttt_is-active {
  opacity: 1;
  font-weight: 600;
}
.dkttt_page-banner .dkttt_banner-nav a.dkttt_is-active::after {
  content: "";
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 0;
  height: 3px;
  border-radius: 3px;
  background: #fff;
}
@media (max-width: 767px) {
  .dkttt_page-banner .dkttt_banner-inner { padding: 40px 16px 0; }
  .dkttt_page-banner .dkttt_banner-column h1 { font-size: 26px; }
  .dkttt_page-banner .dkttt_banner-nav { margin-top: 20px; gap: 0; }
  .dkttt_page-banner .dkttt_banner-nav a { flex: 1 0 50%; text-align: center; padding: 12px 8px; font-size: 14px; }
}


.dkttt_case-item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--dkttt_radius);
  background: #000;
}
.dkttt_case-item .dkttt_case-pic { position: relative; width: 100%; height: 0; padding-bottom: 72%; overflow: hidden; }
.dkttt_case-item .dkttt_case-pic img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; transition: transform 0.4s;
}
.dkttt_case-item:hover .dkttt_case-pic img { transform: scale(1.08); }
.dkttt_case-item .dkttt_case-play {
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: 54px; height: 54px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.85); color: var(--dkttt_primary);
  display: flex; align-items: center; justify-content: center;
  z-index: 2;
}
.dkttt_case-item .dkttt_case-play i { font-size: 26px; }
.dkttt_case-item .dkttt_case-cover {
  position: absolute; inset: 0;
  padding: 20px;
  display: flex; flex-direction: column; justify-content: space-between;
  color: #fff;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.05) 60%);
  opacity: 0; transition: opacity var(--dkttt_transition);
}
.dkttt_case-item:hover .dkttt_case-cover { opacity: 1; }
.dkttt_case-item .dkttt_case-cover h4 { margin: 0; font-size: 17px; }
.dkttt_case-item .dkttt_case-cover .dkttt_case-cat { font-size: 12px; opacity: 0.85; }


.dkttt_spec-table { border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius); overflow: hidden; }
.dkttt_spec-table .dkttt_spec-row { display: flex; border-bottom: 1px solid var(--dkttt_border-lighter); }
.dkttt_spec-table .dkttt_spec-row:last-child { border-bottom: none; }
.dkttt_spec-table .dkttt_spec-key { width: 180px; flex-shrink: 0; padding: 14px 20px; background: var(--dkttt_bg); color: var(--dkttt_text); font-weight: 500; }
.dkttt_spec-table .dkttt_spec-val { flex: 1; padding: 14px 20px; color: var(--dkttt_text-regular); }
@media (max-width: 767px) {
  .dkttt_spec-table .dkttt_spec-key { width: 110px; padding: 12px; }
  .dkttt_spec-table .dkttt_spec-val { padding: 12px; }
}


.dkttt_share-list { display: flex; align-items: center; gap: 14px; margin: 28px 0; }
.dkttt_share-list .dkttt_share-label { color: var(--dkttt_text-secondary); font-size: 14px; }
.dkttt_share-item {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px; border-radius: 40px;
  color: #fff; cursor: pointer; font-size: 13px;
  transition: opacity var(--dkttt_transition);
}
.dkttt_share-item:hover { opacity: 0.85; }
.dkttt_share-item.dkttt_wx-share { background: #33cc66; }
.dkttt_share-item.dkttt_qq-share { background: #12b7f5; }
.dkttt_share-item.dkttt_xl-share { background: #e6162d; }

.dkttt_detail-pagination { display: flex; align-items: center; gap: 16px; margin-top: 32px; border-top: 1px solid var(--dkttt_border-lighter); padding-top: 24px; }
.dkttt_detail-pagination .dkttt_pn { flex: 1 1 0; min-width: 0; }
.dkttt_detail-pagination .dkttt_pn p { margin: 0 0 4px; color: var(--dkttt_text-secondary); font-size: 13px; }
.dkttt_detail-pagination .dkttt_pn a { color: var(--dkttt_text); font-size: 15px; text-decoration: none; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dkttt_detail-pagination .dkttt_pn a:hover { color: var(--dkttt_primary); }

.dkttt_detail-pagination .dkttt_pn.dkttt_pn-prev { text-align: left; }
.dkttt_detail-pagination .dkttt_pn.dkttt_pn-center { flex: 0 0 auto; text-align: center; }
.dkttt_detail-pagination .dkttt_pn.dkttt_pn-next { text-align: right; }
.dkttt_detail-pagination .dkttt_pn-center a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; border-radius: 50%;
  background: var(--dkttt_bg); color: var(--dkttt_primary);
  text-decoration: none;
}
.dkttt_detail-pagination .dkttt_pn-center a:hover { background: var(--dkttt_primary); color: #fff; }
@media (max-width: 767px) {
  .dkttt_detail-pagination { gap: 8px; }
  .dkttt_detail-pagination .dkttt_pn a { font-size: 13px; }
}


.dkttt_video-player video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; max-height: 70vh; object-fit: contain; background: #000; border-radius: var(--dkttt_radius); }
.dkttt_video-group { list-style: none; margin: 0; padding: 0; max-height: 460px; overflow-y: auto; }
.dkttt_video-group li { display: flex; align-items: center; gap: 12px; padding: 14px 16px; cursor: pointer; border-bottom: 1px solid var(--dkttt_border-lighter); transition: background var(--dkttt_transition); }
.dkttt_video-group li:hover { background: var(--dkttt_bg); }
.dkttt_video-group li.dkttt_is-current { background: var(--dkttt_primary-light); }
.dkttt_video-group li.dkttt_is-current .dkttt_vg-title { color: var(--dkttt_primary); font-weight: 600; }
.dkttt_video-group .dkttt_vg-sort { width: 24px; color: var(--dkttt_text-secondary); font-weight: 600; flex-shrink: 0; }
.dkttt_video-group .dkttt_vg-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dkttt_video-group .dkttt_vg-time { color: var(--dkttt_text-secondary); font-size: 12px; flex-shrink: 0; }
.dkttt_video-group .dkttt_vg-icon { color: var(--dkttt_primary); flex-shrink: 0; }


.dkttt_download-collapse { list-style: none; margin: 0; padding: 0; }
.dkttt_download-collapse > li { display: flex; align-items: center; border-bottom: 1px solid var(--dkttt_border-lighter); }
.dkttt_download-collapse .dkttt_dl-th, .dkttt_download-collapse .dkttt_dl-td { flex: 1; padding: 16px 12px; }
.dkttt_download-collapse .dkttt_dl-head { background: var(--dkttt_bg); color: var(--dkttt_text); font-weight: 600; }
.dkttt_download-collapse .dkttt_dl-item { flex-direction: column; align-items: stretch; }
.dkttt_download-collapse .dkttt_dl-row { display: flex; align-items: center; }
.dkttt_download-collapse .dkttt_dl-row .dkttt_dl-td { flex: 1; }
.dkttt_download-collapse .dkttt_dl-toggle { width: 60px; flex: 0 0 60px; text-align: center; }
.dkttt_download-collapse .dkttt_dl-icon { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dkttt_primary-light); color: var(--dkttt_primary); font-weight: 700; cursor: pointer; }
.dkttt_download-collapse .dkttt_dl-content { display: none; padding: 0 12px 18px; color: var(--dkttt_text-regular); }
.dkttt_download-collapse .dkttt_dl-item.dkttt_is-open .dkttt_dl-content { display: block; }
.dkttt_download-collapse .dkttt_dl-item.dkttt_is-open .dkttt_dl-icon { background: var(--dkttt_primary); color: #fff; }
.dkttt_download-btn { min-width: 132px; justify-content: center; }
.dkttt_load-more { text-align: center; padding: 24px 0; }
.dkttt_load-more-btn { display: inline-flex; align-items: center; gap: 6px; background: none; border: none; color: var(--dkttt_primary); cursor: pointer; font-size: 15px; }
.dkttt_dl-hide { display: none; }
@media (max-width: 767px) {
  .dkttt_download-collapse .dkttt_dl-th { display: none; }
}


.dkttt_rich-text { color: var(--dkttt_text-regular); line-height: 1.9; font-size: 15px; min-height: 500px;}
.dkttt_rich-text img { max-width: 100%; height: auto; border-radius: var(--dkttt_radius); }
.dkttt_rich-text h2, .dkttt_rich-text h3 { color: var(--dkttt_text); margin: 28px 0 14px; }
.dkttt_rich-text p { margin: 0 0 16px; }


.dkttt_section-title { text-align: center; margin: 0 0 32px; }
.dkttt_section-title p { color: var(--dkttt_text-placeholder); letter-spacing: 3px; text-transform: uppercase; margin: 0; font-size: 14px; }
.dkttt_section-title h2 { font-size: 30px; color: var(--dkttt_text); margin: 6px 0 0; }


.index-hero { height: 520px; }
.index-hero .dkttt_carousel-slide { height: 520px; }

.index-hero .dkttt_carousel-caption { max-width: 1340px; margin: 0 auto; }
@media (min-width: 1600px) {
  
  .index-hero .dkttt_carousel-bg { background-size: cover; background-position: center; }
  .index-hero .dkttt_carousel-caption { max-width: 1140px; }
  .index-hero .dkttt_carousel-caption h2 { font-size: 46px; }
  .index-hero .dkttt_carousel-prev { left: calc((100% - 1340px) / 2 + 20px); }
  .index-hero .dkttt_carousel-next { right: calc((100% - 1340px) / 2 + 20px); }
}
@media (min-width: 1920px) {
  
  .index-hero, .index-hero .dkttt_carousel-slide { height: 520px; }
  .index-hero .dkttt_carousel-caption { max-width: 1040px; }
}
.tabs-head { text-align: center; padding: 56px 0 8px; }
.tabs-head h1 { font-size: 30px; color: #303133; margin: 0; }
.tabs-head p { color: #909399; text-transform: uppercase; letter-spacing: 2px; margin: 6px 0 0; }
.list-case-item { display: block; position: relative; border-radius: 8px; overflow: hidden; }
.list-case-item .pic { position: relative; padding-top: 66%; background: #dbe3ff; }
.list-case-item .pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.list-case-item .cover { position: absolute; inset: 0; background: linear-gradient(transparent 40%, rgba(0,0,0,.72)); color: #fff; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px; opacity: 0; transition: opacity .3s; }
.list-case-item:hover .cover { opacity: 1; }
.list-case-item .cover h2 { font-size: 18px; margin: 0 0 auto; }
.list-case-item .cover h3 { font-size: 15px; margin: 0; }
.list-case-item .cover p { margin: 4px 0 0; font-size: 12px; opacity: .8; }
.company-info { background: #fff; }
.company-info-inner { padding-top: 56px; padding-bottom: 56px; }
.company-info .pic { padding-top: 62%; position: relative; background: #dbe3ff; border-radius: 10px; overflow: hidden; }
.company-info .pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.company-info .text { padding: 20px 0 20px 48px; max-width: 620px; }
.company-info .text h1 { font-size: 28px; margin: 0; }
.company-info .text h4 { color: #909399; text-transform: uppercase; margin: 6px 0 20px; }
.company-info .text p { color: #606266; line-height: 1.9; }
.more-btn { text-align: center; }
.more-plain-btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 30px; border: 1px solid #dcdfe6; border-radius: 40px; color: #606266; }
.more-plain-btn:hover { border-color: #335df8; color: #335df8; }
.more-plain-btn:hover i { color: #335df8; }
.required-form { padding: 40px; border-radius: 12px; }
.required-form .input-item input { width: 100%; height: 44px; padding: 0 16px; border: 1px solid #dcdfe6; border-radius: 4px; box-sizing: border-box; }
.required-form .input-item input:focus { outline: none; border-color: #335df8; }
.news-outer .dkttt_container { padding-top: 8px; padding-bottom: 40px; }

@media (max-width: 991px) {
  .index-hero, .index-hero .dkttt_carousel-slide { height: 500px; }
  .company-info-inner { padding-top: 36px; padding-bottom: 36px; }
  .company-info .text { padding: 28px 4px 8px; max-width: none; }
}


.dkttt_feature-grid { margin-top: 24px; margin-bottom: 72px; }
.dkttt_feature-card { height: 100%; background: #fff; border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius-lg); padding: 34px 26px; text-align: center; transition: transform var(--dkttt_transition), box-shadow var(--dkttt_transition), border-color var(--dkttt_transition); }
.dkttt_feature-card:hover { transform: translateY(-6px); box-shadow: 0 12px 30px rgba(51,93,248,.12); border-color: var(--dkttt_primary-light-border); }
.dkttt_feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: var(--dkttt_primary-light); color: var(--dkttt_primary); margin-bottom: 18px; transition: background var(--dkttt_transition), color var(--dkttt_transition); }
.dkttt_feature-icon .dkttt_icon { width: 30px; height: 30px; }
.dkttt_feature-card:hover .dkttt_feature-icon { background: var(--dkttt_primary); color: #fff; }
.dkttt_feature-title { font-size: 18px; color: var(--dkttt_text); margin: 0 0 10px; }
.dkttt_feature-desc { font-size: 14px; color: var(--dkttt_text-regular); line-height: 1.8; margin: 0; }


.dkttt_core { background: var(--dkttt_bg-exlight); padding: 56px 0 72px; }
.dkttt_core-pic { position: relative; padding-top: 66%; border-radius: var(--dkttt_radius-lg); overflow: hidden; background: #dbe3ff; box-shadow: var(--dkttt_shadow); }
.dkttt_core-pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dkttt_core-list { list-style: none; margin: 24px 0 0; padding: 0; }
.dkttt_core-item { display: flex; align-items: flex-start; gap: 16px; padding: 18px 0; border-bottom: 1px dashed var(--dkttt_border-light); }
.dkttt_core-item:last-child { border-bottom: none; }
.dkttt_core-ic { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: var(--dkttt_radius); background: #fff; color: var(--dkttt_primary); box-shadow: 0 2px 8px rgba(51,93,248,.10); }
.dkttt_core-ic .dkttt_icon { width: 24px; height: 24px; }
.dkttt_core-body h3 { font-size: 17px; color: var(--dkttt_text); margin: 2px 0 6px; }
.dkttt_core-body p { font-size: 14px; color: var(--dkttt_text-regular); line-height: 1.8; margin: 0; }

@media (max-width: 991px) {
  .dkttt_core-pic { margin-bottom: 24px; }
  .dkttt_core-list { margin-top: 0; }
}


.hero-carousel { height: 520px; }
.hero-carousel .dkttt_carousel-slide { height: 520px; }
.demo-note { max-width: 1340px; margin: 40px auto; padding: 0 16px; }
.demo-note h2 { font-size: 26px; color: #303133; }
.demo-note p { color: #606266; line-height: 1.9; }

@media (max-width: 991px) { .hero-carousel, .hero-carousel .dkttt_carousel-slide { height: 340px; } }

@media (max-width: 767px) { .hero-carousel, .hero-carousel .dkttt_carousel-slide { height: 240px; } }


.about-media img { width: 100%; height: auto; display: block; border-radius: var(--dkttt_radius-lg); box-shadow: var(--dkttt_shadow); }
.about-title-left { text-align: left; margin: 0 0 20px; }
.about-title-left p { color: var(--dkttt_text-placeholder); letter-spacing: 3px; text-transform: uppercase; margin: 0; font-size: 14px; }
.about-title-left h2 { font-size: 28px; color: var(--dkttt_text); margin: 6px 0 0; }
.about-title-left .about-title-line { display: inline-block; width: 48px; height: 3px; margin-top: 16px; background: var(--dkttt_primary); border-radius: 2px; }
.about-stats { margin: 56px 0; padding: 36px 0; background: var(--dkttt_fill-lighter, #f5f7fa); border-radius: var(--dkttt_radius-lg); }
.about-stat { text-align: center; padding: 10px 0; }
.about-stat-num { font-size: 40px; font-weight: 700; color: var(--dkttt_primary); line-height: 1.1; }
.about-stat-num span { font-size: 22px; margin-left: 2px; }
.about-stat-label { margin-top: 8px; color: var(--dkttt_text-regular); font-size: 15px; }
.about-honor { text-align: center; }
.about-honor .about-honor-pic { width: 100%; aspect-ratio: 3 / 4; overflow: hidden; background: var(--dkttt_fill-lighter, #f5f7fa); }
.about-honor .about-honor-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.about-honor .about-honor-name { padding: 16px 12px; font-size: 15px; color: var(--dkttt_text); font-weight: 600; }
@media (max-width: 991px) {
  .about-stats { margin: 36px 0; }
  .about-stat-num { font-size: 32px; }
  .about-title-left h2 { font-size: 24px; }
}


.av-head { text-align: center; padding: 8px 0 24px; border-bottom: 1px solid var(--dkttt_border-lighter); margin-bottom: 28px; }
.av-head h1 { font-size: 30px; line-height: 1.4; color: var(--dkttt_text); margin: 0 0 16px; }
.av-meta { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; margin: 0; color: var(--dkttt_text-secondary); font-size: 14px; }
.av-meta span { display: inline-flex; align-items: center; gap: 5px; }
.av-meta .dkttt_icon { width: 15px; height: 15px; }
@media (max-width: 768px) {
  .av-head h1 { font-size: 22px; }
  .av-meta { gap: 12px; font-size: 13px; }
}


.view-article-main .dkttt_container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.article-head { padding: 32px 0; }
.article-head h1 { font-size: 30px; color: #303133; margin: 0 0 16px; }
.article-head p span { color: #909399; font-size: 13px; margin-right: 20px; }
.article-content { padding: 40px 0 20px; }
.rich-text { color: #606266; line-height: 2; font-size: 15px; }
.rich-text p { margin: 0 0 18px; }
.rich-text img { max-width: 100%; border-radius: 6px; margin: 10px 0; }
.share-list { margin: 30px 0; }
.share-list-inner { display: flex; gap: 16px; list-style: none; padding: 0; margin: 0; }
.share-item { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; color: #606266; font-size: 14px; padding: 8px 16px; border: 1px solid #dcdfe6; border-radius: 40px; transition: all .25s; }
.share-item:hover { border-color: #335df8; color: #335df8; }
.share-item:hover i { color: #335df8; }
.recommend-list { padding: 30px 0 70px; }
.recommend-list .title h1 { font-size: 22px; color: #303133; margin: 0 0 20px; }
.aside-card { position: sticky; top: 88px; }


.iv-box-pc { display: flex; position: relative; width: 100%; height: 0; padding-bottom: 39.2%; margin: 40px 0; }
.iv-box-pc .iv-main { position: absolute; top: 0; left: 0; width: 70%; height: 100%; }
.iv-box-pc .iv-main .iv-pic { position: relative; width: 100%; height: 100%; overflow: hidden; background: #000; }
.iv-box-pc .iv-main .iv-pic img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; }
.iv-box-pc .iv-main .iv-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 40px; height: 40px; border: none; border-radius: 50%; background: rgba(0,0,0,0.35); color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background 0.25s; }
.iv-box-pc .iv-main .iv-arrow:hover { background: rgba(0,0,0,0.6); }
.iv-box-pc .iv-main .iv-prev { left: 12px; }
.iv-box-pc .iv-main .iv-next { right: 12px; }
.iv-box-pc .iv-thumbs { position: absolute; top: 0; right: 0; width: 30%; height: 100%; background-color: #333333; padding: 10px; overflow-y: auto; }
.iv-box-pc .iv-thumbs .iv-thumb-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.iv-box-pc .iv-thumbs .iv-thumb { width: calc(50% - 5px); opacity: 0.4; transition: opacity 0.3s; cursor: pointer; }
.iv-box-pc .iv-thumbs .iv-thumb:hover { opacity: 0.9; }
.iv-box-pc .iv-thumbs .iv-thumb.iv-active { opacity: 1; }
.iv-box-pc .iv-thumbs .iv-thumb .iv-pic { position: relative; width: 100%; padding-bottom: 56%; height: 0; overflow: hidden; }
.iv-box-pc .iv-thumbs .iv-thumb .iv-pic img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; }
.iv-box-h5 { display: none; margin: 24px 0; }
.iv-box-h5 .iv-main .iv-pic { position: relative; width: 100%; padding-bottom: 56%; height: 0; overflow: hidden; background: #000; }
.iv-box-h5 .iv-main .iv-pic img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; }
.iv-box-h5 .iv-thumbs { background-color: #333333; padding: 10px; margin-top: 10px; display: flex; gap: 10px; overflow-x: auto; }
.iv-box-h5 .iv-thumbs .iv-thumb { flex: 0 0 24%; opacity: 0.4; transition: opacity 0.3s; cursor: pointer; }
.iv-box-h5 .iv-thumbs .iv-thumb:hover { opacity: 0.9; }
.iv-box-h5 .iv-thumbs .iv-thumb.iv-active { opacity: 1; }
.iv-box-h5 .iv-thumbs .iv-thumb .iv-pic { position: relative; width: 100%; padding-bottom: 56%; height: 0; overflow: hidden; }
.iv-box-h5 .iv-thumbs .iv-thumb .iv-pic img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; }
@media (max-width: 991px) {
  .iv-box-pc { display: none !important; }
  .iv-box-h5 { display: block; }
}


.dv-head { text-align: center; padding: 8px 0 24px; border-bottom: 1px solid var(--dkttt_border-lighter); margin-bottom: 28px; }
.dv-head h1 { font-size: 30px; line-height: 1.4; color: var(--dkttt_text); margin: 0 0 16px; }
.dv-meta { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; margin: 0; color: var(--dkttt_text-secondary); font-size: 14px; }
.dv-meta span { display: inline-flex; align-items: center; gap: 5px; }
.dv-meta .dkttt_icon { width: 15px; height: 15px; }
.dv-file-card { background: var(--dkttt_bg); border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius); padding: 28px; margin: 0 0 40px; }
.dv-file-card .dv-card-hd { display: flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 600; color: var(--dkttt_text); margin: 0 0 20px; }
.dv-file-card .dv-card-hd .dkttt_icon { width: 20px; height: 20px; color: var(--dkttt_primary); }
.dv-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px; }
.dv-related-item { display: flex; align-items: center; gap: 16px; padding: 18px 20px; background: #fff; border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius); transition: box-shadow .2s, border-color .2s; height: 100%; box-sizing: border-box; }
.dv-related-item:hover { border-color: var(--dkttt_primary-light-border); box-shadow: 0 6px 18px rgba(0,0,0,.06); }
.dv-related-icon { flex-shrink: 0; width: 44px; height: 44px; border-radius: 10px; background: var(--dkttt_primary-light); display: inline-flex; align-items: center; justify-content: center; }
.dv-related-icon .dkttt_icon { width: 22px; height: 22px; color: var(--dkttt_primary); }
.dv-related-body { flex: 1; min-width: 0; }
.dv-related-name { display: block; color: var(--dkttt_text); font-weight: 500; font-size: 15px; margin: 0 0 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dv-related-info { color: var(--dkttt_text-secondary); font-size: 13px; }
.dv-related-dl { flex-shrink: 0; color: var(--dkttt_primary); font-size: 13px; display: inline-flex; align-items: center; gap: 4px; }
.dv-related-dl .dkttt_icon { width: 14px; height: 14px; }
@media (max-width: 768px) {
  .dv-head h1 { font-size: 22px; }
  .dv-meta { gap: 12px; font-size: 13px; }
  .dv-file-card { padding: 18px; }
  .dv-actions .dkttt_btn { flex: 1; text-align: center; }
}


.dv-hero-desc { margin: 14px 0 0; max-width: 780px; font-size: 15px; line-height: 1.8; opacity: .9; }
.dv-hero-meta { display: flex; flex-wrap: wrap; gap: 20px; margin: 20px 0 0; padding: 0; list-style: none; font-size: 14px; opacity: .9; }
.dv-hero-meta li { display: inline-flex; align-items: center; gap: 6px; }
.dv-hero-meta .dkttt_icon { width: 15px; height: 15px; }


.dkttt_page-banner .dkttt_banner-inner-flex {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap;
}
.dkttt_page-banner .dkttt_banner-inner-flex .dkttt_banner-column { flex: 1 1 auto; min-width: 0; }
.dkttt_banner-auth { flex: 0 0 auto; text-align: right; padding-bottom: 4px; }
.dkttt_banner-auth-tip {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 0 0 14px; font-size: 13px; color: #fff; opacity: .9;
}
.dkttt_banner-auth-tip .dkttt_icon { width: 15px; height: 15px; }
.dkttt_banner-auth-btns { display: flex; gap: 12px; justify-content: flex-end; }
.dkttt_banner-auth-btns .dkttt_btn { min-width: 108px; }

.dkttt_btn.dkttt_banner-auth-plain {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.7);
  color: #fff;
}
.dkttt_btn.dkttt_banner-auth-plain:hover {
  background: #fff; border-color: #fff; color: var(--dkttt_primary);
}
@media (max-width: 767px) {
  .dkttt_page-banner .dkttt_banner-inner-flex { align-items: stretch; }
  .dkttt_banner-auth { text-align: left; width: 100%; padding-bottom: 0; margin-top: 4px; }
  .dkttt_banner-auth-btns { justify-content: flex-start; }
  .dkttt_banner-auth-btns .dkttt_btn { flex: 1 1 0; }
}


.dkttt_dl-versions { display: flex; flex-direction: column; gap: 14px; margin-top: 8px; }
.dkttt_dl-version-item {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  padding: 18px 20px; background: #fff;
  border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius);
  transition: box-shadow .2s, border-color .2s;
}
.dkttt_dl-version-item:hover { border-color: var(--dkttt_primary-light-border); box-shadow: 0 6px 18px rgba(0,0,0,.06); }
.dkttt_dl-version-item.dkttt_is-latest { border-color: var(--dkttt_primary-light-border); background: var(--dkttt_primary-light); }
.dkttt_dl-version-info { flex: 1 1 220px; min-width: 0; }
.dkttt_dl-version-name { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; color: var(--dkttt_text); }
.dkttt_dl-version-tag { font-size: 12px; font-weight: 500; color: #fff; background: var(--dkttt_primary); border-radius: 20px; padding: 2px 10px; }
.dkttt_dl-version-tag.dkttt_dl-tag-stable { background: var(--dkttt_success); }
.dkttt_dl-version-tag.dkttt_dl-tag-compat { background: var(--dkttt_info); }
.dkttt_dl-version-meta { margin: 6px 0 0; font-size: 13px; color: var(--dkttt_text-secondary); display: flex; flex-wrap: wrap; gap: 16px; }
.dkttt_dl-version-btns { display: flex; flex-wrap: wrap; gap: 10px; margin-left: auto; }
@media (max-width: 768px) {
  .dkttt_dl-version-btns { margin-left: 0; width: 100%; }
  .dkttt_dl-version-btns .dkttt_download-btn { flex: 1; }
}


.dkttt_dv-layout { display: flex; gap: 28px; align-items: flex-start; margin-top: 20px; }
.dkttt_dv-main { flex: 1 1 auto; min-width: 0; }
.dkttt_dv-aside { flex: 0 0 360px; max-width: 360px; position: sticky; top: 90px; }
.dkttt_dv-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.dkttt_dv-features { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 24px; }
.dkttt_dv-feature { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; color: var(--dkttt_text-regular); line-height: 1.6; }
.dkttt_dv-feature .dkttt_icon { width: 18px; height: 18px; color: var(--dkttt_success); flex: 0 0 auto; margin-top: 2px; }

.dkttt_dl-panel { background: #fff; border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius-lg); overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,.05); }
.dkttt_dl-panel-head { display: flex; align-items: center; gap: 8px; padding: 16px 20px; font-size: 16px; font-weight: 600; color: #fff; background: var(--dkttt_primary); }
.dkttt_dl-panel-head .dkttt_icon { width: 20px; height: 20px; }
.dkttt_dl-group { padding: 8px 16px 4px; }
.dkttt_dl-group + .dkttt_dl-group { border-top: 1px dashed var(--dkttt_border-lighter); }
.dkttt_dl-group-title { font-size: 13px; font-weight: 600; color: var(--dkttt_primary); padding: 10px 4px 6px; letter-spacing: .5px; }
.dkttt_dl-panel .dkttt_dl-version-item { flex-wrap: wrap; padding: 12px; margin-bottom: 8px; }
.dkttt_dl-panel .dkttt_dl-version-btns { margin-left: 0; width: 100%; margin-top: 8px; }
.dkttt_dl-panel .dkttt_dl-version-btns .dkttt_btn { flex: 1; }
.dkttt_dl-version-extra { margin: 6px 0 0; font-size: 12px; color: var(--dkttt_text-placeholder); word-break: break-all; }
@media (max-width: 991px) {
  .dkttt_dv-layout { flex-direction: column; }
  .dkttt_dv-aside { flex: 1 1 auto; max-width: none; width: 100%; position: static; }
}
@media (max-width: 576px) {
  .dkttt_dv-features { grid-template-columns: 1fr; }
}


.dkttt_dl-section { margin: 0 0 28px; }
.dkttt_dl-section-title {
  display: flex; align-items: center; gap: 10px;
  margin: 0 0 20px;
}
.dkttt_dl-section-icon {
  width: 36px; height: 36px; flex: 0 0 auto;
  border-radius: 10px;
  background: linear-gradient(135deg, #2563EB, #3B82F6); color: #fff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 12px rgba(37, 99, 235, .3);
}
.dkttt_dl-section-icon .dkttt_icon { width: 20px; height: 20px; }
.dkttt_dl-section-title h2 { margin: 0; font-size: 20px; font-weight: 700; color: var(--dkttt_text); line-height: 1.2; }
.dkttt_dl-section-sub { margin: 2px 0 0; font-size: 13px; color: var(--dkttt_text-secondary); }


.dkttt_dl-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.dkttt_dl-source-card {
  display: flex; flex-direction: column;
  padding: 16px; background: #fff;
  border: 1px solid var(--dkttt_border-lighter);
  border-radius: 14px;
  transition: border-color .25s, box-shadow .25s, transform .25s;
}
.dkttt_dl-source-card:hover {
  border-color: rgba(37, 99, 235, .4);
  box-shadow: 0 8px 22px rgba(37, 99, 235, .1);
  transform: translateY(-2px);
}
.dkttt_dl-source-card.dkttt_is-featured {
  border-color: rgba(37, 99, 235, .35);
  background: linear-gradient(180deg, #F5F9FF 0%, #fff 60%);
}
.dkttt_dl-source-head {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 12px;
}
.dkttt_dl-source-icon {
  width: 38px; height: 38px; flex: 0 0 auto;
  border-radius: 10px;
  background: rgba(37, 99, 235, .1); color: #2563EB;
  display: flex; align-items: center; justify-content: center;
  font-size: 28px;
}
.dkttt_dl-source-icon .dkttt_icon { width: 19px; height: 19px; }
.dkttt_dl-source-icon-featured {
  background: linear-gradient(135deg, #2563EB, #3B82F6);
  color: #fff;
  box-shadow: 0 4px 12px rgba(37, 99, 235, .3);
}
.dkttt_dl-source-meta { flex: 1 1 auto; min-width: 0; }
.dkttt_dl-source-name-row {
  display: flex; align-items: center; gap: 6px;
  margin-bottom: 4px;
}
.dkttt_dl-source-name {
  font-size: 14px; font-weight: 600; color: var(--dkttt_text);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dkttt_dl-source-badge {
  display: inline-block; padding: 1px 6px;
  background: rgba(37, 99, 235, .1); color: #2563EB;
  border-radius: 4px; font-size: 16px; font-weight: 500;
  flex: 0 0 auto;
}
.dkttt_dl-source-tags {
  display: flex; align-items: center; gap: 6px;
  font-size: 11px; color: var(--dkttt_text-secondary);
}
.dkttt_dl-source-platform {
  display: inline-block; padding: 1px 6px;
  border: 1px solid var(--dkttt_border);
  border-radius: 4px; font-size: 10px;
}
.dkttt_dl-source-foot {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 0; margin-bottom: 12px;
  border-top: 1px solid var(--dkttt_border-lighter);
  font-size: 12px; color: var(--dkttt_text-secondary);
}
.dkttt_dl-source-size {
  display: inline-flex; align-items: center; gap: 4px;
}
.dkttt_dl-source-size .dkttt_icon { width: 13px; height: 13px; }
.dkttt_dl-source-extract {
  margin-left: auto;
  background: #FFF7E6; color: #D48806;
  padding: 2px 8px; border-radius: 4px;
  font-weight: 600; font-size: 11px;
}
.dkttt_dl-source-btn {
  display: flex; align-items: center; justify-content: center; gap: 5px;
  width: 100%; height: 34px;
  border-radius: 9px;
  font-weight: 500; font-size: 13px;
  transition: background .2s, border-color .2s, box-shadow .2s, transform .2s;
  margin-top: auto;
}
.dkttt_dl-source-btn .dkttt_icon { width: 14px; height: 14px; }
.dkttt_dl-source-btn-primary {
  background: linear-gradient(135deg, #2563EB, #3B82F6); color: #fff;
  box-shadow: 0 2px 8px rgba(37, 99, 235, .25);
}
.dkttt_dl-source-btn-primary:hover {
  background: linear-gradient(135deg, #1D4ED8, #2563EB);
  box-shadow: 0 4px 14px rgba(37, 99, 235, .4);
  transform: translateY(-1px);
}
.dkttt_dl-source-btn-outline {
  background: rgba(37, 99, 235, .04); color: #2563EB;
  border: 1px solid rgba(37, 99, 235, .3);
}
.dkttt_dl-source-btn-outline:hover {
  background: rgba(37, 99, 235, .1);
  border-color: #2563EB;
}


.dkttt_dl-tip-banner {
  display: flex; align-items: flex-start; gap: 12px;
  margin-top: 20px; padding: 16px 20px;
  background: linear-gradient(to right, #EFF6FF, #ECFEFF);
  border: 1px solid #DBEAFE;
  border-radius: 16px;
}
.dkttt_dl-tip-icon {
  width: 36px; height: 36px; flex: 0 0 auto;
  border-radius: 10px;
  background: rgba(255, 255, 255, .8); color: #2563EB;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}
.dkttt_dl-tip-icon .dkttt_icon { width: 20px; height: 20px; }
.dkttt_dl-tip-title { margin: 0 0 4px; font-size: 14px; font-weight: 600; color: #1E3A8A; }
.dkttt_dl-tip-desc { margin: 0; font-size: 12px; color: rgba(30, 58, 138, .7); line-height: 1.5; }


.dkttt_dl-card-sticky { position: sticky; top: 90px; }
.dkttt_dl-card-gradient {
  background: linear-gradient(to bottom right, #2563EB 0%, #3B82F6 50%, #06B6D4 100%);
  border-radius: 16px;
  padding: 24px;
  color: #fff;
  box-shadow: 0 16px 40px rgba(37, 99, 235, .25);
  position: relative; overflow: hidden;
}
.dkttt_dl-card-gradient::before {
  content: ""; position: absolute; top: -80px; right: -80px;
  width: 192px; height: 192px; border-radius: 50%;
  background: rgba(255, 255, 255, .1);
  filter: blur(48px);
}
.dkttt_dl-card-gradient::after {
  content: ""; position: absolute; bottom: -96px; left: -48px;
  width: 208px; height: 208px; border-radius: 50%;
  background: rgba(103, 232, 249, .2);
  filter: blur(48px);
}
.dkttt_dl-card-head {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 20px;
  position: relative; z-index: 1;
}
.dkttt_dl-card-crown {
  width: 48px; height: 48px; flex: 0 0 auto;
  border-radius: 12px;
  background: rgba(255, 255, 255, .15);
  border: 1px solid rgba(255, 255, 255, .2);
  display: flex; align-items: center; justify-content: center;
  backdrop-filter: blur(4px);
}
.dkttt_dl-card-crown .dkttt_icon { width: 24px; height: 24px; color: #FCD34D; }
.dkttt_dl-card-title {
  margin: 0; font-size: 18px; font-weight: 700;
}
.dkttt_dl-card-subtitle {
  margin: 2px 0 0; font-size: 12px; color: rgba(255, 255, 255, .7);
}
.dkttt_dl-card-benefits {
  list-style: none; padding: 0; margin: 0 0 24px;
  display: flex; flex-direction: column; gap: 12px;
  position: relative; z-index: 1;
}
.dkttt_dl-card-benefits li {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: 14px; color: rgba(255, 255, 255, .95);
  line-height: 1.5;
}
.dkttt_dl-card-benefits .dkttt_dl-check {
  width: 20px; height: 20px; flex: 0 0 auto;
  border-radius: 50%;
  background: rgba(255, 255, 255, .25);
  display: flex; align-items: center; justify-content: center;
  margin-top: 2px;
  backdrop-filter: blur(4px);
}
.dkttt_dl-card-benefits .dkttt_dl-check .dkttt_icon { width: 14px; height: 14px; color: #fff; }
.dkttt_dl-card-btns {
  display: flex; flex-direction: column; gap: 12px;
  position: relative; z-index: 1;
}
.dkttt_dl-card-login {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; height: 42px;
  background: #fff; color: #2563EB;
  border-radius: 11px;
  font-weight: 600; font-size: 14px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
  transition: background .2s, transform .2s;
}
.dkttt_dl-card-login:hover { background: #EFF6FF; transform: translateY(-1px); }
.dkttt_dl-card-login .dkttt_icon { width: 17px; height: 17px; }
.dkttt_dl-card-register {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; height: 42px;
  background: transparent; color: #fff;
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 11px;
  font-weight: 500; font-size: 13px;
  transition: background .2s, border-color .2s;
}
.dkttt_dl-card-register:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .6); }
.dkttt_dl-card-register .dkttt_icon { width: 17px; height: 17px; }
.dkttt_dl-card-tip {
  margin: 16px 0 0; padding-top: 16px;
  font-size: 16px; color: #FCD34D;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, .2);
  position: relative; z-index: 1;
}
.dkttt_dl-card-safety {
  display: flex; align-items: center; gap: 12px;
  margin-top: 16px; padding: 16px;
  background: #fff;
  border: 1px solid var(--dkttt_border-lighter);
  border-radius: 16px;
}
.dkttt_dl-card-safety-icon {
  width: 40px; height: 40px; flex: 0 0 auto;
  border-radius: 12px;
  background: #ECFDF5; color: #059669;
  display: flex; align-items: center; justify-content: center;
}
.dkttt_dl-card-safety-icon .dkttt_icon { width: 20px; height: 20px; }
.dkttt_dl-card-safety b {
  display: block; font-size: 14px; font-weight: 600; color: var(--dkttt_text);
  margin-bottom: 2px;
}
.dkttt_dl-card-safety p { margin: 0; font-size: 12px; color: var(--dkttt_text-secondary); line-height: 1.4; }

@media (max-width: 991px) {
  .dkttt_dl-card-sticky { position: static; }
  .dkttt_dl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 576px) {
  .dkttt_dl-grid { gap: 12px; }
  .dkttt_dl-source-card { padding: 16px; }
  .dkttt_dl-section-title { flex-wrap: wrap; }
}


.dkttt_auth-actions {
  display: flex; align-items: center; flex-wrap: wrap; gap: 14px;
  margin-top: 28px; padding: 22px 24px;
  background: var(--dkttt_bg); border: 1px dashed var(--dkttt_border);
  border-radius: var(--dkttt_radius);
}
.dkttt_auth-tip { flex: 1 1 240px; min-width: 0; display: flex; align-items: center; gap: 10px; color: var(--dkttt_text-regular); font-size: 14px; }
.dkttt_auth-tip .dkttt_icon { width: 22px; height: 22px; color: var(--dkttt_primary); flex: 0 0 auto; }
.dkttt_auth-tip strong { color: var(--dkttt_text); font-weight: 600; }
.dkttt_auth-actions .dkttt_btn { min-width: 120px; }
@media (max-width: 768px) {
  .dkttt_auth-actions { flex-direction: column; align-items: stretch; }
  .dkttt_auth-actions .dkttt_btn { width: 100%; }
}


.dkttt_auth-form { text-align: left; }
.dkttt_auth-form .dkttt_auth-field { margin-bottom: 14px; }
.dkttt_auth-form label { display: block; margin-bottom: 6px; font-size: 13px; color: var(--dkttt_text-regular); }
.dkttt_auth-form .dkttt_input { width: 100%; }
.dkttt_auth-form .dkttt_auth-hint { margin: 4px 0 0; font-size: 12px; color: var(--dkttt_text-placeholder); }


.dkttt_dl-card {
  display: block; height: 100%; background: #fff;
  border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius-lg);
  overflow: hidden; transition: box-shadow .25s, transform .25s, border-color .25s;
}
.dkttt_dl-card:hover { transform: translateY(-4px); border-color: var(--dkttt_primary-light-border); box-shadow: 0 14px 30px rgba(0,0,0,.1); }
.dkttt_dl-card-pic { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; background: var(--dkttt_bg-lighter); }
.dkttt_dl-card-pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
.dkttt_dl-card:hover .dkttt_dl-card-pic img { transform: scale(1.08); }
.dkttt_dl-card-badge {
  position: absolute; top: 12px; right: 12px; z-index: 1;
  font-size: 12px; font-weight: 600; color: #fff; letter-spacing: .5px;
  background: rgba(20,32,74,.72); border-radius: 4px; padding: 3px 10px;
}
.dkttt_dl-card-body { padding: 18px 20px 20px; }
.dkttt_dl-card-title {
  margin: 0; font-size: 17px; font-weight: 600; line-height: 1.5; color: var(--dkttt_text);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
}
.dkttt_dl-card:hover .dkttt_dl-card-title { color: var(--dkttt_primary); }
.dkttt_dl-card-desc {
  margin: 10px 0 0; font-size: 13px; line-height: 1.7; color: var(--dkttt_text-secondary);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden;
}
.dkttt_dl-card-meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px;
  margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--dkttt_border-exlight);
  font-size: 12px; color: var(--dkttt_text-secondary);
}
.dkttt_dl-card-meta span { display: inline-flex; align-items: center; gap: 5px; }
.dkttt_dl-card-meta .dkttt_icon { width: 14px; height: 14px; }
.dkttt_dl-card-meta .dkttt_dl-card-more { margin-left: auto; color: var(--dkttt_primary); font-weight: 500; display: inline-flex; align-items: center; gap: 4px; }


.dkttt_doc-card {
  display: flex; align-items: flex-start; gap: 16px; height: 100%; background: #fff;
  border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius-lg);
  padding: 22px 20px; transition: box-shadow .25s, transform .25s, border-color .25s;
}
.dkttt_doc-card:hover { transform: translateY(-4px); border-color: var(--dkttt_primary-light-border); box-shadow: 0 14px 30px rgba(0,0,0,.08); }
.dkttt_doc-card-icon { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 12px; background: var(--dkttt_primary-light); color: var(--dkttt_primary); display: flex; align-items: center; justify-content: center; }
.dkttt_doc-card-icon .dkttt_icon { width: 24px; height: 24px; }
.dkttt_doc-card-body { flex: 1; min-width: 0; }
.dkttt_doc-card-title {
  margin: 0; font-size: 17px; font-weight: 600; line-height: 1.5; color: var(--dkttt_text);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden;
}
.dkttt_doc-card:hover .dkttt_doc-card-title { color: var(--dkttt_primary); }
.dkttt_doc-card-desc {
  margin: 8px 0 0; font-size: 13px; line-height: 1.7; color: var(--dkttt_text-secondary);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
}
.dkttt_doc-card-meta { display: flex; align-items: center; gap: 6px 16px; margin-top: 14px; font-size: 12px; color: var(--dkttt_text-secondary); }
.dkttt_doc-card-meta span { display: inline-flex; align-items: center; gap: 5px; }
.dkttt_doc-card-meta .dkttt_icon { width: 14px; height: 14px; }
.dkttt_doc-card-meta .dkttt_doc-card-more { margin-left: auto; color: var(--dkttt_primary); font-weight: 500; }


.dkttt_doc-detail { background: #fff; border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius-lg); padding: 32px; }
.dkttt_doc-detail-head { padding-bottom: 20px; border-bottom: 1px solid var(--dkttt_border-exlight); margin-bottom: 24px; }
.dkttt_doc-detail-head h1 { margin: 0; font-size: 26px; line-height: 1.4; color: var(--dkttt_text); }
.dkttt_doc-detail-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 14px; font-size: 13px; color: var(--dkttt_text-secondary); }
.dkttt_doc-detail-meta span { display: inline-flex; align-items: center; gap: 5px; }
.dkttt_doc-detail-meta .dkttt_icon { width: 14px; height: 14px; }
.dkttt_doc-detail-nav { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--dkttt_border-exlight); font-size: 14px; }
.dkttt_doc-detail-nav a { color: var(--dkttt_text-regular); display: inline-flex; align-items: center; gap: 6px; transition: color .2s; }
.dkttt_doc-detail-nav a:hover { color: var(--dkttt_primary); }
.dkttt_doc-detail-nav .dkttt_is-disabled { color: var(--dkttt_text-placeholder); }
.dkttt_doc-detail-nav .dkttt_icon { width: 16px; height: 16px; }


.dkttt_doc-side, .dkttt_video-side { background: #fff; border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius-lg); padding: 20px; }
.dkttt_doc-side-title, .dkttt_video-side-title { font-size: 16px; font-weight: 600; color: var(--dkttt_text); padding-bottom: 14px; margin-bottom: 6px; border-bottom: 2px solid var(--dkttt_primary); display: inline-block; }
.dkttt_doc-side-list { list-style: none; margin: 8px 0 0; padding: 0; }
.dkttt_doc-side-list li { border-bottom: 1px dashed var(--dkttt_border-exlight); }
.dkttt_doc-side-list li:last-child { border-bottom: none; }
.dkttt_doc-side-list a { display: flex; align-items: center; gap: 8px; padding: 12px 0; font-size: 14px; color: var(--dkttt_text-regular); transition: color .2s; }
.dkttt_doc-side-list a:hover { color: var(--dkttt_primary); }
.dkttt_doc-side-list .dkttt_icon { width: 15px; height: 15px; flex: 0 0 auto; color: var(--dkttt_text-secondary); }
.dkttt_doc-side-list a span, .dkttt_doc-side-list a { min-width: 0; }
.dkttt_doc-side-empty, .dkttt_video-side-empty { padding: 16px 0; color: var(--dkttt_text-placeholder); font-size: 13px; }


.dkttt_video-card {
  display: block; height: 100%; background: #fff;
  border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius-lg);
  overflow: hidden; transition: box-shadow .25s, transform .25s, border-color .25s;
}
.dkttt_video-card:hover { transform: translateY(-4px); border-color: var(--dkttt_primary-light-border); box-shadow: 0 14px 30px rgba(0,0,0,.1); }
.dkttt_video-card-pic { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; background: var(--dkttt_bg-lighter); }
.dkttt_video-card-pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
.dkttt_video-card:hover .dkttt_video-card-pic img { transform: scale(1.08); }
.dkttt_video-card-play {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;
  width: 56px; height: 56px; border-radius: 50%; background: rgba(0,0,0,.45);
  display: flex; align-items: center; justify-content: center; transition: background .25s, transform .25s;
}
.dkttt_video-card:hover .dkttt_video-card-play { background: var(--dkttt_primary); transform: translate(-50%, -50%) scale(1.06); }
.dkttt_video-card-play .dkttt_icon { width: 26px; height: 26px; color: #fff; }
.dkttt_video-card-cate { position: absolute; top: 12px; left: 12px; z-index: 1; font-size: 12px; color: #fff; background: rgba(20,32,74,.72); border-radius: 4px; padding: 3px 10px; }
.dkttt_video-card-body { padding: 16px 18px 18px; }
.dkttt_video-card-title {
  margin: 0; font-size: 16px; font-weight: 600; line-height: 1.5; color: var(--dkttt_text);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden;
}
.dkttt_video-card:hover .dkttt_video-card-title { color: var(--dkttt_primary); }
.dkttt_video-card-desc {
  margin: 8px 0 0; font-size: 13px; line-height: 1.7; color: var(--dkttt_text-secondary);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
}
.dkttt_video-card-meta { display: flex; align-items: center; gap: 6px 16px; margin-top: 12px; font-size: 12px; color: var(--dkttt_text-secondary); }
.dkttt_video-card-meta span { display: inline-flex; align-items: center; gap: 5px; }
.dkttt_video-card-meta .dkttt_icon { width: 14px; height: 14px; }


.dkttt_video-player { margin-bottom: 24px; }
.dkttt_video-detail { background: #fff; border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius-lg); padding: 24px 28px; }
.dkttt_video-detail-title { margin: 0; font-size: 22px; line-height: 1.4; color: var(--dkttt_text); }
.dkttt_video-detail-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--dkttt_border-exlight); font-size: 13px; color: var(--dkttt_text-secondary); }
.dkttt_video-detail-meta span { display: inline-flex; align-items: center; gap: 5px; }
.dkttt_video-detail-meta .dkttt_icon { width: 14px; height: 14px; }
.dkttt_video-detail .dkttt_rich-text { margin-top: 18px; }


.dkttt_video-playlist { background: #fff; border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius-lg); padding: 18px 20px; margin-top: 20px; }
.dkttt_video-playlist-title { font-size: 16px; font-weight: 600; color: var(--dkttt_text); margin-bottom: 8px; }
.dkttt_video-playlist ul { list-style: none; margin: 0; padding: 0; }
.dkttt_video-playlist-item { display: flex; align-items: center; gap: 10px; padding: 12px 10px; border-radius: var(--dkttt_radius); font-size: 14px; color: var(--dkttt_text-regular); cursor: pointer; transition: background .2s, color .2s; }
.dkttt_video-playlist-item:hover { background: var(--dkttt_bg-exlight); color: var(--dkttt_primary); }
.dkttt_video-playlist-item.dkttt_is-current { background: var(--dkttt_primary-light); color: var(--dkttt_primary); font-weight: 600; }
.dkttt_video-playlist-item .dkttt_icon { width: 16px; height: 16px; flex: 0 0 auto; }


.dkttt_video-side-list { list-style: none; margin: 8px 0 0; padding: 0; }
.dkttt_video-side-list li { margin-bottom: 14px; }
.dkttt_video-side-list li:last-child { margin-bottom: 0; }
.dkttt_video-side-list a { display: flex; gap: 12px; align-items: center; }
.dkttt_video-side-pic { position: relative; flex: 0 0 auto; width: 110px; height: 62px; border-radius: 6px; overflow: hidden; background: var(--dkttt_bg-lighter); }
.dkttt_video-side-pic img { width: 100%; height: 100%; object-fit: cover; }
.dkttt_video-side-pic .dkttt_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 22px; height: 22px; color: #fff; }
.dkttt_video-side-name {
  flex: 1; min-width: 0; font-size: 14px; line-height: 1.5; color: var(--dkttt_text-regular);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
}
.dkttt_video-side-list a:hover .dkttt_video-side-name { color: var(--dkttt_primary); }

@media (max-width: 991px) {
  .dkttt_doc-detail, .dkttt_video-detail { padding: 24px 18px; }
  .dkttt_doc-side, .dkttt_video-side { margin-top: 20px; }
}
@media (max-width: 767px) {
  .dkttt_doc-card { padding: 18px 16px; gap: 12px; }
  .dkttt_doc-detail-head h1 { font-size: 22px; }
  .dkttt_doc-detail-nav { flex-direction: column; }
}


.common-banner { height: 240px; background: linear-gradient(120deg,#2b4bd8,#5b7cff); display: flex; align-items: center; justify-content: center; color: #fff; }
.common-banner h1 { font-size: 34px; margin: 0; }
.list-download-main .dkttt_container { max-width: 1200px; margin: 0 auto; padding: 40px 16px; }
.download-collapse { list-style: none; margin: 0; padding: 0; }
.download-collapse > li { display: flex; align-items: center; }
.download-collapse .th, .download-collapse .td { flex: 1; padding: 16px 12px; }
.download-collapse .th { font-weight: 600; color: #303133; background: #f5f7fa; }
.download-collapse-item { flex-direction: column; align-items: stretch !important; }
.download-collapse-head { display: flex; align-items: center; cursor: pointer; }
.download-collapse-head .td { flex: 1; }
.download-collapse-content { display: none; padding: 0 12px 18px; color: #606266; }
.collapse-icon { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 50%; background: #eaf2ff; color: #335df8; font-weight: 700; cursor: pointer; }
.load-more-menu { display: none; }
.load-more-container { text-align: center; padding: 24px 0; }
.load-more-btn { display: inline-flex; align-items: center; gap: 6px; background: none; border: none; color: #335df8; cursor: pointer; font-size: 15px; }
.list-download-h5 .info { display: flex; gap: 24px; color: #909399; font-size: 13px; margin-bottom: 8px; }
.download-dialog-body ul { list-style: none; padding: 0; margin: 0; }
.download-dialog-body li { display: flex; gap: 8px; padding: 8px 0; }
.download-dialog-body .label { color: #909399; white-space: nowrap; }
.download-dialog-body .link, .download-dialog-body .pwd { color: #303133; word-break: break-all; }


.dkttt_contact-container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.map-banner { position: relative; height: 420px; }
.map-banner .map-content { position: absolute; inset: 0; background-size: cover; background-position: center; }
.map-banner .text-content { position: relative; display: inline-block; margin-top: 40px; padding: 24px 40px; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.12); }
.map-banner .text-content p { color: #909399; letter-spacing: 2px; margin: 0; }
.map-banner .text-content h1 { margin: 6px 0 0; font-size: 26px; color: #303133; }
.info-panel { background: #fff; border-radius: 12px; padding: 40px; margin-top: -40px; position: relative; box-shadow: 0 2px 12px rgba(0,0,0,.05); }
.address .subtitle { font-size: 20px; font-weight: 600; margin-bottom: 20px; }
.address ul { list-style: none; padding: 0; margin: 0; }
.address li { display: flex; gap: 16px; padding: 12px 0; }
.address .left { width: 44px; height: 44px; border-radius: 50%; background: #eaf2ff; color: #335df8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.address .left i { font-size: 20px; }
.address .right p { color: #909399; font-size: 13px; margin: 0; }
.address .right h4 { margin: 4px 0 0; color: #303133; font-weight: 500; }
.qr-code { display: flex; gap: 30px; justify-content: flex-end; padding-top: 10px; }
.qr-code-item { text-align: center; }
.qr-code-item img { width: 130px; height: 130px; border-radius: 8px; }
.qr-code-item span { display: block; margin-top: 8px; color: #606266; font-size: 13px; }
.form-panel { background: #fff; border-radius: 12px; padding: 40px; margin: 24px 0 60px; box-shadow: 0 2px 12px rgba(0,0,0,.05); }
.form-panel input[type="text"] { width: 100%; height: 46px; padding: 0 16px; border: 1px solid #dcdfe6; border-radius: 4px; box-sizing: border-box; }
.form-panel input[type="text"]:focus { outline: none; border-color: #335df8; }
.form-panel input.dkttt_err { border-color: #eb5757; }
.msg-form .input-item { margin-bottom: 10px; }
.msg-form input { width: 100%; height: 40px; padding: 0 12px; border: 1px solid #dcdfe6; border-radius: 4px; box-sizing: border-box; }
.msg-form input:focus { outline: none; border-color: #335df8; }
.site-footer { background: #1f2430; color: #a7adba; padding: 40px 0; text-align: center; font-size: 13px; }


.fixed-container { position: fixed; right: 20px; bottom: 90px; z-index: 500; }
.fixed-nav { list-style: none; margin: 0; padding: 0; background: #fff; border-radius: 40px; box-shadow: 0 4px 20px rgba(0,0,0,.12); overflow: hidden; }
.fixed-nav li .icon { display: flex; width: 52px; height: 52px; align-items: center; justify-content: center; color: #606266; cursor: pointer; transition: all .25s; }
.fixed-nav li .icon:hover { background: #335df8; color: #fff; }
.fixed-nav li .icon i { font-size: 22px; }
.fixed-top { margin-top: 12px; width: 52px; height: 52px; border-radius: 50%; background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,.12); display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; color: #606266; transition: all .25s; }
.fixed-top:hover { background: #335df8; color: #fff; }
.fixed-top i { font-size: 16px; }
.fixed-top span { font-size: 11px; }


.fb-container { max-width: 900px; margin: 0 auto; padding: 0 16px; }
.fb-banner { position: relative; height: 260px; overflow: hidden; }
.fb-banner .fb-bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.fb-banner .fb-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(51,93,248,.55), rgba(51,93,248,.85)); }
.fb-banner .fb-inner { position: relative; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; }
.fb-banner .fb-inner p { margin: 0 0 8px; letter-spacing: 3px; font-size: 13px; opacity: .85; }
.fb-banner .fb-inner h1 { margin: 0; font-size: 30px; font-weight: 600; }
.fb-card { background: #fff; border-radius: 12px; padding: 40px; margin: -60px 0 60px; position: relative; box-shadow: 0 2px 16px rgba(0,0,0,.06); }
.fb-upload input[type="file"] { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.fb-upload .fb-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 28px 16px; border: 1px dashed var(--dkttt_border); border-radius: var(--dkttt_radius); cursor: pointer; color: var(--dkttt_text-secondary); background: var(--dkttt_bg-exlight); transition: all .2s; text-align: center; }
.fb-upload .fb-drop:hover { border-color: var(--dkttt_primary); color: var(--dkttt_primary); background: var(--dkttt_primary-light); }
.fb-upload .fb-drop i { font-size: 30px; }
.fb-upload .fb-drop .fb-drop-main { font-size: 14px; }
.fb-upload .fb-drop .fb-drop-sub { font-size: 12px; color: var(--dkttt_text-placeholder); }
.fb-files { list-style: none; margin: 12px 0 0; padding: 0; }
.fb-files li { display: flex; align-items: center; gap: 10px; padding: 8px 12px; margin-top: 8px; border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius); background: #fff; font-size: 13px; color: var(--dkttt_text-regular); }
.fb-files li .fb-file-icon { color: var(--dkttt_primary); font-size: 16px; flex: 0 0 auto; }
.fb-files li .fb-file-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fb-files li .fb-file-size { flex: 0 0 auto; color: var(--dkttt_text-secondary); }
.fb-files li .fb-file-del { flex: 0 0 auto; cursor: pointer; color: var(--dkttt_text-placeholder); transition: color .2s; }
.fb-files li .fb-file-del:hover { color: var(--dkttt_danger); }
.fb-actions { display: flex; gap: 12px; align-items: center; margin-top: 8px; }
.fb-actions .dkttt_btn { min-width: 140px; }

.fb-info-card { padding: 28px 32px; margin: 0 0 60px; }
.fb-info-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.fb-info-item { display: flex; align-items: center; gap: 12px; }
.fb-info-item i { flex: 0 0 auto; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 50%; background: var(--dkttt_primary-light); color: var(--dkttt_primary); font-size: 20px; }
.fb-info-item p { margin: 0 0 2px; font-size: 12px; color: var(--dkttt_text-secondary); }
.fb-info-item h4 { margin: 0; font-size: 15px; font-weight: 600; color: var(--dkttt_text-primary); }
@media (max-width: 991px) {
  .fb-info-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .fb-banner { height: 200px; }
  .fb-banner .fb-inner h1 { font-size: 24px; }
  .fb-card { padding: 24px 16px; margin: -50px 0 40px; }
  .fb-info-card { padding: 20px 16px; }
  .fb-info-grid { grid-template-columns: 1fr; }
  .fb-actions { flex-direction: column; align-items: stretch; }
  .fb-actions .dkttt_btn { width: 100%; }
}


.dkttt_comment-box { margin-top: 48px; padding: 32px; background: #fff; border: 1px solid #eef0f4; border-radius: 12px; box-shadow: 0 2px 16px rgba(0, 0, 0, .05); }
.dkttt_comment-head { margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #f0f2f5; }
.dkttt_comment-head h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: 20px; font-weight: 600; color: #303133; }
.dkttt_comment-head h3 .dkttt_icon { color: var(--dkttt_primary); }
.dkttt_comment-head p { margin: 0; font-size: 13px; color: #909399; }
.dkttt_comment-head h3 .dkttt_comment-count { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 7px; margin-left: 4px; font-size: 12px; font-style: normal; line-height: 22px; color: #fff; background: var(--dkttt_primary); border-radius: 11px; }
.dkttt_comment-actions { display: flex; gap: 12px; align-items: center; margin-top: 8px; }
.dkttt_comment-actions .dkttt_btn { min-width: 140px; }

.dkttt_comment-form { margin-bottom: 24px; }
.dkttt_comment-form-user { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.dkttt_comment-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #f0f2f5; flex: 0 0 auto; }
.dkttt_comment-username { font-size: 14px; font-weight: 600; color: #303133; }
.dkttt_comment-form .dkttt_textarea { width: 100%; }

.dkttt_comment-login-tip { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 28px 16px; margin-bottom: 8px; text-align: center; background: #fafbfc; border: 1px dashed #dfe3e8; border-radius: 10px; }
.dkttt_comment-login-tip .dkttt_icon { font-size: 32px; color: #c0c4cc; }
.dkttt_comment-login-tip p { margin: 0; font-size: 14px; color: #909399; }
.dkttt_comment-login-tip .dkttt_btn { min-width: 120px; }

.dkttt_comment-list { list-style: none; margin: 8px 0 0; padding: 0; }
.dkttt_comment-item { display: flex; gap: 12px; padding: 18px 0; border-top: 1px solid #f0f2f5; }
.dkttt_comment-item:first-child { border-top: none; }
.dkttt_comment-body { flex: 1 1 auto; min-width: 0; }
.dkttt_comment-meta { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
.dkttt_comment-name { font-size: 14px; font-weight: 600; color: #303133; }
.dkttt_comment-time { font-size: 12px; color: #b0b3b8; }
.dkttt_comment-text { font-size: 14px; line-height: 1.7; color: #5a5e66; word-break: break-word; white-space: pre-wrap; }
.dkttt_comment-empty { padding: 28px 0; text-align: center; font-size: 14px; color: #b0b3b8; }
.dkttt_comment-more { margin-top: 16px; text-align: center; }
.dkttt_comment-more .dkttt_btn { min-width: 160px; }
@media (max-width: 767px) {
  .dkttt_comment-box { margin-top: 32px; padding: 20px 16px; }
  .dkttt_comment-head h3 { font-size: 18px; }
  .dkttt_comment-actions { flex-direction: column; align-items: stretch; }
  .dkttt_comment-actions .dkttt_btn { width: 100%; }
}


.pv-buy-nav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; background: rgba(255, 255, 255, 0.98); backdrop-filter: saturate(180%) blur(6px); border-top: 2px solid var(--dkttt_primary); box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.14); transition: box-shadow 0.2s ease; }
.pv-buy-nav.pv-buy-docked { position: static; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); border-top: 2px solid var(--dkttt_primary); background: #fff; backdrop-filter: none; }
.pv-buy-dock { height: 0; }
.pv-main { padding-bottom: 72px; }
.pv-main.pv-main-docked { padding-bottom: 0; }
.pv-buy-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 12px; padding-bottom: 12px; }
.pv-buy-title { font-size: 18px; font-weight: 600; color: #303133; white-space: nowrap; }
.pv-buy-right { display: flex; align-items: center; gap: 20px; }
.pv-tabs > .pv-buy-nav .dkttt_tabs-header { border-bottom: none; }
.pv-gallery { height: 460px; }
.pv-gallery .dkttt_carousel-slide { height: 460px; }
@media (max-width: 767px) {
  .pv-buy-title { display: none; }
  .pv-buy-right { gap: 12px; }
  .pv-gallery { height: 260px; }
  .pv-gallery .dkttt_carousel-slide { height: 260px; }
}


.pd-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 40px; padding: 28px 16px 8px; align-items: start; }
.pd-hero-media .pv-gallery { border-radius: 12px; overflow: hidden; box-shadow: 0 6px 24px rgba(0,0,0,.08); }
.pd-hero-cover { border-radius: 12px; overflow: hidden; box-shadow: 0 6px 24px rgba(0,0,0,.08); background: var(--dkttt_bg-exlight); }
.pd-hero-cover img { display: block; width: 100%; height: auto; }
.pd-hero-info { min-width: 0; }
.pd-title { margin: 0 0 10px; font-size: 26px; line-height: 1.35; font-weight: 700; color: var(--dkttt_text-primary); }
.pd-tips { margin: 0 0 18px; color: var(--dkttt_text-secondary); line-height: 1.7; }
.pd-price-box { display: flex; align-items: baseline; gap: 12px; padding: 16px 20px; margin: 0 0 20px; background: linear-gradient(135deg, var(--dkttt_primary-light), #fff); border-radius: 10px; }
.pd-price-cur { color: var(--dkttt_primary); font-size: 18px; font-weight: 600; }
.pd-price { color: var(--dkttt_primary); font-size: 34px; font-weight: 800; line-height: 1; }
.pd-base-price { color: var(--dkttt_text-placeholder); font-size: 15px; }
.pd-meta { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 18px; }
.pd-meta-label { flex: 0 0 auto; padding-top: 4px; color: var(--dkttt_text-secondary); font-size: 14px; }
.pd-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.pd-badge { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 999px; background: var(--dkttt_bg-exlight); border: 1px solid var(--dkttt_border-lighter); color: var(--dkttt_text-regular); font-size: 13px; }
.pd-feature-list { list-style: none; margin: 0 0 22px; padding: 0; display: grid; grid-template-columns: 1fr; gap: 10px; }
.pd-feature-list li { display: flex; align-items: flex-start; gap: 8px; color: var(--dkttt_text-regular); line-height: 1.6; }
.pd-feature-list li .dkttt_icon { flex: 0 0 auto; margin-top: 3px; color: var(--dkttt_success, #52c41a); font-size: 15px; }
.pd-actions { display: flex; gap: 14px; margin: 0 0 20px; }
.pd-actions .dkttt_btn { min-width: 150px; height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 15px; }
.pd-actions .dkttt_btn .dkttt_icon { font-size: 17px; }
.pd-btn-consult { border: 1px solid var(--dkttt_primary); color: var(--dkttt_primary); background: #fff; }
.pd-btn-consult:hover { background: var(--dkttt_primary-light); }

.pd-brand-entry { margin: 0 0 20px; padding: 16px 18px; background: var(--dkttt_primary-light); border: 1px solid var(--dkttt_border-lighter); border-radius: 10px; }
.pd-brand-entry-title { font-size: 14px; color: var(--dkttt_text-regular); margin-bottom: 12px; font-weight: 600; }
.pd-brand-entry-btns { display: flex; flex-wrap: wrap; gap: 12px; }
.pd-brand-btn { min-width: 130px; height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 14px; }
.pd-brand-btn .dkttt_icon { font-size: 16px; }
.pd-brand-btn-down { background: var(--dkttt_success, #2e9b5b); color: #fff; border: 1px solid var(--dkttt_success, #2e9b5b); }
.pd-brand-btn-down:hover { filter: brightness(.94); color: #fff; }
.pd-trust { list-style: none; margin: 0; padding: 16px 0 0; border-top: 1px dashed var(--dkttt_border-lighter); display: flex; flex-wrap: wrap; gap: 22px; }
.pd-trust li { display: inline-flex; align-items: center; gap: 6px; color: var(--dkttt_text-secondary); font-size: 13px; }
.pd-trust li .dkttt_icon { color: var(--dkttt_primary); font-size: 15px; }

.pd-anchor-wrap { position: sticky; top: 0; z-index: 20; background: #fff; border-bottom: 1px solid var(--dkttt_border-lighter); margin-top: 16px; }
.pd-anchor { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; overflow-x: auto; }
.pd-anchor-item { flex: 0 0 auto; padding: 16px 20px; cursor: pointer; color: var(--dkttt_text-regular); font-size: 15px; border-bottom: 3px solid transparent; transition: color .2s, border-color .2s; white-space: nowrap; }
.pd-anchor-item:hover { color: var(--dkttt_primary); }
.pd-anchor-item.dkttt_is-active { color: var(--dkttt_primary); border-bottom-color: var(--dkttt_primary); font-weight: 600; }

.pd-section { padding: 36px 16px; scroll-margin-top: 64px; }
.pd-section-title { position: relative; margin: 0 0 24px; padding-left: 14px; font-size: 20px; font-weight: 700; color: var(--dkttt_text-primary); }
.pd-section-title::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 4px; border-radius: 2px; background: var(--dkttt_primary); }
.pd-rich { color: var(--dkttt_text-regular); line-height: 1.9; }
.pd-rich img { max-width: 100%; height: auto; }
.pd-empty { color: var(--dkttt_text-placeholder); text-align: center; padding: 30px 0; }

.pd-spec-table { width: 100%; border-collapse: collapse; border: 1px solid var(--dkttt_border-lighter); border-radius: 8px; overflow: hidden; }
.pd-spec-table tr:nth-child(even) { background: var(--dkttt_bg-exlight); }
.pd-spec-table th { width: 180px; text-align: left; padding: 14px 18px; color: var(--dkttt_text-secondary); font-weight: 500; background: var(--dkttt_bg-exlight); border-bottom: 1px solid var(--dkttt_border-lighter); border-right: 1px solid var(--dkttt_border-lighter); vertical-align: top; }
.pd-spec-table td { padding: 14px 18px; color: var(--dkttt_text-primary); border-bottom: 1px solid var(--dkttt_border-lighter); }
.pd-spec-table tr:last-child th, .pd-spec-table tr:last-child td { border-bottom: none; }

.pd-faq { list-style: none; margin: 0; padding: 0; }
.pd-faq-item { border: 1px solid var(--dkttt_border-lighter); border-radius: 8px; margin-bottom: 12px; overflow: hidden; background: #fff; }
.pd-faq-q { display: flex; align-items: center; gap: 10px; padding: 16px 18px; cursor: pointer; font-size: 15px; font-weight: 600; color: var(--dkttt_text-primary); user-select: none; }
.pd-faq-q > .dkttt_icon:first-child { color: var(--dkttt_primary); font-size: 18px; flex: 0 0 auto; }
.pd-faq-q span { flex: 1; }
.pd-faq-caret { flex: 0 0 auto; color: var(--dkttt_text-secondary); transition: transform .25s; transform: rotate(180deg); }
.pd-faq-open .pd-faq-caret { transform: rotate(0deg); }
.pd-faq-a { max-height: 0; overflow: hidden; transition: max-height .3s ease, padding .3s ease; padding: 0 18px 0 46px; }
.pd-faq-open .pd-faq-a { max-height: 400px; padding: 0 18px 16px 46px; }
.pd-faq-a p { margin: 0; color: var(--dkttt_text-regular); line-height: 1.8; }

.pd-price-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--dkttt_border-lighter); border-radius: 10px; }
.pd-price-table { width: 100%; min-width: 520px; border-collapse: collapse; background: #fff; }
.pd-price-table thead th { padding: 16px 18px; text-align: left; font-size: 14px; font-weight: 600; color: #fff; background: var(--dkttt_primary); white-space: nowrap; }
.pd-price-table thead th:first-child { border-top-left-radius: 10px; }
.pd-price-table thead th:last-child { border-top-right-radius: 10px; }
.pd-price-table tbody td { padding: 15px 18px; border-bottom: 1px solid var(--dkttt_border-lighter); color: var(--dkttt_text-primary); font-size: 14px; vertical-align: middle; }
.pd-price-table tbody tr:last-child td { border-bottom: none; }
.pd-price-table tbody tr:nth-child(even) { background: var(--dkttt_bg-exlight); }
.pd-price-table tbody tr:hover { background: rgba(51, 93, 248, 0.06); }
.pd-pt-name { font-weight: 600; }
.pd-pt-band { color: var(--dkttt_text-regular); }
.pd-pt-price-num { color: var(--dkttt_danger, #e64545); font-weight: 700; font-size: 16px; }
.pd-pt-remark { color: var(--dkttt_text-secondary); }

.pd-download-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.pd-download-item { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border: 1px solid var(--dkttt_border-lighter); border-radius: 10px; background: #fff; color: var(--dkttt_text-primary); text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; }
.pd-download-item:hover { border-color: var(--dkttt_primary); box-shadow: 0 6px 18px rgba(51, 93, 248, 0.12); transform: translateY(-2px); color: var(--dkttt_primary); }
.pd-download-item > .dkttt_icon:first-child { flex: 0 0 auto; width: 22px; height: 22px; background-color: var(--dkttt_primary); }
.pd-download-name { flex: 1; font-size: 15px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-download-arrow { flex: 0 0 auto; width: 16px; height: 16px; background-color: var(--dkttt_text-secondary); transition: background-color .2s; }
.pd-download-item:hover .pd-download-arrow { background-color: var(--dkttt_primary); }

.pd-qr-mask { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; }
.pd-qr-mask.pd-qr-show { opacity: 1; visibility: visible; }
.pd-qr-dialog { position: relative; width: 360px; max-width: 100%; background: #fff; border-radius: 16px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28); padding: 28px 28px 30px; text-align: center; transform: translateY(16px) scale(.96); transition: transform .28s cubic-bezier(.22,1,.36,1); }
.pd-qr-mask.pd-qr-show .pd-qr-dialog { transform: translateY(0) scale(1); }
.pd-qr-close { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border: none; border-radius: 50%; background: var(--dkttt_bg-exlight); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .2s; }
.pd-qr-close:hover { background: var(--dkttt_border-lighter); }
.pd-qr-close .dkttt_icon { width: 16px; height: 16px; background-color: var(--dkttt_text-secondary); }
.pd-qr-head { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-bottom: 20px; }
.pd-qr-head .dkttt_icon { width: 40px; height: 40px; background-color: var(--dkttt_primary); }
.pd-qr-title { margin: 0; font-size: 19px; font-weight: 700; color: var(--dkttt_text-primary); }
.pd-qr-img-box { display: inline-block; padding: 14px; border: 1px solid var(--dkttt_border-lighter); border-radius: 12px; background: #fff; }
.pd-qr-img { display: block; width: 200px; height: 200px; object-fit: contain; }
.pd-qr-tip { margin: 18px 0 0; font-size: 14px; color: var(--dkttt_text-secondary); line-height: 1.7; }
@media (max-width: 991px) {
  .pd-hero { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 767px) {
  .pd-title { font-size: 21px; }
  .pd-price { font-size: 28px; }
  .pd-actions { flex-direction: column; }
  .pd-actions .dkttt_btn { width: 100%; }
  .pd-section { padding: 28px 16px; }
  .pd-spec-table th { width: 110px; padding: 12px; }
  .pd-spec-table td { padding: 12px; }
  .pd-download-grid { grid-template-columns: 1fr; }
  .pd-qr-dialog { width: 100%; padding: 24px 20px 26px; }
  .pd-qr-img { width: 180px; height: 180px; }
}


.sp-main { padding-bottom: 72px; }

.sp-banner { position: relative; padding: 64px 0; background-size: cover; background-position: center; color: #fff; }
.sp-banner::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20,40,90,.78), rgba(20,40,90,.35)); }
.sp-banner .dkttt_container { position: relative; z-index: 1; }
.sp-banner-title { margin: 0; font-size: 34px; font-weight: 700; }
.sp-banner-sub { margin: 14px 0 0; font-size: 16px; opacity: .92; max-width: 720px; line-height: 1.8; }
.sp-banner-crumb { margin: 16px 0 0; }
.sp-banner-crumb .dkttt_breadcrumb-item, .sp-banner-crumb a { color: rgba(255,255,255,.85); }
.sp-banner-crumb a:hover { color: #fff; }
.sp-banner-about { padding: 92px 0; }

.sp-body { padding-top: 48px; }
.sp-article { background: #fff; border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius-lg); padding: 36px 40px; box-shadow: var(--dkttt_shadow-panel); }
.sp-meta { display: flex; gap: 22px; color: var(--dkttt_text-secondary); font-size: 13px; padding-bottom: 18px; margin-bottom: 24px; border-bottom: 1px dashed var(--dkttt_border-light); }
.sp-meta span { display: inline-flex; align-items: center; gap: 6px; }
.sp-meta .dkttt_icon { width: 15px; height: 15px; background-color: var(--dkttt_text-secondary); }
.sp-rich { font-size: 15px; }
.sp-empty { color: var(--dkttt_text-secondary); text-align: center; padding: 40px 0; }

.sp-stats { margin-top: -46px; position: relative; z-index: 2; }
.sp-stat { background: #fff; border-radius: var(--dkttt_radius-lg); box-shadow: 0 8px 24px rgba(51,93,248,.12); text-align: center; padding: 28px 14px; }
.sp-stat strong { display: block; font-size: 34px; color: var(--dkttt_primary); font-weight: 700; line-height: 1; }
.sp-stat strong span { font-size: 18px; }
.sp-stat em { display: block; margin-top: 10px; font-style: normal; color: var(--dkttt_text-regular); font-size: 14px; }

.sp-intro { align-items: center; }
.sp-intro-pic img { display: block; width: 100%; border-radius: var(--dkttt_radius-lg); }
.sp-intro-text { font-size: 15px; }
.sp-values-wrap { padding: 64px 0; margin-top: 20px; }
.sp-value { height: 100%; text-align: center; padding: 34px 24px; border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius-lg); background: #fff; transition: transform var(--dkttt_transition), box-shadow var(--dkttt_transition); }
.sp-value:hover { transform: translateY(-6px); box-shadow: 0 12px 30px rgba(51,93,248,.12); }
.sp-value-icon { display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 50%; background: var(--dkttt_primary-light); margin-bottom: 16px; }
.sp-value-icon .dkttt_icon { width: 28px; height: 28px; background-color: var(--dkttt_primary); }
.sp-value h3 { margin: 0 0 10px; font-size: 18px; color: var(--dkttt_text); }
.sp-value p { margin: 0; color: var(--dkttt_text-secondary); line-height: 1.8; }

.sp-doc-card { max-width: 900px; margin: 0 auto; background: #fff; border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius-lg); padding: 44px 48px; box-shadow: var(--dkttt_shadow-panel); }
.sp-doc-head { text-align: center; padding-bottom: 24px; margin-bottom: 28px; border-bottom: 1px solid var(--dkttt_border-lighter); }
.sp-doc-title { margin: 0; font-size: 26px; color: var(--dkttt_text); }
.sp-doc-updated { margin: 12px 0 0; color: var(--dkttt_text-secondary); font-size: 13px; }
.sp-doc-rich { font-size: 15px; }
.sp-doc-foot { margin-top: 32px; padding-top: 20px; border-top: 1px dashed var(--dkttt_border-light); color: var(--dkttt_text-secondary); font-size: 14px; }
.sp-doc-foot a { color: var(--dkttt_primary); }

.lp-hero { position: relative; padding: 110px 0; background-size: cover; background-position: center; color: #fff; text-align: center; }
.lp-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,25,55,.72), rgba(15,25,55,.85)); }
.lp-hero-inner { position: relative; z-index: 1; max-width: 860px; }
.lp-hero-title { margin: 0; font-size: 42px; font-weight: 700; line-height: 1.25; }
.lp-hero-sub { margin: 18px 0 32px; font-size: 18px; opacity: .92; line-height: 1.8; }
.lp-hero-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.lp-btn-ghost { background: transparent; border-color: rgba(255,255,255,.7); color: #fff; }
.lp-btn-ghost:hover { background: rgba(255,255,255,.15); border-color: #fff; color: #fff; }
.lp-section { padding: 56px 16px; }
.lp-card { height: 100%; text-align: center; padding: 34px 24px; border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius-lg); background: #fff; transition: transform var(--dkttt_transition), box-shadow var(--dkttt_transition); }
.lp-card:hover { transform: translateY(-6px); box-shadow: 0 12px 30px rgba(51,93,248,.12); }
.lp-card-icon { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 16px; background: var(--dkttt_primary-light); margin-bottom: 16px; }
.lp-card-icon .dkttt_icon { width: 28px; height: 28px; background-color: var(--dkttt_primary); }
.lp-card h3 { margin: 0 0 10px; font-size: 18px; color: var(--dkttt_text); }
.lp-card p { margin: 0; color: var(--dkttt_text-secondary); line-height: 1.8; }
.lp-steps-wrap { padding: 56px 0; }
.lp-step { position: relative; text-align: center; padding: 28px 20px; }
.lp-step-num { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: var(--dkttt_primary); color: #fff; font-size: 22px; font-weight: 700; margin-bottom: 16px; }
.lp-step h3 { margin: 0 0 8px; font-size: 18px; color: var(--dkttt_text); }
.lp-step p { margin: 0; color: var(--dkttt_text-secondary); }
.lp-rich { font-size: 15px; }
.lp-cta { padding: 64px 16px; text-align: center; background: linear-gradient(135deg, var(--dkttt_primary), #6a8bff); color: #fff; }
.lp-cta h2 { margin: 0 0 24px; font-size: 28px; }
.lp-cta .dkttt_btn { background: #fff; border-color: #fff; color: var(--dkttt_primary); }

@media (max-width: 991px) {
  .sp-banner-title { font-size: 28px; }
  .lp-hero { padding: 80px 0; }
  .lp-hero-title { font-size: 32px; }
}

@media (max-width: 767px) {
  .sp-banner { padding: 44px 0; }
  .sp-banner-about { padding: 56px 0; }
  .sp-article { padding: 24px 18px; }
  .sp-doc-card { padding: 28px 20px; }
  .sp-stats { margin-top: 24px; }
  .lp-hero-title { font-size: 26px; }
  .lp-hero-sub { font-size: 15px; }
  .lp-hero-actions .dkttt_btn { flex: 1 1 auto; }
}


.sol-media-img { display: block; width: 100%; height: auto; border-radius: var(--dkttt_radius-lg); }
.sol-feature-list { list-style: none; margin: 20px 0 0; padding: 0; }
.sol-feature-list li { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 14px; color: var(--dkttt_text-regular); line-height: 1.7; }
.sol-feature-list .dkttt_icon { flex: none; margin-top: 2px; color: var(--dkttt_primary); background-color: var(--dkttt_primary); }
.sol-adv { height: 100%; text-align: center; padding: 32px 20px; }
.sol-adv-icon { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin: 0 auto 16px; border-radius: 50%; background: var(--dkttt_primary-light); }
.sol-adv-icon .dkttt_icon { width: 30px; height: 30px; background-color: var(--dkttt_primary); }
.sol-adv h4 { margin: 0 0 10px; font-size: 18px; color: var(--dkttt_text); }
.sol-adv p { margin: 0; color: var(--dkttt_text-secondary); line-height: 1.7; }
.sol-cta { margin-top: 60px; padding: 48px 24px; text-align: center; background: var(--dkttt_primary-light); border-radius: var(--dkttt_radius-lg); }
.sol-cta h3 { margin: 0 0 10px; font-size: 24px; color: var(--dkttt_text); }
.sol-cta p { margin: 0 0 24px; color: var(--dkttt_text-secondary); }


.vv-video-box { margin: 40px 0; }
.vv-video-box .vv-left .vv-video { position: relative; width: 100%; height: 0; padding-bottom: 56%; overflow: hidden; background-color: #000; }
.vv-video-box .vv-left .vv-video video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; background: #000; }
.vv-video-box .vv-left .vv-video .vv-unfold-btn { position: absolute; top: 24px; right: 0; display: none; opacity: 0.3; transition: opacity 0.3s; cursor: pointer; }
.vv-video-box .vv-left .vv-video .vv-unfold-btn a { position: relative; top: -6px; background-color: #000; padding: 4px 10px 4px 4px; color: #fff; display: inline-flex; align-items: center; gap: 4px; transition: color 0.3s; }
.vv-video-box .vv-left .vv-video .vv-unfold-btn:hover { opacity: 1; }
.vv-video-box .vv-right { width: 30%; height: 0; padding-bottom: 39.2%; background-color: #333333; overflow: hidden; position: relative; }
.vv-video-box .vv-right .vv-right-inner { position: absolute; width: 100%; height: 100%; }
.vv-video-box .vv-right .vv-right-inner::before { content: ''; position: absolute; width: 1px; height: calc(100% - 74px); background-color: #7b7b7b; left: 15%; bottom: 0; }
.vv-video-box .vv-right .vv-fold-btn { height: 74px; align-items: center; display: flex; padding-left: 16px; }
.vv-video-box .vv-right .vv-fold-btn a { position: relative; background-color: #000; padding: 4px 6px; color: #fff; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; transition: color 0.3s; }
.vv-video-box .vv-right .vv-fold-btn a:hover { color: rgba(255,255,255,0.7); }
.vv-video-box .vv-right ul { list-style: none; margin: 0; padding: 0; height: calc(100% - 74px); overflow: auto; position: relative; }
.vv-video-box .vv-right ul a { height: 40px; color: #7b7b7b; display: flex; align-items: center; cursor: pointer; transition: color 0.3s; position: relative; z-index: 1; }
.vv-video-box .vv-right ul a:not(:last-child) { margin-bottom: 10px; }
.vv-video-box .vv-right ul a .vv-col { transition: color 0.1s; }
.vv-video-box .vv-right ul a .vv-col:nth-child(1) { width: 10%; text-align: center; }
.vv-video-box .vv-right ul a .vv-col:nth-child(2) { width: 10%; text-align: center; position: relative; }
.vv-video-box .vv-right ul a .vv-col:nth-child(2)::after { content: ''; position: absolute; width: 20px; height: 20px; border: solid 1px #7b7b7b; border-radius: 100px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #333333; transition: border-color 0.1s; }
.vv-video-box .vv-right ul a .vv-col:nth-child(3) { flex: 1; padding-right: 3%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vv-video-box .vv-right ul a .vv-col:nth-child(4) { width: 14%; }
.vv-video-box .vv-right ul a .vv-col:nth-child(5) { width: 10%; }
.vv-video-box .vv-right ul a .vv-col:nth-child(5) i { display: none; }
.vv-video-box .vv-right ul a:hover { color: #fff; }
.vv-video-box .vv-right ul a:hover .vv-col:nth-child(2)::after { border-color: #fff; }
.vv-video-box .vv-right ul a.vv-current { background-color: #000; color: #fff; }
.vv-video-box .vv-right ul a.vv-current .vv-col:nth-child(2)::after { border-color: #fff; }
.vv-video-box .vv-right ul a.vv-current .vv-col:nth-child(5) i { display: block; }
.vv-group-h5 { display: none; margin-top: 20px; border: 1px solid var(--dkttt_border-lighter); border-radius: var(--dkttt_radius); overflow: hidden; }
.vv-group-h5 .vv-h5-head { display: flex; align-items: center; gap: 8px; padding: 12px 14px; background: var(--dkttt_bg); border-bottom: 1px solid var(--dkttt_border-lighter); font-size: 15px; font-weight: 600; color: var(--dkttt_text); }
.vv-group-h5 .vv-h5-head i { font-size: 18px; color: var(--dkttt_primary); }
.vv-group-h5 .vv-h5-head em { margin-left: auto; font-style: normal; font-size: 13px; font-weight: 400; color: var(--dkttt_text-secondary); }
.vv-group-h5 .vv-h5-list { list-style: none; margin: 0; padding: 0; }
.vv-group-h5 .vv-h5-item + .vv-h5-item a { border-top: 1px solid var(--dkttt_border-lighter); }
.vv-group-h5 .vv-h5-item a { display: flex; align-items: center; gap: 12px; padding: 13px 14px; cursor: pointer; color: var(--dkttt_text-regular); transition: background 0.2s, color 0.2s; }
.vv-group-h5 .vv-h5-play { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--dkttt_bg); color: var(--dkttt_text-secondary); transition: background 0.2s, color 0.2s; }
.vv-group-h5 .vv-h5-play i { font-size: 13px; }
.vv-group-h5 .vv-h5-idx { flex: 0 0 auto; font-size: 13px; color: var(--dkttt_text-secondary); font-variant-numeric: tabular-nums; }
.vv-group-h5 .vv-h5-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.vv-group-h5 .vv-h5-time { flex: 0 0 auto; font-size: 13px; color: var(--dkttt_text-secondary); font-variant-numeric: tabular-nums; }
.vv-group-h5 .vv-h5-item a:hover { background: var(--dkttt_bg); color: var(--dkttt_text); }
.vv-group-h5 .vv-h5-item a:hover .vv-h5-play { background: var(--dkttt_primary); color: #fff; }
.vv-group-h5 .vv-h5-item a.vv-current { background: rgba(51, 93, 248, 0.06); color: var(--dkttt_primary); box-shadow: inset 3px 0 0 var(--dkttt_primary); }
.vv-group-h5 .vv-h5-item a.vv-current .vv-h5-play { background: var(--dkttt_primary); color: #fff; }
.vv-group-h5 .vv-h5-item a.vv-current .vv-h5-idx,
.vv-group-h5 .vv-h5-item a.vv-current .vv-h5-time { color: var(--dkttt_primary); }
.vv-head { text-align: center; padding: 8px 0 24px; border-bottom: 1px solid var(--dkttt_border-lighter); margin-bottom: 28px; }
.vv-head h1 { font-size: 30px; line-height: 1.4; color: var(--dkttt_text); margin: 0 0 16px; }
.vv-meta { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; margin: 0; color: var(--dkttt_text-secondary); font-size: 14px; }
.vv-meta span { display: inline-flex; align-items: center; gap: 5px; }
.vv-meta .dkttt_icon { width: 15px; height: 15px; }
@media (max-width: 991px) {
  .vv-video-box .vv-left { width: 100%; }
  .vv-video-box .vv-right { display: none; }
  .vv-group-h5 { display: block; }
}
@media (min-width: 992px) {
  .vv-video-box { display: flex; justify-content: center; }
  .vv-video-box .vv-left { width: 70%; }
}
@media (max-width: 768px) {
  .vv-head h1 { font-size: 22px; }
  .vv-meta { gap: 12px; font-size: 13px; }
}


.dkttt_auth-page {
  min-height: 60vh;
  background: var(--dkttt_bg);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 16px;
}

.dkttt_auth-card {
  width: 100%;
  max-width: 420px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  padding: 40px 36px 32px;
}

.dkttt_auth-card.dkttt_auth-card-wide { max-width: 480px; }

.dkttt_auth-card-head { text-align: center; margin-bottom: 28px; }
.dkttt_auth-logo { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; }
.dkttt_auth-logo img { width: 36px; height: 36px; border-radius: 8px; }
.dkttt_auth-logo b { font-size: 20px; color: var(--dkttt_text); }
.dkttt_auth-card-head h1 { font-size: 22px; color: var(--dkttt_text); margin: 0 0 6px; }
.dkttt_auth-card-head p { font-size: 14px; color: var(--dkttt_text-secondary); margin: 0; }

.dkttt_auth-extra {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -4px 0 20px;
  font-size: 14px;
}
.dkttt_auth-extra a { color: var(--dkttt_primary); }
.dkttt_auth-extra a:hover { text-decoration: underline; }

.dkttt_auth-submit { width: 100%; justify-content: center; }

.dkttt_auth-foot {
  text-align: center;
  margin-top: 22px;
  font-size: 14px;
  color: var(--dkttt_text-secondary);
}
.dkttt_auth-foot a { color: var(--dkttt_primary); margin-left: 4px; }
.dkttt_auth-foot a:hover { text-decoration: underline; }

.dkttt_auth-agree { margin: -2px 0 20px; font-size: 13px; color: var(--dkttt_text-secondary); }
.dkttt_auth-agree a { color: var(--dkttt_primary); }
.dkttt_auth-agree a:hover { text-decoration: underline; }

.dkttt_input-button.dkttt_is-counting {
  color: var(--dkttt_text-placeholder);
  cursor: not-allowed;
  pointer-events: none;
}

.dkttt_auth-card .dkttt_tabs-content { padding-top: 24px; }

.dkttt_input-with-captcha { display: flex; align-items: stretch; gap: 10px; }
.dkttt_input-with-captcha .dkttt_input-prefix { flex: 1; min-width: 0; }
.dkttt_captcha-img {
  flex: none;
  width: 120px;
  height: 40px;
  border: 1px solid var(--dkttt_border);
  border-radius: var(--dkttt_radius);
  overflow: hidden;
  cursor: pointer;
}
.dkttt_captcha-img img { display: block; width: 100%; height: 100%; object-fit: cover; }

.dkttt_input-button.dkttt_is-disabled {
  color: var(--dkttt_text-placeholder);
  cursor: not-allowed;
  pointer-events: none;
  opacity: .75;
}

@media (max-width: 767px) {
  .dkttt_auth-page { padding: 32px 12px; }
  .dkttt_auth-card,
  .dkttt_auth-card.dkttt_auth-card-wide { max-width: 100%; padding: 28px 20px 24px; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06); }
  .dkttt_auth-card-head h1 { font-size: 20px; }
  .dkttt_captcha-img { width: 104px; }
}


.dkttt_uc-page { background: var(--dkttt_bg-page, #f5f7fa); padding: 32px 0 56px; min-height: 60vh; }
.dkttt_uc-crumb { color: var(--dkttt_text-secondary); font-size: 13px; margin-bottom: 20px; }
.dkttt_uc-crumb a { color: var(--dkttt_text-secondary); }
.dkttt_uc-crumb a:hover { color: var(--dkttt_primary); }
.dkttt_uc-crumb .dkttt_sep { margin: 0 8px; color: var(--dkttt_border); }
.dkttt_uc-layout { display: flex; align-items: flex-start; gap: 24px; }


.dkttt_uc-aside { flex: 0 0 240px; width: 240px; background: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.05); overflow: hidden; }
.dkttt_uc-user { padding: 28px 20px 22px; text-align: center; background: linear-gradient(135deg, var(--dkttt_primary, #2563eb), var(--dkttt_primary-light, #3b82f6)); color: #fff; }
.dkttt_uc-avatar { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255,255,255,0.6); background: #fff; }
.dkttt_uc-user-name { margin-top: 12px; font-size: 16px; font-weight: 600; }
.dkttt_uc-user-level { display: inline-block; margin-top: 6px; padding: 2px 10px; font-size: 12px; border-radius: 20px; background: rgba(255,255,255,0.22); }
.dkttt_uc-menu { list-style: none; margin: 0; padding: 8px 0; }
.dkttt_uc-menu li { margin: 0; }
.dkttt_uc-menu a { display: flex; align-items: center; gap: 10px; padding: 13px 24px; color: var(--dkttt_text-primary, #303133); font-size: 14px; transition: all .2s; border-left: 3px solid transparent; }
.dkttt_uc-menu a .dkttt_icon { font-size: 16px; color: var(--dkttt_text-secondary, #909399); }
.dkttt_uc-menu a:hover { background: var(--dkttt_bg-page, #f5f7fa); color: var(--dkttt_primary); }
.dkttt_uc-menu li.dkttt_is-active a { background: var(--dkttt_primary-lighter, #eff4ff); color: var(--dkttt_primary); border-left-color: var(--dkttt_primary); font-weight: 600; }
.dkttt_uc-menu li.dkttt_is-active a .dkttt_icon { color: var(--dkttt_primary); }
.dkttt_uc-menu .dkttt_uc-logout a { color: var(--dkttt_danger, #f56c6c); }


.dkttt_uc-main { flex: 1; min-width: 0; width: 100%;}
.dkttt_uc-card { background: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.05); padding: 0 0 8px; margin-bottom: 20px; }
.dkttt_uc-card-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; border-bottom: 1px solid var(--dkttt_border-light, #ebeef5); }
.dkttt_uc-card-head h2 { margin: 0; font-size: 16px; font-weight: 600; color: var(--dkttt_text-primary, #303133); }
.dkttt_uc-card-head .dkttt_uc-edit-link { font-size: 13px; color: var(--dkttt_primary); }
.dkttt_uc-card-head .dkttt_uc-edit-link:hover { text-decoration: underline; }
.dkttt_uc-card-body { padding: 20px 24px; }


.dkttt_uc-stats { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.dkttt_uc-stat { flex: 1; min-width: 140px; background: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.05); padding: 22px 20px; display: flex; align-items: center; gap: 14px; }
.dkttt_uc-stat-ico { width: 46px; height: 46px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; background: var(--dkttt_primary, #2563eb); }
.dkttt_uc-stat-ico.dkttt_c2 { background: var(--dkttt_success, #67c23a); }
.dkttt_uc-stat-ico.dkttt_c3 { background: var(--dkttt_warning, #e6a23c); }
.dkttt_uc-stat-num { font-size: 22px; font-weight: 700; color: var(--dkttt_text-primary, #303133); line-height: 1.1; }
.dkttt_uc-stat-label { font-size: 13px; color: var(--dkttt_text-secondary, #909399); margin-top: 4px; }


.dkttt_uc-info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; }
.dkttt_uc-info-item { display: flex; padding: 14px 4px; border-bottom: 1px dashed var(--dkttt_border-light, #ebeef5); font-size: 14px; }
.dkttt_uc-info-item .dkttt_lbl { flex: 0 0 96px; color: var(--dkttt_text-secondary, #909399); }
.dkttt_uc-info-item .dkttt_val { flex: 1; color: var(--dkttt_text-primary, #303133); word-break: break-all; }
.dkttt_uc-info-item.dkttt_full { grid-column: 1 / -1; }


.dkttt_uc-form { max-width: 560px; }
.dkttt_uc-form-row { margin-bottom: 20px; }
.dkttt_uc-form-row label { display: block; margin-bottom: 8px; font-size: 14px; color: var(--dkttt_text-primary, #303133); }
.dkttt_uc-form-row .dkttt_uc-input,
.dkttt_uc-form-row textarea.dkttt_uc-input { width: 100%; height: 42px; padding: 0 14px; font-size: 14px; border: 1px solid var(--dkttt_border, #dcdfe6); border-radius: 8px; background: #fff; transition: border-color .2s; box-sizing: border-box; }
.dkttt_uc-form-row textarea.dkttt_uc-input { height: auto; padding: 10px 14px; line-height: 1.6; resize: vertical; }
.dkttt_uc-form-row .dkttt_uc-input:focus { border-color: var(--dkttt_primary); outline: none; }
.dkttt_uc-form-radios { display: flex; gap: 24px; align-items: center; height: 42px; }
.dkttt_uc-form-radios label { display: inline-flex; align-items: center; gap: 6px; margin: 0; cursor: pointer; }
.dkttt_uc-form-actions { margin-top: 8px; }
.dkttt_uc-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 110px; height: 42px; padding: 0 24px; font-size: 14px; border: none; border-radius: 8px; cursor: pointer; transition: opacity .2s; }
.dkttt_uc-btn-primary { background: var(--dkttt_primary, #2563eb); color: #fff; }
.dkttt_uc-btn-primary:hover { opacity: .9; }
.dkttt_uc-btn-plain { background: #fff; color: var(--dkttt_text-secondary, #909399); border: 1px solid var(--dkttt_border, #dcdfe6); margin-left: 12px; }
.dkttt_uc-form-cols { display: flex; gap: 20px; }
.dkttt_uc-form-cols .dkttt_uc-form-row { flex: 1; }


.dkttt_uc-comment-list { list-style: none; margin: 0; padding: 0; }
.dkttt_uc-comment { padding: 16px 0; border-bottom: 1px solid var(--dkttt_border-light, #ebeef5); }
.dkttt_uc-comment:last-child { border-bottom: none; }
.dkttt_uc-comment-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; font-size: 13px; color: var(--dkttt_text-secondary, #909399); }
.dkttt_uc-comment-src { padding: 1px 8px; border-radius: 4px; background: var(--dkttt_primary-lighter, #eff4ff); color: var(--dkttt_primary); font-size: 12px; }
.dkttt_uc-comment-topic { color: var(--dkttt_text-primary, #303133); }
.dkttt_uc-comment-topic:hover { color: var(--dkttt_primary); text-decoration: underline; }
.dkttt_uc-comment-body { font-size: 14px; color: var(--dkttt_text-primary, #303133); line-height: 1.7; }
.dkttt_uc-status { margin-left: auto; padding: 2px 10px; border-radius: 20px; font-size: 12px; }
.dkttt_uc-status-1 { background: #ecf9e9; color: var(--dkttt_success, #67c23a); }
.dkttt_uc-status-0 { background: #fdf6ec; color: var(--dkttt_warning, #e6a23c); }
.dkttt_uc-status--1 { background: #fef0f0; color: var(--dkttt_danger, #f56c6c); }
.dkttt_uc-empty { text-align: center; padding: 60px 0; color: var(--dkttt_text-placeholder, #c0c4cc); }
.dkttt_uc-empty .dkttt_icon { font-size: 44px; display: block; margin-bottom: 12px; }

@media (max-width: 991px) {
  .dkttt_uc-layout { flex-direction: column; }
  .dkttt_uc-aside { width: 100%; flex: none; }
  .dkttt_uc-menu { display: flex; flex-wrap: wrap; padding: 6px; }
  .dkttt_uc-menu a { border-left: none; border-bottom: 3px solid transparent; padding: 12px 16px; }
  .dkttt_uc-menu li.dkttt_is-active a { border-left: none; border-bottom-color: var(--dkttt_primary); }
}
@media (max-width: 767px) {
  .dkttt_uc-info-grid { grid-template-columns: 1fr; }
  .dkttt_uc-form-cols { flex-direction: column; gap: 0; }
  .dkttt_uc-stats { gap: 12px; }
  .dkttt_uc-stat { min-width: calc(50% - 6px); }
}


.dkttt_sitemap { display: flex; flex-direction: column; gap: 28px; }
.dkttt_sitemap-group { background: #fff; border: 1px solid var(--dkttt_border-light, #ebeef5); border-radius: 8px; padding: 22px 24px; box-shadow: 0 2px 12px rgba(0,0,0,.03); }
.dkttt_sitemap-title { font-size: 18px; font-weight: 600; color: var(--dkttt_text-primary, #303133); padding-left: 12px; border-left: 4px solid var(--dkttt_primary, #2f6fed); margin-bottom: 18px; }
.dkttt_sitemap-links { display: flex; flex-wrap: wrap; gap: 12px; }
.dkttt_sitemap-link { display: inline-block; padding: 8px 16px; background: var(--dkttt_bg-page, #f5f7fa); border: 1px solid var(--dkttt_border-light, #ebeef5); border-radius: 4px; color: var(--dkttt_text-secondary, #606266); font-size: 14px; text-decoration: none; transition: all .2s; max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dkttt_sitemap-link:hover { background: var(--dkttt_primary, #2f6fed); border-color: var(--dkttt_primary, #2f6fed); color: #fff; }
@media (max-width: 767px) {
  .dkttt_sitemap-group { padding: 16px; }
  .dkttt_sitemap-link { max-width: 100%; width: 100%; }
}


.dkttt_help-layout {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 16px 60px;
}

.dkttt_help-hero {
  background: linear-gradient(135deg, var(--dkttt_primary) 0%, #5b7cff 100%);
  border-radius: var(--dkttt_radius-lg);
  padding: 48px 40px;
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
}
.dkttt_help-hero h1 {
  margin: 0 0 12px;
  font-size: 30px;
  font-weight: 700;
}
.dkttt_help-hero p {
  margin: 0 0 28px;
  font-size: 15px;
  opacity: 0.9;
}

.dkttt_help-search {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}
.dkttt_help-search .dkttt_help-search-input {
  width: 100%;
  height: 50px;
  padding: 0 16px 0 52px;
  font-size: 15px;
  border: none;
  border-radius: 25px;
  background: #fff;
  color: var(--dkttt_text);
  outline: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transition: box-shadow var(--dkttt_transition);
}
.dkttt_help-search .dkttt_help-search-input:focus {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}
.dkttt_help-search .dkttt_help-search-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  color: var(--dkttt_text-secondary);
}
.dkttt_help-search .dkttt_help-search-btn {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  height: 40px;
  padding: 0 24px;
  border: none;
  border-radius: 20px;
  background: var(--dkttt_primary);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background var(--dkttt_transition);
}
.dkttt_help-search .dkttt_help-search-btn:hover {
  background: var(--dkttt_primary-hover);
}

.dkttt_help-cate-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
.dkttt_help-cate-card {
  background: #fff;
  border: 1px solid var(--dkttt_border-lighter);
  border-radius: 8px;
  padding: 24px 20px;
  cursor: pointer;
  transition: all var(--dkttt_transition);
}
.dkttt_help-cate-card:hover {
  transform: translateY(-4px);
  border-color: var(--dkttt_primary-light-border);
  box-shadow: 0 8px 24px rgba(51, 93, 248, 0.12);
}
.dkttt_help-cate-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--dkttt_primary-light);
  color: var(--dkttt_primary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  font-size: 24px;
}
.dkttt_help-cate-card h3 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 600;
  color: var(--dkttt_text);
}
.dkttt_help-cate-card p {
  margin: 0 0 14px;
  font-size: 13px;
  color: var(--dkttt_text-secondary);
  line-height: 1.6;
}
.dkttt_help-cate-count {
  font-size: 13px;
  color: var(--dkttt_primary);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.dkttt_help-list {
  background: #fff;
  border: 1px solid var(--dkttt_border-lighter);
  border-radius: 8px;
  padding: 8px 0;
}
.dkttt_help-list-head {
  padding: 16px 24px;
  border-bottom: 1px solid var(--dkttt_border-lighter);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dkttt_help-list-head h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--dkttt_text);
  display: flex;
  align-items: center;
  gap: 8px;
}
.dkttt_help-list-head h2 .dkttt_help-list-icon {
  width: 20px;
  height: 20px;
  color: var(--dkttt_primary);
}
.dkttt_help-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  cursor: pointer;
  transition: background var(--dkttt_transition);
  border-bottom: 1px solid var(--dkttt_border-exlight);
}
.dkttt_help-list-item:last-child {
  border-bottom: none;
}
.dkttt_help-list-item:hover {
  background: var(--dkttt_bg-exlight);
}
.dkttt_help-list-item .dkttt_help-list-title {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--dkttt_text);
  line-height: 1.5;
}
.dkttt_help-list-item .dkttt_help-list-title .dkttt_help-doc-icon {
  width: 16px;
  height: 16px;
  color: var(--dkttt_primary);
  flex-shrink: 0;
}
.dkttt_help-list-item .dkttt_help-list-meta {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  margin-left: 16px;
}
.dkttt_help-list-item .dkttt_help-list-meta span {
  font-size: 12px;
  color: var(--dkttt_text-secondary);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.dkttt_help-list-item .dkttt_help-list-meta span .dkttt_icon {
  width: 13px;
  height: 13px;
}
.dkttt_help-list-item .dkttt_help-list-arrow {
  width: 14px;
  height: 14px;
  color: var(--dkttt_text-placeholder);
  margin-left: 12px;
  flex-shrink: 0;
}
.dkttt_help-list-item:hover .dkttt_help-list-arrow {
  color: var(--dkttt_primary);
}

@media (max-width: 991px) {
  .dkttt_help-cate-grid { grid-template-columns: repeat(2, 1fr); }
  .dkttt_help-hero { padding: 36px 24px; }
  .dkttt_help-hero h1 { font-size: 24px; }
}
@media (max-width: 767px) {
  .dkttt_help-cate-grid { grid-template-columns: 1fr; }
  .dkttt_help-hero { padding: 28px 20px; }
  .dkttt_help-hero h1 { font-size: 20px; }
  .dkttt_help-list-item { padding: 12px 16px; }
  .dkttt_help-list-item .dkttt_help-list-meta { display: none; }
}


.dkttt_help-detail-layout {
  max-width: 1200px;
  margin: 0 auto;
  padding: 32px 16px 60px;
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 24px;
  align-items: start;
}

.dkttt_help-sidenav {
  background: #fff;
  border: 1px solid var(--dkttt_border-lighter);
  border-radius: 8px;
  overflow: hidden;
  position: sticky;
  top: 20px;
}
.dkttt_help-sidenav-title {
  padding: 18px 20px;
  background: linear-gradient(135deg, var(--dkttt_primary-light), #fff);
  border-bottom: 1px solid var(--dkttt_border-lighter);
  font-size: 15px;
  font-weight: 600;
  color: var(--dkttt_text);
  display: flex;
  align-items: center;
  gap: 8px;
}
.dkttt_help-sidenav-title .dkttt_icon {
  width: 16px;
  height: 16px;
  color: var(--dkttt_primary);
}
.dkttt_help-sidenav-list {
  list-style: none;
  margin: 0;
  padding: 12px 0;
}
.dkttt_help-sidenav-list li {
  margin: 0;
}
.dkttt_help-sidenav-list a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 14px;
  color: var(--dkttt_text-regular);
  text-decoration: none;
  transition: all var(--dkttt_transition);
  border-left: 3px solid transparent;
}
.dkttt_help-sidenav-list a:hover {
  color: var(--dkttt_primary);
  background: var(--dkttt_bg-exlight);
}
.dkttt_help-sidenav-list li.dkttt_is-active a {
  color: var(--dkttt_primary);
  background: var(--dkttt_primary-light);
  border-left-color: var(--dkttt_primary);
  font-weight: 500;
}
.dkttt_help-sidenav-list a .dkttt_help-sidenav-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.dkttt_help-article {
  background: #fff;
  border: 1px solid var(--dkttt_border-lighter);
  border-radius: 8px;
  padding: 36px 40px;
}
.dkttt_help-article-title {
  margin: 0 0 16px;
  font-size: 26px;
  font-weight: 700;
  color: var(--dkttt_text);
  line-height: 1.4;
}
.dkttt_help-article-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 20px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--dkttt_border-lighter);
  font-size: 13px;
  color: var(--dkttt_text-secondary);
}
.dkttt_help-article-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.dkttt_help-article-meta span .dkttt_icon {
  width: 14px;
  height: 14px;
}

.dkttt_help-article-content {
  color: var(--dkttt_text-regular);
  font-size: 15px;
  line-height: 1.9;
}
.dkttt_help-article-content h1,
.dkttt_help-article-content h2,
.dkttt_help-article-content h3,
.dkttt_help-article-content h4,
.dkttt_help-article-content h5,
.dkttt_help-article-content h6 {
  color: var(--dkttt_text);
  font-weight: 600;
  margin-top: 28px;
  margin-bottom: 14px;
  line-height: 1.4;
}
.dkttt_help-article-content h1 { font-size: 24px; }
.dkttt_help-article-content h2 { font-size: 20px; padding-bottom: 8px; border-bottom: 2px solid var(--dkttt_primary-light); }
.dkttt_help-article-content h3 { font-size: 18px; padding-left: 12px; border-left: 4px solid var(--dkttt_primary); }
.dkttt_help-article-content h4 { font-size: 16px; }
.dkttt_help-article-content h5 { font-size: 15px; }
.dkttt_help-article-content h6 { font-size: 14px; color: var(--dkttt_text-regular); }
.dkttt_help-article-content p {
  margin: 0 0 16px;
  word-break: break-word;
}
.dkttt_help-article-content ul,
.dkttt_help-article-content ol {
  margin: 0 0 16px;
  padding-left: 24px;
}
.dkttt_help-article-content ul li,
.dkttt_help-article-content ol li {
  margin-bottom: 8px;
  line-height: 1.8;
}
.dkttt_help-article-content ul li::marker { color: var(--dkttt_primary); }
.dkttt_help-article-content ol li::marker { color: var(--dkttt_primary); font-weight: 600; }
.dkttt_help-article-content code {
  display: inline;
  padding: 2px 6px;
  background: var(--dkttt_bg-exlight);
  color: var(--dkttt_danger);
  border: 1px solid var(--dkttt_border-exlight);
  border-radius: 4px;
  font-size: 13px;
  font-family: Consolas, Monaco, "Courier New", monospace;
}
.dkttt_help-article-content pre {
  background: #1f2430;
  color: #e6e6e6;
  border-radius: 8px;
  padding: 18px 20px;
  margin: 0 0 20px;
  overflow-x: auto;
  line-height: 1.7;
  font-size: 13px;
  font-family: Consolas, Monaco, "Courier New", monospace;
}
.dkttt_help-article-content pre code {
  display: block;
  padding: 0;
  background: transparent;
  border: none;
  color: inherit;
  font-size: inherit;
}
.dkttt_help-article-content blockquote {
  margin: 0 0 20px;
  padding: 14px 20px;
  background: var(--dkttt_primary-light);
  border-left: 4px solid var(--dkttt_primary);
  border-radius: 4px;
  color: var(--dkttt_text-regular);
}
.dkttt_help-article-content blockquote p:last-child { margin-bottom: 0; }
.dkttt_help-article-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 20px;
  border: 1px solid var(--dkttt_border-lighter);
  border-radius: 6px;
  overflow: hidden;
}
.dkttt_help-article-content table th {
  background: var(--dkttt_bg-exlight);
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  color: var(--dkttt_text);
  border-bottom: 1px solid var(--dkttt_border-lighter);
  font-size: 14px;
}
.dkttt_help-article-content table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--dkttt_border-lighter);
  color: var(--dkttt_text-regular);
  font-size: 14px;
}
.dkttt_help-article-content table tr:last-child td { border-bottom: none; }
.dkttt_help-article-content table tr:nth-child(even) { background: var(--dkttt_bg-exlight); }
.dkttt_help-article-content a {
  color: var(--dkttt_primary);
  text-decoration: none;
  transition: color var(--dkttt_transition);
}
.dkttt_help-article-content a:hover {
  color: var(--dkttt_primary-hover);
  text-decoration: underline;
}
.dkttt_help-article-content img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
  margin: 4px auto 18px;
}


.dkttt_help-feedback {
  margin-top: 40px;
  padding: 24px;
  background: var(--dkttt_bg-exlight);
  border-radius: 8px;
  text-align: center;
}
.dkttt_help-feedback-title {
  margin: 0 0 16px;
  font-size: 15px;
  font-weight: 600;
  color: var(--dkttt_text);
}
.dkttt_help-feedback-btns {
  display: inline-flex;
  gap: 12px;
}
.dkttt_help-feedback-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  border: 1px solid var(--dkttt_border);
  border-radius: 6px;
  background: #fff;
  color: var(--dkttt_text-regular);
  font-size: 14px;
  cursor: pointer;
  transition: all var(--dkttt_transition);
}
.dkttt_help-feedback-btn:hover {
  border-color: var(--dkttt_primary);
  color: var(--dkttt_primary);
}
.dkttt_help-feedback-btn.dkttt_is-active {
  background: var(--dkttt_primary);
  border-color: var(--dkttt_primary);
  color: #fff;
}
.dkttt_help-feedback-btn .dkttt_icon {
  width: 16px;
  height: 16px;
}
.dkttt_help-feedback-thanks {
  margin-top: 14px;
  font-size: 13px;
  color: var(--dkttt_text-secondary);
}


.dkttt_help-relate {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid var(--dkttt_border-lighter);
}
.dkttt_help-relate h3 {
  margin: 0 0 18px;
  font-size: 16px;
  font-weight: 600;
  color: var(--dkttt_text);
  display: flex;
  align-items: center;
  gap: 8px;
}
.dkttt_help-relate h3 .dkttt_icon {
  width: 16px;
  height: 16px;
  color: var(--dkttt_primary);
}
.dkttt_help-relate-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 24px;
}
.dkttt_help-relate-list li {
  margin: 0;
}
.dkttt_help-relate-list a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  color: var(--dkttt_text-regular);
  text-decoration: none;
  border-radius: 6px;
  transition: all var(--dkttt_transition);
  font-size: 14px;
  line-height: 1.5;
}
.dkttt_help-relate-list a:hover {
  background: var(--dkttt_bg-exlight);
  color: var(--dkttt_primary);
}
.dkttt_help-relate-list a .dkttt_icon {
  width: 14px;
  height: 14px;
  color: var(--dkttt_primary);
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .dkttt_help-detail-layout { grid-template-columns: 1fr; }
  .dkttt_help-sidenav { position: static; }
  .dkttt_help-article { padding: 24px 20px; }
  .dkttt_help-article-title { font-size: 22px; }
}
@media (max-width: 767px) {
  .dkttt_help-article { padding: 20px 16px; }
  .dkttt_help-article-title { font-size: 19px; }
  .dkttt_help-relate-list { grid-template-columns: 1fr; }
  .dkttt_help-article-content h2 { font-size: 18px; }
  .dkttt_help-article-content h3 { font-size: 16px; }
}


.dkttt_hero-split-text-left .dkttt_hero-split-inner {
  justify-content: center;
}
.dkttt_hero-split-text-left .dkttt_hero-split-text {
  flex: 0 1 600px;
  max-width: 600px;
}

@media (max-width: 767px) {
  .dkttt_hero-split-text-left .dkttt_hero-split-inner {
    flex-direction: column;
    justify-content: center; 
  }
  .dkttt_hero-split-text-left .dkttt_hero-split-media { order: 1; }
  .dkttt_hero-split-text-left .dkttt_hero-split-text {
    order: 2;
    flex: initial;
    max-width: none;
  }
}


.dkttt_hero-onlybg {
  position: relative;
  min-height: 520px;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 90px;
  overflow: hidden;
}

.dkttt_hero-onlybg-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

.dkttt_hero-onlybg-mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(15, 25, 55, 0.55) 0%, rgba(15, 25, 55, 0.4) 50%, rgba(15, 25, 55, 0.65) 100%);
  z-index: 1;
}
.dkttt_hero-onlybg .dkttt_hero-onlybg-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: center;
  padding: 0 20px; 
}
.dkttt_hero-onlybg.dkttt_hero-onlybg-br .dkttt_hero-onlybg-inner {
  text-align: right;
  padding: 60px 60px;
  position: absolute;
  right: 0;
  bottom: 20px;
  left: auto;
  width: auto;
}
.dkttt_hero-onlybg h1 {
  margin: 0 0 12px;
  font-size: 44px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}
.dkttt_hero-onlybg .dkttt_hero-onlybg-sub {
  margin: 0 auto 32px;
  font-size: 17px;
  color: rgba(255, 255, 255, 0.92);
  max-width: 720px;
  line-height: 1.7;
}
.dkttt_hero-onlybg.dkttt_hero-onlybg-br .dkttt_hero-onlybg-sub {
  margin-left: auto;
  margin-right: 0;
  max-width: 520px;
}
.dkttt_hero-onlybg-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}
.dkttt_hero-onlybg.dkttt_hero-onlybg-br .dkttt_hero-onlybg-actions {
  justify-content: flex-end;
}


.dkttt_hero-btn-primary,
.dkttt_hero-btn-ghost,
.dkttt_hero-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px 28px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  border-radius: var(--dkttt_radius-round);
  cursor: pointer;
  user-select: none;
  transition: all var(--dkttt_transition);
  border: 1px solid transparent;
  text-decoration: none;
}
.dkttt_hero-btn-primary {
  background: var(--dkttt_primary);
  border-color: var(--dkttt_primary);
  color: #fff;
  box-shadow: 0 4px 14px rgba(51, 93, 248, 0.35);
}
.dkttt_hero-btn-primary:hover {
  background: var(--dkttt_primary-hover);
  border-color: var(--dkttt_primary-hover);
  box-shadow: 0 6px 20px rgba(51, 93, 248, 0.45);
  transform: translateY(-1px);
}
.dkttt_hero-btn-primary:active {
  background: var(--dkttt_primary-active);
  border-color: var(--dkttt_primary-active);
  transform: translateY(0);
}
.dkttt_hero-btn-ghost {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-color: rgba(255, 255, 255, 0.35);
  color: #fff;
}
.dkttt_hero-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.28);
  border-color: rgba(255, 255, 255, 0.6);
}
.dkttt_hero-btn-outline {
  background: transparent;
  border-color: var(--dkttt_primary);
  color: var(--dkttt_primary);
}
.dkttt_hero-btn-outline:hover {
  background: var(--dkttt_primary-light);
  border-color: var(--dkttt_primary);
  color: var(--dkttt_primary);
}
.dkttt_hero-btn-primary.dkttt_size-large,
.dkttt_hero-btn-ghost.dkttt_size-large,
.dkttt_hero-btn-outline.dkttt_size-large {
  padding: 16px 36px;
  font-size: 16px;
}
.dkttt_hero-btn-primary.dkttt_size-small,
.dkttt_hero-btn-ghost.dkttt_size-small,
.dkttt_hero-btn-outline.dkttt_size-small {
  padding: 10px 20px;
  font-size: 13px;
}
.dkttt_hero-btn-primary .dkttt_icon,
.dkttt_hero-btn-ghost .dkttt_icon,
.dkttt_hero-btn-outline .dkttt_icon {
  width: 16px;
  height: 16px;
}

@media (max-width: 991px) {
  .dkttt_hero-split-text-left {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 40px 0;
  }
  
  .dkttt_hero-split-text-left .dkttt_hero-split-inner { justify-content: space-between; }
  .dkttt_hero-split-text-left .dkttt_hero-split-text { order: 2; flex: 1 1 0%; max-width: none; }
  .dkttt_hero-split-text-left .dkttt_hero-split-media { order: 1; }
  .dkttt_hero-split-text-left h2 { font-size: 30px; }
  .dkttt_hero-onlybg { min-height: 420px; padding-bottom: 60px; }
  .dkttt_hero-onlybg h1 { font-size: 32px; }
}
@media (max-width: 767px) {
  .dkttt_hero-split-text-left h2 { font-size: 24px; }
  .dkttt_hero-split-text-left .dkttt_hero-split-actions { flex-direction: column; align-items: stretch; }
  .dkttt_hero-split-text-left .dkttt_hero-split-actions > * { width: 100%; }
  .dkttt_hero-split-text-left .dkttt_hero-split-features { grid-template-columns: 1fr; }
  .dkttt_hero-onlybg { min-height: 360px; padding-bottom: 40px; }
  .dkttt_hero-onlybg h1 { font-size: 26px; }
  .dkttt_hero-onlybg .dkttt_hero-onlybg-sub { font-size: 14px; margin-bottom: 24px; }
  .dkttt_hero-onlybg-actions { flex-direction: column; align-items: stretch; }
  .dkttt_hero-onlybg.dkttt_hero-onlybg-br .dkttt_hero-onlybg-inner {
    text-align: center;
    padding: 40px 20px;
    position: relative;
    right: auto;
    bottom: auto;
  }
  .dkttt_hero-onlybg.dkttt_hero-onlybg-br .dkttt_hero-onlybg-actions { justify-content: stretch; }
}


.dkttt_partner-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

.dkttt_partner-card {
  position: relative;
  background: #fff;
  border: 1px solid var(--dkttt_border-lighter);
  border-radius: 8px;
  padding: 24px 20px 20px;
  text-align: center;
  cursor: pointer;
  transition: all var(--dkttt_transition);
  overflow: hidden;
}
.dkttt_partner-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--dkttt_primary), #6a8bff);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform var(--dkttt_transition);
}
.dkttt_partner-card:hover {
  transform: translateY(-4px);
  border-color: var(--dkttt_primary);
  box-shadow: 0 10px 28px rgba(51, 93, 248, 0.15);
}
.dkttt_partner-card:hover::before {
  transform: scaleX(1);
}

.dkttt_partner-label {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -1px);
  padding: 3px 12px;
  background: linear-gradient(135deg, var(--dkttt_primary), #6a8bff);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  border-radius: 0 0 6px 6px;
  white-space: nowrap;
}

.dkttt_partner-logo {
  width: 100%;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.dkttt_partner-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: grayscale(60%);
  opacity: 0.75;
  transition: all var(--dkttt_transition);
}
.dkttt_partner-card:hover .dkttt_partner-logo img {
  filter: grayscale(0%);
  opacity: 1;
}

.dkttt_partner-name {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 600;
  color: var(--dkttt_text);
  line-height: 1.4;
}

.dkttt_partner-desc {
  margin: 0;
  font-size: 12px;
  color: var(--dkttt_text-secondary);
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .dkttt_partner-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 991px) {
  .dkttt_partner-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .dkttt_partner-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .dkttt_partner-card { padding: 18px 14px 16px; }
  .dkttt_partner-logo { height: 56px; margin-bottom: 12px; }
}
@media (max-width: 479px) {
  .dkttt_partner-grid { grid-template-columns: 1fr; }
}


.dkttt_admin-login-wrap {
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: linear-gradient(135deg, var(--dkttt_primary) 0%, #4f77ff 40%, #6a8bff 100%);
  position: relative;
  overflow: hidden;
}
.dkttt_admin-login-wrap::before {
  content: "";
  position: absolute;
  top: -200px;
  left: -200px;
  width: 500px;
  height: 500px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 50%;
}
.dkttt_admin-login-wrap::after {
  content: "";
  position: absolute;
  bottom: -250px;
  right: -250px;
  width: 600px;
  height: 600px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
}

.dkttt_admin-login-card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
  overflow: hidden;
}

.dkttt_admin-login-header {
  background: linear-gradient(135deg, var(--dkttt_primary) 0%, #5b7cff 100%);
  padding: 36px 32px 32px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.dkttt_admin-login-header::before {
  content: "";
  position: absolute;
  top: -60px;
  right: -60px;
  width: 180px;
  height: 180px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
}
.dkttt_admin-login-header::after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: -40px;
  width: 140px;
  height: 140px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 50%;
}
.dkttt_admin-login-logo {
  position: relative;
  z-index: 1;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.dkttt_admin-login-logo img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.dkttt_admin-login-title {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
}
.dkttt_admin-login-header .dkttt_admin-login-subtitle {
  position: relative;
  z-index: 1;
  margin: 8px 0 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
}

.dkttt_admin-login-form {
  padding: 32px 32px 28px;
}

.dkttt_admin-login-form .dkttt_admin-login-form-item {
  margin-bottom: 18px;
  position: relative;
}

.dkttt_admin-login-input {
  width: 100%;
  height: 46px;
  padding: 0 14px 0 44px;
  font-size: 14px;
  color: var(--dkttt_text);
  background: var(--dkttt_bg);
  border: 1px solid var(--dkttt_border-lighter);
  border-radius: 8px;
  outline: none;
  transition: all var(--dkttt_transition);
  box-sizing: border-box;
}
.dkttt_admin-login-input::placeholder {
  color: var(--dkttt_text-placeholder);
}
.dkttt_admin-login-input:focus {
  background: #fff;
  border-color: var(--dkttt_primary);
  box-shadow: 0 0 0 3px rgba(51, 93, 248, 0.1);
}
.dkttt_admin-login-input.dkttt_is-error {
  border-color: var(--dkttt_danger);
  background: #fff7f7;
}

.dkttt_admin-login-form-item .dkttt_admin-login-input-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  color: var(--dkttt_text-secondary);
  pointer-events: none;
}
.dkttt_admin-login-form-item .dkttt_admin-login-input-icon.dkttt_prefix {
  left: 14px;
}

.dkttt_admin-login-form-item .dkttt_admin-login-captcha-wrap {
  display: flex;
  gap: 10px;
}
.dkttt_admin-login-form-item .dkttt_admin-login-captcha-wrap .dkttt_admin-login-input-wrap {
  flex: 1;
  min-width: 0;
  position: relative;
}
.dkttt_admin-login-captcha-img {
  flex-shrink: 0;
  width: 110px;
  height: 46px;
  border: 1px solid var(--dkttt_border-lighter);
  border-radius: 8px;
  background: var(--dkttt_bg);
  cursor: pointer;
  overflow: hidden;
  transition: border-color var(--dkttt_transition);
}
.dkttt_admin-login-captcha-img:hover {
  border-color: var(--dkttt_primary);
}
.dkttt_admin-login-captcha-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dkttt_admin-login-extra {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  font-size: 13px;
}
.dkttt_admin-login-extra .dkttt_admin-login-remember {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--dkttt_text-regular);
  cursor: pointer;
  user-select: none;
}
.dkttt_admin-login-extra .dkttt_admin-login-remember input {
  width: 14px;
  height: 14px;
  accent-color: var(--dkttt_primary);
  cursor: pointer;
}
.dkttt_admin-login-extra .dkttt_admin-login-forgot {
  color: var(--dkttt_primary);
  text-decoration: none;
  transition: color var(--dkttt_transition);
}
.dkttt_admin-login-extra .dkttt_admin-login-forgot:hover {
  color: var(--dkttt_primary-hover);
  text-decoration: underline;
}

.dkttt_admin-login-btn {
  width: 100%;
  height: 46px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--dkttt_primary) 0%, #5b7cff 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(51, 93, 248, 0.35);
  transition: all var(--dkttt_transition);
}
.dkttt_admin-login-btn:hover {
  filter: brightness(1.05);
  box-shadow: 0 8px 24px rgba(51, 93, 248, 0.45);
  transform: translateY(-1px);
}
.dkttt_admin-login-btn:active {
  transform: translateY(0);
  filter: brightness(0.97);
}
.dkttt_admin-login-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
  transform: none;
}
.dkttt_admin-login-btn .dkttt_icon {
  width: 16px;
  height: 16px;
}

.dkttt_admin-login-footer {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.75);
  z-index: 1;
}

@media (max-width: 767px) {
  .dkttt_admin-login-wrap { padding: 16px; }
  .dkttt_admin-login-card { max-width: 100%; border-radius: 12px; }
  .dkttt_admin-login-header { padding: 28px 24px 24px; }
  .dkttt_admin-login-logo { width: 48px; height: 48px; border-radius: 12px; }
  .dkttt_admin-login-logo img { width: 30px; height: 30px; }
  .dkttt_admin-login-title { font-size: 19px; }
  .dkttt_admin-login-form { padding: 24px 20px 20px; }
  .dkttt_admin-login-input { height: 42px; }
  .dkttt_admin-login-captcha-img { height: 42px; width: 96px; }
  .dkttt_admin-login-btn { height: 42px; }
  .dkttt_admin-login-footer { position: relative; bottom: auto; margin-top: 24px; color: rgba(255, 255, 255, 0.7); }
}









.dkttt_v2-hero {
  position: relative;
  overflow: hidden;
  padding: 80px 0 96px;
}
.dkttt_v2-hero-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, #6d4cff 0%, #4a6bff 38%, #2f7dff 70%, #3c6bff 100%);
  z-index: 0;
}

.dkttt_v2-hero-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.55;
  z-index: 0;
  pointer-events: none;
}
.dkttt_v2-hero-glow-1 {
  width: 440px; height: 440px;
  top: -140px; left: -80px;
  background: #c59dff;
}
.dkttt_v2-hero-glow-2 {
  width: 420px; height: 420px;
  bottom: -180px; right: -120px;
  background: #70c8ff;
}
.dkttt_v2-hero-glow-3 {
  width: 300px; height: 300px;
  top: 40%; right: 38%;
  background: #a3b8ff;
  opacity: 0.35;
}

.dkttt_v2-hero-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 56px;
}


.dkttt_v2-hero-media {
  flex: 0 0 52%;
  position: relative;
  min-height: 380px;
}
.dkttt_v2-hero-pc {
  position: relative;
  width: 86%;
  margin-left: 0;
  border-radius: 14px;
  box-shadow: 0 30px 80px rgba(15, 25, 95, 0.45);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.dkttt_v2-hero-pc img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  background: #eef3ff;
}
.dkttt_v2-hero-mobile {
  position: absolute;
  left: -20px;
  bottom: -48px;
  width: 150px;
  border-radius: 22px;
}

.dkttt_v2-hero-mobile img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
}


.dkttt_v2-hero-text {
  flex: 1 1 0;
  color: #fff;
  min-width: 0;
}
.dkttt_v2-hero-title {
  position: relative;
  display: inline-block;
  font-size: 52px;
  line-height: 1.1;
  font-weight: 800;
  margin: 0 0 14px;
  color: #fff;
  letter-spacing: 1px;
}
.dkttt_v2-hero-new-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 14px;
  padding: 4px 10px 4px 12px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: rgba(255, 120, 150, 0.35);
  border: 1px solid rgba(255, 170, 190, 0.55);
  border-radius: 999px;
  vertical-align: middle;
  transform: translateY(-6px);
}
.dkttt_v2-hero-new-tag em {
  font-style: normal;
  padding: 1px 6px;
  font-size: 11px;
  background: #ff4f7a;
  color: #fff;
  border-radius: 4px;
}
.dkttt_v2-hero-desc {
  font-size: 15px;
  line-height: 1.95;
  color: rgba(255,255,255,0.92);
  margin: 0 0 26px;
}
.dkttt_v2-hero-notice {
  display: inline-block;
  margin-top: 10px;
  color: rgba(255, 230, 150, 0.95);
  font-weight: 600;
}
.dkttt_v2-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.dkttt_v2-hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  line-height: 48px;
  padding: 0 28px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 999px;
  transition: all 0.25s ease;
}
.dkttt_v2-hero-btn i { font-size: 14px; }
.dkttt_v2-hero-btn-primary {
  background: #fff;
  color: #3b5dff;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}
.dkttt_v2-hero-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
  background: #f0f5ff;
  color: #2f4fe0;
}
.dkttt_v2-hero-btn-ghost {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255,255,255,0.6);
}
.dkttt_v2-hero-btn-ghost:hover {
  background: rgba(255,255,255,0.12);
  border-color: #fff;
  transform: translateY(-2px);
}


@media (max-width: 1199px) {
  .dkttt_v2-hero { padding: 64px 0 80px; }
  .dkttt_v2-hero-inner { gap: 40px; }
  .dkttt_v2-hero-media { flex: 0 0 48%; }
  .dkttt_v2-hero-title { font-size: 42px; }
  .dkttt_v2-hero-mobile { width: 130px; bottom: -30px; }
}
@media (max-width: 991px) {
  .dkttt_v2-hero-inner {
    flex-direction: column;
    gap: 48px;
    align-items: stretch;
  }
  .dkttt_v2-hero-media {
    order: -1;
    flex: none;
    min-height: auto;
    max-width: 560px;
    margin: 0 auto;
    width: 100%;
  }
  .dkttt_v2-hero-text { text-align: center; }
  .dkttt_v2-hero-actions { justify-content: center; }
  .dkttt_v2-hero-title { font-size: 36px; }
}
@media (max-width: 575px) {
  .dkttt_v2-hero { padding: 48px 0 60px; }
  .dkttt_v2-hero-title { font-size: 30px; }
  .dkttt_v2-hero-new-tag { margin-left: 6px; font-size: 11px; padding: 3px 8px 3px 10px; transform: translateY(-4px); }
  .dkttt_v2-hero-new-tag em { font-size: 10px; }
  .dkttt_v2-hero-mobile { width: 100px; left: -10px; bottom: -20px; }
  .dkttt_v2-hero-desc { font-size: 14px; }
  .dkttt_v2-hero-btn { height: 44px; line-height: 44px; padding: 0 22px; font-size: 14px; }
}


.dkttt_v2-news {
  padding: 72px 0 40px;
  background: var(--dkttt_bg);
}
.dkttt_v2-news-col {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(30, 40, 90, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dkttt_v2-news-col:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(30, 40, 90, 0.12);
}


.dkttt_v2-news-head {
  position: relative;
  display: block;
  padding: 22px 22px 22px 24px;
  min-height: 108px;
  color: #fff;
  overflow: hidden;
}
.dkttt_v2-news-head-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.dkttt_v2-news-head-1 .dkttt_v2-news-head-bg {
  background: linear-gradient(135deg, #3f7dff 0%, #2f5de6 100%);
}
.dkttt_v2-news-head-1::before {
  
  content: "";
  position: absolute;
  right: -10px; bottom: -14px;
  width: 160px; height: 120px;
  background: radial-gradient(circle at 70% 40%, rgba(255,255,255,0.30) 0 36px, transparent 37px),
              radial-gradient(circle at 30% 70%, rgba(255,255,255,0.18) 0 24px, transparent 25px);
  z-index: 0;
  border-radius: 50%;
}
.dkttt_v2-news-head-2 .dkttt_v2-news-head-bg {
  background: linear-gradient(135deg, #3b8cff 0%, #1f4fd6 100%);
}
.dkttt_v2-news-head-2::before {
  content: "";
  position: absolute;
  right: -20px; bottom: -18px;
  width: 180px; height: 130px;
  background:
    linear-gradient(transparent 60%, rgba(255,255,255,0.14) 60% 64%, transparent 64%),
    linear-gradient(90deg, transparent 55%, rgba(255,255,255,0.18) 55% 58%, transparent 58%);
  z-index: 0;
  border-radius: 12px;
}
.dkttt_v2-news-head-3 .dkttt_v2-news-head-bg {
  background: linear-gradient(135deg, #6a6bff 0%, #3c4ce0 100%);
}
.dkttt_v2-news-head-3::before {
  content: "";
  position: absolute;
  right: -8px; top: -10px;
  width: 150px; height: 130px;
  background:
    radial-gradient(circle at 70% 60%, rgba(255, 215, 120, 0.9) 0 20px, transparent 21px);
  z-index: 0;
  opacity: 0.9;
}

.dkttt_v2-news-head-content {
  position: relative;
  z-index: 2;
  max-width: 72%;
}
.dkttt_v2-news-head-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #fff;
}
.dkttt_v2-news-head-desc {
  font-size: 14px;
  color: rgba(255,255,255,0.88);
}
.dkttt_v2-news-head-arrow {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px; height: 34px;
  border-radius: 50%;
  background: rgba(255,255,255,0.22);
  border: 1px solid rgba(255,255,255,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 2;
  transition: all 0.25s ease;
}
.dkttt_v2-news-head-arrow i { font-size: 14px; }
.dkttt_v2-news-head:hover .dkttt_v2-news-head-arrow {
  background: #fff;
  color: var(--dkttt_primary);
  transform: translate(2px, -50%);
}


.dkttt_v2-news-list {
  list-style: none;
  margin: 0;
  padding: 10px 22px 18px;
  flex: 1 0 auto;
}
.dkttt_v2-news-list li + li {
  border-top: 1px dashed var(--dkttt_border-lighter);
}
.dkttt_v2-news-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 0;
  color: var(--dkttt_text-regular);
  font-size: 14px;
  transition: color 0.2s ease;
}
.dkttt_v2-news-item:hover {
  color: var(--dkttt_primary);
}
.dkttt_v2-news-item:hover .dkttt_v2-news-item-dot {
  background: var(--dkttt_primary);
  transform: scale(1.4);
}
.dkttt_v2-news-item-dot {
  flex: 0 0 auto;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #cfd4df;
  transition: all 0.25s ease;
}
.dkttt_v2-news-item-title {
  flex: 1 1 auto;
  min-width: 0;
}
.dkttt_v2-news-item-date {
  flex: 0 0 auto;
  font-size: 12px;
  color: var(--dkttt_text-secondary);
  font-family: "Barlow", Arial, sans-serif;
}
.dkttt_v2-news-empty {
  padding: 30px 0;
  text-align: center;
  color: var(--dkttt_text-placeholder);
  font-size: 14px;
}


.dkttt_v2-news-more {
  text-align: center;
  padding: 28px 0 12px;
}
.dkttt_v2-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 26px;
  font-size: 14px;
  font-weight: 600;
  color: var(--dkttt_primary);
  background: #fff;
  border: 1.5px solid var(--dkttt_primary-light-border);
  border-radius: 999px;
  transition: all 0.25s ease;
  box-shadow: 0 4px 14px rgba(60, 110, 255, 0.08);
}
.dkttt_v2-more-btn:hover {
  background: var(--dkttt_primary);
  color: #fff;
  border-color: var(--dkttt_primary);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(60, 110, 255, 0.22);
}
.dkttt_v2-more-btn i { font-size: 13px; }


@media (max-width: 991px) {
  .dkttt_v2-news { padding: 56px 0 28px; }
  .dkttt_v2-news-head { padding: 20px 20px 20px 22px; min-height: 96px; }
  .dkttt_v2-news-head-title { font-size: 20px; }
  .dkttt_v2-news-list { padding: 8px 20px 16px; }
}
@media (max-width: 767px) {
  .dkttt_v2-news-head-content { max-width: 78%; }
}


.dkttt_v2-cta {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  margin: 40px 0 0;
}
.dkttt_v2-cta-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, #7157ff 0%, #5778ff 45%, #3b7cff 100%);
  z-index: 0;
}
.dkttt_v2-cta::before,
.dkttt_v2-cta::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.35;
  z-index: 0;
  pointer-events: none;
}
.dkttt_v2-cta::before {
  width: 380px; height: 380px;
  top: -120px; left: -80px;
  background: #c29bff;
}
.dkttt_v2-cta::after {
  width: 340px; height: 340px;
  bottom: -160px; right: -80px;
  background: #66c2ff;
}
.dkttt_v2-cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
  max-width: 840px;
  margin: 0 auto;
}
.dkttt_v2-cta-title {
  font-size: 34px;
  font-weight: 800;
  margin: 0 0 16px;
  color: #fff;
  letter-spacing: 1px;
}
.dkttt_v2-cta-desc {
  font-size: 15px;
  line-height: 1.9;
  color: rgba(255,255,255,0.92);
  margin: 0 auto 28px;
  max-width: 720px;
}
.dkttt_v2-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 46px;
  line-height: 46px;
  padding: 0 30px;
  font-size: 15px;
  font-weight: 600;
  color: var(--dkttt_primary);
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
  transition: all 0.25s ease;
}
.dkttt_v2-cta-btn i { font-size: 14px; }
.dkttt_v2-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.28);
  background: #f0f5ff;
  color: #2f4fe0;
}


@media (max-width: 767px) {
  .dkttt_v2-cta { padding: 56px 0 64px; }
  .dkttt_v2-cta-title { font-size: 26px; }
  .dkttt_v2-cta-desc { font-size: 14px; padding: 0 6px; }
  .dkttt_v2-cta-btn { height: 44px; line-height: 44px; padding: 0 24px; font-size: 14px; }
}






.dkttt_dc-page-head {
  padding-top: 56px;
  padding-bottom: 12px;
  text-align: center;
}
.dkttt_dc-page-title {
  position: relative;
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  color: var(--dkttt_text);
  margin: 0 auto;
  padding-bottom: 10px;
}
.dkttt_dc-page-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 52px;
  height: 2px;
  background: linear-gradient(90deg, var(--dkttt_primary), #6aa8ff);
  border-radius: 2px;
}

.dkttt_dc-wrap {
  padding: 18px 16px 80px;
}


.dkttt_dc-item {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(30, 40, 90, 0.06);
  padding: 40px 44px;
  display: flex;
  align-items: center;
  gap: 56px;
  transition: all 0.3s ease;
  margin-bottom: 22px;
}
.dkttt_dc-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 44px rgba(30, 40, 90, 0.12);
}


.dkttt_dc-thumb {
  flex: 0 0 42%;
  max-width: 420px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 4 / 3;
  background: #eee;
}
.dkttt_dc-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
}
.dkttt_dc-thumb-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
}

.dkttt_dc-thumb-1 { background: #8e8cf2; }
.dkttt_dc-thumb-2 { background: #98c93a; }


.dkttt_dc-info {
  flex: 1 1 0;
  min-width: 0;
}
.dkttt_dc-info-title {
  font-size: 30px;
  font-weight: 700;
  color: var(--dkttt_text);
  margin: 0 0 24px;
  letter-spacing: 0.5px;
}
.dkttt_dc-info-meta {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
}
.dkttt_dc-info-meta li {
  font-size: 14px;
  color: var(--dkttt_text-regular);
  padding: 6px 0;
  line-height: 1.6;
}
.dkttt_dc-meta-label {
  color: var(--dkttt_text-secondary);
  display: inline-block;
  min-width: 78px;
}
.dkttt_dc-meta-value {
  color: var(--dkttt_text-regular);
  font-weight: 500;
}


.dkttt_dc-qr {
  margin: 10px 0 18px;
}
.dkttt_dc-qr img {
  width: 110px;
  height: 110px;
  border-radius: 8px;
  background: #fff;
  padding: 4px;
  border: 1px solid var(--dkttt_border-light);
  display: block;
}
.dkttt_dc-qr-with-label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 14px;
  background: linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
  border: 1px dashed var(--dkttt_primary-light-border);
  border-radius: 12px;
}
.dkttt_dc-qr-with-label .dkttt_dc-qr-img-wrap {
  padding: 6px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(60, 110, 255, 0.08);
}
.dkttt_dc-qr-with-label .dkttt_dc-qr-img-wrap img {
  display: block;
  width: 120px;
  height: 120px;
  padding: 0;
  border: none;
  border-radius: 4px;
  background: #fff;
}
.dkttt_dc-qr-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--dkttt_primary);
  font-weight: 600;
}
.dkttt_dc-qr-label i { font-size: 14px; }


.dkttt_dc-down { }
.dkttt_dc-down-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  line-height: 40px;
  padding: 0 22px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #49c475 0%, #33b36a 100%);
  border-radius: 6px;
  box-shadow: 0 8px 20px rgba(51, 179, 106, 0.28);
  transition: all 0.25s ease;
}
.dkttt_dc-down-btn i { font-size: 14px; }
.dkttt_dc-down-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #55d082 0%, #3bbe72 100%);
  box-shadow: 0 14px 28px rgba(51, 179, 106, 0.34);
  color: #fff;
}


@media (max-width: 1199px) {
  .dkttt_dc-item { padding: 34px 36px; gap: 40px; }
  .dkttt_dc-info-title { font-size: 26px; }
}
@media (max-width: 991px) {
  .dkttt_dc-item {
    flex-direction: column;
    align-items: stretch;
    padding: 30px 28px;
    gap: 32px;
  }
  .dkttt_dc-thumb {
    flex: none;
    max-width: 520px;
    width: 100%;
    margin: 0 auto;
  }
  .dkttt_dc-info { text-align: left; }
  .dkttt_dc-info-title { font-size: 24px; margin-bottom: 20px; }
  .dkttt_dc-qr img { margin: 0; }
}
@media (max-width: 575px) {
  .dkttt_dc-page-head { padding-top: 40px; }
  .dkttt_dc-page-title { font-size: 19px; }
  .dkttt_dc-wrap { padding: 12px 12px 56px; }
  .dkttt_dc-item { padding: 22px 18px; gap: 24px; margin-bottom: 16px; }
  .dkttt_dc-info-title { font-size: 20px; margin-bottom: 16px; }
  .dkttt_dc-info-meta li { font-size: 13px; padding: 4px 0; }
  .dkttt_dc-qr img { width: 96px; height: 96px; }
  .dkttt_dc-down-btn { height: 38px; line-height: 38px; padding: 0 18px; font-size: 13px; }
}






.dkttt_v2-news-section-head {
  text-align: center;
  margin-bottom: 40px;
  position: relative;
}
.dkttt_v2-news-section-title {
  font-size: 30px;
  font-weight: 700;
  color: var(--dkttt_text);
  margin: 0 0 8px;
}
.dkttt_v2-news-section-subtitle {
  font-size: 14px;
  color: var(--dkttt_text-secondary);
}
.dkttt_v2-news-section-line {
  display: block;
  width: 48px;
  height: 3px;
  background: linear-gradient(90deg, var(--dkttt_primary), #6aa8ff);
  border-radius: 2px;
  margin: 16px auto 0;
}


.dkttt_v2-news-head .dkttt_v2-news-head-bg[style*="background-image"]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0, 30, 100, 0.55) 0%, rgba(0, 20, 80, 0.35) 100%);
  z-index: 0;
}


.dkttt_v2-news-head {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.dkttt_v2-news-head .dkttt_v2-news-head-bg {
  transition: transform 0.4s ease, filter 0.3s ease;
}
.dkttt_v2-news-head:hover .dkttt_v2-news-head-bg {
  transform: scale(1.08);
  filter: brightness(1.12);
}
.dkttt_v2-news-head:hover .dkttt_v2-news-head-arrow {
  background: #fff;
  color: var(--dkttt_primary);
  transform: translate(4px, -50%);
}

.dkttt_v2-news-head:hover .dkttt_v2-news-head-bg[style*="background-image"]::after {
  background: linear-gradient(135deg, rgba(0, 30, 100, 0.35) 0%, rgba(0, 20, 80, 0.15) 100%);
}


@media (max-width: 991px) {
  .dkttt_v2-news-section-title { font-size: 26px; }
  .dkttt_v2-news-section-head { margin-bottom: 32px; }
}
@media (max-width: 575px) {
  .dkttt_v2-news-section-title { font-size: 22px; }
  .dkttt_v2-news-section-subtitle { font-size: 13px; }
  .dkttt_v2-news-section-head { margin-bottom: 24px; }
}


.dkttt_advantage {
  padding: 56px 0 72px;
  background: var(--dkttt_bg);
}


.dkttt_advantage-layout {
  display: flex;
  align-items: center;
  gap: 56px;
  margin-top: 36px;
}


.dkttt_advantage-media {
  flex: 0 0 calc(50% - 28px);
  position: relative;
  border-radius: var(--dkttt_radius-xl);
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(51, 93, 248, 0.18);
}
.dkttt_advantage-media img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.dkttt_advantage-media:hover img {
  transform: scale(1.04);
}

.dkttt_advantage-media-glow {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 40%;
  background: linear-gradient(180deg, transparent 0%, rgba(51, 93, 248, 0.18) 100%);
  pointer-events: none;
}


.dkttt_advantage-list {
  flex: 1 1 calc(50% - 28px);
}
.dkttt_advantage-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 10px 0;
  border-bottom: 1px solid var(--dkttt_border-lighter);
  transition: transform var(--dkttt_transition);
}
.dkttt_advantage-item:last-child { border-bottom: none; }
.dkttt_advantage-item:hover { transform: translateX(4px); }


.dkttt_advantage-check {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--dkttt_primary);
  color: #fff;
  margin-top: 2px;
  box-shadow: 0 4px 14px rgba(51, 93, 248, 0.35);
  transition: transform var(--dkttt_transition), box-shadow var(--dkttt_transition);
}
.dkttt_advantage-check .dkttt_icon {
  width: 20px; height: 20px;
  fill: #fff;
  stroke: #fff;
}
.dkttt_advantage-item:hover .dkttt_advantage-check {
  transform: scale(1.1) rotate(-6deg);
  box-shadow: 0 6px 20px rgba(51, 93, 248, 0.45);
}


.dkttt_advantage-item-body { flex: 1 1 auto; min-width: 0; }
.dkttt_advantage-item-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--dkttt_text);
  margin: 0 0 6px;
  line-height: 1.4;
}
.dkttt_advantage-item-desc {
  font-size: 14px;
  color: var(--dkttt_text-regular);
  line-height: 1.8;
  margin: 0;
}


@media (max-width: 991px) {
  .dkttt_advantage { padding: 48px 0 56px; }
  .dkttt_advantage-layout {
    flex-direction: column;
    gap: 36px;
  }
  .dkttt_advantage-media { flex: none; width: 100%; }
  .dkttt_advantage-list { flex: none; width: 100%; }
}
@media (max-width: 575px) {
  .dkttt_advantage { padding: 40px 0 48px; }
  .dkttt_advantage-layout { gap: 28px; margin-top: 28px; }
  .dkttt_advantage-item { gap: 14px; padding: 14px 0; }
  .dkttt_advantage-check { width: 32px; height: 32px; }
  .dkttt_advantage-check .dkttt_icon { width: 18px; height: 18px; }
  .dkttt_advantage-item-title { font-size: 16px; }
  .dkttt_advantage-item-desc { font-size: 13px; line-height: 1.7; }
}


.dkttt_product-access { min-height: calc(100vh - 120px); background: linear-gradient(180deg, #f3f7ff 0%, #ffffff 100%); }


.dkttt_pa-hero {
  position: relative;
  overflow: hidden;
  padding: 88px 0 132px;
  text-align: center;
  color: #fff;
  background:linear-gradient(138deg,rgb(108,72,242) 10%,rgb(54,128,255) 50%,rgb(40,79,250) 80%);
  background-size: cover;
  background-position: center;
}
.dkttt_pa-hero::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 120px;
  background: linear-gradient(180deg, transparent, #f3f7ff);
  pointer-events: none;
}
.dkttt_pa-hero-orb {
  position: absolute;
  left: 50%; top: 30%;
  width: 560px; height: 560px;
  margin-left: -280px; margin-top: -280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(160, 220, 255, 0.4), rgba(160, 220, 255, 0) 62%);
  filter: blur(2px);
  animation: dkttt_pa_orb 14s ease-in-out infinite alternate;
  pointer-events: none;
}
@keyframes dkttt_pa_orb {
  0%   { transform: translate(-30px, -20px) scale(1); }
  100% { transform: translate(40px, 30px)  scale(1.08); }
}
.dkttt_pa-hero-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.6), transparent 85%);
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0.6), transparent 85%);
  pointer-events: none;
}
.dkttt_pa-hero > .dkttt_container { position: relative; z-index: 2; }
.dkttt_pa-hero-sub {
  display: inline-block;
  padding: 7px 18px;
  font-size: 13px;
  letter-spacing: 3px;
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: rgba(230, 242, 255, 0.92);
  margin-bottom: 20px;
}
.dkttt_pa-hero-title {
  font-size: 46px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 16px;
  background: linear-gradient(180deg, #ffffff, #c6e6ff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  letter-spacing: 1px;
}
.dkttt_pa-hero-desc {
  max-width: 680px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.9;
  color: rgba(226, 240, 255, 0.9);
}


.dkttt_pa-cards { padding: 0 0 80px; }
.dkttt_pa-cards > .dkttt_container {
  margin-top: -84px;
  position: relative;
  z-index: 5;
}


.dkttt_pa-card {
  --dkttt_pa_radius: 28px;
  position: relative;
  height: 100%;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(14px) saturate(180%);
  -webkit-backdrop-filter: blur(14px) saturate(180%);
  border-radius: var(--dkttt_pa_radius);
  padding: 30px 28px 26px;
  overflow: hidden;
  box-shadow:
    0 18px 50px rgba(14, 40, 95, 0.08),
    0 2px 8px rgba(14, 40, 95, 0.04);
  transition: transform .35s cubic-bezier(.2,.8,.2,1),
              box-shadow .35s cubic-bezier(.2,.8,.2,1);
}

.dkttt_pa-card::before {
  content: "";
  position: absolute; inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(90, 160, 255, 0.65), rgba(150, 200, 255, 0.18) 40%, rgba(150, 200, 255, 0.12) 60%, rgba(170, 130, 255, 0.45));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  opacity: .7;
  transition: opacity .35s ease;
}

.dkttt_pa-card::after {
  content: "";
  position: absolute; left: 24px; right: 24px; top: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--dkttt_primary) 20%, #6ab7ff 50%, var(--dkttt_primary) 80%, transparent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .5s cubic-bezier(.2,.8,.2,1);
  opacity: .9;
}
.dkttt_pa-card:hover {
  transform: translateY(-12px);
  box-shadow:
    0 36px 80px rgba(47, 107, 255, 0.22),
    0 8px 22px rgba(47, 107, 255, 0.08);
}
.dkttt_pa-card:hover::before { opacity: 1; }
.dkttt_pa-card:hover::after  { transform: scaleX(1); }

.dkttt_pa-card-halo {
  position: absolute;
  right: -100px; bottom: -100px;
  width: 300px; height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(51, 93, 248, 0.16), rgba(51, 93, 248, 0) 70%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .45s ease, transform .45s ease;
}
.dkttt_pa-card:hover .dkttt_pa-card-halo { opacity: 1; transform: translate(-24px, -24px) scale(1.1); }


.dkttt_pa-tag {
  position: absolute;
  top: 22px; right: 22px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  border-radius: 999px;
  line-height: 1.5;
  letter-spacing: .5px;
  box-shadow: 0 6px 14px rgba(14, 40, 95, 0.14);
}
.dkttt_tag-blue  { background: linear-gradient(135deg, #2f6bff, #4ea0ff 60%, #81c6ff); }
.dkttt_tag-red   { background: linear-gradient(135deg, #ff4842, #ff7373 60%, #ffaeae); }
.dkttt_tag-green { background: linear-gradient(135deg, #19b887, #4bd1a9 60%, #8be3c6); }
.dkttt_tag-amber { background: linear-gradient(135deg, #ff9312, #ffc153 60%, #ffd98a); }


.dkttt_pa-card-head {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 26px;
  position: relative;
  z-index: 2;
}

.dkttt_pa-logo {
  flex: 0 0 auto;
  width: 84px; height: 84px;
  border-radius: 22px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  padding: 10px;
  box-shadow:
    inset 0 0 0 1px rgba(14, 40, 95, 0.06),
    0 10px 26px rgba(14, 40, 95, 0.08);
  transition: transform .4s cubic-bezier(.2,.8,.2,1),
              box-shadow .4s cubic-bezier(.2,.8,.2,1);
}
.dkttt_pa-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transition: transform .5s cubic-bezier(.2,.8,.2,1);
}
.dkttt_pa-card:hover .dkttt_pa-logo {
  transform: translateY(-4px) rotate(-3deg) scale(1.06);
  box-shadow:
    inset 0 0 0 1px rgba(47, 107, 255, 0.20),
    0 18px 44px rgba(47, 107, 255, 0.22);
}
.dkttt_pa-card:hover .dkttt_pa-logo img { transform: scale(1.1); }

.dkttt_pa-card-titles { min-width: 0; flex: 1 1 auto; }
.dkttt_pa-card-title {
  font-size: 20px;
  font-weight: 800;
  color: var(--dkttt_text);
  margin: 0 0 6px;
  line-height: 1.3;
  letter-spacing: .3px;
}
.dkttt_pa-card-subtitle {
  margin: 0;
  font-size: 13px;
  color: var(--dkttt_text-regular);
  line-height: 1.7;
}


.dkttt_pa-card-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  position: relative;
  z-index: 2;
}
.dkttt_pa-btn {
  flex: 1 1 0;
  justify-content: center;
  padding: 13px 16px;
  border-radius: 18px !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .4px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  box-shadow: 0 6px 18px rgba(51, 93, 248, 0);
  transition: transform .35s cubic-bezier(.2,.8,.2,1),
              box-shadow .35s cubic-bezier(.2,.8,.2,1),
              background .35s ease,
              border-color .35s ease,
              color .35s ease;
}
.dkttt_pa-btn .dkttt_icon { width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; }
.dkttt_pa-btn-login {
  background: linear-gradient(135deg, var(--dkttt_primary) 0%, #4e9cff 55%, #7fc3ff 100%);
  border-color: transparent !important;
  color: #fff !important;
}
.dkttt_pa-btn-login::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0));
  opacity: 0;
  transition: opacity .35s ease;
}
.dkttt_pa-card:hover .dkttt_pa-btn-login {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(51, 93, 248, 0.34);
}
.dkttt_pa-card:hover .dkttt_pa-btn-login::after { opacity: 1; }
.dkttt_pa-btn-register {
  background: linear-gradient(180deg, rgba(47, 107, 255, 0.02), rgba(47, 107, 255, 0.06));
}
.dkttt_pa-btn-register:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(51, 93, 248, 0.18);
}


.dkttt_pa-footer {
  margin-top: 44px;
  padding-top: 28px;
  border-top: 1px dashed var(--dkttt_border-lighter);
  text-align: center;
  color: var(--dkttt_text-secondary);
  font-size: 14px;
}
.dkttt_pa-footer a {
  color: var(--dkttt_primary);
  font-weight: 700;
  margin: 0 2px;
  transition: color .25s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  padding-bottom: 2px;
}
.dkttt_pa-footer a:hover { color: #1f5bd6; border-bottom-color: var(--dkttt_primary); }
.dkttt_pa-footer .dkttt-sep { color: var(--dkttt_border-light); margin: 0 8px; }


@media (max-width: 991px) {
  .dkttt_pa-hero { padding: 72px 0 112px; }
  .dkttt_pa-hero-title { font-size: 34px; }
  .dkttt_pa-cards > .dkttt_container { margin-top: -68px; }
  .dkttt_pa-card { padding: 26px 24px 22px; }
  .dkttt_pa-logo { width: 72px; height: 72px; border-radius: 18px; padding: 8px; }
}
@media (max-width: 575px) {
  .dkttt_pa-hero { padding: 56px 0 100px; }
  .dkttt_pa-hero-sub { letter-spacing: 2px; padding: 5px 14px; }
  .dkttt_pa-hero-title { font-size: 26px; }
  .dkttt_pa-hero-desc { font-size: 14px; padding: 0 10px; }
  .dkttt_pa-cards > .dkttt_container { margin-top: -56px; }
  .dkttt_pa-card { --dkttt_pa_radius: 22px; padding: 22px 18px 18px; }
  .dkttt_pa-logo { width: 60px; height: 60px; border-radius: 16px; padding: 7px; }
  .dkttt_pa-card-head { gap: 14px; margin-bottom: 20px; }
  .dkttt_pa-card-title { font-size: 18px; }
  .dkttt_pa-card-actions { flex-direction: column; gap: 10px; }
  .dkttt_pa-btn { width: 100%; padding: 12px 14px; border-radius: 16px !important; }
}


.dkttt_doc-main {
  min-height: calc(100vh - 64px);
  background: #fff;
}
.dkttt_doc-container {
  display: flex;
  margin: 0 auto;
  gap: 0;
  align-items: flex-start;
  min-height: calc(100vh - 64px);
}


.dkttt_doc-sidebar {
  width: 280px;
  flex-shrink: 0;
  background: #fff;
  border-right: 1px solid var(--dkttt_border-lighter);
  height: calc(100vh - 64px);
  position: sticky;
  top: 64px;
  z-index: 2;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--dkttt_border) transparent;
  box-shadow: -4px 0 12px rgba(0,0,0,0.08);
}
.dkttt_doc-sidebar::-webkit-scrollbar { width: 6px; }
.dkttt_doc-sidebar::-webkit-scrollbar-thumb { background: var(--dkttt_border); border-radius: 3px; }
.dkttt_doc-sidebar::-webkit-scrollbar-track { background: transparent; }

.dkttt_doc-sidebar-head {
  padding: 20px 18px 16px;
  border-bottom: 1px solid var(--dkttt_border-lighter);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}
.dkttt_doc-book-title {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  color: var(--dkttt_text);
  line-height: 1.4;
  word-break: break-all;
}
.dkttt_doc-sidebar-close {
  display: none;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--dkttt_text-secondary);
  border-radius: var(--dkttt_radius);
  transition: all var(--dkttt_transition);
  flex-shrink: 0;
}
.dkttt_doc-sidebar-close:hover {
  background: var(--dkttt_bg);
  color: var(--dkttt_primary);
}


.dkttt_doc-nav {
  padding: 12px 10px 24px;
}
.dkttt_doc-nav-item {
  position: relative;
  margin-bottom: 2px;
}
.dkttt_doc-nav-item.is-collapsed { display: none; }
.dkttt_doc-nav-link {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 12px;
  border-radius: var(--dkttt_radius);
  color: var(--dkttt_text-regular);
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  transition: all var(--dkttt_transition);
  cursor: pointer;
  position: relative;
}
.dkttt_doc-nav-link:hover {
  background: var(--dkttt_primary-light);
  color: var(--dkttt_primary);
}
.dkttt_doc-nav-link.is-active {
  background: var(--dkttt_primary-light);
  color: var(--dkttt_primary);
  font-weight: 600;
}
.dkttt_doc-nav-link.is-active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 18px;
  background: var(--dkttt_primary);
  border-radius: 0 2px 2px 0;
}

.dkttt_doc-nav-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.dkttt_doc-nav-link.is-doc .dkttt_doc-nav-icon { color: var(--dkttt_primary); }
.dkttt_doc-nav-link.is-group .dkttt_doc-nav-icon { color: var(--dkttt_warning); }
.dkttt_doc-nav-link.is-link .dkttt_doc-nav-icon { color: var(--dkttt_success); }

.dkttt_doc-nav-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dkttt_doc-nav-caret {
  flex-shrink: 0;
  font-size: 16px;
  color: var(--dkttt_text-secondary);
  transition: transform var(--dkttt_transition);
}
.dkttt_doc-nav-caret.is-open {
  transform: rotate(180deg);
}


.dkttt_doc-nav-level-0 { padding-left: 0; }
.dkttt_doc-nav-level-1 { padding-left: 16px; }
.dkttt_doc-nav-level-2 { padding-left: 32px; }
.dkttt_doc-nav-level-3 { padding-left: 48px; }
.dkttt_doc-nav-level-4 { padding-left: 64px; }
.dkttt_doc-nav-level-5 { padding-left: 80px; }

.dkttt_doc-empty {
  text-align: center;
  padding: 40px 20px;
  color: var(--dkttt_text-secondary);
}
.dkttt_doc-empty i {
  font-size: 36px;
  display: block;
  margin-bottom: 10px;
  opacity: 0.5;
}


.dkttt_doc-content {
  flex: 1;
  min-width: 0;
  padding: 28px 32px 60px;
  background: #fff;
  min-height: calc(100vh - 64px);
  border: 1px solid var(--dkttt_border-lighter);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08), 0 6px 24px rgba(0,0,0,0.1);
}
.dkttt_doc-article-head {
  padding-bottom: 20px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--dkttt_border-lighter);
}
.dkttt_doc-article-title {
  margin: 0 0 12px;
  font-size: 26px;
  font-weight: 700;
  color: var(--dkttt_text);
  line-height: 1.4;
}
.dkttt_doc-article-meta {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  color: var(--dkttt_text-secondary);
  font-size: 13px;
}
.dkttt_doc-article-meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.dkttt_doc-article-body {
  font-size: 15px;
  line-height: 1.9;
  color: var(--dkttt_text-regular);
  word-break: break-all;
}
.dkttt_doc-article-body p { margin: 0 0 16px; }
.dkttt_doc-article-body h1,
.dkttt_doc-article-body h2,
.dkttt_doc-article-body h3,
.dkttt_doc-article-body h4 {
  margin: 24px 0 12px;
  font-weight: 700;
  color: var(--dkttt_text);
  line-height: 1.4;
}
.dkttt_doc-article-body h1 { font-size: 22px; }
.dkttt_doc-article-body h2 { font-size: 19px; }
.dkttt_doc-article-body h3 { font-size: 17px; }
.dkttt_doc-article-body a { color: var(--dkttt_primary); text-decoration: none; }
.dkttt_doc-article-body a:hover { text-decoration: underline; }
.dkttt_doc-article-body img { max-width: 600px; max-height: 600px; height: auto; margin: 10px;border-radius: var(--dkttt_radius); cursor: zoom-in; transition: transform var(--dkttt_transition), box-shadow var(--dkttt_transition); }
.dkttt_doc-article-body img:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(51, 93, 248, 0.18); }
.dkttt_doc-article-body ul,
.dkttt_doc-article-body ol { padding-left: 24px; margin: 0 0 16px; }
.dkttt_doc-article-body li { margin-bottom: 6px; }
.dkttt_doc-article-body blockquote {
  margin: 0 0 16px;
  padding: 10px 16px;
  border-left: 4px solid var(--dkttt_primary);
  background: var(--dkttt_primary-light);
  color: var(--dkttt_text-regular);
  border-radius: 0 var(--dkttt_radius) var(--dkttt_radius) 0;
}
.dkttt_doc-article-body code {
  padding: 2px 6px;
  background: var(--dkttt_bg);
  border-radius: var(--dkttt_radius-small);
  font-family: Consolas, Monaco, monospace;
  font-size: 14px;
  color: #e83e8c;
}
.dkttt_doc-article-body pre {
  margin: 0 0 16px;
  padding: 16px;
  background: #2d2d2d;
  color: #f8f8f2;
  border-radius: var(--dkttt_radius);
  overflow-x: auto;
}
.dkttt_doc-article-body pre code {
  padding: 0;
  background: none;
  color: inherit;
}
.dkttt_doc-article-body table {
  width: 100%;
  margin: 0 0 16px;
  border-collapse: collapse;
}
.dkttt_doc-article-body th,
.dkttt_doc-article-body td {
  padding: 8px 12px;
  border: 1px solid var(--dkttt_border-light);
  text-align: left;
}
.dkttt_doc-article-body th { background: var(--dkttt_bg); font-weight: 600; }

.dkttt_doc-no-content {
  text-align: center;
  padding: 60px 20px;
  color: var(--dkttt_text-secondary);
}


.dkttt_doc-loading,
.dkttt_doc-error,
.dkttt_doc-content-empty {
  text-align: center;
  padding: 80px 20px;
  color: var(--dkttt_text-secondary);
}
.dkttt_doc-loading i,
.dkttt_doc-error i,
.dkttt_doc-content-empty i {
  font-size: 48px;
  display: block;
  margin-bottom: 16px;
  opacity: 0.6;
}
.dkttt_doc-loading p,
.dkttt_doc-error p,
.dkttt_doc-content-empty p {
  margin: 0;
  font-size: 14px;
}
.dkttt_doc-content-empty h3 {
  margin: 0 0 8px;
  font-size: 18px;
  color: var(--dkttt_text);
}


.dkttt_icon-spin {
  display: inline-block;
  animation: dkttt_doc-spin 1s linear infinite;
}
@keyframes dkttt_doc-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}


.dkttt_doc-sidebar-toggle {
  display: none;
  position: fixed;
  left: 12px;
  bottom: 24px;
  z-index: 90;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  background: var(--dkttt_primary);
  color: #fff;
  border: none;
  border-radius: var(--dkttt_radius-round);
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(51, 93, 248, 0.4);
  transition: all var(--dkttt_transition);
}
.dkttt_doc-sidebar-toggle:hover {
  background: var(--dkttt_primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(51, 93, 248, 0.5);
}
.dkttt_doc-sidebar-toggle i { font-size: 18px; }


.dkttt_doc-mask {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 88;
  opacity: 0;
  transition: opacity var(--dkttt_transition);
}
.dkttt_doc-mask.is-show {
  display: block;
  opacity: 1;
}
.dkttt_doc-no-scroll { overflow: hidden; }


.dkttt_imgpreview {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity var(--dkttt_transition);
}
.dkttt_imgpreview.is-show {
  display: flex;
  opacity: 1;
}
.dkttt_imgpreview-mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.82);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  cursor: zoom-out;
}
.dkttt_imgpreview-stage {
  position: relative;
  z-index: 1;
  max-width: 92vw;
  max-height: 82vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.dkttt_imgpreview-img {
  max-width: 92vw;
  max-height: 82vh;
  object-fit: contain;
  border-radius: var(--dkttt_radius);
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.5);
  transition: transform 0.2s ease;
  user-select: none;
  -webkit-user-drag: none;
}
.dkttt_imgpreview-toolbar {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  gap: 8px;
  padding: 8px 12px;
  background: rgba(30, 30, 35, 0.85);
  border-radius: 40px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}
.dkttt_imgpreview-btn {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background var(--dkttt_transition), transform var(--dkttt_transition);
}
.dkttt_imgpreview-btn:hover {
  background: var(--dkttt_primary);
  transform: scale(1.08);
}
.dkttt_imgpreview-close:hover {
  background: #e74c3c;
}
.dkttt_imgpreview-lock { overflow: hidden; }

@media (max-width: 768px) {
  .dkttt_imgpreview-stage { max-width: 96vw; max-height: 75vh; }
  .dkttt_imgpreview-img { max-width: 96vw; max-height: 75vh; }
  .dkttt_imgpreview-toolbar { bottom: 20px; gap: 6px; padding: 6px 10px; }
  .dkttt_imgpreview-btn { width: 36px; height: 36px; font-size: 15px; }
}


@media (max-width: 991px) {
  .dkttt_doc-container { max-width: 100%; }
  .dkttt_doc-sidebar { width: 240px; }
  .dkttt_doc-content { padding: 24px 20px 48px; }
  .dkttt_doc-article-title { font-size: 24px; }
}


@media (max-width: 768px) {
  .dkttt_doc-container {
    flex-direction: column;
    min-height: auto;
  }
  
  .dkttt_doc-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 280px;
    max-width: 80vw;
    transform: translateX(-100%);
    transition: transform var(--dkttt_transition);
    z-index: 89;
    box-shadow: none;
    border-right: none;
  }
  .dkttt_doc-sidebar.is-open {
    transform: translateX(0);
    box-shadow: 2px 0 16px rgba(0,0,0,0.12);
  }
  .dkttt_doc-sidebar-close { display: flex; }
  
  .dkttt_doc-content {
    width: 100%;
    padding: 16px 12px 60px;
  }
  .dkttt_doc-article-title { font-size: 20px; }
  .dkttt_doc-article-body { font-size: 14.5px; line-height: 1.85; }
  .dkttt_doc-article-body blockquote { padding: 10px 14px; }
  .dkttt_doc-article-body pre { padding: 14px; }
  
  .dkttt_doc-sidebar-toggle { display: inline-flex; }
}


.dkttt_doc-empty-page {
  max-width: 480px;
  margin: 80px auto;
  padding: 48px 32px;
  text-align: center;
  background: #fff;
  border-radius: var(--dkttt_radius);
  box-shadow: var(--dkttt_shadow);
}
.dkttt_doc-empty-page i {
  font-size: 56px;
  color: var(--dkttt_primary);
  opacity: 0.5;
  margin-bottom: 16px;
  display: block;
}
.dkttt_doc-empty-page h2 {
  font-size: 20px;
  color: var(--dkttt_text-regular);
  margin-bottom: 8px;
  font-weight: 600;
}
.dkttt_doc-empty-page p {
  font-size: 14px;
  color: var(--dkttt_text-light);
  line-height: 1.6;
}