.fadeTr-enter-active { -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } 
.fadeTr-leave-active { -webkit-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; } 
.fadeTr-enter,
.fadeTr-leave-to { opacity: 0; } 
.slide-enter-active,
.slide-leave-active { -webkit-transition: all 1s; transition: all 1s; } 
.slide-enter,
.slide-leave-to { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); } 
.lin-backdrop-enter-active { -webkit-animation: lin-fadeIn 0.3s; animation: lin-fadeIn 0.3s; } 
.lin-backdrop-leave-active { -webkit-animation: lin-fadeOut 0.5s; animation: lin-fadeOut 0.5s; } 
.lin-fade-enter-active { -webkit-animation: lin-fadeIn 0.6s cubic-bezier(0, 0, 0.58, 1); animation: lin-fadeIn 0.6s cubic-bezier(0, 0, 0.58, 1); } 
.lin-fade-leave-active { -webkit-animation: lin-fadeOut 0.6s cubic-bezier(0, 0, 0.58, 1); animation: lin-fadeOut 0.6s cubic-bezier(0, 0, 0.58, 1); } 
@-webkit-keyframes lin-fadeIn { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }
@keyframes lin-fadeIn { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }
@-webkit-keyframes lin-fadeOut { 
 0% { opacity: 1; } 
 100% { opacity: 0; } 
 }
@keyframes lin-fadeOut { 
 0% { opacity: 1; } 
 100% { opacity: 0; } 
 }
.ee-zoom-enter-active { -webkit-animation: ee-zoomIn 0.3s cubic-bezier(0, 0, 0.58, 1); animation: ee-zoomIn 0.3s cubic-bezier(0, 0, 0.58, 1); } 
.ee-zoom-leave-active { -webkit-animation: ee-zoomOut 0.4s cubic-bezier(0, 0, 0.58, 1); animation: ee-zoomOut 0.4s cubic-bezier(0, 0, 0.58, 1); } 
@-webkit-keyframes ee-zoomIn { 
 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 
 50% { opacity: 1; } 
 }
@keyframes ee-zoomIn { 
 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 
 50% { opacity: 1; } 
 }
@-webkit-keyframes ee-zoomOut { 
 0% { opacity: 1; } 
 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 
 100% { opacity: 0; } 
 }
@keyframes ee-zoomOut { 
 0% { opacity: 1; } 
 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 
 100% { opacity: 0; } 
 }
.lin-bounce-enter-active { -webkit-animation: lin-bounceIn 0.8s; animation: lin-bounceIn 0.8s; } 
.lin-bounce-leave-active { -webkit-animation: ee-zoomOut 0.6s; animation: ee-zoomOut 0.6s; } 
@-webkit-keyframes lin-bounceIn { 
 0% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } 
 100% { -webkit-transform: scale(1); transform: scale(1); } 
 }
@keyframes lin-bounceIn { 
 0% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } 
 100% { -webkit-transform: scale(1); transform: scale(1); } 
 }
@-webkit-keyframes lin-bounceOut { 
 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 
 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } 
 }
@keyframes lin-bounceOut { 
 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 
 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } 
 }
.lin-container * { box-sizing: border-box; } 
.lin-container [disabled] { cursor: not-allowed; opacity: 0.3; } 
.lin-backdrop { background-color: transparent !important; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } 

.lin-backdrop-ifr { background-color: rgba(61, 70, 79, 0.1); position: fixed; top: 90px; left: 215px; width: 100%; height: 100%; } 
@media (max-width: 768px){
 .lin-backdrop-ifr { background-color: rgba(61, 70, 79, 0.1); position: fixed; top: 90px; left: 0; width: 100%; height: 100%; } 
 }
.lin-backdrop-loading-ifr { /* background-color: rgba(0, 0, 0, .2); */
 position: fixed; top: 50%; left: 50%; z-index: 2010; color: rgba(61, 70, 79, 0.1); font-size: 35px; margin-top: -50px; margin-left: 60px; text-align: center; } 
