统一Logo和配色: 所有页面加logo.png, shuzi换渐变背景/字体
This commit is contained in:
@@ -102,6 +102,7 @@ body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="top">
|
||||
<img src="logo.png" alt="愈心谷" style="height:36px;margin-bottom:8px">
|
||||
<div class="t">愈心解码</div>
|
||||
<div class="s">一个生日,读懂你的身与心</div>
|
||||
</div>
|
||||
|
||||
+4
-1
@@ -130,7 +130,10 @@ canvas:active{cursor:grabbing}
|
||||
|
||||
<!-- Sidebar -->
|
||||
<div class="sidebar">
|
||||
<div class="sh">📁 我的脑图</div>
|
||||
<div class="sh" style="display:flex;flex-direction:column;align-items:center;gap:6px">
|
||||
<img src="logo.png" alt="愈心谷" style="height:30px">
|
||||
<span>📁 我的脑图</span>
|
||||
</div>
|
||||
<div class="slist" id="slist"></div>
|
||||
<div class="sb">
|
||||
<button class="primary" onclick="newMap()">+ 新建</button>
|
||||
|
||||
+8
-5
@@ -16,7 +16,7 @@
|
||||
<style>
|
||||
@font-face { font-family:'TriangleDigits'; src:url(data:font/woff2;base64,d09GMgABAAAAAAUAAA4AAAAACHwAAASsAAIZmQAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbBxIBmAANBEQCocshhEBNgIkAxoLGAAEIAWDIgcgG9QGKC4G7Ib6hm2MRajDYhGiDhrol2EQYF1VSXrYswJPkJb83g+eA7l2QeKDmZzBKY+S2Y6GNNvdREZSoL/sv5IIQxUu06If+FX4/z+X49/WsztrTAw5kRt099ubOm5NXEAFHuBcGvAGSjDAgLDn2bZk6fIVBBISV5n1GLNAADYApcVbCydXozYtkTdtbu8OvEOS0PEgPgIdEQfiY0OwiSCOBmAPsl4AYswwdCJQA1FoSBQqZkProGuMIFPAPhuoa8oSVYX8YAQSAZpDCmDZcIkm/ZAjI0LR3A1KzY56XmlDxUYMYNhtcBARzR51kKE7KkxKozJobFeXdNJlKY3czMCYMrUMa/83F2mmEHEHkFJnDXn9YBwBCSjAHYUA3NEIBjQ0BFDLHki2t3+KqVZYkbggAFQ26ho8RWcQ3tl/htql/UbHN70BAoXUbXpAnK4F+eoWL5vNxzpnKT0L1CrUld9zyZWVebLzdRVOGASMYohloBiiuziLHrm5uQI5VmbV7EqrcnVlszArq2tWV6c5C0+s7O5L1+3WqS7Q2737TCeTufqRH9o1O3uOtCpHMUc36sxupMOcNaesYEbpnGdwwlHmrs8VKBTmstgNaLvfBrx5PQ/wj1yzJd01+3LOm+/CzOY4zhHWtXYr5PbIyREYwJnHeFm4pXu2IcxByHzZVWJ3Er3bMQkX9snibM6Y1aTyc3rkXNUJPXpz8SR3SFeH84FFWYV9bzibJvHlL0bRde6KYc9cmiIKk5+FN+NThqtvc8aBGfnF6WzIqLk1ON06sNXy3bLFuIJ8DQT/QGhPY9JrsRk3RddPID33rzz9cLGnXZjvNNQR4659v7m7f0qW1qex/MqwciHDfdsqBnOLCispr6nWU0/DmAXZBdjkTA0M/4LXawb7VDhbjduWNPaWsM25jxyH1ENRUmejPPOk33dOKZ+v4BRLNZQeriawC/Nzxb0nr7/lPdzfGvGf3kgW0N6/tXYq1Si9RA/v58kV3DTY5DgaxwV1Uw5++lzxouLrgNYX82rdHtlWXSn61Di0UAxfhc2HeamcDnfrnVra3xecFNc61xtZhSxqUlFZFQ62rTQ+w3YS4S9Z4bNHHUB7y/fxoxt9pVAyqdOZ66cPKs7Oz8sYj5f2lIpvQPQfX3t4++1V80/rnFtRkIspHBjC5WXnpReTvuTiMVkJsZFp5SVhxARkdDKQhx19XV78vjqr1UAXlvCfnhUiz41CK/6P8dI6eIab2nlH17ap48+X3P/67iJUpWdlq6vNFAQABCB9dmU3fPxwgFPdb2YhMwAvzT++ByhOmZz+3/9vizVMBYAZOVthCvnfDK9OI6rfpSMQ1O8ljbVAg/Zm6S2UNDN4K6A9UySALjrjrgTjPKoUNdG7bdIswFkQgyCYswaJI28NikwKujXQYMBXOC8yEihiaSpGlAKsZbII4YSJENhVwgyBgJQEXSDaUphohpCxTCWZFJKhBY+AiHgRfBMjhobUGOI+OYREilhp4gmpjs63SFuCvHUricIo0nYoVERiSqyLCF+MnFdHwYlnbI0JjLBYonBsPGESCHYCTx5NXJ+7DhJpNTCDOrOPjGrLzlAAAAA) format('woff2'); }
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
body { background-color: #faf7f2; font-family: 'Georgia','Times New Roman','Noto Serif SC',serif; display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:100vh; color:#6b5b4e; padding:10px 10px 20px; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }
|
||||
body { background:linear-gradient(160deg,#FFD1C7,#FFC8B5); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:100vh; color:#333; padding:10px 10px 20px; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }
|
||||
.container { position:relative; width:600px; max-width:95%; padding:12px 40px 40px; display:flex; flex-direction:column; align-items:center; }
|
||||
.input-row { display:flex; gap:5px; align-items:center; margin-bottom:24px; font-family:sans-serif; }
|
||||
.input-row input { width:56px; padding:6px 4px; border:1px solid #d9ccb6; border-radius:3px; font-size:14px; text-align:center; color:#6b5b4e; background:#fff; outline:none; }
|
||||
@@ -94,13 +94,16 @@
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="max-width:600px;margin:0 auto;padding:8px 14px;">
|
||||
<a href="jiema.html" style="color:#9b8a78;text-decoration:none;font-size:13px;">← 返回愈心解码</a>
|
||||
<div style="text-align:center;padding:20px 0 4px;">
|
||||
<img src="logo.png" alt="愈心谷" style="height:36px">
|
||||
</div>
|
||||
<div style="max-width:600px;margin:0 auto;padding:4px 14px;">
|
||||
<a href="jiema.html" style="color:rgba(255,255,255,0.8);text-decoration:none;font-size:13px;">← 返回愈心解码</a>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div style="text-align:center;margin-bottom:10px;">
|
||||
<h1 style="font-size:1.5em;font-weight:400;letter-spacing:0.2em;color:#5a4636;margin:0 0 6px;">愈心谷数字解构</h1>
|
||||
<div style="font-size:0.65em;color:#9b8a78;letter-spacing:0.12em;margin-top:2px;">✦ 输入公历出生年月日 ✦</div>
|
||||
<h1 style="font-size:1.4em;font-weight:800;letter-spacing:0.15em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.15);margin:0 0 6px;">愈心谷数字解构</h1>
|
||||
<div style="font-size:0.65em;color:rgba(255,255,255,0.7);letter-spacing:0.12em;margin-top:2px;">✦ 输入公历出生年月日 ✦</div>
|
||||
</div>
|
||||
<div class="input-row">
|
||||
<input type="number" id="inY" value="1986"><span class="lbl">年</span>
|
||||
|
||||
+2
-3
@@ -22,8 +22,7 @@ body{
|
||||
min-height:100vh;color:#333;-webkit-font-smoothing:antialiased;
|
||||
}
|
||||
.container{max-width:500px;margin:0 auto;padding:20px 14px 40px}
|
||||
.header{text-align:center;padding:32px 0 20px}
|
||||
.header .logo{font-size:20px;font-weight:700;color:var(--pri);letter-spacing:1px}
|
||||
.header{text-align:center;padding:24px 0 16px}
|
||||
.header .sub{font-size:12px;color:rgba(0,0,0,0.35);margin-top:4px}
|
||||
.card{
|
||||
background:#fff;border-radius:16px;padding:20px;margin-bottom:14px;
|
||||
@@ -147,7 +146,7 @@ body{
|
||||
<div class="container">
|
||||
|
||||
<div class="header">
|
||||
<div class="logo">☯️ 愈心谷 · AI东方养生</div>
|
||||
<img src="logo.png" alt="愈心谷" style="height:36px;margin-bottom:6px">
|
||||
<div class="sub">易经 × 黄帝内经 × 五运六气</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user