/* 千本樱：樱粉、梅紫、青绿与花饰浅金。保留文件名以兼容旧主题配置。 */
:root {
  --pix-theme: #87536f;
  --pix-background: #f2e4eb;
  --sakura-pink: #d899b5;
  --sakura-teal: #76aeb1;
  --sakura-gold-detail: #b79a61;
  --halo-search-widget-primary-color: #87536f;
  --body-bg-color: #f7edf1;
  --withe-bg-color: #fff;
  --light-bg-color: #fcf6f8;
  --linear-color: linear-gradient(90deg, #dfb6c9, #ecd0dc);
  --shadow-bg: 0px 7px 20px 1px #87536f18;
  --btn-active-color: #dfb6c9;
  --btn-text-color: #493745;
  --btn-light-color: #f4e4ec;
  --big-shadow: 0 28px 50px rgb(225 193 207 / 45%);
  --hilight-color: var(--pix-theme);
  --light-text-color: #856b7d;
  --heave-text-color: #634456;
  --border-color: #ecdde5;
  --icon-color: #87536f;
  --box-bg: #edf5f4;
  --box-light: #58878b;
  --dark-color: #493745;
  --dark-body-gay-bg: linear-gradient(117deg, #fbf1f5, #e8f3f2);
  --title-color: #794661;
  --code-bg-color: #f7eff3;

  --halo-comment-widget-component-form-button-submit-pix-bg-color: var(--btn-active-color);
  --halo-comment-widget-component-form-button-submit-pix-color: var(--btn-text-color);
  --halo-comment-widget-component-form-input-pix-bg-color: #fff;
  --halo-comment-widget-component-comment-author-info-input: #fbf3f6;
  --halo-comment-widget-component-pagination-button-pix-bg-color-hover: var(--btn-active-color);
  --halo-comment-widget-component-pagination-button-pix-bg-color-active: #f2e4eb;
  --halo-comment-widget-component-pagination-button-pix-border-color-active: #856b7d;
  --halo-comment-widget-component-btn-active-color: #87536f;
  --halo-comment-widget-parents_at-color: #87536f;
}

h1 {
  text-align: center;
}

:not(pre) > code[class*='language-'],
pre[class*='language-'] {
  background-color: var(--code-bg-color) !important;
}

code[class*='language-'],
pre[class*='language-'] {
  font-size: 0.875rem !important;
}

pre {
  border: none;
  border-radius: 7px;
}

.single-content h1:after {
  content: '';
  display: block;
  margin: 0.2rem auto 0;
  width: 6rem;
  height: 9px;
  background: radial-gradient(circle, var(--sakura-gold-detail) 0 2px, transparent 3px) center / 9px 9px no-repeat;
}

.single-content :is(h1, h2, h3, h4, h5, h6) {
  color: var(--title-color);
}

.single-content h2 {
  padding-left: 0.4em;
  border-left: 0.25em solid var(--title-color);
  border-bottom: 1px solid var(--border-color);
}

.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover,
.footer_nav_box ul li a:hover,
.copyright a,
a.mo_link,
.show-more-btn,
.page_content .entry-header i,
.link_group .item:hover .name a,
a.comment-reply-link:hover,
.s_set_box a.active,
.search_box .s_set_box a:hover,
.ad_info a:hover,
.audio_choose li.uk-active a,
.video_choose li.uk-active a,
.posts_show_widget .no_img li a:before,
.posts_mu_list li:hover div,
.posts_mu_list li:hover a,
.posts_mu_list li.active,
.posts_mu_list li.active .s_play_btn,
.pl_btn a i:hover {
  color: var(--hilight-color);
}

input#img_link_up:focus,
.top_tool input.s_input:focus,
#t_commentform:focus-within,
#commentform:focus-within,
.vi_reply_item .target_comment,
#comment-author-info input:focus,
.field input:focus,
#login_form_box input#username:focus,
#login_form_box input#password:focus,
.s_set_box a.active,
.search_box input.s_input:focus,
.edit_card_box .edit_content input:focus,
.audio_choose li.uk-active a,
.video_choose li.uk-active a {
  border-color: var(--hilight-color);
}

body {
  background-color: var(--body-bg-color);
  color: var(--dark-color);
  isolation: isolate;
}

/* A single viewport-sized scene avoids repainting a fixed body background. */
body > .pix-scene {
  display: block;
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color: var(--body-bg-color);
  background-image: url(../img/senbonzakura-background.png), var(--dark-body-gay-bg);
  background-position: right center, center;
  background-size: auto 100%, cover;
  background-repeat: no-repeat;
  contain: strict;
  transform: translateZ(0);
}

.up_from_media a,
.up_from_cdn a {
  background: var(--body-bg-color);
}

.push_close,
.attch_nav a i,
a.img_link_cancel {
  background: var(--box-light);
}

.unread_box .vi_reply_item {
  background: #f3e7ed;
}

a.img_link_btn,
a.img_link_cancel,
#post_pager a:hover,
a.go_top {
  color: #fff;
}

.blog_list_inner,
.normal_list_inner,
.single_wrap,
#t_commentform,
textarea#comment,
.field textarea,
.single_content,
.page_content,
.page_wrap,
#commentform,
.top_bar,
.archive_main,
.page_main,
.posts_mu_list {
  background: var(--withe-bg-color);
}

.left_nav_inner,
#commentform textarea#comment,
.top_tool input.s_input:focus,
.post_control_list,
.right_admin_tool,
.sidebar_right,
.posts_mu_list li:nth-of-type(odd) {
  background: var(--light-bg-color);
}

.single_wrap .comments-area,
.page_content .comments-area,
.topic_comments_wrap,
.column_inner {
  background: #fcf7f9;
}

.left_menu_box li[class*='current-'] a,
.left_menu_box li[class*='current-'] a:hover,
input#push_comment,
input.submit_button {
  background: var(--linear-color);
  color: var(--light-bg-color);
}

.main_wrap,
.top_ava img,
.widget_tag_cloud a {
  box-shadow: var(--shadow-bg);
}

.moment_cat_nav ul li a.active,
.posts_cat_nav ul li a.active,
.photos_cat_nav ul li a.active,
#t_pagination a,
#pagination a,
#p_pagination a,
.up_cat_btn,
a.set_local_btn,
.push_item,
a.img_link_btn,
.commentnav span.page-numbers.current,
::-webkit-scrollbar-thumb,
#post_pager a:hover,
a.go_top,
.edit_card_box .edit_content a.push_card,
a.play_btn,
.post_control_list a:hover,
.top_set_box a.active,
.vo_size {
  background-color: var(--btn-active-color);
}

.moment_cat_nav ul li a:hover,
.posts_cat_nav ul li a:hover,
.photos_cat_nav ul li a:hover {
  background-color: var(--btn-active-color);
  color: #fff;
}

a.set_local_btn,
.top_set_box a.active,
.top_set_box a.active:hover {
  color: #fff;
}

.left_menu_box ul li a,
.link_group .item:hover {
  transition: all 0.5s  ease-in-out;
}

.left_menu_box ul li a:hover,
.link_group .item:hover {
  box-shadow: var(--big-shadow);
  background: var(--btn-light-color);
  color: var(--hilight-color);
  transition: all 0.5s ease-in-out;
}

.moment_cat_nav ul li a,
.posts_cat_nav ul li a,
.photos_cat_nav ul li a,
.cancel-comment-reply a,
.commentnav a,
#post_pager a {
  background: var(--btn-light-color);
  color: var(--light-text-color);
}

textarea#comment,
.field textarea,
.tool_box,
.smile_show,
.form_footer,
.set_cat,
#commentform textarea#comment,
.p_item,
.moment_cat_nav,
.posts_cat_nav,
.photos_cat_nav {
  border-color: var(--border-color);
}

.left_menu_box ul,
.widget_inner .widget {
  border-color: #ead9e3;
}

.list_user_meta .name,
.comment-list p.nodata,
.t_cat_box li,
.show_cdn_media span,
.vi_reply_item .name span,
.vi_reply_item .meta a,
.msg_log,
.links_count,
.link_cat_name,
#post_pager .c_paged,
.p_title a,
.avatar_title a,
.ad_info p,
.ad_info a,
.top_set_box a {
  color: var(--heave-text-color);
}

.user_pannel .inner a {
  background: var(--btn-light-color);
  color: var(--light-text-color);
}

.user_pannel .inner a:hover {
  background: var(--btn-active-color);
}

.t_dark a i,
.top_tool i,
.normal_content .post_footer_meta span.comnum i,
.normal_card_content .post_footer_meta span.comnum i,
.normal_grid_content .post_footer_meta span.comnum i,
a.up_like i,
.footer_nav_box ul li a,
a.music_btn,
.post_footer_meta span i,
.comment_smile_box a i,
a.bg_music i,
a.bg_lrc i,
.top_s_box form i,
.pix_widget_tongji ul li small,
.posts_mu_list .s_play_btn {
  color: var(--icon-color);
}

.entry-footer,
.t_cat_box li,
input#set_local,
.show_media_box,
.show_cdn_media,
.single_content .comments-area {
  background: var(--light-bg-color);
}

.bottom_tool .inner,
.links_page .link_group .item,
.link_group .item {
  background: var(--box-bg);
}

#topic_content {
  background: #fbf3f6;
  border: 1px solid #d8b7c8;
}

