first commit

miniprogram/pages/create-room/create-room.wxss

@@ -0,0 +1,156 @@
+.container {
+  min-height: 100vh;
+  background-color: #f6f7f9;
+  padding: 0;
+  align-items: stretch;
+  width: 100%;
+}
+
+.form-section {
+  margin-top: 40rpx;
+  padding: 0 80rpx;
+}
+
+.form-item {
+  background-color: transparent;
+  padding: 20rpx 0;
+  border-radius: 0;
+  margin-bottom: 30rpx;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.label {
+  font-size: 28rpx;
+  color: #333;
+  margin-bottom: 20rpx;
+  font-weight: 500;
+}
+
+.input {
+  width: 100%;
+  font-size: 32rpx;
+  color: #333;
+  border: none;
+  outline: none;
+}
+
+.time-picker-row {
+  display: flex;
+  gap: 20rpx;
+}
+
+.picker {
+  flex: 1;
+  background-color: #fff;
+  border-radius: 8rpx;
+  padding: 20rpx;
+  border: 1rpx solid #e5e5e5;
+}
+
+.picker-value {
+  font-size: 32rpx;
+  color: #333;
+  text-align: center;
+}
+
+.textarea {
+  width: 100%;
+  min-height: 120rpx;
+  font-size: 32rpx;
+  color: #333;
+  background-color: #fff;
+  border-radius: 8rpx;
+  padding: 20rpx;
+  border: 1rpx solid #e5e5e5;
+  box-sizing: border-box;
+}
+
+.char-count {
+  font-size: 24rpx;
+  color: #999;
+  text-align: right;
+  margin-top: 10rpx;
+}
+
+.keywords-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 16rpx;
+}
+
+.keyword-item {
+  background-color: #f5f5f5;
+  color: #666;
+  padding: 20rpx;
+  border-radius: 12rpx;
+  font-size: 28rpx;
+  text-align: center;
+  transition: all 0.3s;
+}
+
+.keyword-item.active {
+  background-color: #07c160;
+  color: white;
+}
+
+.btn-area {
+  margin-top: 60rpx;
+  padding: 0 80rpx;
+}
+
+.submit-btn {
+  background-color: #07c160;
+  color: white;
+  font-size: 36rpx;
+  padding: 24rpx 0;
+  border-radius: 50rpx;
+  width: 100%;
+  margin-bottom: 20rpx;
+}
+
+.cancel-btn {
+  background-color: #f5f5f5;
+  color: #666;
+  font-size: 36rpx;
+  padding: 24rpx 0;
+  border-radius: 50rpx;
+  width: 100%;
+}
+
+.user-info-section {
+  display: flex;
+  align-items: center;
+  gap: 20rpx;
+  background-color: #fff;
+  padding: 20rpx;
+  border-radius: 12rpx;
+  border: 1rpx solid #e5e5e5;
+}
+
+.avatar-wrapper {
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: none;
+  line-height: 1;
+}
+
+.avatar-wrapper::after {
+  border: none;
+}
+
+.avatar {
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+  background-color: #f0f0f0;
+}
+
+.nickname-input {
+  flex: 1;
+  font-size: 32rpx;
+  color: #333;
+  border: none;
+  outline: none;
+}