/* Kaluo GGCX-reference function-page polish v3 */
:root{
  --k-cyan:#18bfd4;
  --k-cyan-dark:#09a4bd;
  --k-ink:#222f3d;
  --k-text:#34495e;
  --k-muted:#7a8b9c;
  --k-line:#e6edf3;
  --k-line2:#d5e2ec;
  --k-bg:#ffffff;
  --k-soft:#f7fbfd;
  --k-blue-soft:#edfaff;
  --k-ok:#13935f;
  --k-bad:#d64545;
  --k-shadow:0 2px 10px rgba(20,60,90,.045);
}
html,body{background:#fff!important;color:var(--k-text)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif!important}
.wrap{width:min(1180px,calc(100% - 22px))!important;margin:0 auto!important}
.topbar{display:none!important}
.header,.nav{background:#fff!important;border-bottom:1px solid var(--k-line)!important;box-shadow:none!important;position:sticky!important;top:0!important;z-index:25!important}
.header .wrap,.nav-inner{min-height:58px!important;display:flex!important;align-items:center!important;gap:14px!important}
.logo{display:flex!important;align-items:center!important;gap:8px!important;color:#1e405c!important;font-size:21px!important;font-weight:850!important;white-space:nowrap!important}
.logo-mark{width:34px!important;height:34px!important;border-radius:50%!important;background:var(--k-cyan)!important;color:#fff!important;box-shadow:none!important;display:grid!important;place-items:center!important}
.mini-logo,.logo-mark svg{width:29px!important;height:29px!important}
.nav{display:flex!important;gap:4px!important;flex:1!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important;border-bottom:0!important}
.nav::-webkit-scrollbar{display:none!important}
.nav a{height:34px!important;display:inline-flex!important;align-items:center!important;padding:0 9px!important;border:0!important;border-radius:3px!important;color:#4b5d6f!important;background:#fff!important;font-size:13px!important;font-weight:650!important}
.nav a:hover,.nav a.active{color:var(--k-cyan-dark)!important;background:#effcff!important}
main.wrap{padding-top:12px!important}
.k-global-announcement{border:1px solid #cdeef5!important;background:#f2fcff!important;border-radius:3px!important;color:#527586!important}
.notice{border:0!important;border-left:3px solid var(--k-cyan)!important;background:#f8fdff!important;border-radius:0!important;color:#5b7488!important;padding:9px 10px!important;margin:10px 0!important;box-shadow:none!important;font-size:13px!important}
.notice b{color:#34495e!important}.k-tool-actions{display:none!important}
.ad{height:42px!important;min-height:42px!important;border:1px solid #e3edf5!important;border-radius:2px!important;background:linear-gradient(105deg,#fff 0,#f5fbff 55%,#dff6ff 100%)!important;color:#35627a!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 12px!important;font-size:13px!important;font-weight:650!important;margin:10px 0 12px!important;box-shadow:none!important;position:relative!important;overflow:hidden!important}
.ad:after{content:'';position:absolute;right:-22px;top:-18px;width:90px;height:90px;background:linear-gradient(135deg,rgba(24,191,212,.18),rgba(24,191,212,.04));transform:rotate(35deg)}
.tool-page{display:grid!important;grid-template-columns:minmax(0,1fr) 292px!important;gap:14px!important;align-items:start!important;margin-top:10px!important}
.panel{background:#fff!important;border:1px solid var(--k-line)!important;border-radius:2px!important;box-shadow:none!important;overflow:hidden!important}
.panel-title{height:43px!important;min-height:43px!important;padding:0 12px!important;border-bottom:1px solid var(--k-line)!important;background:#fff!important;color:#2a3b4d!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:15px!important;font-weight:800!important}
.panel-title:before{content:'';width:4px;height:16px;background:var(--k-cyan);border-radius:2px;margin-right:8px;display:inline-block}.panel-title{justify-content:flex-start!important}.panel-title span{margin-left:auto!important;color:#8a99a8!important;font-size:12px!important;font-weight:500!important}
.panel-body{padding:14px!important;background:#fff!important}
.tool-heading{padding:0 0 12px!important;margin:0 0 12px!important;border-bottom:1px solid #eef3f7!important;text-align:left!important}
.tool-heading h1{margin:0!important;color:#25384d!important;font-size:22px!important;line-height:1.25!important;font-weight:850!important;display:flex!important;align-items:center!important;gap:7px!important}
.tool-heading h1:before{content:'◷';color:var(--k-cyan);font-size:18px;font-weight:400}.tool-heading p{margin:7px 0 0!important;color:#7b8b9b!important;font-size:13px!important;line-height:1.65!important}
.tool-chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 12px!important}.tool-chips span{border:1px solid #dff3f7!important;background:#fbfeff!important;color:#668092!important;border-radius:2px!important;padding:3px 7px!important;font-size:12px!important}
.form-row{display:grid!important;grid-template-columns:minmax(0,1fr) 96px!important;gap:0!important;align-items:stretch!important;margin:9px 0 12px!important;border:1px solid var(--k-line2)!important;border-radius:2px!important;overflow:hidden!important;background:#fff!important}
.form-row .input,.form-row input,.form-row select{border:0!important;border-radius:0!important;height:42px!important;box-shadow:none!important;background:#fff!important}.form-row .btn,.form-row button{height:42px!important;border-radius:0!important;border:0!important}
.input,input[type="text"],input[type="number"],input[type="url"],select,textarea{border:1px solid var(--k-line2)!important;background:#fff!important;color:#2f4052!important;border-radius:2px!important;outline:none!important;box-shadow:none!important}
.input,input[type="text"],input[type="number"],input[type="url"],select{height:40px!important;padding:0 11px!important}textarea{min-height:126px!important;padding:10px 11px!important;line-height:1.65!important}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--k-cyan)!important;box-shadow:0 0 0 2px rgba(24,191,212,.08)!important}
.btn,button{border-radius:2px!important;font-weight:750!important;cursor:pointer!important}.btn.primary,button.primary,.primary{background:var(--k-cyan)!important;border-color:var(--k-cyan)!important;color:#fff!important;box-shadow:none!important}.btn:hover,button:hover{filter:brightness(.98)!important;transform:none!important}
.result-card{border:1px solid var(--k-line)!important;background:#fff!important;border-radius:2px!important;min-height:180px!important;padding:14px!important;box-shadow:none!important}.hint{min-height:120px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:1px dashed #e3edf4!important;background:#fbfdff!important;border-radius:2px!important;color:#9aa7b3!important;padding:18px!important}
.result-head{border:1px solid var(--k-line)!important;border-radius:2px!important;background:#fbfdff!important;padding:12px!important;margin-bottom:10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.result-head.ok{border-color:#cceee0!important;background:#f5fffa!important}.result-head.bad{border-color:#ffd7d7!important;background:#fff8f8!important}.result-head strong{display:block!important;color:#24394f!important;font-size:17px!important}.result-head span{display:block!important;color:#7b8b9b!important;font-size:12px!important;margin-top:3px!important}.result-badge,.pill{border-radius:2px!important;padding:3px 7px!important;font-size:12px!important;font-style:normal!important;border:1px solid #d6f2f7!important;background:#effcff!important;color:#0796b8!important}
.metric-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:10px 0!important}.metric{border:1px solid #e6edf3!important;background:#fff!important;border-radius:2px!important;padding:9px!important}.metric span{display:block!important;color:#8796a5!important;font-size:12px!important;margin-bottom:4px!important}.metric strong{color:#25384d!important;font-size:14px!important;word-break:break-word!important}
.raw-json{border:1px solid #e6edf3!important;border-radius:2px!important;background:#fff!important;margin-top:10px!important;padding:9px!important}.raw-json summary{cursor:pointer!important;color:#527586!important;font-weight:700!important}.raw-json pre,.route-lines{white-space:pre-wrap!important;word-break:break-all!important;background:#f7fafc!important;color:#354b63!important;border:1px solid #e6edf3!important;border-radius:2px!important;padding:10px!important;overflow:auto!important;font-size:12px!important;line-height:1.7!important}
.tool-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}.tool-card{border:1px solid #e6edf3!important;background:#fff!important;border-radius:2px!important;padding:10px!important}.tool-card strong{display:block!important;color:#25384d!important}.tool-card small{display:block!important;color:#8291a0!important;margin-top:4px!important;line-height:1.55!important}
.side-list{display:grid!important;gap:0!important}.side-list a{display:flex!important;align-items:center!important;justify-content:space-between!important;border:0!important;border-bottom:1px solid #eef3f7!important;background:#fff!important;border-radius:0!important;padding:10px 4px!important;color:#4d6174!important;font-weight:650!important}.side-list a:last-child{border-bottom:0!important}.side-list a:after{content:'›';color:#a7b4c1}.side-list a:hover{color:var(--k-cyan-dark)!important;background:#fbfeff!important}
.footer{margin:22px auto 0!important;padding:16px 0!important;border-top:1px solid #edf2f6!important;text-align:center!important;color:#8a99a8!important;background:#fff!important;font-size:13px!important}
@media(max-width:900px){.tool-page{grid-template-columns:1fr!important}.tool-page aside{display:none!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tool-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){body{background:#fff!important}.wrap{width:100%!important;padding:0 10px!important}.header,.nav{position:static!important}.header .wrap,.nav-inner{min-height:50px!important;padding:6px 10px!important;gap:8px!important;flex-wrap:nowrap!important}.logo{font-size:0!important;gap:0!important}.logo-mark{width:32px!important;height:32px!important;min-width:32px!important}.nav{order:2!important;width:100%!important;flex:1!important;gap:14px!important;padding:7px 0 5px!important;border-top:1px solid #f0f3f6!important}.nav a{height:26px!important;padding:0!important;background:transparent!important;font-size:13px!important;color:#596a7a!important}.nav a.active,.nav a:hover{background:transparent!important;color:var(--k-cyan-dark)!important}.header .wrap{display:grid!important;grid-template-columns:34px 1fr!important}.notice{font-size:12px!important;margin:8px 0!important;padding:8px!important}.ad{margin:8px 0 10px!important;height:38px!important;min-height:38px!important;font-size:12px!important}.tool-page{margin-top:8px!important;display:block!important}.panel{border-radius:2px!important;border-color:#e2e8ef!important}.panel-title{height:40px!important;min-height:40px!important;font-size:15px!important}.panel-title span{display:none!important}.panel-body{padding:12px!important}.tool-heading h1{font-size:18px!important}.tool-heading p{font-size:12px!important}.tool-chips{display:none!important}.form-row{grid-template-columns:minmax(0,1fr) 46px!important;margin:8px 0 10px!important}.form-row .btn,.form-row button{font-size:0!important;position:relative!important}.form-row .btn:before,.form-row button:before{content:'⌕';font-size:21px!important;line-height:1!important;color:#fff!important}.result-card{min-height:220px!important;padding:12px!important}.hint{min-height:170px!important;position:relative!important;padding-top:86px!important;font-size:13px!important}.hint:before{content:'GGCX.COM';position:absolute;top:36px;left:50%;transform:translateX(-50%);width:210px;height:38px;border:1px solid #e4edf4;background:#fff;border-radius:2px;color:var(--k-cyan);display:flex;align-items:center;justify-content:center;font-weight:850;box-shadow:0 8px 20px rgba(24,191,212,.06)}.hint:after{content:'↖';position:absolute;top:76px;left:50%;margin-left:46px;color:#222;font-size:20px}.metric-grid{grid-template-columns:1fr!important}.result-head{display:block!important}.result-badge{display:inline-block!important;margin-top:8px!important}.raw-json pre,.route-lines{max-height:360px!important}.footer{margin-top:18px!important;padding:14px 0!important}}


/* mobile login + category entry */
.k-mobile-actions{display:none;align-items:center;gap:8px;margin-left:auto}.k-login-btn,.k-category-btn{height:34px;border:1px solid var(--k-line)!important;background:#fff!important;color:#5d6f80!important;border-radius:3px!important;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important}.k-login-btn svg{width:18px;height:18px;fill:none;stroke:#8a97a5;stroke-width:1.8}.k-category-btn{color:var(--k-cyan-dark)!important}.k-category-btn i{width:17px;height:12px;display:inline-block;position:relative;border-top:2px solid var(--k-cyan);border-bottom:2px solid var(--k-cyan)}.k-category-btn i:before{content:'';position:absolute;left:0;right:0;top:3px;border-top:2px solid var(--k-cyan)}.k-category-panel{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;padding:0!important;border:0!important;margin:0!important}.k-category-title{font-weight:850;color:#25384d;margin-bottom:8px;display:flex;align-items:center;gap:6px}.k-category-title:before{content:'';width:4px;height:15px;background:var(--k-cyan);border-radius:2px}.k-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.k-category-grid a{border:1px solid #e4edf4;background:#fbfdff;border-radius:2px;padding:8px 6px;text-align:center;color:#42586c;font-weight:650;font-size:13px}.k-category-grid a:hover{border-color:#bfeef5;color:var(--k-cyan-dark);background:#f4fdff}
@media(max-width:760px){.k-mobile-actions{display:flex!important;grid-column:2;justify-self:end}.k-login-btn{width:34px!important;padding:0!important}.k-login-btn span{display:none!important}.k-category-btn{height:34px!important;min-width:68px!important;padding:0 8px!important}.k-cat-open .k-category-panel{display:block!important;visibility:visible!important;height:auto!important;overflow:visible!important;padding:10px!important;border:1px solid var(--k-line)!important;border-top:0!important;background:#fff!important;grid-column:1/-1;margin:0 -10px -6px!important}.k-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.k-category-grid a{font-size:12px;padding:8px 4px}.k-cat-open .nav{display:none!important}}



/* final site polish (nav tools removed) */
.nav{display:flex!important;align-items:center!important}.nav-inner{flex-wrap:wrap!important;align-items:center!important}.k-nav-tools,.k-mobile-actions,.k-category-panel{display:none!important}
@media(max-width:760px){.nav{overflow-x:auto!important}.nav a{white-space:nowrap!important}.header .wrap,.nav-inner{gap:8px!important}}