html,
body {
    
    --bs-body-bg: #ffffff;                
    --bs-body-color: #8a6a82;              
    --bs-body-font-size: 1rem;             
    --bs-body-font-family: "幼圆", "YouYuan", "Microsoft YaHei", sans-serif;
    --bs-secondary-color: #c9a2b4;         

    
    --bs-border-color: #ffe0ee;
    --bs-border-color-translucent: #ffe0ee;
    --bs-primary: #df5e5e;
    --bs-primary-rgb: 223, 94, 94;         
    --bs-link-color: #df5e5e;
    --bs-link-color-rgb: 223, 94, 94;
    --bs-link-hover-color: #ba4363;
    --bs-link-hover-color-rgb: 186, 67, 99;

    
    --bs-emphasis-color: #5c4350;          
    --bs-emphasis-color-rgb: 92, 67, 80;
    --bs-box-shadow: 0 14px 30px rgba(200, 140, 180, .25);   
    --bs-box-shadow-sm: 0 4px 10px rgba(200, 140, 180, .22); 
    --bs-btn-focus-shadow-rgb: 223, 94, 94;                  

    
    --weui-BRAND: #df5e5e;
    --weui-BTN-ACTIVE-MASK: rgba(223, 94, 94, .28);
    --weui-BG-2: #fffdfc;                  
    --weui-FG-0: #5c4350;
    --weui-FG-1: #8a6a82;
    --weui-FG-2: #ba4363;
    --weui-FG-3: #ffe0ee;                  
    --weui-FG-4: #c9a2b4;
    --weui-FG-5: #fbe9f0;

    
    --el-color-primary: #df5e5e;
    --el-color-primary-rgb: 223, 94, 94;
    --el-color-primary-light-3: rgb(232.6, 142.3, 142.3);
    --el-color-primary-light-5: rgb(239, 174.5, 174.5);
    --el-color-primary-light-7: rgb(245.4, 206.7, 206.7);
    --el-color-primary-light-8: rgb(248.6, 222.8, 222.8);
    --el-color-primary-light-9: rgb(251.8, 238.9, 238.9);
    --el-color-primary-dark-2: rgb(178.4, 75.2, 75.2);
    --el-text-color-primary: #5c4350;      
    --el-text-color-regular: #8a6a82;
    --el-text-color-placeholder: #c9a2b4;  
    --el-border-color: #ffe0ee;
    --el-border-color-light: #ffe0ee;
    --el-fill-color-blank: #fffdfc;        
    --el-fill-color: #fbe9f0;
    --el-border-radius-base: 6px;          
}

.card {
    --bs-card-bg: #fffdfc;
    --bs-card-color: #8a6a82;
    --bs-card-border-width: 2px;
    --bs-card-border-color: #ffe0ee;
    --bs-card-border-radius: 19px;
    
    --bs-card-inner-border-radius: 17px;
    --bs-card-spacer-y: 12px;
    --bs-card-spacer-x: 24px;
    --bs-card-cap-bg: #df5e5e;             
    --bs-card-cap-color: #fff;
    --bs-card-cap-padding-y: 0;
    --bs-card-cap-padding-x: 0;
}

.card form .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 30px;
    --bs-btn-font-size: 15px;
    --bs-btn-font-weight: 800;
    --bs-btn-border-width: 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #df5e5e;
    --bs-btn-border-color: #ba4363;
    --bs-btn-border-radius: 999px;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #df5e5e;
    --bs-btn-hover-border-color: #ba4363;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #df5e5e;
    --bs-btn-active-border-color: #ba4363;
}

.card .btn-link {
    --bs-btn-color: #df5e5e;
    --bs-btn-hover-color: #ba4363;
    --bs-btn-active-color: #ba4363;
    --bs-btn-border-width: 0;
    --bs-btn-border-radius: 0;
    --bs-btn-padding-y: 0;
    --bs-btn-padding-x: 0;
    --bs-btn-font-size: 13px;
    --bs-btn-font-weight: 700;
    --bs-btn-focus-shadow-rgb: 223, 94, 94;
}

.el-anchor {
    --el-anchor-bg-color: transparent;     
    --el-anchor-padding-indent: 16px;      
    --el-anchor-font-size: 13px;           
    --el-anchor-line-height: 24px;         
}

body {
    margin: 0;                            
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    background-color: var(--bs-body-bg);
}

.weui-media-box + .weui-media-box {
    margin-top: 70px;
}

