编辑页面

页面标题
有效期修改后将从当前时间重新计算过期时间
CSS文件（可选）
JS文件（可选）
HTML内容
<!DOCTYPE html>

<html lang="zh-CN">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>
<title>农资小程序 - 完整交互原型</title>
<link href="npm/remixicon@4.2.0/fonts/remixicon.css" rel="stylesheet"/>
<style>
        * { margin: 0; padding: 0; box-sizing: border-box; }

        :root {
            --primary: #27ae60;
            --primary-dark: #1e8449;
            --secondary: #f39c12;
            --danger: #e74c3c;
            --info: #3498db;
            --bg-light: #f5f7fa;
            --text-dark: #2c3e50;
            --text-light: #95a5a6;
            --white: #ffffff;
            --border: #e8ecef;
            --shadow: 0 2px 12px rgba(0,0,0,0.08);
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            padding: 20px;
        }

        /* 平台容器 */
        .platform {
            display: flex;
            gap: 40px;
            max-width: 1400px;
            margin: 0 auto;
            flex-wrap: wrap;
            justify-content: center;
        }

        /* 手机框架 */
        .phone-container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .phone-label {
            color: white;
            font-size: 14px;
            margin-bottom: 12px;
            font-weight: 500;
            text-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

        .phone-frame {
            width: 375px;
            height: 812px;
            background: var(--white);
            border-radius: 44px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 50px 100px rgba(0,0,0,0.3);
        }

        .phone-notch {
            width: 150px;
            height: 34px;
            background: #000;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 0 0 20px 20px;
            z-index: 100;
        }

        .phone-screen {
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            position: relative;
        }

        .phone-screen::-webkit-scrollbar { display: none; }

        /* 页面通用样式 */
        .page { display: none; height: 100%; }
        .page.active { display: flex; flex-direction: column; }
        .page-content { flex: 1; overflow-y: auto; padding-bottom: 70px; }
        .page-content::-webkit-scrollbar { display: none; }

        /* 状态栏 */
        .status-bar {
            height: 44px;
            background: var(--white);
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 24px;
            font-size: 12px;
            font-weight: 600;
            position: relative;
            z-index: 10;
        }

        /* 顶部导航 */
        .nav-bar {
            height: 56px;
            background: var(--white);
            display: flex;
            align-items: center;
            padding: 0 16px;
            position: relative;
            border-bottom: 1px solid var(--border);
        }

        .nav-back {
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            border-radius: 50%;
            transition: background 0.2s;
        }

        .nav-back:hover { background: var(--bg-light); }
        .nav-back i { font-size: 20px; color: var(--text-dark); }

        .nav-title {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            font-size: 17px;
            font-weight: 600;
        }

        .nav-right {
            margin-left: auto;
            display: flex;
            gap: 12px;
        }

        .nav-icon {
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        /* 首页样式 */
        .home-header {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            padding: 16px 20px 24px;
            color: white;
        }

        .home-header-top {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
        }

        .home-logo {
            width: 40px;
            height: 40px;
            background: rgba(255,255,255,0.2);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .home-logo i { font-size: 24px; }

        .home-search {
            flex: 1;
            background: rgba(255,255,255,0.2);
            border-radius: 22px;
            padding: 10px 16px;
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
        }

        .home-search input {
            flex: 1;
            background: none;
            border: none;
            color: white;
            font-size: 14px;
        }

        .home-search input::placeholder { color: rgba(255,255,255,0.7); }
        .home-search i { color: rgba(255,255,255,0.8); }

        /* 轮播图 */
        .banner {
            margin: -10px 16px 16px;
            border-radius: 12px;
            overflow: hidden;
            height: 140px;
            background: linear-gradient(135deg, #11998e, #38ef7d);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
        }

        .banner h3 { font-size: 20px; margin-bottom: 4px; }
        .banner p { font-size: 13px; opacity: 0.9; }

        .banner-dots {
            display: flex;
            gap: 6px;
            margin-top: 12px;
        }

        .banner-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(255,255,255,0.5);
        }

        .banner-dot.active {
            background: white;
            width: 20px;
            border-radius: 4px;
        }

        /* 分类网格 */
        .category-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
            padding: 0 16px;
            margin-bottom: 20px;
        }

        .category-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            cursor: pointer;
            transition: transform 0.2s;
        }

        .category-item:hover { transform: scale(1.05); }

        .category-icon {
            width: 52px;
            height: 52px;
            border-radius: 14px;
            background: var(--bg-light);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
        }

        .category-name {
            font-size: 12px;
            color: var(--text-dark);
        }

        /* 商品网格 */
        .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 16px;
            margin-bottom: 12px;
        }

        .section-title {
            font-size: 16px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .section-title::before {
            content: '';
            width: 4px;
            height: 16px;
            background: var(--primary);
            border-radius: 2px;
        }

        .more-link {
            font-size: 13px;
            color: var(--text-light);
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .product-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            padding: 0 16px;
        }

        .product-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
        }

        .product-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
        }

        .product-image {
            width: 100%;
            height: 130px;
            background: var(--bg-light);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 48px;
        }

        .product-info {
            padding: 12px;
        }

        .product-name {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 8px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-height: 1.4;
            height: 2.8em;
        }

        .product-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .product-price {
            color: var(--danger);
            font-weight: 600;
            font-size: 16px;
        }

        .product-price span {
            font-size: 12px;
        }

        .product-sales {
            font-size: 12px;
            color: var(--text-light);
        }

        /* 底部导航 */
        .bottom-nav {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: white;
            display: flex;
            justify-content: space-around;
            padding: 8px 0 20px;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.05);
            z-index: 50;
        }

        .nav-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            color: var(--text-light);
            font-size: 11px;
            cursor: pointer;
            padding: 4px 16px;
            border-radius: 8px;
            transition: all 0.2s;
        }

        .nav-item.active { color: var(--primary); }
        .nav-item i { font-size: 22px; }

        /* 商品详情页 */
        .detail-image {
            width: 100%;
            height: 300px;
            background: var(--bg-light);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 80px;
        }

        .detail-content {
            padding: 20px;
        }

        .detail-price-row {
            display: flex;
            align-items: baseline;
            gap: 12px;
            margin-bottom: 12px;
        }

        .detail-price {
            color: var(--danger);
            font-size: 28px;
            font-weight: 700;
        }

        .detail-original {
            color: var(--text-light);
            font-size: 14px;
            text-decoration: line-through;
        }

        .detail-title {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 12px;
            line-height: 1.5;
        }

        .detail-desc {
            font-size: 14px;
            color: var(--text-light);
            line-height: 1.8;
            margin-bottom: 20px;
        }

        .detail-section {
            background: var(--bg-light);
            border-radius: 12px;
            padding: 16px;
            margin-bottom: 12px;
        }

        .detail-section-title {
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .spec-options {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .spec-item {
            padding: 8px 16px;
            background: white;
            border-radius: 8px;
            font-size: 14px;
            cursor: pointer;
            border: 2px solid transparent;
            transition: all 0.2s;
        }

        .spec-item.selected {
            border-color: var(--primary);
            color: var(--primary);
        }

        .detail-actions {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: white;
            padding: 12px 16px 28px;
            display: flex;
            gap: 12px;
            box-shadow: 0 -4px 12px rgba(0,0,0,0.08);
        }

        .action-cart {
            flex: 1;
            background: var(--secondary);
            color: white;
            border: none;
            border-radius: 24px;
            padding: 14px;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .action-buy {
            flex: 1;
            background: var(--primary);
            color: white;
            border: none;
            border-radius: 24px;
            padding: 14px;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
        }

        /* 分类页 */
        .category-page {
            display: flex;
            height: 100%;
        }

        .category-left {
            width: 90px;
            background: var(--bg-light);
            overflow-y: auto;
        }

        .category-left::-webkit-scrollbar { display: none; }

        .category-tab {
            padding: 16px 12px;
            font-size: 14px;
            text-align: center;
            cursor: pointer;
            border-left: 3px solid transparent;
            transition: all 0.2s;
        }

        .category-tab.active {
            background: white;
            border-left-color: var(--primary);
            color: var(--primary);
            font-weight: 600;
        }

        .category-right {
            flex: 1;
            padding: 16px;
            overflow-y: auto;
        }

        .category-banner {
            width: 100%;
            height: 100px;
            background: linear-gradient(135deg, #a8e063, #56ab2f);
            border-radius: 12px;
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 16px;
            font-weight: 600;
        }

        .sub-category {
            margin-bottom: 16px;
        }

        .sub-category-title {
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 12px;
        }

        .sub-category-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 12px;
        }

        .sub-category-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            cursor: pointer;
        }

        .sub-category-icon {
            width: 50px;
            height: 50px;
            background: var(--bg-light);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
        }

        .sub-category-name {
            font-size: 12px;
            color: var(--text-dark);
            text-align: center;
        }

        /* 购物车页 */
        .cart-header {
            padding: 16px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .cart-title {
            font-size: 18px;
            font-weight: 600;
        }

        .cart-edit {
            color: var(--primary);
            font-size: 14px;
            cursor: pointer;
        }

        .cart-empty {
            text-align: center;
            padding: 60px 20px;
        }

        .cart-empty i {
            font-size: 64px;
            color: var(--text-light);
            margin-bottom: 16px;
        }

        .cart-empty p {
            color: var(--text-light);
            margin-bottom: 20px;
        }

        .cart-shop {
            padding: 16px;
            border-top: 1px solid var(--border);
        }

        .cart-shop-header {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 12px;
        }

        .cart-shop-name {
            font-size: 14px;
            font-weight: 600;
            flex: 1;
        }

        .cart-item {
            display: flex;
            gap: 12px;
            padding: 12px;
            background: var(--bg-light);
            border-radius: 12px;
            margin-bottom: 12px;
        }

        .cart-checkbox {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            border: 2px solid var(--border);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            align-self: center;
        }

        .cart-checkbox.checked {
            background: var(--primary);
            border-color: var(--primary);
        }

        .cart-checkbox.checked i { color: white; font-size: 14px; }

        .cart-item-image {
            width: 80px;
            height: 80px;
            background: white;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
        }

        .cart-item-info {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .cart-item-name {
            font-size: 14px;
            font-weight: 500;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .cart-item-spec {
            font-size: 12px;
            color: var(--text-light);
            margin-top: 4px;
        }

        .cart-item-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .cart-item-price {
            color: var(--danger);
            font-weight: 600;
        }

        .quantity-control {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .quantity-btn {
            width: 26px;
            height: 26px;
            background: white;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 14px;
        }

        .quantity-num {
            min-width: 24px;
            text-align: center;
            font-size: 14px;
            font-weight: 600;
        }

        .cart-footer {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: white;
            padding: 12px 16px 28px;
            display: flex;
            align-items: center;
            gap: 12px;
            box-shadow: 0 -4px 12px rgba(0,0,0,0.08);
        }

        .cart-footer-left {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .cart-total {
            flex: 1;
        }

        .cart-total-price {
            color: var(--danger);
            font-size: 18px;
            font-weight: 700;
        }

        .cart-total-text {
            font-size: 12px;
            color: var(--text-light);
        }

        .cart-settle {
            background: var(--primary);
            color: white;
            border: none;
            border-radius: 24px;
            padding: 12px 24px;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
        }

        /* 个人中心 */
        .profile-header {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            padding: 30px 20px;
            color: white;
        }

        .profile-user {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 20px;
        }

        .profile-avatar {
            width: 64px;
            height: 64px;
            background: rgba(255,255,255,0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
        }

        .profile-name {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 4px;
        }

        .profile-vip {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            background: rgba(255,255,255,0.2);
            padding: 4px 10px;
            border-radius: 12px;
            font-size: 12px;
        }

        .profile-stats {
            display: flex;
            justify-content: space-around;
        }

        .profile-stat {
            text-align: center;
            cursor: pointer;
        }

        .profile-stat-num {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 2px;
        }

        .profile-stat-text {
            font-size: 12px;
            opacity: 0.9;
        }

        .profile-orders {
            margin: -30px 16px 0;
            background: white;
            border-radius: 16px;
            padding: 20px;
            box-shadow: 0 4px 16px rgba(0,0,0,0.08);
        }

        .profile-orders-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 16px;
        }

        .profile-orders-title {
            font-size: 16px;
            font-weight: 600;
        }

        .profile-orders-more {
            font-size: 13px;
            color: var(--text-light);
            display: flex;
            align-items: center;
            gap: 4px;
            cursor: pointer;
        }

        .profile-order-types {
            display: flex;
            justify-content: space-around;
        }

        .profile-order-type {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            cursor: pointer;
            position: relative;
        }

        .profile-order-icon {
            width: 44px;
            height: 44px;
            background: var(--bg-light);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
        }

        .profile-order-text {
            font-size: 12px;
            color: var(--text-dark);
        }

        .order-badge {
            position: absolute;
            top: -4px;
            right: 8px;
            background: var(--danger);
            color: white;
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 10px;
            min-width: 18px;
            text-align: center;
        }

        .profile-menu {
            margin: 16px;
        }

        .profile-menu-item {
            display: flex;
            align-items: center;
            padding: 16px;
            background: white;
            border-radius: 12px;
            margin-bottom: 12px;
            cursor: pointer;
            transition: background 0.2s;
        }

        .profile-menu-item:hover { background: var(--bg-light); }

        .profile-menu-icon {
            width: 40px;
            height: 40px;
            background: var(--bg-light);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            margin-right: 12px;
        }

        .profile-menu-text {
            flex: 1;
            font-size: 15px;
        }

        .profile-menu-arrow {
            color: var(--text-light);
        }

        /* 订单确认页 */
        .address-section {
            padding: 16px;
            display: flex;
            align-items: center;
            gap: 12px;
            cursor: pointer;
        }

        .address-icon {
            width: 40px;
            height: 40px;
            background: var(--primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
        }

        .address-info {
            flex: 1;
        }

        .address-name {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 4px;
        }

        .address-detail {
            font-size: 14px;
            color: var(--text-light);
        }

        .order-item {
            display: flex;
            gap: 12px;
            padding: 16px;
            background: var(--bg-light);
            margin: 0 16px 12px;
            border-radius: 12px;
        }

        .order-item-image {
            width: 80px;
            height: 80px;
            background: white;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
        }

        .order-item-info {
            flex: 1;
        }

        .order-item-name {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 8px;
        }

        .order-item-spec {
            font-size: 12px;
            color: var(--text-light);
            margin-bottom: 8px;
        }

        .order-item-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .order-item-price {
            color: var(--danger);
            font-weight: 600;
        }

        .order-item-num {
            color: var(--text-light);
            font-size: 14px;
        }

        .order-remark {
            padding: 12px 16px;
            background: var(--bg-light);
            margin: 0 16px 12px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .order-remark input {
            flex: 1;
            border: none;
            background: none;
            font-size: 14px;
            outline: none;
        }

        .order-footer {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: white;
            padding: 12px 16px 28px;
            display: flex;
            align-items: center;
            gap: 16px;
            box-shadow: 0 -4px 12px rgba(0,0,0,0.08);
        }

        .order-total {
            flex: 1;
        }

        .order-total-price {
            color: var(--danger);
            font-size: 20px;
            font-weight: 700;
        }

        .order-total-text {
            font-size: 12px;
            color: var(--text-light);
        }

        .order-submit {
            background: var(--primary);
            color: white;
            border: none;
            border-radius: 24px;
            padding: 14px 32px;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
        }

        /* 支付页 */
        .pay-header {
            text-align: center;
            padding: 40px 20px;
        }

        .pay-amount {
            font-size: 40px;
            font-weight: 700;
            color: var(--danger);
            margin-bottom: 8px;
        }

        .pay-desc {
            color: var(--text-light);
            font-size: 14px;
        }

        .pay-methods {
            padding: 0 20px;
        }

        .pay-method {
            display: flex;
            align-items: center;
            padding: 16px;
            background: white;
            border-radius: 12px;
            margin-bottom: 12px;
            cursor: pointer;
            border: 2px solid transparent;
        }

        .pay-method.selected {
            border-color: var(--primary);
        }

        .pay-method-icon {
            width: 44px;
            height: 44px;
            background: #07c160;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 22px;
            margin-right: 12px;
        }

        .pay-method-info {
            flex: 1;
        }

        .pay-method-name {
            font-size: 15px;
            font-weight: 600;
        }

        .pay-method-desc {
            font-size: 12px;
            color: var(--text-light);
        }

        .pay-method-check {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            border: 2px solid var(--border);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .pay-method.selected .pay-method-check {
            background: var(--primary);
            border-color: var(--primary);
        }

        .pay-method.selected .pay-method-check i { color: white; font-size: 14px; }

        .pay-btn {
            position: absolute;
            bottom: 40px;
            left: 20px;
            right: 20px;
            background: var(--primary);
            color: white;
            border: none;
            border-radius: 24px;
            padding: 16px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
        }

        /* 订单列表 */
        .order-tabs {
            display: flex;
            padding: 16px;
            gap: 12px;
        }

        .order-tab {
            flex: 1;
            padding: 10px;
            text-align: center;
            font-size: 14px;
            color: var(--text-light);
            border-radius: 20px;
            cursor: pointer;
            transition: all 0.2s;
        }

        .order-tab.active {
            background: var(--primary);
            color: white;
        }

        .order-list {
            padding: 0 16px;
        }

        .order-card {
            background: white;
            border-radius: 12px;
            padding: 16px;
            margin-bottom: 12px;
        }

        .order-card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
        }

        .order-card-shop {
            font-size: 14px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .order-card-status {
            font-size: 13px;
            color: var(--primary);
        }

        .order-card-item {
            display: flex;
            gap: 12px;
            padding: 12px 0;
            border-top: 1px solid var(--border);
        }

        .order-card-image {
            width: 70px;
            height: 70px;
            background: var(--bg-light);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
        }

        .order-card-info {
            flex: 1;
        }

        .order-card-name {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 8px;
        }

        .order-card-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .order-card-price {
            color: var(--danger);
            font-weight: 600;
        }

        .order-card-actions {
            display: flex;
            gap: 8px;
        }

        .order-action {
            padding: 6px 14px;
            border-radius: 16px;
            font-size: 13px;
            cursor: pointer;
            border: 1px solid var(--border);
            background: white;
        }

        .order-action-primary {
            background: var(--primary);
            color: white;
            border: none;
        }

        /* 订单详情 */
        .order-detail-section {
            background: white;
            padding: 16px;
            margin-bottom: 12px;
        }

        .order-detail-section-title {
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .logistics-status {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .logistics-icon {
            width: 40px;
            height: 40px;
            background: var(--primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
        }

        .logistics-info {
            flex: 1;
        }

        .logistics-title {
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 4px;
        }

        .logistics-desc {
            font-size: 13px;
            color: var(--text-light);
        }

        /* 评价页 */
        .rate-product {
            display: flex;
            gap: 12px;
            padding: 16px;
            background: white;
        }

        .rate-product-image {
            width: 80px;
            height: 80px;
            background: var(--bg-light);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
        }

        .rate-product-info {
            flex: 1;
        }

        .rate-product-name {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 8px;
        }

        .rate-stars {
            display: flex;
            gap: 8px;
        }

        .rate-star {
            font-size: 28px;
            color: var(--border);
            cursor: pointer;
            transition: color 0.2s;
        }

        .rate-star.active { color: var(--secondary); }

        .rate-content {
            padding: 16px;
            background: white;
        }

        .rate-textarea {
            width: 100%;
            height: 120px;
            border: none;
            resize: none;
            font-size: 14px;
            outline: none;
        }

        .rate-anonymous {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-top: 12px;
            font-size: 14px;
        }

        .rate-checkbox {
            width: 20px;
            height: 20px;
            border-radius: 4px;
            border: 2px solid var(--border);
        }

        .rate-submit {
            margin: 20px 16px;
            background: var(--primary);
            color: white;
            border: none;
            border-radius: 24px;
            padding: 14px;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
            width: calc(100% - 32px);
        }

        /* 客服聊天 */
        .chat-messages {
            flex: 1;
            padding: 16px;
            overflow-y: auto;
        }

        .chat-date {
            text-align: center;
            font-size: 12px;
            color: var(--text-light);
            margin-bottom: 16px;
        }

        .chat-bubble {
            display: flex;
            gap: 10px;
            margin-bottom: 16px;
        }

        .chat-bubble.me {
            flex-direction: row-reverse;
        }

        .chat-avatar {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: var(--bg-light);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
        }

        .chat-content {
            max-width: 70%;
        }

        .chat-text {
            background: var(--bg-light);
            padding: 12px 16px;
            border-radius: 12px;
            font-size: 14px;
            line-height: 1.5;
        }

        .chat-bubble.me .chat-text {
            background: var(--primary);
            color: white;
        }

        .chat-input-bar {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: white;
            padding: 12px 16px 28px;
            display: flex;
            gap: 12px;
            align-items: center;
            box-shadow: 0 -4px 12px rgba(0,0,0,0.08);
        }

        .chat-input {
            flex: 1;
            background: var(--bg-light);
            border: none;
            border-radius: 24px;
            padding: 12px 16px;
            font-size: 14px;
            outline: none;
        }

        .chat-send {
            width: 44px;
            height: 44px;
            background: var(--primary);
            border-radius: 50%;
            border: none;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        /* 收货地址 */
        .address-list {
            padding: 16px;
        }

        .address-card {
            background: white;
            border-radius: 12px;
            padding: 16px;
            margin-bottom: 12px;
            cursor: pointer;
            border: 2px solid transparent;
        }

        .address-card.selected { border-color: var(--primary); }

        .address-card-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
        }

        .address-card-name {
            font-size: 16px;
            font-weight: 600;
        }

        .address-card-phone {
            font-size: 15px;
            color: var(--text-dark);
        }

        .address-card-detail {
            font-size: 14px;
            color: var(--text-light);
            margin-bottom: 12px;
        }

        .address-card-actions {
            display: flex;
            gap: 16px;
        }

        .address-card-action {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 13px;
            color: var(--text-light);
            cursor: pointer;
        }

        .address-card-action i { font-size: 16px; }

        .address-default {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            background: var(--danger);
            color: white;
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 11px;
        }

        /* 管理后台样式 */
        .admin-container {
            width: 1200px;
            background: white;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 50px 100px rgba(0,0,0,0.3);
        }

        .admin-layout {
            display: flex;
            height: 812px;
        }

        .admin-sidebar {
            width: 220px;
            background: #1a1a2e;
            color: white;
            padding: 20px 0;
        }

        .admin-logo {
            padding: 0 20px 20px;
            border-bottom: 1px solid rgba(255,255,255,0.1);
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .admin-logo i {
            font-size: 28px;
            color: var(--primary);
        }

        .admin-logo span {
            font-size: 18px;
            font-weight: 600;
        }

        .admin-menu {
            list-style: none;
        }

        .admin-menu-item {
            padding: 14px 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 12px;
            transition: all 0.2s;
            border-left: 3px solid transparent;
        }

        .admin-menu-item:hover {
            background: rgba(255,255,255,0.05);
        }

        .admin-menu-item.active {
            background: rgba(39, 174, 96, 0.15);
            border-left-color: var(--primary);
            color: var(--primary);
        }

        .admin-menu-item i {
            font-size: 18px;
            width: 24px;
        }

        .admin-main {
            flex: 1;
            padding: 24px;
            overflow-y: auto;
            background: var(--bg-light);
        }

        .admin-page { display: none; }
        .admin-page.active { display: block; }

        .admin-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
        }

        .admin-title {
            font-size: 24px;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .admin-title::before {
            content: '';
            width: 5px;
            height: 28px;
            background: var(--primary);
            border-radius: 3px;
        }

        .admin-stats {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 24px;
        }

        .admin-stat-card {
            background: white;
            border-radius: 12px;
            padding: 20px;
            box-shadow: var(--shadow);
        }

        .admin-stat-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
        }

        .admin-stat-icon {
            width: 48px;
            height: 48px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: white;
        }

        .admin-stat-icon.green { background: linear-gradient(135deg, var(--primary), #2ecc71); }
        .admin-stat-icon.blue { background: linear-gradient(135deg, #3498db, #2980b9); }
        .admin-stat-icon.orange { background: linear-gradient(135deg, var(--secondary), #e67e22); }
        .admin-stat-icon.purple { background: linear-gradient(135deg, #9b59b6, #8e44ad); }

        .admin-stat-trend {
            font-size: 12px;
            padding: 4px 8px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .admin-stat-trend.up {
            background: #e8f5e9;
            color: var(--primary);
        }

        .admin-stat-value {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 4px;
        }

        .admin-stat-label {
            font-size: 14px;
            color: var(--text-light);
        }

        .admin-card {
            background: white;
            border-radius: 12px;
            box-shadow: var(--shadow);
            margin-bottom: 20px;
        }

        .admin-card-header {
            padding: 16px 20px;
            border-bottom: 1px solid var(--border);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .admin-card-title {
            font-size: 16px;
            font-weight: 600;
        }

        .admin-btn {
            padding: 8px 16px;
            border-radius: 8px;
            border: none;
            font-size: 14px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 6px;
            transition: all 0.2s;
        }

        .admin-btn-primary {
            background: var(--primary);
            color: white;
        }

        .admin-btn-primary:hover { background: var(--primary-dark); }

        .admin-btn-outline {
            background: transparent;
            border: 1px solid var(--border);
        }

        .admin-table {
            width: 100%;
            border-collapse: collapse;
        }

        .admin-table th,
        .admin-table td {
            padding: 14px 20px;
            text-align: left;
            border-bottom: 1px solid var(--border);
        }

        .admin-table th {
            background: var(--bg-light);
            font-weight: 600;
            font-size: 13px;
            color: var(--text-light);
        }

        .admin-table td {
            font-size: 14px;
        }

        .admin-table tr:hover {
            background: #f8f9fa;
        }

        .admin-badge {
            padding: 4px 12px;
            border-radius: 12px;
            font-size: 12px;
            font-weight: 500;
        }

        .admin-badge.success {
            background: #e8f5e9;
            color: var(--primary);
        }

        .admin-badge.warning {
            background: #fff3e0;
            color: var(--secondary);
        }

        .admin-badge.danger {
            background: #ffebee;
            color: var(--danger);
        }

        .admin-action-btns {
            display: flex;
            gap: 8px;
        }

        .admin-action-btn {
            width: 32px;
            height: 32px;
            border-radius: 8px;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
        }

        .admin-action-btn.edit {
            background: #e3f2fd;
            color: #2196f3;
        }

        .admin-action-btn.delete {
            background: #ffebee;
            color: #f44336;
        }

        .admin-action-btn:hover {
            transform: scale(1.1);
        }

        .admin-form {
            padding: 20px;
        }

        .admin-form-group {
            margin-bottom: 16px;
        }

        .admin-form-label {
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 8px;
            display: block;
        }

        .admin-form-input {
            width: 100%;
            padding: 12px 16px;
            border: 1px solid var(--border);
            border-radius: 8px;
            font-size: 14px;
            outline: none;
            transition: border-color 0.2s;
        }

        .admin-form-input:focus {
            border-color: var(--primary);
        }

        .admin-form-row {
            display: flex;
            gap: 16px;
        }

        .admin-form-col {
            flex: 1;
        }

        /* Toast提示 */
        .toast {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(0,0,0,0.75);
            color: white;
            padding: 16px 32px;
            border-radius: 12px;
            font-size: 15px;
            z-index: 9999;
            animation: fadeIn 0.3s ease;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translate(-50%, -50%) scale(0.9); }
            to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
        }

        /* 成功动画 */
        .success-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255,255,255,0.95);
            display: none;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 9999;
        }

        .success-overlay.show {
            display: flex;
            animation: successFade 0.5s ease;
        }

        @keyframes successFade {
            0% { opacity: 0; }
            50% { opacity: 1; }
            100% { opacity: 1; }
        }

        .success-icon {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: var(--primary);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 40px;
            margin-bottom: 20px;
            animation: successBounce 0.5s ease;
        }

        @keyframes successBounce {
            0% { transform: scale(0); }
            50% { transform: scale(1.2); }
            100% { transform: scale(1); }
        }

        .success-text {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 8px;
        }

        .success-subtext {
            font-size: 14px;
            color: var(--text-light);
        }

        /* ===== 认证页面样式 ===== */
        .auth-page {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
            background: linear-gradient(160deg, #e8f8f0 0%, #f5fdf8 60%, #fff 100%);
            padding: 0 28px;
        }
        .auth-logo {
            width: 80px;
            height: 80px;
            background: var(--primary);
            border-radius: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
            box-shadow: 0 8px 24px rgba(39,174,96,0.28);
        }
        .auth-logo i { font-size: 40px; color: #fff; }
        .auth-title {
            font-size: 22px;
            font-weight: 700;
            color: var(--text-dark);
            margin-bottom: 6px;
        }
        .auth-subtitle {
            font-size: 13px;
            color: var(--text-light);
            margin-bottom: 36px;
            text-align: center;
        }
        .auth-type-section { width: 100%; margin-bottom: 28px; }
        .auth-type-label {
            font-size: 13px;
            color: var(--text-light);
            margin-bottom: 12px;
        }
        .auth-type-cards { display: flex; gap: 12px; }
        .auth-type-card {
            flex: 1;
            border: 2px solid var(--border);
            border-radius: 14px;
            padding: 16px 10px;
            text-align: center;
            cursor: pointer;
            background: #fff;
            transition: all .2s;
        }
        .auth-type-card.selected {
            border-color: var(--primary);
            background: #f0faf4;
        }
        .auth-type-card i {
            font-size: 28px;
            color: var(--text-light);
            margin-bottom: 8px;
            display: block;
        }
        .auth-type-card.selected i { color: var(--primary); }
        .auth-type-card .card-name {
            font-size: 13px;
            font-weight: 600;
            color: var(--text-dark);
        }
        .auth-type-card .card-desc {
            font-size: 11px;
            color: var(--text-light);
            margin-top: 4px;
        }
        .auth-btn {
            width: 100%;
            height: 48px;
            border-radius: 24px;
            background: var(--primary);
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            border: none;
            cursor: pointer;
            box-shadow: 0 4px 16px rgba(39,174,96,0.3);
            transition: background .2s, transform .1s;
        }
        .auth-btn:active { transform: scale(0.97); }
        .auth-btn:disabled {
            background: #b2dfcc;
            box-shadow: none;
            cursor: default;
        }
        .auth-note {
            font-size: 11px;
            color: var(--text-light);
            margin-top: 16px;
            text-align: center;
        }
        /* 认证表单页 */
        .auth-form-header {
            display: flex;
            align-items: center;
            padding: 50px 16px 16px;
            background: var(--primary);
            color: #fff;
        }
        .auth-form-back {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: rgba(255,255,255,0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            margin-right: 12px;
            flex-shrink: 0;
        }
        .auth-form-back i { font-size: 18px; color: #fff; }
        .auth-form-title-text { font-size: 17px; font-weight: 600; }
        .auth-form-subtitle-text { font-size: 12px; opacity: 0.85; margin-top: 2px; }
        .auth-form-body {
            padding: 20px 20px 10px;
            overflow-y: auto;
            flex: 1;
        }
        .auth-field { margin-bottom: 16px; }
        .auth-field label {
            font-size: 13px;
            color: #666;
            margin-bottom: 6px;
            display: block;
        }
        .auth-field label .required { color: #e74c3c; }
        .auth-field input, .auth-field select {
            width: 100%;
            height: 44px;
            border: 1.5px solid var(--border);
            border-radius: 10px;
            padding: 0 14px;
            font-size: 14px;
            color: var(--text-dark);
            background: #fff;
            outline: none;
            transition: border-color .2s;
        }
        .auth-field input:focus, .auth-field select:focus {
            border-color: var(--primary);
        }
        .auth-field-row { display: flex; gap: 12px; }
        .auth-field-row .auth-field { flex: 1; }
        .upload-area {
            border: 1.5px dashed var(--border);
            border-radius: 10px;
            height: 80px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            background: #fafafa;
            color: var(--text-light);
            font-size: 12px;
            gap: 6px;
        }
        .upload-area i { font-size: 22px; }
        .upload-area.uploaded {
            border-color: var(--primary);
            background: #f0faf4;
            color: var(--primary);
        }
        .auth-form-footer {
            padding: 12px 20px 30px;
            background: #fff;
        }
        /* 认证状态页 */
        .auth-status-page {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
            background: #f5fdf8;
            padding: 0 28px;
            text-align: center;
        }
        .auth-status-icon {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }
        .auth-status-icon.success { background: #e8f8f0; }
        .auth-status-icon.pending-icon { background: #fef9e7; }
        .auth-status-icon i { font-size: 40px; }
        .auth-status-icon.success i { color: var(--primary); }
        .auth-status-icon.pending-icon i { color: var(--secondary); }
        .auth-status-title {
            font-size: 20px;
            font-weight: 700;
            color: var(--text-dark);
            margin-bottom: 8px;
        }
        .auth-status-desc {
            font-size: 13px;
            color: var(--text-light);
            line-height: 1.7;
            margin-bottom: 32px;
        }
        .auth-status-info {
            width: 100%;
            background: #fff;
            border-radius: 14px;
            padding: 16px;
            margin-bottom: 24px;
            text-align: left;
            box-shadow: var(--shadow);
        }
        .auth-info-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px 0;
            border-bottom: 1px solid #f0f0f0;
            font-size: 13px;
        }
        .auth-info-row:last-child { border-bottom: none; }
        .auth-info-row .lbl { color: var(--text-light); }
        .auth-info-row .val { color: var(--text-dark); font-weight: 500; }
        .auth-info-row .val.badge {
            background: #fef9e7;
            color: var(--secondary);
            padding: 2px 10px;
            border-radius: 20px;
            font-size: 12px;
        }

    </style>
</head>
<body>
<div class="platform">
<!-- 用户端 -->
<div class="phone-container">
<div class="phone-label">用户端小程序</div>
<div class="phone-frame" id="userApp">
<div class="phone-notch"></div>
<div class="phone-screen">
<!-- 认证选择页 -->
<div class="page active" id="page-auth">
    <div class="auth-page">
        <div class="auth-logo"><i class="ri-leaf-line"></i></div>
        <div class="auth-title">欢迎使用农资平台</div>
        <div class="auth-subtitle">请先完成身份认证，以获得完整服务</div>
        <div class="auth-type-section">
            <div class="auth-type-label">请选择您的身份类型</div>
            <div class="auth-type-cards">
                <div class="auth-type-card" id="authTypeDealer" onclick="selectAuthType('dealer')">
                    <i class="ri-store-2-line"></i>
                    <div class="card-name">农资经销商</div>
                    <div class="card-desc">销售农资产品</div>
                </div>
                <div class="auth-type-card" id="authTypeCoop" onclick="selectAuthType('coop')">
                    <i class="ri-group-line"></i>
                    <div class="card-name">合作社</div>
                    <div class="card-desc">农业合作组织</div>
                </div>
            </div>
        </div>
        <button class="auth-btn" id="authNextBtn" disabled onclick="goPage('auth-form')">下一步，填写认证信息</button>
        <div class="auth-note">认证信息仅用于身份验证，严格保密</div>
    </div>
</div>

<!-- 认证表单页 -->
<div class="page" id="page-auth-form">
    <div style="display:flex;flex-direction:column;height:100%;background:#fff;">
        <div class="auth-form-header">
            <div class="auth-form-back" onclick="goBack()"><i class="ri-arrow-left-s-line"></i></div>
            <div>
                <div class="auth-form-title-text" id="authFormTitle">农资经销商认证</div>
                <div class="auth-form-subtitle-text">请填写真实信息，审核通过后即可使用</div>
            </div>
        </div>
        <div class="auth-form-body" id="authFormBody"></div>
        <div class="auth-form-footer">
            <button class="auth-btn" onclick="submitAuth()">提交认证申请</button>
        </div>
    </div>
</div>

<!-- 认证审核中页 -->
<div class="page" id="page-auth-status">
    <div class="auth-status-page">
        <div class="auth-status-icon pending-icon"><i class="ri-time-line"></i></div>
        <div class="auth-status-title">认证申请已提交</div>
        <div class="auth-status-desc">您的认证信息已提交，<br/>预计1-3个工作日内完成审核</div>
        <div class="auth-status-info" id="authStatusInfo"></div>
        <button class="auth-btn" onclick="authApproved()">模拟审核通过，进入首页</button>
        <div class="auth-note" style="margin-top:12px;">仅供原型演示，实际需等待审核</div>
    </div>
</div>

<!-- 首页 -->
<div class="page" id="page-home">
<div class="home-header">
<div class="home-header-top">
<div class="home-logo"><i class="ri-leaf-line"></i></div>
<div class="home-search" onclick="goPage('search')">
<i class="ri-search-line"></i>
<input placeholder="搜索种子、肥料、农药..." readonly="" type="text"/>
</div>
</div>
</div>
<div class="page-content">
<div class="banner" onclick="showToast('查看活动详情')">
<h3>春季促销活动</h3>
<p>全场8折起，限时优惠</p>
<div class="banner-dots">
<span class="banner-dot active"></span>
<span class="banner-dot"></span>
<span class="banner-dot"></span>
</div>
</div>
<div class="category-grid">
<div class="category-item" onclick="goPage('category'); selectCategory(0)">
<div class="category-icon">🌾</div>
<span class="category-name">种子种苗</span>
</div>
<div class="category-item" onclick="goPage('category'); selectCategory(1)">
<div class="category-icon">🧪</div>
<span class="category-name">肥料农药</span>
</div>
<div class="category-item" onclick="goPage('category'); selectCategory(2)">
<div class="category-icon">🌱</div>
<span class="category-name">农膜地膜</span>
</div>
<div class="category-item" onclick="goPage('category'); selectCategory(3)">
<div class="category-icon">🔧</div>
<span class="category-name">农机具</span>
</div>
<div class="category-item" onclick="goPage('category'); selectCategory(4)">
<div class="category-icon">💧</div>
<span class="category-name">灌溉设备</span>
</div>
<div class="category-item" onclick="goPage('category'); selectCategory(5)">
<div class="category-icon">🏠</div>
<span class="category-name">农膜设施</span>
</div>
<div class="category-item" onclick="goPage('service')">
<div class="category-icon">📞</div>
<span class="category-name">农技服务</span>
</div>
<div class="category-item" onclick="goPage('category')">
<div class="category-icon">更多</div>
<span class="category-name">全部分类</span>
</div>
</div>
<div class="section-header">
<span class="section-title">热门商品</span>
<span class="more-link" onclick="goPage('category')">查看更多 <i class="ri-arrow-right-s-line"></i></span>
</div>
<div class="product-grid">
<div class="product-card" onclick="goDetail(1)">
<div class="product-image">🌾</div>
<div class="product-info">
<div class="product-name">优质水稻种子 杂交水稻种 抗病高产</div>
<div class="product-bottom">
<span class="product-price">¥128 <span>/袋</span></span>
<span class="product-sales">已售 2.3万</span>
</div>
</div>
</div>
<div class="product-card" onclick="goDetail(2)">
<div class="product-image">🧪</div>
<div class="product-info">
<div class="product-name">复合肥 氮磷钾 蔬菜果蔬通用肥</div>
<div class="product-bottom">
<span class="product-price">¥86 <span>/袋</span></span>
<span class="product-sales">已售 1.8万</span>
</div>
</div>
</div>
<div class="product-card" onclick="goDetail(3)">
<div class="product-image">🌱</div>
<div class="product-info">
<div class="product-name">农用地膜 黑色除草地膜 保温保湿</div>
<div class="product-bottom">
<span class="product-price">¥45 <span>/卷</span></span>
<span class="product-sales">已售 9562</span>
</div>
</div>
</div>
<div class="product-card" onclick="goDetail(4)">
<div class="product-image">🔧</div>
<div class="product-info">
<div class="product-name">电动喷雾器 农用打药机 农药喷洒器</div>
<div class="product-bottom">
<span class="product-price">¥268 <span>/台</span></span>
<span class="product-sales">已售 4532</span>
</div>
</div>
</div>
</div>
<div style="height: 20px;"></div>
</div>
<div class="bottom-nav">
<div class="nav-item active" onclick="switchTabNav('home')">
<i class="ri-home-4-fill"></i>
<span>首页</span>
</div>
<div class="nav-item" onclick="switchTabNav('category')">
<i class="ri-apps-line"></i>
<span>分类</span>
</div>
<div class="nav-item" onclick="switchTabNav('cart')">
<i class="ri-shopping-cart-line"></i>
<span>购物车</span>
</div>
<div class="nav-item" onclick="switchTabNav('profile')">
<i class="ri-user-line"></i>
<span>我的</span>
</div>
</div>
</div>
<!-- 分类页 -->
<div class="page" id="page-category">
<div class="nav-bar">
<div class="nav-title">商品分类</div>
</div>
<div class="category-page">
<div class="category-left">
<div class="category-tab active" onclick="selectCategory(0)">种子种苗</div>
<div class="category-tab" onclick="selectCategory(1)">肥料农药</div>
<div class="category-tab" onclick="selectCategory(2)">农膜地膜</div>
<div class="category-tab" onclick="selectCategory(3)">农机具</div>
<div class="category-tab" onclick="selectCategory(4)">灌溉设备</div>
<div class="category-tab" onclick="selectCategory(5)">农膜设施</div>
<div class="category-tab" onclick="selectCategory(6)">农技服务</div>
</div>
<div class="category-right">
<div class="category-banner">精选好物 · 品质保障</div>
<div class="sub-category">
<div class="sub-category-title">热门分类</div>
<div class="sub-category-grid">
<div class="sub-category-item" onclick="goDetail(1)">
<div class="sub-category-icon">🌾</div>
<span class="sub-category-name">水稻种子</span>
</div>
<div class="sub-category-item" onclick="goDetail(2)">
<div class="sub-category-icon">🌽</div>
<span class="sub-category-name">玉米种子</span>
</div>
<div class="sub-category-item" onclick="goDetail(3)">
<div class="sub-category-icon">🥬</div>
<span class="sub-category-name">蔬菜种子</span>
</div>
<div class="sub-category-item" onclick="goDetail(4)">
<div class="sub-category-icon">🍅</div>
<span class="sub-category-name">番茄种子</span>
</div>
<div class="sub-category-item" onclick="goDetail(5)">
<div class="sub-category-icon">🌻</div>
<span class="sub-category-name">花卉种子</span>
</div>
<div class="sub-category-item" onclick="goDetail(6)">
<div class="sub-category-icon">🍓</div>
<span class="sub-category-name">草莓苗</span>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-nav">
<div class="nav-item" onclick="switchTabNav('home')">
<i class="ri-home-4-line"></i>
<span>首页</span>
</div>
<div class="nav-item active" onclick="switchTabNav('category')">
<i class="ri-apps-fill"></i>
<span>分类</span>
</div>
<div class="nav-item" onclick="switchTabNav('cart')">
<i class="ri-shopping-cart-line"></i>
<span>购物车</span>
</div>
<div class="nav-item" onclick="switchTabNav('profile')">
<i class="ri-user-line"></i>
<span>我的</span>
</div>
</div>
</div>
<!-- 购物车页 -->
<div class="page" id="page-cart">
<div class="nav-bar">
<div class="nav-title">购物车</div>
<div class="nav-right">
<span class="cart-edit" onclick="toggleCartEdit()">编辑</span>
</div>
</div>
<div class="page-content">
<div class="cart-empty" id="cartEmpty" style="display: none;">
<i class="ri-shopping-cart-2-line"></i>
<p>购物车是空的</p>
<button class="action-buy" onclick="switchTabNav('home')" style="width: auto; padding: 12px 24px;">去逛逛</button>
</div>
<div id="cartList">
<div class="cart-shop">
<div class="cart-shop-header">
<i class="ri-store-2-line" style="color: var(--primary);"></i>
<span class="cart-shop-name">农资商城旗舰店</span>
</div>
<div class="cart-item" data-id="1">
<div class="cart-checkbox checked" onclick="toggleCartItem(this)">
<i class="ri-check-line"></i>
</div>
<div class="cart-item-image">🌾</div>
<div class="cart-item-info">
<div class="cart-item-name">优质水稻种子 杂交水稻种 抗病高产</div>
<div class="cart-item-spec">规格: 5kg/袋</div>
<div class="cart-item-bottom">
<span class="cart-item-price">¥128</span>
<div class="quantity-control">
<div class="quantity-btn" onclick="changeQuantity(this, -1)">−</div>
<span class="quantity-num">2</span>
<div class="quantity-btn" onclick="changeQuantity(this, 1)">+</div>
</div>
</div>
</div>
</div>
<div class="cart-item" data-id="2">
<div class="cart-checkbox checked" onclick="toggleCartItem(this)">
<i class="ri-check-line"></i>
</div>
<div class="cart-item-image">🧪</div>
<div class="cart-item-info">
<div class="cart-item-name">复合肥 氮磷钾 蔬菜果蔬通用肥</div>
<div class="cart-item-spec">规格: 50kg/袋</div>
<div class="cart-item-bottom">
<span class="cart-item-price">¥86</span>
<div class="quantity-control">
<div class="quantity-btn" onclick="changeQuantity(this, -1)">−</div>
<span class="quantity-num">1</span>
<div class="quantity-btn" onclick="changeQuantity(this, 1)">+</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cart-footer">
<div class="cart-footer-left">
<div class="cart-checkbox checked" onclick="toggleAllCart(this)">
<i class="ri-check-line"></i>
</div>
<span>全选</span>
</div>
<div class="cart-total">
<div class="cart-total-price">¥342</div>
<div class="cart-total-text">合计</div>
</div>
<button class="cart-settle" onclick="goPage('confirm')">结算 (2)</button>
</div>
<div class="bottom-nav">
<div class="nav-item" onclick="switchTabNav('home')">
<i class="ri-home-4-line"></i>
<span>首页</span>
</div>
<div class="nav-item" onclick="switchTabNav('category')">
<i class="ri-apps-line"></i>
<span>分类</span>
</div>
<div class="nav-item active" onclick="switchTabNav('cart')">
<i class="ri-shopping-cart-fill"></i>
<span>购物车</span>
</div>
<div class="nav-item" onclick="switchTabNav('profile')">
<i class="ri-user-line"></i>
<span>我的</span>
</div>
</div>
</div>
<!-- 个人中心 -->
<div class="page" id="page-profile">
<div class="profile-header">
<div class="profile-user">
<div class="profile-avatar"><i class="ri-user-line"></i></div>
<div>
<div class="profile-name">张三</div>
<div class="profile-vip">
<i class="ri-vip-diamond-fill"></i>
                                        钻石会员
                                    </div>
</div>
</div>
<div class="profile-stats">
<div class="profile-stat">
<div class="profile-stat-num">128</div>
<div class="profile-stat-text">收藏</div>
</div>
<div class="profile-stat">
<div class="profile-stat-num">56</div>
<div class="profile-stat-text">关注</div>
</div>
<div class="profile-stat">
<div class="profile-stat-num">1,284</div>
<div class="profile-stat-text">积分</div>
</div>
</div>
</div>
<div class="profile-orders">
<div class="profile-orders-header">
<span class="profile-orders-title">我的订单</span>
<span class="profile-orders-more" onclick="goPage('orders')">全部订单 <i class="ri-arrow-right-s-line"></i></span>
</div>
<div class="profile-order-types">
<div class="profile-order-type" onclick="goPage('orders'); filterOrders('待付款')">
<div class="profile-order-icon"><i class="ri-wallet-line"></i></div>
<span class="profile-order-text">待付款</span>
<span class="order-badge">2</span>
</div>
<div class="profile-order-type" onclick="goPage('orders'); filterOrders('待发货')">
<div class="profile-order-icon"><i class="ri-truck-line"></i></div>
<span class="profile-order-text">待发货</span>
<span class="order-badge">1</span>
</div>
<div class="profile-order-type" onclick="goPage('orders'); filterOrders('待收货')">
<div class="profile-order-icon"><i class="ri-takeaway-line"></i></div>
<span class="profile-order-text">待收货</span>
<span class="order-badge">3</span>
</div>
<div class="profile-order-type" onclick="goPage('orders'); filterOrders('待评价')">
<div class="profile-order-icon"><i class="ri-star-line"></i></div>
<span class="profile-order-text">待评价</span>
<span class="order-badge">5</span>
</div>
</div>
</div>
<div class="profile-menu">
<div class="profile-menu-item" onclick="goPage('address')">
<div class="profile-menu-icon"><i class="ri-map-pin-user-line"></i></div>
<span class="profile-menu-text">收货地址</span>
<i class="ri-arrow-right-s-line profile-menu-arrow"></i>
</div>
<div class="profile-menu-item" onclick="goPage('favorites')">
<div class="profile-menu-icon"><i class="ri-heart-line"></i></div>
<span class="profile-menu-text">我的收藏</span>
<i class="ri-arrow-right-s-line profile-menu-arrow"></i>
</div>
<div class="profile-menu-item" onclick="goPage('service')">
<div class="profile-menu-icon"><i class="ri-customer-service-2-line"></i></div>
<span class="profile-menu-text">联系客服</span>
<i class="ri-arrow-right-s-line profile-menu-arrow"></i>
</div>
<div class="profile-menu-item" onclick="goPage('settings')">
<div class="profile-menu-icon"><i class="ri-settings-3-line"></i></div>
<span class="profile-menu-text">设置</span>
<i class="ri-arrow-right-s-line profile-menu-arrow"></i>
</div>
</div>
<div class="bottom-nav">
<div class="nav-item" onclick="switchTabNav('home')">
<i class="ri-home-4-line"></i>
<span>首页</span>
</div>
<div class="nav-item" onclick="switchTabNav('category')">
<i class="ri-apps-line"></i>
<span>分类</span>
</div>
<div class="nav-item" onclick="switchTabNav('cart')">
<i class="ri-shopping-cart-line"></i>
<span>购物车</span>
</div>
<div class="nav-item active" onclick="switchTabNav('profile')">
<i class="ri-user-fill"></i>
<span>我的</span>
</div>
</div>
</div>
<!-- 商品详情页 -->
<div class="page" id="page-detail">
<div class="nav-bar">
<div class="nav-back" onclick="goBack()"><i class="ri-arrow-left-s-line"></i></div>
<div class="nav-title">商品详情</div>
<div class="nav-right">
<div class="nav-icon"><i class="ri-share-line"></i></div>
<div class="nav-icon"><i class="ri-more-line"></i></div>
</div>
</div>
<div class="page-content">
<div class="detail-image" id="detailImage">🌾</div>
<div class="detail-content">
<div class="detail-price-row">
<span class="detail-price" id="detailPrice">¥128</span>
<span class="detail-original">¥168</span>
</div>
<div class="detail-title" id="detailTitle">优质水稻种子 杂交水稻种 抗病高产</div>
<div class="detail-desc">精选优质水稻品种，经多年选育改良，具有抗病性强、产量高、米质优等特点。适合全国各稻区种植。</div>
<div class="detail-section">
<div class="detail-section-title">
<i class="ri-checkbox-circle-line" style="color: var(--primary);"></i>
                                        选择规格
                                    </div>
<div class="spec-options">
<div class="spec-item selected" onclick="selectSpec(this)">5kg/袋</div>
<div class="spec-item" onclick="selectSpec(this)">10kg/袋</div>
<div class="spec-item" onclick="selectSpec(this)">25kg/袋</div>
</div>
</div>
<div class="detail-section">
<div class="detail-section-title">
<i class="ri-store-2-line" style="color: var(--primary);"></i>
                                        商品详情
                                    </div>
<p style="font-size: 14px; color: var(--text-light); line-height: 1.8;">
                                        产品规格：5kg/袋<br/>
                                        品种特点：抗病、高产、优质<br/>
                                        播种季节：春播、夏播<br/>
                                        适用地区：全国各稻区
                                    </p>
</div>
</div>
</div>
<div class="detail-actions">
<button class="action-cart" onclick="addToCart()">
<i class="ri-shopping-cart-line"></i> 加入购物车
                            </button>
<button class="action-buy" onclick="buyNow()">立即购买</button>
</div>
</div>
<!-- 订单确认页 -->
<div class="page" id="page-confirm">
<div class="nav-bar">
<div class="nav-back" onclick="goBack()"><i class="ri-arrow-left-s-line"></i></div>
<div class="nav-title">确认订单</div>
</div>
<div class="page-content">
<div class="address-section" onclick="goPage('address')">
<div class="address-icon"><i class="ri-map-pin-2-fill"></i></div>
<div class="address-info">
<div class="address-name">张三 138****8888</div>
<div class="address-detail">北京市 朝阳区 建国路88号SOHO现代城1号楼1201</div>
</div>
<i class="ri-arrow-right-s-line" style="color: var(--text-light);"></i>
</div>
<div class="order-item">
<div class="order-item-image">🌾</div>
<div class="order-item-info">
<div class="order-item-name">优质水稻种子 杂交水稻种 抗病高产</div>
<div class="order-item-spec">5kg/袋</div>
<div class="order-item-bottom">
<span class="order-item-price">¥128</span>
<span class="order-item-num">x2</span>
</div>
</div>
</div>
<div class="order-item">
<div class="order-item-image">🧪</div>
<div class="order-item-info">
<div class="order-item-name">复合肥 氮磷钾 蔬菜果蔬通用肥</div>
<div class="order-item-spec">50kg/袋</div>
<div class="order-item-bottom">
<span class="order-item-price">¥86</span>
<span class="order-item-num">x1</span>
</div>
</div>
</div>
<div class="order-remark">
<i class="ri-edit-line" style="color: var(--text-light);"></i>
<input placeholder="添加备注（选填）" type="text"/>
</div>
</div>
<div class="order-footer">
<div class="order-total">
<div class="order-total-price">¥342</div>
<div class="order-total-text">共3件商品</div>
</div>
<button class="order-submit" onclick="goPage('pay')">提交订单</button>
</div>
</div>
<!-- 支付页 -->
<div class="page" id="page-pay">
<div class="nav-bar">
<div class="nav-back" onclick="goBack()"><i class="ri-arrow-left-s-line"></i></div>
<div class="nav-title">订单支付</div>
</div>
<div class="page-content">
<div class="pay-header">
<div class="pay-amount">¥342.00</div>
<div class="pay-desc">订单提交成功，请尽快完成支付</div>
</div>
<div class="pay-methods">
<div class="pay-method selected" onclick="selectPayMethod(this)">
<div class="pay-method-icon"><i class="ri-wechat-pay-line"></i></div>
<div class="pay-method-info">
<div class="pay-method-name">微信支付</div>
<div class="pay-method-desc">推荐</div>
</div>
<div class="pay-method-check"><i class="ri-check-line"></i></div>
</div>
<div class="pay-method" onclick="selectPayMethod(this)">
<div class="pay-method-icon" style="background: #1aad19;"><i class="ri-alipay-line"></i></div>
<div class="pay-method-info">
<div class="pay-method-name">支付宝</div>
<div class="pay-method-desc"></div>
</div>
<div class="pay-method-check"></div>
</div>
</div>
</div>
<button class="pay-btn" onclick="doPay()">确认支付 ¥342.00</button>
</div>
<!-- 订单列表 -->
<div class="page" id="page-orders">
<div class="nav-bar">
<div class="nav-back" onclick="goBack()"><i class="ri-arrow-left-s-line"></i></div>
<div class="nav-title">我的订单</div>
</div>
<div class="order-tabs">
<div class="order-tab active" onclick="filterOrders('全部')">全部</div>
<div class="order-tab" onclick="filterOrders('待付款')">待付款</div>
<div class="order-tab" onclick="filterOrders('待发货')">待发货</div>
<div class="order-tab" onclick="filterOrders('待收货')">待收货</div>
<div class="order-tab" onclick="filterOrders('待评价')">待评价</div>
</div>
<div class="page-content">
<div class="order-list">
<div class="order-card">
<div class="order-card-header">
<div class="order-card-shop">
<i class="ri-store-2-line" style="color: var(--primary);"></i>
                                            农资商城旗舰店
                                        </div>
<div class="order-card-status">待发货</div>
</div>
<div class="order-card-item">
<div class="order-card-image">🌾</div>
<div class="order-card-info">
<div class="order-card-name">优质水稻种子 杂交水稻种 抗病高产</div>
<div class="order-card-bottom">
<span class="order-card-price">¥128</span>
<div class="order-card-actions">
<span class="order-action">催发货</span>
<span class="order-action" onclick="goPage('service')">咨询</span>
</div>
</div>
</div>
</div>
<div style="text-align: right; padding-top: 12px; border-top: 1px solid var(--border);">
<span class="order-action order-action-primary" onclick="showToast('提醒成功')">提醒发货</span>
</div>
</div>
<div class="order-card">
<div class="order-card-header">
<div class="order-card-shop">
<i class="ri-store-2-line" style="color: var(--primary);"></i>
                                            农资商城旗舰店
                                        </div>
<div class="order-card-status" style="color: var(--danger);">待收货</div>
</div>
<div class="order-card-item">
<div class="order-card-image">🔧</div>
<div class="order-card-info">
<div class="order-card-name">电动喷雾器 农用打药机</div>
<div class="order-card-bottom">
<span class="order-card-price">¥268</span>
<div class="order-card-actions">
<span class="order-action" onclick="goPage('logistics')">查看物流</span>
</div>
</div>
</div>
</div>
<div style="text-align: right; padding-top: 12px; border-top: 1px solid var(--border);">
<span class="order-action">延长收货</span>
<span class="order-action order-action-primary">确认收货</span>
</div>
</div>
<div class="order-card">
<div class="order-card-header">
<div class="order-card-shop">
<i class="ri-store-2-line" style="color: var(--primary);"></i>
                                            农资商城旗舰店
                                        </div>
<div class="order-card-status" style="color: var(--secondary);">待评价</div>
</div>
<div class="order-card-item">
<div class="order-card-image">🌱</div>
<div class="order-card-info">
<div class="order-card-name">农用地膜 黑色除草地膜</div>
<div class="order-card-bottom">
<span class="order-card-price">¥45</span>
<div class="order-card-actions">
<span class="order-action" onclick="goPage('rate')">去评价</span>
</div>
</div>
</div>
</div>
<div style="text-align: right; padding-top: 12px; border-top: 1px solid var(--border);">
<span class="order-action">再次购买</span>
<span class="order-action order-action-primary" onclick="goPage('rate')">评价</span>
</div>
</div>
</div>
</div>
</div>
<!-- 物流详情 -->
<div class="page" id="page-logistics">
<div class="nav-bar">
<div class="nav-back" onclick="goBack()"><i class="ri-arrow-left-s-line"></i></div>
<div class="nav-title">物流详情</div>
</div>
<div class="page-content">
<div class="order-detail-section">
<div class="order-detail-section-title">
<i class="ri-truck-line" style="color: var(--primary);"></i>
                                    物流状态
                                </div>
<div class="logistics-status">
<div class="logistics-icon"><i class="ri-home-4-line"></i></div>
<div class="logistics-info">
<div class="logistics-title">商品已签收</div>
<div class="logistics-desc">您的订单已由本人签收，感谢您使用农资商城</div>
</div>
</div>
</div>
<div class="order-detail-section">
<div class="order-detail-section-title">
<i class="ri-truck-line" style="color: var(--primary);"></i>
                                    物流信息
                                </div>
<p style="font-size: 14px; line-height: 1.8;">
                                    快递公司：顺丰速运<br/>
                                    运单号码：SF1234567890<br/>
                                    联系电话：95338
                                </p>
</div>
</div>
</div>
<!-- 评价页 -->
<div class="page" id="page-rate">
<div class="nav-bar">
<div class="nav-back" onclick="goBack()"><i class="ri-arrow-left-s-line"></i></div>
<div class="nav-title">商品评价</div>
</div>
<div class="page-content">
<div class="rate-product">
<div class="rate-product-image">🌱</div>
<div class="rate-product-info">
<div class="rate-product-name">农用地膜 黑色除草地膜 保温保湿</div>
<div class="rate-stars">
<span class="rate-star active" onclick="setStar(this, 1)">★</span>
<span class="rate-star active" onclick="setStar(this, 2)">★</span>
<span class="rate-star active" onclick="setStar(this, 3)">★</span>
<span class="rate-star active" onclick="setStar(this, 4)">★</span>
<span class="rate-star" onclick="setStar(this, 5)">★</span>
</div>
</div>
</div>
<div class="rate-content">
<textarea class="rate-textarea" placeholder="分享您的购买体验...">
匿名评价
今天 14:30
您好！我是农资商城智能客服，请问有什么可以帮助您的？
你好，我想咨询一下水稻种子的种植时间
水稻种子一般在春季播种，具体时间因地区而异：

• 北方地区：4月下旬-5月上旬
• 南方地区：3月下旬-4月上旬

建议根据当地气温情况，当日均温度稳定在12°C以上时即可播种。
好的，谢谢！那复合肥应该怎么施用呢？
复合肥的施用方法：

1. 基肥：每亩施用20-30公斤
2. 追肥：分蘖期和拔节期各追施15-20公斤
3. 注意深施覆土，避免直接接触种子

如需更多帮助，请转人工客服。
类型	内容	时间
待发货	订单 #20240315001 需发货	2024-03-15 14:30
待审核	用户"张三种粮户"资质待审核	2024-03-15 13:20
退款	订单 #20240314056 申请退款	2024-03-15 11:45
类型
内容
时间
操作
待发货
订单 #20240315001 需发货
2024-03-15 14:30
待审核
用户"张三种粮户"资质待审核
2024-03-15 13:20
退款
订单 #20240314056 申请退款
2024-03-15 11:45
订单号	用户	商品	金额	状态
#20240315001	李四	水稻种子 x2	¥256.00	待发货
#20240315002	王五	复合肥 x5	¥430.00	已完成
#20240315003	赵六	电动喷雾器 x1	¥268.00	已发货
订单号
用户
商品
金额
状态
#20240315001
李四
水稻种子 x2
¥256.00
待发货
#20240315002
王五
复合肥 x5
¥430.00
已完成
#20240315003
赵六
电动喷雾器 x1
¥268.00
已发货
商品	分类	价格	库存	销量	状态
🌾 优质水稻种子	种子种苗	¥128	2,340	23,000	上架
🧪 复合肥	肥料农药	¥86	1,560	18,000	上架
🌱 农用地膜	农膜地膜	¥45	890	9,562	上架
🔧 电动喷雾器	农机具	¥268	234	4,532	上架
商品
分类
价格
库存
销量
状态
操作
🌾 优质水稻种子
种子种苗
¥128
2,340
23,000
上架
🧪 复合肥
肥料农药
¥86
1,560
18,000
上架
🌱 农用地膜
农膜地膜
¥45
890
9,562
上架
🔧 电动喷雾器
农机具
¥268
234
4,532
上架
订单号	用户	商品	金额	状态	时间	操作
#20240315001	李四	水稻种子 x2	¥256.00	待发货	14:30
#20240315002	王五	复合肥 x5	¥430.00	已完成	13:45	-
#20240315003	赵六	电动喷雾器 x1	¥268.00	已发货	12:20	-
#20240315004	钱七	农用地膜 x3	¥135.00	待付款	11:30	-
#20240315005	孙八	蔬菜种子 x4	¥88.00	退款中	10:15
订单号
用户
商品
金额
状态
时间
操作
#20240315001
李四
水稻种子 x2
¥256.00
待发货
14:30
#20240315002
王五
复合肥 x5
¥430.00
已完成
13:45
#20240315003
赵六
电动喷雾器 x1
¥268.00
已发货
12:20
#20240315004
钱七
农用地膜 x3
¥135.00
待付款
11:30
#20240315005
孙八
蔬菜种子 x4
¥88.00
退款中
10:15
用户	手机号	会员等级	订单数	注册时间	状态	操作
👤 张三	138****8888	钻石会员	56	2023-06-15	正常
👤 李四	139****9999	黄金会员	32	2023-08-20	正常
用户
手机号
会员等级
订单数
注册时间
状态
操作
👤 张三
138****8888
钻石会员
2023-06-15
正常
👤 李四
139****9999
黄金会员
2023-08-20
正常
用户	资质类型	提交时间	状态	操作
张三种粮户	营业执照	2024-03-15 13:20	待审核
王五农场	经营许可证	2024-03-14 16:30	已通过	-
用户
资质类型
提交时间
状态
操作
张三种粮户
营业执照
2024-03-15 13:20
待审核
王五农场
经营许可证
2024-03-14 16:30
已通过
用户	商品	评价内容	评分	时间	操作
李四	水稻种子	种子质量很好，发芽率高，值得购买！	★★★★★	2024-03-15
用户
商品
评价内容
评分
时间
操作
李四
水稻种子
种子质量很好，发芽率高，值得购买！
★★★★★
2024-03-15
用户	最后消息	状态	时间	操作
张三	水稻种子种植时间咨询...	进行中	14:30
用户
最后消息
状态
时间
操作
张三
水稻种子种植时间咨询...
进行中
14:30
订单号	用户	金额	支付方式	时间
#20240315001	李四	+¥256.00	微信支付	14:30
#20240315002	王五	+¥430.00	支付宝	13:45
订单号
用户
金额
支付方式
时间
#20240315001
李四
+¥256.00
微信支付
14:30
#20240315002
王五
+¥430.00
支付宝
13:45
编辑页面

首页概览

商品管理

订单管理

用户管理

资质审核

评价管理

客服管理

财务管理

系统设置
