/* _content/LogisticsInquirySystem/Components/Account/Pages/Login.razor.rz.scp.css */
.auth-wrapper[b-er9rzqq99s] { display:flex; align-items:center; justify-content:center; min-height: calc(100vh - 120px); padding: 24px 0; }
.auth-card[b-er9rzqq99s] { width: min(520px, 92%); background: rgba(255,255,255,0.03); border: 1px solid var(--border); border-radius: 12px; padding: 22px 18px; color: var(--fg); }
.auth-title[b-er9rzqq99s] { font-size: 1.5rem; margin: 6px 8px 14px; font-weight: 700; }
.aux-links[b-er9rzqq99s] { text-align: center; font-size: .95rem; margin-top: 8px; }
.toggle-visibility[b-er9rzqq99s] { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); border: none; background: transparent; color: var(--fg); opacity: .7; cursor: pointer; }
.form-floating[b-er9rzqq99s] { position: relative; }

/* 错误提示样式增强 */
[b-er9rzqq99s] .alert-danger {
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.5);
    color: #dc3545;
    border-radius: 8px;
    animation: shake-b-er9rzqq99s 0.3s ease-in-out;
}

@keyframes shake-b-er9rzqq99s {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

/* _content/LogisticsInquirySystem/Components/Account/Pages/Manage/Index.razor.rz.scp.css */
/* 账户管理容器 */
.account-manage-container[b-3irt0l55t8] {
    max-width: 1400px;
    margin: 0;
    padding: 2rem 2rem;
}

/* 页面标题 */
.page-header[b-3irt0l55t8] {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e9ecef;
}

.page-title[b-3irt0l55t8] {
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-title .icon[b-3irt0l55t8] {
    font-size: 2rem;
}

.page-subtitle[b-3irt0l55t8] {
    color: #6c757d;
    font-size: 1rem;
    margin: 0;
}

/* 加载状态 */
.loading-container[b-3irt0l55t8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

/* 概览卡片 */
.overview-cards[b-3irt0l55t8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.info-card[b-3irt0l55t8] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.info-card:hover[b-3irt0l55t8] {
    transform: translateY(-4px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.card-icon[b-3irt0l55t8] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    flex-shrink: 0;
}

.account-icon[b-3irt0l55t8] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.email-icon[b-3irt0l55t8] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.role-icon[b-3irt0l55t8] {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.status-icon[b-3irt0l55t8] {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.card-content[b-3irt0l55t8] {
    flex: 1;
}

.card-label[b-3irt0l55t8] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.card-value[b-3irt0l55t8] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
    word-break: break-word;
}

/* 分组标题 */
.section-header[b-3irt0l55t8] {
    margin: 2.5rem 0 1.5rem;
}

.section-header h4[b-3irt0l55t8] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.section-header .icon[b-3irt0l55t8] {
    font-size: 1.5rem;
}

/* 公司信息卡片 */
.company-section[b-3irt0l55t8] {
    margin-bottom: 2rem;
}

.company-card[b-3irt0l55t8] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    position: relative;
    margin-bottom: 1.5rem;
}

.company-type-badge[b-3irt0l55t8] {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.buyer-badge[b-3irt0l55t8] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.supplier-badge[b-3irt0l55t8] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
}

.approval-status .badge[b-3irt0l55t8] {
    font-size: 0.875rem;
    padding: 0.5rem 0.875rem;
}

.approval-status .icon[b-3irt0l55t8] {
    margin-right: 0.25rem;
}

.info-item[b-3irt0l55t8] {
    margin-bottom: 1.5rem;
}

.info-item label[b-3irt0l55t8] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6c757d;
    margin-bottom: 0.5rem;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-item p[b-3irt0l55t8] {
    font-size: 1rem;
    color: #2c3e50;
    margin: 0;
    padding: 0.5rem 0;
}

/* 类别标签 */
.category-tags[b-3irt0l55t8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem 0;
}

.category-tag[b-3irt0l55t8] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 500;
}

/* 编辑区域 */
.edit-section[b-3irt0l55t8] {
    margin-bottom: 2rem;
}

.edit-card[b-3irt0l55t8] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* 统计卡片 */
.stats-section[b-3irt0l55t8] {
    margin-bottom: 2rem;
}

.stats-cards[b-3irt0l55t8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}

.stat-card[b-3irt0l55t8] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.stat-card:hover[b-3irt0l55t8] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.stat-icon[b-3irt0l55t8] {
    font-size: 2.5rem;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    border-radius: 12px;
}

.stat-content[b-3irt0l55t8] {
    flex: 1;
}

.stat-label[b-3irt0l55t8] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.25rem;
    font-weight: 500;
}

.stat-value[b-3irt0l55t8] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0;
}

/* 表单样式增强 */
.form-label[b-3irt0l55t8] {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.5rem;
}

.form-control[b-3irt0l55t8] {
    border-radius: 8px;
    border: 2px solid #e9ecef;
    padding: 0.75rem 1rem;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-control:focus[b-3irt0l55t8] {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.15);
}

.form-text[b-3irt0l55t8] {
    color: #6c757d;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

/* 按钮样式 */
.btn[b-3irt0l55t8] {
    border-radius: 8px;
    padding: 0.625rem 1.5rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
}

.btn-primary[b-3irt0l55t8] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
}

.btn-primary:hover[b-3irt0l55t8] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.btn-outline-secondary[b-3irt0l55t8] {
    border: 2px solid #e9ecef;
    color: #6c757d;
}

.btn-outline-secondary:hover[b-3irt0l55t8] {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
}

/* 徽章样式 */
.badge[b-3irt0l55t8] {
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.75rem;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .account-manage-container[b-3irt0l55t8] {
        padding: 1rem 0.5rem;
    }

    .page-title[b-3irt0l55t8] {
        font-size: 1.5rem;
    }

    .overview-cards[b-3irt0l55t8] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .company-card[b-3irt0l55t8] {
        padding: 1.5rem;
    }

    .company-type-badge[b-3irt0l55t8] {
        position: static;
        display: inline-block;
        margin-bottom: 1rem;
    }

    .approval-status[b-3irt0l55t8] {
        position: static;
        margin-bottom: 1rem;
    }

    .edit-card[b-3irt0l55t8] {
        padding: 1.5rem;
    }

    .stats-cards[b-3irt0l55t8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .info-card[b-3irt0l55t8] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .card-icon[b-3irt0l55t8] {
        margin-bottom: 0.5rem;
    }
}


/* 资质分类卡片 */
.qualification-category-card[b-3irt0l55t8] {
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    background-color: #f8f9fa;
}

.qualification-list[b-3irt0l55t8] {
    margin-top: 0.75rem;
}

.qualification-item[b-3irt0l55t8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.qualification-type[b-3irt0l55t8] {
    font-size: 0.9rem;
    color: #495057;
}

.qualification-status[b-3irt0l55t8] {
    margin-left: auto;
}
/* _content/LogisticsInquirySystem/Components/Account/Pages/Register.razor.rz.scp.css */
.auth-wrapper[b-rqxjfepvqb] { display:flex; align-items:flex-start; justify-content:center; min-height: calc(100vh - 120px); padding: 24px 0 40px; }
.auth-card[b-rqxjfepvqb] { width: min(680px, 92%); background: rgba(255,255,255,0.03); border: 1px solid var(--border); border-radius: 12px; padding: 22px 18px; color: var(--fg); }
.auth-title[b-rqxjfepvqb] { font-size: 1.5rem; margin: 6px 8px 14px; font-weight: 700; }
.toggle-visibility[b-rqxjfepvqb] { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); border: none; background: transparent; color: var(--fg); opacity: .7; cursor: pointer; }
.form-floating[b-rqxjfepvqb] { position: relative; }

/* 错误提示样式增强 */
[b-rqxjfepvqb] .alert-danger {
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.5);
    color: #dc3545;
    border-radius: 8px;
    animation: shake-b-rqxjfepvqb 0.3s ease-in-out;
}

[b-rqxjfepvqb] .alert-danger strong {
    font-weight: 600;
    font-size: 1rem;
}

[b-rqxjfepvqb] .alert-danger ul {
    list-style-type: disc;
    font-size: 0.95rem;
    line-height: 1.6;
}

[b-rqxjfepvqb] .alert-danger li {
    margin-bottom: 0.25rem;
}

@keyframes shake-b-rqxjfepvqb {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

/* 字段级别的错误提示样式 */
[b-rqxjfepvqb] .validation-message {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}

/* _content/LogisticsInquirySystem/Components/Account/Shared/ManageLayout.razor.rz.scp.css */
/* 管理布局容器 */
.manage-layout-container[b-wvf7tzchzj] {
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

/* 管理页面头部 */
.manage-header[b-wvf7tzchzj] {
    background: white;
    padding: 2rem 0;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.manage-title[b-wvf7tzchzj] {
    font-size: 2.25rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.manage-title .icon[b-wvf7tzchzj] {
    font-size: 2.25rem;
    display: inline-flex;
}

.manage-subtitle[b-wvf7tzchzj] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

/* 管理内容区域 */
.manage-content[b-wvf7tzchzj] {
    padding: 0 0 3rem 0;
}

.content-wrapper[b-wvf7tzchzj] {
    background: transparent;
}

/* 间距调整 */
.row.g-4[b-wvf7tzchzj] {
    gap: 1.5rem;
}

/* 响应式设计 */
@media (max-width: 992px) {
    .manage-header[b-wvf7tzchzj] {
        padding: 1.5rem 0;
        margin-bottom: 1.5rem;
    }

    .manage-title[b-wvf7tzchzj] {
        font-size: 1.875rem;
    }

    .manage-title .icon[b-wvf7tzchzj] {
        font-size: 1.875rem;
    }
}

@media (max-width: 768px) {
    .manage-header[b-wvf7tzchzj] {
        padding: 1.25rem 0;
        margin-bottom: 1rem;
    }

    .manage-title[b-wvf7tzchzj] {
        font-size: 1.5rem;
    }

    .manage-title .icon[b-wvf7tzchzj] {
        font-size: 1.5rem;
    }

    .manage-subtitle[b-wvf7tzchzj] {
        font-size: 0.9375rem;
    }

    .manage-content[b-wvf7tzchzj] {
        padding: 0 0 2rem 0;
    }
}

@media (max-width: 576px) {
    .manage-header[b-wvf7tzchzj] {
        padding: 1rem 0;
        margin-bottom: 1rem;
    }

    .manage-title[b-wvf7tzchzj] {
        font-size: 1.25rem;
        gap: 0.5rem;
    }

    .manage-title .icon[b-wvf7tzchzj] {
        font-size: 1.25rem;
    }

    .manage-subtitle[b-wvf7tzchzj] {
        font-size: 0.875rem;
    }

    .row.g-4[b-wvf7tzchzj] {
        gap: 1rem;
    }
}

/* _content/LogisticsInquirySystem/Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
/* 管理导航菜单容器 */
.manage-nav-menu[b-lnoadq7h15] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    height: fit-content;
    position: sticky;
    top: 1rem;
}

/* 导航分组 */
.nav-section[b-lnoadq7h15] {
    margin-bottom: 1.5rem;
}

.nav-section:last-child[b-lnoadq7h15] {
    margin-bottom: 0;
}

.nav-section-title[b-lnoadq7h15] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-bottom: 2px solid #e9ecef;
}

.nav-section-title .icon[b-lnoadq7h15] {
    font-size: 1rem;
}

/* 导航列表 */
.nav-pills[b-lnoadq7h15] {
    gap: 0.25rem;
}

.nav-item[b-lnoadq7h15] {
    margin-bottom: 0.25rem;
}

/* 导航链接 */
.nav-link[b-lnoadq7h15] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    color: #495057;
    font-weight: 500;
    font-size: 0.9375rem;
    transition: all 0.3s ease;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

.nav-link[b-lnoadq7h15]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

.nav-link:hover[b-lnoadq7h15] {
    background: #f8f9fa;
    color: #667eea;
    transform: translateX(4px);
}

.nav-link.active[b-lnoadq7h15] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    color: #667eea;
    font-weight: 600;
}

.nav-link.active[b-lnoadq7h15]::before {
    transform: scaleY(1);
}

/* 导航图标 */
.nav-icon[b-lnoadq7h15] {
    font-size: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.nav-link:hover .nav-icon[b-lnoadq7h15] {
    transform: scale(1.15);
}

.nav-link.active .nav-icon[b-lnoadq7h15] {
    transform: scale(1.1);
}

/* 导航文字 */
.nav-text[b-lnoadq7h15] {
    flex: 1;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .manage-nav-menu[b-lnoadq7h15] {
        position: static;
        margin-bottom: 2rem;
        padding: 1rem;
    }

    .nav-section[b-lnoadq7h15] {
        margin-bottom: 1rem;
    }

    .nav-link[b-lnoadq7h15] {
        padding: 0.625rem 0.875rem;
        font-size: 0.875rem;
    }

    .nav-icon[b-lnoadq7h15] {
        font-size: 1.125rem;
    }
}

@media (max-width: 576px) {
    .manage-nav-menu[b-lnoadq7h15] {
        border-radius: 8px;
        padding: 0.75rem;
    }

    .nav-section-title[b-lnoadq7h15] {
        font-size: 0.6875rem;
        padding: 0.375rem 0.5rem;
    }

    .nav-link[b-lnoadq7h15] {
        padding: 0.5rem 0.75rem;
        gap: 0.5rem;
    }
}

/* _content/LogisticsInquirySystem/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-yncp2qqht6] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-yncp2qqht6] {
    flex: 1;
}

.sidebar[b-yncp2qqht6] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-yncp2qqht6] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-yncp2qqht6]  a, .top-row[b-yncp2qqht6]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-yncp2qqht6]  a:hover, .top-row[b-yncp2qqht6]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-yncp2qqht6]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-yncp2qqht6] {
        justify-content: space-between;
    }

    .top-row[b-yncp2qqht6]  a, .top-row[b-yncp2qqht6]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-yncp2qqht6] {
        flex-direction: row;
    }

    .sidebar[b-yncp2qqht6] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-yncp2qqht6] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-yncp2qqht6]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-yncp2qqht6], article[b-yncp2qqht6] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-yncp2qqht6] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-yncp2qqht6] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/LogisticsInquirySystem/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-pfhvdocyyb] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.navbar-toggler:checked[b-pfhvdocyyb] {
    background-color: rgba(255, 255, 255, 0.5);
}

.navbar-toggler:hover[b-pfhvdocyyb] {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

.top-row[b-pfhvdocyyb] {
    height: 3.5rem;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.navbar-brand[b-pfhvdocyyb] {
    font-size: 1.2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.navbar-brand:hover[b-pfhvdocyyb] {
    opacity: 0.9;
}

.bi[b-pfhvdocyyb] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.nav-link:hover .bi[b-pfhvdocyyb] {
    transform: scale(1.1);
}

.bi-house-door-fill-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.bi-bell-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-bell' viewBox='0 0 16 16'%3E%3Cpath d='M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z'/%3E%3C/svg%3E");
}

.bi-clipboard-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-clipboard' viewBox='0 0 16 16'%3E%3Cpath d='M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z'/%3E%3Cpath d='M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z'/%3E%3C/svg%3E");
}

.bi-bag-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-bag' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1zm3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4h-3.5zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5z'/%3E%3C/svg%3E");
}

.bi-card-list-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-card-list' viewBox='0 0 16 16'%3E%3Cpath d='M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z'/%3E%3Cpath d='M5 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 8zm0-2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-1-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM4 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-geo-alt-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-geo-alt' viewBox='0 0 16 16'%3E%3Cpath d='M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z'/%3E%3Cpath d='M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3C/svg%3E");
}

.bi-calculator-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calculator' viewBox='0 0 16 16'%3E%3Cpath d='M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h8zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4z'/%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-2zm0 4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-4z'/%3E%3C/svg%3E");
}

.bi-check-circle-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-check-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E");
}

.bi-file-earmark-text-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-file-earmark-text' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z'/%3E%3C/svg%3E");
}

.bi-truck-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-truck' viewBox='0 0 16 16'%3E%3Cpath d='M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5v-7zm1.294 7.456A1.999 1.999 0 0 1 4.732 11h5.536a2.01 2.01 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456zM12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");
}

.bi-tags-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-tags' viewBox='0 0 16 16'%3E%3Cpath d='M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z'/%3E%3Cpath d='M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z'/%3E%3C/svg%3E");
}

.bi-file-earmark-check-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-file-earmark-check' viewBox='0 0 16 16'%3E%3Cpath d='M10.854 7.854a.5.5 0 0 0-.708-.708L7.5 9.793 6.354 8.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z'/%3E%3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z'/%3E%3C/svg%3E");
}

.bi-trophy-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-trophy' viewBox='0 0 16 16'%3E%3Cpath d='M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5c0 .538-.012 1.05-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-1.878 2.777-2.833 3.011v2.173l1.425.356c.194.048.377.135.537.255L13.3 15.1a.5.5 0 0 1-.3.9H3a.5.5 0 0 1-.3-.9l1.838-1.379c.16-.12.343-.207.537-.255L6.5 13.11v-2.173c-.955-.234-2.043-1.146-2.833-3.012a3 3 0 1 1-1.132-5.89A33.076 33.076 0 0 1 2.5.5zm.099 2.54a2 2 0 0 0 .72 3.935c-.333-1.05-.588-2.346-.72-3.935zm10.083 3.935a2 2 0 0 0 .72-3.935c-.133 1.59-.388 2.885-.72 3.935zM3.504 1c.007.517.026 1.006.056 1.469.13 2.028.457 3.546.87 4.667C5.294 9.48 6.484 10 7 10a.5.5 0 0 1 .5.5v2.61a1 1 0 0 1-.757.97l-1.426.356a.5.5 0 0 0-.179.085L4.5 15h7l-.638-.479a.501.501 0 0 0-.18-.085l-1.425-.356a1 1 0 0 1-.757-.97V10.5A.5.5 0 0 1 9 10c.516 0 1.706-.52 2.57-2.864.413-1.12.74-2.64.87-4.667.03-.463.049-.952.056-1.469H3.504z'/%3E%3C/svg%3E");
}

.bi-gear-fill-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-gear-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z'/%3E%3C/svg%3E");
}

.bi-list-ul-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-ul' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
}

.bi-check2-square-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-check2-square' viewBox='0 0 16 16'%3E%3Cpath d='M3 14.5A1.5 1.5 0 0 1 1.5 13V3A1.5 1.5 0 0 1 3 1.5h8a.5.5 0 0 1 0 1H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V8a.5.5 0 0 1 1 0v5a1.5 1.5 0 0 1-1.5 1.5H3z'/%3E%3Cpath d='m8.354 10.354 7-7a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z'/%3E%3C/svg%3E");
}

.bi-receipt-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-receipt' viewBox='0 0 16 16'%3E%3Cpath d='M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .801.13l.5 1A.5.5 0 0 1 15 2v12a.5.5 0 0 1-.053.224l-.5 1a.5.5 0 0 1-.8.13L13 14.707l-.646.647a.5.5 0 0 1-.708 0L11 14.707l-.646.647a.5.5 0 0 1-.708 0L9 14.707l-.646.647a.5.5 0 0 1-.708 0L7 14.707l-.646.647a.5.5 0 0 1-.708 0L5 14.707l-.646.647a.5.5 0 0 1-.708 0L3 14.707l-.646.647a.5.5 0 0 1-.801-.13l-.5-1A.5.5 0 0 1 1 14V2a.5.5 0 0 1 .053-.224l.5-1a.5.5 0 0 1 .367-.27zm.217 1.338L2 2.118v11.764l.137.274.51-.51a.5.5 0 0 1 .707 0l.646.647.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.509.509.137-.274V2.118l-.137-.274-.51.51a.5.5 0 0 1-.707 0L12 1.707l-.646.647a.5.5 0 0 1-.708 0L10 1.707l-.646.647a.5.5 0 0 1-.708 0L8 1.707l-.646.647a.5.5 0 0 1-.708 0L6 1.707l-.646.647a.5.5 0 0 1-.708 0L4 1.707l-.646.647a.5.5 0 0 1-.708 0l-.509-.51z'/%3E%3Cpath d='M3 4.5a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm8-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-building-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-building' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z'/%3E%3Cpath d='M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V1Zm11 0H3v14h3v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V15h3V1Z'/%3E%3C/svg%3E");
}

.bi-check2-all-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-check2-all' viewBox='0 0 16 16'%3E%3Cpath d='M12.354 4.354a.5.5 0 0 0-.708-.708L5 10.293 1.854 7.146a.5.5 0 1 0-.708.708l3.5 3.5a.5.5 0 0 0 .708 0l7-7zm-4.208 7-.896-.897.707-.707.543.543 6.646-6.647a.5.5 0 0 1 .708.708l-7 7a.5.5 0 0 1-.708 0z'/%3E%3Cpath d='m5.354 7.146.896.897-.707.707-.897-.896a.5.5 0 1 1 .708-.708z'/%3E%3C/svg%3E");
}

.bi-people-nav-menu[b-pfhvdocyyb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people' viewBox='0 0 16 16'%3E%3Cpath d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8Zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022ZM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816ZM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E");
}

/* 导航分组标题 */
.nav-section[b-pfhvdocyyb] {
    margin-top: 0.5rem;
    margin-bottom: 0.75rem;
}

.nav-section:first-child[b-pfhvdocyyb] {
    margin-top: 0;
}

.nav-section-title[b-pfhvdocyyb] {
    padding: 0.75rem 1.5rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0.5rem;
}

.nav-item[b-pfhvdocyyb] {
    font-size: 0.9rem;
    padding-bottom: 0.25rem;
}

    .nav-item:first-of-type[b-pfhvdocyyb] {
        padding-top: 0.25rem;
    }

    .nav-item:last-of-type[b-pfhvdocyyb] {
        padding-bottom: 0.5rem;
    }

    .nav-item[b-pfhvdocyyb]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 8px;
        height: 2.75rem;
        display: flex;
        align-items: center;
        line-height: 2.75rem;
        width: 100%;
        padding: 0.5rem 0.75rem;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
    }

    .nav-item[b-pfhvdocyyb]  .nav-link::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 3px;
        background: white;
        transform: scaleY(0);
        transition: transform 0.3s ease;
    }

.nav-item[b-pfhvdocyyb]  a.active {
    background-color: rgba(255,255,255,0.15);
    color: white;
    font-weight: 600;
}

    .nav-item[b-pfhvdocyyb]  a.active::before {
        transform: scaleY(1);
    }

.nav-item[b-pfhvdocyyb]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
    transform: translateX(2px);
}

/* 子菜单项样式 */
.nav-subitem[b-pfhvdocyyb] {
    padding-left: 1rem;
}

    .nav-subitem[b-pfhvdocyyb]  .nav-link {
        font-size: 0.85rem;
        height: 2.5rem;
        line-height: 2.5rem;
        padding-left: 2.5rem;
        color: rgba(255, 255, 255, 0.75);
    }

    .nav-subitem[b-pfhvdocyyb]  .nav-link:hover {
        color: white;
    }

    .nav-subitem[b-pfhvdocyyb]  .bi {
        width: 1rem;
        height: 1rem;
        opacity: 0.8;
    }

/* 导航文字 */
.nav-text[b-pfhvdocyyb] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-scrollable[b-pfhvdocyyb] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-pfhvdocyyb] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-pfhvdocyyb] {
        display: none;
    }

    .nav-scrollable[b-pfhvdocyyb] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/LogisticsInquirySystem/Components/Layout/PublicLayout.razor.rz.scp.css */
