:root{--color-primary:#FF8C42;--color-primary-dark:#E67A30;--color-primary-active:#D46A20;--color-primary-light:#FFF2E8;--color-brown:#A0694B;--color-green:#4CAF82;--color-blue:#5B9BD5;--color-purple:#9B8EC4;--color-success:#4CAF82;--color-warning:#F5A623;--color-danger:#E74C3C;--color-info:#5B9BD5;--bg-cream-orange:#FFF2E8;--bg-sakura-pink:#FFF0F3;--bg-mint-green:#F0FAF5;--bg-sky-blue:#EBF5FB;--bg-lavender:#F3F0FF;--bg-milk-tea:#FDF6EE;--color-title:#1A1A1A;--color-text:#2D2D2D;--color-secondary:#666666;--color-placeholder:#999999;--color-border:#E8E8E8;--color-card-bg:#F7F7F7;--color-page-bg:#FAFAFA;--color-white:#FFFFFF;--color-emergency-bg:#FFF5F5;--color-emergency:#E74C3C;--color-emergency-dark:#C0392B;--shadow-1:0 2px 8px rgba(0,0,0,0.06);--shadow-2:0 4px 16px rgba(0,0,0,0.1);--shadow-3:0 8px 32px rgba(0,0,0,0.15);--shadow-sticky:0 2px 8px rgba(0,0,0,0.08);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:50%;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-body:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-data:"DM Sans", "Noto Sans SC", sans-serif;--nav-height:64px;--nav-height-mobile:56px;--max-width:1200px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:15px;line-height:1.7;color:var(--color-text);background-color:var(--color-page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-info);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary);text-decoration:underline}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}h1,h2,h3,h4{color:var(--color-title);font-weight:700;line-height:1.3}h1{font-size:32px}h2{font-size:24px;line-height:1.4}h3{font-size:20px;line-height:1.4;font-weight:600}h4{font-size:18px;line-height:1.5;font-weight:600}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-3xl)0}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);background:var(--color-white);box-shadow:0 1px 4px rgba(0,0,0,6%);transition:box-shadow .2s ease}.navbar.scrolled{box-shadow:var(--shadow-sticky)}.navbar .container{display:flex;align-items:center;height:100%;gap:var(--space-lg)}.navbar-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;flex-shrink:0}.navbar-logo img{width:40px;height:40px}.navbar-logo span{font-size:20px;font-weight:700;color:var(--color-primary)}.nav-menu{display:flex;align-items:center;gap:var(--space-xs);flex:1}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-md);font-size:15px;font-weight:400;color:var(--color-text);text-decoration:none;border-radius:var(--radius-sm);transition:all .2s ease;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--color-primary);text-decoration:none}.nav-link.active::after{content:'';position:absolute;bottom:0;left:var(--space-md);right:var(--space-md);height:2px;background:var(--color-primary);border-radius:1px}.nav-link .arrow{font-size:10px;transition:transform .2s ease}.dropdown-menu{position:absolute;top:100%;left:0;min-width:180px;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:var(--space-sm)0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .15s ease;z-index:100}.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:10px 20px;font-size:14px;color:var(--color-text);text-decoration:none;transition:background .15s ease}.dropdown-item:hover{background:var(--color-card-bg);color:var(--color-primary);text-decoration:none}.dropdown-divider{height:1px;background:var(--color-border);margin:4px 0}.nav-user-item{display:flex;align-items:center}.nav-user-trigger{display:flex;align-items:center;gap:6px;cursor:pointer;padding:5px 8px;border-radius:var(--radius-md);transition:background .15s ease;white-space:nowrap;font-size:14px;color:var(--color-text)}.nav-user-trigger:hover{background:var(--color-card-bg)}.nav-user-avatar{width:30px;height:30px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-user-name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-dropdown{min-width:160px;right:0;left:auto}.nav-search{position:relative;flex-shrink:0}.nav-search input{width:200px;height:38px;padding:0 var(--space-md)0 36px;border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:14px;font-family:var(--font-body);color:var(--color-text);background:var(--color-card-bg);outline:none;transition:all .2s ease}.nav-search input:focus{border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 3px rgba(255,140,66,.15);width:260px}.nav-search input::placeholder{color:var(--color-placeholder)}.nav-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-placeholder);font-size:14px;pointer-events:none}.nav-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.btn-emergency{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-md);background:var(--color-danger);color:var(--color-white);font-size:14px;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;animation:pulse-emergency 2s ease-in-out infinite;text-decoration:none;white-space:nowrap}.btn-emergency:hover{background:var(--color-emergency-dark);color:var(--color-white);text-decoration:none}@keyframes pulse-emergency{0%,100%{opacity:1}50%{opacity:.82}}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px;background:0 0;border:none;cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;background:var(--color-text);border-radius:1px;transition:all .2s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);height:44px;padding:0 var(--space-lg);font-size:15px;font-weight:600;font-family:var(--font-body);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark);color:var(--color-white);text-decoration:none}.btn-primary:active{background:var(--color-primary-active)}.btn-ghost{background:0 0;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-ghost:hover{background:var(--color-primary-light);color:var(--color-primary);text-decoration:none}.btn-secondary{background:var(--color-white);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-card-bg);text-decoration:none}.btn-text{background:0 0;color:var(--color-info);border:none;height:auto;padding:0;font-weight:400}.btn-text:hover{color:var(--color-primary)}.btn-white{background:var(--color-white);color:var(--color-primary);border:none}.btn-white:hover{background:rgba(255,255,255,.9);text-decoration:none;color:var(--color-primary-dark)}.btn-sm{height:36px;font-size:14px;padding:0 16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-1);overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.card-body{padding:var(--space-md)}.tag{display:inline-flex;align-items:center;padding:2px 10px;font-size:12px;border-radius:3px;font-weight:500}.tag-primary{background:var(--color-primary-light);color:var(--color-primary)}.tag-category{background:var(--color-primary);color:var(--color-white);font-size:11px;padding:2px 8px;border-radius:3px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-header h2{position:relative;padding-left:var(--space-md)}.section-header h2::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:4px;background:var(--color-primary);border-radius:2px}.hero{padding-top:var(--nav-height);background:linear-gradient(150deg,var(--bg-cream-orange) 0%,var(--bg-sakura-pink) 50%,var(--color-page-bg) 100%);overflow:visible;position:relative}.hero::before{content:'🐾';position:absolute;top:30%;left:8%;font-size:60px;opacity:.05;transform:rotate(-20deg);pointer-events:none}.hero::after{content:'🐾';position:absolute;bottom:15%;right:12%;font-size:80px;opacity:.04;transform:rotate(15deg);pointer-events:none}.hero .container{display:flex;align-items:center;gap:var(--space-2xl);min-height:480px;position:relative;z-index:1}.hero-content{flex:1;text-align:left}.hero-content .hero-greeting{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-white);padding:6px 16px;border-radius:var(--radius-xl);font-size:14px;color:var(--color-text);box-shadow:var(--shadow-1);margin-bottom:var(--space-lg)}.hero-greeting .greeting-emoji{font-size:20px}.hero h1{font-size:36px;line-height:1.3;margin-bottom:var(--space-md)}.hero h1 .highlight{color:var(--color-primary);position:relative}.hero h1 .highlight::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:8px;background:rgba(255,140,66,.2);border-radius:4px;z-index:-1}.hero .subtitle{font-size:17px;color:var(--color-secondary);margin-bottom:var(--space-xl);line-height:1.7}.hero-actions{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.hero-trust{display:flex;align-items:center;gap:var(--space-lg);font-size:14px;color:var(--color-secondary)}.hero-trust-item{display:flex;align-items:center;gap:var(--space-xs)}.hero-trust strong{color:var(--color-primary);font-family:var(--font-data);font-size:20px}.hero-visual{flex:0 0 420px;position:relative;min-height:300px}.hero-mascot{position:relative;z-index:2}.hero-mascot-img{width:280px;height:280px;display:flex;align-items:center;justify-content:center;font-size:180px;line-height:1;filter:drop-shadow(0 8px 24px rgba(255,140,66,.15))}.hero-mascot-img img{width:100%;height:100%;object-fit:contain}.running-dog{position:absolute;inset:0;overflow:visible}.dog-body{position:absolute;top:0;left:0;width:200px;height:200px;z-index:3;animation:dog-run-path 6s ease-in-out infinite}@keyframes dog-run-path{0%{left:200px;transform:scaleX(-1)}45%{left:-250px;transform:scaleX(-1)}50%{left:-250px;transform:scaleX(1)}95%{left:200px;transform:scaleX(1)}100%{left:200px;transform:scaleX(-1)}}.dog-body::after{content:'';display:block;width:200px;height:200px;background:url(../images/dog-run-sprite.png)0 no-repeat;background-size:800px 200px;animation:sprite-run 1.2s steps(4)infinite;filter:drop-shadow(0 4px 12px rgba(255,140,66,.2))}@keyframes sprite-run{from{background-position:0 0}to{background-position:-800px 0}}.dog-frame{display:none}.dog-shadow{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);width:120px;height:16px;background:radial-gradient(ellipse,rgba(0,0,0,.1) 0%,transparent 70%);border-radius:50%;animation:shadow-scale .6s ease-in-out infinite;z-index:1}@keyframes shadow-scale{0%,100%{transform:translateX(-50%)scaleX(1);opacity:.8}15%{transform:translateX(-50%)scaleX(.7);opacity:.4}50%{transform:translateX(-50%)scaleX(1);opacity:.8}65%{transform:translateX(-50%)scaleX(.75);opacity:.45}}.paw-trail{position:absolute;top:200px;left:-250px;right:0;width:650px;height:20px;z-index:0;pointer-events:none}.paw{position:absolute;bottom:0;font-size:10px;opacity:0;animation:paw-sync 6s ease-out infinite}.paw-5{left:88%;animation-delay:0s}.paw-4{left:66%;animation-delay:.5s}.paw-3{left:44%;animation-delay:1.1s}.paw-2{left:22%;animation-delay:1.7s}.paw-1{left:0%;animation-delay:2.3s}@keyframes paw-sync{0%{opacity:0;transform:scale(.3)rotate(-15deg)}2%{opacity:.35;transform:scale(1)rotate(-15deg)}15%{opacity:.2;transform:scale(.9)rotate(-15deg)}30%{opacity:0;transform:scale(.6)rotate(-15deg)}100%{opacity:0}}.speed-lines{position:absolute;top:35%;left:-15px;z-index:-1}.speed-line{display:block;position:absolute;height:2px;border-radius:1px;background:var(--color-primary);opacity:0;animation:speed-dash .9s ease-out infinite}.line-1{width:36px;height:3px;top:-24px;left:0;animation-delay:0s}.line-2{width:48px;height:3px;top:6px;left:8px;animation-delay:.3s}.line-3{width:30px;height:3px;top:36px;left:4px;animation-delay:.6s}@keyframes speed-dash{0%{opacity:0;transform:translateX(-10px)scaleX(.3)}20%{opacity:.35;transform:translateX(0)scaleX(1)}100%{opacity:0;transform:translateX(30px)scaleX(.4)}}.hero-float-tags{position:absolute;inset:0;pointer-events:none}.float-tag{position:absolute;background:var(--color-white);padding:8px 14px;border-radius:var(--radius-xl);font-size:13px;color:var(--color-text);box-shadow:var(--shadow-1);white-space:nowrap;display:flex;align-items:center;gap:6px;animation:float-gentle 3s ease-in-out infinite}.float-tag .float-icon{font-size:16px}.float-tag:nth-child(1){top:0;left:-60px;animation-delay:0s}.float-tag:nth-child(2){top:40%;left:-80px;animation-delay:.8s}.float-tag:nth-child(3){bottom:10%;left:-40px;animation-delay:1.6s}@keyframes float-gentle{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.feature-card{text-align:center;padding:var(--space-xl)var(--space-md)}.feature-card .feature-icon{width:56px;height:56px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:var(--radius-md);font-size:28px}.feature-card h4{margin-bottom:var(--space-xs)}.feature-card p{font-size:13px;color:var(--color-secondary)}.guide-banner{background:linear-gradient(135deg,var(--bg-milk-tea) 0%,var(--bg-sakura-pink) 100%);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.guide-banner-content h3{margin-bottom:var(--space-sm)}.guide-banner-content p{color:var(--color-secondary);margin-bottom:var(--space-md)}.guide-banner-links{display:flex;gap:var(--space-sm)}.guide-banner-mascot{font-size:80px;line-height:1;flex-shrink:0}.hot-questions{padding:var(--space-lg)0}.hot-questions-inner{display:flex;align-items:center;gap:var(--space-md);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-sm)0}.hot-questions-inner::-webkit-scrollbar{display:none}.hot-questions-label{font-size:14px;font-weight:600;color:var(--color-primary);white-space:nowrap;flex-shrink:0}.question-tag{display:inline-flex;align-items:center;padding:6px 14px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:13px;color:var(--color-text);white-space:nowrap;text-decoration:none;transition:all .2s ease}.question-tag:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);text-decoration:none}.season-banner{background:linear-gradient(135deg,var(--bg-mint-green) 0%,var(--bg-sky-blue) 100%);border-radius:var(--radius-lg);padding:var(--space-lg)var(--space-xl);display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.season-banner-icon{font-size:40px;flex-shrink:0}.season-banner h3{font-size:16px;margin-bottom:var(--space-xs)}.season-banner p{font-size:14px;color:var(--color-secondary)}.scroll-container{display:flex;gap:var(--space-md);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-sm)0 var(--space-md);scroll-snap-type:x mandatory}.scroll-container::-webkit-scrollbar{display:none}.breed-card{flex:0 0 200px;scroll-snap-align:start}.breed-card .card-img{width:100%;aspect-ratio:1/1;background:var(--color-card-bg);border-radius:var(--radius-md)var(--radius-md)0 0;display:flex;align-items:center;justify-content:center;font-size:64px;overflow:hidden}.breed-card .card-img img{width:100%;height:100%;object-fit:cover}.breed-card .card-body h4{font-size:16px;margin-bottom:2px}.breed-card .card-body .breed-en{font-size:12px;color:var(--color-secondary);margin-bottom:var(--space-sm)}.breed-card .card-body .breed-meta{font-size:12px;color:var(--color-secondary)}.tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-item{padding:var(--space-sm)var(--space-md);font-size:15px;color:var(--color-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap;background:0 0;border-top:none;border-left:none;border-right:none;font-family:var(--font-body)}.tab-item:hover{color:var(--color-text)}.tab-item.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.article-card{display:flex;gap:var(--space-md)}.article-card .card-img{flex:0 0 180px;aspect-ratio:3/2;border-radius:var(--radius-md);background:var(--color-card-bg);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:40px}.article-card .card-img img{width:100%;height:100%;object-fit:cover}.article-card .card-content{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;padding:var(--space-md)}.article-card .card-img+.card-content{padding-left:0}.article-card .card-content h4{font-size:16px;margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card .card-content h4 a{color:var(--color-title);text-decoration:none}.article-card .card-content h4 a:hover{color:var(--color-primary)}.article-card .card-excerpt{font-size:13px;color:var(--color-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-sm)}.article-card .card-meta{font-size:12px;color:var(--color-placeholder);display:flex;align-items:center;gap:var(--space-sm)}.product-scroll{display:flex;gap:var(--space-md);overflow-x:auto;scrollbar-width:none;padding:var(--space-sm)0}.product-scroll::-webkit-scrollbar{display:none}.product-card{flex:0 0 220px}.product-card .card-img{width:100%;aspect-ratio:1/1;background:var(--color-card-bg);border-radius:var(--radius-md)var(--radius-md)0 0;display:flex;align-items:center;justify-content:center;font-size:48px;overflow:hidden;position:relative}.product-rank{position:absolute;top:8px;left:8px;width:28px;height:28px;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;font-family:var(--font-data)}.product-rank.gold{background:gold;color:#333}.product-rank.silver{background:silver;color:#333}.product-rank.bronze{background:#cd7f32;color:#fff}.product-card .product-price{font-family:var(--font-data);color:var(--color-danger);font-size:18px;font-weight:700;margin:var(--space-xs)0}.product-card .product-price .price-symbol{font-size:14px}.product-card .product-price .price-original{font-size:13px;color:var(--color-placeholder);text-decoration:line-through;font-weight:400;margin-left:var(--space-sm)}.product-card .product-rating{font-size:12px;color:var(--color-secondary)}.product-card .product-platforms{display:flex;gap:var(--space-xs);margin-top:var(--space-sm)}.platform-tag{font-size:11px;padding:2px 6px;border:1px solid var(--color-border);border-radius:3px;color:var(--color-secondary);text-decoration:none}.platform-tag:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.promo-label{font-size:11px;color:var(--color-placeholder);border:1px solid var(--color-border);padding:0 4px;border-radius:2px;margin-top:var(--space-xs);display:inline-block}.tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-md)}.city-service-bar{display:flex;align-items:center;gap:var(--space-lg);background:var(--color-white);border-radius:var(--radius-md);padding:var(--space-lg)var(--space-xl);box-shadow:var(--shadow-1)}.city-service-icon{font-size:32px;flex-shrink:0}.city-service-content h3{font-size:16px;margin-bottom:2px}.city-service-content p{font-size:13px;color:var(--color-secondary)}.city-service-links{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.city-service-links a{font-size:14px;color:var(--color-info);text-decoration:none;padding:4px 10px;border-radius:var(--radius-xl);transition:all .2s ease}.city-service-links a:hover{background:var(--color-primary-light);color:var(--color-primary);text-decoration:none}.city-service-links .city-more{color:var(--color-primary);font-weight:600}.tool-card{text-align:center;padding:var(--space-lg);cursor:pointer}.tool-card .tool-icon{font-size:36px;margin-bottom:var(--space-sm)}.tool-card h4{font-size:15px;margin-bottom:var(--space-xs)}.tool-card p{font-size:13px;color:var(--color-secondary)}.pet-showcase-section{background:linear-gradient(180deg,var(--color-white) 0%,var(--bg-sakura-pink) 100%)}.showcase-desc{font-size:14px;color:var(--color-secondary);margin-bottom:var(--space-lg)}.pet-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:160px;gap:var(--space-md);margin-bottom:var(--space-xl)}.pet-photo-card{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform .2s ease}.pet-photo-card:hover{transform:scale(1.03)}.pet-photo-tall{grid-row:span 2}.pet-photo-img{width:100%;height:100%;background:var(--color-card-bg);display:flex;align-items:center;justify-content:center;font-size:48px}.pet-photo-img img{width:100%;height:100%;object-fit:cover}.pet-photo-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(transparent,rgba(0,0,0,.45));pointer-events:none}.pet-photo-info{position:absolute;bottom:10px;left:12px;z-index:2;display:flex;flex-direction:column}.pet-photo-name{font-size:15px;font-weight:700;color:var(--color-white);text-shadow:0 1px 3px rgba(0,0,0,.3)}.pet-photo-breed{font-size:12px;color:rgba(255,255,255,.85);text-shadow:0 1px 2px rgba(0,0,0,.3)}.pet-photo-heart{position:absolute;top:10px;right:10px;z-index:2;font-size:12px;color:var(--color-white);background:rgba(0,0,0,.25);backdrop-filter:blur(4px);padding:3px 8px;border-radius:var(--radius-xl)}.showcase-cta{text-align:center}.membership-section{background:var(--bg-milk-tea);text-align:center;position:relative;overflow:hidden}.membership-section::before{content:'🐾';position:absolute;top:-20px;right:5%;font-size:120px;opacity:.04;transform:rotate(-15deg);pointer-events:none}.membership-section::after{content:'🐾';position:absolute;bottom:-30px;left:3%;font-size:160px;opacity:.03;transform:rotate(25deg);pointer-events:none}.membership-header{margin-bottom:var(--space-xl)}.membership-header h2{color:var(--color-title);margin-bottom:var(--space-sm)}.membership-header .section-desc{color:var(--color-secondary);font-size:15px}.membership-header .mascot-speech{display:inline-flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm)var(--space-md);background:var(--color-white);border-radius:var(--radius-xl);font-size:14px;color:var(--color-text);box-shadow:var(--shadow-1)}.mascot-speech .mascot-emoji{font-size:24px;flex-shrink:0}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl);position:relative;z-index:1}.plan-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl)var(--space-lg);border:2px solid var(--color-border);transition:all .2s ease;position:relative;text-align:left;box-shadow:var(--shadow-1)}.plan-card:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}.plan-card.featured{border-color:var(--color-primary);box-shadow:0 4px 20px rgba(255,140,66,.15)}.plan-card.featured::before{content:'🏆 最受欢迎';position:absolute;top:-1px;left:50%;transform:translateX(-50%)translateY(-50%);background:var(--color-primary);color:var(--color-white);font-size:12px;font-weight:600;padding:4px 16px;border-radius:20px;white-space:nowrap}.plan-card.featured:hover{box-shadow:0 6px 24px rgba(255,140,66,.2);transform:translateY(-4px)}.plan-badge{font-size:28px;margin-bottom:var(--space-sm);display:block}.plan-name{font-size:17px;font-weight:700;color:var(--color-title);margin-bottom:var(--space-sm)}.plan-price-row{display:flex;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-xs)}.plan-price{font-family:var(--font-data);font-size:36px;font-weight:700;color:var(--color-primary);line-height:1}.plan-price .unit{font-size:14px;font-weight:400;color:var(--color-secondary)}.plan-card.featured .plan-price{color:var(--color-primary)}.plan-equivalent{font-size:13px;color:var(--color-primary);background:var(--color-primary-light);display:inline-block;padding:2px 10px;border-radius:20px;margin-bottom:var(--space-md)}.plan-desc{font-size:13px;color:var(--color-secondary);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.plan-features{text-align:left;font-size:14px;line-height:1.9;color:var(--color-text);margin-bottom:var(--space-lg)}.plan-features .check{color:var(--color-success);margin-right:4px}.plan-features .cross{color:var(--color-placeholder);margin-right:4px}.plan-btn{display:block;width:100%;height:44px;line-height:44px;text-align:center;border-radius:var(--radius-sm);font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.plan-btn-ghost{background:0 0;color:var(--color-primary);border:1px solid var(--color-primary)}.plan-btn-ghost:hover{background:var(--color-primary-light);text-decoration:none;color:var(--color-primary)}.plan-btn-primary{background:var(--color-primary);color:var(--color-white)}.plan-btn-primary:hover{background:var(--color-primary-dark);text-decoration:none;color:var(--color-white)}.plan-btn-secondary{background:var(--color-card-bg);color:var(--color-text)}.plan-btn-secondary:hover{background:var(--color-border);text-decoration:none;color:var(--color-text)}.membership-free-note{font-size:14px;color:var(--color-secondary);position:relative;z-index:1}.membership-free-note strong{color:var(--color-text)}.seo-text{padding:var(--space-xl)0;background:var(--color-white)}.seo-text p{font-size:14px;color:var(--color-secondary);line-height:2;max-width:960px;margin:0 auto}main+.footer,.breeds-main+.footer{margin-top:0}main>*:last-child,.breeds-main>*:last-child{margin-bottom:48px}.footer{background:var(--color-text);color:rgba(255,255,255,.7);padding:var(--space-2xl)0 var(--space-lg)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer-brand .navbar-logo span{color:var(--color-white)}.footer-brand p{font-size:14px;margin-top:var(--space-sm);line-height:1.8}.footer-col h4{color:var(--color-white);font-size:15px;margin-bottom:var(--space-md)}.footer-col a{display:block;font-size:14px;color:rgba(255,255,255,.6);padding:3px 0;text-decoration:none;transition:color .2s ease}.footer-col a:hover{color:var(--color-primary);text-decoration:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-lg);text-align:center;font-size:13px;color:rgba(255,255,255,.4)}a.card{color:inherit;text-decoration:none}a.card:hover{color:inherit;text-decoration:none}a.card h4,a.card p{color:inherit}.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:1001}.mobile-overlay.open{display:block}.mobile-menu{position:fixed;top:0;left:-80vw;width:80vw;max-width:320px;height:100vh;background:var(--color-white);z-index:1002;transition:left .25s ease;overflow-y:auto;padding:20px}.mobile-menu.open{left:0}.mobile-menu-brand{font-size:20px;font-weight:700;color:var(--color-primary);margin-bottom:24px}.mobile-menu-link{display:block;padding:14px 0;font-size:16px;color:var(--color-text);border-bottom:1px solid var(--color-border);text-decoration:none}.mobile-menu-link:hover{color:var(--color-primary);text-decoration:none}.mobile-menu-link.emergency{color:var(--color-danger);font-weight:600;border-bottom:none}.mobile-menu-item.has-children>.mobile-menu-link::after{content:' ▾';font-size:12px}.mobile-sub-menu{padding-left:16px;display:none}.mobile-menu-item.has-children.open>.mobile-sub-menu{display:block}.mobile-sub-menu a{display:block;padding:10px 0;font-size:15px;color:var(--color-secondary);text-decoration:none}.mobile-sub-menu a:hover{color:var(--color-primary);text-decoration:none}.nav-link{position:relative}.tag+.tag{margin-left:4px}.article-card .tag-category{margin-bottom:6px;display:inline-block}.section--no-top{padding-top:0}.section--compact{padding:0 0 var(--space-2xl)}.mobile-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--color-white);box-shadow:0 -1px 8px rgba(0,0,0,8%);padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--color-secondary);font-size:10px;padding:2px 0;transition:color .15s;-webkit-tap-highlight-color:transparent}.mobile-tab-icon{font-size:20px;line-height:1}.mobile-tab-text{font-size:10px;font-weight:500;line-height:1}.mobile-tab.active{color:var(--color-primary)}.mobile-tab.active .mobile-tab-text{font-weight:700}.mobile-tab-center{position:relative}.mobile-tab-icon-main{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--color-primary),#FF6034);border-radius:50%;font-size:22px;line-height:1;margin-top:-18px;box-shadow:0 2px 10px rgba(255,140,66,.35)}.mobile-tab-center .mobile-tab-text{color:var(--color-primary);font-weight:600}@media(max-width:1023px){.article-list{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){:root{--nav-height:52px}html,body{overflow-x:hidden}input,select,textarea{font-size:16px!important}button,.btn,a.btn,[role=button]{min-height:44px;min-width:44px}h1{font-size:22px;line-height:1.3}h2{font-size:18px}h3{font-size:16px}h4{font-size:15px}body{font-size:14px;line-height:1.6}.container{padding:0 var(--space-md)}.section{padding:var(--space-lg)0}.section--compact{padding:0 0 var(--space-md)}.section-header{margin-bottom:var(--space-md)}.section-header h2::before{top:2px;bottom:2px;width:3px}.section-header h2{padding-left:12px}.nav-menu,.nav-search{display:none}.nav-toggle{display:flex}.navbar .container{justify-content:space-between;gap:var(--space-sm)}.navbar-logo img{width:32px;height:32px}.navbar-logo span{font-size:17px}.btn-emergency{padding:6px 10px;font-size:13px}.btn-emergency span.em-text{display:none}.hero{padding-top:var(--nav-height)}.hero::before,.hero::after{display:none}.hero .container{flex-direction:column;min-height:auto;gap:var(--space-md);padding-top:var(--space-lg);padding-bottom:var(--space-xl)}.hero-content{text-align:center;order:2}.hero-content .hero-greeting{font-size:13px;padding:5px 12px;margin-bottom:var(--space-md)}.hero h1{font-size:22px;margin-bottom:var(--space-sm)}.hero h1 .highlight::after{height:6px;bottom:1px}.hero .subtitle{font-size:13px;margin-bottom:var(--space-md)}.hero-actions{flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md);align-items:center}.hero-actions .btn{width:100%;max-width:280px;height:42px;font-size:14px}.hero-trust{justify-content:center;gap:var(--space-md);font-size:13px}.hero-trust strong{font-size:16px}.hero-visual{flex:none;order:1;width:100%;min-height:120px;position:relative}.running-dog{width:100%;height:120px;position:relative}.dog-body{width:120px;height:120px}.dog-body::after{width:120px;height:120px;background-size:480px 120px}@keyframes dog-run-path{0%{left:calc(100% - 130px);transform:scaleX(-1)}45%{left:0;transform:scaleX(-1)}50%{left:0;transform:scaleX(1)}95%{left:calc(100% - 130px);transform:scaleX(1)}100%{left:calc(100% - 130px);transform:scaleX(-1)}}.dog-shadow{bottom:30px;width:80px;height:10px}.paw-trail{bottom:25px;left:-30px}.paw{font-size:10px}.speed-lines{left:0}.line-1{width:16px}.line-2{width:22px}.line-3{width:14px}.hero-mascot-img{width:160px;height:160px;font-size:100px}.float-tag{font-size:11px;padding:5px 10px}.float-tag:nth-child(1){top:5%;left:5%}.float-tag:nth-child(2){top:40%;right:5%}.float-tag:nth-child(3){bottom:5%;left:10%}.feature-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.feature-card{padding:var(--space-md)var(--space-sm)}.feature-card .feature-icon{width:44px;height:44px;font-size:22px;margin-bottom:var(--space-sm);border-radius:var(--radius-sm)}.feature-card h4{font-size:14px;margin-bottom:2px}.feature-card p{font-size:12px}.guide-banner{flex-direction:column;text-align:center;padding:var(--space-md);gap:var(--space-sm);border-radius:var(--radius-md)}.guide-banner-content h3{font-size:15px;margin-bottom:var(--space-xs)}.guide-banner-content p{font-size:13px;margin-bottom:var(--space-sm)}.guide-banner-links{flex-direction:column;width:100%;gap:var(--space-xs)}.guide-banner-links .btn{width:100%;height:40px;font-size:14px}.guide-banner-mascot{font-size:48px;order:-1}.hot-questions{padding:var(--space-sm)0}.hot-questions-inner{gap:var(--space-sm)}.hot-questions-label{font-size:13px}.question-tag{padding:5px 10px;font-size:12px}.season-banner{padding:var(--space-md);gap:var(--space-sm);margin-bottom:var(--space-md);border-radius:var(--radius-md)}.season-banner-icon{font-size:28px}.season-banner h3{font-size:14px}.season-banner p{font-size:13px}.scroll-container{gap:var(--space-sm);padding:0 0 var(--space-sm)}.breed-card{flex:0 0 150px}.breed-card .card-img{font-size:48px}.breed-card .card-body{padding:var(--space-sm)}.breed-card .card-body h4{font-size:14px}.breed-card .card-body .breed-en{font-size:11px;margin-bottom:var(--space-xs)}.breed-card .card-body .breed-meta{font-size:11px}.tag{font-size:11px;padding:1px 6px}.tabs{margin-bottom:var(--space-md)}.tab-item{padding:6px var(--space-sm);font-size:14px}.article-list{grid-template-columns:1fr;gap:var(--space-md)}.article-card{flex-direction:row;gap:var(--space-sm)}.article-card .card-img{flex:0 0 100px;aspect-ratio:1/1;border-radius:var(--radius-sm);font-size:24px}.article-card .card-body,.article-card .card-content{padding:var(--space-sm)}.article-card .tag-category{font-size:10px;padding:1px 6px;margin-bottom:4px}.article-card .card-content h4{font-size:14px;-webkit-line-clamp:2;margin-bottom:2px}.article-card .card-excerpt{font-size:12px;-webkit-line-clamp:1;margin-bottom:4px}.article-card .card-meta{font-size:11px}.product-scroll{gap:var(--space-sm)}.product-card{flex:0 0 160px}.product-card .card-img{font-size:36px}.product-card .card-body{padding:var(--space-sm)}.product-card .card-body h4{font-size:13px!important}.product-rank{width:22px;height:22px;font-size:12px;top:6px;left:6px}.product-card .product-price{font-size:16px;margin:2px 0}.product-card .product-price .price-symbol{font-size:12px}.product-card .product-price .price-original{font-size:11px}.product-card .product-rating{font-size:11px}.product-card .product-platforms{margin-top:var(--space-xs);gap:3px}.platform-tag{font-size:10px;padding:1px 4px}.promo-label{font-size:10px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.city-service-bar{flex-direction:column;text-align:center;padding:var(--space-md);gap:var(--space-sm)}.city-service-links{margin-left:0;flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}.city-service-links a{font-size:13px}.tool-card{padding:var(--space-md)var(--space-sm)}.tool-card .tool-icon{font-size:28px;margin-bottom:var(--space-xs)}.tool-card h4{font-size:14px;margin-bottom:2px}.tool-card p{font-size:12px}.showcase-desc{font-size:13px;margin-bottom:var(--space-md)}.pet-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:130px;gap:var(--space-sm);margin-bottom:var(--space-md)}.pet-photo-tall{grid-row:span 2}.pet-photo-img{font-size:32px}.pet-photo-name{font-size:13px}.pet-photo-breed{font-size:11px}.pet-photo-heart{font-size:11px;padding:2px 6px}.pet-photo-info{bottom:6px;left:8px}.showcase-cta .btn{width:100%;max-width:280px;height:42px;font-size:14px}.membership-section{padding:var(--space-xl)0}.membership-section::before{font-size:80px;top:-10px}.membership-section::after{font-size:100px;bottom:-20px}.membership-header{margin-bottom:var(--space-md)}.membership-header h2{font-size:20px}.membership-header .section-desc{font-size:13px}.membership-header .mascot-speech{font-size:13px;padding:6px 12px;margin-top:var(--space-sm)}.mascot-speech .mascot-emoji{font-size:20px}.plan-grid{grid-template-columns:1fr;max-width:100%;gap:var(--space-sm);margin-bottom:var(--space-md)}.plan-card{padding:var(--space-md);border-radius:var(--radius-md)}.plan-card.featured::before{font-size:11px;padding:3px 12px}.plan-badge{font-size:22px;margin-bottom:var(--space-xs)}.plan-name{font-size:15px}.plan-price{font-size:28px}.plan-equivalent{font-size:12px;margin-bottom:var(--space-sm)}.plan-desc{font-size:12px;margin-bottom:var(--space-sm);padding-bottom:var(--space-sm)}.plan-features{font-size:13px;line-height:1.8;margin-bottom:var(--space-md)}.plan-btn{height:40px;line-height:40px;font-size:14px}.membership-free-note{font-size:12px}.seo-text{padding:var(--space-md)0}.seo-text p{font-size:12px;line-height:1.8}.footer{padding:var(--space-lg)0 var(--space-md)}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.footer-brand{grid-column:1/-1}.footer-brand p{font-size:13px}.footer-col h4{font-size:14px;margin-bottom:var(--space-sm)}.footer-col a{font-size:13px;padding:2px 0}.footer-bottom{padding-top:var(--space-md);font-size:12px}.mobile-tab-bar{display:flex}body{padding-bottom:64px}.footer{padding-bottom:72px}.card{border-radius:var(--radius-sm)}.card-body{padding:var(--space-sm)}}@media(max-width:374px){h1{font-size:20px}.feature-grid{grid-template-columns:1fr 1fr;gap:6px}.feature-card{padding:var(--space-sm)}.feature-card .feature-icon{width:36px;height:36px;font-size:18px}.breed-card{flex:0 0 130px}.product-card{flex:0 0 140px}.article-card .card-img{flex:0 0 80px}}.ai-disclaimer{padding:var(--space-xl)0;background:var(--color-card-bg);margin-top:var(--space-2xl)}.ai-disclaimer-inner{max-width:860px;margin:0 auto;padding:var(--space-lg)var(--space-xl);background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border);border-left:4px solid var(--color-warning)}.ai-disclaimer h4{font-size:16px;font-weight:700;color:var(--color-title);margin-bottom:var(--space-md)}.ai-disclaimer-text{font-size:13px;color:var(--color-secondary);line-height:1.8}.ai-disclaimer-text p{margin-bottom:var(--space-sm)}.ai-disclaimer-text ol{padding-left:var(--space-lg);margin:var(--space-sm)0 var(--space-md)}.ai-disclaimer-text li{margin-bottom:var(--space-xs)}.ai-disclaimer-text a{color:var(--color-primary)}.ai-disclaimer-bar{background:#fff8e1;border:1px solid #ffe082;border-radius:var(--radius-sm);padding:var(--space-sm)var(--space-md);font-size:13px;color:#795548;line-height:1.6;margin-bottom:var(--space-md);text-align:center}.ai-disclaimer-bar a{color:var(--color-primary);font-weight:600}@media(max-width:767px){.ai-disclaimer-inner{padding:var(--space-md)}.ai-disclaimer-text{font-size:12px}}