body {
    font: 400 15px sans-serif;
    line-height: 1.8;
    color: #818181;
}

/* 导航栏样式 */
.navbar {
    margin-bottom: 0;
    background-color: rgba(255, 255, 255, 0.87);
    z-index: 9999;
    border: 0;
    font-size: 16px;
    letter-spacing: 4px;
    border-radius: 0;
    min-height: 90px;
    display: flex;
    align-items: center;
}



.navbar::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #eeeeee, #cccccc, #eeeeee);
}

.navbar-header a {
    position: relative;
    bottom: 0;
    margin-bottom: 0;
    line-height: 60px;
}

.navbar li a, .navbar .navbar-brand {
    color: #1e1e1e !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #ce0002 !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #1e1e1e !important;
}

/* 调整导航项间距，使汉字稍微往中间平移 */
.navbar-nav {
    margin: 22px 0 8px 0;}

.navbar-nav > li > a {
    padding: 10px;
    margin: 0 5px;
}

/* 用户头像样式 */
.user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: -7px; /* 根据需要调整数值 */
}

.user-avatar:hover {
    transform: scale(1.1);
    border-color: #eae9e9;
}

/* 下拉菜单样式优化 */
.dropdown-menu {
    background-color: rgba(255, 255, 255, 0.87);
    min-width: 120px;
    border-radius: 5px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}

.dropdown-menu > li > a {
    padding: 8px 15px;
    font-size: 14px;
}

.dropdown-menu > li > a:hover {
    background-color: #f5f5f5;
}

/* 问题查询 */
.jumbotron {
    font-family: Montserrat, sans-serif;
    background:
            linear-gradient(
                    to bottom,
                    transparent 0%,
                    transparent 30%,
                    rgba(255, 255, 255, 0.5) 88%,
                    rgba(255, 255, 255, 0.95) 100%
            ),
            linear-gradient(
                    to right,
                    #d83a3c,
                    rgba(69, 58, 220, 0.90)
            );
    color: #FFFFFF;
    padding: 230px 25px 190px 25px;
}

.glyphicon {
    color: red;
}

/* 课程学习 */
.bg-grey {
    background-color: #f6f6f6;
}

.container-fluid {
    padding: 60px 50px;
}

.col_two {
    padding-left: 160px;
}

.logo {
    color: #d50000;
    font-size: 200px;
}

/* 课程学习2 */
.thumbnail img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}
.card-image-wrapper {
    height: 200px; /* 您想要的固定高度 */
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    background-color: #f5f5f5; /* 备用背景色 */
}

.card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持比例并填充容器 */
    object-position: center; /* 从中心裁剪 */
    transition: transform 0.5s ease;
    background-color: #f5f5f5; /* 图片透明部分的背景色 */
}

/* 热门导航 */
#popularNavEntity .panel-body {
    width: 100%;
    height: 375px;
    overflow: auto;
}
#popularNavEntity .panel {
    height: 400px;
}

/* 网站留言 轮播图 */
.carousel-control span {
    color: #ce0002;
}

.carousel-indicators li {
    border-color: #ce0002;
}

.carousel-indicators li.active {
    background-color: #ce0002;
}

/* 网站留言 留言板 */
#msgBox {
    width: 1200px;
    background: #fff;
    border-radius: 5px;
    margin: 10px auto;
    padding-top: 10px;
}

#msgBox a {
    text-decoration: none;
}

#msgBox a:hover {
    text-decoration: underline;
}

#msgBox ul {
    list-style-type: none;
}

#msgBox h2 {
    font-weight: 400;
    font: 400 18px/1.5 \5fae\8f6f\96c5\9ed1;
}

#msgBox form {
    padding: 0 20px 15px;
}

#userName, #conBox {
    width: 500px;
    height: 200px;
    color: #777;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    padding: 3px 5px;
    font: 14px/1.5 arial;
}

#userName.active, #conBox.active {
    border: 1px solid #7abb2c;
}

