feat(aigc): add template, recharge & points pages

This commit adds the full AIGC feature set including template usage flow, points recharge and transaction ledger pages, along with all supporting components, styles and data files. It also updates the home page navigation and registers all new pages in the project's pages configuration.

src/pages-aigc/useTemplate/components/PhotoPickDrawer/styles/index.scss

@@ -0,0 +1,122 @@
+.photo-pick-drawer {
+  position: relative;
+  width: 100vw;
+  max-width: 100%;
+  min-height: 336px;
+  margin-top: -34px;
+  padding: 22px 18px 20px;
+  border-radius: 26px 26px 0 0;
+  background: #ffffff;
+  box-shadow: 0 -8px 28px rgba(18, 35, 48, 0.08);
+  box-sizing: border-box;
+}
+
+.photo-pick-close {
+  position: absolute;
+  left: 18px;
+  top: 22px;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+}
+
+.photo-pick-title {
+  display: block;
+  margin: 1px 0 17px;
+  color: #111827;
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: 900;
+  text-align: center;
+}
+
+.photo-pick-card {
+  width: 100%;
+  min-height: 126px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 14px 18px;
+  border: 1.5px dashed rgba(32, 207, 117, 0.46);
+  border-radius: 20px;
+  background: #f2fbf6;
+  text-align: center;
+  box-sizing: border-box;
+}
+
+.photo-pick-plus {
+  width: 42px;
+  height: 42px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: #20cf75;
+  color: #ffffff;
+  font-size: 25px;
+  line-height: 42px;
+  font-weight: 500;
+}
+
+.photo-pick-card-title,
+.photo-pick-card-desc {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.photo-pick-card-title {
+  max-width: 230px;
+  color: #172033;
+  font-size: 16px;
+  line-height: 22px;
+  font-weight: 900;
+  white-space: nowrap;
+}
+
+.photo-pick-card-desc {
+  max-width: 230px;
+  color: #667386;
+  font-size: 12px;
+  line-height: 18px;
+  font-weight: 800;
+}
+
+.photo-pick-actions {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+  margin-top: 10px;
+}
+
+.photo-pick-action {
+  height: 42px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 16px;
+  background: #f5f8f7;
+  color: #172033;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 900;
+}
+
+.photo-pick-action.is-pressed {
+  opacity: 0.82;
+}
+
+.photo-pick-hint {
+  display: block;
+  margin: 10px 0 0;
+  color: #7a8596;
+  font-size: 12px;
+  line-height: 18px;
+  font-weight: 800;
+  text-align: center;
+}