/* 高登棋牌 - 完整样式表 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;background:#f8fafc;color:#1e293b;line-height:1.6;transition:background .3s,color .3s}
body.dark{background:#0f172a;color:#e2e8f0}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img{display:block;max-width:100%;height:auto}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.06)}
.dark .glass{background:rgba(15,23,42,.7);border-color:rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.3)}
.btn{display:inline-block;padding:14px 32px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem}
.btn-primary{background:linear-gradient(135deg,#1a73e8,#0d47a1);color:#fff;box-shadow:0 4px 20px rgba(26,115,232,.4)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(26,115,232,.5)}
.section{padding:80px 0}
.section-title{font-size:2.2rem;font-weight:700;text-align:center;margin-bottom:20px;background:linear-gradient(135deg,#1a73e8,#0d47a1);-webkit-background-clip:text;background-clip:text;color:transparent}
.dark .section-title{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-sub{text-align:center;color:#64748b;max-width:600px;margin:0 auto 50px;font-size:1.1rem}
.dark .section-sub{color:#94a3b8}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.04);transition:all .3s ease;border:1px solid rgba(0,0,0,.02)}
.card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.08)}
.dark .card{background:#1e293b;border-color:rgba(255,255,255,.05);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.dark .card:hover{box-shadow:0 12px 40px rgba(0,0,0,.4)}
.text-center{text-align:center}
.mt-20{margin-top:20px}
.mb-20{margin-bottom:20px}
.flex-center{display:flex;align-items:center;justify-content:center}
.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}
@media(max-width:768px){.section{padding:50px 0}.section-title{font-size:1.8rem}.grid-3,.grid-4{grid-template-columns:1fr}}

/* Header 样式覆盖 */
header.glass{position:fixed;top:0;left:0;right:0;z-index:1000;padding:12px 0;border-radius:0;border-bottom:1px solid rgba(0,0,0,.05)}
header.glass .container{display:flex;align-items:center;justify-content:space-between}
header.glass .container > a{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;color:#1a73e8}
header.glass nav{display:flex;align-items:center;gap:24px}
header.glass nav a{font-weight:500;transition:color .2s}
header.glass nav a:hover{color:#1a73e8}
header.glass .nav-link.active{color:#1a73e8}
#themeToggle{background:none;border:none;cursor:pointer;font-size:1.4rem;padding:6px;border-radius:8px;transition:background .2s}
#themeToggle:hover{background:rgba(0,0,0,.05)}
.dark #themeToggle:hover{background:rgba(255,255,255,.1)}
#menuToggle{display:none;background:none;border:none;cursor:pointer;font-size:1.6rem;padding:6px;border-radius:8px}
@media(max-width:768px){#menuToggle{display:block}#mainNav{display:none}}

/* Hero 区域 */
#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f0fe 0%,#f0f4ff 50%,#e0e7ff 100%);padding-top:80px;overflow:hidden;position:relative;transition:background 1s ease}
#hero .dark{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);z-index:-1}
body.dark #hero .dark{display:block}
#hero .container{position:relative;z-index:1}
#hero h1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:20px;background:linear-gradient(135deg,#1a73e8,#0d47a1);-webkit-background-clip:text;background-clip:text;color:transparent}
#hero p{font-size:1.25rem;color:#475569;max-width:700px;margin:0 auto 36px}
.dark #hero p{color:#94a3b8}
#hero .btn.glass{color:#1a73e8;background:rgba(255,255,255,.8)}
#hero .btn.glass:hover{background:rgba(255,255,255,.95)}
@media(max-width:768px){#hero h1{font-size:2.2rem}#hero p{font-size:1.05rem}}

/* 产品卡片图标 */
.card svg{margin-bottom:16px}
.card.text-center svg{margin:0 auto 16px}

/* 数据区域 */
#data{background:linear-gradient(135deg,#1a73e8,#0d47a1);color:#fff}
#data .section-title{color:#fff;background:none;-webkit-background-clip:unset;background-clip:unset}
#data .counter{font-size:2.8rem;font-weight:700}

/* 客户评价 */
#testimonials .card p{color:#64748b}
.dark #testimonials .card p{color:#cbd5e1}
#testimonials .card p:last-child{margin-top:16px;font-weight:600}

/* FAQ */
.faq-item.glass{margin-bottom:12px;padding:0;overflow:hidden}
.faq-question{width:100%;padding:18px 24px;background:transparent;border:none;text-align:left;font-size:1.05rem;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s}
.faq-question:hover{background:rgba(0,0,0,.02)}
.dark .faq-question:hover{background:rgba(255,255,255,.05)}
.faq-question svg{transition:transform .3s}
.faq-item.active .faq-question svg{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 24px}
.faq-answer p{padding-bottom:18px;color:#64748b}
.dark .faq-answer p{color:#94a3b8}

/* 如何开始步骤 */
#howto .card .step-number{width:48px;height:48px;border-radius:50%;background:#1a73e8;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-weight:700;font-size:1.2rem}

/* 合作客户标签 */
#clients .glass{padding:16px 30px;border-radius:12px;font-weight:600;transition:all .3s}
#clients .glass:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)}

/* 网站地图 & 友情链接 */
#map .glass,#links .glass{padding:10px 20px;border-radius:8px;transition:all .3s}
#map .glass:hover,#links .glass:hover{background:rgba(26,115,232,.1);color:#1a73e8}
.dark #map .glass:hover,.dark #links .glass:hover{background:rgba(96,165,250,.15);color:#60a5fa}

/* Footer */
footer{background:#0f172a;color:#e2e8f0;padding:40px 0 20px}
footer a{color:#94a3b8;transition:color .2s}
footer a:hover{color:#60a5fa}
footer h4{font-size:1.2rem;font-weight:600;margin-bottom:16px}
footer ul{color:#94a3b8;font-size:.9rem;display:flex;flex-direction:column;gap:8px}
footer .footer-bottom{border-top:1px solid #1e293b;margin-top:30px;padding-top:20px;text-align:center;color:#64748b;font-size:.85rem}

/* 返回顶部 */
#backToTop{position:fixed;bottom:30px;right:30px;width:48px;height:48px;border-radius:50%;background:#1a73e8;color:#fff;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(26,115,232,.4);transition:all .3s;z-index:999}
#backToTop:hover{transform:translateY(-3px);box-shadow:0 6px 24px rgba(26,115,232,.5)}

/* 搜索模态框 */
#searchModal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2000;align-items:center;justify-content:center}
#searchModal .glass{width:90%;max-width:500px;padding:30px;border-radius:16px}
#searchModal input{width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;outline:none;transition:border-color .2s}
#searchModal input:focus{border-color:#1a73e8}
.dark #searchModal input{background:#1e293b;border-color:#334155;color:#e2e8f0}
.dark #searchModal input:focus{border-color:#60a5fa}

/* 导航高亮 */
.nav-link.active{color:#1a73e8}

/* 移动端导航菜单 */
@media(max-width:768px){
    #mainNav.mobile-open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:rgba(255,255,255,.95);padding:20px;gap:16px;border-radius:0 0 16px 16px;box-shadow:0 8px 32px rgba(0,0,0,.1)}
    .dark #mainNav.mobile-open{background:rgba(15,23,42,.95)}
}

/* 动画增强 */
.card,.glass{transition:all .3s cubic-bezier(.4,0,.2,1)}
.btn{transition:all .3s cubic-bezier(.4,0,.2,1)}

/* 滚动条美化 */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#f1f5f9}
::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#64748b}
.dark ::-webkit-scrollbar-track{background:#1e293b}
.dark ::-webkit-scrollbar-thumb{background:#475569}
.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}

/* 选中文本颜色 */
::selection{background:#1a73e8;color:#fff}
.dark ::selection{background:#3b82f6;color:#fff}

/* 打印样式 */
@media print{
    header,footer,#backToTop,#searchModal{display:none!important}
    body{background:#fff;color:#000}
    .glass{background:#fff;backdrop-filter:none;box-shadow:none;border:1px solid #ddd}
}