first commit

2026-09-11 01:45:04 +08:00
commit 0a8d60d87f
145 changed files with 40978 additions and 0 deletions
@@ -0,0 +1,208 @@
+.page-flex {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.scroll-body {
+  flex: 1;
+  height: 0;
+}
+
+.topbar {
+  background: #fff;
+  padding: 20rpx 32rpx;
+}
+
+.segment {
+  display: flex;
+  background: #F2F2F7;
+  border-radius: 20rpx;
+  padding: 6rpx;
+}
+
+.segment-item {
+  flex: 1;
+  height: 64rpx;
+  line-height: 64rpx;
+  text-align: center;
+  font-size: 28rpx;
+  color: #3C3C43;
+  border-radius: 16rpx;
+}
+
+.segment-item.active {
+  background: #fff;
+  color: #007AFF;
+  font-weight: 600;
+}
+
+.entry-row {
+  display: flex;
+  gap: 20rpx;
+  padding: 24rpx 32rpx;
+}
+
+.entry-btn {
+  flex: 1;
+  height: 72rpx;
+  border-radius: 36rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 26rpx;
+  font-weight: 500;
+}
+
+.entry-outline {
+  border: 1rpx solid #007AFF;
+  color: #007AFF;
+  background: #fff;
+}
+
+.entry-primary {
+  background: #007AFF;
+  color: #fff;
+}
+
+.list {
+  padding: 0 32rpx;
+}
+
+.sk-card {
+  height: 360rpx;
+  border-radius: 32rpx;
+  margin-bottom: 24rpx;
+}
+
+.outfit-card {
+  margin-bottom: 24rpx;
+  padding: 24rpx;
+}
+
+.cover {
+  height: 280rpx;
+  background: #F8F8FA;
+  border-radius: 24rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #C7C7CC;
+  position: relative;
+  overflow: hidden;
+}
+
+.cover .icon {
+  width: 96rpx;
+  height: 96rpx;
+}
+
+.cover-item {
+  position: absolute;
+  width: 150rpx;
+  height: 190rpx;
+  background: #fff;
+  border: 1rpx solid #E5E5EA;
+  border-radius: 16rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+
+.cover-0 { left: 16rpx; top: 40rpx; transform: rotate(-6deg); }
+.cover-1 { left: 140rpx; top: 82rpx; transform: rotate(3deg); }
+.cover-2 { left: 268rpx; top: 32rpx; transform: rotate(5deg); }
+.cover-3 { left: 392rpx; top: 84rpx; transform: rotate(-3deg); }
+.cover-4 { left: 480rpx; top: 40rpx; transform: rotate(6deg); }
+
+.cover-img {
+  width: 100%;
+  height: 100%;
+}
+
+.cover-ph {
+  width: 72rpx;
+  height: 72rpx;
+  color: #C7C7CC;
+}
+
+.cover-count {
+  position: absolute;
+  top: 20rpx;
+  right: 20rpx;
+  font-size: 22rpx;
+  color: #007AFF;
+  background: rgba(0, 122, 255, 0.1);
+  padding: 4rpx 20rpx;
+  border-radius: 20rpx;
+}
+
+.card-body {
+  margin-top: 20rpx;
+}
+
+.title-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.title {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #000;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-right: 16rpx;
+}
+
+.desc {
+  font-size: 26rpx;
+  color: #8E8E93;
+  margin-top: 12rpx;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
+
+.meta-row {
+  display: flex;
+  align-items: center;
+  margin-top: 16rpx;
+}
+
+.meta {
+  font-size: 22rpx;
+  color: #8E8E93;
+  margin-left: 12rpx;
+}
+
+.spacer {
+  flex: 1;
+}
+
+.meta-icon {
+  display: flex;
+  align-items: center;
+  font-size: 22rpx;
+  color: #8E8E93;
+}
+
+.heart {
+  width: 36rpx;
+  height: 36rpx;
+  color: #C7C7CC;
+  margin-right: 8rpx;
+}
+
+.no-more {
+  text-align: center;
+  font-size: 24rpx;
+  color: #C7C7CC;
+  padding: 24rpx 0 40rpx;
+}