body {
    background-image: url("/static/image/frame.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 70%;
}

/* 图片大小自适应 */
img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

/* bootstrap布局间分隔 */
.row > [class*="col-"] {
    padding: 1.5rem;
}

/* 首页上方内容 */
#upper-container {
    position: relative;
    background-color: #FFF7F4;
    mask-image: linear-gradient(to bottom, rgb(0 0 0), rgb(0 0 0), rgb(0 0 0), rgba(0, 0, 0, 0));
    -webkit-mask-image: linear-gradient(to bottom, rgb(0 0 0), rgb(0 0 0), rgb(0 0 0), rgba(0, 0, 0, 0));
}

/* 移动端使用的图片 */
#mobile-upper > img {
    width: 100%;
}

/* 左图 */
#upper-img-left {
    /* 这个元素不适用absolute定位 确保父元素可以撑开而不会坍塌 */
    left: 0;
    top: 50px;
}

/* 口号 */
#nb{
    background: linear-gradient(270.26deg, rgba(165, 40, 0, 0.5) -1.05%, rgba(255, 237, 189, 0.5) 100%), linear-gradient(180deg, #FF4200 2.32%, #FB7E52 54.3%, #F5DFD8 97.36%, rgba(255, 204, 185, 0.07) 97.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: xxx-large;
    font-weight: bold;
}
/* 宣传文字 */
.upper-words {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 宣传文字高亮加粗 */
obig {
    font-size: 1.5rem;
    margin: 0.5rem;
    color: #e4541b
}

/* 宣传文字高亮 */
osmall {
    color: #e4541b
}

/* 右侧插画 */
#upper-img-chahua {
    position: absolute;
    right: 0;
}

/* 右图 */
#upper-img-right {
    position: absolute;
    right: 0;
}

/* 搜索框 */
#search-input {
    /*background-color: #FFF7F4;*/
}

/* 搜索图标 */
#search-img {
    margin-right: 1rem;
}

/* 搜索按钮 */
#search-btn {
    color: white;
    background-color: #F75A23;
    cursor: pointer;
}

/* 热搜词容器 */
#rcs-container {
    display: flex;
    flex-direction: column;
}

/* 热搜词行 */
.rcs-row {
    margin-top: 1rem;
    display: inline-flex;
}

/* 热搜词内容间距 */
.rcs-row > div {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: 1rem;
}

/* 热搜词序号 */
.rsc-num {
    height: 1.5rem;
    color: white;
    font-weight: 700;
    border-radius: 3px;
    transform: skewX(-10deg);
}

/* 热搜词文字 */
.rsc-word {
    cursor: pointer;
}

/* 热搜词前三颜色 */
.rcs-row:nth-child(-n+3) > .rsc-word {
    color: #F75A23;
}

/* 热搜词前三序号背景 */
.rcs-row:nth-child(-n+3) > .rsc-num {
    background: linear-gradient(90deg, #F75A23 30%, #FF923E 90%);
}

/* 热搜词第四之后序号背景 */
.rcs-row:nth-child(n+4) > .rsc-num {
    background: #BDBDBD;
}

/* 热搜词前三序号小火苗 */
.rcs-row:nth-child(-n+3)::before {
    position: absolute;
    z-index: 1;
    margin-top: -0.25rem;
    transform: scale(1.2);
    content: url(/static/image/fire.svg);
}