GD-ML/AndroidCode
13.4k
1<html>2<head>3<meta charset="UTF-8">4<meta name="viewport" content="width=1080, initial-scale=1.0">5<title>eBay Report Reasons - Modal</title>6<style>7 body { margin: 0; padding: 0; background: transparent; font-family: Arial, Helvetica, sans-serif; }8 #render-target {9 width: 1080px;10 height: 2400px;11 position: relative;12 overflow: hidden;13 background: #000000;14 }15 16 /* Status bar */17 .status-bar {18 position: absolute;19 top: 0;20 left: 0;21 width: 1080px;22 height: 110px;23 color: #ffffff;24 display: flex;25 align-items: center;26 justify-content: space-between;27 padding: 0 36px;28 box-sizing: border-box;29 }30 .status-time { font-size: 44px; font-weight: 600; letter-spacing: 1px; }31 .status-icons { display: flex; gap: 22px; align-items: center; }32 .icon {33 width: 44px; height: 44px;34 display: inline-flex; align-items: center; justify-content: center;35 }36 37 /* Dimmed background content placeholder */38 .background-placeholder {39 position: absolute;40 top: 110px;41 left: 0;42 width: 1080px;43 height: 2290px;44 background: rgba(255,255,255,0.06);45 }46 .background-placeholder .mock-content {47 width: 92%;48 height: 360px;49 margin: 40px auto;50 background: #E0E0E0;51 border: 1px solid #BDBDBD;52 color: #757575;53 display: flex; align-items: center; justify-content: center;54 border-radius: 14px;55 font-size: 40px;56 }57 58 /* Modal sheet */59 .modal-sheet {60 position: absolute;61 left: 50px;62 top: 160px;63 width: 980px;64 height: 1980px;65 background: #3d3d3d;66 border-radius: 18px;67 box-shadow: 0 8px 40px rgba(0,0,0,0.6);68 color: #f5f5f5;69 overflow: hidden;70 }71 .option-list { width: 100%; }72 .option-item {73 display: flex;74 align-items: center;75 justify-content: space-between;76 padding: 34px 28px 34px 34px;77 font-size: 48px;78 line-height: 1.2;79 border-bottom: 1px solid #5b5b5b;80 box-sizing: border-box;81 min-height: 130px;82 }83 .option-item:last-child { border-bottom: none; }84 .radio {85 width: 52px;86 height: 52px;87 border: 4px solid #c8c8c8;88 border-radius: 50%;89 flex-shrink: 0;90 margin-left: 26px;91 box-sizing: border-box;92 opacity: 0.9;93 }94 95 /* Faint left back-circle hint */96 .back-circle {97 position: absolute;98 top: 130px;99 left: 24px;100 width: 90px; height: 90px;101 border-radius: 45px;102 background: rgba(255,255,255,0.08);103 display: flex; align-items: center; justify-content: center;104 }105</style>106</head>107<body>108<div id="render-target">109 <!-- Status bar -->110 <div class="status-bar">111 <div class="status-time">6:13</div>112 <div class="status-icons">113 <!-- Signal icon -->114 <div class="icon">115 <svg width="42" height="42" viewBox="0 0 24 24" fill="none">116 <path d="M3 20h2v-2H3v2zm3-3h2v-3H6v3zm3-4h2V9H9v4zm3-6v10h2V7h-2zm3 3v7h2v-7h-2z" fill="#ffffff"/>117 </svg>118 </div>119 <!-- WiFi icon -->120 <div class="icon">121 <svg width="42" height="42" viewBox="0 0 24 24" fill="none">122 <path d="M12 18.5c.8 0 1.5.7 1.5 1.5S12.8 21.5 12 21.5 10.5 20.8 10.5 20s.7-1.5 1.5-1.5z" fill="#ffffff"/>123 <path d="M4.2 12.8c4.3-4.3 11.3-4.3 15.6 0l-1.4 1.4c-3.5-3.5-9.2-3.5-12.7 0l-1.5-1.4z" fill="#ffffff"/>124 <path d="M7.4 15.9c2.7-2.7 6.9-2.7 9.6 0l-1.4 1.4c-1.9-1.9-4.9-1.9-6.8 0l-1.4-1.4z" fill="#ffffff"/>125 </svg>126 </div>127 <!-- Battery icon -->128 <div class="icon">129 <svg width="52" height="42" viewBox="0 0 28 18" fill="none">130 <rect x="1" y="3" width="22" height="12" rx="2" stroke="#ffffff" stroke-width="2"/>131 <rect x="3" y="5" width="16" height="8" fill="#ffffff"/>132 <rect x="24" y="7" width="3" height="6" fill="#ffffff"/>133 </svg>134 </div>135 </div>136 </div>137 138 <!-- Dimmed background placeholder -->139 <div class="background-placeholder">140 <div class="mock-content">[IMG: Underlying eBay Item Page]</div>141 </div>142 143 <!-- Faint back circle (as seen under modal edge) -->144 <div class="back-circle">145 <svg width="42" height="42" viewBox="0 0 24 24" fill="none">146 <path d="M15.4 7.4L10.8 12l4.6 4.6-1.4 1.4L8 12l6-6 1.4 1.4z" fill="#CFCFCF"/>147 </svg>148 </div>149 150 <!-- Modal Sheet with options -->151 <div class="modal-sheet">152 <div class="option-list">153 <div class="option-item">154 <div>Avoiding eBay fees</div>155 <div class="radio"></div>156 </div>157 <div class="option-item">158 <div>Banned or inappropriate payment methods</div>159 <div class="radio"></div>160 </div>161 <div class="option-item">162 <div>Compilation and informational items</div>163 <div class="radio"></div>164 </div>165 <div class="option-item">166 <div>Duplicate listings</div>167 <div class="radio"></div>168 </div>169 <div class="option-item">170 <div>Feedback solicitation</div>171 <div class="radio"></div>172 </div>173 <div class="option-item">174 <div>Fraudulent listing activities</div>175 <div class="radio"></div>176 </div>177 <div class="option-item">178 <div>Inappropriate item description</div>179 <div class="radio"></div>180 </div>181 <div class="option-item">182 <div>Inappropriate seller terms</div>183 <div class="radio"></div>184 </div>185 <div class="option-item">186 <div>Links, logos, and videos</div>187 <div class="radio"></div>188 </div>189 <div class="option-item">190 <div>No item listings and inappropriate comments</div>191 <div class="radio"></div>192 </div>193 <div class="option-item">194 <div>Offer to buy or sell outside eBay</div>195 <div class="radio"></div>196 </div>197 <div class="option-item">198 <div>Other listing practices</div>199 <div class="radio"></div>200 </div>201 <div class="option-item">202 <div>Search and browse</div>203 <div class="radio"></div>204 </div>205 </div>206 </div>207</div>208</body>209</html>