_search-results.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. /* resources/css/components/_search-results.css
  2. 统一搜索结果页组件样式。
  3. 来源:wiki-search.css(与 wiki.css 末尾重复内容已去重,以 wiki 栏目为准)。
  4. 适用于 /library/search?type= 所有类型。
  5. */
  6. /* ── 搜索栏 ── */
  7. .wiki-search-bar-wrap {
  8. margin-bottom: 0.875rem;
  9. }
  10. .wiki-search-form .wiki-search-input {
  11. font-size: 0.9375rem;
  12. }
  13. /* ── 结果摘要行 ── */
  14. .wiki-search-summary {
  15. font-size: 0.875rem;
  16. color: var(--tblr-secondary);
  17. margin-bottom: 1rem;
  18. padding: 0 0.25rem;
  19. }
  20. .wiki-search-summary strong {
  21. color: var(--tblr-body-color);
  22. font-weight: 500;
  23. }
  24. /* ── 搜索结果列表容器 ── */
  25. .wiki-search-results {
  26. padding: 0;
  27. }
  28. /* ── 搜索结果卡片 ── */
  29. .wiki-search-card {
  30. padding: 1rem 1.5rem;
  31. border-bottom: 1px solid var(--tblr-border-color);
  32. }
  33. .wiki-search-card:last-child {
  34. border-bottom: none;
  35. }
  36. .wiki-search-card:hover {
  37. background: var(--tblr-bg-surface-secondary);
  38. }
  39. .wiki-search-card-header {
  40. display: flex;
  41. align-items: baseline;
  42. gap: 10px;
  43. margin-bottom: 5px;
  44. flex-wrap: wrap;
  45. }
  46. .wiki-search-card-title {
  47. font-size: 1rem;
  48. font-weight: 500;
  49. color: var(--tblr-primary);
  50. text-decoration: none;
  51. display: inline-flex;
  52. align-items: baseline;
  53. gap: 6px;
  54. }
  55. .wiki-search-card-title:hover {
  56. text-decoration: underline;
  57. }
  58. .wiki-search-card-word {
  59. font-family: "Noto Serif", Georgia, serif;
  60. font-size: 0.875rem;
  61. font-style: italic;
  62. color: var(--tblr-secondary);
  63. font-weight: 400;
  64. }
  65. .wiki-search-card-snippet {
  66. font-size: 0.875rem;
  67. color: var(--tblr-secondary);
  68. line-height: 1.6;
  69. margin: 0 0 6px;
  70. }
  71. .wiki-search-card-snippet mark {
  72. background: #faeeda;
  73. color: #854f0b;
  74. padding: 1px 2px;
  75. border-radius: 3px;
  76. font-style: normal;
  77. }
  78. .wiki-search-card-meta {
  79. font-size: 0.75rem;
  80. color: var(--tblr-secondary);
  81. display: flex;
  82. align-items: center;
  83. gap: 5px;
  84. }
  85. .wiki-search-card-sep {
  86. color: var(--tblr-border-color-dark, #adb5bd);
  87. }
  88. /* ── 空状态 ── */
  89. .wiki-empty-state {
  90. text-align: center;
  91. padding: 3rem 2rem;
  92. }
  93. .wiki-empty-icon {
  94. width: 56px;
  95. height: 56px;
  96. border-radius: 50%;
  97. background: var(--tblr-bg-surface-secondary);
  98. display: flex;
  99. align-items: center;
  100. justify-content: center;
  101. margin: 0 auto 1rem;
  102. color: var(--tblr-secondary);
  103. }
  104. .wiki-empty-title {
  105. font-size: 1rem;
  106. font-weight: 500;
  107. margin-bottom: 0.5rem;
  108. }
  109. .wiki-empty-desc {
  110. font-size: 0.875rem;
  111. color: var(--tblr-secondary);
  112. line-height: 1.6;
  113. }
  114. .wiki-empty-desc a {
  115. color: var(--tblr-primary);
  116. text-decoration: none;
  117. }