#userName {
    height: 20px;
}

#conBox {
    width: 1150px;
    height: 300px;
    resize: none;
    height: 65px;
    overflow: auto;
}

#msgBox img {
    border-radius: 3px;
}

#msgBox form .maxNum {
    font: 26px/30px Georgia, Tahoma, Arial;
    padding: 0 5px;
}

#msgBox .list {
    padding: 10px;
}

#msgBox .list h3 {
    position: relative;
    height: 33px;
    font-size: 14px;
    font-weight: 400;
    background: #e3eaec;
    border: 1px solid #dee4e7;
}

#msgBox .list h3 span {
    position: absolute;
    left: 6px;
    top: 6px;
    background: #fff;
    line-height: 28px;
    display: inline-block;
    padding: 0 15px;
}

#msgBox .list ul {
    height: 500px;
    overflow: auto;
    zoom: 1;
}

#msgBox .list ul li {
    float: left;
    clear: both;
    width: 100%;
    border-bottom: 1px dashed #d8d8d8;
    padding: 10px 0;
    background: #fff;
    overflow: hidden;
}

#msgBox .list ul li.hover {
    background: #f5f5f5;
}

#msgBox .list .userPic {
    float: left;
    width: 50px;
    height: 50px;
    display: inline;
    margin-left: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

#msgBox .list .content {
    float: left;
    width: 1000px;
    font-size: 14px;
    margin-left: 10px;
    font-family: arial;
    word-wrap: break-word;
}

#msgBox .list {
    display: inline;
    padding-right: 5px;
}

#msgBox .list a {
    color: #2b4a78;
}

#msgBox .list .msgInfo {
    display: inline;
    word-wrap: break-word;
}

#msgBox .list .times {
    color: #889db6;
    font: 12px/18px arial;
    margin-top: 5px;
    overflow: hidden;
    zoom: 1;
}

#msgBox .list .times span {
    float: left;
}

#msgBox .list .times a {
    float: right;
    color: #889db6;
    display: none;
}

.tr {
    overflow: hidden;
    zoom: 1;
}

.tr p {
    float: right;
    line-height: 30px;
}

.tr * {
    float: left;
}

/* 轮播图 */
.item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
    margin: 70px 0;
}

.item span {
    font-style: normal;
}

/*题目*/

#pricing .panel{
    border: 1px solid #ce0002;
    transition: box-shadow 0.5s;
    height: 515px;
}

#pricing .panel-footer h3 {
    font-size: 32px;
}

#service .panel-body {
    height: 400px;
    overflow: auto;
}

#pricing .panel-body {
    height: 160px;
}

.panel-footer h4 {
    color: #aaa;
    font-size: 14px;
}

.panel:hover {
    box-shadow: 5px 0 40px rgba(0, 0, 0, 0.2);
}

.panel-footer button:link {
    color: #000000;
}

.panel-footer button:hover {
    border: 1px solid #ce0002;
    opacity: 0.8;
}

.panel-heading {
    color: #fff !important;
    background-color: #ce0002 !important;
    padding: 25px;
    border-bottom: 1px solid transparent;
}

.panel-footer {
    background-color: #fff !important;
    height: 150px;
}

.panel-footer .btn {
    margin: 15px 0;
    background-color: #ce0002;
    color: #fff;
}

/* 页脚 */
footer .glyphicon {
    font-size: 20px;
    margin-bottom: 20px;
    color: #ce0002;
}

footer a span {
    color: #ce0002;
}


