@font-face{font-family:钉钉进步体 Regular;font-weight:400;src:url(//at.alicdn.com/wf/webfont/uUa6ij4dgdpT/grjeO8sW9vFU.woff2) format("woff2"),url(//at.alicdn.com/wf/webfont/uUa6ij4dgdpT/QwKgCQHk9L7a.woff) format("woff");font-variation-settings:normal;font-display:swap}.shared-records-container{position:relative;min-height:100vh;padding:0;background-color:#000;color:beige;width:100%;max-width:100%;margin:0 auto;overflow:hidden;font-family:system-ui,-apple-system,sans-serif}.shared-records-container .flower-shape{position:absolute;width:400px;height:400px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%234ade80' d='M142.9 57.7c-7.5-11.1-21.7-7.4-34.9-13.4-13.2-6-19.8-24.5-32.6-24.5-12.8 0-19.5 18.5-32.6 24.5-13.2 6-27.4 2.3-34.9 13.4-7.5 11.1 1.1 25.3-1.2 39.2-2.3 13.9-16.9 25.3-14.6 39.2 2.3 13.9 18.9 17.5 26.4 28.6 7.5 11.1 3.9 27.7 16.7 33.7 12.8 6 26.3-5.7 39.5-5.7 13.2 0 26.7 11.7 39.5 5.7 12.8-6 9.2-22.6 16.7-33.7 7.5-11.1 24.1-14.7 26.4-28.6 2.3-13.9-12.3-25.3-14.6-39.2-2.3-13.9 6.3-28.1-1.2-39.2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;opacity:.1;z-index:0}.shared-records-container .flower-shape.top-left{top:-200px;left:-200px;transform:rotate(45deg)}.shared-records-container .flower-shape.bottom-right{bottom:-200px;right:-200px;transform:rotate(225deg)}.shared-records-container .blob-shape{position:absolute;width:600px;height:600px;border-radius:43% 57% 70% 30%/30% 43% 57% 70%;opacity:.5;z-index:0}.shared-records-container .blob1{top:-300px;right:-200px;background:linear-gradient(45deg,#4ade80,#3b82f6);animation:blob-move1 25s infinite alternate}.shared-records-container .blob2{bottom:-200px;left:-300px;background:linear-gradient(45deg,#f97316,#ec4899);animation:blob-move2 30s infinite alternate}.shared-records-container .blob3{top:40%;right:-400px;background:linear-gradient(45deg,#8b5cf6,#3b82f6);animation:blob-move3 20s infinite alternate}.shared-records-container .tech-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.15;pointer-events:none}.shared-records-container .shared-records-container:hover .animated-line,.shared-records-container .shared-records-container:hover .animated-vertical-line{opacity:.6;transition:opacity .5s ease}.shared-records-container .shared-records-container:hover .animated-particle{animation-play-state:running}.shared-records-container .navigation{display:flex;align-items:center;padding:20px 1.5rem 1rem;position:absolute;top:0;left:0;right:0;z-index:1000}@media(max-width:768px){.shared-records-container .navigation{flex-direction:column;padding:1rem;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.shared-records-container .navigation .nav-left{display:flex;align-items:center}@media(max-width:768px){.shared-records-container .navigation .nav-left{margin-bottom:1rem;width:100%;justify-content:center}}.shared-records-container .navigation .logo{margin-right:2rem}@media(max-width:768px){.shared-records-container .navigation .logo{margin-right:0}}.shared-records-container .navigation .logo .logo-text{font-weight:700;font-size:1.5rem;font-family:钉钉进步体 Regular,system-ui,-apple-system,sans-serif;display:flex;align-items:center;gap:10px}.shared-records-container .navigation .logo .logo-subtext{display:block;font-size:.75rem;color:#9ca3af}.shared-records-container .navigation .nav-links{display:none;list-style:none;gap:1.5rem}.shared-records-container .navigation .nav-item{cursor:pointer;transition:color .3s ease}.shared-records-container .navigation .nav-item:hover{color:#4ade80}.shared-records-container .navigation .nav-right{display:flex;align-items:center;gap:1rem}@media(max-width:768px){.shared-records-container .navigation .nav-right{width:100%;justify-content:center;flex-wrap:wrap;gap:.5rem}}.shared-records-container .navigation .gsap-button{border-radius:4px;transition:all .3s ease}@media(max-width:768px){.shared-records-container .navigation .gsap-button{margin-right:0!important;font-size:12px;padding:4px 10px}}.shared-records-container .navigation .gsap-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.shared-records-container .hero-section{position:relative;min-height:80vh;display:none;flex-direction:column;justify-content:center;align-items:center;padding:2rem;overflow:hidden}.shared-records-container .hero-section .hero-title{font-size:5rem;font-weight:800;text-align:center;line-height:1;margin-bottom:2rem;cursor:pointer;position:relative;z-index:2}@media(max-width:768px){.shared-records-container .hero-section .hero-title{font-size:3.5rem}}.shared-records-container .hero-section .hero-title .word{display:inline-block;margin:0 .5rem;transition:color .3s ease}.shared-records-container .hero-section .hero-subtitle{display:flex;align-items:center;font-size:1.25rem;margin-bottom:3rem;position:relative;z-index:2}.shared-records-container .hero-section .hero-subtitle .brace{font-size:3rem;margin:0 .5rem;color:#4ade80}.shared-records-container .hero-section .hero-subtitle .subtitle-text{text-align:center;line-height:1.5}.shared-records-container .hero-section .flower-shape{position:absolute;width:400px;height:400px;top:50%;left:-150px;transform:translateY(-50%);z-index:1}.shared-records-container .hero-section .flower-shape .flower-inner{position:relative;width:100%;height:100%}.shared-records-container .hero-section .flower-shape .petal{position:absolute;width:200px;height:200px;background-color:#4ade80;border-radius:50% 50% 0 50%;opacity:.2;transform-origin:bottom right}.shared-records-container .hero-section .flower-shape .petal-1{top:0;left:0;transform:rotate(0deg)}.shared-records-container .hero-section .flower-shape .petal-2{top:0;right:0;transform:rotate(90deg)}.shared-records-container .hero-section .flower-shape .petal-3{bottom:0;right:0;transform:rotate(180deg)}.shared-records-container .hero-section .flower-shape .petal-4{bottom:0;left:0;transform:rotate(270deg)}.shared-records-container .hero-section .blob-shape{position:absolute;width:500px;height:500px;top:50%;right:-200px;transform:translateY(-50%);background:linear-gradient(45deg,rgba(74,222,128,.2),rgba(59,130,246,.2));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;z-index:1}.shared-records-container .scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;color:#9ca3af;font-size:.875rem;z-index:2}.shared-records-container .scroll-indicator p{margin-bottom:.5rem}.shared-records-container .scroll-indicator .arrow-down{font-size:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.shared-records-container.apple-style{background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.shared-records-container .page-header{align-items:center;padding:120px 0 60px;text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:2}@media(max-width:768px){.shared-records-container .page-header{padding:100px 20px 40px}}.shared-records-container .page-header h1{margin:0;font-size:56px;font-weight:800;color:#fff;letter-spacing:-.5px;position:relative;display:inline-block}@media(max-width:768px){.shared-records-container .page-header h1{font-size:32px}}.shared-records-container .page-header h1 .char{display:inline-block;transition:color .3s ease}.shared-records-container .page-header h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,#4ade80,#3b82f6);border-radius:2px}.shared-records-container .page-header .subtitle{font-size:24px;color:#86868b;margin-top:16px;line-height:1.4;width:100%}@media(max-width:768px){.shared-records-container .page-header .subtitle{font-size:16px}}.shared-records-container .page-header .scroll-indicator{position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;opacity:.7;transition:opacity .3s ease}.shared-records-container .page-header .scroll-indicator:hover{opacity:1}.shared-records-container .page-header .scroll-indicator .mouse{width:26px;height:40px;border:2px solid #666;border-radius:20px;position:relative;margin-bottom:8px}.shared-records-container .page-header .scroll-indicator .mouse .wheel{position:absolute;width:4px;height:8px;background:#666;left:50%;top:6px;transform:translateX(-50%);border-radius:2px;animation:scroll 2s ease infinite}.shared-records-container .page-header .scroll-indicator .arrow{width:10px;height:10px;border-right:2px solid #666;border-bottom:2px solid #666;transform:rotate(45deg);animation:arrow-bounce 2s ease infinite}.shared-records-container .showcase-intro{text-align:center;padding:0 20px 80px;max-width:800px;margin:0 auto;position:relative;z-index:2}@media(max-width:768px){.shared-records-container .showcase-intro{padding:0 20px 40px}}.shared-records-container .showcase-intro:before{content:"";position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0,rgba(0,0,0,0) 70%);z-index:0}.shared-records-container .showcase-intro .intro-text h2{font-size:40px;font-weight:600;margin-bottom:20px;color:#fff;position:relative;z-index:1;background:linear-gradient(90deg,#fff,#86868b);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:fadeInUp .8s ease-out forwards}@media(max-width:768px){.shared-records-container .showcase-intro .intro-text h2{font-size:28px}}.shared-records-container .showcase-intro .intro-text p{font-size:20px;line-height:1.5;color:#86868b;position:relative;z-index:1;animation:fadeInUp 1s ease-out forwards;animation-delay:.2s;opacity:0}@media(max-width:768px){.shared-records-container .showcase-intro .intro-text p{font-size:16px}}.shared-records-container .showcase-gallery{display:grid;grid-template-columns:1fr;grid-gap:4rem;gap:4rem;position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 2rem}@media(min-width:768px){.shared-records-container .showcase-gallery{grid-template-columns:1fr 1fr}}.shared-records-container .showcase-item{max-width:100%;padding:0 20px;opacity:0;transform:translateY(40px);animation:fadeInUp 1s ease-out forwards;background:hsla(0,0%,100%,.03);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);margin:0 auto}.shared-records-container .showcase-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.shared-records-container .showcase-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#4ade80,#3b82f6)}@media(max-width:767px){.shared-records-container .showcase-item{width:90%}}@media(min-width:768px){.shared-records-container .showcase-item{width:95%}}.shared-records-container .showcase-item .showcase-images{display:flex;flex-direction:column;gap:40px;margin-bottom:60px;position:relative}@media(min-width:768px){.shared-records-container .showcase-item .showcase-images{flex-direction:row}}.shared-records-container .showcase-item .showcase-images:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;z-index:10;opacity:.8}.shared-records-container .showcase-item .showcase-images .image-side{flex:1 1;position:relative;height:500px;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3);transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.shared-records-container .showcase-item .showcase-images .image-side:hover{transform:scale(1.02)}.shared-records-container .showcase-item .showcase-images .image-side .image-container{width:100%;height:100%;background:#111;position:relative;display:flex;align-items:center;justify-content:center}.shared-records-container .showcase-item .showcase-images .image-side .image-container :global(.workflow-result-image-preview){width:100%;height:100%;display:flex;align-items:center;justify-content:center}.shared-records-container .showcase-item .showcase-images .image-side .image-container :global(.workflow-result-image-preview) :global(.workflow-result-image-preview-item){max-width:100%;max-height:100%;object-fit:contain}.shared-records-container .showcase-item .showcase-images .image-side .image-container .image-label{position:absolute;top:20px;left:20px;background:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.shared-records-container .showcase-item .workflow-header{display:flex;align-items:center;gap:16px;margin-top:10px}.shared-records-container .showcase-item .workflow-header .workflow-logo{width:40px;height:40px;border-radius:10px;background:rgba(30,30,30,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.2)}.shared-records-container .showcase-item .workflow-header .workflow-logo img{width:100%;height:100%;object-fit:contain}.shared-records-container .showcase-item .workflow-header .workflow-logo span{font-size:18px}.shared-records-container .showcase-item .workflow-header .workflow-name{font-weight:500;font-size:18px;margin:0;color:#fff;line-height:1.3;z-index:10}.shared-records-container .showcase-item .workflow-details{max-width:1200px;margin:0 auto 80px;padding:0;display:flex;align-items:center;justify-content:space-between;position:relative}.shared-records-container .showcase-item .workflow-details:after{content:"";position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);width:100px;height:1px;background:hsla(0,0%,100%,.1)}.shared-records-container .showcase-item .workflow-details .workflow-description{display:none}.shared-records-container .showcase-item .workflow-details .workflow-meta{display:flex;align-items:center;gap:20px;font-size:14px;color:hsla(0,0%,100%,.6)}.shared-records-container .showcase-item .workflow-details .workflow-meta .user-info{display:flex;align-items:center;gap:6px}.shared-records-container .showcase-item .workflow-details .workflow-meta .user-info .user-avatar{width:20px;height:20px;border-radius:50%}.shared-records-container .showcase-item .workflow-details .workflow-meta .date-info{display:flex;align-items:center;gap:6px}@media(max-width:1024px){.shared-records-container .showcase-item .showcase-images{flex-direction:column;gap:30px!important}.shared-records-container .showcase-item .showcase-images:before{transform:translate(-50%,-50%) rotate(90deg)!important}.shared-records-container .showcase-item .showcase-images .image-side{height:300px!important}.shared-records-container .showcase-item .workflow-details{padding:30px!important}}@media(max-width:768px){.shared-records-container .showcase-item .showcase-images .image-side{height:300px!important}.shared-records-container .showcase-item .workflow-details{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:60px!important}.shared-records-container .showcase-item .workflow-details .workflow-header .workflow-logo{width:36px;height:36px}}@media(max-width:480px){.shared-records-container .showcase-item .showcase-images .image-side{height:250px!important}.shared-records-container .showcase-item .workflow-details .workflow-meta{flex-wrap:wrap;gap:10px!important}}.shared-records-container .empty-state,.shared-records-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;position:relative;z-index:2;padding:80px 20px;background-color:rgba(20,20,20,.7);border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.2);text-align:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-width:800px;margin:60px auto}.shared-records-container .empty-state .ant-empty-image,.shared-records-container .loading-state .ant-empty-image{margin-bottom:30px;animation:scaleIn .6s cubic-bezier(.26,1.04,.54,1) forwards;filter:brightness(.8) invert(1);opacity:.8}.shared-records-container .empty-state .ant-empty-description,.shared-records-container .loading-state .ant-empty-description{color:#fff;font-size:18px;animation:fadeInUp .8s ease-out forwards;max-width:400px;line-height:1.6}.shared-records-container .loading-state .loading-spinner{width:60px;height:60px;margin-bottom:30px;border:3px solid hsla(0,0%,100%,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.shared-records-container .loading-state .loading-text{color:#fff;font-size:18px;animation:fadeInUp .8s ease-out forwards;opacity:.8}.shared-records-container .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;width:100%;background:hsla(0,0%,100%,.03);border-radius:20px;padding:3rem;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.1)}.shared-records-container .loading-container p{margin-top:1.5rem;color:#a0a0a0;font-size:1.1rem}@keyframes gridPulse{0%{opacity:.1;background-size:40px 40px}50%{opacity:.2;background-size:42px 42px}to{opacity:.1;background-size:40px 40px}}@keyframes pulsate{0%{opacity:.1;filter:blur(1px)}50%{opacity:.3;filter:blur(2px)}to{opacity:.1;filter:blur(1px)}}@keyframes hexRotate{0%{background-position:0 0}to{background-position:100px 100px}}@keyframes dotsFade{0%{opacity:.1;background-position:0 0,30px 30px}50%{opacity:.25;background-position:5px 5px,35px 35px}to{opacity:.1;background-position:0 0,30px 30px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(1turn)}}