GD-ML/AndroidCode

1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<meta name="viewport" content="width=1080, initial-scale=1.0">6<title>actuation_result.txt</title>7<style>8  body { margin: 0; padding: 0; background: transparent; }9  #render-target {10    width: 1080px;11    height: 2400px;12    position: relative;13    overflow: hidden;14    background: #121212;15    color: #FFFFFF;16    font-family: "Roboto", Arial, sans-serif;17  }18 19  /* Status bar */20  .status-bar {21    height: 96px;22    background: #1a1a1a;23    display: flex;24    align-items: center;25    padding: 0 36px;26    box-sizing: border-box;27    color: #d8d8d8;28    letter-spacing: 0.5px;29  }30  .status-left,31  .status-right {32    display: flex;33    align-items: center;34  }35  .status-left { flex: 1; gap: 18px; font-size: 36px; }36  .status-app-dot {37    width: 28px; height: 28px; border-radius: 14px;38    background: #cfcfcf; opacity: 0.7;39  }40  .status-right { gap: 20px; }41  .status-icon { width: 44px; height: 44px; }42 43  /* App bar */44  .app-bar {45    height: 160px;46    background: #212121;47    display: flex;48    align-items: center;49    padding: 0 28px;50    box-sizing: border-box;51    border-bottom: 1px solid #2a2a2a;52  }53  .back-btn {54    width: 72px; height: 72px;55    display: flex; align-items: center; justify-content: center;56    margin-right: 14px;57  }58  .back-btn svg { width: 48px; height: 48px; fill: none; stroke: #ffffff; stroke-width: 8; }59  .title {60    font-size: 54px;61    font-weight: 500;62    color: #ffffff;63  }64 65  /* Content */66  .content {67    position: absolute;68    top: 256px; /* status (96) + appbar (160) */69    left: 0;70    right: 0;71    bottom: 0;72    background: #121212;73    padding: 48px 36px;74    box-sizing: border-box;75  }76  .code-line {77    font-family: Menlo, Consolas, "SF Mono", monospace;78    font-size: 42px;79    color: #EAEAEA;80    letter-spacing: 1px;81  }82 83  /* Bottom gesture pill */84  .gesture-pill {85    position: absolute;86    bottom: 44px;87    left: 50%;88    transform: translateX(-50%);89    width: 280px;90    height: 14px;91    background: #e5e5e5;92    border-radius: 10px;93    opacity: 0.9;94  }95</style>96</head>97<body>98<div id="render-target">99  <!-- Top status bar -->100  <div class="status-bar">101    <div class="status-left">102      <div style="font-weight: 700;">1:07</div>103      <div class="status-app-dot" title="App notification"></div>104      <div class="status-app-dot" title="App notification"></div>105      <div style="font-weight: 600;">N</div>106      <div>14°</div>107      <div style="font-size: 36px;">•</div>108    </div>109    <div class="status-right">110      <!-- Wi-Fi icon -->111      <svg class="status-icon" viewBox="0 0 24 24">112        <path fill="#d8d8d8" d="M12 18.5l1.8-1.8a2.5 2.5 0 00-3.6 0L12 18.5z"></path>113        <path fill="#d8d8d8" d="M5 11.5c3.9-3.9 10.1-3.9 14 0l-1.6 1.6c-3-3-7.8-3-10.8 0L5 11.5z"></path>114        <path fill="#d8d8d8" d="M8.5 14.5c2.2-2.2 5.8-2.2 8 0l-1.5 1.5c-1.4-1.4-3.6-1.4-5 0l-1.5-1.5z"></path>115      </svg>116      <!-- Battery icon -->117      <svg class="status-icon" viewBox="0 0 28 24">118        <rect x="2" y="6" width="20" height="12" rx="2" ry="2" fill="none" stroke="#d8d8d8" stroke-width="2"></rect>119        <rect x="4" y="8" width="14" height="8" fill="#d8d8d8"></rect>120        <rect x="22" y="9" width="3" height="6" rx="1" ry="1" fill="#d8d8d8"></rect>121      </svg>122    </div>123  </div>124 125  <!-- App bar -->126  <div class="app-bar">127    <div class="back-btn">128      <svg viewBox="0 0 24 24">129        <path d="M15 6 L9 12 L15 18" />130      </svg>131    </div>132    <div class="title">actuation_result.txt</div>133  </div>134 135  <!-- Content area -->136  <div class="content">137    <div class="code-line">QgIIAQ==</div>138  </div>139 140  <!-- Bottom gesture pill -->141  <div class="gesture-pill"></div>142</div>143</body>144</html>