:root {
    --warm-white: #fff9f0;
    --gold: #c9a03d;
    --dark-bg: #2e241f;
    --light-sand: #f5efe6;
}

body {
    font-family: 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', Roboto, sans-serif;
    background-color: var(--warm-white);
    color: #3a2c29;
}

/* 导航栏 */
.navbar {
    background-color: rgba(255, 245, 235, 0.95);
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    backdrop-filter: blur(8px);
}
.navbar.daily-gradient-nav {
    --nav-grad-start: #f5e9d4;
    --nav-grad-end: #ead6b9;
    --nav-grad-angle: 120deg;
    background-color: var(--nav-grad-start);
    background-image: linear-gradient(var(--nav-grad-angle), var(--nav-grad-start) 0%, var(--nav-grad-end) 100%);
    backdrop-filter: none;
    z-index: 1080;
}
.navbar-brand {
    font-weight: 600;
    color: var(--gold);
    font-size: 1.6rem;
}
.nav-link {
    color: #4a3b36;
    font-weight: 500;
}
.nav-link:hover, .nav-link.active {
    color: var(--gold);
}

/* Hero 区域 */
.hero {
    background: linear-gradient(135deg, #fdf8ed 0%, #f3e9d2 100%);
    padding: 5rem 0;
    border-bottom: 1px solid rgba(201,160,61,0.2);
}
.hero h1 {
    color: #3a2c29;
}
.btn-primary {
    background-color: var(--gold);
    border-color: var(--gold);
    color: #2e241f;
    font-weight: 600;
}
.btn-primary:hover {
    background-color: #b58b2d;
    border-color: #b58b2d;
}
.btn-outline-primary {
    color: var(--gold);
    border-color: var(--gold);
}
.btn-outline-primary:hover {
    background-color: var(--gold);
    border-color: var(--gold);
    color: #2e241f;
}

/* 功能图标 */
.feature-icon {
    font-size: 2.8rem;
    color: var(--gold);
    margin-bottom: 1rem;
}
.section-title {
    font-size: 2rem;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-bottom: 0.5rem;
}
.section-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: var(--gold);
    border-radius: 2px;
}

/* 故事卡片 */
.story-card {
    border-left: 5px solid var(--gold);
    background-color: white;
    transition: transform 0.2s;
}
.story-card:hover {
    transform: translateY(-5px);
}
.text-gold {
    color: var(--gold);
}

/* 下载引导 */
.download-cta {
    background-color: #2e241f;
    color: white;
    padding: 4rem 0;
}
.download-cta .qr-code {
    width: 150px;
    height: auto;
    border-radius: 20px;
    background: white;
    padding: 10px;
}
.footer {
    background-color: #1f1815;
    color: #ccc;
    padding: 2rem 0;
    font-size: 0.9rem;
}
.footer a {
    color: #ddd;
    text-decoration: none;
}
.footer a:hover {
    color: var(--gold);
}

/* 公司页时间轴 */
.timeline {
    list-style: none;
    padding-left: 0;
}
.timeline li {
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: 1rem;
}
.timeline li:before {
    content: "●";
    color: var(--gold);
    position: absolute;
    left: 0;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .hero {
        padding: 3rem 0;
    }
    .hero h1 {
        font-size: 2rem;
    }
    .section-title {
        font-size: 1.6rem;
    }
}

@media (max-width: 991.98px) {
    .navbar.daily-gradient-nav .container {
        position: relative;
        padding-top: 0.45rem;
        padding-bottom: 0.45rem;
    }

    .navbar.daily-gradient-nav .container::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0.35rem;
        height: 56px;
        border-radius: 0.85rem;
        background-color: #f5e9d4;
        background-image: linear-gradient(120deg, #f7ecd9 0%, #ead6b9 100%);
        border: 1px solid rgba(201, 160, 61, 0.22);
        box-shadow: 0 6px 16px rgba(58, 44, 41, 0.1);
        z-index: 0;
    }

    .navbar.daily-gradient-nav .navbar-brand,
    .navbar.daily-gradient-nav .navbar-toggler,
    .navbar.daily-gradient-nav .navbar-collapse {
        position: relative;
        z-index: 1;
    }

    .navbar.daily-gradient-nav .navbar-collapse {
        margin-top: 0.6rem;
        padding: 0.7rem 1rem;
        border-radius: 0.8rem;
        background-color: #f3e4ce;
        box-shadow: 0 8px 20px rgba(58, 44, 41, 0.12);
    }

    .navbar.daily-gradient-nav .nav-link {
        padding: 0.55rem 0.2rem;
    }
}