:root{--blue:#168cff;--blue-deep:#075cc7;--cyan:#28c8d5;--ink:#10243d;--muted:#62758b;--line:#dbe9f7;--soft:#f3f8fe;--gold:#d9ad4d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}.about-container{width:min(1320px,calc(100% - 64px));margin:auto}
.about-hero{position:relative;min-height:calc(100svh - 72px);display:grid;place-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 18% 22%,rgba(74,187,255,.7),transparent 34%),radial-gradient(circle at 82% 72%,rgba(29,96,211,.62),transparent 35%),linear-gradient(135deg,#1599f1 0%,#197bd8 52%,#075bbd 100%)}.hero-grid{position:absolute;inset:0;opacity:.45;background-image:radial-gradient(rgba(255,255,255,.92) 1.4px,transparent 1.7px);background-size:104px 98px;animation:grid-drift 26s linear infinite}.about-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.13) 48%,transparent 65%);transform:translateX(-100%);animation:hero-sheen 9s ease-in-out infinite}.about-hero::after{content:"";position:absolute;left:50%;bottom:-430px;width:900px;height:900px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 100px rgba(255,255,255,.025),0 0 0 220px rgba(255,255,255,.018)}.hero-orb{position:absolute;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.02));backdrop-filter:blur(3px);box-shadow:0 24px 80px rgba(0,57,132,.16);animation:hero-float 7s ease-in-out infinite}.orb-one{width:190px;height:190px;left:8%;top:16%;border-radius:38px;transform:rotate(18deg)}.orb-two{width:120px;height:120px;right:10%;bottom:18%;border-radius:50%;animation-delay:-2.5s}.hero-inner{position:relative;z-index:2;padding:100px 0;text-align:center}.hero-kicker{display:inline-flex;padding:10px 21px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(255,255,255,.12);font-size:15px;font-weight:700;letter-spacing:.08em;backdrop-filter:blur(10px)}.hero-inner h1{max-width:1000px;margin:34px auto 24px;font-size:clamp(58px,8vw,112px);line-height:1;letter-spacing:-.065em;text-shadow:0 16px 45px rgba(0,58,126,.26)}.hero-inner p{margin:0;font-size:clamp(22px,2.4vw,34px);font-weight:700;letter-spacing:.08em}.hero-domain{display:inline-flex;margin-top:47px;padding:12px 22px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(2,76,160,.15);font-size:16px;letter-spacing:.16em;transition:.3s}.hero-domain:hover{transform:translateY(-4px);background:rgba(255,255,255,.16)}.scroll-cue{position:absolute;z-index:3;left:50%;bottom:28px;width:40px;height:60px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.35);border-radius:22px}.scroll-cue span{position:absolute;left:50%;top:12px;width:5px;height:9px;transform:translateX(-50%);border-radius:5px;background:#fff;animation:scroll-dot 1.8s ease-in-out infinite}
.profile-section{position:relative;padding:125px 0;overflow:hidden;background:linear-gradient(120deg,#f0f7ff,#fff 52%,#eef6ff)}.profile-section::before{content:"ABOUT";position:absolute;right:-2%;top:-65px;color:rgba(27,125,225,.045);font-size:260px;font-weight:900;letter-spacing:-.08em}.profile-layout{position:relative;display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:start}.profile-heading{position:sticky;top:125px}.profile-heading>span,.section-head>span,.algorithm-copy>span,.business-heading>span{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.2em}.profile-heading h2{margin:15px 0 30px;font-size:clamp(48px,5vw,78px);letter-spacing:-.06em}.profile-mark{width:230px;height:230px;display:grid;place-items:center;border:1px solid rgba(22,140,255,.16);border-radius:50%;color:rgba(22,140,255,.14);background:radial-gradient(circle,rgba(52,159,255,.12),transparent 64%);font-size:90px;font-weight:900;animation:profile-pulse 4s ease-in-out infinite}.profile-copy{padding:48px 52px;border:1px solid rgba(195,220,244,.82);border-radius:32px;background:rgba(255,255,255,.82);box-shadow:0 28px 80px rgba(32,91,146,.1);backdrop-filter:blur(16px)}.profile-copy p{margin:0;color:#344b63;font-size:18px;line-height:2}.profile-copy p+p{margin-top:28px;padding-top:28px;border-top:1px solid #dfebf7}.profile-copy b{color:var(--ink);font-size:20px}.profile-copy p span{color:#087de5;font-weight:700}.profile-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.profile-chips span{padding:10px 14px;border-radius:999px;color:#237bc0;background:#eaf5ff;font-size:13px;font-weight:700}
.qualification-section{padding:120px 0 135px;background:#fff}.section-head{text-align:center;margin-bottom:62px}.section-head h2{margin:14px 0 15px;font-size:clamp(42px,4.5vw,64px);letter-spacing:-.055em}.section-head p{max-width:720px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.8}.qualification-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;perspective:1400px}.qual-card{height:410px;outline:0;perspective:1100px;cursor:pointer}.qual-inner{position:relative;width:100%;height:100%;transition:transform .72s cubic-bezier(.2,.78,.2,1);transform-style:preserve-3d}.qual-card:hover .qual-inner,.qual-card:focus .qual-inner,.qual-card.is-flipped .qual-inner{transform:rotateY(180deg)}.qual-face{position:absolute;inset:0;overflow:hidden;border-radius:25px;backface-visibility:hidden}.qual-front{padding:18px;border:1px solid var(--line);background:#fff;box-shadow:0 18px 50px rgba(25,73,116,.09)}.qual-front>span{position:absolute;right:24px;top:22px;color:#d9eaf9;font-size:28px;font-weight:900}.qual-front h3{margin:23px 9px 7px;font-size:25px}.qual-front p{margin:0 9px;color:var(--muted);font-size:14px}.qual-front>b{position:absolute;left:27px;bottom:24px;color:var(--blue);font-size:13px}.qual-visual{height:210px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#eff7ff,#dceeff)}.qual-visual::before,.qual-visual::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.72)}.qual-visual::before{width:160px;height:160px}.qual-visual::after{width:110px;height:110px}.qual-visual i{position:relative;z-index:2;width:78px;height:78px;display:grid;place-items:center;border-radius:24px;color:#fff;background:linear-gradient(145deg,#168cff,#43b8ff);font-size:30px;font-style:normal;font-weight:900;box-shadow:0 18px 35px rgba(22,140,255,.28)}.visual-algorithm{background:linear-gradient(145deg,#eef2ff,#dce4ff)}.visual-algorithm i{background:linear-gradient(145deg,#606fe9,#469ceb)}.visual-honor{background:linear-gradient(145deg,#fff7e9,#ffebbd)}.visual-honor i{background:linear-gradient(145deg,#e4b446,#f0cc70);box-shadow:0 18px 35px rgba(207,153,42,.25)}.visual-tech{background:linear-gradient(145deg,#eafafa,#d9f3f5)}.visual-tech i{background:linear-gradient(145deg,#15a7bd,#35ccd0)}.qual-back{padding:42px 32px;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(79,210,255,.38),transparent 30%),linear-gradient(145deg,#0b4d91,#168dec);transform:rotateY(180deg);box-shadow:0 25px 55px rgba(20,98,180,.25)}.qual-back::after{content:"";position:absolute;right:-80px;bottom:-90px;width:220px;height:220px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.04)}.qual-back span{color:#a9e3ff;font-size:10px;font-weight:800;letter-spacing:.18em}.qual-back h3{margin:14px 0 18px;font-size:28px}.qual-back p{position:relative;z-index:2;margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.9}
.honor-section{position:relative;padding:120px 0 130px;overflow:hidden;color:#fff;background:radial-gradient(circle at 8% 15%,rgba(50,181,255,.2),transparent 30%),radial-gradient(circle at 92% 82%,rgba(40,208,213,.16),transparent 28%),linear-gradient(135deg,#061d3d,#073c75 62%,#075c7f)}.honor-section::before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(118,194,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(118,194,255,.25) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000 20% 80%,transparent)}.section-head.light{position:relative}.section-head.light>span{color:#68d9ff}.section-head.light p{color:rgba(255,255,255,.65)}.honor-shell{position:relative;display:grid;grid-template-columns:1.15fr .85fr;min-height:660px;overflow:hidden;border:1px solid rgba(135,204,255,.24);border-radius:34px;background:rgba(7,41,79,.68);box-shadow:0 40px 100px rgba(0,10,33,.36);backdrop-filter:blur(16px)}.honor-display{position:relative;min-width:0;padding:52px 55px 40px;display:flex;flex-direction:column;justify-content:center}.honor-glow{position:absolute;left:50%;top:46%;width:460px;height:460px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(57,171,255,.26),transparent 66%);animation:honor-glow 4s ease-in-out infinite}.honor-frame{position:relative;z-index:2;height:480px;display:grid;place-items:center;padding:24px;overflow:hidden;border:1px solid rgba(173,220,255,.22);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 25px 65px rgba(0,10,35,.24)}.honor-frame img{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 20px 32px rgba(0,0,0,.28));transition:opacity .35s,transform .55s cubic-bezier(.2,.8,.2,1)}.honor-frame img.changing{opacity:0;transform:scale(.96) translateY(12px)}.honor-scan{position:absolute;left:8%;right:8%;height:1px;top:10%;background:linear-gradient(90deg,transparent,#6ee8ff,transparent);box-shadow:0 0 16px #45cfff;animation:honor-scan 4.6s ease-in-out infinite}.honor-meta{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin-top:22px}.honor-meta span{padding:7px 12px;border:1px solid rgba(108,215,255,.3);border-radius:999px;color:#8ee8ff;background:rgba(37,163,219,.12);font-size:12px}.honor-meta strong{color:rgba(255,255,255,.55);font-size:13px;letter-spacing:.12em}.honor-document{position:absolute;z-index:3;left:55px;bottom:18px;color:#8ee8ff;font-size:12px}.honor-document:hover{color:#fff}.honor-display-controls{position:absolute;z-index:3;right:55px;bottom:17px;display:flex;gap:8px}.honor-display-controls button,.honor-panel-controls button{width:40px;height:40px;border:1px solid rgba(151,215,255,.28);border-radius:50%;color:#fff;background:rgba(255,255,255,.07);cursor:pointer;transition:.25s}.honor-display-controls button:hover,.honor-panel-controls button:hover{transform:translateY(-2px);border-color:#67d9ff;background:rgba(72,192,240,.18)}.honor-panel{padding:58px 54px;display:flex;flex-direction:column;border-left:1px solid rgba(136,205,255,.18);background:linear-gradient(145deg,rgba(11,68,122,.66),rgba(7,39,74,.78))}.panel-label{color:#65d9ff;font-size:11px;font-weight:900;letter-spacing:.2em}.honor-panel>h3{min-height:74px;margin:15px 0 12px;font-size:28px;line-height:1.35}.honor-panel>p{min-height:70px;margin:0 0 27px;color:rgba(255,255,255,.63);font-size:14px;line-height:1.75}.honor-list{height:330px;display:grid;gap:7px;overflow:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:#2b84c2 transparent}.honor-list button{position:relative;width:100%;padding:12px 15px 12px 31px;overflow:hidden;border:1px solid transparent;border-radius:11px;color:rgba(255,255,255,.58);background:transparent;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:.25s}.honor-list button::before{content:"";position:absolute;left:13px;top:50%;width:6px;height:6px;transform:translateY(-50%);border-radius:50%;background:#476c8d}.honor-list button:hover{color:#fff;background:rgba(255,255,255,.06)}.honor-list button.active{color:#fff;border-color:rgba(102,216,255,.25);background:linear-gradient(90deg,rgba(24,146,221,.3),rgba(36,188,216,.08))}.honor-list button.active::before{background:#65e2ff;box-shadow:0 0 0 5px rgba(92,219,255,.11)}.honor-panel-controls{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:23px}.honor-panel-controls span{color:rgba(255,255,255,.44);font-size:11px;letter-spacing:.12em}
.algorithm-section{position:relative;padding:130px 0;overflow:hidden;background:linear-gradient(180deg,#f7fbff,#fff)}.algorithm-section::before{content:"";position:absolute;width:620px;height:620px;right:-190px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(41,153,247,.13),transparent 67%)}.algorithm-layout{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:78px;align-items:center}.algorithm-copy h2{margin:14px 0 23px;font-size:clamp(46px,5vw,72px);line-height:1.08;letter-spacing:-.06em}.algorithm-copy>p{color:var(--muted);font-size:17px;line-height:1.9}.algorithm-copy dl{display:grid;gap:0;margin-top:38px;border-top:1px solid var(--line)}.algorithm-copy dl div{display:grid;grid-template-columns:88px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.algorithm-copy dt{color:#7b8fa4;font-size:13px}.algorithm-copy dd{margin:0;color:#233c54;font-size:14px;font-weight:700;word-break:break-all}.algorithm-copy dd b{padding:5px 10px;border-radius:999px;color:#159a70;background:#e8fbf4}.algorithm-visual{position:relative;padding:12px;border:1px solid #cce3f7;border-radius:27px;background:#fff;box-shadow:0 34px 80px rgba(25,81,133,.16)}.browser-bar{height:45px;display:flex;align-items:center;gap:7px;padding:0 14px;border-radius:17px 17px 0 0;background:#eef5fc}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#8bc7f5}.browser-bar i:nth-child(2){background:#5fa8e6}.browser-bar i:nth-child(3){background:#2f8bd8}.browser-bar span{margin-left:11px;color:#7490a9;font-size:11px}.algorithm-image{position:relative;overflow:hidden;border-radius:0 0 18px 18px}.algorithm-image img{display:block;width:100%;height:auto}.algorithm-image>span{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#40d6ff,transparent);box-shadow:0 0 15px #29c8ff;animation:algorithm-scan 5s ease-in-out infinite}.algorithm-badge{position:absolute;right:-28px;bottom:-35px;min-width:190px;padding:18px 22px;display:flex;align-items:center;gap:14px;border:1px solid #b9defb;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 20px 40px rgba(22,91,149,.16);backdrop-filter:blur(12px);animation:badge-float 4s ease-in-out infinite}.algorithm-badge strong{font-size:36px;color:var(--blue)}.algorithm-badge span{color:#54728b;font-size:12px;line-height:1.5}
.core-business-section{padding:120px 0 130px;background:radial-gradient(circle at 50% 0,rgba(34,145,240,.11),transparent 35%),#f7faff}.business-heading{text-align:center;margin-bottom:52px}.business-heading h2{margin:14px 0 14px;font-size:clamp(42px,4.5vw,64px);letter-spacing:-.055em}.business-heading p{max-width:780px;margin:auto;color:var(--muted);font-size:17px;line-height:1.8}.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.business-card{position:relative;min-height:300px;padding:42px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid #d7e9f8;border-radius:25px;background:linear-gradient(135deg,#fff 35%,#dfefff);box-shadow:0 18px 52px rgba(27,76,119,.09);transition:.45s cubic-bezier(.2,.8,.2,1)}.business-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.65) 48%,transparent 65%);transform:translateX(-120%);transition:.8s}.business-card:hover{transform:translateY(-9px);border-color:#8fc9f8;box-shadow:0 28px 65px rgba(28,105,175,.16)}.business-card:hover::before{transform:translateX(120%)}.business-card div{position:relative;z-index:2}.business-card div>span{color:#2f8edc;font-size:11px;font-weight:900;letter-spacing:.16em}.business-card h3{margin:16px 0 7px;font-size:34px}.business-card p{margin:0;color:#4f6b82;font-size:17px}.business-card>b{position:relative;z-index:2;color:#1685df;font-size:13px}.business-card>i{position:absolute;right:24px;bottom:-36px;color:rgba(23,131,226,.1);font-size:190px;font-style:normal;font-weight:900;line-height:1;transition:.45s}.business-card:hover>i{transform:translateY(-10px) rotate(-4deg);color:rgba(23,131,226,.15)}.business-card.agent{background:linear-gradient(135deg,#fff 35%,#e3f7f8)}.business-card.agent div>span,.business-card.agent>b{color:#159cad}.business-card.agent>i{color:rgba(21,156,173,.1)}.business-card.human{background:linear-gradient(135deg,#fff 35%,#e8edff)}.business-card.human div>span,.business-card.human>b{color:#506ee1}.business-card.human>i{color:rgba(80,110,225,.1)}.business-card.training{color:#fff;border-color:#438deb;background:radial-gradient(circle at 80% 20%,rgba(99,208,255,.35),transparent 28%),linear-gradient(135deg,#1f7ee0,#164ab8)}.business-card.training div>span,.business-card.training>b{color:#a8e8ff}.business-card.training p{color:rgba(255,255,255,.72)}.business-card.training>i{color:rgba(255,255,255,.1)}
.about-footer{padding:28px 0;color:#9db1c3;background:#0b2034}.about-footer>div{display:flex;justify-content:space-between;gap:25px;font-size:13px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:none}.qualification-grid .reveal:nth-child(2),.business-grid .reveal:nth-child(2){transition-delay:.08s}.qualification-grid .reveal:nth-child(3),.business-grid .reveal:nth-child(3){transition-delay:.16s}.qualification-grid .reveal:nth-child(4),.business-grid .reveal:nth-child(4){transition-delay:.24s}
@keyframes grid-drift{to{background-position:104px 98px}}@keyframes hero-sheen{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}@keyframes hero-float{50%{transform:translateY(-17px) rotate(9deg)}}@keyframes scroll-dot{0%{opacity:0;transform:translate(-50%,0)}45%{opacity:1}100%{opacity:0;transform:translate(-50%,22px)}}@keyframes profile-pulse{50%{transform:scale(1.045);box-shadow:0 0 70px rgba(22,140,255,.12)}}@keyframes honor-glow{50%{transform:translate(-50%,-50%) scale(1.12);opacity:.65}}@keyframes honor-scan{0%,100%{top:8%;opacity:0}20%,80%{opacity:1}50%{top:90%}}@keyframes algorithm-scan{0%,100%{top:0;opacity:0}20%,80%{opacity:1}50%{top:100%}}@keyframes badge-float{50%{transform:translateY(-8px)}}
@media(max-width:1080px){.qualification-grid{grid-template-columns:repeat(2,1fr)}.profile-layout{grid-template-columns:1fr;gap:42px}.profile-heading{position:relative;top:auto}.profile-mark{position:absolute;right:0;top:-40px;width:150px;height:150px}.honor-shell{grid-template-columns:1fr}.honor-panel{border-left:0;border-top:1px solid rgba(136,205,255,.18)}.algorithm-layout{grid-template-columns:1fr}.algorithm-copy{max-width:760px}.algorithm-badge{right:22px}.honor-frame{height:520px}}
@media(max-width:700px){.about-container{width:calc(100% - 32px)}.about-hero{min-height:calc(100svh - 66px)}.hero-inner h1{font-size:clamp(48px,15vw,72px)}.hero-inner p{font-size:20px}.hero-domain{margin-top:35px;font-size:13px}.profile-section,.qualification-section,.honor-section,.algorithm-section,.core-business-section{padding:82px 0}.profile-section::before{font-size:130px}.profile-copy{padding:30px 24px;border-radius:22px}.profile-copy p{font-size:15px}.profile-heading h2{font-size:48px}.profile-mark{display:none}.qualification-grid,.business-grid{grid-template-columns:1fr}.qual-card{height:390px}.honor-shell{border-radius:24px}.honor-display{padding:28px 20px 62px}.honor-frame{height:410px;padding:13px}.honor-document{left:20px;bottom:24px}.honor-display-controls{right:20px;bottom:17px}.honor-panel{padding:38px 24px}.honor-panel>h3{font-size:23px}.honor-list{height:310px}.algorithm-copy h2{font-size:48px}.algorithm-copy dl div{grid-template-columns:75px 1fr}.algorithm-badge{position:relative;right:auto;bottom:auto;margin:18px 8px 2px}.business-card{min-height:260px;padding:32px}.business-card h3{font-size:28px}.about-footer>div{display:grid;text-align:center}.hero-orb{opacity:.55}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-grid,.about-hero::before,.hero-orb,.profile-mark,.honor-glow,.honor-scan,.algorithm-image>span,.algorithm-badge{animation:none}.reveal{opacity:1;transform:none;transition:none}.qual-inner,.business-card,.honor-frame img{transition:none}}

/* 天空感公司介绍与企业照片预留 */
.profile-section{padding:118px 0 105px;background:radial-gradient(ellipse at 20% 18%,rgba(255,255,255,.95),transparent 27%),radial-gradient(ellipse at 82% 28%,rgba(255,255,255,.8),transparent 24%),linear-gradient(180deg,#cfeaff 0%,#e8f5ff 45%,#fff 100%)}.profile-section::before{right:1%;top:-55px;color:rgba(19,105,189,.05)}.profile-section::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-130px;height:260px;border-radius:50%;background:rgba(255,255,255,.8);filter:blur(22px)}.profile-cloud{position:absolute;width:310px;height:85px;border-radius:50%;background:rgba(255,255,255,.62);filter:blur(16px);animation:cloud-drift 14s ease-in-out infinite}.profile-cloud::before,.profile-cloud::after{content:"";position:absolute;border-radius:50%;background:inherit}.profile-cloud::before{width:130px;height:130px;left:55px;top:-55px}.profile-cloud::after{width:170px;height:150px;right:32px;top:-72px}.cloud-one{left:-70px;top:150px}.cloud-two{right:-80px;bottom:125px;transform:scale(.8);animation-delay:-6s}.profile-layout{z-index:2}.profile-heading>p{max-width:390px;margin:0;color:#55758f;font-size:16px;line-height:1.8}.profile-copy{background:rgba(255,255,255,.68);border-color:rgba(255,255,255,.9);box-shadow:0 30px 85px rgba(40,114,175,.12),inset 0 1px 0 #fff}.profile-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;overflow:hidden;border:1px solid rgba(184,216,241,.78);border-radius:24px;background:rgba(255,255,255,.66);box-shadow:0 20px 55px rgba(32,97,153,.09);backdrop-filter:blur(12px)}.profile-metrics article{padding:27px 32px;display:flex;align-items:center;gap:18px}.profile-metrics article+article{border-left:1px solid rgba(184,216,241,.78)}.profile-metrics strong{color:var(--blue);font-size:33px;letter-spacing:-.04em}.profile-metrics span{color:#557188;font-size:13px}.company-gallery-section{padding:95px 0 125px;background:#fff}.gallery-heading{display:grid;grid-template-columns:auto 1fr;column-gap:28px;align-items:end;margin-bottom:40px}.gallery-heading>span{grid-column:1/-1;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.2em}.gallery-heading h2{margin:11px 0 0;font-size:46px;letter-spacing:-.05em}.gallery-heading p{max-width:620px;margin:0;color:var(--muted);line-height:1.75}.company-gallery{display:grid;grid-template-columns:1.35fr .8fr .8fr;grid-template-rows:240px 220px;gap:18px}.gallery-placeholder{position:relative;overflow:hidden;padding:27px;display:flex;align-items:flex-end;border:1px dashed #b8d6ef;border-radius:22px;background:linear-gradient(145deg,#f5faff,#e7f3ff);transition:.35s}.gallery-placeholder::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.8) 48%,transparent 68%);transform:translateX(-120%);transition:.8s}.gallery-placeholder:hover{transform:translateY(-6px);border-color:#79b9ed;box-shadow:0 20px 45px rgba(35,100,154,.12)}.gallery-placeholder:hover::before{transform:translateX(120%)}.gallery-placeholder.large{grid-row:1/3}.gallery-placeholder.wide{grid-column:2/4}.gallery-placeholder i{position:absolute;right:24px;top:18px;color:rgba(35,135,220,.12);font-size:64px;font-style:normal;font-weight:900}.gallery-placeholder div{position:relative;z-index:2;display:grid;gap:6px}.gallery-placeholder b{font-size:18px}.gallery-placeholder span{color:#7892a9;font-size:12px}

/* 三件展品 3D 圆台式荣誉陈列 */
.honor-section{padding:120px 0 135px;color:var(--ink);background:radial-gradient(circle at 12% 18%,rgba(98,185,255,.16),transparent 27%),radial-gradient(circle at 88% 78%,rgba(60,204,214,.12),transparent 25%),linear-gradient(180deg,#f7fbff,#eef7ff 58%,#fff)}.honor-section::before{opacity:.32;background-image:radial-gradient(rgba(50,143,222,.18) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent,#000 18% 82%,transparent)}.section-head.light>span{color:var(--blue)}.section-head.light p{color:var(--muted)}.honor-shell{grid-template-columns:1.2fr .8fr;min-height:700px;border-color:#cfe3f5;background:rgba(255,255,255,.82);box-shadow:0 35px 90px rgba(30,84,130,.15);backdrop-filter:blur(18px)}.honor-display{min-height:700px;padding:38px 42px 62px}.honor-glow{top:46%;width:520px;height:520px;background:radial-gradient(circle,rgba(56,157,241,.21),rgba(56,157,241,.06) 42%,transparent 70%)}.honor-stage{position:relative;z-index:2;height:560px;perspective:1400px}.honor-pedestal{position:absolute;z-index:0;left:50%;bottom:34px;width:min(620px,86%);height:132px;transform:translateX(-50%);border:1px solid #d5e2ed;border-radius:50%;background:linear-gradient(180deg,#fff,#eaf0f5);box-shadow:0 32px 48px rgba(62,91,118,.2),inset 0 10px 20px rgba(255,255,255,.9)}.honor-pedestal::before{content:"";position:absolute;left:2%;right:2%;bottom:-24px;height:78px;border:1px solid #d7e3ec;border-top:0;border-radius:0 0 50% 50%;background:linear-gradient(180deg,#f4f7fa,#e3e9ef);box-shadow:0 18px 24px rgba(63,85,108,.13)}.honor-pedestal i{position:absolute;left:15%;right:15%;top:21px;height:1px;background:linear-gradient(90deg,transparent,#b6dcf8,transparent)}.honor-piece{position:absolute;z-index:2;display:grid;place-items:center;border:0;background:transparent;transform-style:preserve-3d;transition:width .55s,height .55s,transform .55s,filter .55s,opacity .55s;will-change:transform}.piece-frame{width:100%;height:100%;display:grid;place-items:center;padding:10px;border:1px solid rgba(177,204,225,.8);border-radius:8px;background:#fff;box-shadow:0 24px 45px rgba(38,67,92,.24),inset 0 1px 0 #fff;transition:.55s}.piece-frame img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.honor-piece.current{z-index:4;left:50%;bottom:92px;width:430px;height:285px;transform:translateX(-50%) translateZ(80px)}.honor-piece.current:hover{transform:translateX(-50%) translateZ(95px) translateY(-8px)}.honor-piece.side{z-index:2;bottom:112px;width:280px;height:185px;opacity:.45;filter:blur(3px) saturate(.72);cursor:pointer}.honor-piece.side:hover{opacity:.68;filter:blur(1.5px) saturate(.9)}.honor-piece.left{left:0;transform:rotateY(24deg) translateZ(-30px) scale(.88)}.honor-piece.right{right:0;transform:rotateY(-24deg) translateZ(-30px) scale(.88)}.honor-piece.portrait.current{bottom:74px;width:265px;height:390px}.honor-piece.portrait.side{bottom:91px;width:165px;height:245px}.honor-piece.portrait .piece-frame{padding:13px;border:7px solid transparent;border-radius:3px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#5a2a12,#b46b36 26%,#4a210f 50%,#c17b46 74%,#51240f) border-box;box-shadow:0 26px 50px rgba(45,34,28,.28),inset 0 0 0 2px #ead4b6}.honor-piece.portrait .piece-frame img{padding:5px;background:#fff}.honor-scan{position:absolute;left:8%;right:8%;height:1px;top:10%;background:linear-gradient(90deg,transparent,#58cfff,transparent);box-shadow:0 0 14px #41c5f4;animation:honor-scan 4.6s ease-in-out infinite}.honor-frame{display:none}.honor-meta{margin-top:-6px}.honor-meta span{border-color:#b8ddf8;color:#237ebf;background:#eaf6ff}.honor-meta strong{color:#7990a5}.honor-document{left:42px;bottom:24px;color:#1682d8}.honor-document:hover{color:#075ca8}.honor-display-controls{right:42px;bottom:18px}.honor-display-controls button,.honor-panel-controls button{border-color:#c4ddf1;color:#227dbe;background:#f3f9ff}.honor-display-controls button:hover,.honor-panel-controls button:hover{border-color:#63b5ee;color:#075fa5;background:#e4f3ff}.honor-panel{padding:58px 48px;border-left:1px solid #d5e6f4;background:linear-gradient(145deg,rgba(245,250,255,.95),rgba(229,242,253,.9))}.panel-label{color:var(--blue)}.honor-panel>p{color:#63798d}.honor-list{scrollbar-color:#86bfe8 transparent}.honor-list button{color:#61788d}.honor-list button::before{background:#b7cee1}.honor-list button:hover{color:#155d96;background:#eef6fd}.honor-list button.active{color:#075fa7;border-color:#b9dcf7;background:linear-gradient(90deg,#e2f2ff,#f4faff)}.honor-list button.active::before{background:#168cff;box-shadow:0 0 0 5px rgba(22,140,255,.11)}.honor-panel-controls span{color:#8195a6}

@keyframes cloud-drift{50%{transform:translateX(55px) translateY(-10px)}}
@media(max-width:1080px){.profile-metrics{grid-template-columns:1fr}.profile-metrics article+article{border-left:0;border-top:1px solid rgba(184,216,241,.78)}.honor-shell{grid-template-columns:1fr}.honor-display{min-height:680px}.honor-panel{border-left:0;border-top:1px solid #d5e6f4}.company-gallery{grid-template-columns:1fr 1fr;grid-template-rows:300px 220px 220px}.gallery-placeholder.large{grid-column:1/3;grid-row:auto}.gallery-placeholder.wide{grid-column:1/3}}
@media(max-width:700px){.profile-section,.company-gallery-section{padding:78px 0}.profile-layout{gap:30px}.profile-metrics article{padding:22px}.gallery-heading{display:block}.gallery-heading h2{font-size:40px}.gallery-heading p{margin-top:12px}.company-gallery{grid-template-columns:1fr;grid-template-rows:repeat(5,210px)}.gallery-placeholder.large,.gallery-placeholder.wide{grid-column:auto}.honor-display{min-height:560px;padding:20px 14px 64px}.honor-stage{height:450px}.honor-pedestal{bottom:25px;width:92%;height:105px}.honor-piece.current{bottom:76px;width:270px;height:180px}.honor-piece.side{bottom:92px;width:145px;height:98px}.honor-piece.left{left:-18px}.honor-piece.right{right:-18px}.honor-piece.portrait.current{bottom:58px;width:190px;height:280px}.honor-piece.portrait.side{bottom:75px;width:105px;height:155px}.honor-document{left:16px}.honor-display-controls{right:16px}.honor-meta{padding:0 8px}.honor-panel{padding:38px 24px}}
@media(prefers-reduced-motion:reduce){.profile-cloud{animation:none}.honor-piece,.piece-frame{transition:none}}

/* 2026-08 精修：方案首屏、无界荣誉展台与自由式企业相册 */
.about-hero{place-items:stretch;background:radial-gradient(circle at 75% 24%,rgba(92,204,255,.4),transparent 26%),radial-gradient(circle at 14% 82%,rgba(29,110,231,.55),transparent 30%),linear-gradient(122deg,#0759ba 0%,#158eea 54%,#063b92 100%)}
.hero-inner{width:min(1260px,calc(100% - 64px));margin:auto;padding:120px 0 105px;text-align:left}.hero-kicker{margin-left:7px}.hero-title-lockup{position:relative;margin-top:34px;padding-left:86px}.hero-sequence{position:absolute;left:7px;top:13px;writing-mode:vertical-rl;color:rgba(255,255,255,.6);font-size:10px;font-weight:900;letter-spacing:.2em}.hero-inner h1{max-width:none;margin:0;font-size:clamp(68px,9.2vw,134px);line-height:.84;letter-spacing:-.075em}.hero-inner h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1.4px rgba(255,255,255,.88);text-shadow:none}.hero-support{margin:42px 0 0 88px;display:flex;align-items:center;gap:28px}.hero-support p{font-size:clamp(19px,2vw,28px);letter-spacing:.12em}.hero-domain{margin:0}.hero-capabilities{position:absolute;right:0;bottom:34px;display:flex;gap:22px;color:rgba(255,255,255,.62);font-size:10px;font-weight:800;letter-spacing:.15em}.hero-capabilities span+span::before{content:"";display:inline-block;width:4px;height:4px;margin:0 18px 2px 0;border-radius:50%;background:#8de8ff}
.profile-section{padding-bottom:170px}.profile-layout{padding-bottom:0}.company-gallery-section{position:relative;z-index:4;margin-top:-115px;padding:0 0 120px;background:transparent}.company-gallery{height:570px;display:block;position:relative}.gallery-placeholder{position:absolute;border:1px solid rgba(255,255,255,.88);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(222,240,255,.9));box-shadow:0 30px 80px rgba(31,89,139,.16);transform:rotate(var(--tilt,0deg));backdrop-filter:blur(16px)}.gallery-placeholder:nth-child(1){left:0;top:55px;width:38%;height:440px;--tilt:-2.5deg}.gallery-placeholder:nth-child(2){left:35%;top:0;width:27%;height:225px;--tilt:2deg}.gallery-placeholder:nth-child(3){right:5%;top:38px;width:29%;height:250px;--tilt:-1.5deg}.gallery-placeholder:nth-child(4){left:42%;bottom:15px;width:45%;height:265px;--tilt:1.2deg}.gallery-placeholder:nth-child(5){left:17%;bottom:0;width:25%;height:180px;--tilt:-1deg}.gallery-placeholder:hover{transform:rotate(0) translateY(-9px) scale(1.015);z-index:4}
.honor-shell{grid-template-columns:minmax(0,1.55fr) minmax(310px,.45fr);gap:56px;min-height:660px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.honor-display{min-height:660px;padding:20px 0 60px;overflow:visible}.honor-stage{height:540px}.honor-glow{width:600px;height:480px}.honor-pedestal{width:min(680px,92%)}.honor-piece{transition:width .72s cubic-bezier(.16,1,.3,1),height .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),filter .72s ease,opacity .72s ease}.piece-frame{transition:.72s cubic-bezier(.16,1,.3,1)}.honor-piece.current{width:470px;height:312px}.honor-piece.side{width:285px;height:190px;opacity:.32;filter:blur(4px) saturate(.66)}.honor-piece.left{left:-2%}.honor-piece.right{right:-2%}.honor-meta{padding:0 36px}.honor-document{left:36px}.honor-display-controls{right:36px}.honor-panel{align-self:center;height:510px;padding:18px;border:1px solid #d3e5f3;border-radius:24px;background:rgba(255,255,255,.76);box-shadow:0 22px 60px rgba(35,91,137,.1);backdrop-filter:blur(18px)}.honor-list{height:auto;flex:1;gap:5px;padding:4px 4px 4px 0}.honor-list button{min-height:43px;padding:11px 14px 11px 28px;overflow:visible;white-space:normal;text-overflow:clip;line-height:1.45;font-size:13px}.honor-list button::before{left:11px}.honor-panel-controls{margin-top:10px;padding:10px 4px 0;border-top:1px solid #dfebf5}.honor-panel-controls strong{color:#6d879d;font-size:11px;letter-spacing:.15em}
@media(max-width:1080px){.hero-capabilities{position:static;margin:50px 0 0 88px}.honor-shell{grid-template-columns:1fr;gap:10px}.honor-panel{width:min(620px,100%);height:430px;margin:auto;border:1px solid #d3e5f3}.company-gallery{height:720px}.gallery-placeholder:nth-child(1){width:49%}.gallery-placeholder:nth-child(2){left:47%;width:38%}.gallery-placeholder:nth-child(3){right:0;width:38%;top:250px}.gallery-placeholder:nth-child(4){left:31%;width:55%;bottom:0}.gallery-placeholder:nth-child(5){left:0;width:31%;bottom:20px}}
@media(max-width:700px){.hero-inner{width:calc(100% - 32px);padding:90px 0}.hero-title-lockup{padding-left:36px}.hero-sequence{left:0}.hero-support{margin-left:36px;display:grid}.hero-capabilities{margin-left:36px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-capabilities span+span::before{display:none}.profile-section{padding-bottom:110px}.company-gallery-section{margin-top:-60px;padding-bottom:75px}.company-gallery{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.gallery-placeholder,.gallery-placeholder:nth-child(n){position:relative;inset:auto;width:auto;height:190px;transform:none}.gallery-placeholder:nth-child(1),.gallery-placeholder:nth-child(4){grid-column:1/-1;height:250px}.honor-shell{gap:0}.honor-display{min-height:550px}.honor-panel{height:430px;padding:13px}.honor-list button{font-size:12px}.honor-piece.current{width:285px;height:190px}.honor-piece.side{width:140px;height:96px}}

/* 叠字解决方案首屏 */
.about-hero{background:radial-gradient(circle at 22% 82%,rgba(5,65,177,.68),transparent 34%),radial-gradient(circle at 76% 22%,rgba(56,190,255,.28),transparent 29%),linear-gradient(118deg,#0757bf,#138fe9 58%,#0966c9)}.about-hero::after{left:58%;bottom:-610px;width:1200px;height:1200px;border-color:rgba(142,220,255,.15);box-shadow:0 0 0 160px rgba(107,205,255,.025),0 0 0 320px rgba(107,205,255,.018)}.hero-inner{padding-left:6%}.hero-title-lockup{width:max-content;max-width:100%;margin-top:32px;padding-left:55px}.hero-sequence{left:5px;top:18px}.hero-inner h1{font-size:clamp(76px,9.6vw,148px);line-height:.78}.hero-inner h1 em{display:block;margin-top:-2px;font-size:.76em;letter-spacing:-.045em;-webkit-text-stroke:1.6px rgba(255,255,255,.9);filter:drop-shadow(0 15px 22px rgba(0,75,160,.14))}.hero-support{margin:43px 0 0 56px}.hero-capabilities{right:2%;bottom:32px}

/* 无框荣誉名称轮盘与前后景换位 */
.honor-shell{grid-template-columns:minmax(0,1.65fr) minmax(300px,.35fr);gap:64px}.honor-panel{height:500px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.honor-list{position:relative;height:420px;padding:110px 4px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:4px;scroll-behavior:smooth;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.honor-list button{flex:0 0 auto;min-height:48px;padding:11px 26px;border:0!important;border-radius:999px;background:transparent!important;color:#425c73;font-size:14px;text-align:center;opacity:.62;transform:scale(.9);transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .45s,color .45s,background .45s,box-shadow .45s}.honor-list button::before{display:none}.honor-list button:hover{color:#126fb7;opacity:.9;transform:scale(.96)}.honor-list button.active{color:#fff;opacity:1;transform:scale(1.08);background:linear-gradient(135deg,#178ded,#40b7e8)!important;box-shadow:0 15px 34px rgba(29,137,222,.24)}.honor-panel-controls{margin:0;padding:12px 22px 0;border:0}.honor-panel-controls strong{color:#56758f}.piece-frame{padding:0;border:0;background:transparent;box-shadow:0 26px 54px rgba(38,67,92,.22)}.piece-frame img{object-fit:cover;border-radius:5px}.honor-piece.current{width:500px;height:282px}.honor-piece.side{width:300px;height:169px}.honor-piece.portrait.current{width:285px;height:403px}.honor-piece.portrait.side{width:172px;height:243px}.honor-piece.portrait .piece-frame{padding:0;border:7px solid transparent}.honor-piece.portrait .piece-frame img{padding:0;object-fit:cover}.honor-stage.moving-forward .honor-piece.current{opacity:.25;filter:blur(4px) saturate(.65);transform:translateX(-115%) translateZ(-40px) scale(.62)}.honor-stage.moving-forward .honor-piece.right{z-index:5;right:50%;bottom:92px;opacity:1;filter:none;transform:translateX(50%) translateZ(90px) scale(1.66)}.honor-stage.moving-backward .honor-piece.current{opacity:.25;filter:blur(4px) saturate(.65);transform:translateX(15%) translateZ(-40px) scale(.62)}.honor-stage.moving-backward .honor-piece.left{z-index:5;left:50%;bottom:92px;opacity:1;filter:none;transform:translateX(-50%) translateZ(90px) scale(1.66)}.honor-stage.moving-forward .honor-piece.portrait.right,.honor-stage.moving-backward .honor-piece.portrait.left{bottom:74px;transform:translateX(var(--move-x,50%)) translateZ(90px) scale(1.66)}.honor-stage.moving-backward .honor-piece.portrait.left{--move-x:-50%}
@media(max-width:1080px){.honor-shell{grid-template-columns:1fr;gap:0}.honor-panel{height:430px}.honor-list{height:360px;padding:80px 4px}}
@media(max-width:700px){.hero-inner{padding-left:0}.hero-title-lockup{padding-left:32px}.hero-inner h1{font-size:clamp(65px,20vw,92px)}.hero-support{margin-left:32px}.honor-piece.current{width:290px;height:164px}.honor-piece.side{width:150px;height:85px}.honor-piece.portrait.current{width:195px;height:276px}.honor-piece.portrait.side{width:106px;height:150px}.honor-stage.moving-forward .honor-piece.right,.honor-stage.moving-backward .honor-piece.left{transform:translateX(var(--move-x,50%)) translateZ(70px) scale(1.9)}.honor-stage.moving-backward .honor-piece.left{--move-x:-50%}.honor-panel{height:400px}}

/* 严格三槽环形轮播：右→中→左，复位帧禁用过渡 */
.honor-piece{transition:left .62s cubic-bezier(.22,.75,.18,1),right .62s cubic-bezier(.22,.75,.18,1),bottom .62s cubic-bezier(.22,.75,.18,1),width .62s cubic-bezier(.22,.75,.18,1),height .62s cubic-bezier(.22,.75,.18,1),transform .62s cubic-bezier(.22,.75,.18,1),filter .62s ease,opacity .62s ease}.honor-stage.is-resetting .honor-piece{transition:none!important}.honor-stage.moving-forward .honor-piece.left{left:-34%;opacity:0;filter:blur(7px);transform:rotateY(32deg) scale(.7)}.honor-stage.moving-forward .honor-piece.current{left:0;bottom:112px;width:300px;height:169px;opacity:.36;filter:blur(4px) saturate(.66);transform:rotateY(24deg) translateZ(-30px)}.honor-stage.moving-forward .honor-piece.right{right:50%;bottom:92px;width:500px;height:282px;opacity:1;filter:none;transform:translateX(50%) translateZ(80px)}.honor-stage.moving-backward .honor-piece.right{right:-34%;opacity:0;filter:blur(7px);transform:rotateY(-32deg) scale(.7)}.honor-stage.moving-backward .honor-piece.current{left:calc(100% - 300px);bottom:112px;width:300px;height:169px;opacity:.36;filter:blur(4px) saturate(.66);transform:rotateY(-24deg) translateZ(-30px)}.honor-stage.moving-backward .honor-piece.left{left:50%;bottom:92px;width:500px;height:282px;opacity:1;filter:none;transform:translateX(-50%) translateZ(80px)}.honor-stage.moving-forward .honor-piece.current.portrait,.honor-stage.moving-backward .honor-piece.current.portrait{bottom:91px;width:172px;height:243px}.honor-stage.moving-forward .honor-piece.right.portrait,.honor-stage.moving-backward .honor-piece.left.portrait{bottom:74px;width:285px;height:403px;transform:translateX(var(--ring-x,50%)) translateZ(80px)}.honor-stage.moving-backward .honor-piece.left.portrait{--ring-x:-50%}
@media(max-width:700px){.honor-stage.moving-forward .honor-piece.current,.honor-stage.moving-backward .honor-piece.current{bottom:92px;width:150px;height:85px}.honor-stage.moving-backward .honor-piece.current{left:calc(100% - 150px)}.honor-stage.moving-forward .honor-piece.right,.honor-stage.moving-backward .honor-piece.left{bottom:76px;width:290px;height:164px}.honor-stage.moving-forward .honor-piece.current.portrait,.honor-stage.moving-backward .honor-piece.current.portrait{width:106px;height:150px}.honor-stage.moving-forward .honor-piece.right.portrait,.honor-stage.moving-backward .honor-piece.left.portrait{bottom:58px;width:195px;height:276px}}

/* 全量证书环形轨道：每个槽位始终有真实元素补位 */
.honor-carousel{position:absolute;inset:0;z-index:3;perspective:1400px;overflow:visible}.carousel-piece{position:absolute;left:50%;bottom:92px;width:500px;height:282px;padding:0;border:0;background:transparent;transform-style:preserve-3d;will-change:transform,opacity,filter;transition:transform .66s cubic-bezier(.2,.78,.18,1),opacity .58s ease,filter .58s ease;cursor:pointer}.carousel-piece.portrait{bottom:74px;width:285px;height:403px}.carousel-piece .piece-frame{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 28px 58px rgba(37,66,91,.22)}.carousel-piece .piece-frame img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit;user-select:none}.carousel-piece.portrait .piece-frame{padding:0;border:7px solid transparent;border-radius:3px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#5a2a12,#b46b36 26%,#4a210f 50%,#c17b46 74%,#51240f) border-box;box-shadow:0 28px 58px rgba(45,34,28,.25),inset 0 0 0 2px #ead4b6}.carousel-piece.slot-center{z-index:5;opacity:1;filter:none;transform:translateX(-50%) translateZ(90px) scale(1)}.carousel-piece.slot-left{z-index:3;opacity:.34;filter:blur(4px) saturate(.68);transform:translateX(calc(-50% - 365px)) translateZ(-50px) rotateY(22deg) scale(.6)}.carousel-piece.slot-right{z-index:3;opacity:.34;filter:blur(4px) saturate(.68);transform:translateX(calc(-50% + 365px)) translateZ(-50px) rotateY(-22deg) scale(.6)}.carousel-piece.slot-far-left{z-index:1;opacity:0;filter:blur(9px);pointer-events:none;transform:translateX(calc(-50% - 640px)) translateZ(-110px) rotateY(30deg) scale(.42)}.carousel-piece.slot-far-right{z-index:1;opacity:0;filter:blur(9px);pointer-events:none;transform:translateX(calc(-50% + 640px)) translateZ(-110px) rotateY(-30deg) scale(.42)}.honor-carousel.no-motion .carousel-piece{transition:none!important}.carousel-piece.slot-center:hover{transform:translateX(-50%) translateZ(105px) translateY(-7px) scale(1.01)}
@media(max-width:700px){.carousel-piece{bottom:76px;width:290px;height:164px}.carousel-piece.portrait{bottom:58px;width:195px;height:276px}.carousel-piece.slot-left{transform:translateX(calc(-50% - 175px)) translateZ(-40px) rotateY(20deg) scale(.52)}.carousel-piece.slot-right{transform:translateX(calc(-50% + 175px)) translateZ(-40px) rotateY(-20deg) scale(.52)}.carousel-piece.slot-far-left{transform:translateX(calc(-50% - 300px)) scale(.36)}.carousel-piece.slot-far-right{transform:translateX(calc(-50% + 300px)) scale(.36)}}

/* 环形轨道：所有证书同帧换位，下一张始终同步补入侧位 */
.carousel-piece{backface-visibility:hidden;transition:transform .62s cubic-bezier(.22,.82,.18,1),opacity .54s ease,filter .54s ease}

/* 横向牌匾完整显示，不再裁掉底部信息 */
.carousel-piece:not(.portrait) .piece-frame{overflow:visible;background:transparent}
.carousel-piece:not(.portrait) .piece-frame img{object-fit:contain;background:transparent;filter:drop-shadow(0 22px 28px rgba(36,66,91,.2))}

/* Image-led company and qualification refresh */
.company-gallery-section{padding-top:0;overflow:hidden}.company-gallery{grid-template-columns:repeat(12,1fr);grid-template-rows:220px 260px 230px;gap:18px}.gallery-photo{position:relative;margin:0;overflow:hidden;border-radius:26px;background:#edf6ff;box-shadow:0 18px 48px rgba(26,75,116,.1);transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .65s}.gallery-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.32) 48%,transparent 66%);transform:translateX(-130%);transition:transform .9s cubic-bezier(.16,1,.3,1)}.gallery-photo:hover{z-index:3;transform:translateY(-8px) scale(1.012);box-shadow:0 30px 72px rgba(26,75,116,.18)}.gallery-photo:hover::after{transform:translateX(130%)}.gallery-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}.gallery-photo:hover img{transform:scale(1.045)}.gallery-photo--reception{grid-column:1/6;grid-row:1/3}.gallery-photo--speaker{grid-column:6/9;grid-row:1}.gallery-photo--classroom{grid-column:9/13;grid-row:1/3}.gallery-photo--montage{grid-column:6/9;grid-row:2/4}.gallery-photo--plaques{grid-column:1/6;grid-row:3}.gallery-photo--clients{grid-column:9/13;grid-row:3}.gallery-photo--clients img{object-fit:contain;padding:18px;background:#fff}
.qual-visual{background-size:cover!important;background-position:center!important}.qual-visual::before,.qual-visual::after{display:none}.qual-visual i{opacity:0}.visual-training{background-image:url('images/about/qualification-training.png')!important}.visual-algorithm{background-image:url('images/about/qualification-algorithm.png')!important}.visual-honor{background-image:url('images/about/qualification-honor.png')!important}.visual-tech{background-image:url('images/about/qualification-technology.png')!important}.qual-front{isolation:isolate}.qual-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.qual-back{transform:rotateY(180deg) translateZ(1px)}
.honor-panel{position:relative}.honor-panel::before,.honor-panel::after{content:"";position:absolute;z-index:4;left:0;right:0;height:92px;pointer-events:none}.honor-panel::before{top:0;background:linear-gradient(#f3f9ff,rgba(243,249,255,0))}.honor-panel::after{bottom:60px;background:linear-gradient(rgba(236,246,254,0),#ecf6fe)}.honor-list{z-index:2;scrollbar-width:none}.honor-list::-webkit-scrollbar{display:none}.honor-list button{white-space:normal;line-height:1.42;letter-spacing:.01em;transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .5s,color .5s,background .5s,box-shadow .5s}.honor-list button.active{transform:scale(1.065);background:linear-gradient(135deg,#087ee8,#55c6ed)!important;box-shadow:0 18px 42px rgba(20,126,210,.26),inset 0 1px 0 rgba(255,255,255,.35)}
@media(max-width:1080px){.company-gallery{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,250px)}.gallery-photo{grid-column:auto;grid-row:auto}.gallery-photo--montage{grid-column:1/3}.gallery-photo--clients img{padding:10px}}
@media(max-width:700px){.company-gallery{grid-template-columns:1fr;grid-template-rows:repeat(6,220px)}.gallery-photo,.gallery-photo--montage{grid-column:1;grid-row:auto}.company-gallery-section{padding-top:0}}
/* Seven-image company portrait wall */
.company-gallery-section{
  position:relative;
  z-index:4;
  margin-top:-90px;
  padding:0 0 120px;
  overflow:hidden;
  background:radial-gradient(circle at 8% 38%,rgba(53,166,255,.11),transparent 26%),radial-gradient(circle at 92% 72%,rgba(38,118,235,.08),transparent 24%);
}
.company-gallery-section::before{content:"";position:absolute;left:50%;top:180px;width:min(1140px,92vw);height:650px;border:1px solid rgba(74,163,232,.12);border-radius:50%;transform:translateX(-50%) rotate(-7deg);pointer-events:none}
.company-gallery-section .gallery-heading{position:relative;z-index:30;margin:0 0 34px;padding:34px 42px 30px;grid-template-columns:minmax(320px,.78fr) 1fr;border:1px solid rgba(255,255,255,.86);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:0 24px 70px rgba(41,105,158,.12);backdrop-filter:blur(22px)}
.company-gallery-section .gallery-heading>span{grid-column:1/-1}
.company-gallery-section .gallery-heading h2{font-size:clamp(36px,4vw,54px);line-height:1.08}
.company-gallery-section .gallery-heading p{padding-bottom:3px}
.company-gallery{position:relative;display:block;height:760px;isolation:isolate;perspective:1200px}
.gallery-photo{--tilt:0deg;position:absolute;margin:0;overflow:hidden;border:7px solid rgba(255,255,255,.94);border-radius:24px;background:#eaf4fb;box-shadow:0 22px 60px rgba(28,73,112,.18),0 4px 12px rgba(28,73,112,.08);transform-origin:center;will-change:transform;transition:opacity .8s ease,transform .72s cubic-bezier(.16,1,.3,1),box-shadow .72s cubic-bezier(.16,1,.3,1),filter .6s ease}
.gallery-photo.reveal{opacity:0;transform:translateY(42px) rotate(var(--tilt)) scale(.97)}
.gallery-photo.reveal.is-visible{opacity:1;transform:rotate(var(--tilt))}
.gallery-photo::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(2,20,41,.64));opacity:.68;transition:opacity .55s ease;pointer-events:none}
.gallery-photo::after{content:"";position:absolute;z-index:3;inset:-35%;background:linear-gradient(110deg,transparent 37%,rgba(255,255,255,.4) 49%,transparent 61%);transform:translateX(-80%);transition:transform .9s cubic-bezier(.16,1,.3,1);pointer-events:none}
.gallery-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.05s cubic-bezier(.16,1,.3,1),filter .65s ease}
.gallery-photo figcaption{position:absolute;z-index:4;left:20px;right:20px;bottom:17px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.35);transition:transform .6s cubic-bezier(.16,1,.3,1)}
.gallery-photo figcaption b{font-size:17px;letter-spacing:.03em}
.gallery-photo figcaption span{font-size:11px;letter-spacing:.08em;opacity:.78;text-align:right}
.gallery-photo.reveal.is-visible:hover{z-index:50!important;transform:translateY(-12px) rotate(0deg) scale(1.075);box-shadow:0 42px 100px rgba(20,62,101,.3),0 10px 30px rgba(20,89,156,.18);filter:saturate(1.05)}
.gallery-photo:hover::before{opacity:.42}
.gallery-photo:hover::after{transform:translateX(80%)}
.gallery-photo:hover img{transform:scale(1.055)}
.gallery-photo:hover figcaption{transform:translateY(-2px)}
.gallery-photo--building{z-index:2;left:0;top:68px;width:43%;height:360px;--tilt:-2.4deg}
.gallery-photo--speaker{z-index:5;left:39%;top:0;width:29%;height:220px;--tilt:2.2deg}
.gallery-photo--classroom{z-index:3;right:0;top:86px;width:35%;height:304px;--tilt:-1.7deg}
.gallery-photo--montage{z-index:7;left:28%;top:292px;width:46%;height:282px;--tilt:1.1deg}
.gallery-photo--reception{z-index:4;left:2%;bottom:2px;width:29%;height:244px;--tilt:-1.6deg}
.gallery-photo--plaques{z-index:8;left:35%;bottom:0;width:27%;height:210px;--tilt:1.8deg}
.gallery-photo--clients{z-index:3;right:0;bottom:12px;width:34%;height:210px;--tilt:-1.2deg}
.gallery-photo--clients img{object-fit:contain;padding:10px;background:#fff}
.gallery-hint{margin:18px 0 0;display:flex;align-items:center;justify-content:center;gap:10px;color:#7790a5;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.gallery-hint i{position:relative;width:28px;height:1px;background:#50a9e9}
.gallery-hint i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#168ce0;box-shadow:0 0 0 5px rgba(22,140,224,.12)}
@media(max-width:1080px){
  .company-gallery-section{margin-top:-70px;padding-bottom:95px}
  .company-gallery-section .gallery-heading{grid-template-columns:1fr;padding:30px}
  .company-gallery-section .gallery-heading p{margin-top:14px}
  .company-gallery{height:820px}
  .gallery-photo--building{left:0;top:50px;width:55%;height:330px}
  .gallery-photo--speaker{left:50%;top:0;width:39%;height:215px}
  .gallery-photo--classroom{right:0;top:235px;width:43%;height:270px}
  .gallery-photo--montage{left:19%;top:350px;width:56%;height:260px}
  .gallery-photo--reception{left:0;bottom:0;width:37%;height:235px}
  .gallery-photo--plaques{left:35%;bottom:25px;width:31%;height:200px}
  .gallery-photo--clients{right:0;bottom:0;width:36%;height:205px}
}
@media(max-width:700px){
  .company-gallery-section{margin-top:-45px;padding-bottom:72px}
  .company-gallery-section::before{display:none}
  .company-gallery-section .gallery-heading{margin-bottom:20px;padding:25px 22px;border-radius:22px}
  .company-gallery-section .gallery-heading h2{font-size:34px}
  .company-gallery{height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:14px}
  .gallery-photo,.gallery-photo[class*="gallery-photo--"]{position:relative;inset:auto;width:100%;height:220px;border-width:5px;border-radius:20px;transform:none}
  .gallery-photo--building,.gallery-photo--montage{height:250px!important}
  .gallery-photo.reveal{transform:translateY(28px) scale(.98)}
  .gallery-photo.reveal.is-visible{transform:none}
  .gallery-photo.reveal.is-visible:hover{z-index:2!important;transform:translateY(-5px) scale(1.015)}
  .gallery-photo figcaption{left:16px;right:16px;bottom:14px}
  .gallery-photo figcaption b{font-size:15px}
  .gallery-photo figcaption span{font-size:10px}
  .gallery-hint{display:none}
}
@media(prefers-reduced-motion:reduce){
  .gallery-photo,.gallery-photo img,.gallery-photo::after,.gallery-photo figcaption{transition:none!important}
  .gallery-photo.reveal,.gallery-photo.reveal.is-visible{opacity:1;transform:rotate(var(--tilt))}
}
