.about-page{--navy:#003580;--navy-light:#014290;--blue:#025cc0;--cyan:#00b4d8;--cyan-light:#3e89e0;--sky:#ddf2f9;--white:#fff;--gray:#f2f9fc;--text:#1a1a2e;--text-light:#5a6a85;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);line-height:1.7;background:var(--white)}.about-page *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.about-page html{scroll-behavior:smooth}.about-page section{padding:90px 20px}.about-page .container{max-width:1120px;margin:0 auto}.about-page .section-header{text-align:center;margin-bottom:56px}.about-page .section-label{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:3px;color:var(--cyan);margin-bottom:14px;padding:6px 16px;background:var(--sky);border-radius:20px}.about-page .section-title{font-size:2.5rem;color:var(--navy);font-weight:700;margin-bottom:14px}.about-page .section-subtitle{font-size:1.05rem;color:var(--text-light);max-width:620px;margin:0 auto}.about-page .hero{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;background:linear-gradient(135deg,#003580,#014290 40%,#025cc0);position:relative;padding:60px 20px;overflow:hidden}.about-page .hero:after,.about-page .hero:before{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(62,137,224,.25) 0,transparent 60%)}.about-page .hero:before{top:-45%;right:-18%;width:75%;height:140%;-webkit-animation:pulse 8s ease-in-out infinite;animation:pulse 8s ease-in-out infinite}.about-page .hero:after{bottom:-28%;left:-10%;width:55%;height:95%;animation:pulse 10s ease-in-out infinite reverse}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.6}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.6}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}}.about-page .hero-content{position:relative;z-index:2;max-width:840px}.about-page .hero-logo{width:300px;height:auto;margin-bottom:36px;-webkit-filter:drop-shadow(0 18px 36px rgba(0,0,0,.2));filter:drop-shadow(0 18px 36px rgba(0,0,0,.2));-webkit-animation:fadeInUp 1s ease-out;animation:fadeInUp 1s ease-out}.about-page .hero-tagline{font-size:1.6rem;color:hsla(0,0%,100%,.95);font-weight:300;letter-spacing:4px;margin-bottom:20px;-webkit-animation:fadeInUp 1s ease-out .2s both;animation:fadeInUp 1s ease-out .2s both}.about-page .hero-desc{font-size:1.15rem;color:hsla(0,0%,100%,.85);max-width:640px;margin:0 auto;-webkit-animation:fadeInUp 1s ease-out .4s both;animation:fadeInUp 1s ease-out .4s both}.about-page .scroll-hint{position:absolute;bottom:36px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.about-page .scroll-hint svg{width:30px;height:30px;stroke:hsla(0,0%,100%,.7)}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(28px);transform:translateY(28px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(28px);transform:translateY(28px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}40%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}60%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}40%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}60%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px)}}.about-page .about{background:var(--gray)}.about-page .about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}.about-page .about-card{background:var(--white);padding:36px 28px;border-radius:22px;-webkit-box-shadow:0 10px 36px rgba(0,42,108,.08);box-shadow:0 10px 36px rgba(0,42,108,.08);-webkit-transition:.3s;transition:.3s}.about-page .about-card:hover{-webkit-transform:translateY(-7px);transform:translateY(-7px);-webkit-box-shadow:0 18px 54px rgba(0,42,108,.12);box-shadow:0 18px 54px rgba(0,42,108,.12)}.about-page .about-card .icon{width:58px;height:58px;border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;background:linear-gradient(135deg,var(--sky),var(--white))}.about-page .about-card .icon svg{width:28px;height:28px;stroke:var(--navy-light)}.about-page .about-card h3{font-size:1.25rem;color:var(--navy);margin-bottom:12px}.about-page .about-card p{color:var(--text-light);font-size:.92rem}.about-page .concept{background:var(--white)}.about-page .concept-content{display:grid;grid-template-columns:1fr 1fr;gap:56px}.about-page .concept-content,.about-page .concept-visual{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.about-page .concept-visual{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:360px}.about-page .concept-logo{width:420px;height:auto;-o-object-fit:contain;object-fit:contain}.about-page .concept-text h3{font-size:1.6rem;color:var(--navy);margin-bottom:18px}.about-page .concept-text p{color:var(--text-light);margin-bottom:18px;font-size:1rem}.about-page .concept-list{list-style:none}.about-page .concept-list li{padding:10px 0 10px 34px;position:relative;color:var(--text);font-weight:500}.about-page .concept-list li:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:20px;background:linear-gradient(135deg,var(--cyan),var(--blue));border-radius:50%}.about-page .concept-list li:after{content:"";position:absolute;left:6px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);width:5px;height:8px;border-right:2px solid var(--white);border-bottom:2px solid var(--white)}.about-page .values{background:-webkit-gradient(linear,left top,left bottom,from(var(--navy)),to(var(--navy-light)));background:linear-gradient(180deg,var(--navy),var(--navy-light));color:var(--white)}.about-page .values .section-subtitle,.about-page .values .section-title{color:var(--white)}.about-page .values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px}.about-page .value-item{text-align:center;padding:36px 22px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:18px;-webkit-transition:.3s;transition:.3s}.about-page .value-item:hover{background:hsla(0,0%,100%,.14);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.about-page .value-number{font-size:2.6rem;font-weight:800;background:linear-gradient(135deg,var(--cyan-light),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.about-page .value-item h4{font-size:1.15rem;margin-bottom:8px}.about-page .value-item p{font-size:.88rem;opacity:.85}.about-page .contact{background:var(--gray);padding-bottom:40px}.about-page .contact-card{background:var(--white);border-radius:26px;padding:52px;text-align:center;-webkit-box-shadow:0 18px 54px rgba(0,42,108,.1);box-shadow:0 18px 54px rgba(0,42,108,.1)}.about-page .contact-card h3{font-size:1.6rem;color:var(--navy);margin-bottom:14px}.about-page .contact-card p{color:var(--text-light);margin-bottom:28px}.about-page .contact-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-size:1.2rem;color:var(--navy-light);text-decoration:none;font-weight:600;padding:14px 28px;background:var(--sky);border-radius:50px;-webkit-transition:.3s;transition:.3s}.about-page .contact-link:hover{background:linear-gradient(135deg,var(--blue),var(--cyan));color:var(--white);-webkit-transform:scale(1.03);transform:scale(1.03)}.about-page .contact-link svg{width:22px;height:22px;stroke:currentColor}.about-page footer{background:var(--navy);color:hsla(0,0%,100%,.7);text-align:center;padding:28px 20px;font-size:.88rem}.about-page footer a{color:hsla(0,0%,100%,.85);text-decoration:none}.about-page footer a:hover{color:var(--cyan-light)}@media (max-width:900px){.about-page section{padding:70px 20px}.about-page .concept-content{grid-template-columns:1fr;gap:44px}.about-page .concept-visual{min-height:320px}.about-page .contact-card{padding:36px 22px}}@media (max-width:480px){.about-page .hero{min-height:auto;padding:80px 20px 100px}.about-page .about-card{padding:26px 22px}.about-page .contact-link{font-size:1rem;padding:12px 22px}}