/* VR 红色博物馆入口：独立命名，避免与现有 Bootstrap 样式冲突 */
/*.vr-museum-promo {display:flex;align-items:stretch;gap:40px;justify-content:space-between;background:#171310;color:#fff;padding:44px max(6vw,24px);min-height:365px;overflow:hidden;}*/
.vr-promo-copy {max-width:660px;align-self:center;position:relative;z-index:1;}
.vr-promo-tag {color:#e9b775;font-size:12px;font-weight:700;letter-spacing:.18em;margin-bottom:20px;}
.vr-promo-copy h2 {font-size:clamp(26px,3vw,42px);line-height:1.3;color:#fff;font-weight:750;margin:0 0 19px;}
.vr-promo-copy p {font-size:15px;color:#d7cbc0;line-height:2;margin:0 0 26px;}
.vr-promo-button {display:inline-block;border:1px solid #e4ac69;background:#a62523;color:#fff!important;text-decoration:none!important;padding:13px 27px;border-radius:4px;font-weight:600;transition:transform .2s,background .2s;}
.vr-promo-button:hover {background:#cb3f2d;transform:translateY(-2px);}
.vr-promo-visual {position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:300px;width:36%;background:radial-gradient(ellipse at 50% 85%,#762c26,transparent 65%);text-decoration:none!important;}
.vr-arch {width:260px;height:295px;border:18px solid #76352d;border-bottom:none;border-radius:135px 135px 0 0;background:#2c201b;box-shadow:0 0 0 2px #ca9a63,inset 0 0 0 3px #e1b277,0 0 70px #a3282440;position:relative;padding:15px;}
.vr-arch-sign {text-align:center;color:#edc991;letter-spacing:6px;font-size:21px;font-family:serif;margin-top:24px;}
.vr-arch-inner {height:180px;margin-top:16px;background:linear-gradient(135deg,#402423,#8e2929 60%,#341a1a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#f7dbc0;border:1px solid #b2794c;}
.vr-arch-inner strong {font-family:serif;font-size:30px;letter-spacing:4px;color:#fff;}
.vr-arch-inner span {font-size:12px;letter-spacing:3px;}
@media(max-width:750px){.vr-museum-promo{padding:42px 22px;}.vr-promo-visual{display:none;}.vr-promo-copy{max-width:none;}}

/* =========================
   首页 VR 实景云导览入口
========================= */
/*.vr-entry-section{
    padding: 70px 0 45px;
    background: linear-gradient(180deg,#f7f4ef 0%,#ffffff 100%);
}*/

.vr-entry-header{
    margin-bottom: 32px;
}

.vr-entry-kicker{
    font-size: 12px;
    letter-spacing: 0.28em;
    color: #9f3030;
    font-weight: 700;
    margin-bottom: 10px;
}

.vr-entry-header h2{
    font-size: 34px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 12px;
}

.vr-entry-subtitle{
    max-width: 720px;
    margin: 0 auto;
    color: #6b7280;
    font-size: 16px;
    line-height: 1.9;
}

.vr-entry-card{
    position: relative;
    display: block;
    border-radius: 26px;
    overflow: hidden;
    background: linear-gradient(135deg,#fffaf7 0%,#ffffff 100%);
    box-shadow: 0 20px 60px rgba(139, 0, 0, 0.12);
    transform-style: preserve-3d;
    transition: transform .25s ease, box-shadow .25s ease;
    perspective: 1200px;
    text-decoration: none;
    color: inherit;
}

.vr-entry-card:hover{
    box-shadow: 0 30px 70px rgba(139, 0, 0, 0.18);
}

.vr-entry-media{
    position: relative;
    height: 330px;
    overflow: hidden;
}

.vr-entry-media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.02);
    transition: transform .5s ease;
}

.vr-entry-card:hover .vr-entry-media img{
    transform: scale(1.08);
}

.vr-entry-badge{
    position: absolute;
    top: 22px;
    left: 22px;
    z-index: 3;
    background: rgba(159,48,48,0.92);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 14px;
    border-radius: 999px;
    letter-spacing: .08em;
}

.vr-entry-shine{
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 80%);
    transform: translateX(-130%);
    transition: transform .8s ease;
    pointer-events: none;
}

.vr-entry-card:hover .vr-entry-shine{
    transform: translateX(130%);
}

.vr-entry-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 28px 30px 30px;
}

.vr-entry-left{
    flex: 1;
}

.vr-entry-mini{
    margin: 0 0 10px;
    font-size: 12px;
    letter-spacing: .2em;
    color: #9f3030;
    font-weight: 700;
}

.vr-entry-left h3{
    margin: 0 0 14px;
    font-size: 30px;
    font-weight: 700;
    color: #111827;
}

.vr-entry-left p{
    color: #4b5563;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 16px;
}

.vr-entry-points{
    padding-left: 18px;
    margin: 0;
    color: #6b7280;
    line-height: 2;
}

.vr-entry-right{
    flex-shrink: 0;
}

.vr-entry-btn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 24px;
    border-radius: 999px;
    background: linear-gradient(135deg,#9f3030,#c94c4c);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 16px 35px rgba(159,48,48,0.28);
}

@media (max-width: 768px){
    .vr-entry-media{
        height: 230px;
    }

    .vr-entry-content{
        flex-direction: column;
        align-items: flex-start;
    }

    .vr-entry-left h3{
        font-size: 24px;
    }
}

/* =========================
   首页 VR 实景导览入口（新版重设计）
========================= */
.vr-landing-section{
    position: relative;
    padding: 70px 0 55px;
    background:
            radial-gradient(circle at top left, rgba(185,28,28,0.06), transparent 28%),
            radial-gradient(circle at top right, rgba(251,191,36,0.08), transparent 24%),
            linear-gradient(180deg, #faf8f5 0%, #ffffff 100%);
    overflow: hidden;
}

.vr-landing-head{
    margin-bottom: 34px;
}

.vr-landing-kicker{
    margin: 0 0 10px;
    color: #a73333;
    font-size: 12px;
    letter-spacing: 0.24em;
    font-weight: 700;
}

.vr-landing-title{
    margin: 0 0 12px;
    font-size: 36px;
    font-weight: 700;
    color: #1f2937;
}

.vr-landing-desc{
    max-width: 760px;
    margin: 0 auto;
    color: #6b7280;
    font-size: 16px;
    line-height: 1.95;
}

.vr-feature-card{
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 30px;
    padding: 30px;
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(255,250,247,0.92));
    border: 1px solid rgba(185, 28, 28, 0.08);
    box-shadow:
            0 20px 50px rgba(15, 23, 42, 0.08),
            0 8px 22px rgba(185, 28, 28, 0.10);
    transform-style: preserve-3d;
    transition: transform .25s ease, box-shadow .25s ease;
    will-change: transform;
    text-decoration: none;
    color: inherit;
    min-height: 410px;
}

.vr-feature-card:hover{
    box-shadow:
            0 28px 68px rgba(15, 23, 42, 0.12),
            0 16px 36px rgba(185, 28, 28, 0.16);
}

.vr-card-bg{
    position: absolute;
    inset: 0;
    background:
            radial-gradient(circle at 12% 18%, rgba(185, 28, 28, 0.10), transparent 24%),
            radial-gradient(circle at 88% 82%, rgba(234, 179, 8, 0.10), transparent 22%);
    pointer-events: none;
}

.vr-card-glow{
    position: absolute;
    top: -80px;
    right: -80px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(248, 113, 113, 0.16), transparent 70%);
    filter: blur(12px);
    pointer-events: none;
}

.vr-card-left,
.vr-card-right{
    position: relative;
    z-index: 2;
}

.vr-card-left{
    flex: 1 1 48%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 4px 10px 8px;
    transform: translateZ(30px);
}

.vr-card-badge{
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 8px 16px;
    margin-bottom: 22px;
    border-radius: 999px;
    background: linear-gradient(135deg, #b91c1c, #dc2626);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    box-shadow: 0 10px 24px rgba(185, 28, 28, 0.28);
}

.vr-card-mini{
    margin: 0 0 12px;
    color: #a73333;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
}

.vr-card-title{
    margin: 0 0 18px;
    color: #111827;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 700;
}

.vr-card-desc{
    margin: 0 0 24px;
    color: #4b5563;
    font-size: 16px;
    line-height: 2;
    max-width: 560px;
}

.vr-card-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 28px;
}

.vr-card-tags span{
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(255,255,255,0.82);
    border: 1px solid rgba(185, 28, 28, 0.12);
    color: #7c2d12;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(0,0,0,0.04);
}

.vr-card-action{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 2px;
}

.vr-card-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 26px;
    border-radius: 999px;
    background: linear-gradient(135deg, #991b1b, #dc2626);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 16px 35px rgba(185, 28, 28, 0.24);
}

.vr-card-arrow{
    font-size: 24px;
    color: #dc2626;
    transform: translateX(0);
    transition: transform .25s ease;
}

.vr-feature-card:hover .vr-card-arrow{
    transform: translateX(5px);
}

.vr-card-right{
    flex: 1 1 52%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateZ(45px);
}

.vr-image-frame{
    position: relative;
    width: 100%;
    min-height: 340px;
    border-radius: 22px;
    overflow: hidden;
    background: linear-gradient(135deg, #5a1313, #7f1d1d 65%, #9a3412);
    box-shadow:
            0 22px 42px rgba(127, 29, 29, 0.22),
            inset 0 0 0 1px rgba(255,255,255,0.14);
}

.vr-card-image{
    width: 100%;
    height: 100%;
    min-height: 340px;
    object-fit: cover;
    display: block;
    transition: transform .55s ease;
    opacity: 0.88;
}

.vr-feature-card:hover .vr-card-image{
    transform: scale(1.06);
}

.vr-image-overlay{
    position: absolute;
    inset: 0;
    background:
            linear-gradient(135deg, rgba(127,29,29,0.35), rgba(90,20,20,0.15)),
            linear-gradient(0deg, rgba(0,0,0,0.30), rgba(0,0,0,0.08));
}

.vr-image-title{
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    text-align: center;
    padding: 20px;
    color: #f7e7c3;
}

.vr-image-title span{
    font-size: 14px;
    letter-spacing: 0.18em;
    margin-bottom: 16px;
    opacity: 0.96;
}

.vr-image-title strong{
    font-size: 56px;
    line-height: 1.15;
    font-weight: 500;
    margin-bottom: 18px;
}

.vr-image-title em{
    font-style: normal;
    font-size: 18px;
    letter-spacing: .08em;
    color: #f1c792;
}

@media (max-width: 1200px){
    .vr-card-title{
        font-size: 30px;
    }

    .vr-image-title strong{
        font-size: 46px;
    }
}

@media (max-width: 992px){
    .vr-feature-card{
        flex-direction: column-reverse;
        min-height: auto;
    }

    .vr-card-left,
    .vr-card-right{
        transform: translateZ(0);
    }

    .vr-card-title{
        font-size: 28px;
    }

    .vr-image-title strong{
        font-size: 40px;
    }

    .vr-image-frame,
    .vr-card-image{
        min-height: 300px;
    }
}

@media (max-width: 768px){
    .vr-landing-section{
        padding: 52px 0 38px;
    }

    .vr-landing-title{
        font-size: 28px;
    }

    .vr-landing-desc{
        font-size: 15px;
    }

    .vr-feature-card{
        padding: 20px;
        border-radius: 20px;
    }

    .vr-card-title{
        font-size: 24px;
    }

    .vr-card-desc{
        font-size: 15px;
        line-height: 1.9;
    }

    .vr-card-tags{
        gap: 10px;
    }

    .vr-card-tags span{
        font-size: 12px;
        padding: 8px 12px;
    }

    .vr-image-frame,
    .vr-card-image{
        min-height: 240px;
    }

    .vr-image-title strong{
        font-size: 28px;
    }

    .vr-image-title em{
        font-size: 14px;
    }
}