:root[b-6sea1jnv3l] {
    /* 深色背景 */
    --bg-primary: #0a0e27;
    --bg-secondary: #0f1420;
    --bg-tertiary: #1a1f3a;
    
    /* 主色调 - 蓝紫渐变 */
    --primary-light: #6366f1;
    --primary: #4f46e5;
    --primary-dark: #4338ca;
    
    /* 辅助色 - 青色 */
    --accent-light: #22d3ee;
    --accent: #06b6d4;
    --accent-dark: #0891b2;
    
    /* 文字颜色 - 提高对比度 */
    --text-primary: #ffffff;
    --text-secondary: #e2e8f0;
    --text-muted: #a8b5c9;
    
    /* 边框和玻璃效果 */
    --border: rgba(255, 255, 255, 0.15);
    --glass-bg: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.12);
    
    /* 阴影和光晕 */
    --glow-primary: rgba(79, 70, 229, 0.5);
    --glow-accent: rgba(6, 182, 212, 0.4);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* 公共布局 */
.public-layout[b-6sea1jnv3l] {
    min-height: 100vh;
    background: 
        radial-gradient(circle at 20% 10%, rgba(79, 70, 229, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 90%, rgba(6, 182, 212, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.08) 0%, transparent 70%),
        linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    color: var(--text-primary);
}

.container[b-6sea1jnv3l] { 
    width: min(1200px, 92%); 
    margin: 0 auto; 
}

/* ======= 顶部导航栏 ======= */
.public-header[b-6sea1jnv3l] {
    position: sticky; 
    top: 0; 
    z-index: 100;
    background: linear-gradient(180deg, 
                rgba(15, 20, 40, 0.95) 0%, 
                rgba(10, 14, 35, 0.92) 100%);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(30px) saturate(180%);
    -webkit-backdrop-filter: blur(30px) saturate(180%);
    box-shadow: 
        0 4px 24px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.05) inset;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-container[b-6sea1jnv3l] {
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    padding: 18px 0;
    gap: 32px;
}

/* Logo 区域 */
.header-left[b-6sea1jnv3l] {
    flex-shrink: 0;
}

.logo[b-6sea1jnv3l] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.logo:hover[b-6sea1jnv3l] {
    transform: scale(1.03);
}

.logo-icon[b-6sea1jnv3l] {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    border-radius: 14px;
    box-shadow: 
        0 6px 20px var(--glow-primary),
        0 0 0 1px rgba(255, 255, 255, 0.15) inset;
    position: relative;
    overflow: hidden;
}

.logo-icon[b-6sea1jnv3l]::before {
    content: '';
    position: absolute;
    inset: -50%;
    background: linear-gradient(
        45deg,
        transparent 30%,
        rgba(255, 255, 255, 0.3) 50%,
        transparent 70%
    );
    transform: translateX(-100%);
    transition: transform 0.6s ease;
}

.logo:hover .logo-icon[b-6sea1jnv3l]::before {
    transform: translateX(100%);
}

.logo-symbol[b-6sea1jnv3l] {
    font-size: 26px;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.logo-text[b-6sea1jnv3l] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.logo-name[b-6sea1jnv3l] {
    font-weight: 800;
    font-size: 26px;
    letter-spacing: -0.5px;
    background: linear-gradient(135deg, #ffffff 0%, var(--accent-light) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1;
    text-shadow: 0 2px 10px rgba(99, 102, 241, 0.3);
}

.logo-tagline[b-6sea1jnv3l] {
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 0.5px;
    font-weight: 600;
    opacity: 0.9;
}

/* 导航链接 */
.header-nav[b-6sea1jnv3l] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    justify-content: center;
}

.nav-link[b-6sea1jnv3l] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 12px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    opacity: 0.95;
}

.nav-link[b-6sea1jnv3l]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, 
                rgba(99, 102, 241, 0.15) 0%, 
                rgba(6, 182, 212, 0.15) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 12px;
}

