:root{--ink:#102d54;--muted:#6e82a3;--primary:#1977f3;--line:#e3edf9;--surface:#fff;--bg:#f5f9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}.site-header{height:54px;background:rgba(249,252,255,.96);border-bottom:1px solid #dce8f6;position:relative;z-index:5}.header-inner{max-width:1380px;height:100%;margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink)}.brand-mark{width:27px;height:21px;border-radius:14px 14px 10px 10px;background:#267ef0;position:relative;display:inline-block}.brand-mark:before{content:"";position:absolute;background:#fff;width:10px;height:8px;border-radius:50% 50% 0 0;left:9px;top:4px}.brand-mark:after{content:"";position:absolute;background:#fff;width:16px;height:8px;border-radius:9px;left:5px;top:8px}.brand-mark span{position:absolute;width:6px;height:6px;border-radius:50%;background:#267ef0;z-index:1;left:11px;top:7px}.brand-name{font-weight:700;font-size:17px;letter-spacing:.3px}.brand-note{font-size:12px;color:#8b9bb5;border-left:1px solid #cad8e9;padding-left:13px}.header-meta{font-size:12px;color:#596f90;display:flex;align-items:center;gap:7px}.header-lock{font-size:15px;color:#273f63}.hero{height:324px;position:relative;overflow:hidden;background:linear-gradient(112deg,#cdeeff 0%,#b4dcfa 43%,#85b7ed 100%)}.hero-scene{position:absolute;inset:0;overflow:hidden}.sun{position:absolute;width:160px;height:160px;right:18%;top:94px;border-radius:50%;background:radial-gradient(circle,#fffde9 0,#fff3b3 22%,rgba(255,242,180,.36) 51%,transparent 72%);filter:blur(2px)}.mountain{position:absolute;bottom:62px;width:110%;left:-4%;height:150px;clip-path:polygon(0 80%,8% 73%,14% 84%,24% 58%,30% 73%,39% 53%,47% 75%,57% 42%,66% 71%,76% 50%,84% 68%,94% 43%,100% 65%,100% 100%,0 100%)}.mountain-back{background:linear-gradient(155deg,#9ac7ec,#6194d3);opacity:.72}.mountain-front{bottom:35px;height:128px;background:linear-gradient(165deg,#2b6ab4,#20508f);clip-path:polygon(0 71%,10% 66%,18% 75%,30% 44%,39% 72%,49% 58%,58% 72%,68% 36%,75% 64%,86% 47%,100% 70%,100% 100%,0 100%);opacity:.95}.lake{position:absolute;bottom:0;left:0;right:0;height:77px;background:linear-gradient(180deg,rgba(177,218,246,.9),#8fc5e9);border-top:1px solid rgba(255,255,255,.55)}.lake:before{content:"";position:absolute;inset:17px 0 0;background:repeating-linear-gradient(175deg,rgba(255,255,255,.4) 0 2px,transparent 2px 13px);opacity:.55}.hero-inner{position:relative;z-index:1;max-width:1380px;margin:0 auto;padding:45px 60px}.eyebrow{margin:0 0 12px;font-size:14px;color:#284d77}.hero h1{margin:0;font-size:38px;letter-spacing:1px;line-height:1.35;color:#102e59}.hero-copy{font-size:16px;color:#294c77;margin:13px 0 26px}.hero-points{display:flex;gap:38px}.hero-point{display:flex;align-items:center;gap:10px;color:#183f6f}.point-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#2d91ed;color:white;font-weight:700;font-size:15px}.hero-point b{display:block;font-size:13px;line-height:1.3}.hero-point small{display:block;color:#7a91ad;font-size:11px;margin-top:3px}.content-shell{max-width:1380px;margin:0 auto;padding:25px 22px 50px}.section-heading{display:flex;align-items:center;gap:12px;margin:0 0 14px}.heading-bar{width:6px;height:23px;background:#1c7df0;border-radius:5px}.section-heading h2{font-size:22px;margin:0;letter-spacing:.5px}.api-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.api-card{background:rgba(255,255,255,.96);border:1px solid #e5eef9;border-radius:9px;padding:18px 18px 17px;min-height:169px;box-shadow:0 6px 17px rgba(50,105,165,.07);transition:transform .2s,box-shadow .2s,border-color .2s}.api-card:hover,.api-card.active{transform:translateY(-2px);box-shadow:0 10px 25px rgba(36,106,178,.13);border-color:#cce1fb}.api-card-top{display:flex;align-items:flex-start;gap:13px;position:relative}.api-icon{width:49px;height:49px;border-radius:12px;display:grid;place-items:center;color:white;font-size:28px;flex:0 0 auto;font-weight:500}.weather-icon{background:linear-gradient(140deg,#56a6ff,#3b7fee)}.company-icon{background:linear-gradient(140deg,#16cba3,#15a980)}.ip-icon{background:linear-gradient(140deg,#9170f6,#6538df)}.news-icon{background:linear-gradient(140deg,#ffa45d,#f47e2b)}.api-title-wrap{padding-top:4px;padding-right:16px}.api-title-wrap h3{margin:0 0 8px;font-size:16px}.api-title-wrap p{margin:0;color:#7890af;font-size:12px;line-height:1.7}.arrow{position:absolute;right:0;top:7px;width:20px;height:20px;border-radius:50%;background:#f0f6fd;color:#6391c7;display:grid;place-items:center;font-size:18px}.api-card-bottom{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.price{font-size:13px;font-weight:700}.price em{font-style:normal;color:#7c91ad;font-weight:400}.use-button,.submit-button{border:0;border-radius:6px;background:linear-gradient(120deg,#2688fa,#146ce8);color:white;cursor:pointer;box-shadow:0 4px 10px rgba(26,118,235,.16);font-size:12px;font-weight:600}.use-button{height:32px;padding:0 13px}.workbench{margin-top:24px;background:#fff;border:1px solid #e1ebf7;border-radius:8px;box-shadow:0 7px 20px rgba(50,105,165,.06);overflow:hidden}.workbench-head{height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid #eef3f9}.workbench-head>div{display:flex;align-items:center;gap:10px}.workbench-head h2{font-size:16px;margin:0}.workbench-icon{color:#1b7cf0;font-size:17px}.workbench-head a{font-size:11px;text-decoration:none;color:#257bea}.tabs{display:flex;gap:32px;padding:0 36px;height:45px;align-items:flex-end;border-bottom:1px solid #edf3f9}.tab{border:0;background:none;padding:0 0 11px;color:#8094ad;font-size:12px;cursor:pointer;position:relative}.tab.active{color:#1877ef;font-weight:600}.tab.active:after{content:"";height:2px;background:#247ff4;position:absolute;left:0;right:0;bottom:-1px;border-radius:2px}.workbench-body{display:grid;grid-template-columns:1fr 1.36fr;gap:14px;padding:0 18px 16px}.request-panel{background:linear-gradient(120deg,#f9fcff,#f2f7fd);padding:25px 20px 23px;min-height:246px;border-radius:0 0 6px 6px}.request-panel label{font-size:12px;font-weight:700;display:block;margin-bottom:11px}.request-panel input{width:100%;height:35px;border:1px solid #dce9f7;border-radius:6px;padding:0 11px;color:#527091;background:#fff;font-size:12px;outline:none}.request-panel input:focus{border-color:#7ab4fa;box-shadow:0 0 0 3px rgba(32,126,239,.1)}.submit-button{width:100%;height:35px;margin-top:20px;font-size:12px}.cost-note{font-size:12px;color:#7b90ae;margin:12px 0 0}.cost-note b{color:#325988}.response-panel{border:1px solid #e2ebf7;border-radius:6px;padding:17px 15px 15px;background:#fff;margin-top:0}.response-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:11px}.status{color:#19ae86;font-size:11px}.json-view{margin:0;background:#f6faff;border-radius:5px;min-height:197px;padding:11px 12px;color:#174d83;font:12px/1.7 "SFMono-Regular",Consolas,monospace;white-space:pre-wrap}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:10px 16px;background:#163c68;color:#fff;border-radius:6px;font-size:12px;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:900px){.hero-inner{padding-left:30px}.api-grid{grid-template-columns:repeat(2,1fr)}.workbench-body{grid-template-columns:1fr}.response-panel{margin-top:0}.header-inner{padding:0 18px}}
@media (max-width:560px){.site-header{height:58px}.brand-note,.header-meta{display:none}.hero{height:340px}.hero-inner{padding:38px 20px}.hero h1{font-size:31px}.hero-copy{font-size:14px;max-width:270px;line-height:1.7}.hero-points{gap:13px;flex-wrap:wrap}.hero-point{gap:7px}.hero-point b{font-size:12px}.api-grid{grid-template-columns:1fr}.content-shell{padding:22px 15px 36px}.tabs{padding:0 16px;gap:20px;overflow:auto}.tab{white-space:nowrap}.workbench-head{padding:0 14px}.workbench-body{padding:0 10px 10px}.request-panel{padding:22px 15px}}
.site-footer{padding:0 20px 27px;text-align:center;color:#8a9bb2;font-size:12px}.site-footer a{color:#7187a5;text-decoration:none;transition:color .2s}.site-footer a:hover{color:#1b78ed;text-decoration:underline}