/* All assets stay local; the homepage does not call management APIs. */
:root{color-scheme:light;--bg:#f7f8fa;--surface:#fff;--text:#202731;--muted:#818896;--line:#e8ebef;--blue:#3a67e8;--soft:#eff2f6;--hero:#edf1fb;--shadow:0 12px 35px -22px #172c5755;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7699ff;outline-offset:5px}button{color:inherit}svg{display:block}button svg{width:20px;height:20px}[hidden]{display:none!important}.page-shell{max-width:1248px;margin:0 auto;padding:0 54px}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center}.brand-mark{width:39px;height:39px;display:grid;place-content:center;position:relative;background:#252c39;color:white;border-radius:12px;font-size:25px;font-weight:600;letter-spacing:-4px;padding-right:5px;box-shadow:0 5px 10px #172c5718}.brand-mark span{color:#a7c5ff}.brand-name{font-size:16px;font-weight:600;letter-spacing:-.3px}.brand-divider{color:#c1c6cf;margin:0 14px;font-weight:400}.brand-caption{font-size:13px;color:var(--muted);font-weight:400}.header-actions{display:flex;align-items:center;gap:24px}.header-label{font-size:12px;color:var(--muted);letter-spacing:1px}.icon-button{height:37px;width:37px;border:1px solid var(--line);background:var(--surface);border-radius:11px;display:grid;place-content:center;transition:background .15s,transform .15s}.icon-button:hover{background:var(--soft);transform:translateY(-1px)}.sun-icon{display:none}.hero{min-height:339px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;padding:48px 2px 45px}.eyebrow,.section-eyebrow{font-size:10px;font-weight:600;letter-spacing:2.7px;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-line{width:18px;height:2px;background:var(--blue)}h1{font-size:42px;font-weight:650;letter-spacing:-1.5px;line-height:1.35;margin:19px 0 14px}h1 span{color:var(--blue)}.mobile-break{display:none}.hero p{color:#89909b;font-size:14px;line-height:1.9;margin:0}.hero-link{font-size:12px;display:inline-flex;gap:22px;align-items:center;margin-top:24px;font-weight:500}.hero-link span{color:var(--blue);font-size:19px;transition:transform .15s}.hero-link:hover span{transform:translate(2px,2px)}.workspace-art{width:335px;height:252px;position:relative;justify-self:center;isolation:isolate}.workspace-art:before{content:"";position:absolute;inset:30px 15px 20px;background:radial-gradient(ellipse,#e1e9fa99,transparent 70%);z-index:-1}.orbit{position:absolute;border:1px dashed #cbd4e799;border-radius:50%;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-24deg)}.orbit-one{width:277px;height:161px}.orbit-two{width:196px;height:242px;transform:translate(-50%,-50%) rotate(42deg)}.art-center{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-9deg);width:83px;height:83px;background:linear-gradient(145deg,#fff,#f2f5ff);border:1px solid #fff;border-radius:24px;color:#5b78bd;display:grid;place-content:center;box-shadow:8px 14px 32px #6a83b426,inset 1px 1px 0 #ffffff}.art-center svg{height:43px;width:43px}.art-tile{position:absolute;width:45px;height:45px;display:grid;place-content:center;border:1px solid #ffffff;background:#fff;border-radius:14px;box-shadow:3px 7px 18px #6a83b419;color:#7e98b1}.tile-one{left:27px;top:56px;transform:rotate(-12deg);color:#7782b4;font-size:14px;font-weight:650}.tile-two{right:16px;top:30px;transform:rotate(11deg);color:#78a38f}.tile-three{right:38px;bottom:35px;transform:rotate(-8deg);color:#b49b78}.art-tile svg{height:23px;width:23px}.art-spark{position:absolute;border-radius:50%;height:5px;width:5px;background:#b8c9e9}.spark-one{left:98px;bottom:58px}.spark-two{right:95px;top:21px;height:4px;width:4px;background:#b8d0c6}.art-note{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;letter-spacing:1.25px;color:#a5adba}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-eyebrow{font-size:9px;letter-spacing:2.3px}h2{font-weight:600;font-size:22px;letter-spacing:-.5px;margin:7px 0 0}.service-count{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-block;font-size:12px;font-weight:400;margin-left:9px;color:#9299a7;vertical-align:middle}.search-box{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);height:40px;width:252px;border-radius:11px;padding:0 10px 0 13px}.search-box:focus-within{border-color:#95b0f5;box-shadow:0 0 0 3px #4576eb0c}.search-box svg{width:17px;height:17px;color:#939ba9;flex-shrink:0}.search-box input{background:transparent;min-width:0;width:100%;border:0;outline:none!important;color:var(--text);font-size:12px}.search-box input::placeholder{color:#9ba2ae}.search-box kbd{font:9px ui-sans-serif,system-ui;white-space:nowrap;color:#9da4b1;border:1px solid var(--line);border-radius:4px;padding:3px 4px}.filters{display:flex;gap:5px;margin:24px 0 21px}.filter{border:0;background:transparent;color:#9299a5;font-size:12px;border-radius:8px;padding:8px 15px;transition:background .15s,color .15s}.filter.active{background:#e8ecf4;color:#424d63;font-weight:550}.filter:hover{background:var(--soft)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.service-card{--accent:#6682c3;--accent-bg:#eef3ff;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:25px 27px 0;box-shadow:0 3px 9px #26375602;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.service-card:hover,.service-card:focus-within{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cfd7e5}.sub2api{--accent:#8c76b5;--accent-bg:#f4f0fc}.komari{--accent:#4b9b87;--accent-bg:#edf7f3}.xui{--accent:#bc9462;--accent-bg:#fbf4e9}.card-top{display:flex;align-items:center;justify-content:space-between}.service-icon{width:46px;height:46px;border:1px solid color-mix(in srgb,var(--accent) 10%,transparent);border-radius:13px;display:grid;place-content:center;background:var(--accent-bg);color:var(--accent)}.service-icon svg{height:28px;width:28px}.category-tag{font-size:10px;color:#9ba2ae;border:1px solid var(--line);border-radius:5px;padding:4px 7px}.service-card h3{font-size:23px;font-weight:600;letter-spacing:-.5px;margin:17px 0 10px}.stretched-link{position:absolute;inset:0;z-index:1}.card-arrow{position:absolute;right:29px;top:93px;font-weight:400;font-size:22px;color:#c1c7d0;transition:color .2s,transform .2s}.service-card:hover .card-arrow{color:var(--accent);transform:translate(2px,-2px)}.service-card p{margin:0 0 23px;color:#8d94a0;line-height:1.8;font-size:12px}.card-bottom{display:flex;gap:9px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);height:51px;font-size:10px}.domain{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#a0a7b4;letter-spacing:-.3px}.open-label{color:#6c7688;white-space:nowrap}.open-label span{margin-left:9px;color:#a4abba}.empty-state{text-align:center;padding:45px 20px;background:var(--surface);border:1px dashed var(--line);border-radius:18px}.empty-state>span{font-size:35px;color:#a6afbf}.empty-state h3{font-size:15px}.empty-state p{font-size:12px;color:var(--muted)}.empty-state button{border:0;border-radius:8px;padding:10px 16px;background:var(--soft);font-size:12px}.api-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:20px 25px;border:1px solid var(--line);background:linear-gradient(100deg,var(--surface),#f1f4fa);border-radius:14px}.api-label{display:flex;align-items:center;gap:15px}.api-bracket{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:22px;font-weight:500;color:#8b9aba;letter-spacing:-5px;padding-right:4px}.api-label h2{font-size:12px;letter-spacing:0;margin:0;font-weight:500}.api-label p{color:#a0a7b4;font-size:9px;letter-spacing:.3px;margin:5px 0 0}.api-copy{display:flex;align-items:center;gap:17px;min-width:0}.api-copy code{font-size:11px;color:#7a8599;overflow-wrap:anywhere}.api-copy button{height:32px;width:32px;flex-shrink:0;border-color:#e3e8f0}.api-copy button svg{width:15px;height:15px;color:#8490a3}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a1a8b5;font-size:10px;padding:34px 1px 30px}.footer-note{margin-left:auto;margin-right:auto;font-size:10px;letter-spacing:1px}.footer a{font-size:10px}.footer a:hover{color:var(--blue)}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);border:1px solid var(--line);background:var(--text);color:var(--surface);box-shadow:0 8px 22px #172c5722;border-radius:10px;padding:12px 20px;font-size:13px;z-index:5}.skip-link{position:fixed;left:18px;top:10px;z-index:10;padding:10px;background:var(--surface);border-radius:6px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-theme="dark"]{color-scheme:dark;--bg:#151a22;--surface:#1d242f;--text:#e0e6ef;--muted:#8a95a7;--line:#2c3543;--blue:#91acfb;--soft:#293343;--hero:#222e48;--shadow:0 12px 35px -22px #000c}[data-theme="dark"] .moon-icon{display:none}[data-theme="dark"] .sun-icon{display:block}[data-theme="dark"] .filter.active{background:#303c53;color:#d3dff9}[data-theme="dark"] .api-strip{background:linear-gradient(100deg,var(--surface),#202a3a)}[data-theme="dark"] .service-icon{background:#293447}[data-theme="dark"] .sub2api .service-icon{background:#332c45}[data-theme="dark"] .komari .service-icon{background:#243d39}[data-theme="dark"] .xui .service-icon{background:#3e3429}[data-theme="dark"] .workspace-art{opacity:.7}
/* Keep every platform visible together on a wide desktop display. */
@media(min-width:1100px){.header{height:96px}.hero{min-height:295px;padding-top:32px;padding-bottom:30px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.service-card{padding:22px 20px 0}.service-card h3{font-size:21px}.service-card p{min-height:65px;margin-bottom:12px}.card-arrow{right:22px;top:89px}.card-bottom{height:61px;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.domain{font-size:9px}.open-label{font-size:10px}}
@media(min-width:1450px){.page-shell{max-width:1280px}}
@media(max-width:850px){.page-shell{padding:0 30px}.header{height:85px}.header-label{display:none}.hero{grid-template-columns:1.6fr 1fr;min-height:320px;padding-top:35px;padding-bottom:35px}h1{font-size:34px}.workspace-art{width:250px;transform:scale(.85);transform-origin:center}.tile-one{left:-8px}.tile-two{right:-7px}.tile-three{right:3px}.service-card{padding-left:21px;padding-right:21px}.card-arrow{right:23px}.domain{font-size:9px}.api-strip{padding-left:21px;padding-right:21px}.api-copy{gap:10px}.api-copy code{font-size:10px}}
@media(max-width:600px){.page-shell{padding:0 22px}.header{height:78px}.brand-mark{width:34px;height:34px;font-size:23px;border-radius:10px}.brand-name{font-size:14px}.brand-divider{margin:0 8px}.brand-caption{font-size:11px}.icon-button{height:33px;width:33px}.hero{display:block;padding:38px 0 32px;min-height:unset;position:relative}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:34px;margin-top:17px;line-height:1.35;letter-spacing:-1.2px}.mobile-break{display:initial}.hero p{font-size:12px;line-height:1.85}.hero-link{margin-top:19px;font-size:11px}.workspace-art{position:absolute;right:-27px;top:40px;transform:scale(.49);transform-origin:100% 0%;width:290px;opacity:.45;pointer-events:none}.art-note{display:none}.section-top{align-items:flex-start;gap:14px;flex-direction:column}.section-eyebrow{font-size:8px}h2{font-size:21px}.search-box{width:100%;height:39px;margin-top:2px}.search-box kbd{display:none}.filters{margin-top:15px;margin-bottom:16px}.filter{font-size:11px;padding:7px 13px}.card-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:22px 23px 0}.service-icon{width:43px;height:43px;border-radius:12px}.service-icon svg{width:26px;height:26px}.service-card h3{font-size:22px;margin-top:15px}.card-arrow{top:85px;right:26px}.service-card p{font-size:12px;margin-bottom:20px}.card-bottom{height:48px;font-size:10px}.domain{font-size:10px}.api-strip{align-items:flex-start;flex-direction:column;gap:15px;padding:19px 21px;margin-top:20px}.api-copy{width:100%;justify-content:space-between;gap:8px}.api-copy code{font-size:10px}.footer{padding-top:28px;font-size:9px}.footer-note{display:none}.footer a{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}