:root{--header-grad-top: #7fd2dd;--header-grad-bottom: #b3e3eb;--page-bg: #eef4f6;--card-bg: #ffffff;--pink: #ff5586;--pink-soft: #ffe6ec;--pink-tag-bg: #fff0f3;--pink-tag-text: #ff7aa1;--blue-pill: #c1ecf3;--blue-pill-text: #3399b8;--text-main: #2a2a2a;--text-sub: #888;--online: #2ecc71;--tab-active: #ff5586;--tab-inactive: #b8b8b8;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%;background:var(--page-bg);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--text-main);-webkit-font-smoothing:antialiased;overscroll-behavior:contain}body{-webkit-user-select:none;user-select:none}button{font-family:inherit;border:none;background:none;padding:0;cursor:pointer;color:inherit}img{display:block;user-drag:none;-webkit-user-drag:none}.app{position:relative;max-width:480px;margin:0 auto;min-height:100%;background:var(--page-bg);padding-bottom:calc(72px + var(--safe-bottom));overflow-x:hidden}.header{background:linear-gradient(180deg,var(--header-grad-top) 0%,var(--header-grad-bottom) 100%);padding:calc(env(safe-area-inset-top,0px) + 14px) 0 18px;text-align:center;position:sticky;top:0;z-index:5}.header__title{font-size:20px;font-weight:700;color:#fff;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.06)}.filters{display:flex;gap:12px;padding:14px 14px 8px;background:linear-gradient(180deg,var(--header-grad-bottom) 0%,var(--page-bg) 100%)}.filter{flex:1;background:#fff;border-radius:6px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#4a4a4a;box-shadow:0 1px #00000005}.filter__caret{font-size:10px;color:#555;transform:scaleY(.8)}.list{padding:6px 12px 8px;display:flex;flex-direction:column;gap:14px}.card{position:relative;background:var(--card-bg);border-radius:14px;padding:14px;display:flex;gap:14px;box-shadow:0 4px 14px #0000000a;transition:box-shadow .2s,transform .2s}.card.is-target{box-shadow:0 0 0 2px var(--pink),0 8px 22px #ff55862e;transform:translateY(-2px)}.card__avatar-wrap{position:relative;flex-shrink:0}.card__avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;background:#ddd}.card__badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);font-size:11px;color:#fff;padding:2px 12px;border-radius:999px;white-space:nowrap;font-weight:600}.card__badge--goddess,.card__badge--god{background:#ff3a55}.card__badge--zhendian{background:linear-gradient(135deg,#ffb653,#ff8a3a)}.card__main{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;gap:6px}.card__top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.card__name{font-weight:700;font-size:17px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;max-width:165px}.card__online{font-size:12px;color:var(--text-sub);white-space:nowrap;display:flex;align-items:center;gap:4px;padding-top:4px}.card__online:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--online)}.card__online-loc{margin-left:6px}.card__price-row{display:flex;align-items:center;gap:4px;color:var(--pink);font-weight:700;font-size:14px}.card__gender-icon{font-size:14px;font-weight:700}.card__gender-icon.f{color:#ff5d8f}.card__gender-icon.m{color:#4ea1ff}.card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.tag{background:var(--pink-tag-bg);color:var(--pink-tag-text);border:1px solid #ffd6df;border-radius:999px;padding:3px 10px;font-size:12px;line-height:1.3}.tag--emoji{background:linear-gradient(180deg,#ffe1ec,#ffc6d3);border-color:transparent;padding:2px 8px}.card__audition{margin-top:6px;align-self:flex-start;background:linear-gradient(180deg,#c1ecf3,#a5d8e2);color:#2987a3;border-radius:999px;padding:5px 14px 5px 12px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;box-shadow:0 2px #92c8d3}.card__audition .play{width:0;height:0;border-left:8px solid #2987a3;border-top:5px solid transparent;border-bottom:5px solid transparent}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid #f0f0f0;display:flex;height:calc(60px + var(--safe-bottom));padding-bottom:var(--safe-bottom);max-width:480px;margin:0 auto}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--tab-inactive)}.tab.is-active{color:var(--tab-active)}.tab svg{width:22px;height:22px}.fab{position:fixed;right:18px;bottom:calc(70px + var(--safe-bottom));width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6cd4f1,#4ea7e8);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #4ea7e859;z-index:25;max-width:480px;touch-action:none;transition:transform .15s ease,box-shadow .15s}.fab.is-armed{transform:scale(1.1);box-shadow:0 0 0 6px #ff55862e,0 10px 18px #ff558673;background:linear-gradient(135deg,#ff7aa1,#ff5586)}.fab.is-recording{transform:scale(1.18);background:linear-gradient(135deg,#ff7aa1,#ff5586);animation:pulse 1.2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ff558659,0 8px 16px #ff558666}50%{box-shadow:0 0 0 14px #ff558600,0 8px 16px #ff558666}}.fab__icon{color:#fff;width:26px;height:26px}.fab-hint{position:fixed;right:18px;bottom:calc(132px + var(--safe-bottom));background:#000000b3;color:#fff;font-size:12px;padding:6px 10px;border-radius:8px;z-index:24;pointer-events:none;white-space:nowrap}.recog-overlay{position:fixed;top:calc(env(safe-area-inset-top,0px) + 78px);left:50%;transform:translate(-50%);width:calc(100% - 28px);max-width:452px;background:#fff;border-radius:999px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:15px;box-shadow:0 6px 20px #00000014;z-index:30;animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.recog-spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid #e4d8ff;border-top-color:#8a4cff;animation:spin .9s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.recog-text{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.4;color:#2a2a2a}.recog-token{background:#efe5ff;color:#8a4cff;border-radius:8px;padding:2px 10px;font-weight:600}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:480px;background:transparent;z-index:41;padding:0 10px calc(14px + var(--safe-bottom));animation:slideUp .28s ease}@keyframes slideUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.sheet__card{background:#fff;border-radius:18px;padding:16px 18px 14px;position:relative}.sheet__handle{width:40px;height:4px;border-radius:2px;background:#d8d8d8;margin:-6px auto 10px}.sheet__title-row{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:12px}.sheet__title{font-size:16px;font-weight:700}.sheet__close{position:absolute;right:0;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#555;font-size:22px;font-weight:300}.sheet__staff{display:flex;align-items:center;gap:12px;padding:6px 0 10px;border-bottom:1px solid #f4f4f4}.sheet__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.sheet__staff-name{font-size:17px;font-weight:700}.sheet__row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f4f4f4;font-size:15px}.sheet__row:last-of-type{border-bottom:none}.sheet__label,.sheet__value{color:#2a2a2a}.sheet__value--price{color:var(--pink);font-weight:700;font-size:17px}.sheet__pay{margin-top:10px;width:100%;background:var(--pink);color:#fff;border-radius:999px;padding:14px 0;font-size:16px;font-weight:600;letter-spacing:2px;box-shadow:0 4px 14px #ff558659}.sheet__pay:active{opacity:.9}.list__loading,.list__empty{text-align:center;padding:40px 0;color:var(--text-sub);font-size:14px}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000c7;color:#fff;padding:12px 18px;border-radius:10px;font-size:14px;z-index:100;pointer-events:none}