@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;800&display=swap');
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:#172638;background:#edf1f7;font-synthesis:none;--blue:#246bfd;--muted:#7c8899;--border:#edf0f4}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #85b5ff;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #85b5ff}a{color:var(--blue)}.app{max-width:520px;min-height:100vh;margin:auto;background:#fff;box-shadow:0 10px 100px #193c6810}.header{height:76px;padding:0 23px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:30}.brand{text-decoration:none;display:flex;align-items:center;gap:9px;font-size:23px;font-weight:800;letter-spacing:-.8px;color:#172638}.brandmark{width:33px;height:33px;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:700;color:white;position:relative}.brandmark span{font-size:22px;position:absolute;right:3px;top:-7px;color:#b5e6ff}.demo-label{font-size:10px;background:#f0f4fa;color:#8996a6;font-weight:700;padding:4px 5px;border-radius:4px;letter-spacing:1px}.icon-button{margin-left:auto;display:flex;position:relative;padding:8px}.notification-dot{position:absolute;right:8px;top:7px;width:6px;height:6px;background:#fd9e66;border:1px solid #fff;border-radius:50%}main{padding:20px 22px 96px}.location{display:flex;align-items:center;gap:5px;font-size:14px}.location>svg{color:var(--blue)}.location span{margin-left:auto;font-size:12px;color:var(--muted)}.search{display:flex;gap:10px;align-items:center;background:#f4f6f9;border-radius:12px;padding:13px 15px;margin:17px 0 20px;color:#9aa5b5}.search input{border:none;background:transparent;outline:none!important;min-width:0;width:100%;font-size:14px;color:#26344a}.search button{display:flex;padding:0;color:#697b93}.welcome{border-radius:17px;background:linear-gradient(110deg,#e9f2ff,#f0f7ff);padding:23px 21px;display:flex;overflow:hidden;justify-content:space-between;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#6191cd}h1{font-size:27px;margin:10px 0;letter-spacing:-1px}h1 span{color:var(--blue)}.welcome p{font-size:13px;color:#6c809a;margin:0 0 17px}.welcome button{display:flex;gap:8px;align-items:center;font-size:12px;background:var(--blue);color:white;padding:10px 13px;border-radius:8px;font-weight:600}.welcome-stamp{width:89px;min-width:89px;height:108px;align-self:center;border:1px solid #aac9ef;border-radius:45px 45px 8px 8px;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#689cda;transform:rotate(8deg);background:#ffffff40;box-shadow:7px 8px 0 #d8e8fc}.welcome-stamp span{font-size:10px;font-weight:700;text-align:center;letter-spacing:1px;margin-top:8px;line-height:1.5}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 8px;padding:27px 0 28px;border-bottom:1px solid var(--border)}.category-grid button{display:flex;flex-direction:column;align-items:center;gap:7px}.category-grid button>span{display:flex;align-items:center;justify-content:center;width:53px;height:53px;border-radius:17px;transition:transform .2s}.category-grid button:hover>span{transform:translateY(-3px)}.category-grid b{font-size:14px;font-weight:600}.category-grid small{font-size:10px;color:#93a0ae;margin-top:-3px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 13px}.section-heading h2{font-size:19px;margin:0;display:flex;gap:9px;align-items:center}.live-label{font-size:10px;background:#eaf2ff;color:#568de7;border-radius:4px;padding:4px 6px;font-weight:500}.section-heading button{display:flex;align-items:center;color:#8c98a7;font-size:12px;gap:2px}.feed-tabs{display:flex;gap:22px;margin-bottom:8px;border-bottom:1px solid var(--border)}.feed-tabs button{padding:10px 0 12px;font-size:14px;color:#939ba9;position:relative}.feed-tabs button.active{color:var(--blue);font-weight:600}.feed-tabs .active:after{content:'';height:3px;width:20px;border-radius:3px;background:var(--blue);position:absolute;bottom:0;left:calc(50% - 10px)}.listing{display:flex;text-align:left;width:100%;padding:17px 0;gap:14px;border-bottom:1px solid var(--border);position:relative}.listing-image{width:112px;height:117px;border-radius:11px;flex-shrink:0;overflow:hidden;background:#eaf0f8;display:flex;align-items:center;justify-content:center;color:#6583b0;position:relative}.listing-image img{width:100%;height:100%;object-fit:cover}.listing-image.cars{background:#edf0ff;color:#7776ce}.listing-image.services{background:#e5f5fd;color:#459ac2}.listing-image.community{background:#eeedfc;color:#8f7cc8}.image-tag{position:absolute;bottom:7px;left:7px;background:#ffffffed;padding:3px 6px;border-radius:4px;font-size:10px;color:#54657a}.listing-body{flex:1;min-width:0;padding-top:2px}.listing h3{font-size:14px;line-height:1.6;margin:0 12px 6px 0;font-weight:650}.price{font-size:19px;font-weight:700;color:#f08054;margin:0 0 8px;letter-spacing:-.4px}.price small{font-size:11px;color:#98a2b0;font-weight:400;margin-left:5px;letter-spacing:0}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags span{font-size:10px;border-radius:4px;padding:4px 6px;background:#f3f5f8;color:#7f8c9d}.meta{display:flex;align-items:center;font-size:11px;gap:3px;color:#94a0af;margin:8px 0 0}.time{margin-top:5px;font-size:10px}.card-chevron{position:absolute;right:-1px;top:24px;color:#a8b4c3}.endnote{text-align:center;color:#a5b0be;font-size:11px;line-height:2;margin-top:28px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;background:#fffffff5;backdrop-filter:blur(15px);border-top:1px solid var(--border);z-index:40;display:flex;padding:10px 9px calc(10px + env(safe-area-inset-bottom))}.bottom-nav button{width:20%;display:flex;align-items:center;flex-direction:column;gap:5px;color:#a2acba}.bottom-nav b{font-size:10px;font-weight:500}.bottom-nav span{height:29px;display:flex;align-items:center;justify-content:center}.bottom-nav .active{color:var(--blue)}.bottom-nav .publish-nav span{background:var(--blue);width:43px;height:43px;border-radius:14px;color:white;box-shadow:0 4px 10px #246bfd2a;margin-top:-17px}.bottom-nav .publish-nav b{margin-top:3px}.top-title{display:flex;align-items:center;gap:10px;margin-bottom:22px}.top-title h1{font-size:22px;margin:0;flex:1}.top-title button{display:flex;padding:6px}.subtitle{font-size:13px;line-height:1.7;color:#8895a5}.primary{background:var(--blue);color:white;border-radius:11px;padding:14px 20px;font-size:14px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:9px}.secondary{background:#eff5ff;color:var(--blue);border-radius:11px;padding:13px 18px;display:flex;align-items:center;justify-content:center;gap:6px}.full{width:100%}.pills{display:flex;gap:8px;overflow:auto;padding-bottom:8px;scrollbar-width:none}.pills button{white-space:nowrap;font-size:12px;background:#f4f6f9;padding:9px 14px;border-radius:20px;color:#7c8899}.pills button.active{background:#eaf2ff;color:var(--blue);font-weight:600}.filters{display:flex;gap:8px;margin:14px 0}.filters select{width:33.33%;font-size:12px;border:1px solid #e6ecf3;border-radius:8px;padding:10px 6px;background:white;color:#5a6b7f}.result-count{font-size:12px;color:#9ba7b5;margin:10px 0}.empty{text-align:center;padding:55px 15px;color:#8495aa}.empty svg{color:#b0c5df}.empty h3{font-size:17px;color:#425b7a}.empty p{font-size:13px;line-height:1.7}.hero-photo{height:230px;background:#edf3fc;border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#7093c3;margin-bottom:22px}.hero-photo img{width:100%;height:100%;object-fit:cover}.detail h1{font-size:24px;line-height:1.5;letter-spacing:0;margin:12px 0}.detail .price{font-size:28px}.detail .tags span{font-size:12px;padding:6px 9px}.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);background:#f7f9fc;border-radius:13px;margin:24px 0;padding:19px;gap:22px}.fact-grid small{display:block;color:#919daf;font-size:12px;margin-bottom:7px}.fact-grid b{font-size:14px;font-weight:600}.detail h2{font-size:17px;margin-top:25px}.description{font-size:14px;line-height:1.9;color:#708095}.owner{display:flex;gap:12px;align-items:center;padding:20px 0;border-top:1px solid var(--border);margin-top:22px}.avatar{width:44px;height:44px;background:#eaf2ff;color:#5a88c7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.owner b{font-size:14px}.owner p{font-size:11px;color:#8a9bad;margin:6px 0}.owner .verified{margin-left:auto;font-size:11px;color:#5a91ad;background:#ecf7fa;padding:6px;border-radius:5px}.detail-actions{position:fixed;bottom:74px;left:50%;transform:translateX(-50%);width:100%;max-width:520px;display:flex;gap:10px;padding:12px 22px;background:#fffffff5;border-top:1px solid var(--border);z-index:35}.detail-actions .primary{flex:1}.detail{padding-bottom:85px}.map{height:226px;border:1px solid #e1e8ee;border-radius:15px;position:relative;overflow:hidden;background-color:#eef1e6;background-image:linear-gradient(32deg,transparent 45%,#fff 46%,#fff 49%,transparent 50%),linear-gradient(115deg,transparent 42%,#fff 43%,#fff 46%,transparent 47%),linear-gradient(0deg,transparent 47%,#fff 48%,#fff 50%,transparent 51%);background-size:170px 130px,120px 150px,90px 90px}.water{position:absolute;right:-70px;top:-20px;width:170px;height:300px;background:#c9e7f8;transform:rotate(25deg);border-left:9px solid #dcebf0}.map-label{position:absolute;top:36%;left:20%;font-size:12px;color:#93a08f;transform:rotate(-18deg)}.map .map-note{position:absolute;bottom:9px;left:11px;font-size:10px;background:#ffffffe5;padding:5px;border-radius:4px;color:#7c8792}.map-pin{position:absolute;background:var(--blue);color:white;box-shadow:0 3px 12px #1c65da33;border:3px solid white;border-radius:20px;font-size:11px;font-weight:600;padding:7px 9px}.map-pin.active{background:#f08754}.map-locate{position:absolute;right:12px;bottom:12px;background:white;border-radius:8px;padding:7px;display:flex;color:var(--blue)}.map-caption{display:flex;gap:6px;font-size:12px;color:#7a899c;margin:12px 0}.field{display:block;margin:18px 0;font-size:13px;font-weight:600}.field em{color:#ec7e65;font-style:normal}.field input,.field select,.field textarea{margin-top:9px;width:100%;border:1px solid #e5eaf1;border-radius:10px;background:#fff;padding:13px;font-weight:400;font-size:14px;color:#46566c}.field textarea{min-height:115px;resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid .field{margin:5px 0}.step-label{display:flex;justify-content:space-between;font-size:11px;color:#95a3b5;margin:18px 0}.step-label .active{color:var(--blue)}.publish-grid{gap:14px;border:none}.publish-grid button{border:1px solid #eaf0f5;border-radius:12px;padding:17px 4px;background:#fcfdff}.publish-grid b{font-size:12px}.upload{width:100%;border:1px dashed #b8cce7;background:#f7faff;padding:22px;border-radius:11px;display:flex;align-items:center;flex-direction:column;gap:8px;color:#7c9bc7;font-size:13px}.upload small{font-size:11px;color:#9aaabc}.photo-previews{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.photo-previews img{width:70px;height:70px;object-fit:cover;border-radius:8px}.photo-previews button{font-size:11px;color:#f08754}.form-note{font-size:11px;color:#99a5b4;line-height:1.6}.success{text-align:center;padding-top:40px}.success-icon{background:#e9f7f0;color:#36a87e;width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px}.success h1{font-size:25px}.success p{font-size:14px;line-height:1.8;color:#8695a7}.success .primary{margin:28px 0 12px}.message-row{display:flex;align-items:center;gap:12px;text-align:left;padding:20px 0;width:100%;border-bottom:1px solid var(--border)}.message-row .avatar{width:50px;height:50px}.message-info{flex:1;min-width:0}.message-info b{font-size:14px}.message-info p{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8d9bad;margin:7px 0}.message-info small{font-size:10px;color:#aab3be}.message-meta{display:flex;flex-direction:column;align-items:flex-end;gap:11px;color:#abb5c2;font-size:10px}.unread{background:var(--blue);color:white;min-width:18px;height:18px;padding:3px;border-radius:50%;font-size:10px;text-align:center}.chat-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f5f8fc;border-radius:12px;text-align:left;width:100%;font-size:13px}.chat-item .listing-image{width:55px;height:55px}.chat-item .image-tag{display:none}.chat-item b{display:block;margin-bottom:6px;font-size:12px}.chat-day{text-align:center;color:#acb6c4;font-size:10px;margin:25px 0}.chat-row{display:flex;gap:8px;align-items:flex-end;margin:16px 0}.chat-row.mine{justify-content:flex-end}.bubble{max-width:78%;padding:12px 15px;background:#f2f5f9;border-radius:13px 13px 13px 2px;font-size:14px;line-height:1.65;color:#53647c}.mine .bubble{background:#246bfd;color:white;border-radius:13px 13px 2px 13px}.chat-row .avatar{width:30px;height:30px;font-size:10px}.chat-composer{position:fixed;bottom:74px;left:50%;transform:translateX(-50%);width:100%;max-width:520px;padding:12px 20px;background:white;border-top:1px solid var(--border);display:flex;gap:8px;z-index:35}.chat-composer input{width:100%;min-width:0;border:0;background:#f3f6f9;padding:12px;border-radius:10px;font-size:14px;outline:none}.chat-composer button{background:var(--blue);color:white;border-radius:10px;display:flex;align-items:center;padding:11px}.quick-replies{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0 90px}.quick-replies button{font-size:11px;border:1px solid #dfe9f5;color:#6c8ab3;border-radius:16px;padding:8px 10px}.profile-card{display:flex;gap:15px;align-items:center;padding:10px 0 25px}.profile-card .avatar{width:68px;height:68px;background:linear-gradient(135deg,#cde2ff,#e6f1ff);color:#5d8fcd;font-size:23px}.profile-card h1{font-size:24px;margin:0 0 7px}.profile-card p{font-size:12px;color:#8da0b7;margin:0}.profile-stats{display:flex;justify-content:space-around;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:25px}.profile-stats button{display:flex;flex-direction:column;gap:8px}.profile-stats b{font-size:22px}.profile-stats span{font-size:12px;color:#8d9bad}.profile-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:18px 0;text-align:left;border-bottom:1px solid var(--border);font-size:14px}.profile-menu button>svg:first-child{color:#7894b8}.profile-menu button>svg:last-child{margin-left:auto;color:#b4bfcc}.profile-banner{background:#ecf3ff;border-radius:14px;padding:19px;margin:20px 0}.profile-banner h3{font-size:14px;margin:0 0 9px;color:#4b7ac2}.profile-banner p{font-size:12px;color:#8b9db7;line-height:1.8;margin:0}.toast{position:fixed;left:50%;bottom:145px;transform:translateX(-50%);z-index:90;background:#21364feb;color:white;padding:12px 20px;font-size:13px;border-radius:11px;box-shadow:0 5px 20px #19324b20;max-width:90%;text-align:center}.backdrop{position:fixed;inset:0;background:#15314e55;z-index:70;display:flex;align-items:flex-end;justify-content:center}.sheet{background:#fff;width:100%;max-width:520px;border-radius:20px 20px 0 0;padding:24px;max-height:80vh;overflow:auto}.sheet h2{font-size:19px;margin:0 0 19px}.sheet .close{float:right}.city-option{width:100%;text-align:left;padding:16px 0;border-bottom:1px solid var(--border);display:flex;gap:8px;align-items:center}.city-option span{margin-left:auto;color:var(--blue)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border);font-size:13px}.settings-row select{padding:8px;border:1px solid #e5eaf1;border-radius:8px;font-size:13px}.error{font-size:12px;color:#d36250}.about p{font-size:14px;line-height:1.9;color:#728198}.about a{font-size:12px}.check-row{display:flex;gap:8px;font-size:12px;line-height:1.7;align-items:flex-start;margin:20px 0;color:#8695a9}.check-row input{margin-top:4px;accent-color:var(--blue)}.inline-action{display:flex;justify-content:space-between;align-items:center;margin:16px 0;font-size:12px;color:#8d9bad}.inline-action button{display:flex;gap:5px;align-items:center;color:var(--blue)}@media(min-width:700px){body{padding:28px 0}.app{border-radius:24px;overflow:clip;min-height:calc(100vh - 56px)}.header{border-radius:24px 24px 0 0}.bottom-nav{bottom:0;box-shadow:0 -6px 30px #28436909}.app main{padding-left:26px;padding-right:26px}}@media(max-width:360px){main{padding-left:16px;padding-right:16px}.welcome{padding:19px 15px}h1{font-size:23px}.welcome-stamp{min-width:68px;width:68px}.listing-image{width:93px}.listing h3{font-size:13px}.listing{gap:10px}.tags span{font-size:9px}.filters{gap:4px}}
.listing-open{display:flex;gap:14px;text-align:left;width:100%;padding:0}.save-button{position:absolute;right:0;top:17px;padding:7px;color:#a8b6c8;background:#fff;border-radius:50%;display:flex}.save-button.saved{color:#f08054}.listing h3{padding-right:17px}.location-button{display:flex;align-items:center;gap:5px;padding:0;font-size:14px}.location-button>svg:first-child{color:var(--blue)}.quiet-button{color:#91a2b6;font-size:13px;margin:22px}.chat-composer button:disabled{background:#a7bfed;cursor:default}.check-row input{width:18px;height:18px;flex-shrink:0}.sheet:focus{outline:none}.field textarea{white-space:pre-wrap}.description{white-space:pre-wrap}.settings-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--blue)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:360px){.listing-open{gap:10px}.owner{gap:8px}.owner .verified{font-size:9px}.detail-actions{padding-left:12px;padding-right:12px}.primary,.secondary{padding:12px}.hero-photo{height:190px}}
.backend-status{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7f96b2;background:#f4f8ff;border-radius:8px;padding:8px 10px;margin-bottom:16px}.backend-status button{color:#246bfd;font-size:11px;padding:3px}.primary:disabled{opacity:.6;cursor:wait}

.login-panel{text-align:center;padding:28px 4px}.login-panel>.brandmark{display:inline-flex;margin-bottom:20px}.auth-button{width:100%;display:flex;align-items:center;justify-content:center;gap:15px;border-radius:14px;min-height:54px;margin:12px 0;border:1px solid #dce2ee;background:white;font-size:15px;font-weight:600}.auth-button.apple{background:#111;color:white;border-color:#111}.auth-button.wechat{background:#07a85a;color:white;border-color:#07a85a}.auth-button:disabled{opacity:.45;cursor:not-allowed}.auth-button span{font-size:22px}

.listing-image.groups,.hero-photo.groups{background:#e7f7ee;color:#21a366}.group-join{background:#f5faf7;border:1px solid #e0eee5;padding:18px;border-radius:14px;margin-top:22px}.group-join h2{margin-top:0}.group-qr{display:block;max-width:100%;width:260px;height:auto;object-fit:contain;background:white;border:10px solid white;border-radius:10px;margin:14px auto}.qr-preview{text-align:center}.group-join .description{white-space:pre-wrap;overflow-wrap:anywhere}

/* Desktop website layout; small screens retain the existing mobile navigation. */
.desktop-nav,.desktop-publish,.website-footer{display:none}
@media(min-width:900px){
 :root{background:#f7f8fb;--border:#e7ebf1;--muted:#718096}
 body{padding:0;background:#f7f8fb}
 .app{max-width:none;border-radius:0;overflow:visible;min-height:100vh;box-shadow:none;background:#f7f8fb}
 .header{height:86px;padding:0 max(32px,calc((100vw - 1200px)/2));border-radius:0;gap:16px;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #e5eaf2}
 .brand{font-size:27px;letter-spacing:-1px;white-space:nowrap}.brandmark{width:38px;height:38px;border-radius:12px}
 .demo-label{font-size:10px;white-space:nowrap;background:#eef3fb;color:#6b809e;letter-spacing:0}
 .desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto;margin-right:16px;height:100%}
 .desktop-nav button{font-size:14px;height:100%;padding:0;position:relative;color:#627188;font-weight:500;white-space:nowrap}
 .desktop-nav button.active{color:#246bfd;font-weight:700}.desktop-nav button.active:after{content:'';height:3px;background:#246bfd;position:absolute;bottom:0;left:0;right:0;border-radius:3px}
 .desktop-publish{display:flex;font-size:13px;padding:12px 17px;white-space:nowrap}.header>.icon-button{margin-left:0}
 .app main{max-width:1200px;margin:auto;padding:28px 0 64px;min-height:calc(100vh - 325px)}
 .backend-status{background:none;color:#8a98ac;padding:0 2px;margin-bottom:22px;font-size:11px}.backend-status button{color:#8394ab}
 .page-home main,.page-list main,.page-search main,.page-favorites main,.page-history main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 .page-home main>*,.page-list main>*,.page-search main>*,.page-favorites main>*,.page-history main>*{grid-column:1/-1}
 .page-home main>.listing,.page-list main>.listing,.page-search main>.listing,.page-favorites main>.listing,.page-history main>.listing{grid-column:auto}
 .page-home .backend-status{margin:0}.page-home .location{margin:0;font-size:13px}.location span{font-size:12px}.location-button{font-size:14px}
 .search{margin:0 0 4px;border:1px solid #e0e7f0;border-radius:12px;background:white;padding:17px 20px;box-shadow:0 3px 12px #17263803}.search input{font-size:15px}.search button{padding:4px 10px;color:#246bfd}
 .welcome{padding:46px 50px;border-radius:22px;min-height:288px;background:radial-gradient(ellipse at 85% 25%,#d4e6ff 0,transparent 48%),linear-gradient(120deg,#eaf2ff,#f0f6ff);border:1px solid #dfeafa;align-items:center}
 .eyebrow{font-size:11px;letter-spacing:3px}.welcome h1{font-size:44px;line-height:1.25;margin:15px 0;letter-spacing:-1.5px}.welcome p{font-size:15px;margin:0 0 27px;color:#637b99}.welcome button{padding:13px 20px;font-size:14px;border-radius:10px}
 .welcome-stamp{width:170px;height:196px;min-width:170px;border-radius:90px 90px 16px 16px;margin-right:90px;border:2px solid #a8c9f1;background:#ffffff60;box-shadow:15px 15px 0 #c8dff944;transform:rotate(9deg)}.welcome-stamp>svg{width:62px;height:62px}.welcome-stamp span{font-size:17px;letter-spacing:3px;margin-top:15px}
 .category-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;padding:24px 14px;background:white;border:1px solid #e7ebf1;border-radius:16px;margin:2px 0 0;box-shadow:0 4px 18px #23395403}
 .category-grid button{padding:10px 0;gap:10px;border-radius:12px}.category-grid button:hover{background:#f6f8fc}.category-grid button>span{width:52px;height:52px;border-radius:16px}.category-grid b{font-size:13px}.category-grid small{font-size:10px}
 .section-heading{margin:16px 0 0}.section-heading h2{font-size:24px;gap:12px}.section-heading button{font-size:13px;color:#5c7598}.live-label{font-size:11px;padding:5px 8px}.feed-tabs{margin:0;gap:30px}.feed-tabs button{font-size:14px;padding:0 0 15px}
 main>.listing{padding:0;border:1px solid #e4e9f0;background:white;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #17335804;transition:transform .2s,box-shadow .2s}.listing:hover{transform:translateY(-3px);box-shadow:0 10px 28px #17335810}
 main>.listing .listing-open{flex-direction:column;gap:0}.listing-open>.listing-image{width:100%;height:204px;border-radius:0}.listing-open>.listing-body{padding:19px 20px 21px;width:100%}.listing h3{font-size:16px;line-height:1.55;font-weight:650;margin:0 0 9px;min-height:25px;padding-right:0}.listing .price{font-size:21px;margin-bottom:12px}.listing .price small{font-size:12px}.tags span{font-size:11px;padding:5px 8px}.listing .meta{font-size:12px;margin-top:14px}.listing .time{font-size:11px;margin-top:7px}.image-tag{bottom:12px;left:14px;font-size:11px;padding:5px 9px;box-shadow:0 2px 9px #23395410}
 .save-button{top:13px;right:13px;background:#fffffff2;box-shadow:0 2px 8px #17263810;padding:9px;z-index:2}.endnote{margin:4px 0 0;font-size:12px}
 .bottom-nav{display:none}.website-footer{display:flex;max-width:1200px;margin:auto;padding:35px 0 42px;border-top:1px solid #e0e6ef;align-items:center;justify-content:space-between;gap:32px}.website-footer .brand{font-size:22px}.website-footer .brandmark{width:31px;height:31px;font-size:24px}.website-footer p{font-size:12px;color:#8996a8;margin:14px 0 0}.footer-links{display:flex;gap:26px;font-size:13px;color:#697b94}.website-footer small{font-size:11px;color:#99a4b4;line-height:1.9;text-align:right}
 .page-detail main,.page-publish main,.page-form main,.page-success main,.page-profile main,.page-mine main,.page-messages main,.page-chat main,.page-settings main,.page-about main,.page-login main{max-width:820px;background:#fff;border:1px solid #e5ebf2;border-radius:18px;padding:30px 40px 40px;margin:32px auto 48px;min-height:500px}
 .page-login main,.page-form main,.page-settings main{max-width:640px}.login-panel{max-width:430px;margin:auto;padding:20px 0}.top-title{margin:15px 0 26px}.hero-photo{height:360px}.detail{padding-bottom:0}.detail-actions,.chat-composer{position:static;transform:none;max-width:none;padding:18px 0 0;background:none;border:0;margin-top:20px}.quick-replies{margin-bottom:20px}.detail .map{height:290px}
 .publish-grid{grid-template-columns:repeat(3,1fr);padding:0;border:0;box-shadow:none;gap:14px}.publish-grid button{padding:24px;background:#fafcff;border:1px solid #e5ebf3}.profile-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.toast{bottom:35px}.backdrop{align-items:center}.sheet{border-radius:18px;box-shadow:0 20px 70px #17263825}.filters select{max-width:220px;padding:12px}.pills{margin:0}.map{height:340px}.page-discover main>.listing{margin:18px 0}.page-discover .listing-open{flex-direction:row}.page-discover .listing-image{width:180px;height:160px;border-radius:0}.page-discover .listing-body{padding:20px}
}
@media(min-width:900px) and (max-width:1264px){.app main,.website-footer{margin-left:32px;margin-right:32px}.header{padding-left:32px;padding-right:32px}.desktop-nav{gap:20px}.welcome-stamp{margin-right:35px}.category-grid b{font-size:12px}.category-grid small{font-size:9px}.page-detail main,.page-form main,.page-profile main,.page-login main,.page-settings main{margin-left:auto;margin-right:auto;width:calc(100% - 64px)}}
@media(min-width:700px) and (max-width:899px){
 body{padding:0;background:#f7f8fb}.app{max-width:none;border-radius:0;overflow:visible;box-shadow:none;background:#f7f8fb}.header{height:auto;min-height:110px;flex-wrap:wrap;padding:18px 24px 0;border-radius:0;gap:12px;background:white}.desktop-nav{display:flex;order:5;flex-basis:100%;justify-content:space-between;margin:0;padding:12px 0;border-top:1px solid #edf0f4}.desktop-nav button{font-size:13px;color:#77879c}.desktop-nav button.active{color:#246bfd;font-weight:700}.desktop-publish{display:flex;margin-left:auto;font-size:12px;padding:10px 13px}.header>.icon-button{margin-left:0}.demo-label{display:none}.bottom-nav{display:none}
 .app main{max-width:none;padding:24px 24px 45px}.page-home main,.page-list main,.page-search main,.page-favorites main,.page-history main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.page-home main>*,.page-list main>*,.page-search main>*,.page-favorites main>*,.page-history main>*{grid-column:1/-1}.page-home main>.listing,.page-list main>.listing,.page-search main>.listing,.page-favorites main>.listing,.page-history main>.listing{grid-column:auto}
 .backend-status{margin:0;background:none;padding:0}.search{margin:0;background:white;border:1px solid #e1e8f2}.welcome{padding:30px;min-height:230px}.welcome h1{font-size:33px}.welcome-stamp{width:115px;height:145px}.category-grid{grid-template-columns:repeat(5,1fr);background:white;border:1px solid #e6ebf3;border-radius:14px;padding:24px 10px;gap:20px 6px}.section-heading{margin:6px 0 0}.feed-tabs{margin:0}
 main>.listing{padding:0;background:white;border:1px solid #e4eaf2;border-radius:13px;overflow:hidden}.listing-open{flex-direction:column;gap:0}.listing-open>.listing-image{width:100%;height:180px;border-radius:0}.listing-open>.listing-body{padding:17px;width:100%}.listing h3{padding:0;font-size:15px}.save-button{top:12px;right:12px}.website-footer{display:flex;flex-wrap:wrap;gap:24px;margin:0 24px;padding:25px 0;border-top:1px solid #e1e7ef;justify-content:space-between}.website-footer .brand{font-size:21px}.website-footer p,.website-footer small{font-size:11px;color:#8a98ab;line-height:1.7}.footer-links{display:flex;gap:15px;font-size:12px;color:#74839a}.website-footer small{flex-basis:100%}.detail-actions,.chat-composer{position:static;transform:none;max-width:none;background:none;padding:16px 0;margin-top:20px}.detail{padding-bottom:0}.quick-replies{margin-bottom:15px}.page-publish .publish-grid{grid-template-columns:repeat(3,1fr)}
}
.ad-carousel{position:relative;overflow:hidden;border-radius:18px;background:var(--ad-background);color:var(--ad-color);border:1px solid color-mix(in srgb,var(--ad-accent) 40%,transparent);transition:background .45s;touch-action:pan-y}
.ad-slide{display:flex;justify-content:space-between;align-items:center;min-height:260px;padding:26px 24px 60px;animation:ad-enter .45s ease both}.ad-copy{position:relative;z-index:1;max-width:64%}.ad-kicker{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:1.4px;font-weight:600}.ad-kicker>span:last-child{display:none}.ad-label{border:1px solid currentColor;border-radius:5px;padding:4px 7px;font-size:9px;letter-spacing:.5px;opacity:.7}.ad-copy h1{white-space:pre-line;font-size:27px;line-height:1.35;letter-spacing:-.7px;margin:15px 0 12px;color:var(--ad-color)}.ad-copy p{font-size:12px;line-height:1.8;margin:0 0 19px;opacity:.8}.ad-cta{display:inline-flex;align-items:center;gap:12px;padding:11px 15px;background:var(--ad-color);color:white;border-radius:9px;font-size:12px;font-weight:600}.ad-art{position:relative;width:105px;height:160px;flex-shrink:0;margin-left:10px}.ad-illustration{position:absolute;inset:13px 0 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#ffffff70;border:1px solid var(--ad-accent);border-radius:50px 50px 14px 14px;box-shadow:8px 9px 0 var(--ad-accent);transform:rotate(7deg);gap:10px}.ad-illustration svg{width:45px;height:45px}.ad-illustration span{font-size:12px;font-weight:600;letter-spacing:2px}.ad-illustration small{font-size:6px;letter-spacing:1px;opacity:.6}.ad-orbit{position:absolute;inset:0;border-radius:50%;border:1px solid var(--ad-accent);transform:rotate(-30deg) scale(1.3,.9);opacity:.6}.ad-spark{position:absolute;color:var(--ad-color);font-size:22px}.ad-spark-one{top:0;right:-3px}.ad-spark-two{bottom:0;left:0;font-size:14px}.ad-controls{position:absolute;bottom:17px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ad-count{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.ad-count span{opacity:.45;font-weight:400;margin-left:3px}.ad-dots{display:flex;gap:4px;align-items:center}.ad-dots button{width:22px;height:24px;padding:8px 5px;position:relative}.ad-dots button:after{content:'';display:block;width:7px;height:7px;background:var(--ad-color);opacity:.25;border-radius:10px;transition:opacity .2s,width .2s}.ad-dots button.active:after{opacity:1;width:16px}.ad-arrows{display:flex;gap:5px}.ad-arrows button{display:flex;justify-content:center;align-items:center;width:29px;height:29px;border-radius:50%;border:1px solid var(--ad-accent);background:#ffffff60;color:var(--ad-color)}.ad-arrows button:hover{background:white}.ad-cta:hover{filter:brightness(1.08)}
@keyframes ad-enter{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:700px){.ad-carousel{border-radius:22px}.ad-slide{min-height:340px;padding:38px 42px 75px}.ad-copy{max-width:60%}.ad-kicker>span:last-child{display:inline}.ad-copy h1{font-size:36px;margin:18px 0 14px}.ad-copy p{font-size:14px;max-width:460px}.ad-cta{font-size:13px;padding:13px 18px}.ad-art{width:175px;height:210px;margin-right:25px}.ad-illustration{border-radius:90px 90px 18px 18px;box-shadow:12px 13px 0 var(--ad-accent)}.ad-illustration svg{width:65px;height:65px}.ad-illustration span{font-size:17px}.ad-illustration small{font-size:9px}.ad-controls{left:42px;right:42px;bottom:23px}.ad-arrows button{width:34px;height:34px}}
@media(min-width:1100px){.ad-slide{min-height:350px;padding:40px 50px 75px}.ad-copy h1{font-size:42px}.ad-art{width:210px;height:240px;margin-right:100px}.ad-illustration svg{width:82px;height:82px}.ad-controls{left:50px;right:50px}.ad-kicker{font-size:10px}.ad-label{font-size:10px}.ad-count{font-size:12px}}
@media(max-width:360px){.ad-slide{padding:22px 18px 60px}.ad-copy h1{font-size:23px}.ad-art{width:80px;height:135px}.ad-copy p{font-size:11px}.ad-controls{left:18px;right:18px;gap:5px}.ad-arrows{gap:3px}.ad-dots{gap:0}}
@media(prefers-reduced-motion:reduce){.ad-slide{animation:none}.ad-carousel{transition:none}}
.region-heading{font-size:12px;color:#8292a6;padding:15px 0 8px;margin:0;border-bottom:1px solid #edf0f4;font-weight:600}