page3.css 954 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. /* 页面整体布局 */
  2. .page-time {
  3. display: flex;
  4. flex-direction: column;
  5. gap: 12px;
  6. overflow: hidden;
  7. }
  8. /* 顶部的状态栏 */
  9. .status-bar {
  10. display: flex;
  11. flex-direction: column;
  12. padding: 8px 12px;
  13. background: linear-gradient(180deg, #0f172a, #0b1220);
  14. gap: 6px;
  15. border: 1px solid rgba(148,163,184,0.15);
  16. border-radius: 4px;
  17. flex-shrink: 0;
  18. }
  19. .status-item {
  20. display: flex;
  21. flex-direction: column;
  22. gap: 4px;
  23. }
  24. .status-item .label {
  25. font-size: 14px;
  26. }
  27. .status-item .value {
  28. font-size: 14px;
  29. font-family: ui-monospace, Consolas, monospace;
  30. }
  31. .status-row {
  32. display: flex;
  33. align-items: center;
  34. gap: 14px;
  35. }
  36. .status-row .label {
  37. font-size: 14px;
  38. }
  39. .status-row .value {
  40. font-size: 14px;
  41. font-family: ui-monospace, Consolas, monospace;
  42. }
  43. /* 下方全屏区域 */
  44. .full-pane {
  45. flex: 1;
  46. display: flex;
  47. min-height: 0;
  48. overflow: hidden;
  49. }