.g-nav li {
    margin-left: 20px;}

@media only screen and (max-width: 1680px){
.g-nav li {
    margin-left: 20px;}
}
.xxbm .down{width:160px !important;}
.xxbm .down a{    font-size: 15px !important;}
.g-nav2 .scroll li{width: 20%;padding-right: 0px;}
.g-nav2 .scroll li:nth-child(4n){border-right:1px solid rgba(255,255,255,.24);}
.g-nav2 .scroll li:nth-child(6n){border-left:none;}
/*样式*/
.hd-t input::-webkit-input-placeholder { /* chrome/opera/safari */
    color: #ffffff;}
.hd-t input:-ms-input-placeholder { /* ie 10+ */
    color: #ffffff;}
.hd-t input:-moz-placeholder { /* firefox 18- */
    color: #ffffff;
    opacity: 1;}
.hd-t input::-moz-placeholder { /* firefox 19+ */
    color: #ffffff;
   opacity: 1;}

/* ========== CSS变量 ========== */
        :root {
            --primary: #830100;
            --primary-light: #a80200;
            --primary-dark: #5c0000;
            --primary-50: rgba(131, 1, 0, 0.05);
            --primary-100: rgba(131, 1, 0, 0.1);
            --primary-200: rgba(131, 1, 0, 0.2);
            --gold: #c9a96e;
            --gold-light: #e8d5a3;
            --gold-50: rgba(201, 169, 110, 0.08);
            --dark: #1a1a2e;
            --gray-50: #f8f9fa;
            --gray-100: #f1f3f5;
            --gray-200: #e9ecef;
            --gray-300: #dee2e6;
            --gray-500: #6c757d;
            --gray-700: #343a40;
            --white: #ffffff;
            --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
            --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
            --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
            --shadow-xl: 0 16px 48px rgba(0,0,0,0.16);
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            --radius-xl: 32px;
            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}

        /* ========== 文字暗纹系统（SVG 半透明迎新关键词） ========== */
        .bg-text-watermark {
            position: absolute; z-index: 0; pointer-events: none;
            font-weight: 900; line-height: 1; letter-spacing: 2px;
            white-space: nowrap; user-select: none;}
        /* 超大装饰字 —— 极淡描边 + 极低透明度填充 */
        .bg-text-watermark svg { width: 100%; height: 100%; display: block;}
        .bg-text-watermark .wt-fill { fill: rgba(131,1,0,0.035);}
        .bg-text-watermark .wt-stroke { fill: none; stroke: rgba(131,1,0,0.05); stroke-width: 1.5;}
        .bg-text-watermark .wt-gold .wt-fill { fill: rgba(201,169,110,0.04);}
        .bg-text-watermark .wt-gold .wt-stroke { stroke: rgba(201,169,110,0.06);}
        .bg-text-watermark .wt-lg { font-size: 180px;}
        .bg-text-watermark .wt-md { font-size: 120px;}
        .bg-text-watermark .wt-sm { font-size: 80px;}
        .bg-text-watermark .wt-xs { font-size: 56px;}
        /* 小尺寸屏幕缩放 */
        @media (max-width: 1024px) {
            .bg-text-watermark .wt-lg { font-size: 140px;}
            .bg-text-watermark .wt-md { font-size: 96px;}
            .bg-text-watermark .wt-sm { font-size: 64px;}
        }
        @media (max-width: 768px) {
            .bg-text-watermark .wt-lg { font-size: 100px;}
            .bg-text-watermark .wt-md { font-size: 72px;}
            .bg-text-watermark .wt-sm { font-size: 48px;}
            .bg-text-watermark .wt-xs { font-size: 36px;}
        }
        /* 文字暗纹位置预设 */
        .wt-pos-1 { top: 40px; left: -20px; width: 60%; height: 200px;}
        .wt-pos-2 { bottom: 30px; right: -10px; width: 50%; height: 160px;}
        .wt-pos-3 { top: 50%; left: 40px; transform: translateY(-50%); width: 35%; height: 140px;}
        .wt-pos-4 { top: 80px; right: 40px; width: 45%; height: 130px;}
        .wt-pos-5 { bottom: 60px; left: 60px; width: 40%; height: 120px;}
        .wt-pos-6 { top: 20%; right: -30px; width: 30%; height: 110px;}
        .wt-pos-7 { bottom: 10%; left: -20px; width: 55%; height: 150px;}
        .wt-pos-8 { top: 60%; right: 30px; width: 38%; height: 100px;}
        /* 旋转装饰文字 */
        .wt-rotate { transform: rotate(-8deg);}
        .wt-rotate-r { transform: rotate(6deg);}
        .wt-pos-3.wt-rotate { transform: translateY(-50%) rotate(-8deg);}

        /* ========== 全局重置 ========== */
        * { margin: 0; padding: 0; box-sizing: border-box;}
        html { scroll-behavior: smooth; scroll-padding-top: 80px;}
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
            color: var(--gray-700);
            background: var(--gray-50);
            line-height: 1.7;
            overflow-x: hidden;}
        a { text-decoration: none; color: inherit;}
        ul { list-style: none;}
        img { max-width: 100%;}

        /* ========== 滚动条美化 ========== */
        ::-webkit-scrollbar { width: 8px;}
        ::-webkit-scrollbar-track { background: var(--gray-100);}
        ::-webkit-scrollbar-thumb { background: var(--primary-200); border-radius: 4px;}
        ::-webkit-scrollbar-thumb:hover { background: var(--primary);}


        /* ========== Banner轮播 ========== */
        /* 高度自适应：由图片自然比例撑开，宽度100%，不同分辨率下图片完整展示不裁剪 */
        .banner-section { position: relative; width: 100%; max-width: 100%; overflow: hidden; background: #f3ece4;}
        .banner-slides { position: relative; width: 100%;}
        /* 用 aspect-ratio 锁定比例，保证两图切换时无高度跳动 */
        .banner-slides::before {
            content: ''; display: block;
            aspect-ratio: 2 / 1;}
        .banner-slide {
            position: absolute; inset: 0; opacity: 0;
            transition: opacity 1.2s ease;}
        .banner-slide.active { opacity: 1; z-index: 1;}
        .banner-slide img {
            width: 100%; height: 100%;
            object-fit: cover;      /* 仅在容器比例与图一致时自然填充，无变形 */
            display: block;}
        .banner-slide::after {
            content: ''; position: absolute; inset: 0;
            background: linear-gradient(135deg, rgb(119 17 17 / 0%) 0%, rgb(255 255 255 / 0%) 50%, rgb(34 34 50 / 0%) 100%);}
        .banner-content {
            position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
            text-align: center; color: var(--white); z-index: 10; width: 90%; max-width: 800px;}
        .banner-badge {
            display: inline-flex; align-items: center; gap: 8px;
            background: rgba(201, 169, 110, 0.25);
            border: 1px solid rgba(201, 169, 110, 0.5);
            backdrop-filter: blur(8px);
            padding: 8px 24px; border-radius: 50px;
            font-size: 14px; color: #ce9500;
            margin-bottom: 24px; letter-spacing: 2px;}
        .banner-title {
            font-size: clamp(32px, 5vw, 56px); font-weight: 900;
            line-height: 1.2; margin-bottom: 16px;
            text-shadow: 0 4px 20px rgba(0,0,0,0.76);}
        .banner-title span { color: var(--gold);}
        .banner-date {
            display: inline-flex; align-items: center; gap: 12px;
            background: var(--primary);
            padding: 14px 36px; border-radius: var(--radius-md);
            font-size: 18px; font-weight: 600;
            box-shadow: 0 8px 32px rgba(131,1,0,0.4);
            animation: pulse 2s infinite;}
        @keyframes pulse {
            0%, 100% { transform: scale(1); box-shadow: 0 8px 32px rgba(131,1,0,0.4);}
            50% { transform: scale(1.03); box-shadow: 0 12px 40px rgba(131,1,0,0.6);}
        }
        .banner-date i { color: var(--gold);}
        .banner-arrow {
            position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);
            color: var(--white); font-size: 28px; z-index: 10;
            animation: bounce 2s infinite; cursor: pointer;}
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0);}
            40% { transform: translateX(-50%) translateY(-12px);}
            60% { transform: translateX(-50%) translateY(-6px);}
        }
        .banner-nav {
            position: absolute; top: 50%; transform: translateY(-50%);
            width: 52px; height: 52px; border-radius: 50%;
            background: rgba(255,255,255,0.15);
            backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.3);
            color: var(--white); font-size: 18px; cursor: pointer;
            display: flex; align-items: center; justify-content: center;
            z-index: 10; transition: var(--transition);}
        .banner-nav:hover { background: var(--primary); transform: translateY(-50%) scale(1.1);}
        .banner-nav.prev { left: 24px;}
        .banner-nav.next { right: 24px;}
        .banner-dots {
            position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%);
            display: flex; gap: 10px; z-index: 10;}
        .banner-dot {
            width: 36px; height: 4px; border-radius: 2px;
            background: rgba(255,255,255,0.3); cursor: pointer;
            transition: var(--transition);}
        .banner-dot.active { background: var(--gold); width: 48px;}

        /* ========== 通用板块样式 ========== */
        .section {
            padding: 90px 0; position: relative; overflow: hidden;}
        .section-alt { background: var(--white);}
        .section-pattern {
            background: var(--gray-50);
            background-image: 
                radial-gradient(circle at 10% 20%, var(--primary-50) 0%, transparent 40%),
                radial-gradient(circle at 90% 80%, var(--gold-50) 0%, transparent 40%);}
        .section .container {
            max-width: 1200px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1;}

        /* ========== 标题风格 ========== */
        .section-header { text-align: center; margin-bottom: 60px;}
        .section-header-inner {
            display: inline-flex; flex-direction: column; align-items: center; gap: 12px;}
        .section-icon-wrap {
            width: 64px; height: 64px; border-radius: 20px;
            background: linear-gradient(135deg, var(--primary), var(--primary-light));
            display: flex; align-items: center; justify-content: center;
            color: var(--white); font-size: 24px;
            box-shadow: 0 8px 24px rgba(131,1,0,0.3);
            transform: rotate(-5deg);
            transition: var(--transition);}
        .section:hover .section-icon-wrap { transform: rotate(0deg) scale(1.05);}
        .section-title {
            font-size: clamp(24px, 3vw, 34px); font-weight: 800;
            color: var(--dark); letter-spacing: 2px;
            position: relative; padding-bottom: 16px;}
        .section-title::after {
            content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
            width: 60px; height: 3px; border-radius: 2px;
            background: linear-gradient(90deg, var(--primary), var(--gold));}
        .section-subtitle {
            font-size: 15px; color: var(--gray-500); letter-spacing: 4px;
            text-transform: uppercase; margin-top: 4px;}
        .section-desc {
            max-width: 600px; margin: 16px auto 0; font-size: 15px;
            color: var(--gray-500); line-height: 1.8;}

        /* ========== 迎新资讯 ========== */
        .news-wrapper { position: relative;}
        .news-track-container { overflow: hidden;}
        .news-track {
            display: flex; gap: 24px;
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}
.card-clickable {
    cursor: pointer;}
