agreement-detail.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. body {
  2. background-color: #fff;
  3. }
  4. .container {
  5. display: flex;
  6. flex-direction: column;
  7. height: 100vh;
  8. }
  9. /* 自定义头部统一风格 */
  10. .custom-header {
  11. position: fixed;
  12. top: 0;
  13. left: 0;
  14. width: 100%;
  15. height: 2.75rem;
  16. padding-top: var(--status-bar-height);
  17. background-color: #fff;
  18. display: flex;
  19. align-items: center;
  20. justify-content: space-between;
  21. padding-left: 0.9375rem;
  22. padding-right: 0.9375rem;
  23. box-sizing: content-box;
  24. z-index: 100;
  25. border-bottom: 0.03125rem solid #f5f5f5;
  26. }
  27. .header-placeholder {
  28. height: calc(2.75rem + var(--status-bar-height));
  29. flex-shrink: 0;
  30. }
  31. .back-icon {
  32. width: 1.25rem;
  33. height: 1.25rem;
  34. }
  35. .header-title {
  36. font-size: 1rem;
  37. font-weight: bold;
  38. color: #333;
  39. }
  40. .header-right {
  41. width: 1.25rem;
  42. }
  43. .content-scroll {
  44. flex: 1;
  45. overflow: hidden;
  46. }
  47. .content-card {
  48. padding: 0.9375rem 1.25rem;
  49. line-height: 1.6;
  50. }
  51. .rich-text {
  52. font-size: 0.875rem;
  53. color: #333;
  54. }
  55. .safe-area-inset-bottom {
  56. height: constant(safe-area-inset-bottom);
  57. height: env(safe-area-inset-bottom);
  58. }