编辑页面

HTML内容
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>活动商城小程序</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            background: #f5f5f5;
            max-width: 414px;
            margin: 0 auto;
            overflow-x: hidden;
        }
        /* 通用页面容器 */
        .page {
            display: none;
            min-height: 100vh;
            background: #f5f5f5;
            padding-bottom: 60px;
        }
        .page.active {
            display: block;
        }
        /* 状态栏 */
        .status-bar {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 10px 15px;
            font-size: 12px;
            display: flex;
            justify-content: space-between;
            position: sticky;
            top: 0;
            z-index: 100;
        }
        /* 顶部导航 */
        .header {
            background: white;
            padding: 12px 15px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            position: sticky;
            top: 32px;
            z-index: 99;
        }
        .header-title {
            font-size: 17px;
            font-weight: 600;
            color: #333;
        }
        .back-btn, .close-btn {
            font-size: 24px;
            color: #333;
            cursor: pointer;
            padding: 5px;
        }
        /* 首页内容 */
        .banner {
            width: 100%;
            height: 160px;
            background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
            position: relative;
            overflow: hidden;
        }
        .banner-slider {
            display: flex;
            transition: transform 0.3s;
        }
        .banner-item {
            min-width: 100%;
            height: 160px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 16px;
            text-align: center;
        }
        .banner-dots {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 8px;
        }
        .banner-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(255,255,255,0.5);
        }
        .banner-dot.active {
            background: white;
        }
        /* 快捷功能区 */
        .quick-actions {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            padding: 15px;
            background: white;
            gap: 15px;
        }
        .quick-action {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            cursor: pointer;
        }
        .quick-action-icon {
            width: 48px;
            height: 48px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
        }
        .quick-action span {
            font-size: 12px;
            color: #666;
        }
        /* 活动列表 */
        .section-title {
            padding: 15px;
            font-size: 16px;
            font-weight: 600;
            color: #333;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .section-title::after {
            content: ">";
            font-weight: normal;
            color: #999;
        }
        .activity-list {
            padding: 0 15px;
        }
        .activity-card {
            background: white;
            border-radius: 12px;
            margin-bottom: 15px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
            cursor: pointer;
        }
        .activity-cover {
            width: 100%;
            height: 150px;
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-size: 14px;
        }
        .activity-info {
            padding: 12px;
        }
        .activity-name {
            font-size: 15px;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
        }
        .activity-meta {
            display: flex;
            justify-content: space-between;
            font-size: 12px;
            color: #999;
        }
        .activity-status {
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 11px;
        }
        .status-ongoing {
            background: #fff3e0;
            color: #ff9800;
        }
        .status-soon {
            background: #e3f2fd;
            color: #2196f3;
        }
        .status-ended {
            background: #f5f5f5;
            color: #999;
        }
        /* 底部导航栏 */
        .tab-bar {
            position: fixed;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            max-width: 414px;
            background: white;
            display: flex;
            padding: 8px 0;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.08);
            z-index: 100;
        }
        .tab-item {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            cursor: pointer;
            padding: 5px 0;
        }
        .tab-icon {
            font-size: 22px;
        }
        .tab-label {
            font-size: 10px;
            color: #999;
        }
        .tab-item.active .tab-label {
            color: #667eea;
        }
        /* 登录页 */
        .login-container {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 40px 30px;
        }
        .login-logo {
            width: 80px;
            height: 80px;
            background: white;
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 40px;
            margin-bottom: 20px;
        }
        .login-title {
            color: white;
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 60px;
        }
        .login-btn {
            width: 100%;
            padding: 14px;
            background: white;
            border: none;
            border-radius: 25px;
            font-size: 16px;
            color: #667eea;
            font-weight: 600;
            cursor: pointer;
            margin-bottom: 15px;
        }
        .login-phone-btn {
            background: rgba(255,255,255,0.2);
            color: white;
        }
        /* 搜索框 */
        .search-bar {
            padding: 10px 15px;
            background: white;
        }
        .search-input {
            width: 100%;
            padding: 10px 15px;
            background: #f5f5f5;
            border: none;
            border-radius: 20px;
            font-size: 14px;
        }
        /* 投票页面 */
        .category-tabs {
            display: flex;
            padding: 10px 15px;
            background: white;
            gap: 15px;
            overflow-x: auto;
        }
        .category-tab {
            padding: 6px 16px;
            border-radius: 15px;
            font-size: 13px;
            white-space: nowrap;
            cursor: pointer;
        }
        .category-tab.active {
            background: #667eea;
            color: white;
        }
        /* 选手列表 */
        .player-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            padding: 15px;
        }
        .player-card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            cursor: pointer;
        }
        .player-cover {
            width: 100%;
            height: 150px;
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 40px;
        }
        .player-info {
            padding: 10px;
        }
        .player-name {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin-bottom: 5px;
        }
        .player-votes {
            font-size: 12px;
            color: #ff6b6b;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .vote-btn {
            padding: 4px 12px;
            background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
            color: white;
            border: none;
            border-radius: 12px;
            font-size: 12px;
            cursor: pointer;
        }
        /* 选手详情页 */
        .player-detail-header {
            background: white;
            padding: 20px;
            text-align: center;
        }
        .player-avatar {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
            margin: 0 auto 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 40px;
        }
        .player-detail-name {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            margin-bottom: 10px;
        }
        .player-detail-votes {
            font-size: 24px;
            font-weight: 600;
            color: #ff6b6b;
            margin-bottom: 5px;
        }
        .player-detail-votes span {
            font-size: 12px;
            color: #999;
        }
        .player-intro {
            background: white;
            margin: 10px 15px;
            padding: 15px;
            border-radius: 10px;
        }
        .player-intro h4 {
            font-size: 14px;
            color: #333;
            margin-bottom: 8px;
        }
        .player-intro p {
            font-size: 13px;
            color: #666;
            line-height: 1.6;
        }
        /* 商城页面 */
        .mall-header {
            background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
            padding: 15px;
            color: white;
        }
        .mall-search {
            display: flex;
            background: rgba(255,255,255,0.2);
            border-radius: 20px;
            padding: 8px 15px;
            align-items: center;
        }
        .mall-search input {
            flex: 1;
            background: none;
            border: none;
            color: white;
            font-size: 14px;
            outline: none;
        }
        .mall-search input::placeholder {
            color: rgba(255,255,255,0.7);
        }
        .product-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            padding: 15px;
        }
        .product-card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            cursor: pointer;
        }
        .product-cover {
            width: 100%;
            height: 150px;
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-size: 40px;
        }
        .product-info {
            padding: 10px;
        }
        .product-name {
            font-size: 14px;
            color: #333;
            margin-bottom: 8px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .product-price {
            color: #ff6b6b;
            font-size: 16px;
            font-weight: 600;
        }
        .product-price span {
            font-size: 12px;
        }
        /* 商品详情页 */
        .product-detail-swiper {
            height: 300px;
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-size: 60px;
        }
        .product-detail-info {
            background: white;
            padding: 15px;
        }
        .product-detail-price {
            font-size: 24px;
            color: #ff6b6b;
            font-weight: 600;
            margin-bottom: 10px;
        }
        .product-detail-price span {
            font-size: 14px;
        }
        .product-detail-title {
            font-size: 16px;
            color: #333;
            margin-bottom: 10px;
        }
        .product-detail-stock {
            font-size: 12px;
            color: #999;
        }
        .product-detail-desc {
            background: white;
            margin: 10px 15px;
            padding: 15px;
            border-radius: 10px;
        }
        .product-detail-desc h4 {
            font-size: 14px;
            color: #333;
            margin-bottom: 10px;
        }
        .product-detail-desc p {
            font-size: 13px;
            color: #666;
            line-height: 1.6;
        }
        /* 商品收藏页面 */
        .collect-list {
            padding: 15px;
        }
        .collect-item {
            background: white;
            border-radius: 10px;
            padding: 12px;
            margin-bottom: 10px;
            display: flex;
            gap: 12px;
        }
        .collect-cover {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-size: 30px;
            flex-shrink: 0;
        }
        .collect-info {
            flex: 1;
        }
        .collect-name {
            font-size: 14px;
            color: #333;
            margin-bottom: 5px;
        }
        .collect-price {
            color: #ff6b6b;
            font-size: 14px;
        }
        /* 购物车页面 */
        .cart-list {
            padding: 15px;
        }
        .cart-item {
            background: white;
            border-radius: 10px;
            padding: 12px;
            margin-bottom: 10px;
            display: flex;
            gap: 12px;
            align-items: center;
        }
        .cart-check {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 2px solid #ddd;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            flex-shrink: 0;
        }
        .cart-check.selected {
            background: #667eea;
            border-color: #667eea;
            color: white;
        }
        .cart-cover {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-size: 24px;
            flex-shrink: 0;
        }
        .cart-info {
            flex: 1;
        }
        .cart-name {
            font-size: 14px;
            color: #333;
            margin-bottom: 5px;
        }
        .cart-price {
            color: #ff6b6b;
            font-size: 14px;
        }
        .cart-count {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .cart-count button {
            width: 24px;
            height: 24px;
            border-radius: 4px;
            border: 1px solid #ddd;
            background: white;
            font-size: 14px;
        }
        .cart-count span {
            font-size: 14px;
            min-width: 20px;
            text-align: center;
        }
        .cart-footer {
            position: fixed;
            bottom: 60px;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            max-width: 414px;
            background: white;
            padding: 10px 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.08);
        }
        .cart-total {
            font-size: 16px;
            color: #333;
        }
        .cart-total span {
            color: #ff6b6b;
            font-weight: 600;
        }
        .cart-settle {
            padding: 10px 25px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            border-radius: 20px;
            font-size: 14px;
        }
        /* 我的页面 */
        .profile-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            padding: 30px 20px 60px;
            color: white;
        }
        .profile-info {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        .profile-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: rgba(255,255,255,0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
        }
        .profile-name {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 5px;
        }
        .profile-level {
            font-size: 12px;
            padding: 2px 8px;
            background: rgba(255,255,255,0.2);
            border-radius: 10px;
        }
        .profile-menu {
            background: white;
            margin: -40px 15px 0;
            border-radius: 12px;
            padding: 10px 0;
        }
        .profile-menu-item {
            display: flex;
            align-items: center;
            padding: 15px;
            cursor: pointer;
        }
        .profile-menu-icon {
            width: 36px;
            height: 36px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            margin-right: 12px;
        }
        .profile-menu-text {
            flex: 1;
            font-size: 15px;
            color: #333;
        }
        .profile-menu-arrow {
            color: #ccc;
        }
        /* 订单列表页 */
        .order-tabs {
            display: flex;
            padding: 10px 15px;
            background: white;
            position: sticky;
            top: 88px;
            z-index: 50;
        }
        .order-tab {
            flex: 1;
            text-align: center;
            padding: 10px 0;
            font-size: 14px;
            color: #666;
            position: relative;
        }
        .order-tab.active {
            color: #667eea;
            font-weight: 600;
        }
        .order-tab.active::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 30px;
            height: 2px;
            background: #667eea;
            border-radius: 1px;
        }
        .order-list {
            padding: 15px;
        }
        .order-card {
            background: white;
            border-radius: 10px;
            margin-bottom: 15px;
            overflow: hidden;
        }
        .order-card-header {
            padding: 12px 15px;
            border-bottom: 1px solid #f5f5f5;
            display: flex;
            justify-content: space-between;
            font-size: 13px;
        }
        .order-card-header span:first-child {
            color: #999;
        }
        .order-card-header span:last-child {
            color: #ff6b6b;
        }
        .order-card-body {
            padding: 12px 15px;
            display: flex;
            gap: 12px;
        }
        .order-product-cover {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-size: 24px;
            flex-shrink: 0;
        }
        .order-product-info {
            flex: 1;
        }
        .order-product-name {
            font-size: 14px;
            color: #333;
            margin-bottom: 5px;
        }
        .order-product-price {
            font-size: 12px;
            color: #999;
        }
        .order-card-footer {
            padding: 12px 15px;
            display: flex;
            justify-content: flex-end;
            gap: 10px;
            border-top: 1px solid #f5f5f5;
        }
        .order-btn {
            padding: 6px 16px;
            border-radius: 15px;
            font-size: 13px;
            border: 1px solid #ddd;
            background: white;
            color: #666;
        }
        .order-btn-primary {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
        }
        /* 地址管理页面 */
        .address-list {
            padding: 15px;
        }
        .address-item {
            background: white;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 10px;
        }
        .address-item-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
        }
        .address-name {
            font-size: 16px;
            font-weight: 600;
            color: #333;
        }
        .address-phone {
            font-size: 14px;
            color: #666;
        }
        .address-detail {
            font-size: 13px;
            color: #999;
            margin-bottom: 10px;
        }
        .address-item-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .address-default {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 13px;
            color: #667eea;
        }
        .address-actions {
            display: flex;
            gap: 15px;
        }
        .address-action {
            font-size: 13px;
            color: #666;
        }
        .add-address-btn {
            position: fixed;
            bottom: 70px;
            left: 50%;
            transform: translateX(-50%);
            width: calc(100% - 30px);
            max-width: 384px;
            padding: 14px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            border-radius: 25px;
            font-size: 16px;
        }
        /* 优惠券页面 */
        .coupon-tabs {
            display: flex;
            padding: 10px 15px;
            background: white;
            position: sticky;
            top: 88px;
            z-index: 50;
        }
        .coupon-list {
            padding: 15px;
        }
        .coupon-item {
            background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 15px;
            color: white;
            display: flex;
            gap: 15px;
        }
        .coupon-left {
            text-align: center;
            border-right: 1px dashed rgba(255,255,255,0.5);
            padding-right: 15px;
        }
        .coupon-price {
            font-size: 28px;
            font-weight: 600;
        }
        .coupon-price span {
            font-size: 14px;
        }
        .coupon-desc {
            font-size: 12px;
            opacity: 0.8;
        }
        .coupon-right {
            flex: 1;
        }
        .coupon-name {
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 8px;
        }
        .coupon-rule {
            font-size: 12px;
            opacity: 0.8;
            margin-bottom: 8px;
        }
        .coupon-time {
            font-size: 11px;
            opacity: 0.7;
        }
        /* 拼团页面 */
        .group-buy-list {
            padding: 15px;
        }
        .group-buy-card {
            background: white;
            border-radius: 10px;
            margin-bottom: 15px;
            overflow: hidden;
        }
        .group-buy-cover {
            height: 150px;
            background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
        }
        .group-buy-info {
            padding: 12px;
        }
        .group-buy-name {
            font-size: 15px;
            color: #333;
            margin-bottom: 8px;
        }
        .group-buy-price {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 10px;
        }
        .group-buy-price .group {
            color: #ff6b6b;
            font-size: 18px;
            font-weight: 600;
        }
        .group-buy-price .original {
            color: #999;
            font-size: 12px;
            text-decoration: line-through;
        }
        .group-buy-progress {
            margin-bottom: 10px;
        }
        .progress-bar {
            height: 6px;
            background: #f5f5f5;
            border-radius: 3px;
            overflow: hidden;
            margin-bottom: 5px;
        }
        .progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #ff6b6b, #ee5a6f);
            border-radius: 3px;
        }
        .progress-text {
            font-size: 11px;
            color: #999;
        }
        .group-buy-btn {
            display: inline-block;
            padding: 8px 20px;
            background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
            color: white;
            border-radius: 18px;
            font-size: 14px;
        }
        /* 订单确认页 */
        .confirm-address {
            background: white;
            margin: 10px 15px;
            padding: 15px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            cursor: pointer;
        }
        .confirm-address-info {
            flex: 1;
        }
        .confirm-address-name {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            margin-bottom: 5px;
        }
        .confirm-address-detail {
            font-size: 13px;
            color: #666;
        }
        .confirm-products {
            background: white;
            margin: 10px 15px;
            padding: 15px;
            border-radius: 10px;
        }
        .confirm-product-item {
            display: flex;
            gap: 12px;
            padding: 10px 0;
            border-bottom: 1px solid #f5f5f5;
        }
        .confirm-product-item:last-child {
            border-bottom: none;
        }
        .confirm-product-cover {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-size: 24px;
        }
        .confirm-product-info {
            flex: 1;
        }
        .confirm-product-name {
            font-size: 14px;
            color: #333;
            margin-bottom: 5px;
        }
        .confirm-product-price {
            font-size: 13px;
            color: #999;
        }
        .confirm-footer {
            position: fixed;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            max-width: 414px;
            background: white;
            padding: 10px 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.08);
        }
        .confirm-total {
            font-size: 14px;
            color: #666;
        }
        .confirm-total span {
            color: #ff6b6b;
            font-size: 18px;
            font-weight: 600;
        }
        .confirm-pay-btn {
            padding: 12px 30px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            border-radius: 20px;
            font-size: 15px;
        }
        /* 消息通知页面 */
        .message-list {
            padding: 15px;
        }
        .message-item {
            background: white;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 10px;
        }
        .message-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
        }
        .message-title {
            font-size: 15px;
            font-weight: 600;
            color: #333;
        }
        .message-time {
            font-size: 12px;
            color: #999;
        }
        .message-content {
            font-size: 13px;
            color: #666;
            line-height: 1.6;
        }
        /* 设置页面 */
        .settings-list {
            padding: 15px;
        }
        .settings-item {
            background: white;
            border-radius: 10px;
            margin-bottom: 10px;
            padding: 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
        }
        .settings-item-left {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .settings-icon {
            width: 36px;
            height: 36px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
        }
        .settings-name {
            font-size: 15px;
            color: #333;
        }
        .toggle-switch {
            width: 44px;
            height: 24px;
            background: #ddd;
            border-radius: 12px;
            position: relative;
            cursor: pointer;
        }
        .toggle-switch.active {
            background: #667eea;
        }
        .toggle-switch::after {
            content: "";
            position: absolute;
            width: 20px;
            height: 20px;
            background: white;
            border-radius: 50%;
            top: 2px;
            left: 2px;
            transition: transform 0.3s;
        }
        .toggle-switch.active::after {
            transform: translateX(20px);
        }
        /* 报名页面 */
        .register-form {
            padding: 15px;
        }
        .form-item {
            background: white;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 10px;
        }
        .form-label {
            font-size: 14px;
            color: #666;
            margin-bottom: 8px;
        }
        .form-input {
            width: 100%;
            padding: 10px 0;
            border: none;
            font-size: 15px;
            color: #333;
            outline: none;
        }
        .form-textarea {
            width: 100%;
            padding: 10px 0;
            border: none;
            font-size: 15px;
            color: #333;
            outline: none;
            resize: none;
            height: 80px;
        }
        .form-upload {
            border: 1px dashed #ddd;
            border-radius: 10px;
            padding: 30px;
            text-align: center;
            color: #999;
            cursor: pointer;
        }
        .submit-btn {
            width: calc(100% - 30px);
            margin: 20px 15px;
            padding: 14px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            border-radius: 25px;
            font-size: 16px;
        }
        /* 排行榜页面 */
        .rank-list {
            padding: 15px;
        }
        .rank-item {
            background: white;
            border-radius: 10px;
            padding: 12px 15px;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .rank-num {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            font-weight: 600;
            color: #666;
        }
        .rank-item:nth-child(1) .rank-num {
            background: #ffd700;
            color: white;
        }
        .rank-item:nth-child(2) .rank-num {
            background: #c0c0c0;
            color: white;
        }
        .rank-item:nth-child(3) .rank-num {
            background: #cd7f32;
            color: white;
        }
        .rank-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 18px;
        }
        .rank-info {
            flex: 1;
        }
        .rank-name {
            font-size: 14px;
            color: #333;
            margin-bottom: 3px;
        }
        .rank-votes {
            font-size: 12px;
            color: #ff6b6b;
        }
        /* 公众号页面 */
        .wechat-content {
            padding: 20px;
            text-align: center;
        }
        .qr-code {
            width: 200px;
            height: 200px;
            background: white;
            margin: 0 auto 20px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 60px;
        }
        .wechat-name {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            margin-bottom: 10px;
        }
        .wechat-desc {
            font-size: 14px;
            color: #999;
            line-height: 1.6;
        }
        /* 分享海报页 */
        .poster-preview {
            padding: 20px;
            display: flex;
            justify-content: center;
        }
        .poster {
            width: 280px;
            height: 400px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 16px;
            padding: 20px;
            color: white;
            display: flex;
            flex-direction: column;
        }
        .poster-header {
            text-align: center;
            margin-bottom: 20px;
        }
        .poster-title {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 5px;
        }
        .poster-subtitle {
            font-size: 12px;
            opacity: 0.8;
        }
        .poster-image {
            flex: 1;
            background: rgba(255,255,255,0.2);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 50px;
            margin-bottom: 20px;
        }
        .poster-info {
            text-align: center;
        }
        .poster-name {
            font-size: 16px;
            margin-bottom: 5px;
        }
        .poster-code {
            width: 60px;
            height: 60px;
            background: white;
            border-radius: 8px;
            margin: 10px auto;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
        }
        .poster-tip {
            font-size: 11px;
            opacity: 0.8;
        }
        /* 帮助中心页面 */
        .help-list {
            padding: 15px;
        }
        .help-item {
            background: white;
            border-radius: 10px;
            margin-bottom: 10px;
            overflow: hidden;
        }
        .help-question {
            padding: 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
        }
        .help-question span {
            font-size: 14px;
            color: #333;
        }
        .help-answer {
            padding: 0 15px 15px;
            font-size: 13px;
            color: #666;
            line-height: 1.6;
            display: none;
        }
        .help-item.active .help-answer {
            display: block;
        }
        /* 搜索页面 */
        .search-history {
            padding: 15px;
        }
        .search-history-title {
            font-size: 14px;
            color: #999;
            margin-bottom: 10px;
            display: flex;
            justify-content: space-between;
        }
        .search-history-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        .search-tag {
            padding: 6px 12px;
            background: white;
            border-radius: 15px;
            font-size: 13px;
            color: #666;
        }
        /* Toast提示 */
        .toast {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(0,0,0,0.7);
            color: white;
            padding: 15px 30px;
            border-radius: 8px;
            font-size: 14px;
            z-index: 1000;
            display: none;
        }
        .toast.show {
            display: block;
            animation: fadeInOut 2s ease-in-out;
        }
        @keyframes fadeInOut {
            0% { opacity: 0; }
            20% { opacity: 1; }
            80% { opacity: 1; }
            100% { opacity: 0; }
        }
        /* 弹窗 */
        .modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 200;
        }
        .modal.show {
            display: flex;
        }
        .modal-content {
            background: white;
            border-radius: 16px;
            padding: 25px;
            width: 280px;
            text-align: center;
        }
        .modal-title {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            margin-bottom: 15px;
        }
        .modal-btns {
            display: flex;
            gap: 10px;
        }
        .modal-btn {
            flex: 1;
            padding: 12px;
            border-radius: 20px;
            font-size: 14px;
            border: none;
            cursor: pointer;
        }
        .modal-btn-cancel {
            background: #f5f5f5;
            color: #666;
        }
        .modal-btn-confirm {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
        }
    </style>
