Initial commit

miniprogram/pages/login/login.wxss

@@ -0,0 +1,148 @@
+.login-page {
+  min-height: 100vh;
+  background: linear-gradient(160deg, #fff8bd 0%, #ffd6e8 34%, #cff7ff 68%, #e9ddff 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
+}
+
+/* 背景光晕 */
+.login-bg { position: absolute; inset: 0; pointer-events: none; }
+
+.bg-blob {
+  position: absolute;
+  border-radius: 50%;
+  filter: blur(60rpx);
+  opacity: 0.5;
+}
+
+.blob1 {
+  width: 400rpx; height: 400rpx;
+  background: rgba(255, 79, 145, 0.25);
+  top: -80rpx; left: -80rpx;
+}
+
+.blob2 {
+  width: 360rpx; height: 360rpx;
+  background: rgba(103, 232, 201, 0.30);
+  bottom: -60rpx; right: -60rpx;
+}
+
+.blob3 {
+  width: 300rpx; height: 300rpx;
+  background: rgba(255, 225, 90, 0.30);
+  bottom: 20%; left: 10%;
+}
+
+/* 内容 */
+.login-content {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 0 60rpx;
+  width: 100%;
+}
+
+/* Logo */
+.app-logo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 48rpx;
+}
+
+.logo-icon {
+  font-size: 120rpx;
+  line-height: 1;
+  margin-bottom: 20rpx;
+  filter: drop-shadow(0 20rpx 30rpx rgba(95, 49, 104, 0.25));
+}
+
+.logo-text {
+  font-size: 80rpx;
+  font-weight: 900;
+  color: #272235;
+  line-height: 1;
+  margin-bottom: 12rpx;
+}
+
+.logo-accent { color: #ff4f91; }
+
+.logo-tagline {
+  font-size: 28rpx;
+  color: #6a6178;
+  font-weight: 600;
+}
+
+/* 宠物 emoji 装饰 */
+.pet-row {
+  font-size: 52rpx;
+  letter-spacing: 16rpx;
+  margin-bottom: 56rpx;
+  text-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
+}
+
+/* 特性列表 */
+.feature-list {
+  width: 100%;
+  background: rgba(255, 255, 255, 0.65);
+  border: 1rpx solid rgba(255, 255, 255, 0.72);
+  border-radius: 40rpx;
+  padding: 32rpx 36rpx;
+  margin-bottom: 48rpx;
+  box-shadow: 0 18rpx 40rpx rgba(95, 49, 104, 0.10);
+  display: flex;
+  flex-direction: column;
+  gap: 24rpx;
+}
+
+.feature-item {
+  display: flex;
+  align-items: center;
+  gap: 20rpx;
+}
+
+.f-icon { font-size: 40rpx; line-height: 1; }
+
+.f-text {
+  font-size: 28rpx;
+  font-weight: 700;
+  color: #272235;
+}
+
+/* 登录按钮 */
+.login-btn {
+  width: 100%;
+  height: 96rpx;
+  background: linear-gradient(135deg, #ff4f91, #ff9f1c 55%, #ffe15a) !important;
+  border-radius: 999rpx !important;
+  font-size: 32rpx !important;
+  font-weight: 900 !important;
+  color: #fff !important;
+  box-shadow: 0 16rpx 32rpx rgba(255, 79, 145, 0.35) !important;
+  border: none !important;
+  margin-bottom: 28rpx !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12rpx;
+}
+
+.login-btn::after { border: none !important; }
+
+/* 隐私 */
+.privacy-tip {
+  font-size: 22rpx;
+  color: #9b8fa8;
+  text-align: center;
+  line-height: 1.6;
+}
+
+.link-text {
+  color: #4d8dff;
+  font-weight: 700;
+}