/* 全局重置 */
* {margin:0;padding:0;box-sizing:border-box;font-family:"SF Pro Display","微软雅黑",sans-serif;}
body {background-color:#bcd9f7;color:#333;line-height:1.6;scroll-behavior:smooth;}

/* 导航栏 */
.app-nav {position:fixed;top:0;left:0;right:0;height:60px;background:#f7e3e3;box-shadow:0 2px 10px rgba(0,0,0,0.05);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:999;}
.nav-logo {font-size:1.4rem;font-weight:bold;color:#2a9d8f;}
.nav-menu {display:flex;gap:25px;}
.nav-item {display:flex;align-items:center;gap:6px;color:#666;text-decoration:none;font-size:1rem;transition:all 0.3s ease;padding:5px 0;border-bottom:2px solid transparent;}
.nav-item.active {color:#2a9d8f;border-bottom:2px solid #2a9d8f;}
.nav-item:hover {color:#2a9d8f;transform:translateY(-1px);}

/* Banner */
.app-banner {height:100vh;background:linear-gradient(135deg, #e8f4f8 0%, #fecdd4 100%);display:flex;align-items:center;justify-content:center;text-align:center;padding:0 20px;margin-top:60px;}
.banner-content h1 {font-size:3rem;margin-bottom:15px;color:#264653;}
.banner-content h1 span {color:#e76f51;}
.banner-content p {font-size:1.2rem;color:#666;margin-bottom:30px;}
.banner-btn {padding:12px 30px;background:#2a9d8f;color:#ddffa1;border:none;border-radius:30px;font-size:1.1rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(42,157,143,0.3);}
.banner-btn:hover {background:#21867a;transform:translateY(-3px);}

/* 通用模块 */
.app-section {padding:80px 20px;max-width:1200px;margin:0 auto;}
.section-title {font-size:1.8rem;color:#264653;margin-bottom:40px;padding-left:15px;border-left:4px solid #2a9d8f;display:flex;align-items:center;gap:10px;}
.section-title i {color:#e76f51;}

/* 轮播图 */
.carousel-container {position:relative;width:100%;height:500px;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.08);}
.carousel-track {display:flex;width:300%;height:100%;transition:transform 0.5s ease;}
.carousel-item {width:100%;height:100%;object-fit:cover;}
.carousel-indicator {position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;}
.indicator-dot {width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.6);cursor:pointer;transition:all 0.3s ease;}
.indicator-dot.active {background:#cdf7f2;width:30px;border-radius:6px;}

/* 卡片布局 */
.card-container {display:grid;grid-template-columns:repeat(auto-fit, minmax(300px,1fr));gap:30px;}
.app-card {background:#5ffff7;border-radius:12px;padding:30px;box-shadow:0 3px 15px rgba(0,0,0,0.06);transition:all 0.3s ease;}
.app-card:hover {transform:translateY(-10px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.card-icon {width:60px;height:60px;background:#e8f4f8;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.card-icon i {font-size:1.8rem;color:#2a9d8f;}
.app-card h3 {font-size:1.5rem;color:#264653;margin-bottom:15px;}
.app-card p {color:#666;font-size:1rem;line-height:1.7;}

/* 时光轴 */
.timeline-container {position:relative;padding-left:30px;}
.timeline-container::before {content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:#f0e6d8;}
.timeline-item {position:relative;margin-bottom:50px;}
.timeline-dot {position:absolute;left:-34px;top:0;width:16px;height:16px;border-radius:50%;background:#e76f51;border:4px solid #fff;box-shadow:0 0 0 4px rgba(231,111,81,0.1);}
.timeline-content {background:#a2e9f8;border-radius:12px;padding:25px;box-shadow:0 3px 15px rgba(0,0,0,0.06);}
.timeline-time {display:inline-block;font-weight:bold;color:#2a9d8f;margin-bottom:10px;font-size:1.1rem;}

/* 留言板 */
.message-container {background:#fbf050;border-radius:16px;padding:30px;box-shadow:0 3px 15px rgba(0,0,0,0.06);}
.message-list {display:flex;flex-direction:column;gap:15px;margin-bottom:20px;}
.message-item {display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#f8f9fa;border-radius:8px;transition:all 0.2s ease;}
.message-item:hover {background:#75baff;}
.message-text {flex:1;margin-right:15px;color:#333;}
.message-time {font-size:0.8rem;color:#999;margin-right:10px;}
.delete-btn {background:transparent;border:none;color:#e76f51;cursor:pointer;font-size:1rem;transition:all 0.2s ease;}
.delete-btn:hover {color:#e63946;transform:scale(1.1);}
.message-input {display:flex;gap:10px;margin-top:20px;}
.message-input input {flex:1;padding:12px 20px;border:2px solid #ddd;border-radius:30px;font-size:1rem;transition:all 0.2s ease;}
.message-input input:focus {outline:none;border-color:#2a9d8f;box-shadow:0 0 0 3px rgba(42,157,143,0.1);}
.message-input button {padding:12px 25px;background:#2a9d8f;color:#fff;border:none;border-radius:30px;font-size:1rem;cursor:pointer;transition:all 0.2s ease;}
.message-input button:hover {background:#21867a;transform:translateY(-2px);}

/* 底部信息 */
.app-footer {background:#264653;color:#a5dcf7;text-align:center;padding:30px 20px;margin-top:50px;}