.record-page{background:#fff;min-height:100vh;padding:24px 32px}.record-bg{background:url(https://webs-fe-cdn.aiyunhui.com/webs/ai/record-bg.jpg) 50%/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.record-header{z-index:1;text-align:center;margin-bottom:32px;position:relative}.record-title{color:#000;margin:90px 0 10px;font-family:Alimama ShuHeiTi;font-size:48px}.record-title .highlight{color:#0000;background:linear-gradient(90deg,#8f06ff 0%,#42baff 100%);-webkit-background-clip:text;background-clip:text}.record-subtitle{color:#7e8792;margin-bottom:24px;font-size:16px}.record-search{justify-content:center;align-items:center;gap:12px;max-width:920px;margin:0 auto;display:flex;position:relative}.search-input-wrapper{background:#fff;border:1px solid #e8eef5;border-radius:8px;flex:1;align-items:center;height:56px;padding:0 16px;display:flex;box-shadow:0 2px 8px #0000000a}.search-icon{color:#99a3b8;margin-right:8px}.search-input{color:#7e8792;background:0 0;border:none;outline:none;flex:1;font-size:16px}.search-input::placeholder{color:#99a3b8}.search-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0e7aff 0%,#05f 100%);border:none;border-radius:10px;height:36px;padding:0 24px;font-size:16px;transition:all .2s;position:absolute;right:10px}.search-btn:hover{background:#1e5ad4}.record-tabs{background:#fff3;border:1px solid #fff;border-radius:100px;justify-content:center;gap:20px;width:820px;margin:32px auto 60px;padding:4px;display:flex;position:relative}.record-tab-item{color:#333;cursor:pointer;z-index:1;border-radius:100px;padding:10px 30px;font-size:16px;transition:color .2s;position:relative}.record-tab-item:hover{color:#2a6ae9}.record-tab-item.active{color:#2a6ae9;font-weight:600;box-shadow:0 4px 20px #ccd5e2b5}.record-tab-slider{background:#fff;border-radius:100px;height:calc(100% - 8px);transition:all .3s ease-out;position:absolute;top:4px;box-shadow:0 4px 20px #ccd5e2b5}.record-content{max-width:1200px;margin:0 auto;position:relative}.record-content:after{content:"";border-left:1px dashed #c8ced9;width:1px;height:100%;position:absolute;top:12px;left:76px}.record-group{margin-bottom:32px;display:flex}.record-date{justify-content:center;align-items:flex-start;gap:8px;width:100px;display:flex}.date-text{color:#333;font-size:18px}.date-dot{z-index:9;width:10px;height:15px;margin-top:8px;position:relative}.date-dot:after{content:"";background:0 0;border:2px solid #2a6ae9;border-radius:50%;width:10px;height:10px;position:absolute;top:0}.record-cards{flex:1;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.record-card{cursor:pointer;background:#fff;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 2px 12px #0000000f}.record-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.card-cover{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.card-cover img{object-fit:cover;border-radius:8px;width:100%;height:100%;transition:transform .3s}.record-card:hover .card-cover img{transform:scale(1.05)}.play-btn{color:#fff;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.record-card:hover .play-btn{background:#2a6ae9cc}.duration-badge{color:#fff;background:#0009;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;bottom:8px;right:8px}.card-info{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.card-title{color:#333;font-size:16px}.card-time{color:#999;font-size:12px}@media (max-width:1024px){.record-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.record-page{padding:16px}.record-title{font-size:22px}.record-cards{grid-template-columns:1fr}.record-search{flex-direction:column}.search-btn{width:100%}}