
body {
    background-color: #F8F8F8;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
.custom-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.75rem;
    padding-top: var(--status-bar-height);
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    box-sizing: border-box;
    z-index: 100;
}
.header-placeholder {
    height: calc(2.75rem + var(--status-bar-height));
}
.back-icon {
    width: 1.25rem;
    height: 1.25rem;
}
.header-title {
    font-size: 1rem; /* 16pt based on design req, though previous pages used 14pt (28rpx). Sticking to consistency with previous pages might be better but user requested specifically for this task based on screenshot which looks a bit large. Let's stick to 32rpx for title as requested earlier for uniformity */
    font-weight: bold;
    color: #333;
}
.header-right {
    width: 1.25rem;
}
.container {
    padding: 0.625rem 0.9375rem;
}
.group-card {
    background-color: #fff;
    border-radius: 0.625rem;
    padding: 0 0.9375rem;
    margin-bottom: 0.625rem;
}
.list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3.125rem;
    border-bottom: 1px solid #F5F5F5;
}
.list-item.no-border {
    border-bottom: none;
}
.item-title {
    font-size: 0.875rem;
    color: #333;
}
.tips-text {
    font-size: 0.75rem;
    color: #999;
    padding-left: 0.3125rem;
}
