完善C端功能、通知明细及接口文档

web/src/mobile/styles.css

@@ -1038,7 +1038,6 @@ body {
   margin: 7px 0 14px;
   color: var(--m-muted);
 }
-
 .m-product-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -2388,6 +2387,173 @@ body {
   color: #ff681c;
 }
 
+.m-notices-page {
+  padding-inline: 0;
+  background: #f7f7f7;
+}
+.m-notices-page .m-page-header {
+  padding-inline: 20px;
+  background: #fff;
+}
+.m-notices-list {
+  display: grid;
+  gap: 10px;
+  padding: 12px 14px 0;
+}
+.m-notices-item {
+  padding: 16px;
+  border: 1px solid #eeeeec;
+  border-radius: 8px;
+  background: #fff;
+}
+.m-notices-heading {
+  display: grid;
+  grid-template-columns: 42px minmax(0, 1fr);
+  align-items: center;
+  gap: 11px;
+}
+.m-notices-icon {
+  width: 42px;
+  height: 42px;
+  border-radius: 50%;
+  display: grid;
+  place-items: center;
+  color: #fff;
+  background: linear-gradient(145deg, #ffa840, #f2661c);
+}
+.m-notices-icon .n-icon {
+  font-size: 23px;
+}
+.m-notices-heading h2 {
+  margin: 0 0 5px;
+  overflow-wrap: anywhere;
+  font-size: 17px;
+  line-height: 1.35;
+  font-weight: 600;
+}
+.m-notices-tag {
+  display: inline-block;
+  padding: 2px 7px;
+  border-radius: 4px;
+  color: #7a531c;
+  background: #fff4df;
+  font-size: 12px;
+  line-height: 18px;
+}
+.m-notices-tag.is-activity {
+  color: #24704b;
+  background: #e9f7ef;
+}
+.m-notices-item > p {
+  margin: 13px 0 10px;
+  color: #3f4247;
+  font-size: 15px;
+  line-height: 1.7;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+.m-notices-item > time {
+  color: #999;
+  font-size: 13px;
+}
+.m-notices-footer {
+  min-height: 58px;
+  display: grid;
+  place-items: center;
+  padding: 8px 14px 20px;
+  color: #999;
+  font-size: 13px;
+}
+.m-notices-footer p {
+  margin: 0;
+  color: #b05b24;
+}
+.m-notices-footer button {
+  min-width: 110px;
+  min-height: 40px;
+  border: 0;
+  background: transparent;
+  color: #986024;
+}
+.m-notices-footer button:disabled {
+  opacity: 0.55;
+}
+
+.m-ledgers {
+  padding-inline: 0;
+  background: #f7f7f7;
+}
+.m-ledgers .m-page-header {
+  padding-inline: 20px;
+  background: #fff;
+}
+.m-ledger-tabs {
+  height: 58px;
+  padding: 8px 18px;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 8px;
+  background: #fff;
+  border-top: 1px solid #f2f2f2;
+}
+.m-ledger-tabs button {
+  border: 0;
+  border-radius: 6px;
+  background: #f5f5f5;
+  color: #777;
+  font-size: 15px;
+}
+.m-ledger-tabs button.active {
+  color: #fff;
+  background: #986024;
+}
+.m-ledger-list {
+  padding: 12px 14px 24px;
+  display: grid;
+  gap: 10px;
+}
+.m-ledger-item {
+  padding: 15px 16px;
+  border-radius: 8px;
+  background: #fff;
+  box-shadow: 0 3px 14px rgba(73, 54, 31, 0.06);
+}
+.m-ledger-head {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+.m-ledger-head strong {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 16px;
+  font-weight: 500;
+}
+.m-ledger-head b {
+  flex: 0 0 auto;
+  font-size: 18px;
+  font-weight: 600;
+}
+.m-ledger-head .is-income {
+  color: #1f9d68;
+}
+.m-ledger-head .is-expense {
+  color: #d55d43;
+}
+.m-ledger-item p {
+  margin: 9px 0 6px;
+  color: #444;
+  font-size: 15px;
+}
+.m-ledger-item time {
+  color: #9a9da3;
+  font-size: 13px;
+}
+
 @media (min-width: 751px) {
   body {
     background: #e9eaec;
@@ -2413,6 +2579,12 @@ body {
     margin-inline: -14px;
     padding-inline: 14px;
   }
+  .m-product-detail {
+    margin-inline: -14px;
+  }
+  .m-plain-form {
+    margin-inline: -14px;
+  }
 }
 
 .m-section-title a {
@@ -3172,6 +3344,10 @@ body {
   margin: 8px 0 0;
   color: #777;
   line-height: 1.6;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+  overflow: hidden;
 }
 .m-qualification-card > img {
   position: absolute;