.card-clickable:hover {
    transform: translateY(-4px);  /* 悬浮上浮 */
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);}
        .news-card {
            flex: 0 0 calc(25% - 18px);
            width: calc(25% - 18px);
            background: var(--white); border-radius: var(--radius-md);
            overflow: hidden; box-shadow: var(--shadow-sm);
            transition: var(--transition);
            border: 1px solid var(--gray-200);}
        .news-card:hover {
            transform: translateY(-6px); box-shadow: var(--shadow-lg);
            border-color: var(--primary-200);}
        .news-img {
            height: 140px; overflow: hidden; position: relative;
            background: linear-gradient(135deg, #f5f5f5, #e0e0e0);
            display: block;}
        .news-img img {
            width: 100%; height: 100%; object-fit: cover;
            transition: transform 0.6s ease;
            display: block;}
        .news-card:hover .news-img img { transform: scale(1.06);}
        .news-img i { font-size: 48px; color: var(--primary-200); position: absolute; z-index: 0;}
        .news-img::after {
            content: ''; position: absolute; inset: 0; z-index: 1;
            background: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.1));}
        .news-tag {
            position: absolute; top: 12px; right: 12px; z-index: 2;
            background: #c5c5c57a; color: var(--white);
            padding: 4px 12px; border-radius: 20px; font-size: 12px;
            font-weight: 600; letter-spacing: 1px;}
        .news-body { padding: 20px;}
        .news-title {
            font-size: 16px; font-weight: 700; color: var(--dark);
            line-height: 1.5; margin-bottom: 10px;
            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
            overflow: hidden;}
        .news-meta {
            display: flex; align-items: center; gap: 12px;
            font-size: 13px; color: var(--gray-500);}
        .news-meta span { display: flex; align-items: center; gap: 4px;}
        .news-meta i { font-size: 12px;}
        .news-nav-btn {
            position: absolute; top: 50%; transform: translateY(-50%);
            width: 44px; height: 44px; border-radius: 50%;
            background: var(--white); border: 0px solid var(--primary);
            color: var(--primary); font-size: 16px; cursor: pointer;
            display: flex; align-items: center; justify-content: center;
            z-index: 5; transition: var(--transition);
            box-shadow: var(--shadow-md);}
        .news-nav-btn:hover { background: var(--primary); color: var(--white); transform: translateY(-50%) scale(1.1);}
        .news-nav-btn.prev { left: -22px;}
        .news-nav-btn.next { right: -22px;}

        /* ========== 报到流程时间轴 ========== */
        .flow-container {
            max-width: 1000px; margin: 0 auto; position: relative;}
        .flow-track {
            display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
            position: relative;}
        .flow-track::before {
            content: ''; position: absolute; top: 40px; left: 12.5%; right: 12.5%;
            height: 3px;
            background: linear-gradient(90deg, var(--gold), var(--primary), var(--gold), var(--primary));
            background-size: 200% 100%;
            animation: flowLine 3s linear infinite;
            border-radius: 2px;}
        @keyframes flowLine { 0% { background-position: 200% 0;} 100% { background-position: 0% 0;} }
        .flow-card {
            text-align: center; position: relative;
            animation: fadeInUp 0.6s ease forwards;
            opacity: 0; transform: translateY(20px);}
        .flow-card:nth-child(1) { animation-delay: 0.1s;}
        .flow-card:nth-child(2) { animation-delay: 0.2s;}
        .flow-card:nth-child(3) { animation-delay: 0.3s;}
        .flow-card:nth-child(4) { animation-delay: 0.4s;}
        @keyframes fadeInUp { to { opacity: 1; transform: translateY(0);} }
        .flow-icon {
            width: 80px; height: 80px; border-radius: 50%;
            margin: 0 auto 20px; display: flex; align-items: center; justify-content: center;
            font-size: 28px; color: var(--white); position: relative; z-index: 2;
            box-shadow: 0 8px 24px rgba(131,1,0,0.25);}
        .flow-card:nth-child(1) .flow-icon { background: linear-gradient(135deg, #830100, #b30000);}
        .flow-card:nth-child(2) .flow-icon { background: linear-gradient(135deg, #a04000, #d06000);}
        .flow-card:nth-child(3) .flow-icon { background: linear-gradient(135deg, #006060, #008080);}
        .flow-card:nth-child(4) .flow-icon { background: linear-gradient(135deg, #2d5a27, #4a8c3f);}
        .flow-step {
            font-size: 13px; font-weight: 700; color: var(--primary);
            letter-spacing: 2px; margin-bottom: 6px;}
        .flow-card-title {
            font-size: 18px; font-weight: 800; color: var(--dark); margin-bottom: 12px;}
        .flow-desc {
            font-size: 14px; color: var(--gray-500); line-height: 1.7;}
        .flow-materials {
            margin-top: 60px; background: var(--white);
            border-radius: var(--radius-lg); padding: 36px 40px;
            box-shadow: var(--shadow-md);
            border: 1px solid var(--gray-200);
            position: relative; overflow: hidden;}
        .flow-materials::before {
            content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
            background: linear-gradient(90deg, var(--primary), var(--gold), var(--primary));
            background-size: 200% 100%;
            animation: flowLine 3s linear infinite;}
        .materials-title {
            display: flex; align-items: center; gap: 10px;
            font-size: 18px; font-weight: 800; color: var(--dark); margin-bottom: 20px;}
        .materials-title i { color: var(--primary);}
        .materials-grid {
            display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;}
        .material-item {
            display: flex; align-items: flex-start; gap: 10px;
            padding: 10px 14px; border-radius: var(--radius-sm);
            background: var(--gray-50); font-size: 14px;
            transition: var(--transition);}
        .material-item:hover { background: var(--primary-50); transform: translateX(4px);}
        .material-item i { color: var(--primary); margin-top: 3px; flex-shrink: 0;}
        .materials-tip {
            margin-top: 20px; padding: 14px 20px; border-radius: var(--radius-sm);
            background: linear-gradient(135deg, #fff8e1, #fff3cd);
            border-left: 4px solid var(--gold);
            font-size: 14px; color: #856404;
            display: flex; align-items: center; gap: 10px;}

        /* ========== 公寓入住 Tabs ========== */
        .apartment-wrapper { max-width: 900px; margin: 0 auto;}
        .tab-bar {
            display: flex; gap: 4px; background: var(--white);
            border-radius: var(--radius-md); padding: 6px;
            box-shadow: var(--shadow-md); margin-bottom: 32px;
            border: 1px solid var(--gray-200);}
        .tab-btn {
            flex: 1; padding: 14px 20px; border: none; background: transparent;
            border-radius: var(--radius-sm); font-size: 15px; font-weight: 600;
            color: var(--gray-500); cursor: pointer;
            transition: var(--transition); display: flex; align-items: center; justify-content: center; gap: 8px;}
        .tab-btn:hover { color: var(--primary); background: var(--primary-50);}
        .tab-btn.active {
            background: linear-gradient(135deg, var(--primary), var(--primary-light));
            color: var(--white); box-shadow: 0 4px 16px rgba(131,1,0,0.3);}
        .tab-btn i { font-size: 16px;}
        .tab-panel { display: none; animation: fadeIn 0.4s ease;}
        .tab-panel.active { display: block;}
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px);} to { opacity: 1; transform: translateY(0);} }
        .info-card {
            background: var(--white); border-radius: var(--radius-md);
            padding: 36px 40px; box-shadow: var(--shadow-md);
            border: 1px solid var(--gray-200);}
        .info-card-title {
            font-size: 18px; font-weight: 800; color: var(--dark);
            margin-bottom: 20px; display: flex; align-items: center; gap: 10px;}
        .info-card-title i { color: var(--primary); font-size: 20px;}
        .info-text { font-size: 15px; color: var(--gray-700); line-height: 1.9;}
        .info-text p { margin-bottom: 12px;}
        .step-list { counter-reset: step; margin: 16px 0;}
        .step-list li {
            counter-increment: step; position: relative;
            padding: 10px 16px 10px 48px; margin-bottom: 8px;
            background: var(--gray-50); border-radius: var(--radius-sm);
            font-size: 14px; transition: var(--transition);}
        .step-list li:hover { background: var(--primary-50); transform: translateX(4px);}
        .step-list li::before {
            content: counter(step); position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
            width: 24px; height: 24px; border-radius: 50%;
            background: var(--primary); color: var(--white);
            display: flex; align-items: center; justify-content: center;
            font-size: 12px; font-weight: 700;}
        .tip-box {
            margin-top: 20px; padding: 16px 20px; border-radius: var(--radius-sm);
            background: linear-gradient(135deg, #e8f5e9, #f1f8e9);
            border-left: 4px solid #4caf50;
            font-size: 14px; color: #2e7d32;
            display: flex; align-items: flex-start; gap: 10px; line-height: 1.7;}
        .tip-box.warning {
            background: linear-gradient(135deg, #fff3e0, #fff8e1);
            border-left-color: var(--gold); color: #e65100;}
        .tip-box.info {
            background: linear-gradient(135deg, #e3f2fd, #e8eaf6);
            border-left-color: #1565c0; color: #0d47a1;}
        .contact-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px;
            margin-top: 16px;}
        .contact-item {
            display: flex; align-items: center; gap: 10px;
            padding: 12px 16px; border-radius: var(--radius-sm);
            background: var(--primary-50); font-size: 14px;
            transition: var(--transition);}
        .contact-item:hover { background: var(--primary-100); transform: translateY(-2px);}
        .contact-item i { color: var(--primary); font-size: 16px;}
        .contact-item strong { color: var(--dark);}

        /* ========== 美食板块 ========== */
        .food-map-wrapper {
            max-width: 1000px; margin: 0 auto 40px;}
        .food-map {
            aspect-ratio: 16/10; border-radius: var(--radius-lg);
            overflow: hidden; position: relative;
            background: linear-gradient(135deg, #fef3e2, #fde8d0, #fce4ec, #e8eaf6);
            background-size: 400% 400%;
            animation: gradientShift 8s ease infinite;
            display: flex; align-items: center; justify-content: center;
            box-shadow: var(--shadow-lg);
            border: 3px solid var(--white);}
        @keyframes gradientShift {
            0%, 100% { background-position: 0% 50%;}
            50% { background-position: 100% 50%;}
        }
        .food-map::before {
            content: ''; position: absolute; inset: 0;
            background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23830100' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
        .food-map img {
            width: 100%; height: 100%; object-fit: cover;}
        .food-map-placeholder {
            text-align: center; color: var(--primary); z-index: 1;}
        .food-map-placeholder i { font-size: 48px; margin-bottom: 12px; opacity: 0.6;}
        .food-map-placeholder p { font-size: 16px; font-weight: 600; opacity: 0.7;}
        .brand-row {
            display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;
            margin-bottom: 40px;}
        .brand-logo {
            padding: 10px 24px; border-radius: 50px;
            background: var(--white); box-shadow: var(--shadow-sm);
            font-size: 14px; font-weight: 700; color: var(--gray-700);
            border: 1px solid var(--gray-200);
            transition: var(--transition);
            display: flex; align-items: center; gap: 6px;}
        .brand-logo:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--gold); color: var(--primary);}
        .food-cards {
            display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
        .food-card {
            background: var(--white); border-radius: var(--radius-md);
            padding: 24px; box-shadow: var(--shadow-sm);
            border: 1px solid var(--gray-200);
            transition: var(--transition);
            position: relative; overflow: hidden;}
        .food-card::before {
            content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%;
            background: linear-gradient(180deg, var(--primary), var(--gold));}
        .food-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg);}
        .food-card-header {
            display: flex; align-items: center; gap: 12px; margin-bottom: 10px;}
        .food-card-icon {
            width: 42px; height: 42px; border-radius: 12px;
            display: flex; align-items: center; justify-content: center;
            font-size: 18px; color: var(--white); flex-shrink: 0;}
        .food-card:nth-child(1) .food-card-icon { background: linear-gradient(135deg, #e53935, #ff7043);}
        .food-card:nth-child(2) .food-card-icon { background: linear-gradient(135deg, #43a047, #66bb6a);}
        .food-card:nth-child(3) .food-card-icon { background: linear-gradient(135deg, #fb8c00, #ffb74d);}
        .food-card:nth-child(4) .food-card-icon { background: linear-gradient(135deg, #5e35b1, #7e57c2);}
        .food-card-title { font-size: 16px; font-weight: 800; color: var(--dark);}
        .food-card-desc { font-size: 14px; color: var(--gray-500); line-height: 1.7;}

        /* ========== 快递板块 ========== */
        .express-brands {
            display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;
            margin-bottom: 40px;}
        .express-tag {
            padding: 10px 20px; border-radius: 50px;
            background: var(--white); border: 1px solid var(--gray-200);
            font-size: 14px; font-weight: 600; color: var(--gray-700);
            transition: var(--transition);
            display: flex; align-items: center; gap: 6px;}
        .express-tag:hover { border-color: var(--primary); color: var(--primary); transform: scale(1.05);}
        .express-tag i { color: var(--primary);}
        .express-cards {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
        .express-card {
            background: var(--white); border-radius: var(--radius-md);
            padding: 28px 24px; text-align: center;
            box-shadow: var(--shadow-sm); border: 1px solid var(--gray-200);
            transition: var(--transition);}
        .express-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--primary-200);}
        .express-card-icon {
            width: 56px; height: 56px; border-radius: 16px;
            background: linear-gradient(135deg, var(--primary-100), var(--primary-50));
            display: flex; align-items: center; justify-content: center;
            font-size: 22px; color: var(--primary); margin: 0 auto 16px;}
        .express-card-title { font-size: 16px; font-weight: 800; color: var(--dark); margin-bottom: 8px;}
        .express-card-desc { font-size: 14px; color: var(--gray-500); line-height: 1.6;}
        .express-address {
            margin-top: 40px; text-align: center;
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            border-radius: var(--radius-md); padding: 28px 36px;
            color: var(--white);}
        .express-address-title {
            font-size: 16px; font-weight: 700; margin-bottom: 10px;
            display: flex; align-items: center; justify-content: center; gap: 8px;}
        .express-address p { font-size: 15px; opacity: 0.9; line-height: 1.8;}
        .express-address strong { color: var(--gold-light);}

        /* ========== 迎新活动 ========== */
        .events-wrapper { position: relative;}
        .events-track-container { overflow: hidden;}
        .events-track {
            display: flex; gap: 24px;
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}
        .event-card {
            flex: 0 0 calc(25% - 18px);
            width: calc(25% - 18px);
            background: var(--white); border-radius: var(--radius-md);
            overflow: hidden; box-shadow: var(--shadow-sm);
            transition: var(--transition);
            border: 1px solid var(--gray-200);
            position: relative;}
        .event-card:hover {
            transform: translateY(-8px); box-shadow: var(--shadow-lg);
            border-color: var(--primary-200);}
        .event-img {
            height: 140px; position: relative; overflow: hidden;
            background: linear-gradient(135deg, #f5f5f5, #e0e0e0);
            display: block;}
        .event-img img {
            width: 100%; height: 100%; object-fit: cover;
            transition: transform 0.6s ease;
            display: block;}
        .event-card:hover .event-img img { transform: scale(1.06);}
        .event-img::after {
            content: ''; position: absolute; inset: 0; z-index: 1;
            background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.15));}
        .event-date-badge {
            position: absolute; top: 14px; left: 14px; z-index: 2;
            background: var(--primary); color: var(--white);
            padding: 8px 14px; border-radius: 12px;
            display: flex; flex-direction: column; align-items: center;
            line-height: 1.2; box-shadow: 0 4px 12px rgba(131,1,0,0.35);}
        .event-date-badge .day { font-size: 20px; font-weight: 900;}
        .event-date-badge .month { font-size: 11px; font-weight: 600; letter-spacing: 1px; opacity: 0.9;}
        .event-body { padding: 22px 20px 24px;}
        .event-title {
            font-size: 16px; font-weight: 800; color: var(--dark);
            line-height: 1.4; margin-bottom: 14px;
            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
            overflow: hidden;}
        .event-info { display: flex; flex-direction: column; gap: 8px;}
        .event-info-item {
            display: flex; align-items: center; gap: 8px;
            font-size: 13px; color: var(--gray-500);}
        .event-info-item i {
            width: 28px; height: 28px; border-radius: 8px;
            background: var(--primary-50); color: var(--primary);
            display: flex; align-items: center; justify-content: center;
            font-size: 12px; flex-shrink: 0;}
        .event-info-item span { line-height: 1.3;}
        .event-card::before {
            content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
            background: linear-gradient(90deg, var(--primary), var(--gold));
            transform: scaleX(0); transform-origin: left;
            transition: transform 0.4s ease;
            z-index: 3;}
        .event-card:hover::before { transform: scaleX(1);}
        .event-nav-btn {
            position: absolute; top: 50%; transform: translateY(-50%);
            width: 44px; height: 44px; border-radius: 50%;
            background: var(--white); border: 0px solid var(--primary);
            color: var(--primary); font-size: 16px; cursor: pointer;
            display: flex; align-items: center; justify-content: center;
            z-index: 5; transition: var(--transition);
            box-shadow: var(--shadow-md);}
        .event-nav-btn:hover { background: var(--primary); color: var(--white); transform: translateY(-50%) scale(1.1);}
        .event-nav-btn.prev { left: -22px;}
        .event-nav-btn.next { right: -22px;}

        /* ========== 交通指南 ========== */
        .traffic-grid {
            display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
        .traffic-card {
            background: var(--white); border-radius: var(--radius-md);
            padding: 28px; box-shadow: var(--shadow-sm);
            border: 1px solid var(--gray-200);
            transition: var(--transition);
            position: relative; overflow: hidden;}
        .traffic-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg);}
        .traffic-card-header {
            display: flex; align-items: center; gap: 14px; margin-bottom: 16px;}
        .traffic-icon {
            width: 48px; height: 48px; border-radius: 14px;
            display: flex; align-items: center; justify-content: center;
            font-size: 20px; color: var(--white); flex-shrink: 0;}
        .traffic-card:nth-child(1) .traffic-icon { background: linear-gradient(135deg, #1565c0, #42a5f5);}
        .traffic-card:nth-child(2) .traffic-icon { background: linear-gradient(135deg, #e65100, #ff9800);}
        .traffic-card:nth-child(3) .traffic-icon { background: linear-gradient(135deg, #2e7d32, #66bb6a);}
        .traffic-card:nth-child(4) .traffic-icon { background: linear-gradient(135deg, #6a1b9a, #ab47bc);}
        .traffic-card-title { font-size: 17px; font-weight: 800; color: var(--dark);}
        .traffic-card-desc { font-size: 14px; color: var(--gray-500); line-height: 1.8;}
        .traffic-card-desc strong { color: var(--primary);}
        .traffic-tip {
            margin-top: 32px; text-align: center;
            padding: 18px 28px; border-radius: var(--radius-md);
            background: linear-gradient(135deg, #e3f2fd, #e8eaf6);
            border: 1px dashed #1565c0;
            font-size: 15px; color: #0d47a1;
            display: inline-flex; align-items: center; gap: 10px;}
        .traffic-tip-wrap { text-align: center;}

        /* ========== 旅游攻略 ========== */
        .tour-grid {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
        .tour-card {
            background: var(--white); border-radius: var(--radius-md);
            overflow: hidden; box-shadow: var(--shadow-sm);
            border: 1px solid var(--gray-200);
            transition: var(--transition);}
        .tour-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg);}
        .tour-img {
            height: 180px; position: relative; overflow: hidden;}
        .tour-img img {
            width: 100%; height: 100%; object-fit: cover;
            transition: transform 0.6s ease;}
        .tour-card:hover .tour-img img { transform: scale(1.08);}
        .tour-img::after {
            content: ''; position: absolute; inset: 0; z-index: 1;
            background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.35));}
        .tour-badge {
            position: absolute; top: 12px; right: 12px; z-index: 2;
            background: rgba(0,0,0,0.45); backdrop-filter: blur(6px);
            color: var(--white); padding: 5px 12px; border-radius: 20px;
            font-size: 12px; font-weight: 600;}
        .tour-body { padding: 20px;}
        .tour-card-title { font-size: 16px; font-weight: 800; color: var(--dark); margin-bottom: 8px;}
        .tour-card-desc { font-size: 14px; color: var(--gray-500); line-height: 1.7;}
        .tour-tip {
            margin-top: 40px; text-align: center;}
        .tour-tip-box {
            display: inline-flex; align-items: center; gap: 12px;
            padding: 16px 32px; border-radius: var(--radius-md);
            background: linear-gradient(135deg, #fff8e1, #fff3cd);
            border: 2px solid var(--gold);
            font-size: 15px; color: #856404; font-weight: 600;}



        /* ========== 回到顶部 ========== */
        .back-to-top {
            position: fixed; bottom: 30px; right: 30px; z-index: 999;
            width: 48px; height: 48px; border-radius: 50%;
            background: var(--primary); color: var(--white);
            display: flex; align-items: center; justify-content: center;
            font-size: 18px; cursor: pointer;
            box-shadow: 0 4px 16px rgba(131,1,0,0.4);
            transition: var(--transition);
            opacity: 0; visibility: hidden; transform: translateY(10px);}
        .back-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0);}
        .back-to-top:hover { background: var(--primary-light); transform: translateY(-3px);}

        /* ========== 背景装饰系统 ========== */
        .bg-glow-1 {
            position: absolute; top: -120px; right: -80px;
            width: 450px; height: 450px; border-radius: 50%;
            background: radial-gradient(circle, rgba(131,1,0,0.04) 0%, transparent 65%);
            z-index: 0; pointer-events: none;}
        .bg-glow-2 {
            position: absolute; bottom: -120px; left: -100px;
            width: 500px; height: 500px; border-radius: 50%;
            background: radial-gradient(circle, rgba(201,169,110,0.05) 0%, transparent 60%);
            z-index: 0; pointer-events: none;}
        .bg-glow-3 {
            position: absolute; top: 40%; left: -60px;
            width: 280px; height: 280px; border-radius: 50%;
            background: radial-gradient(circle, rgba(131,1,0,0.03) 0%, transparent 70%);
            z-index: 0; pointer-events: none;}
        .bg-glow-4 {
            position: absolute; top: 20%; right: -40px;
            width: 350px; height: 350px; border-radius: 50%;
            background: radial-gradient(circle, rgba(201,169,110,0.03) 0%, transparent 65%);
            z-index: 0; pointer-events: none;}
        .bg-blob-1 {
            position: absolute; top: -60px; left: -50px;
            width: 320px; height: 320px;
            border-radius: 42% 58% 72% 28% / 38% 52% 48% 62%;
            background: linear-gradient(135deg, rgba(131,1,0,0.025), rgba(201,169,110,0.04));
            animation: blobMorph 14s ease-in-out infinite;
            z-index: 0; pointer-events: none;}
        .bg-blob-2 {
            position: absolute; bottom: -80px; right: -60px;
            width: 380px; height: 380px;
            border-radius: 58% 42% 28% 72% / 48% 58% 42% 52%;
            background: linear-gradient(225deg, rgba(131,1,0,0.02), rgba(201,169,110,0.045));
            animation: blobMorph 16s ease-in-out infinite 2s;
            z-index: 0; pointer-events: none;}
        .bg-blob-3 {
            position: absolute; top: 50%; right: -80px;
            width: 260px; height: 260px;
            border-radius: 36% 64% 48% 52% / 56% 36% 64% 44%;
            background: linear-gradient(180deg, rgba(131,1,0,0.02), rgba(201,169,110,0.03));
            animation: blobMorph 12s ease-in-out infinite 1s;
            z-index: 0; pointer-events: none;}
        @keyframes blobMorph {
            0%, 100% { border-radius: 42% 58% 72% 28% / 38% 52% 48% 62%;}
            33% { border-radius: 58% 42% 28% 72% / 48% 58% 42% 52%;}
            66% { border-radius: 36% 64% 48% 52% / 56% 36% 64% 44%;}
        }
        .bg-float {
            position: absolute; border-radius: 50%; z-index: 0; pointer-events: none;}
        .bg-float-1 {
            width: 90px; height: 90px; top: 12%; left: 6%;
            border: 2.5px solid rgba(131,1,0,0.05);
            animation: floatUpDown 7s ease-in-out infinite;}
        .bg-float-2 {
            width: 60px; height: 60px; bottom: 18%; right: 10%;
            background: rgba(201,169,110,0.04);
            animation: floatUpDown 9s ease-in-out infinite 1.5s;}
        .bg-float-3 {
            width: 45px; height: 45px; top: 65%; left: 8%;
            border: 2px dashed rgba(131,1,0,0.04);
            animation: floatRotate 18s linear infinite;}
        @keyframes floatUpDown {
            0%, 100% { transform: translateY(0);}
            50% { transform: translateY(-18px);}
        }
        @keyframes floatRotate {
            0% { transform: rotate(0deg);}
            100% { transform: rotate(360deg);}
        }
        .bg-ribbon {
            position: absolute; left: 0; right: 0; height: 120px;
            z-index: 0; pointer-events: none; opacity: 0.5;}
        .bg-ribbon-1 {
            top: 25%; opacity: 0.35;
            background: linear-gradient(90deg, transparent 0%, rgba(131,1,0,0.015) 30%, rgba(201,169,110,0.02) 70%, transparent 100%);}
        .bg-ribbon-2 {
            bottom: 30%; opacity: 0.3;
            background: linear-gradient(90deg, transparent 0%, rgba(201,169,110,0.02) 40%, rgba(131,1,0,0.015) 60%, transparent 100%);}
        .bg-pop-dots { position: absolute; z-index: 0; pointer-events: none;}
        .bg-pop-dots::before, .bg-pop-dots::after {
            content: ''; position: absolute; border-radius: 50%;}
        .bg-pop-dots::before { width: 18px; height: 18px; top: 20%; left: 10%; background: rgba(131,1,0,0.06);}
        .bg-pop-dots::after { width: 12px; height: 12px; bottom: 25%; right: 15%; background: rgba(201,169,110,0.08);}
        .bg-pop-dots-2::before { width: 14px; height: 14px; top: 60%; right: 8%; background: rgba(131,1,0,0.05);}
        .bg-pop-dots-2::after { width: 22px; height: 22px; bottom: 15%; left: 20%; background: rgba(201,169,110,0.04);}

        /* ========== 滚动入场动画 ========== */
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease;}
        .reveal.visible { opacity: 1; transform: translateY(0);}

        /* ========== 响应式 ========== */

        /* ---------- 笔记本 (1025px ~ 1200px) ---------- */
        @media (max-width: 1200px) {
            .container { max-width: 960px; padding: 0 20px;}
        }

        /* ---------- 平板横屏 (769px ~ 1024px) ---------- */
        @media (max-width: 1024px) {
            .container { max-width: 720px; padding: 0 20px;}
            /* 报到流程 → 2x2 */
            .flow-track { grid-template-columns: repeat(2, 1fr); gap: 40px 24px;}
            .flow-track::before { display: none;}
            /* 美食 → 1列 */
            .food-cards { grid-template-columns: 1fr; gap: 16px;}
            /* 快递 → 2列 */
            .express-cards { grid-template-columns: repeat(2, 1fr);}
            /* 旅游 → 2列 */
            .tour-grid { grid-template-columns: repeat(2, 1fr);}
            /* 交通 → 1列 */
            .traffic-grid { grid-template-columns: 1fr;}
            /* 新闻 & 活动 → 平板显示2张 */
            .news-card, .event-card {
                flex: 0 0 calc(50% - 12px) !important;
                width: calc(50% - 12px) !important;}
            .news-track, .events-track { gap: 24px;}
            /* 导航 */
            .nav-links a { padding: 8px 10px; font-size: 13px;}
        }

        /* ---------- 平板竖屏 / 大屏手机 (601px ~ 768px) ---------- */
        @media (max-width: 768px) {
            .container { padding: 0 16px;}

            /* Banner */
            /* Banner：比例自适应，宽度100%，图片完整展示 */
            .banner-section { aspect-ratio: auto;}
            .banner-slides::before { aspect-ratio: 2 / 1;}
            .banner-title { font-size: 26px;}
            .banner-date { font-size: 14px; padding: 10px 20px;}
            .banner-date i { font-size: 16px;}
            .banner-nav { width: 42px; height: 42px; font-size: 15px;}
            .banner-nav.prev { left: 10px;}
            .banner-nav.next { right: 10px;}
            /* 板块间距 */
            .section { padding: 56px 0;}
            .section-header { margin-bottom: 40px;}
            .section-icon-wrap { width: 52px; height: 52px; font-size: 20px; border-radius: 16px;}
            .section-title { font-size: 22px;}
            .section-subtitle { font-size: 12px; letter-spacing: 3px;}
            .section-desc { font-size: 14px;}
            /* 新闻 & 活动 → 移动端显示1张 */
            .news-wrapper, .events-wrapper { padding: 0;}
            .news-card, .event-card {
                flex: 0 0 100% !important;
                width: 100% !important;}
            .news-track, .events-track { gap: 16px;}

            /* 报到流程 */
            .flow-track { grid-template-columns: 1fr; gap: 32px;}
            .flow-icon { width: 64px; height: 64px; font-size: 22px;}
            .flow-card-title { font-size: 16px;}
            .flow-desc { font-size: 13px;}
            .flow-materials { padding: 24px 18px;}
            .materials-title { font-size: 16px;}
            .materials-grid { grid-template-columns: 1fr; gap: 8px;}
            .material-item { font-size: 13px; padding: 8px 12px;}
            .materials-tip { font-size: 13px; padding: 12px 16px;}
            /* 公寓 */
            .tab-btn { padding: 10px 12px; font-size: 13px;}
            .tab-btn i { font-size: 14px;}
            .info-card { padding: 24px 18px;}
            .info-card-title { font-size: 16px;}
            .info-text { font-size: 14px;}
            .step-list li { font-size: 13px; padding: 8px 12px 8px 42px;}
            .step-list li::before { width: 20px; height: 20px; font-size: 11px; left: 12px;}
            .tip-box, .tip-box.warning, .tip-box.info { font-size: 13px; padding: 12px 16px;}
            /* 美食 */
            .food-map { border-width: 2px;}
            .brand-row { gap: 10px; margin-bottom: 28px;}
            .brand-logo { padding: 8px 16px; font-size: 12px;}
            .food-card { padding: 18px;}
            .food-card-header { gap: 10px;}
            .food-card-icon { width: 36px; height: 36px; font-size: 15px; border-radius: 10px;}
            .food-card-title { font-size: 15px;}
            .food-card-desc { font-size: 13px;}
            /* 快递 */
            .express-brands { gap: 8px; margin-bottom: 28px;}
            .express-tag { padding: 8px 14px; font-size: 12px;}
            .express-cards { grid-template-columns: 1fr; gap: 14px;}
            .express-card { padding: 22px 18px;}
            .express-card-icon { width: 48px; height: 48px; font-size: 18px;}
            .express-address { padding: 22px 20px;}
            .express-address p { font-size: 14px;}
            /* 交通 */
            .traffic-card { padding: 22px 18px;}
            .traffic-card-header { gap: 10px; margin-bottom: 12px;}
            .traffic-icon { width: 40px; height: 40px; font-size: 17px; border-radius: 12px;}
            .traffic-card-title { font-size: 15px;}
            .traffic-card-desc { font-size: 13px;}
            .traffic-tip { font-size: 13px; padding: 14px 18px;}
            /* 旅游 */
            .tour-grid { grid-template-columns: 1fr; gap: 16px;}
            .tour-img { height: 160px;}
            .tour-body { padding: 16px;}
            .tour-card-title { font-size: 15px;}
            .tour-card-desc { font-size: 13px;}
            .tour-tip-box { font-size: 13px; padding: 12px 20px;}

            /* 回到顶部 */
            .back-to-top { width: 42px; height: 42px; font-size: 16px; bottom: 20px; right: 20px;}
        }

        /* ---------- 小屏手机 (≤ 600px) ---------- */
        @media (max-width: 600px) {
            .container { padding: 0 14px;}
            /* Banner */
            .banner-section {}
            .banner-badge { font-size: 11px; padding: 6px 16px;}
            .banner-title { font-size: 22px; line-height: 1.3;}
            .banner-date { font-size: 13px; padding: 8px 16px; border-radius: 12px;}
            /* 标题 */
            .section { padding: 48px 0;}
            .section-title { font-size: 20px;}
            .section-icon-wrap { width: 48px; height: 48px; font-size: 18px;}
            /* 新闻卡片 */
            .news-img { height: 150px;}
            .news-img i { font-size: 36px;}
            .news-body { padding: 14px 16px;}
            .news-title { font-size: 14px;}
            .news-meta { font-size: 12px;}
            .news-tag { font-size: 11px; padding: 3px 10px;}
            /* 活动卡片 */
            .event-img { height: 160px;}
            .event-date-badge { padding: 6px 10px; border-radius: 10px;}
            .event-date-badge .day { font-size: 16px;}
            .event-date-badge .month { font-size: 10px;}
            .event-body { padding: 16px 16px 20px;}
            .event-title { font-size: 15px; margin-bottom: 10px;}
            .event-info-item { font-size: 12px;}
            .event-info-item i { width: 24px; height: 24px; font-size: 11px; border-radius: 6px;}
            /* Tab */
            .tab-bar { flex-direction: row; gap: 2px; padding: 4px;}
            .tab-btn { padding: 8px 6px; font-size: 12px; gap: 4px;}
            .tab-btn i { font-size: 13px;}
            /* 品牌/快递标签 */
            .brand-logo, .express-tag { padding: 6px 12px; font-size: 11px;}
            /* 美食地图 */
            .food-map-placeholder i { font-size: 36px;}
            .food-map-placeholder p { font-size: 14px;}
            /* 轮播按钮 */
            .news-nav-btn, .event-nav-btn { width: 34px; height: 34px; font-size: 13px;}
            /* 旅游 */
            .tour-img { height: 150px;}
        }

        /* ---------- 超小屏手机 (≤ 380px) ---------- */
        @media (max-width: 380px) {
            .banner-title { font-size: 20px;}
            .nav-logo span { display: none;}
            .section-title { font-size: 18px;}
            .tab-btn { font-size: 11px; padding: 8px 4px;}
            .tab-btn span { display: none;}
        }