GD-ML/AndroidCode

1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<title>WPS Office Splash</title>6<style>7  body {8    margin: 0;9    padding: 0;10    background: transparent;11  }12  #render-target {13    width: 1080px;14    height: 2400px;15    position: relative;16    overflow: hidden;17    background: #000000;18  }19 20  /* Brand row near the bottom */21  .brand {22    position: absolute;23    left: 50%;24    bottom: 220px;25    transform: translateX(-50%);26    display: flex;27    align-items: center;28    gap: 36px;29  }30 31  .app-icon {32    width: 120px;33    height: 120px;34    border-radius: 28px;35    background: #D64D3B;36    box-shadow: 0 6px 16px rgba(0,0,0,0.35);37    display: flex;38    align-items: center;39    justify-content: center;40  }41 42  .brand-text {43    display: flex;44    flex-direction: column;45  }46 47  .brand-text .name {48    color: #FFFFFF;49    font-size: 64px;50    font-weight: 500;51    letter-spacing: 1px;52    line-height: 1.1;53  }54 55  .brand-text .tagline {56    margin-top: 10px;57    color: #979797;58    font-size: 32px;59    letter-spacing: 0.5px;60  }61 62  .home-indicator {63    position: absolute;64    left: 50%;65    bottom: 44px;66    transform: translateX(-50%);67    width: 320px;68    height: 12px;69    border-radius: 8px;70    background: rgba(255,255,255,0.9);71  }72</style>73</head>74<body>75<div id="render-target">76  <div class="brand">77    <div class="app-icon">78      <svg width="84" height="84" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">79        <path d="M18 34 L38 86 L58 34 L78 86 L98 34" fill="none" stroke="#FFFFFF" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>80      </svg>81    </div>82    <div class="brand-text">83      <div class="name">WPS Office</div>84      <div class="tagline">Easy·Collaborative·Joyful</div>85    </div>86  </div>87 88  <div class="home-indicator"></div>89</div>90</body>91</html>