代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<!--网站介绍：仿博客网页 八个板块
首页、随笔、文章（两篇）、相册（夏天，你好；繁星与流水;异世界之旅）、说说、美好、原世界、关于我
-->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--网站logo-->
<link rel="stylesheet" href="./css/wordpicture_beautify.css">
<link rel="stylesheet" href="./font_3372145_xhcka4o2otr/iconfont.css">
<link rel="icon" href="./images/picture_logo.png" />
<title>小染_说说</title>
<style>
* {
margin: 0;
padding: 0;
}
/*背景图*/
body {
background: url(./images/picture_body.jpg) no-repeat fixed;
background-size: 100% 100%;
}
/* body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}*/
body {
margin: 0;
padding: 0;
font-size: 1rem;
color: #3d3737;
font-weight: 400;
font-family: 'Noto Sans SC', "SF Pro SC", "SF Pro Text", "SF Pro Icons", PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
overflow-x: hidden;
}
/*内容盒子*/
.content {
width: 800px;
height: auto;
margin: 3.75rem auto;
background-color: #f9f9f9;
box-shadow: 0 0 6px 4px rgb(0 0 0 / 5%);
}
/*顶部导航*/
header {
display: block;
}
.match .match_bg {
background-color: var(--white);
}
.header_bg {
position: relative;
}
#header .header_bg_img {
width: 100%;
height: 130px;
}
#header .header_bg_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
img {
display: block;
}
.header_bg_filter {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.header_bg_filter::before {
display: block;
content: "";
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
background: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0) 100%);
}
.header_bg_filter .header_frame {
position: absolute;
bottom: 0;
width: 100%;
z-index: 2;
padding: 1.6rem 1.4rem;
}
.header_frame {
display: flex;
}
.header_avatar {
width: 50px;
height: 50px;
border-radius: 3px;
overflow: hidden;
flex-shrink: 0;
}
.header_info {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding-left: 0.8rem;
}
#header .header_bg_filter .header_info_name {
color: #FFF;
}
#header .webname_show {
text-shadow: 0 0 5px #888;
}
#header .header_info_name {
flex: 1 1 auto;
font-size: 1.125rem;
}
#header .header_bg_filter .header_info_qm {
color: #7a8b9a;
}
#header .header_info_qm {
font-size: .75rem;
}
#header .navbar {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 0 1.4rem;
border-bottom: 1px solid #dee2e6;
}
#header .meun_list {
width: 90%;
white-space: nowrap;
overflow-y: hidden;
}
#header .meun_ul {
padding: 0;
margin: 0;
list-style: none;
font-size: 14px;
line-height: 3;
}
#header .meun_li {
margin-right: 0.937rem;
font-size: 0.875rem;
display: inline-block;
letter-spacing: 1px;
}
/*下拉菜单*/
/* #heafer .level {
}*/
.level .level_ul {
display: none;
position: absolute;
min-width: 5.62rem;
background-color: #fff;
padding: 0;
margin: 0;
list-style: none;
transform: translateX(-35%) translateY(0px);
transition: all .25s;
box-shadow: 0px 0px 20px -5px rgb(158 158 158 /22%);
border-radius: 4px;
/*visibility: hidden;*/
/* opacity: 0;*/
z-index: 8;
overflow: hidden;
}
.level_ul .level_li {
padding: 0.1rem .625rem;
font-size: 13px;
text-align: center;
border-bottom: 1px solid rgba(238, 238, 238, 0.33);
}
.level_ul .level_li:hover {
background-color: rgb(248, 248, 248);
border-bottom: 1px solid rgba(238, 238, 238, 0.33);
}
.level:hover .level_ul {
display: block;
}
a {
text-decoration: none;
color: inherit;
}
a:hover {
color: #77aaad;
}
*,
::after,
::before {
box-sizing: border-box;
}
/*说说样式*/
.say_boxbig {
width: 100%;
height: auto;
margin-top: 50px;
}
.say_box {
padding: 0 22.4px;
width: 100%;
height: auto;
margin-bottom: 1rem;
}
.say_boxleft {
display: inline-block;
}
.say_boxleft img {
border-radius: 100px;
width: 50px;
height: 50px;
}
.say_boxright {
margin-top: -52px;
margin-left: 60px;
width: 692.4px;
background-color: #f1f4f8;
border-radius: 6px;
}
.say_boxright_header {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
color: #555;
border-bottom: 1px solid rgba(222, 229, 231, .45);
padding: 10px 15px;
}
.say_boxright_content {
padding: 15px;
}
.say_boxright_content p {
font-size: 14px;
}
.say_boxright_foot {
padding: 10px 15px;
color: #555;
font-size: 12px;
}
/*底部样式*/
.font {
width: 100%;
margin-top: 20px;
padding: 30px;
background-color: #f9f9f9;
height: 100px;
}
.font .tip {
text-align: center;
}
.font .tip span {
color: #d9694c;
}
/*右下角动图*/
.gif {
position: fixed;
bottom: 0;
right: 0;
}
.gif .word {
font-family: '华文行楷';
display: none;
height: 40px;
width: 220px;
padding: 10px;
background: rgba(190, 82, 42, 0.43);
border-radius: 10px;
border: 2px soid rgba(228, 68, 15, 0.712);
box-shadow: 0 0 40px rgba(219, 78, 26, 0.7);
}
.gif:hover .word {
display: block;
}
.gif .leaf1 {
position: absolute;
z-index: 3;
bottom: 14px;
right: 160px;
}
.gif .leaf2 {
position: absolute;
z-index: 3;
transform: translateX(121px) translateY(50px) rotate(38deg);
}
</style>
</head>
<!-- 顶部：导航背景和导航栏-->
<body class="match">
<!--主体内容-->
<div class="content">
<header id="header" class="match_bg">
<!--导航背景：背景图片、个人头像、导语-->
<div class="header_bg">
<div class="header_bg_img">
<img src="./images/picture_nav.jpg">
</div>
<div class="header_bg_filter">
<div class="header_frame">
<div class="header_avatar">
<img src="./images/avatar.jpg" width='50' height="50">
</div>
<div class="header_info">
<div class="header_info_name webname_show">
<a href="./login.html" target="_parent">小染</a>
</div>
<div class="header_info_qm">
亲爱的远方,月下的花香,向着星辰与深渊
</div>
</div>
</div>
</div>
</div>
<!--导航栏：八个链接，伪类选择器改变链接颜色-->
<div class="navbar">
<div class="meun_list">
<ul class="meun_ul">
<li class="meun_li">
<a href="./index.html">首页</a>
</li>
<li class="meun_li">
<a href="./article.html">文章</a>
</li>
<li class="meun_li">
<a href="./album.html">相册</a>
</li>
<li class="meun_li">
<a href="./essay.html">随笔</a>
</li>
<li class="meun_li level">
<a href="javascript:;">美好</a>
<ul class="level_ul">
<li class="level_li">
<a href="./glorious_01.html">亲爱的远方</a>
</li>
<li class="level_li">
<a href="./glorious_02.html">月下的花香</a>
</li>
<li class="level_li">
<a href="./glorious_03.html">星辰与深渊</a>
</li>
</ul>
</li>
<li class="meun_li">
<a href="./say.html">说说</a>
</li>
<li class="meun_li level">
<a href="javascript:;">原世界</a>
<ul class="level_ul">
<li class="level_li">
<a href="./yuanWorld_01.html">🍂 手书</a>
</li>
<li class="level_li">
<a href="./yuanworld_02.html">🍁 观测</a>
</li>
<li class="level_li">
<a href="./yuanworld_03.html">🌸 锦集</a>
</li>
</ul>
</li>
<li class="meun_li">
<a href="./aboutMe.html">关于我</a>
</li>
</ul>
</div>
</div>
</header>
<div class="picture_box">
<div class="picture_img">
<img src="./images/picture_say.webp" alt="">
</div>
<div class="picture_float"></div>
<div class="picture_box_word">
<h1 class="picture_box_word_son">
<span>说说</span><br>
<div class="picture_box_word_english">say</div>
</h1>
</div>
</div>
<div class="say_boxbig">
<div class="say_box">
<div class="say_boxleft">
<img src="./images/picture_sayAvatar.jpg" alt="">
</div>
<div class="say_boxright">
<div class="say_boxright_header">
<div class="say_boxright_header_author">小染.</div>
</div>
<div class="say_boxright_content">
<P>世界旋转不停，我们跌跌撞撞前行就够了。</P>
</div>
<div class="say_boxright_foot">
<i class="iconfont"></i> 来自微信时光机
</div>
</div>
</div>
<div class="say_box">
<div class="say_boxleft">
<img src="./images/picture_sayAvatar.jpg" alt="">
</div>
<div class="say_boxright">
<div class="say_boxright_header">
<div class="say_boxright_header_author">小染.</div>
</div>
<div class="say_boxright_content">
<P>愿你今后的眼泪，皆不是因为伤痛和悲哀留下，而是对于震撼。为宇宙，为自然，为美的震撼而流。</P>
</div>
<div class="say_boxright_foot">
<i class="iconfont"></i> 来自微信时光机
</div>
</div>
</div>
<div class="say_box">
<div class="say_boxleft">
<img src="./images/picture_sayAvatar.jpg" alt="">
</div>
<div class="say_boxright">
<div class="say_boxright_header">
<div class="say_boxright_header_author">小染.</div>
</div>
<div class="say_boxright_content">
<P>花不是为花店而来，人有各自的月亮。</P>
</div>
<div class="say_boxright_foot">
<i class="iconfont"></i> 来自微信时光机
</div>
</div>
</div>
<div class="say_box">
<div class="say_boxleft">
<img src="./images/picture_sayAvatar.jpg" alt="">
</div>
<div class="say_boxright">
<div class="say_boxright_header">
<div class="say_boxright_header_author">小染.</div>
</div>
<div class="say_boxright_content">
<P>夜色难免黑凉，前行必有曙光。</P>
</div>
<div class="say_boxright_foot">
<i class="iconfont"></i> 来自微信时光机
</div>
</div>
</div>
<div class="say_box">
<div class="say_boxleft">
<img src="./images/picture_sayAvatar.jpg" alt="">
</div>
<div class="say_boxright">
<div class="say_boxright_header">
<div class="say_boxright_header_author">小染.</div>
</div>
<div class="say_boxright_content">
<P>你眼里有春与秋，胜过我见过与爱过的所有山川与河流。</P>
</div>
<div class="say_boxright_foot">
<i class="iconfont"></i> 来自微信时光机
</div>
</div>
</div>
<div class="say_box">
<div class="say_boxleft">
<img src="./images/picture_sayAvatar.jpg" alt="">
</div>
<div class="say_boxright">
<div class="say_boxright_header">
<div class="say_boxright_header_author">小染.</div>
</div>
<div class="say_boxright_content">
<P>有些人坐飞机就能见到，有些人坐时光机才可以。</P>
</div>
<div class="say_boxright_foot">
<i class="iconfont"></i> 来自微信时光机
</div>
</div>
</div>
<div class="say_box">
<div class="say_boxleft">
<img src="./images/picture_sayAvatar.jpg" alt="">
</div>
<div class="say_boxright">
<div class="say_boxright_header">
<div class="say_boxright_header_author">小染.</div>
</div>
<div class="say_boxright_content">
<P>瘦马还在，琴瑟在御，故事那么长，梨花谢满酒畔。走过千山万径的冽冽雪山，渡过全世界最辽阔的海，也看过大漠的孤烟落日。
</P>
</div>
<div class="say_boxright_foot">
<i class="iconfont"></i> 来自微信时光机
</div>
</div>
</div>
<div class="say_box">
<div class="say_boxleft">
<img src="./images/picture_sayAvatar.jpg" alt="">
</div>
<div class="say_boxright">
<div class="say_boxright_header">
<div class="say_boxright_header_author">小染.</div>
</div>
<div class="say_boxright_content">
<P>这里风遇山止，船到岸停<br>
这里的一切都有始有终<br>
却能容纳所有的不期相遇和久别重逢
</P>
</div>
<div class="say_boxright_foot">
<i class="iconfont"></i> 来自微信时光机
</div>
</div>
</div>
<div class="say_box">
<div class="say_boxleft">
<img src="./images/picture_sayAvatar.jpg" alt="">
</div>
<div class="say_boxright">
<div class="say_boxright_header">
<div class="say_boxright_header_author">小染.</div>
</div>
<div class="say_boxright_content">
<P>忘记和放下都是一种生而为人的能力，随着时间的过去，并不是所有的伤害都要我们去原谅才显得大度。<br>
你快不快乐，孤不孤独，想活成什么样，永远都不需要别人成全。<br>
愿你再也不会被谁口中的天地所震撼，因为天地已在你心中。
</P>
</div>
<div class="say_boxright_foot">
<i class="iconfont"></i> 来自微信时光机
</div>
</div>
</div>
<div class="say_box">
<div class="say_boxleft">
<img src="./images/picture_sayAvatar.jpg" alt="">
</div>
<div class="say_boxright">
<div class="say_boxright_header">
<div class="say_boxright_header_author">小染.</div>
</div>
<div class="say_boxright_content">
<P>你说山河不过是沧海里的鸿蒙，但有一个人却是我数以千计的春风。</P>
</div>
<div class="say_boxright_foot">
<i class="iconfont"></i> 来自微信时光机
</div>
</div>
</div>
<div class="say_box">
<div class="say_boxleft">
<img src="./images/picture_sayAvatar.jpg" alt="">
</div>
<div class="say_boxright">
<div class="say_boxright_header">
<div class="say_boxright_header_author">小染.</div>
</div>
<div class="say_boxright_content">
<P>少年的肩上应担起清风明月和草长莺飞，少女的眼里应藏下万丈光芒和星辰大海</P>
</div>
<div class="say_boxright_foot">
<i class="iconfont"></i> 来自微信时光机
</div>
</div>
</div>
<div class="say_box">
<div class="say_boxleft">
<img src="./images/picture_sayAvatar.jpg" alt="">
</div>
<div class="say_boxright">
<div class="say_boxright_header">
<div class="say_boxright_header_author">小染.</div>
</div>
<div class="say_boxright_content">
<P>温柔的晚风，傍晚的彩霞，解暑的西瓜，冒泡的可乐，人间的美好旋转着，渲染着
</P>
</div>
<div class="say_boxright_foot">
<i class="iconfont"></i> 来自微信时光机
</div>
</div>
</div>
<div class="say_box">
<div class="say_boxleft">
<img src="./images/picture_sayAvatar.jpg" alt="">
</div>
<div class="say_boxright">
<div class="say_boxright_header">
<div class="say_boxright_header_author">小染.</div>
</div>
<div class="say_boxright_content">
<P>醉后不知天上水，满船清梦压星河</P>
</div>
<div class="say_boxright_foot">
<i class="iconfont"></i> 来自微信时光机
</div>
</div>
</div>
<div class="say_box">
<div class="say_boxleft">
<img src="./images/picture_sayAvatar.jpg" alt="">
</div>
<div class="say_boxright">
<div class="say_boxright_header">
<div class="say_boxright_header_author">小染.</div>
</div>
<div class="say_boxright_content">
<P>少年与爱永不老去，即使披荆斩棘，丢失怒马鲜衣</P>
</div>
<div class="say_boxright_foot">
<i class="iconfont"></i> 来自微信时光机
</div>
</div>
</div>
</div>
<!--底部-->
<div class="font">
<div class="tip">
<span>🍁</span> <a href="#">@亦小染.</a>
<span>可叹叶飘零，归期未有期🍂</span>
</div>
</div>
</div>
<!--右下角动图-->
<div class="gif">
<div class="word">深山踏红叶，耳畔闻鹿鸣🍁</div>
<span class="leaf2">🍁</span>
<span class="leaf1">🍂<br> 🍂</span>
<img src="./images/picture_gif_wangye.gif" width="300" height="300">
</div>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
