"use strict";(self.webpackChunkant_design_pro=self.webpackChunkant_design_pro||[]).push([[6587],{86587:function(_,s,n){n.r(s);var r=n(5574),i=n.n(r),d=n(67294),e=n(85893),l=[{name:"Mercury",desc:"The smallest planet.",img:"https://images.unsplash.com/photo-1462331940025-496dfbfc7564?auto=format&fit=crop&w=400&q=80"},{name:"Venus",desc:"The hottest planet.",img:"https://images.unsplash.com/photo-1465101046530-73398c7f28ca?auto=format&fit=crop&w=400&q=80"},{name:"Earth",desc:"Our home planet.",img:"https://images.unsplash.com/photo-1465101178521-c1a9136a3b99?auto=format&fit=crop&w=400&q=80"},{name:"Mars",desc:"The red planet.",img:"https://images.unsplash.com/photo-1462331940025-496dfbfc7564?auto=format&fit=crop&w=400&q=80"},{name:"Jupiter",desc:"The largest planet.",img:"https://images.unsplash.com/photo-1465101178521-c1a9136a3b99?auto=format&fit=crop&w=400&q=80"}],u=["\u9996\u9875","\u8D44\u6E90","\u5173\u4E8E","\u8054\u7CFB"],c=function(){var m=(0,d.useState)(""),a=i()(m,2),o=a[0],p=a[1],h=l.filter(function(t){return t.name.toLowerCase().includes(o.toLowerCase())});return(0,e.jsxs)("div",{style:{fontFamily:"sans-serif",background:"linear-gradient(to bottom, #0f2027, #2c5364)",minHeight:"100vh",color:"#fff"},children:[(0,e.jsxs)("nav",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"24px 48px",background:"rgba(0,0,0,0.4)"},children:[(0,e.jsx)("div",{style:{fontWeight:"bold",fontSize:28,letterSpacing:2},children:"\u{1F30C} PT\u661F\u7403"}),(0,e.jsx)("div",{children:u.map(function(t){return(0,e.jsx)("a",{href:"#",style:{color:"#fff",margin:"0 18px",textDecoration:"none",fontSize:18,transition:"color 0.2s"},children:t},t)})})]}),(0,e.jsx)("div",{style:{display:"flex",justifyContent:"center",margin:"48px 0 32px 0"},children:(0,e.jsx)("input",{type:"text",placeholder:"\u641C\u7D22\u661F\u7403\u8D44\u6E90...",value:o,onChange:function(f){return p(f.target.value)},style:{width:360,padding:"12px 20px",borderRadius:24,border:"none",fontSize:18,outline:"none",boxShadow:"0 2px 12px rgba(0,0,0,0.2)"}})}),(0,e.jsx)("div",{style:{display:"flex",flexWrap:"wrap",justifyContent:"center",gap:"32px",padding:"0 48px 48px 48px"},children:h.map(function(t){return(0,e.jsxs)("div",{style:{background:"rgba(255,255,255,0.08)",borderRadius:18,width:260,boxShadow:"0 4px 24px rgba(0,0,0,0.18)",overflow:"hidden",transition:"transform 0.2s"},children:[(0,e.jsx)("img",{src:t.img,alt:t.name,style:{width:"100%",height:140,objectFit:"cover"}}),(0,e.jsxs)("div",{style:{padding:20},children:[(0,e.jsx)("div",{style:{fontWeight:"bold",fontSize:22,marginBottom:8},children:t.name}),(0,e.jsx)("div",{style:{fontSize:16,color:"#cfd8dc"},children:t.desc})]})]},t.name)})})]})};s.default=c}}]);