新建项目

pages/home/home.wxss

@@ -0,0 +1,165 @@
+.home-page {
+  overflow: hidden;
+}
+
+.hero {
+  position: relative;
+  overflow: hidden;
+  padding: 52rpx 38rpx 42rpx;
+  background: #183f31;
+  border-radius: 40rpx;
+  color: #fff;
+}
+
+.hero .eyebrow {
+  position: relative;
+  color: #d9ef72;
+}
+
+.hero-title {
+  position: relative;
+  margin-top: 22rpx;
+  font-size: 62rpx;
+  font-weight: 900;
+  line-height: 1.18;
+  letter-spacing: -2rpx;
+}
+
+.hero-copy {
+  position: relative;
+  width: 88%;
+  margin-top: 26rpx;
+  color: rgba(255, 255, 255, 0.76);
+  font-size: 27rpx;
+  line-height: 1.7;
+}
+
+.hero-players {
+  position: relative;
+  display: flex;
+  align-items: center;
+  margin-top: 38rpx;
+  color: rgba(255, 255, 255, 0.68);
+  font-size: 23rpx;
+}
+
+.avatar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 54rpx;
+  height: 54rpx;
+  margin-right: -12rpx;
+  border: 4rpx solid #183f31;
+  border-radius: 50%;
+  color: #17231d;
+  font-size: 20rpx;
+  font-weight: 800;
+}
+
+.avatar-c {
+  margin-right: 24rpx;
+}
+
+.avatar-a {
+  background: #d9ef72;
+}
+
+.avatar-b {
+  background: #ef8f4a;
+}
+
+.avatar-c {
+  background: #f9e6c4;
+}
+
+.hero-orbit {
+  position: absolute;
+  border: 2rpx solid rgba(217, 239, 114, 0.23);
+  border-radius: 50%;
+}
+
+.orbit-one {
+  top: -120rpx;
+  right: -100rpx;
+  width: 420rpx;
+  height: 420rpx;
+}
+
+.orbit-two {
+  top: -32rpx;
+  right: -20rpx;
+  width: 220rpx;
+  height: 220rpx;
+}
+
+.actions {
+  margin-top: 28rpx;
+}
+
+.continue-card {
+  border-left: 10rpx solid #ef8f4a;
+}
+
+.continue-label {
+  margin-bottom: 10rpx;
+  color: #9c531e;
+  font-size: 22rpx;
+  font-weight: 800;
+}
+
+.arrow {
+  font-size: 44rpx;
+}
+
+.room-meta {
+  margin-top: 14rpx;
+  color: #68726c;
+  font-size: 24rpx;
+}
+
+.steps {
+  overflow: hidden;
+  background: #fffdf7;
+  border-radius: 28rpx;
+}
+
+.step {
+  display: flex;
+  gap: 24rpx;
+  padding: 26rpx 28rpx;
+  border-bottom: 2rpx solid rgba(23, 35, 29, 0.07);
+}
+
+.step:last-child {
+  border-bottom: none;
+}
+
+.step-number {
+  color: #1d6b4f;
+  font-size: 22rpx;
+  font-weight: 900;
+  letter-spacing: 2rpx;
+}
+
+.step-title {
+  font-size: 28rpx;
+  font-weight: 800;
+}
+
+.step-copy {
+  margin-top: 8rpx;
+  color: #68726c;
+  font-size: 24rpx;
+  line-height: 1.5;
+}
+
+.safety-link {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 34rpx;
+  padding: 24rpx 4rpx;
+  color: #1d6b4f;
+  font-size: 25rpx;
+  font-weight: 700;
+}