.normal_cat,
.de_cat {
  background: var(--dark-color);
}

.normal_content .entry_meta,
.normal_card_content .entry_meta,
.normal_grid_content .entry_meta,
a.beian,
footer#colophon,
.page_content .entry-header .right time,
a.comment-reply-link,
.ad_info .name,
.set_text,
.widget_tag_cloud a,
.cst_widget_comment ul li .right .meta,
.posts_show_widget ul li .meta,
.pix_widget_tongji ul li span,
.pl_btn a i {
  color: var(--light-text-color);
}

.normal_content .entry-title a,
.normal_grid_content .entry-title a {
  color: var(--dark-color);
}

a.up_like.done i {
  color: #b84e7e;
}

.show-more-btn:hover {
  color: #6d3d58;
}

.smile_box i,
.simi i,
.t_cat i,
.loca i,
.post-categories a {
  background: var(--box-bg);
  color: var(--box-light);
}

#topic_content:focus {
  box-shadow: 0 0 0 0.12rem rgb(216 153 181 / 45%);
}

.up_img_btn i {
  color: var(--box-light);
}

.t_cat_box li span {
  color: var(--heave-text-color) !important;
}

.form_footer .admin_tool a {
  display: none;
}

.top_bar.uk-sticky-fixed.uk-active {
  background: rgb(252 246 248 / 92%);
}

