File tree 1 file changed +82
-0
lines changed
1 file changed +82
-0
lines changed Original file line number Diff line number Diff line change
1
+ <div style="
2
+ display: flex;
3
+ align-items: center;
4
+ background-color: #fff;
5
+ border-radius: 12px;
6
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
7
+ padding: 16px;
8
+ max-width: 700px;
9
+ width: 100%;
10
+ font-family: 'Arial', sans-serif;
11
+ margin: 20px auto;
12
+ position: relative;
13
+ ">
14
+ <div style="
15
+ flex-shrink: 0;
16
+ width: 120px;
17
+ height: 180px;
18
+ border-radius: 8px;
19
+ overflow: hidden;
20
+ margin-right: 16px;
21
+ ">
22
+ <img
23
+ src="https://img9.doubanio.com/lpic/s34157554.jpg"
24
+ alt="霍格沃茨之遗 Hogwarts Legacy"
25
+ style="
26
+ width: 100%;
27
+ height: 100%;
28
+ object-fit: cover;
29
+ "
30
+ >
31
+ </div>
32
+ <div style="flex: 1;">
33
+ <div style="
34
+ font-size: 20px;
35
+ font-weight: bold;
36
+ color: #333;
37
+ margin-bottom: 8px;
38
+ ">
39
+ 霍格沃茨之遗 Hogwarts Legacy
40
+ </div>
41
+ <div style="
42
+ display: flex;
43
+ align-items: center;
44
+ margin-bottom: 12px;
45
+ ">
46
+ <div style="
47
+ font-weight: 600;
48
+ font-size: 14px;
49
+ color: #333;
50
+ margin-right: 8px;
51
+ ">
52
+ 个人评分:
53
+ </div>
54
+ <div style="color: #f39c12;">
55
+ ⭐⭐⭐⭐☆
56
+ </div>
57
+ </div>
58
+ <div style="
59
+ font-size: 14px;
60
+ color: #666;
61
+ line-height: 1.6;
62
+ ">
63
+ 《霍格沃茨之遗》是一款基于《哈利·波特》系列书籍设定的沉浸式开放世界动作角色扮演游戏。有史以来第一次,你可体验 1800 年代的霍格沃茨。你所扮演的学生角色手中握有关键,可通往足以威胁魔法世界安危的古老秘密。你现在可以掌控行动,并在魔法世界中打造属于你自己的冒险。撰写你的传奇,留待后世颂扬。
64
+ </div>
65
+ </div>
66
+ <a href="https://www.douban.com/game/30341353/"
67
+ target="_blank"
68
+ style="
69
+ position: absolute;
70
+ top: 16px;
71
+ right: 16px;
72
+ background-color: #6c8b5f;
73
+ color: white;
74
+ font-size: 12px;
75
+ padding: 4px 8px;
76
+ border-radius: 4px;
77
+ text-transform: uppercase;
78
+ text-decoration: none;
79
+ ">
80
+ Game >>>
81
+ </a>
82
+ </div>
You can’t perform that action at this time.
0 commit comments