tailwind.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693
  1. /*
  2. ! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com
  3. */
  4. /*
  5. 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  6. 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  7. */
  8. *,
  9. ::before,
  10. ::after {
  11. box-sizing: border-box;
  12. /* 1 */
  13. border-width: 0;
  14. /* 2 */
  15. border-style: solid;
  16. /* 2 */
  17. border-color: #e5e7eb;
  18. /* 2 */
  19. }
  20. ::before,
  21. ::after {
  22. --tw-content: '';
  23. }
  24. /*
  25. 1. Use a consistent sensible line-height in all browsers.
  26. 2. Prevent adjustments of font size after orientation changes in iOS.
  27. 3. Use a more readable tab size.
  28. 4. Use the user's configured `sans` font-family by default.
  29. */
  30. html {
  31. line-height: 1.5;
  32. /* 1 */
  33. -webkit-text-size-adjust: 100%;
  34. /* 2 */
  35. -moz-tab-size: 4;
  36. /* 3 */
  37. -o-tab-size: 4;
  38. tab-size: 4;
  39. /* 3 */
  40. font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  41. /* 4 */
  42. }
  43. /*
  44. 1. Remove the margin in all browsers.
  45. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
  46. */
  47. body {
  48. margin: 0;
  49. /* 1 */
  50. line-height: inherit;
  51. /* 2 */
  52. }
  53. /*
  54. 1. Add the correct height in Firefox.
  55. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  56. 3. Ensure horizontal rules are visible by default.
  57. */
  58. hr {
  59. height: 0;
  60. /* 1 */
  61. color: inherit;
  62. /* 2 */
  63. border-top-width: 1px;
  64. /* 3 */
  65. }
  66. /*
  67. Add the correct text decoration in Chrome, Edge, and Safari.
  68. */
  69. abbr:where([title]) {
  70. -webkit-text-decoration: underline dotted;
  71. text-decoration: underline dotted;
  72. }
  73. /*
  74. Remove the default font size and weight for headings.
  75. */
  76. h1,
  77. h2,
  78. h3,
  79. h4,
  80. h5,
  81. h6 {
  82. font-size: inherit;
  83. font-weight: inherit;
  84. }
  85. /*
  86. Reset links to optimize for opt-in styling instead of opt-out.
  87. */
  88. a {
  89. color: inherit;
  90. text-decoration: inherit;
  91. }
  92. /*
  93. Add the correct font weight in Edge and Safari.
  94. */
  95. b,
  96. strong {
  97. font-weight: bolder;
  98. }
  99. /*
  100. 1. Use the user's configured `mono` font family by default.
  101. 2. Correct the odd `em` font sizing in all browsers.
  102. */
  103. code,
  104. kbd,
  105. samp,
  106. pre {
  107. font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  108. /* 1 */
  109. font-size: 1em;
  110. /* 2 */
  111. }
  112. /*
  113. Add the correct font size in all browsers.
  114. */
  115. small {
  116. font-size: 80%;
  117. }
  118. /*
  119. Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  120. */
  121. sub,
  122. sup {
  123. font-size: 75%;
  124. line-height: 0;
  125. position: relative;
  126. vertical-align: baseline;
  127. }
  128. sub {
  129. bottom: -0.25em;
  130. }
  131. sup {
  132. top: -0.5em;
  133. }
  134. /*
  135. 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  136. 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  137. 3. Remove gaps between table borders by default.
  138. */
  139. table {
  140. text-indent: 0;
  141. /* 1 */
  142. border-color: inherit;
  143. /* 2 */
  144. border-collapse: collapse;
  145. /* 3 */
  146. }
  147. /*
  148. 1. Change the font styles in all browsers.
  149. 2. Remove the margin in Firefox and Safari.
  150. 3. Remove default padding in all browsers.
  151. */
  152. button,
  153. input,
  154. optgroup,
  155. select,
  156. textarea {
  157. font-family: inherit;
  158. /* 1 */
  159. font-size: 100%;
  160. /* 1 */
  161. line-height: inherit;
  162. /* 1 */
  163. color: inherit;
  164. /* 1 */
  165. margin: 0;
  166. /* 2 */
  167. padding: 0;
  168. /* 3 */
  169. }
  170. /*
  171. Remove the inheritance of text transform in Edge and Firefox.
  172. */
  173. button,
  174. select {
  175. text-transform: none;
  176. }
  177. /*
  178. 1. Correct the inability to style clickable types in iOS and Safari.
  179. 2. Remove default button styles.
  180. */
  181. button,
  182. [type='button'],
  183. [type='reset'],
  184. [type='submit'] {
  185. -webkit-appearance: button;
  186. /* 1 */
  187. background-color: transparent;
  188. /* 2 */
  189. background-image: none;
  190. /* 2 */
  191. }
  192. /*
  193. Use the modern Firefox focus style for all focusable elements.
  194. */
  195. :-moz-focusring {
  196. outline: auto;
  197. }
  198. /*
  199. Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  200. */
  201. :-moz-ui-invalid {
  202. box-shadow: none;
  203. }
  204. /*
  205. Add the correct vertical alignment in Chrome and Firefox.
  206. */
  207. progress {
  208. vertical-align: baseline;
  209. }
  210. /*
  211. Correct the cursor style of increment and decrement buttons in Safari.
  212. */
  213. ::-webkit-inner-spin-button,
  214. ::-webkit-outer-spin-button {
  215. height: auto;
  216. }
  217. /*
  218. 1. Correct the odd appearance in Chrome and Safari.
  219. 2. Correct the outline style in Safari.
  220. */
  221. [type='search'] {
  222. -webkit-appearance: textfield;
  223. /* 1 */
  224. outline-offset: -2px;
  225. /* 2 */
  226. }
  227. /*
  228. Remove the inner padding in Chrome and Safari on macOS.
  229. */
  230. ::-webkit-search-decoration {
  231. -webkit-appearance: none;
  232. }
  233. /*
  234. 1. Correct the inability to style clickable types in iOS and Safari.
  235. 2. Change font properties to `inherit` in Safari.
  236. */
  237. ::-webkit-file-upload-button {
  238. -webkit-appearance: button;
  239. /* 1 */
  240. font: inherit;
  241. /* 2 */
  242. }
  243. /*
  244. Add the correct display in Chrome and Safari.
  245. */
  246. summary {
  247. display: list-item;
  248. }
  249. /*
  250. Removes the default spacing and border for appropriate elements.
  251. */
  252. blockquote,
  253. dl,
  254. dd,
  255. h1,
  256. h2,
  257. h3,
  258. h4,
  259. h5,
  260. h6,
  261. hr,
  262. figure,
  263. p,
  264. pre {
  265. margin: 0;
  266. }
  267. fieldset {
  268. margin: 0;
  269. padding: 0;
  270. }
  271. legend {
  272. padding: 0;
  273. }
  274. ol,
  275. ul,
  276. menu {
  277. list-style: none;
  278. margin: 0;
  279. padding: 0;
  280. }
  281. /*
  282. Prevent resizing textareas horizontally by default.
  283. */
  284. textarea {
  285. resize: vertical;
  286. }
  287. /*
  288. 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  289. 2. Set the default placeholder color to the user's configured gray 400 color.
  290. */
  291. input::-moz-placeholder, textarea::-moz-placeholder {
  292. opacity: 1;
  293. /* 1 */
  294. color: #9ca3af;
  295. /* 2 */
  296. }
  297. input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  298. opacity: 1;
  299. /* 1 */
  300. color: #9ca3af;
  301. /* 2 */
  302. }
  303. input::placeholder,
  304. textarea::placeholder {
  305. opacity: 1;
  306. /* 1 */
  307. color: #9ca3af;
  308. /* 2 */
  309. }
  310. /*
  311. Set the default cursor for buttons.
  312. */
  313. button,
  314. [role="button"] {
  315. cursor: pointer;
  316. }
  317. /*
  318. Make sure disabled buttons don't get the pointer cursor.
  319. */
  320. :disabled {
  321. cursor: default;
  322. }
  323. /*
  324. 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  325. 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
  326. This can trigger a poorly considered lint error in some tools but is included by design.
  327. */
  328. img,
  329. svg,
  330. video,
  331. canvas,
  332. audio,
  333. iframe,
  334. embed,
  335. object {
  336. display: block;
  337. /* 1 */
  338. vertical-align: middle;
  339. /* 2 */
  340. }
  341. /*
  342. Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  343. */
  344. img,
  345. video {
  346. max-width: 100%;
  347. height: auto;
  348. }
  349. /*
  350. Ensure the default browser behavior of the `hidden` attribute.
  351. */
  352. [hidden] {
  353. display: none;
  354. }
  355. *, ::before, ::after {
  356. --tw-translate-x: 0;
  357. --tw-translate-y: 0;
  358. --tw-rotate: 0;
  359. --tw-skew-x: 0;
  360. --tw-skew-y: 0;
  361. --tw-scale-x: 1;
  362. --tw-scale-y: 1;
  363. --tw-pan-x: ;
  364. --tw-pan-y: ;
  365. --tw-pinch-zoom: ;
  366. --tw-scroll-snap-strictness: proximity;
  367. --tw-ordinal: ;
  368. --tw-slashed-zero: ;
  369. --tw-numeric-figure: ;
  370. --tw-numeric-spacing: ;
  371. --tw-numeric-fraction: ;
  372. --tw-ring-inset: ;
  373. --tw-ring-offset-width: 0px;
  374. --tw-ring-offset-color: #fff;
  375. --tw-ring-color: rgb(59 130 246 / 0.5);
  376. --tw-ring-offset-shadow: 0 0 #0000;
  377. --tw-ring-shadow: 0 0 #0000;
  378. --tw-shadow: 0 0 #0000;
  379. --tw-shadow-colored: 0 0 #0000;
  380. --tw-blur: ;
  381. --tw-brightness: ;
  382. --tw-contrast: ;
  383. --tw-grayscale: ;
  384. --tw-hue-rotate: ;
  385. --tw-invert: ;
  386. --tw-saturate: ;
  387. --tw-sepia: ;
  388. --tw-drop-shadow: ;
  389. --tw-backdrop-blur: ;
  390. --tw-backdrop-brightness: ;
  391. --tw-backdrop-contrast: ;
  392. --tw-backdrop-grayscale: ;
  393. --tw-backdrop-hue-rotate: ;
  394. --tw-backdrop-invert: ;
  395. --tw-backdrop-opacity: ;
  396. --tw-backdrop-saturate: ;
  397. --tw-backdrop-sepia: ;
  398. }
  399. .fixed {
  400. position: fixed;
  401. }
  402. .relative {
  403. position: relative;
  404. }
  405. .mx-auto {
  406. margin-left: auto;
  407. margin-right: auto;
  408. }
  409. .mb-6 {
  410. margin-bottom: 1.5rem;
  411. }
  412. .mb-1 {
  413. margin-bottom: 0.25rem;
  414. }
  415. .mb-4 {
  416. margin-bottom: 1rem;
  417. }
  418. .-mt-48 {
  419. margin-top: -12rem;
  420. }
  421. .mt-2 {
  422. margin-top: 0.5rem;
  423. }
  424. .mr-4 {
  425. margin-right: 1rem;
  426. }
  427. .mb-2 {
  428. margin-bottom: 0.5rem;
  429. }
  430. .inline-block {
  431. display: inline-block;
  432. }
  433. .flex {
  434. display: flex;
  435. }
  436. .table {
  437. display: table;
  438. }
  439. .grid {
  440. display: grid;
  441. }
  442. .h-96 {
  443. height: 24rem;
  444. }
  445. .h-full {
  446. height: 100%;
  447. }
  448. .h-52 {
  449. height: 13rem;
  450. }
  451. .w-full {
  452. width: 100%;
  453. }
  454. .w-52 {
  455. width: 13rem;
  456. }
  457. .flex-auto {
  458. flex: 1 1 auto;
  459. }
  460. .flex-1 {
  461. flex: 1 1 0%;
  462. }
  463. .grid-cols-1 {
  464. grid-template-columns: repeat(1, minmax(0, 1fr));
  465. }
  466. .grid-cols-2 {
  467. grid-template-columns: repeat(2, minmax(0, 1fr));
  468. }
  469. .grid-cols-3 {
  470. grid-template-columns: repeat(3, minmax(0, 1fr));
  471. }
  472. .grid-cols-4 {
  473. grid-template-columns: repeat(4, minmax(0, 1fr));
  474. }
  475. .grid-cols-5 {
  476. grid-template-columns: repeat(5, minmax(0, 1fr));
  477. }
  478. .grid-cols-6 {
  479. grid-template-columns: repeat(6, minmax(0, 1fr));
  480. }
  481. .grid-cols-7 {
  482. grid-template-columns: repeat(7, minmax(0, 1fr));
  483. }
  484. .grid-cols-8 {
  485. grid-template-columns: repeat(8, minmax(0, 1fr));
  486. }
  487. .grid-cols-9 {
  488. grid-template-columns: repeat(9, minmax(0, 1fr));
  489. }
  490. .grid-cols-10 {
  491. grid-template-columns: repeat(10, minmax(0, 1fr));
  492. }
  493. .grid-cols-11 {
  494. grid-template-columns: repeat(11, minmax(0, 1fr));
  495. }
  496. .grid-cols-12 {
  497. grid-template-columns: repeat(12, minmax(0, 1fr));
  498. }
  499. .grid-cols-none {
  500. grid-template-columns: none;
  501. }
  502. .flex-col {
  503. flex-direction: column;
  504. }
  505. .items-center {
  506. align-items: center;
  507. }
  508. .justify-start {
  509. justify-content: flex-start;
  510. }
  511. .justify-center {
  512. justify-content: center;
  513. }
  514. .overflow-hidden {
  515. overflow: hidden;
  516. }
  517. .rounded-lg {
  518. border-radius: 0.5rem;
  519. }
  520. .rounded-md {
  521. border-radius: 0.375rem;
  522. }
  523. .border {
  524. border-width: 1px;
  525. }
  526. .border-2 {
  527. border-width: 2px;
  528. }
  529. .border-red-700 {
  530. --tw-border-opacity: 1;
  531. border-color: rgb(185 28 28 / var(--tw-border-opacity));
  532. }
  533. .object-cover {
  534. -o-object-fit: cover;
  535. object-fit: cover;
  536. }
  537. .p-4 {
  538. padding: 1rem;
  539. }
  540. .px-2 {
  541. padding-left: 0.5rem;
  542. padding-right: 0.5rem;
  543. }
  544. .py-1 {
  545. padding-top: 0.25rem;
  546. padding-bottom: 0.25rem;
  547. }
  548. .text-center {
  549. text-align: center;
  550. }
  551. .text-right {
  552. text-align: right;
  553. }
  554. .text-sm {
  555. font-size: 0.875rem;
  556. line-height: 1.25rem;
  557. }
  558. .text-white {
  559. --tw-text-opacity: 1;
  560. color: rgb(255 255 255 / var(--tw-text-opacity));
  561. }
  562. .last\:mb-0:last-child {
  563. margin-bottom: 0px;
  564. }
  565. @font-face {
  566. font-family: "楷体"; /* Project id */
  567. src: url('./font/gb2312.ttf');/* Safari, Android, iOS */
  568. }