@charset "UTF-8";
:root{--paper:#fbf7f7;--pink:#ac657a;--pink-dark:#87485b;--pink-soft:#f4e5e9;--ink:#41383d;--muted:#85777e;--line:#eadfe3;--teal:#59847b;--green:#e5eee9;--white:#fff;--radius:22px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);font-size:15px}*{box-sizing:border-box}body{margin:0;background:#ede5e8}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:none}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #59847b;outline-offset:3px}button{touch-action:manipulation}#app{position:relative;max-width:480px;min-height:100dvh;margin:auto;background:var(--paper);overflow:hidden}main{padding:10px 22px 106px}.top{display:flex;align-items:center;justify-content:space-between;padding:23px 22px 12px}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:700;letter-spacing:2px}.logo{width:31px;height:31px;background:var(--pink);border-radius:10px 10px 13px 4px;color:white;display:grid;place-items:center}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon.small{width:17px;height:17px}.round{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:white}.mode{font-size:11px;display:inline-flex;align-items:center;gap:5px;color:var(--muted);margin-bottom:21px}.dot{width:6px;height:6px;background:var(--teal);border-radius:100%}.eyebrow{font-size:12px;letter-spacing:1px;color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:650;line-height:1.5;letter-spacing:1px}h2{font-size:19px;font-weight:650}h3{font-size:16px;font-weight:650}.sub{font-size:13px;color:var(--muted);line-height:1.8;margin-top:8px}.hero{position:relative;height:258px;margin:0 -22px 5px;padding:8px 22px}.hero h1{position:relative;z-index:1}.hero .sub{position:relative;z-index:1}.hero-art{position:absolute;right:-8px;bottom:0;width:300px;height:195px}.hero .little{position:absolute;bottom:19px;left:23px;font-size:11px;color:var(--teal);z-index:2;line-height:1.8}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:19px;margin:14px 0}.assessment{display:flex;align-items:center;gap:14px;background:var(--pink-soft);border:0;margin-top:8px;padding:18px}.symbol{width:48px;height:48px;flex:0 0 auto;border-radius:17px;background:#fff9fc;color:var(--pink);display:grid;place-items:center}.assessment .symbol .icon{width:29px;height:29px}.assessment .sub{margin-top:3px;font-size:12px}.chevron{margin-left:auto;color:var(--pink)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px}.link{color:var(--pink-dark);font-size:12px;padding:6px 0}.island-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.island-tile{position:relative;overflow:hidden;text-align:left;padding:17px;height:147px;border-radius:21px;background:#e9f0ec}.island-tile:nth-child(2){background:#f4e9df}.island-tile:nth-child(3){background:#e9e8f2}.island-tile:nth-child(4){background:#f4e5eb}.island-tile h3{position:relative;z-index:1}.island-tile small{font-size:11px;display:block;color:#786c74;margin-top:6px}.island-tile svg.art{position:absolute;width:120px;height:90px;right:-4px;bottom:-6px}.tile-arrow{position:absolute;bottom:17px;left:17px;color:#6c8278}.topic{display:flex;align-items:center;gap:12px;padding:4px 0}.topic .symbol{background:var(--green);color:var(--teal)}.topic .sub{margin-top:4px}.topic-label{font-size:11px;color:var(--teal);margin-bottom:7px}.support{background:#eef2ee;display:flex;align-items:center;gap:12px;border:0}.support .sub{margin-top:5px;font-size:12px}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);padding:11px 10px max(12px,env(safe-area-inset-bottom));display:flex;background:rgba(255,255,255,.97);border-top:1px solid var(--line);z-index:5}.nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;color:#9c8d94;font-size:10px}.nav button.active{color:var(--pink-dark);font-weight:600}.nav button.active .navicon{background:var(--pink-soft)}.navicon{width:44px;height:29px;display:grid;place-items:center;border-radius:12px}.page-title{margin:11px 0 20px}.primary,.secondary{border-radius:14px;padding:14px 19px;font-weight:600;font-size:14px;min-height:47px}.primary{background:var(--pink);color:white}.secondary{background:var(--pink-soft);color:var(--pink-dark)}.wide{width:100%}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.stack{display:grid;gap:12px}.muted{color:var(--muted)}.tiny{font-size:11px;line-height:1.7;color:var(--muted)}.notice{font-size:12px;line-height:1.8;background:#f1e9eb;border-radius:13px;padding:12px 14px;color:#79636d;margin:15px 0}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}.tag{padding:5px 9px;background:#f5eef1;color:#927081;border-radius:7px;font-size:11px}.pill{border-radius:20px;padding:9px 15px;background:white;border:1px solid var(--line);font-size:12px}.pill.selected{background:var(--pink);color:white;border-color:var(--pink)}.avatar{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#e8eee8;font-size:24px;flex-shrink:0}.profile-card .avatar{width:64px;height:64px;font-size:30px}.profile-card{padding:23px}.profile-card p{font-size:13px;line-height:1.9;margin:16px 0;color:#776971}.profile-card .bio{min-height:45px}.match-note{color:var(--teal);font-size:12px}.tabbar{display:flex;gap:8px;margin:18px 0;overflow:auto;padding-bottom:4px}.tabbar .pill{white-space:nowrap}.post{padding:18px 0;border-bottom:1px solid var(--line)}.post .avatar{width:37px;height:37px;font-size:18px}.post p{line-height:1.95;font-size:14px;margin:14px 0;white-space:pre-wrap;overflow-wrap:anywhere}.post-footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.post-footer button{padding:8px}.floating{position:fixed;bottom:95px;right:max(22px,calc((100vw - 480px)/2 + 22px));border-radius:50%;width:54px;height:54px;background:var(--pink);color:white;box-shadow:0 5px 20px #ac657a40;z-index:4}.event-art{height:122px;border-radius:15px;background:#e6eeea;position:relative;overflow:hidden;padding:17px;color:var(--teal)}.event-art svg.art{width:170px;height:120px;position:absolute;right:10px;bottom:-20px}.event-art .day{font-size:30px;font-weight:600}.event-art small{font-size:12px}.event h3{margin:17px 0 5px}.event .primary,.event .secondary{padding:10px 14px;min-height:40px;font-size:12px}.empty{text-align:center;padding:40px 10px;color:var(--muted);font-size:13px;line-height:1.9}.empty .icon{width:36px;height:36px;margin-bottom:14px;color:var(--pink)}.stats{display:flex;text-align:center;margin-top:24px}.stats>div{flex:1}.stats strong{font-size:24px;font-weight:600;display:block;color:var(--pink-dark)}.stats small{font-size:11px;color:var(--muted)}.menu{padding:0 18px}.menu button{display:flex;width:100%;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.menu button:last-child{border:0}.menu button .icon{color:var(--pink)}.menu button .muted{margin-left:auto;font-size:11px}.badge-row{display:flex;justify-content:space-around;margin-top:18px}.badge{text-align:center;font-size:11px;color:var(--muted)}.badge span{display:grid;place-items:center;background:#f6edf0;border-radius:50%;height:49px;width:49px;margin:0 auto 8px;font-size:24px}.overlay{position:fixed;inset:0;background:#40343e55;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(100%,480px);max-height:93dvh;overflow:auto;background:var(--paper);border-radius:28px 28px 0 0;padding:12px 23px max(28px,env(safe-area-inset-bottom));box-shadow:0 -8px 50px #563d4915}.handle{height:4px;width:34px;background:#d9cbd1;border-radius:3px;margin:0 auto 16px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.close{font-size:26px;color:var(--muted);padding:0 5px}.sheet .sub{margin-bottom:18px}label{display:block;font-size:12px;color:var(--muted);margin:14px 0 7px}input,textarea,select{width:100%;background:#fff;border:1px solid #ded0d6;border-radius:12px;padding:13px;color:var(--ink)}textarea{resize:vertical;min-height:110px}input[type=checkbox]{width:auto}.form-error{font-size:12px;color:#a53c57;margin:12px 0;line-height:1.7}.progress{height:5px;background:#eadde3;border-radius:5px;overflow:hidden;margin:21px 0}.progress>div{height:100%;background:var(--pink)}.answer{display:block;border:1px solid var(--line);border-radius:14px;padding:18px;background:white;width:100%;text-align:left;margin:12px 0}.answer.selected{border-color:var(--pink);background:var(--pink-soft)}.result-type{text-align:center;font-size:45px;letter-spacing:8px;color:var(--pink);font-weight:650;margin:30px 0 10px}.message-list{max-height:46dvh;overflow:auto;padding:6px 0 18px}.bubble{max-width:85%;background:white;border:1px solid var(--line);border-radius:15px 15px 15px 3px;padding:12px 14px;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.bubble.mine{margin-left:auto;background:var(--pink-soft);border:0;border-radius:15px 15px 3px 15px}.composer{display:flex;gap:8px}.composer input{min-width:0}.composer button{flex-shrink:0}.loading{padding:40px;text-align:center;font-size:13px;color:var(--muted)}#toast{position:fixed;left:50%;bottom:108px;transform:translate(-50%,20px);background:#4f4149;color:white;padding:12px 18px;border-radius:14px;font-size:13px;z-index:100;max-width:85%;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.legal{line-height:1.9;font-size:13px;color:var(--muted)}.legal p{margin:13px 0}.server-value{overflow-wrap:anywhere;font-size:11px;color:var(--muted);margin-top:10px}.breath{width:140px;height:140px;display:grid;place-items:center;border-radius:100%;margin:28px auto;background:#e1ece6;border:16px solid #eff4f0;color:var(--teal);font-size:30px}.error-box{padding:20px;background:#f5e7ec;border-radius:15px;margin:20px 0;color:#8d445e;font-size:13px;line-height:1.8}@media(min-width:700px){#app{box-shadow:0 0 70px #7d5a6f15}body:before{content:'屿心同频 / 在这里，慢慢靠近';position:fixed;left:35px;bottom:30px;writing-mode:vertical-rl;letter-spacing:3px;color:#9d8491;font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.comment-post{background:var(--pink-soft);border-radius:14px;padding:14px 16px}.comment-post p,.comment-item p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;margin-top:8px}.comment-privacy{font-size:11px;line-height:1.8;color:var(--teal);margin:14px 0}.comment-item{padding:15px 0;border-bottom:1px solid var(--line)}.comment-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.comment-meta strong{font-size:13px;overflow-wrap:anywhere}.comment-meta .tag{padding:2px 6px}.comment-meta time{margin-left:auto;font-size:10px}.comment-item .link{display:block;margin-left:auto}#comment-form{margin-top:18px}#comment-form textarea{min-height:92px;margin-bottom:8px}#comment-form .primary{margin-top:3px}.post-footer{flex-wrap:wrap;gap:2px}