#app,body,html{height:100%;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}::-webkit-scrollbar-track{background-color:#f5f5f5}:root{--primary-color:#5b86e5;--primary-color-2:#36d1dc;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--text-color:#303133;--text-color-secondary:#606266;--background-color:#f5f7fa;--card-bg:#fff;--border-color:#ebeef5;--shadow-normal:0 8px 20px rgba(0,0,0,.06)}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.content-container{padding:20px;height:100%;overflow-y:auto;background-color:var(--background-color)}.page-title{margin-bottom:20px;font-size:22px;font-weight:700;color:var(--text-color);position:relative}.page-title:after{content:"";display:block;width:48px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--primary-color-2),var(--primary-color));margin-top:8px}.card-wrapper{background-color:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-normal);padding:20px;transition:box-shadow .2s ease,transform .2s ease}.card-wrapper:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.1)}.table-container{margin-top:15px}.pagination-container{margin-top:20px;text-align:right}@media(max-width:768px){.content-container{padding:10px}.card-wrapper{padding:15px}}@media screen and (max-width:768px){.sidebar{position:absolute;z-index:100;height:100%;transform:translateX(-100%);transition:transform .3s}.sidebar.show{transform:translateX(0)}.main-container{margin-left:0!important}.user-info .welcome{display:none}.search-form .el-form-item{margin-right:0;width:100%}.el-form-item__content,.search-form .el-input,.search-form .el-select{width:100%}.search-form .el-button{margin-top:10px}.table-container{overflow-x:auto}.el-table{width:100%;min-width:600px}}.search-form{margin-bottom:20px}.table-container{padding:0}.user-info{display:flex;align-items:center}.user-details{margin-left:10px}.user-id{font-size:12px;color:#909399}.diary-content-preview{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-tag{margin-left:5px;cursor:pointer}.form-container{max-width:800px;margin:0 auto}.form-footer{margin-top:30px;text-align:center}.el-button--primary{background:linear-gradient(135deg,var(--primary-color-2),var(--primary-color));border:none}.el-button--primary:hover{filter:brightness(1.05)}.el-input__inner,.el-select .el-input__inner{border-radius:8px}.el-tag{border-radius:6px}.el-dropdown-link{cursor:pointer}.el-dropdown-menu{padding:5px 0}.el-dropdown-item{padding:8px 20px}.text-center{text-align:center}.text-right{text-align:right}.m-t-10{margin-top:10px}.m-b-10{margin-bottom:10px}.m-r-10{margin-right:10px}.m-l-10{margin-left:10px}