.home-prototype .page{background:#f6f7f9}.home-prototype .navbar{height:52px;border-bottom:0}.home-prototype .navbar-title{font-size:18px;font-weight:700}.home-prototype .page-body{padding-top:52px}.home-prototype .tabbar-item{color:#9ca3af}.home-prototype .tabbar-item.active{color:var(--td-brand-color)}.home-prototype .tabbar-label{font-size:11px}.home{min-height:calc(100vh - 108px);background:#f6f7f9;padding:12px 16px 20px}.home .banner-swiper{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.home .banner-link{flex-shrink:0;width:100%;display:block;cursor:pointer;scroll-snap-align:start}.home .banner-link--static{cursor:default}.home .banner-img{width:100%;height:176px;object-fit:cover;border-radius:16px;display:block}.home .tabs{display:flex;margin:0 -16px 12px;padding:0 16px;height:54px;background:#fff;border-bottom:1px solid #eceef2}.home .banner-swiper+.tabs{margin-top:12px}.home .tab-item{position:relative;flex:1 1;border:0;background:transparent;padding:0;font:inherit;font-size:15px;color:#202124;cursor:pointer}.home .tab-item.active{color:var(--td-brand-color);font-weight:700}.home .tab-item.active:after{content:"";position:absolute;bottom:8px;width:28px;height:3px;border-radius:2px;background:var(--td-brand-color);left:calc(50% - 14px)}.home .task-list{display:flex;flex-direction:column;gap:12px}.home .task-card{position:relative;display:block;width:100%;text-align:left;font:inherit;color:inherit;border:1px solid #f0f1f3;background:#fff;border-radius:16px;padding:16px;cursor:pointer;overflow:hidden;box-shadow:0 2px 4px rgba(17,24,39,.05)}.home .task-card-header{display:flex;gap:12px;align-items:flex-start}.home .task-cover{width:72px;height:72px;border-radius:8px;object-fit:cover;flex-shrink:0}.home .task-cover-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3479ff,#9545ed);color:#fff;font-size:24px;font-weight:700}.home .task-info{flex:1 1;min-width:0;padding-right:8px}.home .task-title{font-size:16px;font-weight:700;color:#171717;line-height:24px;overflow-wrap:anywhere}.home .task-reward{margin-top:4px;font-size:14px;color:#303030}.home .task-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;color:#9ca3af;font-size:12px;padding-top:20px}.home .task-ribbon{position:absolute;right:0;top:0;width:0;height:0;border-top:44px solid #3e6cf4;border-left:44px solid transparent}.home .task-ribbon>span{position:absolute;width:44px;top:-32px;right:0;color:#fff;font-size:11px;text-align:center;transform:rotate(45deg)}.home .home-loading{text-align:center;padding:16px 0;color:#999;font-size:13px}.home .home-empty{text-align:center;padding:48px 0;color:#999;font-size:14px}