diff --git a/common/reset.css b/common/reset.css index 2eaa069..74925f4 100644 --- a/common/reset.css +++ b/common/reset.css @@ -34,8 +34,8 @@ h5 { } body { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.90); + background-color: #0A0C16; + color: rgba(220, 228, 240, 0.9); font-size: 16px; font-family: PingFang SC; font-weight: 400; diff --git a/common/theme.css b/common/theme.css index 52bc410..aec908d 100644 --- a/common/theme.css +++ b/common/theme.css @@ -1,20 +1,20 @@ -h1 { - font-size: 40px; - /* font-weight: bold; */ -} - -h2 { - font-size: 32px; -} - -h3 { - font-size: 24px; -} - -h4 { - font-size: 22px; -} - +h1 { + font-size: 40px; + /* font-weight: bold; */ +} + +h2 { + font-size: 32px; +} + +h3 { + font-size: 24px; +} + +h4 { + font-size: 22px; +} + h5 { font-size: 20px; } @@ -23,39 +23,38 @@ h5 { /* 全站主色:亮蓝偏青,科技感更强,和首页地球/轨迹保持一致 */ color: #38BDF8; } - -textarea { - resize: none; -} - -body { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.90); - font-size: 14px; - font-family: PingFang SC; - font-weight: 400; -} - -input { - outline: none; -} - -/* 盒子阴影 */ -.box-shadow { - background: #FFFFFF; - box-shadow: 0px 0px 16px rgba(52, 52, 52, 0.16); -} - -.box-shadow-light { - background: #FFFFFF; - box-shadow: 0px 0px 8px rgba(52, 52, 52, 0.08); -} - - - - + +textarea { + resize: none; +} + +body { + background-color: #0A0C16; + color: rgba(220, 228, 240, 0.9); + font-size: 14px; + font-family: PingFang SC; + font-weight: 400; +} + +input { + outline: none; +} + +/* 盒子阴影 */ +.box-shadow { + background: #FFFFFF; + box-shadow: 0px 0px 16px rgba(52, 52, 52, 0.16); +} + +.box-shadow-light { + background: #FFFFFF; + box-shadow: 0px 0px 8px rgba(52, 52, 52, 0.08); +} + + + a { - color: #666; + color: #999; cursor: pointer; text-decoration: none; } @@ -72,32 +71,31 @@ a:hover { .link-hover:hover { color: rgba(56, 189, 248, 1) !important; } - -.title-desc { - color: rgba(0, 0, 0, 0.9); - font-size: 14px; -} - - - -::-webkit-scrollbar-thumb { - background-color: rgba(0, 0, 0, 0.2); - border: 1px solid #fff; - border-radius: 10px; -} - -::-webkit-scrollbar { - width: 6px; - height: 6px; -} - - -.animated { - animation-duration: .5s !important; -} - - - + +.title-desc { + color: rgba(220, 228, 240, 0.8); + font-size: 14px; +} + + +::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.15); + border: 1px solid rgba(255, 255, 255, 0.05); + border-radius: 10px; +} + +::-webkit-scrollbar { + width: 6px; + height: 6px; +} + + +.animated { + animation-duration: .5s !important; +} + + + /* 按钮:统一改为无圆角,更贴近偏硬朗的科技风 */ .btn { padding: 8px 20px; @@ -135,11 +133,11 @@ a:hover { background: linear-gradient(135deg, #0EA5E9 0%, #4F46E5 100%); box-shadow: 0 14px 36px rgba(56, 189, 248, 0.6); } - -.btn-normal:disabled { - opacity: 0.4; -} - + +.btn-normal:disabled { + opacity: 0.4; +} + .btn-normal-light { color: rgba(15, 23, 42, 0.9); background: rgba(255, 255, 255, 0.95);