橘狸 发表于 2026-10-16 16:10:54

居里:生活的答案,藏在慢下来的时刻。男头

<div style="width:96%;max-width:950px;margin:0 auto;background:#f7f4ec;padding:33px;box-sizing:border-box;font-family:system-ui,'Microsoft YaHei',sans-serif;">
<div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;">
<div style="position:relative;padding-left:16px;">
<div style="position:absolute;left:0;top:0;bottom:0;width:1px;background:#707949;"><div style="position:absolute;bottom:0;left:-4px;width:8px;height:8px;border-radius:50%;background:#f7f4ec;border:1px solid #707949;"></div></div>
<div style="font-size:clamp(42px,8vw,72px);font-weight:600;color:#707949;line-height:1.1;">All living<br>things thrive</div>
<div style="font-size:clamp(16px,3vw,22px);color:#707949;margin-top:8px;">万物皆有裂痕,那是光照进来的地方。</div>
<div style="font-size:clamp(12px,2vw,14px);color:#707949;margin-top:12px;line-height:1.6;">All things grow<br>and the world is ever-changing</div>
</div>
<div style="font-size:clamp(12px,2vw,14px);color:#707949;line-height:1.6;text-align:right;">We are<br>all in<br>pursuit of<br>true love</div>
</div>

<div style="text-align:right;font-size:clamp(16px,3vw,20px);color:#707949;line-height:1.8;margin-bottom:24px;">
我们终其一生寻找的<br>
应该是自己喜欢的生活<br>
和想成为的人
<div style="width:32px;height:20px;background:#707949;margin-left:auto;margin-top:12px;"></div>
</div>

<style>
.grid-wrap img {
    width:100% !important;
    height:auto !important;
    display:block !important;
    border-radius:6px !important;
}
</style>
<!-- Grid容器,class="grid-wrap" 用来选中所有内部图片 -->
<div class="grid-wrap" style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:30px;">



</div>

<!--底部工具栏-->
<div style="display:flex;align-items:center;justify-content:space-between;gap:16px;">
<div id="likeWrap" style="padding:8px 16px;background:#e9e4d8;border-radius:999px;display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;">
<svg id="heartIcon" width="22" height="22" viewBox="0 0 24 24" style="transition:transform .6s cubic-bezier(0.68,-0.55,0.265,1.55),fill .3s;fill:#999;"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg>
<div style="overflow:hidden;height:24px;"><span id="likeNum" style="font-size:16px;color:#707949;display:block;transition:transform .6s cubic-bezier(0.68,-0.55,0.265,1.55);transform:translateY(0);">520</span></div>
<div id="particleBox" style="position:absolute;pointer-events:none;left:16px;top:5px;width:22px;height:22px;"></div>
</div>

<div style="display:flex;align-items:center;gap:6px;color:#707949;font-size:16px;"><svg width="22" height="22" viewBox="0 0 24 24" fill="#707949"><path d="M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4V4c0-1.1-.9-2-2-2zm0 14H4V4h16v12z"></path></svg><span>778</span></div>
<div style="display:flex;align-items:center;gap:6px;color:#707949;font-size:16px;cursor:pointer;"><svg width="22" height="22" viewBox="0 0 24 24" fill="#707949"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z"></path></svg><span>分享</span></div>
<div style="cursor:pointer;"><svg width="22" height="22" viewBox="0 0 24 24" fill="#707949"><path d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"></path></svg></div>
</div>
</div>

<script>
(function(){const w=document.getElementById('likeWrap'),h=document.getElementById('heartIcon'),n=document.getElementById('likeNum'),pbox=document.getElementById('particleBox');let liked=0,c=0;const ang=,col=['#ff6b6b','#ffd166','#06d6a0','#118ab2','#ef476f','#7209b7','#4cc9f0','#f72585'];w.onclick=()=>{if(liked)return;liked=1;c++;h.style.transform='scale(.8)';h.style.fill='#ff3355';setTimeout(()=>h.style.transform='scale(1.2)',120);setTimeout(()=>h.style.transform='scale(1)',320);n.style.transform='translateY(-22px)';setTimeout(()=>{n.textContent=c;n.style.transform='translateY(0)'},300);for(let i=0;i<8;i++){const d=document.createElement('div'),a=ang*Math.PI/180,tx=Math.cos(a)*50,ty=Math.sin(a)*50;d.style.cssText=`position:absolute;width:7px;height:7px;border-radius:50%;background:${col};left:11px;top:8px;transform:translate(0,0);opacity:1;transition:all .6s ease-out`;pbox.appendChild(d);setTimeout(()=>{d.style.transform=`translate(${tx}px,${ty}px)`;d.style.opacity=0},10);setTimeout(()=>d.remove(),600);}}})();
</script>

橘狸 发表于 2026-10-16 16:12:32

**** Hidden Message *****

橘狸 发表于 2026-10-16 16:14:46





屿风 发表于 2026-10-16 16:15:52

生活的答案,藏在慢下来的时刻。

池鹤 发表于 2026-10-16 16:18:51


生活的答案,藏在慢下来的时刻。

伽百利 发表于 2026-10-16 16:22:06

生活的答案,藏在慢下来的时刻。

归雾 发表于 2026-10-16 16:28:27

生活的答案,藏在慢下来的时刻。

遇鹿 发表于 2026-10-16 16:29:36

生活的答案,藏在慢下来的时刻。

伊西索斯 发表于 2026-10-16 16:30:09

生活的答案,藏在慢下来的时刻。

伊西索斯 发表于 2026-10-16 16:32:10

生活的答案,藏在慢下来的时刻。
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 居里:生活的答案,藏在慢下来的时刻。男头