:root{--gonglue-primary:#f60;--gonglue-primary-hover:#c00;--gonglue-secondary:#333;--gonglue-text:#666;--gonglue-bg:#f4f4f4;--gonglue-white:#fff;--gonglue-border:#ddd;--gonglue-shadow:rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:16px;line-height:1.6;color:var(--gonglue-text);background-color:var(--gonglue-bg)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:var(--gonglue-white);box-shadow:0 2px 8px var(--gonglue-shadow);position:sticky;top:0;z-index:1000}.header-content{justify-content:space-between;height:70px}.header-content,.logo{display:flex;align-items:center}.logo{font-size:24px;font-weight:700;color:var(--gonglue-primary);text-decoration:none;gap:8px}.logo-icon{width:32px;height:32px;flex-shrink:0}.nav{display:flex;gap:30px}.nav-link{color:var(--gonglue-secondary);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:var(--gonglue-primary)}.search-section{background:var(--gonglue-white);padding:30px 0;border-bottom:1px solid var(--gonglue-border)}.search-box{display:flex;max-width:600px;margin:0 auto;gap:10px}.search-input{flex:1;padding:12px 16px;border:2px solid var(--gonglue-border);border-radius:8px;font-size:16px;outline:none;transition:border-color .3s ease}.search-input:focus{border-color:var(--gonglue-primary)}.search-btn{padding:12px 24px;background:var(--gonglue-primary);color:var(--gonglue-white);border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s ease}.search-btn:hover{background:var(--gonglue-primary-hover)}.banner-section{background:var(--gonglue-white);padding:40px 0;margin-bottom:40px}.banner-content{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start}.featured-guide{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px var(--gonglue-shadow)}.featured-image{width:100%;height:300px;-o-object-fit:cover;object-fit:cover}.featured-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:30px}.featured-title{font-size:24px;font-weight:700;margin-bottom:10px}.featured-desc{font-size:16px;opacity:.9}.latest-updates{background:var(--gonglue-white);border-radius:12px;padding:24px;box-shadow:0 4px 12px var(--gonglue-shadow)}.updates-title{font-size:18px;font-weight:700;color:var(--gonglue-secondary);margin-bottom:20px;padding-left:12px;border-left:4px solid var(--gonglue-primary)}.update-item{display:block;color:var(--gonglue-text);text-decoration:none;padding:12px 0;border-bottom:1px solid #eee;transition:color .3s ease}.update-item:hover{color:var(--gonglue-primary)}.update-item:last-child{border-bottom:none}.section{margin-bottom:50px}.section-title{font-size:24px;font-weight:700;color:var(--gonglue-secondary);margin-bottom:30px;padding-left:16px;border-left:6px solid var(--gonglue-primary);display:flex;align-items:center;gap:10px}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.game-card{background:var(--gonglue-white);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px var(--gonglue-shadow);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;text-decoration:none;color:inherit}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--gonglue-shadow)}.game-image{width:100%;height:180px;-o-object-fit:cover;object-fit:cover}.game-info{padding:20px}.game-name{font-size:18px;font-weight:700;color:var(--gonglue-secondary);margin-bottom:8px}.game-desc{color:var(--gonglue-text);font-size:14px;margin-bottom:12px}.game-hot-tag{background:var(--gonglue-primary);color:var(--gonglue-white);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.guide-list{background:var(--gonglue-white);border-radius:12px;padding:24px;box-shadow:0 4px 12px var(--gonglue-shadow)}.guide-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #eee;text-decoration:none;color:inherit;transition:background .3s ease}.guide-item:hover{background:#f9f9f9;margin:0 -16px;padding:16px;border-radius:8px}.guide-item:last-child{border-bottom:none}.guide-thumb{width:80px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:6px;flex-shrink:0}.guide-content{flex:1}.guide-title{font-size:16px;font-weight:500;color:var(--gonglue-secondary);margin-bottom:4px;transition:color .3s ease}.guide-item:hover .guide-title{color:var(--gonglue-primary)}.guide-meta{font-size:14px;color:#999}.ranking-list{background:var(--gonglue-white);border-radius:12px;padding:24px;box-shadow:0 4px 12px var(--gonglue-shadow)}.ranking-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #eee;text-decoration:none;color:inherit;transition:background .3s ease}.ranking-item:hover{background:#f9f9f9;margin:0 -16px;padding:16px;border-radius:8px}.ranking-item:last-child{border-bottom:none}.ranking-number{width:32px;height:32px;background:var(--gonglue-primary);color:var(--gonglue-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.ranking-title{flex:1;font-size:16px;color:var(--gonglue-secondary);transition:color .3s ease}.ranking-item:hover .ranking-title{color:var(--gonglue-primary)}.view-more{display:inline-block;margin-top:20px;padding:10px 20px;background:var(--gonglue-primary);color:var(--gonglue-white);text-decoration:none;border-radius:6px;font-weight:500;transition:background .3s ease}.view-more:hover{background:var(--gonglue-primary-hover)}.footer{background:var(--gonglue-secondary);color:var(--gonglue-white);padding:40px 0 20px;margin-top:60px}.footer-content{text-align:center}.footer-links{margin-bottom:20px}.footer-link{color:var(--gonglue-white);text-decoration:none;margin:0 15px;transition:color .3s ease}.footer-link:hover{color:var(--gonglue-primary)}.footer-copyright{font-size:14px;opacity:.8}.breadcrumb{background:var(--gonglue-white);padding:20px 0;border-bottom:1px solid var(--gonglue-border)}.breadcrumb-nav{font-size:14px;color:var(--gonglue-text)}.breadcrumb-link{color:var(--gonglue-primary);text-decoration:none}.breadcrumb-link:hover{color:var(--gonglue-primary-hover)}.article-header{background:var(--gonglue-white);padding:40px 0;text-align:center}.article-title{font-size:32px;font-weight:700;color:var(--gonglue-secondary);margin-bottom:20px;line-height:1.4}.article-meta{display:flex;justify-content:center;gap:20px;font-size:14px;color:#999}.article-content{background:var(--gonglue-white);padding:40px;margin:40px 0;border-radius:12px;box-shadow:0 4px 12px var(--gonglue-shadow);line-height:1.8}.article-image{width:100%;max-width:600px;height:auto;margin:20px auto;display:block;border-radius:8px}.article-content h2{font-size:24px;margin:30px 0 15px;padding-left:12px;border-left:4px solid var(--gonglue-primary)}.article-content h2,.article-content h3{font-weight:700;color:var(--gonglue-secondary)}.article-content h3{font-size:20px;margin:25px 0 12px}.article-content ol,.article-content ul{margin:15px 0;padding-left:30px}.article-content li{margin:8px 0}.related-guides{background:var(--gonglue-white);padding:30px;border-radius:12px;box-shadow:0 4px 12px var(--gonglue-shadow)}.related-title{font-size:20px;font-weight:700;color:var(--gonglue-secondary);margin-bottom:20px;padding-left:12px;border-left:4px solid var(--gonglue-primary)}.related-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.related-item{display:block;padding:16px;background:#f9f9f9;border-radius:8px;text-decoration:none;color:var(--gonglue-secondary);transition:all .3s ease}.related-item:hover{background:var(--gonglue-primary);color:var(--gonglue-white);transform:translateY(-2px)}@media (max-width:768px){.container{padding:0 15px}.header-content{flex-direction:column;height:auto;padding:15px 0;gap:15px}.nav{gap:20px}.search-box{flex-direction:column}.banner-content{gap:30px}.banner-content,.game-grid{grid-template-columns:1fr}.guide-item{flex-direction:column;text-align:center}.guide-thumb{width:100%;height:120px}.article-title{font-size:24px}.article-content{padding:20px}.article-meta{flex-direction:column;gap:10px}.related-list{grid-template-columns:1fr}}@media (max-width:480px){.logo{font-size:20px}.nav{flex-direction:column;gap:10px;text-align:center}.article-title,.section-title{font-size:20px}}.loading-section{padding:40px 0;text-align:center;color:#999}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#f60;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}