#comment-author-info input,
.field textarea,
.field input,
#login_form_box input#username,
#login_form_box input#password {
  border-color: #e3ccd8;
  background: var(--light-bg-color);
}

.post_footer_meta span.sticky_icon {
  background: #a44f77;
}

.pix_player {
  background: rgb(247 237 242 / 92%);
}

.moment_type_btn i,
.smile_box i,
.simi i,
.t_cat i,
.loca i {
  color: #58878b;
  background: transparent;
}

.loacl_audio input,
.netease_audio input,
.tencent_audio input,
.kugou_audio input,
.kuwo_audio input,
.edit_card_box .edit_content input,
.local_video,
input#moment_video_bili {
  background: #f7eff3;
}

.loacl_audio .audio_right input,
input#moment_video_url {
  background: #e8f1f0;
}

.moment_card_item a {
  background: #f3e7ed;
}

.moment_card_item.loop_card_item a:hover {
  box-shadow: 0px 8px 13px 0px rgb(225 193 207 / 45%);
}

.top_s_box input.s_input {
  background: rgb(242 228 235 / 70%);
}

.widget_tag_cloud a,
.cst_widget_comment ul li .right .body {
  background: #f2e4eb;
}

.pix_widget_tongji ul li {
  background: linear-gradient(90deg, #f2e4eb, #a66e8900);
  box-shadow: 0px 8px 9px 0px rgb(225 193 207 / 30%);
}

.t_dark a,
a.bg_music,
a.bg_lrc {
  background: #d3e5e4;
}

.single_footer_box {
  background: linear-gradient(90deg, #f5e7ee, #a66e8900);
}

.footer_main .inner {
  background: #fbf3f6;
}

.sf_item a {
  color: #856b7d;
}

a.m_play i,
a.m_play i:hover {
  color: var(--hilight-color);
}

.player_dot {
  border-color: var(--hilight-color);
}

.intro {
  margin: 10px 40px;
  padding: 10px 10px;
  background: var(--btn-light-color);
  color: #794661;
  border-radius: 10px;
  font-size: 0.9em;
}
/* Carry the illustration palette into the night-mode surfaces and widgets. */
html.dark {
  --btn-active-color: #c79ab1;
  --btn-text-color: #493745;
  --sakura-gold-detail: #dec596;
  --body-bg-color: #211923;
  --dark-body-gay-bg: linear-gradient(117deg, #211923, #203034);
  --dark-bg: #281e2b;
  --dark-medium-bg: #302533;
  --dark-light-bg: #49374a;
  --dark-border: #4b394a;
  --dark-ac-btn: var(--btn-active-color);
  --dark-icon: #c2a0b5;
  --normal-btn: #49374a;
  --btn-normal: #382b3b;
  --light-color: #f3e6ee;
  --text-color: #cfbaca;
  --text-light: #b59aaa;
  --pix-background: #382b3b;
  --pix-theme: var(--sakura-pink);
  --hilight-color: #e6abc6;
  --title-color: #e6abc6;
  --dark-color: #f3e6ee;
  --light-text-color: #c2a0b5;
  --heave-text-color: #e5ccd9;
  --icon-color: #a2cbca;
  --code-bg-color: #382b3b;
  --halo-search-widget-primary-color: #e6abc6;
  --halo-comment-widget-component-form-button-submit-pix-bg-color: var(--btn-active-color);
  --halo-comment-widget-component-form-button-submit-pix-color: var(--btn-text-color);
  --halo-comment-widget-component-pagination-button-pix-bg-color-hover: var(--btn-active-color);
  --halo-comment-widget-component-pagination-button-pix-bg-color-active: #49374a;
  --halo-comment-widget-component-pagination-button-pix-border-color-active: #d899b5;
  --halo-comment-widget-component-btn-active-color: #e6abc6;
  --halo-comment-widget-parents_at-color: #a2cbca;
}

::selection {
  background: #e8bdd1;
  color: #493745;
}

#nprogress .bar,
.player_bar .progress {
  background: linear-gradient(90deg, var(--pix-theme), var(--sakura-teal));
}

.single-content blockquote,
.entry-content blockquote {
  background: var(--light-bg-color);
  border-color: var(--border-color);
  border-left: 3px solid var(--sakura-pink);
}

html.dark .pix_player,
html.dark .top_bar.uk-sticky-fixed.uk-active {
  background: rgb(48 37 51 / 94%);
}

html.dark .single_footer_box,
html.dark .pix_widget_tongji ul li {
  background: linear-gradient(90deg, #382b3b, transparent);
}

html.dark .intro {
  background: #382b3b;
  color: var(--light-color);
}

@media (max-width: 768px) {
  body > .pix-scene {
    background-size: auto 100svh, cover;
  }
}

html.dark .single-content blockquote,
html.dark .entry-content blockquote {
  background: var(--dark-bg);
  border-color: var(--dark-border);
  border-left-color: var(--sakura-pink);
}

html.dark .single-content pre,
html.dark .single-content code {
  color: var(--light-color);
}

/* Small gold accents without outlined surfaces. */
.intro::before {
  content: '';
  display: inline-block;
  width: 0.45em;
  height: 0.45em;
  margin: 0 0.7em 0 0.15em;
  background: var(--sakura-gold-detail);
  transform: rotate(45deg);
  vertical-align: 0.1em;
  pointer-events: none;
}

/* Pale plum buttons use dark text to preserve contrast in both color modes. */
html:root .left_menu_box li[class*='current-'] a,
html:root .moment_cat_nav ul li a:is(.active, :hover),
html:root .posts_cat_nav ul li a:is(.active, :hover),
html:root .photos_cat_nav ul li a:is(.active, :hover),
html:root #pagination a,
html:root #t_pagination a,
html:root #p_pagination a,
html:root .arc_pagenav a,
html:root input#push_comment,
html:root input.submit_button,
html:root .up_cat_btn,
html:root a.set_local_btn,
html:root .push_item,
html:root a.img_link_btn,
html:root .commentnav span.page-numbers.current,
html:root #post_pager a:hover,
html:root a.go_top,
html:root .edit_card_box .edit_content a.push_card,
html:root a.play_btn,
html:root .post_control_list a:hover,
html:root .top_set_box a.active,
html:root .user_pannel .inner a:hover,
html:root .footer_menu .inner .center .mobile_edit {
  background: var(--btn-active-color);
  color: var(--btn-text-color);
}