*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei",sans-serif;background:#0a101f;color:#fff;line-height:1.8;overflow-x:hidden}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
#particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.7}

/* 加载动画 */
.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a101f;display:flex;align-items:center;justify-content:center;z-index:9999}
.loader{width:50px;height:50px;border:3px solid #0066cc;border-top:3px solid transparent;border-radius:50%;animation:rotate 1s linear infinite}
@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* 导航 */
.header{position:fixed;top:0;left:0;width:100%;background:rgba(10,16,31,.95);backdrop-filter:blur(12px);border-bottom:1px solid #0066cc33;z-index:999}
.header .container{display:flex;align-items:center;justify-content:space-between;height:80px}
.logo{font-size:24px;font-weight:700;color:#0099ff;display:flex;align-items:center;gap:8px}
.navbar{display:flex;gap:32px}
.navbar a{color:#eee;text-decoration:none;font-size:15px;transition:.3s}
.navbar a:hover{color:#0099ff}
.m-btn{display:none;font-size:24px;cursor:pointer}

/* 按钮 */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:10px;text-decoration:none;font-weight:500;transition:.3s;border:none;cursor:pointer}
.btn.blue{background:linear-gradient(90deg,#0066cc,#0099ff);color:#fff}
.btn.white{background:rgba(255,255,255,.1);color:#fff;border:1px solid #fff3}
.btn.big{padding:16px 40px;font-size:16px}
.btn.sm{padding:10px 20px}

/* 首屏 */
.hero{padding:200px 0 100px;text-align:center}
.hero-box h1{font-size:52px;line-height:1.3;margin-bottom:20px}
.hero-box h1 span{background:linear-gradient(90deg,#0099ff,#00ccff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-box p{font-size:18px;color:#aaa;max-width:700px;margin:0 auto 30px}
.hero-btns{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}

/* 快捷卡片 */
.quick{padding:60px 0}
.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.q-card{background:rgba(255,255,255,.05);border:1px solid #0099ff22;border-radius:14px;padding:30px 20px;text-align:center;text-decoration:none;color:#fff;transition:.3s}
.q-card:hover{transform:translateY(-8px);border-color:#0099ff;background:#0099ff11}
.q-card i{font-size:32px;color:#0099ff;margin-bottom:12px}

/* 标题 */
.title{text-align:center;margin-bottom:50px}
.title h2{font-size:38px;margin-bottom:10px}
.title p{color:#888}

/* 资质 */
.auth{padding:80px 0}
.auth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.a-card{background:rgba(255,255,255,.05);border:1px solid #0099ff22;border-radius:14px;padding:35px;text-align:center}
.a-card i{font-size:40px;color:#0099ff;margin-bottom:16px}

/* 业务 */
.biz{padding:80px 0}
.biz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}
.b-card{background:rgba(255,255,255,.05);border:1px solid #0099ff22;border-radius:14px;padding:40px;text-align:center}
.b-card i{font-size:42px;color:#0099ff;margin-bottom:16px}

/* 自研系统 */
.system{padding:80px 0}
.system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}
.s-card{background:rgba(10,16,31,.7);border:1px solid #0099ff33;border-radius:16px;padding:40px;text-align:center;backdrop-filter:blur(8px)}
.s-card i{font-size:40px;color:#0099ff;margin-bottom:16px}

/* 便民工具 */
.tools{padding:80px 0}
.tool-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:30px}
.tab-btn{padding:12px 24px;border-radius:8px;background:rgba(255,255,255,.05);border:none;color:#fff;cursor:pointer}
.tab-btn.active{background:#0066cc}
.panel{display:none}
.panel.active{display:block}
.tool-form{display:flex;gap:10px;max-width:600px;margin:0 auto 20px}
.tool-form input{flex:1;padding:14px;background:rgba(255,255,255,.05);border:1px solid #fff2;border-radius:8px;color:#fff}
.result-box{background:rgba(255,255,255,.05);padding:20px;border-radius:10px;min-height:100px}
.news-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}
.news-item{background:rgba(255,255,255,.05);padding:15px;border-radius:10px}

/* 通信服务 */
.card{padding:80px 0;text-align:center}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}
.c-card{background:rgba(255,255,255,.05);border:1px solid #0099ff22;border-radius:14px;padding:30px;text-decoration:none;color:#fff}
.wx-tip{display:inline-block;background:#0099ff11;border:1px solid #0099ff;border-radius:8px;padding:12px 24px;margin-bottom:20px;color:#0099ff}

/* 售后 */
.service{padding:80px 0}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.se-card{background:rgba(255,255,255,.05);border:1px solid #0099ff22;border-radius:14px;padding:35px;text-align:center}
.se-card i{font-size:38px;color:#0099ff;margin-bottom:16px}

/* 咨询表单 */
.contact{padding:80px 0}
.contact-form{max-width:700px;margin:0 auto;background:rgba(10,16,31,.7);border:1px solid #0099ff22;border-radius:16px;padding:50px;backdrop-filter:blur(8px)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}
.contact-form input,.contact-form textarea{width:100%;padding:14px;background:rgba(255,255,255,.05);border:1px solid #fff2;border-radius:10px;color:#fff;margin-bottom:15px}
.contact-form textarea{min-height:120px}

/* 底部 */
.footer{padding:40px 0;background:#0a101f;border-top:1px solid #0099ff11;text-align:center}

/* 返回顶部 */
.back-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#0066cc;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:.3s}
.back-top.show{opacity:1;visibility:visible}

/* 响应式 */
@media(max-width:992px){.navbar{display:none}.m-btn{display:block}.hero-box h1{font-size:36px}.form-row{grid-template-columns:1fr}}
@media(max-width:768px){.hero{padding:150px 0 80px}.title h2{font-size:28px}}