.customCss  .page-container{
  padding-top: 0 !important;
  background-image: url(/public/img/sqbg.png);
  background-size: cover;
  background-position: bottom;
}
.customCss .page-header{
  background-color: #00000014 !important;
}
.customCss .page-header .page-menu .page-menu-left .menu-list .menu-item.active a{
  color:#fff !important;
}
.customCss .page-header .page-menu .page-menu-left .menu-list .menu-item.active:after{
  background-color:#fff !important;
}

.achievement-container[data-v-cddc4eb0]{padding:0;box-sizing:border-box;position:relative
}
.achievement-container .banner-img[data-v-cddc4eb0]{width:100%;background-image:url(/public/img/index-page.jpg);background-size:100%;background-repeat:no-repeat;height:460px;position:absolute;z-index:0;left:0;top:0;background-position:bottom
}
.hero-banner[data-v-cddc4eb0]{position:relative;z-index:1;padding:110px 0 50px 0;text-align:left
}
.hero-banner .hero-content[data-v-cddc4eb0]{margin-bottom:30px
}
.hero-banner .hero-title[data-v-cddc4eb0]{font-size:28px;font-weight:600;color:#ffffff;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,0.15);margin:0
}
.search-section[data-v-cddc4eb0]{max-width:700px
}
.search-section .search-box[data-v-cddc4eb0]{display:flex;background:#ffffff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.1)
}
.search-section .search-input[data-v-cddc4eb0]{flex:1;padding:15px 20px;border:none;outline:none;font-size:14px;color:#333
}
.search-section .search-input[data-v-cddc4eb0]::placeholder{color:#999
}
.search-section .search-btn[data-v-cddc4eb0]{padding:15px 35px;background:#4a7dff;color:#fff;border:none;font-size:15px;font-weight:500;cursor:pointer;transition:background 0.3s
}
.search-section .search-btn[data-v-cddc4eb0]:hover{background:#3a6aee
}
.feature-cards[data-v-cddc4eb0]{position:relative;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px;padding:0 30px 0 30px;max-width:1400px;margin:0 auto;-webkit-transition:all 0.3s ease;transition:all 0.3s ease
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.feature-cards[data-v-cddc4eb0]{margin:-10px
}
}
.feature-cards.simplify-mode[data-v-cddc4eb0]{gap:30px
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.feature-cards.simplify-mode[data-v-cddc4eb0]{margin:-15px
}
}
.feature-cards.simplify-mode .feature-card.simplify-card[data-v-cddc4eb0]{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;max-width:calc(50% - 15px)
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.feature-cards.simplify-mode .feature-card.simplify-card[data-v-cddc4eb0]{width:48%;margin:15px
}
}
.feature-card[data-v-cddc4eb0]{background:#eaf0f8;border-radius:12px;overflow:hidden;-webkit-transition:-webkit-transform 0.3s, box-shadow 0.3s, -webkit-flex 0.3s;transition:transform 0.3s, box-shadow 0.3s, flex 0.3s;box-shadow:inset 0px 0px 0px 2px white;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column
}
.feature-card[data-v-cddc4eb0]:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);box-shadow:inset 0px 0px 0px 3px white
}
.feature-card .card-header[data-v-cddc4eb0]{display:flex;align-items:center;gap:10px;padding:0 15px 0 15px
}
.feature-card .card-header .card-icon[data-v-cddc4eb0]{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:#fff
}
.feature-card .card-header .card-icon.blue[data-v-cddc4eb0]{background:linear-gradient(135deg, #60a5fa, #3b82f6)
}
.feature-card .card-header .card-icon.cyan[data-v-cddc4eb0]{background:linear-gradient(135deg, #22d3ee, #06b6d4)
}
.feature-card .card-header .card-icon.purple[data-v-cddc4eb0]{background:linear-gradient(135deg, #a78bfa, #8b5cf6)
}
.feature-card .card-header .card-icon.orange[data-v-cddc4eb0]{background:linear-gradient(135deg, #fb923c, #f97316)
}
.feature-card .card-header .card-title[data-v-cddc4eb0]{font-size:16px;font-weight:600;color:#333;margin:0
}
.feature-card .card-body[data-v-cddc4eb0]{padding:15px 15px 0 15px;position:relative
}
.feature-card .card-body .sw-box-item[data-v-cddc4eb0]{width:100%;height:100%;background-color:#fff;position:relative
}
.feature-card .card-body .sw-box-item .sw-box-img[data-v-cddc4eb0]{display:block;height:50%;width:100%;object-fit:cover;border:1px #ccc solid
}
.feature-card .card-body .sw-box-item .sw-box-cot[data-v-cddc4eb0]{padding:15px;box-sizing:border-box;display:flex;gap:15px;flex-direction:column;flex-wrap:nowrap;align-content:flex-start;align-items:stretch;justify-content:center
}
.feature-card .card-body .sw-box-item .sw-box-cot .title[data-v-cddc4eb0]{font-size:18px;font-weight:700;color:#222;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding:5px 0
}
.feature-card .card-body .sw-box-item .sw-box-cot .basic-info[data-v-cddc4eb0]{display:flex;align-items:center;gap:5px;color:#666
}
.feature-card .card-body .sw-box-item .sw-box-cot .basic-info .label[data-v-cddc4eb0]{white-space:nowrap
}
.feature-card .card-body .sw-box-item .sw-box-cot .basic-info .value[data-v-cddc4eb0]{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:75%
}
.feature-card .card-body .sw-box-item .sw-box-tag[data-v-cddc4eb0]{position:absolute;right:4px;top:4px;padding:4px 8px;color:#fff;border-radius:2px
}
.illustration-placeholder[data-v-cddc4eb0]{height:160px;display:flex;align-items:center;justify-content:center;border-radius:8px;margin-bottom:15px
}
.illustration-placeholder.store-illustration[data-v-cddc4eb0]{background:linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%)
}
.illustration-placeholder.shield-illustration[data-v-cddc4eb0]{background:linear-gradient(180deg, #ecfeff 0%, #cffafe 100%)
}
.illustration-placeholder .illustration-svg[data-v-cddc4eb0]{width:100%;height:100%
}
.detail-btn[data-v-cddc4eb0]{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:#f5f7fa;border:1px solid #e8ecf1;border-radius:6px;color:#666;font-size:13px;cursor:pointer;transition:all 0.3s
}
.detail-btn[data-v-cddc4eb0]:hover{background:#eef2f7;border-color:#d0d7e0;color:#4a7dff
}
.detail-btn:hover .arrow[data-v-cddc4eb0]{transform:translateX(3px)
}
.detail-btn .arrow[data-v-cddc4eb0]{transition:transform 0.3s
}
.activity-card .card-body[data-v-cddc4eb0]{padding:15px
}
.activity-carousel .carousel-wrapper[data-v-cddc4eb0]{position:relative;margin-bottom:15px
}
.activity-carousel .activity-banner[data-v-cddc4eb0]{position:relative;border-radius:8px;overflow:hidden
}
.activity-carousel .activity-banner .activity-status[data-v-cddc4eb0]{position:absolute;top:10px;right:10px;padding:4px 10px;background:#22c55e;color:#fff;font-size:12px;border-radius:4px;z-index:2
}
.activity-carousel .activity-banner .activity-image-placeholder[data-v-cddc4eb0]{height:140px
}
.activity-carousel .activity-banner .activity-image-placeholder .activity-svg[data-v-cddc4eb0]{width:100%;height:100%
}
.activity-carousel .carousel-arrow[data-v-cddc4eb0]{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;background:rgba(255,255,255,0.9);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:all 0.3s;z-index:3
}
.activity-carousel .carousel-arrow[data-v-cddc4eb0]:hover{background:#fff;color:#4a7dff
}
.activity-carousel .carousel-arrow.carousel-prev[data-v-cddc4eb0]{left:8px
}
.activity-carousel .carousel-arrow.carousel-next[data-v-cddc4eb0]{right:8px
}
.activity-info .activity-name[data-v-cddc4eb0]{font-size:14px;font-weight:600;color:#333;margin:0 0 10px;line-height:1.4
}
.activity-info .activity-meta p[data-v-cddc4eb0]{font-size:12px;color:#888;margin:4px 0;line-height:1.4
}
.activity-info .activity-meta p .meta-label[data-v-cddc4eb0]{color:#aaa
}
.service-window[data-v-cddc4eb0]{padding:10px 15px 15px !important
}
.service-list[data-v-cddc4eb0]{display:flex;flex-direction:column;gap:10px
}
.service-item[data-v-cddc4eb0]{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;cursor:pointer;transition:all 0.3s
}
.service-item[data-v-cddc4eb0]:hover{background:#f1f5f9;transform:translateX(4px)
}
.service-item .service-icon[data-v-cddc4eb0]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0
}
.service-item .service-icon.blue[data-v-cddc4eb0]{background:linear-gradient(135deg, #dbeafe, #bfdbfe);color:#3b82f6
}
.service-item .service-icon.cyan[data-v-cddc4eb0]{background:linear-gradient(135deg, #cffafe, #a5f3fc);color:#06b6d4
}
.service-item .service-icon.green[data-v-cddc4eb0]{background:linear-gradient(135deg, #d1fae5, #a7f3d0);color:#10b981
}
.service-item .service-icon.purple[data-v-cddc4eb0]{background:linear-gradient(135deg, #ede9fe, #ddd6fe);color:#8b5cf6
}
.service-item .service-icon.orange[data-v-cddc4eb0]{background:linear-gradient(135deg, #ffedd5, #fed7aa);color:#f97316
}
.service-item .service-name[data-v-cddc4eb0]{font-size:14px;color:#555;font-weight:500
}
@media (max-width: 1200px){
.feature-cards[data-v-cddc4eb0]{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap
}
.feature-cards.simplify-mode .feature-card.simplify-card[data-v-cddc4eb0]{max-width:calc(50% - 15px)
}
}
@media screen and (max-width: 1200px) and (-ms-high-contrast: active), (max-width: 1200px) and (-ms-high-contrast: none){
.feature-cards.simplify-mode .feature-card.simplify-card[data-v-cddc4eb0]{width:48%
}
}
@media (max-width: 992px){
.feature-cards[data-v-cddc4eb0]{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap
}
.feature-cards .feature-card[data-v-cddc4eb0]{-webkit-box-flex:1;-webkit-flex:1 1 calc(50% - 10px);-ms-flex:1 1 calc(50% - 10px);flex:1 1 calc(50% - 10px);min-width:280px
}
}
@media screen and (max-width: 992px) and (-ms-high-contrast: active), (max-width: 992px) and (-ms-high-contrast: none){
.feature-cards .feature-card[data-v-cddc4eb0]{width:48%;margin:10px
}
}
@media (max-width: 992px){
.feature-cards.simplify-mode .feature-card.simplify-card[data-v-cddc4eb0]{-webkit-box-flex:1;-webkit-flex:1 1 calc(50% - 15px);-ms-flex:1 1 calc(50% - 15px);flex:1 1 calc(50% - 15px);max-width:none
}
}
@media screen and (max-width: 992px) and (-ms-high-contrast: active), (max-width: 992px) and (-ms-high-contrast: none){
.feature-cards.simplify-mode .feature-card.simplify-card[data-v-cddc4eb0]{width:48%
}
}
@media (max-width: 768px){
.hero-banner[data-v-cddc4eb0]{padding:25px 20px 20px
}
.hero-banner .hero-title[data-v-cddc4eb0]{font-size:20px
}
.search-section .search-btn[data-v-cddc4eb0]{padding:12px 20px
}
.feature-cards[data-v-cddc4eb0]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:20px;gap:15px
}
.feature-cards .feature-card[data-v-cddc4eb0]{-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%
}
}
@media screen and (max-width: 768px) and (-ms-high-contrast: active), (max-width: 768px) and (-ms-high-contrast: none){
.feature-cards .feature-card[data-v-cddc4eb0]{width:100%;margin:7.5px 0
}
}
@media (max-width: 768px){
.feature-cards.simplify-mode[data-v-cddc4eb0]{gap:15px
}
.feature-cards.simplify-mode .feature-card.simplify-card[data-v-cddc4eb0]{-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%
}
}
@media screen and (max-width: 768px) and (-ms-high-contrast: active), (max-width: 768px) and (-ms-high-contrast: none){
.feature-cards.simplify-mode .feature-card.simplify-card[data-v-cddc4eb0]{width:100%;margin:7.5px 0
}
}
@media (max-width: 480px){
.feature-cards[data-v-cddc4eb0]{padding:15px;gap:12px
}
.feature-cards .feature-card .card-body[data-v-cddc4eb0]{padding:10px
}
.feature-cards.simplify-mode[data-v-cddc4eb0]{padding:15px;gap:12px
}
}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}