.share-page{min-height:100%;background:#f1f6ff;color:#050913}.share-page .banner{position:relative;overflow:hidden;background:#0737dd url(/resource/images/share-experience/banner-bg@2x.webp) no-repeat center -77px / cover;padding:45px 0 0}.share-page .banner::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:226px;background:#f1f6ff;clip-path:polygon(0 28%, 50% 0, 100% 28%, 100% 100%, 0 100%);z-index:1}.share-page .banner .container2{position:relative;z-index:2;min-height:744px}.share-page .banner .banner-top{position:absolute;left:60px;top:18px;width:160px;height:40px}.share-page .banner .banner-main{position:relative;min-height:438px}.share-page .banner .banner-copy{position:relative;z-index:3;width:600px;padding-top:53px}.share-page .banner .banner-copy h1{margin:0;color:#fff;font-size:58px;font-weight:800;font-style:italic;line-height:1.16;letter-spacing:0}.share-page .banner .banner-copy h1 span{color:#ff5a18}.share-page .banner .banner-copy p{width:560px;margin-top:21px;color:rgba(255,255,255,0.88);font-size:22px;font-style:italic;line-height:1.36}.share-page .banner .share-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:421px;height:64px;margin-top:38px;border-radius:32px;background:url(/resource/images/share-experience/bg-bt-64@2x.webp) no-repeat center / 100% 100%;color:#fff;font-size:17px;font-weight:700;box-shadow:0 14px 26px rgba(11,36,146,0.18)}.share-page .banner .share-btn:hover{color:#fff;background-image:url(/resource/images/share-experience/bg-bt-64-hover@2x.webp)}.share-page .banner .banner-visual{display:none}.share-page .comment-box{position:relative;width:1280px;max-width:100%;min-height:340px;padding:60px;background:url(/resource/images/share-experience/bg-kuang@2x.webp) no-repeat;background-size:100% 100%;margin-top:60px}.share-page .comment-box h2{margin:0 auto 28px;text-align:center;font-size:32px;font-weight:800;line-height:40px}.share-page .comment-box h2 span{color:#087bff}.share-page .comment-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.share-page .topic-list,.share-page .reward-box{min-height:150px;border:1px solid #ebebeb;border-radius:14px;background:#fff;width:480px;max-width:100%}.share-page .topic-list{display:flex;align-items:center;padding:16px 40px}.share-page .topic-list ul{display:flex;flex-wrap:wrap;gap:16px 38px;width:100%}.share-page .topic-list li{display:flex;align-items:center;flex:0 0 172px;white-space:nowrap;color:#000;font-size:18px;line-height:1.2}.share-page .topic-list li img{flex:0 0 auto;margin-right:10px}.share-page .reward-box{display:flex;width:510px;max-width:100%;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 40px;border-color:#f4dfbd;background:linear-gradient(180deg, #fff9e9 0%, #fff 100%)}.share-page .reward-item{display:flex;align-items:center;gap:10px;width:185px;max-width:100%}.share-page .reward-item strong{display:block;margin-bottom:8px;color:#ff6500;font-size:36px;line-height:40px;font-weight:800;line-height:1}.share-page .reward-item p{color:#000;font-size:18px;line-height:20px}.share-page .steps{padding:171px 0 126px;background:#f1f6ff}.share-page .steps h2{margin:0 0 80px;text-align:center;font-size:40px;font-weight:800;line-height:1.2}.share-page .steps-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:39px;width:1280px;max-width:100%;margin:0 auto}.share-page .step-card{position:relative;min-height:384px;width:calc((100% - 80px) / 3);padding:76px 40px 48px;overflow:hidden;border:2px solid #ffffff;border-radius:30px;background:linear-gradient(180deg, #f3f9ff 0%, #fff 96%);box-shadow:0 10px 18px rgba(58,90,153,0.08)}.share-page .step-card::before{content:"";position:absolute;top:0;left:0;width:138px;height:45px;border-radius:30px 0 30px 0;background:linear-gradient(90deg, #c6dcff 0%, #dbe7ff 100%)}.share-page .step-card h3{position:absolute;top:12px;left:40px;z-index:2;color:#2463e6;font-size:22px;font-weight:800;font-style:italic;line-height:1}.share-page .step-card h4{position:relative;z-index:2;max-width:310px;margin-bottom:11px;color:#050913;font-size:19px;font-weight:800;line-height:1.2}.share-page .step-card p,.share-page .step-card li{position:relative;z-index:2;color:#20252e;font-size:16px;line-height:1.55}.share-page .step-card ul{position:relative;z-index:2;margin-left:13px}.share-page .step-card li{list-style:disc}.share-page .step-card .step-no{position:absolute;right:20px;bottom:0;width:116px;opacity:.58}.share-page .action-row{margin-top:60px;text-align:center}.share-page .submit-trigger{display:inline-block;width:400px;max-width:100%;height:64px;border:0;border-radius:32px;background:url(/resource/images/share-experience/bg-bt2-64@2x.webp) no-repeat center / 100% 100%;color:#fff;font-size:16px;font-weight:800;cursor:pointer}.share-page .submit-trigger:hover{background-image:url(/resource/images/share-experience/bg-bt2-64-hover@2x.webp)}.share-page .choose{padding:43px 0 128px;background:#f1f6ff}.share-page .choose h2{margin:0 0 96px;text-align:center;font-size:38px;font-weight:800;line-height:1.2}.share-page .choose-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;margin:0 auto}.share-page .choose-item{width:calc((100% - 80px) / 3);text-align:center}.share-page .choose-item img{width:100px;height:100px;margin-bottom:38px;object-fit:contain}.share-page .choose-item h3{margin-bottom:28px;color:#050913;font-size:20px;font-weight:800;line-height:1.2}.share-page .choose-item p{color:#20252e;font-size:14px;line-height:1.45}.share-page .footer-band{background:#000}.share-page .footer-band .footer-row{display:flex;align-items:center;justify-content:space-between;min-height:72px;color:rgba(255,255,255,0.42);font-size:12px}.share-page .footer-band .footer-links{display:flex;align-items:center}.share-page .footer-band .footer-links a{color:rgba(255,255,255,0.42)}.share-page .footer-band .footer-links a:hover{color:#fff}.share-page .footer-band .footer-links a:not(:last-child)::after{content:"|";display:inline-block;margin:0 12px;color:rgba(255,255,255,0.42)}.modal-layer{position:fixed;z-index:99999;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,0.7)}.modal-layer[hidden],.modal-panel[hidden]{display:none !important}.modal-panel{position:relative;width:680px;max-width:calc(100vw - 48px);height:520px;min-height:520px;border-radius:34px;background:url(/resource/images/share-experience/bg-tan@2x.webp) no-repeat center / 100% 100%}.modal-close{position:absolute;top:63px;right:23px;width:20px;height:20px;border:0;background:transparent;cursor:pointer;z-index:2}.submit-form{width:400px;max-width:calc(100% - 64px);margin:0 auto;padding-top:61px}.submit-form .field{position:relative;margin-bottom:22px}.submit-form label{display:block;margin-bottom:10px;color:#050913;font-size:16px;line-height:1.2}.submit-form label::before{content:"*";color:#e62424}.submit-form .input-box{height:40px;border-radius:4px;background:#fff}.submit-form .has-icon{position:relative}.submit-form .has-icon .field-icon{position:absolute;left:14px;top:50%;width:24px;height:24px;transform:translateY(-50%)}.submit-form .has-icon .icon-email{background:url(/resource/images/share-experience/icon-email@2x.webp) no-repeat;background-size:cover}.submit-form .has-icon .icon-user{background:url(/resource/images/share-experience/icon-name@2x.webp) no-repeat;background-size:cover}.submit-form .has-icon .icon-link{background:url(/resource/images/share-experience/icon-link@2x.webp) no-repeat;background-size:cover}.submit-form .has-icon input{width:100%;height:40px;padding:0 16px 0 49px;border:0;background:transparent;color:#050913;font-size:18px;line-height:40px}.submit-form .file-field{display:flex;justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:46px}.submit-form .file-field>label{margin:0;white-space:nowrap}.submit-form .file-control{position:relative;flex:0 0 auto}.submit-form .file-picker{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:138px;height:40px;margin:0;border-radius:4px;background:#fff;color:#050913;font-size:16px;cursor:pointer}.submit-form .file-picker::before{content:""}.submit-form .file-picker input{display:none}.submit-form .file-picker span{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submit-form .file-picker img{display:none}.submit-form .file-picker::after{content:"+";margin-left:14px;color:#050913;font-size:30px;font-weight:400;line-height:1}.submit-form .upload-preview{position:absolute;top:48px;right:0;display:flex;align-items:center;width:160px;min-height:36px;padding:4px 8px 4px 4px;border-radius:4px;background:rgba(255,255,255,0.82);box-shadow:0 0 0 1px rgba(8,123,255,0.14)}.submit-form .upload-preview[hidden]{display:none !important}.submit-form .preview-thumb{flex:0 0 auto;width:28px;height:28px;overflow:hidden;border-radius:4px;background:#e7f0ff}.submit-form .preview-thumb img{display:block;width:100%;height:100%;object-fit:cover}.submit-form .preview-name{max-width:106px;margin-left:8px;overflow:hidden;color:#20252e;font-size:12px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.submit-form .error-msg{position:absolute;left:0;top:calc(100% + 4px);color:#ff2c2c;font-size:12px;line-height:1.2}.submit-form .input-error{box-shadow:0 0 0 1px #ff2c2c inset}.submit-form .submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:280px;max-width:100%;height:56px;margin:0 auto;border:0;border-radius:32px;background:url(/resource/images/share-experience/bg-bt-64@2x.webp) no-repeat center / 100% 100%;color:#fff;font-size:18px;font-weight:800;cursor:pointer}.submit-form .submit-btn:hover{background-image:url(/resource/images/share-experience/bg-bt-64-hover@2x.webp)}.submit-form .submit-btn:disabled{cursor:wait}.submit-form .submit-btn.is-loading::before{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,0.5);border-top-color:#fff;border-radius:50%;animation:submit-spin .8s linear infinite}.submit-form .note{margin-top:8px;color:#fff;text-align:center;font-size:12px}.modal-form.is-submitting .submit-form{pointer-events:none}.submit-loading{position:absolute;top:50%;left:50%;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;min-width:176px;height:48px;padding:0 18px;border-radius:24px;background:rgba(255,255,255,0.94);box-shadow:0 12px 30px rgba(0,38,120,0.18);color:#050913;font-size:14px;font-weight:700;transform:translate(-50%, -50%)}.submit-loading[hidden]{display:none !important}.loading-ring{width:18px;height:18px;border:2px solid rgba(8,123,255,0.2);border-top-color:#087bff;border-radius:50%;animation:submit-spin .8s linear infinite}@keyframes submit-spin{to{transform:rotate(360deg)}}.modal-success{padding-top:94px;display:flex;align-items:center;justify-content:center}.modal-success .success-body{text-align:center;transform:translateY(-53px)}.modal-success .success-mark{position:relative;display:flex;align-items:center;justify-content:center;width:128px;height:128px;margin:0 auto 38px;border-radius:50%;background:linear-gradient(180deg, #0060ff 0%, #058cff 100%)}.modal-success .success-mark::before{content:"";width:50px;height:26px;border-left:9px solid #fff;border-bottom:9px solid #fff;border-radius:4px;transform:rotate(-45deg) translate(5px, -4px)}.modal-success .success-mark img{display:none}.modal-success p{color:#050913;font-size:24px;font-weight:800;line-height:36px}body.modal-open{overflow:hidden}@media (max-width:1300px){.share-page .banner .banner-copy{margin-left:0}.share-page .banner .banner-visual{right:-140px}.share-page .comment-box{border-width:16px;padding-left:70px;padding-right:70px}.share-page .steps-grid{gap:28px}.share-page .choose-grid{gap:70px}}@media (max-width:991px){.share-page .banner{min-height:auto}.share-page .banner .container2{min-height:auto}.share-page .banner .banner-main{min-height:auto;padding-bottom:300px}.share-page .banner .banner-copy{width:100%;padding-top:40px}.share-page .banner .banner-copy h1{font-size:46px}.share-page .banner .banner-copy p{width:100%;max-width:560px}.share-page .banner .banner-visual{top:auto;right:50%;bottom:-80px;width:650px;transform:translateX(50%)}.share-page .comment-box{margin-top:-38px;padding:58px 32px 44px}.share-page .comment-grid{gap:20px}.share-page .steps{padding:100px 0 80px}.share-page .steps h2{margin-bottom:50px}.share-page .step-card{min-height:auto;width:100%}.share-page .choose{padding-bottom:90px}.share-page .choose h2{margin-bottom:56px}.share-page .choose-grid{max-width:420px;gap:48px}.share-page .choose-item{width:100%}}@media (max-width:767px){.share-page .banner::before{height:160px}.share-page .banner .logo{width:132px}.share-page .banner .banner-main{padding-bottom:236px}.share-page .banner .banner-copy{padding-top:28px}.share-page .banner .banner-copy h1{font-size:34px}.share-page .banner .banner-copy p{margin-top:16px;font-size:16px}.share-page .banner .share-btn{width:100%;max-width:360px;height:56px;margin-top:26px;font-size:14px;background-image:url(/resource/images/share-experience/bg-bt-56@2x.webp)}.share-page .banner .share-btn:hover{background-image:url(/resource/images/share-experience/bg-bt-56-hover@2x.webp)}.share-page .banner .banner-visual{width:500px;bottom:-66px}.share-page .comment-box{border-width:10px;border-radius:16px;padding:48px 18px 28px}.share-page .comment-box .corner{width:62px;height:62px}.share-page .comment-box h2{margin-bottom:22px;font-size:24px}.share-page .topic-list{padding:22px 18px}.share-page .topic-list ul{row-gap:14px}.share-page .topic-list li{flex-basis:100%;white-space:normal;font-size:15px}.share-page .reward-box{padding:22px}.share-page .reward-item strong{font-size:32px}.share-page .reward-item p{font-size:15px}.share-page .steps{padding:72px 0 64px}.share-page .steps h2{font-size:28px}.share-page .step-card{padding:70px 26px 30px;border-radius:22px}.share-page .step-card h3{left:30px}.share-page .step-card h4{font-size:17px}.share-page .step-card p,.share-page .step-card li{font-size:14px}.share-page .action-row{margin-top:38px}.share-page .submit-trigger{height:56px;font-size:14px;background-image:url(/resource/images/share-experience/bg-bt2-64@2x.webp)}.share-page .choose{padding:20px 0 70px}.share-page .choose h2{font-size:28px}.share-page .choose-item img{margin-bottom:24px}.share-page .choose-item h3{margin-bottom:16px}.share-page .footer-band .footer-row{flex-direction:column;justify-content:center;gap:8px;min-height:92px}.modal-layer{padding:16px}.modal-panel{max-width:calc(100vw - 32px);min-height:500px;border-radius:22px;background-size:cover}.submit-form{max-width:calc(100% - 40px);padding-top:60px}.submit-form label,.submit-form .has-icon input,.submit-form .file-picker{font-size:15px}.submit-form .field{margin-bottom:20px}.submit-form .file-field{display:block;margin-bottom:32px}.submit-form .file-field>label{margin-bottom:10px;white-space:normal}.submit-form .file-control{display:flex;align-items:center;gap:8px;width:100%}.submit-form .file-picker{flex:0 0 auto;width:170px;height:46px}.submit-form .upload-preview{position:static;width:calc(100% - 178px);min-height:46px}.submit-form .preview-name{max-width:calc(100% - 36px)}.submit-form .submit-btn{height:56px}.modal-success .success-mark{width:110px;height:110px;margin-bottom:28px}.modal-success .success-mark img{width:80px;height:80px}.modal-success p{font-size:25px}}