/* ============================================================
   深色霓虹科技主题（第二套） theme-neon.css
   仅在后台选择「深色霓虹」且加载本文件时生效。
   当前版本先只作用于首页（.page-index），内页保持浅绿原版。
   ============================================================ */

.page-index {
    --neon: #3ee6a8;
    --neon-2: #26e0c8;
    --neon-soft: rgba(62, 230, 168, 0.30);
    --line: rgba(62, 230, 168, 0.26);
    --neon-text: #eafff8;
    --neon-text-sub: #9fd3c6;
    /* 实色深青玻璃底（不透明渐变，避免半透明发灰） */
    --glass-solid: linear-gradient(180deg, rgba(21, 56, 64, 0.96) 0%, rgba(12, 36, 42, 0.96) 100%);
}

/* ---------- 页面深墨绿黑底 + 稀疏星光 ---------- */
.page-index {
    min-height: 100vh;
    background-image:
        linear-gradient(180deg, rgba(5, 18, 16, 0.52) 0%, rgba(4, 14, 13, 0.72) 100%),
        radial-gradient(1100px 650px at 80% -10%, rgba(38, 224, 200, 0.08), transparent 60%);
    background-size: cover, auto, cover;
    background-position: center, center, center;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-attachment: fixed, fixed, fixed;
}
.page-index::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        radial-gradient(1.5px 1.5px at 12% 18%, rgba(180, 255, 230, 0.5), transparent 100%),
        radial-gradient(1px 1px at 32% 62%, rgba(180, 255, 230, 0.35), transparent 100%),
        radial-gradient(1.5px 1.5px at 58% 30%, rgba(180, 255, 230, 0.45), transparent 100%),
        radial-gradient(1px 1px at 76% 72%, rgba(180, 255, 230, 0.3), transparent 100%),
        radial-gradient(1px 1px at 90% 22%, rgba(180, 255, 230, 0.4), transparent 100%),
        radial-gradient(1.5px 1.5px at 45% 88%, rgba(180, 255, 230, 0.3), transparent 100%);
    opacity: 0.6;
}
.page-index .main-content { position: relative; z-index: 1; }

