@charset "UTF-8";.el-card{--el-card-border-color:var(--el-border-color-light);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-fill-color-blank);background-color:var(--el-card-bg-color);border:1px solid var(--el-card-border-color);border-radius:var(--el-card-border-radius);color:var(--el-text-color-primary);overflow:hidden;transition:var(--el-transition-duration)}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-card__body{padding:var(--el-card-padding)}.el-card__footer{border-top:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}[data-v-de2ea795]:root{--menu-background: #304156;--menu-text: #bfcbd9;--menu-active-text: var(--el-menu-active-color);--menu-hover: #263445;--sidebar-logo-background: #2d3748}:root .el-table[data-v-de2ea795]{--el-table-current-row-bg-color: rgb(235 243 250)}html.dark[data-v-de2ea795]{--menu-background: var(--el-bg-color-overlay);--menu-text: #fff;--menu-active-text: var(--el-menu-active-color);--menu-hover: rgb(0 0 0 / 20%);--sidebar-logo-background: rgb(0 0 0 / 20%)}.page-container[data-v-de2ea795]{box-sizing:border-box;margin:12px;padding:20px;height:calc(100% - 30px);background-color:#fff;border-radius:8px;overflow-y:auto;overflow-x:hidden}.pagination-view .el-pagination[data-v-de2ea795]{justify-content:flex-end}.table-view[data-v-de2ea795]{margin-top:15px}.table-view .el-table[data-v-de2ea795]{border-radius:4px 4px 0 0}.table-view .el-table a.btn[data-v-de2ea795],.table-view .el-table span.btn[data-v-de2ea795]{color:var(--el-color-primary);cursor:pointer}.table-view .el-table a.btn+.btn[data-v-de2ea795],.table-view .el-table span.btn+.btn[data-v-de2ea795]{margin-left:10px}.table-view .el-table__header tr th[data-v-de2ea795]:nth-last-child(1){border-right:none}.table-view .el-table__header tr th[data-v-de2ea795]:nth-last-child(2){border-right:none}.table-view .el-table__header-wrapper tr th[data-v-de2ea795],.table-view .el-table__fixed-right tr th[data-v-de2ea795],.table-view .el-table__fixed-header-wrapper th[data-v-de2ea795],.table-view .el-table__fixed-header-wrapper tr th[data-v-de2ea795]{background-color:#f2f2f2!important;padding:0;font-size:14px;font-family:PingFang SC;font-weight:500;color:#333}.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell[data-v-de2ea795],.table-view .hover-row>td.el-table__cell[data-v-de2ea795]{background-color:#fafafa}.table-view .el-table th.el-table__cell.is-leaf[data-v-de2ea795],.table-view .el-table td.el-table__cell[data-v-de2ea795]{border-color:#ebeef5}.table-view .el-table tbody tr td[data-v-de2ea795]{padding:0}.table-view .el-table tbody .cell[data-v-de2ea795]{line-height:35px}.table-view .el-table th>.cell[data-v-de2ea795]{line-height:35px}.table-view .el-table--border[data-v-de2ea795]{border-right:1px solid #EBEEF5}.table-view .image-view[data-v-de2ea795]{display:flex;justify-content:center;align-items:center}.table-view .dropdown-item[data-v-de2ea795]{vertical-align:middle}.form-item .el-date-editor.el-input.date-picker[data-v-de2ea795],.form-item .el-date-editor.el-input__wrapper.date-picker[data-v-de2ea795]{width:100%}.container-title[data-v-de2ea795]{font-size:16px;font-family:PingFang SC;font-weight:500;color:#333;padding-left:14px;position:relative}.container-title[data-v-de2ea795]:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:5px;height:16px;background-color:var(--el-color-primary);border-radius:4px}.bottom-btn[data-v-de2ea795]{margin-top:40px;text-align:center}.page-title[data-v-de2ea795]{font-size:15px;font-weight:600;color:#303133;margin:20px 0 16px;padding-left:10px;border-left:4px solid #409eff;line-height:15px;position:relative}.cell-form-item[data-v-de2ea795]{box-sizing:border-box;padding-top:10px}.about-page[data-v-de2ea795]{min-height:100vh;background-color:#f8f9fa}.anchor-nav[data-v-de2ea795]{position:fixed;top:50%;right:30px;transform:translateY(-50%);z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 32px #00000026;padding:10px 0}.anchor-nav .nav-anchor[data-v-de2ea795]{background:transparent}.anchor-nav .nav-anchor .anchor-item[data-v-de2ea795]{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;color:#666;transition:all .3s ease}.anchor-nav .nav-anchor .anchor-item[data-v-de2ea795]:hover{color:#4080ff;background:#4080ff1a}.anchor-nav .nav-anchor .anchor-item .el-icon[data-v-de2ea795]{font-size:16px}.anchor-nav .nav-anchor .anchor-item .anchor-text[data-v-de2ea795]{white-space:nowrap}@media (max-width: 1500px){.anchor-nav[data-v-de2ea795]{right:15px;padding:8px 0}.anchor-nav[data-v-de2ea795] .el-anchor.el-anchor--vertical .el-anchor__list{padding-left:0!important}.anchor-nav .anchor-item[data-v-de2ea795]{padding:10px 12px;gap:0;justify-content:center}.anchor-nav .anchor-item .anchor-text[data-v-de2ea795]{display:none}.anchor-nav .anchor-item .el-icon[data-v-de2ea795]{font-size:18px}}@media (max-width: 480px){.anchor-nav[data-v-de2ea795]{right:10px}.anchor-nav .anchor-item[data-v-de2ea795]{padding:8px 10px}.anchor-nav .anchor-item .el-icon[data-v-de2ea795]{font-size:16px}}.about-content[data-v-de2ea795]{padding-top:64px}.section[data-v-de2ea795]{position:relative;overflow:hidden}.container[data-v-de2ea795]{max-width:1200px;margin:0 auto;padding:0 20px}.section-title[data-v-de2ea795]{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:50px;background:linear-gradient(135deg,#4080ff,#57c1ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.section-title[data-v-de2ea795]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#4080ff,#57c1ff);border-radius:2px}.section-title .title-en[data-v-de2ea795]{display:block;font-size:1rem;font-weight:400;color:#666;margin-top:10px;background:none;-webkit-text-fill-color:#666}.company-intro-section[data-v-de2ea795]{padding:0;background:#fff}.company-intro-section .hero-final-wrap[data-v-de2ea795]{width:100%}.company-intro-section .hero-final-image[data-v-de2ea795]{display:block;width:100%;height:auto}.company-history-section[data-v-de2ea795]{padding:78px 0 42px;background:#f3f4f6}.company-history-section .history-carousel-shell[data-v-de2ea795]{position:relative}.company-history-section .history-carousel[data-v-de2ea795]{--history-accent:#1876dd;position:relative}.company-history-section .history-stage[data-v-de2ea795]{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:start;gap:18px}.company-history-section .history-nav[data-v-de2ea795]{width:46px;height:46px;border-radius:50%;border:1px solid rgba(55,156,255,.42);background:rgba(255,255,255,.65);color:var(--history-accent);display:flex;align-items:center;justify-content:center;font-size:30px;line-height:1;cursor:pointer;transition:all .25s ease;justify-self:center;box-shadow:none;margin-top:88px}.company-history-section .history-nav[data-v-de2ea795]:hover{background:#fff;border-color:rgba(24,118,221,.45);transform:translateY(-2px)}.company-history-section .history-nav span[data-v-de2ea795]{transform:translateY(-2px)}.company-history-section .history-main[data-v-de2ea795]{position:relative;max-width:760px;margin:0 auto}.company-history-section .history-floating-card[data-v-de2ea795]{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;max-width:280px;margin:0 auto 32px}.company-history-section .history-floating-media[data-v-de2ea795]{width:min(100%,280px);border-radius:8px;overflow:hidden;box-shadow:none;background:transparent}.company-history-section .history-floating-media img[data-v-de2ea795]{display:block;width:100%;height:auto}.company-history-section .history-timeline-wrap[data-v-de2ea795]{position:relative;padding:18px 12px 0;min-height:118px}.company-history-section .history-timeline-line[data-v-de2ea795]{position:absolute;left:36px;right:36px;top:50px;height:2px;background:#86ceff;z-index:1}.company-history-section .history-years-row[data-v-de2ea795]{position:relative;z-index:2;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:8px}.company-history-section .history-year-chip[data-v-de2ea795]{position:relative;border:none;background:transparent;padding:0 0 22px;cursor:pointer;color:#57c1ff;font-size:clamp(18px,1.85vw,24px);font-weight:700;transition:all .25s ease}.company-history-section .history-year-chip[data-v-de2ea795]:before{content:"";position:absolute;left:50%;bottom:7px;width:8px;height:8px;border-radius:50%;background:currentColor;transform:translateX(-50%)}.company-history-section .history-year-chip.is-active[data-v-de2ea795]{color:#fff;padding:24px 8px 22px}.company-history-section .history-year-chip.is-active[data-v-de2ea795]:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,72px);height:94px;border-radius:28px 28px 0 0;background:linear-gradient(180deg,var(--history-accent),#1876dd);z-index:-1;box-shadow:none}.company-history-section .history-year-chip.is-active[data-v-de2ea795]:before{bottom:10px;background:#fff}.company-history-section .history-year-chip span[data-v-de2ea795]{position:relative;z-index:1;display:inline-block}.company-history-section .history-year-chip.is-active span[data-v-de2ea795]{transform:translateY(-12px)}.company-history-section .history-year-chip:hover[data-v-de2ea795]{transform:translateY(-2px)}.brand-values-section[data-v-de2ea795]{position:relative;padding:56px 0 60px;overflow:hidden;background:linear-gradient(180deg,#eef8ff,#dff2ff)}.brand-values-section .brand-values-bg[data-v-de2ea795]{position:absolute;inset:0;background:url(/img/brand-values-bg.png) center/cover no-repeat;opacity:.92}.brand-values-section .container[data-v-de2ea795]{position:relative;z-index:1}.brand-values-section .section-title[data-v-de2ea795]{text-align:left;color:#1c74de;margin-bottom:24px;font-size:3.2rem;line-height:1.1}.brand-values-section .brand-values-grid[data-v-de2ea795]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}.brand-values-section .brand-values-item[data-v-de2ea795]{display:block}.brand-values-section .brand-values-image[data-v-de2ea795]{display:block;width:100%;height:auto}.full-chain-section[data-v-de2ea795]{padding:80px 0;background:#fff}.full-chain-section .section-subtitle[data-v-de2ea795]{text-align:center;font-size:1.2rem;color:#6c757d;line-height:1.6}.full-chain-section .services-section[data-v-de2ea795]{padding:40px 0}.full-chain-section .services-section .container[data-v-de2ea795]{max-width:1200px;margin:0 auto;padding:0 20px}.full-chain-section .services-section .services-grid[data-v-de2ea795]{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px}.full-chain-section .services-section .services-grid .service-card[data-v-de2ea795]{flex:0 0 calc(33.333% - 20px);max-width:350px;min-width:300px}.full-chain-section .services-section .service-card[data-v-de2ea795]{background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 8px 32px #0000001a;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.full-chain-section .services-section .service-card[data-v-de2ea795]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#57c1ff0d,#4080ff0d);z-index:-1}.full-chain-section .services-section .service-card[data-v-de2ea795]:hover{transform:translateY(-10px);box-shadow:0 16px 48px #57c1ff33}.full-chain-section .services-section .service-card .service-icon[data-v-de2ea795]{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#57c1ff,#4080ff);border-radius:50%;display:flex;align-items:center;justify-content:center}.full-chain-section .services-section .service-card .service-icon .icon-text[data-v-de2ea795]{font-size:2rem;font-weight:900;color:#fff}.full-chain-section .services-section .service-card .service-title[data-v-de2ea795]{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:15px;position:relative}.full-chain-section .services-section .service-card .service-title[data-v-de2ea795]:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(90deg,#57c1ff,#4080ff);border-radius:1px}.full-chain-section .services-section .service-card .service-description[data-v-de2ea795]{color:#6c757d;line-height:1.6;margin:20px 0 0}.innovation-center-section[data-v-de2ea795]{padding:100px 0;background:#f8f9fa}.innovation-center-section .center-intro[data-v-de2ea795]{align-items:center;margin-bottom:50px}.innovation-center-section .intro-content .intro-text[data-v-de2ea795]{font-size:1.1rem;line-height:1.8;color:#6c757d;margin-bottom:25px}.innovation-center-section .intro-content .achievements[data-v-de2ea795]{margin:30px 0 0}.innovation-center-section .intro-content .achievements h3[data-v-de2ea795]{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:15px}.innovation-center-section .intro-content .achievements p[data-v-de2ea795]{font-size:1.1rem;color:#57c1ff;font-weight:600;margin:0}.innovation-center-section .intro-image img[data-v-de2ea795]{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 40px #00000026;transition:transform .3s ease}.innovation-center-section .intro-image img[data-v-de2ea795]:hover{transform:scale(1.02)}.innovation-center-section .patents-container[data-v-de2ea795]{max-width:1200px;margin:0 auto 60px;padding:0 20px}.innovation-center-section .patents-container .patents-stats .stat-card[data-v-de2ea795]{background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden;height:180px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease}.innovation-center-section .patents-container .patents-stats .stat-card[data-v-de2ea795]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#57c1ff0d,#4080ff0d);z-index:-1}.innovation-center-section .patents-container .patents-stats .stat-card[data-v-de2ea795]:hover{transform:translateY(-10px);box-shadow:0 16px 48px #57c1ff33}.innovation-center-section .patents-container .patents-stats .stat-card .stat-content[data-v-de2ea795]{height:100%;display:flex;flex-direction:column;justify-content:space-between}.innovation-center-section .patents-container .patents-stats .stat-card .stat-content .stat-label[data-v-de2ea795]{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:500;color:#6c757d;text-align:left}.innovation-center-section .patents-container .patents-stats .stat-card .stat-content .stat-label .el-icon[data-v-de2ea795]{font-size:1.5rem;color:#57c1ff}.innovation-center-section .patents-container .patents-stats .stat-card .stat-content .stat-label span[data-v-de2ea795]{line-height:1}.innovation-center-section .patents-container .patents-stats .stat-card .stat-content .stat-number[data-v-de2ea795]{align-self:flex-end;font-size:3rem;font-weight:900;color:#2c3e50;text-align:right;line-height:1}.innovation-center-section .patents-container .patents-stats .stat-card .stat-content .stat-number .unit[data-v-de2ea795]{font-size:1.2rem;color:#6c757d;margin-left:5px}.innovation-center-section .brand-container[data-v-de2ea795]{max-width:1200px;margin:0 auto;padding:0 20px;background-color:#f8f9fa!important}.innovation-center-section .brand-container .section-title[data-v-de2ea795]{text-align:center;font-size:2.5rem;font-weight:700;color:#333!important;margin-bottom:60px}.innovation-center-section .brand-container .section-title .section-subtitle[data-v-de2ea795]{display:block;font-size:1.5rem;font-weight:400;color:#666!important;margin-top:10px}.innovation-center-section .brand-container .brand-card[data-v-de2ea795]{height:100%;border:none;border-radius:12px;transition:all .3s ease;background-color:#fff!important}.innovation-center-section .brand-container .brand-card[data-v-de2ea795]:hover{transform:translateY(-5px);box-shadow:0 8px 30px #57c1ff33}.innovation-center-section .brand-container .brand-card[data-v-de2ea795] .el-card__body{background-color:#fff!important;color:#333!important}.innovation-center-section .brand-container .brand-card .brand-content[data-v-de2ea795]{text-align:center;padding:20px;background-color:#fff!important}.innovation-center-section .brand-container .brand-card .brand-content .brand-icon[data-v-de2ea795]{width:60px;height:60px;background:linear-gradient(135deg,#57c1ff1a,#4080ff1a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.innovation-center-section .brand-container .brand-card .brand-content .brand-title[data-v-de2ea795]{font-size:1.2rem;font-weight:600;color:#333!important;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid rgba(87,193,255,.3);display:inline-block}.innovation-center-section .brand-container .brand-card .brand-content .brand-description[data-v-de2ea795]{font-size:1rem;line-height:1.6;color:#666!important;text-align:justify}.partners-section[data-v-de2ea795]{padding:100px 0;background:#fff}.partners-section .partners-image[data-v-de2ea795]{text-align:center;margin-bottom:60px}.partners-section .partners-image img[data-v-de2ea795]{max-width:100%;height:auto;border-radius:16px;box-shadow:0 12px 40px #0000001a}.partners-section .partners-grid[data-v-de2ea795]{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.partners-section .partner-card[data-v-de2ea795]{background:#fff;padding:30px 20px;border-radius:12px;box-shadow:0 8px 32px #0000001a;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.partners-section .partner-card[data-v-de2ea795]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#57c1ff0d,#ffd7000d);z-index:-1}.partners-section .partner-card[data-v-de2ea795]:hover{transform:translateY(-5px);box-shadow:0 16px 48px #57c1ff26}.partners-section .partner-card .partner-logo[data-v-de2ea795]{width:100%;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border-radius:8px;padding:15px}.partners-section .partner-card .partner-logo .partner-img[data-v-de2ea795]{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(20%);transition:all .3s ease}.partners-section .partner-card:hover .partner-logo .partner-img[data-v-de2ea795]{filter:grayscale(0%);transform:scale(1.05)}.partners-section .partner-card .partner-name[data-v-de2ea795]{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:15px;line-height:1.4}.partners-section .partner-card .partner-name-en[data-v-de2ea795]{font-size:.9rem;color:#999;line-height:1.5;margin:0}@media (max-width: 768px){.section-title[data-v-de2ea795]{font-size:2rem}.company-intro-section[data-v-de2ea795]{padding:0}.brand-values-section .brand-values-grid[data-v-de2ea795]{grid-template-columns:1fr;gap:18px}.brand-values-section[data-v-de2ea795]{padding:44px 0 40px}.brand-values-section .section-title[data-v-de2ea795]{text-align:left;margin-bottom:18px;font-size:2.5rem}.brand-values-section .brand-values-item[data-v-de2ea795]{max-width:100%}.company-history-section .history-stage[data-v-de2ea795]{grid-template-columns:52px 1fr 52px;gap:10px}.company-history-section .history-nav[data-v-de2ea795]{width:42px;height:42px;font-size:28px}.company-history-section .history-main[data-v-de2ea795]{max-width:100%}.company-history-section .history-floating-card[data-v-de2ea795]{max-width:220px;margin-bottom:24px}.company-history-section .history-floating-media[data-v-de2ea795]{width:220px}.company-history-section .history-timeline-wrap[data-v-de2ea795]{padding:20px 0 0;min-height:112px;overflow-x:auto}.company-history-section .history-timeline-line[data-v-de2ea795]{left:18px;right:18px;top:48px}.company-history-section .history-years-row[data-v-de2ea795]{display:flex;gap:18px;min-width:max-content;padding:0 18px}.company-history-section .history-year-chip[data-v-de2ea795]{font-size:24px;padding-bottom:18px}.company-history-section .history-year-chip.is-active[data-v-de2ea795]{padding:22px 8px 18px}.company-history-section .history-year-chip.is-active[data-v-de2ea795]:after{height:92px;width:68px}.services-container[data-v-de2ea795]{padding:0 20px}.services-grid[data-v-de2ea795]{flex-direction:column;align-items:center}.services-grid .service-card[data-v-de2ea795]{width:100%;max-width:350px}.center-intro .el-col[data-v-de2ea795],.patents-container .patents-stats .stat-card[data-v-de2ea795]{margin-bottom:30px}.brand-positioning[data-v-de2ea795]{margin-top:40px}.brand-positioning .positioning-grid[data-v-de2ea795]{grid-template-columns:1fr;gap:15px}.partners-grid[data-v-de2ea795]{grid-template-columns:1fr;gap:20px}}@media (max-width: 1200px){.partners-grid[data-v-de2ea795]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.partners-grid[data-v-de2ea795]{grid-template-columns:repeat(2,1fr)}} /* about-style-overrides-v2 */ .company-history-section[data-v-de2ea795]{ padding:72px 0 0; background:#fff; } .company-history-section .section-title[data-v-de2ea795]{ position:relative; margin:0 auto 32px; text-align:center; color:#0f76de; font-size:56px; font-weight:700; line-height:1.05; letter-spacing:1px; } .company-history-section .section-title[data-v-de2ea795]::after{ content:""; display:block; width:86px; height:4px; margin:16px auto 0; background:#39a8ff; border-radius:2px; } .brand-values-section[data-v-de2ea795]{ position:relative; padding:62px 0 72px; overflow:hidden; } .brand-values-section .brand-values-bg[data-v-de2ea795]{ position:absolute; inset:0; background:url('/img/brand-values-bg.png') center/cover no-repeat; opacity:1; } .brand-values-section .container[data-v-de2ea795]{ position:relative; z-index:1; } .brand-values-section .section-title[data-v-de2ea795]{ position:relative; margin:0 0 28px; text-align:left; color:#0f76de; font-size:56px; font-weight:700; line-height:1.05; letter-spacing:1px; } .brand-values-section .section-title[data-v-de2ea795]::after{ content:""; display:block; width:86px; height:4px; margin:16px 0 0; background:#39a8ff; border-radius:2px; } .brand-values-section .brand-values-grid[data-v-de2ea795]{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:start; } .brand-values-section .brand-values-image[data-v-de2ea795]{ display:block; width:100%; height:auto; } @media (max-width: 1200px){ .company-history-section .section-title[data-v-de2ea795], .brand-values-section .section-title[data-v-de2ea795]{ font-size:44px; } } @media (max-width: 768px){ .company-history-section[data-v-de2ea795]{padding:48px 0 0} .brand-values-section[data-v-de2ea795]{padding:38px 0 42px} .company-history-section .section-title[data-v-de2ea795], .brand-values-section .section-title[data-v-de2ea795]{ font-size:34px; margin-bottom:20px; } .company-history-section .section-title[data-v-de2ea795]::after, .brand-values-section .section-title[data-v-de2ea795]::after{ width:64px; height:3px; margin-top:12px; } .brand-values-section .brand-values-grid[data-v-de2ea795]{ grid-template-columns:1fr; gap:14px; } } /* final-about-fallback */ .company-history-section .section-title, .brand-values-section .section-title{ font-weight:800; letter-spacing:0; color:#1c74de; } .company-history-section .section-title{ font-size:3.8rem; line-height:1.1; text-align:center; margin:0 0 36px; position:relative; padding-bottom:16px; } .company-history-section .section-title:after{ content:""; display:block; width:72px; height:4px; border-radius:999px; background:#4da2ff; margin:12px auto 0; } .brand-values-section .section-title{ font-size:3.4rem; line-height:1.1; text-align:left; margin:0 0 26px; } .brand-values-section .section-title:after{ display:none; } .company-history-section{ padding:90px 0 54px; background:#f3f4f6; } .company-history-section .container{ max-width:1360px; margin:0 auto; padding:0 24px; } .company-history-section .history-main{ width:100%; max-width:none; } .company-history-section .history-floating-card{ max-width:330px; min-height:190px; margin:0 auto 42px; display:flex; align-items:center; justify-content:center; } .company-history-section .history-floating-media{ width:min(100%,330px); height:190px; border-radius:10px; display:flex; align-items:center; justify-content:center; overflow:visible; } .company-history-section .history-floating-media img{ display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; object-position:center; } .company-history-section .history-stage{ grid-template-columns:84px minmax(0,1fr) 84px; gap:24px; align-items:start; } .company-history-section .history-nav{ width:50px; height:50px; font-size:34px; margin-top:110px; } .company-history-section .history-timeline-wrap{ position:relative; width:min(1180px,100%); margin:0 auto; padding:40px 32px 0; min-height:176px; } .company-history-section .history-timeline-line{ left:32px; right:32px; top:auto; bottom:14px; } .company-history-section .history-years-row{ display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); align-items:end; gap:0; width:100%; min-width:0; padding:0; } .company-history-section .history-year-chip{ justify-self:center; min-width:88px; font-size:clamp(21px,1.95vw,28px); padding:0 0 28px; } .company-history-section .history-year-chip span{ display:inline-block; transform:translateY(-16px); } .company-history-section .history-year-chip:before{ bottom:10px; } .company-history-section .history-year-chip.is-active{ min-width:104px; padding:34px 0 28px; } .company-history-section .history-year-chip.is-active:after{ width:100px; height:118px; border-radius:34px 34px 0 0; } .company-history-section .history-year-chip.is-active span{ transform:translateY(-34px); } .company-history-section .history-year-chip.is-active:before{ bottom:10px; } .brand-values-section{ padding:68px 0 72px; } .brand-values-section .container{ max-width:1320px; margin:0 auto; } .brand-values-section .brand-values-grid{ gap:34px; } .brand-values-section .brand-values-image{ width:100%; } @media (max-width: 768px){ .company-history-section .section-title{ font-size:2.8rem; margin-bottom:26px; padding-bottom:12px; } .company-history-section .section-title:after{ width:56px; height:3px; margin-top:10px; } .brand-values-section .section-title{ font-size:2.5rem; margin-bottom:18px; } .company-history-section .container{ padding:0 12px; } .company-history-section .history-stage{ grid-template-columns:56px minmax(0,1fr) 56px; gap:8px; } .company-history-section .history-nav{ width:42px; height:42px; font-size:28px; margin-top:84px; } .company-history-section .history-floating-card{ max-width:240px; min-height:140px; margin-bottom:30px; } .company-history-section .history-floating-media{ width:240px; height:140px; } .company-history-section .history-timeline-wrap{ width:100%; padding:24px 10px 0; min-height:146px; overflow-x:auto; } .company-history-section .history-timeline-line{ left:10px; right:10px; bottom:12px; } .company-history-section .history-years-row{ min-width:720px; } .company-history-section .history-year-chip{ min-width:74px; font-size:19px; padding:0 0 20px; } .company-history-section .history-year-chip span{ transform:translateY(-12px); } .company-history-section .history-year-chip:before{ bottom:8px; } .company-history-section .history-year-chip.is-active{ min-width:86px; padding:24px 0 20px; } .company-history-section .history-year-chip.is-active:after{ width:78px; height:92px; } .company-history-section .history-year-chip.is-active span{ transform:translateY(-24px); } .company-history-section .history-year-chip.is-active:before{ bottom:8px; } .brand-values-section{ padding:46px 0 48px; } .brand-values-section .brand-values-grid{ grid-template-columns:1fr; gap:18px; } } /* history-axis-final-tune */ .company-history-section .history-timeline-wrap{ width:min(1320px,calc(100vw - 40px)); margin-left:50%; transform:translateX(-50%); padding-left:12px; padding-right:12px; } .company-history-section .history-timeline-line{ left:12px; right:12px; bottom:18px; } .company-history-section .history-year-chip{ padding-bottom:32px; } .company-history-section .history-year-chip:before, .company-history-section .history-year-chip.is-active:before{ bottom:14px; } .company-history-section .history-year-chip.is-active{ padding-bottom:32px; } @media (max-width: 768px){ .company-history-section .history-timeline-wrap{ width:min(900px,calc(100vw - 24px)); margin-left:50%; transform:translateX(-50%); padding-left:8px; padding-right:8px; } .company-history-section .history-timeline-line{ left:8px; right:8px; bottom:14px; } .company-history-section .history-year-chip{ padding-bottom:24px; } .company-history-section .history-year-chip:before, .company-history-section .history-year-chip.is-active:before{ bottom:10px; } .company-history-section .history-year-chip.is-active{ padding-bottom:24px; } } /* history-axis-sync-fix */ .company-history-section .history-timeline-line{ bottom:17px; } @media (max-width: 768px){ .company-history-section .history-timeline-line{ bottom:13px; } } /* history-axis-sync-fix-2 */ .company-history-section .history-timeline-line{ bottom:16px; } @media (max-width: 768px){ .company-history-section .history-timeline-line{ bottom:12px; } } /* history-axis-structure-fix */ .company-history-section .history-timeline-wrap{ display:flex; align-items:flex-end; min-height:150px; } .company-history-section .history-years-row{ align-self:flex-end; } .company-history-section .history-timeline-line{ bottom:22px; } .company-history-section .history-year-chip, .company-history-section .history-year-chip.is-active{ padding-bottom:26px; } .company-history-section .history-year-chip:before, .company-history-section .history-year-chip.is-active:before{ bottom:18px; } @media (max-width: 768px){ .company-history-section .history-timeline-wrap{ min-height:132px; } .company-history-section .history-timeline-line{ bottom:18px; } .company-history-section .history-year-chip, .company-history-section .history-year-chip.is-active{ padding-bottom:20px; } .company-history-section .history-year-chip:before, .company-history-section .history-year-chip.is-active:before{ bottom:12px; } } /* history-axis-restore-fix */ .company-history-section .history-timeline-wrap{ display:block; min-height:176px; } .company-history-section .history-years-row{ align-self:auto; } .company-history-section .history-timeline-line{ bottom:15px; } .company-history-section .history-year-chip, .company-history-section .history-year-chip.is-active{ padding-bottom:32px; } .company-history-section .history-year-chip:before, .company-history-section .history-year-chip.is-active:before{ bottom:14px; } @media (max-width: 768px){ .company-history-section .history-timeline-wrap{ min-height:146px; } .company-history-section .history-timeline-line{ bottom:11px; } .company-history-section .history-year-chip, .company-history-section .history-year-chip.is-active{ padding-bottom:24px; } .company-history-section .history-year-chip:before, .company-history-section .history-year-chip.is-active:before{ bottom:10px; } } /* history-dot-up-fix */ .company-history-section .history-year-chip:before, .company-history-section .history-year-chip.is-active:before{ bottom:18px; } @media (max-width: 768px){ .company-history-section .history-year-chip:before, .company-history-section .history-year-chip.is-active:before{ bottom:14px; } } /* history-dot-up-fix-2 */ .company-history-section .history-year-chip:before, .company-history-section .history-year-chip.is-active:before{ bottom:23px; } @media (max-width: 768px){ .company-history-section .history-year-chip:before, .company-history-section .history-year-chip.is-active:before{ bottom:19px; } } /* history-dot-specificity-fix */ .company-history-section .history-year-chip[data-v-de2ea795]:before{ bottom:23px !important; } .company-history-section .history-year-chip.is-active[data-v-de2ea795]:before{ bottom:23px !important; } @media (max-width: 768px){ .company-history-section .history-year-chip[data-v-de2ea795]:before{ bottom:19px !important; } .company-history-section .history-year-chip.is-active[data-v-de2ea795]:before{ bottom:19px !important; } } /* brand-values-layout-fix */ .brand-values-section .brand-values-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; align-items:start; } .brand-values-section .brand-values-item{ display:block; } .brand-values-section .brand-values-image{ display:block; width:100%; height:auto; } @media (max-width: 768px){ .brand-values-section .brand-values-grid{ grid-template-columns:1fr; gap:18px; } } /* company-intro-fill-fix */ .company-intro-section[data-v-de2ea795]{ background:#fff; } .company-intro-section .hero-final-wrap[data-v-de2ea795]{ width:100%; aspect-ratio:1921 / 1001; overflow:hidden; } .company-intro-section .hero-final-image[data-v-de2ea795]{ display:block; width:100%; height:100%; object-fit:cover; object-position:center top; } /* about-history-design-sync-20260417 */ .company-history-section[data-v-de2ea795]{ background:#fff; padding:72px 0 34px; } .company-history-section .section-title[data-v-de2ea795]{ margin-bottom:26px; font-size:clamp(52px,4.2vw,72px); color:#0a78e2; } .company-history-section .history-stage[data-v-de2ea795]{ grid-template-columns:84px minmax(0,1fr) 84px; align-items:center; } .company-history-section .history-main[data-v-de2ea795]{ max-width:1080px; width:100%; display:flex; flex-direction:column; align-items:center; } .company-history-section .history-nav[data-v-de2ea795]{ margin-top:52px; width:42px; height:42px; font-size:30px; color:#3ba7ff; border-color:#5ab9ff; } .company-history-section .history-floating-card[data-v-de2ea795]{ width:min(560px,100%); max-width:560px; min-height:0; margin:4px auto 14px; } .company-history-section .history-floating-media[data-v-de2ea795]{ width:100%; aspect-ratio:560/254; height:auto; border-radius:10px; overflow:hidden; } .company-history-section .history-floating-media img[data-v-de2ea795]{ width:100%; height:100%; object-fit:cover; } .company-history-section .history-text-display[data-v-de2ea795]{ width:100%; text-align:center; margin:4px auto 8px; } .company-history-section .history-display-year[data-v-de2ea795]{ margin:2px 0 10px; font-size:clamp(112px,10vw,156px); font-weight:700; line-height:0.88; color:transparent; -webkit-text-stroke:2px #7cc9ff; text-stroke:2px #7cc9ff; letter-spacing:2px; } .company-history-section .history-title[data-v-de2ea795]{ margin:0; text-align:center; color:#656873; font-size:48px; font-weight:700; line-height:1.22; } .company-history-section .history-description[data-v-de2ea795]{ margin:6px 0 0; text-align:center; color:#656873; font-size:40px; font-weight:700; line-height:1.28; } .company-history-section .history-timeline-wrap[data-v-de2ea795]{ width:min(1320px,calc(100vw - 40px)); margin-top:54px; padding-top:0; min-height:154px; } .company-history-section .history-timeline-line[data-v-de2ea795]{ left:12px; right:12px; bottom:20px; } .company-history-section .history-year-chip[data-v-de2ea795], .company-history-section .history-year-chip.is-active[data-v-de2ea795]{ font-size:44px; } @media (max-width: 768px){ .company-history-section .section-title[data-v-de2ea795]{font-size:40px} .company-history-section .history-stage[data-v-de2ea795]{grid-template-columns:56px minmax(0,1fr) 56px;gap:8px} .company-history-section .history-nav[data-v-de2ea795]{margin-top:26px;width:34px;height:34px;font-size:24px} .company-history-section .history-display-year[data-v-de2ea795]{font-size:68px;-webkit-text-stroke:1px #7cc9ff;text-stroke:1px #7cc9ff} .company-history-section .history-title[data-v-de2ea795]{font-size:24px} .company-history-section .history-description[data-v-de2ea795]{font-size:20px} .company-history-section .history-timeline-wrap[data-v-de2ea795]{margin-top:30px;min-height:128px;width:min(960px,calc(100vw - 24px))} .company-history-section .history-year-chip[data-v-de2ea795], .company-history-section .history-year-chip.is-active[data-v-de2ea795]{font-size:26px} } /* about-history-full-image-carousel-20260417 */ .company-history-section[data-v-de2ea795]{ background:#fff; padding:72px 0 40px; } .company-history-section .history-carousel-simple[data-v-de2ea795]{ width:100%; } .company-history-section .history-stage-simple[data-v-de2ea795]{ display:grid; grid-template-columns:80px minmax(0,1fr) 80px; align-items:center; gap:18px; } .company-history-section .history-main-simple[data-v-de2ea795]{ width:100%; max-width:1880px; margin:0 auto; } .company-history-section .history-full-image-wrap[data-v-de2ea795]{ width:min(1880px,94vw); margin:0 auto; } .company-history-section .history-full-image[data-v-de2ea795]{ display:block; width:100%; height:auto; } .company-history-section .history-timeline-wrap[data-v-de2ea795], .company-history-section .history-years-row[data-v-de2ea795], .company-history-section .history-timeline-line[data-v-de2ea795], .company-history-section .history-title[data-v-de2ea795], .company-history-section .history-description[data-v-de2ea795], .company-history-section .history-text-display[data-v-de2ea795], .company-history-section .history-display-year[data-v-de2ea795]{ display:none !important; } .company-history-section .history-nav[data-v-de2ea795]{ width:44px; height:44px; margin-top:0; border-color:#4eb4ff; color:#35a2f8; font-size:30px; } @media (max-width: 1200px){ .company-history-section .history-stage-simple[data-v-de2ea795]{ grid-template-columns:62px minmax(0,1fr) 62px; gap:10px; } .company-history-section .history-full-image-wrap[data-v-de2ea795]{ width:min(1880px,96vw); } } @media (max-width: 768px){ .company-history-section[data-v-de2ea795]{padding:48px 0 22px} .company-history-section .history-stage-simple[data-v-de2ea795]{ grid-template-columns:44px minmax(0,1fr) 44px; gap:6px; } .company-history-section .history-nav[data-v-de2ea795]{ width:34px; height:34px; font-size:24px; } .company-history-section .history-full-image-wrap[data-v-de2ea795]{ width:calc(100vw - 18px); } } /* about-history-full-image-hotfix-20260417 */ .company-history-section .history-stage.history-stage-simple[data-v-de2ea795]{ display:block !important; width:100% !important; } .company-history-section .history-main.history-main-simple[data-v-de2ea795]{ width:100% !important; max-width:none !important; margin:0 auto !important; } .company-history-section .history-full-image-wrap[data-v-de2ea795]{ width:min(1880px,96vw) !important; margin:0 auto !important; cursor:pointer; } .company-history-section .history-nav[data-v-de2ea795]{ display:none !important; } @media (max-width: 768px){ .company-history-section .history-full-image-wrap[data-v-de2ea795]{ width:calc(100vw - 10px) !important; } } /* about-history-full-image-stable-fix-20260417 */ .company-history-section .container[data-v-de2ea795]{ max-width:100% !important; margin:0 auto !important; display:flex; flex-direction:column; align-items:center; } .company-history-section .history-carousel-shell.js-history-carousel[data-v-de2ea795]{ width:100% !important; margin:0 auto !important; } .company-history-section .history-carousel.history-carousel-simple[data-v-de2ea795]{ width:100% !important; } .company-history-section .history-main.history-main-simple[data-v-de2ea795]{ width:100% !important; max-width:none !important; margin:0 auto !important; } .company-history-section .history-full-image-wrap[data-v-de2ea795]{ width:min(1880px,96vw) !important; aspect-ratio:2048 / 1092; min-height:240px; overflow:hidden; background:#fff; } .company-history-section .history-full-image[data-v-de2ea795]{ width:100% !important; height:100% !important; object-fit:contain; display:block; } .company-history-section .history-nav, .company-history-section .history-title, .company-history-section .history-description, .company-history-section .history-text-display, .company-history-section .history-display-year, .company-history-section .history-timeline-wrap, .company-history-section .history-years-row, .company-history-section .history-timeline-line{ display:none !important; } @media (max-width: 768px){ .company-history-section .history-full-image-wrap[data-v-de2ea795]{ width:calc(100vw - 10px) !important; min-height:160px; } } /* about-history-final-center-fix-20260417 */ .company-history-section .section-title[data-v-de2ea795]{ display:none !important; } .company-history-section[data-v-de2ea795]{ padding-top:28px !important; } .company-history-section .history-carousel-shell.js-history-carousel[data-v-de2ea795]{ width:100% !important; display:flex !important; justify-content:center !important; align-items:center !important; margin:0 auto !important; padding:0 !important; } .company-history-section .history-carousel.history-carousel-simple[data-v-de2ea795], .company-history-section .history-stage.history-stage-simple[data-v-de2ea795], .company-history-section .history-main.history-main-simple[data-v-de2ea795]{ width:100% !important; max-width:none !important; margin:0 auto !important; padding:0 !important; transform:none !important; left:auto !important; right:auto !important; } .company-history-section .history-full-image-wrap[data-v-de2ea795]{ width:min(1880px,calc(100vw - 40px)) !important; margin:0 auto !important; position:static !important; transform:none !important; left:auto !important; right:auto !important; } @media (max-width: 768px){ .company-history-section .history-full-image-wrap[data-v-de2ea795]{ width:calc(100vw - 12px) !important; } } /* about-history-title-kill-switch */ .company-history-section > .container > .section-title{display:none !important;} /* about-intro-69-fit-fix-20260417 */ .company-intro-section[data-v-de2ea795]{ padding:0 !important; margin:0 !important; width:100% !important; overflow:hidden; } .company-intro-section .hero-final-wrap[data-v-de2ea795]{ width:100vw !important; max-width:none !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; aspect-ratio:auto !important; min-height:0 !important; overflow:hidden; } .company-intro-section .hero-final-image[data-v-de2ea795]{ display:block; width:100% !important; max-width:none !important; height:auto !important; object-fit:contain !important; object-position:center top !important; } /* about-intro-layout-upgrade-20260417 */ .about-page[data-v-de2ea795], .about-content[data-v-de2ea795]{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; overflow-x:hidden; } .company-intro-top-section[data-v-de2ea795], .company-intro-section[data-v-de2ea795]{ position:relative; width:100vw !important; max-width:none !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding:0 !important; overflow:hidden; background:#fff; } .company-intro-top-section .hero-top-wrap[data-v-de2ea795], .company-intro-section .hero-final-wrap[data-v-de2ea795]{ width:100vw !important; max-width:none !important; margin:0 !important; padding:0 !important; overflow:hidden; } .company-intro-top-section .hero-top-image[data-v-de2ea795], .company-intro-section .hero-final-image[data-v-de2ea795]{ display:block; width:100vw !important; max-width:none !important; height:auto !important; object-fit:contain !important; object-position:center top !important; } .company-intro-top-section .about-scroll-indicator[data-v-de2ea795], .company-intro-section .about-scroll-indicator[data-v-de2ea795]{ position:absolute; left:50%; bottom:14px; transform:translateX(-50%); z-index:6; pointer-events:none; } .company-intro-top-section .about-scroll-indicator img[data-v-de2ea795], .company-intro-section .about-scroll-indicator img[data-v-de2ea795]{ display:block; width:46px; height:auto; } @media (max-width: 768px){ .company-intro-top-section .about-scroll-indicator[data-v-de2ea795], .company-intro-section .about-scroll-indicator[data-v-de2ea795]{ bottom:8px; } .company-intro-top-section .about-scroll-indicator img[data-v-de2ea795], .company-intro-section .about-scroll-indicator img[data-v-de2ea795]{ width:38px; } } /* about-intro-final-tight-fix-20260417 */ #section-company-intro-top, #section-company-intro{ position:relative !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; overflow:hidden !important; line-height:0 !important; background:#fff !important; } #section-company-intro-top{ margin-top:80px !important; } #section-company-intro-top .hero-top-wrap, #section-company-intro .hero-final-wrap{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; aspect-ratio:auto !important; min-height:0 !important; overflow:hidden !important; } #section-company-intro-top .hero-top-image, #section-company-intro .hero-final-image{ display:block !important; width:100% !important; max-width:none !important; height:auto !important; margin:0 !important; } #section-company-intro-top .about-scroll-indicator, #section-company-intro .about-scroll-indicator{ position:absolute !important; left:50% !important; bottom:12px !important; transform:translateX(-50%) !important; margin:0 !important; padding:0 !important; z-index:6 !important; pointer-events:none !important; } #section-company-intro-top .about-scroll-indicator img, #section-company-intro .about-scroll-indicator img{ display:block !important; width:42px !important; height:auto !important; } @media (max-width: 768px){ #section-company-intro-top{margin-top:56px !important;} #section-company-intro-top .about-scroll-indicator, #section-company-intro .about-scroll-indicator{bottom:8px !important;} #section-company-intro-top .about-scroll-indicator img, #section-company-intro .about-scroll-indicator img{width:34px !important;} } /* about-section-gap-tight-fix-20260417 */ #section-company-intro{ margin-bottom:0 !important; padding-bottom:0 !important; } #section-company-history{ margin-top:0 !important; padding-top:8px !important; padding-bottom:0 !important; } #section-company-history .container{ margin-top:0 !important; padding-top:0 !important; } #section-company-history .history-carousel-shell{ margin-top:0 !important; margin-bottom:0 !important; } #section-brand-values{ margin-top:0 !important; padding-top:8px !important; } #section-brand-values .container{ margin-top:0 !important; padding-top:0 !important; } #section-brand-values .section-title{ margin-top:0 !important; margin-bottom:18px !important; } @media (max-width: 768px){ #section-company-history{padding-top:4px !important;} #section-brand-values{padding-top:4px !important;} #section-brand-values .section-title{margin-bottom:12px !important;} } /* about-scroll-gif-unify-20260421c */ #section-company-intro-top .about-scroll-indicator, #section-company-intro .about-scroll-indicator{ bottom:10px !important; } #section-company-intro-top .about-scroll-indicator img, #section-company-intro .about-scroll-indicator img{ width:clamp(64px,5.6vw,96px) !important; height:auto !important; } @media (max-width: 768px){ #section-company-intro-top .about-scroll-indicator, #section-company-intro .about-scroll-indicator{ bottom:8px !important; } #section-company-intro-top .about-scroll-indicator img, #section-company-intro .about-scroll-indicator img{ width:clamp(44px,12vw,72px) !important; } } /* about-history-interactive-20260421c */ #section-company-history.company-history-section[data-v-de2ea795]{ padding:28px 0 24px !important; background:#f4f6fa !important; } #section-company-history .container, #section-company-history .history-carousel-shell, #section-company-history .history-carousel, #section-company-history .history-stage, #section-company-history .history-main{ width:100% !important; max-width:none !important; } #section-company-history .container{ padding:0 20px !important; } #section-company-history .history-carousel-shell{ display:block !important; margin:0 auto !important; } #section-company-history .history-carousel.history-carousel-simple{ display:block !important; width:min(1360px,100%) !important; margin:0 auto !important; } #section-company-history .history-title{ display:block !important; margin:0 0 26px !important; text-align:center !important; color:#1876dd !important; font-size:clamp(36px,3vw,56px) !important; line-height:1.08 !important; font-weight:700 !important; } #section-company-history .history-stage.history-stage-simple{ display:grid !important; grid-template-columns:72px minmax(0,1fr) 72px !important; gap:18px !important; align-items:start !important; } #section-company-history .history-nav{ display:flex !important; align-items:center !important; justify-content:center !important; width:46px !important; height:46px !important; margin-top:96px !important; border:1.5px solid rgba(54,155,255,.62) !important; border-radius:999px !important; background:rgba(255,255,255,.82) !important; color:#56b9ff !important; box-shadow:none !important; cursor:pointer !important; pointer-events:auto !important; } #section-company-history .history-nav span{ display:block; transform:translateY(-1px); } #section-company-history .history-main.history-main-simple{ display:block !important; margin:0 auto !important; } #section-company-history .history-floating-card{ display:flex !important; flex-direction:column !important; align-items:center !important; max-width:320px !important; margin:0 auto 26px !important; } #section-company-history .history-floating-media{ display:block !important; width:min(100%,300px) !important; margin:0 auto !important; border-radius:10px !important; overflow:hidden !important; background:transparent !important; } #section-company-history .history-full-image-wrap{ width:auto !important; min-height:0 !important; aspect-ratio:auto !important; background:transparent !important; overflow:visible !important; cursor:default !important; } #section-company-history .history-full-image{ display:block !important; width:100% !important; height:auto !important; object-fit:contain !important; } #section-company-history .history-timeline-wrap{ display:block !important; position:relative !important; width:min(940px,calc(100vw - 140px)) !important; min-height:116px !important; margin:0 auto !important; padding:18px 12px 0 !important; } #section-company-history .history-timeline-line{ display:block !important; position:absolute !important; left:32px !important; right:32px !important; top:52px !important; height:2px !important; background:#86ceff !important; } #section-company-history .history-years-row{ display:grid !important; grid-template-columns:repeat(8,minmax(0,1fr)) !important; align-items:end !important; gap:8px !important; } #section-company-history .history-year-chip, #section-company-history .history-year-chip.is-active{ display:block !important; position:relative !important; border:0 !important; background:transparent !important; padding:0 0 22px !important; color:#57c1ff !important; cursor:pointer !important; font-size:clamp(20px,1.9vw,32px) !important; font-weight:700 !important; line-height:1 !important; } #section-company-history .history-year-chip span{ position:relative; z-index:1; display:inline-block; } #section-company-history .history-year-chip:before, #section-company-history .history-year-chip.is-active:before{ content:"" !important; display:block !important; position:absolute !important; left:50% !important; bottom:8px !important; width:8px !important; height:8px !important; border-radius:50% !important; background:currentColor !important; transform:translateX(-50%) !important; } #section-company-history .history-year-chip.is-active{ color:#fff !important; padding:24px 8px 22px !important; } #section-company-history .history-year-chip.is-active:after{ content:"" !important; display:block !important; position:absolute !important; left:50% !important; bottom:0 !important; width:min(100%,72px) !important; height:94px !important; border-radius:28px 28px 0 0 !important; background:linear-gradient(180deg,var(--history-accent),#1876dd) !important; transform:translateX(-50%) !important; z-index:0 !important; } #section-company-history .history-year-chip.is-active span{ transform:translateY(-12px); } #section-company-history .history-year-chip.is-active:before{ bottom:10px !important; background:#fff !important; } @media (max-width: 768px){ #section-company-history.company-history-section[data-v-de2ea795]{ padding:22px 0 16px !important; } #section-company-history .container{ padding:0 12px !important; } #section-company-history .history-title{ margin-bottom:18px !important; font-size:40px !important; } #section-company-history .history-stage.history-stage-simple{ grid-template-columns:44px minmax(0,1fr) 44px !important; gap:8px !important; } #section-company-history .history-nav{ width:34px !important; height:34px !important; margin-top:48px !important; font-size:24px !important; } #section-company-history .history-floating-card{ max-width:220px !important; margin-bottom:18px !important; } #section-company-history .history-floating-media{ width:220px !important; } #section-company-history .history-timeline-wrap{ width:calc(100vw - 24px) !important; min-height:96px !important; padding:14px 0 0 !important; overflow-x:auto !important; } #section-company-history .history-timeline-line{ left:18px !important; right:18px !important; top:40px !important; } #section-company-history .history-years-row{ display:flex !important; gap:18px !important; min-width:max-content !important; padding:0 18px !important; } #section-company-history .history-year-chip, #section-company-history .history-year-chip.is-active{ font-size:24px !important; padding-bottom:18px !important; } #section-company-history .history-year-chip.is-active{ padding:20px 8px 18px !important; } #section-company-history .history-year-chip.is-active:after{ height:84px !important; width:66px !important; } } /* about-section-gap-zero-fix-20260417 */ #section-company-intro{ margin-bottom:0 !important; padding-bottom:0 !important; } #section-company-intro + #section-company-history{ margin-top:-1px !important; } #section-company-history{ margin:0 !important; padding:0 !important; } #section-company-history .container, #section-company-history .history-carousel-shell, #section-company-history .history-carousel, #section-company-history .history-stage, #section-company-history .history-main, #section-company-history .history-full-image-wrap{ margin:0 !important; padding:0 !important; } #section-company-history + #section-brand-values{ margin-top:-1px !important; } #section-brand-values{ margin:0 !important; padding-top:0 !important; } #section-brand-values .container{ margin-top:0 !important; padding-top:0 !important; } #section-brand-values .section-title{ margin-top:0 !important; } /* about-history-scale-tune-20260418 */ @media (min-width: 1025px){ .company-history-section .history-full-image-wrap[data-v-de2ea795]{ width:min(980px,calc(100vw - 220px)) !important; } } /* about-history-center-fix-20260418 */ @media (min-width: 1025px){ #section-company-history .container, .company-history-section .container[data-v-de2ea795]{ width:100% !important; max-width:none !important; margin-left:auto !important; margin-right:auto !important; padding-left:0 !important; padding-right:0 !important; } #section-company-history .history-carousel-shell, .company-history-section .history-carousel-shell.js-history-carousel[data-v-de2ea795]{ width:min(1360px,100%) !important; margin-left:auto !important; margin-right:auto !important; display:flex !important; justify-content:center !important; } #section-company-history .history-full-image-wrap, .company-history-section .history-full-image-wrap[data-v-de2ea795]{ margin-left:auto !important; margin-right:auto !important; } } /* about-brand-values-layout-tune-20260418 */ #section-brand-values.brand-values-section[data-v-de2ea795]{ padding:34px 0 76px !important; } #section-brand-values .container[data-v-de2ea795]{ width:min(1200px,calc(100vw - 120px)) !important; max-width:none !important; margin:0 auto !important; padding:0 !important; } #section-brand-values .section-title[data-v-de2ea795]{ margin:0 0 34px !important; font-size:56px !important; line-height:1.08 !important; } #section-brand-values .brand-values-grid[data-v-de2ea795]{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:28px !important; } #section-brand-values .brand-values-item[data-v-de2ea795]{ border-radius:14px; overflow:hidden; } #section-brand-values .brand-values-image[data-v-de2ea795]{ border-radius:14px; } @media (max-width: 768px){ #section-brand-values.brand-values-section[data-v-de2ea795]{ padding:24px 0 44px !important; } #section-brand-values .container[data-v-de2ea795]{ width:calc(100vw - 24px) !important; } #section-brand-values .section-title[data-v-de2ea795]{ font-size:40px !important; margin-bottom:20px !important; } #section-brand-values .brand-values-grid[data-v-de2ea795]{ grid-template-columns:1fr !important; gap:16px !important; } } /* about-brand-values-layout-tune-2-20260418 */ #section-brand-values.brand-values-section{ padding:34px 0 76px !important; } #section-brand-values .container{ width:min(1200px,calc(100vw - 120px)) !important; max-width:none !important; margin:0 auto !important; padding:0 !important; } #section-brand-values .section-title{ margin:0 0 34px !important; font-size:56px !important; line-height:1.08 !important; } #section-brand-values .brand-values-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:28px !important; } #section-brand-values .brand-values-item, #section-brand-values .brand-values-image{ border-radius:14px !important; overflow:hidden; } @media (max-width: 768px){ #section-brand-values.brand-values-section{ padding:24px 0 44px !important; } #section-brand-values .container{ width:calc(100vw - 24px) !important; } #section-brand-values .section-title{ font-size:40px !important; margin-bottom:20px !important; } #section-brand-values .brand-values-grid{ grid-template-columns:1fr !important; gap:16px !important; } } /* about-brand-values-bg-image-20260418 */ #section-brand-values .brand-values-bg, #section-brand-values .brand-values-bg[data-v-de2ea795]{ background-image:url('/img/brand-values-bg-49.png') !important; background-position:center !important; background-size:cover !important; background-repeat:no-repeat !important; } /* about-brand-values-spacing-tune-20260418 */ #section-brand-values .container{ padding-top:56px !important; } @media (max-width: 768px){ #section-brand-values .container{ padding-top:28px !important; } } /* about-brand-values-bg-force-visible-20260418 */ #section-brand-values{ position:relative !important; overflow:hidden !important; background:transparent !important; } #section-brand-values::before{ content:''; position:absolute; inset:0; background:url('/img/brand-values-bg-49.png') center / cover no-repeat; z-index:0; pointer-events:none; } #section-brand-values .brand-values-bg{ display:none !important; } #section-brand-values .container{ position:relative; z-index:1; } /* about-history-image-carousel-20260421f */ #section-company-history.company-history-section[data-v-de2ea795], #section-company-history.company-history-section{ padding:0 0 12px !important; background:#f4f6fa !important; } #section-company-history .container, #section-company-history .history-carousel-shell{ width:100% !important; max-width:none !important; margin:0 auto !important; padding:0 12px !important; } #section-company-history .history-image-carousel{ width:min(1660px,calc(100vw - 24px)) !important; margin:0 auto !important; } #section-company-history .history-image-frame{ position:relative !important; width:100% !important; margin:0 !important; line-height:0 !important; } #section-company-history .history-image-slide{ display:block !important; width:100% !important; height:auto !important; } #section-company-history .history-image-hotspot{ position:absolute !important; top:32.5% !important; width:7.6% !important; height:18% !important; min-width:56px !important; min-height:56px !important; border:0 !important; padding:0 !important; background:transparent !important; opacity:0 !important; cursor:pointer !important; z-index:3 !important; } #section-company-history .history-image-hotspot--prev{ left:3.7% !important; } #section-company-history .history-image-hotspot--next{ right:3.7% !important; } #section-company-history .history-image-years{ position:absolute !important; left:5.6% !important; right:5.6% !important; bottom:0 !important; height:27.5% !important; display:grid !important; grid-template-columns:repeat(8,minmax(0,1fr)) !important; z-index:2 !important; } #section-company-history .history-image-year-hotspot{ border:0 !important; padding:0 !important; background:transparent !important; cursor:pointer !important; opacity:0 !important; } #section-company-history .history-image-hotspot:focus-visible, #section-company-history .history-image-year-hotspot:focus-visible{ opacity:1 !important; outline:2px solid rgba(24,118,221,.28) !important; outline-offset:-2px !important; } @media (max-width: 768px){ #section-company-history.company-history-section[data-v-de2ea795], #section-company-history.company-history-section{ padding:0 0 6px !important; } #section-company-history .container, #section-company-history .history-carousel-shell{ padding:0 !important; } #section-company-history .history-image-carousel{ width:100vw !important; } #section-company-history .history-image-hotspot{ top:31% !important; width:12% !important; height:20% !important; min-width:40px !important; min-height:40px !important; } #section-company-history .history-image-hotspot--prev{ left:1.8% !important; } #section-company-history .history-image-hotspot--next{ right:1.8% !important; } #section-company-history .history-image-years{ left:4% !important; right:4% !important; height:29% !important; } } /* about-research-patents-copy-20260421e */ #section-about-research .patents-section[data-v-8f1c6562]{ position:relative !important; overflow:hidden !important; min-height:clamp(620px,56vw,1082px) !important; padding:0 !important; background:#d8dde3 !important; } #section-about-research .patents-section[data-v-8f1c6562]::before{ content:"" !important; position:absolute !important; inset:0 !important; display:block !important; width:100% !important; height:100% !important; aspect-ratio:auto !important; background:url('/img/research-56.png') center / cover no-repeat !important; z-index:0 !important; } #section-about-research .patents-section .container[data-v-8f1c6562]{ position:relative !important; z-index:1 !important; display:block !important; width:min(1920px,100%) !important; max-width:none !important; margin:0 auto !important; padding:clamp(84px,7vw,156px) clamp(42px,4vw,88px) clamp(78px,8vw,148px) !important; } #section-about-research .patents-section .patents-stats[data-v-8f1c6562]{ display:none !important; } #section-about-research .patents-section .research-patents-copy{ width:min(720px,42vw); } #section-about-research .patents-section .research-patents-title{ margin:0 0 30px; color:#fff; font-size:clamp(54px,4.7vw,92px); line-height:1.02; font-weight:800; letter-spacing:.01em; } #section-about-research .patents-section .research-patents-text{ color:rgba(76,84,93,.9); font-size:clamp(22px,1.45vw,30px); line-height:1.58; } #section-about-research .patents-section .research-patents-text p{ margin:0; } #section-about-research .patents-section .research-patents-metrics{ display:flex; align-items:flex-end; gap:clamp(34px,3.2vw,84px); margin-top:44px; } #section-about-research .patents-section .research-patents-metric{ display:flex; align-items:flex-end; gap:14px; white-space:nowrap; } #section-about-research .patents-section .research-patents-label, #section-about-research .patents-section .research-patents-unit{ color:rgba(92,99,108,.92); font-size:clamp(24px,1.55vw,34px); line-height:1.15; font-weight:600; } #section-about-research .patents-section .research-patents-value{ color:#6a6f76; font-size:clamp(90px,6.5vw,136px); line-height:.88; font-weight:600; } @media (max-width: 1024px){ #section-about-research .patents-section[data-v-8f1c6562]{ min-height:clamp(520px,76vw,820px) !important; } #section-about-research .patents-section .container[data-v-8f1c6562]{ padding:56px 28px 48px !important; } #section-about-research .patents-section .research-patents-copy{ width:min(560px,58vw); } #section-about-research .patents-section .research-patents-metrics{ gap:28px; flex-wrap:wrap; } } @media (max-width: 768px){ #section-about-research .patents-section[data-v-8f1c6562]{ min-height:0 !important; } #section-about-research .patents-section[data-v-8f1c6562]::before{ background-position:center bottom !important; background-size:cover !important; opacity:.32 !important; } #section-about-research .patents-section .container[data-v-8f1c6562]{ padding:32px 18px 220px !important; } #section-about-research .patents-section .research-patents-copy{ width:100%; max-width:none; } #section-about-research .patents-section .research-patents-title{ margin-bottom:16px; font-size:44px; } #section-about-research .patents-section .research-patents-text{ font-size:15px; line-height:1.72; } #section-about-research .patents-section .research-patents-metrics{ margin-top:26px; gap:18px; } #section-about-research .patents-section .research-patents-metric{ gap:8px; } #section-about-research .patents-section .research-patents-label, #section-about-research .patents-section .research-patents-unit{ font-size:15px; } #section-about-research .patents-section .research-patents-value{ font-size:62px; } } /* about-research-layout-refine-20260421g */ #section-about-research .research-center-section[data-v-8f1c6562]{ padding:118px 0 126px !important; background:#fff !important; } #section-about-research .research-center-section .container[data-v-8f1c6562]{ max-width:1528px !important; padding:0 84px !important; } #section-about-research .research-center-section .center-intro .intro-row[data-v-8f1c6562]{ align-items:center !important; } #section-about-research .research-center-section .center-intro .intro-row > .el-col-md-14[data-v-8f1c6562]{ max-width:42.5% !important; flex:0 0 42.5% !important; } #section-about-research .research-center-section .center-intro .intro-row > .el-col-md-10[data-v-8f1c6562]{ max-width:57.5% !important; flex:0 0 57.5% !important; } #section-about-research .research-center-section .intro-content[data-v-8f1c6562]{ padding-right:48px !important; } #section-about-research .research-center-section .intro-content .center-title[data-v-8f1c6562]{ max-width:560px !important; margin:0 0 34px !important; color:#0873df !important; font-size:clamp(46px,3.08vw,58px) !important; line-height:1.04 !important; font-weight:800 !important; letter-spacing:-.035em !important; } #section-about-research .research-center-section .intro-content .center-title[data-v-8f1c6562]::after{ display:none !important; } #section-about-research .research-center-section .intro-content .center-title br{ display:block; } #section-about-research .research-center-section .intro-content .intro-text[data-v-8f1c6562]{ max-width:520px !important; } #section-about-research .research-center-section .intro-content .intro-text p[data-v-8f1c6562], #section-about-research .research-center-section .intro-content .intro-text p{ margin:0 0 12px !important; color:#5f6975 !important; font-size:clamp(17px,1vw,18px) !important; line-height:1.78 !important; font-weight:400 !important; } #section-about-research .research-center-section .intro-content .intro-text p[data-v-8f1c6562]:last-child, #section-about-research .research-center-section .intro-content .intro-text p:last-child{ margin-bottom:0 !important; } #section-about-research .research-center-section .intro-image[data-v-8f1c6562]{ padding:34px 0 42px !important; } #section-about-research .research-center-section .intro-image img[data-v-8f1c6562]{ display:block !important; width:100% !important; max-width:780px !important; margin:0 auto !important; border-radius:18px !important; box-shadow:none !important; } #section-about-research .advantages-section[data-v-8f1c6562]{ position:relative !important; overflow:hidden !important; } #section-about-research .advantages-section[data-v-8f1c6562]::after{ content:"科研技术" !important; position:absolute !important; top:44px !important; left:50% !important; transform:translateX(-50%) !important; color:rgba(255,255,255,.9) !important; font-size:clamp(70px,5vw,104px) !important; line-height:1 !important; font-weight:800 !important; letter-spacing:.02em !important; z-index:2 !important; pointer-events:none !important; } #section-about-research .partners-section[data-v-8f1c6562]{ padding:108px 0 126px !important; background:#fff !important; } #section-about-research .partners-section .container[data-v-8f1c6562]{ max-width:1560px !important; padding:0 40px !important; } #section-about-research .partners-section .partners-title[data-v-8f1c6562]{ margin:0 0 72px !important; color:#0b74de !important; font-size:clamp(66px,4.5vw,92px) !important; line-height:1 !important; font-weight:800 !important; } #section-about-research .partners-section .partners-info[data-v-8f1c6562]::after{ width:min(1394px,88vw) !important; margin:0 auto !important; } @media (max-width: 1280px){ #section-about-research .research-center-section[data-v-8f1c6562]{ padding:90px 0 96px !important; } #section-about-research .research-center-section .container[data-v-8f1c6562]{ padding:0 52px !important; } #section-about-research .research-center-section .center-intro .intro-row > .el-col-md-14[data-v-8f1c6562]{ max-width:44% !important; flex:0 0 44% !important; } #section-about-research .research-center-section .center-intro .intro-row > .el-col-md-10[data-v-8f1c6562]{ max-width:56% !important; flex:0 0 56% !important; } #section-about-research .partners-section[data-v-8f1c6562]{ padding:86px 0 98px !important; } } @media (max-width: 768px){ #section-about-research .research-center-section[data-v-8f1c6562]{ padding:42px 0 48px !important; } #section-about-research .research-center-section .container[data-v-8f1c6562]{ padding:0 18px !important; } #section-about-research .research-center-section .center-intro .intro-row > .el-col-md-14[data-v-8f1c6562], #section-about-research .research-center-section .center-intro .intro-row > .el-col-md-10[data-v-8f1c6562]{ max-width:100% !important; flex:0 0 100% !important; } #section-about-research .research-center-section .intro-content[data-v-8f1c6562]{ padding-right:0 !important; } #section-about-research .research-center-section .intro-content .center-title[data-v-8f1c6562]{ max-width:100% !important; margin-bottom:18px !important; font-size:34px !important; line-height:1.08 !important; } #section-about-research .research-center-section .intro-content .intro-text p[data-v-8f1c6562], #section-about-research .research-center-section .intro-content .intro-text p{ margin-bottom:10px !important; font-size:14px !important; line-height:1.6 !important; } #section-about-research .research-center-section .intro-image[data-v-8f1c6562]{ padding:22px 0 0 !important; } #section-about-research .research-center-section .intro-image img[data-v-8f1c6562]{ max-width:none !important; border-radius:14px !important; } #section-about-research .advantages-section[data-v-8f1c6562]::after{ top:20px !important; font-size:42px !important; } #section-about-research .partners-section[data-v-8f1c6562]{ padding:46px 0 58px !important; } #section-about-research .partners-section .container[data-v-8f1c6562]{ padding:0 18px !important; } #section-about-research .partners-section .partners-title[data-v-8f1c6562]{ margin-bottom:26px !important; font-size:44px !important; } #section-about-research .partners-section .partners-info[data-v-8f1c6562]::after{ width:min(1394px,100%) !important; } }