.base-top2 {
    height: unset;
    max-width: unset;
    min-width: unset;
    width: unset;
}

/* --- Global Styles --- */
* { box-sizing: border-box; margin: 0; padding: 0; }

/* --- Color Palette (Consistent with C Scheme) --- */
:root {
    --primary-color: #5ba7a9;
    --primary-color-light: #63b8ba;
    --accent-color: #417d7f;
    --cta-color: #f39c12;
    --cta-color-dark: #e67e22;
    --bg-color: #f4f7f6;
    --text-color: #555;
    --text-light: #777;
    --card-bg: #fff;
    --light-cta-bg: #fff8e1;
    --gradient-primary: linear-gradient(135deg, var(--primary-color-light) 0%, var(--primary-color) 100%);
    --gradient-cta: linear-gradient(45deg, var(--cta-color) 0%, var(--cta-color-dark) 100%);
}
.base-top1 .topimg,.articleArticleDetail-1 h2{
display:none;
}
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; color: var(--text-color); background-color: var(--bg-color); line-height: 1.7; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
h1, h2, h3, h4 { font-weight: 600; color: var(--accent-color); }
h2 { font-size: 32px; margin-bottom: 15px; }
h3 { font-size: 22px; }
p { color: var(--text-light); }
section { padding: 100px 0; text-align: center; }
.btn { display: inline-flex; align-items: center; gap: 10px; padding: 15px 30px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 16px; transition: all 0.3s ease; border: none; }
.btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 10px 20px rgba(0,0,0,0.15); }
.section-header { margin-bottom: 60px; }

.section-header h2 {
    display: block;
}
.section-header p {font-size: 18px;max-width: 600px;margin: 0 auto;text-align: center;}
.tag { display: inline-block; background-color: var(--light-cta-bg); color: var(--cta-color-dark); padding: 5px 15px; border-radius: 15px; font-size: 14px; font-weight: 600; margin-bottom: 15px; }

/* --- Feature Showcase Section --- */
.feature-showcase { background-color: var(--bg-color); padding-top: 120px; }
.feature-category { text-align: left; margin: 80px 0 30px 0; padding-bottom: 15px; border-bottom: 2px solid var(--primary-color); }
.feature-category h3 { color: var(--primary-color); }
.feature-category:first-of-type { margin-top: 0; }
.feature-showcase-item {background: var(--card-bg);border-radius: 16px;padding: 50px 40px;display: flex;align-items: center;justify-content: center;gap: 5%;margin-bottom: 30px;}
.feature-showcase-item:nth-child(even) { flex-direction: row-reverse; }
.feature-text { flex-basis: 45%; text-align: left; }
.feature-text h2 {font-size: 24px;margin-bottom: 20px;display: block;}
.feature-text ul {list-style-type: none;padding: 0;width: unset;min-width: unset;}
.feature-text li { margin-bottom: 15px; position: relative; padding-left: 25px; white-space: nowrap; }
.feature-text li::before { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 0; color: var(--cta-color); font-size: 16px; top: 5px; }
.feature-image { flex-basis: 50%; text-align: center; }
.feature-image img {max-width: 80%;width: auto;height: auto;display: inline-block;border-radius: 8px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);transition: transform 0.4s ease;}
.feature-showcase-item:hover .feature-image img { transform: scale(1.05); }

/* --- Hero Section for Windows Client --- */
.hero-win { position: relative; background: var(--gradient-primary); color: #fff; padding: 100px 0; overflow: hidden; }
.hero-win .container { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.hero-content {flex-basis: 55%;text-align: left;margin: 0 0 20px 30px;}
.hero-content h1 { font-size: 34px; font-weight: 700; color: #fff; line-height: 1.3; text-shadow: 0 2px 10px rgba(0,0,0,0.2); }
.hero-content p { font-size: 18px; margin: 20px 0 30px 0; color: rgba(255,255,255,0.9); max-width: 500px; }
.hero-features {
    list-style: none;
    padding: 0;
    margin: 30px 0 16px 0!important;
    display: flex;
    flex-wrap: wrap;
    gap: 0px 25px;
    width: auto !important;
    min-width: unset !important;
    }
.hero-features li {display: inline-flex;align-items: center;gap: 8px;font-size: 16px;color: rgba(255,255,255,0.9);margin: 0;padding: 0;}
.hero-features .fab, .hero-features .fas { color: var(--cta-color); }
.btn-primary { background: var(--gradient-cta); color: #fff; }
.hero-image { flex-basis: 40%; animation: gentle-float 4s ease-in-out infinite; }
.hero-image img { max-width: 100%; border-radius: 8px; box-shadow: 0 20px 50px rgba(0,0,0,0.3); }
@keyframes gentle-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
.wave-divider { position: absolute; bottom: -1px; left: 0; width: 100%; overflow: hidden; line-height: 0; }
.wave-divider svg { position: relative; display: block; width: calc(100% + 1.3px); height: 100px; }
.wave-divider .shape-fill { fill: var(--bg-color); }


/* --- Customization Section --- */
.customization-section { background-color: #fff; }
.custom-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.custom-card { background-color: var(--bg-color); padding: 40px 30px; border-radius: 16px; text-align: center; transition: all 0.3s ease; }
.custom-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(91, 167, 169, 0.2); }
.custom-card .icon-wrapper { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: var(--gradient-primary); margin-bottom: 20px; }
.custom-card .icon-wrapper .fas { color: #fff; font-size: 24px; }

/* --- Specs Section --- */
.specs-section { background-color: var(--bg-color); padding: 60px 0; }
.specs-content p {font-size: 16px;margin-bottom: 10px;text-align: center;}
.specs-content strong { color: var(--accent-color); }

/* --- Final CTA Footer --- */
.final-cta { background: var(--gradient-primary); color: #fff; padding: 80px 0; text-align: center; }
.final-cta h2 {color: #fff;font-size: 32px;display: block;}
.final-cta p {color: rgba(255,255,255,0.9);margin-bottom: 30px;font-size: 18px;text-align: center;}



/* --- Responsive Design --- */
@media (max-width: 1200px) { .floating-nav { display: none; } }
@media (max-width: 992px) {
    .hero-win .container { flex-direction: column; text-align: center; }
    .hero-content { text-align: center; }
    .hero-features { justify-content: center; }
    .hero-image { margin-top: 40px; }
}
@media (max-width: 768px) {
    .feature-showcase-item,
    .feature-showcase-item:nth-child(even) { flex-direction: column; text-align: center; }
    .feature-text { text-align: left; }
    .feature-text li { white-space: normal; } /* Allow wrapping on small screens */
}