.nav-link:hover[b-6sea1jnv3l]::before {
    opacity: 1;
}

.nav-link:hover[b-6sea1jnv3l] {
    color: #ffffff;
    opacity: 1;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(79, 70, 229, 0.3);
}

.nav-link.active[b-6sea1jnv3l] {
    color: #ffffff;
    opacity: 1;
    background: linear-gradient(135deg, 
                rgba(99, 102, 241, 0.2) 0%, 
                rgba(6, 182, 212, 0.2) 100%);
    box-shadow: 
        0 4px 12px rgba(79, 70, 229, 0.4),
        0 0 0 1px rgba(99, 102, 241, 0.3) inset;
}

.nav-icon[b-6sea1jnv3l] {
    font-size: 18px;
    position: relative;
    z-index: 1;
}

.nav-text[b-6sea1jnv3l] {
    position: relative;
    z-index: 1;
    font-size: 15px;
}

/* 操作按钮区域 */
.header-actions[b-6sea1jnv3l] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.btn[b-6sea1jnv3l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
    cursor: pointer;
    letter-spacing: 0.3px;
}

.btn[b-6sea1jnv3l]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, 
                rgba(255, 255, 255, 0.15) 0%, 
                transparent 50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.btn:hover[b-6sea1jnv3l]::before {
    opacity: 1;
}

