.hr-attendance-page[data-v-bf5e2125]{min-height:100vh;background:#fff}.main-content[data-v-bf5e2125]{padding-top:64px}.product-hero[data-v-bf5e2125]{padding:90px 0 100px;background:linear-gradient(180deg,#fff,#e9f6ff)}.product-hero .container[data-v-bf5e2125]{max-width:1200px;margin:0 auto;padding:0 20px}.product-hero .hero-content[data-v-bf5e2125]{display:flex;flex-direction:column;align-items:center;text-align:center}.product-hero .product-icon-large[data-v-bf5e2125]{width:130px;height:130px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #1768ff59;margin-bottom:40px;border-radius:30px;overflow:hidden}.product-hero .product-icon-large .icon-image[data-v-bf5e2125]{width:130px;height:130px;display:block}.product-hero .product-title[data-v-bf5e2125]{font-size:44px;font-weight:600;color:#040919;margin:0 0 24px;line-height:1.3}.product-hero .product-subtitle[data-v-bf5e2125]{font-size:24px;color:#404349;margin:0 0 48px;line-height:1.6}.product-hero .cta-button[data-v-bf5e2125]{width:286px;height:64px;background:#fff;border:none;border-radius:32px;cursor:pointer;position:relative;margin-bottom:66px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.product-hero .cta-button[data-v-bf5e2125]:before{content:"";position:absolute;top:50%;left:50%;width:400px;height:400px;margin-top:-200px;margin-left:-200px;background:conic-gradient(from 0deg,#ffd881,#f89af8,#2d56ed,#df85f6,#fed08f,#ffd881);z-index:0}.product-hero .cta-button[data-v-bf5e2125]:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:linear-gradient(180deg,#fff,#e9f6ff);border-radius:29px;z-index:1}.product-hero .cta-button[data-v-bf5e2125]:hover:before{animation:rotate-gradient-bf5e2125 2s linear infinite}.product-hero .cta-button .button-icon[data-v-bf5e2125]{width:24px;height:24px;margin-right:8px;position:relative;z-index:2}.product-hero .cta-button span[data-v-bf5e2125]{font-size:20px;font-weight:500;color:#040919;position:relative;z-index:2}.product-hero .features-grid[data-v-bf5e2125]{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;width:100%;max-width:1200px}.product-hero .feature-card[data-v-bf5e2125]{background:#fff;border-radius:16px;padding:40px 32px;text-align:left}.product-hero .feature-title[data-v-bf5e2125]{font-size:20px;font-weight:600;color:#040919;margin:0 0 16px}.product-hero .feature-desc[data-v-bf5e2125]{font-size:14px;color:#606266;line-height:1.8;margin:0}@keyframes rotate-gradient-bf5e2125{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.why-choose-section[data-v-bf5e2125]{padding:80px 0 100px;background:#fff}.why-choose-section .container[data-v-bf5e2125]{max-width:1200px;margin:0 auto;padding:0 20px}.why-choose-section .section-title[data-v-bf5e2125]{font-size:36px;font-weight:600;color:#040919;text-align:center;margin:0 0 60px}.why-choose-section .features-showcase[data-v-bf5e2125]{display:grid;grid-template-columns:588px 588px;grid-template-rows:232px 232px 340px 340px;gap:24px;justify-content:center}.why-choose-section .feature-showcase-item[data-v-bf5e2125]{border-radius:16px;overflow:hidden;position:relative}.why-choose-section .feature-showcase-item.feature-large[data-v-bf5e2125]{grid-column:1/2;grid-row:1/3;background:#2c3e50;padding:32px;display:flex;flex-direction:column}.why-choose-section .feature-showcase-item.feature-large .feature-text[data-v-bf5e2125]{position:relative;z-index:2;margin-bottom:24px}.why-choose-section .feature-showcase-item.feature-large .feature-showcase-title[data-v-bf5e2125]{font-size:22px;font-weight:600;color:#fff;margin:0 0 16px}.why-choose-section .feature-showcase-item.feature-large .feature-showcase-desc[data-v-bf5e2125]{font-size:16px;color:#fffc;line-height:1.8;margin:0}.why-choose-section .feature-showcase-item.feature-large .feature-image-bg[data-v-bf5e2125]{position:absolute;bottom:0;left:0;right:0;top:140px;background-size:100% auto;background-position:bottom left;background-repeat:no-repeat;z-index:1}.why-choose-section .feature-showcase-item.feature-small[data-v-bf5e2125]{background:#f3f7ff;padding:32px;display:flex;flex-direction:column}.why-choose-section .feature-showcase-item.feature-small .feature-icon[data-v-bf5e2125]{width:30px;height:30px;flex-shrink:0;margin-bottom:12px}.why-choose-section .feature-showcase-item.feature-small .feature-showcase-title[data-v-bf5e2125]{font-size:22px;font-weight:600;margin:0 0 16px;line-height:1.4}.why-choose-section .feature-showcase-item.feature-small .feature-showcase-desc[data-v-bf5e2125]{font-size:16px;color:#606266;line-height:1.8;margin:0}.why-choose-section .feature-showcase-item.feature-small.feature-small-blue .feature-icon[data-v-bf5e2125]{filter:brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(2447%) hue-rotate(207deg) brightness(99%) contrast(101%)}.why-choose-section .feature-showcase-item.feature-small.feature-small-blue .feature-showcase-title[data-v-bf5e2125]{color:#0d62fe}.why-choose-section .feature-showcase-item.feature-small.feature-small-purple .feature-icon[data-v-bf5e2125]{filter:brightness(0) saturate(100%) invert(23%) sepia(89%) saturate(4267%) hue-rotate(266deg) brightness(95%) contrast(94%)}.why-choose-section .feature-showcase-item.feature-small.feature-small-purple .feature-showcase-title[data-v-bf5e2125]{color:#8921f2}.why-choose-section .feature-showcase-item.feature-medium[data-v-bf5e2125]{grid-column:1/3;background:#f3f7ff;padding:40px;position:relative;overflow:hidden;display:flex;align-items:center}.why-choose-section .feature-showcase-item.feature-medium .feature-content-left[data-v-bf5e2125]{position:relative;z-index:2;max-width:470px;flex-shrink:0}.why-choose-section .feature-showcase-item.feature-medium .feature-icon[data-v-bf5e2125]{width:30px;height:30px;display:block;margin-bottom:12px;filter:brightness(0) saturate(100%) invert(36%) sepia(97%) saturate(1847%) hue-rotate(205deg) brightness(99%) contrast(99%)}.why-choose-section .feature-showcase-item.feature-medium .feature-showcase-title[data-v-bf5e2125]{font-size:22px;font-weight:600;color:#2471fe;margin:0 0 16px;line-height:1.4}.why-choose-section .feature-showcase-item.feature-medium .feature-showcase-desc[data-v-bf5e2125]{font-size:16px;color:#606266;line-height:1.8;margin:0;max-width:470px}.why-choose-section .feature-showcase-item.feature-medium .feature-image-bg[data-v-bf5e2125]{position:absolute;top:0;right:0;bottom:0;left:400px;background-size:cover;background-position:center right;background-repeat:no-repeat;z-index:1}