:root{color:#4b321d;--ai-map-bg-edge:#dceaa0;--ai-map-bg-main:#edf4c6;--ai-map-bg-main-rgb:237, 244, 198;--ai-map-bg-lower:#e6efb3;--ai-map-bg-lower-rgb:230, 239, 179;--ai-map-bg-warm:#fff7dd;--ai-map-bg-footer:#dfeaa7;--ai-map-bg-footer-rgb:223, 234, 167;background:var(--ai-map-bg-main);scroll-behavior:smooth;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:100%;min-height:100%}body{background:var(--ai-map-bg-main);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.ai-map-page{background:radial-gradient(ellipse at 50% 560px, #fff7dc66 0 520px, #fff7dc00 980px), linear-gradient(180deg, #d8e99b 0, #e5efb3 360px, var(--ai-map-bg-main) 660px, #e8f0b6 76%, var(--ai-map-bg-footer) 100%);width:100%;min-height:100vh}.ai-map-banner,.ai-map-footer{isolation:isolate;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;display:block;position:relative;overflow:hidden}.ai-map-banner{background-position:top;background-size:max(1180px,100%);height:clamp(380px,32.3vw,620px)}.ai-map-banner:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg, rgba(var(--ai-map-bg-main-rgb), 0) 0%, rgba(var(--ai-map-bg-main-rgb), .1) 28%, rgba(var(--ai-map-bg-main-rgb), .42) 60%, rgba(var(--ai-map-bg-main-rgb), .86) 86%, var(--ai-map-bg-main) 100%);height:min(270px,44%);position:absolute;bottom:-1px;left:0;right:0}.ai-map-middle{z-index:1;width:100%;margin-top:clamp(-218px,-11vw,-140px);padding:clamp(16px,1.8vw,26px) clamp(14px,3vw,40px) clamp(22px,2.8vw,36px);position:relative}.ai-map-middle:before,.ai-map-middle:after{content:"";z-index:-1;pointer-events:none;position:absolute;left:0;right:0}.ai-map-middle:before{background:linear-gradient(180deg, rgba(var(--ai-map-bg-main-rgb), 0), rgba(var(--ai-map-bg-main-rgb), .12) 34%, rgba(var(--ai-map-bg-main-rgb), .44) 72%, rgba(var(--ai-map-bg-main-rgb), 0));height:300px;top:-220px}.ai-map-middle:after{background:linear-gradient(180deg, #edf4c600, rgba(var(--ai-map-bg-footer-rgb), .7) 58%, rgba(var(--ai-map-bg-footer-rgb), 0));height:170px;bottom:-76px}.ai-map-content{grid-template-columns:246px minmax(0,1fr);align-items:stretch;gap:24px;width:min(1180px,100%);margin:0 auto;display:grid}.category-panel{background:radial-gradient(circle at 32px 30px,#82b64c 0 7px,#0000 8px),radial-gradient(circle at calc(100% - 32px) 30px,#9abe66 0 5px,#0000 6px),linear-gradient(90deg,#9d69312e 0 1px,#0000 1px calc(100% - 1px),#9d69312e calc(100% - 1px)),linear-gradient(#fffae5fa,#fff4cdf5 48%,#ffeeb9f0);border:5px solid #849a46c7;border-radius:42px 42px 24px 24px;min-height:1030px;padding:66px 14px 24px;position:relative;box-shadow:inset 0 0 0 3px #ffffff94,inset 0 -14px 24px #ebc2701f,0 18px 28px #4956203d}.category-panel:before,.category-panel:after{content:"";pointer-events:none;position:absolute}.category-panel:before{border:1px solid #ffffffad;border-radius:34px 34px 18px 18px;inset:7px}.category-panel:after{box-sizing:border-box;opacity:.92;border:1px dashed #a4692d52;border-radius:34px 34px 18px 18px;inset:7px;box-shadow:inset 0 0 0 1px #ffffff3d,0 1px #ffffff3d}.category-panel__clip{z-index:2;background:#fff4cf;border:2px dashed #9e6e2f61;border-radius:0 0 24px 24px;width:96px;height:68px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.category-panel__clover{pointer-events:none;filter:drop-shadow(0 2px #4b692533);width:48px;height:54px;position:absolute;top:8px;left:50%;overflow:visible;transform:translate(-50%)}.category-panel__clover-leaf{stroke:#3f7b2870;stroke-width:1.4px;stroke-linejoin:round}.category-panel__clover-leaf--top{fill:#7fc556}.category-panel__clover-leaf--right{fill:#8bd268}.category-panel__clover-leaf--bottom{fill:#63ad40}.category-panel__clover-leaf--left{fill:#70bd4d}.category-panel__clover-heart{fill:#559738}.category-panel__clover-stem{fill:none;stroke:#5b9d35;stroke-width:4px;stroke-linecap:round}.category-nav{z-index:1;display:grid;position:relative}.category-nav__item{color:#4a321d;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:12px;min-height:104px;padding:0 14px 0 8px;font-size:16px;font-weight:900;line-height:1.28;display:grid;position:relative}.category-nav__item:after{content:"";border-bottom:1px dashed #8f5f3038;position:absolute;bottom:0;left:4px;right:4px}.category-nav__item strong{overflow-wrap:anywhere;text-shadow:0 1px #fff7d8e6;min-width:0}.category-nav__item:hover,.category-nav__item:focus-visible,.category-note:hover,.category-note:focus-visible{color:#2f6a37;background:#ffffff5c;outline:0}.category-nav__icon{background:linear-gradient(#86bd4f,#5f9438);border-radius:14px;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 3px #ffffff5c,0 6px 10px #4d55212e}.category-nav__icon:before,.category-nav__icon:after{content:"";grid-area:1/1;display:block}.category-nav__icon--clipboard:before{border:3px solid #fff8d7;border-radius:5px;width:25px;height:30px}.category-nav__icon--clipboard:after{border-top:3px solid #fff8d7;border-bottom:3px solid #fff8d7;width:18px;height:11px}.category-nav__icon--diagram{background:linear-gradient(#b08ed9,#8168c8)}.category-nav__icon--diagram:before{background:#fff8d7;border-radius:4px;width:10px;height:10px;box-shadow:-12px 18px #fff8d7,12px 18px #fff8d7}.category-nav__icon--diagram:after{border-bottom:3px solid #fff8d7;border-left:3px solid #fff8d7;border-right:3px solid #fff8d7;width:28px;height:22px}.category-nav__icon--layout{background:linear-gradient(#ff8d71,#df604d)}.category-nav__icon--layout:before{border:3px solid #fff8d7;border-radius:4px;width:28px;height:28px;box-shadow:inset 0 -10px #fff8d75c}.category-nav__icon--layout:after{background:#fff8d7;width:28px;height:3px}.category-nav__icon--code{background:linear-gradient(#ffb446,#ec7f21)}.category-nav__icon--code:before{border:3px solid #fff8d7;border-radius:6px;width:26px;height:24px}.category-nav__icon--code:after{border-left:3px solid #fff8d7;border-right:3px solid #fff8d7;width:22px;height:14px;transform:skew(-14deg)}.category-nav__icon--monitor{background:linear-gradient(#49b5a8,#2f8f86)}.category-nav__icon--monitor:before{border:3px solid #fff8d7;border-radius:4px;width:30px;height:22px}.category-nav__icon--monitor:after{border-bottom:4px solid #fff8d7;width:20px;height:10px}.category-nav__icon--java{background:linear-gradient(#9dbe58,#6d963b)}.category-nav__icon--java:before{border-bottom:3px solid #fff8d7;border-radius:50%;width:26px;height:24px}.category-nav__icon--java:after{border-top:3px solid #fff8d7;border-radius:50%;width:20px;height:26px;transform:rotate(-25deg)}.category-nav__icon--shield{background:linear-gradient(#55a9d8,#3184bb)}.category-nav__icon--shield:before{clip-path:polygon(50% 0,90% 12%,84% 68%,50% 100%,16% 68%,10% 12%);background:#fff8d7;width:28px;height:32px}.category-nav__icon--shield:after{border-bottom:4px solid #3184bb;border-left:4px solid #3184bb;width:16px;height:9px;transform:rotate(-45deg)}.category-nav__icon--document{background:linear-gradient(#c9934b,#9a6430)}.category-nav__icon--document:before{border:3px solid #fff8d7;border-radius:4px;width:26px;height:32px}.category-nav__icon--document:after{border-top:3px solid #fff8d7;border-bottom:3px solid #fff8d7;width:14px;height:12px}.category-nav__icon,.category-nav__icon--clipboard,.category-nav__icon--diagram,.category-nav__icon--layout,.category-nav__icon--code,.category-nav__icon--monitor,.category-nav__icon--java,.category-nav__icon--shield,.category-nav__icon--document{width:64px;height:64px;box-shadow:none;background:0 0;border-radius:0;display:block}.category-nav__icon:before,.category-nav__icon:after{content:none;display:none}.category-nav__image{filter:drop-shadow(0 4px 5px #51411f2e);width:64px;height:64px;display:block;overflow:visible}.category-note{z-index:1;color:#6a3f1d;background:radial-gradient(circle at 15px 15px,#6ea646 0 8px,#0000 9px),linear-gradient(#fff0c7,#f6dca1);border:2px solid #925b286b;border-radius:8px;align-content:center;gap:4px;min-height:96px;padding:14px 14px 14px 18px;display:grid;position:absolute;bottom:126px;left:18px;right:18px;transform:rotate(-7deg);box-shadow:0 8px 12px #5a3f1924}.category-note span{font-size:16px;font-weight:900;line-height:1.2;display:block}.section-stack{background:radial-gradient(circle at calc(100% - 24px) 46px,#8bb84b47 0 4px,#0000 5px),linear-gradient(#fffce2db,#f8f3d1c2);border:3px solid #b9b174b3;border-radius:22px;gap:8px;padding:14px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #ffffff94,0 10px 18px #555d241f}.tool-section{--section-main:#72a947;--section-soft:#e9f4cf;background:linear-gradient(90deg, #ffffff8a, #fffae2b8), var(--section-soft);box-shadow:none;border:1px solid #9d8c5338;border-radius:14px;padding:10px 12px 12px;scroll-margin-top:18px;position:relative;overflow:visible}.tool-section:before{content:"";pointer-events:none;border:1px solid #ffffff70;border-radius:11px;position:absolute;inset:3px}.tool-section--green{--section-main:#70a83f;--section-soft:#e7f4cf}.tool-section--purple{--section-main:#8a80c9;--section-soft:#efeafa}.tool-section--coral{--section-main:#ef765b;--section-soft:#fff0df}.tool-section--orange{--section-main:#ed9237;--section-soft:#fff2d7}.tool-section--teal{--section-main:#42a99e;--section-soft:#e1f6ef}.tool-section--lime{--section-main:#85b545;--section-soft:#edf8d7}.tool-section--blue{--section-main:#5da4d6;--section-soft:#e6f4fb}.tool-section--brown{--section-main:#bd7b35;--section-soft:#fff0d6}.tool-section__head{z-index:1;color:#fff;min-width:236px;height:34px;box-shadow:none;background:0 0;border-radius:14px 3px 3px 14px;grid-template-columns:30px auto 26px;align-items:center;gap:8px;margin:-3px 0 10px;padding:0 44px 0 7px;display:inline-grid;position:relative}.tool-section__head:before{content:"";z-index:-1;background:linear-gradient(90deg, #fff0, #ffffff3d), var(--section-main);border-radius:14px 3px 3px 14px;position:absolute;inset:0 35px 0 0}.tool-section__head span{width:24px;height:24px;color:var(--section-main);background:#fffbe7;border-radius:50%;place-items:center;font-size:16px;font-weight:900;display:grid}.tool-section__head h2{margin:0;font-size:20px;font-weight:900;line-height:1}.tool-section__head i{background:var(--section-main);opacity:.58;border-radius:14px 2px;width:18px;height:15px;display:block;position:absolute;right:6px;transform:rotate(-28deg)}.tool-section__head i:before{content:"";background:var(--section-main);border-radius:9px 2px;width:10px;height:9px;position:absolute;top:8px;left:14px;transform:rotate(52deg)}.tool-grid{z-index:1;gap:10px;display:grid;position:relative}.tool-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-card{background:#fffdf4db;border:1px solid #816a3c2e;border-radius:10px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:11px;min-height:96px;padding:10px 12px;transition:background .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 1px #ffffffb3}.tool-card:hover,.tool-card:focus-visible{background:#fffdf2;border-color:#719d3a94;outline:0;box-shadow:0 9px 16px #7489362e,0 0 0 3px #8bbe522e,inset 0 1px #ffffffc7}.tool-logo{width:62px;height:62px;color:inherit;box-shadow:none;background:#fffaf0;border:1px solid #a68a4b2e;border-radius:14px;place-items:center;display:grid;overflow:hidden}.tool-logo__image{object-fit:contain;width:54px;height:54px;display:block}.tool-logo span{z-index:1;font-size:17px;font-weight:900;line-height:1;position:relative}.tool-logo__fallback{color:#4b321d;place-items:center;width:100%;height:100%;font-size:18px;font-weight:900;display:grid}.tool-logo--chatgpt{--logo-bg:#10a37f;border-radius:14px}.tool-logo--claude{--logo-bg:#d97745}.tool-logo--napkin{--logo-bg:linear-gradient(135deg, #ffb24f 0 28%, #fff 28% 42%, #7f6bff 42% 64%, #fff 64% 74%, #2a7bd7 74%)}.tool-logo--whimsical{--logo-bg:linear-gradient(135deg, #7236d8, #a54be0)}.tool-logo--eraser{--logo-bg:linear-gradient(135deg, #e1213f 0 40%, #f4f7fb 40% 58%, #1f9bd1 58%)}.tool-logo--figma{--logo-bg:#111}.tool-logo--stitch{--logo-bg:linear-gradient(135deg, #8551de, #bfa4ff)}.tool-logo--uizard{--logo-bg:#ffd44d;color:#231b10;border-radius:16px}.tool-logo--anima{--logo-bg:linear-gradient(135deg, #111 0 55%, #ff6a35 55% 72%, #5a67ff 72%)}.tool-logo--locofy{--logo-bg:linear-gradient(135deg, #6757ff, #2da1ff)}.tool-logo--builder{--logo-bg:linear-gradient(135deg, #27c5ff, #ff4f79 62%, #ffb13b)}.tool-logo--v0,.tool-logo--bolt{--logo-bg:#101010}.tool-logo--lovable{--logo-bg:linear-gradient(135deg, #ff6b37, #725cff 70%, #16151d 71%)}.tool-logo--cursor{--logo-bg:linear-gradient(135deg, #111, #444)}.tool-logo--windsurf{--logo-bg:linear-gradient(135deg, #36caa8, #f2fff4);color:#146a5b}.tool-logo--copilot{--logo-bg:linear-gradient(135deg, #b9f7f5, #304b74)}.tool-logo--jetbrains{--logo-bg:#151515}.tool-logo--qodo{--logo-bg:#6d57c8}.tool-logo--diffblue{--logo-bg:#0f4da4}.tool-logo--notebooklm{--logo-bg:#161616}.tool-logo[class*=tool-logo--]{box-shadow:none;color:inherit;background:#fffaf0;border-radius:14px;overflow:hidden}.tool-logo.tool-logo--codex{color:#f4ffe8;background:radial-gradient(circle at 30% 24%,#ffffff38,#0000 24px),linear-gradient(135deg,#10231c,#1f5f46 62%,#7fb85a)}.tool-logo--codex .tool-logo__fallback{color:#f4ffe8;text-shadow:0 1px #00000042}.tool-card__copy{gap:4px;min-width:0;display:grid}.tool-card__copy strong{color:#3f3122;font-size:16px;font-weight:900;line-height:1.1}.tool-card__copy em{color:#5f5141;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:normal;font-weight:700;line-height:1.22;overflow:hidden}.recommend-board{z-index:2;background:radial-gradient(at 12% 24%,#844e1d47 0 5px,#b5712d29 6px 15px,#0000 23px),radial-gradient(at 38% 78%,#88522033 0 4px,#be7c371f 6px 18px,#0000 29px),radial-gradient(at 74% 30%,#89521f3d 0 4px,#b8742e24 5px 17px,#0000 28px),radial-gradient(circle at 35px 25px,#975c22d1 0 5px,#0000 6px),radial-gradient(circle at calc(100% - 35px) 25px,#975c22d1 0 5px,#0000 6px),linear-gradient(90deg,#65391538 0 2px,#0000 2px calc(100% - 2px),#65391538 calc(100% - 2px)),repeating-linear-gradient(0deg,#0000 0 43px,#6f41192e 44px 46px,#ffe4a44d 47px 49px,#0000 50px 86px),repeating-linear-gradient(0deg,#74461c14 0 1px,#0000 1px 7px,#ffeeb82e 8px 9px,#0000 9px 18px),linear-gradient(90deg,#7e481c47,#0000 8% 92%,#7e481c47),linear-gradient(#f9dda9 0%,#f5cf8b 34%,#efbd72 68%,#e5aa61 100%);border:3px solid #9a6230b8;border-radius:26px;grid-column:1/-1;margin-top:22px;margin-bottom:clamp(-112px,-5.6vw,-76px);padding:57px 28px 34px;scroll-margin-top:18px;position:relative;overflow:hidden;box-shadow:inset 0 5px #ffeebe9e,inset 0 -9px #844b1f38,inset 8px 0 #ffe6aa2e,inset -8px 0 #75431b29,0 16px 22px #51331629}.recommend-board:before,.recommend-board:after{content:"";pointer-events:none;position:absolute}.recommend-board:before{z-index:1;border:1px solid #ffeebeb3;border-radius:21px;inset:9px;box-shadow:inset 0 0 0 1px #975c2224}.recommend-board:after{z-index:0;border-radius:inherit;opacity:.8;mix-blend-mode:multiply;background:radial-gradient(at 19% 62%,#0000 0 10px,#7f4a1c1f 11px 13px,#0000 14px 23px,#ffefb929 24px 26px,#0000 27px),radial-gradient(at 58% 18%,#0000 0 8px,#7e491c1f 9px 11px,#0000 12px 21px),radial-gradient(at 88% 72%,#0000 0 9px,#7e491c1f 10px 12px,#0000 13px 24px),repeating-linear-gradient(0deg,#76451b12 0 1px,#0000 1px 5px,#fff1c41f 6px 7px,#0000 7px 15px);inset:0}.recommend-board>*{z-index:2;position:relative}.recommend-board__title{color:#613713;align-items:center;gap:18px;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%)}.recommend-board__title h2{color:#5b3214;text-shadow:0 2px #ffe7b2d1;white-space:nowrap;margin:0;font-size:32px;font-weight:900;line-height:1}.recommend-board__title i{border-bottom:4px solid #7aa442;border-radius:0 0 24px 24px;width:38px;height:20px;display:block;position:relative;transform:rotate(12deg)}.recommend-board__title i:before,.recommend-board__title i:after{content:"";background:#7fab42;border-radius:14px 2px;width:18px;height:12px;position:absolute;top:2px}.recommend-board__title i:before{left:2px;transform:rotate(34deg)}.recommend-board__title i:after{top:0;right:0;transform:rotate(68deg)}.recommend-board__title i:first-child{transform:rotate(-12deg)scaleX(-1)}.recommend-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.recommend-card{text-align:center;background:radial-gradient(circle at 50% 0,#ffffffb8,#0000 58px),linear-gradient(#fffdeff5,#fff4d6eb);border:2px solid #a770343d;border-radius:16px;align-content:start;justify-items:center;gap:10px;min-height:194px;padding:20px 14px 28px;transition:background .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;box-shadow:inset 0 1px #ffffffb8,0 3px #8f5b2629}.recommend-card:hover,.recommend-card:focus-visible{background:radial-gradient(circle at 50% 0,#ffffffdb,#0000 62px),linear-gradient(#fffdf3,#fff0c7);border-color:#77a13a7a;outline:0;box-shadow:inset 0 1px #ffffffd1,0 8px 14px #71562a2e,0 0 0 3px #8bbe5224}.recommend-card .tool-logo{border-radius:14px;width:58px;height:58px;box-shadow:0 2px 4px #4d391f1f}.recommend-card .tool-logo__image{width:52px;height:52px}.recommend-card strong{color:#4b321d;place-items:center;min-height:42px;font-size:18px;font-weight:900;line-height:1.05;display:grid}.recommend-card em{color:#66523f;max-width:150px;font-size:12px;font-style:normal;font-weight:800;line-height:1.45}.recommend-card b{color:#fff8d9;background:linear-gradient(#9bc857,#6fa43d);border-radius:7px 7px 10px 10px;place-items:center;width:48px;height:42px;font-size:20px;font-weight:900;display:grid;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px #ffffff47,inset 0 -4px #4c732233,0 3px 5px #4d391f29}.recommend-card b:after{content:"";clip-path:polygon(0 100%,50% 30%,100% 100%);background:#f1c983;width:18px;height:12px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.ai-map-footer{aspect-ratio:1920/400;background-position:bottom;background-size:100% 100%;min-height:180px;margin-top:clamp(-88px,-4.8vw,-54px)}.ai-map-footer:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg, var(--ai-map-bg-lower) 0%, rgba(var(--ai-map-bg-lower-rgb), .94) 16%, rgba(var(--ai-map-bg-lower-rgb), .7) 42%, rgba(var(--ai-map-bg-lower-rgb), .26) 76%, rgba(var(--ai-map-bg-lower-rgb), 0) 100%);height:min(210px,56%);position:absolute;top:0;left:0;right:0}@media (width<=900px){.ai-map-content{grid-template-columns:1fr}.recommend-board{grid-column:auto}.category-panel{border-radius:24px;min-height:0;padding:24px 12px 14px}.category-panel__clip,.category-note{display:none}.category-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.category-nav__item{background:#ffffff59;border:0;border-radius:12px;grid-template-columns:42px minmax(0,1fr);gap:7px;min-width:0;min-height:58px;padding:6px;font-size:13px}.category-nav__icon{width:42px;height:42px;transform:none}.category-nav__image{width:42px;height:42px}}@media (width<=760px){.ai-map-banner{background-position:top;background-size:clamp(520px,145vw,760px);height:clamp(240px,68vw,320px)}.ai-map-middle{margin-top:-88px;padding:10px 10px 24px}.category-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid--2,.tool-grid--3,.tool-grid--4,.recommend-grid{grid-template-columns:1fr}.tool-section__head{width:100%;min-width:0}.tool-section__head h2{font-size:18px}.tool-card{min-height:96px}.ai-map-footer{min-height:120px;margin-top:-34px}.ai-map-footer:before{height:92px}.recommend-board{margin-top:22px;margin-bottom:-42px}.recommend-board__title{justify-content:center;margin:-6px 0 10px;position:static;transform:none}}@media (width<=600px){.category-nav{grid-template-columns:1fr}.category-nav__item{min-height:52px}}