GHD预测计算

pages/ghdCalculator/ghdCalculator.wxss

@@ -0,0 +1,175 @@
+/* pages/ghdCalculator/ghdCalculator.wxss *//* 页面容器 */
+.container {
+  padding: 40rpx;
+  background: #f5f5f5;
+  min-height: 100vh;
+}
+
+/* 输入表单 */
+.form-container {
+  width: 100%;
+  background: #fff;
+  border-radius: 24rpx;
+  padding: 0rpx;
+  background: #f5f5f5;
+  box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.05);
+}
+
+.form-group {
+  margin-bottom: 40rpx;
+}
+
+.form-label {
+  font-size: 28rpx;
+  color: #333;
+  margin-bottom: 16rpx;
+  display: inline-block;
+  font-weight: bold;
+}
+
+.form-input {
+  width: 90%;
+  height: 80rpx;
+  background: #ffffff;
+  border-radius: 16rpx;
+  padding: 0 24rpx;
+  font-size: 28rpx;
+}
+
+/* 性别选择 */
+.gender-group {
+  display: flex;
+  margin: 20rpx 0;
+}
+
+.gender-item {
+  flex: 1;
+  text-align: center;
+  padding: 20rpx;
+  border: 2rpx solid #eee;
+  border-radius: 16rpx;
+  margin: 0 10rpx;
+}
+
+.gender-item.active {
+  border-color: #27C2A7;
+  background: #e6f7f4;
+}
+
+/* 按钮样式 */
+.button-group {
+  margin-top: 40rpx;
+}
+
+.button {
+  height: 80rpx;
+  line-height: 80rpx;
+  text-align: center;
+  border-radius: 16rpx;
+  font-size: 28rpx;
+  color: #fff;
+  background: #27C2A7;
+}
+
+.button.secondary {
+  background: #fff;
+  border: 2rpx solid #27C2A7;
+  color: #27C2A7;
+  margin-top: 20rpx;
+}
+
+/* 结果展示 */
+.result-container {
+  margin-top: 40rpx;
+  background: #fff;
+  border-radius: 24rpx;
+  padding: 40rpx;
+}
+
+.result-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  text-align: center;
+  margin-bottom: 40rpx;
+}
+
+.result-item {
+  display: flex;
+  justify-content: space-between;
+  padding: 20rpx 0;
+  border-bottom: 2rpx solid #eee;
+}
+
+.result-label {
+  font-size: 28rpx;
+  color: #666;
+}
+
+.result-value {
+  font-size: 28rpx;
+  color: #333;
+  font-weight: bold;
+}
+
+.result-value.green {
+  color: #27C2A7;
+}
+
+.result-value.red {
+  color: #ff4c00;
+}
+
+/* 图表容器 */
+.chart-container {
+  margin-top: 40rpx;
+  height: 400rpx;
+}
+
+/* 提示信息 */
+.tips {
+  font-size: 24rpx;
+  color: #999;
+  margin-top: 20rpx;
+  line-height: 1.6;
+}
+
+.calculation-process {
+  margin: 20rpx 0;
+  padding: 20rpx;
+  background-color: #f8f8f8;
+  border-radius: 10rpx;
+}
+
+.process-title {
+  font-size: 28rpx;
+  color: #333;
+  margin-bottom: 10rpx;
+}
+
+.process-steps {
+  display: flex;
+  flex-direction: column;
+  font-family: monospace;
+  font-size: 28rpx;
+  color: #666;
+}
+
+.process-steps text {
+  margin: 5rpx 0;
+  white-space: pre;
+}
+
+.result-interpretation {
+  margin: 20rpx 0;
+  padding: 20rpx;
+  background-color: #fff;
+  border-radius: 10rpx;
+  border: 1px solid #eee;
+}
+
+.interpretation-text {
+  font-size: 28rpx;
+  color: #333;
+  white-space: pre-line;
+}