/* 关于我们艺术版：浅蓝画廊、立体环带、错落照片与交互卡牌。 */
.is-about{background:#fbfcff;--about-ink:#163466}
.is-about .page-banner{padding:48px 0 106px;min-height:530px;box-sizing:border-box;background:radial-gradient(ellipse at 82% 45%,#d1e0ff 0,transparent 52%),radial-gradient(ellipse at 10% 95%,#e1eaff,transparent 54%),#f1f5ff;color:var(--about-ink);isolation:isolate}
.is-about .page-banner::after{content:'JIAQI';position:absolute;right:6%;bottom:-53px;font-size:clamp(160px,20vw,320px);font-weight:800;line-height:1;letter-spacing:-.065em;color:#fff8;z-index:-1;pointer-events:none}
.is-about .page-banner .wrap{z-index:2;pointer-events:none}
.is-about .page-banner .wrap a{pointer-events:auto}
.is-about .page-banner .breadcrumb{margin-bottom:88px;color:#7085a3}
.is-about .page-banner .eyebrow{color:#446aaf;letter-spacing:5px;font-size:11px}
.is-about .page-banner h1{font-size:clamp(64px,6vw,88px);font-weight:650;letter-spacing:-3px;line-height:1.2;margin:18px 0 27px;max-width:52%}
.is-about .page-banner p{font-size:17px;line-height:1.9;color:#506785;max-width:46%}
.is-about .banner-lines{display:none}
.about-sculpture{position:absolute;right:max(2%,calc((100vw - 1360px)/2));top:2%;width:49%;height:95%;z-index:1;pointer-events:none}
.is-about .about-section-links{gap:0;position:relative;z-index:3;margin-top:-27px;padding:0;background:#ffffffed;border:1px solid #e1e8f5;border-radius:100px;box-shadow:0 10px 35px #274c8610;width:min(720px,calc(100% - 96px));backdrop-filter:blur(18px)}
.is-about .about-section-links a{flex:1;justify-content:center;gap:24px;padding:17px 12px;border-radius:100px;transition:background .25s,color .25s}
.is-about .about-section-links a:hover{background:#285edf;color:white}.is-about .about-section-links a:hover span{color:#c5d7ff}
.is-about .image-wall{background:#fbfcff;border:0;padding-top:104px;padding-bottom:130px;overflow:hidden}
.is-about .image-wall-heading,.is-about .about-module-heading{margin-bottom:57px;align-items:center}
.is-about .image-wall-heading h2,.is-about .about-module-heading h2{font-size:46px;letter-spacing:-1.5px;color:var(--about-ink);margin-top:14px}
.is-about .image-wall-heading>p,.is-about .about-module-heading>p{font-size:15px;line-height:1.9;color:#76859b;border-left:2px solid #b8cef9;padding-left:25px}
.is-about .eyebrow{font-size:10px;letter-spacing:3px;color:#6583b4}
.is-about .pet-row-heading{margin-bottom:34px}.is-about .pet-row-heading h3{font-size:13px;color:#6d7e96}.is-about .pet-row-heading>span{font-size:9px}
.is-about .pet-wall{gap:22px;padding:8px 5px 22px;align-items:start}
.is-about .pet-portrait{border-radius:5px;background:white;border:1px solid #e6eaf1;padding:10px 10px 0;box-shadow:0 14px 28px #193a6412;position:relative;transform:perspective(900px) rotateZ(var(--rotation,-3deg)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s,box-shadow .35s}
.is-about .pet-portrait:nth-child(2n){--rotation:3deg;margin-top:45px}.is-about .pet-portrait:nth-child(3n){--rotation:-2deg;margin-top:10px}
.is-about .pet-portrait:hover{z-index:2;box-shadow:0 22px 45px #193a6424;--rotation:0deg}
.is-about .pet-photo{border-radius:2px;aspect-ratio:3/3.7}.is-about .pet-photo img{transition:transform .7s}.is-about .pet-portrait:hover img{transform:scale(1.045)}
.is-about .pet-portrait figcaption{padding:24px 6px;border:0}.is-about .pet-portrait h4{font-size:14px;white-space:normal}.is-about .pet-number{font-size:10px;color:#7f98bc}
.is-about .about-team{padding:90px 0 110px;border-top:1px solid #e2e9f5;position:relative}
.is-about .team-grid{gap:28px 22px;align-items:start}
.is-about .team-member{border-radius:18px;border:1px solid #e0e7f2;box-shadow:0 8px 20px #28446a06;transition:transform .25s,border-color .25s,box-shadow .25s;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));isolation:isolate}
.is-about .team-member:hover{box-shadow:0 24px 42px #254b8b20;border-color:#adc6f1;transform:perspective(900px) translateY(-7px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.is-about .team-member::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,30%),#fff6,transparent 50%);opacity:0;pointer-events:none;transition:opacity .3s;z-index:2}.is-about .team-member:hover::after{opacity:1}
.is-about .team-member .team-monogram{height:236px;font-size:83px;font-weight:500;color:#f5f9ff;background:radial-gradient(ellipse at 80% 0%,#a2c4ff,transparent 55%),linear-gradient(145deg,#5a87db,#345ba9);overflow:hidden}
.is-about .team-member .team-monogram::before{content:'';position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid #ffffff45;right:-50px;bottom:-70px;box-shadow:0 0 0 28px #ffffff0c,0 0 0 56px #ffffff09;transform:rotate(-25deg)}
.is-about .team-member:nth-child(3n+2) .team-monogram{color:#2f526c;background:radial-gradient(ellipse at 10% 0,#f0f9ff,transparent 60%),linear-gradient(140deg,#c1d9e9,#8badcf)}
.is-about .team-member:nth-child(3n) .team-monogram{color:#fff;background:radial-gradient(ellipse at 90% 5%,#b4b4ed,transparent 60%),linear-gradient(135deg,#939ccf,#5c6ba4)}
.is-about .team-member .team-photo[src^="/media/"]{height:236px}.is-about .team-member h3{font-size:23px;overflow-wrap:anywhere;letter-spacing:.5px}
.is-about .team-index{background:#ffffffbf;color:#48648b}.is-about .team-more{font-size:12px;letter-spacing:.5px}.is-about .team-more span{transition:transform .25s}.is-about .team-member:hover .team-more span{transform:translate(3px,-3px)}
.is-about .about-briefs{background:#edf3fd;border-top:1px solid #e2eaf8;padding-top:95px;padding-bottom:105px}
.is-about .article-grid{gap:28px}.is-about .article-card{transition:transform .35s}.is-about .article-card:hover{transform:translateY(-7px)}
.is-about .article-art{border-radius:16px;overflow:hidden}.is-about .article-art img{transition:transform .65s}.is-about .article-card:hover img{transform:scale(1.04)}
.is-about .team-dialog[open]{animation:about-dialog-in .42s cubic-bezier(.2,.8,.2,1)}
.is-about .art-reveal{opacity:0;translate:0 28px;transition:opacity .65s var(--art-delay,0ms),translate .8s var(--art-delay,0ms),transform .3s,box-shadow .3s}
.is-about .art-reveal.art-arrived{opacity:1;translate:0 0}
@keyframes about-dialog-in{from{opacity:0;transform:translateY(25px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:1100px){.is-about .page-banner h1{font-size:62px}.is-about .pet-wall{gap:16px}.is-about .pet-portrait h4{font-size:12px}.is-about .team-member .team-monogram,.is-about .team-member .team-photo[src^="/media/"]{height:200px}}
@media(prefers-reduced-motion:reduce){.is-about *, .is-about *::before,.is-about *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.is-about .art-reveal{opacity:1;translate:none}.is-about .team-member,.is-about .pet-portrait{transform:none!important}}