:root{--bg:#f6f7f2;--paper:#fff;--ink:#20291f;--muted:#7a8277;--line:#e3e7dd;--green:#4b6642;--lime:#dcebb6;--sidebar:238px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;padding:36px 22px;background:#fbfcf8;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 48px;font-size:22px;font-weight:750;letter-spacing:-.7px}.brand small{display:block;margin-top:5px;font-size:11px;font-weight:400;letter-spacing:1.6px;color:var(--muted)}.brand-mark{position:relative;background:var(--ink);color:white;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:28px;letter-spacing:-2px;font-style:italic}.brand-mark span{color:#dcebb6}.brand-mark i{position:absolute;width:7px;height:7px;border-radius:50%;background:#96b864;right:-2px;top:0;border:2px solid var(--bg)}.side-label{color:#8c9288;font-size:11px;letter-spacing:1.5px;margin:0 14px 16px}.categories{display:flex;flex-direction:column;gap:6px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#6b7467;padding:13px 14px;border-radius:11px;text-align:left;transition:background .15s,color .15s}.nav-item span{flex:1}.nav-item b{font-size:11px;min-width:22px;padding:2px 6px;text-align:center;background:#e5e9df;border-radius:5px;font-weight:500}.nav-item:hover{background:#f0f2e9;color:var(--ink)}.nav-item.active{background:#e7efd9;color:#3a5231;font-weight:600}.nav-item.active b{background:#d4e1bd}.nav-divider{height:1px;background:var(--line);margin:17px 14px}.side-bottom{margin-top:auto;padding:36px 10px 0;display:flex;align-items:center;gap:11px;color:#6b7467;font-size:11px;line-height:1.8}.side-bottom small{display:block;color:#9bA293;letter-spacing:.8px;font-size:9px}.small-orbit{height:30px;width:30px;border:1px solid #c7d1bc;border-radius:50%;position:relative;flex:none}.small-orbit:before{content:"";position:absolute;inset:5px;border:1px solid #c7d1bc;border-radius:50%}.small-orbit:after{content:"";width:5px;height:5px;background:#8dA574;position:absolute;border-radius:50%;top:1px;right:1px}.workspace{margin-left:var(--sidebar);flex:1;min-width:0}.topbar{height:84px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.breadcrumb{color:#6d7666;font-size:12px}.breadcrumb span{margin:0 13px;color:#bac0b3}.topbar-right{display:flex;align-items:center;gap:20px}.domain-tag{font-size:11px;color:#85907d;letter-spacing:.2px}.avatar{background:#e3e9d9;color:#5c7050;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:12px;font-weight:600}main{max-width:1510px;margin:auto;padding:45px 48px 22px}.intro{padding-bottom:27px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#77816c;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#8cA467}.intro-row{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:clamp(28px,3vw,42px);font-weight:650;letter-spacing:-1.6px;line-height:1.4;margin:15px 0 11px}h1>span{color:#8ea965}.intro p{margin:0;color:#7d8578;font-size:12px;line-height:1.9}.mobile-break{display:none}.intro-art{position:relative;width:180px;height:125px;margin-right:15px;flex:none}.art-orbit{border:1px solid #dfe6d6;border-radius:50%;position:absolute;inset:5px 7px;transform:rotate(-22deg)}.art-orbit.two{inset:25px -2px;transform:rotate(30deg)}.art-house{position:absolute;width:58px;height:58px;left:58px;top:33px;background:#e5edda;border:1px solid #d4dfc6;border-radius:18px;display:grid;place-items:center;transform:rotate(-8deg);box-shadow:6px 9px 0 #edf1e6}.art-house svg{width:29px;height:29px;color:#758e59}.art-dot{position:absolute;border-radius:50%}.d1{width:10px;height:10px;background:#a2bb83;top:12px;left:31px}.d2{width:7px;height:7px;background:#c8d6b6;top:67px;right:2px}.d3{width:8px;height:8px;background:#b3c198;bottom:4px;left:72px}.tools{display:flex;gap:24px;align-items:center;margin:8px 0 38px}.searchbox{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e0e5d7;border-radius:12px;height:50px;padding:0 16px;width:min(590px,100%);transition:box-shadow .2s,border .2s;box-shadow:0 2px 2px #27391503}.searchbox:focus-within{border-color:#94ac79;box-shadow:0 0 0 3px #dfe9d280}.searchbox svg{width:19px;height:19px;color:#8b9581}.searchbox input{border:0;outline:0;min-width:0;flex:1;color:var(--ink);font-size:12px;background:transparent;height:100%}.searchbox input::placeholder{color:#a1a797}.searchbox kbd{background:#f6f7f2;font-family:var(--font);color:#a2aA99;border:1px solid var(--line);border-radius:5px;padding:1px 7px;font-size:11px}.tool-hint{color:#929a8b;font-size:11px;display:flex;gap:8px;align-items:center;white-space:nowrap}.tool-hint svg{width:14px;height:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;gap:16px}.section-heading>div{display:flex;align-items:center;gap:12px}.section-heading h2{font-size:15px;letter-spacing:.2px;margin:0;font-weight:650}.section-heading #result-count{font-size:10px;color:#8c9681;background:#e9eddf;padding:4px 8px;border-radius:5px}.section-note{color:#8d9685;font-size:10px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-card{background:white;border:1px solid #e4e8df;border-radius:15px;padding:22px 22px 0;min-height:193px;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}.service-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #29382408;border-color:#cdd9c0}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.service-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.service-icon svg{width:23px;height:23px}.sage{background:#eaf0df;color:#66824d}.teal{background:#e3f0eb;color:#4b8a74}.orange{background:#fcEEE2;color:#c9894b}.blue{background:#e8eef8;color:#6584b1}.violet{background:#efeaf8;color:#9075b7}.amber{background:#f5efdE;color:#b5994c}.rose{background:#f9e9ee;color:#b77c8e}.favorite-button{background:none;border:0;color:#bec5b5;border-radius:7px;width:30px;height:30px;display:grid;place-items:center;padding:5px}.favorite-button:hover{color:#8eA666;background:#f3f6ec}.favorite-button svg{width:16px;height:16px}.favorite-button.selected{color:#99ad70}.favorite-button.selected svg{fill:#dbe7b7}.service-name{font-size:15px;font-weight:650;margin:0 0 7px;letter-spacing:-.2px}.service-description{font-size:11px;color:#8b9483;margin:0 0 22px;line-height:1.6}.card-link{margin-top:auto;border-top:1px solid #eef0e8;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;color:#929b88;font-size:10px;transition:color .15s}.card-link:hover{color:#4d6a3f}.card-link>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-link svg{width:14px;height:14px}.card-link:after{position:absolute;inset:0;border-radius:15px;content:""}.favorite-button{z-index:1;position:relative}.footer{border-top:1px solid var(--line);margin-top:36px;padding:20px 0 0;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#98a08f;gap:15px}.footer-brand{font-weight:700;color:#67795a;font-size:12px;margin-right:12px}.footer>span:last-child{display:flex;align-items:center;gap:5px}.footer svg{width:12px;height:12px}.footer kbd{font:inherit;background:#e9ede1;border-radius:3px;padding:1px 4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-50px;left:20px;z-index:20;padding:12px;background:var(--ink);color:white;border-radius:5px}.skip-link:focus{top:10px}.empty-state{text-align:center;padding:65px 20px;color:#8b9580}.empty-state>svg{width:35px;height:35px}.empty-state h3{font-size:16px;font-weight:600;color:#647457}.empty-state p{font-size:12px}.empty-state button{margin-top:12px;background:#e2ebd4;color:#4d683c;border:0;border-radius:8px;padding:10px 18px}.toast{position:fixed;bottom:26px;left:calc(50% + var(--sidebar)/2);transform:translate(-50%,15px);background:#2f3d29;color:#edf2e6;font-size:12px;padding:11px 20px;border-radius:9px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}button:focus-visible,a:focus-visible{outline:2px solid #8dA967;outline-offset:4px}[hidden]{display:none!important}@media(min-width:1600px){.service-grid{gap:22px}.service-card{min-height:211px;padding-top:25px}.service-description{margin-bottom:30px}main{padding-top:55px}}@media(max-width:1180px){:root{--sidebar:210px}.sidebar{padding-left:14px;padding-right:14px}.topbar{padding:0 30px}main{padding-left:30px;padding-right:30px}.service-card{padding:18px 18px 0}.intro-art{width:145px;margin-right:0}.tool-hint{display:none}.service-grid{gap:13px}.domain-tag{display:none}}@media(max-width:950px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-note{display:none}.intro-art{display:none}}@media(max-width:700px){:root{--sidebar:0px}.layout{display:block}.sidebar{position:relative;inset:auto;width:100%;padding:22px 20px 0;border-right:0;background:var(--bg);border-bottom:1px solid var(--line)}.brand{padding:0 0 22px;font-size:23px}.brand small{font-size:10px}.brand-mark{width:39px;height:39px}.side-label,.side-bottom,.nav-divider{display:none}.categories{flex-direction:row;gap:7px;overflow-x:auto;padding-bottom:15px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.nav-item{width:auto;padding:9px 12px;white-space:nowrap;border:1px solid var(--line);font-size:11px;gap:6px;border-radius:9px;background:#fafbf6}.nav-item svg{width:14px;height:14px}.nav-item b{font-size:9px;min-width:16px;padding:1px 4px}.workspace{margin:0}.topbar{display:none}main{padding:30px 20px 20px}.eyebrow{font-size:9px}h1{font-size:31px;letter-spacing:-1px;margin-top:12px}.intro p{font-size:11px;max-width:310px}.intro{padding-bottom:15px}.tools{margin:5px 0 28px}.searchbox{height:47px}.searchbox kbd{display:none}.section-heading h2{font-size:14px}.service-grid{gap:12px}.service-card{border-radius:13px;padding:16px 14px 0;min-height:182px}.service-name{font-size:14px}.service-description{font-size:10px;margin-bottom:18px}.service-icon{width:36px;height:36px;border-radius:10px}.service-icon svg{width:20px;height:20px}.favorite-button{width:26px;height:26px}.card-top{margin-bottom:13px}.card-link{font-size:9px;padding:12px 0}.footer{margin-top:27px;display:block;line-height:1.8;padding-top:16px}.footer>span:last-child{margin-top:7px}.toast{left:50%;max-width:calc(100% - 35px);white-space:nowrap}}@media(max-width:370px){main{padding-left:14px;padding-right:14px}.service-grid{grid-template-columns:1fr}.mobile-break{display:block}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.service-card:hover{transform:none}}