@media (max-width: 768px){
 .lin-backdrop-loading-ifr { position: fixed; top: 50%; left: 50%; z-index: 2010; color: #fff; font-size: 35px; margin-top: -50px; margin-left: -35px; text-align: center; } 
 }

.lin-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0;background-color: rgba(0, 174, 239, 0.03) !important; } 
.lin-content-cont { width: 100%; font-family: inherit; } 
.lin-content-cont--floating { position: absolute; top: 0; bottom: 0; max-height: calc(100% - 1px); } 
.lin-main-modal-content { position: relative; max-width: 800px; margin: 10px auto; padding: 0; max-height: calc(100% - 15px); min-height: calc(100% - 15px); } 
.lin-main-modal-content-full { position: relative;width: calc(100% - 1px); margin: 10px auto; padding: 0; max-height: calc(100% - 15px); min-height: calc(100% - 15px); } 
.lin-main-smmodal-content { position: relative; max-width: 300px; max-height: calc(100% - 1px); min-height: calc(100% - 1px); margin-top: 10px; padding: 0; /* border-radius: 3px; border: solid 1px rgba(117, 193, 236,0.8); background-color: #ffffff; box-shadow: 0 2px 8px rgba(0, 0, 0, .33); */ } 
.lin-view-wrapper { position: absolute; width: calc(100% - 10px); margin: 10px 5px 20px 5px; padding: 0; border-radius: 8px; max-height: calc(100% - 10px); min-height: calc(100% - 10px); background-color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33); border:solid 1px  rgba(var(--theme-base-color), 0.5) !important; } 
.lin-main-modal-content-750 { position: relative; max-width: 750px; margin: 35px auto 0 auto; padding: 0; border-radius: 3px; max-height: calc(100% - 51px); min-height: calc(100% - 51px); background-color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33); } 
.lin-main-modal-content-700 { position: relative; max-width: 700px; margin: 60px auto 0 auto; padding: 0; border-radius: 3px; max-height: calc(100% - 76px); min-height: calc(100% - 76px); background-color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33); } 
@media (min-height: 700px){
 .lin-main-modal-content { position: relative; max-width: 800px; margin: 50px auto; padding: 0; max-height: calc(100% - 110px); min-height: calc(100% - 110px); } 
 .lin-main-modal-content-full { position: relative; width: calc(100% - 1px); margin: 10px auto; padding: 0; max-height: calc(100% - 20px); min-height: calc(100% - 20px); } 
 .lin-main-modal-content-750 { position: relative; max-width: 750px; margin: 75px auto; padding: 0; max-height: calc(100% - 160px); min-height: calc(100% - 160px); } 
 .lin-main-modal-content-700 { position: relative; max-width: 700px; margin: 100px auto; padding: 0; max-height: calc(100% - 210px); min-height: calc(100% - 210px); } 
 .lin-main-smmodal-content { position: relative; max-width: 300px; max-height: calc(100% - 110px); min-height: calc(100% - 110px); margin-top: 50px; padding: 0; } 
 }
.lin-noticontainer { z-index: 50002; left: 50%; position: absolute; top: 0; transform: translate(-50%, 0); } 
.lin-noticontainer-rt { z-index: 50002; right: 5px; position: absolute; top: 5px; } 
.lin-main-notice-content { max-width: 300px; border-radius: 0 6px 6px 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); color: #fff; background-color: #495057; } 

