@import"https://fonts.googleapis.com/css2?family=Gothic+A1&family=Gothic A1:wght@100..900&display=swap";*{box-sizing:border-box;font-family:"Gothic A1",cursive}*:focus{outline:none}html{font:500 100%/1.4 system-ui;background-color:#ccc}body{padding:0;margin:0}a{text-decoration:none;color:#000}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.ellipsis.l2{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ellipsis.l3{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ellipsis.l4{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.ellipsis.l5{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.ellipsis.l6{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.hide{display:none}.top_bar *,.footer *,.card_box *{margin:0;padding:0}.top_bar{background:#fff;padding:.5rem;position:fixed;width:100%;top:0;z-index:10;box-shadow:0 0 10px 5px #666}.top_bar .logo_box{float:left;font-size:1.8rem}.top_bar .menu_box{float:right}.top_bar button{border-radius:20px;padding:6px 1rem;background:#000;color:#fff;font-weight:700}.top_bar #btn_mypin{background:#000;border:1px solid #000}.top_bar #btn_mypin.all{background:red;border:1px solid red}.top_bar .form_search{margin:0rem auto;text-align:center}.top_bar .form_search .search_box{border:1px solid #333;background:#fff;border-radius:20px;width:50%;max-width:500px;margin:0 32%;padding:3px 0px 3px 13px}.top_bar .form_search .search_box input{border:0;background:rgba(0,0,0,0);font-size:1rem;line-height:1.6rem;width:calc(100% - 110px);vertical-align:middle}.top_bar .form_search .search_box button{border-radius:20px;padding:0rem 1rem;background:#000;color:#fff;font-weight:700;width:100px;height:33px}@media(max-width: 600px){.top_bar .form_search{clear:both;padding-top:.3rem;margin:0rem -0.2rem}.top_bar .form_search .search_box{width:100%;max-width:100%;margin:0}}.top_bar::after{content:" ";clear:both;display:block}.page{margin-top:4rem;padding:0 1rem}.page .card_box{display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));gap:0rem;padding:1rem;margin:0 -1rem}.page .card_box .card{height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;padding:1rem 1rem 2rem;background:#f8f3e8;box-shadow:0 0 40px rgba(0,0,0,.2),0 0 40px rgba(0,0,0,.2);border-radius:3px;max-width:400px}.page .card_box .card .btn.pin{position:absolute;right:1rem;top:.5rem;transform:rotate(20deg);color:#af0000}.page .card_box .card .btn.pin.mypin{color:red}.page .card_box .card .gpts_image{width:100%;height:auto;aspect-ratio:600/300;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;background:#000;margin:-1rem -1rem;width:calc(100% + 2rem)}.page .card_box .card .gpts_image.unknown{content:url(./unknow_tool.png);filter:grayscale(100%);opacity:.5}.page .card_box .card .tags .btn{background:#999;color:#fff;padding:.1rem .5rem;border-radius:10px;margin:.1rem .4rem .1rem 0;display:inline-block}.page .card_box .card>a>h2{margin-top:1rem;margin-bottom:0;font-family:"Gothic A1",cursive;font-weight:700;font-size:1.6rem;color:#000;text-align:center}.page .card_box .card>a>p{font-family:"Gothic A1",cursive;font-size:1rem;color:#000;text-align:center}.page h2{margin:1rem 0}.page ol{list-style:decimal}.page.about .logo{text-align:center;padding:2rem 0}.page.about .logo img{width:300px}@media(max-width: 480px){.page{margin-top:7rem}}.footer{margin-top:2rem;font-size:1rem;text-align:center}