/* ============================================================
   VASIM 客舱娱乐广播系统（IFE）- 深色科技风格
   ============================================================ */

/* 全局重置 */
.ife-container *{box-sizing:border-box;margin:0;padding:0;}
.ife-container{
    max-width:1200px;
    margin:0 auto;
    padding:15px;
    font-family:"Microsoft Yahei","PingFang SC",-apple-system,sans-serif;
    color:#e0e6ed;
    position:relative;
    z-index:1;
}

/* ===== 欢迎页面（标签页内容） ===== */
.ife-welcome-page{
    position:relative;
    border-radius:12px;
    overflow:hidden;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.ife-welcome-page-bg{
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    background:linear-gradient(135deg,#0a1628 0%,#1a2744 40%,#0d1f3c 70%,#0a1628 100%);
}
.ife-welcome-page-bg::before{
    content:'';
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    background-image:
        radial-gradient(circle at 20% 30%, rgba(42,122,176,0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(74,222,128,0.1) 0%, transparent 50%);
}
.ife-welcome-page-bg::after{
    content:'';
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    background-image:linear-gradient(rgba(42,74,122,0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(42,74,122,0.1) 1px, transparent 1px);
    background-size:50px 50px;
}
.ife-welcome-page-content{
    position:relative;
    z-index:2;
    text-align:center;
    padding:40px;
    max-width:600px;
    width:90%;
}
.ife-welcome-page-airline{
    margin-bottom:25px;
}
.ife-welcome-page-logo{
    width:180px;
    height:51px;
    object-fit:contain;
    margin-bottom:10px;
}
.ife-welcome-page-airline-name{
    font-size:1rem;
    color:#8ab4f8;
    letter-spacing:2px;
    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 6px rgba(0,0,0,0.9);
}
.ife-welcome-page-title{
    font-size:1.1rem;
    color:#6b8caf;
    letter-spacing:4px;
    margin-bottom:8px;
    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 6px rgba(0,0,0,0.9);
}
.ife-welcome-page-flight{
    font-size:3rem;
    font-weight:bold;
    background:linear-gradient(135deg,#4ade80,#22d3ee);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    margin-bottom:20px;
    letter-spacing:3px;
    filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 4px rgba(0,0,0,0.9));
}
.ife-welcome-page-route{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    margin-bottom:25px;
}
.ife-welcome-page-airport{
    text-align:center;
}
.ife-welcome-page-icao{
    font-size:1.8rem;
    font-weight:bold;
    color:#e0e6ed;
    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 6px rgba(0,0,0,0.9);
}
.ife-welcome-page-city{
    font-size:0.85rem;
    color:#6b8caf;
    margin-top:5px;
    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 6px rgba(0,0,0,0.9);
}
.ife-welcome-page-plane-icon{
    font-size:1.5rem;
    color:#4ade80;
    animation:planeFly 3s ease-in-out infinite;
}
@keyframes planeFly{
    0%,100%{transform:translateX(-5px);}
    50%{transform:translateX(5px);}
}
.ife-welcome-page-info{
    display:flex;
    justify-content:center;
    gap:30px;
    margin-bottom:30px;
    padding:18px;
    background:rgba(10,22,40,0.6);
    border-radius:12px;
    border:1px solid rgba(42,74,122,0.5);
}
.ife-welcome-page-info-item{
    text-align:center;
}
.ife-welcome-page-info-label{
    display:block;
    font-size:0.75rem;
    color:#6b8caf;
    margin-bottom:5px;
    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 6px rgba(0,0,0,0.9);
}
.ife-welcome-page-info-value{
    display:block;
    font-size:0.95rem;
    color:#e0e6ed;
    font-weight:500;
    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 6px rgba(0,0,0,0.9);
}
.ife-welcome-page-btn{
    background:linear-gradient(135deg,#2a7ab0,#1e5a8a);
    color:#fff;
    border:none;
    padding:14px 45px;
    font-size:1.05rem;
    border-radius:30px;
    cursor:pointer;
    transition:all 0.3s;
    letter-spacing:2px;
    box-shadow:0 4px 20px rgba(42,122,176,0.4);
}
.ife-welcome-page-btn:hover{
    background:linear-gradient(135deg,#3a8ac0,#2e6a9a);
    transform:translateY(-2px);
    box-shadow:0 6px 25px rgba(42,122,176,0.6);
}
.ife-welcome-page-tip{
    margin-top:20px;
    font-size:0.75rem;
    color:#4a6a8a;
    letter-spacing:1px;
    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 6px rgba(0,0,0,0.9);
}

/* 欢迎页面管理员操作 */
.ife-welcome-page-admin{
    position:absolute;
    top:15px;
    right:15px;
    z-index:10;
    display:flex;
    gap:10px;
}
.ife-welcome-page-upload-btn,
.ife-welcome-page-reset-btn{
    padding:8px 16px;
    font-size:0.85rem;
    border-radius:6px;
    border:1px solid rgba(74,222,128,0.5);
    background:rgba(10,22,40,0.8);
    color:#4ade80;
    cursor:pointer;
    transition:all 0.3s;
}
.ife-welcome-page-upload-btn:hover{
    background:rgba(74,222,128,0.2);
    border-color:#4ade80;
}
.ife-welcome-page-reset-btn{
    border-color:rgba(255,100,100,0.5);
    color:#ff6464;
}
.ife-welcome-page-reset-btn:hover{
    background:rgba(255,100,100,0.2);
    border-color:#ff6464;
}

/* ===== 信息条 ===== */
.ife-info-strip{
    background:linear-gradient(90deg,#0a1628,#1a2744,#0a1628);
    border:1px solid #2a4a7a;
    border-radius:8px;
    padding:8px 15px;
    margin-bottom:12px;
    overflow:hidden;
    position:relative;
}
.ife-info-strip-content{
    display:flex;
    align-items:center;
    gap:15px;
    white-space:nowrap;
    animation:ifeScroll 30s linear infinite;
}
.ife-info-strip:hover .ife-info-strip-content{animation-play-state:paused;}
.ife-info-item{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:0.82rem;
    color:#8ab4f8;
}
.ife-info-item .label{color:#6b8caf;}
.ife-info-item .value{color:#fff;font-weight:500;}
@keyframes ifeScroll{
    0%{transform:translateX(100%);}
    100%{transform:translateX(-100%);}
}

/* ===== 顶部状态栏 ===== */
.ife-header{
    background:linear-gradient(135deg,#0d1b2a 0%,#1b2838 50%,#0d1b2a 100%);
    border:1px solid #2a4a7a;
    border-radius:12px;
    padding:15px 20px;
    margin-bottom:12px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    box-shadow:0 4px 20px rgba(0,0,0,0.3);
}
.ife-header-left{display:flex;align-items:center;gap:15px;}
.ife-airline-logo{
    width:180px !important;
    height:51px !important;
    object-fit:contain !important;
    border:none !important;
    background:transparent !important;
}
.ife-flight-no{
    font-size:1.5rem;
    font-weight:bold;
    color:#fff;
    letter-spacing:1px;
}
.ife-route{
    font-size:0.9rem;
    color:#8ab4f8;
    margin-top:2px;
}
.ife-header-center{
    text-align:center;
}
.ife-phase-badge{
    display:inline-block;
    padding:6px 18px;
    background:linear-gradient(135deg,#1e5a8a,#2a7ab0);
    border-radius:20px;
    font-size:0.95rem;
    font-weight:600;
    color:#fff;
    border:1px solid #4a9ad0;
    box-shadow:0 0 15px rgba(42,122,176,0.4);
}
.ife-header-right{text-align:right;}
.ife-time{
    font-size:1.3rem;
    font-weight:bold;
    color:#4ade80;
    font-family:"Courier New",monospace;
    text-shadow:0 0 10px rgba(74,222,128,0.5);
}
.ife-date{
    font-size:0.8rem;
    color:#6b8caf;
    margin-top:2px;
}

/* ===== 标签页导航 ===== */
.ife-tabs{
    display:flex;
    gap:5px;
    margin-bottom:12px;
    background:#0d1b2a;
    padding:6px;
    border-radius:10px;
    border:1px solid #1e3a5a;
    overflow-x:auto;
}
.ife-tab{
    flex:1;
    min-width:80px;
    padding:10px 8px;
    background:transparent;
    border:none;
    border-radius:8px;
    color:#8ab4f8;
    font-size:0.88rem;
    cursor:pointer;
    transition:all 0.3s;
    white-space:nowrap;
}
.ife-tab:hover{background:#1a2f4a;color:#fff;}
.ife-tab.active{
    background:linear-gradient(135deg,#1e5a8a,#2a7ab0);
    color:#fff;
    font-weight:600;
    box-shadow:0 2px 10px rgba(42,122,176,0.3);
}

/* ===== 内容区域 ===== */
.ife-content{position:relative;}
.ife-tab-content{display:none;animation:ifeFadeIn 0.3s ease;}
.ife-tab-content.active{display:block;}
@keyframes ifeFadeIn{
    from{opacity:0;transform:translateY(10px);}
    to{opacity:1;transform:translateY(0);}
}

/* ===== 飞行地图 ===== */
.ife-map-container{
    position:relative;
    height:420px;
    border-radius:12px;
    overflow:hidden;
    margin-bottom:12px;
    border:1px solid #2a4a7a;
    background:#0a1628;
}
#ifeMap{
    width:100%;
    height:100%;
    background:#0a1628 !important;
    position:relative;
    z-index:1;
}
.ife-map-overlay{
    position:absolute;
    top:12px;left:12px;
    z-index:10;
    pointer-events:none;
}
.ife-map-stats{
    display:flex;
    gap:8px;
}
.ife-stat{
    background:rgba(10,22,40,0.85);
    backdrop-filter:blur(10px);
    border:1px solid #2a4a7a;
    color:#fff;
    padding:8px 14px;
    border-radius:8px;
    display:flex;
    flex-direction:column;
    min-width:75px;
}
.ife-stat-label{
    font-size:0.7rem;
    color:#6b8caf;
    text-transform:uppercase;
}
.ife-stat-value{
    font-size:1.05rem;
    font-weight:bold;
    color:#4ade80;
    font-family:"Courier New",monospace;
}

/* 飞行进度条 */
.ife-progress-bar{
    background:linear-gradient(135deg,#0d1b2a,#1b2838);
    border:1px solid #2a4a7a;
    border-radius:10px;
    padding:15px 20px;
}
.ife-progress-track{
    position:relative;
    height:6px;
    background:#1a2f4a;
    border-radius:3px;
    margin-bottom:10px;
}
.ife-progress-fill{
    height:100%;
    background:linear-gradient(90deg,#2a7ab0,#4ade80);
    border-radius:3px;
    transition:width 1s ease;
}
.ife-progress-plane{
    position:absolute;
    top:-8px;
    transform:translateX(-50%);
    font-size:1.2rem;
    transition:left 1s ease;
    filter:drop-shadow(0 0 5px #4ade80);
}
.ife-progress-labels{
    display:flex;
    justify-content:space-between;
    font-size:0.85rem;
    color:#8ab4f8;
}

/* ===== 航班信息 ===== */
.ife-info-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:12px;
}
.ife-info-card{
    background:linear-gradient(135deg,#0d1b2a,#1b2838);
    border:1px solid #2a4a7a;
    border-radius:10px;
    padding:15px;
}
.ife-info-card h4{
    color:#4ade80;
    font-size:0.95rem;
    margin-bottom:12px;
    padding-bottom:8px;
    border-bottom:1px solid #1e3a5a;
}
.ife-info-row{
    display:flex;
    justify-content:space-between;
    padding:6px 0;
    font-size:0.88rem;
    border-bottom:1px solid rgba(42,74,122,0.3);
}
.ife-info-row:last-child{border-bottom:none;}
.ife-info-row span:first-child{color:#6b8caf;}
.ife-info-row span:last-child{color:#fff;font-weight:500;}

/* ===== 客舱广播 ===== */
.ife-broadcast-container{display:flex;flex-direction:column;gap:12px;}
.ife-broadcast-now{
    background:linear-gradient(135deg,#0d1b2a,#1b2838);
    border:1px solid #2a7ab0;
    border-radius:10px;
    padding:15px;
    display:flex;
    align-items:center;
    gap:15px;
    box-shadow:0 0 20px rgba(42,122,176,0.2);
}
.ife-broadcast-icon{
    font-size:2rem;
    animation:ifePulse 2s infinite;
}
@keyframes ifePulse{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.1);}
}
.ife-broadcast-text{flex:1;}
.ife-broadcast-title{
    font-size:1rem;
    font-weight:bold;
    color:#4ade80;
    margin-bottom:4px;
}
.ife-broadcast-content{
    font-size:0.88rem;
    color:#b0c4de;
    line-height:1.5;
}
.ife-broadcast-play{
    padding:8px 16px;
    background:linear-gradient(135deg,#1e5a8a,#2a7ab0);
    border:none;
    border-radius:8px;
    color:#fff;
    cursor:pointer;
    font-size:0.88rem;
    transition:all 0.3s;
}
.ife-broadcast-play:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(42,122,176,0.4);}
.ife-auto-broadcast-btn{
    padding:8px 16px;
    background:linear-gradient(135deg,#2d5a3d,#3d7a4d);
    border:none;
    border-radius:8px;
    color:#fff;
    cursor:pointer;
    font-size:0.88rem;
    transition:all 0.3s;
    margin-left:8px;
}
.ife-auto-broadcast-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(45,90,61,0.4);}
.ife-auto-broadcast-btn:not(.active){
    background:linear-gradient(135deg,#5a3d3d,#7a4d4d);
}
.ife-auto-broadcast-btn:not(.active):hover{box-shadow:0 4px 15px rgba(90,61,61,0.4);}
.ife-broadcast-history{
    background:linear-gradient(135deg,#0d1b2a,#1b2838);
    border:1px solid #2a4a7a;
    border-radius:10px;
    padding:15px;
    max-height:300px;
    overflow-y:auto;
}
.ife-broadcast-history h4{
    color:#4ade80;
    font-size:0.95rem;
    margin-bottom:10px;
}
.ife-broadcast-item{
    padding:10px;
    background:rgba(26,47,74,0.5);
    border-radius:8px;
    margin-bottom:8px;
    border-left:3px solid #2a7ab0;
}
.ife-broadcast-item-title{
    font-size:0.88rem;
    font-weight:600;
    color:#fff;
    margin-bottom:3px;
}
.ife-broadcast-item-time{
    font-size:0.75rem;
    color:#6b8caf;
}
.ife-broadcast-empty{
    text-align:center;
    color:#6b8caf;
    padding:20px;
    font-size:0.9rem;
}

/* ===== 乘客座位图 ===== */
.ife-cabin-container{
    background:linear-gradient(135deg,#0d1b2a,#1b2838);
    border:1px solid #2a4a7a;
    border-radius:10px;
    padding:15px;
}
.ife-cabin-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:1px solid #1e3a5a;
}
.ife-cabin-title{
    font-size:1rem;
    font-weight:bold;
    color:#4ade80;
}
.ife-cabin-stats{
    display:flex;
    gap:15px;
    font-size:0.85rem;
}
.ife-cabin-stats .stat{color:#8ab4f8;}
.ife-cabin-stats .stat b{color:#fff;}
.ife-cabin-legend{
    display:flex;
    gap:15px;
    margin-bottom:15px;
    flex-wrap:wrap;
}
.ife-legend-item{
    display:flex;
    align-items:center;
    gap:5px;
    font-size:0.8rem;
    color:#8ab4f8;
}
.ife-legend-seat{
    width:18px;height:18px;
    border-radius:4px;
    display:inline-block;
}
.ife-seatmap{
    overflow-x:auto;
    padding:10px;
}
.ife-cabin-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    margin-bottom:4px;
}
.ife-row-number{
    width:25px;
    text-align:center;
    font-size:0.75rem;
    color:#6b8caf;
    font-family:"Courier New",monospace;
}
.ife-seat{
    width:28px;height:28px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0.7rem;
    cursor:pointer;
    transition:all 0.2s;
    border:1px solid transparent;
}
.ife-seat:hover{transform:scale(1.15);z-index:10;}
.ife-seat.occupied{
    background:linear-gradient(135deg,#2a7ab0,#1e5a8a);
    color:#fff;
    border-color:#4a9ad0;
}
.ife-seat.empty{
    background:#1a2f4a;
    color:#4a6a8a;
    border-color:#2a4a7a;
}
.ife-seat.exit-row{
    background:linear-gradient(135deg,#b45309,#92400e);
    color:#fff;
}
.ife-seat.business{
    background:linear-gradient(135deg,#7c3aed,#5b21b6);
    color:#fff;
}
.ife-seat.first{
    background:linear-gradient(135deg,#d4af37,#b8941f);
    color:#000;
}
.ife-aisle{width:15px;}
.ife-passenger-detail{
    margin-top:15px;
    padding:12px;
    background:rgba(26,47,74,0.5);
    border-radius:8px;
    border-left:3px solid #4ade80;
    display:none;
}
.ife-passenger-detail.show{display:block;}
.ife-passenger-detail h5{
    color:#4ade80;
    margin-bottom:8px;
    font-size:0.95rem;
}
.ife-passenger-detail .detail-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
    gap:8px;
    font-size:0.85rem;
}
.ife-passenger-detail .detail-item span:first-child{color:#6b8caf;}
.ife-passenger-detail .detail-item span:last-child{color:#fff;font-weight:500;}

/* ===== 娱乐系统 ===== */
.ife-entertainment-tabs{
    display:flex;
    gap:5px;
    margin-bottom:12px;
    flex-wrap:wrap;
}
.ife-ent-tab{
    padding:8px 16px;
    background:#1a2f4a;
    border:1px solid #2a4a7a;
    border-radius:8px;
    color:#8ab4f8;
    font-size:0.85rem;
    cursor:pointer;
    transition:all 0.3s;
}
.ife-ent-tab.active{
    background:linear-gradient(135deg,#1e5a8a,#2a7ab0);
    color:#fff;
    border-color:#4a9ad0;
}
.ife-music-player{
    background:linear-gradient(135deg,#0d1b2a,#1b2838);
    border:1px solid #2a4a7a;
    border-radius:10px;
    padding:15px;
    margin-bottom:12px;
}
.ife-music-now-playing{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:12px;
}
.ife-music-cover{
    width:60px;height:60px;
    border-radius:10px;
    background:linear-gradient(135deg,#7c3aed,#2a7ab0);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.8rem;
}
.ife-music-info{flex:1;}
.ife-music-title{font-size:1rem;font-weight:bold;color:#fff;}
.ife-music-artist{font-size:0.85rem;color:#8ab4f8;}
.ife-music-controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    margin-bottom:10px;
}
.ife-music-btn{
    width:40px;height:40px;
    border-radius:50%;
    background:#1a2f4a;
    border:1px solid #2a4a7a;
    color:#fff;
    font-size:1rem;
    cursor:pointer;
    transition:all 0.3s;
    display:flex;
    align-items:center;
    justify-content:center;
}
.ife-music-btn:hover{background:#2a4a7a;transform:scale(1.1);}
.ife-music-play-btn{
    width:50px;height:50px;
    background:linear-gradient(135deg,#1e5a8a,#2a7ab0);
    font-size:1.2rem;
}
.ife-music-progress-bar{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:0.8rem;
    color:#6b8caf;
}
.ife-music-progress-track{
    flex:1;
    height:4px;
    background:#1a2f4a;
    border-radius:2px;
    cursor:pointer;
    position:relative;
}
.ife-music-progress-fill{
    height:100%;
    background:linear-gradient(90deg,#2a7ab0,#4ade80);
    border-radius:2px;
    width:0%;
}
.ife-music-list{
    background:linear-gradient(135deg,#0d1b2a,#1b2838);
    border:1px solid #2a4a7a;
    border-radius:10px;
    padding:10px;
    max-height:300px;
    overflow-y:auto;
}
.ife-music-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px;
    border-radius:8px;
    cursor:pointer;
    transition:background 0.2s;
}
.ife-music-item:hover{background:#1a2f4a;}
.ife-music-item.playing{background:rgba(42,122,176,0.2);border-left:3px solid #4ade80;}
.ife-music-item-num{width:25px;color:#6b8caf;font-size:0.85rem;}
.ife-music-item-info{flex:1;}
.ife-music-item-title{font-size:0.9rem;color:#fff;}
.ife-music-item-artist{font-size:0.75rem;color:#6b8caf;}
.ife-music-item-duration{font-size:0.8rem;color:#6b8caf;}

/* 游戏区域 */
.ife-game-container{
    background:linear-gradient(135deg,#0d1b2a,#1b2838);
    border:1px solid #2a4a7a;
    border-radius:10px;
    padding:20px;
    text-align:center;
}
.ife-game-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
    gap:12px;
    margin-top:15px;
}
.ife-game-card{
    background:#1a2f4a;
    border:1px solid #2a4a7a;
    border-radius:10px;
    padding:20px 10px;
    cursor:pointer;
    transition:all 0.3s;
}
.ife-game-card:hover{
    transform:translateY(-3px);
    border-color:#4a9ad0;
    box-shadow:0 5px 20px rgba(42,122,176,0.3);
}
.ife-game-icon{font-size:2.5rem;margin-bottom:8px;}
.ife-game-name{font-size:0.9rem;color:#fff;font-weight:600;}
.ife-game-area{
    margin-top:20px;
    padding:20px;
    background:#0a1628;
    border-radius:10px;
    display:none;
}
.ife-game-area.show{display:block;}

/* 问答游戏 */
.ife-quiz-container{
    background:linear-gradient(135deg,#0d1b2a,#1b2838);
    border:1px solid #2a4a7a;
    border-radius:10px;
    padding:20px;
}
.ife-quiz-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
}
.ife-quiz-header h4{color:#4ade80;font-size:1rem;}
.ife-quiz-score{color:#fff;font-size:0.9rem;}
.ife-quiz-score span{color:#4ade80;font-weight:bold;font-size:1.2rem;}
.ife-quiz-question{
    font-size:1rem;
    color:#fff;
    margin-bottom:15px;
    line-height:1.6;
}
.ife-quiz-options{display:flex;flex-direction:column;gap:8px;}
.ife-quiz-option{
    padding:12px 15px;
    background:#1a2f4a;
    border:1px solid #2a4a7a;
    border-radius:8px;
    color:#fff;
    cursor:pointer;
    transition:all 0.2s;
    text-align:left;
    font-size:0.9rem;
}
.ife-quiz-option:hover{background:#2a4a7a;border-color:#4a9ad0;}
.ife-quiz-option.correct{background:linear-gradient(135deg,#166534,#15803d);border-color:#4ade80;}
.ife-quiz-option.wrong{background:linear-gradient(135deg,#991b1b,#b91c1c);border-color:#f87171;}
.ife-quiz-explanation{
    margin-top:15px;
    padding:12px;
    background:rgba(74,222,128,0.1);
    border-left:3px solid #4ade80;
    border-radius:5px;
    font-size:0.88rem;
    color:#b0c4de;
    line-height:1.5;
    display:none;
}
.ife-quiz-explanation.show{display:block;}
.ife-quiz-start{
    text-align:center;
    padding:30px;
}
.ife-quiz-start p{color:#8ab4f8;margin-bottom:15px;line-height:1.6;}
.ife-btn-primary{
    padding:12px 30px;
    background:linear-gradient(135deg,#1e5a8a,#2a7ab0);
    border:none;
    border-radius:8px;
    color:#fff;
    font-size:1rem;
    font-weight:600;
    cursor:pointer;
    transition:all 0.3s;
}
.ife-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(42,122,176,0.4);}

/* ===== 设置面板 ===== */
.ife-settings-panel{
    background:linear-gradient(135deg,#0d1b2a,#1b2838);
    border:1px solid #2a4a7a;
    border-radius:10px;
    padding:20px;
}
.ife-settings-panel h4{
    color:#4ade80;
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:1px solid #1e3a5a;
}
.ife-settings-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:15px;
}
.ife-setting-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px;
    background:rgba(26,47,74,0.5);
    border-radius:8px;
}
.ife-setting-label{font-size:0.9rem;color:#b0c4de;}
.ife-setting-control select{
    padding:6px 12px;
    background:#1a2f4a;
    border:1px solid #2a4a7a;
    border-radius:6px;
    color:#fff;
    font-size:0.85rem;
    cursor:pointer;
}
.ife-setting-control select option{
    color:#000 !important;
    background:#fff !important;
    padding:4px 8px;
}
.ife-setting-control select:hover{
    border-color:#4a9ad0;
}
.ife-setting-control select:focus{
    outline:none;
    border-color:#4a9ad0;
    box-shadow:0 0 0 2px rgba(74,154,208,0.3);
}
/* 自定义下拉菜单 */
.ife-custom-select{position:relative;display:inline-block;min-width:110px;}

.ife-select-trigger{
    padding:6px 12px;
    background:#1a2f4a;
    border:1px solid #2a4a7a;
    border-radius:6px;
    color:#fff;
    font-size:0.85rem;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:border-color 0.2s;
}
.ife-select-trigger:hover{border-color:#4a9ad0;}
.ife-custom-select.open .ife-select-trigger{
    border-color:#4a9ad0;
    border-radius:6px 6px 0 0;
}
.ife-select-arrow{font-size:0.7rem;margin-left:8px;opacity:0.7;transition:transform 0.2s;}
.ife-custom-select.open .ife-select-arrow{transform:rotate(180deg);}
.ife-select-dropdown{
    position:fixed;
    background:#1a2f4a;
    border:1px solid #2a4a7a;
    border-top:none;
    border-radius:0 0 6px 6px;
    z-index:2147483647;
    display:none;
    max-height:200px;
    overflow-y:auto;
    box-shadow:0 4px 12px rgba(0,0,0,0.4);
}
.ife-custom-select.open .ife-select-dropdown{display:block;}
.ife-select-option{
    padding:8px 12px;
    color:#e0e8f0;
    font-size:0.85rem;
    cursor:pointer;
    transition:background 0.15s;
}
.ife-select-option:hover{background:#2a5a8c;color:#fff;}
.ife-select-option.selected{background:#2a5a8c;color:#fff;}
.ife-toggle{
    position:relative;
    width:45px;
    height:24px;
    background:#1a2f4a;
    border-radius:12px;
    cursor:pointer;
    transition:background 0.3s;
    border:1px solid #2a4a7a;
}
.ife-toggle.active{background:linear-gradient(135deg,#1e5a8a,#2a7ab0);}
.ife-toggle::after{
    content:'';
    position:absolute;
    top:2px;left:2px;
    width:18px;height:18px;
    background:#fff;
    border-radius:50%;
    transition:transform 0.3s;
}
.ife-toggle.active::after{transform:translateX(21px);}

/* ===== 祈祷时间 ===== */
.ife-prayer-container{
    background:linear-gradient(135deg,#0d1b2a,#1b2838);
    border:1px solid #2a4a7a;
    border-radius:10px;
    padding:20px;
}
.ife-prayer-container h4{
    color:#4ade80;
    margin-bottom:15px;
    text-align:center;
}
.ife-prayer-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
    gap:10px;
}
.ife-prayer-item{
    text-align:center;
    padding:12px;
    background:rgba(26,47,74,0.5);
    border-radius:8px;
    border:1px solid #2a4a7a;
}
.ife-prayer-name{
    font-size:0.85rem;
    color:#8ab4f8;
    margin-bottom:5px;
}
.ife-prayer-time{
    font-size:1.2rem;
    font-weight:bold;
    color:#4ade80;
    font-family:"Courier New",monospace;
}
.ife-prayer-item.next{
    border-color:#4ade80;
    background:rgba(74,222,128,0.1);
    box-shadow:0 0 15px rgba(74,222,128,0.2);
}

/* ===== 杂志 ===== */
.ife-magazine-list{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
    gap:12px;
}
.ife-magazine-item{
    background:linear-gradient(135deg,#0d1b2a,#1b2838);
    border:1px solid #2a4a7a;
    border-radius:10px;
    overflow:hidden;
    cursor:pointer;
    transition:all 0.3s;
}
.ife-magazine-item:hover{transform:translateY(-3px);box-shadow:0 5px 20px rgba(0,0,0,0.3);}
.ife-magazine-cover{
    height:120px;
    background:linear-gradient(135deg,#7c3aed,#2a7ab0);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2.5rem;
}
.ife-magazine-info{padding:10px;}
.ife-magazine-title{font-size:0.9rem;color:#fff;font-weight:600;margin-bottom:3px;}
.ife-magazine-desc{font-size:0.75rem;color:#6b8caf;line-height:1.4;}

/* ===== 响应式 ===== */
@media (max-width:768px){
    .ife-container{padding:10px;}
    .ife-header{flex-direction:column;gap:10px;text-align:center;}
    .ife-header-left{justify-content:center;}
    .ife-map-container{height:300px;}
    .ife-map-stats{flex-wrap:wrap;}
    .ife-stat{min-width:60px;padding:6px 10px;}
    .ife-tabs{flex-wrap:nowrap;}
    .ife-tab{font-size:0.8rem;padding:8px 5px;}
    .ife-info-grid{grid-template-columns:1fr;}
}

/* 滚动条样式 */
.ife-container ::-webkit-scrollbar{width:6px;height:6px;}
.ife-container ::-webkit-scrollbar-track{background:#0a1628;}
.ife-container ::-webkit-scrollbar-thumb{background:#2a4a7a;border-radius:3px;}
.ife-container ::-webkit-scrollbar-thumb:hover{background:#3a6ab0;}