</head>
<body>
    <!-- Toast提示 -->
    <div class="toast" id="toast"></div>
    
    <!-- 弹窗 -->
    <div class="modal" id="modal">
        <div class="modal-content">
            <div class="modal-title" id="modalTitle">提示</div>
            <div class="modal-btns">
                <button class="modal-btn modal-btn-cancel" onclick="closeModal()">取消</button>
                <button class="modal-btn modal-btn-confirm" onclick="confirmModal()">确定</button>
            </div>
        </div>
    </div>

    <!-- 首页 -->
    <div class="page active" id="page-home">
        <div class="status-bar">
            <span>9:41</span>
            <span>信号 WiFi 100%</span>
        </div>
        <div class="banner">
            <div class="banner-slider">
                <div class="banner-item">🎉 精彩活动进行中</div>
                <div class="banner-item">🏆 投票评选火热进行</div>
                <div class="banner-item">🛒 商城好物限时优惠</div>
            </div>
            <div class="banner-dots">
                <div class="banner-dot active"></div>
                <div class="banner-dot"></div>
                <div class="banner-dot"></div>
            </div>
        </div>
        <div class="search-bar">
            <input type="text" class="search-input" placeholder="搜索活动/商品/选手" onclick="goPage('page-search')">
        </div>
        <div class="quick-actions">
            <div class="quick-action" onclick="goPage('page-register')">
                <div class="quick-action-icon" style="background:#fff3e0;color:#ff9800;">📝</div>
                <span>我要报名</span>
            </div>
            <div class="quick-action" onclick="goPage('page-vote')">
                <div class="quick-action-icon" style="background:#e3f2fd;color:#2196f3;">🗳</div>
                <span>我要投票</span>
            </div>
            <div class="quick-action" onclick="goPage('page-mall')">
                <div class="quick-action-icon" style="background:#e8f5e9;color:#4caf50;">🛒</div>
                <span>商城入口</span>
            </div>
            <div class="quick-action" onclick="goPage('page-coupon')">
                <div class="quick-action-icon" style="background:#fce4ec;color:#e91e63;">🎫</div>
                <span>领优惠券</span>
            </div>
        </div>
        <div class="section-title" onclick="goPage('page-vote')">投票评选活动</div>
        <div class="activity-list">
            <div class="activity-card" onclick="goPage('page-activity-detail')">
                <div class="activity-cover">🏆 活动封面</div>
                <div class="activity-info">
                    <div class="activity-name">2025年度最佳员工评选</div>
                    <div class="activity-meta">
                        <span>票数: 12,580</span>
                        <span class="activity-status status-ongoing">进行中</span>
                    </div>
                </div>
            </div>
            <div class="activity-card" onclick="goPage('page-activity-detail')">
                <div class="activity-cover">⭐ 活动封面</div>
                <div class="activity-info">
                    <div class="activity-name">校园歌手大赛投票</div>
                    <div class="activity-meta">
                        <span>倒计时: 3天12时</span>
                        <span class="activity-status status-soon">即将开始</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-bar">
            <div class="tab-item active" onclick="switchTab(0)">
                <div class="tab-icon">🏠</div>
                <div class="tab-label">首页</div>
            </div>
            <div class="tab-item" onclick="switchTab(1)">
                <div class="tab-icon">🗳</div>
                <div class="tab-label">活动</div>
            </div>
            <div class="tab-item" onclick="switchTab(2)">
                <div class="tab-icon">🛒</div>
                <div class="tab-label">商城</div>
            </div>
            <div class="tab-item" onclick="switchTab(3)">
                <div class="tab-icon">👤</div>
                <div class="tab-label">我的</div>
            </div>
        </div>
    </div>

    <!-- 登录页 -->
    <div class="page" id="page-login">
        <div class="login-container">
            <div class="login-logo">🎪</div>
            <div class="login-title">活动商城</div>
            <button class="login-btn" onclick="showToast('微信授权登录成功'); goPage('page-home')">微信一键登录</button>
            <button class="login-btn login-phone-btn" onclick="showToast('请输入手机号');">手机号登录</button>
        </div>
    </div>

    <!-- 投票活动页 -->
    <div class="page" id="page-vote">
        <div class="status-bar">
            <span>9:41</span>
            <span>信号 WiFi 100%</span>
        </div>
        <div class="header">
            <div class="back-btn" onclick="goPage('page-home')">‹</div>
            <div class="header-title">投票评选</div>
            <div style="width:30px;"></div>
        </div>
        <div class="search-bar">
            <input type="text" class="search-input" placeholder="搜索活动">
        </div>
        <div class="category-tabs">
            <div class="category-tab active" onclick="switchVoteCategory(0)">全部</div>
            <div class="category-tab" onclick="switchVoteCategory(1)">进行中</div>
            <div class="category-tab" onclick="switchVoteCategory(2)">即将开始</div>
            <div class="category-tab" onclick="switchVoteCategory(3)">已结束</div>
            <div class="category-tab" onclick="switchVoteCategory(4)">我的参与</div>
        </div>
        <div class="activity-list">
            <div class="activity-card" onclick="goPage('page-activity-detail')">
                <div class="activity-cover">🏆 活动封面</div>
                <div class="activity-info">
                    <div class="activity-name">2025年度最佳员工评选</div>
                    <div class="activity-meta">
                        <span>票数: 12,580</span>
                        <span class="activity-status status-ongoing">进行中</span>
                    </div>
                </div>
            </div>
            <div class="activity-card" onclick="goPage('page-activity-detail')">
                <div class="activity-cover">⭐ 活动封面</div>
                <div class="activity-info">
                    <div class="activity-name">校园歌手大赛投票</div>
                    <div class="activity-meta">
                        <span>倒计时: 3天12时</span>
                        <span class="activity-status status-soon">即将开始</span>
                    </div>
                </div>
            </div>
            <div class="activity-card" onclick="goPage('page-activity-detail')">
                <div class="activity-cover">🎨 活动封面</div>
                <div class="activity-info">
                    <div class="activity-name">最佳摄影作品评选</div>
                    <div class="activity-meta">
                        <span>已结束</span>
                        <span class="activity-status status-ended">已结束</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-bar">
            <div class="tab-item" onclick="switchTab(0)">
                <div class="tab-icon">🏠</div>
                <div class="tab-label">首页</div>
            </div>
            <div class="tab-item active" onclick="switchTab(1)">
                <div class="tab-icon">🗳</div>
                <div class="tab-label">活动</div>
            </div>
            <div class="tab-item" onclick="switchTab(2)">
                <div class="tab-icon">🛒</div>
                <div class="tab-label">商城</div>
            </div>
            <div class="tab-item" onclick="switchTab(3)">
                <div class="tab-icon">👤</div>
                <div class="tab-label">我的</div>
            </div>
        </div>
    </div>

    <!-- 活动详情页 -->
    <div class="page" id="page-activity-detail">
        <div class="status-bar">
            <span>9:41</span>
            <span>信号 WiFi 100%</span>
        </div>
        <div class="header">
            <div class="back-btn" onclick="goPage('page-vote')">‹</div>
            <div class="header-title">活动详情</div>
            <div style="width:30px;"></div>
        </div>
        <div style="height:180px;background:linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);display:flex;align-items:center;justify-content:center;color:#666;font-size:40px;">🏆</div>
        <div style="background:white;padding:15px;margin-bottom:10px;">
            <h2 style="font-size:18px;margin-bottom:10px;">2025年度最佳员工评选</h2>
            <div style="display:flex;gap:15px;font-size:12px;color:#999;">
                <span>📅 2025.05.01 - 2025.06.30</span>
                <span>👁 5,280人参与</span>
            </div>
        </div>
        <div style="background:white;padding:15px;margin-bottom:10px;">
            <h4 style="font-size:14px;color:#333;margin-bottom:10px;">活动规则</h4>
            <p style="font-size:13px;color:#666;line-height:1.6;">
                1. 每位用户每天可投3票<br>
                2. 每位选手最多被投100票<br>
                3. 投票后可分享给好友拉票<br>
                4. 最终根据票数排名评选
            </p>
        </div>
        <div style="background:white;padding:15px;margin-bottom:10px;">
            <h4 style="font-size:14px;color:#333;margin-bottom:10px;">奖项设置</h4>
            <div style="display:flex;gap:20px;">
                <div style="text-align:center;">
                    <div style="font-size:24px;">🥇</div>
                    <div style="font-size:12px;color:#666;">一等奖</div>
                    <div style="font-size:11px;color:#999;">奖金10000元</div>
                </div>
                <div style="text-align:center;">
                    <div style="font-size:24px;">🥈</div>
                    <div style="font-size:12px;color:#666;">二等奖</div>
                    <div style="font-size:11px;color:#999;">奖金5000元</div>
                </div>
                <div style="text-align:center;">
                    <div style="font-size:24px;">🥉</div>
                    <div style="font-size:12px;color:#666;">三等奖</div>
                    <div style="font-size:11px;color:#999;">奖金2000元</div>
                </div>
            </div>
        </div>
        <div style="background:white;padding:15px;margin-bottom:10px;">
            <h4 style="font-size:14px;color:#333;margin-bottom:10px;">活动倒计时</h4>
            <div style="font-size:24px;color:#ff6b6b;font-weight:600;">36天 12时 35分</div>
        </div>
        <div class="activity-list">
            <div style="background:white;border-radius:12px;padding:15px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;">
                <div>
                    <div style="font-size:15px;color:#333;margin-bottom:5px;">参赛选手</div>
                    <div style="font-size:12px;color:#999;">共128位选手参与</div>
                </div>
                <div style="color:#667eea;font-size:14px;" onclick="goPage('page-player-list')">查看全部 ›</div>
            </div>
        </div>
        <div style="padding:15px;display:flex;gap:10px;">
            <button style="flex:1;padding:12px;background:white;border:1px solid #667eea;color:#667eea;border-radius:20px;" onclick="goPage('page-register')">我要报名</button>
            <button style="flex:1;padding:12px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border:none;border-radius:20px;" onclick="goPage('page-player-list')">去投票</button>
        </div>
    </div>

    <!-- 选手列表页 -->
    <div class="page" id="page-player-list">
        <div class="status-bar">
            <span>9:41</span>
            <span>信号 WiFi 100%</span>
        </div>
        <div class="header">
            <div class="back-btn" onclick="goPage('page-activity-detail')">‹</div>
            <div class="header-title">选手列表</div>
            <div class="close-btn" onclick="goPage('page-rank')">🏅</div>
        </div>
        <div class="search-bar">
            <input type="text" class="search-input" placeholder="搜索选手姓名/编号">
        </div>
        <div style="background:white;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;">
            <span style="font-size:13px;color:#666;">今日剩余票数: <span style="color:#ff6b6b;font-weight:600;">5票</span></span>
            <span style="font-size:12px;color:#999;" onclick="goPage('page-vote-record')">投票记录 ›</span>
        </div>
        <div class="player-grid">
            <div class="player-card" onclick="goPage('page-player-detail')">
                <div class="player-cover">👤</div>
                <div class="player-info">
                    <div class="player-name">张伟</div>
                    <div class="player-votes">
                        <span>2,580票</span>
                        <button class="vote-btn">投票</button>
                    </div>
                </div>
            </div>
            <div class="player-card" onclick="goPage('page-player-detail')">
                <div class="player-cover">👤</div>
                <div class="player-info">
                    <div class="player-name">李娜</div>
                    <div class="player-votes">
                        <span>2,340票</span>
                        <button class="vote-btn">投票</button>
                    </div>
                </div>
            </div>
            <div class="player-card" onclick="goPage('page-player-detail')">
                <div class="player-cover">👤</div>
                <div class="player-info">
                    <div class="player-name">王芳</div>
                    <div class="player-votes">
                        <span>1,980票</span>
                        <button class="vote-btn">投票</button>
                    </div>
                </div>
            </div>
            <div class="player-card" onclick="goPage('page-player-detail')">
                <div class="player-cover">👤</div>
                <div class="player-info">
                    <div class="player-name">刘强</div>
                    <div class="player-votes">
                        <span>1,750票</span>
                        <button class="vote-btn">投票</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 选手详情页 -->
    <div class="page" id="page-player-detail">
        <div class="status-bar">
            <span>9:41</span>
            <span>信号 WiFi 100%</span>
        </div>
        <div class="header" style="background:white;">
            <div class="back-btn" onclick="goPage('page-player-list')">‹</div>
            <div class="header-title">选手详情</div>
            <div style="width:30px;"></div>
        </div>
        <div class="player-detail-header">
            <div class="player-avatar">👤</div>
            <div class="player-detail-name">张伟</div>
            <div class="player-detail-votes">2,580 <span>票</span></div>
        </div>
        <div class="player-intro">
            <h4>个人简介</h4>
            <p>热爱工作，积极向上，曾获得年度优秀员工称号。工作认真负责，乐于助人，深受同事喜爱。</p>
        </div>
        <div class="player-intro">
            <h4>参赛作品</h4>
            <div style="height:150px;background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:40px;">🖼</div>
        </div>
        <div style="padding:15px;display:flex;gap:10px;">
            <button style="flex:1;padding:12px;background:white;border:1px solid #ddd;color:#666;border-radius:20px;" onclick="showToast('已分享到微信')">📤 分享</button>
            <button style="flex:1;padding:12px;background:linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);color:white;border:none;border-radius:20px;" onclick="showToast('投票成功 +1票')">🗳 投票</button>
        </div>
    </div>

    <!-- 排行榜页 -->
    <div class="page" id="page-rank">
        <div class="status-bar">
            <span>9:41</span>
            <span>信号 WiFi 100%</span>
        </div>
        <div class="header">
            <div class="back-btn" onclick="goPage('page-player-list')">‹</div>
            <div class="header-title">选手排行榜</div>
            <div style="width:30px;"></div>
        </div>
        <div class="rank-list">
            <div class="rank-item">
                <div class="rank-num">1</div>
                <div class="rank-avatar">👤</div>
                <div class="rank-info">
                    <div class="rank-name">张伟</div>
                    <div class="rank-votes">2,580票</div>
                </div>
            </div>
            <div class="rank-item">
                <div class="rank-num">2</div>
                <div class="rank-avatar">👤</div>
                <div class="rank-info">
                    <div class="rank-name">李娜</div>
                    <div class="rank-votes">2,340票</div>
                </div>
            </div>
            <div class="rank-item">
                <div class="rank-num">3</div>
                <div class="rank-avatar">👤</div>
                <div class="rank-info">
                    <div class="rank-name">王芳</div>
                    <div class="rank-votes">1,980票</div>
                </div>
            </div>
            <div class="rank-item">
                <div class="rank-num">4</div>
                <div class="rank-avatar">👤</div>
                <div class="rank-info">
                    <div class="rank-name">刘强</div>
                    <div class="rank-votes">1,750票</div>
                </div>
            </div>
            <div class="rank-item">
                <div class="rank-num">5</div>
                <div class="rank-avatar">👤</div>
                <div class="rank-info">
                    <div class="rank-name">陈明</div>
                    <div class="rank-votes">1,520票</div>
                </div>
            </div>
        </div>
    </div>

    <!-- 投票记录页 -->
    <div class="page" id="page-vote-record">
        <div class="status-bar">
            <span>9:41</span>
            <span>信号 WiFi 100%</span>
        </div>
        <div class="header">
            <div class="back-btn" onclick="goPage('page-player-list')">‹</div>
            <div class="header-title">我的投票记录</div>
            <div style="width:30px;"></div>
        </div>
        <div class="message-list">
            <div class="message-item">
                <div class="message-header">
                    <span style="font-size:14px;color:#333;">为 张伟 投票</span>
                    <span style="font-size:12px;color:#999;">05-20 14:30</span>
                </div>
                <div style="font-size:12px;color:#666;">2025年度最佳员工评选</div>
            </div>
            <div class="message-item">
                <div class="message-header">
                    <span style="font-size:14px;color:#333;">为 李娜 投票</span>
                    <span style="font-size:12px;color:#999;">05-19 09:15</span>
                </div>
                <div style="font-size:12px;color:#666;">2025年度最佳员工评选</div>
            </div>
            <div class="message-item">
                <div class="message-header">
                    <span style="font-size:14px;color:#333;">为 王芳 投票</span>
                    <span style="font-size:12px;color:#999;">05-18 16:45</span>
                </div>
                <div style="font-size:12px;color:#666;">2025年度最佳员工评选</div>
            </div>
        </div>
    </div>

    <!-- 报名页 -->
    <div class="page" id="page-register">
        <div class="status-bar">
            <span>9:41</span>
            <span>信号 WiFi 100%</span>
        </div>
        <div class="header">
            <div class="back-btn" onclick="goPage('page-activity-detail')">‹</div>
            <div class="header-title">报名参赛</div>
            <div style="width:30px;"></div>
        </div>
        <div class="register-form">
            <div class="form-item">
                <div class="form-label">姓名</div>
                <input type="text" class="form-input" placeholder="请输入真实姓名">
            </div>
            <div class="form-item">
                <div class="form-label">手机号</div>
                <input type="tel" class="form-input" placeholder="请输入联系电话">
            </div>
            <div class="form-item">
                <div class="form-label">个人简介</div>
                <textarea class="form-textarea" placeholder="请输入个人简介或参赛宣言">
编辑页面

商品描述

活动商城

在线客服
