@font-face{font-family:YeZi AoYeHei;src:url(/YeZiGongChangAoYeHei-2.ttf)format("truetype");font-style:normal;font-weight:400 900;font-display:swap}*{box-sizing:border-box}body{color:#201f1c;background:#e9dfd0;margin:0;font-family:PingFang SC,苹方-简,sans-serif}main{background:linear-gradient(#eee5d8dd,#e7dccdcc);max-width:1120px;min-height:100vh;margin:auto}.hero{color:#f8f2e7;background:linear-gradient(100deg,#102018e8,#5a3728cc 60%,#354c24cc);min-height:280px;padding:74px 56px 40px}.hero span{color:#ffc34d;border:1px solid #a57d30;border-radius:30px;padding:8px 14px}.hero h1{margin:24px 0 10px;font-size:44px}.hero p{color:#ddd5c9}nav{background:#1e1e1e;grid-template-columns:repeat(4,1fr);display:grid}nav button{color:#eee;cursor:pointer;background:0 0;border:0;border-right:1px solid #3c3c3c;padding:20px;font-size:17px}nav button.active{color:#ffc34d;box-shadow:inset 0 -4px #ffc34d}.module{padding:48px 40px}.module>h2{text-align:center;letter-spacing:4px;margin:0 0 40px;font-size:30px;font-weight:500}.card,.pet{background:#f6efe3;border:1px solid #cfc2ab;border-radius:18px;padding:22px;box-shadow:0 7px #c9c0b3}.filters label{margin-bottom:12px;font-weight:600;display:block}.search{grid-template-columns:1fr 210px;gap:12px;display:grid}input,select{width:100%;font:inherit;background:#fffaf2;border:1px solid #a99d89;border-radius:12px;padding:14px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23201f1c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:42px}.pet-layout{grid-template-columns:340px 1fr;gap:20px;margin-top:20px;display:grid}.pet-list{align-content:start;gap:12px;display:grid}.pet{text-align:left;cursor:pointer;font:inherit;justify-content:space-between;align-items:center;display:flex}.pet span{gap:6px;display:grid}.pet small,.detail small{color:#756e63}.pet em,.detail em{border:1px solid #cbbd9f;border-radius:99px;padding:6px 12px;font-style:normal}.pet.active{background:#ffd065;border-color:#d5961a;box-shadow:inset 4px 0 #1d1d1d,0 7px #c9c0b3}.detail header{justify-content:space-between;display:flex}.pet-avatar{color:#756e63;background-color:#f4ead7;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #cbbd9f;border-radius:50%;flex:0 0 80px;place-items:center;width:80px;height:80px;font-size:13px;display:grid;overflow:hidden}.detail h3{margin:6px 0 18px;font-size:28px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats div,.skills>div{border:1px solid #d6cab5;border-radius:12px;gap:5px;padding:12px;display:grid}.info{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.skills{gap:10px;display:grid}.skills span{color:#756e63;font-size:13px}.skills p,.info p{margin:3px 0}.placeholder{text-align:center;color:#756e63;padding:80px 24px}.module{isolation:isolate;background-color:#eadfce;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='180' viewBox='0 0 220 180'%3E%3Cg fill='none' stroke='%239b7f56' stroke-width='2' opacity='.1'%3E%3Ccircle cx='36' cy='38' r='17'/%3E%3Cpath d='M20 38h32M36 22v32M129 25l4 10 10 4-10 4-4 10-4-10-10-4 10-4zM174 105a22 22 0 1 0 0 44 22 22 0 0 0 0-44zm-17 14h34M174 106v43M62 126l5 12 13 5-13 5-5 12-5-12-12-5 12-5z'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 8% 18%,#ffd3682b,#0000 26%),linear-gradient(135deg,#ffffff38,#0000 46%,#98733f0d);background-size:220px 180px,100% 100%,100% 100%;position:relative;overflow:hidden}.module>h2{text-align:left;letter-spacing:2px;color:#fff8e8;text-shadow:0 2px #111;background:linear-gradient(#31302e,#232321);border:3px solid #272624;border-radius:20px;align-items:center;width:max-content;max-width:100%;min-height:76px;margin:0 auto 40px;padding:12px 30px 12px 88px;font-size:30px;font-weight:800;display:flex;box-shadow:0 7px #41372b33,inset 0 0 0 2px #ffffff14}.module>h2:before{content:"";background-color:#ffc84f;background-position:50%;background-repeat:no-repeat;background-size:42px;border:2px solid #2a2927;border-radius:16px;width:58px;height:58px;position:absolute;top:50%;left:14px;transform:translateY(-50%)rotate(-4deg);box-shadow:inset 0 2px #ffffff73,0 3px #0003}.module>h2:after{content:"";opacity:.9;background:#ffc54a;border-radius:99px;width:42%;height:6px;position:absolute;bottom:-5px;right:18px}body[data-module=merchant] .module>h2:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23282725' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 25h38l-4 28H17zM23 25c0-13 18-13 18 0M23 38h18M32 32v14'/%3E%3C/svg%3E")}body[data-module=pets] .module>h2:before{background-color:#77b7e9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23282725' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 36c6-7 22-7 28 0 7 9-2 18-10 13-3-2-5-2-8 0-8 5-17-4-10-13Z'/%3E%3Ccircle cx='18' cy='24' r='5'/%3E%3Ccircle cx='31' cy='18' r='5'/%3E%3Ccircle cx='46' cy='24' r='5'/%3E%3C/svg%3E")}body[data-module=egg] .module>h2:before{background-color:#f6a55c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23282725' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 9c-10 0-19 19-19 32 0 10 8 15 19 15s19-5 19-15C51 28 42 9 32 9Z'/%3E%3Cpath d='m18 39 10-8 7 7 11-8'/%3E%3C/svg%3E")}body[data-module=guide] .module>h2:before{background-color:#86bd72;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23282725' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 7 45 14l10 11-4 14-8 12-11 7-11-7-8-12-4-14 10-11Z'/%3E%3Cpath d='M32 20c-9 6-10 15-2 20 2-9 7-14 14-17-1 11-6 19-14 22'/%3E%3C/svg%3E")}@media (width<=720px){.hero{padding:48px 22px}.hero h1{font-size:30px}nav{grid-template-columns:1fr 1fr}.module{padding:32px 16px}.module>h2{letter-spacing:1px;border-radius:17px;min-height:64px;margin-bottom:30px;padding:10px 18px 10px 72px;font-size:23px}.module>h2:before{background-size:36px;width:50px;height:50px;left:10px}.search,.pet-layout,.info{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}.module{isolation:isolate;background-color:#eadfce;background-image:radial-gradient(circle at 8% 18%,#ffd36821,#0000 29%),linear-gradient(135deg,#ffffff40,#0000 46%,#98733f0d);position:relative;overflow:hidden}.module:before{content:"";z-index:0;opacity:.38;pointer-events:none;background-image:url(/roco-ui-icon-sprite-v5.png);background-repeat:no-repeat;background-size:400% 200%;width:120px;height:120px;position:absolute}.module:after{content:none}body[data-module=merchant] .module:before{background-position:0 100%;top:152px;right:6%;transform:rotate(8deg)}body[data-module=pets] .module:before{background-position:33.333% 100%;top:52%;left:4%;transform:translateY(-50%)rotate(-10deg)}body[data-module=egg] .module:before{background-position:66.666% 100%;bottom:12%;right:8%;transform:rotate(12deg)}body[data-module=guide] .module:before{background-position:100% 100%;top:138px;left:7%;transform:rotate(-7deg)}.module>*{z-index:1;position:relative}.module>.module-title:before,.module>.module-title:after{content:none}.module>.module-title{text-align:left;letter-spacing:0;color:#fff8e8;width:max-content;max-width:calc(100% - 28px);min-height:102px;box-shadow:none;background:0 0;border:0;border-radius:0;align-items:flex-end;gap:6px;margin:0 auto 40px;padding:4px 12px 8px 2px;display:flex;overflow:visible}.module-title .module-icon{z-index:2;background-color:#0000;background-image:url(/roco-ui-icon-sprite-v5.png);background-repeat:no-repeat;background-size:400% 200%;border:0;border-radius:0;flex:0 0 64px;width:64px;height:64px;position:relative}.module-title.merchant .module-icon{background-position:0 0}.module-title.pets .module-icon{background-position:33.333% 0}.module-title.egg .module-icon{background-position:66.666% 0}.module-title.guide .module-icon{background-position:100% 0}.module-title-copy{isolation:isolate;white-space:nowrap;align-items:baseline;gap:3px;padding:0 10px 13px 6px;display:flex;position:relative}.module-title-copy:before{content:"";z-index:-2;background:#292826;border-radius:8px;height:28px;position:absolute;bottom:0;left:-80px;right:0;box-shadow:0 6px #4b3d2b2e}.module-title-copy strong,.module-title-copy em{z-index:1;letter-spacing:-1px;-webkit-text-stroke:7px #292826;paint-order:stroke fill;text-shadow:0 3px #292826;font-family:YeZi AoYeHei,PingFang SC,苹方-简,Microsoft YaHei,sans-serif;font-size:32px;font-style:normal;font-weight:900;line-height:1.04;position:relative}.module-title-copy strong{color:#fff9ed;font-size:24px}.module-title-copy em{color:#ffd45a}.module-title-copy em:before{content:"";margin:0}@media (width<=720px){.module>.module-title{gap:2px;max-width:100%;min-height:76px;margin-bottom:30px;padding:2px 4px 6px 0}.module-title .module-icon{flex-basis:64px;width:64px;height:64px}.module-title-copy{gap:2px;padding:0 10px 10px 2px}.module-title-copy:before{border-radius:8px;height:28px;left:-76px}.module-title-copy strong,.module-title-copy em{letter-spacing:-1px;-webkit-text-stroke:5px #292826;text-shadow:0 2px #292826;font-size:32px}.module-title-copy strong{font-size:24px}}.summary{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;display:grid}.summary .card{gap:10px;display:grid}.summary b{font-size:22px}.goods header{justify-content:space-between;align-items:flex-start;display:flex}.goods h3,.goods p{margin:0 0 6px}.goods button,.primary{font:inherit;cursor:pointer;background:#fff8ed;border:1px solid #8d806d;border-radius:12px;padding:12px 20px}.goods-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.goods-grid article{color:#f7f0e6;background:#252522;border-radius:14px;padding:20px;position:relative;overflow:hidden}.goods-grid h4{margin:0 0 14px;font-size:18px}.goods-grid p{color:#d6cec2}.goods-grid span,.tags span{color:#3a352f;background:#f4ead7;border:1px solid #cbbd9f;border-radius:99px;padding:5px 10px;display:inline-block}.notice{color:#f7f0e6;background:#252522;border-left:4px solid #f1b437;border-radius:8px;margin-top:20px;padding:16px 20px}.source{color:#766136;margin-top:18px;font-size:13px;display:block}.empty{color:#756e63;place-items:center;min-height:110px;display:grid}.egg-layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;display:grid}.form-grid label{gap:8px;font-weight:600;display:grid}.primary{background:#ffd065;border-color:#d5961a;width:100%}.primary:disabled{opacity:.55;cursor:not-allowed}.result{gap:7px;margin:17px 0;display:grid}.result>div:first-child{justify-content:space-between;display:flex}.result>div:last-child{background:#252522;border-radius:99px;height:12px;overflow:hidden}.result i{background:linear-gradient(90deg,#efa923,#ffd065);border-radius:99px;height:100%;display:block}.breed{margin-top:20px}.tags{flex-wrap:wrap;gap:10px;display:flex}.module>details{margin-top:20px}.module>details summary{cursor:pointer;font-size:18px;font-weight:600}.muted{color:#756e63}.module>.source{margin-top:20px}@media (width<=720px){.summary,.goods-grid,.egg-layout,.form-grid{grid-template-columns:1fr}.summary,.goods-grid{gap:12px}}.hero{background-image:linear-gradient(90deg,#0a1812d6,#19161252),url(/official-banner.avif);background-position:50% 42%;background-size:cover}