@charset "UTF-8";html,body{width:100%;height:100%;font-family:PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:14px;background-color:#f5f7fa;-webkit-font-smoothing:antialiased}ul,ol,li{list-style:none}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{border:none;background:none;outline:none;cursor:pointer}:root{--color-primary: #409eff;--color-bg: #f5f7fa;--color-white: #ffffff;--color-text: #333333;--color-text-gray: #999999;--color-red: #f56c6c;--radius-base: 12px;--padding-base: 16px;--page-gutter: 16px;--section-gap: 16px;--header-height: 60px;--header-gap: 16px;--card-padding: 16px;--card-radius: 16px;--control-radius: 10px;--border-color: #e5e7eb}:root{--color-primary: #1890ff;--color-text: #333;--color-text-gray: #999;--color-red: #f5222d;--radius-base: 12px}*{box-sizing:border-box}.home-page{padding-bottom:100px;background:url(/assets/bg-B_-yNsk0.png) no-repeat center top;background-size:100% auto}.navbar{width:100%;height:var(--header-height);background:linear-gradient(180deg,#40a9ff,#69c0ff);display:flex;align-items:center;justify-content:center}.navbar .app-name{margin:0;color:#fff;font-size:20px;font-weight:500}.banner-wrap{position:relative;height:180px;margin:0 var(--page-gutter) var(--section-gap);border:1px solid var(--border-color);border-radius:var(--card-radius);overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000000d}.banner-list{display:flex;width:100%;height:100%;transition:transform .3s ease}.banner-item{flex-shrink:0;width:100%;height:100%;background-size:cover;background-position:center;padding:30px 20px;color:#fff}.banner-content .title{font-size:24px;font-weight:700;margin-bottom:8px}.banner-content .desc{font-size:14px;margin-bottom:16px;opacity:.9}.banner-content .banner-btn{background:#fff;color:var(--color-primary);border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500}.dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px}.dots span{width:8px;height:8px;border-radius:50%;background:#fff6}.dots span.active{background:#fff;width:16px;border-radius:4px}.shortcut-wrap{width:100%;padding:0 var(--page-gutter);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--section-gap)}.shortcut-item{min-width:0;overflow:hidden;border-radius:12px;cursor:pointer;transition:transform .2s ease}.shortcut-item:active{transform:scale(.98)}.icon-img{display:block;width:100%;height:auto}.icon{display:block;width:100%;height:auto;object-fit:contain}.notice-wrap{margin:var(--section-gap) var(--page-gutter);padding:var(--card-padding);border:1px solid var(--border-color);background:#fff;border-radius:var(--card-radius)}.notice-tabs{display:flex;gap:8px;margin-bottom:12px}.notice-tabs .tab{flex:1;text-align:center;padding:10px 0;font-size:16px;border-radius:10px;cursor:pointer;position:relative;color:var(--color-text)}.notice-tabs .tab.active{background:#ecf7fd;color:var(--color-primary)}.notice-tabs .tab .badge{position:absolute;top:10px;right:1px;min-width:18px;height:18px;line-height:18px;border-radius:9px;background-color:#ff3b30;font-size:13px;color:#fff;text-align:center;padding:0 4px}.notice-list{margin-top:10px}.notice-item{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid #f5f5f5}.left-tag{width:45px;display:flex;align-items:center;justify-content:center}.red-dot{width:10px;height:10px;background-color:#ff4747;border-radius:50%}.read-text{font-size:15px;color:#999}.right-content{flex:1;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.notice-item-title{font-size:15px;color:#333;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time{font-size:16px;color:#999;flex-shrink:0}.view-more{text-align:center;font-size:14px;color:#999;margin-top:12px;cursor:pointer}.settlement-box{padding:10px 0}.settlement-box img{max-width:100%;height:auto}.cate-wrap{margin:var(--section-gap) var(--page-gutter);padding:var(--card-padding) 0;border:1px solid var(--border-color);background:#fff;border-radius:var(--card-radius)}.cate-scroll{display:flex;gap:10px;padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.cate-scroll::-webkit-scrollbar{display:none}.cate-item{flex-shrink:0;padding:6px 16px;border-radius:20px;font-size:14px;color:#333;background:#f5f7fa;cursor:pointer;transition:all .2s}.cate-item.active{background:var(--color-primary);color:#fff}.task-wrap{margin:var(--section-gap) var(--page-gutter)}.task-item{display:grid;grid-template-columns:50px minmax(0,1fr) 66px;align-items:center;min-height:126px;padding:14px 10px;background:#fff;border-radius:11px;margin-bottom:14px;gap:10px;box-shadow:0 2px 8px #1f2d3d14}.task-icon{width:50px;height:50px;border-radius:8px;background:#f5f7fa;object-fit:cover;flex-shrink:0}.task-content{width:100%;min-width:0;overflow:hidden}.task-title{font-size:14px;color:#333;line-height:1.35;margin:0 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-tags{display:flex;width:100%;gap:6px;margin-bottom:8px;overflow:hidden}.task-tags .tag{font-size:10px;line-height:20px;padding:0 5px;border-radius:4px;white-space:nowrap;flex-shrink:0}.task-tags .tag.red{background:#fff1f0;color:#ff4d4f}.task-tags .tag.blue{background:#e6f7ff;color:#1890ff}.task-info-row{display:flex;justify-content:space-between;align-items:flex-start}.info-left,.info-right{display:flex;flex-direction:column;gap:4px}.info-left .text,.info-right .text{font-size:11px;line-height:1.3;color:#999;white-space:nowrap}.info-left .num,.info-right .num{font-size:12px;line-height:1.35;color:#ff4d4f;font-weight:500}.join-btn{background:#1890ff;color:#fff;border:none;width:66px;height:34px;padding:0 6px;border-radius:6px;font-size:11px;line-height:1;flex-shrink:0}.tabbar{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;display:flex;align-items:center;border-top:1px solid #eee;z-index:10}.tabbar-item{flex:1;text-align:center}.tabbar-item .tab-icon{width:24px;height:24px;margin:0 auto 4px}.tabbar-item .tab-text{font-size:12px;color:var(--color-text-gray)}.tabbar-item.active .tab-text{color:var(--color-primary)}.wrap{padding:0 var(--padding-base)}.card{background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:var(--card-padding);margin-bottom:var(--section-gap)}.flex-row{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.page-back-arrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:32px!important;padding:0!important;border:none!important;background:transparent!important;color:currentColor!important;font-family:Arial,Helvetica Neue,sans-serif!important;font-size:24px!important;font-weight:400!important;line-height:1!important;text-align:center!important}button.page-back-arrow>span{font:inherit;line-height:inherit}.banner-wrap{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.banner-list{display:flex;width:100%;height:100%;transition:transform .3s cubic-bezier(.25,.8,.25,1);will-change:transform}.banner-item{flex-shrink:0;width:100%;height:100%;background-size:cover;background-position:center;position:relative}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;min-height:100vh;background:url(/assets/bg-B_-yNsk0.png) no-repeat center top!important;background-size:100% auto!important;background-color:#fff!important}body{color:#333}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell-main{flex:1}.app-shell.with-tabbar-footer{padding-bottom:88px}.app-icp-footer{padding:12px 16px calc(16px + env(safe-area-inset-bottom));text-align:center;font-size:12px;line-height:1.6;color:#666}.app-icp-footer.is-tabbar-page{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.app-icp-footer a{color:#666;text-decoration:none}.app-icp-footer a:hover{text-decoration:underline}::-webkit-scrollbar{display:none}.tabbar[data-v-f736f938]{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;display:flex;align-items:center;border-top:1px solid #eee;z-index:9999}.tabbar-item[data-v-f736f938]{flex:1;text-align:center;cursor:pointer}.tab-icon[data-v-f736f938]{width:22px;height:22px;margin:0 auto 4px;object-fit:contain}.tab-text[data-v-f736f938]{font-size:12px;color:#999}.tabbar-item.active .tab-text[data-v-f736f938]{color:#1890ff}