.home-swiper{width:100%;height:100%}.home-slide,.home-slide-inner{width:100%;height:100%;position:relative}.home-slide-image{transition:transform .3s ease-in-out}.swiper-fade .swiper-slide:not(.swiper-slide-active){opacity:0!important}.swiper-button-next,.swiper-button-prev{width:40px!important;height:40px!important;background-color:hsla(0,0%,100%,.7);border-radius:50%;color:#2563eb!important;transition:all .3s ease}.swiper-button-next:after,.swiper-button-prev:after{font-size:20px!important;font-weight:700}.swiper-button-next:hover,.swiper-button-prev:hover{background-color:hsla(0,0%,100%,.9);transform:scale(1.1)}.home-pagination-bullet{width:12px!important;height:12px!important;display:inline-block;border-radius:50%;background:hsla(0,0%,100%,.6)!important;margin:0 4px;cursor:pointer;transition:all .3s ease;opacity:.6}.home-pagination-bullet-active{background:#2563eb!important;opacity:1;transform:scale(1.2)}.swiper-pagination{bottom:20px!important}.swiper-slide-active .home-slide-image{transform:scale(1)}.swiper-slide-next .home-slide-image,.swiper-slide-prev .home-slide-image{transform:scale(.95)}@media (max-width:640px){.swiper-button-next,.swiper-button-prev{width:30px!important;height:30px!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:16px!important}.home-pagination-bullet{width:8px!important;height:8px!important}}.swiper-slide{transition:all .8s ease}.home-slide-inner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2));pointer-events:none}.slider{-webkit-appearance:none;height:4px;border-radius:2px;outline:none;opacity:.7;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;box-shadow:0 0 0 3px rgba(59,130,246,.3);-webkit-transition:all .2s ease;transition:all .2s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px rgba(59,130,246,.4)}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;box-shadow:0 0 0 3px rgba(59,130,246,.3);-moz-transition:all .2s ease;transition:all .2s ease}.slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px rgba(59,130,246,.4)}.slider-vertical{width:4px;height:80px;-webkit-appearance:slider-vertical;background:hsla(0,0%,100%,.3);outline:none;border-radius:2px}.video-controls-gradient{background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 50%,transparent)}@keyframes videoLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-loading{animation:videoLoading 1s linear infinite}:fullscreen .video-controls{padding:20px}:fullscreen .video-controls button{width:48px;height:48px}:fullscreen .video-controls svg{width:24px;height:24px}@media (max-width:768px){.video-controls{padding:12px}.video-controls button{width:40px;height:40px}.video-controls svg{width:18px;height:18px}.video-time-display{font-size:12px}.video-speed-menu{min-width:60px;font-size:12px}}.video-progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:hsla(0,0%,100%,.3);border-radius:4px;outline:none;cursor:pointer;transition:all .2s ease}.video-progress-bar:hover{height:12px}.video-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3);transform:scale(0);-webkit-transition:transform .2s ease;transition:transform .2s ease}.video-progress-bar:active::-webkit-slider-thumb,.video-progress-bar:hover::-webkit-slider-thumb{transform:scale(1)}.video-progress-bar::-moz-range-thumb{width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px rgba(0,0,0,.3);transform:scale(0);-moz-transition:transform .2s ease;transition:transform .2s ease}.video-progress-bar:active::-moz-range-thumb,.video-progress-bar:hover::-moz-range-thumb{transform:scale(1)}.video-progress-bar::-moz-range-track{height:8px;background:hsla(0,0%,100%,.3);border-radius:4px;border:none}@media (max-width:768px){.video-progress-bar{height:12px;touch-action:none}.video-progress-bar::-webkit-slider-thumb{width:20px;height:20px;transform:scale(1)}.video-progress-bar::-moz-range-thumb{width:20px;height:20px;transform:scale(1)}}.video-fullscreen-container{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;background:#000!important}.video-fullscreen-container video{width:100%!important;height:100%!important;-o-object-fit:contain!important;object-fit:contain!important}video::-webkit-media-controls,video::-webkit-media-controls-fullscreen-button{display:none}.video-control-button{transition:all .2s ease;touch-action:manipulation}.video-control-button:hover{transform:scale(1.05)}.video-control-button:active{transform:scale(.95)}.video-controls{touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.progress-bar-dragging,.progress-bar-dragging *{cursor:grabbing!important}.video-loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.mobile-fullscreen-hint{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;opacity:0;animation:fadeInOut 3s ease-in-out;pointer-events:none}}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.flip-card{background-color:transparent;width:100%;height:420px;perspective:1000px;font-family:Noto Sans SC,sans-serif;border-radius:20px;overflow:hidden;max-width:320px;margin:0 auto}@media (max-width:1024px){.flip-card{height:380px;max-width:280px}}@media (max-width:768px){.flip-card{height:360px;max-width:260px}}@media (max-width:640px){.flip-card{height:320px;max-width:240px}}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;border-radius:20px;cursor:pointer}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.05);transition:box-shadow .3s ease}.flip-card:hover .flip-card-back,.flip-card:hover .flip-card-front{box-shadow:0 20px 40px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.1)}.flip-card-front{background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.8));color:#1e3a8a;overflow:hidden;border:1px solid hsla(0,0%,100%,.3)}.flip-card-back,.flip-card-front{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flip-card-back{background:linear-gradient(135deg,#3b82f6,#1e40af 50%,#1e3a8a);color:#fff;transform:rotateY(180deg);padding:30px;font-size:1.1rem;line-height:1.6}@media (max-width:1024px){.flip-card-back{padding:25px;font-size:1rem}}@media (max-width:768px){.flip-card-back{padding:20px;font-size:.95rem;line-height:1.5}}@media (max-width:640px){.flip-card-back{padding:16px;font-size:.9rem;line-height:1.4}}.bg-custom-gradient{background:linear-gradient(135deg,#2193b0 25%,#6dd5ed 50%,#f7797d 75%)}.font-rounded{font-family:Noto Sans SC,Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif}.card-image{transition:transform .3s ease-in-out}.flip-card:hover .card-image{transform:scale(1.1)}@media (max-width:640px){.flip-card-inner{transition:transform .6s}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back{justify-content:space-between}}@media (hover:none){.flip-card:active .flip-card-inner{transform:rotateY(180deg)}.flip-card:hover .flip-card-inner{transform:none}}