:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#29272c;background:#f4eded;font-synthesis:none;--pink:#ff3967;--muted:#99939a;--line:#f3edef}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.5;cursor:wait}a{color:var(--pink)}button:focus-visible,a:focus-visible{outline:3px solid #ff93ae;outline-offset:3px}#app{max-width:520px;min-height:100dvh;margin:auto;background:#fff9f9;position:relative;box-shadow:0 0 80px #5b244c0b}header.top{position:sticky;top:0;z-index:5;padding:24px 22px 15px;background:linear-gradient(110deg,#ffe1ed,#fff4e4);min-height:82px;text-align:center}.top h1{font-size:21px;margin:0;line-height:36px;font-weight:700;letter-spacing:1px}.brand-small{font-size:12px;color:#be8b96;letter-spacing:3px;margin-bottom:3px}.top .back{position:absolute;left:18px;bottom:20px;font-size:25px}.top .right{position:absolute;right:14px;bottom:22px;color:var(--pink);font-size:14px}main{padding:0 14px 100px;min-height:calc(100dvh - 86px)}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 2px 12px}.section-heading h2{margin:0;font-size:22px}.hearts{color:#ffbdcc;font-size:34px;text-shadow:3px 6px 12px #fcb3bd}.notice{font-size:13px;color:#a88a93;padding:10px 4px;line-height:1.6}.search{background:white;border:1px solid #f4e7eb;border-radius:22px;display:flex;gap:10px;padding:10px 14px;margin-bottom:14px;color:#bb9aa5}.search input{border:0;outline:0;width:100%;background:none;font-size:14px}.person{background:#fff;display:flex;gap:12px;align-items:center;padding:18px 13px;border-radius:20px;margin-bottom:12px;box-shadow:0 4px 18px #ecbbc211;min-height:119px}.avatar{width:76px;height:76px;object-fit:cover;border-radius:50%;background:#fce8ed;flex-shrink:0}.person .details{min-width:0;flex:1}.name{font-size:20px;font-weight:650;display:flex;align-items:center;gap:5px;white-space:nowrap}.state{font-size:12px;font-weight:400;color:#77aa62;background:#effce9;border-radius:7px;padding:2px 5px}.state.demo{color:#a294aa;background:#f4f0f6}.bio{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;color:var(--muted);margin:7px 0}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{color:#e77db0;background:#fff4f9;padding:2px 4px;font-size:13px;border-radius:5px}.chat-btn{background:#ffedef;color:var(--pink);padding:10px 13px;border-radius:30px;white-space:nowrap;font-weight:650;font-size:16px}.chat-btn .chat-icon{display:inline-block;background:linear-gradient(#ff879d,#ff1e57);color:white;border-radius:50%;font-size:13px;padding:3px;margin-right:4px;box-shadow:0 3px 8px #ffabbf}.tabbar{position:fixed;bottom:0;width:100%;max-width:520px;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);background:#ffffffef;backdrop-filter:blur(12px);padding:9px 6px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #f8f0f3}.tabbar button{position:relative;color:#a8a6a9;font-size:13px;display:flex;align-items:center;flex-direction:column;gap:4px;padding:0}.tabbar button.active{color:var(--pink)}.tabbar svg{width:29px;height:29px;fill:currentColor}.badge{position:absolute;top:-5px;left:55%;background:#ff3d68;color:white;border-radius:14px;font-size:11px;padding:2px 5px}.tabs{display:flex;gap:28px;padding:24px 14px 10px}.tabs button{font-size:19px;font-weight:600;padding:0 0 12px;position:relative}.tabs .active{color:var(--pink)}.tabs .active:after{content:'';position:absolute;width:30px;height:3px;border-radius:3px;background:var(--pink);bottom:0;left:4px}.conversation{display:flex;gap:12px;text-align:left;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);width:100%}.conversation .avatar{width:57px;height:57px}.conversation .details{flex:1;min-width:0}.conversation .name{font-size:18px}.conversation time{font-size:12px;color:var(--muted)}.conversation .bio{margin-bottom:0}.pill{background:#e3fbfc;color:#4bb8ca;font-size:11px;border-radius:6px;padding:2px 5px}.unread{background:var(--pink);color:white;border-radius:50%;padding:3px 7px;font-size:12px}.empty{text-align:center;padding:65px 22px;color:#a397a0;line-height:1.9}.empty .symbol{font-size:44px;color:#efacc1;margin-bottom:10px}.empty h3{color:#55414d;font-size:20px;margin:8px}.empty p{font-size:14px}.primary{background:linear-gradient(110deg,#ff557c,#ff295d);color:white;border:0;border-radius:24px;padding:11px 23px;font-size:16px}.secondary{background:#fff0f4;color:var(--pink);border-radius:20px;padding:10px 20px}.post{background:white;margin:0 -14px 9px;padding:20px 20px 16px;border-bottom:7px solid #fff8f9}.post-head{display:flex;gap:10px;align-items:center}.post-head .avatar{height:43px;width:43px}.post-head strong{font-size:18px;flex:1}.post-head .primary{font-size:14px;padding:8px 18px}.post p{line-height:1.7;margin:17px 0 12px;font-size:17px;white-space:pre-wrap;overflow-wrap:anywhere}.post-image{width:62%;max-height:340px;object-fit:cover;border-radius:11px;display:block}.post-footer{display:flex;justify-content:space-between;color:#aaa3a8;font-size:13px;margin-top:16px;align-items:center}.like{font-size:16px}.like.liked{color:var(--pink)}.profile-head{padding:26px 12px 28px;display:flex;gap:18px;align-items:center;background:linear-gradient(120deg,#fff5f9,#fffdf8);margin:0 -14px 9px}.profile-head .avatar{height:78px;width:78px}.profile-head h2{font-size:25px;margin:8px 0}.profile-head p{font-size:14px;color:var(--muted);margin:6px 0}.profile-head .edit{color:#669ccb;font-size:13px}.vip{color:#c6bcb2}.menu{margin:0 -14px;background:white}.menu button{display:flex;align-items:center;gap:13px;width:100%;padding:23px 20px;border-bottom:1px solid var(--line);font-size:18px;color:#757078;text-align:left}.menu .tile{background:linear-gradient(120deg,#ff8abc,#fb3b91);border-radius:8px;width:28px;height:28px;display:grid;place-items:center;color:white;font-size:18px}.menu button:nth-child(2) .tile{background:linear-gradient(120deg,#ff92ed,#d739e3)}.menu button:nth-child(3) .tile{background:linear-gradient(120deg,#ffd578,#ffa413)}.menu button:nth-child(4) .tile{background:linear-gradient(120deg,#a0b0ff,#5677ed)}.menu button:nth-child(5) .tile{background:linear-gradient(120deg,#89daf3,#22acdb)}.menu .end{margin-left:auto;color:#b7b2b8;font-size:17px}.form{background:white;padding:22px;border-radius:18px;margin-top:18px}.form label{display:block;font-size:14px;color:#786773;margin:16px 0 7px}.form input:not([type=checkbox]),.form textarea,.form select{width:100%;background:#fff9fb;border:1px solid #efdee5;padding:12px;border-radius:10px;outline-color:#ff9eb5;min-height:45px;color:#352c34}.form textarea{resize:vertical;min-height:100px}.form h2{margin:0 0 15px}.form .primary{width:100%;margin-top:20px}.form .switch{display:block;text-align:center;width:100%;font-size:14px;color:var(--pink);margin-top:18px}.form .agreement{display:flex;align-items:flex-start;line-height:1.7;font-size:13px;gap:7px}.form input[type=checkbox]{margin-top:5px;accent-color:var(--pink)}.error{color:#d23d59;font-size:14px;line-height:1.6}.helper{font-size:13px;color:#a4919c;line-height:1.8}.chat-layout{padding:0 15px 100px}.chat-messages{display:flex;flex-direction:column;gap:16px;padding-top:20px}.message{display:flex;gap:9px;align-items:flex-start;max-width:90%}.message .avatar{width:35px;height:35px}.message .bubble{padding:12px 14px;background:white;border-radius:4px 15px 15px 15px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.6}.message.mine{align-self:flex-end;flex-direction:row-reverse}.message.mine .bubble{background:#ffdbe6;border-radius:15px 4px 15px 15px}.message small{font-size:11px;color:#b0a1aa;display:block;margin-top:4px}.composer{display:flex;gap:8px;position:fixed;bottom:0;width:100%;max-width:520px;left:50%;transform:translateX(-50%);padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}.composer input{flex:1;width:0;min-width:0;border:0;border-radius:22px;background:#f8f3f6;padding:11px 14px;outline-color:#ffb3c7}.composer .primary{font-size:14px;padding:10px 18px}.detail-card{text-align:center;padding:30px 20px;background:white;border-radius:20px;margin-top:20px}.detail-card .avatar{width:115px;height:115px}.detail-card h2{margin:12px}.detail-card .tags{justify-content:center;margin:20px}.detail-card p{line-height:1.8;color:#a08d99}.detail-card .primary{min-width:190px}.detail-actions{display:flex;justify-content:center;gap:20px;margin:18px;font-size:13px;color:#a78b98}.text-page{background:white;padding:22px;border-radius:15px;line-height:1.85;font-size:15px;margin-top:18px}.text-page h3{font-size:18px}.record{padding:15px 0;border-bottom:1px solid var(--line);line-height:1.7}.record small{color:#a894a2}.record p{margin:6px 0;white-space:pre-wrap}.record .reply{background:#fff3f7;padding:10px;border-radius:8px}.wide{width:100%;margin-top:16px}#toast{position:fixed;bottom:125px;left:50%;transform:translateX(-50%);background:#44313be8;color:white;border-radius:12px;padding:12px 18px;font-size:14px;max-width:85vw;z-index:99;display:none}dialog{border:0;border-radius:20px;padding:25px;max-width:390px;width:90%;color:#493743;box-shadow:0 20px 100px #3c193133}dialog::backdrop{background:#31182766}dialog p{line-height:1.8}dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.plan{padding:20px;border:1px solid #f4dce5;border-radius:16px;margin:16px 0;background:linear-gradient(130deg,#fff8fb,#fff8ed)}@media(max-width:370px){.person{gap:8px;padding:15px 10px}.person .avatar{width:62px;height:62px}.name{font-size:18px}.chat-btn{padding:9px;font-size:14px}.tag{font-size:12px}}