/*
Theme Name: iFalse_Dev
Theme URI: https://ifalse.onll.cn
Author: 神秘布偶猫
Author URI: https://ifalse.onll.cn
Description: 一款界面清新、轻松上手的WordPress主题！
Version: 1.5.0
Tags: iFalse主题
*/

:root {
    --theme: #8183ff;
    --theme-sub: #a1a1f7;
    --theme-1: #8183ff1a;
    --theme-2: #8183ff33;
    --theme-3: #8183ff4d;
    --notice: #8183ff26;
    --bgc-0: #ffffff00;
    --text-keep: #f5f5f5;
    --radius: 6px;
    --radius-sub: 4px;
    --tr3: all .3s;
    --tr6: all .6s cubic-bezier(.28,.9,.34,.99);
}
[data-color-mode=light] {
    --text: #3c3c3c;
    --text-sub: #4e5358;
    --text-info: #999999;
    --border: #eeeeee;
    --bgc: #ffffff;
    --bgc-sub: #f5f5f5;
    --bgc-blur: rgba(255 255 255 / .8);
    --box: 0 0 10px rgba(28 31 35 / 10%);
    --box-s: 0 2px 8px rgb(28 31 35 / 3%), 0 16px 48px 8px rgb(28 31 35 / 8%);
    --mask-3: #0000004d;
    --mask-5: #00000080;
}
[data-color-mode=night] {
    --text: #f5f5f5;
    --text-sub: #eeeeee;
    --text-info: #999999;
    --border: #3c3c3c;
    --bgc: #292A2D;
    --bgc-sub: #34363a;
    --bgc-blur: rgba(55, 56, 58, 0.8);
    --box: 0 0 10px rgba(28 31 35 / 40%);
    --box-s: 0 0 20px rgba(28 31 35 / 50%);
    --mask-3: #0000004d;
    --mask-5: #00000080;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color:rgba(0 0 0 / 0) ;
}
html, body {
    height: 100%;
}
html {
    scroll-padding-top: 70px;
    scroll-behavior: smooth;
}
body {
    background-color: var(--bgc);
    transition: var(--tr3);
}
section {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
li {
    list-style: none;
}
a {
    color: var(--text);
    text-decoration: none;
    transition: var(--tr3);
}
a:hover {
    color: var(--theme);
}
img {
    object-fit: cover;
}
.container-small {
    width: 680px;
    margin: 0 auto;
}
.container {
    width: 1200px;
    margin: 0 auto;
}
.container-full {
    width: 100%;
    padding: 0 30px;
}

/* selection */
::selection{
    background-color: var(--theme-2);
}
::-webkit-selection{
    background-color: var(--theme-2);
}
::-moz-selection{
    background-color: var(--theme-2); 
}

/* scrollbar */
body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
body::-webkit-scrollbar-thumb {
    background-color: var(--theme);
    /* border-radius: var(--radius); */
}