:root{--pink:#8b62d9;--muted:#9694a1;--line:#efedf5;color:#302b40;background:#efedf5}body{background:radial-gradient(ellipse at 5% 10%,#e4e9fa,transparent 45%),radial-gradient(ellipse at 90% 25%,#f6e1ef,transparent 50%),#f2f0f7}button{touch-action:manipulation}#app{max-width:500px;background:#fff;box-shadow:0 12px 80px #48426a16}header.top{background:linear-gradient(115deg,#e4ecfa,#f6e9f3 70%,#fbe7ee);padding:20px 22px 12px;text-align:left;min-height:100px;border-bottom:1px solid #ffffff77}.brand-small{display:flex;align-items:center;gap:7px;color:#34304b;letter-spacing:2px;font-size:25px;font-weight:750;margin:0}.brand-small span{color:#8b62d9;font-size:35px;line-height:32px;transform:rotate(-15deg)}.brand-small small{font-size:10px;letter-spacing:3px;color:#a18eaf;align-self:end;padding-bottom:6px;margin-left:3px}.top h1{font-size:12px;font-weight:400;color:#8e849d;letter-spacing:2px;line-height:24px;padding-left:41px}.top:has(.back){min-height:70px;text-align:center;padding:17px 15px}.top:has(.back) h1{padding:0;font-size:18px;color:#393046;font-weight:600;line-height:35px;letter-spacing:0}.top .back{bottom:20px;left:18px}.top .right{bottom:21px}main{padding:0 18px 105px;min-height:calc(100dvh - 100px)}.discovery-tabs{display:flex;gap:25px;align-items:center;height:59px;margin:0 2px}.discovery-tabs button{padding:9px 0;color:#a19baa;font-size:16px;position:relative;white-space:nowrap}.discovery-tabs .selected{font-size:21px;font-weight:750;color:#312a43}.discovery-tabs .selected:after{content:'';position:absolute;bottom:2px;left:20%;width:60%;height:4px;background:#a178eb;border-radius:5px}.discovery-tabs .search-trigger{margin-left:auto;font-size:30px;padding-right:3px;color:#595168}.moon-banner{overflow:hidden;position:relative;height:182px;border-radius:22px;padding:23px;background:#f0e8fc url("/assets/moon-banner-v2.png") right center/cover no-repeat;display:flex;align-items:center}.moon-banner small{font-size:10px;letter-spacing:1.5px;color:#9a86b1}.moon-banner h2{font-size:26px;line-height:1.4;font-weight:650;letter-spacing:3px;margin:8px 0 10px;color:#5c4386}.moon-banner button{font-size:10px;color:#8c73ad;padding:0;display:flex;gap:13px;align-items:center}.moon-banner button span{font-size:17px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0 17px;border-bottom:1px solid #f1eef6;gap:8px}.quick-links button{display:flex;flex-direction:column;align-items:center;padding:0;gap:5px}.quick-symbol{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;font-size:27px;font-weight:400;margin-bottom:3px}.lilac{background:#eee7fd;color:#9870d6}.peach{background:#fcebf1;color:#de8dad}.blue{background:#e7effb;color:#80a4d9}.quick-links b{font-size:12px;font-weight:600;color:#5c5469}.quick-links small{font-size:9px;color:#aaa3b3}.discover-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 13px}.discover-title h2{font-size:19px;letter-spacing:.5px;margin:0;font-weight:700}.discover-title span{font-size:10px;color:#b0a8b8}.search{background:#f7f5fa;border:0;border-radius:12px;padding:10px 12px;gap:8px;margin-bottom:16px;color:#aaa0b8}.search input{font-size:12px}.search button{font-size:11px;color:#9c84b8;white-space:nowrap}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.people-grid>.empty{grid-column:1/-1}.person-card{min-width:0;background:#fff;overflow:hidden;border-radius:16px;border:1px solid #f0edf5;box-shadow:0 3px 12px #6d4b9510}.portrait{width:100%;aspect-ratio:1/.98;display:block;padding:0;position:relative;overflow:hidden}.portrait .avatar{width:100%;height:100%;border-radius:0;display:block;object-fit:cover;transition:transform .3s}.portrait:hover .avatar{transform:scale(1.035)}.portrait-status{position:absolute;top:8px;left:8px;background:#ffffffc9;backdrop-filter:blur(6px);font-size:9px;padding:4px 7px;border-radius:15px;color:#796888}.portrait-status.online{color:#398768;background:#edfff2df}.portrait-city{position:absolute;bottom:7px;left:9px;font-size:10px;color:#fff;text-shadow:0 1px 5px #333}.portrait:after{content:'';position:absolute;inset:auto 0 0;height:30px;background:linear-gradient(transparent,#30233a29);pointer-events:none}.person-info{padding:10px}.person-name{font-size:15px;font-weight:650;display:flex;align-items:center;gap:6px;padding:0}.person-name small{font-size:9px;font-weight:400;color:#b888ac;background:#fff0f7;padding:2px 4px;border-radius:4px}.person-info p{font-size:10px;color:#a19aa9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 10px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:3px}.card-bottom>span{font-size:9px;color:#a08ab7;background:#f5f0fc;border-radius:4px;padding:3px 5px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bottom button{font-size:10px;color:#a477d0;padding:4px 6px;border-radius:10px;background:#f5ecfb;white-space:nowrap}.notice{font-size:11px;color:#aaa0b3}.tabbar{max-width:500px;padding:11px 8px calc(10px + env(safe-area-inset-bottom));border-color:#efecf6;background:#ffffffef}.tabbar svg{width:24px;height:24px}.tabbar button{font-size:10px;gap:6px;color:#b7adbf}.tabbar button.active{color:#9664d6}.tabbar button.active:before{content:'';position:absolute;top:-11px;left:39%;width:22%;height:3px;border-radius:5px;background:#a679df}.primary{background:linear-gradient(110deg,#a77be6,#8f60d2);font-size:14px;padding:12px 22px;box-shadow:0 4px 12px #9566d222}.secondary{background:#f1eafa;color:#9567c8;font-size:14px}.empty{padding:60px 15px;color:#aaa0b5}.empty h3{font-size:18px;color:#635273}.empty .symbol{color:#b995dd}.empty p{font-size:13px}.profile-head{margin:0 -18px;background:linear-gradient(130deg,#efeaf9,#fff4f9);padding:30px 24px}.profile-head h2{font-size:24px}.profile-head .avatar{box-shadow:0 0 0 5px #fff8}.menu{margin:0 -18px}.menu button{font-size:15px;padding:20px 22px;color:#5f526d;border-color:#f5f1f8}.menu .tile{background:#f2eafb!important;color:#ac83d0;font-size:21px;width:32px;height:32px}.menu .end{font-size:12px;color:#a99bb5}.profile-buttons{display:flex;gap:10px;justify-content:center}.detail-card .primary{min-width:140px}.call-actions{display:flex;justify-content:center;gap:14px;margin-top:24px;font-size:12px;color:#9875b7}.form{padding:22px 6px}.form input:not([type=checkbox]),.form textarea,.form select{background:#faf8fd;border-color:#e9e1f0}.form h2{font-size:25px;letter-spacing:1px}.form .helper{font-size:12px}.post{margin:0 -18px;border-bottom:7px solid #faf8fc}.post-head strong{font-size:15px}.post p{font-size:15px}.post-image{width:75%}.post-head .primary{font-size:11px;padding:7px 12px}.post-footer{font-size:11px}.post-footer button{font-size:12px}.composer{max-width:500px}.message.mine .bubble{background:#eadcfb}.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.gift-grid>div{display:flex;flex-direction:column;text-align:center;gap:8px}.gift-grid span{font-size:32px;color:#af8bdb}.gift-grid b{font-size:11px}.gift-grid small{font-size:10px;color:#9d8fad}.wallet{margin-top:20px;padding:25px;border-radius:22px;background:linear-gradient(130deg,#ede3fa,#f9e7ed);color:#776187}.wallet h2{font-size:40px;margin:10px 0}.wallet h2 span{margin-left:15px;color:#ba95d6}.wallet p{font-size:11px}.list-title{font-size:16px}.gift-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gift-options label{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border:1px solid #ede5f5;border-radius:15px}.gift-options label:has(input:checked){background:#f0e7fa;border-color:#a574d9}.gift-options input{position:absolute;top:10px;left:8px;accent-color:#9b6ad5}.gift-options span{font-size:30px;color:#9b6ad5}.gift-options b{font-size:12px}.gift-options small{font-size:11px;color:#a393b0}.comment-list{max-height:40dvh;overflow:auto}.comment-list p{font-size:13px}.comment-list b{font-size:12px;color:#9c78c0}#comment-send textarea{width:100%;border:1px solid #e7dfef;border-radius:10px;padding:12px;min-height:80px}.call-record{display:flex;gap:14px;align-items:center;border-bottom:1px solid #f2edf6;padding:18px 0}.call-record .avatar{width:48px;height:48px}.call-record>div{flex:1}.call-record b{font-size:14px}.call-record p,.call-record small{font-size:11px;color:#a18caf;margin:6px 0}.call-record button{font-size:23px;color:#a07dc3}.install-hero{text-align:center;padding:35px 0 20px}.install-hero img{width:85px;height:85px;border-radius:23px;box-shadow:0 10px 30px #9b7ec033}.install-hero h2{font-size:25px}.install-hero small{font-size:10px;letter-spacing:3px;color:#b19cc3}.install-hero p{font-size:12px;color:#a897b5}.install-card{padding:22px;background:#faf7fd;border:1px solid #eee7f6;border-radius:20px;margin-bottom:15px}.install-card h3{font-size:17px;margin:8px 0}.install-card p,.install-card li{font-size:13px;line-height:1.9;color:#9786a8}.install-card ol{padding-left:22px}.eyebrow{font-size:9px;letter-spacing:3px;color:#b09ac5}.download{display:block;text-align:center;text-decoration:none;margin-top:15px}.call-overlay{position:fixed;inset:0;z-index:100;background:#22192deF;display:flex;align-items:center;flex-direction:column;justify-content:center;color:white;padding:25px;backdrop-filter:blur(20px)}.call-overlay .avatar{width:95px;height:95px}.call-overlay h2{font-size:24px}.call-overlay p{color:#c0accf;font-size:14px}.call-overlay video#remote-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.call-overlay video#local-video{position:absolute;right:20px;top:30px;width:110px;height:155px;object-fit:cover;border-radius:15px;background:#44324f}.call-controls{display:flex;gap:25px;margin-top:30px}.call-controls button{color:white;background:#5d486d;border-radius:30px;padding:15px 25px}.call-controls .hangup{background:#dc6586}.call-controls .answer{background:#72ac95}@media(min-width:900px){body:before{content:'☾ 月遇';position:fixed;left:calc(50% - 405px);top:110px;font-size:29px;font-weight:700;color:#9c87b5;writing-mode:vertical-rl;letter-spacing:10px}body:after{content:'让 相 遇 · 自 然 而 然';position:fixed;left:calc(50% + 315px);top:210px;font-size:13px;color:#b0a1bf;writing-mode:vertical-rl;letter-spacing:7px}}@media(max-width:365px){main{padding-left:12px;padding-right:12px}.discovery-tabs{gap:20px}.moon-banner{padding:18px;height:165px}.moon-banner h2{font-size:23px}.quick-links small{font-size:8px}.discover-title span{font-size:9px}.people-grid{gap:10px}.person-info{padding:8px}}