Hanye官网
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

styles.css 1.5KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. @import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
  2. :root {
  3. /* 颜色变量 */
  4. --color-primary: #3b82f6;
  5. --color-secondary: #10b981;
  6. --color-accent: #f59e0b;
  7. --color-danger: #ef4444;
  8. --color-success: #10b981;
  9. --color-warning: #f59e0b;
  10. --color-info: #3b82f6;
  11. --color-dark: #111827;
  12. --color-light: #f3f4f6;
  13. --color-bg: #05080B;
  14. --color-text: #fff;
  15. --color-text-light: #6b7280;
  16. --color-border: #e5e7eb;
  17. }
  18. ::selection {
  19. background-color: var(--color-accent) !important;
  20. color: var(--color-bg) !important;
  21. }
  22. body {
  23. /* 设置默认字体栈 */
  24. font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  25. color: var(--color-text);
  26. background-color: var(--color-bg);
  27. /* 其他基础样式 */
  28. font-size: 16px;
  29. line-height: 1.6;
  30. -webkit-font-smoothing: antialiased;
  31. -moz-osx-font-smoothing: grayscale;
  32. text-rendering: optimizeLegibility;
  33. font-feature-settings: "palt";
  34. letter-spacing: 0.02em;
  35. font-weight: 400;
  36. font-style: normal;
  37. }
  38. /* 仅在日语环境下应用日文字体 */
  39. html[lang="ja"] body {
  40. font-family: 'Noto Sans JP', 'M PLUS 1p', sans-serif !important;
  41. }
  42. html[lang="en"] body {
  43. font-family: 'Montserrat', 'Noto Sans JP', sans-serif !important;
  44. }