|
|
@@ -1,6 +1,7 @@
|
|
|
<template>
|
|
|
<div class="section intro">
|
|
|
- <p>“玩”是一种自由的状态。你会发现每个会玩的人，他们的玩都是不同的，是充分自发性和个性化的。</p>
|
|
|
+ <p>“玩”意味着一种无拘无束的自由状态。</p>
|
|
|
+ <p>你会发现，每个真正懂得玩的人，他们玩的方式都是独一无二的，充满了自发的创造力与鲜明的个性。</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="section letter">
|
|
|
@@ -59,8 +60,8 @@
|
|
|
<p class="closing">什么也不说了，玩得开心！</p>
|
|
|
|
|
|
<div class="signature">
|
|
|
+ <img src="/assets/bob-head.jpeg" alt="Bob的签名" class="bob-head">
|
|
|
<p>Bob</p>
|
|
|
- <p>2025年3月</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -72,11 +73,16 @@
|
|
|
|
|
|
<style scoped>
|
|
|
.letter {
|
|
|
- max-width: 800px;
|
|
|
+ border-top: #c0c0c0 1px solid;
|
|
|
+ font-size: 18px;
|
|
|
+ line-height: 1.8;
|
|
|
+ color: #333;
|
|
|
+ font-family: cursive, sans-serif;
|
|
|
+ max-width: 1200px;
|
|
|
margin: 0 auto;
|
|
|
padding: 2rem;
|
|
|
text-align: left;
|
|
|
- background-color: #f4f4f4;
|
|
|
+ background-color: #fff;
|
|
|
}
|
|
|
|
|
|
.letter-header {
|
|
|
@@ -90,7 +96,7 @@
|
|
|
}
|
|
|
|
|
|
.letter-content {
|
|
|
- line-height: 1.8;
|
|
|
+ line-height: 1.6;
|
|
|
}
|
|
|
.letter-content p {
|
|
|
text-indent:2em;
|
|
|
@@ -123,23 +129,34 @@ h3 {
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
+.signature p {
|
|
|
+ margin: 0;
|
|
|
+ text-indent: 0em;
|
|
|
+}
|
|
|
+
|
|
|
+.signature .bob-head {
|
|
|
+ width: 80px;
|
|
|
+ height: 80px;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-bottom: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
p {
|
|
|
- margin-bottom: 1rem;
|
|
|
+ margin-block-start: .5em;
|
|
|
+ margin-block-end: .5em;
|
|
|
}
|
|
|
|
|
|
/* 页面特定的样式 */
|
|
|
h2 {
|
|
|
-color: #108775;
|
|
|
+ color: #108775;
|
|
|
}
|
|
|
|
|
|
div.section {
|
|
|
margin-bottom: 3rem;
|
|
|
}
|
|
|
div.intro {
|
|
|
+ font-weight: bold;
|
|
|
text-align: center;
|
|
|
}
|
|
|
-div.letter {
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
</style>
|
|
|
|
