body { transform: scale(1); width: 520px; } .container { background: url("imgs/bg.png") #000144 left top no-repeat; background-size: 520px auto; width: 520px; } .head-box { margin: 0 0 80px 0; } .cfg-box { border-radius: 15px; margin-top: 20px; margin-bottom: 20px; padding: 5px 15px; overflow: hidden; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15); position: relative; background: rgba(35, 38, 57, 0.8); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); background-color: rgba(255, 255, 255, 0.2); border-radius: 26px; box-shadow: 30px 30px 30px -10px rgba(0, 0, 0, 0.15), inset 15px 15px 10px rgba(255, 255, 255, 0.75), -15px -15px 35px rgba(255, 255, 255, 0.55), inset -1px -1px 10px rgba(0, 0, 0, 0.2); } .cfg-group { color: #e7f1ff; font-size: 22px; font-weight: bold; padding: 10px 20px; } .cfg-li { border-radius: 18px; min-height: 36px; position: relative; overflow: hidden; margin-bottom: 10px; background: rgba(203, 196, 190, 0); } .cfg-line { color: #4e5769; line-height: 36px; padding-left: 20px; font-weight: bold; border-radius: 16px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); /* background: url("imgs/cfg-right.jpg") right top #cbc4be no-repeat; */ background-image: linear-gradient(90deg, rgba(231, 241, 255, 0.7098039216) 65%, #acb6e5); background-size: auto 36px; } .cfg-hint { font-size: 16px; font-weight: normal; margin-top: 3px; margin-bottom: -3px; } .cfg-status { position: absolute; top: 0; right: 0; height: 36px; width: 160px; text-align: center; line-height: 36px; font-size: 20px; color: #495366; font-weight: bold; border-radius: 0 16px 16px 0; } .cfg-status.status-off { color: #a95151; } .cfg-desc { font-size: 16px; color: white; margin: 5px 0 5px 20px; } .badge { display: inline-block; vertical-align: top; height: 18px; padding: 0 6px; border-radius: 3px; background: #f4cd00; color: #fff; font-size: 14px; line-height: 18px; }/*# sourceMappingURL=index.css.map */