GD-ML/AndroidCode

1<!DOCTYPE html>2<html>3<head>4<meta charset="UTF-8">5<title>eBay Loading</title>6<style>7  body { margin: 0; padding: 0; background: transparent; }8  #render-target {9    width: 1080px;10    height: 2400px;11    position: relative;12    overflow: hidden;13    background: #FFFFFF;14    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;15  }16 17  /* Status bar */18  .status-bar {19    position: absolute;20    top: 0;21    left: 0;22    width: 1080px;23    height: 96px;24    color: #757575;25    font-size: 38px;26  }27  .status-time {28    position: absolute;29    left: 36px;30    top: 24px;31    letter-spacing: 0.5px;32  }33  .status-right {34    position: absolute;35    right: 32px;36    top: 18px;37    display: flex;38    align-items: center;39    gap: 28px;40  }41  .status-right span {42    font-size: 34px;43    color: #757575;44  }45  .icon {46    width: 48px;47    height: 48px;48  }49 50  /* App bar */51  .app-bar {52    position: absolute;53    top: 108px;54    left: 0;55    width: 100%;56    height: 140px;57    display: flex;58    align-items: center;59    padding: 0 36px;60    box-sizing: border-box;61  }62  .close-btn {63    width: 72px;64    height: 72px;65    margin-right: 24px;66  }67  .title {68    font-size: 64px;69    font-weight: 700;70    color: #111111;71  }72 73  /* Spinner */74  .spinner {75    position: absolute;76    width: 200px;77    height: 200px;78    left: 440px; /* (1080 - 200) / 2 */79    top: 1060px;80    border-radius: 50%;81    border: 20px solid #3F5AFE;82    border-top-color: transparent;83    border-right-color: transparent;84    box-sizing: border-box;85  }86 87  /* Home indicator */88  .home-indicator {89    position: absolute;90    bottom: 40px;91    left: 50%;92    transform: translateX(-50%);93    width: 320px;94    height: 16px;95    background: #9E9E9E;96    border-radius: 10px;97    opacity: 0.8;98  }99</style>100</head>101<body>102<div id="render-target">103  <!-- Status Bar -->104  <div class="status-bar">105    <div class="status-time">2:14</div>106    <div class="status-right">107      <!-- Do Not Disturb -->108      <svg class="icon" viewBox="0 0 24 24">109        <circle cx="12" cy="12" r="9" fill="none" stroke="#757575" stroke-width="2"></circle>110        <line x1="7" y1="12" x2="17" y2="12" stroke="#757575" stroke-width="2" stroke-linecap="round"></line>111      </svg>112      <!-- Wi-Fi -->113      <svg class="icon" viewBox="0 0 24 24">114        <path d="M3 10c4.5-4 13.5-4 18 0" fill="none" stroke="#757575" stroke-width="2" stroke-linecap="round"></path>115        <path d="M6 13c3-2.5 9-2.5 12 0" fill="none" stroke="#757575" stroke-width="2" stroke-linecap="round"></path>116        <path d="M9 16c1.5-1 4.5-1 6 0" fill="none" stroke="#757575" stroke-width="2" stroke-linecap="round"></path>117        <circle cx="12" cy="19" r="1.5" fill="#757575"></circle>118      </svg>119      <!-- Battery -->120      <svg class="icon" viewBox="0 0 28 24">121        <rect x="2" y="6" width="20" height="12" rx="2" ry="2" fill="none" stroke="#757575" stroke-width="2"></rect>122        <rect x="23" y="9" width="3" height="6" fill="#757575"></rect>123        <rect x="4" y="8" width="16" height="8" fill="#757575"></rect>124      </svg>125      <span>100%</span>126    </div>127  </div>128 129  <!-- App Bar -->130  <div class="app-bar">131    <svg class="close-btn" viewBox="0 0 24 24">132      <line x1="5" y1="5" x2="19" y2="19" stroke="#111111" stroke-width="2.8" stroke-linecap="round"></line>133      <line x1="19" y1="5" x2="5" y2="19" stroke="#111111" stroke-width="2.8" stroke-linecap="round"></line>134    </svg>135    <div class="title">eBay</div>136  </div>137 138  <!-- Loading Spinner -->139  <div class="spinner"></div>140 141  <!-- Home indicator -->142  <div class="home-indicator"></div>143</div>144</body>145</html>