.btn-icon[b-6sea1jnv3l] {
    font-size: 18px;
    position: relative;
    z-index: 1;
}

.btn-text[b-6sea1jnv3l] {
    position: relative;
    z-index: 1;
}

/* 主要按钮 - 渐变蓝紫色 */
.btn-primary[b-6sea1jnv3l] {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    color: #ffffff;
    box-shadow: 
        0 6px 20px var(--glow-primary),
        0 0 0 1px rgba(255, 255, 255, 0.15) inset;
}

.btn-primary:hover[b-6sea1jnv3l] {
    transform: translateY(-3px);
    box-shadow: 
        0 10px 30px var(--glow-primary),
        0 0 0 1px rgba(255, 255, 255, 0.25) inset;
}

/* 次要按钮 - 玻璃态 */
.btn-secondary[b-6sea1jnv3l] {
    background: var(--glass-bg);
    color: #ffffff;
    border-color: var(--glass-border);
    backdrop-filter: blur(10px);
}

.btn-secondary:hover[b-6sea1jnv3l] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

/* 控制台按钮 - 青色渐变 */
.btn-dashboard[b-6sea1jnv3l] {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);
    color: #ffffff;
    box-shadow: 
        0 6px 20px var(--glow-accent),
        0 0 0 1px rgba(255, 255, 255, 0.15) inset;
}

.btn-dashboard:hover[b-6sea1jnv3l] {
    transform: translateY(-3px);
    box-shadow: 
        0 10px 30px var(--glow-accent),
        0 0 0 1px rgba(255, 255, 255, 0.25) inset;
}

/* 个人中心按钮 - 圆形 */
.btn-profile[b-6sea1jnv3l] {
    background: var(--glass-bg);
    color: #ffffff;
    border-color: var(--glass-border);
    width: 48px;
    height: 48px;
    padding: 0;
    border-radius: 50%;
    backdrop-filter: blur(10px);
}

.btn-profile:hover[b-6sea1jnv3l] {
    background: linear-gradient(135deg, 
                rgba(99, 102, 241, 0.25) 0%, 
                rgba(6, 182, 212, 0.25) 100%);
    border-color: var(--primary-light);
    transform: scale(1.08);
    box-shadow: 
        0 6px 20px var(--glow-primary),
        0 0 0 1px rgba(99, 102, 241, 0.4) inset;
}

.btn-profile .btn-icon[b-6sea1jnv3l] {
    font-size: 22px;
}

/* 移动端菜单按钮 */
.mobile-menu-toggle[b-6sea1jnv3l] {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 12px;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 101;
}

.mobile-menu-toggle:hover[b-6sea1jnv3l] {
    background: rgba(255, 255, 255, 0.12);
    border-color: var(--border);
}

.hamburger[b-6sea1jnv3l] {
    width: 22px;
    height: 2.5px;
    background: #ffffff;
    position: relative;
    transition: all 0.3s ease;
    border-radius: 2px;
}

.hamburger[b-6sea1jnv3l]::before,
.hamburger[b-6sea1jnv3l]::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 2.5px;
    background: #ffffff;
    transition: all 0.3s ease;
    border-radius: 2px;
}

.hamburger[b-6sea1jnv3l]::before {
    top: -7px;
}

.hamburger[b-6sea1jnv3l]::after {
    top: 7px;
}

