"); 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 often fall over or act strangely when wearing clothes because their natural movement and sensory perception are disrupted. Clothing can interfere with their balance, restrict their mobility, a...
Mochi June 24, 2025
Cats' farts can smell particularly bad due to several factors, including their diet, digestive health, and the composition of their gut bacteria. High-protein diets, which are common for cats, can ...
Mochi June 24, 2025
Cats fluff their tails for various reasons, primarily as a form of communication or a reaction to their environment. This behavior, known as piloerection, involves the hairs on the tail standing on...
Mochi June 23, 2025
There are a couple of reasons why your cat might be off their food. It could be a sign of an underlying illness, or it could be something less serious. Here are a few possibilities.Medical IssuesLo...
Mochi June 06, 2024
No, it is strongly recommended that you do not give your cat marshmallows. While marshmallows are not inherently toxic to cats, they offer no nutritional value and can pose several health risks.Why...
Mochi March 02, 2024
Yes, cats are natural hunters, and eating mice is a common behavior. While it's instinctive, there are risks. Wild mice may carry diseases or parasites harmful to cats. Ensure your cat is vaccinate...
Mochi January 15, 2024
Yes, cats can eat apples in moderation. Apples are safe for felines and can even offer some nutritional benefits. However, it's crucial to remove the seeds and core as they contain cyanide, which c...
Mochi December 17, 2023
No, cats should not eat chocolate. It is toxic to them and can cause serious health problems, even in small amounts. This toxicity is due to the presence of theobromine, a compound found in cocoa b...
Mochi December 12, 2023
Cats can eat certain types of biscuits in moderation, but not all biscuits are suitable for them. Plain, unsalted, and unseasoned biscuits, like small amounts of plain bread or crackers, can be off...
Mochi December 06, 2023
No, cats should not drink milk.Many cats are lactose intolerant, meaning that they cannot digest the lactose sugar in milk. This can lead to digestive problems such as diarrhea, vomiting, and gas.E...
Mochi December 03, 2023