/* Global Reset */
* { margin:0; padding:0; box-sizing:border-box; }
html { font-size:16px; scroll-behavior:smooth; }
body { font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif; line-height:1.7; color:#333; min-width:320px; overflow-x:hidden; }
a { text-decoration:none; color:inherit; transition:all 0.3s; }
ul { list-style:none; }
img { max-width:100%; height:auto; display:block; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }
@media(max-width:768px){html{font-size:14px;}.container{padding:0 15px;}}

/* floating-nav 布局 */
.hero-section { padding: 120px 0 80px; background: linear-gradient(135deg, #9370DB 0%, #B19CD9 100%); color: white; text-align: center; position: relative; overflow: hidden; }
.floating-nav { position: fixed; top: 50%; right: 30px; transform: translateY(-50%); z-index: 2000; }
.floating-ball { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, #9370DB, #7B68EE); display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 20px rgba(0,0,0,0.3); transition: all 0.3s; transform-origin: right center; }
.floating-ball:hover { transform: scale(1.1); box-shadow: 0 6px 30px rgba(0,0,0,0.4); }
.floating-ball::before { content: "\2630"; font-size: 24px; color: white; }
.floating-menu { position: absolute; right: 100%; top: 50%; transform: translateY(-50%); margin-right: -15px; background: white; border-radius: 16px; box-shadow: 0 8px 40px rgba(0,0,0,0.2); padding: 20px; display: none; min-width: 220px; overflow: visible; }
.floating-nav:hover .floating-menu { display: block; }
.floating-menu-link { display: block; color: #333; padding: 10px 15px; border-radius: 8px; transition: all 0.2s; text-decoration: none; font-size: 0.95rem; }
.floating-menu-link:hover { background: #9370DB; color: white; }
.floating-dropdown { position: relative; }
.floating-dropdown-btn { display: block; width: 100%; color: #333; padding: 10px 15px; background: none; border: none; cursor: pointer; border-radius: 8px; text-align: left; font-size: 0.95rem; transition: all 0.2s; text-decoration: none; }
.floating-dropdown-btn:hover, .floating-dropdown:hover .floating-dropdown-btn { background: #9370DB; color: white; }
.floating-dropdown-content { display: none; position: absolute; left: 100%; top: 0; background: white; min-width: 180px; box-shadow: 0 8px 30px rgba(0,0,0,0.15); border-radius: 12px; margin-left: 0; z-index: 2100; }
.floating-dropdown:hover .floating-dropdown-content { display: block; }
.floating-dropdown-item { display: block; padding: 10px 15px; color: #333; transition: all 0.2s; text-decoration: none; font-size: 0.9rem; }
.floating-dropdown-item:hover { background: #9370DB; color: white; }
@media(max-width: 768px) { .floating-nav { right: 15px; } .floating-menu { min-width: 180px; } .floating-dropdown-content { left: auto; right: 100%; margin-left: 0; margin-right: 10px; } }

/* Hero Section */
.hero-section{color:white;padding:100px 0;text-align:center;position:relative;overflow:hidden;}
.hero-title{font-size:3rem;font-weight:bold;margin-bottom:25px;}
.hero-subtitle{font-size:1.4rem;margin-bottom:35px;opacity:0.95;}
.hero-btn{display:inline-block;padding:18px 50px;background:white;color:#7B68EE;border-radius:50px;font-weight:bold;font-size:1.1rem;transition:transform 0.3s,box-shadow 0.3s;text-decoration:none;}
.hero-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,0.25);}
@media(max-width:768px){.hero-section{padding:70px 0;}.hero-title{font-size:2.2rem;}.hero-subtitle{font-size:1.1rem;}}

/* Section */
.section{padding:80px 0;}
.section-alt{background:#f5f5f5;}
.section-header{text-align:center;margin-bottom:50px;}
.section-title{font-size:2.4rem;color:#7B68EE;margin-bottom:15px;}
.section-subtitle{color:#666;font-size:1.1rem;}
@media(max-width:768px){.section{padding:50px 0;}.section-title{font-size:1.8rem;}}

/* Services Grid */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}
.service-card{background:white;border-radius:16px;padding:40px 30px;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,0.08);transition:all 0.3s;}
.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.12);}
.service-icon{width:90px;height:90px;background:#F8F0FF;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:2.2rem;color:#9370DB;}
.service-title{font-size:1.4rem;color:#7B68EE;margin-bottom:15px;}
.service-desc{color:#666;font-size:1rem;line-height:1.8;}

/* Products Grid */
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.product-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:all 0.3s;}
.product-card:hover{transform:translateY(-5px);}
.product-image{height:200px;background:linear-gradient(135deg, #9370DB 0%, #B19CD9 100%);display:flex;align-items:center;justify-content:center;font-size:4rem;color:white;}
.product-info{padding:30px;}
.product-title{font-size:1.3rem;color:#7B68EE;margin-bottom:12px;}
.product-desc{color:#666;font-size:0.95rem;}

/* Cases Grid */
.cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;}
.case-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.08);}
.case-image{height:200px;background:#F8F0FF;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:#9370DB;}
.case-info{padding:30px;}
.case-title{font-size:1.3rem;color:#7B68EE;margin-bottom:12px;}
.case-desc{color:#666;font-size:0.95rem;margin-bottom:15px;}
.case-tag{display:inline-block;padding:5px 15px;background:#F8F0FF;color:#7B68EE;border-radius:20px;font-size:0.85rem;}

/* Stats Grid */
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center;}
.stat-item{padding:40px;background:white;border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,0.08);}
.stat-number{font-size:3rem;font-weight:bold;color:#7B68EE;margin-bottom:10px;}
.stat-label{color:#666;font-size:1.1rem;}
@media(max-width:768px){.stats-grid{grid-template-columns:1fr;}}

/* Footer */
.site-footer{background:#2c3e50;color:white;padding:60px 0 30px;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px;}
.footer-title{font-size:1.2rem;margin-bottom:20px;color:white;}
.footer-text{color:rgba(255,255,255,0.7);margin-bottom:10px;font-size:0.95rem;}
.footer-links li{margin-bottom:10px;}
.footer-links a{color:rgba(255,255,255,0.7);transition:all 0.3s;}
.footer-links a:hover{color:white;}
.copyright{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.5);font-size:0.9rem;}

/* Page Header */
.page-header{padding:120px 0 60px;background:linear-gradient(135deg, #9370DB 0%, #B19CD9 100%);color:white;text-align:center;}
.page-title{font-size:2.5rem;margin-bottom:15px;}
.page-subtitle{font-size:1.2rem;opacity:0.9;}
.page-content{padding:60px 0;}
.content-section{margin-bottom:50px;}
.content-title{font-size:1.8rem;color:#7B68EE;margin-bottom:20px;}
.content-text{color:#666;line-height:1.9;margin-bottom:15px;}
.content-list{list-style:disc;padding-left:25px;}
.content-list li{margin-bottom:12px;color:#666;}

/* Feature Grid */
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}
.feature-item{background:white;border-radius:16px;padding:35px;box-shadow:0 5px 20px rgba(0,0,0,0.08);}
.feature-title{font-size:1.2rem;color:#7B68EE;margin-bottom:12px;}
.feature-desc{color:#666;font-size:0.95rem;}