| 1 |
- *{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;background:#0a1a3a;color:#fff;font-family:Microsoft YaHei,PingFang SC,sans-serif}#app,body,html{overflow:hidden}#app{width:1920px;height:1080px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:2px}::-webkit-scrollbar-track{background:transparent}.panel-box{background:rgba(13,34,71,.75);border:1px solid rgba(26,58,106,.6);border-radius:4px;position:relative;overflow:hidden}.panel-box:before{top:50%;left:50%;width:200%;aspect-ratio:1;background:conic-gradient(transparent 0deg,transparent 250deg,rgba(59,175,214,.3) 265deg,#3bafd6 280deg,rgba(59,175,214,.3) 295deg,transparent 310deg,transparent 1turn);animation:panelGlow 4s linear infinite}.panel-box:after,.panel-box:before{content:"";position:absolute;pointer-events:none;z-index:0}.panel-box:after{top:1px;left:1px;right:1px;bottom:1px;background:rgba(13,34,71,.97);border-radius:3px}.panel-box .panel-title{font-size:15px;font-weight:700;color:#fff;padding:10px 14px;border-bottom:1px solid rgba(26,58,106,.4);display:flex;align-items:center;flex-shrink:0;position:relative;z-index:1}.panel-box .panel-title:before{content:"";display:inline-block;width:3px;height:14px;background:#2196f3;margin-right:8px;border-radius:2px}.panel-box .panel-content{padding:10px 14px;position:relative;z-index:1}@keyframes panelGlow{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}
|
