body,html{color:#333;background-color:#f5f7fa;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}.page{background-color:#fff;flex-direction:column;width:1200px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 2px 12px rgba(0,0,0,.1)}@media (max-width:1200px){.page{width:100%}}.app-header{border-bottom:1px solid #ebeef5;padding:20px 40px}.brand-link{color:#409eff;font-size:18px;font-weight:700;text-decoration:none;display:inline-block}.brand-link:hover{color:#66b1ff}.main-content{flex:1;padding:0 40px 40px}h1{color:#303133;text-align:left;margin-bottom:15px;font-size:28px}.description{color:#606266;background:#f4f4f5;border-left:5px solid #909399;border-radius:4px;padding:15px;font-size:14px;line-height:1.6}.section-title{color:#303133;border-bottom:2px solid #409eff;margin-top:30px;margin-bottom:20px;padding-bottom:5px;font-size:20px;font-weight:500;display:inline-block}.upload-area{cursor:pointer;text-align:center;background-color:#fafafa;border:2px dashed #d9d9d9;border-radius:6px;padding:40px 0;transition:border-color .3s;position:relative;overflow:hidden}.upload-area:hover,.upload-area.active{background-color:#ecf5ff;border-color:#409eff}.upload-icon{color:#8c939d;margin-bottom:10px;font-size:48px}.upload-text{color:#606266;font-size:14px}.upload-text em{color:#409eff;font-style:normal;font-weight:700}.file-list{margin-top:30px}.file-item{background:#fff;border:1px solid #ebeef5;border-radius:4px;margin-bottom:20px;padding:20px;transition:all .3s}.file-item:hover{box-shadow:0 2px 12px rgba(0,0,0,.05)}.file-info-row{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.file-name{color:#303133;margin-right:20px;font-size:16px;font-weight:700}.file-meta{color:#909399;background:#f0f2f5;border-radius:10px;padding:2px 8px;font-size:13px}.player-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.audio-player{flex:1;min-width:300px}.audio-player audio{outline:none;width:100%}.speed-controls{background:#f9fafc;border-radius:4px;align-items:center;gap:10px;padding:10px;display:flex}.speed-label{color:#606266;white-space:nowrap;font-size:13px}.custom-rate-input{width:150px!important}.app-footer{text-align:center;background-color:#fff;border-top:1px solid #ebeef5;margin-top:auto;padding:20px 40px}.footer-link{color:#909399;font-size:14px;text-decoration:none;transition:color .3s}.footer-link:hover{color:#409eff}.el-button--mini{padding:7px 10px}