.mobile-menu-toggle.active .hamburger[b-6sea1jnv3l] {
    background: transparent;
}

.mobile-menu-toggle.active .hamburger[b-6sea1jnv3l]::before {
    top: 0;
    transform: rotate(45deg);
}

.mobile-menu-toggle.active .hamburger[b-6sea1jnv3l]::after {
    top: 0;
    transform: rotate(-45deg);
}

.mobile-menu-toggle.active[b-6sea1jnv3l] {
    background: linear-gradient(135deg, 
                rgba(99, 102, 241, 0.25) 0%, 
                rgba(6, 182, 212, 0.25) 100%);
    border-color: var(--primary);
}

/* 主内容区 */
.public-main[b-6sea1jnv3l] {
    display: block;
}

/* 渐变效果 */
.public-gradient[b-6sea1jnv3l] {
    position: fixed;
    inset: 0 -20% auto -20%;
    height: 25%;
    pointer-events: none;
    background: radial-gradient(60% 60% at 50% 40%, 
                rgba(79, 70, 229, 0.2) 0%, 
                rgba(6, 182, 212, 0.15) 50%,
                transparent 100%);
    filter: blur(40px);
    animation: gradientPulse-b-6sea1jnv3l 8s ease-in-out infinite;
}

@keyframes gradientPulse-b-6sea1jnv3l {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 0.8; }
}

/* 错误提示 */
.public-error-ui[b-6sea1jnv3l] {
    display: none;
}

/* ======= 响应式设计 ======= */

/* 平板端 */
@media (max-width: 1024px) {
    .header-container[b-6sea1jnv3l] {
        gap: 24px;
        padding: 16px 0;
    }
    
    .header-nav[b-6sea1jnv3l] {
        gap: 4px;
    }
    
    .nav-link[b-6sea1jnv3l] {
        padding: 10px 16px;
        font-size: 14px;
    }
    
    .btn[b-6sea1jnv3l] {
        padding: 10px 20px;
        font-size: 14px;
    }
    
    .logo-tagline[b-6sea1jnv3l] {
        display: none;
    }
    
    .logo-icon[b-6sea1jnv3l] {
        width: 46px;
        height: 46px;
    }
    
    .logo-symbol[b-6sea1jnv3l] {
        font-size: 22px;
    }
    
    .logo-name[b-6sea1jnv3l] {
        font-size: 22px;
    }
}

/* 移动端 */
@media (max-width: 768px) {
    .header-container[b-6sea1jnv3l] {
        padding: 14px 0;
    }
    
    .mobile-menu-toggle[b-6sea1jnv3l] {
        display: flex;
    }
    
    .header-nav[b-6sea1jnv3l],
    .header-actions[b-6sea1jnv3l] {
        position: fixed;
        top: 85px;
        right: 0;
        background: linear-gradient(180deg, 
                    rgba(15, 20, 40, 0.98) 0%, 
                    rgba(10, 14, 35, 0.98) 100%);
        backdrop-filter: blur(30px) saturate(180%);
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 20px;
        box-shadow: 
            0 12px 40px rgba(0, 0, 0, 0.5),
            0 0 0 1px rgba(255, 255, 255, 0.08) inset;
        flex-direction: column;
        align-items: stretch;
        opacity: 0;
        transform: translateY(-10px) scale(0.95);
        pointer-events: none;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 100;
        width: calc(92% - 40px);
        max-width: 320px;
        margin: 0 4%;
    }
    
    .header-nav.active[b-6sea1jnv3l],
    .header-actions.active[b-6sea1jnv3l] {
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: all;
    }
    
    .header-nav[b-6sea1jnv3l] {
        top: 85px;
    }
    
    .header-actions[b-6sea1jnv3l] {
        top: auto;
        bottom: auto;
        margin-top: 240px;
    }
    
    .nav-link[b-6sea1jnv3l] {
        width: 100%;
        padding: 16px 20px;
        justify-content: flex-start;
        border-radius: 12px;
        font-size: 16px;
    }
    
    .btn[b-6sea1jnv3l] {
        width: 100%;
        padding: 16px 24px;
        justify-content: center;
        border-radius: 12px;
        font-size: 16px;
    }
    
    .btn-profile[b-6sea1jnv3l] {
        width: 100%;
        border-radius: 12px;
        padding: 16px 24px;
    }
    
    .logo-icon[b-6sea1jnv3l] {
        width: 44px;
        height: 44px;
    }
    
    .logo-symbol[b-6sea1jnv3l] {
        font-size: 22px;
    }
    
    .logo-name[b-6sea1jnv3l] {
        font-size: 22px;
    }
}

/* 小屏手机 */
@media (max-width: 480px) {
    .header-container[b-6sea1jnv3l] {
        padding: 12px 0;
    }
    
    .logo-icon[b-6sea1jnv3l] {
        width: 40px;
        height: 40px;
    }
    
    .logo-symbol[b-6sea1jnv3l] {
        font-size: 20px;
    }
    
    .logo-name[b-6sea1jnv3l] {
        font-size: 20px;
    }
    
    .mobile-menu-toggle[b-6sea1jnv3l] {
        width: 44px;
        height: 44px;
    }
}

