:root{--pink:#ed2e8e;--violet:#8b42e5;--ink:#2c2130;--muted:#7b6d79;--line:#eee3e9;--paper:#fff9fb;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper)}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.auth-view{min-height:100dvh;padding:calc(28px + env(safe-area-inset-top,0px)) 20px 30px;display:grid;place-items:center;background:radial-gradient(circle at 85% 5%,#ffddec,transparent 33%),linear-gradient(160deg,#fff,#fff4f9)}.auth-card{width:min(100%,430px);padding:25px;border:1px solid #f1dce7;border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 24px 70px rgba(92,39,76,.13)}.back-link{color:#a94a78;text-decoration:none;font-size:14px}.auth-brand{text-align:center;margin:20px 0}.auth-brand img{width:78px;height:78px}.auth-brand h1{margin:5px 0 2px;font-size:31px}.auth-brand p{margin:0;color:var(--muted)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:14px;background:#f8edf3}.auth-tabs button{padding:10px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:700}.auth-tabs .active{color:#fff;background:linear-gradient(100deg,var(--pink),var(--violet))}.stack{display:grid;gap:14px;margin-top:18px}.stack label,.code-row label{display:grid;gap:7px;color:#5f4c59;font-size:13px;font-weight:700}.stack input{width:100%;padding:13px 14px;border:1px solid #e8d9e1;border-radius:13px;background:#fff;color:var(--ink);font-size:16px;outline:none}.stack input:focus{border-color:#e469a7;box-shadow:0 0 0 3px rgba(237,46,142,.1)}.primary-button,.install-button,.code-row button{border:0;border-radius:14px;font-weight:800}.primary-button{padding:14px;color:#fff;background:linear-gradient(105deg,var(--pink),var(--violet));box-shadow:0 10px 25px rgba(221,45,135,.2)}.install-button{width:100%;margin-top:13px;padding:12px;color:#b12e70;background:#fff0f7}.code-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.code-row button{height:46px;padding:0 13px;color:#b42b70;background:#fbe7f1}.form-note{margin:0;color:#927f8b;font-size:12px;line-height:1.55}.error{min-height:18px;margin:11px 0 0;color:#b51e3f;text-align:center;font-size:13px}.app-view{min-height:100dvh;padding-bottom:calc(73px + var(--safe-bottom));background:linear-gradient(#fff9fb,#fff)}.app-header{position:sticky;z-index:5;top:0;height:calc(61px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 17px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(238,227,233,.8);background:rgba(255,249,251,.88);backdrop-filter:blur(18px)}.app-brand{display:flex;align-items:center;gap:8px}.app-brand img{width:34px;height:34px}.app-brand strong{font-size:20px;letter-spacing:.03em}.icon-button{width:38px;height:38px;border:0;border-radius:50%;color:#ad3974;background:#faeaf2;font-size:21px}.screen{width:min(100%,720px);margin:auto;padding:20px 16px 30px}.bottom-nav{position:fixed;z-index:6;left:0;right:0;bottom:0;height:calc(67px + var(--safe-bottom));padding:6px 7px var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(18px)}.bottom-nav button{border:0;background:transparent;color:#9a8c96;font-size:10px}.bottom-nav button span{display:block;height:28px;font-size:21px}.bottom-nav .active{color:var(--pink);font-weight:800}.hero-card{padding:25px;border-radius:25px;color:#fff;background:radial-gradient(circle at 90% 0,#ffa56e,transparent 38%),linear-gradient(135deg,#5b3173,#c8368b 62%,#fa6067);box-shadow:0 16px 35px rgba(129,46,105,.2)}.hero-card h1{margin:10px 0 7px;font-size:27px}.hero-card p{margin:0;opacity:.82;line-height:1.6}.section-title{margin:25px 3px 12px;font-size:17px}.card{padding:17px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 7px 20px rgba(72,43,62,.045)}.notice{padding:13px 15px;border-radius:14px;color:#715664;background:#fff0f7;font-size:13px;line-height:1.6}.search-row,.composer,.message-send{display:grid;grid-template-columns:1fr auto;gap:9px}.search-row input,.composer textarea,.message-send input,.wallet-form input{width:100%;padding:12px 13px;border:1px solid #e7d9e1;border-radius:13px;background:#fff;font-size:16px;outline:none}.search-row button,.composer button,.message-send button,.small-button{padding:0 17px;border:0;border-radius:13px;color:#fff;background:linear-gradient(105deg,var(--pink),var(--violet));font-weight:800}.list{display:grid;gap:11px}.person-row,.conversation-row{width:100%;padding:13px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:17px;background:#fff;text-align:left}.avatar{width:48px;height:48px;flex:0 0 auto;border-radius:50%;object-fit:cover;background:#f4e7ee}.row-copy{min-width:0;flex:1}.row-copy strong,.row-copy span{display:block}.row-copy span{margin-top:4px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post{padding:17px;border:1px solid var(--line);border-radius:19px;background:#fff}.post-head{display:flex;gap:10px;align-items:center}.post-head .avatar{width:41px;height:41px}.post-body{margin:13px 0;white-space:pre-wrap;line-height:1.65}.post-media{width:100%;max-height:400px;border-radius:15px;object-fit:cover;background:#f5edf1}.post-actions{display:flex;justify-content:flex-end}.like-button{padding:7px 11px;border:0;border-radius:999px;color:#ad4677;background:#fff0f6}.like-button.liked{color:#fff;background:var(--pink)}.composer{align-items:end}.composer textarea{min-height:76px;resize:vertical}.empty,.loading{padding:45px 20px;text-align:center;color:var(--muted)}.profile-card{text-align:center}.profile-card .avatar{width:86px;height:86px}.profile-card h2{margin:9px 0 3px}.profile-card p{margin:4px;color:var(--muted)}.stats{margin-top:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stats div{padding:11px 5px;border-radius:13px;background:#fff4f8}.stats b,.stats span{display:block}.stats span{font-size:11px;color:var(--muted)}.action-list{display:grid;gap:9px}.action-list button{padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);text-align:left}.action-list .danger{color:#b52042}.wallet-balance{text-align:center;padding:29px 18px}.wallet-balance small{color:var(--muted)}.wallet-balance strong{display:block;margin:9px;font-size:34px}.asset-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.wallet-form{display:grid;gap:11px}.wallet-form button{height:44px}.chat-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.chat-head button{border:0;background:#f8e8f0;border-radius:50%;width:36px;height:36px}.messages{display:grid;gap:9px;min-height:45vh}.bubble{max-width:82%;padding:10px 13px;border-radius:16px;background:#f3e9ef;line-height:1.5}.bubble.mine{margin-left:auto;color:#fff;background:linear-gradient(110deg,var(--pink),var(--violet))}.bubble time{display:block;margin-top:4px;font-size:9px;opacity:.65}.message-send{position:sticky;bottom:calc(68px + var(--safe-bottom));padding:10px 0;background:linear-gradient(transparent,var(--paper) 18%)}.install-help{position:fixed;z-index:20;inset:0;padding:20px;display:grid;align-items:end;background:rgba(36,21,32,.45)}.sheet{position:relative;width:min(100%,520px);margin:0 auto;padding:28px;border-radius:28px 28px 15px 15px;background:#fff}.sheet img{width:58px}.sheet h2{margin:10px 0}.sheet li{margin:9px 0}.sheet p{color:var(--muted);font-size:12px;line-height:1.6}.sheet-close{position:absolute;right:17px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#f7edf2;font-size:22px}.toast{position:fixed;z-index:30;left:50%;bottom:calc(82px + var(--safe-bottom));transform:translateX(-50%);max-width:calc(100% - 36px);padding:11px 17px;border-radius:999px;color:#fff;background:rgba(45,31,41,.92);font-size:13px;text-align:center}.offline-banner{margin-bottom:13px}.muted{color:var(--muted);font-size:13px}.badge{display:inline-block;padding:5px 8px;border-radius:999px;color:#b53373;background:#ffeaf4;font-size:11px;font-weight:800}@media(min-width:760px){.app-view{max-width:760px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}.bottom-nav{left:50%;right:auto;width:760px;transform:translateX(-50%)}}
