From 353e53fce4310ed6fbafa818be74831b5dc57f24 Mon Sep 17 00:00:00 2001 From: muqiuhan Date: Sun, 15 Mar 2026 14:07:26 +0000 Subject: deploy: a045cc55214515d5a4472a117aed7c5a421e90a6 --- css/style.css | 112 +++++++++++++++++++++++++++++++++++----------------------- 1 file changed, 67 insertions(+), 45 deletions(-) (limited to 'css/style.css') diff --git a/css/style.css b/css/style.css index d19a9415..d16e8e9f 100644 --- a/css/style.css +++ b/css/style.css @@ -63,7 +63,7 @@ abbr[title] { } b, strong { - font-weight: bolder; + font-weight: 400; } code, kbd, @@ -189,7 +189,7 @@ template { .highlight .code .selector-tag, .highlight .code .subst { color: #333; - font-weight: bold; + font-weight: normal; } .highlight .code .number, .highlight .code .literal, @@ -206,7 +206,7 @@ template { .highlight .code .section, .highlight .code .selector-id { color: #900; - font-weight: bold; + font-weight: normal; } .highlight .code .subst { font-weight: normal; @@ -214,7 +214,7 @@ template { .highlight .code .type, .highlight .code .class .title { color: #458; - font-weight: bold; + font-weight: normal; } .highlight .code .tag, .highlight .code .name, @@ -236,7 +236,7 @@ template { } .highlight .code .meta { color: #999; - font-weight: bold; + font-weight: normal; } .highlight .code .deletion { background: #fdd; @@ -248,7 +248,7 @@ template { font-style: italic; } .highlight .code .strong { - font-weight: bold; + font-weight: normal; } @font-face { font-family: 'GoogleSansCode'; @@ -329,8 +329,8 @@ input { } body { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 0.9375rem; font-weight: 400; + font-size: 0.9375rem; line-height: 1.375rem; color: #09090b; background-color: #fff; @@ -362,8 +362,8 @@ input[type="search"]::-webkit-search-results-decoration { -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid #e4e4e7; font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 0.8125rem; - font-weight: 500; line-height: 1.125rem; color: #09090b; } @@ -393,7 +393,7 @@ input[type="search"]::-webkit-search-results-decoration { overflow-x: auto; } .site-brand-container a { - font-weight: 600; + font-weight: 400; color: #09090b; } .menu-list { @@ -495,8 +495,8 @@ input[type="search"]::-webkit-search-results-decoration { margin-top: auto; border-top: 1px solid #e4e4e7; font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 0.6875rem; font-weight: 400; + font-size: 0.6875rem; line-height: 1.125rem; color: #71717a; } @@ -528,8 +528,8 @@ input[type="search"]::-webkit-search-results-decoration { margin-top: 2rem; margin-bottom: 0.75rem; font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 1.625rem; - font-weight: 700; line-height: 2rem; color: #a1a1aa; } @@ -542,19 +542,18 @@ input[type="search"]::-webkit-search-results-decoration { .post-list-item .post-title { flex-grow: 1; font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 0.9375rem; font-weight: 400; + font-size: 0.9375rem; line-height: 1.375rem; color: #09090b; - font-variation-settings: 'wght' 500; } .post-list-item .post-date { margin-left: 1.5rem; min-width: 8rem; text-align: right; font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 0.8125rem; font-weight: 400; + font-size: 0.8125rem; line-height: 1.125rem; color: #71717a; line-height: 1.375rem; @@ -593,15 +592,15 @@ input[type="search"]::-webkit-search-results-decoration { .post-gallery-item .post-info .post-title { margin-bottom: 0.75rem; font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 1.625rem; - font-weight: 700; line-height: 2rem; color: #09090b; } .post-gallery-item .post-info .post-date { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 0.8125rem; font-weight: 400; + font-size: 0.8125rem; line-height: 1.125rem; color: #71717a; } @@ -636,8 +635,8 @@ input[type="search"]::-webkit-search-results-decoration { .pagination { margin-top: 0.75rem; font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 0.8125rem; - font-weight: 500; line-height: 1.125rem; color: #09090b; display: flex; @@ -696,15 +695,15 @@ input[type="search"]::-webkit-search-results-decoration { } .profile .profile-content .profile-title { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 1.625rem; - font-weight: 700; line-height: 2rem; color: #09090b; } .profile .profile-content .profile-body { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 0.9375rem; font-weight: 400; + font-size: 0.9375rem; line-height: 1.375rem; color: #09090b; } @@ -786,7 +785,8 @@ input[type="search"]::-webkit-search-results-decoration { } .search-result-container .search-result-message { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-family: monospace; + font-weight: 400; + font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 0.8125rem; line-height: 0.9375rem; color: #a1a1aa; @@ -795,8 +795,8 @@ input[type="search"]::-webkit-search-results-decoration { } .search-result-container .search-result-title { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 0.9375rem; - font-weight: 700; line-height: 1.25rem; color: #09090b; color: #09090b; @@ -817,8 +817,8 @@ input[type="search"]::-webkit-search-results-decoration { } .search-result-container .search-result { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 0.9375rem; font-weight: 400; + font-size: 0.9375rem; line-height: 1.375rem; color: #09090b; color: #09090b; @@ -842,8 +842,8 @@ input[type="search"]::-webkit-search-results-decoration { .search-header .search-input-container .search-input { width: 100%; font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 0.875rem; - font-weight: 500; line-height: 1.125rem; color: #09090b; color: #09090b; @@ -880,72 +880,72 @@ h6 { } h1 { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 1.625rem; - font-weight: 700; line-height: 2rem; color: #09090b; } h2 { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 1.375rem; - font-weight: 700; line-height: 1.75rem; color: #09090b; } h3 { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 1.0625rem; - font-weight: 700; line-height: 1.375rem; color: #09090b; } h4 { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 0.9375rem; - font-weight: 700; line-height: 1.25rem; color: #09090b; } h5 { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 0.875rem; - font-weight: 600; line-height: 1.125rem; color: #09090b; } h6 { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 0.875rem; - font-weight: 500; line-height: 1.125rem; color: #09090b; } p { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 0.9375rem; font-weight: 400; + font-size: 0.9375rem; line-height: 1.375rem; color: #09090b; } strong { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 0.9375rem; - font-weight: 700; line-height: 1.375rem; color: #09090b; } em { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 0.9375rem; font-weight: 400; + font-size: 0.9375rem; font-style: italic; line-height: 1.375rem; color: #09090b; } del { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 0.9375rem; font-weight: 400; + font-size: 0.9375rem; line-height: 1.375rem; text-decoration: line-through; color: #09090b; @@ -982,8 +982,8 @@ blockquote blockquote { } .post-content li { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 0.9375rem; font-weight: 400; + font-size: 0.9375rem; line-height: 1.375rem; color: #09090b; margin-top: 0.5rem; @@ -1018,8 +1018,8 @@ blockquote blockquote { dl dt { padding: 0.5rem 0; font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 0.9375rem; - font-weight: 700; line-height: 1.375rem; color: #09090b; } @@ -1040,15 +1040,15 @@ dl dd { .post-head .post-info .post-title { margin-bottom: 0.75rem; font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 1.625rem; - font-weight: 700; line-height: 2rem; color: #09090b; } .post-head .post-info .post-date { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 0.8125rem; font-weight: 400; + font-size: 0.8125rem; line-height: 1.125rem; color: #71717a; } @@ -1073,8 +1073,8 @@ dl dd { display: flex; flex-wrap: wrap; font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 0.8125rem; - font-weight: 500; line-height: 1.125rem; color: #09090b; } @@ -1110,24 +1110,28 @@ dl dd { } code { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-family: monospace; + font-weight: 400; + font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 0.8125rem; line-height: 0.9375rem; color: #2563eb; + font-weight: 400; } .code pre span { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-family: monospace; + font-weight: 400; + font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 0.8125rem; line-height: 0.9375rem; color: #52525b; + font-weight: 400; } .highlight { margin: 0 0 1rem 0; overflow-x: auto; border: 1px solid #e4e4e7; border-radius: 0.125rem; - padding: 0.5rem; + background-color: #f4f4f5; } .highlight .line { width: 2.5rem; @@ -1136,10 +1140,15 @@ code { margin: 0; border-spacing: 0; border: none; + background-color: transparent; } .highlight td.code { padding: 0 0.125rem 0 0.5rem; } +.highlight pre { + font-weight: 400; + background-color: transparent; +} td.gutter { width: 1.5rem; padding: 0 0.5rem; @@ -1147,22 +1156,34 @@ td.gutter { position: -webkit-sticky; position: sticky; left: 0; - background: #fff; + background-color: #f4f4f5; + border-right: 1px solid #e4e4e7; + z-index: 1; } td.gutter pre { margin: 0; color: #a1a1aa; font-size: 0.8125rem; + font-weight: 400; + background-color: transparent; } td.code { vertical-align: top; + background-color: transparent; } td.code pre { margin: 0; + font-weight: 400; + background-color: transparent; } pre { margin: 0; overflow-x: auto; + font-weight: 400; +} +.highlight code { + background-color: transparent; + padding: 0; } @media (max-width: 688px) { code { @@ -1175,6 +1196,7 @@ pre { width: 1rem; padding-right: 0.25rem; font-size: 0.6875rem; + background-color: #f4f4f5; } } .post-content table { @@ -1189,10 +1211,10 @@ pre { padding: 0.75rem; } .post-content table th { - font-variation-settings: 'wght' 500; + font-weight: 400; } .post-content table td { - font-variation-settings: 'wght' 300; + font-weight: 400; } .post-content table table, .post-content table tboby, @@ -1459,8 +1481,8 @@ hr { } .post-tag { font-family: 'GoogleSansCode', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 400; font-size: 0.6875rem; - font-weight: 500; line-height: 0.875rem; color: #71717a; border: 1px solid #e4e4e7; -- cgit v1.2.3