:root{color-scheme:dark;--text:#f6f7f2;--muted:rgba(245,249,243,.65);--lime:#d9edbd;--line:rgba(255,255,255,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#142723;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;flex-direction:column}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;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0;background:none}button,a{transition:background .22s,transform .22s,color .22s}.landscape,.shade{position:fixed;inset:0;pointer-events:none;z-index:-2}.landscape{background:url('assets/background.jpg') center 46%/cover no-repeat}.shade{z-index:-1;background:linear-gradient(180deg,rgba(9,20,22,.38),rgba(8,19,20,.38) 33%,rgba(7,20,18,.76) 100%);transition:opacity .65s}.header{width:100%;max-width:1600px;margin:0 auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;font-size:24px;letter-spacing:-.8px;font-weight:650}.brand-light{font-weight:350;margin-left:3px}.brand-dot{color:var(--lime)}.brand-mark{border:1px solid rgba(255,255,255,.6);border-radius:12px;width:34px;height:36px;display:flex;align-items:center;justify-content:center;font-size:26px;position:relative;font-weight:450}.brand-mark span{position:absolute;font-size:14px;right:3px;top:0}.header nav{display:flex;gap:35px;font-size:13px;align-items:center;margin-left:-70px}.header nav a,.header nav button{color:rgba(255,255,255,.7);padding:10px 0}.header nav .nav-active{color:white;position:relative}.nav-active:after{content:"";position:absolute;bottom:0;width:4px;height:4px;background:var(--lime);border-radius:50%;left:50%}.header nav a:hover,.header nav button:hover{color:var(--lime)}.glass{background:rgba(220,237,227,.075);border:1px solid var(--line);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 30px rgba(0,0,0,.03)}.focus-button{border-radius:30px;padding:11px 17px;display:flex;gap:9px;align-items:center;font-size:12px}.focus-button:hover{background:rgba(255,255,255,.16)}.focus-icon{color:var(--lime);font-size:17px}.hero{max-width:840px;margin:0 auto;text-align:center;padding:74px 28px 65px}.eyebrow{font-size:10px;letter-spacing:2.7px;font-weight:500;display:flex;gap:10px;align-items:center;justify-content:center;color:rgba(255,255,255,.76);margin:0 0 27px}.eyebrow>span,.status-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);display:inline-block;box-shadow:0 0 12px #d9edbd55}h1{font-size:clamp(38px,4.5vw,64px);font-weight:500;letter-spacing:-2.5px;line-height:1.25;margin:0 0 22px;text-shadow:0 2px 35px #0002}.title-dot{color:var(--lime);margin-left:5px}.mobile-break{display:none}.hero-description{font-size:14px;line-height:1.8;letter-spacing:1px;color:rgba(255,255,255,.77);margin:0 0 39px}.hero-description span{margin-left:9px}.search-box{max-width:650px;margin:0 auto;display:flex;align-items:center;padding:9px 10px 9px 21px;gap:14px;border-radius:18px;background:rgba(224,235,227,.13);box-shadow:0 12px 45px #0000000a,inset 0 1px 0 #ffffff18;transition:border-color .2s,background .2s}.search-box:focus-within{border-color:#d9edbd99;background:rgba(224,235,227,.18)}.search-symbol{font-size:31px;line-height:1;color:#e4ebdf}.search-box input{min-width:0;flex:1;border:0;background:none;outline:none!important;color:white;font-size:14px;height:43px}.search-box input::placeholder{color:#ffffffa8}.search-box button{background:var(--lime);color:#26372a;width:43px;height:43px;border-radius:12px;font-size:24px}.search-box button:hover{background:#efffe0;transform:translateY(-1px)}kbd{font-size:13px;color:#ffffff77;border:1px solid #ffffff25;border-radius:5px;padding:2px 6px}.search-caption{max-width:646px;margin:12px auto 0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.3px;color:#ffffff77;padding:0 4px}.explore{width:calc(100% - 100px);max-width:1050px;margin:0 auto 50px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-index{font-size:9px;letter-spacing:2px;color:#ffffff6e}h2{font-size:21px;font-weight:450;letter-spacing:.5px;margin:10px 0 0}.filters{display:flex;gap:4px;border:1px solid #ffffff16;border-radius:30px;padding:4px;background:#10251c25;backdrop-filter:blur(12px)}.filters button{font-size:11px;padding:7px 16px;border-radius:20px;color:var(--muted)}.filters button.selected{background:rgba(255,255,255,.18);color:white}.filters button:hover{color:var(--lime)}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;min-height:207px;align-content:start}.tool{border-radius:18px;min-height:97px;display:flex;align-items:center;gap:15px;padding:22px;transition:background .25s,transform .25s,border-color .25s}.tool:hover{transform:translateY(-4px);background:rgba(232,245,232,.16);border-color:#ffffff55}.tool-logo{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;font-size:30px;border-radius:12px;background:#ffffff0d;font-weight:500}.chatgpt{color:#cbe6d3}.claude{color:#e5b79a}.deepseek{color:#bccff7;font-size:25px;font-style:italic;font-weight:700}.midjourney{font-size:24px;font-weight:300}.jimeng{font-size:22px;color:#cef5d1}.cursor{font-size:29px}h3{margin:0 0 7px;font-size:15px;font-weight:500;letter-spacing:.2px}.tool p{margin:0;font-size:10px;color:var(--muted);white-space:nowrap;letter-spacing:.2px}.tool-arrow{margin-left:auto;align-self:flex-start;font-size:17px;color:#ffffff60}.tool:hover .tool-arrow{color:var(--lime)}.section-bottom{display:flex;justify-content:space-between;font-size:10px;color:#ffffff6b;margin:19px 1px 0;letter-spacing:.5px}#empty{font-size:13px;color:var(--muted);padding:30px 0}footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 5%;border-top:1px solid #ffffff10;font-size:9px;color:#ffffff73;letter-spacing:.6px;gap:20px}footer>span{display:flex;align-items:center;gap:9px}footer i{height:9px;width:1px;background:#ffffff38;margin:0 5px}footer a:hover{color:white}.footer-right .status-dot{width:4px;height:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}dialog{background:#20382fee;border:1px solid #ffffff30;color:var(--text);border-radius:24px;max-width:510px;width:calc(100% - 36px);padding:45px;box-shadow:0 30px 100px #0008;backdrop-filter:blur(30px)}dialog::backdrop{background:#05100c88;backdrop-filter:blur(8px)}dialog .eyebrow{justify-content:flex-start;font-size:8px;letter-spacing:2px}dialog h2{font-size:26px;line-height:1.5}dialog h2 span{color:var(--lime)}dialog p:not(.eyebrow){font-size:13px;line-height:2;color:#ffffffb5}dialog .close{position:absolute;right:15px;top:10px;font-size:26px;padding:10px}.primary{background:var(--lime);color:#183025;border-radius:10px;padding:12px 18px;margin-top:12px;font-size:13px}.focus-note{position:fixed;left:0;right:0;bottom:14%;text-align:center;opacity:0;pointer-events:none;transition:opacity .6s;text-shadow:0 2px 15px #000}.focus-note p{font-weight:300;letter-spacing:7px;font-size:23px}.focus-note span{font-size:9px;letter-spacing:3px;color:#ffffff99}main,footer,.header nav{transition:opacity .5s}body.focus-mode main,body.focus-mode footer,body.focus-mode .header nav{opacity:0;pointer-events:none}body.focus-mode .shade{opacity:.35}body.focus-mode .focus-note{opacity:1}@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:85px}.explore{margin-bottom:75px}.tool{min-height:108px}.tools{min-height:229px}}@media(max-width:900px){.header{padding:25px 6%}.header nav{margin-left:0;gap:22px}.hero{padding-top:65px}.explore{width:88%}.tool{padding:18px;gap:12px}.tools{grid-template-columns:repeat(2,1fr);min-height:317px}.footer-right{display:none!important}}@media(max-width:560px){.header{padding:23px 6%}.brand{font-size:21px}.brand-mark{width:30px;height:32px}.header nav{display:none}.focus-button{padding:9px 13px;font-size:11px}.hero{padding:57px 6% 43px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:25px}h1{font-size:43px;letter-spacing:-1.8px;line-height:1.35}.mobile-break{display:block}.hero-description{font-size:12px;letter-spacing:.5px;line-height:1.9;margin-bottom:28px}.hero-description span{display:block;margin:0}.search-box{border-radius:15px;gap:9px;padding:7px 8px 7px 14px}.search-box input{font-size:12px;height:39px}.search-box button{width:38px;height:38px;font-size:23px;border-radius:10px}.search-symbol{font-size:26px}kbd{display:none}.search-caption{font-size:8px}.section-top{gap:15px;align-items:center}.section-index{font-size:8px;letter-spacing:1.5px}h2{font-size:17px;margin-top:7px}.filters{gap:0;padding:3px}.filters button{padding:6px 9px;font-size:10px}.tools{gap:10px;min-height:302px}.tool{min-height:94px;padding:14px;gap:10px;position:relative;align-items:flex-start;flex-direction:column}.tool-logo{width:27px;height:27px;font-size:23px;background:none;border-radius:0}.deepseek{font-size:22px}.jimeng{font-size:20px}.tool h3{font-size:13px;margin-bottom:5px}.tool p{font-size:9px;letter-spacing:0;white-space:normal;line-height:1.6}.tool-arrow{position:absolute;right:13px;top:13px}.explore{margin-bottom:32px}.section-bottom{font-size:9px}.section-bottom>span:first-child{max-width:60%}footer{padding:20px 6%;align-items:flex-start;gap:12px;flex-direction:column;font-size:8px}dialog{padding:35px 25px}.landscape{background-position:51% center}}@media(prefers-reduced-motion:no-preference){.hero,.explore{animation:appear .8s both}.explore{animation-delay:.12s}@keyframes appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@supports not (backdrop-filter:blur(1px)){.glass{background:#23372ee8}}@media(prefers-reduced-transparency:reduce){.glass{background:#23372e;backdrop-filter:none}}