*{box-sizing:border-box;margin:0;padding:0}html{font-size:calc(100vw / 750)}img{display:block}body{max-width:750px;margin:0 auto}@media screen and (min-width: 750px){html{font-size:1px}}.container[data-v-8517472b]{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#f7f9fa 60%,#e0f7fa);padding-bottom:38px}.container .banner-wrap[data-v-8517472b]{width:100%;display:flex;justify-content:center;align-items:center;margin-top:4px;margin-bottom:18px;background:linear-gradient(90deg,#e0f7fa,#fff);border-radius:20px;box-shadow:0 6px 32px #2eaeb81a;padding:12px 0}.container .banner[data-v-8517472b]{width:96vw;max-width:600px;border-radius:18px;box-shadow:0 8px 32px #2eaeb821;display:block;transition:box-shadow .3s,transform .3s}.container .banner[data-v-8517472b]:hover{box-shadow:0 16px 48px #2eaeb82e;transform:scale(1.02)}.container .foot[data-v-8517472b]{border-radius:18px;position:fixed;bottom:13px;left:50%;transform:translate(-50%);width:calc(100vw - 32px);max-width:600px;height:84px;background:#fff;box-shadow:0 8px 32px #2eaeb821;display:flex;align-items:center;gap:18px;padding:0 8px;box-sizing:border-box;z-index:10;transition:box-shadow .25s,background .25s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.container .foot[data-v-8517472b]:hover{box-shadow:0 16px 48px #2eaeb82e;background:#f7f9fa}.container .head[data-v-8517472b]{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2.5px solid #e0f7fa;box-shadow:0 2px 12px #2eaeb81a;transition:transform .22s,box-shadow .22s}.container .head[data-v-8517472b]:hover{transform:scale(1.1) rotate(-3deg);box-shadow:0 6px 24px #2eaeb82e}.container .foot-info[data-v-8517472b]{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;margin-left:1px}.container .foot-title[data-v-8517472b]{font-size:18px;font-weight:700;font-family:KaiTi,serif;color:#1a2226;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container .foot-desc[data-v-8517472b]{font-size:14px;color:#2eaeb8;font-family:KaiTi,serif;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-btn[data-v-8517472b]{display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background .18s;padding:4px}.add-btn[data-v-8517472b]:hover{background:#e0f7fa}.add-btn button[data-v-8517472b]{background:linear-gradient(90deg,#ff4d4f 60%,#ff7875);color:#fff;border:none;padding:10px 28px;border-radius:28px;font-family:KaiTi,serif;font-size:17px;font-weight:700;letter-spacing:1px;cursor:pointer;box-shadow:0 2px 12px #ff4d4f21;transition:all .28s cubic-bezier(.4,0,.6,1);animation:heartbeat-8517472b 1.08s infinite cubic-bezier(.4,0,.6,1)}.add-btn button[data-v-8517472b]:hover{transform:scale(1.22);box-shadow:0 6px 18px #ff4d4f38;filter:brightness(1.08)}.add-btn button[data-v-8517472b]:active{transform:scale(.96);filter:brightness(.96)}@keyframes heartbeat-8517472b{0%{transform:scale(1)}10%{transform:scale(1.13)}20%{transform:scale(1.22)}30%{transform:scale(1.13)}40%{transform:scale(1)}60%{transform:scale(1)}to{transform:scale(1)}}.add[data-v-8517472b]{width:44px;height:44px;transition:transform .18s}.add-btn:hover .add[data-v-8517472b]{transform:scale(1.12) rotate(8deg)}@media (max-width: 600px){.foot[data-v-8517472b]{width:calc(100vw - 8px);left:50%;padding:0 6px;height:68px;gap:8px}.head[data-v-8517472b]{width:40px;height:40px}.add[data-v-8517472b]{width:32px;height:32px}.banner[data-v-8517472b]{border-radius:10px}.add-btn button[data-v-8517472b]{font-size:15px;padding:7px 16px;border-radius:18px}.foot-title[data-v-8517472b]{font-size:16px}.foot-desc[data-v-8517472b]{font-size:12px}}