/* ===== 背景 ===== */

/* body{
background:url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAERpWFpspZMJbqcUXKGSOYlk9Ys6qATKQACiiEAAvpAkVWKuBEfZdQ5iDoE.png) no-repeat fixed;
background-size:cover;
font-family:"Segoe UI","微软雅黑",sans-serif;
} */
/* body{
background:url(https://api.paugram.com/wallpaper/) no-repeat fixed;
background-size:cover;
} */
/* body{

background:url(https://api.paugram.com/wallpaper/) no-repeat fixed rgba(0,0,0,0.8);
background-size:cover;
} */
body{
/* background:url(https://raw.githubusercontent.com/sanyecao666/img/main/21592.jpg) no-repeat fixed; */
background:
linear-gradient(rgba(0,3,30,0.1),rgba(0,3,30,0.1)),
url(https://api.paugram.com/wallpaper/) no-repeat fixed;

background-size:cover;
}
#home{
width:70%;
min-width:1000px;
margin:auto;
margin-top:180px;

background:rgba(255,255,255,0.7);
backdrop-filter:blur(15px);

padding:40px;

border-radius:12px;

box-shadow:0 10px 40px rgba(0,0,0,.2);
}

/*顶部右侧图禁用*/
#blogTitle {
    background: none !important;
}

#header {
    background: none !important;
}
#footer {
    background: none !important;
}
/* ===== 主内容毛玻璃 ===== */



/* ===== 标题美化 ===== */

#cnblogs_post_body h1{
border-left:6px solid #0078ff;
padding-left:12px;
}

#cnblogs_post_body h2{
border-left:5px solid #00bcd4;
padding-left:10px;
}

#cnblogs_post_body h3{
border-left:4px solid #ff4081;
padding-left:8px;
}

/* ===== 代码块 ===== */

.cnblogs_code{
border-radius:8px;
font-size:15px!important;
}

/* ===== 链接 ===== */

a{
color:#0078ff;
}

a:hover{
color:#ff4081;
}

/* ===== 评论 ===== */

.feedbackItem{
border-radius:10px;
padding:15px;
}

/* ===== 推荐按钮 ===== */

#div_digg{
position:fixed;
right:40px;
bottom:40px;

background:white;
padding:15px;

border-radius:10px;

box-shadow:0 5px 20px rgba(0,0,0,.2);
}

/* ===== 隐藏广告 ===== */

#cnblogs_c1,
#cnblogs_c2,
#ad_t2,
#under_post_news,
#under_post_kb{
display:none;
}

/* ===== 平滑滚动 ===== */

html{
scroll-behavior:smooth;
}
/* 清除主题背景 */

/* #header,
#home,
#main,
#footer{
background-color: rgba(255,255,255,0.6) !important;
background-image:none !important;
} */

/* <!-- 右上角爬藤蔓 --> */
/* <div id="home" style="position: relative;">
  <!-- 右上角爬藤蔓 -->

  <!-- 内容区 -->
  ...
</div> */

<style>
.vineContainer {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;       /* 根据藤蔓图片宽度调整 */
  height: 100%;
  z-index: 999;
}

/* 藤蔓图片 */
.vine {
  position: absolute;
  top: 0;
  z-index: 99999;
  left: 50%;
  width: 50px;       /* 图片宽度 */
  height: 50%;      /* 图片高度拉伸到内容区 */
  transform-origin: top center;
  animation: vine-sway 4s ease-in-out infinite alternate;
}

/* 花朵图片 */
.flower {
  position: absolute;
  left: 50%;
  top: 0;
  width: 80px;
  height: 80px;
  transform: translateX(-50%); /* 居中对齐藤蔓 */
  animation: flower-move 6s ease-in-out infinite;
}

/* 藤蔓摆动 */
@keyframes vine-sway {
  0% { transform: rotate(-5deg); }
  50% { transform: rotate(5deg); }
  100% { transform: rotate(-5deg); }
}

/* 花朵沿藤蔓向下 */
@keyframes flower-move {
  0%   { top: 0; transform: scale(0); opacity: 0; }
  25%  { top: 50px; transform: scale(1); opacity: 1; }
  50%  { top: 120px; transform: scale(1.2); opacity: 1; }
  75%  { top: 180px; transform: scale(1); opacity: 1; }
  100% { top: 100%; transform: scale(1); opacity: 0; }
}

/* 多花错开 */
.flower:nth-child(2) { animation-delay: 1s; }
.flower:nth-child(3) { animation-delay: 2s; }
</style>