"); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 17px; position: relative; top: 0px; } .bi-bookmark::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 17px; position: relative; top: 0px; } .bi-aspect-ratio::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 17px; position: relative; top: 0px; } .bi-geo::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 17px; position: relative; top: 0px; } .bi-chat-left::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 12px; width: 13px; height: 13px; position: relative; top: 0px; } .bi-rss::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 15px; width: 15px; height: 17px; position: relative; top: 0px; } .bi-gear::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 15px; width: 15px; height: 17px; position: relative; top: 0px; } .bi-grid::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 15px; width: 15px; height: 17px; position: relative; top: 0px; } .bi-list::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 31px; width: 31px; height: 30px; position: relative; top: 4px; } .bi-person::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 13px; width: 20px; height: 19px; position: relative; top: 6px; } .bi-heart-pulse::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 17px; position: relative; top: 0px; } .bi-filter-square::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 18px; position: relative; top: 0px; } .bi-magnet::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 18px; position: relative; top: 0px; } .bi-heart::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 18px; width: 32px; height: 17px; position: relative; top: 0px; } .bi-clock::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 13px; width: 20px; height: 19px; position: relative; top: 6px; } .bi-eye::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 13px; width: 20px; height: 19px; position: relative; top: 6px; } .bi-person-1::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 13px; width: 20px; height: 19px; position: relative; top: 6px; } .bi-clock-1::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 13px; width: 20px; height: 19px; position: relative; top: 6px; } .bi-eye-1::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 13px; width: 20px; height: 19px; position: relative; top: 6px; } .bi-cc-circle::before { display: inline-block; content: ""; vertical-align: -.125em; background-image: url("data:image/svg+xml, "); background-repeat: no-repeat; background-size: 13px; width: 20px; height: 19px; position: relative; top: 6px; } * { padding: 0; margin: 0; } a { color: #5f6368; text-decoration: none; } body { background-color: #efefef; width: 100%; height: 100%; color: #777; font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif; overflow-x: hidden; font-size: 1rem; font-smooth: always; -webkit-font-smoothing: antialiased; } .context li{ display: block; margin-left: 28px; margin-bottom: 10px; font-size: 0.95em; } .context ul{ margin-bottom: 26px; } .context h2{ font-size: 18px; line-height: 24px; font-weight: 500; padding: 0px 15px; padding-bottom: 12px; color: #f05050; position: relative; } .context h2:before{ position: absolute; left: 0px; top: 3px; height: 18px; width: 3px; border-radius: 4px; background-color: #f05050; background-image: linear-gradient(180deg,rgba(255,255,255,.15),transparent); content: ""; } pre{ border: 0; padding: 0; background: #f7f7f7; color: #5e5e5e; font-size: 90%; border-radius: 4px; overflow-wrap: normal; } pre code{ padding: 1em; background: none; color: inherit; line-height: inherit; font-size: 100%; border-radius: 0; display: block; overflow-x: auto; max-height: 50vh; max-height: max(50vh, 250px); display: block; overflow-x: auto; padding: 1em; } .bg-white { background-color: #f9f9f9; } .app { width: 1170px; margin: auto; } .app-v1 { width: 1168px; z-index: 99999; position: fixed; min-height: 47.9px; border: 1px solid transparent; -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .05); } .app:before { position: absolute; top: 0; bottom: 0; z-index: -1; display: block; width: inherit; border: inherit; content: ""; box-shadow: 0 0 4px 3px rgba(0, 0, 0, .05); } .app-v2 { display: flex; } .banne { background: #fff; padding: 3px 15px; margin-bottom: 20px; list-style: none; border-radius: 4px; font-size: 15px; } header { padding-top: 80px; width: 240px; position: fixed; height: 100%; overflow: hidden; } .region { padding: 0 10px; margin-top: 63px; } nav li { display: block; border-radius: 5px; margin: 10px 10px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } nav li a { padding: 6px 10px; border-radius: 5px; margin-bottom: 2px; display: block; } nav li a span { opacity: .9; font-size: 13.9px; } .oa-click, nav li:hover { background-color: rgba(0, 0, 0, .05); } .art-footer li{ margin-left: 0px; margin-bottom: 0px; font-size: 1em; } .art-footer ul{ margin-bottom: 0px; } main, .app-v2 { width: 100%; height: 100%; background-color: #f9f9f9; } main { padding-left: 255px; padding-top: 65px; } h1 { font-weight: 300; color: #000; } small { letter-spacing: 1px; color: #a0a0a0; font-size: 13px; padding-left: 2px; } .index { display: flex; } .index h1 { margin-bottom: 3px; } .index-main { width: 695px; } .art { line-height: 2em; } .art-list, .art { border-radius: 5px; padding: 20px; background: #f2f3f4; margin-top: 20px; margin-left: -15px; position: relative; z-index: 1; } .art-type-a .icon, .art .icon { width: 670px; height: 234px; } .art-type-a, .art-type-b { position: relative; border-radius: 6px; overflow: hidden; margin-bottom: 20px; } .art-footer { padding-top: 20px; } .art-type-a .art-info { position: absolute; bottom: 0; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5)); width: 100%; height: 50%; } .art-title, .art-title a { display: block; position: absolute; top: 0; height: 100%; width: 100%; } .art-type-a .art-title a { padding-top: 127px; color: #fff; padding-left: 86px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 79%; } .art-type-a .art-info span { color: #fff; background-color: #f05050; font-weight: 700; position: absolute; top: 10px; left: 30px; text-shadow: 0 1px 0 rgb(0 0 0 / 20%); padding: 0.2em 0.6em 0.3em; border-radius: 0.25em; font-size: 13px; } .art-footer li { display: block; } .art-footer ul { display: flex; font-size: 13px; justify-content: space-between; } .art-type-a .art-info p { position: absolute; padding: 0 32px; top: 35px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin-top: 10px; width: 87%; } .art-index { position: absolute; top: 180px; left: 28px; color: #fff; } .art-type-b { background: #fff; height: 166px; -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 5%); box-shadow: 0 1px 3px rgb(0 0 0 / 5%); margin-bottom: 20px; } .art-type-b .art-title a { padding: 20px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 87%; } .art-type-b .art-info { padding: 20px; padding-top: 50px; } .art-type-b p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 60px; height: 60px; overflow: hidden; line-height: 2em; color: #a0a0a0; margin-bottom: 10px; } .main-top .art-info span { top: 30px; } .main-top .art-title a { padding-top: 145px; } .main-top .art-info p { top: 57px; } .art-type-b .art-auto { background: #fafafa; padding: 6px; border-radius: 5px; font-size: 13px; } .hamburger_wrapper { display: none; } .login { padding: 0 13px; position: absolute; margin: 10px; bottom: 85px; border-radius: 5px; display: flex; transform: translateZ(0); height: auto; align-items: center; justify-content: flex-start; left: 0; right: 0; background-color: #fff; border: 1px solid #f6f6f6; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05); box-shadow: 0 1px 3px rgba(0, 0, 0, .05); } .art .icon { position: relative; } .context, .recommend { padding: 20px; background: #fff; color: #111; } .recommend { margin-top: 20px; } .login li { margin: 10px 15px; display: inline-block; } .art p { margin: 0 0 20px 0; color: #666; } .banne li { display: inline; } .banne li+li:before { position: relative; padding: 0px 5px; color: #ccc; content: "/\00a0"; top: 1px; left: 2px; } .art-auto li { display: inline; font-size: 13px; margin-right: 10px; } .art-auto { margin-top: 13px; } @media (max-width: 1190px) { .art-type-a .icon, .art .icon { width: 100%; } .index-right { display: none; } .index-main { width: 100%; } .app { width: 100%; } .app-v1 { width: 100%; } .art-type-a .icon { width: 100%; } } @media (max-width: 556px) { .art-type-a .icon { height: 190px; } .art-type-a .art-title a { padding-top: 112px; } .art-type-a .art-auto { display: none; } .art-type-a .art-info span { top: 30px; } .art-type-a .art-info p { top: 55px; } .art-type-a .art-info { height: 56%; } } @media (max-width: 456px) { .art-type-a .icon { height: 165px; } .art-type-a .art-title a { padding-top: 73px; width: 68%; } .art-type-a .art-info { height: 73%; } } @media (max-width: 850px) { .art-aic { padding: 0 10px; } .hamburger_wrapper { padding: 5px; z-index: 10; display: block; } #hamburger { width: 39px; height: 45px; position: absolute; cursor: pointer; outline: none; right: 0; } #hamburger span:nth-child(1) { top: 0px; transform-origin: left center; } #hamburger span:nth-child(2) { top: 21px; transform-origin: left center; } #hamburger span:nth-child(3) { top: 42px; transform-origin: left center; } #hamburger.close span:nth-child(1) { transform: rotate(45deg); } #hamburger.close span:nth-child(2) { width: 0%; opacity: 0; transition: .1s; } #hamburger.close span:nth-child(3) { transform: rotate(-45deg); } #nav-menu { transform: translateX(-100vw); opacity: 0; z-index: 10; transition: transform .5s ease, opacity ease .2s; } #nav-menu.now-active { transform: translateX(0); transition: transform .5s ease, opacity ease .2s; opacity: 1; background-color: #eaeaea; display: block; position: absolute; padding-top: 0px; } .nav-list { padding: 10px; list-style-type: none; font-size: 2em; } .region { margin-top: 146px; } } @media (max-width: 850px) { header { transform: translateX(-100vw); position: absolute; padding-top: 0px; } main { padding-left: 0; } .art-list, .art { padding: 20px 10px 0px 26px; } .index h1 { padding: 0px 10px; } small { padding: 0px 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin-top: 10px; display: block; } } small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .art-type-e .art-info{ padding-left: 186px; } .art-type-e .art-title a{ padding-left: 186px; } .art-icon-list{ width: 150px; height: 130px; position: absolute; top: 20px; left: 20px; border-radius: 6px; overflow: hidden; }
Cat Psychology: How Felines Think Cats have their own unique ways of showing affection and trust. While they might not always display their feelings as overtly as some other pets, there are several signs that can indicate your cat ...
Ando September 17, 2023
Observing your cat's body language and behavior can provide valuable insights into its level of comfort and relaxation in your presence. Here are some signs and cues to look for:Body PostureLying D...
Ando September 17, 2023
The concept of "revenge" as humans understand it involves complex cognitive processes, including the ability to hold grudges, plan retaliation, and understand the concept of "getting even." While c...
Ando September 17, 2023
Cat jealousy, while not always as overtly displayed as in some other animals (like dogs), is a real phenomenon. Cats can become jealous when they feel they're not getting enough attention, when the...
Ando September 17, 2023
Cat curiosity is a well-known and often celebrated trait of our feline friends. This innate behavior has both evolutionary roots and practical applications in a domestic setting. Here's a deeper lo...
Ando September 17, 2023