:root{--color-bg:#f5efe8;--color-bg-secondary:#fff9f5;--color-bg-card:#ffffff;--color-bg-card-hover:#fef0eb;--color-gold:#c9996b;--color-gold-light:#e8c4a0;--color-pink:#e87a9f;--color-pink-light:#ffb3c6;--color-text:#4a3728;--color-text-secondary:#8b6f5c;--color-text-light:#b09080;--color-border:rgba(200,150,120,0.18);--color-chat-self:#e87a9f;--color-chat-other:#f5ede8;--color-nav-bg:rgba(255,255,255,0.92);--radius:16px;--radius-sm:10px;--nav-height:64px;--header-height:56px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%;overscroll-behavior:none;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;background:var(--color-bg);color:var(--color-text)}#app-root{max-width:480px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:#faf5ef}#app-root,.bg-soft{width:100%;height:100%}.bg-soft{position:fixed;top:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 20% 10%,rgba(255,200,210,.18) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,179,198,.15) 0,transparent 50%);opacity:.7}.shell-wrapper{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.shell-wrapper>header:first-child{flex:0.5 1;flex-shrink:0;overflow:hidden}.shell-wrapper>nav:last-child{flex:1 1;flex-shrink:0;overflow:hidden}.page{flex:8.5 1;flex-direction:column;overflow:hidden;background:var(--color-bg);box-shadow:inset 0 3px 12px rgba(180,120,80,.08)}.page,.page-content{display:flex;min-height:0}.page-content{flex:1 1;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 16px;position:relative}.page-content.no-padding{padding:0}.page-header{flex-shrink:0;height:var(--header-height);display:flex;align-items:center;justify-content:center;padding:0 18px;border-bottom:1px solid var(--color-border);background:rgba(255,255,255,.96);position:relative;z-index:10;box-shadow:0 2px 8px rgba(200,150,120,.06)}.page-header-title{font-size:17px;font-weight:600;color:var(--color-text);text-align:center;flex:1 1;letter-spacing:.5px}.page-header-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:20px;border-radius:50%;transition:background .2s;flex-shrink:0}.page-header-back:active{background:var(--color-bg-card-hover)}.page-header-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:18px;border-radius:50%;transition:background .2s;flex-shrink:0}.page-header-action:active{background:var(--color-bg-card-hover)}.bottom-nav{flex-shrink:0;height:var(--nav-height);justify-content:space-around;background:rgba(255,255,255,.97);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);position:relative;z-index:10;box-shadow:0 -2px 12px rgba(200,150,120,.08)}.bottom-nav,.bottom-nav a{display:flex;align-items:center}.bottom-nav a{flex-direction:column;justify-content:center;gap:3px;padding:6px 14px;color:var(--color-text-light);font-size:10px;transition:color .2s;min-width:52px;text-decoration:none}.bottom-nav a:active{transform:scale(.95)}.bottom-nav a.active,.bottom-nav a:hover{color:var(--color-pink)}.bottom-nav .nav-icon{font-size:22px;line-height:1}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,textarea{font-family:inherit}.card{background:var(--color-bg-card);border-radius:var(--radius);border:1px solid var(--color-border);padding:16px;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:500;transition:all .2s}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--color-pink),#f0a0b8);color:white;box-shadow:0 4px 16px rgba(232,122,159,.3)}.btn-primary:hover{opacity:.92}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 8px rgba(232,122,159,.3)}.btn-secondary{background:var(--color-bg-card);border:1.5px solid var(--color-border);color:var(--color-text)}.btn-secondary:active{background:var(--color-bg-card-hover)}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:18px;flex-shrink:0}.btn-icon:active{background:var(--color-bg-card-hover)}.input{width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);font-size:15px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--color-gold-light);background:var(--color-bg-secondary)}.input::placeholder{color:var(--color-text-light)}textarea.input{resize:none;min-height:80px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-size:13px;color:var(--color-text-secondary)}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#fce4ec,#f8bbd9);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--color-pink);overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px rgba(232,122,159,.2)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:13px}.avatar-lg{width:64px;height:64px;font-size:26px}.section-title{font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:12px}.empty-state{text-align:center;padding:48px 20px;color:var(--color-text-secondary)}.empty-state .empty-icon{font-size:48px;margin-bottom:12px;opacity:.4}.empty-state p{font-size:14px;opacity:.7}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:0}.modal{background:var(--color-bg-card);border-radius:20px 20px 0 0;border:1px solid var(--color-border);width:100%;max-width:480px;max-height:85vh;overflow-y:auto;padding:24px 24px calc(24px + env(safe-area-inset-bottom))}.modal-title{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:16px;text-align:center}.text-secondary{color:var(--color-text-secondary)}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-8{gap:8px}.gap-12{gap:12px}.w-full{width:100%}.TopHeader_header___gVA_{flex-shrink:0;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(232,122,159,.18);box-shadow:0 2px 16px rgba(232,122,159,.1),0 1px 4px rgba(0,0,0,.04);position:relative;z-index:100;min-height:var(--header-height);display:flex;align-items:stretch}.TopHeader_inner___e8_9{width:100%;max-width:480px;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:0 20px;position:relative}.TopHeader_title__m8moZ{font-size:17px;font-weight:700;letter-spacing:2px;text-align:center;background:linear-gradient(120deg,var(--color-pink) 0,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.TopHeader_decorL__qS_Zx,.TopHeader_decorR__u6GOe{font-size:8px;color:var(--color-pink-light);opacity:.7;flex-shrink:0;letter-spacing:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:16px}.TopHeader_decorL__qS_Zx{margin-right:8px}.TopHeader_decorR__u6GOe{margin-left:8px}.TopHeader_actionBtn__7UmhJ{right:16px;border-radius:50%;background:linear-gradient(135deg,var(--color-pink),#f0a0b8);color:white;font-weight:400;line-height:1;box-shadow:0 2px 8px rgba(232,122,159,.35);border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.TopHeader_actionBtn__7UmhJ,.TopHeader_backBtn__Ps8jr{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;font-size:20px;display:flex;align-items:center;justify-content:center}.TopHeader_backBtn__Ps8jr{left:14px;color:var(--color-pink);text-decoration:none;border-radius:50%;transition:background .15s}.TopHeader_backBtn__Ps8jr:active{background:rgba(232,122,159,.1)}.TopHeader_actionBtn__7UmhJ:active{transform:translateY(-50%) scale(.92);box-shadow:0 1px 4px rgba(232,122,159,.3)}.TopHeader_wsDot__gy_DD{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;flex-shrink:0}.TopHeader_wsDotGreen__KTMsw{background:#6fbf8f;box-shadow:0 0 0 2px rgba(111,191,143,.25)}.TopHeader_wsDotRed__Pfgoh{background:#e05050;box-shadow:0 0 0 2px rgba(224,80,80,.2)}.BottomNav_nav__U6wNc{width:100%;max-width:480px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(232,122,159,.15);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 24px rgba(200,150,120,.12),0 -1px 6px rgba(0,0,0,.04)}.BottomNav_item__XraZe{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 14px;color:var(--color-text-light);font-size:10px;transition:color .2s;min-width:52px}.BottomNav_item__XraZe:active{transform:scale(.95)}.BottomNav_active__ekbDJ{color:var(--color-pink)}.BottomNav_icon__MvRKD{font-size:22px;line-height:1}.BottomNav_label__bdaeY{line-height:1}