Add Ko-fi integration - premium wallpaper tier

Author: AnarchySC

themes/filmoru/layouts/_default/subscribe.html

@@ -44,6 +44,27 @@ <h2 class="benefits-title">届くもの <span>What You'll Receive</span></h2>
   <div class="subscribe-note">
     <p>No spam. Unsubscribe anytime. Your data stays in this galaxy.</p>
   </div>
+
+  <!-- Premium Tier -->
+  <div class="content-divider" style="margin-top: var(--space-xl);">
+    <span class="divider-line divider-blue"></span>
+    <span class="divider-line divider-orange"></span>
+    <span class="divider-line divider-yellow"></span>
+  </div>
+
+  <div class="premium-tier">
+    <div class="premium-badge">銀河限定</div>
+    <h2 class="premium-title">Cosmogirl Wallpaper Club</h2>
+    <p class="premium-price">$1<span>/month</span></p>
+    <p class="premium-desc">Exclusive HD wallpapers featuring the Cosmogirl of the Week. Scenes you won't find anywhere else.</p>
+    <ul class="premium-features">
+      <li>Weekly 1920x1080 wallpaper</li>
+      <li>Action shots, chill vibes, pinup poses</li>
+      <li>Each wallpaper available ONE WEEK only</li>
+    </ul>
+    <a href="https://ko-fi.com/cassettefuture" target="_blank" class="premium-btn">Join on Ko-fi →</a>
+    <p class="premium-warning">Miss it? It's gone to the void forever.</p>
+  </div>
 </section>
 
 <style>
@@ -156,6 +177,92 @@ <h2 class="benefits-title">届くもの <span>What You'll Receive</span></h2>
   font-size: 0.8rem;
   color: var(--text-light);
 }
+
+/* Premium tier */
+.premium-tier {
+  background: linear-gradient(135deg, #1B3A5F 0%, #0d1f33 100%);
+  color: #fff;
+  padding: var(--space-xl);
+  margin-top: var(--space-lg);
+  text-align: center;
+}
+
+.premium-badge {
+  display: inline-block;
+  font-family: var(--font-jp);
+  font-size: 0.8rem;
+  background: #E85D04;
+  padding: 4px 12px;
+  margin-bottom: var(--space-md);
+  letter-spacing: 0.1em;
+}
+
+.premium-title {
+  font-family: var(--font-display);
+  font-size: 1.5rem;
+  margin: 0 0 var(--space-sm) 0;
+}
+
+.premium-price {
+  font-size: 2.5rem;
+  font-weight: 700;
+  margin: var(--space-md) 0;
+}
+
+.premium-price span {
+  font-size: 1rem;
+  font-weight: 400;
+  opacity: 0.7;
+}
+
+.premium-desc {
+  font-size: 0.95rem;
+  opacity: 0.9;
+  margin-bottom: var(--space-lg);
+}
+
+.premium-features {
+  list-style: none;
+  padding: 0;
+  margin-bottom: var(--space-lg);
+  text-align: left;
+  max-width: 300px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.premium-features li {
+  padding: var(--space-sm) 0;
+  border-bottom: 1px solid rgba(255,255,255,0.1);
+  font-size: 0.9rem;
+}
+
+.premium-features li::before {
+  content: "✦ ";
+  color: #FFD000;
+}
+
+.premium-btn {
+  display: inline-block;
+  background: #E85D04;
+  color: #fff;
+  padding: var(--space-md) var(--space-xl);
+  font-weight: 600;
+  text-decoration: none;
+  transition: background 0.2s;
+}
+
+.premium-btn:hover {
+  background: #FFD000;
+  color: #1a1a1a;
+}
+
+.premium-warning {
+  margin-top: var(--space-md);
+  font-size: 0.75rem;
+  opacity: 0.6;
+  font-style: italic;
+}
 </style>
 
 <script>

themes/filmoru/layouts/partials/footer.html

@@ -15,6 +15,8 @@
     <div class="footer-links">
       <a href="{{ .Site.BaseURL }}subscribe/">Subscribe</a>
       <span class="footer-sep">|</span>
+      <a href="https://ko-fi.com/cassettefuture" target="_blank">Support</a>
+      <span class="footer-sep">|</span>
       <a href="{{ .Site.BaseURL }}feedback/">Feedback</a>
     </div>
     <span class="footer-domain">anarchygames.org</span>