:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#252e2a;background:#f7f8f5;font-synthesis:none;--green:#2d634d;--muted:#858c85;--line:#e5e8e1}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7aa78c;outline-offset:4px}button{color:inherit}html{scroll-behavior:smooth;scroll-padding-top:25px}.sidebar{width:232px;background:#f0f2ec;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:750;letter-spacing:-1px}.brand-icon{background:var(--green);color:#f2f8d4;border-radius:12px;font-size:35px;width:46px;height:46px;text-align:center;line-height:46px}.brand-sub{display:block;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:5px}.side-label{font-size:10px;letter-spacing:1.7px;color:#949b90;margin:47px 12px 15px}nav{display:flex;flex-direction:column;gap:5px}nav button{border:0;background:transparent;display:flex;align-items:center;width:100%;text-align:left;padding:12px 14px;border-radius:8px;color:#6c766b;font-size:13px;gap:13px}nav button.active{background:#e0e9dc;color:#2c5c43;font-weight:650}nav button:hover{background:#e6ebe1}.nav-icon{font-size:17px;width:21px;text-align:center}.nav-count{margin-left:auto;font-size:10px;color:#7e8a79}.side-bottom{margin-top:auto;padding-top:30px}.side-bottom>a,.plain{display:flex;align-items:center;justify-content:space-between;color:#758071;font-size:11px;margin-bottom:16px;background:none;border:0;width:100%;padding:0}.signature{margin-top:25px;padding-top:21px;border-top:1px solid #dfe4d9;display:flex;gap:10px;align-items:center;font-size:12px}.signature small{display:block;font-size:9px;color:#92998d;margin-top:5px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#dfe6d5;font-family:Georgia;font-size:19px}.signature>.green-dot{margin-left:auto}.green-dot{display:inline-block;width:6px;height:6px;background:#638d4d;border-radius:50%}.workspace{margin-left:232px}header{height:78px;border-bottom:1px solid var(--line);padding:0 46px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#92988f}.breadcrumb span{margin:0 13px;color:#b7bcb2}.header-link{color:#596752;border:1px solid #dce2d5;padding:9px 14px;border-radius:6px}main{max-width:1470px;margin:auto;padding:0 46px}.hero{min-height:340px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:47px 0 36px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7a8871;font-weight:600;display:flex;align-items:center;gap:8px}h1{font-size:56px;font-weight:650;line-height:1.22;letter-spacing:-3px;margin:22px 0 19px;position:relative}.accent{color:var(--green)}.spark{display:inline-block;color:#789252;font-size:36px;vertical-align:top;margin-left:12px}.hero p{color:#80887c;font-size:12px;line-height:1.95}.hero-notes{display:flex;gap:20px;font-size:10px;color:#718263;margin-top:23px}.hero-art{position:relative;width:330px;height:275px;flex-shrink:0;display:grid;place-items:center;margin-right:30px}.orbit{border:1px solid #d7dfcc;border-radius:50%;position:absolute;width:265px;height:265px}.orbit-two{width:210px;height:210px}.orbit-three{width:155px;height:155px;background:#edf1e7}.art-star{position:relative;font-size:190px;line-height:1;color:#527151;transform:rotate(-12deg);text-shadow:8px 8px #d4ddbf}.float-tag{position:absolute;font-family:monospace;font-size:9px;letter-spacing:1px;background:#f7f8f5;border:1px solid #dbe2d2;padding:10px 12px;border-radius:5px;transform:rotate(-7deg)}.tag-one{left:0;top:35px}.tag-two{right:-8px;bottom:24px;transform:rotate(5deg)}.art-dot{position:absolute;width:10px;height:10px;background:#b8c88e;border-radius:50%}.dot-one{top:12px;left:170px}.dot-two{bottom:58px;left:42px;width:7px;height:7px}.search-panel{margin:8px 0 41px}.search-wrap{height:60px;border:1px solid #d7ded1;background:#fff;box-shadow:0 4px 16px #27382304;border-radius:10px;display:flex;align-items:center;padding:0 20px;gap:14px}.search-symbol{font-size:28px;color:#64845f}.search-wrap input{border:0;outline:0;flex:1;min-width:0;background:transparent;font-size:12px;color:#303b2c}.search-wrap input::placeholder{color:#a0a69c}.search-wrap kbd{border:1px solid #e1e5dd;border-radius:4px;padding:3px 8px;color:#a0a69b;font-size:11px}.search-hints{display:flex;align-items:center;gap:15px;font-size:10px;color:#959d8e;padding:13px 3px}.search-hints button{border:0;background:none;padding:0;color:#68775e;font-size:10px}.search-hints>span{margin-left:auto;color:#a0a699}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px}h2{font-size:23px;letter-spacing:-.7px;margin:10px 0 0;font-weight:650}#result-count{font-family:monospace;font-size:11px;font-weight:400;letter-spacing:0;color:#87957b;background:#eaf0e4;border:1px solid #dce5d4;padding:3px 7px;border-radius:5px;vertical-align:middle;margin-left:5px}.segmented{border:1px solid #e0e5db;padding:4px;background:#eff2eb;display:flex;border-radius:7px;flex-shrink:0}.segmented button{border:0;background:transparent;color:#8a9380;font-size:10px;padding:7px 12px;border-radius:4px}.segmented button.active{background:white;box-shadow:0 1px 4px #2233220a;color:#44603b}.directory-note{font-size:10px;color:#9aa18f;display:flex;gap:7px;align-items:center;margin:20px 0}.directory-note button{font-size:10px;background:none;border:0;color:#718365;margin-left:auto}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{background:white;border:1px solid #e2e7dd;border-radius:10px;padding:20px;transition:border-color .15s,transform .15s;min-width:0}.card:hover{border-color:#a4b794;transform:translateY(-3px);box-shadow:0 5px 20px #2c452508}.card-head{display:flex;align-items:center;gap:12px}.tool-mark{width:38px;height:38px;border-radius:10px;color:white;display:grid;place-items:center;font-size:16px;font-weight:600;flex-shrink:0}.card h3{font-size:14px;margin:0 0 4px;font-weight:650}.tool-domain{font-size:9px;color:#a1a79c;letter-spacing:.1px}.save{background:none;border:0;color:#b1b8a9;margin-left:auto;font-size:20px;align-self:start;padding:0 1px}.save.saved{color:#62813d}.card-desc{font-size:11px;line-height:1.8;color:#7e8875;margin:16px 0;min-height:39px}.card-tags{display:flex;gap:6px;font-size:9px;color:#8c9683}.card-tags span{background:#f2f4ee;padding:4px 6px;border-radius:4px}.card-tags .frontier{background:#f0ecf7;color:#8b75ab}.card-bottom{border-top:1px solid #eef0e9;margin-top:17px;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.card-bottom button{padding:0;border:0;background:none;color:#9aa18f;font-size:9px}.card-bottom a{color:#507044;font-weight:600}.editor-note{border:1px solid #dfe5d6;background:#eef2e8;border-radius:9px;padding:23px;display:flex;align-items:center;gap:18px;margin:32px 0}.note-star{font-size:35px;color:#81946a}.editor-note h3{font-size:12px;margin:0 0 7px}.editor-note p{font-size:10px;line-height:1.9;color:#8a957e;max-width:620px;margin:0}.editor-note button{margin-left:auto;white-space:nowrap;background:none;border:0;color:#6d8159;font-size:10px}.cooperate{display:flex;justify-content:space-between;align-items:center;border:1px solid #dce3d3;border-radius:12px;padding:35px 40px;background:#f0f3e9;gap:20px}.cooperate h2{font-size:27px;margin:13px 0 16px}.cooperate p{font-size:11px;line-height:2;color:#849178}.wechat-line{display:flex;align-items:center;gap:12px;font-size:11px;margin-top:23px}.wechat-line>span{color:#98a08d}.wechat-line strong{font-weight:600;letter-spacing:.6px}.wechat-line button{background:white;border:1px solid #dce4d1;border-radius:5px;font-size:10px;padding:7px 10px;color:#698258}figure{margin:0;text-align:center;flex-shrink:0}figure img{background:white;object-fit:contain;padding:5px;border:1px solid #e1e7d9;border-radius:8px;width:150px;height:150px}figcaption{font-size:9px;color:#8b987d;margin-top:9px}footer{display:flex;justify-content:space-between;color:#7e8973;font-size:11px;padding:29px 0}footer small{font-size:9px;color:#a1a997;margin-left:13px}footer>span:last-child{font-size:9px;color:#9ba58f}footer a{margin-left:17px}dialog{border:1px solid #d5dfcd;border-radius:16px;padding:34px;max-width:570px;width:calc(100% - 32px);color:#35432f;background:#fafbf7;max-height:85vh;overflow:auto}dialog::backdrop{background:#1b291b66;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:14px;top:9px;background:none;border:0;font-size:27px;color:#7f8b75}dialog h2{margin-bottom:18px}dialog p,dialog li{font-size:13px;line-height:1.9;color:#7d8973}dialog ul{padding-left:20px}dialog a{color:#356e4b;text-decoration:underline;overflow-wrap:anywhere}dialog .primary{display:inline-block;text-decoration:none;color:white;margin-top:17px}.primary{background:var(--green);color:white;border:0;border-radius:6px;padding:10px 16px;font-size:12px}.empty{text-align:center;border:1px dashed #d6decc;padding:50px;border-radius:10px;color:#849576}.empty>span{font-size:40px}.empty h3{font-size:17px}.empty p{font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#2d503b;color:white;border-radius:7px;font-size:12px;padding:12px 20px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.show{opacity:1}.skip{position:fixed;top:-50px;z-index:20;background:#fff;padding:10px}.skip:focus{top:10px}
@media(min-width:1500px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-art{margin-right:100px}}@media(max-width:1100px){.sidebar{width:195px;padding:30px 16px}.workspace{margin-left:195px}main{padding:0 28px}header{padding:0 28px}.hero-art{width:250px;margin-right:0;transform:scale(.85)}h1{font-size:48px}.hero-notes{gap:10px;font-size:9px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cooperate{padding:30px}.editor-note{gap:12px}.editor-note button{white-space:normal;min-width:65px}}@media(max-width:740px){.sidebar{position:relative;width:auto;border-right:0;border-bottom:1px solid var(--line);padding:20px 20px 0}.brand{font-size:20px}.brand-icon{width:38px;height:38px;line-height:38px;font-size:28px}.brand-sub{font-size:7px}.side-label,.side-bottom{display:none}nav{flex-direction:row;overflow:auto;margin-top:20px;padding-bottom:12px;gap:4px}nav button{width:auto;flex-shrink:0;padding:9px 11px;font-size:11px;gap:6px}.nav-count{display:none}.nav-icon{font-size:13px;width:auto}.workspace{margin-left:0}header{height:53px;padding:0 21px}.header-link{border:0;padding:0}main{padding:0 20px}.hero{min-height:0;padding:31px 0 23px}.hero-art{display:none}h1{font-size:45px;margin-top:17px;letter-spacing:-2px}.hero-copy{width:100%}.hero p{font-size:11px}.hero-notes{gap:16px}.search-panel{margin:9px 0 27px}.search-wrap{height:53px;padding:0 13px;gap:9px}.search-wrap input{font-size:11px}.search-hints{gap:12px}.search-hints>span{display:none}.section-heading{align-items:start;flex-direction:column;gap:14px}h2{font-size:21px}.segmented{align-self:start}.directory-note{font-size:9px;line-height:1.8;align-items:start}.directory-note button{min-width:80px}.cards{gap:11px}.card{padding:15px}.card-head{gap:8px}.tool-mark{width:30px;height:30px;font-size:12px;border-radius:8px}.card h3{font-size:12px}.tool-domain{font-size:8px}.card-desc{font-size:10px;margin:13px 0;min-height:54px}.card-tags{font-size:8px;gap:4px}.card-tags span{padding:3px 4px}.card-bottom{font-size:9px}.card-bottom button{font-size:8px}.editor-note{padding:17px;align-items:start}.note-star{font-size:27px}.editor-note button{display:none}.editor-note p{font-size:9px}.cooperate{padding:24px;align-items:start;flex-direction:column}.cooperate h2{font-size:23px}.cooperate figure{align-self:center;margin-top:8px}.wechat-line{gap:9px;font-size:10px}.wechat-line button{font-size:9px}footer{gap:17px;flex-direction:column;padding:23px 0}dialog{padding:28px}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}