:root{--sky-top: #b8dbf2;--sky-bottom: #d8f1c0;--surface: rgba(255, 255, 255, .9);--surface-strong: #ffffff;--line: rgba(91, 113, 68, .16);--text: #3d3d3d;--muted: #7d7b76;--green-soft: #d3ef9c;--green-shadow: rgba(129, 191, 65, .25)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.55),transparent 32%),linear-gradient(180deg,var(--sky-top) 0%,#d5edf7 38%,var(--sky-bottom) 100%);color:var(--text)}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:20px;padding:18px 12px 40px}.device-frame{width:min(100%,520px);min-height:min(100dvh - 24px,960px);height:min(100dvh - 24px,960px);display:flex;flex-direction:column;gap:14px;padding:18px 20px 22px;border-radius:38px;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.68),transparent 35%),linear-gradient(180deg,#d2ecf8eb,#d1efc9f5);overflow:hidden}.pet-stage{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;user-select:none;-webkit-user-select:none;touch-action:manipulation}.top-bar{display:flex;justify-content:space-between;align-items:center;padding-top:2px;height:40px}.chrome-btn,.chrome-actions{border:none;background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 22px #5a738e1f}.chrome-btn{width:46px;height:42px;border-radius:21px;position:relative}.chrome-btn span{position:absolute;left:18px;top:15px;width:12px;height:12px;border-left:3px solid #222;border-bottom:3px solid #222;transform:rotate(45deg)}.chrome-actions{min-width:106px;height:42px;border-radius:21px;display:flex;align-items:center;justify-content:center;gap:8px}.chrome-actions .dot{width:6px;height:6px;border-radius:999px;background:#111}.chrome-actions .target{width:22px;height:22px;border-radius:999px;border:3px solid #111;position:relative;margin-left:4px}.chrome-actions .target:after{content:"";position:absolute;inset:4px;border-radius:999px;border:2px solid #111}.speech-wrap{display:flex;justify-content:center;margin-top:78px;min-height:176px;max-height:176px;flex:0 0 176px}.speech-bubble{position:relative;width:min(100%,430px);height:152px;padding:16px 18px;border-radius:18px;background:#ffffffe6;font-size:18px;line-height:1.55;font-weight:600;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;box-shadow:0 16px 32px #8fa4aa2e;overflow:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .16s ease}.speech-bubble:hover,.speech-bubble:focus-within{scrollbar-color:rgba(125,123,118,.55) transparent}.speech-bubble::-webkit-scrollbar{width:8px}.speech-bubble::-webkit-scrollbar-track{background:transparent}.speech-bubble::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.speech-bubble:hover::-webkit-scrollbar-thumb,.speech-bubble:focus-within::-webkit-scrollbar-thumb{background:#7d7b7673}.speech-bubble a{color:#3d6b9d;text-decoration:none}.speech-bubble strong{font-weight:800}.speech-bubble em{font-style:italic}.speech-bubble code{display:inline-block;padding:0 6px;border-radius:8px;background:#4c603c14;font-size:.92em;font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Consolas,Liberation Mono,monospace}.pet-wrap{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;margin-top:12px;margin-bottom:10px;min-height:220px}.pet-gif{width:min(64vw,260px);max-width:270px;object-fit:contain;position:relative;z-index:2}.pet-shadow{position:absolute;bottom:20px;width:min(54vw,200px);max-width:210px;opacity:.14;transform:scale(1.08);filter:blur(10px) saturate(0);clip-path:ellipse(40% 10% at 50% 78%)}.pet-actions{display:flex;justify-content:center;gap:12px;padding:4px 0 10px;position:relative;z-index:3}.pet-action-btn{min-width:104px;height:42px;padding:0 18px;border:1px solid rgba(97,132,62,.12);border-radius:999px;background:#ffffffd1;color:#486035;font-size:15px;font-weight:600;box-shadow:0 10px 22px #818f6a1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pet-action-btn:active{transform:translateY(1px)}.pet-zone-overlay,.follow-zones-overlay{position:absolute;opacity:0;pointer-events:none}.pet-zone-overlay{border:2px dashed rgba(59,145,104,.95);background:#4eaf701f;border-radius:20px}.follow-zones-overlay{inset:0;display:grid;grid-template-columns:repeat(3,1fr)}.follow-zone{border-left:1px dashed rgba(101,112,111,.32);background:#ffffff14;display:flex;justify-content:center;padding-top:120px;font-size:12px;color:#45554fd9}.follow-zone:first-child{border-left:none}.zone-debug-on .pet-zone-overlay,.zone-debug-on .follow-zones-overlay{opacity:1}.chat-panel{flex:0 0 auto;display:flex;flex-direction:column;gap:10px}.chat-meta{font-size:12px;color:#465854c2;display:flex;gap:12px}.chat-list{min-height:72px;max-height:168px;overflow:auto;display:grid;gap:8px}.chat-item{max-width:86%;padding:12px 14px;border-radius:18px;line-height:1.5;font-size:14px;box-shadow:0 8px 18px #818f6a1a;white-space:pre-wrap}.chat-user{justify-self:end;background:#fff6d8}.chat-assistant{background:#ffffffe6}.chat-system{justify-self:center;background:#ffffffb3;color:var(--muted)}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-card{min-height:92px;border:1px solid rgba(163,173,126,.24);border-radius:18px;background:#ffffffdb;box-shadow:0 10px 24px #8b9c601f;padding:12px 10px;text-align:left;display:flex;flex-direction:column;gap:8px}.quick-emoji{font-size:18px}.quick-label{white-space:pre-line;font-size:15px;line-height:1.45;font-weight:700}.chat-input-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.chat-input{height:48px;border:none;border-radius:20px;background:#ffffffeb;box-shadow:inset 0 0 0 1px #becdb57a;padding:13px 18px;resize:none;overflow:hidden;font-size:16px;line-height:22px}.chat-input::placeholder{color:#c2c5c2}.chat-send{min-width:84px;height:48px;border:none;border-radius:18px;background:#fff;box-shadow:0 12px 26px #92a1782e;font-weight:700}.debug-panel{width:min(100%,520px);display:grid;gap:12px}.debug-actions,.debug-animation-grid{display:flex;flex-wrap:wrap;gap:8px}.debug-actions button,.debug-animation-grid button{border:1px solid var(--line);border-radius:12px;background:var(--surface-strong);padding:8px 10px}.debug-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:14px}.debug-card h3{margin:0 0 10px;font-size:14px}.debug-card p,.debug-card li{margin:0 0 6px;font-size:13px;line-height:1.45}@media(max-width:560px){.app-shell{padding:0 0 28px}.device-frame{width:100%;min-height:100dvh;height:100dvh;border-radius:0;padding:18px 16px 24px}.pet-stage{min-height:0}.speech-bubble{font-size:16px}.quick-card{min-height:88px}}