#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:#409eff;--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:#dcdfe6;--shadow-normal:0 2px 12px 0 rgba(0,0,0,.1)}.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:24px;font-size:24px;font-weight:700;color:var(--text-color);letter-spacing:-.5px;display:flex;align-items:center;gap:12px}.page-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;display:inline-block}.card-wrapper{background-color:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.04);transition:all .3s ease}.card-wrapper:hover{box-shadow:0 4px 20px rgba(0,0,0,.08)}.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:24px}.search-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f2f5}.search-title{font-size:18px;font-weight:600;color:#303133;letter-spacing:.3px;display:flex;align-items:center;gap:8px}.search-title:before{content:"";width:4px;height:18px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;display:inline-block}.search-subtitle{font-size:13px;color:#909399;font-weight:400}.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-input__inner,.el-input__wrapper,.el-select .el-input__inner{border-radius:8px;transition:all .3s ease}.el-input__wrapper:hover{box-shadow:inset 0 0 0 1px #c0c4cc}.el-input.is-focus .el-input__wrapper{box-shadow:inset 0 0 0 1px #409eff}.el-tag{border-radius:6px;font-weight:500;padding:4px 12px}.el-button{border-radius:8px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.el-table .el-button--text,.el-table .el-button.is-link{background:transparent!important;border:none!important;padding:0!important;height:auto!important;color:#606266!important;font-weight:400!important;box-shadow:none!important}.el-table .el-button--text:hover,.el-table .el-button.is-link:hover{background:transparent!important;color:#409eff!important;transform:none!important;box-shadow:none!important}.el-table .el-button.is-link.el-button--primary{color:#409eff!important}.el-table .el-button.is-link.el-button--primary:hover{color:#66b1ff!important}.el-table .el-button.is-link.el-button--success{color:#67c23a!important}.el-table .el-button.is-link.el-button--success:hover{color:#85ce61!important}.el-table .el-button.is-link.el-button--warning{color:#e6a23c!important}.el-table .el-button.is-link.el-button--warning:hover{color:#ebb563!important}.el-table .el-button.is-link.el-button--danger{color:#f56c6c!important}.el-table .el-button.is-link.el-button--danger:hover{color:#f78989!important}.el-table .el-button.is-link.el-button--info{color:#909399!important}.el-table .el-button.is-link.el-button--info:hover{color:#a6a9ad!important}.el-button--primary:not(.is-link):not(.el-button--text){background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px rgba(102,126,234,.3)}.el-button--primary:not(.is-link):not(.el-button--text):hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.el-button--primary:not(.is-link):not(.el-button--text):active{transform:translateY(0)}.el-table{border-radius:8px;overflow:hidden}.el-table th{background:#fafbfc;font-weight:600;color:#303133}.el-table td{border-bottom:1px solid #f0f2f5}.el-table--striped .el-table__body tr.el-table__row--striped td{background:#fafbfc}.el-card{border-radius:12px;border:1px solid #dcdfe6;box-shadow:0 2px 12px rgba(0,0,0,.04);transition:all .3s ease}.el-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08)}.el-card__header{background:#fafbfc;border-bottom:1px solid #f0f2f5;padding:16px 20px;font-weight:600}.el-form-item__label{font-weight:500;color:#606266}.el-select .el-input__inner{cursor:pointer}.el-pagination{padding:16px 0}.el-pagination .el-pager li{border-radius:6px;margin:0 2px;transition:all .3s ease}.el-pagination .el-pager li:hover{background:#f0f4ff;color:#667eea}.el-pagination .el-pager li.is-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.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}.back-button{border:none!important;color:#606266!important;font-weight:400!important;padding:0!important;display:inline-flex!important;align-items:center!important;gap:6px!important;transition:color .3s ease!important}.back-button,.back-button:hover{background:transparent!important;box-shadow:none!important}.back-button:hover{color:#409eff!important;transform:none!important}.back-button .el-icon{font-size:16px!important;transition:transform .3s ease!important}.back-button:hover .el-icon{transform:translateX(-2px)!important}.page-header{display:flex!important;align-items:center!important;gap:16px!important;margin-bottom:24px!important}.page-header .page-title{font-size:20px!important;font-weight:600!important;color:#303133!important;margin:0!important;letter-spacing:0!important;line-height:1.5!important}.page-header .page-title:after,.page-header .page-title:before{display:none!important}.el-page-header__left{color:#606266!important;transition:color .3s ease!important}.el-page-header__left:hover{color:#409eff!important}.el-page-header__title{font-size:20px!important;font-weight:600!important;color:#303133!important;margin-left:8px!important}