.secondary-page { height:100%; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.secondary-page::-webkit-scrollbar { display:none; }
.secondary-page button,.secondary-page input,.secondary-page textarea { font:inherit; }
.secondary-page button { cursor:pointer; -webkit-tap-highlight-color:transparent; }
.secondary-page button:focus-visible,.secondary-text-input:focus-visible,.secondary-button:focus-visible { outline:2px solid #f4a145; outline-offset:3px; }
.secondary-page svg,.secondary-row svg,.secondary-tool svg,.secondary-sheet-symbol svg { flex-shrink:0; }
.secondary-tool { border:0; background:transparent; color:inherit; display:flex; flex-direction:column; align-items:center; gap:9px; padding:8px 0; min-width:0; }
.secondary-tool span { white-space:nowrap; font-size:12px; }
.secondary-row { display:flex; align-items:center; gap:12px; width:100%; padding:15px 0; color:inherit; background:none; border:0; border-bottom:1px solid #ffffff0a; text-align:left; font-size:14px; }
.secondary-row-icon { display:flex; width:25px; color:#c7c7cd; }
.secondary-row small { margin-left:auto; font-size:11px; color:#898a94; }
.secondary-arrow { margin-left:auto; display:flex; color:#777982; }
.secondary-empty { min-height:170px; padding:30px 16px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center; color:#797c84; grid-column:1 / -1; }
.secondary-empty b { font-weight:500; font-size:15px; }
.secondary-empty p { margin:0; font-size:12px; line-height:1.65; }
.secondary-empty svg { opacity:.65; }
.secondary-note { color:#92949e; font-size:12px; line-height:1.8; margin:18px 0 12px; }
.secondary-sheet-description { color:#d6d7dc; font-size:14px; line-height:1.8; margin:12px 0 20px; }
.secondary-sheet-symbol { width:76px; height:76px; display:flex; align-items:center; justify-content:center; margin:10px auto 23px; border-radius:24px; color:#f6b76d; background:linear-gradient(145deg,#ffad4d19,#ff7f5010); }
.secondary-button { width:100%; padding:13px 17px; border:0; border-radius:10px; background:#fa7c43; color:white; font:inherit; font-weight:600; font-size:14px; cursor:pointer; margin-top:10px; }
.secondary-button-ghost { background:#ffffff0b; color:#e6e6eb; border:1px solid #ffffff14; }
.secondary-wallet { border-radius:15px; padding:24px; background:linear-gradient(120deg,#edbf7d,#f6d4a5); color:#553716; }
.secondary-wallet span { font-size:12px; }
.secondary-wallet strong { display:block; font-size:40px; margin:6px 0; font-weight:650; }
.secondary-wallet p { margin:0; font-size:11px; opacity:.7; }
.secondary-wallet-actions { display:flex; gap:10px; }
.secondary-wallet-actions > button { flex:1; min-width:0; }
.secondary-form-label { display:block; color:#b8bac1; font-size:12px; margin:10px 0; }
.secondary-text-input { width:100%; box-sizing:border-box; border:1px solid #ffffff19; border-radius:10px; padding:14px; background:#ffffff08; color:#f1f1f4; font:inherit; font-size:14px; outline:none; resize:vertical; }
.secondary-text-input::placeholder { color:#777984; }

.mall-page { background:#f7f7f8; color:#16171a; }
.mall-top { background:linear-gradient(135deg,#ffc6d6 0%,#ffe5ed 68%,#fceef3 100%); padding:14px 13px 0; }
.mall-searchbar { display:flex; align-items:center; gap:11px; padding:0 1px 10px; }
.mall-search { flex:1; display:flex; align-items:center; gap:7px; border:1px solid #ed748d; border-radius:14px; height:39px; padding:0 10px; background:#ffffff33; color:#7d6b73; min-width:0; }
.mall-search input { width:100%; min-width:0; border:0; outline:none; background:none; color:#27232a; font-size:14px; }
.mall-search input::placeholder { color:#977e87; }
.mall-search > span { padding-left:8px; border-left:1px solid #edb8c5; font-size:11px; white-space:nowrap; }
.mall-cart { border:0; background:transparent; display:flex; color:#1d1c22; position:relative; padding:7px 2px; }
.mall-cart b { position:absolute; top:1px; right:-5px; min-width:16px; background:#ff4d51; color:#fff; border:1px solid #ffd9e4; text-align:center; border-radius:7px; font-size:9px; line-height:14px; }
.mall-tools { position:relative; background:#fff; border-radius:15px 15px 0 0; display:grid; grid-template-columns:repeat(5,1fr); padding:12px 6px 23px; gap:3px; }
.mall-tools .secondary-tool { gap:8px; }
.mall-tools .secondary-tool span { font-size:11px; }
.mall-tools .secondary-tool svg { width:26px; height:26px; stroke-width:1.9; }
.mall-tools-dot { position:absolute; bottom:9px; left:calc(50% - 3px); width:6px; height:4px; border-radius:2px; background:#ed5261; }
.mall-tools-dot::after { content:''; position:absolute; width:8px; height:4px; background:#e5e5e8; left:9px; border-radius:2px; }
.mall-body { background:#f7f7f8; }
.mall-promos { display:grid; grid-template-columns:1fr 1fr; gap:8px; background:#fff; padding:8px 12px 12px; }
.mall-promo { position:relative; text-align:left; border:0; border-radius:11px; padding:12px 9px; color:#fff6e7; overflow:hidden; height:74px; min-width:0; }
.mall-promo strong { display:block; font-size:16px; white-space:nowrap; position:relative; z-index:1; }
.mall-promo > span { display:flex; align-items:center; font-size:10px; margin-top:8px; position:relative; z-index:1; }
.mall-promo i { position:absolute; right:8px; top:9px; font-style:normal; width:37px; height:53px; border-radius:7px; background:#fff8d9; color:#f3475d; font-weight:800; display:flex; justify-content:center; align-items:center; text-align:center; font-size:16px; line-height:19px; transform:rotate(5deg); }
.mall-promo-pink { background:linear-gradient(115deg,#ff8c75,#f9185b); }
.mall-promo-red { background:linear-gradient(110deg,#e8381a,#fb5142); }
.mall-promo-red i { font-size:32px; color:#d72e19; }
.mall-products { padding:0 9px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; align-items:start; }
.mall-product { display:block; padding:0; border:0; background:white; border-radius:10px; overflow:hidden; text-align:left; color:#24232a; min-width:0; }
.mall-product-photo { position:relative; height:209px; background:#eee; overflow:hidden; }
.mall-product:nth-child(even) .mall-product-photo { height:184px; }
.mall-product-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.mall-product:nth-child(2) .mall-product-photo img { object-fit:contain; background:#fff; }
.mall-live { position:absolute; left:6px; top:7px; background:#29292988; border-radius:12px; padding:3px 6px; color:#fff; font-size:9px; display:flex; align-items:center; gap:4px; }
.mall-live i { display:inline-block; width:6px; height:6px; background:#ff4876; border-radius:100%; }
.mall-product-info { padding:7px 7px 9px; }
.mall-product h3 { margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; font-weight:500; line-height:1.8; }
.mall-product h3 em { font-style:normal; font-size:9px; background:#211b20; color:#fff; border-radius:3px; padding:2px 3px; margin-right:4px; }
.mall-price { display:flex; align-items:baseline; gap:3px; margin-top:5px; min-width:0; }
.mall-price b { color:#ed3c38; font-size:18px; font-weight:650; }
.mall-price > span { color:#ed3c38; font-size:10px; }
.mall-price small { font-size:8px; color:#a0a0a5; margin-left:auto; white-space:nowrap; }
.mall-product p { font-size:9px; line-height:1.7; color:#969399; margin:4px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mall-footnote { padding:6px 12px 17px; text-align:center; color:#a4a4a9; font-size:10px; }
.mall-detail-photo { height:240px; background:#fff; border-radius:12px; overflow:hidden; }
.mall-detail-photo img { width:100%; height:100%; object-fit:contain; }
.mall-detail-copy { padding:18px 0; }
.mall-detail-copy > span { font-size:10px; padding:3px 7px; color:#ff9c93; background:#ff69571c; border-radius:4px; }
.mall-detail-copy h3 { margin:10px 0 4px; font-size:20px; }
.mall-detail-copy p { font-size:13px; color:#9e9ea9; margin:0; }
.mall-detail-service { padding:14px 0; border-block:1px solid #ffffff0d; display:flex; justify-content:space-between; font-size:12px; color:#aaaab2; }
.mall-cart-item { display:flex; gap:12px; align-items:center; padding:14px 0; border-bottom:1px solid #ffffff10; }
.mall-cart-item > img { width:58px; height:67px; border-radius:7px; object-fit:cover; }
.mall-cart-item > div { display:flex; flex-direction:column; gap:7px; flex:1; min-width:0; }
.mall-cart-item b { font-size:13px; }
.mall-cart-item small { color:#9c9da5; font-size:11px; }
.mall-cart-item > button { border:0; background:#ffffff08; color:#a4a4ad; padding:7px; border-radius:5px; font-size:10px; }
.mall-order-tabs { display:flex; gap:4px; padding-top:8px; }
.mall-order-tabs button { flex:1; white-space:nowrap; background:none; border:0; color:#aaaab3; font-size:11px; padding:10px 0; }
.mall-order-tabs button:first-child { color:#ff935d; }

.benefit-page { background:#151515; color:#f3eee7; }
.benefit-header { padding:19px 17px 34px; background:radial-gradient(ellipse at 90% -10%,#4c5c3e88,transparent 70%),linear-gradient(135deg,#9d3f15,#bf5c1d 50%,#853617); }
.benefit-title { display:flex; justify-content:space-between; align-items:center; }
.benefit-title > span { font-size:22px; font-weight:650; letter-spacing:.5px; }
.benefit-title > button { display:flex; align-items:center; padding:5px 0; background:none; border:0; color:#ffe7d2a0; font-size:11px; }
.benefit-header > p { font-size:11px; color:#ffdab9b3; margin:8px 0 21px; }
.benefit-balance { display:flex; position:relative; }
.benefit-balance > button { display:flex; flex-direction:column; align-items:flex-start; border:0; padding:0; background:none; color:#ffecda; width:37%; }
.benefit-balance > button > span { display:flex; align-items:center; font-size:11px; color:#f9d7b2bd; }
.benefit-balance b { font-size:36px; font-weight:650; margin-top:6px; line-height:1; }
.benefit-balance > .benefit-checkin-mini { position:absolute; right:-4px; bottom:0; width:76px; font-size:11px; color:#ffe6c9; align-items:center; }
.benefit-checkin-mini i { display:block; background:#fbe8c4; color:#a25519; border-radius:16px; font-size:11px; font-style:normal; padding:6px 11px; margin-top:8px; }
.benefit-body { position:relative; margin-top:-15px; padding:0 12px 16px; }
.benefit-panel { border-radius:13px; background:#232222; margin-bottom:11px; padding:16px 12px 14px; }
.benefit-section-title { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.benefit-section-title h2 { font-size:17px; font-weight:600; margin:0; letter-spacing:.2px; }
.benefit-section-title h2 small { color:#b8aaa0; font-size:14px; margin-left:5px; font-weight:500; }
.benefit-section-title > span,.benefit-section-title > button { display:flex; align-items:center; color:#a99e94; font-size:10px; background:none; border:0; padding:0; white-space:nowrap; }
.benefit-today > p,.benefit-caption { font-size:10px; color:#a49b93; margin:7px 0 14px; }
.benefit-today-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.benefit-today-grid > button { position:relative; min-width:0; padding:13px 10px 12px; display:flex; flex-direction:column; align-items:flex-start; border:0; border-radius:9px; background:linear-gradient(120deg,#39302a,#302b28); color:#f0e5d6; min-height:105px; }
.benefit-today-grid b { font-size:12px; margin:0 0 8px; z-index:1; }
.benefit-today-grid small { font-size:9px; color:#a99a8a; z-index:1; }
.benefit-today-grid em { display:block; font-style:normal; font-size:10px; padding:6px 10px; background:linear-gradient(110deg,#ffac5a,#f17336); color:#542609; border-radius:6px; margin-top:12px; z-index:1; font-weight:600; }
.benefit-treasure,.benefit-meal { position:absolute; right:9px; bottom:12px; color:#e8b573; opacity:.8; transform:rotate(-10deg); }
.benefit-meal { font-size:35px; }
.benefit-watch-banner { display:flex; justify-content:space-between; width:100%; border:0; border-radius:13px; padding:15px; background:linear-gradient(110deg,#633b63,#495c58); text-align:left; color:#fae9d5; margin-bottom:11px; min-height:81px; overflow:hidden; }
.benefit-watch-banner > span { display:flex; flex-direction:column; gap:8px; }
.benefit-watch-banner b { font-size:19px; letter-spacing:.4px; }
.benefit-watch-banner small { font-size:10px; color:#f0e1d4a0; }
.benefit-watch-banner i { display:flex; color:#e6c288; transform:rotate(13deg); margin:0 9px 0 0; }
.benefit-redpackets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.benefit-redpackets > button { display:flex; flex-direction:column; align-items:center; padding:0 0 10px; color:#f9ddb2; border:1px solid #e9714359; border-radius:9px; background:linear-gradient(#e7623f,#ae3822); overflow:hidden; }
.benefit-redpackets > button > span { width:100%; padding:5px 0; background:#ffffff10; border-bottom:2px solid #f5b66a; border-radius:0 0 70% 70%; font-size:20px; color:#f4bc76; }
.benefit-redpackets b { margin-top:10px; font-size:12px; font-weight:500; }
.benefit-redpackets small { font-size:8px; color:#edb8a0; margin-top:4px; }
.benefit-task { display:flex; align-items:center; padding:17px 0 5px; gap:11px; }
.benefit-task-icon { width:35px; height:35px; border-radius:10px; background:linear-gradient(140deg,#554734,#4b3326); display:flex; align-items:center; justify-content:center; color:#ebbd7c; flex-shrink:0; }
.benefit-task > div { min-width:0; flex:1; }
.benefit-task b { font-size:13px; font-weight:500; }
.benefit-task p { color:#8d8781; font-size:10px; margin:5px 0 0; line-height:1.4; }
.benefit-task small { color:#b5915f; font-size:9px; display:block; margin-top:5px; }
.benefit-task small i { font-style:normal; color:#e3ab53; }
.benefit-task > button { background:#c45b30; color:#ffddc0; border:0; font-size:10px; border-radius:7px; min-width:59px; padding:8px; flex-shrink:0; }
.benefit-footnote { color:#6d6863; font-size:9px; text-align:center; padding:4px 5px 10px; }
.benefit-signin-title { text-align:center; color:#f5d5a4; font-size:22px; font-weight:650; margin-top:12px; }
.benefit-signin-title + p { text-align:center; font-size:12px; color:#aaa09a; }
.benefit-signin-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; margin:25px 0 15px; }
.benefit-signin-days > div { display:flex; align-items:center; flex-direction:column; gap:10px; border-radius:8px; padding:11px 2px; background:#ffffff07; color:#d0a66e; border:1px solid #ffffff08; }
.benefit-signin-days span,.benefit-signin-days small { font-size:9px; color:#b8a58f; white-space:nowrap; }
.benefit-signin-days .is-done { border-color:#e6ad69; background:#ffc3761c; }
.benefit-challenge-hero { text-align:center; color:#efbc73; padding:20px 0; }
.benefit-challenge-hero > svg { margin:auto; }
.benefit-challenge-hero h3 { color:#eee6dc; font-weight:500; font-size:20px; margin:18px 0 8px; }
.benefit-challenge-hero p { color:#a69d92; font-size:12px; }

.me-page { color:#eceef0; background:#1b1b1b; }
.me-header { padding:14px 14px 16px; background:radial-gradient(ellipse at 95% -8%,#17483d99,transparent 62%),linear-gradient(#0c1b18,#0b0c0b 90%); }
.me-top-actions { display:flex; justify-content:flex-end; gap:15px; margin-bottom:17px; padding:0 2px; height:25px; }
.me-top-actions button { border:0; background:none; color:#c6cec9; padding:0; display:flex; }
.me-profile { display:flex; align-items:center; gap:15px; }
.me-guest-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:22px 0 4px; }
.me-guest-tools button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:64px; font-size:12px; color:#c8ceca; }
.me-guest-tools button svg { width:23px; height:23px; }
.me-header [data-me-identity] { padding:10px 0 4px; }
.me-avatar { width:60px; height:60px; border:1px solid #b4d4ae2b; background:linear-gradient(140deg,#40594a,#1f3c34); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#c0d0c3; padding:0; }
.me-profile h1 { font-size:20px; font-weight:600; margin:0 0 9px; letter-spacing:.3px; }
.me-profile p { margin:0; font-size:10px; color:#6c7772; }
.me-social { display:flex; align-items:center; gap:28px; padding:24px 0 22px; }
.me-social[hidden] { display:none; }
.me-social > button { border:0; background:none; color:#eee; display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:0; }
.me-social b { font-size:17px; font-weight:600; }
.me-social span { font-size:11px; color:#6d736f; }
.me-social > .me-edit-profile { display:block; margin-left:auto; background:#ffffff07; padding:7px 10px; border:1px solid #ffffff04; border-radius:6px; font-size:11px; color:#ddd; }
.me-quick { display:grid; grid-template-columns:1.7fr .83fr .83fr .83fr; gap:7px; }
.me-quick > button { position:relative; min-width:0; border:0; border-radius:9px; background:linear-gradient(130deg,#1b1c1b,#141414); color:#ddd; padding:10px 8px; text-align:left; display:flex; flex-direction:column; gap:7px; overflow:hidden; height:52px; justify-content:center; }
.me-quick b { font-size:13px; font-weight:550; white-space:nowrap; }
.me-quick > button > span { font-size:9px; color:#626662; white-space:nowrap; }
.me-quick b > i { display:inline-block; width:4px; height:4px; background:#f18a5a; border-radius:100%; margin-left:3px; vertical-align:top; }
.me-quick > .me-feature { background:linear-gradient(130deg,#e5c77b,#f6e5bd 65%,#b7c3ac); color:#533f17; padding-left:9px; }
.me-feature b { font-size:11px; position:relative; z-index:1; }
.me-feature > span { color:#806b3c!important; font-size:8px!important; position:relative; z-index:1; display:flex; align-items:center; }
.me-feature > i { position:absolute; font-style:normal; right:1px; bottom:1px; color:#5e7658; font-size:42px; font-weight:800; opacity:.22; transform:rotate(-13deg); }
.me-library { background:#1e1e1e; border-radius:15px 15px 0 0; padding:0 12px 22px; min-height:410px; }
.me-tabs { display:flex; align-items:center; gap:3px; padding:13px 0 12px; }
.me-tabs > button { border:0; background:none; color:#7f817f; padding:7px 2px; font-size:15px; flex:1; position:relative; white-space:nowrap; }
.me-tabs > button.is-active { color:#f8f8f8; font-weight:650; }
.me-tabs > button.is-active::after { content:''; width:15px; height:2px; background:#ede8df; position:absolute; bottom:0; left:calc(50% - 7px); border-radius:2px; }
.me-tabs > button:last-child { display:flex; align-items:center; justify-content:flex-end; flex:0 0 30px; color:#777b78; }
.me-filterbar { display:flex; align-items:center; gap:12px; padding:0 0 14px; }
.me-filters { display:flex; gap:4px; margin-right:auto; }
.me-filterbar button { padding:5px 1px; border:0; background:none; color:#c2c4c1; font-size:11px; white-space:nowrap; }
.me-filters > button { color:#818680; background:#232524; padding:6px 9px; border-radius:5px; }
.me-filters > button.is-active { background:#3b2d21; color:#c88743; }
.me-works-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px 8px; }
.me-work { display:block; min-width:0; text-align:left; border:0; background:none; padding:0; color:#d6d6d4; }
.me-work-cover { position:relative; height:151px; background:linear-gradient(145deg,#30453c,#1d2824); border-radius:8px; overflow:hidden; display:flex; justify-content:center; align-items:center; }
.me-work-cover img { width:100%; height:100%; object-fit:cover; }
.me-work-cover > span:last-child { position:absolute; font-size:8px; padding:3px 4px; right:3px; top:3px; color:#d9e3db; background:#0005; border-radius:3px; }
.me-work strong { display:block; font-size:12px; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:7px 0 5px; }
.me-work p { font-size:9px; color:#666c65; margin:0; }
.me-empty { min-height:170px; color:#777b77; }
.me-empty .secondary-button { width:auto; font-size:11px; padding:9px 14px; background:#374c40; color:#bfd4c1; }
.me-recommend-title { margin:0 0 15px; font-size:14px; font-weight:500; color:#b2b9b2; }
.me-inline-note { font-size:10px; color:#7e857c; margin:0 0 14px; line-height:1.6; }
.me-menu { padding:0 1px; }
.me-menu .secondary-row { padding-block:13px; }
.me-menu .secondary-row:nth-child(2),.me-menu .secondary-row:nth-child(7),.me-menu .secondary-row:nth-child(10) { border-bottom-color:#ffffff12; margin-bottom:6px; padding-bottom:19px; }
.me-setting { display:flex; justify-content:space-between; align-items:center; gap:20px; width:100%; background:none; border:0; border-bottom:1px solid #ffffff0b; padding:17px 0; color:#e0e0e5; text-align:left; }
.me-setting > span { display:flex; flex-direction:column; gap:7px; }
.me-setting b { font-size:14px; font-weight:500; }
.me-setting small { font-size:11px; color:#838690; }
.me-setting > i { width:36px; height:22px; background:#41434b; border-radius:13px; position:relative; flex-shrink:0; transition:background .2s; }
.me-setting > i::after { content:''; width:16px; height:16px; border-radius:50%; position:absolute; top:3px; left:3px; background:#e8e9ef; transition:left .2s; }
.me-setting > i.is-on { background:#368563; }
.me-setting > i.is-on::after { left:17px; }
.me-preferences { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:10px 0; }
.me-preferences button { background:#ffffff08; color:#a0a2ab; border:1px solid #ffffff09; padding:11px 4px; border-radius:8px; font-size:13px; }
.me-preferences button.is-active { background:#568a6e24; border-color:#518468; color:#b7d3bd; }
.me-edit-row > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.me-edit-row > button { margin-left:auto; border:0; padding:7px 10px; border-radius:5px; background:#ff846012; color:#d18c78; font-size:11px; white-space:nowrap; }
.me-appearance-demo { display:flex; flex-direction:column; align-items:center; gap:20px; color:#b3c9ba; padding:25px 10px; }
.me-appearance-demo b { color:#e0e7e2; font-size:18px; font-weight:500; }
.me-appearance-demo p { margin:0; color:#6f8578; font-size:12px; }
.me-member-card { background:linear-gradient(125deg,#e6c78d,#f6e2bc); color:#674923; border-radius:13px; padding:24px; margin-bottom:19px; }
.me-member-card small { font-size:12px; }
.me-member-card h3 { font-size:20px; line-height:1.5; margin:12px 0 17px; letter-spacing:1px; max-width:230px; }
.me-member-card > span { font-size:10px; padding:5px 10px; border:1px solid #b2925d66; border-radius:20px; }
.me-member-perks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:12px 0; color:#ccb991; }
.me-member-perks .secondary-tool span { font-size:11px; }
.me-creator-hero { text-align:center; padding:22px 0; color:#c9c0a6; }
.me-creator-hero > svg { margin:auto; }
.me-creator-hero h3 { color:#e3dfd2; font-size:18px; font-weight:500; margin:22px 0 12px; }
.me-creator-hero p { color:#8f8c80; font-size:11px; }
.me-about { display:flex; flex-direction:column; align-items:center; padding:24px 0 40px; }
.me-about > span { width:74px; height:74px; background:linear-gradient(140deg,#8ca481,#335a42); color:#e3eddf; border-radius:22px; display:flex; align-items:center; justify-content:center; font-size:36px; font-weight:750; }
.me-about h3 { margin:20px 0 10px; font-size:22px; font-weight:600; }
.me-about p { margin:0 0 26px; color:#969c94; font-size:13px; }
.me-about small { font-size:11px; color:#6f756e; }

@media (max-width:360px) {
 .mall-tools .secondary-tool span { font-size:10px; }
 .mall-promo strong { font-size:14px; }
 .mall-promo i { width:30px; font-size:13px; right:5px; }
 .mall-product-photo { height:183px; }
 .mall-product:nth-child(even) .mall-product-photo { height:163px; }
 .me-social { gap:22px; }
 .me-quick { gap:5px; }
 .me-quick > button { padding-inline:6px; }
 .me-quick b { font-size:12px; }
 .me-feature b { font-size:10px; }
 .me-filterbar { gap:9px; }
 .me-filters > button { padding-inline:7px; }
 .me-work-cover { height:132px; }
 .benefit-task b { font-size:12px; }
 .benefit-signin-days { gap:3px; }
 .benefit-signin-days span,.benefit-signin-days small { font-size:8px; }
}