File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 33 < head >
44 < meta charset ="UTF-8 ">
55 < title > Math Note | Knowledge Hub</ title >
6- <!-- 引入 Google Fonts -->
76 < link href ="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&family=Poppins:wght@600&display=swap " rel ="stylesheet ">
87 < style >
9- /* 基础重置 */
108 * {
119 margin : 0 ;
1210 padding : 0 ;
1311 box-sizing : border-box;
1412 }
15-
13+
14+ a {
15+ text-decoration : none;
16+ }
1617 body {
1718 background : linear-gradient (135deg , # f5f7fa 0% , # c3cfe2 100% );
1819 min-height : 100vh ;
1920 font-family : 'Roboto' , sans-serif;
2021 padding : 2rem ;
2122 }
22-
23- /* 标题样式 */
2423 .title {
2524 text-align : center;
2625 margin : 3rem 0 ;
4645 margin : 0.5rem auto 0 ;
4746 border-radius : 2px ;
4847 }
49-
50- /* 按钮容器 */
5148 .button-container {
5249 display : grid;
5350 grid-template-columns : repeat (auto-fit, minmax (240px , 1fr ));
5855 opacity : 0 ;
5956 animation : fadeInUp 0.8s ease-out 0.3s forwards;
6057 }
61-
62- /* 按钮样式 */
6358 .Button {
6459 background : linear-gradient (135deg , # 3498db 0% , # 2980b9 100% );
6560 border : none;
10499 .Button : hover ::before {
105100 left : 100% ;
106101 }
107-
108- /* 动画 */
109102 @keyframes fadeInUp {
110103 from {
111104 opacity : 0 ;
117110 }
118111 }
119112
120- /* 响应式设计 */
121113 @media (max-width : 480px ) {
122114 .title b {
123115 font-size : 2rem ;
You can’t perform that action at this time.
0 commit comments