body {
    background-color: #fdeef4;
    background-image:
        linear-gradient(#f2b8d0 1px, transparent 1px),
        linear-gradient(90deg, #f2b8d0 1px, transparent 1px);
    background-size: 24px 24px;
}
.news {
    background: transparent;
}

.other {
    background: transparent;
}

.menu ul {
    display: flex;
}
.menu li {
    width: auto;
    flex: 1;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.footer {
    margin-top: auto;
    height: auto;
    min-height: 80px;
    line-height: 1.7;
    padding: 16px 12px;
}
.footer .beian {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.9;
}
.footer .beian a {
    color: #ffffff;
    text-decoration: underline;
    margin: 0 8px;
    white-space: nowrap;
    display: inline-block;
}
.news_left,
.news_right {
    position: relative;
}
.news .polaroid {
    margin: 0;
}

.rs h2,
.rs h3 {
    color: #ba4363;
    margin: 0 0 .25rem;
}
.rs h3 {
    margin-top: 1.5rem;
}

.rs .note-torn {
    margin-top: 14px;
    line-height: 1.6em;
}
.rs .note-torn p {
    margin: 0;
    color: #8a6a82;
}

.row > *:nth-child(odd) .polaroid {
    transform: rotate(-3.5deg);
}
.row > *:nth-child(even) .polaroid {
    transform: rotate(2.5deg);
}
.polaroid .tape {
    left: 50%;
    top: 0;
    width: 40%;
    height: auto;
    aspect-ratio: 80 / 26;
}

.row > *:nth-child(4n+1) .polaroid .tape { transform: translate(-50%, -50%) rotate(-14deg); }
.row > *:nth-child(4n+2) .polaroid .tape { transform: translate(-50%, -50%) rotate(9deg); }
.row > *:nth-child(4n+3) .polaroid .tape { transform: translate(-50%, -50%) rotate(-6deg); }
.row > *:nth-child(4n)   .polaroid .tape { transform: translate(-50%, -50%) rotate(16deg); }
.polaroid .cap {
    font-family: inherit;
    font-size: 13px;
    line-height: 1.4;
    margin-top: 6px;
}
.tape {
    opacity: .6;
}

.weui-media-box {
    padding: 0;
    max-width: 760px;
}
.row.mx-auto {
    max-width: 760px;
}
.weui-media-box__thumb {
    border: 3px solid #fff;
    background: var(--weui-BG-2);
}
.paper-torn hr {
    border: 0;
    border-top: 1.5px dashed #ecc9d1;
    margin: 11px 0;
}
.weui-media-box__desc {
    font-size: 15px;
    line-height: 24px;
    color: #8a6f7e;      
    margin: 0;
    text-indent: 2em;
}

.paper-torn {
    padding: 22px 26px;
    font-size: 15px;
    line-height: 1.6em;
}

.d-flex > .card {
    width: 340px;
    max-width: 100%;
}
.card-header {
    --bs-card-border-width: 0;   
    height: 44px;
    font-weight: 800;
    letter-spacing: 2px;
}
.card-body {
    padding-bottom: 28px;
}
.card .form-control {
    height: 38px;
    padding: 0 12px;
    font-size: 14px;
}
.card .form-control:focus {
    border-color: #f0a8bd;
    box-shadow: 0 0 0 .2rem rgba(223, 94, 94, .18);
}
.card .btn-link {
    display: block;
    margin: 14px 0 0;
}
.card .btn-link:hover,
.card .btn-link:focus-visible {
    text-decoration: underline;
}
.card form .btn {
    margin-top: 6px;
    letter-spacing: 3px;
    box-shadow: 0 .55em 0 0 #ffd9e3;
}
.card form .btn:hover,
.card form .btn:focus-visible {
    filter: brightness(1.06);
}
.card form .btn:active {
    transform: translateY(.4em);
    box-shadow: 0 .15em 0 0 #ffd9e3;
}

.weui-media-box__bd .weui-cell__bd p {
    margin: 4px 0 0;
    color: #8a6f7e;
    font-size: 15px;
    line-height: 24px;
}

.weui-cells {
    border: 1px solid #ba4363;
}

.el-anchor.el-anchor--vertical.el-anchor--underline:before {
    background-color: #f0a8bd;
}
.el-anchor__link.active {
    color: var(--el-anchor-active-color);
}

body {
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
}
input,
textarea,
[contenteditable] {
    cursor: text;
    user-select: text;
    -webkit-user-select: text;
}

img {
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
}

.weui-media-box__hd {
    position: relative;
}
.weui-media-box__hd::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
}
@media (max-width: 991.98px) {
    #tl-dates .el-anchor__line,
    #tl-dates .el-anchor__ink {
        display: none;
    }
    #tl-dates .el-anchor__list {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        gap: 8px;
        padding: 6px 2px 10px;
        -webkit-overflow-scrolling: touch;
    }
    #tl-dates .el-anchor__item {
        flex: 0 0 auto;
        padding: 0;
    }
    #tl-dates .el-anchor__link {
        display: inline-block;
        white-space: nowrap;
        padding: 6px 14px;
        border: 1px solid #f0b8c8;
        border-radius: 999px;
        background: #fffdfc;
        color: #ba4363;
        font-size: 14px;
    }
    #tl-dates .sticky-top,
    .sticky-top {
        background: #fdeef4;
        padding-top: 6px;
    }
}

@media (max-width: 991.98px) {
    .tl-col {
        order: -1;
    }
}

@media (max-width: 767.98px) {
    .news_left,
    .news_right {
        float: none;
        width: 100%;
    }
    .news_right {
        padding-left: 0;
    }
}
