@charset "utf-8";
/* ============================================================
   博客园背景主题 - 袁一琦 yyq-2-1920x1080
   粘贴位置：博客后台 -> 设置 -> 页面定制 CSS 代码（自定义 CSS）
   需要改的只有下面 --bg 这一处
   ============================================================ */

:root{
  /* 1) 图片地址：相册里的“原图”，开头是 o_（t_ 是缩略图，用 t_ 就会糊） */
  --bg: url("https://images.cnblogs.com/cnblogs_com/blogs/880268/galleries/2537623/o_261015030941_yyq-2-1920x1080.jpg");

  /* 2) 图没铺满时露出的底色 */
  --page-bg: #e8eef4;

  /* 3) 白色遮罩：左侧(文字区)强、中间过渡、右侧(人物)几乎不遮 */
  --veil-left:   rgba(255,255,255,.55);
  --veil-middle: rgba(255,255,255,.16);
  --veil-right:  rgba(255,255,255,0);

  /* 4) 正文颜色 */
  --text: #1b2026;
}

/* ---------- 1. 固定满屏背景，滚动时不动 ---------- */
html{
  background-image:
    linear-gradient(90deg, var(--veil-left) 0%, var(--veil-middle) 48%, var(--veil-right) 82%),
    var(--bg);
  background-position: center center, center center;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  background-attachment: fixed, fixed;
  background-color: var(--page-bg);
}

/* ---------- 2. 全局透明 ---------- */
body{
  background: transparent !important;
  color: var(--text);
  /* 白色描边，让字压在照片上也清楚 */
  text-shadow: 0 1px 0 rgba(255,255,255,.95), 0 0 6px rgba(255,255,255,.85);
}

/* 所有元素去掉背景色和阴影 */
body *{
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 主要板块连背景图/渐变一起清掉；保留 #green_channel 以免推荐/关注按钮的图标消失 */
body, #home, #main, #mainContent, #sideBar, #sideBarMain, #header, #blogTitle, #footer,
#navigator, #topNav, #underPost, #comment_form, #blog-comments-placeholder,
.post, .day, .postTitle, .postBody, .postDesc, .blockTitle, .newsItem,
.catList, .catListTitle, .commentform, .feedbackItem, .feedbackCon, .comment_body,
.topicListFooter, .postSeparator{
  background-image: none !important;
  border-color: transparent !important;
}

/* 其他皮肤用的面板类名，一并清掉 */
#cnblogs_post_body, #blog_post_info_block, #post_next_prev, #blog-sidecolumn,
#sidebar_news, #sidebar_categories, #sidebar_recentposts, .postCon, .dayTitle,
.card, .card-content, .widget, .post-item, .postItem, .clear{
  background-image: none !important;
  border-color: transparent !important;
}

/* ---------- 3. 例外：这些地方要有底色，否则内容没法看 ---------- */
pre, code, kbd, samp,
.cnblogs_code, .cnblogs_code pre, .cnblogs_code div, .cnblogs_code span,
.highlight, .syntaxhighlighter,
input, textarea, select, .comment_textarea, #tbCommentBody{
  background-color: rgba(255,255,255,.78) !important;
  text-shadow: none !important;
}

pre, .cnblogs_code, .syntaxhighlighter, input, textarea, select{
  border-radius: 6px !important;
}

/* 顶部导航/标签栏：很淡的一层白，菜单才认得出 */
#navigator, #topNav{
  background-color: rgba(255,255,255,.28) !important;
}

/* ---------- 4. 链接与细节 ---------- */
a, a:link, a:visited{ color: #0b5fa5; text-decoration: none; }
a:hover{ color: #c0392b; text-decoration: underline; }

.postTitle a{ color: #123a5e; }

img{ max-width: 100%; height: auto; }

/*
   备选：如果你希望图片“一点都不能裁”，把上面 html 里那两行
   background-size: cover, cover;
   改成 background-size: contain, contain;   <- 不裁剪，但左右或上下会留出底色
   或者 background-size: 100% 100%, 100% 100%; <- 铺满不留边，但宽高比不符时会轻微拉伸
   想彻底不要遮罩，就把 --veil-left / --veil-middle / --veil-right 都设为 rgba(255,255,255,0)
   觉得文字不够清楚，就只把 --veil-left 调到 .7 左右
*/