:root{--primary:var(--template-accent,#4a6cf7);--primary-soft:#4a6cf74d;--bg:var(--template-page-bg,#f5f7fa);--surface:var(--template-surface,#fff);--text:#222;--text-strong:var(--template-title-color,#1a1a2e);--text-muted:var(--template-muted-color,#8b93a7);--line:#eef0f5;--radius-lg:18px;--radius-md:14px;--radius-sm:10px;--shadow:0 2px 18px rgba(15,23,42,.06);--kk-maxw:var(--template-max-width,560px)}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',Arial,sans-serif;-webkit-tap-highlight-color:transparent}
#kkApp{position:relative;z-index:1}
.kk-header{position:fixed;top:0;left:0;right:0;z-index:130;width:100%;max-width:var(--kk-maxw);margin:0 auto;background:var(--surface);border-bottom:1px solid var(--line);transform:translateZ(0)}
.kk-header-logo{padding:8px 12px 0}
.kk-header-logo img{width:34px;height:34px;border-radius:10px;object-fit:cover;display:block;background:var(--primary-soft)}
.kk-header-main{padding:0 12px 8px;min-width:0}
.kk-header-title{font-size:17px;font-weight:700;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-header-sub{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-header-ops{position:absolute;right:8px;top:8px;display:flex;gap:6px}
.kk-ico-btn{width:34px;height:34px;flex:none;border:0;border-radius:10px;background:#f3f5fa;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center}
.kk-ico-btn svg{width:18px;height:18px}
.kk-ico-btn.on{background:var(--primary);color:#fff}
.kk-menu-drop{position:absolute;right:10px;top:calc(100% + 6px);width:min(70vw,240px);background:var(--surface);border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(15,23,42,.16);padding:6px;display:none;z-index:140}
.kk-menu-drop.show{display:block}
.kk-menu-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text);font-size:13px}
.kk-menu-item:hover{background:#f5f7fc}
.kk-menu-item img,.kk-menu-item .kk-menu-letter{width:22px;height:22px;border-radius:6px;object-fit:cover;flex:none}
.kk-menu-letter{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:12px;font-weight:600}
.kk-body{max-width:var(--kk-maxw);margin:0 auto;padding-left:12px;padding-right:12px}
.kk-slides{position:relative;margin-top:12px;border-radius:var(--radius-lg);overflow:hidden;background:#e9edf4;aspect-ratio:16/9}
.kk-slide-track{display:flex;height:100%;transition:transform .45s ease}
.kk-slide{flex:0 0 100%;height:100%;position:relative}
.kk-slide a{display:block;height:100%}
.kk-slide img{width:100%;height:100%;object-fit:cover;display:block}
.kk-slide-title{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-slide-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;gap:5px;z-index:2}
.kk-slide-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:width .2s}
.kk-slide-dots i.on{width:16px;border-radius:3px;background:#fff}
.kk-marquee{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 12px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow);cursor:pointer}
.kk-marquee-ico{color:var(--primary);display:flex;flex:none}
.kk-marquee-ico svg{width:16px;height:16px}
.kk-marquee-text{flex:1;min-width:0;overflow:hidden;font-size:12px;color:var(--text-strong)}
.kk-marquee-run{display:inline-block;white-space:nowrap;will-change:transform;animation:kkMarqueeRun var(--kk-mq-dur,10s) linear infinite}
@keyframes kkMarqueeRun{0%{transform:translateX(var(--kk-mq-from,100%))}
100%{transform:translateX(var(--kk-mq-to,-100%))}
}
.kk-info{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow)}
.kk-info-host{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-strong);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-info-host::before{content:'';width:14px;height:14px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v2H6v12h12v-5h2v7H4z'/%3E%3Cpath d='M14 3h7v7h-2V6.4l-7.3 7.3-1.4-1.4L17.6 5H14z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v2H6v12h12v-5h2v7H4z'/%3E%3Cpath d='M14 3h7v7h-2V6.4l-7.3 7.3-1.4-1.4L17.6 5H14z'/%3E%3C/svg%3E") no-repeat center/contain;opacity:.7}
.kk-promo{flex:none;height:34px;padding:0 16px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff9f43,#ff6b6b);color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 6px 16px rgba(255,107,107,.32)}
.kk-ad-wrap{margin-top:10px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.kk-ad-wrap:empty{display:none}
.kk-block{margin-top:14px}
.kk-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding:0 2px}
.kk-block-title{font-size:15px;font-weight:700;color:var(--text-strong)}
.kk-block-more{font-size:12px;color:var(--primary);text-decoration:none;padding:3px 10px;border-radius:999px;background:var(--surface)}
.kk-section{margin-bottom:12px;padding:12px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}
.kk-section-head{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.kk-section-name{font-size:14px;font-weight:700;color:var(--text-strong)}
.kk-section-desc{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px}
.kk-link{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--text);min-width:0}
.kk-link img,.kk-link .kk-link-letter{width:44px;height:44px;border-radius:12px;object-fit:cover;flex:none;background:#f3f5fa}
.kk-link-letter{display:flex;align-items:center;justify-content:center;color:#fff;background:var(--primary);font-size:16px;font-weight:700}
.kk-link-name{font-size:11px;color:var(--text-muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-cards,.kk-activities{padding:0}
.cards-wrap{display:none;gap:12px;flex-direction:column}
.cards-wrap .card{width:100%;border-radius:var(--radius-md);overflow:hidden;transition:transform .2s,box-shadow .2s}
.cards-wrap .card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}
.cards-wrap .card a{display:flex;align-items:center;gap:14px;padding:16px 20px;text-decoration:none;color:#fff;min-height:72px}
.cards-wrap .card .card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff3;overflow:hidden}
.cards-wrap .card .card-icon img{width:100%;height:100%;object-fit:cover}
.cards-wrap .card .card-icon span{font-size:20px;font-weight:700;color:#fff}
.cards-wrap .card .card-info{flex:1;min-width:0}
.cards-wrap .card .card-title{font-size:16px;font-weight:600}
.cards-wrap .card .card-desc{font-size:12px;opacity:.85;margin-top:2px}
.cards-wrap .card .card-arrow{font-size:18px;opacity:.7;flex-shrink:0}
.cards-wrap .card-google{background:linear-gradient(135deg,#4285f4,#34a853 50%,#fbbc05,#ea4335)}
.cards-wrap .card-baidu{background:linear-gradient(135deg,#2932e1,#4a6cf7,#6b8cff)}
.cards-wrap .card-purple{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.cards-wrap .card-pink{background:linear-gradient(135deg,#ec4899,#f472b6)}
.cards-wrap .card-orange{background:linear-gradient(135deg,#f59e0b,#f97316)}
.cards-wrap .card-teal{background:linear-gradient(135deg,#14b8a6,#2dd4bf)}
.cards-wrap .card-rose{background:linear-gradient(135deg,#f43f5e,#fb7185)}
.cards-wrap .card-indigo{background:linear-gradient(135deg,#4f46e5,#818cf8)}
.cards-wrap .card-cyan{background:linear-gradient(135deg,#06b6d4,#22d3ee)}
.cards-wrap .card-amber{background:linear-gradient(135deg,#d97706,#fbbf24)}
.cards-wrap .card-lime{background:linear-gradient(135deg,#65a30d,#a3e635)}
.cards-wrap .card-slate{background:linear-gradient(135deg,#475569,#94a3b8)}
.kk-contacts{margin-top:14px}
.kk-contacts[hidden]{display:none}
.kk-contact-list{display:flex;flex-direction:column;gap:8px}
.kk-contact{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow)}
.kk-contact img,.kk-contact .kk-contact-letter{width:34px;height:34px;border-radius:10px;object-fit:cover;flex:none;background:#f3f5fa}
.kk-contact-letter{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:700}
.kk-contact-main{flex:1;min-width:0}
.kk-contact-name{font-size:13px;font-weight:600;color:var(--text-strong)}
.kk-contact-value{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-contact-copy{flex:none;height:30px;padding:0 12px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-size:12px;cursor:pointer}
.kk-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:130;width:100%;max-width:var(--kk-maxw);margin:0 auto;display:flex;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0);transform:translateZ(0)}
.kk-bottom-nav[hidden]{display:none}
.kk-nav-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--kk-nav-h,54px);text-decoration:none;color:var(--text-muted);font-size:11px}
.kk-nav-item.on{color:var(--primary)}
.kk-nav-ico{display:flex;width:22px;height:22px}
.kk-nav-ico svg{width:100%;height:100%}
.kk-nav-label{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-popup{position:fixed;left:0;right:0;top:0;bottom:0;z-index:200;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:24px}
.kk-popup[hidden]{display:none}
.kk-popup-box{width:100%;max-width:min(88vw,320px);background:var(--surface);border-radius:var(--radius-lg);padding:18px;box-shadow:0 20px 50px rgba(15,23,42,.28)}
.kk-popup-title{font-size:15px;font-weight:700;color:var(--text-strong);margin-bottom:8px}
.kk-popup-text{font-size:13px;line-height:1.7;color:#4b5563;white-space:pre-line;word-break:break-word;max-height:50vh;overflow:auto}
.kk-popup-ok{margin-top:14px;width:100%;height:38px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer}
@media(max-width:360px){.kk-links{grid-template-columns:repeat(3,1fr)}
.kk-header-title{font-size:16px}
}
@media(min-width:768px){.kk-body{padding-left:16px;padding-right:16px}
}
.kk-games{position:fixed;left:0;right:0;z-index:120;max-width:var(--kk-maxw);margin:0 auto;background:var(--bg);display:flex;flex-direction:column}
.kk-games[hidden]{display:none}
.kk-games-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:var(--surface);border-bottom:1px solid var(--line)}
.kk-games-back{flex:none;height:30px;padding:0 14px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-size:12px;font-weight:600;cursor:pointer}
.kk-games-body{flex:1;min-height:0;display:flex;gap:10px;padding:10px 12px}
.kk-gtabs{width:80px;flex:none;display:flex;flex-direction:column;gap:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.kk-gtab{padding:9px 10px;border:0;border-left:3px solid transparent;border-radius:0 10px 10px 0;background:transparent;color:var(--text-muted);font-size:12px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-gtab i{font-style:normal;font-size:9px;opacity:.7;margin-left:4px}
.kk-gtab.on{background:var(--surface);border-left-color:var(--primary);color:var(--primary);font-weight:600;box-shadow:var(--shadow)}
.kk-glist{flex:1;min-width:0;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start;-webkit-overflow-scrolling:touch}
.kk-gcard{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow);text-decoration:none;color:var(--text);text-align:center;min-width:0}
.kk-gcard img,.kk-gcard .kk-gicon{width:48px;height:48px;border-radius:14px;object-fit:cover;flex:none;background:#f1f3fa}
.kk-gcard .kk-gicon{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;font-size:18px;font-weight:700}
.kk-gname{font-size:12px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-gbadge{font-size:9px;padding:1px 6px;border-radius:999px;background:rgba(74,108,247,.12);color:var(--primary)}
.kk-gdesc{font-size:10px;color:var(--text-muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-gplay{margin-top:2px;height:26px;padding:0 14px;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;font-weight:600;line-height:26px}
.kk-gempty{grid-column:1/-1;padding:30px 0;text-align:center;font-size:12px;color:var(--text-muted)}
@media(max-width:400px){.kk-gtabs{width:72px}
.kk-glist{grid-template-columns:1fr}
}
.kk-link-desc{display:block;max-width:100%;font-size:10px;line-height:1.3;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-gpaneld{grid-column:1/-1;margin:0 0 2px;font-size:11px;line-height:1.5;color:var(--text-muted)}
button img,button svg,.layui-btn img,.layui-btn svg,a.btn img,a.btn svg,.kk-ico-btn img,.kk-ico-btn svg{max-width:24px;max-height:24px;object-fit:contain}