"); 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: 1300px; margin: auto; } .app-v1 { width: 1298px; 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: 15px 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: 770px; } .art .banne,.art .icon,.art .context { 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 { 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 { padding: 20px; background: #fff; color: #111; } .recommend .art-type-b{ border-radius: 6px; overflow: hidden; box-shadow: 0 1px 3px rgb(0 0 0 / 5%); } .recommend h3{ font-weight: 300; color: #000; margin: 0 1px; margin-bottom: 15px; } .recommend { margin-top: 15px; } .login li { margin: 10px 15px; display: inline-block; } .art .context 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: 1316px) { .app { width: 1170px; } .app-v1 { width: 1168px; } .index-main { width: 695px; } } @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; } .icon amp-img{ border-radius: 4px 4px 0px 0px; } .index-right{ width: 235px; padding: 20px; } .index-right .widget-list li { display: block; margin-bottom: 20px; border-bottom: 1px solid #86bc4247; height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .widget-list{ margin-top: 20px; }
ProCatGuide The ultimate resource for professional cat knowledge. From health and nutrition to behavior and training, unlock the world of feline expertise to ensure the best care for your beloved cat. Cats claw on objects for several reasons, including maintaining their claws, marking territory, stretching their muscles, and relieving stress. This behavior is natural and instinctive, but it can ...
Mochi July 02, 2025
Cats often follow their owners into the bathroom due to a combination of curiosity, bonding behavior, and instinctual traits. The bathroom is a confined space where their human is stationary, makin...
Mochi July 02, 2025
Cats climb trees for a variety of reasons, including instinct, safety, hunting, and curiosity. Their natural climbing abilities help them escape predators, explore their surroundings, and even stal...
Mochi July 02, 2025
Cats climb on their owners for a variety of reasons, including seeking warmth, affection, attention, or simply because they feel comfortable and safe around them. This behavior is often a sign of t...
Mochi July 02, 2025
Cats meow for various reasons, including communication, attention-seeking, hunger, or discomfort. Understanding the context and frequency of their meows can help determine the underlying cause. Co...
Mochi July 02, 2025
Cats coo as a form of vocal communication, often expressing contentment, curiosity, or a desire for attention. This soft, melodic sound is distinct from meowing or purring and is commonly used by c...
Mochi July 02, 2025
Cats dribble when happy due to a combination of physiological and behavioral responses. This behavior is often linked to contentment, relaxation, and positive emotional states. The Science Behind ...
Mochi July 02, 2025
Cats curl up when they sleep primarily for comfort, warmth, and protection. This instinctive behavior helps them conserve body heat, shield their vital organs, and feel secure in their surroundings...
Mochi July 02, 2025
Cats eating their vomit might seem strange, but it can be explained by their natural instincts, health conditions, or behavioral habits. Understanding the reasons behind this behavior helps pet own...
Mochi July 02, 2025
Cats may eat spider webs out of curiosity, playfulness, or due to their natural hunting instincts. Spider webs can resemble prey movements, triggering a cat's predatory response. Additionally, some...
Mochi July 02, 2025