@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700;800;900&family=Yusei+Magic&family=Zen+Maru+Gothic:wght@500;700;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cat-blue: #68ace8;--cat-blue-deep: #1479c3;--cat-blue-soft: #eaf7ff;--cat-pink: #f5729d;--cat-pink-soft: #fff0f6;--cat-ink: #314b60;--cat-muted: #8a99a5;--cat-line: #dceffd;--cat-card: rgba(255,255,255,.92)}body{font-family:Zen Maru Gothic,"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;color:var(--cat-ink);background:radial-gradient(circle at 15% 8%,rgba(255,255,255,.95),transparent 24%),radial-gradient(circle at 85% 18%,rgba(255,255,255,.7),transparent 26%),linear-gradient(180deg,#fbfeff,#eef9ff 55%,#fff);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.32;background-image:radial-gradient(circle at 22px 19px,#9bcff2 0 2px,transparent 2.5px),radial-gradient(circle at 38px 15px,#9bcff2 0 2px,transparent 2.5px),radial-gradient(circle at 52px 24px,#9bcff2 0 2px,transparent 2.5px),radial-gradient(ellipse at 38px 43px,#9bcff2 0 5px,transparent 5.5px);background-size:220px 180px;background-position:28px 34px}input,select,textarea,button{font-family:inherit;font-size:16px}input,select,textarea{width:100%;padding:7px 10px;border:1px solid var(--cat-line);border-radius:14px;background:#ffffffeb;color:var(--cat-ink);outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--cat-blue);box-shadow:0 0 0 4px #68ace81f}a{color:inherit}.app-navbar{background:#ffffffe0;border-bottom:1px solid #dceffd;padding:0 16px;height:56px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:hidden}.app-navbar-logo{font-size:20px;font-weight:900;text-decoration:none;letter-spacing:.01em;white-space:nowrap;flex-shrink:0;min-width:0;display:flex;align-items:center;gap:7px}.app-navbar-logo img{width:31px;height:31px;object-fit:contain;mix-blend-mode:multiply}.app-navbar-logo span{background:linear-gradient(135deg,#1880c5,#68ace8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-nav-tab{padding:7px 14px;border-radius:999px;font-size:13px;text-decoration:none;white-space:nowrap;background:transparent;color:#7ba4bf;border:1px solid transparent;font-weight:700;font-family:inherit}.app-nav-tab--active{background:#eaf7ff;color:#1479c3;border-color:#cbe8fb;font-weight:800}.app-navbar-tabs{display:flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto;min-width:0}.app-navbar-account{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0}.app-navbar-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#eaf7ff,#cdeafe);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#1479c3;cursor:pointer;flex-shrink:0}.app-navbar-logout{font-size:12px;color:#7ba4bf;background:none;border:none;cursor:pointer;padding:4px 6px;white-space:nowrap;font-family:inherit}.app-navbar-login{font-size:13px;color:#1479c3;background:#fff;padding:7px 14px;border-radius:999px;border:1px solid #dceffd;text-decoration:none;font-weight:700;white-space:nowrap}@media (max-width: 520px){.app-navbar{height:54px;padding:0 10px;gap:5px}.app-navbar-logo{flex:0 1 auto;font-size:18px;gap:5px}.app-navbar-logo img{width:30px;height:30px}.app-navbar-tabs{flex:1 1 auto;justify-content:flex-end;gap:3px}.app-nav-tab{padding:6px 10px;font-size:12px;letter-spacing:0}.app-navbar-account{gap:4px}.app-navbar-avatar{width:30px;height:30px}.app-navbar-logout{width:34px;height:30px;padding:0;overflow:hidden;color:transparent;position:relative;border-radius:999px;background:#eaf7ffeb;border:1px solid #dceffd}.app-navbar-logout:before{content:"退出";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#7ba4bf;font-size:10px;font-weight:800}}@media (max-width: 400px){.app-navbar{padding:0 8px;gap:4px}.app-navbar-logo{font-size:16px}.app-nav-tab{padding:6px 8px;font-size:11px}.app-navbar-logout{width:30px}.app-navbar-login{font-size:12px;padding:6px 10px}.app-navbar-avatar{width:26px;height:26px}}@media (max-width: 360px){.app-navbar-logo span{display:none}}@keyframes catBounce{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-28px) scale(1.05)}50%{transform:translateY(0) scale(.97)}65%{transform:translateY(-12px) scale(1.02)}80%{transform:translateY(0) scale(.99)}90%{transform:translateY(-5px) scale(1.01)}to{transform:translateY(0) scale(1)}}.cat-bounce{animation:catBounce 1s ease forwards}@keyframes paw1{0%,45%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.2)}70%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes paw2{0%,75%{opacity:0;transform:scale(.3)}85%{opacity:1;transform:scale(1.1)}95%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes paw3{0%,95%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.paw-1{animation:paw1 1s ease forwards}.paw-2{animation:paw2 1s ease forwards}.paw-3{animation:paw3 1s ease forwards}.cat-detail-grid{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 600px){.cat-detail-grid{grid-template-columns:1fr}.cat-detail-grid>div:last-child{border-left:none!important;border-top:1px solid #eee}.cat-detail-arrow{display:none!important}}.app-paw-mark{display:inline-block;width:18px;height:14px;color:currentColor;background:radial-gradient(circle at 26% 32%,currentColor 0 2px,transparent 2.4px),radial-gradient(circle at 50% 18%,currentColor 0 2px,transparent 2.4px),radial-gradient(circle at 73% 34%,currentColor 0 2px,transparent 2.4px),radial-gradient(ellipse at 50% 72%,currentColor 0 5px,transparent 5.5px);vertical-align:-2px}.app-cat-line{display:inline-block;width:46px;height:36px;border:3px solid #b7dff7;border-radius:50% 50% 45% 45%;clip-path:polygon(0 30%,18% 0,34% 30%,66% 30%,82% 0,100% 30%,100% 100%,0 100%);opacity:.9}.app-soft-card{background:var(--cat-card);border:1px solid var(--cat-line);box-shadow:0 18px 44px #67b1e91f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-primary-btn{border:0;border-radius:999px;background:linear-gradient(135deg,#ff8aad,var(--cat-pink));color:#fff;font-weight:900;box-shadow:0 16px 30px #f5729d38}.app-secondary-btn{border:1px solid var(--cat-line);border-radius:999px;background:#fff;color:var(--cat-blue-deep);font-weight:900;box-shadow:0 12px 26px #5dade224}