.lin-fa-notice { float: left; margin: 0 0 0 -22px; font-size: 19px !important; color: #fff; } 
.lin-main-alert-content { position: relative; max-width: 300px; margin-left: -150px; margin-top: -100px; height: 200px; top: 45%; left: 50%; } 
.lin-main-tips-content { position: absolute; z-index: 50001; width: 100%; margin: auto; height: 35px; line-height: 35px; top: 0; text-align: center; color: #fff; font-size: 16px; border-bottom: solid 1px #db3444; background-color: #db3444; } 
.vlt { position: absolute; width: 10px; height: 10px; border-top: 3px solid rgba(235, 234, 234, 0.9); border-left: 3px solid rgba(235, 234, 234, 0.9); left: -2px; top: -2px; } 
.vrt { position: absolute; width: 10px; height: 10px; border-top: 3px solid rgba(235, 234, 234, 0.9); border-right: 3px solid rgba(235, 234, 234, 0.9); right: -2px; top: -2px; } 
.vrb { position: absolute; width: 10px; height: 10px; border-bottom: 3px solid rgba(235, 234, 234, 0.9); border-right: 3px solid rgba(235, 234, 234, 0.9); right: -2px; bottom: -2px; } 
.vlb { position: absolute; width: 10px; height: 10px; border-bottom: 3px solid rgba(235, 234, 234, 0.9); border-left: 3px solid rgba(235, 234, 234, 0.9); left: -2px; bottom: -2px; } 
.czjz { display: inline-block; /* 或 block */
 max-width: 100%; word-wrap: break-word; } 
.lin-content-full { z-index: 2001; position: absolute; top: 0; overflow: auto; max-height: calc(100% - 0px); min-height: calc(100% - 0px); width: 100%;border-radius: 9px; border:solid 1px rgb(var(--theme-base-color)) !important;  background-color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } 
.lin-content { position: absolute; top: 39px; overflow: auto; max-height: calc(100% - 2.5rem); min-height: calc(100% - 2.5rem); width: 100%; border-top: solid 1px rgba(235, 234, 234, 0.8); border-bottom: solid 1px rgba(235, 234, 234, 0.8); background-color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } 
.rotated-div { transform: rotate(90deg); transform-origin: 0 0; position: fixed; right: -45px; z-index:2030; } 
.lin-content-body { position: absolute; overflow: hidden; max-height: calc(100% - 3rem); min-height: calc(100% - 3rem); width: 100%; } 
.lin-title { margin: 0 0 2px 0; padding: 0 12px; } 
.lin-title-left { margin: 7px; font-size: 15px; font-weight: bold; } 
.lin-title-notice-left { padding: 5px 0 0 0; margin: 0; float: left; font-size: 12px; /* 新增核心属性 */
 max-width: 260px; /* 最大宽度限制为300px */
 word-wrap: break-word; /* 兼容老旧浏览器，允许长单词/URL换行 */
 word-break: break-all; /* 强制换行（中英文都生效） */
 white-space: normal; /* 取消可能的 nowrap 限制，恢复自动换行 */ } 
.lin-title-right { z-index: 100000; position: absolute; right: 0; padding: 8px 13px 00; cursor: pointer; font-size: 16px; font-size: bold; top: 0; } 
.lin-title-right:hover { color: #de615e; } 
.lin-title-notice-right { margin: -2px 0 0 0; padding: 0 2px; float: right; cursor: pointer; font-size: 20px; } 
.lin-title-notice-right:hover { color: #de615e; } 
.lin-content-footer { position: absolute; bottom: 3px; width: calc(100% - 10px); } 

.ee-clear:before { content: " "; display: block; clear: both; } 

.loading-bar { z-index: 10000; position: fixed; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7ebfc; animation: loading-bar 1s infinite; } 
.loading-bar::before { z-index: 10000; content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; /* background-color: #c1864b; */
 background-image: linear-gradient(
 to right,
 red,
 red,
 red,
 green,
 blue,
 red,
 orange,
 yellow,
 purple,
 purple,
 pink
 ); animation: loading-animation 2s linear infinite; } 
@keyframes loading-bar { 
 0% { background-color: #e7ebfc; } 
 100% { background-color: #c1864b; } 
 }
@keyframes loading-animation { 
 0% { width: 0%; } 
 50% { width: 100%; } 
 100% { width: 0%; } 
 }