*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Microsoft YaHei","微软雅黑","PingFang SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#fff;color:#333;font-size:14px;line-height:1.6;min-height:100px;}
a{text-decoration:none;color:#333;cursor:pointer;}
a:hover{color:#0066cc;}
img{max-width:100%;height:auto;vertical-align:top;}

.gz-head{width:100%;background:#fff;border-bottom:1px solid #eee;}
.gz-head-inner{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;}

.gz-logo{display:flex;align-items:center;gap:10px;}
.gz-logo-icon{width:38px;height:38px;background:#0066cc;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:bold;}
.gz-logo-text strong{display:block;font-size:18px;font-weight:600;color:#333;}
.gz-logo-text em{display:block;font-size:11px;color:#999;font-style:normal;margin-top:1px;}

.gz-search{display:flex;background:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden;flex:1;max-width:420px;height:36px;}
.gz-search input{flex:1;border:none;padding:0 12px;font-size:13px;outline:none;background:#fff;}
.gz-search button{width:72px;background:#0066cc;color:#fff;font-size:13px;border:none;cursor:pointer;}

.gz-date-info{font-size:13px;color:#666;}

.gz-nav{background:#fff;border-bottom:1px solid #eee;}
.gz-nav-inner{max-width:1200px;margin:0 auto;padding:0 20px;height:44px;display:flex;align-items:center;gap:0;}
.gz-nav-inner a{font-size:14px;color:#666;padding:0 16px;height:44px;line-height:44px;transition:color .15s;}
.gz-nav-inner a:hover{color:#0066cc;}
.gz-nav-inner a.active{color:#0066cc;font-weight:600;}

.gz-main{max-width:1200px;margin:0 auto;padding:0 20px;}

.gz-search-tip{background:#f0f7ff;border:1px solid #d0e8ff;border-radius:4px;padding:10px 16px;margin:14px 0;font-size:13px;color:#333;}
.gz-search-tip strong{color:#0066cc;}

.gz-section{background:#fff;margin:0;padding:18px 0;}
.gz-section + .gz-section{border-top:1px solid #f0f0f0;}
.gz-section-head{font-size:18px;font-weight:700;color:#222;padding:0 0 14px;margin:0;}
.gz-section-head span{font-size:14px;font-weight:400;color:#999;margin-left:8px;}

.gz-tool-list{display:flex;flex-wrap:wrap;margin:0 -10px;}
.gz-tool-item{width:calc(20% - 20px);margin:10px;}
.gz-tool-a{display:flex;align-items:center;padding:8px 10px;border-radius:4px;transition:background .15s;}
.gz-tool-a:hover{background:#f5f8ff;}
.gz-tool-icon{width:46px;height:46px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.gz-tool-icon svg{width:24px;height:24px;}
.gz-tool-info{display:flex;flex-direction:column;margin-left:12px;flex:1;min-width:0;}
.gz-tool-info span{font-size:14px;color:#333;height:20px;line-height:20px;overflow:hidden;font-weight:500;}
.gz-tool-info em{font-size:12px;color:#999;height:16px;line-height:16px;margin-top:3px;font-style:normal;overflow:hidden;}
.gz-tool-a:hover .gz-tool-info span{color:#0066cc;}

.ic-blue{background:#4a90d9;}
.ic-purple{background:#7b68c4;}
.ic-cyan{background:#3bb7a0;}
.ic-orange{background:#e8a44c;}
.ic-green{background:#5cb85c;}
.ic-teal{background:#3ba5b8;}
.ic-indigo{background:#5b6ab0;}
.ic-pink{background:#e069a8;}
.ic-gold{background:#d4a24c;}
.ic-coral{background:#e8736a;}
.ic-red{background:#d9534f;}
.ic-violet{background:#8868c4;}

.gz-about{background:#fff;margin:14px 0;padding:14px 0;border-top:1px solid #f0f0f0;}
.gz-about-body{padding:10px 0;}
.gz-about-body p{color:#555;font-size:13px;line-height:1.9;margin-bottom:6px;}

.gz-friend{background:#fafafa;margin:14px 0;padding:12px 18px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;border-top:1px solid #eee;border-bottom:1px solid #eee;border-radius:6px;}
.gz-fl-title{font-size:13px;color:#333;font-weight:600;margin-right:4px;}
.gz-friend a{font-size:13px;color:#666;padding:0 10px;border-right:1px solid #e0e0e0;}
.gz-friend a:last-child{border-right:none;}
.gz-friend a:hover{color:#0066cc;}

.gz-footer{background:#f5f5f5;border-top:1px solid #eee;margin-top:20px;}
.gz-footer-inner{max-width:1200px;margin:0 auto;padding:20px;text-align:center;}
.gz-footer-inner p{font-size:12px;color:#999;margin:4px 0;}

.gz-back-top{position:fixed;bottom:30px;right:30px;width:40px;height:40px;background:#999;color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:18px;cursor:pointer;z-index:1000;}
.gz-back-top:hover{background:#0066cc;}

@media (max-width:1100px){
.gz-tool-item{width:calc(25% - 20px);}
}
@media (max-width:900px){
.gz-tool-item{width:calc(33.333% - 20px);}
}
@media (max-width:768px){
.gz-head-inner{flex-direction:column;gap:10px;padding:10px 12px;}
.gz-logo{width:100%;}
.gz-logo-text strong{font-size:16px;}
.gz-search{width:100%;max-width:none;}
.gz-date-info{font-size:12px;}

.gz-nav-inner{padding:0 12px;height:auto;flex-wrap:wrap;}
.gz-nav-inner a{font-size:13px;padding:0 10px;height:36px;line-height:36px;}

.gz-main{padding:0 12px;}
.gz-section{padding:14px 0;}
.gz-section-head{font-size:15px;padding:0 0 10px;}
.gz-tool-list{margin:0 -6px;}
.gz-tool-item{width:calc(50% - 12px);margin:6px;}
.gz-tool-icon{width:40px;height:40px;}
.gz-tool-icon svg{width:22px;height:22px;}
.gz-tool-info{margin-left:8px;}
.gz-tool-info span{font-size:13px;}
.gz-tool-info em{font-size:11px;}

.gz-back-top{bottom:20px;right:20px;width:36px;height:36px;}
}
@media (max-width:480px){
.gz-tool-item{width:100%;margin:4px 0;}
.gz-nav-inner a{font-size:12px;padding:0 8px;}
.gz-section-head{font-size:14px;}
.gz-tool-info span{font-size:13px;}
}