/* 同城大集 · 邻里生活。Design reference: bundled Airbnb study. */
:root{--brand:#bd352e;--ink:#302d29;--muted:#706c66;--line:#ece7df;--canvas:#faf8f4;--soft:#f8eee7}
body{background:var(--canvas);color:var(--ink);font-size:15px;line-height:1.6;padding-bottom:90px}
button,input,select,textarea{font-family:inherit}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #36786a;outline-offset:4px}
.header{max-width:960px;margin:auto;padding:26px 24px 0;background:none;color:var(--ink);border-radius:0}
.brand{font-size:24px;font-weight:750;letter-spacing:1px;gap:10px}
.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--brand);color:white;font-size:24px}
.header-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.simple-link{color:var(--muted);text-decoration:none;font-size:13px;border:1px solid var(--line);border-radius:24px;padding:8px 12px;background:white;white-space:nowrap}
.slogan{font-size:13px;color:var(--muted);margin-top:10px;letter-spacing:0;min-height:20px}
.stats{gap:0;margin-top:22px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{background:none;padding:0 18px;border-radius:0;text-align:center;border-right:1px solid var(--line)}
.stat:last-child{border:0}.stat .n{font-size:24px;font-weight:650;line-height:1.3;font-variant-numeric:tabular-nums}.stat .l{font-size:12px;color:var(--muted);margin-top:4px}
.content{max-width:960px;margin:auto;padding:24px 24px 12px}
.neighborhood{position:relative;overflow:hidden;background:#eee8dc;border:1px solid #e6dfd1;border-radius:24px;padding:28px;margin-bottom:26px;min-height:195px}
.neighborhood .eyebrow{font-size:12px;letter-spacing:3px;color:#765d43;margin-bottom:10px}
.neighborhood h1{font-size:32px;line-height:1.35;font-weight:650;letter-spacing:1px;position:relative;z-index:1}
.neighborhood p{font-size:14px;color:#6d6051;margin-top:12px;position:relative;z-index:1}
.market-art{position:absolute;right:28px;bottom:-8px;width:260px;height:180px;opacity:.95}
.section-heading{margin:26px 0 14px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-heading h2{font-size:21px;font-weight:650}.section-heading span{font-size:12px;color:var(--muted)}
.svc{gap:12px;margin-bottom:26px}.svc .sv{font-family:inherit;flex:1;min-width:0;background:white;color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:none;padding:20px 10px;cursor:pointer}
.svc .sv.hot{background:#eff4ef;border:1px solid #dbe5da;color:var(--ink)}
.svc .si{font-size:29px;margin-bottom:10px}.svc .st{font-size:16px;font-weight:650}.svc .sd,.svc .sv.hot .sd{font-size:12px;font-weight:400;color:var(--muted);background:none;padding:0;margin-top:6px;line-height:1.7}
.card,.task,.mc,.mem,.card3,.nd,.kd{border:1px solid var(--line);box-shadow:none;border-radius:18px;padding:20px;margin-bottom:14px}
.sec{font-size:18px;font-weight:650;flex-wrap:wrap;gap:8px}.sec .tag{font-size:11px;background:var(--soft);color:var(--brand);font-weight:500;padding:4px 10px}
.welfare-card{position:relative}.welfare-card .hero{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:18px}.hero .ico{height:80px;width:80px;border-radius:16px;background:#f5ead7;font-size:38px}.hero .nm{font-size:19px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.hero .ds{font-size:13px;color:var(--muted);margin-top:6px}.welfare-tier{font-size:11px;letter-spacing:1px;color:#8a6650;margin-bottom:4px}.stock-caption{font-size:12px;color:var(--muted);margin-top:7px}
.bar{height:5px;background:#eeeae4;margin-top:14px!important}.bar i{background:#cd8c60}
.btn,.sub .btn{min-height:44px;border-radius:12px;font-size:14px;font-weight:600;padding:11px 17px}.red,.sub .btn.red{background:var(--brand);color:white}.ghost{color:var(--brand);border:1px solid #dcb6ac;background:white}.done,.gray{background:#f0ede8;color:#77716a}.task .tn{font-size:16px}.task .ts{font-size:13px;color:var(--muted)}.task .tr{font-size:12px;color:var(--brand)}
.tt{border-width:1px;border-radius:16px;padding:18px 10px}.tt.on{border-color:var(--brand);background:#fbefec}.tt .ttn{font-weight:650}.tt .tts{font-size:12px;color:var(--muted)}
.tabbar{left:50%;right:auto;transform:translateX(-50%);width:100%;max-width:960px;height:80px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));height:calc(80px + env(safe-area-inset-bottom));border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -6px 28px #302d2906;background:#fff}
.tab{border:0;background:none;font-family:inherit;font-size:11px;color:var(--muted);border-radius:12px;gap:5px;min-width:0}.tab .i{font-size:21px;line-height:1}.tab.on{color:var(--brand);background:#fbf1ed;font-weight:650}.tab-c .i{width:auto;height:auto;margin:0;background:none;box-shadow:none;color:inherit;border-radius:0;font-size:21px}
.modal{border-radius:24px;padding:26px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 80px #302d2926}.modal h3{font-size:22px}.modal .sub{font-size:14px}.inp,.sel,.sub .inp{font-size:16px;border:1px solid #ded8cf;border-radius:12px;min-height:48px;background:#fff}.inp:focus{border-color:var(--brand);box-shadow:0 0 0 3px #bd352e12}.mask{background:#28251f66;backdrop-filter:blur(4px)}
.sub{background:var(--canvas)}.sub .nav{background:white;color:var(--ink);border-bottom:1px solid var(--line);padding:16px max(16px,calc((100% - 912px)/2))}.sub .nbody{max-width:960px;margin:auto;padding:24px}.sub .nav .bk{min-width:44px;text-align:center}.empty{font-size:14px;color:var(--muted);padding:38px 8px}.banner{background:#faf4e8;border-color:#ecdfc6;color:#786340;font-size:13px}.inv{background:#3e554b}.mc .n{color:var(--brand)}
@media(min-width:700px){.svc .sv{display:grid;grid-template-columns:52px 1fr;text-align:left;column-gap:12px;padding:24px}.svc .si{grid-row:span 2;align-self:center;margin:0}.svc .st,.svc .sd{margin:0}.welfare-card{padding:24px}.header{padding-top:36px}}
@media(max-width:600px){.header{padding:20px 18px 0}.content{padding:20px 16px 12px}.neighborhood{padding:24px 20px;min-height:208px}.neighborhood h1{font-size:27px}.neighborhood p{font-size:13px;max-width:195px}.market-art{right:-40px;width:190px;height:145px;opacity:.65}.svc{gap:8px}.svc .sv{padding:18px 6px}.svc .st{font-size:15px}.svc .sd{font-size:11px}.card,.task{padding:16px}.welfare-card .hero{grid-template-columns:64px minmax(0,1fr);gap:12px}.hero .ico{width:64px;height:68px;font-size:32px}.hero .nm{font-size:18px}.welfare-card .hero>.btn{grid-column:2;justify-self:start;white-space:normal!important}.section-heading span{font-size:11px}.stat{padding:0 10px}.task{gap:10px}.task .btn{padding:10px 12px}.task .ti{width:40px;height:40px}.tab{font-size:10px}.sub .nbody{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* 2026-09-26 · second-pass visual system: editorial neighborhood marketplace */
:root{--brand:#d64332;--brand-dark:#9f2f25;--forest:#173a32;--lime:#dce982;--cream:#f4f0e8;--paper:#fffdfa;--ink:#17201d;--muted:#6b726f;--line:#deddd7}
body{background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
.header{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 32px);max-width:1080px;margin:16px auto 0;padding:26px 30px 24px;background:var(--forest);color:white;border-radius:32px;min-height:330px}
.header::before{content:"";position:absolute;inset:auto -80px -120px auto;width:360px;height:360px;border-radius:50%;background:#244d43;z-index:-2}
.header::after{content:"";position:absolute;left:0;right:0;bottom:91px;border-top:1px solid #ffffff18;z-index:-1}
.header-top{position:relative;z-index:3}.brand{font-size:21px;font-weight:700;letter-spacing:.5px}.brand-mark{width:38px;height:38px;border-radius:50%;background:var(--lime);color:var(--forest);font-size:20px;font-weight:900}.simple-link{color:#f7f4eb;background:#ffffff0d;border-color:#ffffff2b;border-radius:999px;padding:9px 14px;font-size:12px}
.header-copy{position:relative;z-index:2;margin-top:40px}.header-kicker,.section-kicker{font-size:10px;font-weight:700;letter-spacing:2.4px;color:#9ec0b6}.header-copy h1{font-size:39px;line-height:1.18;letter-spacing:-1.4px;font-weight:700;margin:8px 0 10px}.slogan{color:#c5d2cd;font-size:13px;margin:0;min-height:18px}
.header-art{position:absolute;right:34px;bottom:91px;width:260px;height:205px;z-index:1}.header-art i{position:absolute;display:block}.header-art .sun{right:5px;top:3px;width:70px;height:70px;border-radius:50%;background:var(--lime)}.header-art .roof{right:32px;top:80px;width:150px;height:56px;background:var(--brand);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%)}.header-art .roof::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 20px,#fff1d8 20px 35px)}.header-art .wall{right:42px;top:132px;width:130px;height:67px;background:#fff6df;border-radius:0 0 5px 5px}.header-art .door{right:128px;top:150px;width:27px;height:49px;background:#5d8478;border-radius:3px 3px 0 0}.header-art .window{right:64px;top:150px;width:41px;height:30px;background:#eabf6d;box-shadow:inset 18px 0 #fff6df,inset 0 13px #fff6df}.header-art .tree{left:8px;bottom:6px;width:18px;height:43px;background:#9fc087}.header-art .tree::before{content:"";position:absolute;width:55px;height:55px;left:-20px;top:-38px;border-radius:60% 45% 55% 42%;background:#6c9a80}.header-art .ground{left:0;right:0;bottom:5px;height:2px;background:#ffffff4a}
.stats{position:absolute;z-index:3;left:30px;right:30px;bottom:0;height:91px;margin:0;padding:17px 0;border:0}.stat{border-color:#ffffff20;padding:0 20px;text-align:left}.stat .n{color:white;font-size:24px;font-weight:700}.stat .l{color:#abc0ba;font-size:11px}
.content{max-width:1080px;padding:32px 16px 120px}.section-heading{margin:52px 0 18px;align-items:flex-end}.section-heading.first{margin-top:0}.section-heading>div{display:flex;flex-direction:column}.section-heading h2{font-size:28px;line-height:1.1;font-weight:750;letter-spacing:-1px}.section-heading>span{font-size:12px;color:var(--muted)}.section-kicker{color:#7e8d87;margin-bottom:8px}.free-pill{color:var(--brand)!important;background:#f9ddd8;border-radius:999px;padding:7px 11px;font-weight:650}
.svc{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0}.svc .sv{display:flex!important;flex-direction:column!important;text-align:left!important;position:relative;min-height:210px;padding:22px!important;border:0!important;border-radius:24px!important;box-shadow:none!important;overflow:hidden;transition:transform .2s ease}.svc .sv:active{transform:scale(.98)}.svc .sv::after{content:"";position:absolute;width:130px;height:130px;border:1px solid currentColor;border-radius:50%;opacity:.12;right:-50px;bottom:-55px}.svc .sv.junk{background:#ffd8c8;color:#5c251c}.svc .sv.hot{background:#d9e8a0;color:#24350d}.svc .sv.mom{background:#efcfde;color:#58203c}.svc .sv.team{background:#cadfdb;color:#153d36}.svc .si{display:grid;place-items:center;width:48px;height:48px;margin:0 0 auto!important;border-radius:50%;background:#ffffff8c;font-size:20px!important;font-weight:800;line-height:1}.svc .st{font-size:21px!important;font-weight:750!important;letter-spacing:-.4px}.svc .sd,.svc .sv.hot .sd{color:currentColor!important;opacity:.72;font-size:12px!important;margin-top:3px!important}.svc .sv b{font-size:12px;margin-top:14px;font-weight:700}
.benefit-heading{margin-top:58px}.welfare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.welfare-card{display:flex;flex-direction:column;overflow:hidden;background:var(--paper);border:0!important;border-radius:28px!important;padding:0!important;margin:0!important;box-shadow:0 10px 40px rgba(23,32,29,.06)!important}.welfare-visual{position:relative;display:grid;place-items:center;height:230px;background:#eee4d3;overflow:hidden}.welfare-card:nth-child(2) .welfare-visual{background:#dbe8e2}.welfare-card:nth-child(3) .welfare-visual{background:#f0d9d2}.welfare-number{position:absolute;top:14px;left:18px;font-size:13px;font-weight:750;letter-spacing:1px;color:#26352f88}.welfare-emoji{font-size:92px;filter:drop-shadow(0 18px 14px #46392c20);transform:rotate(-5deg)}.welfare-card:nth-child(2) .welfare-emoji{transform:rotate(4deg)}.picked-badge{position:absolute;right:14px;top:14px;color:white;background:var(--forest);padding:7px 11px;border-radius:999px;font-size:11px;font-weight:700}.welfare-body{display:flex;flex-direction:column;flex:1;padding:20px}.welfare-card .hero{display:block}.welfare-copy{min-width:0}.welfare-tier{font-size:11px;color:var(--brand);font-weight:700;letter-spacing:1px}.welfare-card .nm{font-size:20px;font-weight:750;line-height:1.35;margin-top:4px;letter-spacing:-.3px}.welfare-card .ds{font-size:12px;color:var(--muted);margin-top:7px}.welfare-foot{display:flex;align-items:flex-end;gap:12px;margin-top:22px}.stock{flex:1;min-width:70px}.welfare-foot .bar{height:4px;margin:0 0 7px!important;background:#e7e4de}.welfare-foot .bar i{background:var(--forest)}.stock-caption{margin:0;color:var(--muted);font-size:11px}.welfare-foot .btn{min-height:42px;background:var(--brand);border-radius:999px;padding:10px 15px;font-size:12px;white-space:nowrap}.welfare-card.picked{outline:3px solid var(--forest);outline-offset:-3px}.welfare-card.sold .welfare-visual{filter:grayscale(.65);opacity:.68}.welfare-foot .done{background:#eceae5;color:#8a8c88}
.card,.task,.mc,.mem,.card3,.nd,.kd{background:var(--paper);border:0;box-shadow:0 8px 32px rgba(23,32,29,.05);border-radius:22px}.sec{font-size:20px}.sec .tag{background:#f6ded9;color:var(--brand)}
.tabbar{left:50%;bottom:14px;transform:translateX(-50%);width:calc(100% - 28px);max-width:600px;height:72px;padding:8px;border:0;border-radius:24px;box-shadow:0 14px 50px rgba(23,32,29,.18);background:#172d28}.tab{color:#9eb0aa;border-radius:17px;font-size:10px;gap:3px;padding:4px}.tab .i{display:grid;place-items:center;width:25px;height:25px;font-size:0}.tab .i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab.on{background:var(--lime);color:var(--forest);font-weight:750}.tab-c .i{width:25px;height:25px;background:none;box-shadow:none;margin:0;color:inherit}.team-tab{display:none}
.sub .nav{background:var(--forest);color:white}.btn.red,.sub .btn.red{background:var(--brand)}
@media(max-width:760px){.header{width:100%;margin:0;border-radius:0 0 34px 34px;padding:22px 20px 22px;min-height:355px}.header-copy{margin-top:42px}.header-copy h1{font-size:34px}.header-art{right:-45px;bottom:91px;transform:scale(.72);transform-origin:right bottom}.stats{left:20px;right:20px}.stat{padding:0 12px}.stat .n{font-size:21px}.content{padding:28px 15px 110px}.section-heading{margin:42px 2px 16px}.section-heading h2{font-size:25px}.svc{grid-template-columns:1fr 1fr;gap:10px}.svc .sv{min-height:176px;padding:18px!important;border-radius:22px!important}.svc .st{font-size:19px!important}.svc .si{width:42px;height:42px;font-size:18px!important}.welfare-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -15px;padding:0 15px 10px;gap:12px;scrollbar-width:none}.welfare-grid::-webkit-scrollbar{display:none}.welfare-card{min-width:82vw;scroll-snap-align:start}.welfare-visual{height:210px}.welfare-emoji{font-size:86px}.benefit-heading{margin-top:48px}.tabbar{height:68px;bottom:10px}.tab{font-size:10px}}
@media(max-width:360px){.header-copy h1{font-size:31px}.svc .sv{min-height:165px;padding:16px!important}.svc .st{font-size:17px!important}.welfare-card{min-width:86vw}.tabbar{width:calc(100% - 18px)}}

/* 2026-09-26 · flagship pass: image-led, calmer scale, fewer equal-weight tiles */
.header{min-height:520px;padding:30px 40px 28px;background:#102b24;border-radius:38px}
.header::before{inset:0;background:linear-gradient(90deg,rgba(8,27,22,.94) 0%,rgba(8,27,22,.68) 43%,rgba(8,27,22,.08) 78%);width:auto;height:auto;border-radius:0;z-index:-1}
.header::after{bottom:96px;border-color:#ffffff2b;z-index:1}.header-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}.header-art{display:none}
.header-copy{margin-top:92px;max-width:570px}.header-kicker{font-size:11px;color:var(--lime);letter-spacing:3.4px}.header-copy h1{font-size:58px;line-height:1.08;letter-spacing:-3px;margin:14px 0 20px;text-wrap:balance}.slogan{font-size:15px;color:#e1e8e5;max-width:420px}.stats{left:40px;right:40px;height:96px}.stat{padding:0 28px}.stat:first-child{padding-left:0}.stat .n{font-size:27px}.stat .l{font-size:12px;color:#d2ddd8}
.content{padding-top:70px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:34px;letter-spacing:-1.4px}.section-kicker{margin-bottom:10px}
.svc{grid-template-columns:repeat(2,1fr);grid-template-rows:220px 156px;gap:14px}.svc .sv{min-height:0;border-radius:28px!important;padding:26px!important}.svc .sv.hot{order:-1;grid-row:1 / 3;min-height:390px;background:var(--forest);color:white}.svc .sv.hot::before{content:"邻里互助";position:absolute;right:-16px;top:32px;writing-mode:vertical-rl;color:#ffffff0d;font-size:62px;font-weight:900;letter-spacing:8px}.svc .sv.hot .si{width:60px;height:60px;background:var(--lime);color:var(--forest);font-size:24px!important}.svc .sv.hot .st{font-size:36px!important;margin-top:auto;letter-spacing:-1.6px}.svc .sv.hot .sd{font-size:14px!important;color:#d4dfdb!important}.svc .sv.hot b{color:var(--lime);font-size:13px}.svc .sv.junk,.svc .sv.mom,.svc .sv.team{display:grid!important;grid-template-columns:56px 1fr;grid-template-rows:auto auto;column-gap:16px;align-content:center}.svc .sv.junk{background:#f6c9b6}.svc .sv.mom{background:#e9cedb}.svc .sv.team{background:#c9ded8}.svc .sv:not(.hot) .si{grid-row:1 / 3;margin:0!important;align-self:center;width:52px;height:52px}.svc .sv:not(.hot) .st{align-self:end;font-size:22px!important}.svc .sv:not(.hot) .sd{align-self:start}.svc .sv:not(.hot) b{display:none}
.benefit-heading{margin-top:90px}.welfare-grid{gap:18px}.welfare-card{border-radius:34px!important;box-shadow:none!important}.welfare-visual{height:290px}.welfare-photo{width:100%;height:100%;object-fit:cover}.welfare-emoji{font-size:112px}.welfare-body{padding:25px}.welfare-card .nm{font-size:23px}.welfare-foot{margin-top:30px}.welfare-foot .btn{min-height:46px;padding:12px 18px}
.tabbar{background:rgba(15,43,35,.92);backdrop-filter:saturate(150%) blur(18px);-webkit-backdrop-filter:saturate(150%) blur(18px);box-shadow:0 18px 55px rgba(12,31,26,.28)}
@media(max-width:760px){.header{min-height:610px;padding:24px 22px 24px;border-radius:0 0 38px 38px}.header::before{background:linear-gradient(180deg,rgba(8,27,22,.72) 0%,rgba(8,27,22,.08) 44%,rgba(8,27,22,.88) 100%)}.header-photo{object-position:62% center}.header-copy{margin-top:52px;max-width:330px}.header-copy h1{font-size:43px;line-height:1.07;letter-spacing:-2.2px;text-shadow:0 2px 24px rgba(0,0,0,.25)}.slogan{font-size:14px}.stats{left:22px;right:22px;height:98px}.stat{padding:0 14px;text-align:left}.stat .n{font-size:22px}.content{padding-top:52px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:30px}.svc{grid-template-columns:1fr 1fr;grid-template-rows:235px 170px 124px;gap:10px}.svc .sv{padding:20px!important;border-radius:24px!important}.svc .sv.hot{grid-column:1 / 3;grid-row:1;min-height:235px}.svc .sv.hot .st{font-size:30px!important}.svc .sv.hot::before{writing-mode:horizontal-tb;right:16px;top:auto;bottom:-12px;font-size:48px}.svc .sv.junk,.svc .sv.mom{display:flex!important;grid-column:auto;grid-row:2;align-items:flex-start}.svc .sv.team{grid-column:1 / 3;grid-row:3;display:grid!important;min-height:124px}.svc .sv.junk .si,.svc .sv.mom .si{margin-bottom:auto!important}.svc .sv:not(.hot) .st{font-size:19px!important}.svc .sv:not(.hot) .sd{font-size:11px!important}.benefit-heading{margin-top:70px}.welfare-visual{height:260px}.welfare-card{min-width:88vw}.welfare-body{padding:23px}.welfare-card .nm{font-size:22px}}
@media(max-width:360px){.header{min-height:570px}.header-copy h1{font-size:38px}.svc{grid-template-rows:220px 164px 120px}.welfare-card{min-width:90vw}}
.svc .si svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svc .sv.hot .si svg{width:33px;height:33px;stroke-width:1.7}

/* Image-led service cards */
.svc .sv{isolation:isolate;color:#fff!important;background:#173a32!important}.svc .sv::before{content:"";position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(10,25,20,.03) 28%,rgba(10,25,20,.86) 100%)!important;z-index:-1!important;writing-mode:horizontal-tb!important;font-size:0!important}.svc .sv::after{display:none}.service-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .45s ease}.svc .sv:active .service-art{transform:scale(1.035)}.svc .si,.svc .st,.svc .sd,.svc .sv b{position:relative;z-index:1}.svc .si{background:rgba(255,255,255,.86)!important;color:#173a32!important;backdrop-filter:blur(8px)}.svc .sv .sd,.svc .sv.hot .sd{color:#fff!important;opacity:.82}.svc .sv.hot b{color:#e4ef87}.svc .sv.hot .service-art{object-position:center 46%}.svc .sv.junk .service-art{object-position:center 40%}.svc .sv.mom .service-art{object-position:72% 32%;transform:scale(1.12)}.svc .sv.team .service-art{object-position:52% 34%;transform:scale(1.18)}.svc .sv.hot::after{display:none}
@media(max-width:760px){.svc .sv.junk,.svc .sv.mom{display:flex!important;justify-content:flex-end}.svc .sv:not(.hot) .si{margin:0 0 auto!important;flex:0 0 auto}.svc .sv:not(.hot) .st{align-self:flex-start}.svc .sv.team{display:grid!important}.svc .sv.team .si{grid-row:1 / 3}.svc .sv.team .service-art{object-position:center 42%}}

/* Deliberate text placement on photographic cards */
.svc .sv{display:block!important;text-align:left!important}.svc .sv .si{position:absolute!important;left:22px;top:22px;margin:0!important;width:48px!important;height:48px!important}.svc .sv .st{position:absolute;left:24px;right:20px;bottom:66px;margin:0!important;font-size:24px!important;line-height:1.15;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.28)}.svc .sv .sd,.svc .sv.hot .sd{position:absolute;left:24px;right:20px;bottom:42px;margin:0!important;font-size:12px!important;line-height:1.4;color:#fff!important}.svc .sv b{position:absolute;left:24px;bottom:20px;margin:0;font-size:12px}.svc .sv.hot .st{font-size:34px!important;bottom:74px}.svc .sv.hot .sd{bottom:48px;font-size:14px!important}.svc .sv.hot b{bottom:22px}.svc .sv:not(.hot) b{display:none}.svc .sv:not(.hot) .st{bottom:45px;font-size:20px!important}.svc .sv:not(.hot) .sd{bottom:23px;font-size:11px!important}.svc .sv.team .st{bottom:49px}.svc .sv.team .sd{bottom:27px}
.section-kicker{font-size:11px;letter-spacing:1px;color:#7e8d87;font-weight:600}.tabbar{bottom:0;width:100%;max-width:620px;height:66px;border-radius:22px 22px 0 0;background:rgba(15,43,35,.94);box-shadow:0 -8px 35px rgba(12,31,26,.12)}
@media(max-width:760px){.svc .sv,.svc .sv.junk,.svc .sv.mom,.svc .sv.team{display:block!important}.svc .sv .si,.svc .sv:not(.hot) .si{position:absolute!important;left:18px;top:18px;margin:0!important}.svc .sv .st{left:18px;right:16px}.svc .sv .sd{left:18px;right:16px}.svc .sv b{left:18px}.svc .sv.hot .st{font-size:29px!important}.svc .sv:not(.hot) .st{font-size:19px!important}.tabbar{height:64px}}
.svc .sv .sd,.svc .sv.hot .sd{text-align:left!important}

/* Subject-aware crops: every service card has its own aspect and focal point. */
.svc .sv.hot .service-art{object-position:50% 22%;transform:none}.svc .sv.junk .service-art{object-position:50% 7%;transform:none}.svc .sv.mom .service-art{object-position:73% 8%;transform:scale(1.03)}.svc .sv.team .service-art{object-position:50% 20%;transform:none}
@media(max-width:760px){.svc{grid-template-rows:290px 210px 165px}.svc .sv.hot{min-height:290px}.svc .sv.team{min-height:165px}.svc .sv.hot .si{top:20px!important}.svc .sv.hot .st{bottom:82px;font-size:30px!important}.svc .sv.hot .sd{bottom:55px}.svc .sv.hot b{bottom:27px}.svc .sv.junk .service-art{object-position:50% 2%}.svc .sv.mom .service-art{object-position:72% 3%;transform:none}.svc .sv.team .service-art{object-position:50% 19%}.svc .sv.team .st{bottom:55px}.svc .sv.team .sd{bottom:31px}}
@media(max-width:360px){.svc{grid-template-rows:270px 195px 155px}.svc .sv.hot{min-height:270px}.svc .sv.team{min-height:155px}}

/* Cohesive service illustration system — one visual language, no mixed scene imagery. */
.svc .service-art{display:none}.svc .sv{overflow:hidden;color:var(--ink)!important;background:#fff!important}.svc .sv::before{display:none!important}.svc .sv::after{display:block;content:"";position:absolute;right:-38px;top:-42px;width:156px;height:156px;border-radius:50%;background:rgba(255,255,255,.34);border:1px solid rgba(23,58,50,.08);z-index:0}.svc .sv.hot{background:var(--forest)!important;color:#fff!important}.svc .sv.junk{background:#f4c2ae!important;color:#57291f!important}.svc .sv.mom{background:#e7c6d7!important;color:#55213b!important}.svc .sv.team{background:#c9ded8!important;color:#173a32!important}.svc .sv .si,.svc .sv:not(.hot) .si,.svc .sv.hot .si{left:auto!important;right:22px!important;top:20px!important;width:78px!important;height:78px!important;border-radius:25px!important;background:rgba(255,255,255,.55)!important;color:currentColor!important;box-shadow:none;transform:rotate(2deg)}.svc .sv.hot .si{width:94px!important;height:94px!important;background:var(--lime)!important;color:var(--forest)!important;border-radius:30px!important}.svc .si svg{width:42px;height:42px;stroke-width:1.55}.svc .sv.hot .si svg{width:52px;height:52px}.svc .sv .st,.svc .sv:not(.hot) .st,.svc .sv.hot .st{left:22px;right:116px;bottom:58px!important;color:currentColor!important;text-shadow:none;font-size:22px!important;letter-spacing:-.4px}.svc .sv.hot .st{font-size:32px!important;right:130px}.svc .sv .sd,.svc .sv:not(.hot) .sd,.svc .sv.hot .sd{left:22px;right:112px;bottom:32px!important;color:currentColor!important;opacity:.72;font-size:12px!important}.svc .sv.hot .sd{right:130px;font-size:13px!important}.svc .sv b{left:22px;bottom:18px;color:var(--lime)}
@media(max-width:760px){.svc{grid-template-rows:220px 170px 128px}.svc .sv.hot{min-height:220px}.svc .sv.team{min-height:128px}.svc .sv .si,.svc .sv:not(.hot) .si{right:16px!important;top:16px!important;width:66px!important;height:66px!important;border-radius:21px!important}.svc .sv.hot .si{right:20px!important;top:20px!important;width:84px!important;height:84px!important;border-radius:27px!important}.svc .si svg{width:36px;height:36px}.svc .sv.hot .si svg{width:46px;height:46px}.svc .sv .st,.svc .sv:not(.hot) .st{left:18px;right:16px;bottom:48px!important;font-size:19px!important}.svc .sv .sd,.svc .sv:not(.hot) .sd{left:18px;right:16px;bottom:25px!important;font-size:11px!important}.svc .sv.hot .st{left:20px;bottom:64px!important;font-size:29px!important}.svc .sv.hot .sd{left:20px;bottom:40px!important;font-size:13px!important}.svc .sv.hot b{left:20px;bottom:18px}.svc .sv.team .st{right:100px;bottom:48px!important}.svc .sv.team .sd{right:100px;bottom:26px!important}}
@media(max-width:360px){.svc{grid-template-rows:210px 160px 122px}.svc .sv.hot{min-height:210px}.svc .sv.team{min-height:122px}}

/* Final service-card composition: artwork is the subject, not a corner badge. */
.svc .sv::after{right:-52px;top:50%;transform:translateY(-50%);width:190px;height:190px;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.12)}.svc .sv .si,.svc .sv:not(.hot) .si,.svc .sv.hot .si{top:50%!important;right:24px!important;left:auto!important;transform:translateY(-50%) rotate(2deg)!important;width:118px!important;height:118px!important;border-radius:0!important;background:transparent!important;backdrop-filter:none;opacity:.88}.svc .sv.hot .si{width:138px!important;height:138px!important;color:var(--lime)!important}.svc .si svg{width:78px;height:78px;stroke-width:1.25}.svc .sv.hot .si svg{width:96px;height:96px;stroke-width:1.15}.svc .sv .st,.svc .sv:not(.hot) .st,.svc .sv.hot .st{left:24px;right:145px;bottom:auto!important;top:50%;transform:translateY(-24px);font-size:22px!important}.svc .sv.hot .st{font-size:32px!important;right:165px;transform:translateY(-42px)}.svc .sv .sd,.svc .sv:not(.hot) .sd,.svc .sv.hot .sd{left:24px;right:145px;bottom:auto!important;top:50%;transform:translateY(12px);font-size:12px!important}.svc .sv.hot .sd{right:165px;transform:translateY(2px);font-size:13px!important}.svc .sv.hot b{left:24px;bottom:24px}
@media(max-width:760px){.svc{grid-template-rows:190px 142px 112px}.svc .sv.hot{min-height:190px}.svc .sv.team{min-height:112px}.svc .sv .si,.svc .sv:not(.hot) .si{right:8px!important;width:92px!important;height:92px!important}.svc .sv.hot .si{right:12px!important;width:118px!important;height:118px!important}.svc .si svg{width:62px;height:62px}.svc .sv.hot .si svg{width:82px;height:82px}.svc .sv .st,.svc .sv:not(.hot) .st{left:18px;right:86px;top:50%;transform:translateY(-22px);font-size:18px!important}.svc .sv .sd,.svc .sv:not(.hot) .sd{left:18px;right:74px;top:50%;transform:translateY(9px);font-size:10.5px!important}.svc .sv.hot .st{left:22px;right:125px;top:50%;transform:translateY(-35px);font-size:28px!important}.svc .sv.hot .sd{left:22px;right:125px;top:50%;transform:translateY(5px);font-size:12px!important}.svc .sv.hot b{left:22px;bottom:20px}.svc .sv.team .st{right:115px}.svc .sv.team .sd{right:105px}}
@media(max-width:360px){.svc{grid-template-rows:180px 136px 108px}.svc .sv.hot{min-height:180px}.svc .sv.team{min-height:108px}.svc .sv.hot .si{width:108px!important;height:108px!important}.svc .sv.hot .st{font-size:26px!important}}

/* Rounded duotone service illustrations */
.svc .sv.hot{--icon-main:#dce982;--icon-soft:#f6ffd0;--icon-accent:#ef6a50}.svc .sv.junk{--icon-main:#7d3529;--icon-soft:#fff0e8;--icon-accent:#dc553e}.svc .sv.mom{--icon-main:#682845;--icon-soft:#fff0f7;--icon-accent:#d5537f}.svc .sv.team{--icon-main:#245c52;--icon-soft:#f1fffb;--icon-accent:#dce982}.svc .duo .solid{fill:var(--icon-main)!important;stroke:none!important}.svc .duo .soft{fill:var(--icon-soft)!important;stroke:none!important}.svc .duo .accent{fill:var(--icon-accent)!important;stroke:none!important}.svc .duo .line{fill:none!important;stroke:var(--icon-main)!important;stroke-width:7!important;stroke-linecap:round;stroke-linejoin:round}.svc .sv .si,.svc .sv.hot .si{opacity:1}.svc .sv::after{background:rgba(255,255,255,.12);border:0}

/* New-Chinese service illustrations for mature audiences. */
.svc .sv .si{display:none!important}.svc .sv::after{display:block!important;content:""!important;position:absolute!important;left:auto!important;top:auto!important;bottom:-8px!important;transform:none!important;border:0!important;border-radius:0!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:right bottom!important;background-size:contain!important;z-index:0!important;opacity:1!important}.svc .sv.hot::after{right:-14px!important;width:64%!important;height:100%!important;background-image:url('brand/service-neighbor-senior-v1.webp')!important}.svc .sv.junk::after{right:-18px!important;width:62%!important;height:96%!important;background-image:url('brand/service-swap-senior-v1.webp')!important}.svc .sv.mom::after{right:-8px!important;width:55%!important;height:98%!important;background-image:url('brand/service-mom-senior-v1.webp')!important}.svc .sv.team::after{right:-10px!important;width:60%!important;height:102%!important;background-image:url('brand/service-team-senior-v1.webp')!important}.svc .sv .st,.svc .sv:not(.hot) .st,.svc .sv.hot .st{left:22px;right:54%!important;z-index:2}.svc .sv .sd,.svc .sv:not(.hot) .sd,.svc .sv.hot .sd{left:22px;right:52%!important;z-index:2}.svc .sv b{z-index:2}
@media(max-width:760px){.svc{grid-template-rows:210px 158px 128px}.svc .sv.hot{min-height:210px}.svc .sv.team{min-height:128px}.svc .sv.hot::after{width:66%!important;right:-24px!important}.svc .sv.junk::after{width:68%!important;right:-34px!important}.svc .sv.mom::after{width:58%!important;right:-15px!important}.svc .sv.team::after{width:66%!important;right:-20px!important}.svc .sv .st,.svc .sv:not(.hot) .st{left:18px;right:50%!important;font-size:18px!important}.svc .sv .sd,.svc .sv:not(.hot) .sd{left:18px;right:48%!important}.svc .sv.hot .st{left:20px;right:58%!important;font-size:27px!important}.svc .sv.hot .sd{left:20px;right:57%!important}.svc .sv.hot b{left:20px}}
@media(max-width:360px){.svc{grid-template-rows:198px 150px 120px}.svc .sv.hot{min-height:198px}.svc .sv.team{min-height:120px}}
@media(max-width:760px){.svc .sv.junk .st,.svc .sv.mom .st{top:52px;bottom:auto!important;transform:none;right:30%!important;font-size:17px!important;white-space:nowrap}.svc .sv.junk .sd,.svc .sv.mom .sd{top:82px;bottom:auto!important;transform:none;right:28%!important;line-height:1.45;font-size:9.5px!important;white-space:nowrap}.svc .sv.junk::after{width:61%!important;right:-28px!important}.svc .sv.mom::after{width:54%!important;right:-14px!important}}

/* Tasks and account — quiet, spacious, mature-audience layout. */
#p-tasks,#p-me{max-width:840px;margin:0 auto}.task-page,.me-page{padding-top:4px}.task-hero,.profile-hero{position:relative;overflow:hidden;background:var(--forest);color:#fff;border-radius:30px;padding:30px;margin-bottom:16px}.task-hero::after,.profile-hero::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-54px;top:-76px;background:var(--lime);opacity:.95}.page-kicker{position:relative;z-index:1;font-size:11px;letter-spacing:2px;color:var(--lime);font-weight:700}.page-title-row{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:7px}.page-title-row h2,.profile-copy h2{font-size:36px;line-height:1.15;letter-spacing:-1.5px}.page-title-row span{font-size:12px;color:#d5e0dc}.task-hero p,.profile-hero p{position:relative;z-index:1;margin-top:9px;color:#cedbd6;font-size:13px}.task-progress{position:relative;z-index:1;height:5px;margin-top:24px;background:#ffffff20;border-radius:99px;overflow:hidden}.task-progress i{display:block;height:100%;border-radius:inherit;background:var(--lime)}
.task-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.task-switch .tt{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:0;border-radius:20px;box-shadow:none;color:var(--ink);cursor:pointer}.task-switch .tt.on{background:#f0f4d2;box-shadow:inset 0 0 0 2px #cedb70}.task-switch-mark{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:14px;background:#f3eee5;color:var(--forest);font-size:15px;font-weight:800}.task-switch .on .task-switch-mark{background:var(--forest);color:var(--lime)}.task-switch .ttn{font-size:15px;font-weight:750}.task-switch .tts{font-size:10.5px;margin-top:2px;line-height:1.45}
.task-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:10px!important;padding:22px!important;border-radius:24px!important;box-shadow:none!important}.task-no{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#f1eee7;color:#9a8f81;font-size:12px;font-weight:800}.task-kind{font-size:10px;color:#8a938f;letter-spacing:1px;margin-bottom:4px}.task-card .tn{font-size:17px;font-weight:750;line-height:1.5}.task-card .pill{font-size:10px;white-space:nowrap}.task-card .ts{margin-top:5px;line-height:1.65}.task-card .tr{margin-top:9px;color:var(--brand);font-size:11.5px}.task-card>.btn{border-radius:999px;white-space:nowrap;padding-inline:18px}
.profile-hero{display:flex;align-items:center;justify-content:space-between;min-height:174px}.profile-hero::after{width:145px;height:145px;right:18px;top:15px;opacity:.12}.profile-copy{position:relative;z-index:1}.profile-copy h2{margin-top:10px;font-size:32px}.profile-avatar{position:relative;z-index:1;display:grid;place-items:center;width:84px;height:84px;border-radius:28px;background:var(--lime);color:var(--forest);font-size:34px;font-weight:900;box-shadow:0 12px 35px #091c1740}.me-overview{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:24px;margin:-34px 18px 18px;position:relative;z-index:2;box-shadow:0 14px 38px rgba(23,32,29,.09)}.me-overview>div{padding:18px 12px;text-align:center;border-right:1px solid #eeeae3}.me-overview>div:last-child{border:0}.me-overview b{display:block;font-size:24px;color:var(--forest);line-height:1.25}.me-overview span{font-size:10.5px;color:var(--muted)}
.me-panel{background:#fff;border-radius:24px;padding:22px;margin-bottom:12px}.me-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px}.me-panel-head span,.feature-kicker,.invite-panel span{font-size:10px;letter-spacing:1.2px;color:#8c958f}.me-panel-head h3,.me-feature h3,.invite-panel h3{font-size:20px;line-height:1.35;margin-top:3px}.me-panel-head>b{font-size:10px;color:var(--brand);background:#f9e5df;border-radius:999px;padding:6px 9px}.signrow{gap:7px}.signrow .sd{flex:1;min-width:0;border:0;background:#f3f0e9;border-radius:13px;padding:10px 2px;font-size:9px;color:#8f8980}.signrow .sd b{font-size:14px}.signrow .sd.lit{background:#e7efae;color:#284535}
.me-feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-bottom:10px}.me-feature{min-height:178px;padding:22px;border-radius:26px;cursor:pointer;position:relative;overflow:hidden}.me-feature::after{content:"";position:absolute;width:110px;height:110px;border:1px solid currentColor;opacity:.1;border-radius:50%;right:-30px;top:-28px}.points-feature{background:#f4c7b5;color:#57291f}.team-feature{background:#c9ded8;color:#173a32}.me-feature .feature-kicker{color:currentColor;opacity:.65}.me-feature h3{font-size:28px;margin-top:22px}.me-feature p{font-size:11px;opacity:.7;margin-top:3px}.me-feature>b{position:absolute;left:22px;bottom:20px;font-size:11px}
.invite-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;background:#f0f4d2;color:var(--forest);border-radius:26px;margin-bottom:12px;cursor:pointer}.invite-panel span{color:#718244}.invite-panel p{font-size:11px;color:#65706b;margin-top:5px}.invite-panel>b{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:20px;background:var(--forest);color:var(--lime);font-size:12px}.me-list{background:#fff;border-radius:24px;padding:7px 20px;margin-bottom:12px}.me-list-title{font-size:11px;color:#90938f;padding:12px 0 5px}.me-list-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid #eeeae4;cursor:pointer}.me-list-row:last-child{border:0}.list-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#d7e8e3;color:#245c52;font-size:14px;font-weight:800}.mom-mark{background:#f0d8e4;color:#692a48}.host-mark{background:#eee4c6;color:#6c5621}.me-list-row b{display:block;font-size:14px}.me-list-row small{display:block;color:#858983;font-size:10.5px;margin-top:2px}.me-list-row strong{font-size:11px;color:var(--brand)}.principal-list{padding-top:6px;padding-bottom:6px}.switch-user{display:block;width:100%;border:0;background:transparent;color:#8b8b87;font-size:12px;padding:18px;cursor:pointer}
@media(max-width:600px){#p-tasks,#p-me{max-width:none}.task-hero,.profile-hero{border-radius:26px;padding:24px}.page-title-row h2{font-size:30px}.task-switch .tt{padding:12px 10px;gap:9px}.task-switch-mark{flex-basis:37px;height:37px;border-radius:12px}.task-switch .ttn{font-size:13px}.task-switch .tts{font-size:9px}.task-card{grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;padding:18px!important}.task-no{width:42px;height:42px}.task-card>.btn{grid-column:2;width:100%;margin-top:3px}.task-card .tn{font-size:15px}.profile-hero{min-height:160px}.profile-avatar{width:72px;height:72px;border-radius:24px;font-size:29px}.profile-copy h2{font-size:28px}.me-overview{margin:-29px 12px 14px}.me-overview b{font-size:21px}.me-overview span{font-size:9.5px}.me-panel{padding:18px}.signrow{gap:4px}.signrow .sd{font-size:8px;padding:9px 1px}.me-feature-grid{grid-template-columns:1fr 1fr}.me-feature{min-height:164px;padding:18px}.me-feature h3{font-size:23px}.me-feature>b{left:18px;bottom:18px}.invite-panel{padding:20px}.invite-panel h3{font-size:18px}.invite-panel>b{flex-basis:50px;height:50px;border-radius:17px}}

/* Remaining customer-facing surfaces. */
#p-code,#p-points,#p-team,#p-share{max-width:840px;margin:0 auto}.code-hero{position:relative;overflow:hidden;padding:30px!important;border-radius:30px!important;background:var(--forest)!important;color:white;box-shadow:none!important}.code-hero::after{content:"码";position:absolute;right:-8px;bottom:-45px;font-size:150px;font-weight:900;color:#ffffff08}.code-kicker{font-size:11px;letter-spacing:2px;color:var(--lime);margin-bottom:5px}.code-hero .vs{font-size:26px;font-weight:800;color:white}.code-hero .codebox{position:relative;z-index:1;background:#fffef9;border:0;width:min(100%,270px);padding:24px 0;border-radius:22px}.code-hero .codebox .big{color:var(--forest);font-size:38px}.code-hero .banner{position:relative;z-index:1;background:#ffffff12;border-color:#ffffff22;color:#eef4f1;border-radius:16px}.code-hero .vn{color:#b8ccc5}.code-locked{background:#53645f!important}.code-locked .btn{background:var(--lime);color:var(--forest)}
.points-hero,.team-hero,.share-hero{position:relative;overflow:hidden;min-height:260px;border-radius:30px;background:var(--forest);color:#fff;margin-bottom:14px}.points-copy{position:relative;z-index:2;width:58%;padding:30px}.points-hero img{position:absolute;width:57%;height:96%;object-fit:contain;object-position:right bottom;right:-6%;bottom:-2%}.points-hero::after,.share-hero::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-80px;background:var(--lime);opacity:.14}.points-copy .btn{width:auto!important;background:var(--lime);border:0!important;color:var(--forest)!important}.points-guide,.points-shop{box-shadow:none!important}.points-guide>div:nth-child(2){gap:10px!important}.points-guide>div:nth-child(2)>div{border:0!important;background:#f3f0e9!important;border-radius:18px!important;padding:16px!important}.points-guide>div:nth-child(2)>div:last-child{background:#f4d7ca!important}.points-shop>.sec{font-size:25px;margin-top:4px}.points-shop>div[style*="display:flex"]{border-bottom:1px solid #eeeae4!important;padding:16px 0!important}.points-shop>div[style*="display:flex"]>div:first-child{display:grid;place-items:center;width:52px!important;height:52px;border-radius:16px;background:#f3f0e9;font-size:25px!important}
.team-hero{min-height:0;padding:28px!important;background:var(--forest)!important;box-shadow:none!important}.team-hero .btn{background:var(--lime);border:0!important;color:var(--forest)!important}.filt{gap:6px;overflow-x:auto;scrollbar-width:none}.filt div{min-width:max-content;border:0;background:#ebe8e1;color:#686e6b;padding:10px 15px;border-radius:999px}.filt div.on{background:var(--forest);color:#fff}.mem{padding:18px!important;border-radius:22px!important;box-shadow:none!important}.mem .av{background:var(--lime);color:var(--forest);width:48px;height:48px}.mem .mn{font-size:15px}.mem .mi{font-size:12px}.mem .act{gap:7px}.chip{display:inline-flex;align-items:center;min-height:38px;border:0;background:#eeece6;padding:8px 12px}.chip.red{background:#f7ded8;color:var(--brand)}button.mini{min-height:38px;padding:7px 13px;border:0;cursor:pointer}
.share-hero{display:flex;align-items:center;min-height:260px}.share-copy{position:relative;z-index:2;width:58%;padding:28px}.share-copy h2{font-size:31px;line-height:1.16;letter-spacing:-1.2px;margin:8px 0}.share-copy p{font-size:12px;color:#c8d7d2}.share-hero img{position:absolute;right:-9%;bottom:-4%;width:64%;height:97%;object-fit:contain;object-position:right bottom}.share-qr-card{padding:26px!important;box-shadow:none!important}.share-qr-card #qrbox{border:0!important;border-radius:24px!important;background:#f3f0e9!important;padding:18px!important}.share-qr-card #qrbox img{border-radius:10px}.share-stats-card .me{grid-template-columns:repeat(3,1fr);gap:7px}.share-stats-card .mc{padding:14px 8px;text-align:center;box-shadow:none;background:#f7f4ee}.share-stats-card .mc .n{font-size:22px}.share-stats-card .mc .l{font-size:10px}
.sub{background:var(--cream)}.sub .nav{padding:17px max(18px,calc((100% - 820px)/2));background:rgba(23,58,50,.96);backdrop-filter:blur(14px)}.sub .nav .nt{font-size:16px;letter-spacing:.3px}.sub .nbody{max-width:840px;padding:20px 16px 48px}.card3,.kd,.nd{border-radius:22px!important;box-shadow:none!important;padding:20px!important}.kd{background:var(--forest)!important;color:white;font-size:13px}.kd .ki{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:var(--lime);font-size:24px}.warnbox3{background:#f4e4c9;border-radius:18px;padding:14px 16px}.card3 .t{font-size:20px;margin-bottom:16px}.tag3{background:var(--brand);padding:5px 9px}.tag3.g{background:#dfeaa0;color:var(--forest)}.calc .crow{display:block}.calc label{display:block;width:auto;margin-bottom:8px}.calc select,.calc input{width:100%;border:0;background:#f0ede7;border-radius:14px}.cout{background:#edf2cc;border-radius:20px;padding:18px}.cout .n{color:var(--forest)}.lv{background:#f1eee8;border-radius:18px;padding:14px}.tb2 th{background:#f0ede7}.tb2 td{padding:12px 8px}.sw3{position:sticky;top:70px;z-index:1;background:var(--cream);padding:5px 0 12px;gap:6px}.sw3 div{border:0;background:#e9e6df;padding:10px 8px}.sw3 div.on{background:var(--forest);color:white}.nd .tx{font-size:15px}.nd .mn{color:var(--brand)}.nd .grab{background:var(--forest);padding:8px 14px}.sub .btn.red{background:var(--brand)}
.modal{border-radius:28px;padding:26px}.modal h3{font-size:21px}.modal .sub{position:static;display:block;background:transparent}.filebox{border-color:#d4d0c8;border-radius:16px;background:#f6f3ed}.banner{border-radius:15px}.inp,.sel,.sub .inp{border:0;background:#f2efe9;border-radius:14px}
@media(max-width:600px){#p-code,#p-points,#p-team,#p-share{max-width:none}.points-hero,.share-hero{min-height:235px;border-radius:26px}.points-copy,.share-copy{width:64%;padding:22px}.points-copy>div[style*="font-size:46px"]{font-size:38px!important}.points-hero img{width:64%;right:-18%}.share-copy h2{font-size:26px}.share-hero img{width:69%;right:-20%}.team-hero{border-radius:26px;padding:23px!important}.code-hero{border-radius:26px!important;padding:24px!important}.card3,.kd,.nd{padding:17px!important}.sub .nbody{padding:15px 14px 40px}}

/* Compact branded header on every inner customer page. */
body.inner-page .header{min-height:118px;padding:22px 28px;border-radius:0 0 30px 30px}body.inner-page .header::before{background:linear-gradient(90deg,rgba(8,27,22,.9),rgba(8,27,22,.36))}body.inner-page .header-photo{object-position:center 53%}body.inner-page .header-copy,body.inner-page .stats{display:none}body.inner-page .content{padding-top:28px}body.inner-page .brand{font-size:19px}body.inner-page .brand-mark{width:36px;height:36px}.inner-page .tabbar{box-shadow:0 -7px 28px rgba(12,31,26,.16)}
@media(max-width:760px){body.inner-page .header{min-height:104px;padding:20px;border-radius:0 0 28px 28px}body.inner-page .header-photo{object-position:62% 52%}body.inner-page .content{padding-top:22px}}

/* Final mobile interaction polish. */
.tabbar{min-height:calc(64px + env(safe-area-inset-bottom));height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.content{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.toast{bottom:calc(82px + env(safe-area-inset-bottom))}.simple-link{min-height:40px;display:inline-flex;align-items:center}.sub .nav .bk{display:grid;place-items:center;min-width:44px;min-height:44px}.sub .btn,.btn{min-height:44px}.hd{min-height:44px;align-items:center}.empty{font-size:13px}.vn,.stock-caption,.task-kind,.me-list-row small{line-height:1.6}
@media(max-width:360px){.share-stats-card .me{gap:5px}.share-stats-card .mc{padding:12px 4px}.share-stats-card .mc .n{font-size:20px}.share-stats-card .mc .l{font-size:9px}.points-guide>div:nth-child(2){display:block!important}.points-guide>div:nth-child(2)>div+div{margin-top:8px}}
body.share-page .tabbar{display:none}body.share-page .content{padding-bottom:40px}

/* Header edge requested: flush square bottom on home and inner pages. */
.header,body.inner-page .header{border-radius:0!important}

/* Mobile welfare carousel: clearly reveal the next choice. */
@media(max-width:760px){.welfare-card{min-width:72vw}.welfare-visual{height:228px}.welfare-body{padding:20px}.welfare-foot{margin-top:22px}}
@media(max-width:360px){.welfare-card{min-width:74vw}.welfare-visual{height:214px}}

/* Replace the hairline corner rings with soft filled accents. */
.me-feature::after{width:104px;height:104px;right:-30px;top:-34px;border:0;opacity:1;background:rgba(255,255,255,.16)}

/* Consistent vector icons for utility pages; no platform emoji. */
.ui-ico{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sub-nav-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--lime);color:var(--forest)}.sub-nav-icon .ui-ico{width:22px;height:22px}.sw3 div{display:flex;align-items:center;justify-content:center;gap:7px}.sw3 .ui-ico{width:18px;height:18px}.sw3 div.on .ui-ico{color:var(--lime)}.kd .ki .ui-ico{width:27px;height:27px}.post-need-btn{display:flex;align-items:center;justify-content:center;gap:8px}.post-need-btn .ui-ico{width:19px;height:19px}
.inline-ui-icon{display:inline-flex;align-items:center;justify-content:center;width:1.35em;height:1.35em;margin-right:.28em;vertical-align:-.25em;color:currentColor}.inline-ui-icon .ui-ico{width:100%;height:100%}.sec>.inline-ui-icon,.modal h3>.inline-ui-icon{width:1.25em;height:1.25em}.chip .inline-ui-icon,.btn .inline-ui-icon{margin-right:.35em}.mem .mn>.inline-ui-icon{color:var(--forest)}

/* Selectable illustrated invitation posters. */
.poster-picker{background:#fff;border-radius:28px;padding:24px;margin-bottom:14px}.poster-picker-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.poster-picker-head h2{font-size:25px;margin-top:4px}.poster-picker-head>span{font-size:11px;color:var(--muted)}.poster-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0 12px}.poster-tabs button{border:0;background:#efede7;color:#6e716d;border-radius:999px;padding:10px 6px;font:700 12px inherit}.poster-tabs button.on{background:var(--forest);color:#fff}.share-poster{position:relative;overflow:hidden;aspect-ratio:5/7.6;border-radius:26px;padding:24px;background:var(--poster-bg);color:var(--poster-ink)}.share-poster::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-65px;top:-70px;background:var(--poster-accent);opacity:.75}.poster-brand{position:relative;z-index:2;display:flex;align-items:center;gap:9px;font-weight:800}.poster-brand b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--poster-accent);color:var(--poster-bg)}.poster-kicker{position:relative;z-index:2;margin-top:34px;font-size:10px;letter-spacing:1.2px;opacity:.7}.poster-title{position:relative;z-index:2;font-size:26px;font-weight:900;line-height:1.18;letter-spacing:-.7px}.poster-title:first-of-type{margin-top:8px}.poster-sub{position:relative;z-index:2;font-size:10px;margin-top:10px;opacity:.72}.poster-art{position:absolute;z-index:1;right:-7%;top:30%;width:80%;height:47%;object-fit:contain;object-position:right bottom}.poster-bottom{position:absolute;z-index:3;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:94px 1fr;align-items:center;gap:13px;padding:13px;background:#fffdf8;color:#17201d;border-radius:19px}.poster-qr{display:block;width:94px;height:94px;object-fit:contain;background:white;border-radius:9px}.poster-qr.waiting{display:grid;place-items:center;text-align:center;font-size:10px;color:#999;background:#f2efe9}.poster-bottom b,.poster-bottom span,.poster-bottom small{display:block}.poster-bottom b{font-size:14px}.poster-bottom span{font-size:12px;color:var(--brand);font-weight:800;margin-top:5px}.poster-bottom small{font-size:9px;color:#747974;margin-top:5px}.poster-save-btn{display:block;width:100%;margin-top:12px;border-radius:16px!important}.generated-poster{display:block;width:100%;max-height:62vh;object-fit:contain;border-radius:16px;background:#eee}
@media(min-width:700px){#sharePosterStage{max-width:430px;margin:0 auto}.poster-save-btn{max-width:430px;margin-left:auto;margin-right:auto}}
