#app1,#app2,#app3,#app4{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.footer{padding:20px 0 40px 0}h1{margin-top:32px;text-align:center;color:#000}body{margin:0;padding:0;min-height:100vh;background:#f3f5f5}#app,body{display:flex}#app{flex:1;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;min-height:100%}.bg-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:80%;height:90%;-o-object-fit:cover;object-fit:cover;z-index:-1}.note-box{background:#f5f8fc;border-radius:6px;padding:24px 16px;margin-top:32px;color:#333}.note-title{color:#f60;font-size:22px;font-weight:700;margin-bottom:12px}.note-content{font-size:16px;line-height:2}.footer{margin-top:auto;padding:20px 0 20px 0;text-align:center;color:#000;font-size:15px}.beian-link{color:#888;text-decoration:none;transition:color .2s}.beian-link:hover{color:#f60;text-decoration:underline}