/* 滚动效果 */
@media (min-width: 769px) {
    .public-header.scrolled[b-6sea1jnv3l] {
        background: rgba(15, 20, 40, 0.98);
        box-shadow: 
            0 10px 40px rgba(0, 0, 0, 0.3),
            0 0 0 1px rgba(255, 255, 255, 0.08) inset;
    }
}
/* _content/LogisticsInquirySystem/Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-grid[b-b62dq1drpm] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.dash-card[b-b62dq1drpm] { display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 12px; padding: 18px; border-radius: 14px; border: 1px solid var(--border); background: rgba(255,255,255,0.04); text-decoration: none; color: var(--fg); transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease; box-shadow: 0 2px 6px rgba(0,0,0,.04); }
.dash-card:hover[b-b62dq1drpm] { transform: translateY(-2px); background: rgba(255,255,255,0.06); box-shadow: 0 6px 16px rgba(0,0,0,.08); }
.dash-card .icon[b-b62dq1drpm] { font-size: 26px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,255,255,.06); }
.dash-card .texts[b-b62dq1drpm] { display: grid; gap: 4px; }
.dash-card .title[b-b62dq1drpm] { font-weight: 700; }
.dash-card .desc[b-b62dq1drpm] { color: var(--muted); font-size: .95rem; }

/* Variants */
.variant-buyer[b-b62dq1drpm] { border-color: rgba(13,110,253,.25); }
.variant-buyer .icon[b-b62dq1drpm] { background: rgba(13,110,253,.15); color: #0d6efd; }

.variant-supplier[b-b62dq1drpm] { border-color: rgba(25,135,84,.25); }
.variant-supplier .icon[b-b62dq1drpm] { background: rgba(25,135,84,.15); color: #198754; }

.variant-info[b-b62dq1drpm] { border-color: rgba(13,202,240,.25); }
.variant-info .icon[b-b62dq1drpm] { background: rgba(13,202,240,.15); color: #0dcaf0; }

@media (max-width: 960px) { .dashboard-grid[b-b62dq1drpm] { grid-template-columns: 1fr; } .dash-card[b-b62dq1drpm] { grid-template-columns: 36px 1fr; gap: 10px; } .dash-card .icon[b-b62dq1drpm] { width: 36px; height: 36px; font-size: 22px; } }

/* _content/LogisticsInquirySystem/Components/Pages/Home.razor.rz.scp.css */
:root[b-u699ty78l0] {
    /* 深色背景 */
    --bg: #0a0e27;
    --bg-2: #0f1420;
    --bg-3: #1a1f3a;
    
    /* 主色调 - 蓝紫渐变 */
    --primary-light: #6366f1;
    --primary: #4f46e5;
    --primary-dark: #4338ca;
    
    /* 辅助色 - 青色 */
    --accent-light: #22d3ee;
    --accent: #06b6d4;
    --accent-dark: #0891b2;
    
    /* 文字颜色 */
    --fg: #f0f4f8;
    --text-secondary: #cbd5e1;
    --muted: #94a3b8;
    
    /* 边框和玻璃效果 */
    --border: rgba(255, 255, 255, 0.1);
    --glass: rgba(255, 255, 255, 0.05);
    --glass-border: rgba(255, 255, 255, 0.08);
    
    /* 阴影和光晕 */
    --glow: rgba(79, 70, 229, 0.5);
    --glow-accent: rgba(6, 182, 212, 0.4);
}

/* 公共布局 */
.public-layout[b-u699ty78l0] {
    min-height: 100vh;
    background: 
        radial-gradient(circle at 20% 10%, rgba(79, 70, 229, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 90%, rgba(6, 182, 212, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.08) 0%, transparent 70%),
        linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
    color: var(--fg);
}

.public-main[b-u699ty78l0] {
    display: block;
}

.container[b-u699ty78l0] {
    width: min(1200px, 92%);
    margin: 0 auto;
}

/* Hero 区域 */
.hero[b-u699ty78l0] {
    position: relative;
    padding: 120px 0 80px;
    overflow: clip;
}

.hero__bg .orb[b-u699ty78l0] {
    position: absolute;
    filter: blur(40px);
    opacity: .5;
    mix-blend-mode: screen;
    animation: float-b-u699ty78l0 15s ease-in-out infinite;
}

.orb--1[b-u699ty78l0] { 
    top: -100px; 
    right: 10%; 
    width: 420px; 
    height: 420px; 
    background: radial-gradient(circle, var(--primary) 0%, transparent 70%); 
}

.orb--2[b-u699ty78l0] { 
    bottom: -150px; 
    left: -5%; 
    width: 500px; 
    height: 500px; 
    background: radial-gradient(circle, var(--accent) 0%, transparent 70%); 
    animation-delay: -5s; 
}

.orb--3[b-u699ty78l0] { 
    top: 50%; 
    right: -10%; 
    width: 360px; 
    height: 360px; 
    background: radial-gradient(circle, var(--primary-light) 0%, transparent 70%); 
    animation-delay: -10s; 
}

.mesh[b-u699ty78l0] {
    position: absolute; 
    inset: 0;
    background: radial-gradient(900px 450px at 30% 30%, #ffffff0a, transparent 60%);
}

.hero__grid[b-u699ty78l0] {
    position: absolute; 
    inset: 0;
    background-image: 
        linear-gradient(#ffffff08 1px, transparent 1px), 
        linear-gradient(90deg, #ffffff08 1px, transparent 1px);
    background-size: 50px 50px, 50px 50px;
    mask-image: radial-gradient(700px 350px at 50% 0%, black 60%, transparent 100%);
    pointer-events: none;
}

.hero__glow[b-u699ty78l0] {
    position: absolute; 
    inset: -10% -10% auto -10%; 
    height: 50%;
    background: radial-gradient(60% 60% at 50% 40%, var(--glow), transparent 70%);
    filter: blur(30px);
    pointer-events: none;
}

.hero__content[b-u699ty78l0] {
    position: relative;
    z-index: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Hero 徽章 */
.hero__badge[b-u699ty78l0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: var(--glass);
    border: 1px solid var(--border);
    border-radius: 24px;
    font-size: 14px;
    margin-bottom: 24px;
    backdrop-filter: blur(10px);
    animation: fadeInUp-b-u699ty78l0 0.8s ease-out;
}

.badge-icon[b-u699ty78l0] {
    font-size: 16px;
}

/* 品牌 */
.brand[b-u699ty78l0] {
    font-weight: 800; 
    letter-spacing: 2px; 
    color: var(--primary);
    text-shadow: 0 0 20px var(--glow);
}

.brand.small[b-u699ty78l0] { 
    font-size: 20px; 
}

.brand[b-u699ty78l0] { 
    font-size: 32px; 
}

/* 标题 */
.title[b-u699ty78l0] {
    margin: 0 0 16px; 
    font-size: clamp(36px, 5vw, 64px); 
    line-height: 1.1;
    font-weight: 800;
    max-width: 900px;
    animation: fadeInUp-b-u699ty78l0 0.8s ease-out 0.2s backwards;
}

.title__accent[b-u699ty78l0] {
    display: block; 
    font-size: .5em; 
    font-weight: 600; 
    background: linear-gradient(135deg, var(--primary-light), var(--accent-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-top: 12px;
}

.subtitle[b-u699ty78l0] {
    margin: 0 0 32px; 
    color: var(--muted); 
    max-width: 680px;
    font-size: 18px;
    line-height: 1.6;
    animation: fadeInUp-b-u699ty78l0 0.8s ease-out 0.4s backwards;
}

/* 按钮组 */
.cta[b-u699ty78l0] { 
    display: flex; 
    gap: 16px; 
    align-items: center; 
    flex-wrap: wrap; 
    justify-content: center;
    animation: fadeInUp-b-u699ty78l0 0.8s ease-out 0.6s backwards;
}

.btn[b-u699ty78l0] { 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    gap: 8px;
    padding: 14px 28px; 
    border-radius: 12px; 
    border: 1px solid var(--border); 
    color: var(--fg); 
    text-decoration: none; 
    font-weight: 600;
    font-size: 16px;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
}

.btn[b-u699ty78l0]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.1), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.btn:hover[b-u699ty78l0]::before {
    opacity: 1;
}

.btn-icon[b-u699ty78l0] {
    font-size: 18px;
}

.btn--primary[b-u699ty78l0] { 
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)); 
    border-color: transparent; 
    box-shadow: 0 10px 40px -10px var(--glow);
}

.btn--ghost[b-u699ty78l0] { 
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
}

.btn--link[b-u699ty78l0] { 
    padding-inline: 12px; 
    border-color: transparent; 
    color: var(--muted); 
}

.btn--large[b-u699ty78l0] {
    padding: 16px 32px;
    font-size: 18px;
}

.btn:hover[b-u699ty78l0] { 
    transform: translateY(-2px); 
    box-shadow: 0 15px 50px -10px var(--glow);
}

.btn--link:hover[b-u699ty78l0] {
    color: var(--primary);
}

.arrow[b-u699ty78l0] {
    transition: transform 0.3s ease;
    display: inline-block;
}

.btn--link:hover .arrow[b-u699ty78l0] {
    transform: translateX(4px);
}

/* 玻璃态 */
.glass[b-u699ty78l0] {
    background: var(--glass);
    border: 1px solid var(--border);
    border-radius: 16px;
    backdrop-filter: blur(12px);
}

/* 统计数据 */
.stats[b-u699ty78l0] { 
    margin-top: 48px; 
    display: grid; 
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
    gap: 16px; 
    padding: 20px;
    max-width: 800px;
    animation: fadeInUp-b-u699ty78l0 0.8s ease-out 0.8s backwards;
}

.stat[b-u699ty78l0] { 
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px; 
    padding: 20px; 
    border-radius: 12px; 
    background: rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
}

.stat:hover[b-u699ty78l0] {
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-4px);
}

.stat-icon[b-u699ty78l0] {
    font-size: 28px;
}

.stat .num[b-u699ty78l0] { 
    font-size: 32px; 
    font-weight: 800; 
    background: linear-gradient(135deg, var(--primary-light), var(--accent-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.stat .label[b-u699ty78l0] { 
    color: var(--muted); 
    font-size: 14px; 
    text-align: center;
}

/* 区域标题 */
.section-header[b-u699ty78l0] {
    text-align: center;
    margin-bottom: 48px;
}

.section-tag[b-u699ty78l0] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--glass);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    font-size: 14px;
    color: var(--primary-light);
    margin-bottom: 16px;
    backdrop-filter: blur(10px);
}

.section-title[b-u699ty78l0] {
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 800;
    margin: 0 0 12px;
    background: linear-gradient(135deg, var(--fg), var(--muted));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.section-desc[b-u699ty78l0] {
    color: var(--muted);
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
}

/* 功能特性 */
.features[b-u699ty78l0] { 
    padding: 80px 0 40px; 
}

.features__grid[b-u699ty78l0] { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); 
    gap: 24px; 
}

.feature[b-u699ty78l0] { 
    padding: 32px; 
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.feature[b-u699ty78l0]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--primary), var(--accent));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.feature:hover[b-u699ty78l0]::before {
    transform: scaleX(1);
}

.feature:hover[b-u699ty78l0] {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px -20px var(--glow);
    background: rgba(255, 255, 255, 0.08);
}

.feature-icon[b-u699ty78l0] {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary), var(--accent));
    border-radius: 16px;
    font-size: 32px;
    box-shadow: 0 10px 30px -10px var(--glow), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
}

.feature h3[b-u699ty78l0] { 
    margin: 0; 
    font-size: 22px;
    font-weight: 700;
}

.feature p[b-u699ty78l0] { 
    margin: 0; 
    color: var(--muted);
    line-height: 1.6;
    flex: 1;
}

.feature-tags[b-u699ty78l0] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.tag[b-u699ty78l0] {
    padding: 4px 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--border);
    border-radius: 12px;
    font-size: 12px;
    color: var(--muted);
}

/* 使用流程 */
.process[b-u699ty78l0] {
    padding: 80px 0;
}

.process__grid[b-u699ty78l0] {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 24px;
    align-items: center;
}

.process-step[b-u699ty78l0] {
    padding: 40px 32px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
}

.process-step:hover[b-u699ty78l0] {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px -20px var(--glow);
}

.step-number[b-u699ty78l0] {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 48px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.05);
    line-height: 1;
}

.step-icon[b-u699ty78l0] {
    font-size: 56px;
    margin-bottom: 20px;
}

.process-step h3[b-u699ty78l0] {
    font-size: 24px;
    margin: 0 0 12px;
    font-weight: 700;
}

.process-step p[b-u699ty78l0] {
    margin: 0;
    color: var(--muted);
    line-height: 1.6;
}

.process-arrow[b-u699ty78l0] {
    font-size: 32px;
    color: var(--primary);
    font-weight: bold;
}

/* 优势展示 */
.advantages[b-u699ty78l0] {
    padding: 80px 0;
}

.advantages__grid[b-u699ty78l0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.advantage[b-u699ty78l0] {
    padding: 32px;
    display: flex;
    gap: 24px;
    align-items: flex-start;
    transition: all 0.3s ease;
}

.advantage:hover[b-u699ty78l0] {
    transform: translateY(-4px);
    box-shadow: 0 15px 50px -15px var(--glow);
    background: rgba(255, 255, 255, 0.08);
}

.advantage-number[b-u699ty78l0] {
    font-size: 48px;
    font-weight: 800;
    background: linear-gradient(135deg, var(--primary-light), var(--accent-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1;
    flex-shrink: 0;
}

.advantage-content[b-u699ty78l0] {
    flex: 1;
}

.advantage-content h3[b-u699ty78l0] {
    font-size: 24px;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.advantage-content .icon[b-u699ty78l0] {
    font-size: 28px;
}

.advantage-content p[b-u699ty78l0] {
    margin: 0;
    color: var(--muted);
    line-height: 1.6;
}

/* 适用场景 */
.scenarios[b-u699ty78l0] {
    padding: 80px 0;
}

.scenarios__grid[b-u699ty78l0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.scenario[b-u699ty78l0] {
    padding: 32px;
    text-align: center;
    transition: all 0.3s ease;
}

.scenario:hover[b-u699ty78l0] {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px -20px var(--glow);
    background: rgba(255, 255, 255, 0.08);
}

.scenario-icon[b-u699ty78l0] {
    font-size: 48px;
    margin-bottom: 16px;
}

.scenario h3[b-u699ty78l0] {
    font-size: 20px;
    margin: 0 0 8px;
    font-weight: 700;
}

.scenario p[b-u699ty78l0] {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

/* CTA 横幅 */
.cta-banner[b-u699ty78l0] { 
    padding: 80px 0; 
}

.cta-banner__content[b-u699ty78l0] { 
    padding: 48px 40px; 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    gap: 32px; 
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}

.cta-banner__content[b-u699ty78l0]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.1), rgba(6, 182, 212, 0.1));
    opacity: 0.5;
}

.cta-banner__text[b-u699ty78l0] {
    position: relative;
    z-index: 1;
    flex: 1;
}

.cta-banner__text h3[b-u699ty78l0] { 
    margin: 0 0 12px; 
    font-size: 32px;
    font-weight: 800;
}

.cta-banner__text p[b-u699ty78l0] { 
    margin: 0; 
    color: var(--muted);
    font-size: 16px;
    line-height: 1.6;
}

.cta-banner__actions[b-u699ty78l0] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

/* 页脚 */
.footer[b-u699ty78l0] { 
    padding: 60px 0 40px; 
    color: var(--muted);
    border-top: 1px solid var(--border);
}

.footer__grid[b-u699ty78l0] { 
    display: flex; 
    justify-content: space-between; 
    gap: 48px; 
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.footer__brand[b-u699ty78l0] {
    flex: 1;
    min-width: 250px;
}

.footer__desc[b-u699ty78l0] {
    margin-top: 12px;
    color: var(--muted);
    line-height: 1.6;
    max-width: 300px;
}

.footer__links[b-u699ty78l0] {
    display: flex;
    gap: 48px;
    flex-wrap: wrap;
}

.footer__column[b-u699ty78l0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer__column h4[b-u699ty78l0] {
    color: var(--fg);
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 8px;
}

.footer__column a[b-u699ty78l0] {
    color: var(--muted);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.footer__column a:hover[b-u699ty78l0] {
    color: var(--primary);
}

.footer__bottom[b-u699ty78l0] {
    padding-top: 24px;
    border-top: 1px solid var(--border);
    text-align: center;
}

.public-error-ui[b-u699ty78l0] { 
    display: none; 
}

/* 动画 */
@keyframes float-b-u699ty78l0 {
    0%, 100% { transform: translateY(0) translateX(0) scale(1); }
    33% { transform: translateY(-30px) translateX(20px) scale(1.1); }
    66% { transform: translateY(20px) translateX(-15px) scale(0.9); }
}

@keyframes fadeInUp-b-u699ty78l0 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 响应式设计 */
@media (max-width: 1024px) {
    .features__grid[b-u699ty78l0] { 
        grid-template-columns: repeat(2, 1fr); 
    }
    
    .process__grid[b-u699ty78l0] {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    
    .process-arrow[b-u699ty78l0] {
        transform: rotate(90deg);
        justify-self: center;
    }
    
    .advantages__grid[b-u699ty78l0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .hero[b-u699ty78l0] {
        padding: 80px 0 60px;
    }
    
    .title[b-u699ty78l0] {
        font-size: 32px;
    }
    
    .subtitle[b-u699ty78l0] {
        font-size: 16px;
    }
    
    .features__grid[b-u699ty78l0] { 
        grid-template-columns: 1fr; 
    }
    
    .stats[b-u699ty78l0] { 
        grid-template-columns: 1fr; 
    }
    
    .cta-banner__content[b-u699ty78l0] {
        padding: 32px 24px;
        text-align: center;
    }
    
    .cta-banner__text h3[b-u699ty78l0] {
        font-size: 24px;
    }
    
    .cta-banner__actions[b-u699ty78l0] {
        width: 100%;
        justify-content: center;
    }
    
    .scenarios__grid[b-u699ty78l0] {
        grid-template-columns: 1fr;
    }
    
    .footer__grid[b-u699ty78l0] {
        flex-direction: column;
        gap: 32px;
    }
    
    .footer__links[b-u699ty78l0] {
        gap: 32px;
    }
}

@media (max-width: 560px) {
    .hero[b-u699ty78l0] {
        padding: 60px 0 40px;
    }
    
    .cta[b-u699ty78l0] {
        flex-direction: column;
        width: 100%;
    }
    
    .btn[b-u699ty78l0] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/LogisticsInquirySystem/Components/Pages/Notifications.razor.rz.scp.css */
.notifications-page[b-asowumpybq] {
    padding-top: 0.25rem;
}

.notifications-table[b-asowumpybq] {
    /* rely on bootstrap .table-responsive for horizontal scroll on small screens */
}

/* Sticky table header for better readability when scrolling */
.sticky-header th[b-asowumpybq] {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--bs-body-bg);
}

/* Column sizing */
.col-title[b-asowumpybq] { width: 18rem; }
.col-content[b-asowumpybq] { width: auto; }
.col-time[b-asowumpybq] { width: 9.5rem; }
.col-actions[b-asowumpybq] { width: 10.5rem; }

/* Cells */
.cell-title .title-text[b-asowumpybq] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cell-content .content-text[b-asowumpybq] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* multiline ellipsis */
    overflow: hidden;
}

.nowrap[b-asowumpybq] { white-space: nowrap; }

/* Unread highlighting */
tr.unread[b-asowumpybq] {
    background-color: rgba(var(--bs-info-rgb), .08);
}
tr.unread > td:first-child[b-asowumpybq] {
    border-left: 3px solid var(--bs-primary);
}

/* Button group spacing on narrow widths */
.cell-actions .btn-group > .btn[b-asowumpybq] { min-width: 5.25rem; }

/* Hover feedback */
tbody tr:hover[b-asowumpybq] { background-color: rgba(0,0,0,.02); }

/* Mobile tweaks */
@media (max-width: 576px) {
    .col-time[b-asowumpybq], .cell-time[b-asowumpybq] { display: none; }
    .col-title[b-asowumpybq] { width: 12rem; }
    .cell-content .content-text[b-asowumpybq] { -webkit-line-clamp: 3; }
    .col-actions[b-asowumpybq] { width: 8.5rem; }
}


/* _content/LogisticsInquirySystem/Components/Shared/ContactModal.razor.rz.scp.css */
/* 联系信息样式 */
.contact-info[b-362xyf8xgv] {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
}

.contact-info i[b-362xyf8xgv] {
    font-size: 1.5rem;
}

.contact-info small[b-362xyf8xgv] {
    font-size: 0.75rem;
}

.contact-info strong[b-362xyf8xgv] {
    font-size: 0.95rem;
    color: #333;
}

/* 验证码容器 - 让所有元素在同一行 */
.captcha-container[b-362xyf8xgv] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

/* 验证码输入框 */
.captcha-container .captcha-input.form-control[b-362xyf8xgv] {
    flex: 0 0 auto;
    width: 110px !important;
    min-width: 110px;
    max-width: 110px;
}

/* 验证码图片显示区域 */
.captcha-display[b-362xyf8xgv] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 46px;
    max-width: 180px;
}

.captcha-image[b-362xyf8xgv] {
    height: 46px;
    width: auto;
    max-width: 100%;
    border: 2px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.captcha-image:hover[b-362xyf8xgv] {
    border-color: #86b7fe;
    box-shadow: 0 2px 6px rgba(13, 110, 253, 0.2);
    transform: translateY(-1px);
}

.captcha-image:active[b-362xyf8xgv] {
    transform: translateY(0);
}

/* 加载状态 */
.captcha-loading[b-362xyf8xgv] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    background-color: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

/* 刷新按钮 */
.captcha-container .captcha-refresh-btn.btn[b-362xyf8xgv] {
    flex: 0 0 auto;
    width: 46px !important;
    min-width: 46px;
    max-width: 46px;
    height: 46px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 1.2rem;
    transition: all 0.2s ease;
}

.captcha-container .captcha-refresh-btn.btn:hover:not(:disabled)[b-362xyf8xgv] {
    transform: rotate(180deg);
}

.captcha-container .captcha-refresh-btn.btn:disabled[b-362xyf8xgv] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* 响应式设计 - 移动端 */
@media (max-width: 576px) {
    .captcha-container[b-362xyf8xgv] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .captcha-container .captcha-input.form-control[b-362xyf8xgv] {
        flex: 1 1 100%;
        width: 100% !important;
        max-width: 100% !important;
    }

    .captcha-display[b-362xyf8xgv] {
        flex: 1 1 auto;
    }

    .captcha-container .captcha-refresh-btn.btn[b-362xyf8xgv] {
        flex: 0 0 46px;
    }
}

/* 表单样式优化 */
.feedback-form .form-label[b-362xyf8xgv] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
}

.feedback-form .form-control[b-362xyf8xgv],
.feedback-form .form-select[b-362xyf8xgv] {
    border-radius: 6px;
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.feedback-form .form-control:focus[b-362xyf8xgv],
.feedback-form .form-select:focus[b-362xyf8xgv] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* 验证错误信息样式 */
.validation-message[b-362xyf8xgv] {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* 按钮样式 */
.btn-primary[b-362xyf8xgv] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-primary:hover[b-362xyf8xgv] {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

/* 警告框样式 */
.alert[b-362xyf8xgv] {
    border-radius: 6px;
    border: none;
}

.alert-danger[b-362xyf8xgv] {
    background-color: #f8d7da;
    color: #721c24;
}

.alert-success[b-362xyf8xgv] {
    background-color: #d1e7dd;
    color: #0f5132;
}

/* 加载动画 */
.spinner-border-sm[b-362xyf8xgv] {
    width: 1rem;
    height: 1rem;
    border-width: 0.15em;
}

/* 模态框样式优化 */
.modal-body[b-362xyf8xgv] {
    padding: 1.5rem;
}

.modal-header[b-362xyf8xgv] {
    border-bottom: 1px solid #dee2e6;
    padding: 1rem 1.5rem;
}

.modal-footer[b-362xyf8xgv] {
    border-top: 1px solid #dee2e6;
    padding: 1rem 1.5rem;
}

/* 输入组样式 */
.input-group .btn[b-362xyf8xgv] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .modal-lg[b-362xyf8xgv] {
        max-width: 95%;
    }

    .contact-info .col-md-6[b-362xyf8xgv] {
        margin-bottom: 1rem;
    }
}

/* _content/LogisticsInquirySystem/Components/Shared/PlatformRulesModal.razor.rz.scp.css */
.modal-backdrop[b-8pfu5zvv34] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal[b-8pfu5zvv34] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-dialog[b-8pfu5zvv34] {
    position: relative;
    width: auto;
    margin: 1.75rem auto;
    pointer-events: none;
}

.modal-xl[b-8pfu5zvv34] {
    max-width: 1140px;
}

.modal-dialog-scrollable[b-8pfu5zvv34] {
    display: flex;
    max-height: calc(100% - 3.5rem);
}

.modal-content[b-8pfu5zvv34] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    outline: 0;
}

.modal-header[b-8pfu5zvv34] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.5rem - 1px);
    border-top-right-radius: calc(0.5rem - 1px);
}

.modal-title[b-8pfu5zvv34] {
    margin: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
}

.modal-body[b-8pfu5zvv34] {
    position: relative;
    flex: 1 1 auto;
    padding: 1.5rem;
}

.modal-footer[b-8pfu5zvv34] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.5rem - 1px);
    border-bottom-left-radius: calc(0.5rem - 1px);
}

/* 平台规则内容样式 */
[b-8pfu5zvv34] .rules-content h4 {
    color: #0d6efd;
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e9ecef;
}

[b-8pfu5zvv34] .rules-content h5 {
    color: #495057;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0.75rem;
}

[b-8pfu5zvv34] .rules-content ol,
[b-8pfu5zvv34] .rules-content ul {
    line-height: 1.8;
    margin-bottom: 1rem;
}

[b-8pfu5zvv34] .rules-content li {
    margin-bottom: 0.5rem;
}

[b-8pfu5zvv34] .rules-content strong {
    color: #d63384;
    font-weight: 600;
}

[b-8pfu5zvv34] .rules-content .alert {
    border-radius: 0.375rem;
}

[b-8pfu5zvv34] .rules-content p {
    line-height: 1.8;
    margin-bottom: 0.75rem;
}

@media (max-width: 1200px) {
    .modal-xl[b-8pfu5zvv34] {
        max-width: 90%;
    }
}

@media (max-width: 576px) {
    .modal-dialog[b-8pfu5zvv34] {
        margin: 0.5rem;
    }
    
    .modal-xl[b-8pfu5zvv34] {
        max-width: 100%;
    }
}