body {
    margin-bottom: 60px;
}

/*包括顶部展示框和计时卡片*/

/* 为了在默认 _Layout 的 container 里也能全屏铺满 */
.banner {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    height: 200px;
    background: url("https://liangshi-studio-1383982531.cos.ap-chengdu.myqcloud.com/images/BackImage.png") center repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: relative;
}

.banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.15);
}

.text {
    position: relative;
    z-index: 1;
}

    .text h1 {
        font-size: 3rem;
        margin: 0 0 8px;
        letter-spacing: 5px;
    }

    .text p {
        font-size: 1.2rem;
        margin: 0;
        font-style: italic;
    }


@media (max-width:600px) {
    .banner {
        height: 150px;
    }

    .text h1 {
        font-size: 2rem;
    }

    .text p {
        font-size: 1rem;
    }
}

.lovedTime {
    position: fixed;
    top: 15px;
    right: 20px;
    background: rgba(204,204,255,0.1);
    backdrop-filter: blur(1px);
    border: 1px solid rgba(255,112,0,0.3);
    border-radius: 10px;
    padding: 12px 18px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    font-family: "Segoe UI",sans-serif;
    text-align: center;
    z-index: 999;
}

.label {
    font-size: 12px;
    color: #555;
    margin-bottom: 4px;
}

.time {
    font-size: 18px;
    font-weight: bold;
    color: #ff6f00;
}


.cards_wrap {
    margin-top: 22px;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    padding: 0 12px;
}
/* 单张卡片 */
.person_card {
    width: 360px;
    border-radius: 16px;
    background: rgba(255,255,255,0.3);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 6px 18px rgba(0,0,0,0.10);
    overflow: hidden;
}
/* 卡片头部 */
.card_header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

.avatar {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(0,0,0,0.12);
}

.name {
    font-size: 18px;
    font-weight: 700;
    color: #222;
}

/* 中间字段：人物介绍（居中显示） */
.card_body {
    padding: 18px 16px 20px;
    min-height: 110px; /* 两张卡片高度更整齐，可按需改 */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.bio {
    font-size: 14px;
    line-height: 1.7;
    color: #444;
}

@media (max-width: 820px) {
    .person_card {
        width: min(92vw, 420px);
    }
}


html {
    font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}


.addlog {
    margin-top: 16px;
    text-align: left;
}

.addlog-row {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 12px;
}

.addlog-title {
    width: 120px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 10px;
    background: #fff;
}

.addlog-input {
    flex: 1;
    min-height: 60px;
    padding: 8px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 8px;
    font-family: inherit;
}

.addlog-ok, .btn-del {
    width: 70px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.2);
    background: #fff;
    cursor: pointer;
}

.devlog-table {
    width: 100%;
    border-collapse: collapse;
}

    .devlog-table td {
        border: 1px solid rgba(0,0,0,.12);
        padding: 10px;
        vertical-align: top;
    }

.log-date {
    width: 140px;
    white-space: nowrap;
    font-weight: 600;
    color: #555;
}

.log-actions {
    width: 90px;
}