GD-ML/AndroidCode

1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<title>Report this item - Confirmation</title>6<style>7  body { margin: 0; padding: 0; background: transparent; font-family: "Roboto", Arial, sans-serif; }8  #render-target {9    width: 1080px;10    height: 2400px;11    position: relative;12    overflow: hidden;13    background: #f3f3f3;14    /* very subtle paper-like texture */15    background-image:16      radial-gradient(rgba(0,0,0,0.02) 1px, transparent 1px),17      radial-gradient(rgba(0,0,0,0.02) 1px, transparent 1px);18    background-position: 0 0, 25px 25px;19    background-size: 50px 50px, 50px 50px;20  }21  /* Status bar */22  .status-bar {23    position: absolute;24    left: 0; top: 0;25    width: 1080px;26    height: 76px;27    background: #000;28    color: #fff;29    display: flex;30    align-items: center;31    padding: 0 36px;32    box-sizing: border-box;33    font-size: 34px;34    letter-spacing: 0.5px;35  }36  .status-right {37    margin-left: auto;38    display: flex;39    align-items: center;40    gap: 24px;41  }42  .icon-circle {43    width: 26px; height: 26px;44    border-radius: 50%;45    border: 2px solid #fff;46    opacity: 0.7;47  }48  .battery {49    width: 46px; height: 22px; border: 2px solid #fff; border-radius: 4px; position: relative;50  }51  .battery:after {52    content: ""; position: absolute; right: -6px; top: 6px; width: 6px; height: 10px; background: #fff; border-radius: 2px;53  }54  .battery-fill { width: 34px; height: 16px; background: #fff; position: absolute; left: 4px; top: 2px; }55 56  /* App bar */57  .app-bar {58    position: absolute;59    top: 76px;60    left: 0;61    width: 1080px;62    height: 160px;63    background: #000;64    display: flex;65    align-items: center;66    box-sizing: border-box;67    padding: 0 36px;68    color: #fff;69  }70  .close-btn {71    width: 88px; height: 88px; border-radius: 44px;72    border: 2px solid rgba(255,255,255,0.8);73    display: flex; align-items: center; justify-content: center;74    margin-right: 24px;75  }76  .title {77    font-size: 64px;78    font-weight: 700;79  }80 81  /* Watermark heading */82  .watermark {83    position: absolute;84    top: 270px;85    left: 36px;86    font-size: 86px;87    color: rgba(0,0,0,0.08);88    font-weight: 500;89  }90 91  /* Confirmation card */92  .card {93    position: absolute;94    left: 24px;95    right: 24px;96    top: 420px;97    background: #121212;98    border-radius: 18px;99    border: 1px solid #2a2a2a;100    box-shadow: 0 6px 0 0 rgba(0,0,0,0.35), 4px 4px 0 0 rgba(0,0,0,0.25);101    padding: 40px 36px 48px;102    box-sizing: border-box;103  }104  .card:before {105    content: "";106    position: absolute;107    left: 0; right: 0; top: 0;108    height: 10px;109    background: #2e7d32; /* green accent bar */110    border-top-left-radius: 18px;111    border-top-right-radius: 18px;112  }113  .card h2 {114    margin: 18px 0 24px;115    font-size: 46px;116    color: #2e7d32;117    font-weight: 800;118  }119  .card p {120    margin: 22px 0;121    font-size: 34px;122    line-height: 1.55;123    color: #e9e9e9;124  }125  .card p b { color: #ffffff; font-weight: 700; }126 127  /* Bottom gesture area */128  .bottom-bar {129    position: absolute;130    bottom: 0; left: 0;131    width: 1080px; height: 140px;132    background: #000;133    display: flex; align-items: center; justify-content: center;134  }135  .gesture {136    width: 240px; height: 12px; background: #e6e6e6; border-radius: 7px;137  }138 139  /* Simple close SVG line styling */140  .close-btn svg { width: 44px; height: 44px; }141  .close-btn svg path { stroke: #fff; stroke-width: 6; stroke-linecap: round; }142</style>143</head>144<body>145<div id="render-target">146  <!-- Status bar -->147  <div class="status-bar">148    5:00149    <div class="status-right">150      <div class="icon-circle"></div>151      <div class="icon-circle"></div>152      <div class="icon-circle"></div>153      <div class="battery"><div class="battery-fill"></div></div>154      <span style="font-size:32px;">96%</span>155    </div>156  </div>157 158  <!-- App bar -->159  <div class="app-bar">160    <div class="close-btn" aria-label="Close">161      <svg viewBox="0 0 24 24">162        <path d="M5 5 L19 19 M19 5 L5 19"></path>163      </svg>164    </div>165    <div class="title">Report this item</div>166  </div>167 168  <!-- Watermark header text -->169  <div class="watermark">File a report</div>170 171  <!-- Confirmation card -->172  <div class="card">173    <h2>Thank you for taking the time to submit this report.</h2>174    <p>This information is very important to us, so please be assured that we will thoroughly review it and take action if necessary.</p>175    <p>If there's a violation, the action we take depends on how it impacts our community. In some cases, we explain the situation to the seller, and the listing will remain on our website. If the item or listing doesn't follow our rules, we may cancel the listing. We may also restrict the seller's buying and selling activities on eBay.</p>176    <p>To protect our users' privacy, we're unable to share the action we take. Thanks for understanding.</p>177    <p><b>Note:</b> You don't need to contact us again. Doing so would create a new report and prolong the process.</p>178  </div>179 180  <!-- Bottom gesture area -->181  <div class="bottom-bar">182    <div class="gesture"></div>183  </div>184</div>185</body>186</html>