/* ---------- 顶部信息栏 ---------- */
.page-index .site-header {
    background: transparent;
    box-shadow: none;
}
.page-index .site-header .logo-area { align-items: center; gap: 16px; }
.page-index .site-header .logo-icon {
    background: none;
    border: none;
    color: var(--neon);
    box-shadow: none;
    width: 54px; height: 54px;
}
.page-index .site-header .logo-icon svg {
    width: 36px; height: 36px;
    stroke: #3ee6a8;
    filter: drop-shadow(0 0 8px rgba(62, 230, 168, 0.85));
}
.page-index .logo-text h1 {
    color: #ffffff;
    text-shadow: 0 0 16px rgba(62, 230, 168, 0.45);
    letter-spacing: 1px;
    padding-bottom: 0;
}
.page-index .logo-text h1::after { content: none; }
.page-index .logo-text p {
    color: rgba(159, 211, 198, 0.7);
    font-size: 12px;
    letter-spacing: 2px;
    margin-top: 2px;
}
.page-index .weather-box {
    background: var(--glass-solid);
    border: 1px solid var(--line);
    backdrop-filter: blur(8px);
    color: var(--neon-text);
    box-shadow: inset 0 1px 0 rgba(62,230,168,.3), 0 0 14px rgba(62, 230, 168, 0.14);
}
.page-index .weather-box .temp { color: #ffffff; }
.page-index .time-box .current-time { color: #ffffff; text-shadow: 0 0 12px rgba(62, 230, 168, 0.45); }
.page-index .time-box .current-date { color: var(--neon-text-sub); }

/* ---------- 公告条（深青实色玻璃 + 灯带） ---------- */
.page-index .hero-notice-bar {
    background: linear-gradient(180deg, rgba(16, 58, 54, var(--notice-opacity, 0.95)), rgba(9, 38, 36, var(--notice-opacity, 0.95))) !important;
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(62,230,168,.3), inset 0 -1px 0 rgba(62,230,168,.25), 0 0 16px rgba(62, 230, 168, 0.16);
}
.page-index .hero-notice-bar .hero-notice-icon { filter: drop-shadow(0 0 6px rgba(62, 230, 168, 0.6)); }
.page-index .hero-notice-bar .hero-notice-content { color: #ffffff !important; }

/* ---------- 左侧大图 / 视频（青色发光边） ---------- */
.page-index .banner-slider,
.page-index .video-main-area {
    border: 1px solid var(--neon-soft);
    border-radius: 16px;
    box-shadow: 0 0 22px rgba(62, 230, 168, 0.2), inset 0 0 20px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

/* ---------- 视频模块控件：青色发光（覆盖 style.css 的经典绿） ---------- */
.page-index .video-progress-fill {
    background: linear-gradient(90deg, #3ee6a8, #7dffd2);
    box-shadow: 0 0 10px rgba(62, 230, 168, 0.7);
}
.page-index .video-progress-thumb {
    box-shadow: 0 0 8px rgba(62, 230, 168, 0.85);
}
.page-index .playlist-toggle-btn:hover,
.page-index .playlist-toggle-btn.active {
    background: rgba(62, 230, 168, 0.85);
    color: #06281f;
}
.page-index .playlist-item.active {
    border-color: #3ee6a8;
    box-shadow: 0 0 0 2px rgba(62, 230, 168, 0.35);
}
.page-index .playlist-item.active .playlist-name {
    background: rgba(62, 230, 168, 0.18);
    color: #7dffd2;
}

/* ---------- 右侧玻璃卡片：实色深青 + 上下灯带 ---------- */
.page-index .sidebar-card {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(18, 62, 56, 0.62), rgba(9, 34, 32, 0.78));
    border: 1px solid rgba(96, 172, 162, 0.5);
    border-radius: 16px;
    backdrop-filter: blur(14px);
    box-shadow:
        inset 0 1px 0 rgba(160, 255, 222, 0.22),
        0 8px 20px rgba(4, 200, 90, 0.22),
        0 0 26px rgba(4, 200, 90, 0.12);
    color: var(--neon-text);
}
.page-index .sidebar-card .sidebar-card-title,
.page-index .sidebar-card h3,
.page-index .sidebar-card .sidebar-card-title h3 { color: #ffffff; }
.page-index .sidebar-card .sidebar-card-title .icon,
.page-index .sidebar-card .sidebar-card-header .icon { filter: drop-shadow(0 0 6px rgba(62, 230, 168, 0.5)); }
.page-index .sidebar-card .view-more { color: var(--neon); }
.page-index .notice-item,
.page-index .event-item { border-bottom: 1px dashed rgba(62, 230, 168, 0.16); color: var(--neon-text); }
.page-index .notice-item .notice-dot { background: var(--neon); box-shadow: 0 0 8px rgba(62, 230, 168, 0.9); }
.page-index .notice-item .notice-content,
.page-index .event-item .event-info { color: var(--neon-text); }
.page-index .notice-content a { color: var(--neon-text); }
.page-index .notice-item .notice-date,
.page-index .sidebar-card .sidebar-card-header p,
.page-index .event-item .event-info p,
.page-index .event-item .event-info small,
.page-index .event-item .event-info .event-time { color: var(--neon-text-sub); }
.page-index .event-item .event-info h4 { color: var(--neon-text); }
.page-index .event-item .event-icon { border: 1px solid var(--line); }
.page-index .qrcode-item .qrcode-img { background: rgba(255,255,255,0.92); border: 1px solid var(--line); }
.page-index .qrcode-item { color: var(--neon-text-sub); }
.page-index .notice-item:hover,
.page-index .event-item:hover { background: rgba(62, 230, 168, 0.08); border-radius: 8px; }

/* ---------- 快捷按钮：深青玻璃 + 底部灯带辉光 ---------- */
.page-index .quick-entry {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(18, 62, 56, 0.62), rgba(9, 34, 32, 0.78));
    border: 1px solid rgba(96, 172, 162, 0.5);
    border-radius: 16px;
    backdrop-filter: blur(14px);
    box-shadow:
        inset 0 1px 0 rgba(160, 255, 222, 0.22),
        0 8px 20px rgba(4, 200, 90, 0.28),
        0 0 26px rgba(4, 200, 90, 0.16);
    color: var(--neon-text);
    transition: all 0.3s ease;
}
.page-index .quick-entry::after {
    content: "";
    position: absolute; left: 14%; right: 14%; bottom: 7px; height: 3px;
    background: linear-gradient(90deg, transparent, #04c85a 22%, #4dffa6 50%, #04c85a 78%, transparent);
    border-radius: 3px;
    box-shadow: 0 0 12px rgba(4, 200, 90, 0.85), 0 0 24px rgba(4, 200, 90, 0.4);
    z-index: 0;
}
.page-index .quick-entry > * { position: relative; z-index: 1; }
.page-index .quick-entry:hover {
    transform: translateY(-4px);
    box-shadow:
        inset 0 1px 0 rgba(160, 255, 222, 0.3),
        0 10px 24px rgba(4, 200, 90, 0.4),
        0 0 34px rgba(4, 200, 90, 0.24);
}
.page-index .quick-entry h3 { color: #ffffff; font-weight: 700; }
.page-index .quick-entry p { color: var(--neon-text-sub); }
.page-index .quick-entry-icon.green {
    background: linear-gradient(135deg, #1fd866, #12b84f);
    box-shadow: 0 0 16px rgba(21, 197, 79, 0.55);
}
.page-index .quick-entry .quick-entry-icon { box-shadow: 0 0 14px rgba(46, 187, 144, 0.3); }

/* ---------- 底部导航：透明底 + 选中绿色发光 + 底部亮线 ---------- */
.page-index .bottom-nav {
    background: linear-gradient(180deg, rgba(6, 20, 18, 0.6), rgba(4, 14, 13, 0.92));
    border-top: 1px solid rgba(62, 230, 168, 0.18);
    backdrop-filter: blur(10px);
}
.page-index .bottom-nav .nav-item {
    position: relative;
    color: #9fc6bd;
    padding: 10px 16px;
    border-radius: 12px;
}
.page-index .bottom-nav .nav-item svg { stroke: currentColor; }
.page-index .bottom-nav .nav-item.active {
    color: #3ee6a8;
    background: transparent;
    text-shadow: 0 0 10px rgba(62, 230, 168, 0.6);
}
.page-index .bottom-nav .nav-item.active svg {
    stroke: #3ee6a8;
    filter: drop-shadow(0 0 6px rgba(62, 230, 168, 0.7));
}
.page-index .bottom-nav .nav-item.active::after {
    content: "";
    position: absolute; left: 22%; right: 22%; bottom: 2px; height: 2.5px;
    background: linear-gradient(90deg, transparent, #3ee6a8 30%, #7dffd2 50%, #3ee6a8 70%, transparent);
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(62, 230, 168, 0.9);
}
.page-index .nav-brand .brand-name,
.page-index .nav-brand .brand-sub { color: var(--neon-text-sub); }

/* ---------- 增强：卡片顶部亮青横带 ---------- */
.page-index .sidebar-card { position: relative; overflow: hidden; }
.page-index .sidebar-card::before {
    content: ""; position: absolute; top: 0; left: 0; right: 0; height: 64px;
    background: linear-gradient(180deg, rgba(96, 255, 204, 0.22), rgba(62, 230, 168, 0.05) 70%, transparent);
    pointer-events: none;
}
.page-index .sidebar-card > * { position: relative; z-index: 1; }

/* ---------- 增强：快捷图标放大 + 彩色辉光 ---------- */
.page-index .quick-entry .quick-entry-icon {
    width: 58px; height: 58px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 14px;
}
.page-index .quick-entry .quick-entry-icon svg { width: 30px; height: 30px; }
.page-index .quick-entry:hover .quick-entry-icon { filter: drop-shadow(0 0 10px rgba(62, 230, 168, 0.6)); }

/* ---------- 精修：图标常态彩色辉光 + 标题微光 ---------- */
.page-index .quick-entry-icon.blue { box-shadow: 0 0 14px rgba(59, 130, 246, 0.5); }
.page-index .quick-entry-icon.teal { box-shadow: 0 0 14px rgba(20, 184, 166, 0.5); }
.page-index .quick-entry-icon.lime { box-shadow: 0 0 14px rgba(132, 204, 22, 0.5); }
.page-index .quick-entry-icon.orange { box-shadow: 0 0 14px rgba(245, 158, 11, 0.5); }
.page-index .quick-entry h3 { text-shadow: 0 0 10px rgba(255, 255, 255, 0.25); }

/* ---------- 导航七项等分铺满，竖线落在两项正中（参考效果图） ---------- */
.page-index .nav-inner { justify-content: flex-start; }
.page-index .bottom-nav .nav-item {
    flex: 1 1 0;
    max-width: none;
    padding: 10px 8px;
    text-align: center;
}
.page-index .bottom-nav .nav-item + .nav-item {
    position: relative;
}
.page-index .bottom-nav .nav-item + .nav-item::before {
    content: "";
    position: absolute; left: -14px; top: 50%; transform: translateY(-50%);
    height: 42%; width: 1px;
    background: rgba(62, 230, 168, 0.18);
}

/* ---------- 顶部 LOGO 放大与同行排版（对齐效果图） ---------- */
.page-index .site-header .logo-area { gap: 18px; align-items: center; }
.page-index .site-header .logo-icon { width: 60px; height: 60px; }
.page-index .site-header .logo-icon svg { width: 42px; height: 42px; }
.page-index .logo-text { display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap; }
.page-index .logo-text h1 { font-size: 28px; line-height: 1.2; }
.page-index .logo-text p { margin-top: 0; font-size: 13px; letter-spacing: 2px; }

/* ---------- 顶部真实林宅LOGO（深色首页） ---------- */
.page-index .site-header .logo-icon {
    width: auto; height: 56px;
    background: none; border: none; box-shadow: none;
}
.page-index .logo-icon .icon-home-svg { display: none; }
.page-index .logo-icon .logo-brand {
    display: block !important; height: 56px; width: auto;
    filter: drop-shadow(0 0 8px rgba(62, 230, 168, 0.35));
}

/* ---------- 1920档顶部与主内容区同宽同边距（LOGO对齐按钮卡片左缘） ---------- */
@media (min-width: 1920px) {
    .page-index .header-inner {
        max-width: 1600px;
        padding: 16px 32px;
    }
}

/* ============================================================
   全站深色变量基底（neon 主题，不限首页；内页靠变量自动变暗）
   ============================================================ */
:root {
    --primary-color: #3ee6a8;
    --primary-dark: #22c98c;
    --primary-light: rgba(62, 230, 168, 0.16);
    --primary-bg: rgba(62, 230, 168, 0.08);
    --text-primary: #eafff8;
    --text-secondary: #a6d6ca;
    --text-light: #78a89c;
    --bg-white: #15363e;
    --bg-gray: #0f282e;
    --bg-light: #183a42;
    --border-color: rgba(96, 172, 162, 0.42);
    --border-light: rgba(96, 172, 162, 0.22);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 6px 18px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.4);
}
body {
    background:
        radial-gradient(1100px 650px at 80% -10%, rgba(38, 224, 200, 0.09), transparent 60%),
        radial-gradient(900px 600px at 6% 112%, rgba(62, 230, 168, 0.09), transparent 60%),
        linear-gradient(165deg, #0a211d 0%, #061715 48%, #04100e 100%) !important;
    background-attachment: fixed;
    color: var(--text-primary);
}

/* ============================================================
   内页通用深色补充（处理不走变量的硬编码浅色）
   ============================================================ */

/* 顶部 logo 图标：内页房子图标透明发光（首页真实LOGO已另处理） */
.site-header .logo-icon {
    background: none !important; border: none !important; box-shadow: none !important;
    color: #3ee6a8;
}
.site-header .logo-icon svg {
    stroke: #3ee6a8;
    filter: drop-shadow(0 0 8px rgba(62, 230, 168, 0.8));
}
.site-header .logo-text h1 { color: #fff; text-shadow: 0 0 16px rgba(62, 230, 168, 0.45); }
.site-header .logo-text p { color: rgba(159, 211, 198, 0.7); }

/* 顶部天气 / 时间（全局，与首页一致） */
.weather-box {
    background: linear-gradient(180deg, rgba(21, 56, 64, 0.96), rgba(12, 36, 42, 0.96));
    border: 1px solid rgba(62, 230, 168, 0.26);
    color: #eafff8;
    box-shadow: inset 0 1px 0 rgba(62, 230, 168, 0.3), 0 0 14px rgba(62, 230, 168, 0.14);
}
.weather-box .temp { color: #fff; }
.time-box .current-time { color: #fff; text-shadow: 0 0 12px rgba(62, 230, 168, 0.45); }
.time-box .current-date { color: #a6d6ca; }

/* 子页标题栏 page-header：深青玻璃 + 描边微光 */
.page-header {
    background: linear-gradient(180deg, rgba(21, 56, 64, 0.9), rgba(12, 36, 42, 0.9));
    border: 1px solid rgba(96, 172, 162, 0.42);
    box-shadow: inset 0 1px 0 rgba(160, 255, 222, 0.15), 0 8px 20px rgba(4, 200, 90, 0.12);
}
.page-title { color: #fff; text-shadow: 0 0 14px rgba(62, 230, 168, 0.35); }
.page-subtitle { color: #a6d6ca; }
.back-btn, .home-btn {
    background: rgba(24, 58, 66, 0.85);
    color: #cfeae2;
    border: 1px solid rgba(96, 172, 162, 0.3);
}
.back-btn:hover, .home-btn:hover {
    background: rgba(62, 230, 168, 0.18);
    color: #3ee6a8;
}

/* 通用内容卡片：深青玻璃描边微光 */
.stat-card, .about-section, .spot-card, .gallery-item,
.service-item, .notice-card, .event-card, .info-card, .detail-card, .panel {
    border: 1px solid rgba(96, 172, 162, 0.4);
    box-shadow: inset 0 1px 0 rgba(160, 255, 222, 0.14), 0 8px 20px rgba(4, 200, 90, 0.12);
}

/* about 横幅转深青玻璃 */
.about-hero {
    background: linear-gradient(135deg, rgba(18, 62, 56, 0.85), rgba(9, 34, 32, 0.92)) !important;
    border: 1px solid rgba(96, 172, 162, 0.4);
}

/* 表单 focus 青绿辉光 + 下拉选项深色 */
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
    border-color: #3ee6a8;
    box-shadow: 0 0 0 3px rgba(62, 230, 168, 0.18), 0 0 14px rgba(62, 230, 168, 0.15);
}
.form-group select { color: #eafff8; }
.form-group select option { background: #15363e; color: #eafff8; }

/* 主按钮青绿发光 */
.btn-primary {
    box-shadow: 0 4px 16px rgba(62, 230, 168, 0.35), 0 0 18px rgba(62, 230, 168, 0.18);
}

/* ===== 底部导航全局深色（与首页一致） ===== */
.bottom-nav {
    background: linear-gradient(180deg, rgba(6, 20, 18, 0.6), rgba(4, 14, 13, 0.92));
    border-top: 1px solid rgba(62, 230, 168, 0.18);
    backdrop-filter: blur(10px);
}
.bottom-nav .nav-item {
    position: relative;
    color: #9fc6bd;
    padding: 10px 8px;
    border-radius: 12px;
    flex: 1 1 0;
    max-width: none;
    text-align: center;
}
.bottom-nav .nav-item svg { stroke: currentColor; }
.bottom-nav .nav-item.active {
    color: #3ee6a8; background: transparent;
    text-shadow: 0 0 10px rgba(62, 230, 168, 0.6);
}
.bottom-nav .nav-item.active svg {
    stroke: #3ee6a8;
    filter: drop-shadow(0 0 6px rgba(62, 230, 168, 0.7));
}
.bottom-nav .nav-item.active::after {
    content: "";
    position: absolute; left: 22%; right: 22%; bottom: 2px; height: 2.5px;
    background: linear-gradient(90deg, transparent, #3ee6a8 30%, #7dffd2 50%, #3ee6a8 70%, transparent);
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(62, 230, 168, 0.9);
}
.bottom-nav .nav-item + .nav-item::before {
    content: "";
    position: absolute; left: -14px; top: 50%; transform: translateY(-50%);
    height: 42%; width: 1px;
    background: rgba(62, 230, 168, 0.18);
}
.nav-brand .brand-name, .nav-brand .brand-sub { color: #a6d6ca; }

/* ============================================================
   第二批：内页残留浅色块补齐（service / map / notice）
   ============================================================ */

/* service 预约横幅：霓虹青玻璃 */
.booking-section {
    background: linear-gradient(135deg, rgba(18, 62, 56, 0.9), rgba(9, 34, 32, 0.95));
    border: 1px solid rgba(62, 230, 168, 0.35);
    box-shadow: inset 0 1px 0 rgba(160, 255, 222, 0.18), 0 8px 22px rgba(4, 200, 90, 0.18);
}
.booking-section h3 { color: #fff; }
.booking-section p { color: #cfeae2; }
.booking-btn {
    background: rgba(62, 230, 168, 0.16);
    color: #3ee6a8;
    border: 1px solid rgba(62, 230, 168, 0.5);
}
.booking-btn:hover { box-shadow: 0 4px 14px rgba(62, 230, 168, 0.35); }

/* service 温馨提示：深青 + 琥珀弱光 */
.tips-box {
    background: rgba(18, 62, 56, 0.55);
    border-left: 4px solid #f59e0b;
    border-radius: 16px;
}
.tips-box h3 { color: #fcd34d; }
.tips-box li { color: #e7d8b0; }

/* map 右侧信息白卡 -> 深青玻璃 */
.route-order-box, .route-spots-compact {
    background: linear-gradient(180deg, rgba(21, 56, 64, 0.9), rgba(12, 36, 42, 0.9));
    border: 1px solid rgba(96, 172, 162, 0.4);
    box-shadow: inset 0 1px 0 rgba(160, 255, 222, 0.14), 0 8px 20px rgba(4, 200, 90, 0.12);
}
.route-order-box h4, .route-spots-compact h4 { color: #fff; }
.route-order-text, .spot-compact-name, .route-description { color: #cfeae2; }
.spot-compact-item { border-bottom: 1px dashed rgba(96, 172, 162, 0.25); }

/* map 温馨提示 */
.route-tips-compact {
    background: rgba(18, 62, 56, 0.55);
    border: 1px solid rgba(245, 158, 11, 0.4);
}
.route-tips-compact h4 { color: #fcd34d; }
.route-tips-compact p { color: #e7d8b0; }

/* map 路线标签 */
.route-tag { background: rgba(62, 230, 168, 0.16); color: #3ee6a8; }

/* notice 开放时间小卡 / 信息块 -> 深青 */
.spot-info-item {
    background: rgba(21, 56, 64, 0.9) !important;
    border: 1px solid rgba(96, 172, 162, 0.4);
}
.spot-info-item .value { color: #3ee6a8; }

/* feedback 类型选中态：青绿发光 */
.feedback-type-group label:has(input:checked) {
    background: rgba(62, 230, 168, 0.18) !important;
    border-color: #3ee6a8 !important;
    box-shadow: 0 0 12px rgba(62, 230, 168, 0.3);
    color: #3ee6a8;
}

/* ============================================================
   第三批：弹窗深色（景点详情 / 投稿 / 看图器）
   ============================================================ */
.spot-detail-modal { background: linear-gradient(180deg, rgba(21,56,64,0.98), rgba(12,36,42,0.98)); border: 1px solid rgba(96,172,162,0.4); }
.spot-detail-close, .spot-slider-arrow { background: rgba(24,58,66,0.9); color: #a6d6ca; }
.spot-detail-close:hover, .spot-slider-arrow:hover { background: rgba(62,230,168,0.2); color: #3ee6a8; }
.spot-detail-slider { background: #0f282e; }
.spot-detail-header { border-bottom: 1px solid rgba(96,172,162,0.25); }
.spot-detail-title { color: #fff; }
.spot-detail-location { color: #a6d6ca; }
.spot-detail-section-title { color: #fff; border-bottom: 2px solid rgba(62,230,168,0.25); }
.spot-detail-description { color: #cfeae2; }
.spot-info-item { background: rgba(18,62,56,0.6) !important; border-left: 3px solid #3ee6a8; }
.spot-info-item .label { color: #a6d6ca; }
.spot-info-item .value { color: #3ee6a8; }
.submit-photo-modal-content { background: linear-gradient(180deg, rgba(21,56,64,0.98), rgba(12,36,42,0.98)); border: 1px solid rgba(96,172,162,0.4); }
.submit-photo-modal-header { border-bottom: 1px solid rgba(96,172,162,0.25); }
.submit-photo-modal-header h3 { color: #fff; }
.submit-photo-close { color: #a6d6ca; }
.submit-photo-close:hover { background: rgba(62,230,168,0.15); color: #3ee6a8; }
.photo-viewer-info h3 { color: #fff; }
.photo-viewer-info p { color: #cfeae2; }
.photo-viewer-counter { color: #a6d6ca; }

/* ============================================================
   第四批：卡片角标 / 成功提示
   ============================================================ */
.spot-card-category {
    background: rgba(15, 40, 46, 0.85) !important;
    color: #3ee6a8 !important;
    border: 1px solid rgba(62, 230, 168, 0.35);
}
.submit-success-toast {
    background: linear-gradient(180deg, rgba(21,56,64,0.98), rgba(12,36,42,0.98));
    border: 1px solid rgba(96,172,162,0.4);
}
.submit-success-toast .toast-text { color: #eafff8 !important; }

/* ============================================================
   第五批：首页二维码占位 / 地图容器兜底底色
   ============================================================ */
.qrcode-img { background: rgba(15,40,46,0.9) !important; }
.route-map-wrapper { background: #0f282e !important; }

/* ============================================================
   第六批：还原内联后的 neon 接管（页面类作用域，!important 压内联）
   ============================================================ */

/* 场地预约 - 须知框 */
.page-booking div[style*="f0fdf4"] {
    background: rgba(18,62,56,0.6) !important;
    color: #a6d6ca !important;
    border: 1px solid rgba(96,172,162,0.4) !important;
}

/* 活动资讯列表 */
.page-events_list a[style*="e5e7eb"] { border-color: rgba(96,172,162,0.4) !important; }
.page-events_list div[style*="fef3c7"] {
    background: linear-gradient(135deg, rgba(18,62,56,0.85), rgba(9,34,32,0.95)) !important;
}
.page-events_list div[style*="255,255,255,0.9"] {
    background: rgba(62,230,168,0.18) !important;
    color: #3ee6a8 !important;
}
.page-events_list h3 { color: #eafff8 !important; }
.page-events_list p { color: #a6d6ca !important; }
.page-events_list div[style*="10b981"] { color: #3ee6a8 !important; }

/* 活动详情 */
.page-event_detail div[style*="fef3c7"] {
    background: linear-gradient(135deg, rgba(18,62,56,0.9), rgba(9,34,32,0.95)) !important;
}
.page-event_detail h1 { color: #eafff8 !important; }
.page-event_detail h3 { color: #eafff8 !important; }
.page-event_detail p { color: #a6d6ca !important; }
.page-event_detail div[style*="374151"] { color: #cfeae2 !important; }
.page-event_detail div[style*="e5e7eb"] {
    background: linear-gradient(90deg, transparent, rgba(96,172,162,0.4), transparent) !important;
}
.page-event_detail div[style*="f3f4f6"] { border-top-color: rgba(96,172,162,0.25) !important; }
.page-event_detail button[style*="10b981"] {
    background: linear-gradient(135deg, #3ee6a8, #22c98c) !important;
    color: #062a20 !important;
    box-shadow: 0 4px 16px rgba(62,230,168,0.35), 0 0 18px rgba(62,230,168,0.18) !important;
}
/* 活动详情二维码弹窗 */
#eventQrcodeModal > div, .page-event_detail #eventQrcodeModal > div {
    background: linear-gradient(180deg, rgba(21,56,64,0.97), rgba(12,36,42,0.97)) !important;
}
#eventQrcodeModal h3 { color: #eafff8 !important; }
#eventQrcodeModal p { color: #a6d6ca !important; }
#eventQrcodeModal div[style*="f3f4f6"], #eventQrcodeModal div[style*="f9fafb"] {
    background: rgba(15,40,46,0.9) !important;
    border-color: rgba(96,172,162,0.4) !important;
}
#eventQrcodeModal button { background: rgba(24,58,66,0.9) !important; color: #a6d6ca !important; }

/* 公告详情 */
.page-notice_detail h1 { color: #eafff8 !important; }
.page-notice_detail div[style*="374151"] { color: #cfeae2 !important; }
.page-notice_detail div[style*="9ca3af"] { color: #78a89c !important; }
.page-notice_detail div[style*="e5e7eb"] {
    background: linear-gradient(90deg, transparent, rgba(96,172,162,0.4), transparent) !important;
}
.page-notice_detail a[style*="6b7280"] { color: #a6d6ca !important; }
.page-notice_detail span[style*="d1fae5"] {
    background: rgba(62,230,168,0.16) !important; color: #3ee6a8 !important;
}
.page-notice_detail span[style*="dbeafe"] {
    background: rgba(59,130,246,0.18) !important; color: #93c5fd !important;
}

/* 公告列表：筛选tab / 列表项 / 徽章 / 标题 / 日期 / 描述 / 分页 */
.page-notices_list .filter-tab {
    background: rgba(21,56,64,0.9) !important;
    color: #a6d6ca !important;
    border: 1px solid rgba(96,172,162,0.4) !important;
}
.page-notices_list .filter-tab.active,
.page-notices_list a[style*="#10b981"] {
    background: #3ee6a8 !important; color: #062a20 !important;
}
.page-notices_list a[style*="e5e7eb"] {
    border-color: rgba(96,172,162,0.4) !important; color: #a6d6ca !important;
}
.page-notices_list h3 { color: #eafff8 !important; }
.page-notices_list p { color: #a6d6ca !important; }
.page-notices_list span[style*="9ca3af"] { color: #78a89c !important; }
.page-notices_list span[style*="d1fae5"] { background: rgba(62,230,168,0.16) !important; color: #3ee6a8 !important; }
.page-notices_list span[style*="dbeafe"] { background: rgba(59,130,246,0.18) !important; color: #93c5fd !important; }
.page-notices_list a[style*="6b7280"] { color: #a6d6ca !important; }

/* 游客反馈：类型选项 + 说明框 */
.feedback-type-group .fb-type-opt {
    background: rgba(21,56,64,0.85) !important;
    color: #cfeae2 !important;
    border-color: rgba(96,172,162,0.4) !important;
}
.feedback-type-group .fb-type-opt:has(input:checked) {
    background: rgba(62,230,168,0.16) !important;
    border-color: #3ee6a8 !important;
    box-shadow: 0 0 14px rgba(62,230,168,0.25) !important;
}
.feedback-notice {
    background: rgba(18,62,56,0.6) !important;
    color: #a6d6ca !important;
    border: 1px solid rgba(96,172,162,0.4) !important;
}

/* 首页二维码弹窗 */
#qrcodeModal > div {
    background: linear-gradient(180deg, rgba(21,56,64,0.98), rgba(12,36,42,0.98)) !important;
    border: 1px solid rgba(96,172,162,0.4) !important;
}
#qrcodeModal button { background: rgba(24,58,66,0.9) !important; color: #a6d6ca !important; }
#qrcodeModalTitle { color: #fff !important; }
#qrcodeModalImg { background: rgba(15,40,46,0.9) !important; }
#qrcodeModalDesc { color: #a6d6ca !important; }

/* ============================================================
   第七批：所有内页顶部统一显示真实林宅LOGO（与首页一致，header高度不变）
   ============================================================ */
.site-header .logo-icon {
    width: auto !important;
    height: 56px !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
.site-header .logo-icon .icon-home-svg { display: none; }
.site-header .logo-icon .logo-brand-green{display:none!important;}
.site-header .logo-icon .logo-brand {
    display: block !important;
    height: 56px;
    width: auto;
    filter: drop-shadow(0 0 8px rgba(62,230,168,0.35));
}

/* ============================================================
   第八批：1920档内页顶部跟随内容区(main-content 1600/32)同宽同边距
   首页已由 .page-index 规则固定为1600/32，此处同值覆盖不冲突
   ============================================================ */
@media (min-width: 1920px) {
    .header-inner {
        max-width: 1600px;
        padding: 16px 32px;
    }
}

/* 首页背景兜底：遮罩 + 微光光晕（背景图由后台选择，前端内联注入） */
body.page-index {
    background-image:
        linear-gradient(180deg, rgba(5, 18, 16, 0.34) 0%, rgba(4, 14, 13, 0.58) 100%),
        radial-gradient(1100px 650px at 80% -10%, rgba(38, 224, 200, 0.08), transparent 60%);
    background-size: cover, auto;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    background-attachment: fixed, fixed;
}

/* 扫码弹窗与投稿弹窗同主题 */
.kiosk-mode .scan-tip.kiosk-pop .scan-pop-card { background: linear-gradient(180deg, rgba(21,56,64,0.98), rgba(12,36,42,0.98)); border: 1px solid rgba(96,172,162,0.4); }
.kiosk-mode .scan-tip.kiosk-pop .scan-tip-text h3 { color: #fff; }
.kiosk-mode .scan-tip.kiosk-pop .scan-tip-text p { color: rgba(255,255,255,0.85); }
.kiosk-mode .scan-tip.kiosk-pop .scan-tip-text small { color: rgba(255,255,255,0.6); }
.kiosk-mode .scan-tip.kiosk-pop .kiosk-pop-close { color: rgba(255,255,255,0.85); background: rgba(255,255,255,0.14); }
.kiosk-mode .scan-tip.kiosk-pop .kiosk-pop-close:hover { background: rgba(255,255,255,0.25); }