/* 公共样式 */
:root{--mainColor:#A8C0D2;--shadow:2px 2px 25px 0 rgba(0,0,0,.2);--miniShadow:0 0 15px 0 rgba(0,0,0,.05);}
/*  @font-face{font-family:'font';src:url('https://asset.simsoft.top/products/xct/fonts/font.woff2');}*/
/* @font-face{font-family:'icon';src:url('https://asset.simsoft.top/products/xct/fonts/icon.woff2');}*/
@font-face{font-family:'font';src:url('https://i.iceawa.com/products/xct/fonts/font.woff2');}
@font-face{font-family:'icon';src:url('https://i.iceawa.com/products/xct/fonts/icon.woff2');}
@font-face {font-family: 'iconfont';  /* Project id 3278276 */src: url('https://at.alicdn.com/t/c/font_3278276_wwfi8vtc1yp.woff2?t=1711250592709') format('woff2'),;}
body{user-select:none;background:var(--mainColor);}
body.frame{background:transparent;}
*{box-sizing:border-box;scrollbar-width:none;font-family:icon,font;outline:none;}
::-webkit-scrollbar{display:none;}
a{color:var(--mainColor);text-decoration:none;filter:brightness(.8);}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline;opacity:.8;}

/* 主体布局 */
#background{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;}
main{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);width:800px;height:500px;max-width:calc(100% - 20px);max-height:calc(100% - 20px);box-shadow:var(--shadow);border-radius:20px;margin:auto;}

/* 顶栏部分 */
main header{padding:15px;display:flex;align-items:center;margin:0 -2.5px;}
main header>div{display:flex;align-items:center;font-size:1.1rem;padding:0 10px;white-space:nowrap;border-radius:10px;transition:background .2s,box-shadow .2s,color .2s;margin:0 2.5px;}
main header>div.placeholder{flex:100%;}
main header>div:hover{background:rgba(255,255,255,.7);}
main header>div:active{background:rgba(255,255,255,.7);color:var(--mainColor);}
main header>div.active{background:rgba(255,255,255,.7);box-shadow:var(--miniShadow);color:var(--mainColor);}
main header>div>img{width:30px;height:30px;border-radius:50%;margin-right:5px;}
main header>div>span{display:inline-block;padding:8px 0;}

/* 框架部分 */
#pageContainer{background:rgba(255,255,255,.7);box-shadow:var(--miniShadow);border-radius:15px;margin:8px;position:absolute;bottom:0;width:calc(100% - 16px);height:calc(100% - 70px);overflow:hidden;}
#loading{width:fit-content;height:fit-content;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;pointer-events:none;opacity:0;transition:opacity .2s;}
#loading>div{animation:loadingDot .8s linear 0s infinite;font-weight:bold;font-size:2em;display:inline-block;background:var(--mainColor);margin:0 3px;width:9px;height:9px;border-radius:50%;}
#loading>#dot2{animation-delay:.1s!important;}
#loading>#dot3{animation-delay: .2s!important;}
@keyframes loadingDot{0%{transform: translateY(0px)}15%{transform:translateY(10px)}30%{transform: translateY(-10px)}45%{transform: translateY(5px)}60%{transform:translateY(5px)}75%{transform:translateY(0)}}
#page{opacity:0;transition:opacity .2s;width:100%;height:100%;}
#page>iframe{border:0;width:100%;height:100%;}
#loading.active,#page.active{opacity:1;}
/* 图标字体 */
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */

/* 页脚版权 */
footer{position:fixed;z-index:10;color:white;opacity:.8;font-size:.9rem;bottom:5px;left:0;right:0;text-align:center;}

/* 移动适配 */
@media screen and (max-width: 700px){
    main{width:100%;height:100%;zoom:.9;max-width:unset;max-height:unset;border-radius:0;}
    header font{display:none;}
    #pageContainer{bottom:45px;height:calc(100% - 120px);}
    footer{color:var(--mainColor);}
}