编辑页面

页面标题
有效期修改后将从当前时间重新计算过期时间
CSS文件（可选）
JS文件（可选）
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; -webkit-tap-highlight-color: transparent; }
        :root {
            --primary: #FF4757; --primary-light: #FF6B7A; --primary-dark: #E63946;
            --secondary: #FFA502; --success: #2ED573; --text-primary: #333;
            --text-secondary: #666; --text-light: #999; --bg-light: #F5F5F5;
            --border: #EEE; --white: #FFF; --gold: #FFD700; --promo-green: #00C853;
            /* 小程序标准尺寸 */
            --phone-width: 375px;
            --phone-height: 812px;
            --status-height: 44px;
            --tab-height: 50px;
        }
        html, body { height: 100%; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #1a1a2e; color: var(--text-primary); overflow: hidden; display: flex; align-items: center; justify-content: center; }
        
        /* 手机外框容器 */
        .phone-container { width: var(--phone-width); height: var(--phone-height); position: relative; background: #000; border-radius: 40px; padding: 12px; box-shadow: 0 50px 100px rgba(0,0,0,0.5), 0 0 0 2px #333, inset 0 0 0 2px #1a1a1a; }
        .phone-container::before { content: ''; position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 100px; height: 28px; background: #000; border-radius: 20px; z-index: 1000; }
        
        .phone-frame { width: 100%; height: 100%; border-radius: 32px; overflow: hidden; display: flex; flex-direction: column; background: var(--bg-light); position: relative; }
        .status-bar { height: var(--status-height); background: var(--white); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; border-bottom: 1px solid var(--border); flex-shrink: 0; }
        .page-container { flex: 1; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding-bottom: 60px; }
        .page { display: none; min-height: 100%; }
        .page.active { display: block; }
        .tab-bar { position: absolute; bottom: 0; left: 0; right: 0; height: var(--tab-height); background: var(--white); display: flex; justify-content: space-around; align-items: center; border-top: 1px solid var(--border); z-index: 100; padding-bottom: env(safe-area-inset-bottom); }
        .tab-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4px 0; cursor: pointer; transition: all 0.2s; width: 20%; }
        .tab-item svg { width: 22px; height: 22px; margin-bottom: 1px; }
        .tab-item span { font-size: 10px; color: var(--text-light); }
        .tab-item.active svg { color: var(--primary); }
        .tab-item.active span { color: var(--primary); }
        
        /* Page Header */
        .page-header { padding: 12px 15px; background: var(--white); border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
        .page-title { font-size: 17px; font-weight: 600; }
        .back-btn { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; }
        
        /* Search Bar */
        .search-bar { margin: 10px 15px; background: var(--bg-light); border-radius: 20px; padding: 10px 15px; display: flex; align-items: center; gap: 8px; }
        .search-bar input { flex: 1; border: none; background: transparent; font-size: 14px; outline: none; }
        
        /* Banner */
        .banner { margin: 10px 15px; border-radius: 12px; overflow: hidden; position: relative; }
        .banner img { width: 100%; height: 130px; object-fit: cover; display: block; }
        .banner-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; }
        .banner-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,0.5); }
        .banner-dot.active { background: var(--white); width: 16px; border-radius: 3px; }
        
        /* Quick Actions */
        .quick-actions { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 12px 15px; background: var(--white); }
        .quick-item { display: flex; flex-direction: column; align-items: center; gap: 4px; cursor: pointer; }
        .quick-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; }
        .quick-item span { font-size: 11px; color: var(--text-secondary); }
        
        /* Section */
        .section-title { padding: 12px 15px 8px; font-size: 15px; font-weight: 600; display: flex; justify-content: space-between; align-items: center; }
        .section-title .more { font-size: 12px; color: var(--text-light); font-weight: normal; cursor: pointer; }
        
        /* Category Tags */
        .category-tags { display: flex; gap: 8px; padding: 0 15px 12px; overflow-x: auto; }
        .category-tag { padding: 6px 14px; background: var(--white); border-radius: 16px; font-size: 12px; white-space: nowrap; cursor: pointer; transition: all 0.2s; }
        .category-tag.active { background: var(--primary); color: var(--white); }
        
        /* Drama Card */
        .drama-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 0 15px 15px; }
        .drama-card { background: var(--white); border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); cursor: pointer; transition: transform 0.2s; }
        .drama-card:active { transform: scale(0.98); }
        .drama-cover { position: relative; width: 100%; padding-top: 130%; background: #f0f0f0; }
        .drama-cover img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
        .drama-tag { position: absolute; top: 6px; left: 6px; background: var(--primary); color: var(--white); font-size: 9px; padding: 2px 5px; border-radius: 3px; }
        .drama-tag.free { background: var(--success); }
        .drama-eps { position: absolute; bottom: 6px; right: 6px; background: rgba(0,0,0,0.7); color: var(--white); font-size: 9px; padding: 2px 5px; border-radius: 3px; }
        .drama-info { padding: 8px; }
        .drama-title { font-size: 13px; font-weight: 500; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .drama-meta { font-size: 10px; color: var(--text-light); display: flex; justify-content: space-between; }
        
        /* Sub Tab Bar */
        .sub-tab-bar { display: flex; background: var(--white); padding: 0 15px; border-bottom: 1px solid var(--border); }
        .sub-tab { padding: 12px 0; font-size: 14px; color: var(--text-secondary); position: relative; cursor: pointer; margin-right: 20px; }
        .sub-tab.active { color: var(--primary); font-weight: 600; }
        .sub-tab.active::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--primary); }
        
        /* Menu List */
        .menu-section { margin-top: 10px; background: var(--white); }
        .menu-item { display: flex; align-items: center; padding: 14px 15px; border-bottom: 1px solid var(--border); cursor: pointer; }
        .menu-item:last-child { border-bottom: none; }
        .menu-item:active { background: var(--bg-light); }
        .menu-icon { width: 24px; height: 24px; margin-right: 12px; display: flex; align-items: center; justify-content: center; font-size: 18px; }
        .menu-text { flex: 1; font-size: 14px; }
        .menu-arrow { color: var(--text-light); font-size: 16px; }
        
        /* User Card */
        .user-card { background: var(--white); padding: 16px 15px; display: flex; align-items: center; gap: 12px; }
        .user-avatar { width: 56px; height: 56px; border-radius: 50%; background: var(--bg-light); display: flex; align-items: center; justify-content: center; font-size: 28px; }
        .user-info { flex: 1; }
        .user-name { font-size: 17px; font-weight: 600; margin-bottom: 4px; }
        .user-id { font-size: 12px; color: var(--text-light); }
        .user-level { background: linear-gradient(135deg, var(--gold) 0%, #FFA500 100%); color: var(--white); padding: 4px 10px; border-radius: 12px; font-size: 11px; font-weight: 600; }
        
        /* Stats Card */
        .stats-card { margin: 12px 15px; background: var(--white); border-radius: 12px; padding: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
        .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; text-align: center; }
        .stats-item { padding: 10px 5px; }
        .stats-value { font-size: 18px; font-weight: 700; color: var(--primary); }
        .stats-label { font-size: 11px; color: var(--text-light); margin-top: 4px; }
        
        /* Promo Banner */
        .promo-banner { background: linear-gradient(135deg, var(--primary) 0%, #FF6B7A 100%); padding: 24px 20px; color: var(--white); text-align: center; }
        .promo-title { font-size: 18px; font-weight: 700; margin-bottom: 6px; }
        .promo-subtitle { font-size: 12px; opacity: 0.9; margin-bottom: 16px; }
        .promo-code { display: inline-block; background: rgba(255,255,255,0.2); padding: 10px 20px; border-radius: 25px; font-size: 16px; font-weight: 600; letter-spacing: 1px; }
        .promo-actions { display: flex; gap: 12px; margin-top: 16px; }
        .promo-action { flex: 1; background: var(--white); color: var(--primary); padding: 10px; border-radius: 20px; font-size: 13px; font-weight: 600; cursor: pointer; }
        .promo-action.secondary { background: rgba(255,255,255,0.2); color: var(--white); }
        
        /* Team List */
        .team-list { background: var(--white); margin: 0 15px 15px; border-radius: 12px; overflow: hidden; }
        .team-item { display: flex; align-items: center; padding: 14px; border-bottom: 1px solid var(--border); }
        .team-item:last-child { border-bottom: none; }
        .team-avatar { width: 42px; height: 42px; border-radius: 50%; background: var(--bg-light); display: flex; align-items: center; justify-content: center; font-size: 20px; margin-right: 10px; }
        .team-info { flex: 1; }
        .team-name { font-size: 14px; font-weight: 500; margin-bottom: 3px; }
        .team-time { font-size: 11px; color: var(--text-light); }
        .team-contribution { text-align: right; }
        .team-amount { font-size: 14px; font-weight: 600; color: var(--primary); }
        .team-label { font-size: 10px; color: var(--text-light); }
        
        /* Mall Header */
        .mall-header { background: linear-gradient(135deg, #FFA500 0%, #FF6B00 100%); padding: 16px 15px; color: var(--white); }
        .mall-search { background: rgba(255,255,255,0.2); border-radius: 20px; padding: 8px 14px; display: flex; align-items: center; gap: 8px; }
        .mall-search input { flex: 1; background: transparent; border: none; color: var(--white); font-size: 14px; outline: none; }
        .mall-search input::placeholder { color: rgba(255,255,255,0.7); }
        .mall-nav { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; padding: 16px 15px; background: var(--white); }
        .mall-nav-item { display: flex; flex-direction: column; align-items: center; gap: 6px; cursor: pointer; }
        .mall-nav-icon { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 22px; }
        .mall-nav-item span { font-size: 11px; color: var(--text-secondary); }
        .cart-badge { position: relative; }
        .cart-count { position: absolute; top: -4px; right: -4px; background: var(--primary); color: var(--white); font-size: 9px; min-width: 14px; height: 14px; border-radius: 7px; display: flex; align-items: center; justify-content: center; padding: 0 3px; }
        
        /* Product Grid */
        .product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 0 15px 15px; }
        .product-card { background: var(--white); border-radius: 10px; overflow: hidden; cursor: pointer; }
        .product-card:active { opacity: 0.9; }
        .product-img { width: 100%; height: 130px; background: var(--bg-light); display: flex; align-items: center; justify-content: center; font-size: 44px; }
        .product-info { padding: 10px; }
        .product-title { font-size: 13px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .product-price { color: var(--primary); font-size: 15px; font-weight: 600; }
        .product-price .points { font-size: 11px; }
        
        /* Video Grid */
        .video-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 0 15px 15px; }
        .video-card { background: var(--white); border-radius: 10px; overflow: hidden; cursor: pointer; }
        .video-thumb { position: relative; width: 100%; padding-top: 56%; background: #f0f0f0; }
        .video-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
        .video-duration { position: absolute; bottom: 5px; right: 5px; background: rgba(0,0,0,0.7); color: var(--white); font-size: 9px; padding: 2px 5px; border-radius: 3px; }
        .video-info { padding: 8px; }
        .video-title { font-size: 12px; font-weight: 500; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .video-meta { font-size: 10px; color: var(--text-light); display: flex; justify-content: space-between; }
        
        /* Wallet Card */
        .wallet-card { margin: 12px 15px; background: var(--white); border-radius: 14px; padding: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
        .wallet-title { font-size: 13px; color: var(--text-secondary); margin-bottom: 6px; }
        .wallet-balance { font-size: 26px; font-weight: 700; color: var(--primary); }
        .wallet-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 14px; }
        .wallet-action { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 10px; background: var(--bg-light); border-radius: 8px; cursor: pointer; }
        .wallet-action:active { background: var(--border); }
        .wallet-action-icon { font-size: 18px; }
        .wallet-action span { font-size: 11px; color: var(--text-secondary); }
        
        /* Order Tabs */
        .order-tabs { display: flex; background: var(--white); padding: 0; border-bottom: 1px solid var(--border); }
        .order-tab { flex: 1; text-align: center; padding: 12px 0; font-size: 13px; color: var(--text-secondary); position: relative; cursor: pointer; }
        .order-tab.active { color: var(--primary); font-weight: 600; }
        .order-tab.active::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 30px; height: 2px; background: var(--primary); }
        
        /* Order Item */
        .order-item { background: var(--white); margin: 10px 15px; border-radius: 10px; overflow: hidden; }
        .order-header { display: flex; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid var(--border); font-size: 12px; }
        .order-status { color: var(--primary); font-weight: 600; }
        .order-goods { padding: 12px 14px; }
        .order-goods-item { display: flex; gap: 10px; margin-bottom: 10px; }
        .order-goods-item:last-child { margin-bottom: 0; }
        .order-goods-img { width: 60px; height: 60px; background: var(--bg-light); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 26px; flex-shrink: 0; }
        .order-goods-info { flex: 1; }
        .order-goods-name { font-size: 13px; font-weight: 500; margin-bottom: 4px; }
        .order-goods-spec { font-size: 11px; color: var(--text-light); }
        .order-footer { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; border-top: 1px solid var(--border); }
        .order-total { font-size: 12px; color: var(--text-secondary); }
        .order-total span { color: var(--primary); font-weight: 600; }
        .order-btn { padding: 6px 14px; border: 1px solid var(--primary); color: var(--primary); border-radius: 16px; font-size: 12px; cursor: pointer; }
        
        /* Comment Item */
        .comment-item { background: var(--white); padding: 14px 15px; border-bottom: 1px solid var(--border); }
        .comment-user { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
        .comment-avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--bg-light); display: flex; align-items: center; justify-content: center; font-size: 18px; }
        .comment-name { font-size: 13px; font-weight: 500; }
        .comment-time { font-size: 11px; color: var(--text-light); }
        .comment-content { font-size: 14px; color: var(--text-primary); line-height: 1.5; margin-bottom: 8px; }
        .comment-actions { display: flex; gap: 20px; font-size: 12px; color: var(--text-light); }
        .comment-action { display: flex; align-items: center; gap: 4px; cursor: pointer; }
        
        /* History Item */
        .history-item { background: var(--white); padding: 12px 15px; border-bottom: 1px solid var(--border); display: flex; gap: 12px; cursor: pointer; }
        .history-thumb { width: 100px; height: 60px; background: var(--bg-light); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0; }
        .history-info { flex: 1; }
        .history-title { font-size: 14px; font-weight: 500; margin-bottom: 4px; }
        .history-progress { font-size: 12px; color: var(--text-light); }
        .history-btn { padding: 6px 12px; background: var(--primary); color: var(--white); border-radius: 14px; font-size: 12px; align-self: center; }
        
        /* Address Item */
        .address-item { background: var(--white); padding: 14px 15px; border-bottom: 1px solid var(--border); display: flex; gap: 12px; cursor: pointer; }
.address-check { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--border); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
        .address-check.active { background: var(--primary); border-color: var(--primary); color: var(--white); }
        .address-info { flex: 1; }
        .address-user { font-size: 14px; font-weight: 500; margin-bottom: 4px; }
        .address-user span { margin-left: 10px; font-size: 12px; color: var(--text-light); }
        .address-detail { font-size: 13px; color: var(--text-secondary); }
        .address-default { display: inline-block; background: var(--primary); color: var(--white); font-size: 10px; padding: 2px 6px; border-radius: 4px; margin-top: 6px; }
        .address-actions { display: flex; gap: 16px; font-size: 13px; color: var(--text-secondary); margin-top: 8px; }
        .address-action { display: flex; align-items: center; gap: 4px; cursor: pointer; }
        
        /* Commission Item */
        .commission-item { background: var(--white); padding: 14px 15px; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; }
        .commission-info { flex: 1; }
        .commission-type { font-size: 14px; font-weight: 500; margin-bottom: 4px; }
        .commission-time { font-size: 11px; color: var(--text-light); }
        .commission-amount { text-align: right; }
        .commission-value { font-size: 16px; font-weight: 600; color: var(--primary); }
        .commission-status { font-size: 11px; color: var(--success); margin-top: 3px; }
        
        /* Level Card */
        .level-card { margin: 15px; background: var(--white); border-radius: 14px; padding: 20px; text-align: center; }
        .level-badge { font-size: 60px; margin-bottom: 12px; }
        .level-name { font-size: 18px; font-weight: 600; margin-bottom: 8px; }
        .level-desc { font-size: 13px; color: var(--text-secondary); margin-bottom: 16px; }
        .level-progress { width: 100%; height: 8px; background: var(--bg-light); border-radius: 4px; margin-bottom: 8px; overflow: hidden; }
        .level-progress-bar { width: 65%; height: 100%; background: linear-gradient(90deg, var(--primary), var(--primary-light)); border-radius: 4px; }
        .level-target { font-size: 12px; color: var(--text-light); }
        
        /* Withdraw Form */
        .withdraw-form { background: var(--white); padding: 20px 15px; }
        .form-group { margin-bottom: 20px; }
        .form-label { font-size: 14px; color: var(--text-secondary); margin-bottom: 8px; display: block; }
        .form-input { width: 100%; padding: 12px 14px; border: 1px solid var(--border); border-radius: 8px; font-size: 14px; outline: none; }
        .form-input:focus { border-color: var(--primary); }
        .form-balance { font-size: 13px; color: var(--text-light); margin-top: 8px; }
        .form-balance span { color: var(--primary); font-weight: 600; }
        .form-btn { width: 100%; padding: 14px; background: var(--primary); color: var(--white); border: none; border-radius: 24px; font-size: 16px; font-weight: 600; cursor: pointer; }
        
        /* Video Upload */
        .upload-area { margin: 15px; background: var(--white); border-radius: 12px; padding: 30px; text-align: center; border: 2px dashed var(--border); cursor: pointer; }
        .upload-icon { font-size: 48px; margin-bottom: 12px; }
        .upload-text { font-size: 14px; color: var(--text-secondary); }
        .upload-hint { font-size: 12px; color: var(--text-light); margin-top: 8px; }
        
        /* Modal */
        .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 200; display: none; }
        .modal-overlay.show { display: block; }
        .modal { position: fixed; bottom: 0; left: 0; right: 0; background: var(--white); border-radius: 16px 16px 0 0; z-index: 201; transform: translateY(100%); transition: transform 0.3s; max-height: 85vh; overflow-y: auto; }
        .modal.show { transform: translateY(0); }
        .modal-handle { width: 36px; height: 4px; background: var(--border); border-radius: 2px; margin: 10px auto; }
        .modal-header { padding: 8px 20px 16px; text-align: center; font-size: 16px; font-weight: 600; border-bottom: 1px solid var(--border); }
        .modal-content { padding: 16px; }
        
        /* Share Options */
        .share-options { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; padding: 20px 16px; }
        .share-option { display: flex; flex-direction: column; align-items: center; gap: 6px; cursor: pointer; }
        .share-icon { width: 46px; height: 46px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 22px; color: var(--white); }
        .share-option span { font-size: 11px; color: var(--text-secondary); }
        
        /* Cart Item */
        .cart-item { display: flex; gap: 10px; padding: 14px; border-bottom: 1px solid var(--border); }
        .cart-check { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--border); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 28px; cursor: pointer; font-size: 10px; }
        .cart-check.active { background: var(--primary); border-color: var(--primary); color: var(--white); }
        .cart-product { width: 72px; height: 72px; background: var(--bg-light); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 32px; flex-shrink: 0; }
        .cart-details { flex: 1; }
        .cart-name { font-size: 13px; font-weight: 500; margin-bottom: auto; }
        .cart-bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
        .cart-price { color: var(--primary); font-weight: 600; font-size: 14px; }
        .quantity-control { display: flex; align-items: center; gap: 8px; }
        .quantity-btn { width: 22px; height: 22px; border-radius: 4px; background: var(--bg-light); display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 12px; }
        .quantity-num { font-size: 13px; min-width: 18px; text-align: center; }
        
        /* Settlement Bar */
        .settlement-bar { display: flex; align-items: center; padding: 12px 16px; background: var(--white); border-top: 1px solid var(--border); gap: 12px; }
        .settlement-total { flex: 1; }
        .settlement-label { font-size: 11px; color: var(--text-secondary); }
        .settlement-price { font-size: 17px; font-weight: 700; color: var(--primary); }
        .settlement-btn { background: var(--primary); color: var(--white); padding: 10px 24px; border-radius: 20px; font-size: 14px; font-weight: 600; cursor: pointer; }
        
        /* Play Modal */
        .play-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: 300; display: none; flex-direction: column; }
        .play-modal.show { display: flex; }
        .play-header { height: 44px; padding: 0 15px; display: flex; align-items: center; color: var(--white); }
        .play-back { font-size: 20px; cursor: pointer; }
        .play-title { flex: 1; text-align: center; font-size: 15px; }
        .play-content { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
        .play-screen { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); }
        .play-episode-title { color: var(--white); font-size: 22px; margin-bottom: 16px; }
        .play-controls { position: absolute; bottom: 20px; left: 0; right: 0; padding: 0 20px; }
        .play-progress { height: 3px; background: rgba(255,255,255,0.3); border-radius: 2px; margin-bottom: 14px; }
        .play-progress-bar { width: 30%; height: 100%; background: var(--primary); border-radius: 2px; }
        .play-btns { display: flex; justify-content: center; gap: 24px; color: var(--white); }
        .play-btn { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 10px; cursor: pointer; }
        .play-btn-icon { font-size: 22px; }
        
        /* Toast */
        .toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); background: rgba(0,0,0,0.75); color: var(--white); padding: 10px 20px; border-radius: 8px; font-size: 13px; z-index: 400; opacity: 0; transition: all 0.3s; pointer-events: none; }
        .toast.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }
        
        /* Empty State */
        .empty-state { text-align: center; padding: 50px 20px; }
        .empty-icon { font-size: 60px; margin-bottom: 14px; opacity: 0.4; }
        .empty-text { font-size: 13px; color: var(--text-light); }
        
        /* Detail Page Styles */
        .detail-header { position: relative; height: 240px; overflow: hidden; }
        .detail-header img { width: 100%; height: 100%; object-fit: cover; }
        .detail-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, transparent 40%, rgba(0,0,0,0.7) 100%); }
        .detail-back { position: absolute; top: 10px; left: 10px; width: 32px; height: 32px; background: rgba(0,0,0,0.4); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 16px; cursor: pointer; }
        .detail-actions { position: absolute; top: 10px; right: 10px; display: flex; gap: 8px; }
        .detail-action-btn { width: 32px; height: 32px; background: rgba(0,0,0,0.4); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 14px; }
        .detail-info { position: absolute; bottom: 12px; left: 12px; right: 12px; color: var(--white); }
        .detail-title { font-size: 18px; font-weight: 700; margin-bottom: 6px; }
        .detail-tags { display: flex; gap: 6px; margin-bottom: 8px; }
        .detail-tag { background: rgba(255,255,255,0.2); padding: 2px 8px; border-radius: 8px; font-size: 10px; }
        .detail-stats { font-size: 11px; opacity: 0.9; }
        .detail-body { background: var(--white); padding: 16px; }
        .detail-section { margin-bottom: 16px; }
        .detail-section-title { font-size: 15px; font-weight: 600; margin-bottom: 10px; }
        .detail-desc { font-size: 13px; color: var(--text-secondary); line-height: 1.6; }
        .detail-actors { display: flex; gap: 14px; }
        .actor-item { text-align: center; }
        .actor-avatar { width: 46px; height: 46px; border-radius: 50%; background: var(--bg-light); margin-bottom: 5px; display: flex; align-items: center; justify-content: center; font-size: 22px; }
        .actor-name { font-size: 11px; color: var(--text-secondary); }
        .episode-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
        .episode-item { background: var(--bg-light); padding: 10px 6px; border-radius: 6px; text-align: center; font-size: 12px; cursor: pointer; }
        .episode-item:active { background: var(--primary); color: var(--white); }
        .episode-item.free { border: 1px solid var(--success); color: var(--success); }
        
        /* Product Detail */
        .product-detail-header { background: var(--white); padding-bottom: 16px; }
        .product-swiper { width: 100%; height: 280px; background: var(--bg-light); display: flex; align-items: center; justify-content: center; font-size: 80px; }
        .product-price-bar { padding: 14px 15px; }
        .product-price { color: var(--primary); font-size: 24px; font-weight: 700; }
        .product-price .points { font-size: 14px; }
        .product-price .original { font-size: 14px; color: var(--text-light); text-decoration: line-through; margin-left: 8px; }
        .product-title { font-size: 16px; font-weight: 600; padding: 0 15px 14px; background: var(--white); border-bottom: 1px solid var(--border); }
        .product-section { background: var(--white); margin-top: 10px; padding: 14px 15px; }
        .product-section-title { font-size: 14px; font-weight: 600; margin-bottom: 10px; }
        .product-spec { display: flex; flex-wrap: wrap; gap: 8px; }
        .spec-tag { padding: 6px 14px; background: var(--bg-light); border-radius: 16px; font-size: 12px; cursor: pointer; }
        .spec-tag.active { background: var(--primary); color: var(--white); }
        .product-detail-content { background: var(--white); margin-top: 10px; }
        .detail-img { width: 100%; height: 200px; background: var(--bg-light); display: flex; align-items: center; justify-content: center; font-size: 40px; }
        .buy-bar { position: absolute; bottom: 0; left: 0; right: 0; height: 56px; background: var(--white); display: flex; align-items: center; padding: 0 15px; gap: 10px; border-top: 1px solid var(--border); }
        .buy-add-cart { flex: 1; padding: 10px; border: 1px solid var(--primary); color: var(--primary); border-radius: 20px; text-align: center; font-size: 14px; font-weight: 600; cursor: pointer; }
        .buy-now { flex: 1; padding: 10px; background: var(--primary); color: var(--white); border-radius: 20px; text-align: center; font-size: 14px; font-weight: 600; cursor: pointer; }
        
        /* Settings */
        .settings-list { background: var(--white); }
        .settings-item { display: flex; align-items: center; padding: 14px 15px; border-bottom: 1px solid var(--border); cursor: pointer; }
        .settings-item:last-child { border-bottom: none; }
        .settings-icon { width: 24px; height: 24px; margin-right: 12px; display: flex; align-items: center; justify-content: center; font-size: 18px; }
        .settings-text { flex: 1; font-size: 14px; }
        .settings-arrow { color: var(--text-light); font-size: 14px; }
        .settings-toggle { width: 44px; height: 26px; background: var(--border); border-radius: 13px; position: relative; cursor: pointer; }
        .settings-toggle.active { background: var(--success); }
        .settings-toggle::after { content: ''; position: absolute; top: 2px; left: 2px; width: 22px; height: 22px; background: var(--white); border-radius: 50%; transition: transform 0.2s; }
        .settings-toggle.active::after { transform: translateX(18px); }
        
        /* FAQ */
        .faq-item { background: var(--white); margin-bottom: 8px; }
        .faq-question { display: flex; align-items: center; padding: 14px 15px; cursor: pointer; }
        .faq-q { width: 20px; height: 20px; background: var(--primary); color: var(--white); border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; margin-right: 10px; flex-shrink: 0; }
        .faq-title { flex: 1; font-size: 14px; }
        .faq-arrow { color: var(--text-light); font-size: 14px; transition: transform 0.2s; }
        .faq-item.open .faq-arrow { transform: rotate(180deg); }
        .faq-answer { padding: 0 15px 14px 45px; font-size: 13px; color: var(--text-secondary); line-height: 1.6; display: none; }
        .faq-item.open .faq-answer { display: block; }
        
        /* Member Card */
        .member-card { margin: 15px; background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%); border-radius: 14px; padding: 24px; color: var(--white); }
        .member-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
        .member-title { font-size: 18px; font-weight: 700; }
        .member-expire { font-size: 12px; opacity: 0.9; }
        .member-benefits { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
        .benefit-item { display: flex; align-items: center; gap: 8px; font-size: 13px; }
        .benefit-icon { font-size: 18px; }
    </style>
</head>
<body>
    <div class="phone-container">
    <div class="phone-frame">
        <div class="status-bar" id="statusBar">短剧分销</div>
        <div class="page-container">
            
            <!-- ========== 首页 ========== -->
            <div id="page-home" class="page active">
                <div class="page-header"><span class="page-title">热门短剧</span></div>
                <div class="search-bar"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg><input type="text" placeholder="搜索短剧、演员..."></div>
                <div class="banner"><img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='130' fill='%23FF4757'%3E%3Crect width='400' height='130'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='18' fill='white'%3E限时免费·热播短剧%3C/text%3E%3C/svg%3E" alt=""><div class="banner-dots"><span class="banner-dot active"></span><span class="banner-dot"></span></div></div>
                <div class="quick-actions">
                    <div class="quick-item" onclick="goPage('page-vip')"><div class="quick-icon" style="background:#FFF0F0;">👑</div><span>VIP会员</span></div>
                    <div class="quick-item" onclick="goPage('page-share')"><div class="quick-icon" style="background:#FFF9E6;">💰</div><span>分享赚钱</span></div>
                    <div class="quick-item" onclick="goPage('page-mall')"><div class="quick-icon" style="background:#F0FFF4;">🎁</div><span>积分商城</span></div>
                    <div class="quick-item" onclick="goPage('page-favorite')"><div class="quick-icon" style="background:#FFF5F5;">❤️</div><span>我的收藏</span></div>
                </div>
<div class="section-title">精选推荐<span class="more" onclick="goPage('page-category')">更多 ›</span></div>
                <div class="category-tags"><span class="category-tag active">全部</span><span class="category-tag">都市</span><span class="category-tag">言情</span><span class="category-tag">古装</span><span class="category-tag">玄幻</span><span class="category-tag">甜宠</span></div>
                <div class="drama-list">
                    <div class="drama-card" onclick="goPage('page-detail'); currentDrama='逆袭人生'">
                        <div class="drama-cover"><img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='234'%3E%3Crect fill='%23E74C3C' width='180' height='234'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='14' fill='white'%3E逆袭人生%3C/text%3E%3C/svg%3E" alt=""><span class="drama-tag">热门</span><span class="drama-tag free">免费</span><span class="drama-eps">更新至28集</span></div>
                        <div class="drama-info"><div class="drama-title">逆袭人生</div><div class="drama-meta"><span>都市·逆袭</span><span>128.5万在看</span></div></div>
                    </div>
                    <div class="drama-card" onclick="goPage('page-detail'); currentDrama='霸道总裁'">
                        <div class="drama-cover"><img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='234'%3E%3Crect fill='%239B59B6' width='180' height='234'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='14' fill='white'%3E霸道总裁%3C/text%3E%3C/svg%3E" alt=""><span class="drama-tag">甜宠</span><span class="drama-eps">更新至45集</span></div>
                        <div class="drama-info"><div class="drama-title">霸道总裁爱上我</div><div class="drama-meta"><span>言情·甜宠</span><span>98.2万在看</span></div></div>
                    </div>
                    <div class="drama-card" onclick="goPage('page-detail'); currentDrama='穿越时空'">
                        <div class="drama-cover"><img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='234'%3E%3Crect fill='%23E67E22' width='180' height='234'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='14' fill='white'%3E穿越时空%3C/text%3E%3C/svg%3E" alt=""><span class="drama-tag">古装</span><span class="drama-eps">更新至36集</span></div>
                        <div class="drama-info"><div class="drama-title">穿越时空遇见你</div><div class="drama-meta"><span>古装·穿越</span><span>86.7万在看</span></div></div>
                    </div>
                    <div class="drama-card" onclick="goPage('page-detail'); currentDrama='玄幻大陆'">
                        <div class="drama-cover"><img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='234'%3E%3Crect fill='%233498DB' width='180' height='234'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='14' fill='white'%3E玄幻大陆%3C/text%3E%3C/svg%3E" alt=""><span class="drama-tag">玄幻</span><span class="drama-eps">完结80集</span></div>
                        <div class="drama-info"><div class="drama-title">玄幻大陆</div><div class="drama-meta"><span>玄幻·热血</span><span>156.3万在看</span></div></div>
                    </div>
                </div>
            </div>
            
            <!-- ========== 短剧详情页 ========== -->
            <div id="page-detail" class="page">
                <div class="detail-header"><img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='430' height='240'%3E%3Crect fill='%23E74C3C' width='430' height='240'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='24' fill='white'%3E短剧封面%3C/text%3E%3C/svg%3E" alt="">
                    <div class="detail-overlay"></div>
                    <div class="detail-back" onclick="goBack()">←</div>
                    <div class="detail-actions"><div class="detail-action-btn" onclick="showToast('已收藏')">❤️</div><div class="detail-action-btn" onclick="showShareModal()">↗</div></div>
                    <div class="detail-info"><div class="detail-title" id="detailTitle">逆袭人生</div><div class="detail-tags"><span class="detail-tag">都市</span><span class="detail-tag">逆袭</span><span class="detail-tag">热血</span></div><div class="detail-stats">128.5万人在看 · 更新至28集 · 8.6分</div></div>
                </div>
                <div class="detail-body">
                    <div class="detail-section"><div class="detail-section-title">剧情简介</div><div class="detail-desc">平凡青年意外获得神秘系统，从此开启逆袭人生，凭借智慧和勇气一步步走向人生巅峰。商战、情感、逆袭，热血剧情让人欲罢不能...</div></div>
                    <div class="detail-section"><div class="detail-section-title">主演</div><div class="detail-actors"><div class="actor-item"><div class="actor-avatar">👤</div><div class="actor-name">李明</div></div><div class="actor-item"><div class="actor-avatar">👤</div><div class="actor-name">王芳</div></div><div class="actor-item"><div class="actor-avatar">👤</div><div class="actor-name">张伟</div></div></div></div>
                    <div class="detail-section"><div class="detail-section-title">选集播放</div><div class="episode-list"><div class="episode-item free" onclick="playEpisode(1)">第1集</div><div class="episode-item free" onclick="playEpisode(2)">第2集</div><div class="episode-item free" onclick="playEpisode(3)">第3集</div><div class="episode-item" onclick="playEpisode(4)">第4集</div><div class="episode-item" onclick="playEpisode(5)">第5集</div><div class="episode-item" onclick="playEpisode(6)">第6集</div><div class="episode-item" onclick="playEpisode(7)">第7集</div><div class="episode-item" onclick="playEpisode(8)">第8集</div></div></div>
                    <div class="detail-section" style="margin-top:20px;"><div class="section-title" style="padding:0 0 10px;">精彩评论<span class="more" onclick="goPage('page-comment')">查看全部 ›</span></div></div>
                    <div class="comment-item" style="border:none;padding:0 0 12px;">
                        <div class="comment-user"><div class="comment-avatar">👤</div><div><div class="comment-name">追剧达人</div><div class="comment-time">2小时前</div></div></div>
                        <div class="comment-content">太上头了！一口气看了十集，根本停不下来！</div>
                        <div class="comment-actions"><div class="comment-action">👍 328</div><div class="comment-action">回复</div></div>
                    </div>
                </div>
                <div style="height:60px;"></div>
                <div class="buy-bar" style="position:relative;background:var(--white);border-top:1px solid var(--border);">
                    <div style="flex:1;display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text-secondary);"><span onclick="goPage('page-history')">📜 历史</span><span onclick="goPage('page-favorite')">❤️ 收藏</span></div>
                    <div class="buy-add-cart" style="flex:0 0 auto;padding:8px 16px;">解锁全集 ¥29.9</div>
                </div>
            </div>
            
            <!-- ========== 播放页 ========== -->
            <div id="page-play" class="page">
                <div class="play-modal show" style="position:relative;">
                    <div class="play-header"><span class="play-back" onclick="goBack()">←</span><span class="play-title" id="playTitle">第1集</span><span></span></div>
                    <div class="play-content"><div class="play-screen"><div class="play-episode-title" id="playEpisodeTitle">第1集 命运的转折</div><div style="font-size:48px;">▶️</div></div><div class="play-controls"><div class="play-progress"><div class="play-progress-bar"></div></div><div class="play-btns"><div class="play-btn"><span class="play-btn-icon">⏮</span><span>上一集</span></div><div class="play-btn"><span class="play-btn-icon">▶️</span><span>播放</span></div><div class="play-btn"><span class="play-btn-icon">⏭</span><span>下一集</span></div><div class="play-btn"><span class="play-btn-icon">🔊</span><span>倍速</span></div></div></div></div>
                </div>
            </div>
            
            <!-- ========== 视频推广页 ========== -->
            <div id="page-video" class="page">
                <div class="page-header"><span class="page-title">短视频推广</span></div>
                <div class="sub-tab-bar"><span class="sub-tab active" onclick="switchSubTab(this)">素材库</span><span class="sub-tab" onclick="switchSubTab(this)">我的作品</span></div>
                <div class="section-title">精彩素材<span class="more" onclick="goPage('page-upload')">发布视频 ›</span></div>
                <div class="video-grid">
                    <div class="video-card" onclick="showToast('素材已复制到剪贴板')">
                        <div class="video-thumb"><img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='112'%3E%3Crect fill='%23FF6B7A' width='200' height='112'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='12' fill='white'%3E素材1%3C/text%3E%3C/svg%3E" alt=""><span class="video-duration">0:45</span></div>
                        <div class="video-info"><div class="video-title">逆袭人生精彩片段</div><div class="video-meta"><span>使用 2.3万</span><span>佣金 ¥3.5</span></div></div>
                    </div>
                    <div class="video-card" onclick="showToast('素材已复制')">
                        <div class="video-thumb"><img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='112'%3E%3Crect fill='%239B59B6' width='200' height='112'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='12' fill='white'%3E素材2%3C/text%3E%3C/svg%3E" alt=""><span class="video-duration">1:20</span></div>
                        <div class="video-info"><div class="video-title">霸道总裁高能片段</div><div class="video-meta"><span>使用 1.8万</span><span>佣金 ¥2.8</span></div></div>
                    </div>
                    <div class="video-card" onclick="showToast('素材已复制')">
                        <div class="video-thumb"><img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='112'%3E%3Crect fill='%23E67E22' width='200' height='112'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='12' fill='white'%3E素材3%3C/text%3E%3C/svg%3E" alt=""><span class="video-duration">0:30</span></div>
                        <div class="video-info"><div class="video-title">穿越时空预告</div><div class="video-meta"><span>使用 1.2万</span><span>佣金 ¥4.0</span></div></div>
                    </div>
                    <div class="video-card" onclick="showToast('素材已复制')">
                        <div class="video-thumb"><img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='112'%3E%3Crect fill='%233498DB' width='200' height='112'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='12' fill='white'%3E素材4%3C/text%3E%3C/svg%3E" alt=""><span class="video-duration">2:15</span></div>
                        <div class="video-info"><div class="video-title">玄幻特效集锦</div><div class="video-meta"><span>使用 3.5万</span><span>佣金 ¥5.0</span></div></div>
                    </div>
                </div>
            </div>
            
            <!-- ========== 发布视频页 ========== -->
            <div id="page-upload" class="page">
                <div class="page-header"><span class="back-btn" onclick="goBack()">←</span><span class="page-title">发布视频</span><span style="color:var(--primary);font-size:14px;cursor:pointer;">发布</span></div>
                <div class="upload-area" onclick="showToast('请选择视频文件')"><div class="upload-icon">📹</div><div class="upload-text">点击上传视频</div><div class="upload-hint">支持MP4格式，时长15秒-5分钟</div></div>
                <div class="section-title">挂载短剧</div>
                <div class="menu-section" style="margin-top:0;"><div class="menu-item" onclick="showToast('选择短剧')"><div class="menu-icon">🎬</div><div class="menu-text">选择要推广的短剧</div><span class="menu-arrow">›</span></div></div>
                <div class="section-title">视频描述</div>
                <div style="background:var(--white);margin:0 15px;padding:14px;border-radius:10px;"><textarea style="width:100%;border:none;resize:none;outline:none;font-size:14px;height:100px;" placeholder="说点什么...">
¥328.50
今日佣金
新增用户
¥2,856
本月佣金
¥8,420
可提现
🏅
黄金分销商
享受更高佣金比例，专属客服服务
再推广10人可升级为钻石分销商
等级权益
好友数量
¥1,256
贡献佣金
¥45.8
人均贡献
本月新增
👤
小明
注册于 2026-04-20
¥128.50
贡献佣金
👤
小红
注册于 2026-04-18
¥256.00
贡献佣金
👤
小刚
注册于 2026-04-15
¥89.00
贡献佣金
156
好友数量
¥680
贡献佣金
¥4.4
人均贡献
本月新增
👤
张三
通过小明邀请
¥45.80
贡献佣金
👤
李四
通过小红邀请
¥32.50
贡献佣金
👤
王五
通过小刚邀请
¥28.00
贡献佣金
全部短剧付费商城消费
一级好友消费返利
2026-04-25 14:32
+¥12.80
已到账
二级好友消费返利
2026-04-25 12:18
+¥3.60
已到账
一级好友解锁短剧
2026-04-24 20:45
+¥8.50
已到账
二级好友商城购物
2026-04-24 16:22
+¥2.40
已到账
一级好友消费返利
2026-04-23 19:08
+¥15.20
已到账
可提现余额
¥8,420.00
提现金额
当前可提现 ¥8,420.00
提现方式
到账说明
· 提现手续费：0%
· 到账时间：1-3个工作日
· 最低提现金额：¥10
🎫
会员卡
🎁
礼品
💄
美妆
📱
数码
🛒3
购物车
积分兑换专区全部分类 ›
🎧
蓝牙耳机 Pro
2880 积分
⌚
智能手表
5200 积分
🎫
月卡会员
800 积分
🎁
精美礼盒
1680 积分
←
🎧
2880 积分¥399
蓝牙耳机 Pro 无线降噪耳机
选择规格
黑色白色粉色
商品详情
商品图片
加入购物车
立即兑换
📍
张三 138****8888
广东省深圳市南山区科技园南路XX号
›
订单商品
🎧
蓝牙耳机 Pro
黑色 × 1
2880积分
支付方式
合计
2880积分
提交订单
✓
张三 138****8888
广东省深圳市南山区科技园南路88号
默认
✏️ 编辑🗑 删除
李四 139****6666
北京市朝阳区建国路88号SOHO现代城
✏️ 编辑🗑 删除
全部待发货待收货已完成
订单号: 202604250001待发货
🎧
蓝牙耳机 Pro
黑色 × 1
2880积分
订单号: 202604240002已完成
🎫
月卡会员
× 2
1600积分
评价可得 50 积分奖励
免费更新至28集
逆袭人生
128.5万在看❤️ 2.3万
更新至45集
霸道总裁爱上我
98.2万在看❤️ 1.8万
🎬
逆袭人生
看到第12集 · 进度45%
续播
🎬
霸道总裁爱上我
看到第5集 · 进度12%
续播
🎬
穿越时空遇见你
看到第36集 · 进度100%
再看一遍
👤
追剧达人
2小时前
太上头了！一口气看了十集，根本停不下来！
👍 328
👤
剧迷小王
5小时前
男主的逆袭之路太燃了！
👍 156
👤
影视爱好者
昨天
剧情紧凑，演技在线，强推！
👍 89
黄金VIP
有效期至 2027-04-25
✓免费观看全站短剧
✓专属客服服务
✓更高佣金比例
✓优先体验新功能
开通会员
🌙
¥29.9/月
月卡会员