Refactor: UI & Feature updates (Calculator, UnitConverter, Privacy, Cleanup)

codes/minipro/calculation/miniprogram/pages/about/about.wxss

@@ -0,0 +1,99 @@
+page {
+  background-color: #EBF4F8; /* Color 03 */
+}
+
+.container {
+  padding: 40rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.logo-section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 60rpx;
+  margin-top: 40rpx;
+}
+
+.logo-placeholder {
+  font-size: 100rpx;
+  margin-bottom: 20rpx;
+  background-color: #fff;
+  width: 160rpx;
+  height: 160rpx;
+  line-height: 160rpx;
+  text-align: center;
+  border-radius: 40rpx;
+  box-shadow: 0 4rpx 12rpx rgba(17, 97, 107, 0.1);
+  color: #11616B;
+}
+
+.app-name {
+  font-size: 40rpx;
+  font-weight: bold;
+  color: #11616B; /* Color 01 */
+  margin-bottom: 10rpx;
+}
+
+.version {
+  font-size: 24rpx;
+  color: #7BBDB6; /* Color 02 */
+}
+
+.content-section {
+  width: 100%;
+  background-color: #fff;
+  padding: 40rpx;
+  border-radius: 20rpx;
+  margin-bottom: 30rpx;
+  box-sizing: border-box;
+  box-shadow: 0 4rpx 12rpx rgba(17, 97, 107, 0.05);
+}
+
+.section-title {
+  font-size: 30rpx;
+  font-weight: bold;
+  margin-bottom: 20rpx;
+  color: #11616B; /* Color 01 */
+}
+
+.description {
+  font-size: 28rpx;
+  color: #555; /* Neutral Dark */
+  line-height: 1.8;
+}
+
+.menu-list {
+  width: 100%;
+  background-color: #fff;
+  border-radius: 20rpx;
+  overflow: hidden;
+  box-shadow: 0 4rpx 12rpx rgba(17, 97, 107, 0.05);
+}
+
+.menu-item {
+  display: flex;
+  justify-content: space-between;
+  padding: 30rpx 40rpx;
+  font-size: 30rpx;
+  color: #11616B; /* Color 01 */
+}
+
+.menu-item:active {
+  background-color: #f0f0f0;
+}
+
+.arrow {
+  color: #7BBDB6; /* Color 02 */
+}
+
+.footer {
+  margin-top: 60rpx;
+}
+
+.copyright {
+  font-size: 22rpx;
+  color: #7BBDB6; /* Color 02 */
+}