*{box-sizing:border-box}.core-page--nearby{display:grid;gap:14px}.nearby-page__head{margin-bottom:0}.nearby-hero,.nearby-user-section{display:grid;gap:12px}.nearby-hero__summary{display:flex;gap:12px;align-items:stretch;justify-content:space-between}.nearby-hero__mode{flex:1;min-width:0;padding:14px 16px;border-radius:22px;background:#fffcf8eb;border:1px solid rgba(255,255,255,.78);box-shadow:0 10px 22px #341e150d;display:grid;gap:4px}.nearby-hero__mode strong{color:var(--core-text)}.nearby-hero__mode span,.nearby-user-card__meta span,.nearby-user-card p{color:var(--core-muted)}.nearby-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:8px}.nearby-hero__stat{min-width:0;padding:12px 10px;border-radius:18px;background:#ffffffe0;border:1px solid var(--core-line);display:grid;justify-items:center;gap:4px}.nearby-hero__stat strong{color:var(--core-text);font-size:18px}.nearby-hero__stat span{color:var(--core-muted);font-size:11px}.nearby-hero__location{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:18px;background:#ffffffdb;border:1px solid var(--core-line);color:var(--core-muted);font-size:12px}.nearby-map{display:block}.nearby-map__stage{position:relative}.core-page--nearby .nearby-map__canvas{min-height:300px;height:min(46vh,380px);border-radius:28px}.nearby-map__toolbar{position:absolute;top:14px;right:14px;z-index:20;display:flex;gap:8px}.nearby-map__toolbar .core-secondary-btn,.nearby-map__toolbar .core-primary-btn{min-width:44px;min-height:40px;padding:0 12px;border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nearby-map__mode{position:absolute;left:14px;top:14px;z-index:20;padding:10px 12px;border-radius:16px;background:#fffcf8e6;border:1px solid rgba(255,255,255,.78);box-shadow:0 10px 22px #341e1514;display:grid;gap:2px}.nearby-map__mode strong{color:var(--core-text);font-size:12px}.nearby-map__mode span,.nearby-map__note{color:var(--core-muted);font-size:11px}.nearby-map__note{position:absolute;left:14px;bottom:14px;z-index:20;padding:8px 10px;border-radius:999px;background:#fffcf8e6;border:1px solid rgba(255,255,255,.78);box-shadow:0 8px 18px #341e150f}.nearby-map--locked .nearby-map__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;z-index:15}.nearby-user-list{display:grid;gap:10px}.nearby-user-card{width:100%;padding:14px;border-radius:22px;border:1px solid var(--core-line);background:#ffffffe0;text-align:left;display:flex;gap:12px;align-items:flex-start;box-shadow:0 10px 20px #341e150a}.nearby-user-card__body{flex:1;min-width:0;display:grid;gap:6px}.nearby-user-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.nearby-user-card__head strong{color:var(--core-text)}.nearby-user-card__head em{color:var(--core-accent);font-style:normal;font-size:12px;font-weight:700}.nearby-user-card__meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.nearby-user-card p{margin:0;line-height:1.6;font-size:13px}.nearby-focus-card{display:grid;gap:12px}.nearby-focus-card__top{display:flex;gap:12px;align-items:center}.nearby-focus-card__copy{display:grid;gap:4px}.nearby-focus-card__copy strong{color:var(--core-text)}.nearby-focus-card__copy span{color:var(--core-muted);font-size:13px}.core-page--chat{display:grid;gap:12px;padding-bottom:calc(174px + env(safe-area-inset-bottom))}.chat-topbar{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 0 2px}.chat-topbar__back,.chat-topbar__more{min-height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--core-line);background:#ffffffe0;color:var(--core-text);font:inherit}.chat-topbar__title{min-width:0;padding:0;border:0;background:transparent;display:grid;gap:2px;text-align:center}.chat-topbar__title strong{color:var(--core-text);font-size:18px}.chat-topbar__title span{color:var(--core-muted);font-size:12px}.chat-context-strip{padding:12px 14px;border-radius:22px;background:#ffffffdb;border:1px solid var(--core-line);display:grid;gap:10px}.chat-context-strip__main{display:flex;gap:12px;align-items:center}.chat-context-strip__copy{min-width:0;display:grid;gap:4px}.chat-context-strip__copy strong{color:var(--core-text)}.chat-context-strip__copy span{color:var(--core-muted);font-size:13px;line-height:1.5}.chat-context-strip__meta{display:flex;gap:8px;flex-wrap:wrap}.chat-quick-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chat-quick-row::-webkit-scrollbar{display:none}.chat-quick-pill{flex:0 0 auto;min-width:96px;padding:10px 12px;border-radius:18px;border:1px solid var(--core-line);background:#ffffffe0;text-align:left;display:grid;gap:3px}.chat-quick-pill strong{color:var(--core-text);font-size:13px}.chat-quick-pill span{color:var(--core-muted);font-size:11px;line-height:1.5}.chat-thread-shell{padding:8px 0 4px}.wechat-thread{gap:10px}.wechat-thread__bubble{max-width:min(72%,300px);box-shadow:0 6px 12px #341e150a}.chat-compose-dock{bottom:calc(env(safe-area-inset-bottom) + 8px);gap:8px}.chat-suggestion-chip{min-height:32px;padding:0 12px;font-size:11px}.chat-compose-card{gap:10px;padding:10px;border-radius:22px}.chat-compose-card__toolbar{gap:8px}.chat-compose-card__toggle{min-height:34px;padding:0 12px;font-size:12px}.chat-compose-card__field{border-radius:18px}.chat-compose-card__field textarea{min-height:48px;max-height:112px}.chat-compose-card__send{min-width:92px;min-height:48px;border:0;border-radius:16px;background:linear-gradient(135deg,#2cc84d,#18a13a);color:#fff;font:inherit;font-weight:800;box-shadow:0 12px 22px #2cc84d38}.chat-compose-card__send:disabled{opacity:.58;box-shadow:none}@media (max-width: 640px){.nearby-hero__summary{grid-template-columns:1fr;display:grid}.nearby-hero__stats{grid-template-columns:repeat(3,minmax(0,1fr))}.nearby-hero__location{flex-direction:column;align-items:flex-start}.core-page--nearby .nearby-map__canvas{height:min(40vh,320px)}.nearby-map__toolbar{top:auto;right:12px;bottom:12px}.nearby-map__mode{right:auto;max-width:calc(100% - 120px)}.nearby-map__note{left:12px;right:12px;width:auto;border-radius:14px}.chat-topbar{grid-template-columns:auto 1fr auto}.chat-context-strip__main{align-items:flex-start}.chat-compose-card__main{align-items:stretch}}.core-page--message{display:grid;gap:12px}.message-page__head{margin-bottom:0}.message-banner{display:grid;gap:10px}.message-banner__card{width:100%;min-height:146px;padding:18px;border-radius:28px;border:1px solid rgba(255,255,255,.78);background:radial-gradient(circle at 18% 22%,rgba(245,157,76,.28),transparent 28%),radial-gradient(circle at 82% 78%,rgba(236,72,153,.18),transparent 28%),linear-gradient(135deg,#191218,#24161f 52%,#181114);box-shadow:0 16px 30px #341e1524;background-size:cover;background-position:center;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;text-align:left}.message-banner__copy{max-width:76%;display:grid;gap:6px}.message-banner__copy span{color:#ffffffad;font-size:12px;font-weight:700;letter-spacing:.08em}.message-banner__copy strong{font-size:clamp(24px,5vw,30px);line-height:1.02}.message-banner__copy p{margin:0;color:#ffffffd1;font-size:13px;line-height:1.65}.message-banner__card em{min-height:34px;padding:0 12px;border-radius:999px;display:inline-grid;place-items:center;background:#ffffff24;color:#fff;font-style:normal;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-banner__dots{display:flex;justify-content:center;gap:6px}.message-banner__dot{width:8px;height:8px;padding:0;border-radius:999px;border:0;background:#75655b38}.message-banner__dot.active{width:22px;background:var(--core-accent)}.message-service-card{padding:14px 16px;border-radius:22px;background:#ffffffe0;border:1px solid var(--core-line);display:flex;align-items:center;justify-content:space-between;gap:14px}.message-service-card>div{flex:1;display:grid;gap:4px}.message-service-card strong{color:var(--core-text)}.message-service-card span{color:var(--core-muted);font-size:13px;line-height:1.55}@media (max-width: 640px){.message-banner__card{min-height:132px;padding:16px;border-radius:24px}.message-banner__copy{max-width:100%}.message-banner__card{flex-direction:column;align-items:flex-start}.message-service-card{flex-direction:column;align-items:stretch}}.v10-discover__portal-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.v10-discover__portal{min-height:84px;padding:14px 12px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#261a1ffa,#1e1419eb);color:#fff;display:grid;justify-items:center;align-content:center;gap:8px;text-align:center}.v10-discover__portal span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d4af374d,#c41e3a38);color:#f3d36e;font-weight:800}.v10-discover__portal strong{color:#fff;font-size:13px}.v10-discover__hero-card{padding:20px 18px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top center,rgba(212,175,55,.12),transparent 40%),linear-gradient(180deg,#1f161cfa,#171116f2)}.v10-discover__hero-main{display:grid;justify-items:center;gap:14px;text-align:center}.v10-discover__hero-copy{display:grid;gap:6px;justify-items:center}.v10-discover__hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.v10-discover__hero-stat{padding:12px 10px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);text-align:center}.v10-discover__hero-stat strong{display:block;color:#f0cf5e;font-weight:800;margin-bottom:4px}.v10-discover__hero-stat span{color:#ffffff8f;font-size:12px}.v10-discover__hero-card .v10-discover__spirit-shell{width:144px;height:144px;margin-bottom:0}.v10-discover__hero-card .v10-discover__spirit-core{width:88px;height:88px;font-size:34px}.v10-discover__hero-card .v10-discover__spirit-glow{top:20px;right:20px;bottom:20px;left:20px}.v10-discover__hero-card .v10-discover__spirit-ring{top:8px;right:8px;bottom:8px;left:8px}.v10-discover__hero-card .v10-discover__spirit-ring.ring-2{top:-4px;right:-4px;bottom:-4px;left:-4px}.v10-discover__quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-discover__quick{min-height:96px;border-radius:20px;background:#ffffff09}.v10-discover__section--task .v10-discover__task{padding:18px 16px;border-radius:20px;background:#ffffff0b}.v10-topic{background:linear-gradient(180deg,#0e0a0e,#150f14 54%,#0d0a0d)}.v10-topic__story-row{display:flex;gap:14px;overflow-x:auto;margin-bottom:16px;padding:2px 2px 8px}.v10-topic__story-item{min-width:78px;display:grid;gap:8px;justify-items:center;color:#ffffffad;background:transparent;border:0}.v10-topic__story-item strong{font-size:12px;color:inherit}.v10-topic__story-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ffffff1a,#ffffff0a) padding-box,linear-gradient(135deg,#d4af37f2,#c41e3af2) border-box;border:2px solid transparent;color:#fff;font-size:24px;box-shadow:0 12px 22px #0003}.v10-topic__hero-card,.v10-topic__panel{background:#1a1216f0;border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:18px;margin-bottom:16px}.v10-topic__hero-card{background:radial-gradient(circle at top center,color-mix(in srgb,var(--topic-color) 20%,transparent),transparent 52%),linear-gradient(180deg,#3a281feb,#24181af5)}.v10-topic__hero-top{display:grid;justify-items:center;gap:14px;text-align:center}.v10-topic__hero-mark{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#d4af373d,#ffffff0a);border:2px solid rgba(212,175,55,.2);color:#fff;font-size:34px}.v10-topic__hero-copy{display:grid;gap:8px}.v10-topic__hero-eyebrow{color:#d4af37;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.v10-topic__hero-copy h1{margin:0;color:#fff;font-size:34px;line-height:1.05}.v10-topic__hero-copy p{margin:0;color:#ffffffad;line-height:1.6}.v10-topic__stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.v10-topic__stat-card{padding:12px 10px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);text-align:center}.v10-topic__stat-card strong{display:block;color:#f0cf5e;font-size:24px;font-weight:800;margin-bottom:4px}.v10-topic__stat-card span{color:#ffffff8f;font-size:12px}.v10-topic__hot-topics{display:grid;gap:10px}.v10-topic__hot-topics button{min-height:54px;justify-content:center;border-radius:18px;background:#ffffff0a}.v10-topic__ranking{gap:10px}.v10-topic__ranking-item{border-radius:20px;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.v10-topic__post-card{padding:16px;border-radius:22px;background:#ffffff09;border:1px solid rgba(212,175,55,.14);display:grid;gap:12px}.v10-topic__post-card--featured{background:linear-gradient(180deg,#31221bf2,#1f1517f5);box-shadow:0 16px 32px #0000003d}.v10-topic__post-meta{flex:1;display:grid;gap:2px}.v10-topic__post-meta strong{color:#fff}.v10-topic__post-meta span{color:#ffffff8a;font-size:12px}.v10-topic__post-badge{min-height:28px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:#ffffff14;color:#f0cf5e;font-size:12px;white-space:nowrap}.v10-topic__post-card p{margin:0;color:#ffffffbd;line-height:1.7}.v10-topic__post-actions{color:#ffffffb8}.v10-topic__category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v10-topic__category{min-height:96px;justify-content:space-between;border-radius:18px;background:#ffffff09}.v10-identity__hero-card{background:radial-gradient(circle at top center,rgba(212,175,55,.1),transparent 40%),linear-gradient(180deg,#1d1418f5,#171116f0);border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:18px;margin-bottom:16px}.v10-identity__hero-top{display:flex;gap:14px;align-items:center}.v10-identity__hero-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:#ffffff0f;color:#fff;font-size:30px;flex-shrink:0}.v10-identity__hero-copy{flex:1;display:grid;gap:4px}.v10-identity__hero-copy strong{color:#fff;font-size:22px}.v10-identity__hero-copy span,.v10-identity__tip{color:#ffffff9e}.v10-identity__hero-top em{min-height:28px;padding:0 12px;border-radius:999px;display:inline-grid;place-items:center;background:#d4af3729;color:#f0cf5e;font-style:normal;font-size:12px}.v10-identity__selector{border-radius:26px;padding:18px}.v10-identity__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.v10-identity__tab{min-height:46px;border-radius:16px;font-weight:700}.v10-identity__list{gap:14px}.v10-identity__card{padding:18px;border-radius:22px;background:#ffffff09}.v10-identity__card-icon{width:62px;height:62px;border-radius:20px;font-size:30px}.v10-identity__card-head{align-items:baseline}.v10-identity__card p{line-height:1.65}.v10-identity__confirm{min-height:54px;border-radius:20px;background:linear-gradient(135deg,#d4af37,#da8a2e 52%,#c41e3a)}@media (max-width: 420px){.v10-discover__portal-row,.v10-topic__stats-grid,.v10-discover__hero-stats,.v10-topic__category-grid,.v10-discover__quick-grid{grid-template-columns:1fr}}:root{--mobile-shell-width: 414px}html,body,#root{margin:0;min-height:100%;background:#0d0a0d;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:#000;overflow-x:hidden;touch-action:manipulation;overscroll-behavior-y:none}*{-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:16px}.app-shell{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#0d0a0d,#1a1216,#0d0a0d)}.app-shell--mobile{position:relative;width:min(100vw,var(--mobile-shell-width));min-height:100dvh;height:100dvh;margin:0 auto;overflow-x:hidden}.app-shell--admin{width:100%}.placeholder-page{min-height:calc(100vh - 100px);display:grid;place-items:center;font-size:32px;text-transform:capitalize}.page-loading{min-height:100vh;display:grid;place-items:center;color:#ffffffb3}.page-shell{min-height:100vh;min-height:100dvh;padding:14px 14px 104px}.app-shell--mobile .page-shell{width:100%;max-width:var(--mobile-shell-width);margin:0 auto;height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:calc(104px + env(safe-area-inset-bottom));scrollbar-width:none}.app-shell--mobile .page-shell::-webkit-scrollbar{display:none}.toast-message{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:999;padding:12px 18px;border-radius:14px;background:#1a1216f2;border:1px solid rgba(212,175,55,.24)}.h5-tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100vw,var(--mobile-shell-width));height:calc(84px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#1a1216fa,#0d0a0d);border-top:1px solid rgba(212,175,55,.12);box-shadow:0 -8px 32px #0006;display:flex;align-items:flex-start;z-index:100;padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 768px){.app-shell--mobile{border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 1px #d4af370a,0 32px 80px #00000073}.app-shell--mobile:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(212,175,55,.06),transparent 45%),#000;z-index:-1}}.h5-tab-bar .tab-item{flex:1;text-decoration:none;color:#ffffff73;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:84px}.h5-tab-bar .tab-item.active .tab-label{color:#d4af37;font-weight:600}.tab-icon-wrap{position:relative;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tab-item.active .tab-icon-wrap{background:linear-gradient(135deg,#d4af3733,#d4af3714)}.tab-icon{font-size:26px}.tab-label{font-size:12px;margin-top:4px}.tab-indicator{position:absolute;bottom:calc(6px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:22px;height:3px;border-radius:999px;background:linear-gradient(90deg,#d4af37,#e5c349);opacity:0}.tab-item.active .tab-indicator{opacity:1}.tab-badge{position:absolute;top:0;right:0;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ff6b35,#f7931e);display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff}.btn{border:0;border-radius:18px;padding:14px 24px;font-size:16px;font-weight:600}.btn-primary{background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff}.btn-secondary,.btn-outline{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.12)}.login-page{min-height:100vh;background:linear-gradient(180deg,#0d0a0d,#1a1216,#0d0a0d);padding:72px 24px 140px;position:relative;overflow:hidden}.bg-decoration,.bg-effects,.bg-particles,.bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.08) 0%,transparent 70%)}.bg-circle-1{width:300px;height:300px;top:-100px;right:-80px}.bg-circle-2{width:220px;height:220px;bottom:180px;left:-80px}.bg-circle-3{width:180px;height:180px;bottom:-50px;right:-20px}.bg-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.05) 50%,transparent 100%);animation:shineSweep 8s ease-in-out infinite}@keyframes shineSweep{0%{left:-100%}50%,to{left:150%}}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#d4af3759}.guide-header,.logo-section,.info-header{position:relative;z-index:2}.guide-header{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.guide-badge,.identity-badge,.role-badge,.match-score-badge,.cert-badge,.vip-tag,.distance-tag,.role-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#d4af3724;border:1px solid rgba(212,175,55,.22)}.guide-text,.logo-title,.section-title,.page-title,.title,.role-name,.user-name,.match-name{color:#fff;font-weight:700}.guide-desc,.logo-subtitle,.section-hint,.info-subtitle,.subtitle,.role-desc,.bio-text,.popup-bio,.menu-subtitle{color:#ffffffa3}.step-indicator{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:28px}.step-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:52px}.step-circle{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.2)}.step-item.active .step-circle{background:linear-gradient(135deg,#d4af37,#b8941f);color:#0d0a0d}.step-label{font-size:13px;margin-top:8px;color:#ffffff75}.step-line{position:absolute;top:20px;left:calc(100% + 8px);width:36px;height:2px;background:#ffffff24}.step-line.active{background:linear-gradient(90deg,#d4af37,#c41e3a)}.step-content{position:relative;z-index:2}.logo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.logo-container{position:relative;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px;background:radial-gradient(circle,rgba(212,175,55,.18),transparent 70%)}.logo-icon,.avatar-placeholder{font-size:42px}.role-section,.task-section,.identity-card-section,.menu-section,.tags-section,.match-preview,.knowledge-section,.benefits-section{background:#1a1216eb;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:20px;margin-bottom:18px;position:relative;z-index:2}.role-grid,.task-list,.knowledge-categories,.benefit-list,.user-list,.message-list,.match-cards,.tags-list{display:grid;gap:14px}.role-card{position:relative;border:1px solid rgba(255,255,255,.1);background:#ffffff08;border-radius:20px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;color:#fff}.role-card.active{border-color:#d4af376b;box-shadow:0 10px 40px #d4af3729}.role-icon-wrap{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#ffffff0d;margin-bottom:12px}.role-icon{font-size:28px}.role-tag,.role-check{margin-top:8px}.action-section{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px}.dual-actions,.btn-group,.action-buttons,.header-actions,.nav-right,.stats-section,.popup-tags,.popup-header,.user-name-row,.meta-row,.top-nav,.nav-header,.mode-switch,.match-users,.chat-header,.chat-preview,.promo-content,.promo-left,.section-header,.tags-entry,.match-score,.role-header,.progress-info,.sub-info,.option-inner,.match-item,.chat-item,.menu-item,.nearby-user-card{display:flex;align-items:center}.dual-actions,.btn-group,.action-buttons,.top-nav,.nav-header,.chat-header,.chat-preview,.promo-content,.section-header,.tags-entry,.match-score,.progress-info,.match-item,.chat-item,.menu-item,.nearby-user-card{justify-content:space-between}.input-group{position:relative;z-index:2;margin-bottom:18px}.input-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#ffffffdb}.input-wrapper{position:relative;display:flex;align-items:center;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);padding:0 14px}.input-field{flex:1;min-height:52px;border:0;outline:0;background:transparent;color:#fff;font-size:16px}.input-counter{color:#ffffff70;font-size:13px}.avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:18px}.avatar-wrapper{position:relative;display:inline-flex}.avatar-container,.avatar-main,.popup-avatar,.chat-avatar,.match-avatar,.role-badge,.stat-icon,.menu-icon-wrapper{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:#ffffff0d}.avatar-container img.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:24px}.avatar-overlay{position:absolute;inset:auto 0 0 0;padding:8px 0;text-align:center;font-size:12px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.68));border-radius:0 0 24px 24px}.agreement-row{display:flex;gap:10px;align-items:center;color:#ffffffb3;margin-bottom:18px}.test-page,.result-page,.message-page,.nearby-page,.interact-page,.profile-page,.match-page{background:linear-gradient(180deg,#0d0a0d,#1a1216,#0d0a0d)}.header-section{position:relative;z-index:2;margin-bottom:18px}.dimension-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.dimension-item{display:flex;flex-direction:column;align-items:center;gap:8px}.dim-dot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.dimension-item.active .dim-dot{background:#d4af3733;border-color:#d4af3766}.progress-container,.question-card,.identity-card,.user-card-big,.spirit-section,.map-mode-container,.list-mode-container,.match-item,.chat-item,.system-item,.vip-promo-card{background:#1a1216e6;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:18px}.progress-track,.trust-bar,.dim-card-bar{width:100%;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-fill,.trust-fill,.dim-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#d4af37,#c41e3a)}.question-card,.identity-card,.match-card,.dim-card,.task-item,.benefit-item,.category-item,.system-item,.menu-item,.nearby-user-card{display:flex;flex-direction:column;gap:12px}.question-num-bg,.celebration-icon,.role-badge,.score-center{display:grid;place-items:center}.question-num-bg{width:52px;height:52px;border-radius:50%;background:#d4af372e;color:#d4af37;font-weight:700;margin-bottom:14px}.question-text{color:#fff;font-size:24px;font-weight:700;line-height:1.5}.hint-box{display:flex;gap:8px;color:#ffffff9e;font-size:14px}.options-list{display:grid;gap:12px}.option-card{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:20px;padding:16px;color:#fff}.option-card.selected{border-color:#d4af3766;box-shadow:0 10px 28px #d4af371f}.option-icon-box{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#ffffff0d;font-size:24px;margin-right:12px}.option-content{flex:1;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.option-title{font-weight:700}.option-desc{color:#fff9;font-size:14px}.option-selector{min-width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16)}.btn-prev.hidden{visibility:hidden}.btn-next.ready{background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff}.btn-next.disabled{background:#ffffff14;color:#ffffff70}.safety-bar{display:flex;gap:8px;justify-content:center;color:#ffffff8f}.content-scroll{position:relative;z-index:2;display:flex;flex-direction:column;gap:18px}.title{font-size:32px;text-align:center}.subtitle{text-align:center;margin-top:8px}.main-role{display:flex;justify-content:center;margin-bottom:16px}.role-badge{width:88px;height:88px;font-size:44px}.role-header{flex-direction:column;align-items:center;gap:8px}.dim-card-value,.score-value,.stat-value{color:#d4af37;font-weight:700}.score-center{width:120px;height:120px;border-radius:50%;border:2px solid rgba(212,175,55,.3)}.score-value{font-size:42px}.score-unit{color:#ffffffa8}.match-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.match-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px;text-align:center}.match-avatar{margin:0 auto 12px;font-size:36px}.top-nav,.nav-header{margin-bottom:16px}.nav-title,.page-title{font-size:28px}.filter-btn,.location-btn,.mode-btn,.tab,.action-btn,.filter-tag,.promo-btn{border:1px solid rgba(255,255,255,.12);background:#1a1216f2;color:#ffffffe0;border-radius:999px;padding:10px 14px}.tag-bar,.filter-bar,.category-tabs{margin-bottom:16px}.tag-list,.filter-tags,.tabs-container,.message-tabs{display:flex;gap:10px;overflow-x:auto}.tag-item,.filter-tag,.tab-item,.tab{white-space:nowrap}.tag-item.active,.filter-tag.active,.tab.active,.tab-item.active,.mode-btn.active{background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff}.cards-container{min-height:56vh;display:grid;place-items:center}.user-card-big{width:100%;max-width:420px;min-height:520px;position:relative}.card-content{display:flex;flex-direction:column;gap:16px;height:100%}.card-badges,.interest-tags,.tags-list{display:flex;flex-wrap:wrap;gap:10px}.avatar-section .avatar-ring{width:120px;height:120px;border-radius:50%;margin:0 auto;padding:6px;border:1px solid rgba(212,175,55,.3)}.avatar-section .avatar-inner{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:#ffffff0d}.avatar-emoji{font-size:48px}.user-name-row{justify-content:space-between}.separator{opacity:.4}.status-text.online{color:#10b981}.status-text.offline{color:#ffffff80}.interest-tag,.tag-item{padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff}.ai-recommend{color:#d4af37}.action-buttons{gap:10px;flex-wrap:wrap}.action-btn{flex:1;min-width:110px}.spirit-container{display:flex;justify-content:center;margin-bottom:16px}.spirit-wrapper{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#d4af3733,#ffffff08)}.spirit-emoji{font-size:56px}.spirit-info{text-align:center}.spirit-name{font-size:24px;font-weight:700;margin-bottom:12px}.trust-labels{display:flex;justify-content:space-between;margin-top:8px}.task-item,.benefit-item,.category-item{background:#ffffff0a;border-radius:18px;padding:14px}.task-item.done{opacity:.72}.task-name,.benefit-title,.cat-name,.system-title,.menu-title{font-weight:700}.fake-map-view{position:relative;height:360px;border-radius:20px;background:linear-gradient(180deg,#0a0a0acc,#1c1418eb);overflow:hidden}.map-user-marker{position:absolute;width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:#ffffff14;transform:translate(-50%,-50%);font-size:28px}.nearby-user-card{background:#ffffff0a;border-radius:18px;padding:14px;flex-direction:row;gap:14px;align-items:flex-start}.message-tabs{margin-bottom:16px}.tab,.tab-item{position:relative}.chat-total-badge,.tab .tab-badge{margin-left:8px;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#ff6b35;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:#fff}.match-item,.chat-item,.system-item{padding:14px;border-radius:18px;background:#ffffff0a;gap:14px;margin-bottom:12px}.match-info,.chat-content,.system-content{flex:1}.preview-text,.match-desc,.system-desc{color:#fff9}.chat-avatar,.popup-avatar{font-size:30px}.unread-badge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ff6b35;color:#fff;font-size:11px}.profile-header{position:relative;border-radius:28px;padding:24px 18px;overflow:hidden;background:linear-gradient(180deg,#1a1216fa,#1a1216d1);border:1px solid rgba(255,255,255,.08);margin-bottom:16px}.profile-content{position:relative;z-index:2}.edit-btn{display:inline-flex;margin-left:auto;margin-bottom:18px;padding:10px 16px;border-radius:999px;background:#ffffff14}.profile-header .avatar-section{margin-bottom:20px}.profile-header .avatar-wrapper{margin-bottom:16px}.avatar-wrapper .avatar-main{font-size:42px}.vip-crown{position:absolute;top:-8px;right:-8px}.user-info,.role-details,.menu-content{display:flex;flex-direction:column;gap:6px}.stats-section{gap:10px}.stat-item{flex:1;padding:14px 8px;border-radius:18px;background:#ffffff0a;align-items:center}.stat-icon{width:52px;height:52px;font-size:22px;margin:0 auto 8px}.vip-promo-card,.identity-card,.tags-entry,.menu-item{background:#1a1216eb;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:16px;margin-bottom:14px}.promo-btn,.section-action,.view-tags{color:#d4af37}.card-left{display:flex;gap:14px}.role-icon-large{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#ffffff0d;font-size:32px}.tags-entry{flex-direction:row}.menu-item{flex-direction:row;align-items:center;gap:14px}.menu-icon-wrapper{width:52px;height:52px;font-size:22px}@media (max-width: 720px){.login-page{padding:56px 18px 120px}.match-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.action-buttons{flex-direction:column}}.empty-actions{display:flex;gap:12px;margin-top:20px}.card-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;overflow:hidden}.card-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(212,175,55,.18),transparent 32%),radial-gradient(circle at bottom left,rgba(196,30,58,.12),transparent 35%)}.card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0d0a0d33,#0d0a0ddb)}.match-avatar-section{margin-bottom:0}.view-detail-hint,.bottom-tip{text-align:center;color:#fff9;font-size:14px}.view-detail-hint{margin-top:auto}.bottom-tip{margin-top:12px}.match-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:center;justify-content:center}.modal-overlay,.popup-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-content,.popup-content{position:relative;z-index:1;width:calc(100% - 32px);max-width:420px;border-radius:24px;background:linear-gradient(180deg,#1a1216fa,#0d0a0df5);border:1px solid rgba(212,175,55,.22);padding:24px 20px;box-shadow:0 20px 60px #00000073}.match-celebration,.match-title,.match-subtitle{text-align:center}.match-celebration{font-size:42px;margin-bottom:8px}.match-title{font-size:28px;font-weight:700;margin-bottom:8px}.match-subtitle{color:#ffffffa3;margin-bottom:20px}.match-avatars,.match-actions,.popup-actions{display:flex;justify-content:center;gap:12px}.avatar-item{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#ffffff0f;font-size:28px}.avatar-connector{display:grid;place-items:center;font-size:24px;color:#d4af37}.match-btn,.start-chat-btn{border:0;border-radius:16px;padding:12px 18px;font-weight:600}.match-btn.send,.start-chat-btn{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff}.match-btn.later{background:#ffffff14;color:#fff}.trust-glow{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#d4af37;transform:translate(-50%,-50%);box-shadow:0 0 18px #d4af3799}.spirit-particles .particle{width:auto;height:auto;background:transparent;font-size:12px}.spirit-particles .p1{left:14%;top:18%}.spirit-particles .p2{right:16%;top:24%}.spirit-particles .p3{left:18%;bottom:20%}.spirit-particles .p4{right:14%;bottom:16%}.quick-actions,.knowledge-cards,.article-list{display:grid;gap:14px}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.action-card,.knowledge-card,.article-card{background:#ffffff0a;border-radius:18px;border:1px solid rgba(255,255,255,.08);padding:16px;display:flex;flex-direction:column;gap:8px}.action-icon,.card-icon,.cat-icon,.system-icon{font-size:26px}.action-name,.card-title,.article-title{font-weight:700}.action-desc,.card-desc,.article-desc,.article-meta,.cat-desc,.benefit-desc{color:#ffffff9e;font-size:13px}.card-badge,.article-tag,.benefit-level,.new-tag,.online-tag,.label-count,.tags-count-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#d4af3724;color:#d4af37;font-size:12px}.article-top,.match-header,.match-right,.section-label,.popup-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.article-top,.section-label{margin-bottom:6px}.match-avatars{align-items:center;min-width:96px}.avatar-ring{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#ffffff0d}.avatar-ring.secondary{margin-left:-6px}.heart-icon{color:#ec4899;font-size:20px}.match-info{min-width:0}.match-right{flex-direction:column;align-items:flex-end;justify-content:center}.match-time,.chat-time,.system-time{color:#ffffff85;font-size:12px}.chat-item.pinned{border-color:#ec48993d}.chat-avatar-wrap{position:relative}.pin-badge{position:absolute;top:-6px;right:-6px;font-size:16px}.chat-name-wrap{display:flex;align-items:center;gap:8px}.preview-text.unread,.chat-time.highlight,.chat-name{color:#fff}.vip-icon,.mute-indicator{font-size:14px}.popup-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:0;background:#ffffff14;color:#fff}.match-section{margin-top:8px}.match-bar{width:100%;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;margin:6px 0}.match-fill{height:100%;background:linear-gradient(90deg,#d4af37,#ec4899)}.match-label,.match-value{font-size:13px;color:#ffffffad}.radar-preview-section{background:#1a1216eb;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:16px;margin-bottom:14px}.radar-preview-card{border-radius:18px;background:#ffffff08;padding:14px}.dimension-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px}.dim-value-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border-radius:16px;background:#ffffff0a}.dim-value-num{color:#d4af37;font-size:20px;font-weight:700}.dim-value-label{color:#ffffff9e;font-size:12px;text-align:center}.card-right{display:flex;align-items:center}.profile-footer{text-align:center;color:#ffffff73;font-size:12px;padding-bottom:12px}.plain-btn{border:0;background:transparent;color:inherit}.vip-page,.favorites-page,.settings-page,.edit-profile-page,.safety-page,.topic-page,.user-detail-page{background:linear-gradient(180deg,#0d0a0d,#151015,#0d0a0d)}.vip-header-card,.stats-card,.settings-section,.form-card,.safety-card,.topic-info-card,.section-card{background:#1a1216eb;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:18px;margin-bottom:16px}.vip-header-card{text-align:center}.crown-icon{font-size:46px;margin-bottom:10px}.header-title{font-size:28px;font-weight:700}.header-desc{color:#ffffff9e;margin-top:8px}.vip-section,.favorites-content,.settings-content,.content-area,.topic-posts{display:grid;gap:14px}.compare-table,.package-list,.privilege-list{display:grid;gap:12px}.compare-header,.compare-row,.privilege-item,.setting-item,.item-left,.switch-wrapper,.preview-header,.report-item,.topic-header,.hot-topic-grid,.post-header,.post-footer,.user-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.compare-row,.privilege-item,.setting-item,.favorite-item,.post-item{padding:14px;border-radius:18px;background:#ffffff0a}.package-card{padding:16px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:grid;gap:10px}.package-card.super,.package-card.svip{border-color:#d4af3747}.package-price,.package-type,.privilege-title,.card-title,.setting-label,.topic-name,.post-user-name{font-weight:700}.package-summary,.privilege-desc,.value-text,.report-detail,.topic-desc,.post-time,.post-content,.bio-content{color:#ffffffa3}.package-btn,.save-btn,.btn-report{border:0;border-radius:16px;padding:12px 18px;background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff;font-weight:700}.favorites-filters{display:flex;gap:10px;overflow-x:auto;margin-bottom:16px}.filter-pill{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;border-radius:999px;padding:10px 14px;white-space:nowrap}.filter-pill.active{background:linear-gradient(135deg,#d4af37,#c41e3a)}.favorite-item .item-main,.settings-section .setting-item,.report-form,.active-reports,.hot-topic-grid,.topic-tags,.tags-cloud{display:grid;gap:12px}.settings-section .setting-item{grid-template-columns:1fr auto}.switch-wrapper input{width:18px;height:18px}.preview-panel{margin-bottom:16px;background:#1a1216eb;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:18px}.preview-card,.topic-info-content,.post-item,.section-card{display:grid;gap:12px}.preview-avatar-main,.post-avatar,.score-circle{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:#ffffff0d;font-size:30px}.preview-user-name,.preview-title,.topic-icon-large,.topic-name,.section-card .section-title{font-weight:700}.preview-bio-text,.preview-meta{color:#ffffffa3}.safety-card.expanded .card-body,.report-form,.active-reports,.level-words{display:grid;gap:12px}.emergency-section{margin-bottom:16px}.sos-container{display:grid;place-items:center;min-height:240px;border-radius:26px;background:#1a1216eb;border:1px solid rgba(255,255,255,.08)}.sos-button{width:180px;height:180px;border-radius:50%;border:0;display:grid;place-items:center;background:radial-gradient(circle,#c41e3ae6,#7a1424e6);color:#fff}.sos-inner{display:grid;gap:8px;text-align:center}.sos-icon{font-size:40px}.safe-level{padding:14px;border-radius:18px;background:#ffffff0a}.safe-word-tag{display:inline-flex;padding:8px 12px;border-radius:999px;margin-right:10px;margin-bottom:10px;font-size:13px}.safe-word-tag.red{background:#ef444429}.safe-word-tag.yellow{background:#f59e0b29}.safe-word-tag.green{background:#10b98129}.topic-icon,.topic-icon-large{font-size:32px}.topic-tags,.hot-topic-grid,.tags-cloud{display:flex;flex-wrap:wrap;gap:10px}.topic-tag,.hot-topic-card,.tag-item{padding:10px 12px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.hot-topic-card.active{border-color:#d4af3752}.user-info-section{position:relative;z-index:2;display:grid;gap:14px;justify-items:center}.detail-header{position:relative;border-radius:24px;background:#1a1216eb;border:1px solid rgba(255,255,255,.08);padding:24px 18px;margin-bottom:16px;overflow:hidden}.back-btn,.more-btn{position:absolute;top:16px;width:38px;height:38px;border-radius:50%;background:#ffffff14;display:grid;place-items:center;z-index:3}.back-btn{left:16px}.more-btn{right:16px}.basic-info,.user-detail-actions{color:#ffffffa8}.match-score-section{width:100%}.gauge-track{width:100%;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-bottom:10px}.gauge-fill{height:100%;background:linear-gradient(90deg,#d4af37,#c41e3a)}@media (max-width: 720px){.quick-actions{grid-template-columns:1fr}.compare-header,.compare-row{grid-template-columns:1.4fr .8fr .8fr;display:grid}}.chat-detail-page,.certification-page,.publish-page,.identity-page,.performance-page{background:linear-gradient(180deg,#0d0a0d,#151015,#0d0a0d)}.chat-nav,.cert-overview,.cert-section,.select-section,.confirm-section,.header,.score-card,.control-bar,.metrics-grid,.publish-page .content-area,.topic-selector,.preview-panel.show,.flow-detail-card{margin-bottom:16px}.chat-nav,.security-bar,.input-area,.burn-content,.overview-card,.cert-type-card,.current-card,.option-card-lite,.metric-card{background:#1a1216eb;border:1px solid rgba(255,255,255,.08);border-radius:22px}.chat-nav{padding:14px 16px}.nav-content,.nav-user,.nav-actions,.message-item-row,.burn-header,.type-card-header,.type-card-footer,.current-card,.identity-header,.header,.control-bar,.metric-header,.metric-values{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-nav .nav-user{flex:1;justify-content:flex-start}.nav-avatar,.nav-action-btn,.their-avatar,.type-icon,.current-avatar,.identity-icon-wrap{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#ffffff0f}.message-thread{display:grid;gap:16px;padding:12px 0 100px}.date-divider{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff6}.date-line{flex:1;height:1px;background:#ffffff14}.message-item-row.mine{justify-content:flex-end}.message-bubble{max-width:78%;padding:14px 16px;border-radius:20px;background:#ffffff0d;display:grid;gap:8px}.message-bubble.mine{background:linear-gradient(135deg,#ec48994d,#f472b629)}.chat-input-wrapper{flex:1}.message-input{width:100%;min-height:52px;background:transparent;border:0;color:#fff;resize:none;outline:none;font:inherit}.input-area{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:12px;display:flex;align-items:center;gap:12px;z-index:60}.burn-toggle,.send-btn{width:48px;height:48px;border-radius:50%;border:0;background:#ffffff14;color:#fff}.send-btn.active{background:linear-gradient(135deg,#ec4899,#f472b6)}.burn-settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:flex;align-items:flex-end;justify-content:center}.burn-content{position:relative;z-index:1;width:min(520px,calc(100% - 20px));padding:20px;margin-bottom:12px;background:#0d0a0dfa}.burn-options{display:grid;gap:12px}.burn-option{width:100%;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff;text-align:left}.burn-option.selected{border-color:#ec489952}.overview-card,.cert-type-card,.option-card-lite,.metric-card{padding:16px}.cert-type-grid,.identity-list,.metrics-grid{display:grid;gap:14px}.type-icon-wrap,.overview-percent-wrap{position:relative}.type-step-num{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#d4af37;color:#0d0a0d;display:grid;place-items:center;font-size:11px;font-weight:700}.type-card-body,.identity-content,.metric-card{display:grid;gap:8px}.type-btn,.btn-confirm-select{width:100%;border:0;border-radius:16px;padding:12px 18px;background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff;font-weight:700}.content-input,.form-textarea{width:100%;min-height:160px;border:0;background:transparent;color:#fff;resize:vertical;outline:none;font:inherit}.toolbar{display:flex;justify-content:space-between;margin-top:12px}.toolbar-left,.topics-grid{display:flex;flex-wrap:wrap;gap:10px}.tool-btn,.topic-chip{border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff;border-radius:16px;padding:10px 12px}.topic-chip.selected,.option-card-lite.selected{border-color:#d4af3752}.current-section,.select-section{background:#1a1216eb;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:16px;margin-bottom:16px}.identity-list{margin-top:14px}.option-card-lite{text-align:left}.metric-card .metric-values{justify-content:flex-start;gap:18px}.metric-item{display:grid;gap:4px}.value{font-size:24px;font-weight:700;color:#d4af37}.score-card{padding:18px;display:flex;align-items:center;justify-content:space-between}.score-ring{width:120px;height:120px;border-radius:50%;border:2px solid rgba(212,175,55,.3);display:grid;place-items:center}.score-level{padding:10px 14px;border-radius:999px;background:#d4af3724;color:#d4af37}.header,.control-bar{padding:16px;border-radius:22px;background:#1a1216eb;border:1px solid rgba(255,255,255,.08)}.page-state{display:grid;justify-items:center;gap:10px;padding:28px 20px;border-radius:24px;background:#1a1216eb;border:1px solid rgba(255,255,255,.08);text-align:center}.page-state__icon{font-size:42px}.page-state__title{font-size:22px;font-weight:700}.page-state__desc{color:#ffffffa3;max-width:420px}.page-state__action{margin-top:8px}.page-state--loading .page-state__icon{animation:spinSoft 1.4s linear infinite}@keyframes spinSoft{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes scalePop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulseGold{0%,to{box-shadow:0 0 #d4af3738}50%{box-shadow:0 0 0 10px #d4af3700}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.motion-fade-in{animation:fadeInUp .45s ease both}.motion-slide-down{animation:fadeInDown .45s ease both}.motion-card-rise{animation:fadeInUp .55s cubic-bezier(.22,1,.36,1) both}.motion-pop-in{animation:scalePop .28s ease both}.floating-button,.floating-surface{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.floating-button:hover,.floating-surface:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000003d}.floating-button:active,.floating-surface:active{transform:translateY(0) scale(.98)}.floating-marker{animation:floatSoft 3s ease-in-out infinite}.nav-avatar,.filter-btn,.location-btn.active,.spirit-wrapper,.vip-crown,.match-score-badge,.chat-total-badge,.tab-badge,.tags-count-badge,.score-center{animation:pulseGold 2.8s ease-in-out infinite}.progress-fill,.trust-fill,.dim-bar-fill,.match-fill,.gauge-fill{background-size:200% 100%;animation:shimmer 3.5s linear infinite}.tag-item,.filter-tag,.tab,.tab-item,.tool-btn,.topic-chip,.package-card,.setting-item,.message-bubble,.sos-button,.cert-type-card,.option-card,.option-card-lite,.task-item,.benefit-item,.category-item,.article-card,.menu-item,.favorite-item,.post-item,.chat-item,.match-item,.system-item,.nearby-user-card,.knowledge-card,.action-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.tag-item:hover,.filter-tag:hover,.tab:hover,.tab-item:hover,.tool-btn:hover,.topic-chip:hover,.package-card:hover,.setting-item:hover,.option-card:hover,.option-card-lite:hover,.task-item:hover,.benefit-item:hover,.category-item:hover,.article-card:hover,.menu-item:hover,.favorite-item:hover,.post-item:hover,.chat-item:hover,.match-item:hover,.system-item:hover,.nearby-user-card:hover,.knowledge-card:hover,.action-card:hover{transform:translateY(-2px);border-color:#d4af3738}.tag-item:active,.filter-tag:active,.tab:active,.tab-item:active,.tool-btn:active,.topic-chip:active,.package-card:active,.setting-item:active,.option-card:active,.option-card-lite:active,.task-item:active,.benefit-item:active,.category-item:active,.article-card:active,.menu-item:active,.favorite-item:active,.post-item:active,.chat-item:active,.match-item:active,.system-item:active,.nearby-user-card:active,.knowledge-card:active,.action-card:active{transform:scale(.985)}.chat-item,.match-item,.system-item,.task-item,.benefit-item,.article-card,.favorite-item,.nearby-user-card,.menu-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-page{background:linear-gradient(180deg,#0d0a0d,#151015,#0d0a0d);color:#fff;color-scheme:dark}.admin-page [hidden]{display:none!important}.admin-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.admin-sidebar{position:sticky;top:16px;display:grid;gap:14px;padding:18px;border-radius:28px;background:#1a1216f0;border:1px solid rgba(255,255,255,.08)}.admin-sidebar__brand{display:grid;gap:6px}.admin-sidebar__brand strong{font-size:24px}.admin-sidebar__brand span{color:#ffffff94}.admin-sidebar__section{display:grid;gap:10px}.admin-sidebar__search{display:grid}.admin-sidebar__nav{display:grid;gap:8px}.admin-sidebar__item{text-align:left;display:grid;gap:4px;width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#fff;transition:border-color .2s ease,background .2s ease,transform .2s ease}.admin-sidebar__item:hover{transform:translate(2px);border-color:#d4af3738}.admin-sidebar__item.active{background:#d4af3724;border-color:#d4af3752}.admin-sidebar__item strong{font-size:15px}.admin-sidebar__item span{font-size:12px;line-height:1.5;color:#fff9}.admin-sidebar__footer{display:grid;gap:10px}.admin-main{min-width:0}.admin-login{min-height:100vh;display:grid;place-items:center;padding:24px}.admin-login__card{width:min(560px,100%);border-radius:28px;background:#1a1216f0;border:1px solid rgba(255,255,255,.08);padding:28px;display:grid;gap:18px}.admin-login__card h1{margin:0;font-size:32px}.admin-login__card p{margin:0;line-height:1.7;color:#ffffffa3}.admin-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px;border-radius:28px;background:#1a1216eb;border:1px solid rgba(255,255,255,.08);margin-bottom:18px}.admin-hero h1{margin:0 0 10px;font-size:34px}.admin-hero p{margin:0;color:#ffffffa3;max-width:680px;line-height:1.7}.admin-hero__meta{display:grid;gap:8px;min-width:180px;justify-items:end}.admin-hero__meta strong{font-size:20px}.admin-hero__meta span{color:#ffffff94}.admin-eyebrow{color:#d4af37;font-size:12px;letter-spacing:.2em;margin-bottom:10px}.admin-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid--metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.admin-content-grid{display:grid;gap:16px}.admin-card,.admin-panel{border-radius:24px;background:#1a1216eb;border:1px solid rgba(255,255,255,.08);padding:18px}.admin-card{display:grid;gap:8px}.admin-card strong{font-size:28px;color:#d4af37}.admin-card__label,.admin-card__muted,.admin-panel__header span,.admin-user__body p,.admin-list__row p,.admin-topic p{color:#ffffffa3}.admin-panel{display:grid;gap:14px}.admin-panel__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-panel__header h2{margin:0;font-size:22px}.admin-user{display:flex;gap:16px;align-items:flex-start}.admin-user__avatar{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;font-size:30px;background:#ffffff0d}.admin-user__body strong{font-size:20px}.admin-user__body p{margin:6px 0 0}.admin-chips{display:flex;flex-wrap:wrap;gap:10px}.admin-chip{padding:8px 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.admin-list{display:grid;gap:10px}.admin-list__row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:#ffffff0a}.admin-list__row--stack{align-items:flex-start}.admin-badge-wrap{display:grid;justify-items:end;gap:6px}.admin-badge-wrap strong{min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#ff6b35,#f7931e);font-size:12px}.admin-ranking{display:grid;gap:10px}.admin-ranking__item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:#ffffff0a}.admin-ranking__index{color:#d4af37;font-weight:700}.admin-ranking__item strong{color:#d4af37}.admin-topic-grid{display:grid;gap:12px}.admin-topic{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:18px;background:#ffffff0a}.admin-topic__icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#ffffff0d}.admin-panel--full{margin-bottom:18px}.admin-hero__actions,.admin-actions,.admin-actions--inline{display:flex;flex-wrap:wrap;gap:10px}.admin-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.admin-toolbar__field,.admin-form label{display:grid;gap:8px}.admin-toolbar__field span,.admin-form label span{font-size:13px;color:#ffffffad}.admin-inline-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.admin-input,.admin-select,.admin-form input,.admin-form textarea,.admin-form select{width:100%;min-height:46px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0a;color:#fff;padding:12px 14px;outline:none}.admin-select,.admin-form select,.admin-select option,.admin-form select option,.admin-select optgroup,.admin-form select optgroup{background:#050505;color:#fff}.admin-input::placeholder,.admin-form textarea::placeholder{color:#ffffff61}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-form__wide{grid-column:1 / -1}.admin-form textarea{min-height:110px;resize:vertical}.admin-json-editor{min-height:220px!important;font-family:Consolas,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}.admin-platform-stack{display:grid;gap:18px}.admin-subnav{display:flex;flex-wrap:wrap;gap:10px}.admin-subnav__item{display:grid;gap:4px;min-width:150px;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#fff;text-align:left}.admin-subnav__item.active{background:#d4af3724;border-color:#d4af3752}.admin-subnav__item strong{font-size:14px}.admin-subnav__item span{font-size:12px;color:#ffffff94}.admin-platform-summary{display:grid;gap:4px;padding:12px 14px;border-radius:18px;background:#ffffff0a}.admin-platform-summary strong{font-size:15px}.admin-platform-summary span{color:#ffffff94}.admin-platform-section{display:grid;gap:14px;padding:16px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.admin-platform-section__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.admin-platform-section__header h3{margin:0 0 6px;font-size:18px}.admin-platform-section__header p{margin:0;color:#ffffff94;line-height:1.6}.admin-platform-section__body{display:grid;gap:12px}.admin-platform-item{display:grid;gap:12px;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.admin-platform-item__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.admin-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-platform-field{display:grid;gap:8px}.admin-platform-field--wide{grid-column:1 / -1}.admin-platform-field span{font-size:13px;color:#ffffffad}.admin-btn-danger{border-color:#ff6b6b47;color:#ffb3b3}.admin-switch{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:#ffffff0a}.admin-switch input{width:18px;height:18px;accent-color:#d4af37}.admin-notice{margin-bottom:16px;padding:14px 16px;border-radius:18px;background:#d4af371f;border:1px solid rgba(212,175,55,.24);color:#f3d887}.admin-notice--error{background:#ff6b6b1f;border-color:#ff6b6b3d;color:#ffb3b3}.admin-target{display:grid;gap:14px}.admin-target__header{display:flex;gap:14px;align-items:flex-start}.admin-messages{display:grid;gap:10px}.admin-message{padding:12px 14px;border-radius:18px;background:#ffffff0a}.admin-message--mine{background:#d4af371f}.admin-message__meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#ffffff9e;font-size:13px}@media (max-width: 920px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-grid,.admin-grid--metrics{grid-template-columns:1fr}.admin-hero{flex-direction:column}.admin-toolbar,.admin-form,.admin-platform-grid{grid-template-columns:1fr}}.mini-shell-page{background:radial-gradient(circle at 50% 42%,rgba(212,175,55,.16),transparent 18%),radial-gradient(circle at 15% 10%,rgba(255,185,0,.08),transparent 12%),linear-gradient(180deg,#0d0a0d,#1a1016 52%,#0d0a0d)}.mini-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mini-bg__particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#d4af378c;animation:floatSoft 6s ease-in-out infinite}.mini-topbar{display:flex;justify-content:space-between;align-items:center;min-height:40px;margin-bottom:18px}.mini-status{color:#fff;font-size:17px;font-weight:700}.mini-status--green{color:#4ade80}.mini-actions{display:flex;gap:10px}.mini-icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#ffffff14;color:#fff}.mini-pill-btn{min-width:48px;height:36px;padding:0 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff14;color:#fff}.mini-pill-btn.active{background:linear-gradient(135deg,#d4af37,#f59e0b);color:#0d0a0d}.mini-pill-btn--green{background:#10b98133;color:#86efac}.mini-welcome-badge{width:fit-content;margin:0 auto 16px;padding:10px 18px;border-radius:999px;background:#d4af372e;border:1px solid rgba(212,175,55,.24);color:#f2d268;font-weight:600}.mini-stepper{display:flex;justify-content:center;gap:22px;margin-bottom:26px}.mini-stepper__item{display:grid;justify-items:center;gap:8px;color:#ffffff61;font-size:12px}.mini-stepper__circle{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:#ffffff0f}.mini-stepper__item.active{color:#d4af37}.mini-stepper__item.active .mini-stepper__circle{background:linear-gradient(135deg,#d4af37,#f59e0b);color:#0d0a0d;border-color:transparent;box-shadow:0 0 18px #d4af3759}.mini-intro-panel,.mini-form-panel,.mini-card,.mini-section-block,.mini-safe-box,.mini-nearby-stats,.mini-empty-card{background:#21161ceb;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:18px}.mini-intro-panel h1,.mini-page-title,.mini-section-title{margin:0;color:#fff;font-size:20px;font-weight:700;text-align:center}.mini-intro-panel p,.mini-section-subtitle,.mini-safe-box span,.mini-cert-card p,.mini-role-detail p,.mini-empty-card span,.mini-safety-card span{color:#fff9;line-height:1.6}.mini-lock-mark{position:relative;width:112px;height:112px;margin:16px auto 28px;display:grid;place-items:center}.mini-lock-mark__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(212,175,55,.18);box-shadow:0 0 26px #d4af372e}.mini-lock-mark__icon{font-size:44px}.mini-section-title{margin-bottom:8px}.mini-section-subtitle{text-align:center;margin-bottom:22px}.mini-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.mini-role-card,.mini-role-detail,.mini-cert-card,.mini-benefit-card,.mini-safety-card,.mini-safe-word-card,.mini-contact-card,.mini-nearby-user{position:relative;padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;color:#fff}.mini-role-card.active,.mini-role-detail.active,.mini-cert-card.done{border-color:#d4af3766;box-shadow:0 0 0 1px #d4af371f,0 14px 26px #00000038}.mini-role-card{display:grid;gap:8px;justify-items:start;min-height:148px}.mini-role-card__tag,.mini-cert-card__step,.mini-role-detail__selected{position:absolute;top:10px;left:10px;min-width:24px;height:24px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:#d4af3738;color:#d4af37;font-size:12px;font-weight:700}.mini-role-card__icon{width:54px;height:54px;margin-top:12px;border-radius:16px;display:grid;place-items:center;background:#ffffff0f;font-size:28px}.mini-primary-btn,.mini-ghost-btn{min-height:48px;border-radius:999px;padding:0 22px;font-size:16px;font-weight:700}.mini-primary-btn{border:0;color:#1a120d;background:linear-gradient(135deg,#d4af37,#f59e0b)}.mini-primary-btn--compact{min-width:146px}.mini-primary-btn--block{width:100%}.mini-ghost-btn{border:1px solid rgba(255,255,255,.08);color:#fff;background:#ffffff14}.mini-ghost-btn--small{min-height:40px;font-size:14px;padding:0 16px}.mini-guide-trigger{display:block;margin:16px auto 10px;border:0;background:transparent;color:#d4af37;font-weight:600}.mini-bottom-safe{text-align:center;color:#ffffff7a;font-size:13px}.mini-avatar-upload{display:grid;justify-items:center;gap:10px;margin-bottom:20px}.mini-avatar-upload__ring{position:absolute;width:104px;height:104px;border-radius:50%;border:2px solid rgba(212,175,55,.3)}.mini-avatar-upload__inner{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;font-size:34px;overflow:hidden}.mini-avatar-upload__inner img{width:100%;height:100%;object-fit:cover}.mini-field,.mini-form-stack{display:grid;gap:8px;margin-bottom:16px}.mini-field label{color:#ffffffe6;font-size:14px}.mini-field input,.mini-form-stack input,.mini-form-stack textarea{min-height:48px;padding:0 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff}.mini-form-stack textarea{min-height:96px;padding-top:12px;resize:vertical}.mini-field__hint{color:#fff6;font-size:12px}.mini-actions-row{display:flex;gap:12px}.mini-dialog-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center}.mini-dialog-layer--top{place-items:start center;padding:92px 14px 140px}.mini-dialog-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mini-dialog-card{position:relative;z-index:1;width:calc(100% - 28px);max-width:390px;border-radius:24px;background:#221b39;border:1px solid rgba(255,255,255,.08);padding:18px}.mini-guide-dialog{max-height:calc(100dvh - 220px);overflow-y:auto}.login-guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:360}.login-guide-modal__mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-guide-modal__card{position:fixed;top:84px;left:50%;transform:translate(-50%);z-index:1;width:min(calc(100vw - 28px),calc(var(--mobile-shell-width) - 28px));max-height:calc(100dvh - 150px);border-radius:24px;background:#221b39;border:1px solid rgba(255,255,255,.08);padding:18px;overflow-y:auto}.mini-dialog-card__header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.mini-dialog-close{width:32px;height:32px;border-radius:50%;border:0;background:#ffffff14;color:#fff}.mini-guide-list{display:grid;gap:14px;margin-bottom:18px}.mini-guide-item strong,.mini-current-role__body strong,.mini-role-detail__header strong,.mini-cert-card strong,.mini-benefit-card__body strong,.mini-safety-card__header strong,.mini-empty-card strong,.mini-contact-card__body strong,.mini-nearby-user__body strong{color:#f0cf5e;font-size:18px}.mini-guide-tags,.mini-chip-row,.mini-risk-options{display:flex;flex-wrap:wrap;gap:8px}.mini-guide-tags span,.mini-chip-row span{padding:6px 10px;border-radius:999px;background:#d4af371f;color:#d4af37;font-size:12px}.mini-page-title{margin:0 0 18px;text-align:center}.mini-current-role__card,.mini-benefit-card,.mini-contact-card,.mini-nearby-user{display:flex;gap:14px;align-items:center}.mini-current-role__icon,.mini-role-detail__icon,.mini-cert-card__icon,.mini-benefit-card__icon,.mini-contact-card__avatar{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#ffffff0f;font-size:30px}.mini-current-role__body,.mini-role-detail__body,.mini-benefit-card__body,.mini-contact-card__body,.mini-nearby-user__body{display:grid;gap:6px;flex:1}.mini-current-role__arrow,.mini-role-detail__lock{color:#ffffff61;font-size:20px}.mini-tab-row{display:flex;gap:10px}.mini-tab-btn{flex:1;min-height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#ffffffb3}.mini-tab-btn.active{background:linear-gradient(135deg,#d4af375c,#ffc10729);color:#f0cf5e}.mini-role-list,.mini-cert-grid,.mini-benefit-list,.mini-risk-list,.mini-contact-list,.mini-nearby-list{display:grid;gap:14px}.mini-role-detail{display:flex;gap:14px;align-items:flex-start}.mini-role-detail.locked{opacity:.75}.mini-role-detail__header{display:flex;gap:8px;align-items:center}.mini-role-detail__header span{color:#ffffff8f}.mini-lock-note{display:grid;gap:4px;margin-top:6px;color:#ffffff94;font-size:12px}.mini-cert-progress{display:grid;gap:14px}.mini-cert-progress__top{display:flex;justify-content:space-between;gap:12px;align-items:center}.mini-cert-progress__percent{min-width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff964f,#ff5e62);color:#fff;font-weight:700}.mini-progress-bar{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.mini-progress-bar__fill{height:100%;background:linear-gradient(90deg,#d4af37,#f97316)}.mini-cert-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mini-cert-levels__item{display:grid;justify-items:center;gap:6px;padding:12px;border-radius:16px;background:#ffffff0a}.mini-cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-cert-card{display:grid;gap:10px}.mini-cert-card__header{display:flex;justify-content:space-between;gap:10px}.mini-cert-card__status{padding:6px 10px;border-radius:999px;background:#ffffff14;color:#ffffff8f;font-size:12px}.mini-cert-card__status.done{background:#22c55e29;color:#4ade80}.mini-sos-panel{display:grid;place-items:center;margin-bottom:18px}.mini-sos-button{width:188px;height:188px;border-radius:50%;border:0;display:grid;gap:8px;place-items:center;color:#fff;background:radial-gradient(circle,#ef4444f2,#7f1d1df2);box-shadow:0 0 44px #ef444447}.mini-sos-button__icon{font-size:42px}.mini-safety-card__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.mini-switch{position:relative;width:46px;height:26px}.mini-switch input{opacity:0;width:0;height:0}.mini-switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#ffffff2e}.mini-switch span:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transform:translate(20px)}.mini-safe-word-card{display:grid;gap:8px}.mini-safe-word-card--red{background:#7f1d1d59}.mini-safe-word-card--yellow{background:#78350f52}.mini-safe-word-card--green{background:#064e3b59}.mini-safe-tip-box{display:grid;gap:8px;padding:14px;border-radius:18px;background:#ffffff0a}.mini-risk-item{display:grid;gap:10px}.mini-map-stage{position:relative;height:62vh;border-radius:24px;overflow:hidden;background:#d9d3c8}.mini-map-canvas{position:relative;width:100%;height:100%;background:linear-gradient(90deg,transparent 24%,rgba(255,255,255,.5) 25%,rgba(255,255,255,.5) 26%,transparent 27%),linear-gradient(transparent 24%,rgba(255,255,255,.5) 25%,rgba(255,255,255,.5) 26%,transparent 27%),linear-gradient(145deg,#efe9dc,#d9d3c8);background-size:56px 56px,56px 56px,cover}.mini-map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 35%,rgba(212,175,55,.24),transparent 10%),radial-gradient(circle at 72% 64%,rgba(255,107,53,.18),transparent 12%)}.mini-map-pin{position:absolute;width:44px;height:44px;margin-left:-22px;margin-top:-22px;border-radius:50%;display:grid;place-items:center;background:#21161cd9;border:2px solid rgba(212,175,55,.5)}.mini-map-controls{position:absolute;right:14px;bottom:14px;display:grid;gap:8px}.mini-map-controls button{width:42px;height:42px;border-radius:14px;border:0;background:#21161cdb;color:#fff}.mini-nearby-stats{grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;margin-bottom:16px}.mini-nearby-stats strong{color:#f0cf5e;font-size:28px}.mini-nearby-stats span{display:block;margin-top:6px;color:#ffffff8f}.mini-empty-card{display:grid;justify-items:center;gap:10px}.mini-empty-card__icon{font-size:54px}.mini-filter-strip{display:flex;gap:10px;overflow-x:auto;margin-bottom:16px}.mini-filter-chip{white-space:nowrap;min-height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff14;color:#fff}.mini-filter-chip.active{background:linear-gradient(135deg,#d4af37,#f59e0b);color:#0d0a0d}.mini-vip-header{display:grid;justify-items:center;gap:10px;padding:24px 20px;border-radius:28px;background:linear-gradient(180deg,#d4af371a,#21161ce6);border:1px solid rgba(212,175,55,.18);margin-bottom:18px}.mini-vip-header__crown{font-size:44px}.mini-vip-header__badge{padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#ffd65c,#f59e0b);color:#1a120d;font-size:12px;font-weight:700}.mini-vip-compare{display:grid;gap:10px}.mini-vip-compare__head,.mini-vip-compare__row{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:#ffffff0a}.mini-vip-packages{display:grid;gap:14px}.mini-vip-package{padding:16px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);display:grid;gap:10px}.mini-vip-package.featured{border-color:#d4af3747;box-shadow:0 0 0 1px #d4af3714}.mini-vip-package__top{display:flex;justify-content:space-between;gap:12px;align-items:center}.mini-vip-package__price{color:#f0cf5e;font-size:32px;font-weight:800}.mini-vip-package__summary{color:#fff9;line-height:1.6}.mini-safety-card,.mini-safe-word-card,.mini-contact-card,.mini-nearby-user,.mini-topic-post{margin-bottom:14px}.mini-risk-list{margin-bottom:16px}.mini-topic-posts{display:grid;gap:14px}.mini-topic-post{padding:16px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.mini-topic-post__header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.mini-topic-post__avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#ffffff0f;font-size:24px}.mini-topic-post__body{display:grid;gap:4px}@media (max-width: 420px){.mini-role-grid,.mini-cert-grid,.mini-cert-levels{grid-template-columns:1fr}}.mini-shell-page{position:relative;overflow:hidden}.mini-shell-page>*{position:relative;z-index:1}.mini-bg{z-index:0}.mini-topbar__title{flex:1;display:grid;justify-items:center;gap:2px}.mini-topbar__title strong{font-size:18px;color:#fff}.mini-topbar__title span,.mini-section-head span,.mini-result-bar p,.mini-favorite-card__body p,.mini-settings-item__meta span,.mini-publish-preview{color:#ffffff8f;line-height:1.6}.mini-topbar__side{width:36px;height:36px}.mini-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.mini-section-head strong{color:#fff;font-size:18px}.mini-quiz-progress-card,.mini-result-hero{margin-bottom:16px;padding:18px;border-radius:26px;background:#21161ceb;border:1px solid rgba(255,255,255,.06)}.mini-quiz-dimensions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px}.mini-quiz-dimension{display:grid;justify-items:center;gap:8px;color:#ffffff6b;font-size:12px}.mini-quiz-dimension.active,.mini-quiz-dimension.done{color:#f0cf5e}.mini-quiz-dimension__dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #ffffff05}.mini-quiz-dimension.active .mini-quiz-dimension__dot,.mini-quiz-dimension.done .mini-quiz-dimension__dot{background:linear-gradient(135deg,var(--accent),rgba(255,196,90,.82));color:#130d0a;border-color:transparent}.mini-quiz-progress{display:grid;gap:10px}.mini-quiz-progress__meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.mini-quiz-progress__meta strong{color:#f0cf5e;font-size:22px}.mini-quiz-card{margin-bottom:16px;padding:22px 18px;border-radius:26px;background:linear-gradient(180deg,#2e1c24f5,#1b1218f5);border:1px solid rgba(255,255,255,.06)}.mini-quiz-card__badge{width:fit-content;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:999px;margin-bottom:18px;background:color-mix(in srgb,var(--accent) 20%,rgba(255,255,255,.04));color:#fff}.mini-quiz-card h1{margin:0 0 10px;color:#fff;font-size:28px;line-height:1.35}.mini-quiz-card p{margin:0;color:#ffffff9e}.mini-quiz-options,.mini-result-bars,.mini-result-matches,.mini-favorite-list,.mini-settings-list{display:grid;gap:12px}.mini-quiz-options{margin-bottom:18px}.mini-quiz-option{width:100%;padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;display:flex;gap:14px;align-items:center;text-align:left}.mini-quiz-option.active{border-color:#d4af3752;background:linear-gradient(180deg,#d4af371f,#ffffff0d);box-shadow:0 12px 28px #00000038}.mini-quiz-option__icon,.mini-favorite-card__avatar{width:52px;height:52px;border-radius:18px;background:#ffffff0f;display:grid;place-items:center;flex-shrink:0;font-size:24px}.mini-quiz-option__body,.mini-result-match__body{display:grid;gap:4px;flex:1}.mini-quiz-option__body strong,.mini-result-match__body strong,.mini-favorite-card__body strong,.mini-settings-item__meta strong{color:#fff;font-size:16px}.mini-quiz-option__check{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;color:#f0cf5e;font-weight:700}.mini-quiz-footer{display:grid;gap:14px}.mini-ghost-btn:disabled{opacity:.45}.mini-result-hero{display:grid;gap:16px}.mini-result-hero__badge{width:fit-content;min-height:34px;padding:0 14px;border-radius:999px;display:inline-grid;place-items:center;background:#d4af3724;color:#f0cf5e;font-size:12px;font-weight:700}.mini-result-hero__role{display:flex;gap:16px;align-items:center}.mini-result-hero__icon{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#d4af3752,#ffffff0a);border:1px solid rgba(212,175,55,.32);font-size:40px;color:#fff}.mini-result-hero__copy{display:grid;gap:6px}.mini-result-hero__copy strong{color:#fff;font-size:30px}.mini-result-score{display:flex;gap:16px;align-items:center;padding:16px;border-radius:22px;background:#ffffff0a}.mini-result-score__ring{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#d4af3733,#ffffff08);border:2px solid rgba(212,175,55,.24);flex-shrink:0}.mini-result-score__value{color:#f0cf5e;font-size:28px;font-weight:800;line-height:1}.mini-result-score__label{margin-top:6px;color:#ffffff8f;font-size:12px;text-align:center}.mini-result-score__copy{display:grid;gap:6px}.mini-result-score__copy strong{color:#fff;font-size:18px}.mini-result-bar{padding:16px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.mini-result-bar__head,.mini-favorite-card__head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.mini-result-bar__head span:last-child,.mini-result-match__score,.mini-favorite-card__head span{color:#f0cf5e;font-weight:700}.mini-result-bar__title{display:flex;gap:8px;align-items:center;color:#fff}.mini-result-match,.mini-favorite-card,.mini-settings-item{display:flex;gap:14px;align-items:center;padding:16px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.mini-result-actions{display:grid;gap:12px;margin-top:18px}.mini-publish-submit{min-width:62px;height:36px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff14;color:#ffffff80}.mini-publish-submit.ready{background:linear-gradient(135deg,#d4af37,#f59e0b);color:#130d0a;border-color:transparent}.mini-publish-editor,.mini-settings-section{margin-bottom:16px}.mini-publish-textarea{width:100%;min-height:200px;resize:none;padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;font:inherit;outline:none}.mini-publish-toolbar{display:flex;justify-content:space-between;gap:12px;margin-top:14px;align-items:center}.mini-publish-selected{color:#f0cf5e;font-size:12px}.mini-publish-templates,.mini-publish-topics{display:grid;gap:10px}.mini-publish-template,.mini-publish-topic{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;text-align:left}.mini-publish-topic{display:flex;gap:10px;align-items:center}.mini-publish-topic.active{border-color:#d4af3747;background:#d4af371a}.mini-publish-topic__icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#ffffff0f}.mini-publish-preview{margin:0}.mini-favorites-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.mini-favorites-stats strong{display:block;color:#f0cf5e;font-size:30px}.mini-favorites-stats span{display:block;margin-top:6px;color:#ffffff85}.mini-favorite-card__avatar{position:relative}.mini-favorite-card__avatar i{position:absolute;right:4px;bottom:4px;width:10px;height:10px;border-radius:50%;background:#4ade80;border:2px solid #20151c}.mini-favorite-card__body{flex:1;display:grid;gap:8px}.mini-favorite-card__body p{margin:0}.mini-favorite-card__action{min-width:60px;height:38px;border-radius:19px;border:0;background:#d4af3724;color:#f0cf5e;font-weight:700}.mini-settings-item{justify-content:space-between}.mini-settings-item__meta{display:flex;gap:12px;align-items:flex-start;flex:1}.mini-settings-item__icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#ffffff0f;flex-shrink:0}.mini-settings-item--value{align-items:center}.mini-settings-value{color:#f0cf5e;font-size:14px;font-weight:700}.mini-switch input+span:after{transform:translate(0)}.mini-switch input:checked+span{background:linear-gradient(135deg,#d4af37,#f59e0b)}.mini-switch input:checked+span:after{transform:translate(20px)}@media (max-width: 420px){.mini-quiz-dimensions{grid-template-columns:repeat(5,minmax(0,1fr))}.mini-result-score,.mini-result-hero__role,.mini-favorite-card{align-items:flex-start}}.sc-avatar{position:relative;aspect-ratio:1 / 1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#d4af373d,#ffffff0a);color:#fff;overflow:visible;flex-shrink:0;isolation:isolate}.sc-avatar__media{width:100%;height:100%;border-radius:inherit;overflow:hidden;display:grid;place-items:center}.sc-avatar img{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:inherit;display:block}.sc-avatar img.sc-avatar__img--portrait{object-position:center 22%;transform:scale(1.03)}.sc-avatar img.sc-avatar__img--landscape{object-position:center center}.sc-avatar__label{font-size:inherit;line-height:1}.sc-avatar--xs{width:28px;height:28px;font-size:14px}.sc-avatar--sm{width:40px;height:40px;font-size:17px}.sc-avatar--md{width:48px;height:48px;font-size:20px}.sc-avatar--lg{width:66px;height:66px;font-size:28px}.sc-avatar--xl{width:88px;height:88px;font-size:38px}.sc-avatar--hero{width:112px;height:112px;font-size:48px}.sc-avatar--ring{border:2px solid rgba(212,175,55,.24);box-shadow:0 0 0 5px #d4af3712}.sc-avatar__online{position:absolute;right:5px;bottom:5px;width:12px;height:12px;border-radius:50%;background:#4ade80;border:2px solid #120d12}.sc-avatar__vip{position:absolute;top:-4px;right:-6px;min-width:24px;height:17px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd65c,#f59e0b);color:#1a120d;font-size:9px;font-weight:800;box-shadow:0 8px 16px #f59e0b3d;z-index:2}.mini-icon-btn--active{background:linear-gradient(135deg,#d4af374d,#f59e0b2e);color:#f0cf5e}.mini-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:grid;place-items:end center}.mini-sheet__mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000094;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mini-sheet__panel{position:relative;z-index:1;width:min(100%,var(--mobile-shell-width));padding:18px 16px calc(16px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:linear-gradient(180deg,#1d1419fa,#0d0a0dfa);border-top:1px solid rgba(255,255,255,.08)}.mini-sheet__panel--center{width:min(calc(100% - 24px),400px);border-radius:24px;margin-bottom:40px}.mini-sheet__header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.mini-sheet__header strong,.match-card-shell__head strong,.message-group__title,.chat-header-card__body strong,.discover-task-card__body strong,.discover-category-card strong,.discover-article-card strong,.discover-benefit-card__body strong,.profile-hero-card__body strong,.profile-menu-grid__item strong,.edit-profile-preview strong,.user-detail-hero strong,.message-chat-card__head strong,.message-system-card__body strong,.message-match-card__body strong,.match-result-modal strong{color:#fff}.mini-sheet__group{display:grid;gap:10px;margin-top:16px}.match-region-selector{display:flex;gap:10px;align-items:center}.match-region-selector__trigger{flex:1;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#fff;text-align:left}.match-region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.match-top-profile{border:0;background:transparent;padding:0}.match-tabs{margin-bottom:14px}.match-card-shell{position:relative;margin-bottom:18px;padding:18px;border-radius:28px;background:linear-gradient(180deg,#2e1e15bd,#191217f5);border:1px solid rgba(212,175,55,.16);overflow:hidden}.match-card-shell__glow{position:absolute;inset:-20% -10% auto auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.18),transparent 65%)}.match-card-shell__badges,.match-card-shell__meta,.chat-burn-banner,.discover-spirit-card__meta,.profile-hero-card__body,.edit-profile-preview,.user-detail-hero,.message-match-card__side{display:flex;flex-direction:column;gap:8px}.match-card-shell__badges{position:relative;z-index:1;flex-direction:row;flex-wrap:wrap;margin-bottom:18px}.match-card-shell__badges span,.discover-spirit-card__level,.message-chat-card__badge{min-height:28px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:#d4af3724;color:#f0cf5e;font-size:12px;font-weight:700}.match-card-shell__avatar{display:grid;place-items:center;margin-bottom:20px}.match-card-shell__body{position:relative;z-index:1;display:grid;gap:12px}.match-card-shell__head,.message-chat-card__head,.message-system-card,.message-match-card,.chat-header-card,.discover-task-card,.discover-benefit-card,.profile-stats-card,.profile-vip-card,.edit-profile-avatar-box{display:flex;gap:12px}.match-card-shell__head{justify-content:space-between;align-items:center;font-size:18px}.match-card-shell__meta{flex-direction:row;flex-wrap:wrap;color:#ffffff8f;font-size:13px}.match-card-shell__body p,.message-chat-card__body p,.discover-article-card p,.discover-benefit-card__body span,.profile-menu-grid__item span,.edit-profile-preview p{margin:0;color:#ffffff9e;line-height:1.6}.match-card-shell__tip{padding:12px 14px;border-radius:18px;background:#d4af3714;color:#d9bb5d}.match-card-shell__detail,.match-safety-btn,.message-match-card__side button,.chat-compose-bar__send,.profile-vip-card em{border:0;border-radius:18px;background:linear-gradient(135deg,#d4af37,#f59e0b);color:#1a120d;font-weight:800}.match-card-shell__detail{min-height:46px}.match-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.match-action-btn{min-height:50px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#fff;font-weight:700}.match-action-btn--star{background:linear-gradient(135deg,#d4af373d,#f59e0b1f);color:#f3cf5f}.match-action-btn--heart{background:linear-gradient(135deg,#ec489938,#f472b61f);color:#ffa0ca}.match-safety-btn{width:100%;min-height:48px}.match-result-modal{display:grid;gap:12px;justify-items:center;text-align:center}.match-result-modal__icon{font-size:48px}.message-list-shell,.discover-task-list,.discover-article-list,.discover-benefit-list,.profile-menu-grid{display:grid;gap:12px}.message-group{display:grid;gap:10px;margin-bottom:14px}.message-chat-card,.message-match-card,.message-system-card,.discover-category-card,.discover-article-card,.discover-quick-card,.profile-menu-grid__item,.profile-radar-grid__item,.chat-burn-option{width:100%;padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;text-align:left}.message-chat-card{align-items:center}.message-chat-card__body,.message-system-card__body,.message-match-card__body,.discover-benefit-card__body{flex:1;display:grid;gap:6px}.message-chat-card__head span,.message-system-card>span,.message-match-card__side span,.discover-category-card span,.discover-article-card__top,.profile-hero-card__body span,.user-detail-hero span,.chat-message-bubble span,.chat-header-card__body span,.chat-burn-option span{color:#ffffff8a;font-size:12px}.message-chat-card__badge{align-self:center}.message-chat-card--pinned{border-color:#ec48992e}.message-match-card__avatars{display:flex;align-items:center;gap:8px}.message-match-card__side{align-items:flex-end;min-width:94px}.message-match-card__side button{min-height:38px;padding:0 12px}.message-system-card__icon,.discover-category-card__icon,.discover-benefit-card__icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#ffffff0f;flex-shrink:0}.chat-header-card,.discover-spirit-card,.profile-hero-card,.profile-stats-card,.edit-profile-preview,.user-detail-hero{margin-bottom:16px;padding:18px;border-radius:26px;background:#21161ceb;border:1px solid rgba(255,255,255,.06)}.chat-header-card{align-items:center}.chat-header-card__body{flex:1}.chat-burn-banner{margin-bottom:12px;padding:10px 14px;border-radius:18px;background:#ec48991f;color:#f3aacd}.chat-message-list{display:grid;gap:12px;padding-bottom:110px}.chat-message-row{display:flex;gap:10px;align-items:flex-end}.chat-message-row.mine{justify-content:flex-end}.chat-message-bubble{max-width:calc(100% - 46px);padding:14px 16px;border-radius:22px 22px 22px 8px;background:#ffffff0d;display:grid;gap:8px}.chat-message-bubble.mine{border-radius:22px 22px 8px;background:linear-gradient(135deg,#ec489938,#f472b61f)}.chat-compose-bar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);width:calc(min(100vw,var(--mobile-shell-width)) - 24px);padding:12px;border-radius:24px;background:#1a1216f5;border:1px solid rgba(255,255,255,.08);display:flex;gap:10px;align-items:center;z-index:120}.chat-compose-bar__input{flex:1;min-height:46px;max-height:120px;border:0;background:transparent;color:#fff;resize:none;font:inherit;outline:none}.chat-compose-bar__send{min-width:64px;height:42px}.chat-compose-bar__send:disabled{opacity:.5}.chat-burn-option.active{border-color:#d4af3747;background:#d4af371a}.discover-spirit-card{display:grid;justify-items:center;text-align:center;overflow:hidden;background:linear-gradient(180deg,#1d1419f5,#100c10f5)}.discover-spirit-card__scene{position:relative;width:180px;height:180px;display:grid;place-items:center}.discover-spirit-card__orb,.discover-spirit-card__ring{position:absolute;border-radius:50%}.discover-spirit-card__orb{width:124px;height:124px;background:radial-gradient(circle,#d4af374d,#ffffff0a);filter:blur(2px);animation:spiritPulse 3.4s ease-in-out infinite}.discover-spirit-card__orb--lv2{background:radial-gradient(circle,#94a3b847,#ffffff0a)}.discover-spirit-card__orb--lv3,.discover-spirit-card__orb--lv4{background:radial-gradient(circle,#84cc1652,#ffffff0a)}.discover-spirit-card__ring{border:1px solid rgba(212,175,55,.18)}.discover-spirit-card__ring--1{top:18px;right:18px;bottom:18px;left:18px;animation:spiritRotate 10s linear infinite}.discover-spirit-card__ring--2{top:0;right:0;bottom:0;left:0;animation:spiritRotateReverse 14s linear infinite}.discover-spirit-card__core{position:relative;z-index:1;font-size:48px;color:#fff}.discover-spirit-card__particle{position:absolute;width:8px;height:8px;border-radius:50%;background:#d4af37cc;box-shadow:0 0 14px #d4af3773}.discover-spirit-card__particle--1{top:24px;left:32px;animation:floatSoft 5s ease-in-out infinite}.discover-spirit-card__particle--2{top:40px;right:22px;animation:floatSoft 6s ease-in-out infinite}.discover-spirit-card__particle--3{bottom:32px;left:20px;animation:floatSoft 7s ease-in-out infinite}.discover-spirit-card__particle--4{right:30px;bottom:20px;animation:floatSoft 5.5s ease-in-out infinite}.discover-task-card,.discover-benefit-card{align-items:center}.discover-task-card,.discover-article-card,.discover-quick-card,.profile-menu-grid__item,.message-chat-card,.message-match-card,.chat-burn-option,.nearby-list-card,.nearby-map-shell__marker{-moz-appearance:none;appearance:none;-webkit-appearance:none}.discover-task-card.done{opacity:.7}.discover-task-card{background:#090909;border-color:#ffffff0f}.discover-task-card.done{background:#111}.discover-task-card__icon,.profile-radar-grid__item strong{color:#f0cf5e}.discover-task-card__icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#ffffff0f;flex-shrink:0}.discover-task-card__body{flex:1;display:grid;gap:6px}.discover-task-card__body span,.discover-quick-card span,.discover-category-card em{color:#ffffff8f;font-size:12px}.discover-task-card__reward{color:#f0cf5e;font-weight:800}.discover-quick-grid,.discover-category-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.nearby-map-shell{position:relative;height:70vh;min-height:520px;overflow:hidden;border-radius:28px;background:#d8ddd3;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #00000047}.nearby-map-shell__tiles{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.nearby-map-shell__tile{width:100%;height:100%;object-fit:cover;background:#e5e7eb}.nearby-map-shell__marker{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;z-index:2}.nearby-map-shell__controls{position:absolute;right:14px;bottom:18px;display:grid;gap:8px;z-index:3}.nearby-map-shell__controls button{width:44px;height:44px;border:0;border-radius:14px;background:#1a1216eb;color:#fff;font-size:22px}.nearby-map-shell__meta{position:absolute;left:14px;bottom:18px;z-index:3;padding:6px 10px;border-radius:999px;background:#1a1216db;color:#ffffffb8;font-size:11px}.nearby-list-card{width:100%;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;border-radius:22px}.publish-page .mini-section-block,.topic-page .mini-section-block{background:linear-gradient(180deg,#1e141af5,#120c12f5)}.discover-quick-card{min-height:108px;display:grid;align-content:start;gap:8px}.discover-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discover-category-card,.discover-benefit-card{display:grid;gap:8px}.discover-article-card__top{display:flex;justify-content:space-between;gap:10px}.profile-hero-card{position:relative;background:linear-gradient(180deg,#24181ff5,#100c10f5)}.profile-hero-card__actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:16px}.profile-hero-card__avatar{display:grid;place-items:center;margin-bottom:16px}.profile-hero-card__body{align-items:center;text-align:center;gap:10px}.profile-stats-card{margin-bottom:16px;justify-content:space-between;gap:12px}.profile-stats-card button{flex:1;min-height:90px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#21161ceb;color:#fff;display:grid;place-items:center}.profile-stats-card button strong{color:#f0cf5e;font-size:28px}.profile-vip-card{width:100%;padding:16px;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;border-radius:22px;color:#fff}.profile-vip-card.active{border-color:#d4af3742;background:linear-gradient(135deg,#d4af371f,#ffffff0a)}.profile-vip-card>div{display:grid;gap:6px;text-align:left}.profile-vip-card>div span{color:#ffffff8f;font-size:12px}.profile-vip-card em{min-width:64px;height:40px;display:grid;place-items:center;font-style:normal}.profile-radar-grid,.profile-menu-grid{display:grid;gap:12px}.profile-radar-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.profile-radar-grid__item{display:grid;justify-items:center;gap:6px}.profile-radar-grid__item span{color:#ffffff8f;font-size:12px;text-align:center}.profile-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-menu-grid__item{min-height:112px;display:grid;align-content:start;gap:8px;background:linear-gradient(180deg,#ffffff0d,#ffffff08)}.edit-profile-preview,.user-detail-hero{align-items:center;justify-items:center;text-align:center}.edit-profile-avatar-box{flex-direction:column;align-items:center;gap:18px}.edit-profile-avatar-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.edit-profile-avatar-grid__item{min-height:74px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;display:grid;place-items:center}.edit-profile-avatar-grid__item.active{border-color:#d4af375c;box-shadow:0 0 0 1px #d4af371f}.user-detail-hero{display:grid;gap:10px}@keyframes spiritPulse{0%,to{transform:scale(.95);opacity:.9}50%{transform:scale(1.05);opacity:1}}@keyframes spiritRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spiritRotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@media (max-width: 420px){.discover-quick-grid,.discover-category-grid,.profile-menu-grid{grid-template-columns:1fr}.profile-radar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.match-action-row{grid-template-columns:1fr}.match-region-grid,.edit-profile-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.v10-login{position:relative;background:linear-gradient(180deg,#0d0a0d,#1a1216,#0d0a0d)}.v10-login__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.v10-login__circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.08) 0%,transparent 70%)}.v10-login__circle--1{width:280px;height:280px;top:-90px;right:-90px}.v10-login__circle--2{width:220px;height:220px;left:-70px;bottom:180px}.v10-login__circle--3{width:160px;height:160px;right:-50px;bottom:40px}.v10-login__shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.05) 50%,transparent 100%);transform:translate(-100%);animation:shineSweep 8s ease-in-out infinite}.v10-login__particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#d4af3766;animation:floatSoft 9s ease-in-out infinite}.v10-login__guide-head,.v10-login__panel,.v10-match__card,.v10-match__modal-card{position:relative;z-index:1}.v10-login__guide-head{display:grid;justify-items:center;gap:10px;margin-bottom:20px}.v10-login__guide-badge{padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#d4af3733,#d4af3714);border:1px solid rgba(212,175,55,.28);color:#d4af37;font-weight:700}.v10-login__guide-desc{color:#fff9;font-size:14px}.v10-login__stepper{display:flex;justify-content:center;align-items:flex-start;gap:12px;margin-bottom:26px}.v10-login__step-wrap{display:flex;align-items:flex-start;gap:12px}.v10-login__step{display:grid;justify-items:center;gap:8px}.v10-login__step-circle{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffff73;font-weight:700}.v10-login__step span{color:#ffffff6b;font-size:12px}.v10-login__step.active .v10-login__step-circle,.v10-login__step.done .v10-login__step-circle{background:linear-gradient(135deg,#d4af37,#b8941f);border-color:transparent;color:#0d0a0d}.v10-login__step.active span,.v10-login__step.done span{color:#d4af37}.v10-login__step-line{width:58px;height:2px;margin-top:16px;background:#ffffff1f}.v10-login__step-line.active{background:linear-gradient(90deg,#d4af37,#b8941f)}.v10-login__panel{border-radius:28px;padding:22px 18px;background:#251a20b8;border:1px solid rgba(212,175,55,.14);box-shadow:0 14px 40px #00000047}.v10-login__panel h1,.v10-login__section-title{margin:0;color:#fff;text-align:center}.v10-login__panel h1{font-size:28px;font-weight:800;margin-bottom:8px}.v10-login__panel p,.v10-login__section-desc,.v10-login__safe-note,.v10-login__field span{color:#ffffff94}.v10-login__section-title{font-size:24px;font-weight:700;margin-top:14px}.v10-login__section-desc{text-align:center;margin:10px 0 20px}.v10-login__logo{position:relative;width:110px;height:110px;margin:10px auto 20px;display:grid;place-items:center}.v10-login__logo-core{position:relative;z-index:1;font-size:42px}.v10-login__logo-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(212,175,55,.16)}.v10-login__logo-ring--2{top:-10px;right:-10px;bottom:-10px;left:-10px}.v10-login__role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.v10-login__role-card{position:relative;min-height:142px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;display:grid;justify-items:center;align-content:start;gap:8px;padding:18px 10px 14px}.v10-login__role-card.active{border-color:#d4af3761;box-shadow:0 0 0 1px #d4af371f,0 12px 30px #00000038}.v10-login__role-tag{position:absolute;top:10px;left:10px;min-width:24px;height:24px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:#d4af3733;color:#d4af37;font-size:12px;font-weight:700}.v10-login__role-icon{width:54px;height:54px;margin-top:8px;border-radius:18px;display:grid;place-items:center;background:#ffffff0f;font-size:28px}.v10-login__role-card strong{font-size:16px}.v10-login__role-card span:last-child{color:#fff9;font-size:13px}.v10-login__primary-btn,.v10-login__ghost-btn,.v10-match__action,.v10-match__filter-btn,.v10-match__modal-actions button{border:0;border-radius:999px;font-weight:700}.v10-login__primary-btn{width:100%;min-height:50px;background:linear-gradient(135deg,#d4af37,#f59e0b);color:#1a120d;font-size:17px}.v10-login__primary-btn--small{min-width:154px;width:auto}.v10-login__primary-btn--wide{margin-top:8px}.v10-login__guide-trigger{display:block;margin:14px auto 10px;border:0;background:transparent;color:#d4af37;font-weight:700}.v10-login__safe-note{text-align:center;font-size:13px}.v10-login__panel--form{display:grid;gap:16px}.v10-login__avatar-picker{display:grid;justify-items:center;gap:10px}.v10-login__avatar-shell{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#ffffff0d;border:2px solid rgba(212,175,55,.22);font-size:34px}.v10-login__avatar-shell img{width:100%;height:100%;object-fit:cover}.v10-login__field{display:grid;gap:8px}.v10-login__field label{color:#fff;font-size:14px}.v10-login__field input{min-height:48px;padding:0 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff}.v10-login__field-note{display:block;margin-top:6px}.v10-login__actions{display:flex;gap:12px}.v10-login__ghost-btn{flex:1;min-height:48px;background:#ffffff14;color:#fff}.v10-login__secondary-btn{border:0;border-radius:999px;min-height:48px;background:#d4af3729;color:#d4af37;font-weight:700}.v10-login__primary-btn:disabled,.v10-login__secondary-btn:disabled,.v10-login__ghost-btn:disabled{opacity:.56;cursor:not-allowed}.v10-login__summary,.v10-login__verify-actions{display:grid;gap:12px}.v10-login__summary-card,.v10-login__summary-row{border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.v10-login__summary-card{padding:16px;display:flex;gap:14px;align-items:center}.v10-login__summary-avatar{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#ffffff0f;overflow:hidden;flex-shrink:0;font-size:26px}.v10-login__summary-avatar img{width:100%;height:100%;object-fit:cover}.v10-login__summary-lines{display:grid;gap:6px}.v10-login__summary-lines strong,.v10-login__summary-row strong{color:#fff}.v10-login__summary-lines span,.v10-login__summary-row span{color:#ffffff9e}.v10-login__summary-row{padding:14px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center}.v10-login__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:420}.v10-login__modal-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000009e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.v10-login__modal-card{position:fixed;top:78px;left:50%;transform:translate(-50%);width:min(calc(100vw - 30px),calc(var(--mobile-shell-width) - 30px));max-height:calc(100dvh - 130px);overflow-y:auto;border-radius:24px;background:#221b39;border:1px solid rgba(255,255,255,.08);padding:18px;z-index:1}.v10-login__modal-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.v10-login__modal-head strong{color:#f0cf5e;font-size:18px}.v10-login__modal-head button{width:32px;height:32px;border-radius:50%;border:0;background:#ffffff14;color:#fff}.v10-login__modal-list{display:grid;gap:16px;margin-bottom:18px}.v10-login__modal-item{display:grid;gap:8px}.v10-login__modal-item strong{color:#f0cf5e;font-size:16px}.v10-login__modal-item p{margin:0;color:#ffffffb8;line-height:1.6}.v10-login__modal-tags{display:flex;flex-wrap:wrap;gap:8px}.v10-login__modal-tags span{min-height:28px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:#d4af371f;color:#d4af37;font-size:12px}.v10-match{background:linear-gradient(180deg,#0d0a0d,#1a0f0d,#0d0a0d)}.v10-match__top-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.v10-match__nav-left,.v10-match__nav-right{display:flex;align-items:center;gap:12px}.v10-match__nav-avatar{border:0;background:transparent;padding:0}.v10-match__title{font-size:30px;font-weight:800;background:linear-gradient(135deg,#d4af37,#c41e3a);-webkit-background-clip:text;background-clip:text;color:transparent}.v10-match__filter-btn{min-height:40px;padding:0 16px;background:#1a1216f2;border:1px solid rgba(212,175,55,.22);color:#ffffffeb}.v10-match__vip-badge{min-height:36px;padding:0 14px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#d4af37,#b8941f);color:#1a120d;font-size:12px;font-weight:800}.v10-match__tag-bar{margin-bottom:16px;overflow-x:auto}.v10-match__tag-list{display:inline-flex;gap:10px}.v10-match__tag-item{min-height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#1a1216e6;color:#ffffffb8;white-space:nowrap}.v10-match__tag-item.active{background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff}.v10-match__cards{min-height:58vh;display:grid;place-items:center}.v10-match__card{position:relative;width:100%;min-height:560px;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#1a0f0d,#251518);box-shadow:0 20px 50px #00000061,0 0 40px #d4af371f;display:flex;flex-direction:column;padding:20px}.v10-match__card-bg,.v10-match__card-pattern,.v10-match__card-gradient{position:absolute;top:0;right:0;bottom:0;left:0}.v10-match__card-pattern{background:radial-gradient(circle at 20% 80%,rgba(212,175,55,.14),transparent 40%),radial-gradient(circle at 80% 20%,rgba(255,107,53,.1),transparent 40%)}.v10-match__card-gradient{background:linear-gradient(to top,rgba(0,0,0,.72) 0%,transparent 100%)}.v10-match__role-badge,.v10-match__badges{position:relative;z-index:1}.v10-match__role-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;background:#0000008a;color:#fff}.v10-match__badges{position:absolute;top:20px;right:20px;display:grid;gap:8px;justify-items:end}.v10-match__score-badge,.v10-match__cert-badge,.v10-match__vip-tag{min-height:30px;padding:0 12px;border-radius:999px;display:inline-grid;place-items:center;font-size:12px;font-weight:700}.v10-match__score-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.v10-match__cert-badge{background:#22c55ee6;color:#fff}.v10-match__vip-tag{background:linear-gradient(135deg,#d4af37,#b8941f);color:#1a120d}.v10-match__avatar-section{display:grid;place-items:center;padding:34px 0 20px;position:relative;z-index:1}.v10-match__avatar-ring{display:grid;place-items:center}.v10-match__info{position:relative;z-index:1;display:grid;gap:12px;margin-top:auto}.v10-match__name-row{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:22px;font-weight:700;color:#fff}.v10-match__meta{display:flex;flex-wrap:wrap;gap:8px;color:#fff9;font-size:13px}.v10-match__bio{color:#ffffffbd;line-height:1.65}.v10-match__interests{display:flex;flex-wrap:wrap;gap:8px}.v10-match__interests span{min-height:30px;padding:0 12px;border-radius:999px;display:inline-grid;place-items:center;background:#ffffff14;color:#fff;font-size:12px}.v10-match__recommend{color:#d4af37;font-size:14px}.v10-match__detail-hint{position:relative;z-index:1;margin-top:14px;text-align:center;color:#ffffff8f;font-size:13px}.v10-match__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.v10-match__action{min-height:46px;background:#1a1216f0;color:#fff;border:1px solid rgba(255,255,255,.08)}.v10-match__action--super{color:#ffd866}.v10-match__action--like{color:#ff8fb3}.v10-match__action--safe{color:#bfe3d4}.v10-match__bottom-tip{margin-top:12px;text-align:center;color:#ffffff85;font-size:13px}.v10-match__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320}.v10-match__modal-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.v10-match__modal-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(100vw - 28px),calc(var(--mobile-shell-width) - 28px));padding:22px 18px;border-radius:24px;background:linear-gradient(180deg,#1a1216fa,#0d0a0df5);border:1px solid rgba(212,175,55,.22);text-align:center}.v10-match__modal-icon{font-size:42px;margin-bottom:8px}.v10-match__modal-title{font-size:24px;font-weight:800;color:#fff;margin-bottom:8px}.v10-match__modal-desc{color:#ffffffa8;margin-bottom:18px}.v10-match__modal-actions{display:flex;justify-content:center;gap:12px}.v10-match__modal-actions button{min-height:44px;min-width:120px;padding:0 18px}.v10-match__modal-actions button:first-child{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff}.v10-match__modal-actions button:last-child{background:#ffffff14;color:#fff}@media (max-width: 420px){.v10-login__role-grid,.v10-match__actions{grid-template-columns:1fr}.v10-match__card{min-height:520px}}.v10-discover{background:linear-gradient(180deg,#0d0a0d,#0f0a1a,#0d0a0d)}.v10-discover__top,.v10-nearby__nav,.v10-message__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.v10-discover__title,.v10-nearby__title,.v10-message__title{font-size:30px;font-weight:800;background:linear-gradient(135deg,#d4af37,#c41e3a);-webkit-background-clip:text;background-clip:text;color:transparent}.v10-discover__action,.v10-message__search{width:44px;height:44px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#1a1216e6;color:#fff}.v10-message__topic-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-bottom:16px;padding:16px 18px;border-radius:22px;border:1px solid rgba(212,175,55,.24);background:radial-gradient(circle at top right,rgba(196,30,58,.18),transparent 36%),linear-gradient(135deg,#18121cf5,#251527f5);color:#fff;text-align:left;box-shadow:0 18px 32px #0000003d}.v10-message__topic-copy{display:grid;gap:6px}.v10-message__topic-copy strong{font-size:18px;font-weight:800}.v10-message__topic-copy span,.v10-message__topic-entry em{color:#ffffffb8;font-style:normal}.v10-message__topic-entry em{white-space:nowrap}.v10-discover__tabs,.v10-nearby__filter-bar,.v10-message__tabs{display:flex;gap:10px;overflow-x:auto;margin-bottom:16px}.v10-discover__tab,.v10-nearby__filter,.v10-message__tab{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#ffffffc2;white-space:nowrap}.v10-discover__tab.active,.v10-nearby__filter.active,.v10-message__tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.v10-message__tab span{margin-left:8px;min-width:18px;height:18px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:#ff6b35;color:#fff;font-size:11px}.v10-discover__content,.v10-message__list,.v10-nearby__list,.v10-discover__task-list,.v10-discover__article-list,.v10-discover__benefit-list,.v10-profile__menu{display:grid;gap:14px}.v10-discover__spirit,.v10-discover__section,.v10-nearby__stats,.v10-profile__section,.v10-profile__vip-promo,.v10-profile__menu-item,.v10-message__match-item,.v10-message__chat-item,.v10-message__system-item,.v10-nearby__card{background:#1a1216eb;border:1px solid rgba(255,255,255,.08);border-radius:24px}.v10-discover__spirit,.v10-profile__header{padding:24px 18px}.v10-discover__spirit{display:grid;justify-items:center;text-align:center;margin-bottom:16px}.v10-discover__spirit-shell{position:relative;width:180px;height:180px;display:grid;place-items:center;margin-bottom:14px}.v10-discover__spirit-glow,.v10-discover__spirit-ring{position:absolute;border-radius:50%}.v10-discover__spirit-glow{top:28px;right:28px;bottom:28px;left:28px;background:radial-gradient(circle,rgba(212,175,55,.26),transparent 70%);animation:spiritPulse 3.5s ease-in-out infinite}.v10-discover__spirit-core{position:relative;z-index:1;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:#ffffff0a;border:1px solid rgba(212,175,55,.18);font-size:44px}.v10-discover__spirit-ring{top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(212,175,55,.2)}.v10-discover__spirit-ring.ring-2{top:0;right:0;bottom:0;left:0}.v10-discover__level-badge{min-height:30px;padding:0 14px;border-radius:999px;display:grid;place-items:center;background:#d4af3729;color:#d4af37;font-size:12px;font-weight:700;margin-bottom:8px}.v10-discover__spirit-name{color:#fff;font-size:24px;font-weight:800}.v10-discover__spirit-desc{color:#ffffff9e;margin:6px 0 12px}.v10-discover__trust-bar,.v10-nearby__popup-bar{width:100%;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.v10-discover__trust-fill,.v10-nearby__popup-fill{height:100%;background:linear-gradient(90deg,#d4af37,#8b5cf6)}.v10-discover__section{padding:18px}.v10-discover__section-head,.v10-profile__section-head,.v10-nearby__card-head,.v10-message__chat-head,.v10-message__match-head,.v10-message__system-content{display:flex;justify-content:space-between;gap:12px}.v10-discover__section-head,.v10-profile__section-head{align-items:center;margin-bottom:14px}.v10-discover__section-head strong,.v10-profile__section-head strong,.v10-message__group-title,.v10-profile__name,.v10-nearby__card-head strong,.v10-message__chat-head strong,.v10-message__match-head strong,.v10-message__system-content strong{color:#fff}.v10-discover__section-head span,.v10-profile__section-head button,.v10-profile__identity-text span,.v10-nearby__card-head span,.v10-message__chat-head span,.v10-message__system-content span,.v10-message__match-side span,.v10-message__match-info p,.v10-message__chat-content p,.v10-nearby__card p,.v10-nearby__popup-info p,.v10-nearby__popup-match span,.v10-profile__footer{color:#ffffff94}.v10-discover__task,.v10-discover__benefit,.v10-nearby__card,.v10-message__match-item,.v10-message__chat-item,.v10-message__system-item,.v10-nearby__popup-card,.v10-profile__identity-card{padding:16px}.v10-discover__task,.v10-discover__benefit,.v10-nearby__card,.v10-message__match-item,.v10-message__chat-item,.v10-message__system-item,.v10-profile__identity-card,.v10-profile__menu-item,.v10-profile__vip-promo{display:flex;gap:14px;align-items:center}.v10-discover__task-icon,.v10-discover__benefit-icon,.v10-nearby__popup-badges span,.v10-message__system-icon,.v10-profile__identity-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#ffffff0f;color:#f0cf5e;flex-shrink:0}.v10-discover__task-body,.v10-discover__benefit-body,.v10-message__match-info,.v10-message__chat-content,.v10-nearby__card-body,.v10-nearby__popup-info,.v10-profile__identity-text,.v10-profile__vip-promo>div,.v10-profile__menu-item>div{flex:1;display:grid;gap:6px}.v10-discover__task-body strong,.v10-discover__benefit-body strong,.v10-nearby__popup-info strong,.v10-profile__identity-text strong,.v10-profile__vip-promo strong,.v10-profile__menu-item strong{color:#fff}.v10-discover__task-body span,.v10-discover__benefit-body span,.v10-profile__menu-item span,.v10-profile__vip-promo span,.v10-profile__identity-text span,.v10-nearby__card p,.v10-nearby__card-tags span,.v10-message__match-info em,.v10-message__chat-content p,.v10-message__system-content p{color:#ffffff9e}.v10-discover__task-reward,.v10-discover__benefit-level,.v10-nearby__popup-match strong,.v10-profile__stats strong{color:#d4af37;font-weight:800}.v10-discover__quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v10-discover__quick{min-height:110px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;text-align:left;padding:16px;display:grid;align-content:start;gap:8px}.v10-discover__category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v10-discover__category,.v10-discover__article{width:100%;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;text-align:left;padding:16px;display:grid;gap:8px}.v10-discover__category-icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:#ffffff0f}.v10-discover__modal,.v10-nearby__popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:340}.v10-discover__modal-mask,.v10-nearby__popup-mask,.v10-match__modal-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000094;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.v10-discover__modal-card,.v10-nearby__popup-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(100vw - 28px),calc(var(--mobile-shell-width) - 28px));border-radius:24px;background:#1a1216fa;border:1px solid rgba(255,255,255,.08)}.v10-discover__modal-head,.v10-nearby__popup-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.v10-discover__modal-head button,.v10-nearby__popup-close{width:32px;height:32px;border-radius:50%;border:0;background:#ffffff14;color:#fff}.v10-nearby{background:linear-gradient(180deg,#0d0a0d,#151015,#0d0a0d)}.v10-nearby__actions,.v10-nearby__mode{display:flex;gap:10px}.v10-nearby__location,.v10-nearby__mode-btn{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#1a1216e6;color:#fff}.v10-nearby__location.active,.v10-nearby__mode-btn.active{background:linear-gradient(135deg,#d4af37,#b8941f);color:#1a120d}.v10-nearby__stats{margin-bottom:16px;padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.v10-nearby__stats strong{display:block;color:#d4af37;font-size:28px}.v10-nearby__stats span{color:#ffffff85}.v10-nearby__card{width:100%;text-align:left}.v10-nearby__card-body p{margin:0}.v10-nearby__card-tags{display:flex;flex-wrap:wrap;gap:8px}.v10-nearby__card-tags span{min-height:28px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:#ffffff0f}.v10-nearby__popup-card{padding:18px}.v10-nearby__popup-main{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.v10-nearby__popup-tags,.v10-nearby__popup-badges{display:flex;flex-wrap:wrap;gap:8px}.v10-nearby__popup-tags span,.v10-message__match-head span{min-height:28px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:#ffffff14}.v10-nearby__popup-actions,.v10-profile__stats{display:flex;gap:12px}.v10-nearby__popup-actions button,.v10-profile__stats button,.v10-profile__section-head button{border:0;border-radius:18px}.v10-nearby__popup-actions button{flex:1;min-height:44px;background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff}.v10-nearby__popup-actions button:last-child{background:#ffffff14}.v10-message{background:linear-gradient(180deg,#120d12,#1a1016 55%,#0d0a0d)}.v10-message__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top center,rgba(236,72,153,.14),transparent 28%);pointer-events:none}.v10-message__list{position:relative;z-index:1}.v10-message__group-title{color:#fff9;font-size:13px;margin:4px 0}.v10-message__match-item{width:100%;text-align:left}.v10-message__match-avatars,.v10-message__chat-item{display:flex;align-items:center;gap:12px}.v10-message__match-heart{color:#ec4899}.v10-message__match-side{min-width:82px;display:grid;gap:8px;justify-items:end}.v10-message__match-side div{min-height:34px;padding:0 12px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;font-size:12px;font-weight:700}.v10-message__chat-item{width:100%;text-align:left;margin-bottom:10px}.v10-message__chat-item.pinned{border-color:#ec489938}.v10-message__chat-content{flex:1}.v10-message__badge{min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#ff6b35;color:#fff;font-size:11px}.v10-message__system-item{margin-bottom:10px}.v10-message__system-icon{width:44px;height:44px;border-radius:18px;display:grid;place-items:center;background:#ffffff0f}.v10-message__system-content{flex:1;display:grid;gap:6px}.v10-profile{background:linear-gradient(180deg,#0d0a0d,#151015,#0d0a0d)}.v10-profile__header{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#1a1216fa,#1a1216d1);border:1px solid rgba(255,255,255,.08);margin-bottom:16px}.v10-profile__bg{position:absolute;top:0;right:0;bottom:0;left:0}.v10-profile__particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#d4af3757}.v10-profile__content{position:relative;z-index:1;padding:22px 18px}.v10-profile__edit{display:inline-flex;margin-left:auto;min-height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(212,175,55,.22);background:#ffffff14;color:#d4af37}.v10-profile__avatar{display:grid;place-items:center;margin:18px 0 14px}.v10-profile__name{text-align:center;font-size:30px;font-weight:800;color:#fff;margin-bottom:10px}.v10-profile__identity{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 16px;border-radius:999px;background:linear-gradient(135deg,#d4af3724,#d4af3738);border:1px solid rgba(212,175,55,.35);color:#d4af37;margin:0 auto 18px}.v10-profile__stats button{flex:1;min-height:96px;border-radius:22px;background:#ffffff0a;color:#fff;display:grid;place-items:center}.v10-profile__stats strong{font-size:28px}.v10-profile__vip-promo{width:100%;margin-bottom:16px;padding:18px;justify-content:space-between;background:linear-gradient(135deg,#d4af3729,#c41e3a1f);color:#fff}.v10-profile__vip-promo em,.v10-profile__menu-item em,.v10-profile__identity-level{color:#d4af37;font-style:normal;font-weight:800}.v10-profile__section{padding:18px;margin-bottom:16px;background:#1a1216eb;border:1px solid rgba(255,255,255,.08);border-radius:24px}.v10-profile__section-head button{background:transparent;color:#d4af37}.v10-profile__identity-card{justify-content:space-between}.v10-profile__identity-left{display:flex;gap:14px;align-items:center}.v10-profile__identity-icon{width:64px;height:64px;border-radius:20px}.v10-profile__radar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.v10-profile__radar-item{display:grid;justify-items:center;gap:6px;padding:10px;border-radius:18px;background:#ffffff0a}.v10-profile__radar-item strong{color:#d4af37}.v10-profile__radar-item span{color:#ffffff94;font-size:12px;text-align:center}.v10-profile__menu-item{width:100%;justify-content:space-between;text-align:left}.v10-profile__footer{text-align:center;padding-bottom:14px}@media (max-width: 420px){.v10-discover__quick-grid,.v10-discover__category-grid{grid-template-columns:1fr}.v10-profile__radar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.v10-chat,.v10-identity,.v10-cert,.v10-safety,.v10-edit,.v10-publish,.v10-topic{background:linear-gradient(180deg,#0d0a0d,#151015,#0d0a0d)}.v10-chat__nav,.v10-identity__nav,.v10-cert__nav,.v10-safety__nav,.v10-edit__nav,.v10-publish__nav,.v10-topic__nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.v10-chat__nav button,.v10-identity__nav button,.v10-cert__nav button,.v10-safety__nav button,.v10-edit__nav button,.v10-publish__nav button,.v10-topic__nav button{min-height:38px;padding:0 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#1a1216e6;color:#fff}.v10-chat__nav strong,.v10-identity__nav strong,.v10-cert__nav strong,.v10-safety__nav strong,.v10-edit__nav strong,.v10-publish__nav-center strong,.v10-topic__center strong{color:#fff;font-size:18px}.v10-chat__nav-content,.v10-chat__user,.v10-chat__nav-actions,.v10-chat__row,.v10-chat__burn-head,.v10-identity__current-card,.v10-identity__card,.v10-cert__overview-head,.v10-cert__card-head,.v10-cert__benefit,.v10-safety__tool-head,.v10-safety__contact,.v10-profile__menu-item,.v10-topic__post-head{display:flex;gap:12px;align-items:center}.v10-chat__nav,.v10-chat__security-bar,.v10-chat__burn-card,.v10-identity__current,.v10-identity__selector,.v10-cert__overview,.v10-cert__section,.v10-safety__section,.v10-edit__section,.v10-publish__editor,.v10-publish__toolbar,.v10-publish__section,.v10-topic__header,.v10-topic__section{background:#1a1216eb;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:18px;margin-bottom:16px}.v10-chat__nav{padding:14px 16px}.v10-chat__nav-content{width:100%;justify-content:space-between}.v10-chat__user{flex:1;text-align:left;background:transparent;border:0;padding:0}.v10-chat__user-info{display:grid;gap:4px}.v10-chat__user-info strong,.v10-identity__current-body strong,.v10-identity__card-head strong,.v10-cert__card strong,.v10-cert__benefit-body strong,.v10-safety__tool strong,.v10-safety__contact-body strong,.v10-edit__section-head strong,.v10-topic__post-user strong{color:#fff}.v10-chat__user-info span,.v10-chat__bubble-footer,.v10-chat__burn-head span,.v10-identity__current-body span,.v10-identity__card-head span,.v10-identity__card p,.v10-cert__card p,.v10-cert__overview-head span,.v10-cert__benefit-body span,.v10-safety__tool span,.v10-safety__contact-body span,.v10-edit__section-head span,.v10-edit__preview span,.v10-edit__preview p,.v10-topic__hero p,.v10-topic__post-user span,.v10-topic__post p{color:#ffffff9e}.v10-chat__user-info span.online{color:#4ade80}.v10-chat__security-bar{display:flex;gap:10px;align-items:center;color:#f0cf5e}.v10-chat__messages{display:grid;gap:14px;padding-bottom:110px}.v10-chat__date-divider{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff6}.v10-chat__date-divider .line{flex:1;height:1px;background:#ffffff14}.v10-chat__row.mine{justify-content:flex-end}.v10-chat__bubble{max-width:calc(100% - 44px);padding:14px 16px;border-radius:22px;background:#ffffff0d;display:grid;gap:8px}.v10-chat__bubble.mine{background:linear-gradient(135deg,#ec489940,#f472b61f)}.v10-chat__bubble-footer{font-size:12px}.v10-chat__input-bar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);width:calc(min(100vw,var(--mobile-shell-width)) - 24px);padding:12px;border-radius:24px;background:#1a1216f5;border:1px solid rgba(255,255,255,.08);display:flex;gap:10px;align-items:center;z-index:120}.v10-chat__burn-toggle,.v10-chat__send,.v10-chat__emoji{min-width:42px;height:42px;border-radius:16px;border:0;background:#ffffff14;color:#fff}.v10-chat__burn-toggle.active,.v10-chat__send.active{background:linear-gradient(135deg,#ec4899,#f472b6)}.v10-chat__input-wrap{flex:1;min-height:46px;border-radius:18px;background:#ffffff0a;display:flex;align-items:center;gap:8px;padding:0 12px}.v10-chat__input{flex:1;min-height:42px;border:0;background:transparent;color:#fff;resize:none;outline:none;font:inherit}.v10-chat__burn-modal,.v10-discover__modal,.v10-nearby__popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:340}.v10-chat__burn-mask,.v10-chat__modal-mask,.v10-discover__modal-mask,.v10-nearby__popup-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000094;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.v10-chat__burn-card{position:fixed;left:50%;bottom:18px;transform:translate(-50%);width:min(calc(100vw - 24px),calc(var(--mobile-shell-width) - 24px));z-index:1}.v10-chat__burn-head{display:grid;gap:6px;margin-bottom:16px}.v10-chat__burn-head button{position:absolute;top:18px;right:18px;width:32px;height:32px;border-radius:50%;border:0;background:#ffffff14;color:#fff}.v10-chat__burn-list{display:grid;gap:12px}.v10-chat__burn-option,.v10-identity__tab,.v10-edit__gender,.v10-publish__templates button,.v10-publish__topics button,.v10-topic__hot-topics button{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff}.v10-chat__burn-option{padding:14px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left}.v10-chat__burn-option.selected{border-color:#ec489947}.v10-chat__burn-option div{display:grid;gap:4px}.v10-chat__burn-option em{color:#f0cf5e;font-style:normal;font-weight:800}.v10-identity__current-card,.v10-identity__card{text-align:left}.v10-identity__label{color:#ffffff9e;margin-bottom:10px}.v10-identity__current-avatar,.v10-identity__card-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#ffffff0f;font-size:28px}.v10-identity__current-body,.v10-identity__card-body{flex:1;display:grid;gap:6px}.v10-identity__chips{display:flex;flex-wrap:wrap;gap:8px}.v10-identity__chips span,.v10-safety__chips span,.v10-topic__chips span{min-height:28px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:#ffffff14;color:#fff;font-size:12px}.v10-identity__tabs{display:flex;gap:10px;margin-bottom:14px}.v10-identity__tab{min-height:40px;padding:0 14px}.v10-identity__tab.active{background:linear-gradient(135deg,#d4af3747,#f59e0b29);color:#f0cf5e}.v10-identity__list,.v10-cert__grid,.v10-cert__benefits,.v10-safety__contacts,.v10-topic__posts{display:grid;gap:12px}.v10-identity__card{position:relative;padding:16px}.v10-identity__card.selected{border-color:#d4af3757}.v10-identity__card.locked{opacity:.72}.v10-identity__selected,.v10-cert__step,.v10-cert__status,.v10-cert__benefit-level{min-height:24px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;font-size:12px}.v10-identity__selected,.v10-cert__step,.v10-cert__benefit-level{background:#d4af372e;color:#d4af37}.v10-identity__lock-note{color:#f0cf5e;font-size:12px}.v10-identity__footer{display:grid;gap:10px}.v10-identity__confirm,.v10-cert__card button,.v10-safety__primary,.v10-edit__actions .primary,.v10-publish__submit.active,.v10-topic__section-head button{border:0;border-radius:18px;background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff}.v10-identity__confirm,.v10-safety__primary{width:100%;min-height:48px}.v10-identity__tip{color:#ffffff8f;font-size:13px;text-align:center}.v10-cert__overview-head{margin-bottom:12px}.v10-cert__percent{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff964f,#ff5e62);color:#fff;font-weight:800}.v10-cert__bar{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-bottom:14px}.v10-cert__bar-fill{height:100%;background:linear-gradient(90deg,#d4af37,#f97316)}.v10-cert__levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v10-cert__level{display:grid;justify-items:center;gap:6px;padding:12px;border-radius:16px;background:#ffffff0a}.v10-cert__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v10-cert__card{padding:16px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:grid;gap:10px}.v10-cert__card.done{border-color:#22c55e42}.v10-cert__status.done{background:#22c55e29;color:#4ade80}.v10-cert__icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#ffffff0f;font-size:28px}.v10-safety__status{min-height:38px;padding:0 16px}.v10-safety__status.active{background:#ef44442e;color:#fca5a5}.v10-safety__sos{position:relative;display:grid;place-items:center;margin-bottom:16px;min-height:220px}.v10-safety__sos-pulse{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.25),transparent 70%)}.v10-safety__sos-pulse.active{animation:spiritPulse 2.2s ease-in-out infinite}.v10-safety__sos-btn{position:relative;z-index:1;width:180px;height:180px;border-radius:50%;border:0;display:grid;place-items:center;background:radial-gradient(circle,#c41e3af2,#7a1424f2);color:#fff;text-align:center}.v10-safety__sos-btn.active{box-shadow:0 0 40px #ef44445c}.v10-safety__tool,.v10-safety__word-card{padding:16px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);margin-bottom:12px}.v10-safety__toggle{width:44px;height:24px;border-radius:999px;background:#ffffff24}.v10-safety__toggle.on{background:linear-gradient(135deg,#d4af37,#f59e0b)}.v10-safety__word-card.red{background:#7f1d1d57}.v10-safety__word-card.yellow{background:#78350f4d}.v10-safety__word-card.green{background:#064e3b52}.v10-safety__risk-list,.v10-safety__form{display:grid;gap:12px}.v10-safety__risk-options{display:flex;gap:10px}.v10-safety__risk-options button,.v10-edit__actions button,.v10-publish__submit,.v10-publish__topics button,.v10-publish__templates button,.v10-topic__hot-topics button{min-height:40px;padding:0 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#fff}.v10-safety__contact-avatar{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#ffffff0f}.v10-safety__contact-body{display:grid;gap:4px}.v10-edit__preview,.v10-edit__avatar-box{display:grid;justify-items:center;gap:14px}.v10-edit__preview{padding:18px;border-radius:24px;background:#1a1216eb;border:1px solid rgba(255,255,255,.08);margin-bottom:16px;text-align:center}.v10-edit__avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%}.v10-edit__avatar-item{min-height:74px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;display:grid;place-items:center}.v10-edit__avatar-item.active{border-color:#d4af3757}.v10-edit__form{display:grid;gap:12px}.v10-edit__form input,.v10-edit__form textarea,.v10-safety__form input,.v10-safety__form textarea,.v10-publish__editor textarea{width:100%;min-height:46px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;font:inherit}.v10-edit__form textarea,.v10-safety__form textarea,.v10-publish__editor textarea{min-height:110px;resize:vertical}.v10-edit__gender-row,.v10-publish__toolbar,.v10-publish__templates,.v10-publish__topics,.v10-topic__hot-topics,.v10-topic__chips,.v10-topic__post-actions{display:flex;flex-wrap:wrap;gap:10px}.v10-edit__gender.active,.v10-publish__topics button.active,.v10-topic__hot-topics button.active{background:linear-gradient(135deg,#d4af37,#b8941f);color:#1a120d}.v10-edit__actions{display:flex;gap:12px}.v10-publish__nav-center{flex:1;text-align:center}.v10-publish__submit.active{background:linear-gradient(135deg,#d4af37,#f59e0b);color:#1a120d}.v10-publish__section-head,.v10-topic__section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.v10-topic__center,.v10-topic__actions,.v10-topic__post-user{display:flex;align-items:center;gap:10px}.v10-topic__header{overflow:hidden}.v10-topic__hero{position:relative;padding:20px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--topic-color) 18%,rgba(26,18,22,.98)),#1a1216f5);text-align:center}.v10-topic__hero-icon{font-size:42px;margin-bottom:10px}.v10-topic__hero strong{color:#fff;font-size:24px}.v10-topic__hero p{color:#ffffffad}.v10-topic__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.v10-topic__stats strong{display:block;color:#d4af37}.v10-topic__stats span{color:#ffffff94;font-size:12px}.v10-topic__post{padding:16px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.v10-topic__post-avatar{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#ffffff0f}.v10-topic__post p{color:#ffffffb8;line-height:1.6}@media (max-width: 420px){.v10-cert__grid{grid-template-columns:1fr}.v10-cert__levels,.v10-edit__avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-chat__nav-content,.v10-nearby__nav,.v10-publish__nav,.v10-topic__nav,.v10-profile__stats,.v10-nearby__popup-main{flex-direction:column;align-items:stretch}}.v10-test,.v10-result,.v10-settings,.v10-favorites,.v10-user-detail,.v10-vip,.v10-performance{background:linear-gradient(180deg,#0d0a0d,#151015,#0d0a0d)}.v10-test__bg,.v10-result__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.v10-test__particle,.v10-result__particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#d4af3757}.v10-test__header,.v10-test__question-card,.v10-result__identity-card,.v10-result__section,.v10-settings__section,.v10-favorites__stats,.v10-user-detail__section,.v10-vip__section,.v10-performance__score-card{position:relative;z-index:1;padding:18px;border-radius:24px;background:#1a1216eb;border:1px solid rgba(255,255,255,.08);margin-bottom:16px}.v10-test__dimension-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px}.v10-test__dimension{display:grid;justify-items:center;gap:8px;color:#fff6;font-size:12px}.v10-test__dimension.active,.v10-test__dimension.done{color:#d4af37}.v10-test__dimension-dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffff14}.v10-test__dimension.active .v10-test__dimension-dot,.v10-test__dimension.done .v10-test__dimension-dot{background:linear-gradient(135deg,#d4af37,#b8941f);color:#0d0a0d}.v10-test__progress{display:grid;gap:10px}.v10-test__progress-meta,.v10-test__sub-info,.v10-result__radar-head,.v10-favorites__head,.v10-user-detail__section-head,.v10-user-detail__name-row,.v10-settings__section-head,.v10-vip__compare-head,.v10-vip__compare-row,.v10-vip__package-top,.v10-performance__controls{display:flex;justify-content:space-between;gap:12px;align-items:center}.v10-test__progress-badge{min-height:30px;padding:0 12px;border-radius:999px;display:grid;place-items:center;background:#d4af3729;color:#d4af37;font-weight:700}.v10-test__progress-track,.v10-test__bottom-progress,.v10-result__bar,.v10-user-detail__match-bar,.v10-user-detail__trust-track{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.v10-test__progress-fill,.v10-result__bar-fill,.v10-user-detail__match-fill,.v10-user-detail__trust-fill{height:100%;background:linear-gradient(90deg,#d4af37,#c41e3a)}.v10-test__sub-info,.v10-result__subtitle,.v10-result__role-desc,.v10-result__score-copy span,.v10-result__radar-item p,.v10-settings__section-head em,.v10-settings__row span,.v10-settings__toggle-row div strong,.v10-favorites__title span,.v10-favorites__tags span,.v10-favorites__body p,.v10-user-detail__meta,.v10-user-detail__section-head span,.v10-user-detail__bio,.v10-user-detail__tags span,.v10-vip__desc,.v10-performance__subtitle{color:#fff9}.v10-test__question-card{text-align:center}.v10-test__question-badge{display:inline-flex;min-height:34px;padding:0 14px;border-radius:999px;align-items:center;background:#d4af3724;color:#d4af37;margin-bottom:14px}.v10-test__question-number{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#d4af372e;color:#d4af37;font-weight:700}.v10-test__question-card h1,.v10-result__title,.v10-result__role-name,.v10-user-detail__hero strong,.v10-vip__title,.v10-performance__title{color:#fff}.v10-test__options,.v10-result__radar-list,.v10-result__matches,.v10-settings__group,.v10-favorites__list,.v10-performance__metrics{display:grid;gap:12px}.v10-test__option,.v10-settings__row,.v10-settings__toggle-row,.v10-favorites__card,.v10-user-detail__cert,.v10-vip__benefit,.v10-performance__metric-card{border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.v10-test__option{width:100%;padding:16px;display:flex;gap:12px;align-items:center;text-align:left;color:#fff}.v10-test__option.selected{border-color:#d4af375c}.v10-test__option-icon,.v10-vip__benefit-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#ffffff0f;flex-shrink:0}.v10-test__option-body,.v10-favorites__body,.v10-vip__benefit-body{flex:1;display:grid;gap:6px}.v10-test__option-check,.v10-settings__section-head em,.v10-user-detail__cert.active{color:#d4af37}.v10-test__footer{display:grid;gap:12px}.v10-test__bottom-progress{display:flex;gap:4px;background:transparent;height:auto}.v10-test__dot{flex:1;height:4px;border-radius:999px;background:#ffffff1a}.v10-test__dot.current,.v10-test__dot.done{background:linear-gradient(90deg,#d4af37,#c41e3a)}.v10-test__actions,.v10-result__actions .secondary,.v10-user-detail__actions,.v10-settings__group,.v10-vip__benefits,.v10-vip__packages{display:flex;gap:12px}.v10-test__prev,.v10-test__next,.v10-result__actions button,.v10-settings__nav button,.v10-settings__row,.v10-user-detail__actions button,.v10-vip__back,.v10-vip__package button,.v10-performance__controls button{border:0;border-radius:18px}.v10-test__prev,.v10-result__actions .secondary button,.v10-user-detail__actions button:last-child,.v10-performance__controls button{background:#ffffff14;color:#fff}.v10-test__prev.hidden{visibility:hidden}.v10-test__next.ready,.v10-result__actions .primary,.v10-user-detail__actions .primary,.v10-vip__package button,.v10-vip__back,.v10-performance__controls button.active{background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff}.v10-test__next.disabled{background:#ffffff14;color:#fff6}.v10-result__header{position:relative;z-index:1;text-align:center;margin-bottom:18px}.v10-result__icon{font-size:42px;margin-bottom:8px}.v10-result__title{font-size:30px;font-weight:800}.v10-result__role{text-align:center}.v10-result__role-badge{width:94px;height:94px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#d4af373d,#ffffff0a);border:2px solid rgba(212,175,55,.2);font-size:42px}.v10-result__score{display:flex;gap:16px;align-items:center;margin-top:16px}.v10-result__score-ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:#ffffff0a;border:2px solid rgba(212,175,55,.2);flex-shrink:0}.v10-result__score-ring span,.v10-favorites__head span,.v10-user-detail__match-score strong,.v10-vip__package-price,.v10-performance__score-value,.v10-performance__metric-values strong{color:#d4af37;font-weight:800}.v10-result__score-copy strong,.v10-settings__row strong,.v10-settings__toggle-row strong,.v10-favorites__head strong,.v10-user-detail__section-head strong,.v10-vip__benefit-body strong,.v10-vip__package-top strong{color:#fff}.v10-result__tags,.v10-user-detail__tags,.v10-vip__compare{display:flex;flex-wrap:wrap;gap:8px}.v10-result__tags span,.v10-user-detail__tags span{min-height:30px;padding:0 12px;border-radius:999px;display:inline-grid;place-items:center;background:#ffffff14;color:#fff;font-size:12px}.v10-result__matches{grid-template-columns:repeat(3,minmax(0,1fr))}.v10-result__match-card{padding:14px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);text-align:center}.v10-result__match-avatar{width:54px;height:54px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:#ffffff0f}.v10-settings__nav,.v10-favorites__nav,.v10-user-detail__actions,.v10-vip__packages,.v10-performance__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.v10-settings__nav strong,.v10-favorites__title strong,.v10-vip__title,.v10-performance__title{color:#fff}.v10-settings__section-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.v10-settings__group{display:grid;gap:10px}.v10-settings__group-title{color:#ffffff8f;font-size:13px}.v10-settings__row,.v10-settings__toggle-row{width:100%;padding:14px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;color:#fff}.v10-favorites__title{display:grid;justify-items:center}.v10-favorites__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.v10-favorites__stats strong{display:block;color:#d4af37;font-size:28px}.v10-favorites__stats span{color:#ffffff85}.v10-favorites__filters{display:flex;gap:10px;margin-bottom:16px;overflow-x:auto}.v10-favorites__filters button{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#fff;white-space:nowrap}.v10-favorites__filters button.active,.v10-favorites__chat{background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff}.v10-favorites__list{display:grid;gap:12px}.v10-favorites__card{width:100%;padding:16px;display:flex;gap:14px;align-items:center;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;text-align:left}.v10-favorites__body{flex:1;display:grid;gap:8px}.v10-favorites__tags{display:flex;flex-wrap:wrap;gap:8px}.v10-favorites__tags span{min-height:28px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:#ffffff0f;color:#fff;font-size:12px}.v10-favorites__chat{min-width:62px;min-height:38px;border:0;border-radius:18px}.v10-user-detail__header{position:relative;padding:24px 18px;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#1a1216fa,#1a1216d1);border:1px solid rgba(255,255,255,.08);margin-bottom:16px}.v10-user-detail__back,.v10-user-detail__more{position:absolute;top:16px;width:38px;height:38px;border-radius:50%;border:0;background:#ffffff14;color:#fff}.v10-user-detail__back{left:16px}.v10-user-detail__more{right:16px}.v10-user-detail__hero{display:grid;gap:12px;justify-items:center;text-align:center}.v10-user-detail__name-row{display:flex;align-items:center;gap:10px}.v10-user-detail__name-row strong,.v10-vip__section-title,.v10-performance__metric-head{color:#fff}.v10-user-detail__name-row .online{min-height:26px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:#22c55e29;color:#4ade80;font-size:12px}.v10-user-detail__identity{min-height:34px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;background:#d4af3724;color:#d4af37}.v10-user-detail__match{width:100%}.v10-user-detail__match-score{display:grid;justify-items:center;gap:4px;margin-top:10px}.v10-user-detail__distance{margin-top:10px;color:#ffffff94}.v10-user-detail__certs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v10-user-detail__cert{padding:12px;border-radius:18px;background:#ffffff0a;text-align:center;color:#ffffff7a}.v10-user-detail__radar{display:grid;gap:10px}.v10-user-detail__radar-item,.v10-user-detail__radar-bars{display:grid;gap:6px}.v10-user-detail__radar-bars .mine,.v10-user-detail__radar-bars .theirs{height:8px;border-radius:999px}.v10-user-detail__radar-bars .mine{background:linear-gradient(90deg,#d4af37,#c41e3a)}.v10-user-detail__radar-bars .theirs{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.v10-user-detail__actions{display:flex;gap:12px}.v10-user-detail__actions button{flex:1;min-height:46px;border:0;border-radius:18px;background:#ffffff14;color:#fff}.v10-user-detail__actions .primary{background:linear-gradient(135deg,#d4af37,#c41e3a)}.v10-vip__back{min-height:40px;padding:0 16px;border:0;border-radius:18px}.v10-vip__header{padding:24px 20px;border-radius:28px;background:linear-gradient(180deg,#d4af371f,#1a1216f5);border:1px solid rgba(212,175,55,.18);text-align:center;margin-bottom:16px}.v10-vip__crown{font-size:44px;margin-bottom:10px}.v10-vip__badge{margin-top:10px;display:inline-flex;min-height:28px;padding:0 12px;border-radius:999px;align-items:center;background:linear-gradient(135deg,#ffd65c,#f59e0b);color:#1a120d;font-size:12px;font-weight:800}.v10-vip__section{padding:18px;border-radius:24px;background:#1a1216eb;border:1px solid rgba(255,255,255,.08);margin-bottom:16px}.v10-vip__compare{display:grid;gap:10px}.v10-vip__compare-head,.v10-vip__compare-row{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:#ffffff0a}.v10-vip__benefits,.v10-vip__packages{display:grid;gap:12px}.v10-vip__benefit,.v10-vip__package{padding:16px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.v10-vip__package.featured{border-color:#d4af3742}.v10-vip__package p{color:#ffffff9e}.v10-vip__package button{width:100%;min-height:44px;border:0;border-radius:18px;background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff}.v10-performance__header{margin-bottom:16px}.v10-performance__title{color:#fff;font-size:28px;font-weight:800}.v10-performance__score-card{text-align:center}.v10-performance__score-ring{width:140px;height:140px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(212,175,55,.24)}.v10-performance__score-level{color:#d4af37;font-weight:700}.v10-performance__controls{display:flex;gap:12px;margin-bottom:16px}.v10-performance__controls button{flex:1;min-height:42px;border:0;border-radius:18px;background:#ffffff14;color:#fff}.v10-performance__controls button.active{background:linear-gradient(135deg,#d4af37,#c41e3a)}.v10-performance__metrics{display:grid;gap:12px}.v10-performance__metric-card{padding:16px}.v10-performance__metric-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.v10-performance__metric-values div{display:grid;justify-items:center;gap:6px}.v10-performance__metric-values span{color:#ffffff8f;font-size:12px}@media (max-width: 420px){.v10-result__matches,.v10-user-detail__certs,.v10-performance__metric-values{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-settings__row,.v10-settings__toggle-row,.v10-favorites__card,.v10-user-detail__actions,.v10-result__score,.v10-test__actions,.v10-performance__controls{flex-direction:column;align-items:stretch}}.v10-profile__summary-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 4px}.v10-profile__summary-tags span{min-height:30px;padding:0 12px;border-radius:999px;display:inline-grid;place-items:center;background:#ffffff14;color:#ffffffc7;font-size:12px}.v10-profile__entry-grid,.v10-settings__utility-list,.v10-performance__error-list,.v10-topic__ranking,.v10-topic__recommended-grid{display:grid;gap:12px}.v10-profile__entry-card,.v10-vip__status-card,.v10-vip__scene-card,.v10-performance__summary-card,.v10-performance__log-item,.v10-performance__shortcut,.v10-topic__ranking-item,.v10-topic__category,.v10-settings__choice{border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.v10-profile__entry-card{width:100%;padding:16px;display:flex;gap:12px;align-items:flex-start;text-align:left}.v10-profile__entry-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#ffffff0f;flex-shrink:0;font-size:20px}.v10-profile__entry-copy{flex:1;display:grid;gap:6px}.v10-profile__entry-copy strong,.v10-vip__status-card strong,.v10-vip__scene-card strong,.v10-performance__summary-card strong,.v10-topic__ranking-item strong,.v10-topic__category strong,.v10-settings__choice strong{color:#fff}.v10-profile__entry-copy span,.v10-vip__status-card span,.v10-vip__scene-card span,.v10-performance__summary-card span,.v10-performance__log-item,.v10-topic__ranking-item em,.v10-topic__category span,.v10-settings__choice span{color:#ffffff9e}.v10-profile__entry-card em{min-height:28px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:#d4af3724;color:#d4af37;font-size:12px;font-style:normal}.v10-discover__article-top,.v10-performance__section-head,.v10-topic__ranking-item{display:flex;justify-content:space-between;gap:12px;align-items:center}.v10-discover__article-top{color:#ffffff8f;font-size:12px}.v10-discover__modal{align-items:flex-start;padding:52px 16px 16px;overflow-y:auto}.v10-discover__modal-card{margin:0 auto;max-height:calc(100dvh - 72px);overflow-y:auto}.v10-settings__choice-group,.v10-vip__status-grid,.v10-vip__scene-grid,.v10-performance__summary-grid,.v10-topic__category-grid{display:grid;gap:12px}.v10-settings__choice-group{grid-template-columns:repeat(3,minmax(0,1fr))}.v10-settings__choice{min-height:88px;padding:14px 12px;display:grid;gap:6px;text-align:left}.v10-settings__choice.active,.v10-performance__shortcut,.v10-vip__package.featured{border-color:#d4af3747}.v10-settings__theme-row{display:flex;gap:12px}.v10-settings__theme-dot{width:36px;height:36px;border-radius:50%;border:2px solid transparent}.v10-settings__theme-dot.active{border-color:#fff;box-shadow:0 0 0 2px #d4af3747}.v10-vip__status-grid,.v10-vip__scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-vip__status-card,.v10-vip__scene-card{padding:16px;display:grid;gap:8px;text-align:left}.v10-vip__promise-list{display:grid;gap:10px}.v10-vip__promise-list div{padding:14px 16px;border-radius:18px;background:#ffffff0a;color:#ffffffb3}.v10-performance__section{padding:18px;border-radius:24px;background:#1a1216eb;border:1px solid rgba(255,255,255,.08);margin-bottom:16px}.v10-performance__summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v10-performance__summary-card{padding:14px 12px;display:grid;justify-items:center;gap:6px;text-align:center}.v10-performance__shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v10-performance__shortcut{min-height:46px;border:0;color:#fff}.v10-topic__ranking-item{padding:14px 16px}.v10-topic__ranking-item>div{flex:1;display:grid;gap:4px}.v10-topic__ranking-item small{color:#d4af37}.v10-topic__featured,.v10-topic__recommended-grid{display:grid;gap:12px}.v10-topic__category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-topic__category{padding:16px;display:grid;gap:6px;text-align:left}.v10-topic__post--featured{border-color:#d4af373d;box-shadow:0 16px 32px #0000003d}.v10-safety__risk-options button.active{background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff}.v10-safety__result,.v10-safety__report-item,.v10-safety__empty{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.v10-safety__result,.v10-safety__empty{margin-top:12px;padding:14px 16px;color:#ffffffc2}.v10-safety__report-list{display:grid;gap:12px}.v10-safety__report-item{padding:14px 16px;display:grid;gap:6px}.v10-safety__report-item strong{color:#fff}.v10-safety__report-item span,.v10-safety__report-item small{color:#fff9}.v10-match__shortcut-row,.v10-message__shortcut-row,.v10-favorites__quick-row,.v10-publish__helper-grid,.v10-user-detail__quick-row{display:grid;gap:10px;margin-bottom:16px}.v10-match__shortcut-row,.v10-message__shortcut-row,.v10-favorites__quick-row,.v10-publish__helper-grid,.v10-user-detail__quick-row{grid-template-columns:repeat(4,minmax(0,1fr))}.v10-match__shortcut,.v10-message__shortcut,.v10-favorites__quick-btn,.v10-publish__helper-card,.v10-user-detail__quick-btn{min-height:42px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0a;color:#fff}.v10-favorites__quick-row,.v10-publish__helper-grid,.v10-user-detail__quick-row{grid-template-columns:repeat(3,minmax(0,1fr))}.v10-publish__helper-card{min-height:48px}@media (max-width: 420px){.v10-settings__choice-group,.v10-vip__status-grid,.v10-vip__scene-grid,.v10-performance__summary-grid,.v10-performance__shortcut-grid,.v10-topic__category-grid,.v10-match__shortcut-row,.v10-message__shortcut-row,.v10-favorites__quick-row,.v10-publish__helper-grid,.v10-user-detail__quick-row{grid-template-columns:1fr}.v10-login__actions,.v10-login__verify-actions,.v10-login__summary-card{display:grid}}@media (hover: none) and (pointer: coarse){.app-shell--mobile :is(.floating-button,.floating-surface,.tag-item,.filter-tag,.tab,.tab-item,.tool-btn,.topic-chip,.package-card,.setting-item,.option-card,.option-card-lite,.task-item,.benefit-item,.category-item,.article-card,.menu-item,.favorite-item,.post-item,.chat-item,.match-item,.system-item,.nearby-user-card,.knowledge-card,.action-card):hover,.app-shell--mobile :is(.floating-button,.floating-surface,.tag-item,.filter-tag,.tab,.tab-item,.tool-btn,.topic-chip,.package-card,.setting-item,.option-card,.option-card-lite,.task-item,.benefit-item,.category-item,.article-card,.menu-item,.favorite-item,.post-item,.chat-item,.match-item,.system-item,.nearby-user-card,.knowledge-card,.action-card):active{transform:none!important}.app-shell--mobile button:active,.app-shell--mobile a:active{transform:none!important}}.app-shell{background:linear-gradient(180deg,#f7f0f3,#fff8fb 46%,#f8f0f3)}.app-shell--mobile{background:transparent}.v11-community-page{background:transparent;padding-top:14px;padding-bottom:calc(118px + env(safe-area-inset-bottom))}.v11-page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.v11-page-head__brand{display:flex;align-items:center;gap:12px}.v11-page-head__badge{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ff99ae,#f2bc4f);color:#fff;font-weight:800;box-shadow:0 12px 22px #ff99ae3d}.v11-page-head__brand strong{display:block;color:#23171c;font-size:22px;font-weight:800}.v11-page-head__brand span{color:#8f7b82;font-size:13px}.v11-page-head__action{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,142,163,.26);background:#ffffffeb;color:#de5477;font-weight:700;box-shadow:0 10px 20px #dd5c7c14}.v11-community-banner,.v11-profile-card,.v11-profile-radar,.v11-profile-section{background:#fffffff5;border:1px solid rgba(227,208,214,.9);border-radius:28px;box-shadow:0 18px 36px #2a12190f;margin-bottom:16px}.v11-community-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px}.v11-community-inline-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px;padding:16px 18px;border-radius:24px;border:1px solid rgba(245,217,182,.95);background:linear-gradient(135deg,#fff9f0fa,#fff1e1f0)}.v11-community-banner__copy{display:grid;gap:6px}.v11-community-banner__copy strong,.v11-section-head strong,.v11-profile-card__copy strong,.v11-profile-grid__copy strong,.v11-feed-card__title-row strong{color:#22171c}.v11-community-page .v10-safety__form input,.v11-community-page .v10-safety__form textarea{border-color:#e8bf66b8;background:#fffffffa;color:#2f2327;box-shadow:inset 0 1px #fffc;-webkit-text-fill-color:#2f2327}.v11-community-page .v10-safety__form input::placeholder,.v11-community-page .v10-safety__form textarea::placeholder{color:#a08e95;-webkit-text-fill-color:#a08e95}.v11-community-page .v10-safety__form input:focus,.v11-community-page .v10-safety__form textarea:focus{outline:none;border-color:#e5a12f;box-shadow:0 0 0 3px #e5a12f1f,inset 0 1px #ffffffe6}.v11-community-page .v10-safety__form input:-webkit-autofill,.v11-community-page .v10-safety__form input:-webkit-autofill:hover,.v11-community-page .v10-safety__form input:-webkit-autofill:focus{-webkit-text-fill-color:#2f2327;box-shadow:0 0 0 1000px #fffffffa inset,0 0 0 3px #e5a12f14;transition:background-color 5000s ease-in-out 0s}.v11-community-banner__copy span,.v11-section-head button,.v11-profile-card__copy span,.v11-profile-card__meta,.v11-profile-grid__copy span,.v11-feed-card__title-row span,.v11-feed-card__body p{color:#8f7b82}.v11-community-banner__button{min-height:38px;padding:0 14px;border-radius:999px;border:0;background:linear-gradient(135deg,#ffb347,#ff6b6b);color:#fff;font-weight:700;white-space:nowrap}.v11-story-strip{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px;margin-bottom:16px}.v11-story-chip{min-width:80px;background:transparent;border:0;display:grid;justify-items:center;gap:8px}.v11-story-chip span{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#fffffff2,#fff7f9f2) padding-box,linear-gradient(135deg,#ff96ab,#f6c654) border-box;border:2px solid transparent;color:#df5a7a;font-weight:800}.v11-story-chip strong{color:#57444b;font-size:12px}.v11-community-tabs{display:flex;gap:10px;margin-bottom:16px;overflow-x:auto}.v11-community-tab{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(228,214,219,1);background:#ffffffe6;color:#7c666d;white-space:nowrap}.v11-community-tab.active{background:linear-gradient(135deg,#ffd467,#ffae4d);color:#392618;border-color:transparent}.v11-feed-list{display:grid;gap:12px}.v11-section-title{color:#5a444c;font-size:14px;font-weight:800;margin:4px 2px}.v11-feed-card{width:100%;padding:16px;display:flex;gap:12px;align-items:center;border-radius:24px;border:1px solid rgba(228,214,219,1);background:#fffffffa;box-shadow:0 14px 28px #2b151a0d;text-align:left}.v11-feed-card__media{display:flex;align-items:center;gap:6px}.v11-feed-card__heart{color:#ff6f91;font-size:16px}.v11-feed-card__body{flex:1;display:grid;gap:6px}.v11-feed-card__title-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.v11-feed-card__body em,.v11-feed-card__count,.v11-feed-card__system-icon{color:#df8a2e}.v11-feed-card__count{min-width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#ffd46738;font-size:12px;font-weight:800}.v11-feed-card__system-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#ffd6672e}.v11-profile-card,.v11-profile-radar,.v11-profile-section{padding:18px}.v11-profile-card__top{display:flex;gap:14px;align-items:center}.v11-profile-card__copy{flex:1;display:grid;gap:4px}.v11-profile-card__copy strong{font-size:24px}.v11-profile-card__meta{display:flex;gap:8px;flex-wrap:wrap}.v11-profile-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.v11-profile-card__tags span{min-height:30px;padding:0 12px;border-radius:999px;display:inline-grid;place-items:center;background:#fff0d6d1;color:#9a6c1d;font-size:12px}.v11-profile-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.v11-profile-card__stats button{min-height:84px;border-radius:20px;border:1px solid rgba(241,229,233,1);background:#faf6f8f2;display:grid;justify-items:center;align-content:center;gap:6px}.v11-profile-card__stats strong,.v11-profile-radar__item strong{color:#db8d2f;font-weight:800;font-size:24px}.v11-profile-card__stats span,.v11-profile-radar__item span{color:#8f7b82}.v11-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.v11-section-head button{border:0;background:transparent}.v11-section-hint{margin:-4px 0 14px;color:#8f7b82;font-size:13px;line-height:1.6}.v11-profile-radar__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.v11-profile-radar__item{padding:14px 10px;border-radius:20px;background:#faf6f8f2;border:1px solid rgba(241,229,233,1);text-align:center}.v11-profile-grid{display:grid;gap:12px}.v11-profile-grid__item{width:100%;padding:16px;border-radius:22px;border:1px solid rgba(241,229,233,1);background:#fffffffa;display:flex;gap:12px;align-items:flex-start;text-align:left}.v11-profile-grid__item.active{border-color:#ffb052b8;background:linear-gradient(135deg,#fffbf4fa,#fff4e6f0);box-shadow:0 16px 30px #ffaa471f}.v11-profile-grid__icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#ffc26c38,#ff77922e);color:#de5f7f;flex-shrink:0;font-weight:800}.v11-profile-grid__copy{flex:1;display:grid;gap:6px}.v11-profile-grid__item em{min-height:28px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:#ffefd5e6;color:#9a6c1d;font-size:12px;font-style:normal}.h5-tab-bar--community{background:transparent;border:0;box-shadow:none;padding:0 14px calc(env(safe-area-inset-bottom) + 12px);height:auto}.h5-tab-bar__shell{width:min(100%,calc(var(--mobile-shell-width) - 28px));margin:0 auto;height:78px;border-radius:28px;background:#fffffff5;border:1px solid rgba(235,218,223,1);box-shadow:0 18px 36px #2b151a1a;display:grid;grid-template-columns:repeat(2,1fr) 72px repeat(2,1fr);align-items:center;padding:0 10px}.h5-tab-bar--community .tab-item{height:100%;color:#917d84;gap:4px}.h5-tab-bar--community .tab-icon-wrap{width:38px;height:38px;border-radius:14px}.h5-tab-bar--community .tab-item.active .tab-icon-wrap{background:linear-gradient(135deg,#ffd16a47,#ff8ba42e)}.h5-tab-bar--community .tab-icon{color:#d85c7a;font-size:18px;font-weight:800}.h5-tab-bar--community .tab-label{color:#8d7a80;font-size:12px;margin-top:0}.h5-tab-bar--community .tab-item.active .tab-label{color:#22171c}.h5-tab-bar--community .tab-indicator{width:16px;height:4px;bottom:calc(10px + env(safe-area-inset-bottom));background:linear-gradient(90deg,#ffcf67,#ff8aa1);opacity:1}.tab-create-btn{width:60px;height:60px;justify-self:center;border-radius:50%;border:4px solid #fff7f8;background:linear-gradient(135deg,#ffcf67,#ff6f91);color:#fff;box-shadow:0 16px 26px #ff6f9142;transform:translateY(-18px)}.tab-create-btn__plus{font-size:28px;line-height:1;font-weight:700}@media (max-width: 420px){.v11-discover__portal-row,.v11-profile-card__stats,.v11-profile-radar__grid{grid-template-columns:1fr}.v11-community-banner,.v11-community-inline-banner,.v11-profile-card__top{flex-direction:column;align-items:stretch}.h5-tab-bar__shell{grid-template-columns:repeat(2,1fr) 64px repeat(2,1fr)}}.v11-match-card{padding-bottom:20px}.v11-match-actions{display:flex;gap:12px;margin:18px 0 8px}.v11-match-actions>*{flex:1}@media (max-width: 420px){.v11-match-actions{flex-direction:column}}.v10-publish__meta-row{display:flex;justify-content:space-between;gap:12px;margin:4px 2px 14px;color:#8f7b82;font-size:12px}.v10-publish__image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v10-publish__image-card{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:18px;border:1px solid rgba(228,214,219,1);background:#ffffffe6}.v10-publish__image-card img,.v10-topic__post-images img{width:100%;height:100%;object-fit:cover;display:block}.v10-publish__image-remove{position:absolute;right:8px;bottom:8px;min-height:28px;padding:0 10px;border:0;border-radius:999px;background:#22171cbd;color:#fff;font-size:12px;font-weight:700}.v10-topic__post-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.v10-topic__post-images.single{grid-template-columns:1fr}.v10-topic__post-images img{aspect-ratio:1 / 1;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}@media (max-width: 420px){.v10-publish__image-grid,.v10-topic__post-images{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-topic__post-images.single{grid-template-columns:1fr}}.v11-trust-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.v11-trust-badges span{min-height:28px;padding:0 12px;border-radius:999px;display:inline-grid;place-items:center;background:#ffefd5e0;color:#9a6c1d;font-size:12px}.v11-event-card{align-items:flex-start}.v11-event-card .v11-feed-card__body{gap:8px}.events-page .v10-safety__form select{min-height:50px;border-radius:18px;border:1px solid rgba(228,214,219,1);background:#ffffffeb;color:#3a2b31;padding:0 14px;font:inherit}:root{--mobile-shell-width: 414px;--core-bg: #f6efe7;--core-panel: rgba(255, 252, 248, .94);--core-line: rgba(102, 75, 64, .12);--core-text: #251b16;--core-muted: #75655b;--core-accent: #cd5c3f;--core-accent-2: #f0ab55;--core-shadow: 0 18px 34px rgba(52, 30, 21, .07)}html,body,#root{background:radial-gradient(circle at top,rgba(240,171,85,.18),transparent 36%),linear-gradient(180deg,#f3ece3,#fbf7f2 56%,#efe4d8);color:var(--core-text)}body{overflow-x:hidden}.app-shell{background:radial-gradient(circle at top left,rgba(205,92,63,.12),transparent 28%),radial-gradient(circle at bottom right,rgba(240,171,85,.16),transparent 32%),linear-gradient(180deg,#f3ece3,#fbf7f2 56%,#efe4d8)}.app-shell--mobile{width:min(100vw,var(--mobile-shell-width));background:transparent}.app-shell--mobile .page-shell{padding:15px 13px calc(142px + env(safe-area-inset-bottom))}@media (min-width: 768px){.app-shell--mobile{margin:18px auto;min-height:calc(100dvh - 36px);border:1px solid rgba(255,255,255,.56);border-radius:36px;box-shadow:0 0 0 1px #cd5c3f14,0 40px 80px #341e151f;overflow:hidden}}.toast-message{top:18px;padding:11px 15px;border-radius:15px;background:#251b16eb;color:#fff;border:0;box-shadow:0 12px 22px #251b1629}.core-page{color:var(--core-text)}.core-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.core-header h1{margin:4px 0 6px;font-size:clamp(28px,5.4vw,33px);line-height:1;color:var(--core-text)}.core-header p,.core-match-card__copy p,.core-list-item p,.core-menu-item span,.core-copy-block span,.core-overlay__title span,.core-center-stack__text,.core-muted-text{color:var(--core-muted)}.core-header p{max-width:260px;margin:0;line-height:1.45;font-size:13px}.core-kicker{display:inline-flex;min-height:26px;align-items:center;padding:0 10px;border-radius:999px;background:#cd5c3f1f;color:var(--core-accent);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.core-header__actions{display:flex;gap:8px}.core-ghost-btn,.core-secondary-btn,.core-primary-btn,.core-link-btn,.core-chip-btn,.core-overlay__close,.core-image-card__remove{font:inherit}.core-ghost-btn,.core-secondary-btn,.core-link-btn,.core-chip-btn,.core-overlay__close,.core-image-card__remove{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--core-line);background:#ffffffd1;color:var(--core-text)}.core-ghost-btn.active{border-color:#cd5c3f3d;background:#cd5c3f14;color:var(--core-accent)}.core-primary-btn{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--core-accent) 0%,var(--core-accent-2) 100%);color:#fff;box-shadow:0 12px 22px #cd5c3f38}.core-secondary-btn{min-height:44px}.core-link-btn{padding:0;min-height:auto;border:0;background:transparent;color:var(--core-accent)}.core-panel{margin-bottom:12px;padding:16px;border-radius:22px;background:var(--core-panel);border:1px solid rgba(255,255,255,.72);box-shadow:var(--core-shadow)}.core-panel--soft{background:#faf4ede0}.core-panel--hero{background:radial-gradient(circle at top right,rgba(240,171,85,.18),transparent 32%),linear-gradient(135deg,#fff9f2f5,#f9f1e9f5)}.core-hero{display:flex;gap:14px;justify-content:space-between;align-items:flex-end}.core-hero h2,.core-match-card__copy h2{margin:8px 0 4px;font-size:clamp(20px,4.6vw,26px);color:var(--core-text)}.core-inline-meta,.core-chip-row,.core-actions,.core-center-stack,.core-compose{display:flex;gap:8px}.core-inline-meta{align-items:center;justify-content:space-between;flex-wrap:wrap;color:var(--core-muted)}.core-inline-meta strong{color:var(--core-text)}.core-pill,.core-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:#75655b17;color:var(--core-text);font-size:11px;font-weight:700}.core-pill--accent{background:#cd5c3f1f;color:var(--core-accent)}.core-chip-row{flex-wrap:wrap;margin-top:12px}.core-chip-row--center{justify-content:center}.core-chip-btn{min-height:36px}.core-chip-btn.active,.core-menu-item.active,.core-shortcut-card:hover,.core-shortcut-card.active{border-color:#cd5c3f3d;background:#cd5c3f14}.core-match-card__top{display:flex;gap:14px;align-items:center}.core-profile-card__avatar{align-self:flex-start}.core-profile-card__avatar .sc-avatar__media{overflow:hidden}.core-profile-card__avatar img{object-position:center 18%!important;transform:scale(1.14)}.core-match-card__copy{flex:1}.core-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.core-stat-grid--dense{grid-template-columns:repeat(2,minmax(0,1fr))}.core-stat-card{padding:12px 10px;border-radius:18px;border:1px solid rgba(117,101,91,.12);background:#ffffffc7;text-align:center}.core-stat-card strong{display:block;color:var(--core-accent);font-size:20px;font-weight:800}.core-stat-card span{color:var(--core-muted);font-size:11px}.core-copy-block{margin-top:14px;padding:14px;border-radius:18px;background:#75655b0d}.core-copy-block p,.core-center-stack__text{margin:0 0 8px;line-height:1.7}.core-actions{margin-top:16px;align-items:center}.core-actions>*{flex:1}.core-actions--sticky{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 96px);z-index:8;padding:12px;border-radius:20px;background:#fffcf8e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.76);box-shadow:0 12px 24px #341e1514}.core-page--publish .core-actions--sticky,.core-page--edit-profile .core-actions--sticky{bottom:calc(env(safe-area-inset-bottom) + 14px);margin-top:20px}.app-shell--mobile .core-page--edit-profile,.app-shell--mobile .core-page--publish{padding-bottom:calc(128px + env(safe-area-inset-bottom))}.app-shell--mobile .core-page--edit-profile .core-actions--sticky,.app-shell--mobile .core-page--publish .core-actions--sticky{position:fixed;left:50%;transform:translate(-50%);width:min(calc(100vw - 28px),calc(var(--mobile-shell-width) - 28px));bottom:calc(env(safe-area-inset-bottom) + 10px);margin-top:0;z-index:120}.core-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.core-section-head strong,.core-sheet-section__title,.core-overlay__title strong,.core-list-item strong,.core-menu-item strong,.core-shortcut-card strong,.core-center-stack strong{color:var(--core-text)}.core-list,.core-menu-list,.core-menu-grid,.core-post-list{display:grid;gap:10px}.core-list-item,.core-menu-item,.core-shortcut-card{width:100%;padding:14px;border:1px solid var(--core-line);border-radius:18px;background:#ffffffdb;text-align:left}.core-list-item,.core-menu-item{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.core-menu-item--column{display:grid}.core-list-item>div,.core-menu-item>div{flex:1;display:grid;gap:6px}.core-list-item span,.core-list-item em,.core-menu-item em,.core-shortcut-card span{color:var(--core-muted);font-style:normal}.core-list-item--user{align-items:center}.core-menu-item--static{cursor:default}.core-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.core-shortcut-card{display:grid;gap:6px}.core-sheet-section+.core-sheet-section{margin-top:18px}.core-sheet-section__title{margin-bottom:10px;font-size:14px;font-weight:700}.core-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;justify-content:center;pointer-events:none}.core-overlay--bottom{align-items:flex-end}.core-overlay--center{align-items:center;padding:24px}.core-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#150e0a6b;pointer-events:auto}.core-overlay__panel{position:relative;width:min(100vw,var(--mobile-shell-width));max-height:calc(100dvh - 18px);border-radius:28px 28px 0 0;background:#fffbf7fa;box-shadow:0 -24px 60px #341e152e;pointer-events:auto;overflow:hidden}.core-overlay__panel--compact{width:min(100%,360px);border-radius:28px}.core-overlay__panel--wide{width:min(100vw,560px)}.core-overlay--center .core-overlay__panel{max-height:min(80dvh,720px);border-radius:28px}.core-overlay__head,.core-overlay__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px}.core-overlay__head{border-bottom:1px solid rgba(117,101,91,.1)}.core-overlay__footer{border-top:1px solid rgba(117,101,91,.1)}.core-overlay__footer .core-actions{width:100%;margin-top:0}.core-overlay__title{display:grid;gap:4px}.core-overlay__body{padding:18px;max-height:calc(100dvh - 180px);overflow:auto}.core-center-stack{flex-direction:column;align-items:center;text-align:center}.core-article p{margin:0;line-height:1.8;color:var(--core-text)}.core-map{display:grid;gap:14px}.core-map__canvas{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--core-line);background:radial-gradient(circle at 18% 22%,rgba(91,180,255,.2),transparent 18%),radial-gradient(circle at 78% 66%,rgba(91,180,255,.18),transparent 16%),linear-gradient(180deg,#efe5d8,#f7efe4);aspect-ratio:1 / 1}.core-map__tiles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.core-map__tiles:before,.core-map__tiles:after{content:"";position:absolute;inset:auto;border-radius:999px;pointer-events:none}.core-map__tiles:before{width:120%;height:26px;top:24%;left:-8%;transform:rotate(-18deg);background:linear-gradient(90deg,#fffffff5,#f8f1eaf0);box-shadow:0 0 0 6px #e4d2c173,0 26px 0 22px #ffffffeb,0 26px 0 28px #e4d2c157}.core-map__tiles:after{width:118%;height:18px;right:-12%;bottom:26%;transform:rotate(22deg);background:linear-gradient(90deg,#fffffff0,#f7eee4eb);box-shadow:0 0 0 6px #e4d2c15c}.core-map__tile{position:absolute;min-height:26px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:#ffffffeb;border:1px solid rgba(117,101,91,.1);color:var(--core-muted);font-size:11px;font-weight:700;box-shadow:0 8px 18px #341e150f}.core-map__tile--area-1{top:14px;left:16px}.core-map__tile--area-2{top:34px;right:18px}.core-map__tile--area-3{bottom:18px;left:18px}.core-map__route-pin{position:absolute;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffff8f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;box-shadow:0 10px 24px #f0ab552e}.core-map__route-pin:before{content:"";width:20px;height:20px;border-radius:999px;background:linear-gradient(135deg,#ffd36d,#ff9a5b);box-shadow:0 0 0 6px #ffd36d2e}.core-map__route-pin--a{top:40%;right:18%}.core-map__route-pin--b{bottom:14%;left:16%}.core-map__marker{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;display:grid;justify-items:center;gap:6px;z-index:2}.core-map__marker-card{min-width:86px;padding:6px 8px;border-radius:16px;background:#fffffff5;border:1px solid rgba(117,101,91,.1);box-shadow:0 12px 24px #341e1514;display:grid;gap:2px;text-align:center}.core-map__marker-card strong{color:var(--core-text);font-size:12px}.core-map__marker-card span{color:var(--core-muted);font-size:10px}.core-map__marker-avatar{position:relative}.core-map__marker-avatar:after{content:"";position:absolute;left:50%;bottom:-8px;width:10px;height:10px;border-radius:999px;background:#22c55e;border:2px solid rgba(255,255,255,.95);transform:translate(-50%);box-shadow:0 4px 10px #22c55e3d}.nearby-map{display:grid;gap:12px}.nearby-map__canvas{width:100%;min-height:360px;height:min(52vh,460px);border-radius:24px;overflow:hidden;border:1px solid rgba(117,101,91,.14);box-shadow:0 16px 28px #341e1514}.nearby-map__canvas .leaflet-container{width:100%;height:100%;background:#e6edf6;font:inherit}.nearby-map__canvas .leaflet-control-attribution{background:#ffffffd1;color:var(--core-muted);font-size:10px}.nearby-map__toolbar{display:flex;gap:10px}.nearby-map__toolbar>*{flex:1}.nearby-map-marker{background:transparent;border:0}.nearby-map-marker__shell{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fffffff5;box-shadow:0 12px 22px #341e1524,0 0 0 6px #fff6}.nearby-map-marker__shell:after{content:"";position:absolute;left:50%;bottom:-10px;width:14px;height:14px;border-radius:4px 4px 10px 10px;background:#fffffff5;transform:translate(-50%) rotate(45deg);box-shadow:4px 4px 10px #341e1514;z-index:-1}.nearby-map-marker__avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#cd5c3f2e,#f0ab5533);color:var(--core-text);font-size:16px;font-weight:900}.nearby-map-marker__vip{position:absolute;top:-5px;right:-2px;min-width:24px;height:16px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd65c,#f59e0b);color:#1a120d;font-size:9px;font-weight:800}.nearby-map-marker__online{position:absolute;right:4px;bottom:4px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid rgba(255,255,255,.96)}.nearby-map-popup{display:grid;gap:2px;min-width:110px}.nearby-map-popup strong{color:var(--core-text);font-size:13px}.nearby-map-popup span{color:var(--core-muted);font-size:11px}.core-compose{flex-direction:column}.core-form-input,.core-compose input,.core-compose select{width:100%;min-height:50px;padding:0 16px;border-radius:20px;border:1px solid var(--core-line);background:#ffffffdb;color:var(--core-text);font:inherit}.core-compose textarea{width:100%;min-height:220px;padding:16px;border-radius:24px;border:1px solid var(--core-line);background:#ffffffdb;color:var(--core-text);font:inherit;resize:vertical}.core-shortcut-card em{color:var(--core-accent);font-style:normal;font-weight:700}.core-avatar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.core-avatar-choice{width:100%;padding:16px;border-radius:22px;border:1px solid var(--core-line);background:#ffffffdb;display:flex;gap:12px;align-items:center;text-align:left}.core-avatar-choice.active{border-color:#cd5c3f3d;background:#cd5c3f14}.core-avatar-choice--current{cursor:default}.core-avatar-choice__copy{flex:1;display:grid;gap:6px}.core-avatar-choice__copy strong{color:var(--core-text)}.core-avatar-choice__copy span{color:var(--core-muted)}.core-avatar-upload-card{padding:16px;border-radius:22px;border:1px dashed rgba(205,92,63,.28);background:linear-gradient(135deg,#fffaf6fa,#fff2e9f5);display:grid;gap:12px}.core-avatar-upload-card__copy{display:grid;gap:6px}.core-avatar-upload-card__copy strong{color:var(--core-text)}.core-avatar-upload-card__copy span{color:var(--core-muted);font-size:13px;line-height:1.6}.core-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.core-image-card{position:relative;overflow:hidden;aspect-ratio:1 / 1;border-radius:20px;border:1px solid var(--core-line);background:#ffffffdb}.core-image-card img{width:100%;height:100%;object-fit:cover;display:block}.core-image-card__remove{position:absolute;right:8px;bottom:8px;min-height:30px;padding:0 12px;border:0;background:#251b16c2;color:#fff}.core-post-card{padding:16px;border-radius:24px;border:1px solid var(--core-line);background:#ffffffdb;box-shadow:0 12px 24px #341e150a}.core-post-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.core-post-head__profile{flex:1;min-width:0;padding:0;border:0;background:transparent;display:flex;gap:12px;align-items:center;text-align:left}.core-post-head__profile--link{cursor:pointer}.core-post-head__profile--link:active{opacity:.78}.core-post-meta{display:grid;gap:4px}.core-post-meta strong{color:var(--core-text)}.core-post-meta span{color:var(--core-muted);font-size:12px}.core-post-topline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.core-post-topic{min-height:24px;padding:0 9px;border-radius:999px;display:inline-grid;place-items:center;background:#cd5c3f1a;color:var(--core-accent);font-size:11px;font-style:normal;font-weight:700}.core-post-card p{margin:0;color:var(--core-text);line-height:1.7}.core-post-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.core-post-images.single{grid-template-columns:1fr}.core-post-image-btn{padding:0;border:0;background:transparent;cursor:pointer}.core-post-images img{width:100%;height:100%;min-height:120px;object-fit:cover;display:block;border-radius:18px;border:1px solid rgba(117,101,91,.1);background:#75655b0f}.core-post-actions{display:flex;gap:16px;margin-top:12px;color:var(--core-muted);font-size:12px}.core-post-actions--interactive{gap:10px;flex-wrap:wrap}.core-post-action-btn{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--core-line);background:#ffffffeb;color:var(--core-text);display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:12px;font-weight:700}.core-post-action-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;fill:none}.core-post-action-btn.active{border-color:#cd5c3f3d;background:#cd5c3f14;color:var(--core-accent)}.core-post-comments{display:grid;gap:10px}.core-comment-item{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:18px;border:1px solid var(--core-line);background:#ffffffd1}.core-comment-item__body{flex:1;display:grid;gap:6px}.core-comment-item__head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.core-comment-item__head strong{color:var(--core-text)}.core-comment-item__head span{color:var(--core-muted);font-size:12px}.core-comment-item__body p{margin:0;color:var(--core-text);line-height:1.6}.core-post-comment-compose{display:grid;gap:12px;margin-top:16px}.core-post-comment-compose textarea{width:100%;min-height:96px;padding:12px 14px;border-radius:18px;border:1px solid var(--core-line);background:#ffffffe6;color:var(--core-text);font:inherit;resize:vertical}.core-post-comment-compose textarea::placeholder{color:var(--core-muted)}.core-image-viewer{display:grid;place-items:center}.core-image-viewer img{width:100%;max-height:72vh;object-fit:contain;display:block;border-radius:20px;background:#75655b14}.certification-page .core-menu-item small{display:block;margin-top:6px}.cert-stepper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.cert-stepper__item{display:grid;gap:8px;justify-items:center;text-align:center;color:var(--core-muted);font-size:12px}.cert-stepper__circle{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--core-line);background:#ffffffd1;font-weight:800}.cert-stepper__item.active{color:var(--core-accent)}.cert-stepper__item.active .cert-stepper__circle{background:linear-gradient(135deg,#cd5c3f2e,#f0ab5538);border-color:#cd5c3f3d}.cert-stepper__item.done .cert-stepper__circle{background:linear-gradient(135deg,#2cc84d,#18a13a);border-color:transparent;color:#fff}.cert-flow-grid{display:grid;gap:12px}.cert-upload-card{width:100%;min-height:108px;padding:16px;border-radius:22px;border:1px dashed rgba(205,92,63,.32);background:linear-gradient(135deg,#fffaf6fa,#fff2e9f5);text-align:left;display:grid;gap:8px}.cert-upload-card strong{color:var(--core-text)}.cert-upload-card span{color:var(--core-muted);line-height:1.6;font-size:13px}.cert-flow-textarea{width:100%;min-height:120px;padding:14px 16px;border-radius:20px;border:1px solid var(--core-line);background:#ffffffdb;color:var(--core-text);font:inherit;resize:vertical}.cert-flow-textarea::placeholder{color:var(--core-muted)}.core-tab-bar{position:fixed;inset:auto 0 0;width:min(100vw,var(--mobile-shell-width));margin:0 auto;left:50%;transform:translate(-50%);height:calc(82px + env(safe-area-inset-bottom));padding:0 12px calc(env(safe-area-inset-bottom) + 10px);background:transparent;border:0;box-shadow:none;z-index:120}.core-tab-bar__shell{position:relative;display:flex;justify-content:space-between;align-items:center;height:70px;border-radius:24px;background:#fffcf8eb;border:1px solid rgba(255,255,255,.8);box-shadow:0 14px 26px #341e151c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:0 18px}.core-tab-item{position:relative;display:grid;justify-items:center;align-content:center;width:48px;height:100%;color:#8a7a70;text-decoration:none}.core-tab-item__icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#75655b0d;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.core-tab-item__icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;fill:none}.core-tab-item.active{color:var(--core-text)}.core-tab-item.active .core-tab-item__icon{background:linear-gradient(135deg,#cd5c3f29,#f0ab552e);color:var(--core-accent);box-shadow:0 10px 18px #cd5c3f1f;transform:translateY(-1px)}.core-tab-item__active{position:absolute;bottom:-7px;width:16px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--core-accent) 0%,var(--core-accent-2) 100%)}.core-tab-item__badge{position:absolute;top:7px;right:1px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:linear-gradient(135deg,#f06b4f,#dc4631);color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center;box-shadow:0 6px 12px #dc463138}.core-tab-fab{position:fixed;right:max(18px,calc((100vw - min(100vw,var(--mobile-shell-width)))/2 + 18px));bottom:calc(env(safe-area-inset-bottom) + 96px);z-index:130;width:60px;height:60px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--core-accent) 0%,var(--core-accent-2) 100%);color:#fff;box-shadow:0 18px 28px #cd5c3f42}.core-tab-fab__icon{display:block;font-size:28px;line-height:1;font-weight:300}.core-tab-fab__label{display:block;font-size:10px;font-weight:700;line-height:1}.entry-pay-page{background:transparent}.entry-pay-page .core-header{display:none}.entry-pay-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:grid;place-items:end center;padding:0}.entry-pay-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgba(255,125,190,.18),transparent 24%),#130f1575;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.entry-pay-modal__card{position:relative;z-index:1;width:min(100%,430px);min-height:min(56vh,560px);max-height:min(62vh,620px);border-radius:28px 28px 0 0;overflow:hidden;background:#fffaf6f5;border:1px solid rgba(255,255,255,.72);box-shadow:0 28px 54px #2212193d,0 0 0 1px #ff8bb114}.entry-pay-modal__handle{width:42px;height:5px;border-radius:999px;background:#846d753d;margin:10px auto 0}.entry-pay-modal__scroll{display:grid;gap:14px;padding:14px 18px;overflow:auto;max-height:calc(min(62vh,620px) - 92px)}.entry-pay-modal__header{display:grid;gap:5px;text-align:center}.entry-pay-modal__scene{color:#12a150;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.entry-pay-modal__header strong{color:#23171c;font-size:22px;line-height:1.1}.entry-pay-modal__header>span:last-child{color:#8f7b82;font-size:13px;line-height:1.6}.entry-pay-modal__amount-block{display:grid;gap:7px;padding:18px 18px 16px;border-radius:22px;background:linear-gradient(180deg,#fffffffa,#faf7f4fa);border:1px solid rgba(224,230,224,.92);box-shadow:inset 0 1px #ffffffc7,0 8px 18px #341e150a;text-align:center}.entry-pay-modal__amount-label{color:#8f7b82;font-size:12px}.entry-pay-modal__amount{color:#1d2b20;font-size:clamp(40px,10vw,54px);font-weight:900;line-height:.92;letter-spacing:-.06em}.entry-pay-modal__account{margin:0;color:#6f5f66;line-height:1.6;font-size:13px}.entry-pay-modal__methods{display:grid;gap:12px}.entry-pay-modal__methods-title{color:#23171c;font-size:14px;font-weight:800}.entry-pay-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.entry-pay-method-grid--modal,.entry-pay-method-list{display:grid;gap:10px}.entry-pay-method{width:100%;padding:14px;border-radius:20px;border:1px solid rgba(225,205,194,.72);background:#ffffffe6;text-align:left;display:flex;gap:10px;align-items:flex-start;position:relative}.entry-pay-method__icon{width:34px;height:34px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:900}.entry-pay-method__icon--wechat{background:linear-gradient(135deg,#2cc84d,#18a13a);box-shadow:0 10px 16px #2cc84d38}.entry-pay-method__icon--alipay{background:linear-gradient(135deg,#2ea7ff,#1f7cff);box-shadow:0 10px 16px #2ea7ff38}.entry-pay-method__copy{display:grid;gap:4px;flex:1}.entry-pay-method strong{color:var(--core-text)}.entry-pay-method span{color:var(--core-muted);font-size:12px;line-height:1.6}.entry-pay-method em{color:var(--core-accent);font-style:normal;font-size:11px;font-weight:700}.entry-pay-method__check{width:20px;height:20px;border-radius:999px;flex-shrink:0;display:grid;place-items:center;background:#12a1501a;color:transparent;font-style:normal;font-size:12px;font-weight:900;border:1px solid rgba(18,161,80,.16)}.entry-pay-method__check.active{background:linear-gradient(135deg,#2cc84d,#18a13a);color:#fff;border-color:transparent}.entry-pay-method.active{border-color:#ff73c63d;background:linear-gradient(135deg,#fff6faf5,#fff0e8f5);box-shadow:0 14px 24px #ff73c614}.entry-pay-method--row{min-height:72px;padding:14px 16px;border-radius:18px;border-color:#dbe2dbeb;background:#fffffff5;box-shadow:0 8px 18px #341e150a;align-items:center}.entry-pay-method--row.active{border-color:#12a15047;background:linear-gradient(180deg,#f6fff9fa,#f1faf4fa);box-shadow:0 12px 22px #12a15014}.entry-pay-modal__safe-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:18px;background:#f3f7f1e6;border:1px solid rgba(177,215,187,.72)}.entry-pay-modal__safe-note i{width:18px;height:18px;margin-top:1px;border-radius:999px;flex-shrink:0;background:linear-gradient(135deg,#2cc84d,#18a13a);box-shadow:0 8px 14px #2cc84d2e}.entry-pay-modal__safe-note span{color:#43624b;font-size:12px;line-height:1.65}.entry-pay-modal__footer{padding:14px 18px 18px;border-top:1px solid rgba(240,225,216,.88);background:#fffaf6f5}.entry-pay-modal__confirm{width:100%;min-height:52px;border:0;border-radius:16px;background:linear-gradient(135deg,#2cc84d,#18a13a);color:#fff;font:inherit;font-size:16px;font-weight:800;letter-spacing:.01em;box-shadow:0 18px 28px #2cc84d3d}.entry-pay-poster{position:relative;overflow:hidden;color:#fff;border:0;background:radial-gradient(circle at 82% 18%,rgba(255,86,188,.78),transparent 7%),radial-gradient(circle at 14% 82%,rgba(255,86,86,.72),transparent 5%),linear-gradient(145deg,#141218fa,#2d2126f5);box-shadow:0 24px 44px #22121938}.entry-pay-poster:before,.entry-pay-poster:after{content:"";position:absolute;inset:auto;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 68%);pointer-events:none}.entry-pay-poster--sheet{margin:2px 0;padding:15px 15px 16px;border-radius:22px;box-shadow:0 18px 32px #22121933}.entry-pay-poster:before{top:-44px;right:-28px;width:220px;height:220px}.entry-pay-poster:after{left:-70px;bottom:-82px;width:240px;height:240px}.entry-pay-poster__dot{position:absolute;width:14px;height:14px;border-radius:999px;background:linear-gradient(135deg,#ff70d2,#b846ff);box-shadow:0 10px 18px #ff70d25c}.entry-pay-poster__dot--top{top:18px;right:20px}.entry-pay-poster__dot--bottom{left:22px;bottom:18px;width:10px;height:10px;background:linear-gradient(135deg,#ff6a6a,#ff9a5c);box-shadow:0 8px 16px #ff6a6a4d}.entry-pay-poster__eyebrow,.entry-pay-poster__subline,.entry-pay-poster__microcopy,.entry-pay-poster__footer,.entry-pay-poster__headline{position:relative;z-index:1}.entry-pay-poster__eyebrow{max-width:520px;color:#fffffff5;font-size:13px;font-weight:800;line-height:1.6}.entry-pay-poster__headline{display:grid;gap:2px;margin-top:12px}.entry-pay-poster__headline strong{display:block;font-size:clamp(40px,12vw,74px);line-height:.9;letter-spacing:-.08em;color:#ff68bc;text-shadow:0 10px 26px rgba(255,104,188,.18)}.entry-pay-poster__subline{display:inline-flex;align-items:center;margin-top:12px;padding-bottom:8px;border-bottom:2px solid rgba(255,104,188,.55);color:#fff;font-size:clamp(18px,5.2vw,30px);font-weight:900;letter-spacing:.02em}.entry-pay-poster__microcopy{display:grid;gap:2px;margin-top:14px;color:#ff73c6;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.entry-pay-poster__footer{margin-top:16px;color:#ffffffeb;font-size:clamp(18px,5.1vw,30px);font-weight:800;line-height:1.35}.core-page--chat{padding-bottom:calc(206px + env(safe-area-inset-bottom))}.chat-page__head{align-items:flex-start}.chat-profile-card{display:grid;gap:14px}.chat-profile-card__top{display:flex;gap:14px;align-items:center}.chat-profile-card__top--link{width:100%;padding:0;border:0;background:transparent;text-align:left}.chat-profile-card__copy{flex:1;display:grid;gap:6px}.chat-profile-card__copy strong{color:var(--core-text);font-size:22px}.chat-profile-card__copy span{color:var(--core-muted)}.chat-profile-card__meta{display:flex;gap:8px;flex-wrap:wrap}.chat-profile-card__summary{padding:14px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(117,101,91,.1);display:grid;gap:8px}.chat-profile-card__summary strong{color:var(--core-text);font-size:13px}.chat-profile-card__summary p{margin:0;color:var(--core-muted);font-size:13px;line-height:1.7}.chat-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chat-quick-card{width:100%;padding:14px;border-radius:18px;border:1px solid var(--core-line);background:#ffffffdb;text-align:left;display:grid;gap:6px}.chat-quick-card strong{color:var(--core-text)}.chat-quick-card span{color:var(--core-muted);font-size:12px;line-height:1.6}.wechat-thread{display:grid;gap:14px;margin-top:2px}.wechat-thread__time{justify-self:center}.wechat-thread__time span{min-height:24px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:#75655b14;color:var(--core-muted);font-size:11px}.wechat-thread__row{display:flex;gap:10px;align-items:flex-end}.wechat-thread__row.mine{justify-content:flex-end}.wechat-thread__bubble{max-width:min(74%,320px);padding:12px 14px;border-radius:18px;line-height:1.65;box-shadow:0 8px 16px #341e150d}.wechat-thread__bubble.theirs{background:#fffffff5;color:var(--core-text);border-bottom-left-radius:6px}.wechat-thread__bubble.mine{background:linear-gradient(180deg,#95ec69,#8de25f);color:#16210f;border-bottom-right-radius:6px}.wechat-thread__meta{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;font-size:11px;opacity:.76}.chat-compose-dock{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 10px);z-index:10;display:grid;gap:10px;margin-top:16px}.chat-suggestion-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chat-suggestion-row::-webkit-scrollbar{display:none}.chat-suggestion-chip{flex:0 0 auto;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(205,92,63,.16);background:#fffbf7f5;color:var(--core-text);font:inherit;font-size:12px;white-space:nowrap;box-shadow:0 8px 18px #341e150a}.chat-compose-card{display:grid;gap:12px;padding:12px;border-radius:24px;border:1px solid rgba(255,255,255,.76);background:#fffcf8eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 30px #341e1514}.chat-compose-card__toolbar{display:flex;gap:10px;flex-wrap:wrap}.chat-compose-card__toggle{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--core-line);background:#ffffffe0;color:var(--core-text);font:inherit;font-size:13px;font-weight:700}.chat-compose-card__toggle.active{border-color:#cd5c3f3d;background:#cd5c3f14;color:var(--core-accent)}.chat-compose-card__main{display:flex;gap:10px;align-items:flex-end}.chat-compose-card__field{flex:1;padding:12px 14px;border-radius:20px;border:1px solid var(--core-line);background:#ffffffeb}.chat-compose-card__field textarea{width:100%;min-height:52px;max-height:132px;border:0;background:transparent;color:var(--core-text);font:inherit;line-height:1.6;resize:none}.chat-compose-card__field textarea::placeholder{color:var(--core-muted)}.chat-compose-card__actions{display:flex;gap:10px;align-items:center}.chat-compose-card__mode,.chat-compose-card__hint{flex:1;min-height:40px;padding:0 14px;border-radius:16px;display:flex;align-items:center;background:#75655b14;color:var(--core-muted);font-size:12px}.chat-compose-card__hint{justify-content:flex-end}.chat-compose-card__send{min-width:108px}.chat-emoji-panel{display:grid;gap:14px;padding:12px;border-radius:22px;border:1px solid var(--core-line);background:#ffffffeb}.chat-emoji-panel__group{display:grid;gap:10px}.chat-emoji-panel__title{color:var(--core-text);font-size:13px;font-weight:800}.chat-emoji-panel__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.chat-emoji-panel__item{min-height:42px;padding:0 8px;border-radius:14px;border:1px solid rgba(117,101,91,.08);background:#ffffffe0;color:var(--core-text);font:inherit;font-size:18px}@media (max-width: 420px){.core-header,.core-hero,.core-match-card__top{flex-direction:column;align-items:stretch}.chat-profile-card__top{align-items:stretch}.chat-quick-grid,.chat-profile-card__tips,.core-stat-grid,.core-menu-grid,.core-image-grid,.core-post-images,.core-avatar-grid,.entry-pay-method-grid,.entry-pay-method-grid--modal{grid-template-columns:1fr}.core-actions{flex-direction:column}.core-actions>*{width:100%}.core-overlay--center{padding:14px}.core-overlay__panel--compact,.core-overlay__panel--wide{width:100%}.chat-compose-card__actions,.chat-compose-card__main{flex-direction:column;align-items:stretch}.chat-compose-card__send{width:100%}.chat-emoji-panel__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.core-tab-bar{padding-inline:10px}.core-tab-bar__shell{border-radius:24px}.core-tab-fab{right:16px}}.app-shell--mobile .core-page--chat{padding-bottom:calc(190px + env(safe-area-inset-bottom))}.app-shell--mobile .chat-compose-dock{position:fixed;left:50%;transform:translate(-50%);width:min(calc(100vw - 24px),calc(var(--mobile-shell-width) - 24px));bottom:calc(env(safe-area-inset-bottom) + 8px);margin-top:0;z-index:130}.chat-thread-shell{padding-bottom:8px}

/* ui-refresh-20260422h */
:root{--core-text:#f6f2ff;--core-muted:#aea5cf;--core-line:rgba(151,131,255,.18);--core-accent:#8e5cff;--core-accent-2:#ff58c8;--core-accent-3:#49d7ff;--core-surface:rgba(13,13,24,.92)}html body,html #root{background:#05050b;color:var(--core-text)}html body{background:radial-gradient(circle at top,rgba(132,82,255,.2),transparent 26%),radial-gradient(circle at 82% 16%,rgba(73,215,255,.12),transparent 20%),linear-gradient(180deg,#05050b,#090913 48%,#05050b)}body .app-shell{background:radial-gradient(circle at top,rgba(135,84,255,.15),transparent 28%),linear-gradient(180deg,#05050b,#0a0a16 44%,#05050b)}body .app-shell--mobile{background:linear-gradient(180deg,rgba(10,10,20,.94),rgba(7,7,15,.98));box-shadow:0 0 0 1px rgba(138,98,255,.08),0 34px 80px rgba(0,0,0,.62)}body .page-shell{position:relative;padding:16px 14px 116px}body .page-shell:before{content:"";position:absolute;top:-120px;left:-10px;right:-10px;height:260px;background:radial-gradient(circle at top,rgba(142,92,255,.18),transparent 58%);pointer-events:none}body .toast-message{background:rgba(16,14,30,.94);border:1px solid rgba(151,131,255,.24);color:#fff;box-shadow:0 16px 32px rgba(0,0,0,.3)}body .core-header{align-items:flex-start;padding:2px 2px 0;gap:12px}body .core-header h1{margin:6px 0 0;color:#fff;font-size:30px;line-height:1.02;letter-spacing:-.04em}body .core-header p{margin:6px 0 0;color:var(--core-muted);line-height:1.65}body .core-kicker{display:inline-flex;align-items:center;min-height:26px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(173,155,255,.16);color:#f5eeff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,255,255,.08)}body .core-ghost-btn,body .core-link-btn,body .core-chip-btn,body .core-secondary-btn,body .core-primary-btn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}body .core-ghost-btn{min-height:40px;padding:0 14px;border-radius:16px;border:1px solid rgba(151,131,255,.18);background:rgba(21,19,37,.82);color:#fff;box-shadow:0 14px 28px rgba(0,0,0,.2)}body .core-primary-btn{background:linear-gradient(135deg,#8e5cff,#5e7bff 44%,#ff58c8);color:#fff;border:0;box-shadow:0 20px 34px rgba(109,78,255,.34)}body .core-secondary-btn{border:1px solid rgba(151,131,255,.18);background:rgba(21,19,37,.9);color:#fff;box-shadow:0 14px 28px rgba(0,0,0,.2)}body .core-link-btn{color:#d9cfff}body .core-panel,body .core-panel--soft,body .core-profile-card,body .core-match-card,body .message-service-card,body .core-post-card--editorial,body .core-list-item,body .core-menu-item,body .core-shortcut-card,body .core-stat-card,body .core-comment-item,body .chat-context-strip,body .chat-quick-card,body .chat-quick-pill{background:linear-gradient(180deg,rgba(17,17,30,.96),rgba(10,10,20,.92));border:1px solid rgba(151,131,255,.16);color:#fff;box-shadow:0 22px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body .core-panel--soft{background:linear-gradient(180deg,rgba(24,20,40,.88),rgba(14,13,26,.82))}body .core-inline-meta,body .core-panel span,body .core-list-item span,body .core-menu-item span,body .core-shortcut-card span,body .core-stat-card span,body .core-copy-block span,body .core-muted-text{color:var(--core-muted)}body .core-section-head strong,body .core-list-item strong,body .core-menu-item strong,body .core-shortcut-card strong,body .core-stat-card strong,body .core-profile-card strong,body .core-match-card h2,body .message-service-card strong{color:#fff}body .core-copy-block p,body .core-list-item p,body .core-menu-item p,body .message-service-card p{color:#ece6ff}body .core-pill{border:1px solid rgba(151,131,255,.2);background:rgba(255,255,255,.08);color:#fff}body .core-pill--accent{background:linear-gradient(135deg,rgba(142,92,255,.22),rgba(255,88,200,.22));color:#fff;border-color:rgba(174,155,255,.24)}body .core-chip{background:rgba(255,255,255,.06);border:1px solid rgba(151,131,255,.14);color:#f7f2ff}body .core-chip-btn{border:1px solid rgba(151,131,255,.16);background:rgba(21,19,37,.88);color:#fff}body .core-chip-btn.active{background:linear-gradient(135deg,rgba(142,92,255,.26),rgba(255,88,200,.2));border-color:rgba(183,166,255,.3);box-shadow:0 12px 24px rgba(109,78,255,.22)}body .core-stat-card strong{font-size:24px;letter-spacing:-.04em}body .core-list-item em,body .core-menu-item em,body .message-service-card em{min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-style:normal;display:inline-grid;place-items:center;border:1px solid rgba(173,155,255,.14)}body .core-overlay__panel,body .core-overlay__panel--wide,body .core-overlay__panel--compact{background:linear-gradient(180deg,rgba(17,17,30,.98),rgba(10,10,20,.97));border:1px solid rgba(151,131,255,.18);box-shadow:0 28px 58px rgba(0,0,0,.46)}body .h5-tab-bar{background:linear-gradient(180deg,rgba(10,10,18,.2),rgba(4,4,10,.94));border-top:1px solid rgba(138,98,255,.16);box-shadow:0 -22px 58px rgba(0,0,0,.5)}body .core-tab-bar__shell{margin:8px 10px 0;padding:0 6px;border-radius:28px;background:linear-gradient(180deg,rgba(15,15,28,.96),rgba(7,7,14,.96));border:1px solid rgba(151,131,255,.14);box-shadow:0 10px 32px rgba(0,0,0,.34)}body .core-tab-item{color:rgba(255,255,255,.52)}body .core-tab-item.active{color:#fff}body .core-tab-item__icon{width:46px;height:46px;border-radius:18px;display:grid;place-items:center}body .core-tab-item.active .core-tab-item__icon{background:linear-gradient(135deg,rgba(142,92,255,.26),rgba(73,215,255,.2));box-shadow:0 16px 28px rgba(109,78,255,.28)}body .core-tab-item__active{width:24px;height:4px;border-radius:999px;background:linear-gradient(90deg,#8e5cff,#49d7ff)}body .core-tab-item__badge{background:linear-gradient(135deg,#ff4b7d,#ff58c8);box-shadow:0 10px 16px rgba(255,88,200,.32)}body .core-tab-fab{background:linear-gradient(135deg,#49d7ff,#8e5cff 42%,#ff58c8);box-shadow:0 22px 36px rgba(109,78,255,.34)}body .discover-home,body .match-page,body .message-page,body .profile-page{display:grid;gap:16px}body .discover-home__hero-grid{display:grid;gap:14px}body .discover-home__masthead,body .discover-home__spotlight-card,body .match-page__featured-card,body .profile-page__hero-card{position:relative;overflow:hidden;border-radius:30px}body .discover-home__masthead{padding:20px;background:radial-gradient(circle at top right,rgba(255,88,200,.26),transparent 28%),radial-gradient(circle at 16% 14%,rgba(73,215,255,.22),transparent 24%),linear-gradient(145deg,#171229,#0f1020 58%,#0b0b15)}body .discover-home__spotlight-card{padding:18px;background:radial-gradient(circle at 78% 20%,rgba(73,215,255,.18),transparent 24%),linear-gradient(160deg,#131425,#0b0b15 70%)}body .discover-home__masthead:before,body .discover-home__spotlight-card:before,body .match-page__featured-card:before,body .profile-page__hero-card:before{content:"";position:absolute;inset:auto -40px -100px auto;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 62%);pointer-events:none}body .discover-home__masthead-copy{display:grid;gap:8px;position:relative;z-index:1}body .discover-home__eyebrow{background:rgba(255,255,255,.08);border:1px solid rgba(173,155,255,.18);color:#fff}body .discover-home__masthead-copy strong{color:#fff;font-size:32px;line-height:.98;letter-spacing:-.05em}body .discover-home__masthead-copy p{margin:0;color:#d4cbf4;line-height:1.72}body .discover-home__masthead-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c7bce9;position:relative;z-index:1}body .discover-home__masthead-meta strong{color:#fff;font-size:20px}body .discover-home__hero-stats,body .match-page__hero-stats,body .message-page__scoreboard,body .profile-page__lounge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}body .discover-home__hero-stat,body .match-page__hero-stat,body .message-page__score-card,body .profile-page__lounge-card{padding:14px 12px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(173,155,255,.14);display:grid;gap:4px;box-shadow:inset 0 1px rgba(255,255,255,.06)}body .discover-home__hero-stat strong,body .match-page__hero-stat strong,body .message-page__score-card strong,body .profile-page__lounge-card strong{color:#fff;font-size:24px;line-height:1;letter-spacing:-.05em}body .discover-home__hero-stat span,body .match-page__hero-stat span,body .message-page__score-card span,body .profile-page__lounge-card span{color:#f3eeff;font-size:12px;font-weight:700}body .discover-home__hero-stat em,body .match-page__hero-stat em,body .message-page__score-card em,body .profile-page__lounge-card em{color:var(--core-muted);font-style:normal;font-size:11px;line-height:1.55}body .discover-home__spotlight-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#d8ceff}body .discover-home__spotlight-head span{font-size:12px;letter-spacing:.08em;text-transform:uppercase}body .discover-home__spotlight-head strong{font-size:22px;letter-spacing:-.04em}body .discover-home__spotlight-grid,body .message-page__service-grid,body .profile-page__secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}body .discover-home__spotlight-item,body .message-page__service-action,body .profile-page__secondary-card{position:relative;overflow:hidden;min-height:108px;padding:14px;border-radius:22px;border:1px solid rgba(173,155,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));color:#fff;text-align:left;display:grid;align-content:end;gap:6px}body .discover-home__spotlight-item span,body .message-page__service-action span,body .profile-page__secondary-card span,body .discover-home__quick-card span,body .profile-page__entry-card span,body .match-page__room-card span{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;width:max-content;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(173,155,255,.12);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff}body .discover-home__spotlight-item strong,body .message-page__service-action strong,body .profile-page__entry-card strong,body .profile-page__secondary-card strong,body .discover-home__quick-card strong,body .match-page__room-card strong{color:#fff;font-size:18px;line-height:1.08;letter-spacing:-.03em}body .discover-home__spotlight-item em,body .message-page__service-action em,body .profile-page__secondary-card em,body .discover-home__quick-card em,body .match-page__room-card em{color:#d2c7f4;font-style:normal;line-height:1.6;font-size:12px}body .discover-home__spotlight-list{display:grid;gap:10px;margin-top:10px}body .discover-home__spotlight-link{padding:14px;border-radius:20px;border:1px solid rgba(173,155,255,.14);background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;text-align:left}body .discover-home__spotlight-link strong{color:#fff}body .discover-home__spotlight-link span{display:block;color:var(--core-muted);font-size:12px;line-height:1.55}body .discover-home__spotlight-link em{color:#fff;font-style:normal;font-size:11px;font-weight:800;padding:0 10px;min-height:26px;border-radius:999px;background:linear-gradient(135deg,rgba(142,92,255,.28),rgba(73,215,255,.18));display:inline-grid;place-items:center}body .discover-home__tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}body .discover-home__tab{flex:0 0 136px;padding:14px;border-radius:22px;border:1px solid rgba(151,131,255,.14);background:rgba(17,17,30,.9);box-shadow:none}body .discover-home__tab strong{color:#fff}body .discover-home__tab span{color:var(--core-muted)}body .discover-home__tab.active{background:linear-gradient(135deg,rgba(142,92,255,.24),rgba(73,215,255,.12));border-color:rgba(183,166,255,.26);box-shadow:0 18px 34px rgba(109,78,255,.18)}body .discover-home__quick-grid,body .profile-page__entry-grid,body .match-page__rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body .discover-home__quick-card,body .profile-page__entry-card,body .match-page__room-card{position:relative;overflow:hidden;min-height:126px;padding:16px;border-radius:24px;border:1px solid rgba(151,131,255,.16);background:linear-gradient(145deg,rgba(23,23,38,.96),rgba(11,11,21,.94));text-align:left;display:grid;align-content:end;gap:8px;box-shadow:0 22px 44px rgba(0,0,0,.24)}body .discover-home__quick-card:before,body .profile-page__entry-card:before,body .match-page__room-card:before,body .message-page__service-action:before,body .profile-page__secondary-card:before{content:"";position:absolute;inset:-20% auto auto -10%;width:140px;height:140px;background:radial-gradient(circle,rgba(142,92,255,.24),transparent 60%);pointer-events:none}body .discover-home__quick-card em,body .profile-page__entry-card p{margin:0;color:#d4cbf4;line-height:1.65;font-size:12px}body .discover-home__panel{padding:16px;background:linear-gradient(180deg,rgba(11,11,21,.88),rgba(8,8,15,.9))}body .discover-home__feed{gap:14px}body .discover-home__knowledge .core-list-item{background:linear-gradient(180deg,rgba(18,18,30,.94),rgba(12,12,22,.9))}body .match-page__filter-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}body .match-page__filter-pill{flex:0 0 auto;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(151,131,255,.14);background:rgba(21,19,37,.88);color:#fff;font:inherit;font-size:13px;font-weight:700}body .match-page__filter-pill.active{background:linear-gradient(135deg,rgba(142,92,255,.26),rgba(255,88,200,.18));border-color:rgba(183,166,255,.28);box-shadow:0 14px 24px rgba(109,78,255,.18)}body .match-page__featured-card{background:radial-gradient(circle at top right,rgba(255,88,200,.16),transparent 26%),radial-gradient(circle at 14% 20%,rgba(73,215,255,.12),transparent 24%),linear-gradient(145deg,#171229,#0d0d18 62%,#090912)}body .match-page__featured-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}body .match-page__featured-head span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(173,155,255,.14);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff}body .match-page__featured-head strong{color:#efe8ff;font-size:13px;font-weight:700}body .match-page .core-match-card__copy p,body .profile-page .core-match-card__copy p{color:#d7cff6}body .match-page .core-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body .message-page__hero{display:grid;gap:12px}body .message-banner__card{background:radial-gradient(circle at 18% 16%,rgba(73,215,255,.22),transparent 24%),radial-gradient(circle at 82% 74%,rgba(255,88,200,.18),transparent 26%),linear-gradient(135deg,#171229,#0d1020 52%,#090912);border:1px solid rgba(173,155,255,.16);box-shadow:0 24px 44px rgba(0,0,0,.32)}body .message-banner__copy span{color:#d9cfff}body .message-banner__copy p{color:#ddd4fb}body .message-banner__card em{background:rgba(255,255,255,.1);border:1px solid rgba(173,155,255,.14)}body .message-banner__dot{background:rgba(173,155,255,.24)}body .message-banner__dot.active{background:linear-gradient(90deg,#8e5cff,#49d7ff)}body .message-service-card--hub{display:grid;gap:14px;padding:18px}body .message-page__summary{background:linear-gradient(180deg,rgba(20,20,34,.92),rgba(12,12,22,.88))}body .message-page__list-shell .core-list-item{background:linear-gradient(180deg,rgba(18,18,30,.96),rgba(10,10,20,.92))}body .message-page__list-shell .core-list-item p{color:#efe8ff}body .message-page__list-shell .core-list-item em{background:linear-gradient(135deg,rgba(142,92,255,.22),rgba(73,215,255,.14));border-color:rgba(173,155,255,.14)}body .profile-page__hero-card{background:radial-gradient(circle at top right,rgba(73,215,255,.14),transparent 26%),radial-gradient(circle at 18% 18%,rgba(255,88,200,.18),transparent 22%),linear-gradient(145deg,#161225,#0d0d18 62%,#090912)}body .profile-page__hero-card .core-chip{background:rgba(255,255,255,.08)}body .profile-page__entry-card strong{font-size:20px}body .profile-page__entry-card p{color:#d4cbf4}body .profile-page__entry-card em{display:inline-flex;align-items:center;min-height:24px;width:max-content;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(173,155,255,.12);font-style:normal;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff}body .core-post-card--editorial{padding:16px;border-radius:28px;background:linear-gradient(180deg,rgba(16,16,29,.98),rgba(10,10,20,.94));border:1px solid rgba(151,131,255,.16);box-shadow:0 24px 46px rgba(0,0,0,.32)}body .core-post-card--editorial .core-post-head{margin-bottom:12px}body .core-post-card--editorial .core-post-meta strong{color:#fff}body .core-post-card--editorial .core-post-meta span,body .core-post-card--editorial .core-post-topic{color:#d7cff6}body .core-post-card--editorial p{font-size:14px;line-height:1.78;color:#f2edff}body .core-post-card--editorial .core-post-images{gap:8px;margin-top:14px}body .core-post-card--editorial .core-post-image-btn{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(151,131,255,.14);background:#0f0f18}body .core-post-card--editorial .core-post-image-btn img{display:block;width:100%;height:100%;object-fit:cover;min-height:150px;border:0;filter:saturate(1.08)}body .core-post-card--editorial .core-post-images.single .core-post-image-btn{aspect-ratio:4/5}body .core-post-card--editorial .core-post-images.single img{min-height:320px}body .core-post-cover{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}body .core-post-cover__tag,body .core-post-cover__badge{min-height:30px;padding:0 12px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(6,6,12,.64);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body .core-post-cover__badge{background:linear-gradient(135deg,rgba(142,92,255,.44),rgba(255,88,200,.34));border-color:rgba(255,255,255,.18)}body .core-post-card--editorial .core-post-action-btn{background:rgba(255,255,255,.06);border-color:rgba(151,131,255,.14);box-shadow:none;color:#fff}body .core-post-card--editorial .core-post-action-btn.active{background:linear-gradient(135deg,rgba(142,92,255,.26),rgba(255,88,200,.18));border-color:rgba(183,166,255,.28)}body .core-post-card--editorial .core-chip{background:rgba(255,255,255,.06)}body .chat-topbar__back,body .chat-topbar__more,body .chat-quick-pill,body .chat-quick-card,body .chat-context-strip,body .chat-compose-card,body .chat-compose-card__field,body .chat-emoji-panel{background:linear-gradient(180deg,rgba(17,17,30,.96),rgba(10,10,20,.92));border-color:rgba(151,131,255,.16);color:#fff}body .chat-topbar__title strong,body .chat-context-strip__copy strong,body .chat-profile-card__copy strong,body .chat-emoji-panel__title{color:#fff}body .chat-topbar__title span,body .chat-context-strip__copy span,body .chat-profile-card__copy span,body .chat-quick-card span,body .chat-quick-pill span,body .chat-compose-card__field textarea::placeholder{color:var(--core-muted)}body .chat-compose-card__send{background:linear-gradient(135deg,#49d7ff,#8e5cff 44%,#ff58c8);box-shadow:0 18px 30px rgba(109,78,255,.3)}body .wechat-thread__bubble.theirs{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(151,131,255,.14)}body .wechat-thread__bubble.mine{background:linear-gradient(180deg,#8e5cff,#6a7bff);color:#fff}@media (max-width:640px){body .page-shell{padding:14px 12px 116px}body .discover-home__spotlight-grid,body .message-page__service-grid,body .profile-page__secondary-grid,body .discover-home__quick-grid,body .profile-page__entry-grid,body .match-page__rooms,body .match-page .core-actions{grid-template-columns:1fr}body .discover-home__masthead,body .discover-home__spotlight-card,body .message-banner__card,body .core-post-card--editorial,body .profile-page__hero-card,body .match-page__featured-card{border-radius:26px}body .core-post-card--editorial .core-post-images.single .core-post-image-btn{aspect-ratio:auto}body .core-post-card--editorial .core-post-images.single img{min-height:240px}}@media (max-width:420px){body .discover-home__hero-stats,body .match-page__hero-stats,body .message-page__scoreboard,body .profile-page__lounge-grid{grid-template-columns:1fr 1fr}body .profile-page__lounge-card:last-child,body .message-page__score-card:last-child,body .match-page__hero-stat:last-child,body .discover-home__hero-stat:last-child{grid-column:1/-1}body .core-header h1{font-size:28px}}
/* ui-refresh-20260421f */
.discover-home{display:grid;gap:14px}.discover-home__masthead{position:relative;overflow:hidden;padding:18px 18px 16px;border-radius:28px;background:radial-gradient(circle at top right,rgba(255,122,155,.18),transparent 30%),radial-gradient(circle at 18% 18%,rgba(255,214,103,.24),transparent 26%),linear-gradient(145deg,#fffaf6,#fff2f5 56%,#fff7ef);border:1px solid rgba(255,255,255,.86);box-shadow:0 20px 38px #2b151814;display:grid;gap:12px}.discover-home__masthead-copy{display:grid;gap:6px}.discover-home__eyebrow{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:rgba(30,18,22,.06);color:#765b65;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;width:max-content}.discover-home__masthead-copy strong{color:#25161b;font-size:28px;line-height:1.02}.discover-home__masthead-copy p{margin:0;color:#7d6870;font-size:13px;line-height:1.7}.discover-home__masthead-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px;color:#8f7780;font-size:12px}.discover-home__masthead-meta strong{color:#25161b;font-size:16px}.discover-home__tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.discover-home__tabs::-webkit-scrollbar{display:none}.discover-home__tab{flex:0 0 148px;padding:14px 14px 12px;border-radius:22px;border:1px solid rgba(228,214,219,.92);background:#fffffff4;text-align:left;display:grid;gap:6px;box-shadow:0 12px 24px #2b15180b}.discover-home__tab strong{color:#24161b;font-size:15px}.discover-home__tab span{color:#8f7b82;font-size:12px;line-height:1.55}.discover-home__tab.active{border-color:rgba(239,126,111,.24);background:linear-gradient(135deg,#fff8f3,#fff0f5);box-shadow:0 16px 30px #de547712}.discover-home__panel{padding:14px;background:#fffdfbde}.discover-home__feed{gap:12px}.discover-home__knowledge .core-list-item{border-radius:22px;background:#fffffff4;box-shadow:0 14px 28px #341e150c}.message-service-card--compact{padding:12px 14px;border-radius:20px;align-items:flex-start;background:#fffffff2;box-shadow:0 12px 22px #341e150b}.message-service-card--compact>div{gap:3px}.message-service-card--compact strong{font-size:14px}.message-service-card--compact span{font-size:12px;line-height:1.5}.message-service-card--compact .core-actions{margin-top:0;flex:0 0 auto}.message-service-card--compact .core-primary-btn{min-height:36px;padding:0 14px;border-radius:14px}.v11-page-head{margin-bottom:14px}.v11-page-head__badge{width:38px;height:38px;border-radius:12px;box-shadow:0 10px 18px #ff99ae33}.v11-page-head__brand{gap:10px}.v11-page-head__brand strong{font-size:18px;line-height:1.08}.v11-page-head__brand span{font-size:12px}.v11-page-head__action{min-height:36px;padding:0 14px}.v11-guide-sheet{gap:10px}.v11-guide-sheet .v11-feed-card{padding:14px 14px 12px;border-radius:20px;align-items:flex-start}.v11-guide-sheet .v11-feed-card__body{gap:5px}.v11-guide-sheet .v11-feed-card__body p{font-size:13px;line-height:1.65}.v11-guide-sheet .v11-feed-card__body em{font-size:11px}.core-overlay--center{padding:18px}.core-overlay--center .core-overlay__panel{width:min(100%,392px);max-height:min(76dvh,660px);border-radius:30px;box-shadow:0 24px 48px #2410172e}.core-overlay--center .core-overlay__body{padding:16px 16px 18px}.core-overlay--center .core-overlay__head,.core-overlay--center .core-overlay__footer{padding:16px}.entry-pay-modal__card{width:min(100%,414px);min-height:min(48vh,520px);max-height:min(56vh,560px);border-radius:30px 30px 0 0}.entry-pay-modal__scroll{gap:12px;padding:12px 16px;max-height:calc(min(56vh,560px) - 86px)}.entry-pay-modal__header strong{font-size:20px}.entry-pay-modal__header>span:last-child{font-size:12px}.entry-pay-modal__amount-block{padding:14px 16px 12px;border-radius:20px;gap:4px;text-align:left}.entry-pay-modal__amount-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.entry-pay-modal__amount{font-size:clamp(28px,7.8vw,40px);line-height:1;letter-spacing:-.04em}.entry-pay-modal__account{font-size:12px;line-height:1.45}.entry-pay-poster--sheet{padding:14px;border-radius:20px;box-shadow:0 14px 24px #22121926}.entry-pay-poster__dot--top{top:14px;right:16px}.entry-pay-poster__dot--bottom{left:16px;bottom:14px}.entry-pay-poster__eyebrow{font-size:11px;line-height:1.55}.entry-pay-poster__headline{margin-top:10px}.entry-pay-poster__headline strong{font-size:clamp(28px,9vw,48px);line-height:.92}.entry-pay-poster__subline{margin-top:10px;padding-bottom:6px;font-size:clamp(15px,4.4vw,22px)}.entry-pay-poster__microcopy{margin-top:10px;font-size:10px;letter-spacing:.08em}.entry-pay-poster__footer{margin-top:12px;font-size:clamp(15px,4.4vw,22px);line-height:1.45}.core-post-card--editorial{padding:14px;border-radius:26px;background:linear-gradient(180deg,#fffffff8,#fff8f3f6);border:1px solid rgba(232,220,214,.96);box-shadow:0 18px 34px #2b15180f}.core-post-card--editorial .core-post-head{margin-bottom:10px}.core-post-card--editorial .core-post-topline{gap:8px}.core-post-card--editorial p{font-size:14px;line-height:1.75}.core-post-card--editorial .core-post-images{gap:6px;margin-top:14px}.core-post-card--editorial .core-post-image-btn{overflow:hidden;border-radius:20px;display:block;background:#f7ece6}.core-post-card--editorial .core-post-images.single .core-post-image-btn{aspect-ratio:3/4}.core-post-card--editorial .core-post-images.single img{min-height:280px}.core-post-card--editorial .core-post-images img{min-height:136px;border-radius:20px;border:0}.core-post-card--editorial .core-post-actions{margin-top:14px}.core-post-card--editorial .core-post-action-btn{background:#fff;border-color:rgba(226,211,205,.96);box-shadow:0 10px 18px #341e1508}.core-post-card--editorial .core-chip-row{margin-top:10px}.core-post-card--editorial .core-chip{background:#f6ede8}.chat-quick-pill,.chat-quick-card{position:relative;overflow:hidden}.chat-quick-pill:before,.chat-quick-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,214,103,.12),transparent 44%);pointer-events:none}@media (max-width:640px){.discover-home__masthead{padding:16px 16px 14px}.discover-home__tab{flex-basis:136px}.message-service-card--compact .core-actions{width:100%}.message-service-card--compact .core-primary-btn{width:100%}.entry-pay-modal__card{max-height:min(60vh,580px)}.core-post-card--editorial .core-post-images.single .core-post-image-btn{aspect-ratio:auto}.core-post-card--editorial .core-post-images.single img{min-height:220px}}
/* ui-refresh-20260422i */
body .publish-page{display:grid;gap:14px}
body .publish-page__head{margin-bottom:0}
body .publish-page__hero{position:relative;overflow:hidden;padding:20px 18px;border-radius:30px;border:1px solid rgba(173,155,255,.16);background:radial-gradient(circle at 18% 18%,rgba(73,215,255,.16),transparent 24%),radial-gradient(circle at 86% 22%,rgba(255,88,200,.18),transparent 26%),linear-gradient(145deg,#171229,#0d0d18 62%,#090912);box-shadow:0 28px 50px rgba(0,0,0,.34);display:grid;gap:16px}
body .publish-page__hero-copy{display:grid;gap:8px}
body .publish-page__eyebrow{display:inline-flex;align-items:center;min-height:28px;width:max-content;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(173,155,255,.14);color:#efe8ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body .publish-page__hero-copy strong{color:#fff;font-size:28px;line-height:1.02;letter-spacing:-.04em}
body .publish-page__hero-copy p{margin:0;color:#d7cff6;line-height:1.72;font-size:13px}
body .publish-page__hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body .publish-page__hero-stat{padding:14px 12px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(173,155,255,.14);display:grid;gap:4px}
body .publish-page__hero-stat strong{color:#fff;font-size:22px;line-height:1;letter-spacing:-.05em}
body .publish-page__hero-stat span{color:#f3eeff;font-size:12px;font-weight:700}
body .publish-page__hero-stat em{color:#bfb5df;font-style:normal;font-size:11px;line-height:1.55}
body .publish-page__tool-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body .publish-page__tool{min-height:96px;padding:14px;border-radius:22px;border:1px solid rgba(151,131,255,.16);background:linear-gradient(145deg,rgba(23,23,38,.96),rgba(11,11,21,.94));text-align:left;display:grid;align-content:end;gap:6px;color:#fff;box-shadow:0 22px 44px rgba(0,0,0,.24)}
body .publish-page__tool strong{color:#fff;font-size:17px;line-height:1.06}
body .publish-page__tool span{color:#d2c7f4;font-size:12px;line-height:1.6}
body .publish-page__board{padding:16px 18px;background:linear-gradient(180deg,rgba(20,20,34,.92),rgba(12,12,22,.88));border-color:rgba(173,155,255,.14)}
body .publish-page__board-meta{color:#efe8ff}
body .publish-page__board-meta .core-link-btn{color:#8e5cff}
body .publish-page__tag-row{display:flex;gap:8px;flex-wrap:wrap}
body .publish-page__tag{min-height:28px;padding:0 12px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(173,155,255,.12);color:#efe8ff;font-size:11px;font-weight:700}
body .publish-page__composer-shell{padding:18px;background:linear-gradient(180deg,rgba(16,16,29,.98),rgba(10,10,20,.94));border-color:rgba(151,131,255,.16)}
body .publish-page__composer{gap:14px}
body .publish-page__composer textarea{min-height:176px;padding:0;border:0;background:transparent;color:#fff;font:inherit;line-height:1.82;resize:vertical}
body .publish-page__composer textarea::placeholder{color:#b8aed8}
body .publish-page__composer .core-chip-btn{background:rgba(255,255,255,.06);border-color:rgba(151,131,255,.14);color:#fff}
body .publish-page .core-image-card{border-radius:24px;background:#0f0d16;border-color:rgba(151,131,255,.14)}
body .publish-page .core-image-card__remove{right:10px;bottom:10px;min-height:28px;border-radius:999px;background:rgba(7,7,12,.76)}
body .publish-page__empty{padding:14px;border-radius:22px;border:1px dashed rgba(173,155,255,.16);background:rgba(255,255,255,.03);color:#c9c0e6;line-height:1.7;font-size:13px}
body .publish-page__actions .core-secondary-btn{background:rgba(255,255,255,.06);border-color:rgba(151,131,255,.14);color:#fff}
body .publish-page__actions .core-primary-btn{background:linear-gradient(135deg,#49d7ff,#8e5cff 44%,#ff58c8);box-shadow:0 18px 30px rgba(109,78,255,.3)}
body .v10-topic{display:grid;gap:14px;padding-top:4px}
body .v10-topic__story-row{scrollbar-width:none}
body .v10-topic__story-row::-webkit-scrollbar{display:none}
body .v10-topic__story-item.active{color:#fff}
body .v10-topic__story-item.active .v10-topic__story-icon{box-shadow:0 0 0 1px rgba(212,175,55,.24),0 18px 30px rgba(0,0,0,.28)}
body .v10-topic__hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
body .v10-topic__panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
body .v10-topic__panel-head strong{display:block;color:#fff;font-size:20px;line-height:1.08}
body .v10-topic__panel-head span{display:block;margin-top:4px;color:#c4badf;font-size:12px;line-height:1.6}
body .v10-topic__category-card{min-height:96px;padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));display:grid;align-content:space-between;text-align:left;color:#fff}
body .v10-topic__category-card strong{color:#fff;font-size:15px;line-height:1.3}
body .v10-topic__category-card em{color:#d7cff6;font-style:normal;font-size:12px}
body .v10-topic__content-card{padding:0;background:transparent;border:0}
body .v10-topic__content-card .core-post-card--editorial{background:linear-gradient(180deg,rgba(16,16,29,.98),rgba(10,10,20,.94));border-color:rgba(151,131,255,.16)}
body .v10-topic__content-card .core-post-card--editorial .core-post-meta strong,body .v10-topic__content-card .core-post-card--editorial p{color:#fff}
body .v10-topic__content-card .core-post-card--editorial .core-post-meta span,body .v10-topic__content-card .core-post-card--editorial .core-post-topic{color:#d7cff6}
body .v10-topic__content-card .core-post-card--editorial .core-post-action-btn{background:rgba(255,255,255,.06);border-color:rgba(151,131,255,.14);color:#fff}
body .v10-topic__content-card--featured .core-post-card--editorial{background:linear-gradient(180deg,#2c201ff2,#15111af5);border-color:rgba(212,175,55,.18);box-shadow:0 22px 38px rgba(0,0,0,.36)}
body .core-page--nearby{gap:16px}
body .nearby-page__head{padding:18px;border-radius:30px;border:1px solid rgba(173,155,255,.16);background:radial-gradient(circle at 18% 20%,rgba(73,215,255,.12),transparent 22%),radial-gradient(circle at 86% 20%,rgba(255,88,200,.16),transparent 26%),linear-gradient(145deg,#171229,#0d0d18 62%,#090912);box-shadow:0 26px 48px rgba(0,0,0,.32)}
body .nearby-page__head h1,body .nearby-page__head strong{color:#fff}
body .nearby-page__head p,body .nearby-page__head .core-kicker{color:#d8ceff}
body .nearby-hero__mode,body .nearby-hero__stat,body .nearby-hero__location,body .nearby-user-card,body .nearby-focus-card{background:linear-gradient(180deg,rgba(18,18,30,.96),rgba(10,10,20,.92));border-color:rgba(151,131,255,.16);box-shadow:0 22px 44px rgba(0,0,0,.24)}
body .nearby-hero__mode strong,body .nearby-hero__stat strong,body .nearby-user-card__head strong,body .nearby-focus-card__copy strong{color:#fff}
body .nearby-hero__mode span,body .nearby-hero__location,body .nearby-user-card__meta span,body .nearby-user-card p,body .nearby-focus-card__copy span{color:#d2c7f4}
body .nearby-map__stage{overflow:hidden;padding:14px;border-radius:30px;border:1px solid rgba(151,131,255,.16);background:linear-gradient(145deg,#171229,#0d0d18 62%,#090912);box-shadow:0 26px 48px rgba(0,0,0,.32)}
body .core-page--nearby .nearby-map__canvas{border-radius:24px}
body .nearby-map__toolbar .core-secondary-btn,body .nearby-map__toolbar .core-primary-btn{background:rgba(8,8,14,.72);border-color:rgba(151,131,255,.16);color:#fff}
body .nearby-map__mode,body .nearby-map__note{background:rgba(8,8,14,.72);border-color:rgba(151,131,255,.16);color:#efe8ff}
body .nearby-map__mode strong,body .nearby-map__mode span,body .nearby-map__note{color:#efe8ff}
body .chat-topbar{position:sticky;top:0;z-index:12;padding:10px 12px;border-radius:26px;background:rgba(9,9,16,.74);border:1px solid rgba(151,131,255,.16);backdrop-filter:blur(20px)}
body .chat-context-strip{padding:16px;border-radius:28px;background:linear-gradient(145deg,rgba(21,21,36,.98),rgba(10,10,20,.92));border-color:rgba(151,131,255,.16)}
body .chat-quick-row{padding-bottom:6px}
body .chat-quick-pill{min-width:112px;min-height:82px;padding:14px;border-radius:22px;background:linear-gradient(145deg,rgba(23,23,38,.96),rgba(11,11,21,.94));border-color:rgba(151,131,255,.16);box-shadow:0 22px 44px rgba(0,0,0,.24)}
body .chat-thread-shell{padding:4px 4px 8px}
body .wechat-thread__time span{background:rgba(255,255,255,.08);color:#efe8ff}
body .chat-suggestion-chip{background:rgba(20,20,34,.96);border-color:rgba(151,131,255,.16);color:#fff}
body .chat-emoji-panel__item{background:rgba(255,255,255,.06);border-color:rgba(151,131,255,.12);color:#fff}
body .entry-pay-page .core-panel--soft{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(20,20,34,.92),rgba(12,12,22,.88));border-color:rgba(151,131,255,.16)}
body .entry-pay-page .core-inline-meta,body .entry-pay-page .core-muted-text{color:#e9e2ff}
body .entry-pay-modal__card{background:linear-gradient(180deg,rgba(16,16,24,.98),rgba(8,8,14,.98));border-color:rgba(151,131,255,.16);box-shadow:0 30px 56px rgba(0,0,0,.44)}
body .entry-pay-modal__handle{background:rgba(255,255,255,.16)}
body .entry-pay-modal__scene{color:#49d7ff}
body .entry-pay-modal__header strong,body .entry-pay-modal__methods-title,body .entry-pay-method strong{color:#fff}
body .entry-pay-modal__header>span:last-child,body .entry-pay-modal__account,body .entry-pay-method span{color:#d1c8ed}
body .entry-pay-modal__amount-block{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-color:rgba(151,131,255,.16);box-shadow:none}
body .entry-pay-modal__amount{font-size:clamp(30px,8vw,40px);color:#fff}
body .entry-pay-method--row{min-height:64px;padding:12px 14px;background:rgba(255,255,255,.06);border-color:rgba(151,131,255,.14);box-shadow:none}
body .entry-pay-method--row.active{background:linear-gradient(135deg,rgba(73,215,255,.14),rgba(142,92,255,.12));border-color:rgba(173,155,255,.28);box-shadow:none}
body .entry-pay-modal__safe-note{background:rgba(73,215,255,.08);border-color:rgba(73,215,255,.14)}
body .entry-pay-modal__safe-note span{color:#dff6ff}
body .entry-pay-modal__footer{background:rgba(8,8,14,.98);border-top:1px solid rgba(151,131,255,.12)}
body .entry-pay-modal__confirm{min-height:48px;border-radius:18px;background:linear-gradient(135deg,#49d7ff,#8e5cff 46%,#ff58c8);box-shadow:0 18px 30px rgba(109,78,255,.3)}
body .entry-pay-poster--sheet{padding:13px 14px}
body .entry-pay-poster__headline strong{font-size:clamp(30px,10vw,52px)}
body .entry-pay-poster__subline{font-size:clamp(15px,4.8vw,22px)}
body .entry-pay-poster__footer{font-size:clamp(15px,4.4vw,22px)}
@media (max-width:640px){
body .publish-page__hero-stats,body .publish-page__tool-row,body .v10-topic__hero-actions{grid-template-columns:1fr}
body .v10-topic__panel-head{flex-direction:column;align-items:stretch}
body .publish-page__hero{padding:18px 16px}
body .nearby-page__head{padding:16px}
body .nearby-user-card{padding:15px}
}
@media (max-width:420px){
body .publish-page__tag-row{gap:6px}
body .publish-page__hero-copy strong,body .v10-topic__hero-copy h1{font-size:26px}
body .publish-page__tool,body .chat-quick-pill{min-height:72px}
}
/* ui-refresh-20260422j */
body .match-page--restored{position:relative;display:grid;gap:14px;padding-top:8px}
body .match-page--restored:before{content:"";position:absolute;top:-28px;left:-18px;right:-18px;height:280px;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 56%),radial-gradient(circle at 82% 20%,rgba(112,117,125,.12),transparent 24%);pointer-events:none}
body .match-page--restored>*{position:relative;z-index:1}
body .match-page--restored .core-link-btn{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#eef0f3}
body .match-page--restored .core-secondary-btn{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#f2f4f7;box-shadow:none}
body .match-page--restored .core-primary-btn{background:linear-gradient(135deg,#9fa5ae,#676d76 46%,#2f343b);box-shadow:0 18px 28px rgba(0,0,0,.32)}
body .match-page.match-page--restored{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:8px;align-content:stretch;background:radial-gradient(circle at top center,rgba(255,255,255,.04),transparent 24%),linear-gradient(180deg,#050607,#0b0d10 52%,#060708);padding-left:10px;padding-right:10px}
body .app-shell--mobile .match-page.match-page--restored{height:100dvh;max-height:100dvh;overflow:hidden!important;overscroll-behavior:none;touch-action:pan-x;padding-top:12px;padding-bottom:calc(96px + env(safe-area-inset-bottom));padding-left:8px;padding-right:8px}
body .match-page__success-toast{position:fixed;top:calc(env(safe-area-inset-top) + 18px);left:50%;transform:translateX(-50%);z-index:180;width:min(calc(100vw - 28px),calc(var(--mobile-shell-width) - 28px));padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(18,20,24,.96),rgba(10,11,15,.92));box-shadow:0 18px 34px rgba(0,0,0,.3);display:grid;gap:4px;pointer-events:none;animation:match-page-toast-in .45s cubic-bezier(.22,.61,.36,1)}
body .match-page__success-toast-kicker{display:inline-flex;align-items:center;min-height:22px;width:max-content;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#edf0f2;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body .match-page__success-toast strong{color:#f7f8fa;font-size:13px;line-height:1.5}
body .match-page__topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
body .match-page__brand{min-width:0;display:grid;gap:6px}
body .match-page__brand-badge{display:inline-flex;align-items:center;min-height:24px;width:max-content;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#edf0f2;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
body .match-page__brand strong{color:#f7f8fa;font-size:24px;line-height:1.02;letter-spacing:-.05em}
body .match-page__topbar-actions{flex-shrink:0;display:grid;gap:8px;width:98px}
body .match-page__filter-btn{flex-shrink:0;min-height:38px;padding:0 14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#f3f4f6;font:inherit;font-size:12px;font-weight:800;box-shadow:0 12px 22px rgba(0,0,0,.22);backdrop-filter:blur(16px);display:inline-flex;align-items:center;gap:8px}
body .match-page__topbar-actions .match-page__filter-btn{width:100%;justify-content:center}
body .match-page__filter-btn em{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;font-style:normal;font-size:10px;font-weight:900}
body .match-page__filter-btn--active{background:linear-gradient(135deg,rgba(73,215,255,.22),rgba(142,92,255,.28) 56%,rgba(255,88,200,.22));border-color:rgba(184,202,255,.3);box-shadow:0 16px 28px rgba(109,78,255,.22)}
body .match-page__guide-btn{width:100%;min-height:52px;padding:10px 11px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 34%),linear-gradient(165deg,#181b20,#101216 62%,#0a0c0f);color:#f4f6f8;font:inherit;text-align:left;display:grid;gap:3px;box-shadow:0 14px 24px rgba(0,0,0,.24)}
body .match-page__guide-btn span{color:#f7f8fa;font-size:11px;font-weight:800;line-height:1.2}
body .match-page__guide-btn em{color:#adb5be;font-style:normal;font-size:10px;line-height:1.35}
body .match-page__guide-btn:active{transform:scale(.98)}
body .match-page__notice{position:relative;overflow:hidden;padding:9px 11px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.06),transparent 24%),radial-gradient(circle at 86% 20%,rgba(131,137,145,.08),transparent 24%),linear-gradient(155deg,#17191c,#101215 56%,#090b0d);box-shadow:0 18px 30px rgba(0,0,0,.26);display:grid;gap:5px}
body .match-page__notice--topbar{flex:1;min-width:0}
body .match-page__notice:before{content:"";position:absolute;top:-42px;right:-26px;width:160px;height:160px;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 60%);pointer-events:none}
body .match-page__notice-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
body .match-page__notice-head span{min-width:0;display:inline-flex;align-items:center;gap:6px;color:#f1f3f5;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body .match-page__notice-head em{min-height:22px;padding:0 9px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#f1f3f5;font-style:normal;font-size:10px;font-weight:700;white-space:nowrap}
body .match-page__notice p{margin:0;color:#d7dbe0;line-height:1.35;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .match-page__notice-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
body .match-page__notice-meta span{min-width:0;color:#adb5be;font-size:10px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .match-page__notice-meta strong{min-height:22px;padding:0 9px;border-radius:999px;display:inline-grid;place-items:center;justify-self:end;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#f1f3f5;font-size:10px;font-weight:800;white-space:nowrap}
body .match-page__portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body .match-page__portal{position:relative;overflow:hidden;min-height:92px;padding:11px 10px;border-radius:18px;border:1px solid rgba(255,255,255,.08);text-align:left;display:grid;align-content:space-between;gap:8px;color:#fff;font:inherit;box-shadow:0 14px 26px rgba(0,0,0,.22)}
body .match-page__portal:before{content:"";position:absolute;top:-24px;right:-18px;width:96px;height:96px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 64%);pointer-events:none}
body .match-page__portal--event{background:linear-gradient(165deg,#1b1d22,#111317 56%,#0a0b0e)}
body .match-page__portal--nearby{background:linear-gradient(165deg,#1d2025,#13161a 56%,#0b0d10)}
body .match-page__portal--game{background:linear-gradient(165deg,#16181d,#0e1014 56%,#08090c)}
body .match-page__portal-kicker{display:inline-flex;align-items:center;min-height:22px;width:max-content;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#eef1f4;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body .match-page__portal-copy{display:grid;gap:4px}
body .match-page__portal strong{color:#f6f7f9;font-size:15px;line-height:1.05;letter-spacing:-.03em}
body .match-page__portal em{color:#c3cad2;font-style:normal;font-size:10px;line-height:1.45}
body .match-page__deck{display:grid;gap:0;min-height:0}
body .match-page__deck-empty{height:100%;min-height:0;display:grid;align-items:center;padding-top:4px}
body .match-page__empty-card{width:100%;padding:22px 18px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 18% 22%,rgba(255,176,70,.12),transparent 22%),radial-gradient(circle at 82% 78%,rgba(111,88,255,.14),transparent 24%),linear-gradient(180deg,rgba(18,19,24,.98),rgba(9,10,14,.96));box-shadow:0 24px 40px rgba(0,0,0,.3);display:grid;justify-items:center;gap:10px;text-align:center}
body .match-page__empty-kicker{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#eef2f6;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body .match-page__empty-card strong{color:#f7f8fa;font-size:24px;line-height:1.08;letter-spacing:-.05em}
body .match-page__empty-card p{margin:0;color:#c2cad3;font-size:13px;line-height:1.7}
body .match-page__empty-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
body .match-page__empty-tags span{min-height:24px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#edf0f3;font-size:10px;font-weight:700}
body .match-page__empty-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}
body .match-page__deck-stage{position:relative;padding-top:10px;height:100%;min-height:0}
body .match-page__deck-shadow{position:absolute;top:0;left:8px;right:8px;min-height:104px;padding:10px 12px;border-radius:22px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(33,35,40,.92),rgba(14,15,18,.88));display:grid;align-content:end;gap:4px;opacity:.7;transform:scale(.975);filter:saturate(.78);box-shadow:0 14px 28px rgba(0,0,0,.24);pointer-events:none;animation:match-page-shadow-in .42s cubic-bezier(.22,.61,.36,1)}
body .match-page__deck-shadow span{display:inline-flex;align-items:center;min-height:22px;width:max-content;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#eef1f4;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body .match-page__deck-shadow strong{color:#f6f7f9;font-size:17px;line-height:1.04;letter-spacing:-.03em}
body .match-page__deck-shadow em{color:#bac2cb;font-style:normal;font-size:11px;line-height:1.45}
body .match-page__flip-card{position:relative;z-index:1;height:100%;min-height:0}
body .match-page__flip-card--left{animation:match-page-card-enter-left .42s cubic-bezier(.22,.61,.36,1)}
body .match-page__flip-card--right{animation:match-page-card-enter-right .42s cubic-bezier(.22,.61,.36,1)}
body .match-page__flip-face{position:relative;inset:auto;width:auto;height:100%;min-height:0;display:grid;align-content:start;gap:10px;padding:14px;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 38px rgba(0,0,0,.32)}
body .match-page__flip-face:before{content:"";position:absolute;top:-62px;right:-28px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 64%);pointer-events:none}
body .match-page__flip-face--front{background:radial-gradient(circle at top center,rgba(255,255,255,.08),transparent 32%),radial-gradient(circle at 18% 72%,rgba(112,117,125,.12),transparent 26%),linear-gradient(180deg,#17191d,#101215 56%,#090b0d);cursor:grab}
body .match-page__flip-face--front:active{cursor:grabbing}
body .match-page__flip-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body .match-page__flip-role{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#f3f4f6;font-size:11px;font-weight:800;letter-spacing:.04em}
body .match-page__flip-badges{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
body .match-page__flip-badge{min-height:24px;padding:0 9px;border-radius:999px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);color:#f3f4f6;font-size:10px;font-weight:800}
body .match-page__flip-badge--score{background:rgba(255,210,133,.14);color:#ffdca4}
body .match-page__flip-badge--verified{background:rgba(120,211,163,.14);color:#c6f3d8}
body .match-page__flip-badge--vip{background:rgba(255,149,149,.14);color:#ffd0d0}
body .match-page__flip-avatar{display:grid;justify-items:center;padding-top:2px}
body .match-page__flip-avatar .sc-avatar--hero{width:96px;height:96px}
body .match-page__flip-avatar .sc-avatar__media{box-shadow:0 14px 28px rgba(0,0,0,.26)}
body .match-page__flip-avatar .sc-avatar--ring .sc-avatar__media{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 14px 28px rgba(0,0,0,.26)}
body .match-page__flip-copy{display:grid;gap:8px;text-align:center}
body .match-page__flip-copy h3{margin:0;color:#f7f8fa;font-size:26px;line-height:1;letter-spacing:-.06em}
body .match-page__flip-copy h3 span{color:#c8ced6;font-size:15px;font-weight:700;letter-spacing:0}
body .match-page__flip-meta{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
body .match-page__flip-meta span{min-height:24px;padding:0 9px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#d9dee5;font-size:11px;font-weight:700}
body .match-page__flip-copy p{margin:0;color:#b5bcc5;font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .match-page__flip-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
body .match-page__flip-tags span{min-height:24px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#edf0f3;font-size:10px;font-weight:700}
body .match-page__flip-note{display:flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(112,117,125,.12));border:1px solid rgba(255,255,255,.1);color:#f1f3f5;font-size:11px;font-weight:700;text-align:center}
body .match-page__flip-back-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body .match-page__flip-back-stats div{padding:10px 8px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:grid;gap:4px;justify-items:center;text-align:center}
body .match-page__flip-back-stats strong{color:#f3f4f6;font-size:19px;line-height:1;letter-spacing:-.05em}
body .match-page__flip-back-stats span{color:#adb5be;font-size:10px;font-weight:700}
body .match-page__flip-progress{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#aab1ba;font-size:10px;line-height:1.45;letter-spacing:.04em}
body .match-page__flip-progress span{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#eef1f4;font-weight:800}
body .match-page__flip-progress em{color:#c7cfd7;font-style:normal}
body .match-page__flip-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:0}
body .match-page__flip-actions button{min-height:40px;padding:0 7px;border-radius:14px;font-size:11px;font-weight:800}
body .match-page__flip-actions .core-secondary-btn,body .match-page__flip-actions .core-primary-btn{min-width:0;white-space:nowrap}
body .match-page__filter-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1240;display:grid;place-items:center;padding:20px}
body .match-page__filter-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:rgba(5,6,9,.72);backdrop-filter:blur(14px)}
body .match-page__filter-card{position:relative;z-index:1;width:min(100%,348px);max-height:min(72dvh,560px);padding:14px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(21,23,29,.98),rgba(9,10,14,.96));box-shadow:0 28px 52px rgba(0,0,0,.38);display:grid;gap:12px}
body .match-page__filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body .match-page__filter-copy{min-width:0;display:grid;gap:4px}
body .match-page__filter-copy strong{color:#f7f8fa;font-size:17px;line-height:1.05;letter-spacing:-.03em}
body .match-page__filter-copy span{color:#b7c0c9;font-size:11px;line-height:1.5}
body .match-page__filter-close{width:32px;height:32px;flex-shrink:0;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#f4f6f8;font:inherit;font-size:18px;line-height:1}
body .match-page__filter-sheet{display:grid;gap:8px}
body .match-page__filter-sheet{max-height:min(44dvh,340px);padding-right:2px;overflow:auto;scrollbar-width:none}
body .match-page__filter-sheet::-webkit-scrollbar{display:none}
body .match-page__filter-card .core-sheet-section{padding:11px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);display:grid;gap:8px}
body .match-page__filter-card .core-sheet-section__title,body .match-page__filter-card .core-section-head strong{color:#f4f6f8;font-size:12px;font-weight:800}
body .match-page__filter-card .core-chip-row{gap:7px}
body .match-page__filter-card .core-chip-btn{position:relative;overflow:hidden;min-height:32px;padding:0 11px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#d9dee4;font-size:11px;font-weight:700;transition:transform .16s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}
body .match-page__filter-card .core-chip-btn:active{transform:scale(.96)}
body .match-page__filter-card .core-chip-btn.active{background:linear-gradient(135deg,rgba(73,215,255,.28),rgba(142,92,255,.32) 56%,rgba(255,88,200,.24));border-color:rgba(164,195,255,.42);box-shadow:0 12px 22px rgba(109,78,255,.24),inset 0 1px rgba(255,255,255,.18);color:#fff}
body .match-page__filter-card .core-chip-btn.active:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 48%);pointer-events:none}
body .match-page__filter-card .core-link-btn{min-height:32px;padding:0 11px;border-radius:12px}
body .match-page__filter-card .core-link-btn.active{background:linear-gradient(135deg,rgba(73,215,255,.22),rgba(142,92,255,.28));border-color:rgba(184,202,255,.3);box-shadow:0 12px 22px rgba(109,78,255,.18);color:#fff}
body .match-page__filter-card .core-copy-block{padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
body .match-page__filter-card .core-copy-block p{margin:0;color:#aeb7c0;font-size:11px;line-height:1.55}
body .match-page__filter-actions{padding-top:2px}
body .match-page__filter-actions .core-primary-btn{width:100%;min-height:40px;border-radius:14px}
body .match-page__guide-overlay{z-index:1310!important}
body .match-page__region-overlay{z-index:1320!important}
body .match-page__guide-overlay,body .match-page__region-overlay{display:grid!important;place-items:start center!important;padding:calc(env(safe-area-inset-top) + 10px) 16px 16px!important}
body .match-page__guide-overlay .core-overlay__backdrop,body .match-page__region-overlay .core-overlay__backdrop{background:rgba(5,6,9,.8);backdrop-filter:blur(16px)}
body .match-page__guide-overlay .core-overlay__panel,body .match-page__region-overlay .core-overlay__panel{position:relative;z-index:1;margin-top:0}
body .match-page__guide-panel{width:min(100%,376px);max-height:min(74dvh,640px)}
body .match-page__region-panel{width:min(100%,336px);max-height:min(72dvh,620px)}
body .match-page__region-list .core-menu-item{background:linear-gradient(180deg,rgba(247,249,252,.98),rgba(236,240,245,.95));border-color:rgba(18,24,32,.08);box-shadow:0 14px 26px rgba(0,0,0,.16)}
body .match-page__region-list .core-menu-item strong{color:#181d24}
body .match-page__region-list .core-menu-item span{color:#5d6773}
body .match-page__region-list .core-menu-item em{background:rgba(20,24,31,.06);border-color:rgba(20,24,31,.08);color:#46515d}
body .match-page__region-list .core-menu-item.active{background:linear-gradient(135deg,rgba(73,215,255,.18),rgba(142,92,255,.2));border-color:rgba(184,202,255,.26);box-shadow:0 12px 22px rgba(109,78,255,.16)}
body .match-page__region-list .core-menu-item.active strong{color:#10161d}
body .match-page__region-list .core-menu-item.active span{color:#4d5966}
body .match-page__region-list .core-menu-item.active em{background:rgba(16,22,29,.1);border-color:rgba(16,22,29,.12);color:#1b222c}
body .match-page__favorite-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1250;display:grid;place-items:center;padding:18px}
body .match-page__favorite-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#120d0f73}
body .match-page__favorite-card{position:relative;z-index:1;width:min(100%,340px);padding:20px 18px 18px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(20,22,28,.98),rgba(10,11,15,.96));box-shadow:0 28px 48px rgba(0,0,0,.34);display:grid;justify-items:center;gap:10px;text-align:center}
body .match-page__favorite-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#f7f8fa;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body .match-page__favorite-card strong{color:#f7f8fa;font-size:22px;line-height:1}
body .match-page__favorite-card>span:last-of-type{color:#c7cfd7;font-size:12px}
body .match-page__favorite-card p{margin:0;color:#aeb7c0;font-size:12px;line-height:1.65}
body .match-page__favorite-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}
@keyframes match-page-card-enter-left{0%{opacity:0;transform:translate3d(24px,10px,0) scale(.96)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes match-page-card-enter-right{0%{opacity:0;transform:translate3d(-24px,10px,0) scale(.96)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes match-page-shadow-in{0%{opacity:0;transform:translateY(10px) scale(.95)}100%{opacity:.7;transform:translateY(0) scale(.975)}}
@keyframes match-page-toast-in{0%{opacity:0;transform:translate(-50%,-10px) scale(.96)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}
body .h5-tab-bar,body .core-tab-bar{background:transparent!important;border-top:0!important;box-shadow:none!important}
body .core-tab-bar__shell{margin:8px 10px 0;padding:0 6px;border-radius:28px;background:rgba(8,9,12,.78)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 36px rgba(0,0,0,.42)!important;backdrop-filter:blur(22px)}
@media (max-width:640px){
body .match-page__success-toast{top:calc(env(safe-area-inset-top) + 14px)}
body .match-page__brand strong{font-size:21px}
body .match-page__topbar{gap:8px}
body .match-page__topbar-actions{width:92px}
body .match-page__portal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body .match-page__portal{min-height:76px;padding:9px 8px;border-radius:18px}
body .match-page__portal strong{font-size:13px}
body .match-page__portal em{font-size:9px;line-height:1.35}
body .app-shell--mobile .match-page.match-page--restored{padding-bottom:calc(88px + env(safe-area-inset-bottom));padding-left:8px;padding-right:8px}
body .match-page__deck-stage{padding-top:6px}
body .match-page__deck-shadow{left:6px;right:6px;min-height:98px;padding:9px 11px}
body .match-page__flip-face{gap:8px;padding:12px}
body .match-page__flip-avatar .sc-avatar--hero{width:82px;height:82px}
body .match-page__flip-copy{gap:6px}
body .match-page__flip-copy h3{font-size:22px}
body .match-page__flip-copy p{-webkit-line-clamp:1}
body .match-page__flip-tags{gap:6px}
body .match-page__flip-tags span{min-height:22px;padding:0 9px;font-size:9px}
body .match-page__flip-note{min-height:30px;padding:0 10px;font-size:10px}
body .match-page__flip-back-stats{gap:8px}
body .match-page__flip-back-stats div{padding:8px 6px}
body .match-page__flip-back-stats strong{font-size:17px}
body .match-page__flip-progress{font-size:9px}
body .match-page__flip-progress span{min-height:22px;padding:0 8px}
body .match-page__flip-actions{gap:6px}
body .match-page__flip-actions button{min-height:36px;padding:0 5px;font-size:10px}
body .match-page__empty-card{padding:20px 16px;border-radius:26px}
body .match-page__empty-card strong{font-size:22px}
body .match-page__empty-card p{font-size:12px}
body .match-page__favorite-card{width:min(100%,320px)}
}
/* ui-refresh-20260422aq */
body .discover-v3{
display:grid;
gap:12px;
padding-top:8px;
padding-bottom:calc(92px + env(safe-area-inset-bottom))
}
body .discover-v3 button{
font:inherit
}
body .discover-v3__intro,
body .discover-v3__nav-panel,
body .discover-v3__panel,
body .discover-v3__map-preview{
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(24,28,34,.96),rgba(14,17,22,.94));
box-shadow:0 20px 34px rgba(0,0,0,.22)
}
body .discover-v3__intro{
display:grid;
gap:8px;
padding:14px;
border-radius:28px;
background:
radial-gradient(circle at 14% 20%,rgba(73,215,255,.08),transparent 28%),
radial-gradient(circle at 84% 16%,rgba(142,92,255,.12),transparent 30%),
linear-gradient(160deg,#1a1e25,#12161c 56%,#0d1014)
}
body .discover-v3__intro-copy{
display:grid;
gap:8px
}
body .discover-v3__eyebrow{
display:inline-flex;
align-items:center;
min-height:24px;
width:max-content;
padding:0 10px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#d7dde4;
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase
}
body .discover-v3__intro-copy strong{
color:#f5f7fa;
font-size:24px;
line-height:1.05;
letter-spacing:-.05em
}
body .discover-v3__intro-copy p{
margin:0;
color:#b8c1ca;
font-size:13px;
line-height:1.7
}
body .discover-v3__intro-stats{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px
}
body .discover-v3__intro-stats span{
display:grid;
gap:4px;
padding:12px 10px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.06);
justify-items:center;
text-align:center
}
body .discover-v3__intro-stats strong{
color:#fff;
font-size:19px;
line-height:1;
letter-spacing:-.04em
}
body .discover-v3__intro-stats em{
color:#98a4b0;
font-style:normal;
font-size:11px
}
body .discover-v3__nav-shell{
display:block
}
body .discover-v3__nav-panel{
display:grid;
gap:12px;
padding:12px;
border-radius:24px;
border-color:rgba(255,255,255,.05)
}
body .discover-v3__portal-row{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px
}
body .discover-v3__portal{
min-height:72px;
padding:10px 8px;
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
display:grid;
align-content:center;
justify-items:center;
gap:5px;
color:#f2f5f8;
text-align:center
}
body .discover-v3__portal strong{
color:#fff;
font-size:16px;
line-height:1.05
}
body .discover-v3__portal span{
color:#9ba6b0;
font-size:11px
}
body .discover-v3__portal.is-active{
background:linear-gradient(135deg,rgba(73,215,255,.18),rgba(142,92,255,.18) 56%,rgba(255,88,200,.12));
border-color:rgba(157,188,255,.3);
box-shadow:0 16px 28px rgba(80,76,180,.16),inset 0 1px rgba(255,255,255,.12)
}
body .discover-v3__tab-row{
display:flex;
align-items:center;
gap:10px
}
body .discover-v3__tabs{
flex:1;
min-width:0;
display:flex;
gap:8px;
overflow-x:auto;
padding-bottom:2px;
scrollbar-width:none
}
body .discover-v3__tabs::-webkit-scrollbar{
display:none
}
body .discover-v3__tab{
flex:0 0 auto;
min-height:38px;
padding:0 14px;
border-radius:999px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.04);
color:#c7d0d8;
font-size:13px;
font-weight:700
}
body .discover-v3__tab.is-active{
background:linear-gradient(135deg,rgba(73,215,255,.18),rgba(142,92,255,.2));
border-color:rgba(173,200,255,.28);
color:#fff;
box-shadow:0 12px 22px rgba(109,78,255,.14)
}
body .discover-v3__filter-btn{
flex-shrink:0;
min-height:38px;
padding:0 12px;
border-radius:999px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.05);
display:inline-flex;
align-items:center;
gap:8px;
color:#eef2f6;
font-size:12px;
font-weight:800
}
body .discover-v3__filter-btn svg,
body .discover-v3__card-stat svg{
width:16px;
height:16px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round
}
body .discover-v3__filter-btn em{
min-width:18px;
height:18px;
padding:0 5px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:linear-gradient(135deg,#49d7ff,#8e5cff 52%,#ff58c8);
color:#fff;
font-style:normal;
font-size:10px
}
body .discover-v3__story-row{
display:flex;
gap:10px;
overflow-x:auto;
padding:2px 2px 4px;
scrollbar-width:none
}
body .discover-v3__story-row::-webkit-scrollbar{
display:none
}
body .discover-v3__story-card{
flex:0 0 82px;
min-width:82px;
display:grid;
gap:6px;
justify-items:center;
padding:0;
border:0;
background:transparent;
color:#c9d1d9;
text-align:center
}
body .discover-v3__story-media{
width:76px;
height:76px;
border-radius:24px;
display:grid;
place-items:center;
position:relative;
overflow:hidden;
border:1px solid rgba(255,255,255,.08);
background:
radial-gradient(circle at 18% 18%,var(--story-accent,rgba(255,255,255,.12)),transparent 38%),
linear-gradient(160deg,var(--story-shadow,#171a1f),#0b0d10 76%);
background-size:cover;
background-position:center;
box-shadow:0 14px 24px rgba(0,0,0,.22)
}
body .discover-v3__story-media.has-image:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(8,10,14,.02),rgba(8,10,14,.18))
}
body .discover-v3__story-fallback{
position:relative;
z-index:1;
color:#fff;
font-size:22px;
font-weight:900;
letter-spacing:-.04em
}
body .discover-v3__story-card strong{
color:#f1f4f7;
font-size:11px;
line-height:1.15
}
body .discover-v3__story-card span{
color:#909ca8;
font-size:10px;
line-height:1.2
}
body .discover-v3__map-preview{
display:grid;
gap:10px;
padding:14px;
border-radius:24px;
text-align:left
}
body .discover-v3__map-copy{
display:grid;
gap:6px
}
body .discover-v3__map-copy span{
display:inline-flex;
align-items:center;
min-height:22px;
width:max-content;
padding:0 9px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#dfe5ea;
font-size:10px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase
}
body .discover-v3__map-copy strong{
color:#fff;
font-size:18px;
line-height:1.15
}
body .discover-v3__map-copy p{
margin:0;
color:#b1bbc4;
font-size:12px;
line-height:1.65
}
body .discover-v3__map-meta{
display:flex;
gap:8px;
flex-wrap:wrap
}
body .discover-v3__map-meta span{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 10px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#d5dde4;
font-size:11px;
font-weight:700
}
body .discover-v3__panel{
display:grid;
gap:12px;
padding:14px;
border-radius:28px;
border-color:rgba(255,255,255,.05)
}
body .discover-v3__section-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px
}
body .discover-v3__section-copy{
display:grid;
gap:0
}
body .discover-v3__section-copy strong{
color:#fff;
font-size:21px;
line-height:1.05;
letter-spacing:-.04em
}
body .discover-v3__section-copy p{
margin:0;
color:#a9b3bc;
font-size:12px;
line-height:1.65
}
body .discover-v3__section-note{
display:inline-flex;
align-items:center;
min-height:26px;
padding:0 11px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#eef2f6;
font-size:11px;
font-weight:800;
white-space:nowrap
}
body .discover-v3__card-list{
display:grid;
gap:12px
}
body .discover-v3__card{
width:100%;
padding:14px;
border-radius:24px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(29,34,42,.96),rgba(19,22,28,.94));
display:grid;
gap:12px;
text-align:left;
box-shadow:0 16px 26px rgba(0,0,0,.18)
}
body .discover-v3__card-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px
}
body .discover-v3__card-main{
display:flex;
align-items:center;
gap:10px;
min-width:0
}
body .discover-v3__card-copy{
min-width:0;
display:grid;
gap:4px
}
body .discover-v3__card-title-row{
display:flex;
align-items:center;
gap:6px;
flex-wrap:wrap
}
body .discover-v3__card-title-row strong{
color:#fff;
font-size:16px;
line-height:1.05
}
body .discover-v3__card-badge{
display:inline-flex;
align-items:center;
min-height:22px;
padding:0 8px;
border-radius:999px;
background:rgba(255,184,108,.12);
border:1px solid rgba(255,184,108,.18);
color:#ffd29a;
font-size:10px;
font-weight:800
}
body .discover-v3__card-copy>span{
color:#98a4af;
font-size:11px;
line-height:1.45
}
body .discover-v3__card-state{
display:inline-flex;
align-items:center;
min-height:22px;
padding:0 9px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#d8e0e7;
font-style:normal;
font-size:10px;
font-weight:800;
white-space:nowrap
}
body .discover-v3__card-state.is-online{
background:rgba(56,209,134,.12);
border-color:rgba(56,209,134,.18);
color:#a9f0cb
}
body .discover-v3__card h3{
margin:0;
color:#f7f8fa;
font-size:18px;
line-height:1.15
}
body .discover-v3__card-content{
margin:0;
color:#d7dde4;
font-size:14px;
line-height:1.72
}
body .discover-v3__card-tags{
display:flex;
gap:8px;
flex-wrap:wrap
}
body .discover-v3__card-tags span{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 10px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#d5dde4;
font-size:11px;
font-weight:700
}
body .discover-v3__card-media{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px
}
body .discover-v3__card-media.media-1{
grid-template-columns:1fr
}
body .discover-v3__card-media.media-2{
grid-template-columns:repeat(2,minmax(0,1fr))
}
body .discover-v3__card-media-item{
display:block;
overflow:hidden;
border-radius:18px;
background:#0b0d11;
aspect-ratio:1/.84
}
body .discover-v3__card-media-item img{
width:100%;
height:100%;
display:block;
object-fit:cover
}
body .discover-v3__card-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px
}
body .discover-v3__card-location{
color:#99a5b0;
font-size:11px;
line-height:1.35
}
body .discover-v3__card-stats{
display:flex;
align-items:center;
gap:10px;
flex-shrink:0
}
body .discover-v3__card-stat{
display:inline-flex;
align-items:center;
gap:5px;
color:#dbe2e8
}
body .discover-v3__card-stat em{
font-style:normal;
font-size:11px;
font-weight:700
}
body .discover-v3__empty{
margin:0;
padding:18px 14px;
border-radius:20px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.06);
color:#aab5bf;
font-size:13px;
line-height:1.65;
text-align:center
}
body .discover-v3__filter-modal{
position:fixed;
inset:0;
z-index:1300;
display:grid;
place-items:center;
padding:20px
}
body .discover-v3__filter-backdrop{
position:absolute;
inset:0;
border:0;
background:rgba(5,7,10,.78);
backdrop-filter:blur(16px)
}
body .discover-v3__filter-card{
position:relative;
z-index:1;
width:min(100%,360px);
padding:16px;
border-radius:28px;
border:1px solid rgba(255,255,255,.12);
background:linear-gradient(180deg,rgba(20,23,29,.98),rgba(10,12,16,.96));
box-shadow:0 28px 52px rgba(0,0,0,.38);
display:grid;
gap:14px
}
body .discover-v3__filter-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px
}
body .discover-v3__filter-copy{
display:grid;
gap:4px
}
body .discover-v3__filter-copy strong{
color:#f6f7f9;
font-size:18px;
line-height:1.05
}
body .discover-v3__filter-copy span{
color:#aeb8c0;
font-size:12px
}
body .discover-v3__filter-close{
width:34px;
height:34px;
border-radius:14px;
border:1px solid rgba(255,255,255,.1);
background:rgba(255,255,255,.04);
color:#f6f7f9;
font-size:20px;
line-height:1
}
body .discover-v3__filter-section{
display:grid;
gap:8px
}
body .discover-v3__filter-label{
color:#eef2f6;
font-size:12px;
font-weight:800
}
body .discover-v3__filter-chip-row{
display:flex;
gap:8px;
flex-wrap:wrap
}
body .discover-v3__filter-chip{
min-height:34px;
padding:0 12px;
border-radius:14px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.04);
color:#d7dde4;
font-size:12px;
font-weight:700;
transition:transform .16s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease
}
body .discover-v3__filter-chip:active{
transform:scale(.96)
}
body .discover-v3__filter-chip.is-active{
background:linear-gradient(135deg,rgba(73,215,255,.24),rgba(142,92,255,.28) 56%,rgba(255,88,200,.18));
border-color:rgba(176,203,255,.3);
box-shadow:0 14px 26px rgba(109,78,255,.18);
color:#fff
}
body .discover-v3__filter-actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px
}
body .discover-v3__filter-ghost,
body .discover-v3__filter-primary{
min-height:42px;
border-radius:16px;
font-weight:800
}
body .discover-v3__filter-ghost{
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.04);
color:#e5ebf0
}
body .discover-v3__filter-primary{
border:0;
background:linear-gradient(135deg,#49d7ff,#8e5cff 48%,#ff58c8);
color:#fff;
box-shadow:0 18px 30px rgba(109,78,255,.28)
}
@media (max-width:640px){
body .discover-v3{
gap:10px;
padding-top:6px
}
body .discover-v3__intro,
body .discover-v3__panel,
body .discover-v3__map-preview{
padding:12px;
border-radius:24px
}
body .discover-v3__nav-panel{
padding:10px;
border-radius:22px
}
body .discover-v3__intro-copy strong{
font-size:21px
}
body .discover-v3__portal{
min-height:66px;
padding:9px 6px
}
body .discover-v3__portal strong{
font-size:15px
}
body .discover-v3__tab-row{
align-items:flex-start
}
body .discover-v3__filter-btn{
min-height:36px;
padding:0 10px
}
body .discover-v3__story-card{
flex-basis:78px;
min-width:78px
}
body .discover-v3__story-media{
width:72px;
height:72px;
border-radius:22px
}
body .discover-v3__section-copy strong{
font-size:19px
}
body .discover-v3__card{
padding:12px;
gap:10px;
border-radius:22px
}
body .discover-v3__card-content{
font-size:13px;
line-height:1.68
}
body .discover-v3__card-media-item{
border-radius:16px
}
body .discover-v3__filter-card{
width:min(100%,336px);
padding:14px;
border-radius:24px
}
}
@media (max-width:420px){
body .discover-v3__intro-stats{
grid-template-columns:1fr 1fr 1fr
}
body .discover-v3__portal-row{
gap:6px
}
body .discover-v3__portal{
min-height:62px;
border-radius:16px
}
body .discover-v3__portal strong{
font-size:14px
}
body .discover-v3__portal span{
font-size:10px
}
body .discover-v3__tab{
min-height:34px;
padding:0 12px;
font-size:12px
}
body .discover-v3__filter-btn span{
display:none
}
body .discover-v3__section-head{
flex-direction:column;
align-items:flex-start
}
body .discover-v3__card-top{
gap:8px
}
body .discover-v3__card-main{
gap:8px
}
body .discover-v3__card-footer{
align-items:flex-start;
flex-direction:column
}
body .discover-v3__card-stats{
width:100%;
justify-content:flex-end
}
}
@media (max-width:420px){
body .match-page__topbar{align-items:flex-start;gap:8px}
body .match-page__brand strong{font-size:18px}
body .match-page__topbar-actions{width:84px;gap:6px}
body .match-page__filter-btn{min-height:36px;padding:0 11px}
body .match-page__guide-btn{min-height:46px;padding:8px 9px}
body .match-page__guide-btn span{font-size:10px}
body .match-page__guide-btn em{font-size:9px}
body .match-page__portal-grid{gap:8px}
body .match-page__portal{min-height:72px;padding:8px 7px;border-radius:16px}
body .match-page__portal-kicker{padding:0 8px}
body .match-page__portal strong{font-size:12px}
body .match-page__portal em{font-size:8px;line-height:1.3}
body .match-page__notice-meta{grid-template-columns:minmax(0,1fr) auto;align-items:center}
body .app-shell--mobile .match-page.match-page--restored{padding-top:10px;padding-bottom:calc(84px + env(safe-area-inset-bottom));padding-left:6px;padding-right:6px}
body .match-page__deck-stage{padding-top:4px}
body .match-page__deck-shadow{left:4px;right:4px;min-height:82px;padding:8px 9px}
body .match-page__flip-face{gap:7px;padding:11px}
body .match-page__flip-avatar .sc-avatar--hero{width:74px;height:74px}
body .match-page__flip-copy h3{font-size:20px}
body .match-page__flip-meta{gap:6px}
body .match-page__flip-meta span{min-height:22px;padding:0 8px;font-size:10px}
body .match-page__flip-copy p{font-size:10px}
body .match-page__flip-tags span{min-height:20px;padding:0 8px;font-size:9px}
body .match-page__flip-note{min-height:28px;font-size:9px}
body .match-page__flip-back-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
body .match-page__flip-back-stats div{padding:7px 5px;border-radius:14px}
body .match-page__flip-back-stats strong{font-size:15px}
body .match-page__flip-back-stats span{font-size:9px}
body .match-page__flip-progress span{min-height:20px;padding:0 7px}
body .match-page__flip-actions{gap:5px}
body .match-page__flip-actions button{min-height:34px;padding:0 4px;font-size:9px;border-radius:12px}
body .match-page__empty-card{padding:18px 14px;border-radius:24px}
body .match-page__empty-card strong{font-size:20px}
body .match-page__empty-actions{grid-template-columns:1fr}
body .match-page__filter-modal{padding:16px}
body .match-page__filter-card{width:min(100%,320px);max-height:min(70dvh,520px);padding:12px;border-radius:22px;gap:10px}
body .match-page__guide-panel,body .match-page__region-panel{width:min(100%,320px)}
body .match-page__region-panel{width:min(100%,320px)}
body .match-page__filter-copy strong{font-size:16px}
body .match-page__filter-copy span{font-size:10px}
body .match-page__filter-card .core-sheet-section{padding:10px 11px}
body .match-page__filter-card .core-chip-btn{min-height:30px;padding:0 10px;font-size:10px}
body .match-page__filter-actions .core-primary-btn{min-height:38px}
body .match-page__favorite-actions{grid-template-columns:1fr}
}
/* ui-refresh-20260422k */
body.match-page-overlay-open,body.match-page-overlay-open .app-shell--mobile,body.match-page-overlay-open .app-shell--mobile .page-shell{overflow:hidden!important;overscroll-behavior:none!important}
body .match-page.match-page--restored{gap:10px;background:radial-gradient(circle at top center,rgba(255,255,255,.03),transparent 22%),linear-gradient(180deg,#030405,#090b0d 52%,#050607)}
body .app-shell--mobile .match-page.match-page--restored{padding-top:8px;padding-left:4px;padding-right:4px}
body .match-page__topbar{gap:8px;align-items:stretch}
body .match-page__notice{padding:8px 10px;border-radius:20px;gap:4px}
body .match-page__notice-head span,body .match-page__notice-head em,body .match-page__notice-meta strong{min-height:20px;font-size:9px}
body .match-page__notice p{font-size:9px}
body .match-page__notice-meta span{font-size:9px}
body .match-page__topbar-actions{width:88px;gap:6px}
body .match-page__filter-btn{min-height:36px;padding:0 12px;border-radius:15px}
body .match-page__guide-btn{min-height:48px;padding:8px 10px;gap:2px}
body .match-page__guide-btn span{font-size:10px}
body .match-page__guide-btn em{font-size:9px}
body .match-page__filter-btn--active{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(141,149,159,.2) 56%,rgba(74,82,91,.28));border-color:rgba(214,220,226,.16);box-shadow:0 16px 28px rgba(0,0,0,.26)}
body .match-page__portal-grid{gap:7px}
body .match-page__portal{min-height:68px;padding:8px 7px;border-radius:16px}
body .match-page__portal strong{font-size:12px}
body .match-page__portal em{font-size:8px;line-height:1.3}
body .match-page__deck,body .match-page__deck-stage,body .match-page__flip-card{min-height:0}
body .match-page__deck-stage{height:100%;padding-top:4px;display:grid;align-items:stretch}
body .match-page__deck-shadow{left:4px;right:4px;min-height:84px;padding:8px 9px}
body .match-page__flip-face{display:flex;flex-direction:column;justify-content:flex-start;height:100%;padding:11px 11px 10px;gap:7px}
body .match-page__flip-avatar .sc-avatar--hero{width:76px;height:76px}
body .match-page__flip-copy{gap:5px}
body .match-page__flip-copy h3{font-size:21px}
body .match-page__flip-copy p{-webkit-line-clamp:1;font-size:10px}
body .match-page__flip-meta{gap:6px}
body .match-page__flip-meta span{min-height:22px;padding:0 8px;font-size:10px}
body .match-page__flip-tags{gap:6px}
body .match-page__flip-tags span{min-height:21px;padding:0 8px;font-size:9px}
body .match-page__flip-note{min-height:28px;padding:0 10px;font-size:9px}
body .match-page__flip-back-stats{gap:6px}
body .match-page__flip-back-stats div{padding:7px 5px;border-radius:14px}
body .match-page__flip-back-stats strong{font-size:15px}
body .match-page__flip-back-stats span{font-size:9px}
body .match-page__flip-progress{margin-top:auto;padding-top:2px;font-size:9px}
body .match-page__flip-progress span{min-height:20px;padding:0 7px}
body .match-page__flip-actions{gap:5px}
body .match-page__flip-actions button{min-height:35px;padding:0 4px;font-size:9px;border-radius:12px}
body .match-page__filter-modal{padding:16px}
body .match-page__filter-card{width:min(100%,332px);max-height:min(66dvh,500px);padding:12px;border-radius:22px;gap:10px}
body .match-page__filter-sheet{max-height:min(38dvh,292px)}
body .match-page__filter-card .core-chip-btn.active{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(143,151,161,.2) 56%,rgba(74,82,91,.26));border-color:rgba(214,220,226,.18);box-shadow:0 12px 22px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.14);color:#fff}
body .match-page__filter-card .core-chip-btn.active:before{background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 48%)}
body .match-page__filter-card .core-link-btn.active{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(138,146,156,.18));border-color:rgba(214,220,226,.16);box-shadow:0 12px 22px rgba(0,0,0,.2);color:#fff}
body .match-page__guide-overlay,body .match-page__region-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;margin:0!important;display:grid!important;place-items:start center!important;align-content:start!important;padding:calc(env(safe-area-inset-top) + 12px) 16px 16px!important}
body .match-page__guide-overlay .core-overlay__backdrop,body .match-page__region-overlay .core-overlay__backdrop{position:absolute!important;inset:0!important;background:rgba(4,5,7,.76);backdrop-filter:blur(16px)}
body .match-page__guide-overlay .core-overlay__panel,body .match-page__region-overlay .core-overlay__panel{position:relative;z-index:1;align-self:start;margin:0!important;overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(20,22,27,.98),rgba(9,10,13,.96));box-shadow:0 28px 52px rgba(0,0,0,.4)}
body .match-page__guide-panel{width:min(100%,356px);max-height:calc(100dvh - env(safe-area-inset-top) - 28px)}
body .match-page__region-panel{width:min(100%,312px);max-height:calc(100dvh - env(safe-area-inset-top) - 28px)}
body .match-page__guide-overlay .core-overlay__head,body .match-page__region-overlay .core-overlay__head{padding:15px 15px 10px}
body .match-page__guide-overlay .core-overlay__title strong,body .match-page__region-overlay .core-overlay__title strong{color:#f6f8fb}
body .match-page__guide-overlay .core-overlay__title span,body .match-page__region-overlay .core-overlay__title span{color:#aab3bd}
body .match-page__guide-overlay .core-overlay__body,body .match-page__region-overlay .core-overlay__body{padding:0 14px 14px;overflow:hidden}
body .match-page__guide-overlay .core-overlay__footer,body .match-page__region-overlay .core-overlay__footer{padding:0 14px 14px}
body .match-page__guide-overlay .core-actions .core-secondary-btn,body .match-page__region-overlay .core-actions .core-secondary-btn{min-height:38px;border-radius:14px}
body .match-page__region-list{display:grid;gap:8px;max-height:min(46dvh,320px);overflow:auto;padding-top:2px;padding-right:2px;scrollbar-width:none}
body .match-page__region-list::-webkit-scrollbar{display:none}
body .match-page__region-list .core-menu-item{padding:12px 12px 12px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(247,249,252,.98),rgba(232,237,243,.96));border-color:rgba(18,24,32,.08);box-shadow:0 12px 22px rgba(0,0,0,.14)}
body .match-page__region-list .core-menu-item strong{color:#151a21}
body .match-page__region-list .core-menu-item span{color:#56616d}
body .match-page__region-list .core-menu-item em{background:rgba(20,24,31,.06);border-color:rgba(20,24,31,.08);color:#404b58}
body .match-page__region-list .core-menu-item.active{background:linear-gradient(180deg,rgba(246,248,251,.99),rgba(219,226,234,.96));border-color:rgba(32,39,48,.12);box-shadow:0 12px 22px rgba(0,0,0,.12)}
body .match-page__region-list .core-menu-item.active strong{color:#11161c}
body .match-page__region-list .core-menu-item.active span{color:#4b5662}
body .match-page__region-list .core-menu-item.active em{background:rgba(16,22,29,.1);border-color:rgba(16,22,29,.12);color:#151b22}
@media (max-width:640px){
body .match-page__topbar-actions{width:84px}
body .match-page__guide-btn{min-height:46px;padding:8px 9px}
body .match-page__portal{min-height:66px;padding:8px 6px}
body .app-shell--mobile .match-page.match-page--restored{padding-top:8px;padding-left:4px;padding-right:4px;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
body .match-page__guide-panel{width:min(100%,338px)}
body .match-page__region-panel{width:min(100%,304px)}
}
@media (max-width:420px){
body .match-page__topbar-actions{width:80px;gap:5px}
body .match-page__notice{padding:8px 9px}
body .match-page__flip-avatar .sc-avatar--hero{width:72px;height:72px}
body .match-page__flip-copy h3{font-size:20px}
body .match-page__filter-card{width:min(100%,316px);max-height:min(64dvh,480px)}
body .match-page__guide-panel{width:min(100%,316px)}
body .match-page__region-panel{width:min(100%,296px)}
}
/* ui-refresh-20260422ab */
body.match-page-active,
body.match-page-active .app-shell,
body.match-page-active .app-shell--mobile,
body.match-page-active .app-shell--mobile .page-shell{
background:#020304!important
}
body.match-page-active .app-shell--mobile .page-shell{
background:linear-gradient(180deg,#020304,#06080b 48%,#020304)!important
}
body.match-page-active .match-page.match-page--restored{
grid-template-rows:auto auto minmax(0,1fr);
gap:8px;
min-height:100%;
background:radial-gradient(circle at top center,rgba(255,255,255,.024),transparent 18%),linear-gradient(180deg,#020304,#07090c 52%,#020304)
}
body.match-page-active .app-shell--mobile .match-page.match-page--restored{
padding-top:8px;
padding-left:4px;
padding-right:4px;
padding-bottom:calc(84px + env(safe-area-inset-bottom))
}
body.match-page-active .match-page__success-toast{
top:calc(env(safe-area-inset-top) + 12px);
width:min(calc(100vw - 36px),320px);
padding:8px 10px;
border-radius:16px;
gap:3px;
background:linear-gradient(135deg,rgba(14,16,19,.96),rgba(7,8,11,.94));
box-shadow:0 16px 28px rgba(0,0,0,.3)
}
body.match-page-active .match-page__success-toast-kicker{
min-height:18px;
padding:0 8px;
font-size:9px
}
body.match-page-active .match-page__success-toast strong{
font-size:12px;
line-height:1.35;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
body.match-page-active .match-page__notice{
padding:7px 10px;
border-radius:18px
}
body.match-page-active .match-page__notice-head span,
body.match-page-active .match-page__notice-head em,
body.match-page-active .match-page__notice-meta strong{
min-height:18px;
font-size:9px
}
body.match-page-active .match-page__notice p,
body.match-page-active .match-page__notice-meta span{
font-size:9px
}
body.match-page-active .match-page__deck{
display:grid;
grid-template-rows:minmax(0,1fr);
min-height:0
}
body.match-page-active .match-page__deck-stage{
display:grid;
grid-template-rows:minmax(0,1fr);
align-items:stretch;
height:100%;
padding-top:2px;
min-height:0
}
body.match-page-active .match-page__flip-card{
display:grid;
min-height:0
}
body.match-page-active .match-page__flip-face{
display:flex;
flex-direction:column;
justify-content:flex-start;
height:100%;
min-height:0;
padding:10px 11px 10px;
gap:6px
}
body.match-page-active .match-page__flip-avatar .sc-avatar--hero{
width:74px;
height:74px
}
body.match-page-active .match-page__flip-copy{
gap:4px
}
body.match-page-active .match-page__flip-copy h3{
font-size:20px
}
body.match-page-active .match-page__flip-copy p{
-webkit-line-clamp:1;
font-size:10px
}
body.match-page-active .match-page__flip-meta,
body.match-page-active .match-page__flip-tags{
gap:6px
}
body.match-page-active .match-page__flip-meta span{
min-height:21px;
padding:0 8px;
font-size:10px
}
body.match-page-active .match-page__flip-tags span{
min-height:20px;
padding:0 8px;
font-size:9px
}
body.match-page-active .match-page__flip-note{
min-height:28px;
padding:0 10px;
font-size:9px
}
body.match-page-active .match-page__flip-back-stats{
gap:6px
}
body.match-page-active .match-page__flip-back-stats div{
padding:7px 5px;
border-radius:14px
}
body.match-page-active .match-page__flip-back-stats strong{
font-size:15px
}
body.match-page-active .match-page__flip-back-stats span{
font-size:9px
}
body.match-page-active .match-page__flip-progress{
margin-top:auto;
padding-top:2px;
font-size:9px
}
body.match-page-active .match-page__flip-progress span{
min-height:20px;
padding:0 7px
}
body.match-page-active .match-page__flip-actions{
gap:5px
}
body.match-page-active .match-page__flip-actions button{
min-height:35px;
padding:0 4px;
font-size:9px;
border-radius:12px
}
body.match-page-active .match-page__filter-modal{
padding:18px
}
body.match-page-active .match-page__filter-card{
width:min(100%,324px);
max-height:min(62dvh,470px);
padding:12px;
border-radius:22px;
gap:10px
}
body.match-page-active .match-page__filter-sheet{
max-height:min(34dvh,248px)
}
body.match-page-active .match-page__filter-card .core-chip-btn.active,
body.match-page-active .match-page__filter-card .core-chip-btn[aria-pressed="true"]{
background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(163,171,181,.24) 56%,rgba(83,91,101,.32));
border-color:rgba(234,239,244,.24);
box-shadow:0 14px 24px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.18);
color:#fff
}
body.match-page-active .match-page__filter-card .core-link-btn.active{
background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(150,158,168,.22));
border-color:rgba(224,230,236,.18);
box-shadow:0 12px 22px rgba(0,0,0,.24);
color:#fff
}
body.match-page-active .match-page__guide-overlay,
body.match-page-active .match-page__region-overlay{
padding:calc(env(safe-area-inset-top) + 10px) 16px 16px!important
}
body.match-page-active .match-page__guide-overlay .core-overlay__panel,
body.match-page-active .match-page__region-overlay .core-overlay__panel{
display:grid;
grid-template-rows:auto minmax(0,1fr) auto;
width:min(100%,336px);
max-height:calc(100dvh - env(safe-area-inset-top) - 24px);
border-radius:24px
}
body.match-page-active .match-page__guide-panel{
width:min(100%,336px)
}
body.match-page-active .match-page__region-panel{
width:min(100%,304px)
}
body.match-page-active .match-page__guide-overlay .core-overlay__body,
body.match-page-active .match-page__region-overlay .core-overlay__body{
padding:0 14px 12px;
overflow:auto
}
body.match-page-active .match-page__guide-overlay .core-overlay__footer,
body.match-page-active .match-page__region-overlay .core-overlay__footer{
padding:0 14px 12px
}
body.match-page-active .match-page__region-list{
max-height:none
}
@media (max-width:640px){
body.match-page-active .match-page__topbar-actions{width:84px}
body.match-page-active .match-page__guide-panel{width:min(100%,328px)}
body.match-page-active .match-page__region-panel{width:min(100%,300px)}
}
@media (max-width:420px){
body.match-page-active .match-page__success-toast{width:min(calc(100vw - 24px),304px)}
body.match-page-active .match-page__filter-card{width:min(100%,312px);max-height:min(60dvh,452px)}
body.match-page-active .match-page__guide-panel{width:min(100%,312px)}
body.match-page-active .match-page__region-panel{width:min(100%,292px)}
}
/* ui-refresh-20260422ae */
body .match-page__flip-visual{
position:relative;
overflow:hidden;
flex:1 1 auto;
display:grid;
align-content:start;
gap:10px;
min-height:180px;
padding:14px 14px 84px;
border-radius:20px;
border:1px solid rgba(255,255,255,.08);
background:radial-gradient(circle at top left,rgba(255,220,132,.14),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
box-shadow:inset 0 1px rgba(255,255,255,.05)
}
body .match-page__flip-visual-image{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
object-fit:cover;
transform:scale(1.01)
}
body .match-page__flip-visual--masked .match-page__flip-visual-image{
filter:blur(18px) saturate(.9) brightness(.54);
transform:scale(1.16)
}
body .match-page__flip-visual--text{
background:radial-gradient(circle at 18% 18%,rgba(255,220,132,.18),transparent 24%),radial-gradient(circle at 82% 84%,rgba(120,135,160,.18),transparent 26%),linear-gradient(180deg,#111317,#090b0e)
}
body .match-page__flip-visual-scrim{
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(5,6,9,.12),rgba(5,6,9,.24) 30%,rgba(5,6,9,.82) 100%)
}
body .match-page__flip-visual-head{
position:relative;
z-index:1;
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px
}
body .match-page__flip-visual-badge{
min-height:22px;
padding:0 9px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(6,8,11,.42);
border:1px solid rgba(255,255,255,.14);
backdrop-filter:blur(10px);
color:#f6f8fb;
font-style:normal;
font-size:10px;
font-weight:800;
letter-spacing:.04em
}
body .match-page__flip-visual-copy{
min-width:0;
display:grid;
gap:4px
}
body .match-page__flip-visual-copy strong{
color:#f7f8fa;
font-size:12px;
line-height:1.35
}
body .match-page__flip-visual-copy span{
color:#cfd5dc;
font-size:10px;
line-height:1.45;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
body .match-page__flip-visual-content{
position:relative;
z-index:1;
margin:0;
color:#f3f5f8;
font-size:14px;
line-height:1.7;
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden
}
body .match-page__flip-visual-tags{
position:relative;
z-index:1;
display:flex;
gap:6px;
flex-wrap:wrap
}
body .match-page__flip-visual-tags span{
min-height:22px;
padding:0 9px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.1);
color:#edf1f4;
font-size:9px;
font-weight:700
}
body .match-page__flip-visual-stats{
position:relative;
z-index:1;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px
}
body .match-page__flip-visual-stats div{
padding:8px 6px;
border-radius:14px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
display:grid;
gap:3px;
justify-items:center
}
body .match-page__flip-visual-stats strong{
color:#f8fafc;
font-size:14px;
line-height:1
}
body .match-page__flip-visual-stats span{
color:#b8c0c8;
font-size:9px;
font-weight:700
}
body .match-page__flip-visual-foot{
position:absolute;
left:14px;
right:14px;
bottom:58px;
z-index:1;
display:flex;
align-items:center;
justify-content:space-between;
gap:8px
}
body .match-page__flip-visual-foot span{
min-height:20px;
padding:0 8px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(6,8,11,.36);
border:1px solid rgba(255,255,255,.1);
color:#f5f7fa;
font-size:9px;
font-weight:800
}
body .match-page__flip-visual-foot em{
color:#cfd5dc;
font-style:normal;
font-size:9px;
line-height:1.35
}
body .match-page__flip-actions--floating{
position:absolute;
left:50%;
bottom:12px;
z-index:2;
width:min(calc(100% - 28px),244px);
grid-template-columns:repeat(3,minmax(0,1fr));
transform:translateX(-50%);
gap:6px
}
body .match-page__flip-actions--floating button{
min-height:34px;
padding:0 4px;
border-radius:12px;
font-size:10px;
font-weight:800;
backdrop-filter:blur(14px)
}
body .match-page__flip-actions--floating .core-secondary-btn,
body .match-page__flip-actions--floating .core-primary-btn{
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
box-shadow:none;
color:#fff
}
body .match-page__flip-actions--floating .core-primary-btn{
background:rgba(255,255,255,.14)
}
body.match-page-active .match-page__flip-visual{
min-height:188px;
padding:12px 12px 82px;
border-radius:18px
}
body.match-page-active .match-page__flip-visual-badge{
min-height:20px;
padding:0 8px;
font-size:9px
}
body.match-page-active .match-page__flip-visual-copy{
gap:3px
}
body.match-page-active .match-page__flip-visual-copy strong{
font-size:11px
}
body.match-page-active .match-page__flip-visual-copy span{
font-size:9px
}
body.match-page-active .match-page__flip-visual-content{
font-size:12px;
line-height:1.6;
-webkit-line-clamp:4
}
body.match-page-active .match-page__flip-visual-tags{
gap:5px
}
body.match-page-active .match-page__flip-visual-stats{
gap:6px
}
body.match-page-active .match-page__flip-visual-stats div{
padding:7px 5px
}
body.match-page-active .match-page__flip-visual-stats strong{
font-size:13px
}
body.match-page-active .match-page__flip-visual-foot{
left:12px;
right:12px;
bottom:54px
}
body.match-page-active .match-page__flip-actions--floating{
bottom:10px;
width:min(calc(100% - 24px),236px);
gap:5px
}
body.match-page-active .match-page__flip-actions--floating button{
min-height:32px;
font-size:9px
}
@media (max-width:420px){
body .match-page__flip-visual{min-height:172px;padding:12px 12px 80px}
body .match-page__flip-visual-content{-webkit-line-clamp:3}
body .match-page__flip-actions--floating{width:min(calc(100% - 24px),224px)}
body.match-page-active .match-page__flip-visual{min-height:172px}
}
/* ui-refresh-20260422af */
body .match-page__flip-visual{
position:relative;
overflow:hidden;
flex:1 1 auto;
display:grid;
align-content:start;
gap:12px;
min-height:242px;
padding:14px 14px 84px;
border-radius:22px;
border:1px solid rgba(255,255,255,.08);
background:
radial-gradient(circle at 14% 0,rgba(255,211,117,.1),transparent 24%),
radial-gradient(circle at 100% 12%,rgba(245,81,97,.08),transparent 26%),
linear-gradient(180deg,rgba(24,27,32,.98),rgba(9,11,15,.99));
box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 42px rgba(0,0,0,.26)
}
body .match-page__flip-visual-scrim{
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));
pointer-events:none
}
body .match-page__flip-visual-head{
position:relative;
z-index:1;
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px
}
body .match-page__flip-visual-copy{
min-width:0;
display:grid;
gap:4px
}
body .match-page__flip-visual-copy strong{
color:#f8fafc;
font-size:13px;
line-height:1.3
}
body .match-page__flip-visual-copy span{
color:#b4bec8;
font-size:10px;
line-height:1.45;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
body .match-page__flip-visual-badge{
min-height:22px;
padding:0 9px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(8,10,13,.5);
border:1px solid rgba(255,255,255,.12);
backdrop-filter:blur(10px);
color:#f8fafc;
font-style:normal;
font-size:10px;
font-weight:800;
letter-spacing:.04em
}
body .match-page__flip-visual-rail{
position:relative;
z-index:1;
display:flex;
gap:10px;
overflow-x:auto;
padding:2px 2px 4px;
margin:0 -2px;
scroll-snap-type:x proximity;
scrollbar-width:none;
-ms-overflow-style:none
}
body .match-page__flip-visual-rail::-webkit-scrollbar{
display:none
}
body .match-page__flip-story-card{
position:relative;
flex:0 0 146px;
min-width:146px;
height:122px;
padding:12px;
border-radius:20px;
border:1px solid rgba(255,255,255,.1);
background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
box-shadow:inset 0 1px rgba(255,255,255,.04);
display:grid;
align-content:start;
gap:8px;
scroll-snap-align:start;
overflow:hidden
}
body .match-page__flip-story-card--copy{
flex-basis:152px;
background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02))
}
body .match-page__flip-story-card--image{
flex-basis:136px;
padding:0;
background:#0e1014
}
body .match-page__flip-story-card--meta{
flex-basis:162px;
background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))
}
body .match-page__flip-story-kicker{
min-height:20px;
padding:0 8px;
border-radius:999px;
display:inline-grid;
place-items:center;
justify-self:start;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.09);
color:#edf2f7;
font-size:9px;
font-weight:800
}
body .match-page__flip-story-title{
color:#f8fafc;
font-size:12px;
line-height:1.4;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
body .match-page__flip-story-body{
margin:0;
color:#c7d0d9;
font-size:10px;
line-height:1.6;
display:-webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
overflow:hidden
}
body .match-page__flip-story-image{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
object-fit:cover
}
body .match-page__flip-story-image-shadow{
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(7,8,11,.04),rgba(7,8,11,.18) 48%,rgba(7,8,11,.56) 100%)
}
body .match-page__flip-story-image-label{
position:absolute;
left:10px;
bottom:10px;
min-height:22px;
padding:0 9px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(8,10,13,.48);
border:1px solid rgba(255,255,255,.14);
backdrop-filter:blur(10px);
color:#fff7f4;
font-size:10px;
font-weight:800
}
body .match-page__flip-story-tags{
display:flex;
gap:6px;
flex-wrap:wrap
}
body .match-page__flip-story-tags span{
min-height:20px;
padding:0 8px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#e7edf3;
font-size:9px;
font-weight:700
}
body .match-page__flip-story-stats{
margin-top:auto;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:4px
}
body .match-page__flip-story-stats div{
padding:7px 4px;
border-radius:13px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.07);
display:grid;
gap:2px;
justify-items:center
}
body .match-page__flip-story-stats strong{
color:#f8fafc;
font-size:12px;
line-height:1
}
body .match-page__flip-story-stats span{
color:#b7c1cb;
font-size:8px;
font-weight:700
}
body .match-page__flip-visual-foot{
position:absolute;
left:14px;
right:14px;
bottom:58px;
z-index:1;
display:flex;
align-items:center;
justify-content:space-between;
gap:8px
}
body .match-page__flip-visual-foot span{
min-height:20px;
padding:0 8px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(8,10,13,.38);
border:1px solid rgba(255,255,255,.1);
color:#f5f7fa;
font-size:9px;
font-weight:800
}
body .match-page__flip-visual-foot em{
color:#cbd4dd;
font-style:normal;
font-size:9px;
line-height:1.35
}
body .match-page__flip-actions--floating{
position:absolute;
left:50%;
bottom:12px;
z-index:2;
width:min(calc(100% - 28px),244px);
grid-template-columns:repeat(3,minmax(0,1fr));
transform:translateX(-50%);
gap:6px
}
body .match-page__flip-actions--floating button{
min-height:34px;
padding:0 4px;
border-radius:12px;
font-size:10px;
font-weight:800;
backdrop-filter:blur(14px)
}
body .match-page__flip-actions--floating .core-secondary-btn,
body .match-page__flip-actions--floating .core-primary-btn{
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
box-shadow:none;
color:#fff
}
body .match-page__flip-actions--floating .core-primary-btn{
background:rgba(255,255,255,.14)
}
body.match-page-active .match-page__flip-visual{
min-height:236px;
padding:12px 12px 82px;
border-radius:20px;
gap:10px
}
body.match-page-active .match-page__flip-visual-copy strong{
font-size:12px
}
body.match-page-active .match-page__flip-visual-copy span{
font-size:9px
}
body.match-page-active .match-page__flip-visual-badge{
min-height:20px;
padding:0 8px;
font-size:9px
}
body.match-page-active .match-page__flip-story-card{
flex-basis:138px;
min-width:138px;
height:114px;
padding:11px;
border-radius:18px
}
body.match-page-active .match-page__flip-story-card--copy{
flex-basis:146px
}
body.match-page-active .match-page__flip-story-card--image{
flex-basis:132px;
padding:0
}
body.match-page-active .match-page__flip-story-card--meta{
flex-basis:154px
}
body.match-page-active .match-page__flip-story-title{
font-size:11px
}
body.match-page-active .match-page__flip-story-body{
font-size:9px
}
body.match-page-active .match-page__flip-story-tags{
gap:5px
}
body.match-page-active .match-page__flip-story-stats strong{
font-size:11px
}
body.match-page-active .match-page__flip-visual-foot{
left:12px;
right:12px;
bottom:54px
}
body.match-page-active .match-page__flip-actions--floating{
bottom:10px;
width:min(calc(100% - 24px),236px);
gap:5px
}
body.match-page-active .match-page__flip-actions--floating button{
min-height:32px;
font-size:9px
}
@media (max-width:420px){
body .match-page__flip-visual{
min-height:228px;
padding:12px 12px 80px
}
body .match-page__flip-story-card{
flex-basis:132px;
min-width:132px;
height:108px
}
body .match-page__flip-story-card--copy{
flex-basis:142px
}
body .match-page__flip-story-card--meta{
flex-basis:148px
}
body .match-page__flip-actions--floating{
width:min(calc(100% - 24px),224px)
}
body.match-page-active .match-page__flip-visual{
min-height:228px
}
}
/* ui-refresh-20260422ag */
body .match-page__flip-story-card--placeholder{
background:
radial-gradient(circle at 16% 18%,rgba(255,255,255,.1),transparent 30%),
radial-gradient(circle at 82% 22%,rgba(255,76,110,.16),transparent 26%),
linear-gradient(145deg,#1b171d,#121419 62%,#0b0d10);
justify-content:space-between
}
body .match-page__flip-story-cover-mark{
width:50px;
height:50px;
border-radius:16px;
display:grid;
place-items:center;
background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04));
border:1px solid rgba(255,255,255,.14);
color:#fff;
font-size:22px;
font-weight:900;
letter-spacing:-.04em;
box-shadow:0 16px 26px rgba(0,0,0,.2)
}
body .match-page__flip-story-cover-copy{
display:grid;
gap:5px;
align-content:end
}
body.match-page-active .app-shell--mobile .page-shell{
overflow:hidden!important;
padding-bottom:calc(96px + env(safe-area-inset-bottom))!important
}
body.match-page-active .match-page{
height:100%;
min-height:0;
display:grid;
grid-template-rows:auto auto minmax(0,1fr);
gap:10px;
overflow:hidden;
align-content:stretch
}
body.match-page-active .core-tab-fab{
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(24px) scale(.88)
}
body.match-page-active .match-page__topbar{
gap:8px
}
body.match-page-active .match-page__notice{
padding:8px 10px;
border-radius:20px;
gap:4px
}
body.match-page-active .match-page__notice p{
font-size:9px;
line-height:1.3
}
body.match-page-active .match-page__notice-meta span,
body.match-page-active .match-page__notice-meta strong,
body.match-page-active .match-page__notice-head span,
body.match-page-active .match-page__notice-head em{
font-size:9px
}
body.match-page-active .match-page__topbar-actions{
width:80px
}
body.match-page-active .match-page__filter-btn,
body.match-page-active .match-page__guide-btn{
min-height:48px;
padding:9px 10px;
border-radius:15px
}
body.match-page-active .match-page__filter-btn span,
body.match-page-active .match-page__guide-btn span{
font-size:10px
}
body.match-page-active .match-page__filter-btn em,
body.match-page-active .match-page__guide-btn em{
font-size:9px
}
body.match-page-active .match-page__portal-grid{
gap:7px
}
body.match-page-active .match-page__portal{
min-height:78px;
padding:9px;
border-radius:16px;
gap:6px
}
body.match-page-active .match-page__portal-kicker{
min-height:20px;
padding:0 8px;
font-size:9px
}
body.match-page-active .match-page__portal strong{
font-size:13px
}
body.match-page-active .match-page__portal em{
font-size:9px;
line-height:1.35
}
body.match-page-active .match-page__deck{
min-height:0;
overflow:hidden
}
body.match-page-active .match-page__deck-stage{
padding-top:2px;
height:100%;
overflow:hidden
}
body.match-page-active .match-page__deck-shadow{
left:6px;
right:6px;
min-height:88px;
padding:8px 10px;
border-radius:20px
}
body.match-page-active .match-page__flip-card{
height:100%;
overflow:hidden
}
body.match-page-active .match-page__flip-face{
height:100%;
min-height:0;
padding:12px;
gap:8px;
border-radius:22px;
grid-template-rows:auto auto auto auto auto auto minmax(0,1fr)
}
body.match-page-active .match-page__flip-top{
gap:8px
}
body.match-page-active .match-page__flip-avatar .sc-avatar--hero{
width:84px;
height:84px
}
body.match-page-active .match-page__flip-copy{
gap:6px
}
body.match-page-active .match-page__flip-copy h3{
font-size:18px
}
body.match-page-active .match-page__flip-copy h3 span{
font-size:12px
}
body.match-page-active .match-page__flip-copy p{
font-size:10px;
line-height:1.45;
-webkit-line-clamp:1
}
body.match-page-active .match-page__flip-meta{
gap:6px
}
body.match-page-active .match-page__flip-meta span{
min-height:22px;
padding:0 8px;
font-size:10px
}
body.match-page-active .match-page__flip-tags{
gap:6px
}
body.match-page-active .match-page__flip-tags span{
min-height:20px;
padding:0 8px;
font-size:9px
}
body.match-page-active .match-page__flip-note{
min-height:30px;
padding:0 10px;
font-size:10px
}
body.match-page-active .match-page__flip-back-stats{
gap:6px
}
body.match-page-active .match-page__flip-back-stats div{
padding:8px 6px;
border-radius:14px
}
body.match-page-active .match-page__flip-back-stats strong{
font-size:14px
}
body.match-page-active .match-page__flip-back-stats span{
font-size:9px
}
body.match-page-active .match-page__flip-visual{
min-height:0;
height:100%;
padding:10px 10px 70px;
border-radius:18px;
gap:8px
}
body.match-page-active .match-page__flip-visual-head{
gap:8px
}
body.match-page-active .match-page__flip-visual-copy strong{
font-size:11px
}
body.match-page-active .match-page__flip-visual-copy span{
font-size:9px
}
body.match-page-active .match-page__flip-visual-badge{
min-height:19px;
padding:0 7px;
font-size:8px
}
body.match-page-active .match-page__flip-visual-rail{
gap:8px;
padding:1px 1px 4px
}
body.match-page-active .match-page__flip-story-card{
flex-basis:124px;
min-width:124px;
height:102px;
padding:10px;
border-radius:16px
}
body.match-page-active .match-page__flip-story-card--copy{
flex-basis:132px
}
body.match-page-active .match-page__flip-story-card--image{
flex-basis:120px;
padding:0
}
body.match-page-active .match-page__flip-story-card--meta{
flex-basis:136px
}
body.match-page-active .match-page__flip-story-card--placeholder{
flex-basis:128px
}
body.match-page-active .match-page__flip-story-kicker{
min-height:18px;
padding:0 7px;
font-size:8px
}
body.match-page-active .match-page__flip-story-cover-mark{
width:44px;
height:44px;
border-radius:14px;
font-size:18px
}
body.match-page-active .match-page__flip-story-title{
font-size:10px
}
body.match-page-active .match-page__flip-story-body{
font-size:8px;
line-height:1.45;
-webkit-line-clamp:4
}
body.match-page-active .match-page__flip-story-image-label{
left:8px;
bottom:8px;
min-height:20px;
padding:0 8px;
font-size:9px
}
body.match-page-active .match-page__flip-story-tags{
gap:4px
}
body.match-page-active .match-page__flip-story-tags span{
min-height:18px;
padding:0 7px;
font-size:8px
}
body.match-page-active .match-page__flip-story-stats{
gap:4px
}
body.match-page-active .match-page__flip-story-stats div{
padding:6px 3px;
border-radius:10px
}
body.match-page-active .match-page__flip-story-stats strong{
font-size:10px
}
body.match-page-active .match-page__flip-story-stats span{
font-size:7px
}
body.match-page-active .match-page__flip-visual-foot{
left:10px;
right:10px;
bottom:48px
}
body.match-page-active .match-page__flip-visual-foot span{
min-height:18px;
padding:0 7px;
font-size:8px
}
body.match-page-active .match-page__flip-visual-foot em{
font-size:8px
}
body.match-page-active .match-page__flip-actions--floating{
bottom:8px;
width:min(calc(100% - 20px),220px);
gap:5px
}
body.match-page-active .match-page__flip-actions--floating button{
min-height:30px;
border-radius:11px;
font-size:9px
}
@media (max-width:420px){
body.match-page-active .match-page{
gap:9px
}
body.match-page-active .match-page__portal{
min-height:74px
}
body.match-page-active .match-page__flip-face{
padding:11px;
gap:7px
}
body.match-page-active .match-page__flip-avatar .sc-avatar--hero{
width:80px;
height:80px
}
body.match-page-active .match-page__flip-copy h3{
font-size:17px
}
body.match-page-active .match-page__flip-visual{
padding:9px 9px 68px
}
body.match-page-active .match-page__flip-story-card{
flex-basis:118px;
min-width:118px;
height:98px
}
body.match-page-active .match-page__flip-story-card--copy{
flex-basis:126px
}
body.match-page-active .match-page__flip-story-card--meta{
flex-basis:130px
}
body.match-page-active .match-page__flip-actions--floating{
width:min(calc(100% - 18px),214px)
}
}
/* ui-refresh-20260422ah */
body .match-page__guide-overlay .core-overlay__panel,
body .match-page__guide-panel{
width:min(100%,348px)!important;
max-height:min(72dvh,560px)!important;
border-radius:24px!important
}
body.match-page-active .match-page__guide-overlay .core-overlay__panel,
body.match-page-active .match-page__guide-panel{
width:min(100%,324px)!important;
max-height:min(62dvh,470px)!important;
border-radius:22px!important
}
@media (max-width:420px){
body .match-page__guide-overlay .core-overlay__panel,
body .match-page__guide-panel,
body.match-page-active .match-page__guide-overlay .core-overlay__panel,
body.match-page-active .match-page__guide-panel{
width:min(100%,312px)!important;
max-height:min(60dvh,452px)!important
}
}
/* ui-refresh-20260422ai */
body .match-page__guide-overlay .core-overlay__panel,
body .match-page__guide-panel{
width:min(100%,348px)!important;
max-height:min(70dvh,540px)!important;
border-radius:22px!important
}
body .match-page__guide-overlay .core-overlay__head{
padding:13px 14px 8px!important
}
body .match-page__guide-overlay .core-overlay__title{
display:grid;
gap:3px
}
body .match-page__guide-overlay .core-overlay__title strong{
font-size:16px;
line-height:1.05;
letter-spacing:-.03em
}
body .match-page__guide-overlay .core-overlay__title span{
color:#b3bcc5;
font-size:10px;
line-height:1.45
}
body .match-page__guide-overlay .core-overlay__body{
padding:0 12px 10px!important;
overflow:auto!important
}
body .match-page__guide-overlay .core-overlay__footer{
padding:0 12px 12px!important
}
body .match-page__guide-overlay .core-actions .core-secondary-btn{
min-height:38px;
border-radius:14px
}
body .match-page__guide-sheet{
display:grid;
gap:8px;
max-height:min(40dvh,280px);
padding-right:2px;
overflow:auto;
scrollbar-width:none
}
body .match-page__guide-sheet::-webkit-scrollbar{
display:none
}
body .match-page__guide-item{
padding:10px 11px;
border-radius:16px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
display:grid;
gap:6px;
box-shadow:inset 0 1px rgba(255,255,255,.04)
}
body .match-page__guide-item-head{
display:flex;
align-items:center;
gap:8px;
min-width:0
}
body .match-page__guide-item-index{
width:26px;
height:26px;
border-radius:10px;
flex-shrink:0;
display:grid;
place-items:center;
background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(118,126,136,.18));
border:1px solid rgba(255,255,255,.1);
color:#f7f8fa;
font-size:10px;
font-weight:900;
letter-spacing:.08em
}
body .match-page__guide-item-head strong{
color:#f7f8fa;
font-size:13px;
line-height:1.24;
letter-spacing:-.01em
}
body .match-page__guide-item p{
margin:0;
color:#b8c1ca;
font-size:11px;
line-height:1.55
}
body .match-page__guide-tags{
display:flex;
gap:6px;
flex-wrap:wrap
}
body .match-page__guide-tags span{
min-height:22px;
padding:0 8px;
border-radius:999px;
display:inline-flex;
align-items:center;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#e8edf2;
font-size:10px;
font-weight:700
}
body.match-page-active .match-page__guide-overlay .core-overlay__panel,
body.match-page-active .match-page__guide-panel{
width:min(100%,324px)!important;
max-height:min(60dvh,452px)!important;
border-radius:22px!important
}
body.match-page-active .match-page__guide-overlay .core-overlay__head{
padding:12px 12px 8px!important
}
body.match-page-active .match-page__guide-overlay .core-overlay__body{
padding:0 11px 10px!important
}
body.match-page-active .match-page__guide-overlay .core-overlay__footer{
padding:0 11px 11px!important
}
body.match-page-active .match-page__guide-sheet{
gap:7px;
max-height:min(31dvh,214px)
}
body.match-page-active .match-page__guide-item{
padding:9px 10px;
gap:5px;
border-radius:15px
}
body.match-page-active .match-page__guide-item-head strong{
font-size:12px
}
body.match-page-active .match-page__guide-item p{
font-size:10px;
line-height:1.5
}
body.match-page-active .match-page__guide-tags span{
min-height:21px;
padding:0 7px;
font-size:9px
}
@media (max-width:420px){
body .match-page__guide-overlay .core-overlay__panel,
body .match-page__guide-panel,
body.match-page-active .match-page__guide-overlay .core-overlay__panel,
body.match-page-active .match-page__guide-panel{
width:min(100%,312px)!important;
max-height:min(58dvh,438px)!important
}
body .match-page__guide-sheet,
body.match-page-active .match-page__guide-sheet{
max-height:min(30dvh,204px)
}
}
/* ui-refresh-20260422aj */
body.match-page-active .app-shell--mobile .page-shell{
height:100dvh!important;
overflow:hidden!important;
padding-top:6px!important;
padding-bottom:calc(82px + env(safe-area-inset-bottom))!important
}
body.match-page-active .match-page{
height:calc(100dvh - 88px - env(safe-area-inset-bottom));
min-height:0;
display:grid;
grid-template-rows:auto auto minmax(0,1fr);
gap:8px;
overflow:hidden
}
body.match-page-active .match-page__topbar{
gap:7px;
align-items:stretch
}
body.match-page-active .match-page__notice{
padding:7px 9px;
border-radius:18px;
gap:4px
}
body.match-page-active .match-page__notice-head span,
body.match-page-active .match-page__notice-head em,
body.match-page-active .match-page__notice-meta strong{
min-height:18px;
font-size:8px
}
body.match-page-active .match-page__notice p{
font-size:8px;
line-height:1.25
}
body.match-page-active .match-page__notice-meta span{
font-size:8px
}
body.match-page-active .match-page__topbar-actions{
width:72px;
gap:5px
}
body.match-page-active .match-page__filter-btn,
body.match-page-active .match-page__guide-btn{
min-height:42px;
padding:7px 8px;
border-radius:14px
}
body.match-page-active .match-page__filter-btn span,
body.match-page-active .match-page__guide-btn span{
font-size:9px
}
body.match-page-active .match-page__filter-btn em,
body.match-page-active .match-page__guide-btn em{
font-size:8px
}
body.match-page-active .match-page__portal-grid{
gap:6px
}
body.match-page-active .match-page__portal{
min-height:62px;
padding:7px;
border-radius:15px;
gap:4px
}
body.match-page-active .match-page__portal-kicker{
min-height:18px;
padding:0 7px;
font-size:8px
}
body.match-page-active .match-page__portal strong{
font-size:12px
}
body.match-page-active .match-page__portal em{
font-size:8px;
line-height:1.25;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden
}
body.match-page-active .match-page__deck{
min-height:0;
overflow:hidden
}
body.match-page-active .match-page__deck-stage{
padding-top:0;
height:100%;
overflow:hidden
}
body.match-page-active .match-page__deck-shadow{
display:none
}
body.match-page-active .match-page__flip-card{
height:100%;
overflow:hidden
}
body.match-page-active .match-page__flip-face{
display:flex;
flex-direction:column;
height:100%;
min-height:0;
padding:10px;
gap:6px;
border-radius:20px
}
body.match-page-active .match-page__flip-top{
gap:7px
}
body.match-page-active .match-page__flip-avatar .sc-avatar--hero{
width:72px;
height:72px
}
body.match-page-active .match-page__flip-copy{
gap:4px
}
body.match-page-active .match-page__flip-copy h3{
font-size:16px
}
body.match-page-active .match-page__flip-copy h3 span{
font-size:11px
}
body.match-page-active .match-page__flip-copy p{
font-size:9px;
line-height:1.4;
-webkit-line-clamp:1
}
body.match-page-active .match-page__flip-meta{
gap:5px
}
body.match-page-active .match-page__flip-meta span{
min-height:20px;
padding:0 7px;
font-size:9px
}
body.match-page-active .match-page__flip-tags{
gap:5px
}
body.match-page-active .match-page__flip-tags span{
min-height:18px;
padding:0 7px;
font-size:8px
}
body.match-page-active .match-page__flip-note{
min-height:26px;
padding:0 9px;
font-size:9px
}
body.match-page-active .match-page__flip-back-stats{
gap:5px
}
body.match-page-active .match-page__flip-back-stats div{
padding:7px 5px;
border-radius:13px
}
body.match-page-active .match-page__flip-back-stats strong{
font-size:13px
}
body.match-page-active .match-page__flip-back-stats span{
font-size:8px
}
body.match-page-active .match-page__flip-visual{
flex:1 1 auto;
min-height:0;
height:auto;
display:grid;
grid-template-rows:auto minmax(0,1fr) auto;
gap:7px;
padding:9px;
border-radius:16px
}
body.match-page-active .match-page__flip-visual-head{
gap:7px
}
body.match-page-active .match-page__flip-visual-copy strong{
font-size:10px
}
body.match-page-active .match-page__flip-visual-copy span{
font-size:8px;
-webkit-line-clamp:1
}
body.match-page-active .match-page__flip-visual-badge{
min-height:18px;
padding:0 7px;
font-size:8px
}
body.match-page-active .match-page__flip-visual-rail{
min-height:0;
gap:7px;
padding:0 0 2px;
margin:0
}
body.match-page-active .match-page__flip-story-card{
flex-basis:120px;
min-width:120px;
height:96px;
padding:9px;
border-radius:14px;
gap:6px
}
body.match-page-active .match-page__flip-story-card--copy{
flex-basis:128px
}
body.match-page-active .match-page__flip-story-card--image{
flex-basis:112px;
padding:0
}
body.match-page-active .match-page__flip-story-card--meta{
flex-basis:132px
}
body.match-page-active .match-page__flip-story-card--placeholder{
flex-basis:118px
}
body.match-page-active .match-page__flip-story-kicker{
min-height:16px;
padding:0 6px;
font-size:7px
}
body.match-page-active .match-page__flip-story-title{
font-size:9px;
line-height:1.35
}
body.match-page-active .match-page__flip-story-body{
font-size:7px;
line-height:1.35;
-webkit-line-clamp:3
}
body.match-page-active .match-page__flip-story-image-label{
left:7px;
bottom:7px;
min-height:18px;
padding:0 7px;
font-size:8px
}
body.match-page-active .match-page__flip-story-tags{
gap:4px
}
body.match-page-active .match-page__flip-story-tags span{
min-height:15px;
padding:0 5px;
font-size:7px
}
body.match-page-active .match-page__flip-story-stats{
gap:3px
}
body.match-page-active .match-page__flip-story-stats div{
padding:5px 3px;
border-radius:9px
}
body.match-page-active .match-page__flip-story-stats strong{
font-size:9px
}
body.match-page-active .match-page__flip-story-stats span{
font-size:7px
}
body.match-page-active .match-page__flip-visual-foot{
position:static;
left:auto;
right:auto;
bottom:auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:6px;
margin-top:1px
}
body.match-page-active .match-page__flip-visual-foot span{
min-height:18px;
padding:0 7px;
font-size:8px
}
body.match-page-active .match-page__flip-visual-foot em{
min-width:0;
font-size:7px;
line-height:1.25;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
body .match-page__flip-actions--card{
position:static;
transform:none;
width:100%;
margin-top:6px;
gap:6px
}
body .match-page__flip-actions--card button{
min-height:34px;
padding:0 5px;
border-radius:12px;
font-size:10px;
font-weight:800;
backdrop-filter:blur(14px)
}
body .match-page__flip-actions--card .core-secondary-btn,
body .match-page__flip-actions--card .core-primary-btn{
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
box-shadow:none;
color:#fff
}
body .match-page__flip-actions--card .core-primary-btn{
background:linear-gradient(135deg,rgba(255,132,168,.9),rgba(255,205,96,.94))
}
body.match-page-active .match-page__flip-actions--card{
margin-top:6px;
gap:6px
}
body.match-page-active .match-page__flip-actions--card button{
min-height:33px;
font-size:10px
}
@media (max-width:420px){
body.match-page-active .app-shell--mobile .page-shell{
padding-bottom:calc(80px + env(safe-area-inset-bottom))!important
}
body.match-page-active .match-page{
height:calc(100dvh - 86px - env(safe-area-inset-bottom));
gap:7px
}
body.match-page-active .match-page__topbar-actions{
width:70px
}
body.match-page-active .match-page__portal{
min-height:60px
}
body.match-page-active .match-page__flip-face{
padding:9px
}
body.match-page-active .match-page__flip-avatar .sc-avatar--hero{
width:68px;
height:68px
}
body.match-page-active .match-page__flip-copy h3{
font-size:15px
}
body.match-page-active .match-page__flip-visual{
padding:8px;
gap:6px
}
body.match-page-active .match-page__flip-story-card{
flex-basis:112px;
min-width:112px;
height:90px
}
body.match-page-active .match-page__flip-story-card--copy{
flex-basis:120px
}
body.match-page-active .match-page__flip-story-card--meta{
flex-basis:124px
}
body.match-page-active .match-page__flip-actions--card button{
min-height:32px;
font-size:9px
}
}
/* ui-refresh-20260422ak */
body .match-page__flip-visual-rail{
--match-visual-gap:10px;
display:block;
overflow:hidden;
padding:2px 0 4px;
margin:0;
scroll-snap-type:none;
touch-action:none
}
body .match-page__flip-visual-track{
display:flex;
align-items:stretch;
gap:var(--match-visual-gap);
width:max-content;
will-change:transform
}
body .match-page__flip-visual-group{
display:flex;
align-items:stretch;
gap:var(--match-visual-gap);
flex:0 0 auto
}
body .match-page__flip-visual-rail--auto .match-page__flip-visual-track{
animation:match-page-visual-marquee 18s linear infinite
}
body.match-page-active .match-page__flip-visual-rail{
--match-visual-gap:7px
}
@keyframes match-page-visual-marquee{
0%{
transform:translateX(0)
}
100%{
transform:translateX(calc(-50% - var(--match-visual-gap)/2))
}
}
@media (prefers-reduced-motion:reduce){
body .match-page__flip-visual-rail--auto .match-page__flip-visual-track{
animation:none
}
}
/* h5-bottom-chrome-20260422 */
:root{
--sc-app-height:100dvh;
--sc-app-width:100vw
}
html,body,#root{
min-height:var(--sc-app-height);
background:#020304
}
body{
background:#020304
}
.app-shell{
min-height:var(--sc-app-height)!important;
background:linear-gradient(180deg,#020304,#06080b 48%,#020304)!important
}
.app-shell--mobile{
min-height:var(--sc-app-height)!important;
height:var(--sc-app-height)!important;
background:#020304;
isolation:isolate
}
.app-shell--mobile .page-shell{
min-height:var(--sc-app-height)!important;
height:var(--sc-app-height)!important
}
.app-shell--mobile:after{
content:"";
position:absolute;
right:0;
bottom:0;
left:0;
height:calc(env(safe-area-inset-bottom) + 34px);
background:linear-gradient(180deg,rgba(2,3,4,0),rgba(2,3,4,.82) 48%,#020304 100%);
pointer-events:none;
z-index:30
}
/* ui-refresh-20260422am */
body.match-page-active .match-page__flip-visual{
min-height:0;
height:auto;
padding:8px 8px 6px;
gap:6px;
border-radius:18px;
background:
radial-gradient(circle at 16% 14%,rgba(255,220,132,.08),transparent 24%),
radial-gradient(circle at 84% 18%,rgba(120,135,160,.12),transparent 26%),
linear-gradient(180deg,rgba(17,19,23,.96),rgba(8,10,13,.94));
box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 30px rgba(0,0,0,.24)
}
body.match-page-active .match-page__flip-visual-head{
align-items:center;
gap:6px
}
body.match-page-active .match-page__flip-visual-copy{
gap:2px
}
body.match-page-active .match-page__flip-visual-copy strong{
font-size:10px
}
body.match-page-active .match-page__flip-visual-copy span{
font-size:8px;
-webkit-line-clamp:1
}
body.match-page-active .match-page__flip-visual-badge{
min-height:18px;
padding:0 7px;
font-size:7px
}
body.match-page-active .match-page__flip-visual-rail{
padding:1px 0 2px;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)
}
body.match-page-active .match-page__flip-story-card{
flex-basis:126px;
min-width:126px;
height:96px;
padding:10px;
border-radius:16px;
gap:6px
}
body.match-page-active .match-page__flip-story-card--image,
body.match-page-active .match-page__flip-story-card--placeholder{
flex-basis:132px
}
body.match-page-active .match-page__flip-story-card--copy{
flex-basis:120px
}
body.match-page-active .match-page__flip-story-card--meta{
flex-basis:124px
}
body.match-page-active .match-page__flip-story-card--placeholder{
background:
radial-gradient(circle at 18% 18%,rgba(255,255,255,.12),transparent 24%),
radial-gradient(circle at 82% 20%,rgba(255,220,132,.16),transparent 24%),
linear-gradient(150deg,#1b171d,#121419 58%,#0b0d10)
}
body.match-page-active .match-page__flip-story-cover-mark{
width:40px;
height:40px;
border-radius:14px;
font-size:18px
}
body.match-page-active .match-page__flip-story-cover-copy{
gap:4px
}
body.match-page-active .match-page__flip-story-title{
font-size:10px;
line-height:1.35
}
body.match-page-active .match-page__flip-story-body{
font-size:8px;
line-height:1.4;
-webkit-line-clamp:3
}
body.match-page-active .match-page__flip-story-image-label{
left:8px;
bottom:8px;
min-height:18px;
padding:0 7px;
font-size:8px
}
body.match-page-active .match-page__flip-visual-foot{
gap:4px;
margin-top:0
}
body.match-page-active .match-page__flip-visual-foot span{
min-height:16px;
padding:0 6px;
font-size:7px
}
body.match-page-active .match-page__flip-visual-foot em{
font-size:7px
}
body .match-page__flip-visual-rail--auto .match-page__flip-visual-track{
animation-duration:16s
}
/* ui-refresh-20260422an */
body .discover-v2{
display:grid;
gap:12px;
padding-top:8px
}
body .discover-v2__hero{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);
gap:12px;
padding:14px;
border-radius:28px;
border:1px solid rgba(255,255,255,.08);
background:
radial-gradient(circle at 16% 18%,rgba(255,220,132,.12),transparent 24%),
radial-gradient(circle at 88% 16%,rgba(120,135,160,.14),transparent 26%),
linear-gradient(155deg,#17191d,#101215 58%,#090b0d);
box-shadow:0 22px 40px rgba(0,0,0,.28)
}
body .discover-v2__hero-copy{
display:grid;
gap:10px;
align-content:start
}
body .discover-v2__eyebrow{
display:inline-flex;
align-items:center;
min-height:24px;
width:max-content;
padding:0 10px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#edf0f3;
font-size:10px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase
}
body .discover-v2__hero-copy strong{
color:#f5f7fa;
font-size:28px;
line-height:1.04;
letter-spacing:-.04em
}
body .discover-v2__hero-copy p{
margin:0;
color:#bcc5ce;
font-size:13px;
line-height:1.7
}
body .discover-v2__hero-stats{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px
}
body .discover-v2__hero-stat{
padding:12px 10px;
border-radius:18px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
display:grid;
gap:4px
}
body .discover-v2__hero-stat strong{
color:#fff;
font-size:22px;
line-height:1;
letter-spacing:-.04em
}
body .discover-v2__hero-stat span{
color:#cad2da;
font-size:11px;
font-weight:700
}
body .discover-v2__hero-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
color:#c7d0d8;
font-size:11px
}
body .discover-v2__hero-meta em{
color:#eef1f4;
font-style:normal;
font-size:11px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
body .discover-v2__entry-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px
}
body .discover-v2__entry{
position:relative;
overflow:hidden;
min-height:88px;
padding:12px;
border-radius:22px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(165deg,#1c1f24,#121418 58%,#0b0d10);
display:grid;
align-content:space-between;
gap:8px;
text-align:left;
color:#fff;
font:inherit;
box-shadow:0 16px 26px rgba(0,0,0,.24)
}
body .discover-v2__entry:before{
content:"";
position:absolute;
top:-20px;
right:-16px;
width:96px;
height:96px;
background:radial-gradient(circle,rgba(255,255,255,.1),transparent 64%);
pointer-events:none
}
body .discover-v2__entry-note{
display:inline-flex;
align-items:center;
min-height:22px;
width:max-content;
padding:0 8px;
border-radius:999px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.08);
color:#edf1f5;
font-size:10px;
font-weight:800
}
body .discover-v2__entry strong{
color:#fff;
font-size:18px;
line-height:1.04;
letter-spacing:-.03em
}
body .discover-v2__entry em{
color:#c4ccd4;
font-style:normal;
font-size:11px;
line-height:1.5
}
body .discover-v2__entry.is-active{
border-color:rgba(255,255,255,.16);
background:
radial-gradient(circle at top right,rgba(255,255,255,.14),transparent 34%),
linear-gradient(165deg,#23262c,#171a1f 58%,#0d1013);
box-shadow:0 18px 30px rgba(0,0,0,.28)
}
body .discover-v2__entry.is-active .discover-v2__entry-note{
background:rgba(255,255,255,.12);
border-color:rgba(255,255,255,.16);
color:#fff
}
body .discover-v2__portal-shell{
display:grid;
gap:10px
}
body .discover-v2__section{
padding:14px;
border-radius:26px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(18,20,24,.96),rgba(9,10,13,.94));
box-shadow:0 18px 34px rgba(0,0,0,.24);
display:grid;
gap:12px
}
body .discover-v2__section-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px
}
body .discover-v2__section-head--stack{
align-items:flex-end
}
body .discover-v2__section-head span{
display:inline-flex;
align-items:center;
min-height:22px;
padding:0 8px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#edf0f3;
font-size:10px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
width:max-content
}
body .discover-v2__section-head strong{
display:block;
margin-top:8px;
color:#fff;
font-size:22px;
line-height:1.02;
letter-spacing:-.04em
}
body .discover-v2__section-head p{
margin:6px 0 0;
color:#b8c1c9;
font-size:12px;
line-height:1.65
}
body .discover-v2__section-action{
min-height:38px;
padding:0 14px;
border-radius:16px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.05);
color:#f3f5f7;
font:inherit;
font-size:12px;
font-weight:800
}
body .discover-v2__portal-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px
}
body .discover-v2__portal-card{
position:relative;
overflow:hidden;
min-height:124px;
padding:14px;
border-radius:22px;
border:1px solid rgba(255,255,255,.08);
background:
radial-gradient(circle at 82% 18%,rgba(255,255,255,.08),transparent 26%),
linear-gradient(160deg,#1a1d22,#111317 62%,#0a0d10);
display:grid;
align-content:end;
gap:8px;
text-align:left;
color:#fff;
box-shadow:0 16px 28px rgba(0,0,0,.2)
}
body .discover-v2__portal-card span{
display:inline-flex;
align-items:center;
min-height:22px;
width:max-content;
padding:0 8px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#edf1f5;
font-size:10px;
font-weight:800
}
body .discover-v2__portal-card strong{
color:#fff;
font-size:21px;
line-height:1.08;
letter-spacing:-.04em
}
body .discover-v2__portal-card em{
color:#bcc5cd;
font-style:normal;
font-size:12px;
line-height:1.58
}
body .discover-v2__inline-list{
display:grid;
gap:8px
}
body .discover-v2__inline-item{
width:100%;
padding:12px 14px;
border-radius:18px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.04);
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
text-align:left;
color:#fff
}
body .discover-v2__inline-item>div{
flex:1;
display:grid;
gap:4px;
min-width:0
}
body .discover-v2__inline-item strong{
color:#fff;
font-size:14px;
line-height:1.2
}
body .discover-v2__inline-item span{
color:#bcc5cd;
font-size:11px;
line-height:1.55
}
body .discover-v2__inline-item em{
min-height:28px;
padding:0 10px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#eef1f4;
font-style:normal;
font-size:10px;
font-weight:800;
white-space:nowrap
}
body .discover-v2__map-preview{
position:relative;
overflow:hidden;
width:100%;
padding:14px;
border-radius:22px;
border:1px solid rgba(255,255,255,.08);
background:
radial-gradient(circle at 82% 18%,rgba(118,152,198,.16),transparent 30%),
radial-gradient(circle at 14% 72%,rgba(255,220,132,.12),transparent 28%),
linear-gradient(160deg,#171a1f,#101216 62%,#0a0c10);
display:grid;
gap:8px;
text-align:left;
color:#fff;
box-shadow:0 16px 28px rgba(0,0,0,.2)
}
body .discover-v2__map-preview-tag{
display:inline-flex;
align-items:center;
min-height:22px;
width:max-content;
padding:0 8px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#edf1f5;
font-size:10px;
font-weight:800
}
body .discover-v2__map-preview strong{
color:#fff;
font-size:20px;
line-height:1.12;
letter-spacing:-.04em
}
body .discover-v2__map-preview p{
margin:0;
color:#bcc5cd;
font-size:12px;
line-height:1.62
}
body .discover-v2__map-preview-meta{
display:flex;
gap:6px;
flex-wrap:wrap
}
body .discover-v2__map-preview-meta span{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 9px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#edf1f5;
font-size:10px;
font-weight:700
}
body .discover-v2__people-list{
display:grid;
gap:12px
}
body .discover-v2__people-card{
width:100%;
padding:14px;
border-radius:24px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
display:grid;
gap:10px;
text-align:left;
color:#fff;
box-shadow:0 16px 28px rgba(0,0,0,.18)
}
body .discover-v2__people-card-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px
}
body .discover-v2__people-main{
flex:1;
min-width:0;
display:flex;
gap:12px;
align-items:flex-start
}
body .discover-v2__people-copy{
flex:1;
min-width:0;
display:grid;
gap:6px
}
body .discover-v2__people-title-row{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap
}
body .discover-v2__people-title-row strong{
color:#fff;
font-size:22px;
line-height:1.04;
letter-spacing:-.03em
}
body .discover-v2__people-badge{
display:inline-flex;
align-items:center;
min-height:22px;
padding:0 8px;
border-radius:999px;
background:rgba(255,220,132,.14);
border:1px solid rgba(255,220,132,.18);
color:#ffe4a8;
font-size:10px;
font-weight:800
}
body .discover-v2__people-meta{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
color:#c3ccd5;
font-size:12px
}
body .discover-v2__people-pill{
display:inline-flex;
align-items:center;
min-height:22px;
padding:0 8px;
border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.08);
color:#ecf1f5;
font-size:11px;
font-weight:800
}
body .discover-v2__people-copy p{
margin:0;
color:#b8c1ca;
font-size:13px;
line-height:1.65
}
body .discover-v2__presence{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 10px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#eef1f4;
font-style:normal;
font-size:11px;
font-weight:800;
white-space:nowrap
}
body .discover-v2__presence.is-online{
background:rgba(94,194,128,.14);
border-color:rgba(94,194,128,.18);
color:#d4f7de
}
body .discover-v2__people-gallery{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px
}
body .discover-v2__people-gallery-item{
position:relative;
overflow:hidden;
display:block;
border-radius:18px;
border:1px solid rgba(255,255,255,.08);
background:#0c0f12;
aspect-ratio:1/1
}
body .discover-v2__people-gallery-item img{
display:block;
width:100%;
height:100%;
object-fit:cover
}
body .discover-v2__mode-switch{
display:flex;
gap:8px;
flex-wrap:wrap
}
body .discover-v2__mode-tab{
min-height:38px;
padding:0 16px;
border-radius:999px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.04);
color:#dbe1e7;
font:inherit;
font-size:12px;
font-weight:800
}
body .discover-v2__mode-tab.active{
background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(128,136,146,.24));
border-color:rgba(255,255,255,.14);
color:#fff;
box-shadow:0 14px 24px rgba(0,0,0,.24)
}
body .discover-v2__story-row{
display:flex;
gap:10px;
overflow-x:auto;
padding-bottom:2px;
scrollbar-width:none
}
body .discover-v2__story-row::-webkit-scrollbar{
display:none
}
body .discover-v2__story-item{
position:relative;
flex:0 0 82px;
min-width:82px;
display:grid;
gap:6px;
justify-items:center;
text-align:center;
background:transparent;
border:0;
color:#dbe2e8
}
body .discover-v2__story-image,
body .discover-v2__story-fallback{
width:74px;
height:74px;
border-radius:22px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(165deg,#1c1f24,#121418 58%,#0b0d10);
box-shadow:0 14px 24px rgba(0,0,0,.22)
}
body .discover-v2__story-image{
object-fit:cover
}
body .discover-v2__story-fallback{
color:#fff;
font-size:24px;
font-weight:900
}
body .discover-v2__story-badge{
position:absolute;
right:6px;
bottom:30px;
width:22px;
height:22px;
border-radius:999px;
display:grid;
place-items:center;
background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(128,136,146,.26));
border:1px solid rgba(255,255,255,.14);
color:#fff;
font-style:normal;
font-size:12px;
font-weight:900
}
body .discover-v2__story-item strong{
color:#fff;
font-size:12px;
line-height:1.2
}
body .discover-v2__story-item span{
color:#aeb8c1;
font-size:10px
}
body .discover-v2__feed-list{
display:grid;
gap:14px
}
body .discover-v2 .core-post-card--editorial{
padding:16px;
border-radius:28px;
background:linear-gradient(180deg,rgba(18,20,24,.98),rgba(9,10,13,.96));
border:1px solid rgba(255,255,255,.08);
box-shadow:0 22px 36px rgba(0,0,0,.26)
}
body .discover-v2 .core-post-card--editorial .core-post-meta strong,
body .discover-v2 .core-post-card--editorial p{
color:#fff
}
body .discover-v2 .core-post-card--editorial .core-post-meta span,
body .discover-v2 .core-post-card--editorial .core-post-topic{
color:#bfc8d0
}
body .discover-v2 .core-post-card--editorial .core-post-image-btn{
border-radius:22px;
border-color:rgba(255,255,255,.08);
background:#0d1014
}
body .discover-v2 .core-post-card--editorial .core-post-cover__tag{
background:rgba(6,8,11,.68);
border-color:rgba(255,255,255,.14)
}
body .discover-v2 .core-post-card--editorial .core-post-cover__badge{
background:linear-gradient(135deg,rgba(255,220,132,.22),rgba(115,125,136,.28));
border-color:rgba(255,255,255,.16)
}
body .discover-v2 .core-post-card--editorial .core-post-action-btn{
background:rgba(255,255,255,.04);
border-color:rgba(255,255,255,.08);
box-shadow:none;
color:#eef2f5
}
body .discover-v2 .core-post-card--editorial .core-post-action-btn.active{
background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(128,136,146,.24));
border-color:rgba(255,255,255,.12)
}
body .discover-v2 .core-post-card--editorial .core-chip{
background:rgba(255,255,255,.06);
color:#edf0f3
}
body .discover-v2__knowledge-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px
}
body .discover-v2__knowledge-card{
position:relative;
overflow:hidden;
min-height:168px;
padding:16px;
border-radius:24px;
border:1px solid rgba(255,255,255,.08);
background:
radial-gradient(circle at top right,rgba(255,220,132,.1),transparent 28%),
linear-gradient(160deg,#1a1d22,#111317 60%,#0b0d10);
display:grid;
align-content:space-between;
gap:10px;
text-align:left;
color:#fff
}
body .discover-v2__knowledge-card--featured{
grid-column:span 2;
min-height:188px
}
body .discover-v2__knowledge-meta{
display:inline-flex;
align-items:center;
min-height:22px;
width:max-content;
padding:0 8px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#edf1f5;
font-size:10px;
font-weight:800
}
body .discover-v2__knowledge-card strong{
color:#fff;
font-size:22px;
line-height:1.08;
letter-spacing:-.04em
}
body .discover-v2__knowledge-card p{
margin:0;
color:#bcc4cc;
font-size:13px;
line-height:1.7
}
body .discover-v2__knowledge-card em{
color:#eef1f4;
font-style:normal;
font-size:11px;
font-weight:800
}
body .discover-v2__empty{
margin:0;
color:#b6bec7;
font-size:13px;
line-height:1.7
}
@media (max-width:640px){
body .discover-v2__hero{
grid-template-columns:1fr
}
body .discover-v2__hero-copy strong{
font-size:24px
}
body .discover-v2__hero-meta{
flex-direction:column;
align-items:flex-start
}
body .discover-v2__section-head,
body .discover-v2__section-head--stack{
flex-direction:column;
align-items:stretch
}
body .discover-v2__people-card-head{
flex-direction:column
}
body .discover-v2__people-main{
align-items:center
}
body .discover-v2__presence{
align-self:flex-start
}
body .discover-v2__knowledge-grid{
grid-template-columns:1fr
}
body .discover-v2__knowledge-card--featured{
grid-column:auto
}
}
/* discover-dark-final-20260422bc */
body.discover-page-active,
body.discover-page-active #root{
background:#080b10;
color:#eef1f4
}
body.discover-page-active .app-shell{
background:
radial-gradient(circle at top,rgba(68,80,96,.22),transparent 34%),
linear-gradient(180deg,#080b10 0%,#0c1117 56%,#090d12 100%)
}
body.discover-page-active .app-shell--mobile:before{
background:radial-gradient(circle at center,rgba(78,93,112,.16),transparent 40%),#080b10
}
body.discover-page-active .core-tab-bar__shell{
margin:10px 12px 0;
padding:0 8px;
border-radius:28px;
background:rgba(10,13,17,.88)!important;
border:1px solid rgba(95,108,124,.22)!important;
box-shadow:0 18px 32px rgba(0,0,0,.34)!important;
backdrop-filter:blur(20px)
}
body.discover-page-active .core-tab-item{
color:#76808d
}
body.discover-page-active .core-tab-item.active{
color:#eff3f6
}
body.discover-page-active .core-tab-item.active .core-tab-item__icon{
background:linear-gradient(180deg,rgba(93,106,124,.26),rgba(32,39,48,.64));
box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 24px rgba(0,0,0,.26)
}
body.discover-page-active .core-tab-item__active{
background:linear-gradient(90deg,#dbe2ea,#8894a3)
}
body.discover-page-active .core-tab-item__badge{
background:linear-gradient(135deg,#ff7c93,#ffb46f);
box-shadow:0 10px 20px rgba(255,124,147,.28)
}
body .discover-xhs{
gap:10px;
padding-top:4px;
padding-bottom:calc(96px + env(safe-area-inset-bottom))
}
body .discover-xhs__chrome{
gap:10px;
padding:2px 0 8px;
background:linear-gradient(180deg,rgba(8,11,16,.98) 0%,rgba(8,11,16,.92) 70%,rgba(8,11,16,0) 100%);
backdrop-filter:blur(18px)
}
body .discover-xhs__topbar{
gap:10px
}
body .discover-xhs__brand{
gap:10px
}
body .discover-xhs__brand-copy{
gap:2px
}
body .discover-xhs__brand-copy strong{
color:#f1f5f7;
font-size:18px;
letter-spacing:-.03em
}
body .discover-xhs__brand-meta{
color:#98a4b2;
font-size:12px
}
body .discover-xhs__top-actions{
gap:6px
}
body .discover-xhs__top-action{
width:40px;
height:40px;
border-radius:14px;
border:1px solid rgba(95,108,124,.24);
background:rgba(17,22,29,.88);
color:#e8edf2;
box-shadow:0 12px 20px rgba(0,0,0,.28)
}
body .discover-xhs__search-bar{
padding:14px 14px 14px 20px;
border:1px solid rgba(95,108,124,.24);
border-radius:20px;
background:linear-gradient(180deg,rgba(16,21,28,.96),rgba(12,17,23,.94));
box-shadow:0 16px 24px rgba(0,0,0,.24);
gap:12px
}
body .discover-xhs__search-bar:before{
background:linear-gradient(180deg,#8c98a6,#4d5968)
}
body .discover-xhs__search-index{
color:#f3f6f8;
font-size:20px
}
body .discover-xhs__search-copy{
color:#c2cad3;
font-size:14px;
font-weight:600
}
body .discover-xhs__search-icon{
width:42px;
height:42px;
background:rgba(255,255,255,.04);
color:#f1f5f7
}
body .discover-xhs__shortcut-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px
}
body .discover-xhs__shortcut{
padding:12px 8px;
border-radius:20px;
border:1px solid rgba(95,108,124,.22);
background:linear-gradient(180deg,#11161d,#0d1218);
box-shadow:0 14px 24px rgba(0,0,0,.2)
}
body .discover-xhs__shortcut.is-active{
background:linear-gradient(180deg,#19212b,#11171f);
border-color:rgba(150,166,184,.3);
box-shadow:0 18px 28px rgba(0,0,0,.28)
}
body .discover-xhs__shortcut-icon{
width:38px;
height:38px;
border-radius:13px;
background:linear-gradient(180deg,rgba(112,128,146,.24),rgba(47,56,67,.62));
color:#edf3f8;
box-shadow:inset 0 1px rgba(255,255,255,.08)
}
body .discover-xhs__shortcut-copy strong{
color:#eff3f6;
font-size:13px
}
body .discover-xhs__shortcut-copy em{
color:#8e98a5;
font-size:10px
}
body .discover-xhs__tab-row{
align-items:center;
gap:8px
}
body .discover-xhs__tabs{
gap:16px
}
body .discover-xhs__tab{
padding-bottom:8px;
color:#7f8994;
font-size:15px;
font-weight:700
}
body .discover-xhs__tab.is-active{
color:#f4f7fa;
font-size:17px
}
body .discover-xhs__tab.is-active:after{
height:3px;
background:linear-gradient(90deg,#e7edf3,#8f9baa)
}
body .discover-xhs__tabs-more{
width:30px;
height:30px;
border-radius:999px;
background:rgba(255,255,255,.04);
color:#c6d0da
}
body .discover-xhs__tab-shell{
gap:10px;
padding:0 2px 2px
}
body .discover-xhs__story-card{
color:#7f8994
}
body .discover-xhs__story-media{
width:70px;
height:70px;
border-radius:22px;
border:1px solid rgba(95,108,124,.22);
box-shadow:0 12px 20px rgba(0,0,0,.22);
background:
radial-gradient(circle at 18% 18%,var(--story-accent,rgba(255,255,255,.18)),transparent 36%),
linear-gradient(160deg,var(--story-shadow,#1a2129),#0d1218 90%)
}
body .discover-xhs__story-card strong{
color:#eef3f6
}
body .discover-xhs__story-card span{
color:#8a95a2
}
body .discover-xhs__content,
body .discover-xhs__feed-list{
gap:10px
}
body .discover-xhs__waterfall-card,
body .discover-xhs__feed-card,
body .discover-xhs__nearby-card,
body .discover-xhs__empty,
body .discover-xhs__filter-card{
border:1px solid rgba(95,108,124,.18);
background:linear-gradient(180deg,#10151b,#0d1218);
box-shadow:0 18px 28px rgba(0,0,0,.24)
}
body .discover-xhs__waterfall-card{
border-radius:22px;
background:#0d1218
}
body .discover-xhs__waterfall-media,
body .discover-xhs__feed-media-item,
body .discover-xhs__nearby-cover{
background:#151b23
}
body .discover-xhs__waterfall-label,
body .discover-xhs__nearby-cover-meta span{
background:rgba(8,11,16,.7);
border-color:rgba(255,255,255,.08)
}
body .discover-xhs__waterfall-body{
gap:8px;
padding:12px
}
body .discover-xhs__waterfall-title,
body .discover-xhs__feed-card h3,
body .discover-xhs__nearby-foot strong{
color:#eef3f6
}
body .discover-xhs__waterfall-author strong{
color:#dce3ea
}
body .discover-xhs__waterfall-author em,
body .discover-xhs__feed-place,
body .discover-xhs__nearby-foot span,
body .discover-xhs__empty{
color:#87919d
}
body .discover-xhs__waterfall-like,
body .discover-xhs__feed-top-tags span,
body .discover-xhs__feed-tags span,
body .discover-xhs__nearby-tags span,
body .discover-xhs__feed-inline-meta span{
background:rgba(255,255,255,.05);
color:#bcc6d1
}
body .discover-xhs__feed-card{
padding:16px 16px 14px;
border-radius:24px;
gap:12px
}
body .discover-xhs__feed-author-row strong,
body .discover-xhs__nearby-title strong{
color:#f1f5f7
}
body .discover-xhs__feed-author-row span,
body .discover-xhs__nearby-title span{
background:rgba(255,255,255,.05);
color:#c6d0da
}
body .discover-xhs__feed-author-copy>span,
body .discover-xhs__nearby-copy>span{
color:#94a0ad
}
body .discover-xhs__feed-state,
body .discover-xhs__nearby-state{
background:rgba(255,255,255,.05);
color:#adb8c4
}
body .discover-xhs__feed-state.is-online,
body .discover-xhs__nearby-state.is-online{
background:rgba(55,124,86,.22);
color:#9be2b7
}
body .discover-xhs__feed-content,
body .discover-xhs__nearby-body p{
color:#d4dbe3;
font-size:14px;
line-height:1.68
}
body .discover-xhs__feed-poster{
background:
radial-gradient(circle at 18% 18%,var(--discover-cover-accent),transparent 34%),
linear-gradient(160deg,var(--discover-cover-shadow),#111820 90%);
box-shadow:inset 0 1px rgba(255,255,255,.06)
}
body .discover-xhs__feed-poster-mark{
background:rgba(255,255,255,.14)
}
body .discover-xhs__feed-stats span{
color:#bdc8d2
}
body .discover-xhs__feed-contact{
background:rgba(55,124,86,.18);
color:#a8edc0
}
body .discover-xhs__feed-contact.is-dark{
background:rgba(255,255,255,.05);
color:#eef3f7
}
body .discover-xhs__filter-modal{
padding:20px
}
body .discover-xhs__filter-backdrop{
background:rgba(4,6,9,.56);
backdrop-filter:blur(18px)
}
body .discover-xhs__filter-card{
width:min(100%,348px);
padding:16px;
border-radius:24px;
background:linear-gradient(180deg,#11161d,#0d1218)
}
body .discover-xhs__filter-copy strong,
body .discover-xhs__filter-label{
color:#eef3f6
}
body .discover-xhs__filter-copy span{
color:#8c97a4
}
body .discover-xhs__filter-close{
border:1px solid rgba(95,108,124,.22);
background:rgba(255,255,255,.04);
color:#eef2f6
}
body .discover-xhs__filter-chip{
min-height:36px;
border:1px solid rgba(95,108,124,.18);
background:rgba(255,255,255,.03);
color:#aeb8c4
}
body .discover-xhs__filter-chip:hover{
border-color:rgba(152,169,187,.34);
color:#eef3f7
}
body .discover-xhs__filter-chip.is-active{
background:linear-gradient(180deg,#1b2430,#111820);
border-color:rgba(155,173,193,.34);
box-shadow:0 12px 20px rgba(0,0,0,.22);
color:#f3f7fa
}
body .discover-xhs__filter-ghost{
border:1px solid rgba(95,108,124,.18);
background:rgba(255,255,255,.04);
color:#c2ccd7
}
body .discover-xhs__filter-primary{
background:linear-gradient(135deg,#9aa7b5,#5f6d7c);
color:#f6f9fb;
box-shadow:0 14px 24px rgba(0,0,0,.22)
}
@media (max-width:640px){
body .discover-xhs{
gap:9px
}
body .discover-xhs__chrome{
gap:9px
}
body .discover-xhs__shortcut-grid{
gap:8px
}
body .discover-xhs__shortcut{
padding:11px 8px
}
body .discover-xhs__story-media{
width:66px;
height:66px
}
body .discover-xhs__feed-card{
padding:14px 14px 12px
}
}
@media (max-width:420px){
body .discover-xhs__shortcut-grid{
grid-template-columns:repeat(3,minmax(0,1fr))
}
body .discover-xhs__shortcut-copy em{
display:none
}
body .discover-xhs__top-action{
width:38px;
height:38px
}
body .discover-xhs__search-bar{
padding:13px 12px 13px 18px
}
body .discover-xhs__search-copy{
font-size:13px
}
}
/* discover-refine-20260422bb */
body.discover-page-active,
body.discover-page-active #root{
background:#090b0f;
color:#f2f5f8
}
body.discover-page-active .app-shell{
background:linear-gradient(180deg,#090b0f,#11151b 52%,#090b0f)
}
body.discover-page-active .app-shell--mobile:before{
background:radial-gradient(circle at center,rgba(110,127,150,.12),transparent 42%),#06080b
}
body.discover-page-active .core-tab-bar__shell{
background:rgba(12,15,20,.92)!important;
border-color:rgba(255,255,255,.08)!important;
box-shadow:0 20px 36px rgba(0,0,0,.3)!important
}
body.discover-page-active .core-tab-item{
color:#8f98a2
}
body.discover-page-active .core-tab-item.active{
color:#f1f4f7
}
body.discover-page-active .core-tab-item.active .core-tab-item__icon{
background:linear-gradient(135deg,rgba(241,244,247,.18),rgba(110,127,150,.18));
box-shadow:none
}
body.discover-page-active .core-tab-item__active{
background:linear-gradient(90deg,#f0f3f6,#8d98a4)
}
body .discover-xhs.page-shell{
padding:8px 12px 116px
}
body .discover-xhs{
gap:10px;
padding-top:0
}
body .discover-xhs__chrome{
gap:8px;
padding:0 0 6px;
background:linear-gradient(180deg,rgba(9,11,15,.97) 0%,rgba(9,11,15,.9) 72%,rgba(9,11,15,0) 100%);
backdrop-filter:blur(20px)
}
body .discover-xhs__topbar{
gap:10px
}
body .discover-xhs__brand-copy{
gap:2px
}
body .discover-xhs__brand-copy strong{
color:#f2f5f8;
font-size:18px
}
body .discover-xhs__brand-meta{
color:#8f98a2;
font-size:12px
}
body .discover-xhs__top-action{
width:40px;
height:40px;
border-radius:14px;
border:1px solid rgba(255,255,255,.08);
background:rgba(18,22,29,.9);
color:#f2f5f8;
box-shadow:none
}
body .discover-xhs__search-bar{
padding:12px 12px 12px 16px;
border-radius:18px;
border:1px solid rgba(255,255,255,.07);
background:linear-gradient(180deg,rgba(18,22,29,.96),rgba(13,17,22,.94));
box-shadow:none
}
body .discover-xhs__search-bar:before{
left:10px;
top:12px;
bottom:12px;
background:linear-gradient(180deg,#f1f4f7,#8a96a2)
}
body .discover-xhs__search-index{
color:#f2f5f8;
font-size:18px
}
body .discover-xhs__search-copy{
color:#d6dde5;
font-size:13px;
line-height:1.45
}
body .discover-xhs__search-icon{
width:36px;
height:36px;
background:rgba(255,255,255,.06);
color:#f2f5f8
}
body .discover-xhs__shortcut-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px
}
body .discover-xhs__shortcut{
padding:10px 8px;
border-radius:18px;
border:1px solid rgba(255,255,255,.07);
background:linear-gradient(180deg,rgba(18,22,29,.96),rgba(13,17,22,.94));
box-shadow:none
}
body .discover-xhs__shortcut.is-active{
background:linear-gradient(180deg,rgba(42,48,58,.98),rgba(18,22,29,.96));
border-color:rgba(133,146,163,.3);
box-shadow:0 18px 28px rgba(0,0,0,.22)
}
body .discover-xhs__shortcut-icon{
width:36px;
height:36px;
border-radius:12px;
background:linear-gradient(135deg,rgba(57,66,79,.96),rgba(24,28,34,.98));
color:#f2f5f8;
box-shadow:none
}
body .discover-xhs__shortcut-copy strong{
color:#f2f5f8;
font-size:12px
}
body .discover-xhs__shortcut-copy em{
color:#86919c;
font-size:10px
}
body .discover-xhs__tab-row{
gap:8px
}
body .discover-xhs__tabs{
gap:18px
}
body .discover-xhs__tab{
color:#8f98a2;
font-size:15px
}
body .discover-xhs__tab.is-active{
color:#f2f5f8;
font-size:17px
}
body .discover-xhs__tab.is-active:after{
height:3px;
background:linear-gradient(90deg,#f0f3f6,#8e99a5)
}
body .discover-xhs__tabs-more{
width:30px;
height:30px;
color:#8f98a2
}
body .discover-xhs__tab-shell{
gap:10px;
padding:0 0 2px
}
body .discover-xhs__story-media{
width:64px;
height:64px;
border-radius:20px;
border-color:rgba(255,255,255,.08);
box-shadow:none
}
body .discover-xhs__story-card strong{
color:#edf1f4
}
body .discover-xhs__story-card span{
color:#7f8a95
}
body .discover-xhs__content{
gap:10px;
padding-top:0
}
body .discover-xhs__waterfall{
column-gap:10px
}
body .discover-xhs__waterfall-card,
body .discover-xhs__feed-card,
body .discover-xhs__empty{
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,#151922,#10141b);
box-shadow:0 22px 42px rgba(0,0,0,.24)
}
body .discover-xhs__waterfall-title,
body .discover-xhs__feed-card h3,
body .discover-xhs__feed-author-row strong,
body .discover-xhs__section-copy strong{
color:#f2f5f8
}
body .discover-xhs__waterfall-author strong{
color:#f2f5f8
}
body .discover-xhs__waterfall-author em,
body .discover-xhs__feed-author-copy>span,
body .discover-xhs__feed-place,
body .discover-xhs__empty,
body .discover-xhs__section-copy span{
color:#87929d
}
body .discover-xhs__waterfall-like,
body .discover-xhs__feed-state,
body .discover-xhs__feed-top-tags span,
body .discover-xhs__feed-inline-meta span,
body .discover-xhs__feed-actions span,
body .discover-xhs__feed-reply,
body .discover-xhs__feed-reply-badge{
background:rgba(255,255,255,.06);
color:#d2d9e1
}
body .discover-xhs__feed-content{
color:#dfe5eb
}
body .discover-xhs__feed-media-item{
background:#0f1319
}
body .discover-xhs__feed-contact{
background:#1d3b2a;
color:#9be3b3
}
body .discover-xhs__feed-contact.is-dark{
background:linear-gradient(180deg,#f2f5f8,#97a1ab);
color:#0f141a
}
body .discover-xhs__feed-stats span,
body .discover-xhs__feed-reply>div{
color:#bcc6cf
}
body .discover-xhs__feed-reply-input{
background:transparent;
color:#8d98a3
}
body .discover-xhs__feed-poster{
background:radial-gradient(circle at 18% 18%,var(--discover-cover-accent),transparent 34%),linear-gradient(160deg,var(--discover-cover-shadow),#1b2028 90%)
}
body .discover-xhs__filter-modal{
padding:16px
}
body .discover-xhs__filter-backdrop{
background:rgba(4,6,10,.56);
backdrop-filter:blur(18px)
}
body .discover-xhs__filter-card{
width:min(100%,348px);
padding:14px;
border-radius:24px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,#171c24,#10141b);
box-shadow:0 28px 48px rgba(0,0,0,.36)
}
body .discover-xhs__filter-copy strong,
body .discover-xhs__filter-label{
color:#f2f5f8
}
body .discover-xhs__filter-copy span{
color:#8f98a2
}
body .discover-xhs__filter-close,
body .discover-xhs__filter-ghost{
border-color:rgba(255,255,255,.08);
background:rgba(255,255,255,.05);
color:#edf1f4
}
body .discover-xhs__filter-chip{
border-color:rgba(255,255,255,.08);
background:rgba(255,255,255,.04);
color:#c9d0d8
}
body .discover-xhs__filter-chip.is-active{
background:linear-gradient(135deg,#eff2f5,#9da7b0);
border-color:transparent;
box-shadow:0 14px 24px rgba(0,0,0,.22);
color:#10141a
}
body .discover-xhs__filter-primary{
background:linear-gradient(135deg,#eff2f5,#9da7b0);
color:#10141a
}
@media (max-width:640px){
body .discover-xhs.page-shell{
padding:8px 10px 118px
}
body .discover-xhs__search-bar{
padding:11px 11px 11px 15px
}
body .discover-xhs__shortcut{
padding:10px 6px
}
body .discover-xhs__tabs{
gap:16px
}
body .discover-xhs__tab{
font-size:14px
}
body .discover-xhs__tab.is-active{
font-size:16px
}
}
/* discover-refine-20260422ba */
body.discover-page-active,
body.discover-page-active #root{
background:#090b0f;
color:#f2f5f8
}
body.discover-page-active .app-shell{
background:linear-gradient(180deg,#090b0f,#11151b 52%,#090b0f)
}
body.discover-page-active .app-shell--mobile:before{
background:radial-gradient(circle at center,rgba(110,127,150,.12),transparent 42%),#06080b
}
body.discover-page-active .core-tab-bar__shell{
background:rgba(12,15,20,.92)!important;
border-color:rgba(255,255,255,.08)!important;
box-shadow:0 20px 36px rgba(0,0,0,.3)!important
}
body.discover-page-active .core-tab-item{
color:#8f98a2
}
body.discover-page-active .core-tab-item.active{
color:#f1f4f7
}
body.discover-page-active .core-tab-item.active .core-tab-item__icon{
background:linear-gradient(135deg,rgba(241,244,247,.18),rgba(110,127,150,.18));
box-shadow:none
}
body.discover-page-active .core-tab-item__active{
background:linear-gradient(90deg,#f0f3f6,#8d98a4)
}
body .discover-xhs.page-shell{
padding:8px 12px 116px
}
body .discover-xhs{
gap:10px;
padding-top:0
}
body .discover-xhs__chrome{
gap:8px;
padding:0 0 6px;
background:linear-gradient(180deg,rgba(9,11,15,.97) 0%,rgba(9,11,15,.9) 72%,rgba(9,11,15,0) 100%);
backdrop-filter:blur(20px)
}
body .discover-xhs__topbar{
gap:10px
}
body .discover-xhs__brand-copy{
gap:2px
}
body .discover-xhs__brand-copy strong{
color:#f2f5f8;
font-size:18px
}
body .discover-xhs__brand-meta{
color:#8f98a2;
font-size:12px
}
body .discover-xhs__top-action{
width:40px;
height:40px;
border-radius:14px;
border:1px solid rgba(255,255,255,.08);
background:rgba(18,22,29,.9);
color:#f2f5f8;
box-shadow:none
}
body .discover-xhs__search-bar{
padding:12px 12px 12px 16px;
border-radius:18px;
border:1px solid rgba(255,255,255,.07);
background:linear-gradient(180deg,rgba(18,22,29,.96),rgba(13,17,22,.94));
box-shadow:none
}
body .discover-xhs__search-bar:before{
left:10px;
top:12px;
bottom:12px;
background:linear-gradient(180deg,#f1f4f7,#8a96a2)
}
body .discover-xhs__search-index{
color:#f2f5f8;
font-size:18px
}
body .discover-xhs__search-copy{
color:#d6dde5;
font-size:13px;
line-height:1.45
}
body .discover-xhs__search-icon{
width:36px;
height:36px;
background:rgba(255,255,255,.06);
color:#f2f5f8
}
body .discover-xhs__shortcut-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px
}
body .discover-xhs__shortcut{
padding:10px 8px;
border-radius:18px;
border:1px solid rgba(255,255,255,.07);
background:linear-gradient(180deg,rgba(18,22,29,.96),rgba(13,17,22,.94));
box-shadow:none
}
body .discover-xhs__shortcut.is-active{
background:linear-gradient(180deg,rgba(42,48,58,.98),rgba(18,22,29,.96));
border-color:rgba(133,146,163,.3);
box-shadow:0 18px 28px rgba(0,0,0,.22)
}
body .discover-xhs__shortcut-icon{
width:36px;
height:36px;
border-radius:12px;
background:linear-gradient(135deg,rgba(57,66,79,.96),rgba(24,28,34,.98));
color:#f2f5f8;
box-shadow:none
}
body .discover-xhs__shortcut-copy strong{
color:#f2f5f8;
font-size:12px
}
body .discover-xhs__shortcut-copy em{
color:#86919c;
font-size:10px
}
body .discover-xhs__tab-row{
gap:8px
}
body .discover-xhs__tabs{
gap:18px
}
body .discover-xhs__tab{
color:#8f98a2;
font-size:15px
}
body .discover-xhs__tab.is-active{
color:#f2f5f8;
font-size:17px
}
body .discover-xhs__tab.is-active:after{
height:3px;
background:linear-gradient(90deg,#f0f3f6,#8e99a5)
}
body .discover-xhs__tabs-more{
width:30px;
height:30px;
color:#8f98a2
}
body .discover-xhs__tab-shell{
gap:10px;
padding:0 0 2px
}
body .discover-xhs__story-media{
width:64px;
height:64px;
border-radius:20px;
border-color:rgba(255,255,255,.08);
box-shadow:none
}
body .discover-xhs__story-card strong{
color:#edf1f4
}
body .discover-xhs__story-card span{
color:#7f8a95
}
body .discover-xhs__content{
gap:10px;
padding-top:0
}
body .discover-xhs__waterfall{
column-gap:10px
}
body .discover-xhs__waterfall-card,
body .discover-xhs__feed-card,
body .discover-xhs__empty{
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,#151922,#10141b);
box-shadow:0 22px 42px rgba(0,0,0,.24)
}
body .discover-xhs__waterfall-title,
body .discover-xhs__feed-card h3,
body .discover-xhs__feed-author-row strong,
body .discover-xhs__section-copy strong{
color:#f2f5f8
}
body .discover-xhs__waterfall-author strong{
color:#f2f5f8
}
body .discover-xhs__waterfall-author em,
body .discover-xhs__feed-author-copy>span,
body .discover-xhs__feed-place,
body .discover-xhs__empty,
body .discover-xhs__section-copy span{
color:#87929d
}
body .discover-xhs__waterfall-like,
body .discover-xhs__feed-state,
body .discover-xhs__feed-top-tags span,
body .discover-xhs__feed-inline-meta span,
body .discover-xhs__feed-actions span,
body .discover-xhs__feed-reply,
body .discover-xhs__feed-reply-badge{
background:rgba(255,255,255,.06);
color:#d2d9e1
}
body .discover-xhs__feed-content{
color:#dfe5eb
}
body .discover-xhs__feed-media-item{
background:#0f1319
}
body .discover-xhs__feed-contact{
background:#1d3b2a;
color:#9be3b3
}
body .discover-xhs__feed-contact.is-dark{
background:linear-gradient(180deg,#f2f5f8,#97a1ab);
color:#0f141a
}
body .discover-xhs__feed-stats span,
body .discover-xhs__feed-reply>div{
color:#bcc6cf
}
body .discover-xhs__feed-reply-input{
background:transparent;
color:#8d98a3
}
body .discover-xhs__feed-poster{
background:radial-gradient(circle at 18% 18%,var(--discover-cover-accent),transparent 34%),linear-gradient(160deg,var(--discover-cover-shadow),#1b2028 90%)
}
body .discover-xhs__filter-modal{
padding:16px
}
body .discover-xhs__filter-backdrop{
background:rgba(4,6,10,.56);
backdrop-filter:blur(18px)
}
body .discover-xhs__filter-card{
width:min(100%,348px);
padding:14px;
border-radius:24px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,#171c24,#10141b);
box-shadow:0 28px 48px rgba(0,0,0,.36)
}
body .discover-xhs__filter-copy strong,
body .discover-xhs__filter-label{
color:#f2f5f8
}
body .discover-xhs__filter-copy span{
color:#8f98a2
}
body .discover-xhs__filter-close,
body .discover-xhs__filter-ghost{
border-color:rgba(255,255,255,.08);
background:rgba(255,255,255,.05);
color:#edf1f4
}
body .discover-xhs__filter-chip{
border-color:rgba(255,255,255,.08);
background:rgba(255,255,255,.04);
color:#c9d0d8
}
body .discover-xhs__filter-chip.is-active{
background:linear-gradient(135deg,#eff2f5,#9da7b0);
border-color:transparent;
box-shadow:0 14px 24px rgba(0,0,0,.22);
color:#10141a
}
body .discover-xhs__filter-primary{
background:linear-gradient(135deg,#eff2f5,#9da7b0);
color:#10141a
}
@media (max-width:640px){
body .discover-xhs.page-shell{
padding:8px 10px 118px
}
body .discover-xhs__search-bar{
padding:11px 11px 11px 15px
}
body .discover-xhs__shortcut{
padding:10px 6px
}
body .discover-xhs__tabs{
gap:16px
}
body .discover-xhs__tab{
font-size:14px
}
body .discover-xhs__tab.is-active{
font-size:16px
}
}
/* topic-detail-20260422az */
body .topic-detail-page{
position:relative;
display:grid;
gap:12px;
padding-top:calc(env(safe-area-inset-top) + 8px);
padding-bottom:calc(172px + env(safe-area-inset-bottom));
background:
radial-gradient(circle at 18% 8%,rgba(255,255,255,.05),transparent 22%),
radial-gradient(circle at 82% 10%,rgba(142,92,255,.08),transparent 22%),
linear-gradient(180deg,#050607,#0a0c0f 44%,#050607);
}
body .topic-detail-page input,
body .topic-detail-page button{
font:inherit
}
body .topic-detail__header{
position:sticky;
top:calc(env(safe-area-inset-top) - 6px);
z-index:30;
display:grid;
gap:10px;
padding-bottom:2px;
background:linear-gradient(180deg,rgba(5,6,7,.98),rgba(5,6,7,.88) 76%,transparent);
backdrop-filter:blur(18px)
}
body .topic-detail__toolbar{
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:10px
}
body .topic-detail__title{
justify-self:start;
color:#f6f7f8;
font-size:22px;
line-height:1;
letter-spacing:-.05em
}
body .topic-detail__toolbar-actions{
display:flex;
align-items:center;
gap:8px
}
body .topic-detail__toolbar-btn{
width:42px;
height:42px;
padding:0;
border-radius:16px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.04);
color:#f2f4f7;
display:grid;
place-items:center;
box-shadow:0 14px 24px rgba(0,0,0,.22)
}
body .topic-detail__toolbar-btn--ghost{
background:transparent;
border-color:rgba(255,255,255,.06)
}
body .topic-detail__toolbar-btn--dark{
width:58px;
border-radius:18px;
background:#050607;
border-color:#111418
}
body .topic-detail__toolbar-btn svg,
body .topic-detail__tag svg,
body .topic-detail__dock-action svg,
body .topic-detail__inline-icons svg{
width:18px;
height:18px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round
}
body .topic-detail__author-card,
body .topic-detail__content,
body .topic-detail__comments{
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(17,18,22,.98),rgba(9,10,13,.96));
box-shadow:0 22px 36px rgba(0,0,0,.26)
}
body .topic-detail__author-card{
display:flex;
align-items:center;
gap:12px;
padding:14px;
border-radius:26px
}
body .topic-detail__author-copy{
min-width:0;
display:grid;
gap:6px
}
body .topic-detail__author-name{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap
}
body .topic-detail__author-name strong{
color:#fff;
font-size:24px;
line-height:1.02;
letter-spacing:-.05em
}
body .topic-detail__author-name span{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 10px;
border-radius:999px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.08);
color:#d4dae1;
font-size:11px;
font-weight:800
}
body .topic-detail__author-meta{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap
}
body .topic-detail__author-meta span{
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 11px;
border-radius:12px;
background:rgba(255,255,255,.05);
color:#b7c0ca;
font-size:12px
}
body .topic-detail__hero{
display:grid;
gap:8px
}
body .topic-detail__hero-media,
body .topic-detail__hero-placeholder{
width:100%;
padding:0;
border:0;
border-radius:34px;
overflow:hidden;
background:#0b0d10;
box-shadow:0 28px 42px rgba(0,0,0,.34)
}
body .topic-detail__hero-media img{
display:block;
width:100%;
height:min(58vh,640px);
object-fit:cover;
filter:grayscale(1) contrast(1.06)
}
body .topic-detail__hero-placeholder{
min-height:46vh;
display:grid;
place-items:center;
background:
radial-gradient(circle at 18% 18%,rgba(255,255,255,.07),transparent 26%),
linear-gradient(180deg,#111318,#090b0f)
}
body .topic-detail__hero-placeholder .sc-avatar{
width:96px;
height:96px
}
body .topic-detail__hero-placeholder .sc-avatar__media{
width:100%;
height:100%
}
body .topic-detail__thumb-row{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px
}
body .topic-detail__thumb{
padding:0;
border:0;
border-radius:20px;
overflow:hidden;
background:#0c0f13
}
body .topic-detail__thumb img{
display:block;
width:100%;
height:102px;
object-fit:cover;
filter:grayscale(1) contrast(1.05)
}
body .topic-detail__content{
display:grid;
gap:16px;
padding:18px 18px 16px;
border-radius:30px
}
body .topic-detail__copy{
margin:0;
color:#f4f5f7;
font-size:17px;
line-height:1.74;
letter-spacing:.01em
}
body .topic-detail__tag-row{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap
}
body .topic-detail__tag{
display:inline-flex;
align-items:center;
gap:8px;
min-height:38px;
padding:0 14px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.07);
color:#eef2f5
}
body .topic-detail__tag em{
font-style:normal;
font-size:13px
}
body .topic-detail__copyright{
padding-top:10px;
border-top:1px solid rgba(255,255,255,.07);
color:#8f9aa4;
font-size:12px;
line-height:1.7;
text-align:center
}
body .topic-detail__comments{
display:grid;
gap:16px;
padding:18px;
border-radius:30px
}
body .topic-detail__comment-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px
}
body .topic-detail__comment-head strong{
color:#fff;
font-size:17px
}
body .topic-detail__comment-head span{
color:#aab4bd;
font-size:13px
}
body .topic-detail__inline-compose{
display:flex;
align-items:center;
gap:10px
}
body .topic-detail__inline-field{
flex:1;
min-width:0;
display:flex;
align-items:center;
gap:8px;
min-height:54px;
padding:0 14px;
border-radius:999px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.07)
}
body .topic-detail__inline-field input,
body .topic-detail__dock-field input{
flex:1;
min-width:0;
padding:0;
border:0;
outline:0;
background:transparent;
color:#f5f7f9;
font-size:15px
}
body .topic-detail__inline-field input::placeholder,
body .topic-detail__dock-field input::placeholder{
color:#8e98a3
}
body .topic-detail__inline-icons{
display:flex;
align-items:center;
gap:10px;
color:#98a4af
}
body .topic-detail__loading{
margin:0;
color:#a8b2bc;
font-size:13px
}
body .topic-detail__empty{
display:grid;
justify-items:center;
gap:10px;
padding:24px 0 14px;
text-align:center
}
body .topic-detail__empty span{
color:#9ea8b3;
font-size:13px
}
body .topic-detail__empty strong{
color:#dce1e6;
font-size:20px;
font-weight:500;
letter-spacing:.01em
}
body .topic-detail__empty-figure{
position:relative;
width:180px;
height:152px;
display:grid;
place-items:center
}
body .topic-detail__empty-bubble{
position:absolute;
top:8px;
left:26px;
width:28px;
height:28px;
border-radius:50%;
display:grid;
place-items:center;
background:rgba(255,255,255,.1);
color:#f4d1d7;
font-size:14px;
font-weight:800
}
body .topic-detail__empty-face{
position:relative;
width:88px;
height:88px;
border-radius:34px;
background:linear-gradient(180deg,#f56da7,#d44584);
box-shadow:0 18px 28px rgba(244,96,154,.16)
}
body .topic-detail__empty-face:before,
body .topic-detail__empty-face:after{
content:"";
position:absolute;
top:32px;
width:10px;
height:10px;
border-radius:50%;
background:#fff
}
body .topic-detail__empty-face:before{
left:24px
}
body .topic-detail__empty-face:after{
right:24px
}
body .topic-detail__empty-box{
position:absolute;
bottom:6px;
width:94px;
height:62px;
border-radius:8px 8px 14px 14px;
background:linear-gradient(180deg,#d4ad78,#b88449);
box-shadow:0 16px 24px rgba(0,0,0,.22)
}
body .topic-detail__empty-box:before{
content:"";
position:absolute;
top:-10px;
left:10px;
right:10px;
height:16px;
border-radius:6px;
background:#c99760
}
body .topic-detail__comment-list{
display:grid;
gap:14px
}
body .topic-detail__comment-item{
display:flex;
align-items:flex-start;
gap:12px
}
body .topic-detail__comment-body{
flex:1;
min-width:0;
display:grid;
gap:6px;
padding-bottom:14px;
border-bottom:1px solid rgba(255,255,255,.06)
}
body .topic-detail__comment-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px
}
body .topic-detail__comment-meta strong{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
color:#fff;
font-size:14px
}
body .topic-detail__comment-meta strong em{
font-style:normal;
font-size:11px;
font-weight:700;
color:#bac5cf
}
body .topic-detail__comment-meta span{
color:#8f9aa5;
font-size:12px
}
body .topic-detail__comment-body p{
margin:0;
color:#dce1e6;
font-size:14px;
line-height:1.72
}
body .topic-detail__dock{
position:fixed;
left:50%;
bottom:calc(env(safe-area-inset-bottom) + 10px);
transform:translateX(-50%);
z-index:90;
width:min(calc(100vw - 16px),calc(var(--mobile-shell-width) - 16px));
padding:12px;
border-radius:28px;
border:1px solid rgba(255,255,255,.08);
background:rgba(7,8,10,.92);
box-shadow:0 28px 40px rgba(0,0,0,.36);
backdrop-filter:blur(22px);
display:grid;
gap:12px
}
body .topic-detail__dock-field{
display:flex;
align-items:center;
gap:8px;
min-height:52px;
padding:0 14px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.07)
}
body .topic-detail__dock-send{
min-width:58px;
height:34px;
padding:0 12px;
border-radius:999px;
border:0;
background:linear-gradient(135deg,#8c919a,#626871 52%,#2c3138);
color:#fff;
font-size:12px;
font-weight:800
}
body .topic-detail__dock-send:disabled{
opacity:.54
}
body .topic-detail__dock-actions{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px
}
body .topic-detail__dock-action{
min-height:58px;
padding:8px 4px;
border-radius:18px;
border:1px solid rgba(255,255,255,.06);
background:rgba(255,255,255,.03);
color:#edf0f3;
display:grid;
justify-items:center;
align-content:center;
gap:6px
}
body .topic-detail__dock-action span{
font-size:12px;
font-weight:700
}
body .topic-detail__dock-action.is-active{
background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(122,130,139,.1));
border-color:rgba(255,255,255,.12)
}
body .topic-detail__viewer{
display:grid;
place-items:center;
min-height:42vh
}
body .topic-detail__viewer img{
display:block;
max-width:100%;
max-height:70vh;
border-radius:26px;
object-fit:contain
}
body .topic-detail__menu-list{
display:grid;
gap:10px
}
body .topic-detail__menu-item{
min-height:48px;
padding:0 14px;
border-radius:18px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.04);
color:#f2f5f8;
text-align:left
}
@media (max-width:640px){
body .topic-detail-page{
padding-left:10px;
padding-right:10px;
padding-bottom:calc(166px + env(safe-area-inset-bottom))
}
body .topic-detail__title{
font-size:20px
}
body .topic-detail__author-name strong{
font-size:20px
}
body .topic-detail__hero-media img{
height:min(54vh,520px)
}
body .topic-detail__content,
body .topic-detail__comments{
padding:16px
}
body .topic-detail__copy{
font-size:16px
}
body .topic-detail__dock{
width:min(calc(100vw - 12px),calc(var(--mobile-shell-width) - 12px));
padding:10px
}
body .topic-detail__dock-action{
min-height:54px
}
body .topic-detail__dock-action span{
font-size:11px
}
}
/* discover-ui-20260422au */
body .discover-xhs{
gap:14px;
padding-top:8px
}
body .discover-xhs__chrome{
position:sticky;
top:0;
z-index:36;
display:grid;
gap:12px;
padding:4px 0 10px;
background:linear-gradient(180deg,rgba(247,240,236,.985) 0%,rgba(247,240,236,.95) 74%,rgba(247,240,236,0) 100%);
backdrop-filter:blur(18px)
}
body .discover-xhs__topbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px
}
body .discover-xhs__brand{
display:flex;
align-items:center;
gap:12px;
min-width:0
}
body .discover-xhs__brand-copy{
min-width:0;
display:grid;
gap:4px
}
body .discover-xhs__brand-copy strong{
color:#181015;
font-size:20px;
line-height:1.04;
letter-spacing:-.04em
}
body .discover-xhs__brand-meta{
display:inline-flex;
align-items:center;
gap:4px;
width:max-content;
padding:0;
border:0;
background:transparent;
color:#332129;
font-size:13px;
font-weight:800
}
body .discover-xhs__brand-meta svg,
body .discover-xhs__tabs-more svg,
body .discover-xhs__top-action svg,
body .discover-xhs__search-icon svg,
body .discover-xhs__feed-contact svg,
body .discover-xhs__feed-inline-meta svg,
body .discover-xhs__feed-actions svg{
width:18px;
height:18px;
fill:none;
stroke:currentColor;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round
}
body .discover-xhs__top-actions{
display:flex;
align-items:center;
gap:8px;
flex-shrink:0
}
body .discover-xhs__top-action{
width:46px;
height:46px;
padding:0;
border:1px solid rgba(234,224,228,.94);
border-radius:17px;
background:rgba(255,255,255,.86);
color:#191015;
display:grid;
place-items:center;
box-shadow:0 10px 20px rgba(59,33,45,.08)
}
body .discover-xhs__top-action.is-ring{
border-radius:50%
}
body .discover-xhs__search-bar{
position:relative;
width:100%;
padding:18px 18px 18px 24px;
border:1px solid rgba(235,226,230,.96);
border-radius:24px;
background:#fffdfc;
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:14px;
text-align:left;
box-shadow:0 18px 30px rgba(59,33,45,.08)
}
body .discover-xhs__search-bar:before{
content:"";
position:absolute;
left:12px;
top:16px;
bottom:16px;
width:2px;
border-radius:999px;
background:#151015
}
body .discover-xhs__search-index{
color:#181015;
font-size:22px;
font-weight:800;
line-height:1
}
body .discover-xhs__search-copy{
min-width:0;
color:#292026;
font-size:16px;
font-weight:700;
line-height:1.45;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
body .discover-xhs__search-icon{
width:48px;
height:48px;
border-radius:50%;
display:grid;
place-items:center;
background:#faf7f4;
color:#191015
}
body .discover-xhs__tab-row--fixed{
align-items:flex-end;
justify-content:space-between
}
body .discover-xhs__tabs{
gap:26px
}
body .discover-xhs__tab{
padding:0 0 8px;
font-size:18px;
font-weight:600;
color:#a1939a
}
body .discover-xhs__tab.is-active{
color:#171014;
font-size:20px;
font-weight:900
}
body .discover-xhs__tab.is-active:after{
height:4px;
background:#171014
}
body .discover-xhs__tabs-more{
width:34px;
height:34px;
padding:0;
border:0;
background:transparent;
display:grid;
place-items:center;
color:#9c8c94
}
body .discover-xhs__content{
gap:14px;
padding-top:2px
}
body .discover-xhs__waterfall{
column-gap:14px
}
body .discover-xhs__waterfall-card{
margin-bottom:14px;
border-radius:26px
}
body .discover-xhs__waterfall-body{
padding:12px 12px 16px
}
body .discover-xhs__feed-list{
gap:14px
}
body .discover-xhs__feed-card{
padding:18px 18px 16px;
border-radius:28px;
gap:14px;
background:#fffdfc;
box-shadow:0 20px 36px rgba(59,33,45,.09)
}
body .discover-xhs__feed-author{
align-items:flex-start
}
body .discover-xhs__feed-author-copy{
gap:5px
}
body .discover-xhs__feed-author-row strong{
font-size:18px
}
body .discover-xhs__feed-author-copy>span{
font-size:13px;
color:#8e7f87
}
body .discover-xhs__feed-contact{
display:inline-flex;
align-items:center;
justify-content:center;
gap:5px;
min-width:78px;
min-height:38px;
padding:0 12px;
border-radius:999px;
background:#f3fff3;
color:#4f9b62;
font-size:12px;
font-weight:800
}
body .discover-xhs__feed-contact em{
font-style:normal
}
body .discover-xhs__feed-contact.is-dark{
min-width:54px;
width:54px;
height:54px;
padding:0;
border-radius:20px;
background:#050505;
color:#fff
}
body .discover-xhs__feed-contact.is-dark em{
display:none
}
body .discover-xhs__feed-top-tags{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-top:-2px
}
body .discover-xhs__feed-top-tags span{
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 10px;
border-radius:12px;
background:#f7f1ec;
color:#6c5962;
font-size:12px;
font-weight:700
}
body .discover-xhs__feed-content{
font-size:15px;
line-height:1.76;
color:#2d1f26
}
body .discover-xhs__feed-media{
gap:10px
}
body .discover-xhs__feed-media-item{
border-radius:20px;
aspect-ratio:1/1.02
}
body .discover-xhs__feed-media.media-1 .discover-xhs__feed-media-item,
body .discover-xhs__feed-media.is-large .discover-xhs__feed-media-item{
aspect-ratio:1/.78
}
body .discover-xhs__feed-poster{
display:grid;
align-content:space-between;
gap:14px;
min-height:220px;
padding:18px;
border-radius:22px;
background:
radial-gradient(circle at 18% 18%,var(--discover-cover-accent),transparent 34%),
linear-gradient(160deg,var(--discover-cover-shadow),#d7c6c1 90%);
color:#fff;
box-shadow:inset 0 1px rgba(255,255,255,.2)
}
body .discover-xhs__feed-poster-mark{
width:62px;
height:62px;
border-radius:18px;
display:grid;
place-items:center;
background:rgba(255,255,255,.18);
backdrop-filter:blur(12px);
font-size:28px;
font-weight:900
}
body .discover-xhs__feed-poster em{
font-style:normal;
font-size:14px;
line-height:1.65
}
body .discover-xhs__feed-inline-meta{
display:flex;
gap:10px;
flex-wrap:wrap
}
body .discover-xhs__feed-inline-meta span{
display:inline-flex;
align-items:center;
gap:6px;
min-height:30px;
padding:0 12px;
border-radius:999px;
background:#f7f2ed;
color:#47353d;
font-size:12px;
font-weight:700
}
body .discover-xhs__feed-inline-meta em{
font-style:normal
}
body .discover-xhs__feed-foot{
align-items:center
}
body .discover-xhs__feed-place{
font-size:13px;
color:#8b7a82
}
body .discover-xhs__feed-stats span{
gap:5px;
color:#46343c
}
body .discover-xhs__feed-actions{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px
}
body .discover-xhs__feed-actions span{
display:inline-flex;
align-items:center;
justify-content:center;
gap:5px;
min-height:42px;
padding:0 8px;
border-radius:16px;
background:#faf4f0;
color:#433039
}
body .discover-xhs__feed-actions em{
font-style:normal;
font-size:11px;
font-weight:800
}
body .discover-xhs__feed-reply{
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:10px;
padding:2px 0 0;
background:transparent
}
body .discover-xhs__feed-reply-input{
display:flex;
align-items:center;
min-height:46px;
padding:0 16px;
border-radius:999px;
background:#faf6f3;
color:#a29098;
font-size:13px
}
body .discover-xhs__feed-reply-badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:0 16px;
border-radius:999px;
border:1px solid rgba(235,226,230,.96);
background:#fff;
color:#3b2a32;
font-size:13px;
font-weight:800;
white-space:nowrap
}
body .discover-xhs__feed-card.is-following .discover-xhs__feed-top-tags span{
border-radius:10px
}
body .discover-xhs__feed-card.is-nearby .discover-xhs__feed-content{
font-size:16px;
line-height:1.68
}
body .discover-xhs__feed-card.is-nearby .discover-xhs__feed-reply-badge{
display:none
}
body .discover-xhs__feed-card.is-nearby .discover-xhs__feed-reply{
grid-template-columns:auto 1fr
}
body .discover-xhs__feed-card.is-following .discover-xhs__feed-contact{
min-width:82px
}
body .discover-xhs__empty{
padding:28px 20px;
border-radius:24px
}
@media (max-width:640px){
body .discover-xhs{
gap:12px
}
body .discover-xhs__brand-copy strong{
font-size:18px
}
body .discover-xhs__search-bar{
padding:16px 16px 16px 22px
}
body .discover-xhs__search-copy{
font-size:15px
}
body .discover-xhs__tabs{
gap:22px
}
body .discover-xhs__tab{
font-size:17px
}
body .discover-xhs__tab.is-active{
font-size:19px
}
body .discover-xhs__feed-card{
padding:16px
}
body .discover-xhs__waterfall{
column-gap:10px
}
body .discover-xhs__waterfall-card{
margin-bottom:10px
}
}
@media (max-width:420px){
body .discover-xhs__top-action{
width:42px;
height:42px;
border-radius:16px
}
body .discover-xhs__search-index{
font-size:20px
}
body .discover-xhs__search-copy{
font-size:14px
}
body .discover-xhs__tabs{
gap:18px
}
body .discover-xhs__tab{
font-size:16px
}
body .discover-xhs__tab.is-active{
font-size:18px
}
body .discover-xhs__feed-actions{
grid-template-columns:repeat(2,minmax(0,1fr))
}
body .discover-xhs__feed-reply{
grid-template-columns:auto 1fr
}
body .discover-xhs__feed-reply-badge{
display:none
}
}
/* ui-refresh-20260422as */
body.discover-page-active,
body.discover-page-active #root{
background:#f7f0ec;
color:#1d1217
}
body.discover-page-active .app-shell{
background:linear-gradient(180deg,#f7f0ec,#fff7f3 52%,#f4ece7)
}
body.discover-page-active .app-shell--mobile:before{
background:radial-gradient(circle at center,rgba(255,219,211,.42),transparent 42%),#f7f0ec
}
body.discover-page-active .app-shell--mobile .page-shell{
padding-bottom:calc(94px + env(safe-area-inset-bottom))!important
}
body.discover-page-active .core-tab-fab{
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(24px) scale(.88)
}
body.discover-page-active .h5-tab-bar,
body.discover-page-active .core-tab-bar{
background:transparent!important;
border-top:0!important;
box-shadow:none!important
}
body.discover-page-active .core-tab-bar__shell{
margin:8px 10px 0;
padding:0 6px;
border-radius:28px;
background:rgba(255,255,255,.94)!important;
border:1px solid rgba(229,220,225,.92)!important;
box-shadow:0 18px 36px rgba(49,27,37,.12)!important;
backdrop-filter:blur(20px)
}
body.discover-page-active .core-tab-item{
color:#8d7f86
}
body.discover-page-active .core-tab-item.active{
color:#1a1115
}
body.discover-page-active .core-tab-item__icon{
width:44px;
height:44px;
border-radius:18px
}
body.discover-page-active .core-tab-item.active .core-tab-item__icon{
background:linear-gradient(135deg,rgba(255,236,209,.96),rgba(255,221,228,.9));
box-shadow:0 14px 24px rgba(92,58,71,.12)
}
body.discover-page-active .core-tab-item__active{
background:linear-gradient(90deg,#161014,#6a4d5c)
}
body.discover-page-active .core-tab-item__badge{
background:linear-gradient(135deg,#ff7a93,#ff9a7a);
box-shadow:0 10px 16px rgba(255,122,147,.26)
}
body .discover-xhs{
display:grid;
gap:12px;
padding-top:6px;
padding-bottom:calc(92px + env(safe-area-inset-bottom))
}
body .discover-xhs button{
font:inherit
}
body .discover-xhs__hero,
body .discover-xhs__notice-bar,
body .discover-xhs__shortcut,
body .discover-xhs__filter-card,
body .discover-xhs__nearby-summary,
body .discover-xhs__waterfall-card,
body .discover-xhs__feed-card,
body .discover-xhs__nearby-card,
body .discover-xhs__empty{
border:1px solid rgba(235,226,230,.94);
background:#fffdfb;
box-shadow:0 18px 34px rgba(49,27,37,.08)
}
body .discover-xhs__hero{
display:grid;
gap:14px;
padding:18px;
border-radius:32px;
background:
radial-gradient(circle at 16% 18%,rgba(255,204,214,.54),transparent 26%),
radial-gradient(circle at 84% 18%,rgba(255,238,196,.78),transparent 28%),
linear-gradient(145deg,#fffdfb,#fff4ef 56%,#fffbf8)
}
body .discover-xhs__hero-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px
}
body .discover-xhs__hero-brand{
display:flex;
align-items:flex-start;
gap:12px;
min-width:0
}
body .discover-xhs__hero-mark{
width:48px;
height:48px;
border-radius:18px;
display:grid;
place-items:center;
background:linear-gradient(135deg,#1b1216,#6b4a59);
color:#fff;
font-size:21px;
font-weight:800;
box-shadow:0 14px 24px rgba(49,27,37,.16);
flex-shrink:0
}
body .discover-xhs__hero-copy{
min-width:0;
display:grid;
gap:6px
}
body .discover-xhs__hero-badge{
display:inline-flex;
align-items:center;
min-height:24px;
width:max-content;
padding:0 10px;
border-radius:999px;
background:rgba(27,18,22,.06);
color:#80656f;
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase
}
body .discover-xhs__hero-copy strong{
color:#201217;
font-size:30px;
line-height:1.02;
letter-spacing:-.06em
}
body .discover-xhs__hero-copy p{
margin:0;
color:#846f78;
font-size:13px;
line-height:1.7
}
body .discover-xhs__hero-actions{
display:flex;
gap:8px;
flex-shrink:0
}
body .discover-xhs__hero-action{
width:42px;
height:42px;
border-radius:16px;
border:1px solid rgba(235,226,230,.94);
background:#fffffff4;
color:#24161b;
display:grid;
place-items:center;
box-shadow:0 10px 18px rgba(49,27,37,.06)
}
body .discover-xhs__hero-action svg,
body .discover-xhs__notice-bar svg,
body .discover-xhs__shortcut-icon svg,
body .discover-xhs__filter-btn svg,
body .discover-xhs__feed-stats svg,
body .discover-xhs__feed-reply svg,
body .discover-xhs__waterfall-like svg{
width:18px;
height:18px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round
}
body .discover-xhs__hero-stats{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px
}
body .discover-xhs__hero-stats span{
display:grid;
gap:4px;
padding:12px 10px;
border-radius:20px;
background:#ffffffe6;
border:1px solid rgba(237,228,232,.96);
justify-items:center;
text-align:center
}
body .discover-xhs__hero-stats strong{
color:#211318;
font-size:22px;
line-height:1;
letter-spacing:-.05em
}
body .discover-xhs__hero-stats em{
color:#8d7882;
font-style:normal;
font-size:11px
}
body .discover-xhs__notice-bar{
display:flex;
align-items:center;
gap:10px;
padding:14px 16px;
border-radius:22px;
color:#6f5963
}
body .discover-xhs__notice-bar>span{
flex:1;
min-width:0;
font-size:13px;
line-height:1.55;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
body .discover-xhs__notice-bar em{
display:inline-flex;
align-items:center;
min-height:26px;
padding:0 10px;
border-radius:999px;
background:#f9ede9;
color:#795d68;
font-style:normal;
font-size:11px;
font-weight:800
}
body .discover-xhs__shortcut-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px
}
body .discover-xhs__shortcut{
padding:12px 10px;
border-radius:22px;
display:grid;
justify-items:center;
gap:8px;
text-align:center
}
body .discover-xhs__shortcut.is-active{
background:linear-gradient(180deg,#fffdfc,#fff1ec);
border-color:rgba(240,210,202,.98);
box-shadow:0 16px 28px rgba(49,27,37,.1)
}
body .discover-xhs__shortcut-icon{
width:40px;
height:40px;
border-radius:14px;
display:grid;
place-items:center;
background:linear-gradient(135deg,#fff4df,#ffe7f0);
color:#3a232d;
box-shadow:inset 0 1px rgba(255,255,255,.9)
}
body .discover-xhs__shortcut-copy{
display:grid;
gap:3px;
min-width:0
}
body .discover-xhs__shortcut-copy strong{
color:#24161b;
font-size:13px;
line-height:1.1
}
body .discover-xhs__shortcut-copy em{
color:#8d7b83;
font-style:normal;
font-size:10px;
line-height:1.3
}
body .discover-xhs__tab-shell{
display:flex;
gap:12px;
overflow-x:auto;
padding:2px 2px 4px;
scrollbar-width:none
}
body .discover-xhs__tab-shell::-webkit-scrollbar{
display:none
}
body .discover-xhs__story-card{
flex:0 0 80px;
min-width:80px;
padding:0;
border:0;
background:transparent;
display:grid;
gap:8px;
justify-items:center;
text-align:center;
color:#7d6972
}
body .discover-xhs__story-media{
width:72px;
height:72px;
border-radius:24px;
display:grid;
place-items:center;
position:relative;
overflow:hidden;
border:1px solid rgba(235,226,230,.94);
background:
radial-gradient(circle at 18% 18%,var(--story-accent,rgba(255,255,255,.3)),transparent 36%),
linear-gradient(160deg,var(--story-shadow,#b998a6),#f2e7e2 90%);
background-size:cover;
background-position:center;
box-shadow:0 12px 24px rgba(49,27,37,.08)
}
body .discover-xhs__story-media.has-image:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(32,21,27,.1))
}
body .discover-xhs__story-fallback{
position:relative;
z-index:1;
color:#fff;
font-size:22px;
font-weight:900;
letter-spacing:-.04em
}
body .discover-xhs__story-card strong{
color:#24161b;
font-size:12px;
line-height:1.15
}
body .discover-xhs__story-card span{
color:#8c7881;
font-size:10px;
line-height:1.25
}
body .discover-xhs__content{
display:grid;
gap:12px
}
body .discover-xhs__tab-row{
display:flex;
align-items:center;
gap:10px
}
body .discover-xhs__tabs{
flex:1;
min-width:0;
display:flex;
gap:18px;
overflow-x:auto;
padding-bottom:2px;
scrollbar-width:none
}
body .discover-xhs__tabs::-webkit-scrollbar{
display:none
}
body .discover-xhs__tab{
position:relative;
flex:0 0 auto;
padding:0 0 10px;
border:0;
background:transparent;
color:#8e8189;
font-size:16px;
font-weight:700
}
body .discover-xhs__tab.is-active{
color:#171014
}
body .discover-xhs__tab.is-active:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:3px;
border-radius:999px;
background:#171014
}
body .discover-xhs__filter-btn{
flex-shrink:0;
min-height:38px;
padding:0 14px;
border-radius:999px;
border:1px solid rgba(235,226,230,.94);
background:#fff;
display:inline-flex;
align-items:center;
gap:8px;
color:#24161b;
font-size:12px;
font-weight:800;
box-shadow:0 10px 18px rgba(49,27,37,.06)
}
body .discover-xhs__filter-btn em{
min-width:18px;
height:18px;
padding:0 5px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:linear-gradient(135deg,#ffb995,#ff89a7);
color:#fff;
font-style:normal;
font-size:10px
}
body .discover-xhs__section-bar{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:12px
}
body .discover-xhs__section-copy{
display:grid;
gap:2px
}
body .discover-xhs__section-copy strong{
color:#1b1116;
font-size:20px;
line-height:1.05;
letter-spacing:-.04em
}
body .discover-xhs__section-copy span{
color:#8a767f;
font-size:12px;
line-height:1.5
}
body .discover-xhs__section-note{
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 11px;
border-radius:999px;
background:#f9ede9;
color:#745864;
font-style:normal;
font-size:11px;
font-weight:800;
white-space:nowrap
}
body .discover-xhs__waterfall{
column-count:2;
column-gap:12px
}
body .discover-xhs__waterfall-card{
width:100%;
margin:0 0 12px;
padding:0;
border-radius:24px;
overflow:hidden;
display:inline-grid;
text-align:left;
break-inside:avoid;
background:#fff
}
body .discover-xhs__waterfall-media{
position:relative;
overflow:hidden;
background:#f0e7e2
}
body .discover-xhs__waterfall-media img{
display:block;
width:100%;
height:100%;
object-fit:cover
}
body .discover-xhs__waterfall-fallback{
position:absolute;
inset:0;
display:grid;
align-content:space-between;
padding:16px;
background:
radial-gradient(circle at 18% 18%,var(--discover-cover-accent),transparent 34%),
linear-gradient(160deg,var(--discover-cover-shadow),#dccdc9 90%);
color:#fff
}
body .discover-xhs__waterfall-mark{
width:56px;
height:56px;
border-radius:18px;
display:grid;
place-items:center;
background:rgba(255,255,255,.18);
backdrop-filter:blur(12px);
font-size:24px;
font-weight:900;
letter-spacing:-.04em
}
body .discover-xhs__waterfall-fallback em{
font-style:normal;
font-size:12px;
line-height:1.45
}
body .discover-xhs__waterfall-label{
position:absolute;
left:12px;
bottom:12px;
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 12px;
border-radius:999px;
background:rgba(20,13,18,.54);
border:1px solid rgba(255,255,255,.18);
backdrop-filter:blur(12px);
color:#fff;
font-size:11px;
font-weight:800
}
body .discover-xhs__waterfall-body{
display:grid;
gap:10px;
padding:12px 12px 14px
}
body .discover-xhs__waterfall-title{
margin:0;
color:#221419;
font-size:14px;
font-weight:700;
line-height:1.6;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
body .discover-xhs__waterfall-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px
}
body .discover-xhs__waterfall-author{
display:flex;
align-items:center;
gap:8px;
min-width:0
}
body .discover-xhs__waterfall-author>span{
min-width:0;
display:grid;
gap:2px
}
body .discover-xhs__waterfall-author strong{
color:#312027;
font-size:12px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
body .discover-xhs__waterfall-author em{
color:#927c84;
font-style:normal;
font-size:11px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
body .discover-xhs__waterfall-like{
display:inline-flex;
align-items:center;
gap:4px;
min-height:28px;
padding:0 9px;
border-radius:999px;
background:#faf1ec;
color:#70545f;
flex-shrink:0
}
body .discover-xhs__waterfall-like em{
font-style:normal;
font-size:11px;
font-weight:700
}
body .discover-xhs__feed-list,
body .discover-xhs__nearby-list,
body .discover-xhs__nearby-stack{
display:grid;
gap:12px
}
body .discover-xhs__feed-card{
width:100%;
padding:14px;
border-radius:26px;
display:grid;
gap:12px;
text-align:left
}
body .discover-xhs__feed-head,
body .discover-xhs__nearby-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px
}
body .discover-xhs__feed-author,
body .discover-xhs__nearby-author{
display:flex;
align-items:center;
gap:10px;
min-width:0
}
body .discover-xhs__feed-author-copy,
body .discover-xhs__nearby-copy{
display:grid;
gap:3px;
min-width:0
}
body .discover-xhs__feed-author-row,
body .discover-xhs__nearby-title{
display:flex;
align-items:center;
gap:6px;
flex-wrap:wrap
}
body .discover-xhs__feed-author-row strong,
body .discover-xhs__nearby-title strong{
color:#21161b;
font-size:15px;
line-height:1.05
}
body .discover-xhs__feed-author-row span,
body .discover-xhs__nearby-title span{
display:inline-flex;
align-items:center;
min-height:22px;
padding:0 8px;
border-radius:999px;
background:#f9ede8;
color:#7c5d68;
font-size:10px;
font-weight:800
}
body .discover-xhs__feed-author-copy>span,
body .discover-xhs__nearby-copy>span{
color:#8a7a82;
font-size:12px;
line-height:1.45;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
body .discover-xhs__feed-state,
body .discover-xhs__nearby-state{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 10px;
border-radius:999px;
background:#faf1ec;
color:#775964;
font-style:normal;
font-size:11px;
font-weight:800;
white-space:nowrap
}
body .discover-xhs__feed-state.is-online,
body .discover-xhs__nearby-state.is-online{
background:#ebfff3;
color:#1f8f57
}
body .discover-xhs__feed-card h3{
margin:0;
color:#1c1217;
font-size:18px;
line-height:1.15
}
body .discover-xhs__feed-content{
margin:0;
color:#36262d;
font-size:14px;
line-height:1.72;
white-space:pre-wrap
}
body .discover-xhs__feed-media{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px
}
body .discover-xhs__feed-media.media-1{
grid-template-columns:1fr
}
body .discover-xhs__feed-media.media-2{
grid-template-columns:repeat(2,minmax(0,1fr))
}
body .discover-xhs__feed-media-item{
display:block;
overflow:hidden;
border-radius:18px;
background:#f3ebe6;
aspect-ratio:1/.88
}
body .discover-xhs__feed-media.media-1 .discover-xhs__feed-media-item{
aspect-ratio:1/.72
}
body .discover-xhs__feed-media-item img{
display:block;
width:100%;
height:100%;
object-fit:cover
}
body .discover-xhs__feed-tags,
body .discover-xhs__nearby-tags{
display:flex;
gap:8px;
flex-wrap:wrap
}
body .discover-xhs__feed-tags span,
body .discover-xhs__nearby-tags span{
display:inline-flex;
align-items:center;
min-height:26px;
padding:0 10px;
border-radius:999px;
background:#faf1ec;
color:#70545f;
font-size:11px;
font-weight:700
}
body .discover-xhs__feed-foot,
body .discover-xhs__nearby-foot{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px
}
body .discover-xhs__feed-place,
body .discover-xhs__nearby-foot span{
color:#8b7781;
font-size:12px;
line-height:1.45
}
body .discover-xhs__feed-stats{
display:flex;
align-items:center;
gap:10px;
flex-shrink:0
}
body .discover-xhs__feed-stats span{
display:inline-flex;
align-items:center;
gap:4px;
color:#68515b
}
body .discover-xhs__feed-stats em{
font-style:normal;
font-size:11px;
font-weight:700
}
body .discover-xhs__feed-reply{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:10px 12px;
border-radius:16px;
background:#faf4f0;
color:#8d7d84;
font-size:12px
}
body .discover-xhs__feed-reply>div{
display:inline-flex;
align-items:center;
gap:4px;
color:#59424c
}
body .discover-xhs__feed-reply em{
font-style:normal;
font-size:11px;
font-weight:700
}
body .discover-xhs__nearby-summary{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
padding:16px;
border-radius:24px;
background:linear-gradient(145deg,#fffdfb,#fff4ef 70%,#fffaf7)
}
body .discover-xhs__nearby-summary-copy{
display:grid;
gap:4px
}
body .discover-xhs__nearby-summary-copy strong{
color:#201217;
font-size:18px;
line-height:1.05
}
body .discover-xhs__nearby-summary-copy p{
margin:0;
color:#826d76;
font-size:13px;
line-height:1.65
}
body .discover-xhs__nearby-summary-meta{
display:flex;
gap:8px;
flex-wrap:wrap;
justify-content:flex-end
}
body .discover-xhs__nearby-summary-meta span{
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 11px;
border-radius:999px;
background:#fff;
color:#725761;
font-size:11px;
font-weight:800
}
body .discover-xhs__nearby-card{
width:100%;
padding:0;
border-radius:28px;
overflow:hidden;
display:grid;
text-align:left
}
body .discover-xhs__nearby-cover{
position:relative;
overflow:hidden;
aspect-ratio:1/.62;
background:#f1e7e2
}
body .discover-xhs__nearby-cover img{
display:block;
width:100%;
height:100%;
object-fit:cover
}
body .discover-xhs__nearby-fallback{
position:absolute;
inset:0;
display:grid;
align-content:space-between;
padding:18px;
background:
radial-gradient(circle at 18% 18%,var(--discover-cover-accent),transparent 34%),
linear-gradient(160deg,var(--discover-cover-shadow),#d7c6c1 90%);
color:#fff
}
body .discover-xhs__nearby-mark{
width:66px;
height:66px;
border-radius:20px;
display:grid;
place-items:center;
background:rgba(255,255,255,.18);
backdrop-filter:blur(12px);
font-size:28px;
font-weight:900;
letter-spacing:-.04em
}
body .discover-xhs__nearby-fallback em{
font-style:normal;
font-size:12px;
line-height:1.5
}
body .discover-xhs__nearby-cover-meta{
position:absolute;
left:14px;
right:14px;
bottom:14px;
display:flex;
justify-content:space-between;
gap:8px
}
body .discover-xhs__nearby-cover-meta span{
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 11px;
border-radius:999px;
background:rgba(22,14,18,.54);
border:1px solid rgba(255,255,255,.18);
backdrop-filter:blur(12px);
color:#fff;
font-size:11px;
font-weight:800
}
body .discover-xhs__nearby-body{
display:grid;
gap:10px;
padding:14px 14px 16px
}
body .discover-xhs__nearby-body p{
margin:0;
color:#35242b;
font-size:14px;
line-height:1.72
}
body .discover-xhs__nearby-foot strong{
color:#24161b;
font-size:12px;
letter-spacing:.02em
}
body .discover-xhs__empty{
margin:0;
padding:18px 14px;
border-radius:22px;
color:#876f79;
font-size:13px;
line-height:1.65;
text-align:center
}
body .discover-xhs__filter-modal{
position:fixed;
inset:0;
z-index:1300;
display:grid;
place-items:center;
padding:18px
}
body .discover-xhs__filter-backdrop{
position:absolute;
inset:0;
border:0;
background:rgba(37,24,31,.2);
backdrop-filter:blur(16px)
}
body .discover-xhs__filter-card{
position:relative;
z-index:1;
width:min(100%,364px);
padding:16px;
border-radius:28px;
display:grid;
gap:14px;
background:linear-gradient(180deg,#fffdfb,#fff7f4)
}
body .discover-xhs__filter-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px
}
body .discover-xhs__filter-copy{
display:grid;
gap:4px
}
body .discover-xhs__filter-copy strong{
color:#24161b;
font-size:18px;
line-height:1.05
}
body .discover-xhs__filter-copy span{
color:#8b7781;
font-size:12px
}
body .discover-xhs__filter-close{
width:34px;
height:34px;
border-radius:14px;
border:1px solid rgba(235,226,230,.94);
background:#fff;
color:#24161b;
font-size:20px;
line-height:1
}
body .discover-xhs__filter-section{
display:grid;
gap:8px
}
body .discover-xhs__filter-label{
color:#24161b;
font-size:12px;
font-weight:800
}
body .discover-xhs__filter-chip-row{
display:flex;
gap:8px;
flex-wrap:wrap
}
body .discover-xhs__filter-chip{
min-height:34px;
padding:0 12px;
border-radius:14px;
border:1px solid rgba(235,226,230,.94);
background:#fff;
color:#705860;
font-size:12px;
font-weight:700;
transition:transform .16s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease
}
body .discover-xhs__filter-chip:active{
transform:scale(.96)
}
body .discover-xhs__filter-chip.is-active{
background:linear-gradient(135deg,#fff0ea,#ffe5ef);
border-color:rgba(255,186,173,.94);
box-shadow:0 14px 24px rgba(255,165,150,.18);
color:#23151a
}
body .discover-xhs__filter-actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px
}
body .discover-xhs__filter-ghost,
body .discover-xhs__filter-primary{
min-height:42px;
border-radius:16px;
font-weight:800
}
body .discover-xhs__filter-ghost{
border:1px solid rgba(235,226,230,.94);
background:#fff;
color:#674f58
}
body .discover-xhs__filter-primary{
border:0;
background:linear-gradient(135deg,#ffbc9e,#ff90af);
color:#fff;
box-shadow:0 16px 28px rgba(255,154,136,.28)
}
@media (max-width:640px){
body .discover-xhs{
gap:10px
}
body .discover-xhs__hero{
padding:16px;
border-radius:28px
}
body .discover-xhs__hero-copy strong{
font-size:27px
}
body .discover-xhs__shortcut{
padding:11px 8px;
border-radius:20px
}
body .discover-xhs__shortcut-copy strong{
font-size:12px
}
body .discover-xhs__waterfall{
column-gap:10px
}
body .discover-xhs__waterfall-card{
margin-bottom:10px
}
body .discover-xhs__feed-card{
padding:13px;
border-radius:24px
}
body .discover-xhs__nearby-card{
border-radius:26px
}
body .discover-xhs__filter-card{
width:min(100%,340px);
padding:14px;
border-radius:24px
}
}
@media (max-width:420px){
body .discover-xhs__hero-mark{
width:44px;
height:44px;
border-radius:16px
}
body .discover-xhs__hero-copy strong{
font-size:24px
}
body .discover-xhs__hero-stats{
gap:8px
}
body .discover-xhs__hero-stats strong{
font-size:20px
}
body .discover-xhs__shortcut-grid{
grid-template-columns:repeat(2,minmax(0,1fr))
}
body .discover-xhs__tab{
font-size:15px
}
body .discover-xhs__filter-btn span{
display:none
}
body .discover-xhs__section-bar{
align-items:flex-start;
flex-direction:column
}
body .discover-xhs__feed-foot,
body .discover-xhs__nearby-foot,
body .discover-xhs__nearby-summary{
align-items:flex-start;
flex-direction:column
}
body .discover-xhs__waterfall{
column-count:2
}
}
@media (max-width:420px){
body .discover-v2__hero{
padding:12px
}
body .discover-v2__entry-grid{
grid-template-columns:1fr 1fr
}
body .discover-v2__entry{
min-height:80px;
padding:10px
}
body .discover-v2__hero-stats{
grid-template-columns:repeat(3,minmax(0,1fr))
}
body .discover-v2__people-gallery{
grid-template-columns:repeat(3,minmax(0,1fr))
}
body .discover-v2__story-item{
flex-basis:78px;
min-width:78px
}
body .discover-v2__story-image,
body .discover-v2__story-fallback{
width:70px;
height:70px
}
}
/* ui-refresh-20260422ao */
body.discover-page-active .app-shell--mobile .page-shell{
padding-bottom:calc(86px + env(safe-area-inset-bottom))!important
}
body.discover-page-active .core-tab-fab{
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(24px) scale(.88)
}
body .discover-v2{
gap:10px;
padding-top:6px
}
body .discover-v2__hero{
grid-template-columns:minmax(0,1.14fr) minmax(0,.9fr);
gap:10px;
padding:12px;
border-radius:26px;
background:
radial-gradient(circle at 14% 18%,rgba(255,220,132,.1),transparent 26%),
radial-gradient(circle at 86% 16%,rgba(112,128,146,.14),transparent 26%),
linear-gradient(160deg,#14171b,#0f1115 62%,#090b0d);
box-shadow:0 18px 34px rgba(0,0,0,.28)
}
body .discover-v2__hero-main{
display:grid;
gap:10px;
align-content:start
}
body .discover-v2__hero-copy{
gap:8px
}
body .discover-v2__hero-copy strong{
font-size:24px;
line-height:1.02;
letter-spacing:-.05em
}
body .discover-v2__hero-copy p{
font-size:12px;
line-height:1.55;
color:#c2cad1
}
body .discover-v2__hero-pills{
display:flex;
gap:8px;
flex-wrap:wrap
}
body .discover-v2__hero-pill{
display:inline-flex;
align-items:center;
gap:6px;
min-height:30px;
padding:0 10px;
border-radius:999px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.05);
color:#d6dde4
}
body .discover-v2__hero-pill strong{
font-size:13px;
line-height:1;
letter-spacing:-.02em;
color:#fff
}
body .discover-v2__hero-pill em{
font-style:normal;
font-size:10px;
font-weight:700;
color:#aeb7bf
}
body .discover-v2__hero-meta{
gap:8px;
font-size:10px
}
body .discover-v2__hero-callout{
padding:12px;
border-radius:22px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
display:grid;
gap:6px;
box-shadow:inset 0 1px rgba(255,255,255,.04)
}
body .discover-v2__hero-callout span{
display:inline-flex;
align-items:center;
min-height:22px;
width:max-content;
padding:0 8px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
font-size:10px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
color:#edf0f3
}
body .discover-v2__hero-callout strong{
color:#fff;
font-size:17px;
line-height:1.12;
letter-spacing:-.03em
}
body .discover-v2__hero-callout p{
margin:0;
color:#b8c1ca;
font-size:12px;
line-height:1.62
}
body .discover-v2__entry-grid{
gap:8px;
align-content:start
}
body .discover-v2__entry{
min-height:78px;
padding:11px;
border-radius:20px;
gap:6px
}
body .discover-v2__entry strong{
font-size:17px
}
body .discover-v2__entry em{
font-size:10px;
line-height:1.45
}
body .discover-v2__section{
padding:12px;
border-radius:24px;
gap:10px
}
body .discover-v2__section-head{
gap:10px
}
body .discover-v2__section-head--compact{
align-items:center
}
body .discover-v2__section-copy{
display:grid;
gap:6px
}
body .discover-v2__section-head strong{
margin-top:0;
font-size:19px;
line-height:1.04
}
body .discover-v2__section-meta-row{
display:flex;
gap:6px;
flex-wrap:wrap
}
body .discover-v2__section-meta-row span{
display:inline-flex;
align-items:center;
min-height:22px;
padding:0 8px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#c9d2da;
font-size:10px;
font-weight:700;
letter-spacing:0;
text-transform:none
}
body .discover-v2__section-action{
min-height:34px;
padding:0 12px;
border-radius:14px;
font-size:11px
}
body .discover-v2__portal-card{
min-height:116px;
padding:12px
}
body .discover-v2__portal-card strong{
font-size:18px
}
body .discover-v2__inline-item{
padding:11px 12px
}
body .discover-v2__map-preview{
padding:12px
}
body .discover-v2__map-preview strong{
font-size:18px
}
body .discover-v2__people-list{
gap:10px
}
body .discover-v2__people-card{
padding:12px;
border-radius:22px;
gap:8px;
box-shadow:0 14px 24px rgba(0,0,0,.18)
}
body .discover-v2__people-main{
gap:10px
}
body .discover-v2__people-copy{
gap:4px
}
body .discover-v2__people-title-row strong{
font-size:18px
}
body .discover-v2__people-meta{
font-size:11px;
gap:6px
}
body .discover-v2__people-copy p{
font-size:12px;
line-height:1.55;
color:#c0c8cf
}
body .discover-v2__presence{
min-height:22px;
padding:0 9px;
font-size:10px
}
body .discover-v2__people-gallery{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:6px
}
body .discover-v2__people-gallery-item{
border-radius:16px;
aspect-ratio:1/.92
}
body .discover-v2__people-foot{
display:flex;
gap:6px;
flex-wrap:wrap
}
body .discover-v2__people-foot span{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 9px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#d6dde4;
font-size:10px;
font-weight:700
}
body .discover-v2__mode-switch{
gap:6px
}
body .discover-v2__mode-tab{
min-height:34px;
padding:0 14px;
font-size:11px
}
body .discover-v2__story-row{
gap:8px;
padding:2px 0 0
}
body .discover-v2__story-item{
flex:0 0 76px;
min-width:76px;
gap:5px
}
body .discover-v2__story-media{
width:72px;
height:72px;
border-radius:22px;
display:grid;
place-items:center;
position:relative;
overflow:hidden;
border:1px solid rgba(255,255,255,.08);
background:
radial-gradient(circle at 18% 18%,var(--story-accent,rgba(255,255,255,.12)),transparent 38%),
linear-gradient(160deg,var(--story-shadow,#171a1f),#0b0d10 76%);
background-size:cover;
background-position:center;
box-shadow:0 14px 22px rgba(0,0,0,.22)
}
body .discover-v2__story-media.has-image:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(6,8,10,.04),rgba(6,8,10,.18))
}
body .discover-v2__story-fallback{
position:relative;
z-index:1;
width:auto;
height:auto;
border:0;
background:none;
box-shadow:none;
font-size:20px;
font-weight:900;
letter-spacing:-.04em
}
body .discover-v2__story-badge{
right:4px;
bottom:32px
}
body .discover-v2__story-item strong{
font-size:11px
}
body .discover-v2__feed-list{
gap:12px
}
body .discover-v2 .core-post-card--editorial{
padding:14px;
border-radius:24px;
box-shadow:0 16px 28px rgba(0,0,0,.24)
}
body .discover-v2 .core-post-card--editorial p{
font-size:13px;
line-height:1.68
}
body .discover-v2 .core-post-card--editorial .core-post-images{
margin-top:10px
}
body .discover-v2 .core-post-card--editorial .core-post-image-btn{
border-radius:18px
}
body .discover-v2 .core-post-card--editorial .core-post-images.single img{
min-height:240px
}
body .discover-v2__knowledge-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px
}
body .discover-v2__knowledge-card{
min-height:150px;
padding:14px;
border-radius:22px;
gap:8px
}
body .discover-v2__knowledge-card--featured{
grid-column:span 2;
min-height:164px
}
body .discover-v2__knowledge-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px
}
body .discover-v2__knowledge-meta{
min-height:20px;
font-size:10px
}
body .discover-v2__knowledge-time{
font-style:normal;
font-size:10px;
font-weight:700;
color:#adb7bf
}
body .discover-v2__knowledge-card strong{
font-size:18px;
line-height:1.12
}
body .discover-v2__knowledge-card p{
font-size:12px;
line-height:1.6;
color:#c1cad1
}
body .discover-v2__knowledge-note{
color:#eef1f4;
font-size:11px;
font-weight:800
}
body .discover-v2__empty{
font-size:12px
}
@media (max-width:640px){
body .discover-v2__hero{
grid-template-columns:1fr
}
body .discover-v2__entry-grid{
grid-template-columns:repeat(2,minmax(0,1fr))
}
body .discover-v2__section-head,
body .discover-v2__section-head--stack,
body .discover-v2__section-head--compact{
flex-direction:column;
align-items:stretch
}
body .discover-v2__hero-copy strong{
font-size:22px
}
body .discover-v2__hero-meta{
flex-direction:column;
align-items:flex-start
}
body .discover-v2__people-card-head{
flex-direction:row
}
}
@media (max-width:420px){
body .discover-v2{
gap:8px
}
body .discover-v2__hero{
padding:10px;
border-radius:22px
}
body .discover-v2__hero-copy strong{
font-size:20px
}
body .discover-v2__hero-pills{
gap:6px
}
body .discover-v2__hero-pill{
padding:0 9px
}
body .discover-v2__entry{
min-height:72px;
padding:10px
}
body .discover-v2__entry strong{
font-size:15px
}
body .discover-v2__portal-grid{
grid-template-columns:1fr
}
body .discover-v2__section{
padding:10px;
border-radius:22px
}
body .discover-v2__people-card-head{
flex-direction:column
}
body .discover-v2__story-item{
flex-basis:72px;
min-width:72px
}
body .discover-v2__story-media{
width:68px;
height:68px
}
body .discover-v2__knowledge-grid{
grid-template-columns:1fr
}
body .discover-v2__knowledge-card--featured{
grid-column:auto
}
}
/* discover-dark-final-20260422bd */
body.discover-page-active,
body.discover-page-active #root{
background:#080b10;
color:#eef1f4
}
body.discover-page-active .app-shell{
background:
radial-gradient(circle at top,rgba(68,80,96,.22),transparent 34%),
linear-gradient(180deg,#080b10 0%,#0c1117 56%,#090d12 100%)
}
body.discover-page-active .app-shell--mobile:before{
background:radial-gradient(circle at center,rgba(78,93,112,.16),transparent 40%),#080b10
}
body.discover-page-active .core-tab-bar__shell{
background:rgba(10,13,17,.88)!important;
border:1px solid rgba(95,108,124,.22)!important;
box-shadow:0 18px 32px rgba(0,0,0,.34)!important
}
body.discover-page-active .core-tab-item{
color:#76808d
}
body.discover-page-active .core-tab-item.active{
color:#eff3f6
}
body.discover-page-active .core-tab-item.active .core-tab-item__icon{
background:linear-gradient(180deg,rgba(93,106,124,.26),rgba(32,39,48,.64));
box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 24px rgba(0,0,0,.26)
}
body.discover-page-active .core-tab-item__active{
background:linear-gradient(90deg,#dbe2ea,#8894a3)
}
body .discover-xhs{
gap:10px;
padding-top:4px;
padding-bottom:calc(96px + env(safe-area-inset-bottom))
}
body .discover-xhs__chrome{
gap:10px;
padding:2px 0 8px;
background:linear-gradient(180deg,rgba(8,11,16,.98) 0%,rgba(8,11,16,.92) 70%,rgba(8,11,16,0) 100%)
}
body .discover-xhs__brand-copy{
gap:2px
}
body .discover-xhs__brand-copy strong{
color:#f1f5f7;
font-size:18px
}
body .discover-xhs__brand-meta,
body .discover-xhs__shortcut-copy em,
body .discover-xhs__story-card span,
body .discover-xhs__feed-author-copy>span,
body .discover-xhs__nearby-copy>span,
body .discover-xhs__feed-place,
body .discover-xhs__nearby-foot span,
body .discover-xhs__empty{
color:#8f9aa7
}
body .discover-xhs__top-action,
body .discover-xhs__tabs-more{
border:1px solid rgba(95,108,124,.24);
background:rgba(17,22,29,.88);
color:#e8edf2;
box-shadow:0 12px 20px rgba(0,0,0,.28)
}
body .discover-xhs__search-bar{
padding:14px 14px 14px 20px;
border:1px solid rgba(95,108,124,.24);
border-radius:20px;
background:linear-gradient(180deg,rgba(16,21,28,.96),rgba(12,17,23,.94));
box-shadow:0 16px 24px rgba(0,0,0,.24)
}
body .discover-xhs__search-bar:before{
background:linear-gradient(180deg,#8c98a6,#4d5968)
}
body .discover-xhs__search-index,
body .discover-xhs__story-card strong,
body .discover-xhs__waterfall-title,
body .discover-xhs__feed-card h3,
body .discover-xhs__feed-author-row strong,
body .discover-xhs__nearby-title strong,
body .discover-xhs__nearby-foot strong{
color:#eef3f6
}
body .discover-xhs__search-copy{
color:#c2cad3;
font-size:14px
}
body .discover-xhs__search-icon{
background:rgba(255,255,255,.04);
color:#f1f5f7
}
body .discover-xhs__shortcut-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px
}
body .discover-xhs__shortcut{
padding:12px 8px;
border-radius:20px;
border:1px solid rgba(95,108,124,.22);
background:linear-gradient(180deg,#11161d,#0d1218);
box-shadow:0 14px 24px rgba(0,0,0,.2)
}
body .discover-xhs__shortcut.is-active{
background:linear-gradient(180deg,#19212b,#11171f);
border-color:rgba(150,166,184,.3)
}
body .discover-xhs__shortcut-icon{
background:linear-gradient(180deg,rgba(112,128,146,.24),rgba(47,56,67,.62));
color:#edf3f8
}
body .discover-xhs__shortcut-copy strong{
color:#eff3f6
}
body .discover-xhs__tabs{
gap:16px
}
body .discover-xhs__tab{
color:#7f8994;
font-size:15px
}
body .discover-xhs__tab.is-active{
color:#f4f7fa;
font-size:17px
}
body .discover-xhs__tab.is-active:after{
background:linear-gradient(90deg,#e7edf3,#8f9baa)
}
body .discover-xhs__tab-shell{
gap:10px
}
body .discover-xhs__story-media{
border:1px solid rgba(95,108,124,.22);
box-shadow:0 12px 20px rgba(0,0,0,.22);
background:
radial-gradient(circle at 18% 18%,var(--story-accent,rgba(255,255,255,.18)),transparent 36%),
linear-gradient(160deg,var(--story-shadow,#1a2129),#0d1218 90%)
}
body .discover-xhs__content,
body .discover-xhs__feed-list{
gap:10px
}
body .discover-xhs__waterfall-card,
body .discover-xhs__feed-card,
body .discover-xhs__nearby-card,
body .discover-xhs__empty,
body .discover-xhs__filter-card{
border:1px solid rgba(95,108,124,.18);
background:linear-gradient(180deg,#10151b,#0d1218);
box-shadow:0 18px 28px rgba(0,0,0,.24)
}
body .discover-xhs__waterfall-media,
body .discover-xhs__feed-media-item,
body .discover-xhs__nearby-cover{
background:#151b23
}
body .discover-xhs__waterfall-label,
body .discover-xhs__nearby-cover-meta span{
background:rgba(8,11,16,.7);
border-color:rgba(255,255,255,.08)
}
body .discover-xhs__waterfall-author strong{
color:#dce3ea
}
body .discover-xhs__waterfall-author em{
color:#7e8894
}
body .discover-xhs__waterfall-like,
body .discover-xhs__feed-top-tags span,
body .discover-xhs__feed-tags span,
body .discover-xhs__nearby-tags span,
body .discover-xhs__feed-inline-meta span,
body .discover-xhs__feed-author-row span,
body .discover-xhs__nearby-title span{
background:rgba(255,255,255,.05);
color:#bcc6d1
}
body .discover-xhs__feed-card{
padding:16px 16px 14px;
border-radius:24px
}
body .discover-xhs__feed-state,
body .discover-xhs__nearby-state{
background:rgba(255,255,255,.05);
color:#adb8c4
}
body .discover-xhs__feed-state.is-online,
body .discover-xhs__nearby-state.is-online{
background:rgba(55,124,86,.22);
color:#9be2b7
}
body .discover-xhs__feed-content,
body .discover-xhs__nearby-body p{
color:#d4dbe3;
line-height:1.68
}
body .discover-xhs__feed-poster{
background:
radial-gradient(circle at 18% 18%,var(--discover-cover-accent),transparent 34%),
linear-gradient(160deg,var(--discover-cover-shadow),#111820 90%);
box-shadow:inset 0 1px rgba(255,255,255,.06)
}
body .discover-xhs__feed-contact{
background:rgba(55,124,86,.18);
color:#a8edc0
}
body .discover-xhs__feed-contact.is-dark{
background:rgba(255,255,255,.05);
color:#eef3f7
}
body .discover-xhs__feed-stats span{
color:#bdc8d2
}
body .discover-xhs__feed-actions,
body .discover-xhs__feed-reply{
display:none
}
body .discover-xhs__filter-backdrop{
background:rgba(4,6,9,.56);
backdrop-filter:blur(18px)
}
body .discover-xhs__filter-card{
width:min(100%,348px);
padding:16px;
border-radius:24px;
background:linear-gradient(180deg,#11161d,#0d1218)
}
body .discover-xhs__filter-copy strong,
body .discover-xhs__filter-label{
color:#eef3f6
}
body .discover-xhs__filter-copy span{
color:#8c97a4
}
body .discover-xhs__filter-close,
body .discover-xhs__filter-ghost{
border:1px solid rgba(95,108,124,.18);
background:rgba(255,255,255,.04);
color:#c2ccd7
}
body .discover-xhs__filter-chip{
border:1px solid rgba(95,108,124,.18);
background:rgba(255,255,255,.03);
color:#aeb8c4
}
body .discover-xhs__filter-chip.is-active{
background:linear-gradient(180deg,#1b2430,#111820);
border-color:rgba(155,173,193,.34);
box-shadow:0 12px 20px rgba(0,0,0,.22);
color:#f3f7fa
}
body .discover-xhs__filter-primary{
background:linear-gradient(135deg,#9aa7b5,#5f6d7c);
color:#f6f9fb
}
@media (max-width:420px){
body .discover-xhs__shortcut-grid{
grid-template-columns:repeat(3,minmax(0,1fr))
}
body .discover-xhs__shortcut-copy em{
display:none
}
}
/* discover-publish-final-20260422be */
body .discover-xhs{
padding-top:2px;
padding-bottom:calc(124px + env(safe-area-inset-bottom))
}
body .discover-xhs__chrome{
gap:8px;
padding-top:0
}
body .discover-xhs__publish-fab{
position:fixed;
right:max(14px,calc((100vw - var(--mobile-shell-width))/2 + 14px));
bottom:calc(104px + env(safe-area-inset-bottom));
z-index:120;
width:64px;
height:64px;
padding:0;
border:0;
border-radius:24px;
background:linear-gradient(145deg,#a8b5c3,#5f6d7d 58%,#303946);
box-shadow:0 18px 34px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.28);
color:#f7fafc
}
body .discover-xhs__publish-fab-copy{
display:grid;
justify-items:center;
gap:1px
}
body .discover-xhs__publish-fab-copy strong{
font-size:28px;
line-height:1;
font-weight:500
}
body .discover-xhs__publish-fab-copy em{
font-style:normal;
font-size:11px;
font-weight:800;
letter-spacing:.06em
}
body .discover-xhs__publish-sheet{
display:grid;
gap:10px
}
body .discover-xhs__publish-option{
width:100%;
padding:16px 18px;
border-radius:20px;
border:1px solid rgba(95,108,124,.18);
background:linear-gradient(180deg,#171d25,#11161d);
text-align:left;
display:grid;
gap:4px;
color:#f2f6f9;
box-shadow:0 14px 24px rgba(0,0,0,.18)
}
body .discover-xhs__publish-option strong{
color:#f3f7fa;
font-size:16px;
line-height:1.15
}
body .discover-xhs__publish-option span{
color:#8f9aa7;
font-size:12px;
line-height:1.55
}
@media (max-width:420px){
body .discover-xhs__publish-fab{
right:12px;
bottom:calc(100px + env(safe-area-inset-bottom));
width:60px;
height:60px;
border-radius:22px
}
body .discover-xhs__publish-fab-copy strong{
font-size:26px
}
}
/* discover-fixed-chrome-20260423aa */
body .discover-xhs{
--discover-shell-gutter:12px;
padding-top:calc(var(--discover-chrome-height,0px) + 6px)
}
body .discover-xhs__chrome{
position:fixed;
top:max(0px,env(safe-area-inset-top));
left:50%;
transform:translateX(-50%);
width:calc(min(100vw,var(--mobile-shell-width)) - (var(--discover-shell-gutter) * 2));
z-index:110;
padding-top:4px;
background:linear-gradient(180deg,rgba(6,8,11,.98) 0%,rgba(6,8,11,.94) 76%,rgba(6,8,11,0) 100%);
backdrop-filter:blur(22px)
}
body .discover-xhs__content{
position:relative;
z-index:1
}
@media (max-width:640px){
body .discover-xhs{
--discover-shell-gutter:10px
}
}
/* discover-bg-unify-20260423ab */
body.discover-page-active,
body.discover-page-active #root,
body.discover-page-active .app-shell,
body.discover-page-active .app-shell--mobile,
body.discover-page-active .app-shell--mobile .page-shell,
body .discover-xhs,
body .discover-xhs__content{
background:#07090c!important
}
body .discover-xhs__chrome{
background:linear-gradient(180deg,#07090c 0%,#07090c 84%,rgba(7,9,12,.98) 100%)!important;
box-shadow:none
}
body .discover-xhs__feed-list,
body .discover-xhs__waterfall,
body .discover-xhs__tab-shell{
background:transparent
}
/* message-xhs-final-20260423ac */
body.message-page-active,
body.message-page-active #root,
body.message-page-active .app-shell,
body.message-page-active .app-shell--mobile,
body.message-page-active .app-shell--mobile .page-shell,
body .message-xhs,
body .message-xhs__content{
background:#07090c!important
}
body.message-page-active .app-shell--mobile .page-shell{
padding-bottom:calc(96px + env(safe-area-inset-bottom))!important
}
body.message-page-active .core-tab-fab{
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(24px) scale(.88)
}
body.message-page-active .h5-tab-bar,
body.message-page-active .core-tab-bar{
background:transparent!important;
border-top:0!important;
box-shadow:none!important
}
body.message-page-active .core-tab-bar__shell{
margin:8px 10px 0;
padding:0 6px;
border-radius:26px;
background:rgba(9,12,16,.94)!important;
border:1px solid rgba(78,90,104,.24)!important;
box-shadow:0 18px 34px rgba(0,0,0,.34)!important;
backdrop-filter:blur(20px)
}
body.message-page-active .core-tab-item{
color:#758191
}
body.message-page-active .core-tab-item.active{
color:#f5f7fa
}
body.message-page-active .core-tab-item.active .core-tab-item__icon{
background:linear-gradient(180deg,rgba(73,84,98,.28),rgba(19,24,30,.78));
box-shadow:0 14px 24px rgba(0,0,0,.24)
}
body.message-page-active .core-tab-item__active{
background:linear-gradient(90deg,#eef2f6,#93a0ae)
}
body .message-xhs{
--message-shell-gutter:12px;
display:grid;
gap:0;
padding-top:calc(var(--message-chrome-height,0px) + 10px);
padding-bottom:calc(118px + env(safe-area-inset-bottom))
}
body .message-xhs__chrome{
position:fixed;
top:max(0px,env(safe-area-inset-top));
left:50%;
transform:translateX(-50%);
width:calc(min(100vw,var(--mobile-shell-width)) - (var(--message-shell-gutter) * 2));
z-index:110;
display:grid;
gap:14px;
padding:8px 0 14px;
background:linear-gradient(180deg,#07090c 0%,rgba(7,9,12,.98) 72%,rgba(7,9,12,.92) 100%);
backdrop-filter:blur(22px)
}
body .message-xhs__content{
position:relative;
z-index:1;
display:grid;
gap:12px
}
body .message-xhs__topbar{
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:12px
}
body .message-xhs__brand-entry,
body .message-xhs__top-action,
body .message-xhs__filter-btn{
border:1px solid rgba(80,92,106,.2);
background:rgba(18,22,29,.94);
color:#f1f4f7;
box-shadow:0 14px 24px rgba(0,0,0,.24)
}
body .message-xhs__brand-entry{
min-height:40px;
padding:0 14px;
border-radius:18px;
display:inline-flex;
align-items:center;
gap:10px
}
body .message-xhs__brand-entry svg,
body .message-xhs__top-action svg,
body .message-xhs__filter-btn svg,
body .message-xhs__avatar-verify svg{
width:18px;
height:18px;
stroke:currentColor;
fill:none;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round
}
body .message-xhs__friend-badge svg,
body .message-xhs__likes-heart svg{
width:14px;
height:14px;
fill:currentColor;
stroke:none
}
body .message-xhs__brand-mark{
width:22px;
height:22px;
display:grid;
place-items:center;
color:#f3f6f8
}
body .message-xhs__brand-copy{
position:relative;
display:inline-flex;
align-items:center;
gap:6px
}
body .message-xhs__brand-copy strong,
body .message-xhs__title,
body .message-xhs__section-head strong,
body .message-xhs__friend-copy strong,
body .message-xhs__thread strong,
body .message-xhs__quick-item strong,
body .message-xhs__filter-item strong{
color:#f5f7fa
}
body .message-xhs__brand-copy strong{
font-size:15px;
line-height:1.1
}
body .message-xhs__brand-dot{
width:8px;
height:8px;
border-radius:999px;
background:#ff4d5f;
box-shadow:0 0 0 3px rgba(255,77,95,.14)
}
body .message-xhs__title{
font-size:18px;
font-weight:800;
text-align:center;
letter-spacing:.02em
}
body .message-xhs__top-action,
body .message-xhs__filter-btn{
width:42px;
height:42px;
padding:0;
border-radius:18px;
display:grid;
place-items:center
}
body .message-xhs__newcomer{
display:grid;
gap:10px
}
body .message-xhs__section-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:12px
}
body .message-xhs__section-head strong{
display:inline-flex;
align-items:center;
gap:8px;
font-size:27px;
line-height:1
}
body .message-xhs__section-head strong em{
min-height:22px;
padding:0 9px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.1);
color:#d9e0e7;
font-style:normal;
font-size:11px;
font-weight:800
}
body .message-xhs__section-head>span,
body .message-xhs__friend-copy span,
body .message-xhs__friend-copy em,
body .message-xhs__thread-preview,
body .message-xhs__thread-side time,
body .message-xhs__list-meta span,
body .message-xhs__quick-item span,
body .message-xhs__filter-item span,
body .message-xhs__friend-empty span,
body .message-xhs__empty span{
color:#98a3af
}
body .message-xhs__section-head>span{
font-size:12px;
line-height:1.5;
text-align:right
}
body .message-xhs__friend-row{
display:flex;
gap:12px;
overflow-x:auto;
padding:2px 1px 4px;
scrollbar-width:none
}
body .message-xhs__friend-row::-webkit-scrollbar{
display:none
}
body .message-xhs__friend-card{
position:relative;
overflow:hidden;
flex:0 0 104px;
min-height:158px;
padding:10px;
border-radius:26px;
border:1px solid rgba(80,92,106,.2);
background:
radial-gradient(circle at 16% 14%,var(--message-card-glow,rgba(255,255,255,.12)),transparent 34%),
linear-gradient(160deg,var(--message-card-from,#34404c),var(--message-card-to,#12161b) 78%);
display:grid;
align-content:space-between;
gap:10px;
text-align:left;
color:#f4f7fa;
box-shadow:0 18px 30px rgba(0,0,0,.26)
}
body .message-xhs__friend-card.is-hot{
border-color:rgba(255,255,255,.18)
}
body .message-xhs__friend-badge{
display:inline-flex;
align-items:center;
gap:4px;
min-height:22px;
width:max-content;
padding:0 8px;
border-radius:999px;
background:rgba(7,9,12,.74);
border:1px solid rgba(255,255,255,.12);
color:#ff8a98
}
body .message-xhs__friend-badge em{
font-style:normal;
font-size:10px;
font-weight:800;
letter-spacing:.04em
}
body .message-xhs__friend-image{
position:relative;
overflow:hidden;
min-height:88px;
border-radius:20px;
background:rgba(255,255,255,.05);
display:grid;
place-items:center;
box-shadow:inset 0 1px rgba(255,255,255,.04)
}
body .message-xhs__friend-image img{
width:100%;
height:100%;
display:block;
object-fit:cover
}
body .message-xhs__friend-image--fallback{
background:transparent
}
body .message-xhs__friend-mark{
font-size:38px;
font-weight:800;
line-height:1;
letter-spacing:-.06em;
color:#f5f7fa
}
body .message-xhs__friend-copy{
display:grid;
gap:3px
}
body .message-xhs__friend-copy strong{
font-size:15px;
line-height:1.08
}
body .message-xhs__friend-copy span{
font-size:11px;
line-height:1.4
}
body .message-xhs__friend-copy em{
font-style:normal;
font-size:11px;
line-height:1.35
}
body .message-xhs__friend-empty,
body .message-xhs__empty{
padding:16px;
border-radius:24px;
border:1px solid rgba(80,92,106,.18);
background:linear-gradient(180deg,#11161c,#0c1015);
display:grid;
gap:6px;
box-shadow:0 18px 30px rgba(0,0,0,.2)
}
body .message-xhs__friend-empty strong,
body .message-xhs__empty strong{
color:#eef2f6;
font-size:15px
}
body .message-xhs__tabbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px
}
body .message-xhs__tabs{
display:flex;
align-items:flex-end;
gap:22px;
min-width:0
}
body .message-xhs__tab{
position:relative;
padding:0 0 8px;
border:0;
background:transparent;
color:#7e8792;
font:inherit;
font-size:17px;
font-weight:700;
display:inline-flex;
align-items:center;
gap:6px
}
body .message-xhs__tab:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:4px;
border-radius:999px;
background:transparent
}
body .message-xhs__tab.is-active{
color:#f5f7fa;
font-size:19px
}
body .message-xhs__tab.is-active:after{
background:linear-gradient(90deg,#eef2f6,#93a0ae)
}
body .message-xhs__tab i{
min-width:20px;
height:20px;
padding:0 6px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:#ff4d5f;
color:#fff;
font-style:normal;
font-size:10px;
font-weight:800
}
body .message-xhs__tab i.is-dot{
min-width:16px;
width:16px;
padding:0
}
body .message-xhs__filter-btn{
position:relative;
flex-shrink:0
}
body .message-xhs__filter-btn.is-active{
border-color:rgba(190,205,222,.24);
background:linear-gradient(180deg,#1a232d,#121922)
}
body .message-xhs__filter-dot{
position:absolute;
top:8px;
right:8px;
width:8px;
height:8px;
border-radius:999px;
background:#ff4d5f
}
body .message-xhs__list-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px
}
body .message-xhs__list-meta span{
font-size:12px;
line-height:1.5
}
body .message-xhs__list-meta strong{
min-height:24px;
padding:0 10px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#edf1f5;
font-size:11px;
font-weight:800
}
body .message-xhs__thread-list{
display:grid;
gap:10px
}
body .message-xhs__thread{
width:100%;
padding:15px 14px;
border-radius:24px;
border:1px solid rgba(80,92,106,.18);
background:linear-gradient(180deg,#11161c,#0c1015);
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:14px;
text-align:left;
box-shadow:0 18px 28px rgba(0,0,0,.22)
}
body .message-xhs__thread--likes{
padding:16px 14px;
min-height:106px
}
body .message-xhs__avatar{
position:relative;
width:56px;
height:56px;
flex-shrink:0
}
body .message-xhs__avatar-media{
position:relative;
overflow:hidden;
width:100%;
height:100%;
border-radius:50%;
background:
radial-gradient(circle at 16% 14%,var(--message-card-glow,rgba(255,255,255,.12)),transparent 34%),
linear-gradient(160deg,var(--message-card-from,#34404c),var(--message-card-to,#12161b) 78%);
display:grid;
place-items:center;
box-shadow:inset 0 1px rgba(255,255,255,.04)
}
body .message-xhs__avatar-media img{
width:100%;
height:100%;
display:block;
object-fit:cover
}
body .message-xhs__avatar-label{
color:#f5f7fa;
font-size:28px;
font-weight:800;
line-height:1
}
body .message-xhs__avatar-verify{
position:absolute;
right:-1px;
bottom:-1px;
width:22px;
height:22px;
border-radius:50%;
display:grid;
place-items:center;
background:linear-gradient(180deg,#ffe8a3,#ffbd47);
color:#0f1216;
box-shadow:0 8px 14px rgba(0,0,0,.22)
}
body .message-xhs__likes-avatar{
position:relative;
width:72px;
height:72px;
flex-shrink:0;
display:grid;
place-items:center
}
body .message-xhs__likes-core{
width:72px;
height:72px;
border-radius:50%;
display:grid;
place-items:center;
background:
radial-gradient(circle at 24% 22%,rgba(255,220,145,.18),transparent 30%),
linear-gradient(160deg,#383630,#171a1f 76%);
border:3px solid rgba(255,255,255,.88);
color:#f5f7fa;
font-size:19px;
font-weight:900;
line-height:1
}
body .message-xhs__likes-heart{
position:absolute;
right:-2px;
bottom:-2px;
width:28px;
height:28px;
border-radius:50%;
display:grid;
place-items:center;
background:#ff4d5f;
color:#fff;
box-shadow:0 10px 16px rgba(255,77,95,.28)
}
body .message-xhs__thread-body{
min-width:0;
display:grid;
gap:4px
}
body .message-xhs__thread-head{
display:flex;
align-items:center;
gap:8px;
min-width:0
}
body .message-xhs__thread strong{
font-size:17px;
line-height:1.15;
letter-spacing:-.02em
}
body .message-xhs__thread-tag{
min-height:22px;
padding:0 9px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#dce3ea;
font-style:normal;
font-size:10px;
font-weight:800;
white-space:nowrap
}
body .message-xhs__thread-preview{
min-width:0;
font-size:13px;
line-height:1.55;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
body .message-xhs__thread-side{
display:grid;
justify-items:end;
gap:8px;
min-width:54px
}
body .message-xhs__thread-side time{
font-size:12px;
line-height:1.4;
white-space:nowrap
}
body .message-xhs__thread-side b{
min-width:22px;
height:22px;
padding:0 7px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:#ff4d5f;
color:#fff;
font-size:10px;
font-weight:800
}
body .message-xhs__thread-side b.is-ghost{
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#d3dae1
}
body .message-xhs__quick-sheet,
body .message-xhs__filter-sheet{
display:grid;
gap:10px
}
body .message-xhs__quick-item,
body .message-xhs__filter-item{
width:100%;
padding:15px 16px;
border-radius:20px;
border:1px solid rgba(80,92,106,.18);
background:linear-gradient(180deg,#141a22,#0e1319);
text-align:left;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
color:#f1f4f7;
box-shadow:0 14px 24px rgba(0,0,0,.16)
}
body .message-xhs__quick-item>div,
body .message-xhs__filter-item>div{
display:grid;
gap:4px;
min-width:0
}
body .message-xhs__quick-item em,
body .message-xhs__filter-item em{
min-height:24px;
padding:0 10px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#eef2f6;
font-style:normal;
font-size:11px;
font-weight:800;
white-space:nowrap
}
body .message-xhs__filter-item.is-active{
border-color:rgba(190,205,222,.28);
background:linear-gradient(180deg,#1c2530,#121922)
}
body .message-xhs__filter-item.is-active em{
background:linear-gradient(135deg,#eef2f6,#93a0ae);
border-color:transparent;
color:#0f1419
}
@media (max-width:640px){
body .message-xhs{
--message-shell-gutter:10px;
padding-bottom:calc(112px + env(safe-area-inset-bottom))
}
body .message-xhs__friend-card{
flex-basis:100px;
min-height:150px;
border-radius:24px
}
body .message-xhs__thread{
padding:14px 13px;
gap:12px
}
body .message-xhs__thread strong{
font-size:16px
}
}
@media (max-width:420px){
body .message-xhs__section-head{
align-items:flex-start;
flex-direction:column
}
body .message-xhs__section-head>span{
text-align:left
}
body .message-xhs__friend-card{
flex-basis:96px;
min-height:144px
}
body .message-xhs__title{
font-size:17px
}
body .message-xhs__tab{
font-size:16px
}
body .message-xhs__tab.is-active{
font-size:18px
}
}
/* discover-message-refine-20260423ad */
body.message-page-overlay-open .h5-tab-bar,
body.message-page-overlay-open .core-tab-bar{
pointer-events:none
}
body.message-page-overlay-open .core-tab-bar__shell{
opacity:.22;
transform:translateY(16px) scale(.95);
filter:saturate(.82) blur(2px)
}
body .message-xhs{
padding-top:calc(var(--message-chrome-height,0px) + 6px);
padding-bottom:calc(112px + env(safe-area-inset-bottom))
}
body .message-xhs__chrome{
gap:10px;
padding:6px 0 10px
}
body .message-xhs__topbar{
gap:10px
}
body .message-xhs__brand-entry{
min-height:36px;
padding:0 12px;
border-radius:16px
}
body .message-xhs__brand-mark{
width:20px;
height:20px
}
body .message-xhs__brand-copy strong{
font-size:14px
}
body .message-xhs__top-action,
body .message-xhs__filter-btn{
width:38px;
height:38px;
border-radius:16px
}
body .message-xhs__title{
font-size:17px
}
body .message-xhs__newcomer{
gap:8px
}
body .message-xhs__section-head{
display:grid;
grid-template-columns:auto 1fr;
align-items:center;
gap:8px
}
body .message-xhs__section-head strong{
gap:6px;
font-size:21px
}
body .message-xhs__section-head strong em{
min-height:20px;
padding:0 8px;
font-size:10px
}
body .message-xhs__section-head>span{
justify-self:end;
max-width:178px;
font-size:11px;
line-height:1.4
}
body .message-xhs__friend-row{
gap:10px;
padding:2px 1px 2px
}
body .message-xhs__friend-card{
flex:0 0 132px;
min-height:124px;
padding:8px;
border-radius:22px;
gap:8px
}
body .message-xhs__friend-badge{
min-height:20px;
padding:0 7px
}
body .message-xhs__friend-badge em{
font-size:9px
}
body .message-xhs__friend-image{
min-height:70px;
border-radius:16px
}
body .message-xhs__friend-mark{
font-size:32px
}
body .message-xhs__friend-copy{
gap:2px
}
body .message-xhs__friend-copy strong{
font-size:14px
}
body .message-xhs__friend-copy span,
body .message-xhs__friend-copy em{
font-size:10px;
line-height:1.35
}
body .message-xhs__list-meta{
padding-top:2px
}
body .message-xhs__thread-list{
gap:8px
}
body .message-xhs__thread{
padding:13px;
border-radius:22px;
gap:12px
}
body .message-xhs__thread--likes{
min-height:96px;
padding:14px 13px
}
body .message-xhs__avatar{
width:52px;
height:52px
}
body .message-xhs__avatar-verify{
width:20px;
height:20px
}
body .message-xhs__thread strong{
font-size:16px
}
body .message-xhs__thread-preview{
font-size:12px
}
body .message-xhs__thread-side{
gap:6px;
min-width:50px
}
body .message-xhs__thread-side time{
font-size:11px
}
body .message-xhs__thread-side b{
min-width:20px;
height:20px;
font-size:9px
}
body .message-xhs__overlay{
position:fixed!important;
inset:0!important;
z-index:1400!important;
display:grid!important;
place-items:start center!important;
align-content:start!important;
padding:calc(env(safe-area-inset-top) + 8px) 14px 14px!important
}
body .message-xhs__overlay .core-overlay__backdrop{
position:absolute!important;
inset:0!important;
background:rgba(3,5,8,.84)!important;
backdrop-filter:blur(20px)
}
body .message-xhs__overlay .message-xhs__overlay-panel,
body .message-xhs__overlay .core-overlay__panel{
position:relative;
z-index:1;
align-self:start;
margin:0!important;
width:min(100%,356px)!important;
max-height:min(74dvh,560px)!important;
overflow:hidden;
border-radius:24px!important;
border:1px solid rgba(92,104,118,.24)!important;
background:linear-gradient(180deg,#12171d,#0c1116)!important;
box-shadow:0 30px 60px rgba(0,0,0,.44)!important
}
body .message-xhs__overlay .core-overlay__head{
padding:14px 14px 10px;
background:transparent!important
}
body .message-xhs__overlay .core-overlay__title strong{
color:#f4f7fa;
font-size:17px
}
body .message-xhs__overlay .core-overlay__title span{
color:#8d98a5;
font-size:11px;
line-height:1.45
}
body .message-xhs__overlay .core-overlay__body{
padding:0 14px 14px;
overflow:auto
}
body .message-xhs__overlay .core-overlay__footer{
padding:0 14px 14px;
border-top:0;
background:transparent!important
}
body .message-xhs__overlay .core-chip-row{
display:flex;
gap:8px;
overflow-x:auto;
padding-bottom:2px;
scrollbar-width:none
}
body .message-xhs__overlay .core-chip-row::-webkit-scrollbar{
display:none
}
body .message-xhs__overlay .core-chip-btn{
min-height:34px;
padding:0 12px;
border-radius:14px;
border:1px solid rgba(92,104,118,.2);
background:rgba(255,255,255,.04);
color:#aeb8c4;
font:inherit;
font-size:12px;
font-weight:700
}
body .message-xhs__overlay .core-chip-btn.active{
background:linear-gradient(180deg,#232d38,#151c24);
border-color:rgba(184,197,212,.28);
color:#f4f7fa
}
body .message-xhs__overlay .core-menu-list{
display:grid;
gap:10px
}
body .message-xhs__overlay .core-menu-item{
padding:14px 14px 12px;
border-radius:18px;
border:1px solid rgba(92,104,118,.18);
background:linear-gradient(180deg,#141a21,#0e1319);
box-shadow:none
}
body .message-xhs__overlay .core-menu-item strong{
color:#f4f7fa
}
body .message-xhs__overlay .core-menu-item span{
color:#96a2af;
line-height:1.55
}
body .message-xhs__overlay .core-menu-item em{
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#e7edf4
}
body .message-xhs__overlay .core-actions{
gap:8px
}
body .message-xhs__overlay .core-secondary-btn,
body .message-xhs__overlay .core-primary-btn{
min-height:40px;
border-radius:14px;
font:inherit;
font-size:13px;
font-weight:800
}
body .message-xhs__overlay .core-secondary-btn{
border:1px solid rgba(92,104,118,.2);
background:rgba(255,255,255,.05);
color:#e7edf4
}
body .message-xhs__overlay .core-primary-btn{
border:1px solid rgba(170,184,200,.18);
background:linear-gradient(135deg,#aab7c4,#607080);
color:#091016;
box-shadow:none
}
body .message-xhs__overlay .core-copy-block{
color:#d3dae3
}
body .message-xhs__overlay .core-panel,
body .message-xhs__overlay .core-panel--soft{
border:1px solid rgba(92,104,118,.18);
background:linear-gradient(180deg,#141a21,#0e1319)
}
body .message-xhs__overlay .core-inline-meta span,
body .message-xhs__overlay .core-muted-text{
color:#97a2af
}
body .message-xhs__overlay .core-inline-meta strong{
color:#eef3f7
}
body .discover-xhs{
padding-top:calc(var(--discover-chrome-height,0px) + 2px);
padding-bottom:calc(116px + env(safe-area-inset-bottom))
}
body .discover-xhs__chrome{
gap:6px;
padding:2px 0 8px;
background:linear-gradient(180deg,#07090c 0%,rgba(7,9,12,.98) 82%,rgba(7,9,12,.92) 100%)!important
}
body .discover-xhs__shortcut-grid{
gap:8px
}
body .discover-xhs__shortcut{
min-height:70px;
padding:10px 6px;
border-radius:18px
}
body .discover-xhs__shortcut-icon{
width:34px;
height:34px;
border-radius:12px
}
body .discover-xhs__shortcut-copy strong{
font-size:12px
}
body .discover-xhs__shortcut-copy em{
font-size:10px
}
body .discover-xhs__tab-row{
gap:8px
}
body .discover-xhs__tabs{
gap:14px
}
body .discover-xhs__tab{
padding-bottom:8px
}
body .discover-xhs__tab.is-active{
font-size:16px
}
body .discover-xhs__tab-shell{
gap:8px;
padding-bottom:2px
}
body .discover-xhs__story-card{
min-width:72px;
gap:6px
}
body .discover-xhs__story-media{
width:60px;
height:60px;
border-radius:18px
}
body .discover-xhs__content{
gap:8px;
align-content:start
}
body .discover-xhs__feed-list,
body .discover-xhs__waterfall{
align-content:start
}
body .discover-xhs__publish-fab{
right:max(12px,calc((100vw - var(--mobile-shell-width))/2 + 12px));
bottom:calc(94px + env(safe-area-inset-bottom));
width:56px;
height:56px;
border-radius:20px;
box-shadow:0 16px 30px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.24)
}
body .discover-xhs__publish-fab-copy{
gap:0
}
body .discover-xhs__publish-fab-copy strong{
font-size:24px
}
body .discover-xhs__publish-fab-copy em{
font-size:10px
}
@media (max-width:640px){
body .message-xhs__section-head>span{
max-width:156px
}
body .message-xhs__friend-card{
flex-basis:126px;
min-height:120px
}
body .discover-xhs__publish-fab{
bottom:calc(92px + env(safe-area-inset-bottom))
}
}
@media (max-width:420px){
body .message-xhs{
padding-top:calc(var(--message-chrome-height,0px) + 4px)
}
body .message-xhs__section-head{
grid-template-columns:1fr
}
body .message-xhs__section-head>span{
justify-self:start;
max-width:none
}
body .message-xhs__friend-card{
flex-basis:118px;
min-height:116px
}
body .message-xhs__overlay{
padding:calc(env(safe-area-inset-top) + 8px) 12px 12px!important
}
body .message-xhs__overlay .message-xhs__overlay-panel,
body .message-xhs__overlay .core-overlay__panel{
width:min(100%,340px)!important;
border-radius:22px!important
}
body .discover-xhs__shortcut{
min-height:66px
}
body .discover-xhs__story-card{
min-width:68px
}
body .discover-xhs__story-media{
width:56px;
height:56px
}
body .discover-xhs__publish-fab{
right:12px;
bottom:calc(90px + env(safe-area-inset-bottom));
width:54px;
height:54px;
border-radius:18px
}
body .discover-xhs__publish-fab-copy strong{
font-size:23px
}
}
/* discover-message-refine-20260423ae */
body.message-page-overlay-open,
body.message-page-overlay-open #root,
body.message-page-overlay-open .app-shell,
body.message-page-overlay-open .app-shell--mobile,
body.message-page-overlay-open .app-shell--mobile .page-shell{
overflow:hidden!important;
overscroll-behavior:none!important
}
body .message-xhs__friend-row{
gap:10px;
padding:2px 1px 4px
}
body .message-xhs__friend-card{
position:relative;
flex:0 0 174px;
min-height:auto;
padding:10px;
display:block;
border-radius:22px
}
body .message-xhs__friend-main{
display:grid;
grid-template-columns:72px minmax(0,1fr);
gap:10px;
align-items:center;
min-height:82px
}
body .message-xhs__friend-badge{
position:absolute;
top:8px;
left:8px;
z-index:2
}
body .message-xhs__friend-image{
min-height:82px;
height:82px;
border-radius:16px
}
body .message-xhs__friend-copy{
min-width:0;
align-content:center
}
body .message-xhs__friend-copy strong{
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
body .message-xhs__friend-copy span{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
body .message-xhs__friend-copy em{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
body .discover-xhs{
padding-bottom:calc(112px + env(safe-area-inset-bottom))
}
body .discover-xhs__content{
min-height:calc(100dvh - var(--discover-chrome-height,0px) - 116px);
gap:10px;
padding-bottom:6px
}
body .discover-xhs__feed-list{
display:grid;
gap:10px;
align-content:start
}
body .discover-xhs__feed-card{
width:100%;
min-height:0
}
body .discover-xhs__empty{
min-height:calc(100dvh - var(--discover-chrome-height,0px) - 164px);
display:grid;
place-items:center;
text-align:center
}
body .nearby-page__head{
border-color:rgba(92,104,118,.2);
background:
radial-gradient(circle at 18% 18%,rgba(182,194,206,.08),transparent 24%),
linear-gradient(160deg,#11161c,#0b1015 72%,#07090c);
box-shadow:0 24px 46px rgba(0,0,0,.32)
}
body .nearby-page__head p,
body .nearby-page__head .core-kicker{
color:#9ba5b0
}
body .nearby-hero__mode,
body .nearby-hero__stat,
body .nearby-hero__location,
body .nearby-user-card,
body .nearby-focus-card{
background:linear-gradient(180deg,#151a20,#0d1116);
border-color:rgba(92,104,118,.18);
box-shadow:0 18px 30px rgba(0,0,0,.24)
}
body .nearby-hero__mode span,
body .nearby-hero__location,
body .nearby-user-card__meta span,
body .nearby-user-card p,
body .nearby-focus-card__copy span{
color:#9ca7b2
}
body .nearby-map__stage{
border-color:rgba(92,104,118,.18);
background:linear-gradient(160deg,#11161c,#0b1015 72%,#07090c)
}
body .nearby-map__toolbar .core-secondary-btn,
body .nearby-map__toolbar .core-primary-btn,
body .nearby-map__mode,
body .nearby-map__note{
background:rgba(12,15,19,.88);
border-color:rgba(92,104,118,.18);
color:#eef3f7
}
body .nearby-map__mode strong,
body .nearby-map__mode span,
body .nearby-map__note{
color:#aeb8c3
}
body .chat-topbar{
background:rgba(10,13,17,.82);
border-color:rgba(92,104,118,.18)
}
body .chat-context-strip,
body .chat-quick-pill,
body .chat-quick-card,
body .chat-compose-card,
body .chat-compose-card__field,
body .chat-emoji-panel{
background:linear-gradient(180deg,#14191f,#0d1116);
border-color:rgba(92,104,118,.18);
color:#f2f5f8;
box-shadow:0 18px 30px rgba(0,0,0,.22)
}
body .chat-topbar__title span,
body .chat-context-strip__copy span,
body .chat-profile-card__copy span,
body .chat-quick-card span,
body .chat-quick-pill span,
body .chat-compose-card__field textarea::placeholder{
color:#9ca7b2
}
body .chat-compose-card__send{
background:linear-gradient(135deg,#b3bec9,#6f7c88);
box-shadow:none
}
body .wechat-thread__bubble.theirs{
background:#151b22;
border:1px solid rgba(92,104,118,.16);
color:#eef2f6
}
body .wechat-thread__bubble.mine{
background:linear-gradient(180deg,#4b5662,#333c45);
color:#f4f7fa
}
body .entry-pay-page .core-panel--soft,
body .entry-pay-modal__card{
background:linear-gradient(180deg,#14191f,#0d1116);
border-color:rgba(92,104,118,.18)
}
body .entry-pay-page .core-inline-meta,
body .entry-pay-page .core-muted-text,
body .entry-pay-modal__header>span:last-child,
body .entry-pay-modal__account,
body .entry-pay-method span{
color:#9ca7b2
}
body .entry-pay-modal__amount-block,
body .entry-pay-method--row{
background:rgba(255,255,255,.04);
border-color:rgba(92,104,118,.16)
}
body .entry-pay-method--row.active{
background:linear-gradient(180deg,#1e252d,#11171d);
border-color:rgba(164,176,189,.24)
}
body .entry-pay-modal__safe-note{
background:rgba(255,255,255,.04);
border-color:rgba(92,104,118,.16)
}
body .entry-pay-modal__safe-note span{
color:#b7c0ca
}
body .entry-pay-modal__footer{
background:#0d1116;
border-top:1px solid rgba(92,104,118,.14)
}
body .entry-pay-modal__confirm{
background:linear-gradient(135deg,#b3bec9,#6f7c88);
box-shadow:none
}
@media (max-width:640px){
body .message-xhs__friend-card{
flex-basis:166px
}
body .message-xhs__friend-main{
grid-template-columns:68px minmax(0,1fr);
min-height:78px
}
body .message-xhs__friend-image{
min-height:78px;
height:78px
}
body .discover-xhs__content{
min-height:calc(100dvh - var(--discover-chrome-height,0px) - 112px)
}
}
@media (max-width:420px){
body .message-xhs__friend-card{
flex-basis:154px;
padding:9px
}
body .message-xhs__friend-main{
grid-template-columns:62px minmax(0,1fr);
gap:9px;
min-height:72px
}
body .message-xhs__friend-image{
min-height:72px;
height:72px
}
body .discover-xhs__empty{
min-height:calc(100dvh - var(--discover-chrome-height,0px) - 152px)
}
}
/* discover-message-refine-20260423af */
body .message-xhs{
padding-top:calc(var(--message-chrome-height,0px) + 2px)!important
}
body .message-xhs__chrome{
gap:8px!important;
padding:4px 0 8px!important
}
body .message-xhs__topbar{
gap:8px!important
}
body .message-xhs__brand-entry{
min-height:34px!important;
padding:0 11px!important;
border-radius:15px!important
}
body .message-xhs__top-action,
body .message-xhs__filter-btn{
width:36px!important;
height:36px!important;
border-radius:15px!important
}
body .message-xhs__title{
font-size:16px!important
}
body .message-xhs__newcomer{
gap:6px!important
}
body .message-xhs__section-head{
gap:6px!important
}
body .message-xhs__section-head strong{
font-size:19px!important
}
body .message-xhs__section-head strong em{
min-height:18px!important;
padding:0 7px!important
}
body .message-xhs__section-head>span{
max-width:148px!important;
font-size:10px!important;
line-height:1.3!important
}
body .message-xhs__friend-row{
gap:8px!important;
padding:1px 1px 2px!important
}
body .message-xhs__friend-card{
flex-basis:164px!important;
padding:9px!important;
border-radius:20px!important
}
body .message-xhs__friend-main{
grid-template-columns:68px minmax(0,1fr)!important;
gap:9px!important;
min-height:76px!important
}
body .message-xhs__friend-image{
min-height:76px!important;
height:76px!important;
border-radius:15px!important
}
body .message-xhs__friend-copy strong{
font-size:13px!important
}
body .message-xhs__friend-copy span,
body .message-xhs__friend-copy em{
font-size:10px!important
}
body .message-xhs__tabbar{
gap:10px!important
}
body .message-xhs__tabs{
gap:18px!important
}
body .message-xhs__tab{
padding-bottom:7px!important;
font-size:16px!important
}
body .message-xhs__tab.is-active{
font-size:18px!important
}
body .message-xhs__list-meta{
padding-top:0!important
}
body .discover-xhs__content{
gap:12px!important;
padding-top:4px!important
}
body .discover-xhs__feed-list{
gap:12px!important
}
body .discover-xhs__feed-card{
padding:18px 16px 16px!important;
border-radius:26px!important;
gap:14px!important;
box-shadow:0 20px 34px rgba(0,0,0,.24)!important
}
body .discover-xhs__feed-head{
gap:12px!important
}
body .discover-xhs__feed-author{
gap:12px!important
}
body .discover-xhs__feed-author-copy{
gap:4px!important
}
body .discover-xhs__feed-top-tags{
gap:6px!important
}
body .discover-xhs__feed-content{
font-size:13px!important;
line-height:1.72!important
}
body .discover-xhs__feed-media{
gap:10px!important
}
body .discover-xhs__feed-media-item{
border-radius:20px!important
}
body .discover-xhs__feed-foot{
padding-top:2px!important
}
body .discover-xhs__empty{
padding:20px!important;
border-radius:24px!important
}
body .nearby-page__head{
border-color:rgba(92,104,118,.2)!important;
background:
radial-gradient(circle at 18% 18%,rgba(182,194,206,.07),transparent 24%),
linear-gradient(160deg,#10151b,#0a0e13 72%,#07090c)!important;
box-shadow:0 24px 44px rgba(0,0,0,.3)!important
}
body .nearby-page__head p,
body .nearby-page__head .core-kicker{
color:#96a2ae!important
}
body .nearby-hero__mode,
body .nearby-hero__stat,
body .nearby-hero__location,
body .nearby-user-card,
body .nearby-focus-card{
background:linear-gradient(180deg,#14191f,#0d1116)!important;
border-color:rgba(92,104,118,.18)!important;
box-shadow:0 18px 28px rgba(0,0,0,.22)!important
}
body .nearby-hero__mode span,
body .nearby-hero__location,
body .nearby-user-card__meta span,
body .nearby-user-card p,
body .nearby-focus-card__copy span{
color:#98a4af!important
}
body .nearby-map__stage{
border-color:rgba(92,104,118,.18)!important;
background:linear-gradient(160deg,#11161c,#0a0f14 72%,#07090c)!important
}
body .nearby-map__toolbar .core-secondary-btn,
body .nearby-map__toolbar .core-primary-btn,
body .nearby-map__mode,
body .nearby-map__note{
background:rgba(11,14,18,.9)!important;
border-color:rgba(92,104,118,.18)!important;
color:#eef3f7!important
}
body .nearby-map__mode strong,
body .nearby-map__mode span,
body .nearby-map__note{
color:#aab5c0!important
}
body .chat-topbar,
body .chat-topbar__back,
body .chat-topbar__more{
background:rgba(10,13,17,.84)!important;
border-color:rgba(92,104,118,.18)!important;
box-shadow:none!important
}
body .chat-context-strip,
body .chat-quick-pill,
body .chat-quick-card,
body .chat-compose-card,
body .chat-compose-card__field,
body .chat-emoji-panel{
background:linear-gradient(180deg,#14191f,#0d1116)!important;
border-color:rgba(92,104,118,.18)!important;
color:#f2f5f8!important;
box-shadow:0 18px 28px rgba(0,0,0,.22)!important
}
body .chat-compose-card__toggle,
body .chat-suggestion-chip,
body .chat-emoji-panel__item{
background:rgba(255,255,255,.05)!important;
border-color:rgba(92,104,118,.16)!important;
color:#eef2f6!important
}
body .chat-compose-card__send{
background:linear-gradient(135deg,#aab5c0,#687580)!important;
box-shadow:none!important
}
body .entry-pay-page .core-panel--soft,
body .entry-pay-modal__card,
body .entry-pay-poster,
body .entry-pay-poster--sheet{
background:linear-gradient(180deg,#14191f,#0d1116)!important;
border-color:rgba(92,104,118,.18)!important;
box-shadow:0 22px 34px rgba(0,0,0,.24)!important
}
body .entry-pay-page .core-inline-meta,
body .entry-pay-page .core-muted-text,
body .entry-pay-modal__header>span:last-child,
body .entry-pay-modal__account,
body .entry-pay-method span,
body .entry-pay-poster__eyebrow,
body .entry-pay-poster__microcopy{
color:#98a4af!important
}
body .entry-pay-poster__headline strong,
body .entry-pay-poster__subline,
body .entry-pay-poster__footer{
color:#eef3f7!important;
text-shadow:none!important;
border-color:rgba(148,160,172,.28)!important
}
body .entry-pay-modal__amount-block,
body .entry-pay-method--row,
body .entry-pay-modal__safe-note{
background:rgba(255,255,255,.04)!important;
border-color:rgba(92,104,118,.16)!important
}
body .entry-pay-method--row.active{
background:linear-gradient(180deg,#20272f,#11171d)!important;
border-color:rgba(160,172,185,.24)!important;
box-shadow:none!important
}
body .entry-pay-method__check.active{
background:linear-gradient(135deg,#99a6b3,#5d6b78)!important;
border-color:transparent!important
}
body .entry-pay-modal__footer{
background:#0d1116!important;
border-top:1px solid rgba(92,104,118,.14)!important
}
body .entry-pay-modal__confirm{
background:linear-gradient(135deg,#b3bec9,#6f7c88)!important;
box-shadow:none!important
}
@media (max-width:640px){
body .message-xhs__friend-card{
flex-basis:156px!important
}
body .message-xhs__friend-main{
grid-template-columns:64px minmax(0,1fr)!important;
min-height:72px!important
}
body .message-xhs__friend-image{
min-height:72px!important;
height:72px!important
}
body .message-xhs__section-head>span{
max-width:128px!important
}
}
@media (max-width:420px){
body .message-xhs__friend-card{
flex-basis:148px!important
}
body .message-xhs__friend-main{
grid-template-columns:58px minmax(0,1fr)!important;
gap:8px!important;
min-height:68px!important
}
body .message-xhs__friend-image{
min-height:68px!important;
height:68px!important
}
body .message-xhs__section-head>span{
max-width:none!important
}
body .discover-xhs__feed-card{
padding:16px 14px 14px!important
}
}
/* discover-message-refine-20260423ag */
body.message-page-active,
body.message-page-active #root,
body.message-page-active .app-shell,
body.message-page-active .app-shell--mobile,
body.message-page-active .app-shell--mobile .page-shell,
body.discover-page-active,
body.discover-page-active #root,
body.discover-page-active .app-shell,
body.discover-page-active .app-shell--mobile,
body.discover-page-active .app-shell--mobile .page-shell{
background:#07090c!important
}
body.message-page-active .app-shell--mobile:before,
body.message-page-active .app-shell--mobile:after,
body.discover-page-active .app-shell--mobile:before,
body.discover-page-active .app-shell--mobile:after{
content:none!important;
background:none!important;
box-shadow:none!important
}
body .message-xhs{
padding-top:calc(var(--message-chrome-height,0px) + 1px)!important;
padding-bottom:calc(108px + env(safe-area-inset-bottom))!important;
background:#07090c!important
}
body .message-xhs__chrome{
gap:6px!important;
padding:2px 0 6px!important;
background:linear-gradient(180deg,#07090c 0%,rgba(7,9,12,.98) 82%,rgba(7,9,12,.94) 100%)!important
}
body .message-xhs__content{
gap:8px!important;
background:#07090c!important
}
body .message-xhs__topbar{
gap:7px!important
}
body .message-xhs__brand-entry{
min-height:32px!important;
padding:0 10px!important;
border-radius:14px!important
}
body .message-xhs__brand-mark{
width:18px!important;
height:18px!important
}
body .message-xhs__brand-copy strong{
font-size:13px!important
}
body .message-xhs__top-action,
body .message-xhs__filter-btn{
width:34px!important;
height:34px!important;
border-radius:14px!important
}
body .message-xhs__title{
font-size:15px!important
}
body .message-xhs__newcomer{
gap:4px!important
}
body .message-xhs__section-head{
grid-template-columns:auto 1fr!important;
align-items:center!important;
gap:5px!important
}
body .message-xhs__section-head strong{
font-size:17px!important
}
body .message-xhs__section-head strong em{
min-height:16px!important;
padding:0 6px!important;
font-size:9px!important
}
body .message-xhs__section-head>span{
max-width:112px!important;
font-size:9px!important;
line-height:1.25!important
}
body .message-xhs__friend-row{
gap:7px!important;
padding:1px 0 1px!important;
scroll-snap-type:x proximity
}
body .message-xhs__friend-card{
flex-basis:150px!important;
padding:8px!important;
border-radius:18px!important;
scroll-snap-align:start
}
body .message-xhs__friend-main{
grid-template-columns:62px minmax(0,1fr)!important;
gap:8px!important;
min-height:70px!important
}
body .message-xhs__friend-badge{
top:7px!important;
left:7px!important;
min-height:18px!important;
padding:0 6px!important
}
body .message-xhs__friend-badge em{
font-size:8px!important
}
body .message-xhs__friend-image{
min-height:70px!important;
height:70px!important;
border-radius:14px!important
}
body .message-xhs__friend-copy{
gap:1px!important
}
body .message-xhs__friend-copy strong{
font-size:12px!important
}
body .message-xhs__friend-copy span,
body .message-xhs__friend-copy em{
font-size:9px!important;
line-height:1.3!important
}
body .message-xhs__tabbar{
gap:8px!important
}
body .message-xhs__tabs{
gap:16px!important
}
body .message-xhs__tab{
padding-bottom:6px!important;
font-size:15px!important
}
body .message-xhs__tab.is-active{
font-size:17px!important
}
body .message-xhs__list-meta{
display:none!important
}
body .message-xhs__thread-list{
gap:7px!important
}
body .message-xhs__thread{
padding:12px!important;
border-radius:20px!important;
gap:11px!important
}
body .message-xhs__thread--likes{
min-height:84px!important;
padding:12px!important
}
body .message-xhs__avatar{
width:48px!important;
height:48px!important
}
body .message-xhs__avatar-verify{
width:18px!important;
height:18px!important
}
body .message-xhs__likes-avatar,
body .message-xhs__likes-core{
width:64px!important;
height:64px!important
}
body .message-xhs__likes-core{
border-width:2px!important;
font-size:17px!important
}
body .message-xhs__likes-heart{
width:24px!important;
height:24px!important
}
body .message-xhs__thread-head{
gap:6px!important
}
body .message-xhs__thread strong{
font-size:15px!important
}
body .message-xhs__thread-tag{
min-height:20px!important;
padding:0 8px!important;
font-size:9px!important
}
body .message-xhs__thread-preview{
font-size:12px!important;
line-height:1.45!important
}
body .message-xhs__thread-side{
min-width:46px!important;
gap:5px!important
}
body .message-xhs__thread-side time{
font-size:10px!important
}
body .message-xhs__thread-side b{
min-width:18px!important;
height:18px!important;
padding:0 6px!important;
font-size:9px!important
}
body .message-xhs__overlay{
padding:calc(env(safe-area-inset-top) + 6px) 12px 12px!important
}
body .message-xhs__overlay .message-xhs__overlay-panel,
body .message-xhs__overlay .core-overlay__panel{
width:min(100%,336px)!important;
border-radius:22px!important
}
body .discover-xhs,
body .discover-xhs.page-shell,
body .discover-xhs__content,
body .core-page--nearby,
body .core-page--nearby.page-shell{
background:#07090c!important
}
@media (max-width:640px){
body .message-xhs__friend-card{
flex-basis:144px!important
}
body .message-xhs__friend-main{
grid-template-columns:58px minmax(0,1fr)!important;
min-height:66px!important
}
body .message-xhs__friend-image{
min-height:66px!important;
height:66px!important
}
}
@media (max-width:420px){
body .message-xhs{
padding-bottom:calc(104px + env(safe-area-inset-bottom))!important
}
body .message-xhs__section-head>span{
max-width:none!important
}
body .message-xhs__friend-card{
flex-basis:138px!important
}
body .message-xhs__friend-main{
grid-template-columns:54px minmax(0,1fr)!important;
gap:7px!important;
min-height:62px!important
}
body .message-xhs__friend-image{
min-height:62px!important;
height:62px!important
}
body .message-xhs__overlay .message-xhs__overlay-panel,
body .message-xhs__overlay .core-overlay__panel{
width:min(100%,324px)!important
}
}
/* discover-message-refine-20260423ah */
body .message-xhs__friend-card{
background:
radial-gradient(circle at 14% 16%,rgba(196,207,218,.14),transparent 34%),
linear-gradient(160deg,var(--message-card-from,#313a44),var(--message-card-to,#11161b) 78%)!important;
border-color:rgba(96,108,121,.2)!important;
box-shadow:0 16px 24px rgba(0,0,0,.22)!important;
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important
}
body .message-xhs__friend-card:active,
body .message-xhs__thread:active{
transform:scale(.986)!important
}
body .message-xhs__friend-card.is-hot{
border-color:rgba(168,180,193,.24)!important;
box-shadow:0 18px 28px rgba(0,0,0,.26)!important
}
body .message-xhs__friend-image img{
border-radius:inherit
}
body .message-xhs__thread-list{
padding-top:2px!important
}
body .message-xhs__thread{
position:relative!important;
background:linear-gradient(180deg,#12171d,#0d1217)!important;
border-color:rgba(88,100,114,.18)!important;
box-shadow:0 14px 22px rgba(0,0,0,.18)!important;
transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important
}
body .message-xhs__thread--likes{
background:
radial-gradient(circle at 16% 18%,rgba(255,210,122,.08),transparent 30%),
linear-gradient(180deg,#14191f,#0e1318)!important
}
body .message-xhs__thread.is-unread{
background:linear-gradient(180deg,#171d24,#10151b)!important;
border-color:rgba(170,181,194,.18)!important;
box-shadow:0 18px 26px rgba(0,0,0,.22)!important
}
body .message-xhs__thread.is-pinned:not(.is-unread){
background:linear-gradient(180deg,#151b21,#0e1318)!important
}
body .message-xhs__thread.is-service,
body .message-xhs__thread.is-system{
border-color:rgba(116,129,144,.2)!important
}
body .message-xhs__thread.is-service .message-xhs__thread-tag,
body .message-xhs__thread.is-system .message-xhs__thread-tag{
background:rgba(255,255,255,.08)!important;
border-color:rgba(168,180,193,.14)!important;
color:#edf2f6!important
}
body .message-xhs__thread.is-online .message-xhs__avatar:before{
content:"";
position:absolute;
top:2px;
left:2px;
z-index:2;
width:10px;
height:10px;
border-radius:999px;
background:#36d289;
border:2px solid #07090c;
box-shadow:0 0 0 2px rgba(54,210,137,.12)
}
body .message-xhs__thread-preview{
color:#a6b1bb!important
}
body .message-xhs__thread-side b{
box-shadow:none!important
}
body .message-xhs__thread-side b.is-ghost{
background:rgba(255,255,255,.05)!important;
border-color:rgba(95,107,120,.16)!important;
color:#c0c9d2!important
}
body .message-xhs__likes-core{
background:
radial-gradient(circle at 24% 22%,rgba(255,225,152,.16),transparent 32%),
linear-gradient(160deg,#313129,#171b20 76%)!important;
border-color:rgba(255,255,255,.78)!important
}
body .message-xhs__likes-heart{
box-shadow:none!important
}
/* discover-message-refine-20260423ai */
body .message-xhs__overlay--notice{
padding:calc(env(safe-area-inset-top) + 8px) 14px 14px!important
}
body .message-xhs__overlay--notice .message-xhs__overlay-panel--notice,
body .message-xhs__overlay--notice .core-overlay__panel{
width:min(100%,344px)!important;
max-height:min(72dvh,560px)!important;
border-radius:26px!important;
border-color:rgba(96,108,122,.22)!important;
background:linear-gradient(180deg,#11161c,#0c1116)!important;
box-shadow:0 24px 44px rgba(0,0,0,.38)!important
}
body .message-xhs__overlay--notice .core-overlay__head{
padding:14px 14px 10px!important;
border-bottom:1px solid rgba(90,101,114,.12)!important
}
body .message-xhs__overlay--notice .core-overlay__title strong{
font-size:15px!important;
letter-spacing:0!important
}
body .message-xhs__overlay--notice .core-overlay__title span{
font-size:10px!important;
line-height:1.45!important;
color:#8c97a2!important
}
body .message-xhs__overlay--notice .core-overlay__body{
padding:10px 14px 12px!important
}
body .message-xhs__overlay--notice .core-overlay__footer{
padding:0 14px 14px!important
}
body .message-xhs__overlay--notice .core-secondary-btn{
min-height:38px!important;
border-radius:16px!important;
border:1px solid rgba(92,104,118,.18)!important;
background:linear-gradient(180deg,#151b21,#0f1318)!important;
color:#eef3f7!important;
box-shadow:none!important
}
body .message-xhs__notice-sheet{
display:grid;
gap:10px
}
body .message-xhs__notice-tabs{
display:flex;
gap:8px;
flex-wrap:wrap
}
body .message-xhs__notice-tab{
min-height:32px;
padding:0 12px;
border-radius:999px;
border:1px solid rgba(92,104,118,.2);
background:rgba(255,255,255,.04);
color:#aeb8c3;
font:inherit;
font-size:12px;
font-weight:800;
letter-spacing:.02em;
transition:transform .16s ease,background .18s ease,border-color .18s ease,color .18s ease
}
body .message-xhs__notice-tab:active{
transform:scale(.97)
}
body .message-xhs__notice-tab.is-active{
border-color:rgba(175,188,201,.24);
background:linear-gradient(180deg,#252d36,#181e25);
color:#f4f7fa
}
body .message-xhs__notice-list{
display:grid;
gap:8px
}
body .message-xhs__notice-card{
width:100%;
padding:12px;
border-radius:20px;
border:1px solid rgba(88,100,113,.16);
background:linear-gradient(180deg,#151b22,#0f1419);
display:grid;
grid-template-columns:auto minmax(0,1fr);
align-items:flex-start;
gap:10px;
text-align:left;
box-shadow:0 14px 24px rgba(0,0,0,.2)
}
body .message-xhs__notice-card--match.is-new{
border-color:rgba(172,184,196,.18);
background:
radial-gradient(circle at 14% 18%,rgba(214,224,235,.08),transparent 30%),
linear-gradient(180deg,#171e25,#10151b)
}
body .message-xhs__notice-card--system{
background:linear-gradient(180deg,#14191f,#0e1318)
}
body .message-xhs__notice-card .message-xhs__avatar{
width:42px!important;
height:42px!important
}
body .message-xhs__notice-card .message-xhs__avatar-verify{
display:none!important
}
body .message-xhs__notice-symbol{
width:42px;
height:42px;
border-radius:14px;
display:grid;
place-items:center;
background:linear-gradient(180deg,#2a333d,#161b21);
border:1px solid rgba(96,108,122,.18);
color:#eef3f7;
box-shadow:inset 0 1px rgba(255,255,255,.04)
}
body .message-xhs__notice-symbol svg{
width:18px;
height:18px;
stroke:currentColor;
fill:none;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round
}
body .message-xhs__notice-body{
min-width:0;
display:grid;
gap:6px
}
body .message-xhs__notice-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:8px
}
body .message-xhs__notice-head strong{
color:#f4f7fa;
font-size:14px;
line-height:1.22
}
body .message-xhs__notice-head time{
flex-shrink:0;
color:#8b96a2;
font-size:10px;
line-height:1.4;
white-space:nowrap
}
body .message-xhs__notice-body p{
margin:0;
color:#adb7c1;
font-size:12px;
line-height:1.6;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
body .message-xhs__notice-tags{
display:flex;
gap:6px;
flex-wrap:wrap
}
body .message-xhs__notice-tags em{
min-height:20px;
padding:0 8px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(255,255,255,.05);
border:1px solid rgba(96,108,122,.14);
color:#d9e0e7;
font-style:normal;
font-size:10px;
font-weight:700
}
body .message-xhs__notice-tags em.is-online{
background:rgba(54,210,137,.08);
border-color:rgba(54,210,137,.18);
color:#8ee4b7
}
body .message-xhs__notice-empty{
padding:14px;
border-radius:20px;
border:1px solid rgba(88,100,113,.16);
background:linear-gradient(180deg,#151b22,#0f1419);
display:grid;
gap:6px
}
body .message-xhs__notice-empty strong{
color:#eef3f7;
font-size:14px
}
body .message-xhs__notice-empty span{
color:#97a2ae;
font-size:12px;
line-height:1.6
}
@media (max-width:420px){
body .message-xhs__overlay--notice{
padding:calc(env(safe-area-inset-top) + 8px) 12px 12px!important
}
body .message-xhs__overlay--notice .message-xhs__overlay-panel--notice,
body .message-xhs__overlay--notice .core-overlay__panel{
width:min(100%,332px)!important;
border-radius:24px!important
}
body .message-xhs__notice-card{
padding:11px;
gap:9px
}
body .message-xhs__notice-card .message-xhs__avatar,
body .message-xhs__notice-symbol{
width:40px!important;
height:40px!important
}
body .message-xhs__notice-head strong{
font-size:13px
}
}
/* chat-page-v2-20260423 */
body.chat-page-active,
body.chat-page-active .app-shell,
body.chat-page-active .app-shell--mobile,
body.chat-page-active .app-shell--mobile .page-shell{
background:#040506!important
}
body.chat-page-overlay-open,
body.chat-page-overlay-open .app-shell--mobile,
body.chat-page-overlay-open .app-shell--mobile .page-shell{
overflow:hidden!important;
overscroll-behavior:none!important
}
body.chat-page-active .app-shell--mobile .page-shell{
overflow:hidden!important;
padding:calc(env(safe-area-inset-top) + 8px) 12px 12px!important
}
body.chat-page-active .h5-tab-bar,
body.chat-page-active .core-tab-bar,
body.chat-page-active .core-tab-fab{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transform:translateY(24px) scale(.92)!important
}
body.chat-page-active .core-page--chat{
padding-bottom:0!important
}
body.chat-page-active .chat-page-v2{
height:100%;
min-height:0;
display:grid;
grid-template-rows:auto minmax(0,1fr) auto;
gap:8px;
overflow:hidden;
padding:0!important;
background:
radial-gradient(circle at top center,rgba(255,255,255,.045),transparent 20%),
linear-gradient(180deg,#060708,#0b0d10 48%,#050607)
}
body.chat-page-active .chat-page-v2__chrome{
display:grid;
gap:8px
}
body.chat-page-active .chat-page-v2__topbar{
display:grid;
grid-template-columns:44px minmax(0,1fr) 44px;
gap:8px;
align-items:center
}
body.chat-page-active .chat-page-v2__nav-btn{
width:44px;
height:44px;
padding:0;
border-radius:18px;
border:1px solid rgba(94,105,117,.18);
background:linear-gradient(180deg,#151b21,#0f1419);
color:#f2f6fa;
display:grid;
place-items:center;
box-shadow:0 14px 28px rgba(0,0,0,.24)
}
body.chat-page-active .chat-page-v2__nav-btn svg{
width:18px;
height:18px
}
body.chat-page-active .chat-page-v2__topbar-title{
min-width:0;
padding:0;
border:0;
background:transparent;
display:grid;
text-align:center
}
body.chat-page-active .chat-page-v2__topbar-title strong{
color:#f4f7fa;
font-size:15px;
line-height:1.05;
font-weight:800
}
body.chat-page-active .chat-page-v2__topbar-title span{
display:none
}
body.chat-page-active .chat-page-v2__profile-card{
position:relative;
overflow:hidden;
padding:12px;
border-radius:28px;
border:1px solid rgba(96,108,122,.18);
background:
radial-gradient(circle at 18% 18%,rgba(255,255,255,.05),transparent 26%),
linear-gradient(180deg,#12181e,#0c1116 68%);
box-shadow:0 18px 36px rgba(0,0,0,.28)
}
body.chat-page-active .chat-page-v2__profile-card:before{
content:"";
position:absolute;
top:-60px;
right:-40px;
width:180px;
height:180px;
border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,.08),transparent 62%);
pointer-events:none
}
body.chat-page-active .chat-page-v2__profile-main{
position:relative;
z-index:1;
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
gap:10px;
align-items:center
}
body.chat-page-active .chat-page-v2__profile-avatar{
width:56px!important;
height:56px!important;
flex-shrink:0
}
body.chat-page-active .chat-page-v2__profile-avatar .sc-avatar__media{
background:radial-gradient(circle at 28% 26%,rgba(216,194,111,.18),rgba(30,34,39,.96) 66%)!important;
border:1px solid rgba(115,126,137,.16)!important;
box-shadow:inset 0 1px rgba(255,255,255,.05)!important
}
body.chat-page-active .chat-page-v2__profile-avatar .sc-avatar__label{
color:#f0f4f7!important;
font-size:18px!important;
font-weight:800!important
}
body.chat-page-active .chat-page-v2__profile-avatar .sc-avatar__online,
body.chat-page-active .chat-page-v2__profile-avatar .sc-avatar__vip{
display:none!important
}
body.chat-page-active .chat-page-v2__profile-copy{
min-width:0;
display:grid;
gap:6px
}
body.chat-page-active .chat-page-v2__profile-head{
display:flex;
align-items:center;
gap:8px;
min-width:0
}
body.chat-page-active .chat-page-v2__profile-head strong{
color:#f4f7fa;
font-size:18px;
line-height:1.05;
letter-spacing:-.03em
}
body.chat-page-active .chat-page-v2__vip-tag{
min-height:22px;
padding:0 8px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(255,255,255,.08);
border:1px solid rgba(121,134,148,.16);
color:#e9eef2;
font-size:10px;
font-weight:800;
letter-spacing:.04em
}
body.chat-page-active .chat-page-v2__profile-state{
display:flex;
align-items:center;
gap:7px;
color:#8f9da8;
font-size:11px
}
body.chat-page-active .chat-page-v2__profile-state i{
width:8px;
height:8px;
border-radius:999px;
background:#737f89;
box-shadow:0 0 0 4px rgba(115,127,137,.1)
}
body.chat-page-active .chat-page-v2__profile-state.is-online{
color:#cfe3d5
}
body.chat-page-active .chat-page-v2__profile-state.is-online i{
background:#35d07f;
box-shadow:0 0 0 4px rgba(53,208,127,.12)
}
body.chat-page-active .chat-page-v2__home-btn{
min-height:34px;
padding:0 12px;
border-radius:14px;
border:1px solid rgba(103,115,129,.18);
background:linear-gradient(180deg,#1b2229,#12171d);
color:#f4f7fa;
font:inherit;
font-size:11px;
font-weight:800;
white-space:nowrap
}
body.chat-page-active .chat-page-v2__profile-intro{
position:relative;
z-index:1;
margin:8px 0 0;
color:#adb7c1;
font-size:12px;
line-height:1.62;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
body.chat-page-active .chat-page-v2__profile-meta{
position:relative;
z-index:1;
display:flex;
gap:8px;
flex-wrap:wrap;
margin-top:8px
}
body.chat-page-active .chat-page-v2__meta-pill{
min-height:28px;
padding:0 10px;
border-radius:999px;
border:1px solid rgba(96,108,122,.16);
background:rgba(255,255,255,.05);
color:#dbe2e8;
display:inline-flex;
align-items:center;
font:inherit;
font-size:10px;
font-weight:800;
letter-spacing:.03em
}
body.chat-page-active button.chat-page-v2__meta-pill.is-accent{
background:linear-gradient(180deg,#2c343d,#1d242b);
border-color:rgba(139,152,165,.22);
color:#f5f8fa
}
body.chat-page-active .chat-page-v2__viewport{
min-height:0;
border-radius:28px;
border:1px solid rgba(95,107,120,.16);
background:linear-gradient(180deg,#0d1116,#090d12);
box-shadow:inset 0 1px rgba(255,255,255,.03),0 20px 40px rgba(0,0,0,.24);
overflow:hidden
}
body.chat-page-active .chat-page-v2__thread{
height:100%;
overflow-y:auto;
padding:10px 12px;
display:grid;
align-content:end;
gap:10px;
scrollbar-width:none;
overscroll-behavior:contain
}
body.chat-page-active .chat-page-v2__thread::-webkit-scrollbar,
body.chat-page-active .chat-page-v2__suggest-grid::-webkit-scrollbar,
body.chat-page-active .chat-page-v2__action-row::-webkit-scrollbar{
display:none
}
body.chat-page-active .chat-page-v2__time{
justify-self:center
}
body.chat-page-active .chat-page-v2__time span{
min-height:22px;
padding:0 9px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(255,255,255,.05);
border:1px solid rgba(96,108,122,.12);
color:#82919d;
font-size:9px;
font-weight:700
}
body.chat-page-active .chat-page-v2__msg-row{
display:flex;
gap:8px;
align-items:flex-end
}
body.chat-page-active .chat-page-v2__msg-row.is-mine{
justify-content:flex-end
}
body.chat-page-active .chat-page-v2__thread-avatar{
flex-shrink:0
}
body.chat-page-active .chat-page-v2__bubble{
max-width:min(74%,270px);
padding:11px 13px;
border-radius:18px;
display:grid;
gap:6px;
box-shadow:0 12px 24px rgba(0,0,0,.2)
}
body.chat-page-active .chat-page-v2__bubble.is-theirs{
background:linear-gradient(180deg,#171e25,#11171d);
border:1px solid rgba(92,104,118,.16);
color:#f3f6f9;
border-bottom-left-radius:8px
}
body.chat-page-active .chat-page-v2__bubble.is-mine{
background:linear-gradient(180deg,#38414a,#2a3138);
border:1px solid rgba(126,138,151,.18);
color:#f7fafc;
border-bottom-right-radius:8px
}
body.chat-page-active .chat-page-v2__bubble-text{
white-space:pre-wrap;
word-break:break-word;
font-size:13px;
line-height:1.65
}
body.chat-page-active .chat-page-v2__bubble-meta{
display:flex;
gap:6px;
flex-wrap:wrap;
color:#92a0ac;
font-size:9px;
line-height:1.4
}
body.chat-page-active .chat-page-v2__empty{
min-height:100%;
display:grid;
place-content:center;
justify-items:center;
gap:6px;
padding:32px 20px;
text-align:center
}
body.chat-page-active .chat-page-v2__empty strong{
color:#eef3f7;
font-size:16px
}
body.chat-page-active .chat-page-v2__empty span{
color:#8997a3;
font-size:12px;
line-height:1.7
}
body.chat-page-active .chat-page-v2__dock{
display:grid;
gap:6px
}
body.chat-page-active .chat-page-v2__suggest-grid{
width:100%;
margin-left:0;
display:flex;
gap:8px;
overflow-x:auto;
padding-bottom:2px;
scrollbar-width:none
}
body.chat-page-active .chat-page-v2__suggest-card{
flex:0 0 112px;
min-height:58px;
padding:9px 10px;
border-radius:18px;
border:1px solid rgba(91,103,116,.16);
background:
radial-gradient(circle at top left,rgba(255,255,255,.05),transparent 34%),
linear-gradient(180deg,#171d24,#11171c);
text-align:left;
display:grid;
gap:4px;
box-shadow:0 14px 24px rgba(0,0,0,.2)
}
body.chat-page-active .chat-page-v2__suggest-card strong{
color:#f4f7fa;
font-size:10px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase
}
body.chat-page-active .chat-page-v2__suggest-card span{
color:#aab5bf;
font-size:10px;
line-height:1.4;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
body.chat-page-active .chat-page-v2__action-row{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:6px
}
body.chat-page-active .chat-page-v2__action-pill{
min-width:0;
min-height:52px;
padding:6px 4px;
border-radius:18px;
border:1px solid rgba(93,105,118,.16);
background:linear-gradient(180deg,#151b22,#0f1419);
color:#eef3f7;
display:grid;
justify-items:center;
align-content:center;
gap:4px;
font:inherit;
font-size:10px;
font-weight:800;
box-shadow:0 14px 24px rgba(0,0,0,.18)
}
body.chat-page-active .chat-page-v2__action-badge{
width:18px;
height:18px;
border-radius:50%;
display:grid;
place-items:center;
background:rgba(255,255,255,.08);
border:1px solid rgba(123,136,149,.16);
color:#f6fafc;
font-size:9px;
font-weight:800;
flex-shrink:0
}
body.chat-page-active .chat-page-v2__action-pill strong{
font-size:10px;
line-height:1.1;
white-space:nowrap
}
body.chat-page-active .chat-page-v2__utility-row{
display:grid;
gap:8px
}
body.chat-page-active .chat-page-v2__sync-pill{
min-height:26px;
padding:0 10px;
border-radius:999px;
width:max-content;
display:inline-flex;
align-items:center;
border:1px solid rgba(95,107,120,.14);
background:rgba(255,255,255,.04);
color:#8c99a5;
font-size:10px;
font-weight:700;
letter-spacing:.03em
}
body.chat-page-active .chat-page-v2__utility-actions{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:6px
}
body.chat-page-active .chat-page-v2__utility-btn{
min-height:32px;
padding:0 6px;
border-radius:14px;
border:1px solid rgba(92,104,118,.14);
background:rgba(255,255,255,.04);
color:#dfe6ec;
font:inherit;
font-size:10px;
font-weight:800;
white-space:nowrap
}
body.chat-page-active .chat-page-v2__sheet-stack{
display:grid;
gap:14px
}
body.chat-page-active .chat-page-v2__sheet-footer{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px
}
body.chat-page-active .chat-page-v2__gift-preview,
body.chat-page-active .chat-page-v2__game-summary{
padding:14px;
border-radius:22px;
border:1px solid rgba(94,106,118,.16);
background:linear-gradient(180deg,#171d24,#10161b);
display:grid;
gap:6px
}
body.chat-page-active .chat-page-v2__gift-preview{
grid-template-columns:auto minmax(0,1fr);
align-items:center;
gap:12px
}
body.chat-page-active .chat-page-v2__gift-icon,
body.chat-page-active .chat-page-v2__gift-card-icon,
body.chat-page-active .chat-page-v2__relation-card-icon{
width:44px;
height:44px;
border-radius:16px;
display:grid;
place-items:center;
background:rgba(255,255,255,.06);
border:1px solid rgba(118,131,145,.14);
font-size:22px
}
body.chat-page-active .chat-page-v2__gift-copy{
display:grid;
gap:5px
}
body.chat-page-active .chat-page-v2__gift-copy strong,
body.chat-page-active .chat-page-v2__relation-card strong,
body.chat-page-active .chat-page-v2__game-summary strong{
color:#f4f7fa;
font-size:14px
}
body.chat-page-active .chat-page-v2__gift-copy span,
body.chat-page-active .chat-page-v2__gift-card em,
body.chat-page-active .chat-page-v2__relation-card span,
body.chat-page-active .chat-page-v2__game-summary span{
color:#9aa6b1;
font-size:12px;
line-height:1.55
}
body.chat-page-active .chat-page-v2__gift-copy em{
color:#f0d489;
font-size:12px;
font-style:normal;
font-weight:800
}
body.chat-page-active .chat-page-v2__gift-grid,
body.chat-page-active .chat-page-v2__relation-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px
}
body.chat-page-active .chat-page-v2__gift-card,
body.chat-page-active .chat-page-v2__relation-card{
padding:12px;
border-radius:20px;
border:1px solid rgba(94,106,118,.16);
background:linear-gradient(180deg,#151b22,#0f1419);
text-align:left
}
body.chat-page-active .chat-page-v2__gift-card{
display:grid;
justify-items:start;
gap:8px
}
body.chat-page-active .chat-page-v2__gift-card strong{
color:#f4f7fa;
font-size:13px
}
body.chat-page-active .chat-page-v2__gift-card em{
font-style:normal;
font-weight:800
}
body.chat-page-active .chat-page-v2__gift-card.is-active,
body.chat-page-active .chat-page-v2__relation-card.is-active{
border-color:rgba(134,146,159,.26);
background:linear-gradient(180deg,#222a33,#141b22);
box-shadow:0 16px 26px rgba(0,0,0,.22)
}
body.chat-page-active .chat-page-v2__relation-card{
display:grid;
gap:8px
}
body.chat-page-active .chat-page-v2__pool-scoreboard,
body.chat-page-active .chat-page-v2__blocks-score-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px
}
body.chat-page-active .chat-page-v2__pool-score-card,
body.chat-page-active .chat-page-v2__blocks-score-card{
padding:14px 12px;
border-radius:20px;
border:1px solid rgba(94,106,118,.16);
background:linear-gradient(180deg,#171d24,#10161b);
display:grid;
justify-items:center;
gap:8px
}
body.chat-page-active .chat-page-v2__pool-score-card span,
body.chat-page-active .chat-page-v2__blocks-score-card span{
color:#97a4af;
font-size:12px
}
body.chat-page-active .chat-page-v2__pool-score-card strong,
body.chat-page-active .chat-page-v2__blocks-score-card strong{
color:#f5f8fb;
font-size:28px;
line-height:1
}
body.chat-page-active .chat-page-v2__pool-score-actions{
display:flex;
gap:8px
}
body.chat-page-active .chat-page-v2__pool-adjust-btn,
body.chat-page-active .chat-page-v2__blocks-control-btn{
min-width:40px;
min-height:36px;
padding:0 10px;
border-radius:14px;
border:1px solid rgba(94,106,118,.16);
background:linear-gradient(180deg,#1b2229,#13181e);
color:#eef3f7;
font:inherit;
font-weight:800
}
body.chat-page-active .chat-page-v2__gobang-board{
display:grid;
grid-template-columns:repeat(9,minmax(0,1fr));
gap:6px;
padding:12px;
border-radius:24px;
border:1px solid rgba(94,106,118,.16);
background:linear-gradient(180deg,#161d24,#0f1419)
}
body.chat-page-active .chat-page-v2__gobang-cell{
aspect-ratio:1 / 1;
padding:0;
border-radius:12px;
border:1px solid rgba(94,106,118,.12);
background:rgba(255,255,255,.03);
display:grid;
place-items:center
}
body.chat-page-active .chat-page-v2__gobang-stone{
width:76%;
height:76%;
border-radius:50%;
display:block;
box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 14px rgba(0,0,0,.2)
}
body.chat-page-active .chat-page-v2__gobang-stone.is-black{
background:linear-gradient(180deg,#58616a,#272d33)
}
body.chat-page-active .chat-page-v2__gobang-stone.is-white{
background:linear-gradient(180deg,#fff,#c9d1d8)
}
body.chat-page-active .chat-page-v2__gobang-stone.is-last{
box-shadow:0 0 0 2px rgba(240,212,137,.55),inset 0 1px rgba(255,255,255,.18),0 8px 14px rgba(0,0,0,.24)
}
body.chat-page-active .chat-page-v2__blocks-board{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
padding:12px;
border-radius:24px;
border:1px solid rgba(94,106,118,.16);
background:linear-gradient(180deg,#161d24,#0f1419)
}
body.chat-page-active .chat-page-v2__blocks-tile{
aspect-ratio:1 / 1;
border-radius:16px;
display:grid;
place-items:center;
font-size:18px;
font-weight:900;
letter-spacing:-.03em
}
body.chat-page-active .chat-page-v2__blocks-tile.value-0{background:rgba(255,255,255,.04);color:transparent}
body.chat-page-active .chat-page-v2__blocks-tile.value-2{background:#29323a;color:#f5f7fa}
body.chat-page-active .chat-page-v2__blocks-tile.value-4{background:#35414b;color:#fff}
body.chat-page-active .chat-page-v2__blocks-tile.value-8{background:#6b5033;color:#fff}
body.chat-page-active .chat-page-v2__blocks-tile.value-16{background:#8a5b2d;color:#fff}
body.chat-page-active .chat-page-v2__blocks-tile.value-32{background:#a85f30;color:#fff}
body.chat-page-active .chat-page-v2__blocks-tile.value-64{background:#c46a34;color:#fff}
body.chat-page-active .chat-page-v2__blocks-tile.value-128{background:#957137;color:#fff}
body.chat-page-active .chat-page-v2__blocks-tile.value-256{background:#ae8640;color:#fff}
body.chat-page-active .chat-page-v2__blocks-tile.value-512{background:#c79745;color:#fff}
body.chat-page-active .chat-page-v2__blocks-tile.value-1024{background:#d0a34f;color:#fff}
body.chat-page-active .chat-page-v2__blocks-tile.value-2048{background:#f0d489;color:#1b140a}
body.chat-page-active .chat-page-v2__blocks-controls{
display:grid;
gap:8px
}
body.chat-page-active .chat-page-v2__blocks-control-row{
display:flex;
justify-content:center;
gap:8px
}
body.chat-page-active .chat-page-v2__sheet-suggest-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px
}
body.chat-page-active .chat-page-v2__sheet-suggest-card{
min-height:88px;
padding:12px;
border-radius:20px;
border:1px solid rgba(94,106,118,.16);
background:
radial-gradient(circle at top left,rgba(255,255,255,.05),transparent 34%),
linear-gradient(180deg,#171d24,#11171c);
text-align:left;
display:grid;
align-content:flex-start;
gap:6px;
box-shadow:0 14px 28px rgba(0,0,0,.18)
}
body.chat-page-active .chat-page-v2__sheet-suggest-card strong{
color:#f4f7fa;
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase
}
body.chat-page-active .chat-page-v2__sheet-suggest-card span{
color:#aab5bf;
font-size:12px;
line-height:1.55
}
body.chat-page-active .chat-page-v2__sheet-action-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:8px
}
body.chat-page-active .chat-page-v2__sheet-action-pill{
min-width:0;
min-height:72px;
padding:10px 6px;
border-radius:20px;
border:1px solid rgba(93,105,118,.16);
background:linear-gradient(180deg,#151b22,#0f1419);
color:#eef3f7;
display:grid;
justify-items:center;
align-content:center;
gap:6px;
font:inherit;
font-size:11px;
font-weight:800;
box-shadow:0 14px 24px rgba(0,0,0,.18)
}
body.chat-page-active .chat-page-v2__sheet-action-pill strong{
font-size:11px;
line-height:1.15;
white-space:nowrap
}
body.chat-page-active .chat-page-v2__emoji-panel{
padding:12px;
border-radius:26px;
border:1px solid rgba(91,103,116,.16);
background:linear-gradient(180deg,#141b21,#0f1419);
display:grid;
gap:12px;
box-shadow:0 18px 30px rgba(0,0,0,.22)
}
body.chat-page-active .chat-page-v2__emoji-group{
display:grid;
gap:10px
}
body.chat-page-active .chat-page-v2__emoji-title{
color:#f3f7fa;
font-size:12px;
font-weight:800
}
body.chat-page-active .chat-page-v2__emoji-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:8px
}
body.chat-page-active .chat-page-v2__emoji-item{
min-height:42px;
padding:0 8px;
border-radius:16px;
border:1px solid rgba(92,104,118,.14);
background:rgba(255,255,255,.05);
color:#f5f8fa;
font:inherit;
font-size:18px
}
body.chat-page-active .chat-page-v2__composer{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:6px;
align-items:flex-end;
padding:6px;
border-radius:20px;
border:1px solid rgba(97,109,122,.18);
background:
radial-gradient(circle at top center,rgba(255,255,255,.05),transparent 32%),
linear-gradient(180deg,#161d24,#10151a);
box-shadow:0 18px 34px rgba(0,0,0,.26)
}
body.chat-page-active .chat-page-v2__composer-icon{
width:34px;
height:34px;
padding:0;
border-radius:12px;
border:1px solid rgba(93,105,118,.16);
background:linear-gradient(180deg,#1b2229,#13181e);
color:#eef3f7;
display:grid;
place-items:center;
flex-shrink:0
}
body.chat-page-active .chat-page-v2__composer-icon svg{
width:16px;
height:16px
}
body.chat-page-active .chat-page-v2__composer-icon.is-active{
background:linear-gradient(180deg,#313941,#20272e);
border-color:rgba(133,146,159,.22);
box-shadow:0 0 0 1px rgba(160,173,185,.08),0 12px 18px rgba(0,0,0,.18)
}
body.chat-page-active .chat-page-v2__composer-field{
padding:4px 10px;
border-radius:14px;
border:1px solid rgba(92,104,118,.16);
background:rgba(255,255,255,.04)
}
body.chat-page-active .chat-page-v2__composer-field textarea{
width:100%;
min-height:18px;
max-height:40px;
border:0;
background:transparent;
color:#f2f6fa;
font:inherit;
font-size:12px;
line-height:1.35;
resize:none
}
body.chat-page-active .chat-page-v2__composer-field textarea::placeholder{
color:#8e9aa6
}
body.chat-page-active .chat-page-v2__composer-tools{
display:flex;
align-items:flex-end;
gap:4px
}
body.chat-page-active .chat-page-v2__send-btn{
min-width:56px;
height:34px;
padding:0 10px;
border-radius:12px;
border:1px solid rgba(129,142,155,.18);
background:linear-gradient(180deg,#39424a,#2a3138);
color:#fff;
font:inherit;
font-size:10px;
font-weight:800;
box-shadow:0 12px 20px rgba(0,0,0,.2)
}
body.chat-page-active .chat-page-v2__send-btn:disabled{
opacity:.5;
box-shadow:none
}
body.chat-page-active .chat-page-v2__chrome{
gap:6px
}
body.chat-page-active .chat-page-v2__profile-card{
padding:10px 10px 9px;
border-radius:24px
}
body.chat-page-active .chat-page-v2__profile-avatar{
width:50px!important;
height:50px!important
}
body.chat-page-active .chat-page-v2__profile-copy{
gap:4px
}
body.chat-page-active .chat-page-v2__profile-head strong{
font-size:17px
}
body.chat-page-active .chat-page-v2__profile-state{
font-size:10px
}
body.chat-page-active .chat-page-v2__profile-intro{
margin:6px 0 0;
font-size:11px;
-webkit-line-clamp:1
}
body.chat-page-active .chat-page-v2__profile-meta{
gap:6px;
margin-top:6px
}
body.chat-page-active .chat-page-v2__meta-pill{
min-height:24px;
padding:0 9px;
font-size:9px
}
body.chat-page-active .chat-page-v2__viewport{
border-radius:24px
}
body.chat-page-active .chat-page-v2__thread{
padding:8px 10px
}
body.chat-page-active .chat-page-v2__bubble{
max-width:min(76%,262px);
padding:10px 12px
}
body.chat-page-active .chat-page-v2__utility-row{
gap:6px
}
body.chat-page-active .chat-page-v2__sync-pill{
min-height:24px;
font-size:9px
}
body.chat-page-active .chat-page-v2__utility-actions{
gap:5px
}
body.chat-page-active .chat-page-v2__utility-btn{
min-height:30px;
padding:0 4px;
border-radius:12px;
font-size:9px
}
body.chat-page-active .core-overlay{
padding:14px 10px calc(env(safe-area-inset-bottom) + 10px);
align-items:flex-end
}
body.chat-page-active .core-overlay--center{
padding:18px 10px calc(env(safe-area-inset-bottom) + 12px);
align-items:center
}
body.chat-page-active .core-overlay__panel,
body.chat-page-active .core-overlay__panel--wide,
body.chat-page-active .core-overlay__panel--compact{
width:min(100%,392px)!important;
max-height:calc(100dvh - 102px)!important;
display:grid!important;
grid-template-rows:auto minmax(0,1fr) auto!important;
align-self:end;
overflow:hidden!important;
border-radius:28px!important;
background:linear-gradient(180deg,#11161c,#0c1116)!important;
border:1px solid rgba(95,107,120,.2)!important;
box-shadow:0 28px 58px rgba(0,0,0,.46)!important
}
body.chat-page-active .core-overlay--center .core-overlay__panel{
align-self:center
}
body.chat-page-active .chat-page-v2__overlay-panel--tools{
max-height:calc(100dvh - 118px)!important
}
body.chat-page-active .chat-page-v2__overlay-panel--gift,
body.chat-page-active .chat-page-v2__overlay-panel--relationship,
body.chat-page-active .chat-page-v2__overlay-panel--pool,
body.chat-page-active .chat-page-v2__overlay-panel--report{
max-height:calc(100dvh - 126px)!important
}
body.chat-page-active .chat-page-v2__overlay-panel--gobang,
body.chat-page-active .chat-page-v2__overlay-panel--blocks{
max-height:calc(100dvh - 112px)!important
}
body.chat-page-active .core-overlay__head{
padding:14px 14px 10px!important;
border-bottom:1px solid rgba(90,101,114,.12)!important
}
body.chat-page-active .core-overlay__title strong{
color:#f4f7fa!important;
font-size:18px!important
}
body.chat-page-active .core-overlay__title span{
color:#8f9ca7!important;
font-size:13px!important;
line-height:1.45!important
}
body.chat-page-active .core-overlay__body{
min-height:0!important;
overflow-y:auto!important;
padding:0 14px 12px!important;
scrollbar-width:none
}
body.chat-page-active .core-overlay__body::-webkit-scrollbar{
display:none
}
body.chat-page-active .core-overlay__footer{
padding:0 14px calc(env(safe-area-inset-bottom) + 12px)!important;
background:linear-gradient(180deg,rgba(12,17,22,0),#0c1116 26%)!important
}
body.chat-page-active .core-overlay__footer .core-actions{
margin-top:0!important
}
body.chat-page-active .core-overlay__footer .core-secondary-btn,
body.chat-page-active .core-overlay__footer .core-primary-btn{
min-height:42px!important;
border-radius:16px!important;
font-size:14px!important
}
body.chat-page-active .core-menu-item,
body.chat-page-active .core-chip-btn,
body.chat-page-active .core-secondary-btn,
body.chat-page-active .core-primary-btn{
border-color:rgba(94,106,118,.18)!important;
background:linear-gradient(180deg,#151b22,#0f1419)!important;
color:#eef3f7!important;
box-shadow:none!important
}
body.chat-page-active .core-menu-item.active,
body.chat-page-active .core-chip-btn.active{
background:linear-gradient(180deg,#2a323b,#1b2229)!important;
border-color:rgba(134,146,159,.24)!important
}
body.chat-page-active .core-menu-item span,
body.chat-page-active .core-copy-block span{
color:#97a3ae!important
}
body.chat-page-active .core-menu-item strong,
body.chat-page-active .core-sheet-section__title{
color:#f2f6fa!important
}
body.chat-page-active .core-menu-item em{
background:rgba(255,255,255,.05)!important;
border-color:rgba(94,106,118,.16)!important;
color:#e9eef2!important
}
body.chat-page-active .core-sheet-section textarea{
width:100%;
min-height:86px;
max-height:120px;
padding:10px 12px;
border-radius:16px;
border:1px solid rgba(94,106,118,.16);
background:linear-gradient(180deg,#151b22,#10151a);
color:#eef3f7;
font:inherit;
resize:none
}
body.chat-page-active .core-sheet-section textarea::placeholder{
color:#85929d
}
body.chat-page-active .chat-page-v2__sheet-stack{
gap:10px
}
body.chat-page-active .chat-page-v2__sheet-footer,
body.chat-page-active .chat-page-v2__gift-grid,
body.chat-page-active .chat-page-v2__relation-grid,
body.chat-page-active .chat-page-v2__pool-scoreboard,
body.chat-page-active .chat-page-v2__blocks-score-grid{
gap:8px
}
body.chat-page-active .chat-page-v2__gift-card,
body.chat-page-active .chat-page-v2__relation-card{
padding:10px;
border-radius:18px
}
body.chat-page-active .chat-page-v2__gift-icon,
body.chat-page-active .chat-page-v2__gift-card-icon,
body.chat-page-active .chat-page-v2__relation-card-icon{
width:38px;
height:38px;
border-radius:14px;
font-size:20px
}
body.chat-page-active .chat-page-v2__gift-card strong,
body.chat-page-active .chat-page-v2__relation-card strong{
font-size:12px
}
body.chat-page-active .chat-page-v2__gift-card em,
body.chat-page-active .chat-page-v2__relation-card span{
font-size:11px
}
body.chat-page-active .chat-page-v2__relation-card span{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
body.chat-page-active .chat-page-v2__gift-selected{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:10px;
padding:10px 12px;
border-radius:18px;
border:1px solid rgba(94,106,118,.16);
background:linear-gradient(180deg,#171d24,#10161b)
}
body.chat-page-active .chat-page-v2__gift-selected em{
color:#f0d489;
font-style:normal;
font-size:11px;
font-weight:800;
white-space:nowrap
}
body.chat-page-active .chat-page-v2__gift-copy span{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
body.chat-page-active .chat-page-v2__game-summary{
padding:12px;
border-radius:18px
}
body.chat-page-active .chat-page-v2__pool-score-card,
body.chat-page-active .chat-page-v2__blocks-score-card{
padding:12px 10px;
border-radius:18px;
gap:6px
}
body.chat-page-active .chat-page-v2__pool-score-card strong,
body.chat-page-active .chat-page-v2__blocks-score-card strong{
font-size:24px
}
body.chat-page-active .chat-page-v2__pool-adjust-btn,
body.chat-page-active .chat-page-v2__blocks-control-btn{
min-width:36px;
min-height:34px;
padding:0 8px;
border-radius:12px;
font-size:14px
}
body.chat-page-active .chat-page-v2__gobang-board{
width:100%;
max-width:286px;
justify-self:center;
gap:4px;
padding:8px;
border-radius:20px
}
body.chat-page-active .chat-page-v2__gobang-cell{
border-radius:10px
}
body.chat-page-active .chat-page-v2__blocks-board{
width:100%;
max-width:278px;
justify-self:center;
gap:6px;
padding:8px;
border-radius:20px
}
body.chat-page-active .chat-page-v2__blocks-tile{
font-size:16px
}
body.chat-page-active .chat-page-v2__blocks-controls{
gap:6px
}
@media (max-width:420px){
body.chat-page-active .app-shell--mobile .page-shell{
padding-left:10px!important;
padding-right:10px!important
}
body.chat-page-active .chat-page-v2{
gap:8px
}
body.chat-page-active .chat-page-v2__profile-main{
grid-template-columns:auto minmax(0,1fr)
}
body.chat-page-active .chat-page-v2__home-btn{
grid-column:1/-1
}
body.chat-page-active .chat-page-v2__suggest-grid{
width:100%;
max-width:none
}
body.chat-page-active .chat-page-v2__action-pill{
padding:6px 2px
}
body.chat-page-active .chat-page-v2__utility-actions{
grid-template-columns:repeat(5,minmax(0,1fr))
}
body.chat-page-active .chat-page-v2__sheet-suggest-grid,
body.chat-page-active .chat-page-v2__sheet-action-grid{
grid-template-columns:repeat(2,minmax(0,1fr))
}
body.chat-page-active .chat-page-v2__gift-grid,
body.chat-page-active .chat-page-v2__relation-grid,
body.chat-page-active .chat-page-v2__pool-scoreboard,
body.chat-page-active .chat-page-v2__blocks-score-grid,
body.chat-page-active .chat-page-v2__sheet-footer{
grid-template-columns:repeat(2,minmax(0,1fr))
}
body.chat-page-active .chat-page-v2__gobang-board{
gap:4px;
padding:8px
}
body.chat-page-active .chat-page-v2__blocks-board{
gap:6px;
padding:8px
}
body.chat-page-active .chat-page-v2__emoji-grid{
grid-template-columns:repeat(4,minmax(0,1fr))
}
body.chat-page-active .chat-page-v2__composer{
grid-template-columns:minmax(0,1fr) auto
}
body.chat-page-active .chat-page-v2__composer-tools{
grid-column:auto;
justify-content:flex-end
}
body.chat-page-active .chat-page-v2__send-btn{
min-width:52px
}
body.chat-page-active .chat-page-v2__gift-selected{
grid-template-columns:auto minmax(0,1fr)
}
body.chat-page-active .chat-page-v2__gift-selected em{
grid-column:2;
justify-self:start
}
}
body.chat-page-active .app-shell--mobile .page-shell{
padding:10px 10px calc(env(safe-area-inset-bottom) + 8px)!important;
height:var(--chat-vv-height,100dvh)!important;
min-height:var(--chat-vv-height,100dvh)!important;
overflow:hidden!important
}
body.chat-page-active .chat-page-v2{
height:100%!important;
gap:6px
}
body.chat-page-active .chat-page-v2__topbar{
grid-template-columns:40px minmax(0,1fr) 40px;
gap:6px
}
body.chat-page-active .chat-page-v2__nav-btn{
width:40px;
height:40px;
border-radius:16px
}
body.chat-page-active .chat-page-v2__topbar-title strong{
font-size:14px
}
body.chat-page-active .chat-page-v2__profile-card{
padding:9px 10px 8px;
border-radius:24px
}
body.chat-page-active .chat-page-v2__profile-main{
gap:8px
}
body.chat-page-active .chat-page-v2__profile-avatar{
width:48px!important;
height:48px!important
}
body.chat-page-active .chat-page-v2__profile-copy{
gap:3px
}
body.chat-page-active .chat-page-v2__profile-head strong{
font-size:16px
}
body.chat-page-active .chat-page-v2__profile-state{
font-size:10px
}
body.chat-page-active .chat-page-v2__home-btn{
min-height:32px;
padding:0 11px;
font-size:10px
}
body.chat-page-active .chat-page-v2__profile-intro{
margin-top:5px;
font-size:11px;
-webkit-line-clamp:1
}
body.chat-page-active .chat-page-v2__profile-meta{
gap:6px;
margin-top:5px
}
body.chat-page-active .chat-page-v2__meta-pill{
min-height:23px;
padding:0 8px;
font-size:9px
}
body.chat-page-active .chat-page-v2__viewport{
border-radius:24px
}
body.chat-page-active .chat-page-v2__thread{
padding:8px 10px;
gap:8px
}
body.chat-page-active .chat-page-v2__bubble{
max-width:min(75%,252px);
padding:9px 11px;
gap:5px
}
body.chat-page-active .chat-page-v2__bubble-text{
font-size:12px;
line-height:1.58
}
body.chat-page-active .chat-page-v2__dock{
gap:5px;
padding-bottom:calc(env(safe-area-inset-bottom) + 2px)
}
body.chat-page-active .chat-page-v2__sync-pill{
min-height:22px;
font-size:9px
}
body.chat-page-active .chat-page-v2__utility-row,
body.chat-page-active .chat-page-v2__utility-actions{
gap:5px
}
body.chat-page-active .chat-page-v2__utility-btn{
min-height:28px;
padding:0 4px;
border-radius:12px;
font-size:9px
}
body.chat-page-active .chat-page-v2__emoji-panel{
padding:10px;
border-radius:22px;
max-height:min(214px,31vh);
overflow-y:auto;
overscroll-behavior:contain;
scrollbar-width:none
}
body.chat-page-active .chat-page-v2__emoji-panel::-webkit-scrollbar{
display:none
}
body.chat-page-active .chat-page-v2__emoji-group{
gap:8px
}
body.chat-page-active .chat-page-v2__emoji-title{
font-size:11px
}
body.chat-page-active .chat-page-v2__emoji-grid{
gap:6px
}
body.chat-page-active .chat-page-v2__emoji-item{
min-height:38px;
border-radius:14px;
font-size:17px
}
body.chat-page-active .chat-page-v2__composer{
gap:5px;
padding:5px;
border-radius:18px
}
body.chat-page-active .chat-page-v2__composer-field{
min-height:36px;
padding:0 10px;
display:flex;
align-items:center
}
body.chat-page-active .chat-page-v2__composer-field textarea{
min-height:16px;
max-height:34px;
padding:10px 0 8px;
font-size:12px;
line-height:1.3
}
body.chat-page-active .chat-page-v2__composer-tools{
gap:4px
}
body.chat-page-active .chat-page-v2__composer-icon{
width:32px;
height:32px
}
body.chat-page-active .chat-page-v2__send-btn{
min-width:54px;
height:32px;
font-size:10px
}
body.chat-page-active .chat-page-v2__overlay-panel--gobang,
body.chat-page-active .chat-page-v2__overlay-panel--blocks{
max-height:calc(var(--chat-vv-height,100dvh) - 96px)!important
}
body.chat-page-active .chat-page-v2__overlay-panel--gobang .core-overlay__footer>div,
body.chat-page-active .chat-page-v2__overlay-panel--blocks .core-overlay__footer>div{
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:stretch
}
body.chat-page-active .chat-page-v2__overlay-panel--gobang .chat-page-v2__sheet-footer,
body.chat-page-active .chat-page-v2__overlay-panel--blocks .chat-page-v2__sheet-footer{
display:contents
}
body.chat-page-active .chat-page-v2__overlay-panel--gobang .core-overlay__footer .core-actions,
body.chat-page-active .chat-page-v2__overlay-panel--blocks .core-overlay__footer .core-actions{
margin:0!important
}
body.chat-page-active .chat-page-v2__overlay-panel--gobang .core-overlay__footer .core-actions>*,
body.chat-page-active .chat-page-v2__overlay-panel--blocks .core-overlay__footer .core-actions>*{
width:100%
}
body.chat-page-active .chat-page-v2__overlay-panel--blocks .chat-page-v2__blocks-score-card{
padding:10px 8px;
border-radius:18px
}
body.chat-page-active .chat-page-v2__overlay-panel--blocks .chat-page-v2__blocks-score-card strong{
font-size:22px
}
body.chat-page-active .chat-page-v2__overlay-panel--blocks .chat-page-v2__game-summary{
padding:10px 12px;
border-radius:18px
}
body.chat-page-active .chat-page-v2__overlay-panel--blocks .chat-page-v2__blocks-board{
max-width:252px;
gap:6px;
padding:8px;
margin:0 auto;
border-radius:20px
}
body.chat-page-active .chat-page-v2__overlay-panel--blocks .chat-page-v2__blocks-tile{
font-size:14px;
border-radius:12px
}
body.chat-page-active .chat-page-v2__overlay-panel--blocks .chat-page-v2__blocks-controls{
gap:6px
}
body.chat-page-active .chat-page-v2__overlay-panel--blocks .chat-page-v2__blocks-control-btn{
min-width:34px;
min-height:32px;
border-radius:12px
}
body.chat-page-active.chat-page-keyboard-open .chat-page-v2{
gap:4px
}
body.chat-page-active.chat-page-keyboard-open .chat-page-v2__profile-card{
padding:8px 9px;
border-radius:20px
}
body.chat-page-active.chat-page-keyboard-open .chat-page-v2__profile-avatar{
width:44px!important;
height:44px!important
}
body.chat-page-active.chat-page-keyboard-open .chat-page-v2__profile-intro,
body.chat-page-active.chat-page-keyboard-open .chat-page-v2__profile-meta,
body.chat-page-active.chat-page-keyboard-open .chat-page-v2__utility-row,
body.chat-page-active.chat-page-emoji-open .chat-page-v2__utility-row,
body.chat-page-active.chat-page-emoji-open .chat-page-v2__profile-meta{
display:none
}
body.chat-page-active.chat-page-keyboard-open .chat-page-v2__viewport{
border-radius:22px
}
/* publish-discover-events-refine-20260423c */
body.publish-page-active,
body.publish-page-active #root,
body.publish-page-active .app-shell,
body.publish-page-active .app-shell--mobile,
body.publish-page-active .app-shell--mobile .page-shell,
body.events-page-active,
body.events-page-active #root,
body.events-page-active .app-shell,
body.events-page-active .app-shell--mobile,
body.events-page-active .app-shell--mobile .page-shell,
body.discover-page-active,
body.discover-page-active #root,
body.discover-page-active .app-shell,
body.discover-page-active .app-shell--mobile,
body.discover-page-active .app-shell--mobile .page-shell{
background:#06080b!important
}
body .publish-page,
body .events-page,
body .discover-xhs,
body .discover-xhs__content{
background:#06080b!important
}
body .publish-page{
gap:10px!important;
padding-bottom:calc(112px + env(safe-area-inset-bottom))!important
}
body .publish-page__head{
gap:10px!important
}
body .publish-page__head p{
max-width:300px!important;
color:#87919c!important
}
body .publish-page__head-actions{
display:grid!important;
grid-auto-flow:column!important;
grid-auto-columns:minmax(0,1fr)!important;
gap:8px!important;
width:100%!important;
max-width:320px!important
}
body .publish-page__head-actions .core-ghost-btn{
min-height:36px!important;
padding:0 10px!important;
border-radius:14px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:rgba(17,21,26,.96)!important;
color:#eef2f6!important;
white-space:nowrap!important;
box-shadow:none!important
}
body .publish-page__hero{
padding:16px!important;
border-radius:26px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:
radial-gradient(circle at 16% 18%,rgba(110,122,137,.18),transparent 25%),
radial-gradient(circle at 86% 20%,rgba(66,74,84,.22),transparent 24%),
linear-gradient(180deg,#171d24 0%,#0f1419 52%,#090c10 100%)!important;
box-shadow:0 22px 38px rgba(0,0,0,.28)!important
}
body .publish-page__eyebrow,
body .publish-page__tag{
background:rgba(255,255,255,.05)!important;
border-color:rgba(255,255,255,.08)!important;
color:#d9e1e8!important
}
body .publish-page__hero-copy strong{
font-size:26px!important
}
body .publish-page__hero-copy p,
body .publish-page__hero-stat em{
color:#97a2ad!important
}
body .publish-page__hero-stat{
padding:12px 11px!important;
border-radius:18px!important;
background:rgba(255,255,255,.04)!important;
border:1px solid rgba(255,255,255,.07)!important
}
body .publish-page__hero-stat strong,
body .publish-page__hero-stat span,
body .publish-page__tool strong,
body .publish-page__board-meta{
color:#f1f5f8!important
}
body .publish-page__tool-row{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important
}
body .publish-page__tool{
min-height:78px!important;
padding:12px 10px!important;
border-radius:20px!important;
border:1px solid rgba(255,255,255,.07)!important;
background:linear-gradient(180deg,#151a20,#0e1318)!important;
box-shadow:none!important
}
body .publish-page__tool span,
body .publish-page__empty,
body .publish-page__board-meta span{
color:#8c97a2!important
}
body .publish-page__board{
padding:12px 14px!important;
border-radius:20px!important;
background:linear-gradient(180deg,#12171d,#0d1116)!important;
border:1px solid rgba(255,255,255,.07)!important
}
body .publish-page__board-meta .core-link-btn{
color:#d7dee5!important
}
body .publish-page__composer-shell{
padding:14px!important;
border-radius:24px!important;
background:linear-gradient(180deg,#12171d,#0b0f14)!important;
border:1px solid rgba(255,255,255,.07)!important
}
body .publish-page__composer{
gap:12px!important
}
body .publish-page__composer textarea{
min-height:124px!important;
line-height:1.68!important;
color:#f4f7fa!important
}
body .publish-page__composer textarea::placeholder{
color:#77818c!important
}
body .publish-page__composer .core-chip-btn{
background:rgba(255,255,255,.05)!important;
border:1px solid rgba(255,255,255,.08)!important;
color:#eff3f6!important
}
body .publish-page .core-image-card{
border-radius:18px!important;
overflow:hidden!important;
border:1px solid rgba(255,255,255,.08)!important
}
body .publish-page__empty{
padding:13px!important;
border-radius:18px!important;
border:1px dashed rgba(255,255,255,.1)!important;
background:rgba(255,255,255,.03)!important
}
body .publish-page__actions{
padding:8px 0 calc(4px + env(safe-area-inset-bottom))!important;
background:linear-gradient(180deg,rgba(6,8,11,0),#06080b 34%,#06080b 100%)!important
}
body .publish-page__actions .core-secondary-btn,
body .publish-page__actions .core-primary-btn{
min-height:42px!important;
border-radius:16px!important
}
body .publish-page__actions .core-secondary-btn{
background:rgba(255,255,255,.05)!important;
border:1px solid rgba(255,255,255,.08)!important;
color:#eef2f5!important
}
body .publish-page__actions .core-primary-btn{
background:linear-gradient(135deg,#7d8a97,#4b5560)!important;
border:0!important;
box-shadow:0 12px 24px rgba(0,0,0,.24)!important
}
body .publish-page .core-overlay{
padding:calc(env(safe-area-inset-top) + 10px) 12px calc(12px + env(safe-area-inset-bottom))!important;
align-items:center!important
}
body .publish-page .core-overlay--bottom{
align-items:flex-end!important
}
body .publish-page .core-overlay__panel,
body .publish-page .core-overlay__panel--wide,
body .publish-page .core-overlay__panel--compact{
width:min(100%,390px)!important;
border-radius:24px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:linear-gradient(180deg,#141920,#0a0e13)!important;
box-shadow:0 28px 52px rgba(0,0,0,.42)!important
}
body .publish-page .core-overlay__head{
padding:14px 14px 0!important
}
body .publish-page .core-overlay__title strong{
color:#f2f6f9!important
}
body .publish-page .core-overlay__title span{
color:#87919c!important
}
body .publish-page .core-overlay__body{
padding:0 14px 14px!important
}
body .publish-page .core-overlay__footer{
padding:0 14px 14px!important
}
body .publish-page .core-menu-item{
padding:13px 14px!important;
border-radius:18px!important;
border:1px solid rgba(255,255,255,.07)!important;
background:rgba(255,255,255,.03)!important
}
body .publish-page .core-menu-item strong,
body .publish-page .core-menu-item em{
color:#f2f6f9!important
}
body .publish-page .core-menu-item span{
color:#8d97a1!important
}
body .events-page{
gap:10px!important;
padding-bottom:calc(110px + env(safe-area-inset-bottom))!important
}
body .events-page__head p{
max-width:300px!important;
color:#87919c!important
}
body .events-page__head-actions{
display:flex!important;
gap:8px!important
}
body .events-page__head-actions .core-ghost-btn{
min-height:36px!important;
padding:0 12px!important;
border-radius:14px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:rgba(17,21,26,.96)!important;
color:#eef2f6!important;
box-shadow:none!important
}
body .events-page .core-panel{
border-radius:24px!important;
border:1px solid rgba(255,255,255,.07)!important;
background:linear-gradient(180deg,#12171d,#0d1116)!important;
box-shadow:none!important
}
body .events-page .core-stat-card,
body .events-page .core-list-item{
border-radius:18px!important;
border:1px solid rgba(255,255,255,.06)!important;
background:rgba(255,255,255,.03)!important
}
body .events-page .core-list-item strong,
body .events-page .core-section-head strong,
body .events-page .core-stat-card strong{
color:#f2f6f9!important
}
body .events-page .core-list-item span,
body .events-page .core-list-item p,
body .events-page .core-stat-card span{
color:#8b95a0!important
}
body .events-page .core-list-item em,
body .events-page .core-link-btn{
color:#d9e1e8!important
}
body .events-page .core-overlay{
padding:calc(env(safe-area-inset-top) + 10px) 14px calc(110px + env(safe-area-inset-bottom))!important;
align-items:center!important
}
body .events-page .core-overlay__panel,
body .events-page .core-overlay__panel--wide,
body .events-page .core-overlay__panel--compact{
width:min(100%,392px)!important;
border-radius:24px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:linear-gradient(180deg,#141920,#0a0e13)!important;
box-shadow:0 28px 52px rgba(0,0,0,.42)!important
}
body .events-page .core-overlay__head{
padding:14px 14px 0!important
}
body .events-page .core-overlay__title strong{
color:#f2f6f9!important
}
body .events-page .core-overlay__title span{
color:#87919c!important
}
body .events-page .core-overlay__body{
padding:0 14px 14px!important
}
body .events-page .core-overlay__footer{
padding:0 14px 14px!important
}
body .events-page .core-compose{
gap:10px!important
}
body .events-page .core-form-input,
body .events-page textarea{
width:100%!important;
min-height:40px!important;
padding:0 12px!important;
border-radius:14px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:#0e1318!important;
color:#f1f5f8!important;
box-shadow:none!important;
color-scheme:dark!important
}
body .events-page textarea{
min-height:104px!important;
padding:12px!important;
resize:vertical!important
}
body .events-page .core-form-input::placeholder,
body .events-page textarea::placeholder{
color:#77818c!important
}
body .events-page .core-copy-block{
padding:14px!important;
border-radius:18px!important;
border:1px solid rgba(255,255,255,.07)!important;
background:rgba(255,255,255,.03)!important
}
body .events-page .core-copy-block p,
body .events-page .core-copy-block span,
body .events-page .core-chip{
color:#d7dfe6!important
}
body .events-page .core-chip{
background:rgba(255,255,255,.05)!important;
border:1px solid rgba(255,255,255,.08)!important
}
body .events-page .core-secondary-btn,
body .events-page .core-primary-btn{
min-height:42px!important;
border-radius:16px!important
}
body .events-page .core-secondary-btn{
background:rgba(255,255,255,.05)!important;
border:1px solid rgba(255,255,255,.08)!important;
color:#eef2f6!important
}
body .events-page .core-primary-btn{
background:linear-gradient(135deg,#7d8a97,#4b5560)!important;
border:0!important;
box-shadow:0 12px 24px rgba(0,0,0,.24)!important
}
body .discover-xhs{
--discover-shell-gutter:10px!important;
padding-top:calc(var(--discover-chrome-height,0px) + 8px)!important;
padding-bottom:calc(110px + env(safe-area-inset-bottom))!important
}
body .discover-xhs__chrome{
width:calc(min(100vw,var(--mobile-shell-width)) - 20px)!important;
padding-top:4px!important;
padding-bottom:10px!important;
gap:10px!important;
background:linear-gradient(180deg,rgba(6,8,11,.98) 0%,rgba(6,8,11,.95) 84%,rgba(6,8,11,0) 100%)!important;
backdrop-filter:blur(18px)!important
}
body .discover-xhs__shortcut-grid{
gap:8px!important
}
body .discover-xhs__shortcut{
min-height:68px!important;
padding:11px 10px!important;
border-radius:22px!important;
border:1px solid rgba(255,255,255,.07)!important;
background:linear-gradient(180deg,#141920,#0e1318)!important;
box-shadow:none!important
}
body .discover-xhs__shortcut-copy strong{
font-size:13px!important;
color:#f2f6f9!important
}
body .discover-xhs__shortcut-copy em{
font-size:10px!important;
line-height:1.3!important;
color:#7f8994!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important
}
body .discover-xhs__tab-row{
gap:8px!important;
align-items:center!important
}
body .discover-xhs__tabs{
gap:12px!important;
overflow-x:auto!important;
padding-bottom:2px!important;
scrollbar-width:none!important
}
body .discover-xhs__tabs::-webkit-scrollbar,
body .discover-xhs__tab-shell::-webkit-scrollbar,
body .discover-xhs__filter-card::-webkit-scrollbar,
body .publish-page .core-overlay__body::-webkit-scrollbar,
body .events-page .core-overlay__body::-webkit-scrollbar{
display:none!important
}
body .discover-xhs__tab{
padding-bottom:6px!important
}
body .discover-xhs__tabs-more{
width:36px!important;
height:36px!important;
border-radius:14px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:#11161b!important;
color:#eef2f6!important
}
body .discover-xhs__tab-shell{
gap:10px!important;
padding:2px 1px 4px!important;
overflow-x:auto!important;
scrollbar-width:none!important
}
body .discover-xhs__story-card{
min-width:80px!important;
max-width:82px!important;
gap:6px!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important
}
body .discover-xhs__story-media{
width:64px!important;
height:64px!important;
border-radius:20px!important;
border:1px solid rgba(255,255,255,.08)!important
}
body .discover-xhs__story-card strong{
font-size:11px!important;
line-height:1.25!important;
color:#eef2f6!important;
max-width:100%!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important
}
body .discover-xhs__story-card>span:last-child{
font-size:10px!important;
color:#7f8994!important;
max-width:100%!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important
}
body .discover-xhs__content{
gap:10px!important;
padding:0 1px!important
}
body .discover-xhs__feed-list{
gap:10px!important
}
body .discover-xhs__feed-card{
padding:14px 14px 13px!important;
border-radius:24px!important;
border:1px solid rgba(255,255,255,.07)!important;
background:linear-gradient(180deg,#11161c,#0c1116)!important;
box-shadow:0 16px 28px rgba(0,0,0,.18)!important
}
body .discover-xhs__feed-author-row strong,
body .discover-xhs__feed-card h3{
color:#f2f6f9!important
}
body .discover-xhs__feed-author-copy span,
body .discover-xhs__feed-place{
color:#818c97!important
}
body .discover-xhs__feed-top-tags{
gap:6px!important;
flex-wrap:wrap!important
}
body .discover-xhs__feed-top-tags span{
min-height:24px!important;
padding:0 10px!important;
border-radius:999px!important;
border:1px solid rgba(255,255,255,.07)!important;
background:rgba(255,255,255,.04)!important;
color:#cdd5dc!important
}
body .discover-xhs__feed-content{
display:-webkit-box!important;
-webkit-line-clamp:3!important;
-webkit-box-orient:vertical!important;
overflow:hidden!important;
line-height:1.62!important;
color:#e5ebf0!important
}
body .discover-xhs__feed-media{
gap:6px!important
}
body .discover-xhs__feed-media.media-1 .discover-xhs__feed-media-item{
min-height:164px!important
}
body .discover-xhs__feed-media.media-2 .discover-xhs__feed-media-item,
body .discover-xhs__feed-media.media-3 .discover-xhs__feed-media-item{
min-height:110px!important
}
body .discover-xhs__feed-media-item{
border-radius:18px!important;
overflow:hidden!important
}
body .discover-xhs__feed-stats span{
min-height:26px!important;
padding:0 8px!important;
border-radius:999px!important;
background:rgba(255,255,255,.04)!important
}
body .discover-xhs__feed-contact{
width:36px!important;
height:36px!important;
border-radius:14px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:#171d24!important;
color:#f0f4f7!important
}
body .discover-xhs__feed-contact em{
display:none!important
}
body .discover-xhs__feed-state{
min-height:28px!important;
padding:0 10px!important;
border-radius:999px!important;
border:1px solid rgba(255,255,255,.07)!important;
background:rgba(255,255,255,.04)!important;
color:#9da7b2!important
}
body .discover-xhs__publish-fab{
right:max(12px,calc((100vw - var(--mobile-shell-width))/2 + 12px))!important;
bottom:calc(104px + env(safe-area-inset-bottom))!important;
width:50px!important;
height:50px!important;
border-radius:18px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:linear-gradient(180deg,#202832,#12171d)!important;
box-shadow:0 18px 34px rgba(0,0,0,.34)!important
}
body .discover-xhs__publish-fab-copy{
gap:0!important
}
body .discover-xhs__publish-fab-copy strong{
font-size:22px!important;
line-height:1!important
}
body .discover-xhs__publish-fab-copy em{
font-size:9px!important;
letter-spacing:.08em!important
}
body .discover-xhs__filter-modal{
position:fixed!important;
inset:0!important;
display:grid!important;
place-items:center!important;
padding:calc(env(safe-area-inset-top) + 12px) 16px calc(120px + env(safe-area-inset-bottom))!important;
z-index:160!important
}
body .discover-xhs__filter-backdrop{
position:absolute!important;
inset:0!important;
background:rgba(2,4,6,.62)!important;
backdrop-filter:blur(8px)!important
}
body .discover-xhs__filter-card{
position:relative!important;
width:min(100%,360px)!important;
max-height:min(70vh,520px)!important;
overflow:auto!important;
padding:16px!important;
border-radius:26px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:linear-gradient(180deg,#12171d,#0a0e12)!important;
box-shadow:0 26px 48px rgba(0,0,0,.42)!important
}
body .discover-xhs__filter-copy strong,
body .discover-xhs__filter-label{
color:#f2f6f9!important
}
body .discover-xhs__filter-copy span{
color:#87919c!important
}
body .discover-xhs__filter-close{
width:32px!important;
height:32px!important;
border-radius:12px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:rgba(255,255,255,.04)!important;
color:#eef2f6!important
}
body .discover-xhs__filter-chip{
min-height:34px!important;
padding:0 12px!important;
border-radius:999px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:rgba(255,255,255,.04)!important;
color:#b8c2cc!important;
transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease!important
}
body .discover-xhs__filter-chip:active,
body .discover-xhs__publish-option:active,
body .discover-xhs__story-card:active{
transform:scale(.96)!important
}
body .discover-xhs__filter-chip.is-active{
background:linear-gradient(180deg,#29313b,#1a2027)!important;
border-color:rgba(190,200,210,.34)!important;
color:#f5f7f9!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.2)!important
}
body .discover-xhs__filter-ghost,
body .discover-xhs__filter-primary{
min-height:40px!important;
border-radius:14px!important
}
body .discover-xhs__filter-ghost{
background:rgba(255,255,255,.05)!important;
border:1px solid rgba(255,255,255,.08)!important;
color:#eef2f6!important
}
body .discover-xhs__filter-primary{
background:linear-gradient(135deg,#7d8a97,#4b5560)!important;
color:#f6f8fa!important;
border:0!important
}
body .discover-xhs .core-overlay{
padding:calc(env(safe-area-inset-top) + 10px) 14px calc(110px + env(safe-area-inset-bottom))!important;
align-items:center!important
}
body .discover-xhs .core-overlay__panel,
body .discover-xhs .core-overlay__panel--compact,
body .discover-xhs .core-overlay__panel--wide{
width:min(100%,368px)!important;
border-radius:24px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:linear-gradient(180deg,#141920,#0a0e13)!important;
box-shadow:0 28px 52px rgba(0,0,0,.42)!important
}
body .discover-xhs .core-overlay__panel--wide{
width:min(100%,392px)!important
}
body .discover-xhs .core-overlay__head{
padding:14px 14px 0!important
}
body .discover-xhs .core-overlay__title strong{
color:#f2f6f9!important
}
body .discover-xhs .core-overlay__title span{
color:#87919c!important
}
body .discover-xhs .core-overlay__body{
padding:0 14px 14px!important
}
body .discover-xhs .core-overlay__footer{
padding:0 14px 14px!important
}
body .discover-xhs .core-overlay__footer .core-secondary-btn,
body .discover-xhs .core-overlay__footer .core-primary-btn{
min-height:40px!important;
border-radius:14px!important
}
body .discover-xhs .core-overlay__footer .core-secondary-btn{
background:rgba(255,255,255,.05)!important;
border:1px solid rgba(255,255,255,.08)!important;
color:#eef2f6!important
}
body .discover-xhs .core-copy-block{
padding:14px!important;
border-radius:18px!important;
border:1px solid rgba(255,255,255,.07)!important;
background:rgba(255,255,255,.03)!important
}
body .discover-xhs .core-copy-block p{
margin:0!important;
color:#e8edf2!important;
line-height:1.68!important
}
body .discover-xhs__publish-sheet{
gap:10px!important
}
body .discover-xhs__publish-option{
padding:14px 15px!important;
border-radius:18px!important;
border:1px solid rgba(255,255,255,.07)!important;
background:linear-gradient(180deg,#151a20,#0e1318)!important;
box-shadow:none!important
}
body .discover-xhs__publish-option strong{
color:#f2f6f9!important
}
body .discover-xhs__publish-option span{
color:#8d97a1!important
}
@media (max-width:420px){
body .publish-page__head-actions{
grid-auto-flow:row!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
max-width:none!important
}
body .publish-page__hero,
body .publish-page__composer-shell,
body .events-page .core-panel,
body .discover-xhs__feed-card,
body .discover-xhs__filter-card{
border-radius:22px!important
}
body .publish-page__tool-row{
gap:7px!important
}
body .publish-page__tool{
min-height:74px!important;
padding:11px 9px!important
}
body .discover-xhs__story-card{
min-width:76px!important;
max-width:78px!important
}
body .discover-xhs__story-media{
width:60px!important;
height:60px!important
}
body .discover-xhs__feed-media.media-1 .discover-xhs__feed-media-item{
min-height:152px!important
}
body .discover-xhs__publish-fab{
right:12px!important;
bottom:calc(100px + env(safe-area-inset-bottom))!important;
width:48px!important;
height:48px!important;
border-radius:16px!important
}
body .discover-xhs__publish-fab-copy strong{
font-size:21px!important
}
}
/* user-detail-refine-20260423d */
body.user-detail-page-active .app-shell,
body.user-detail-page-active .app-shell--mobile,
body.user-detail-page-active .app-shell--mobile .page-shell{
  background:linear-gradient(180deg,#090b0f,#11151a 42%,#171b20 100%);
}
body.user-detail-page-active .app-shell--mobile:before,
body.user-detail-page-active .app-shell--mobile:after{
  background:none!important;
}
body .user-detail-page.page-shell{
  min-height:100dvh;
  padding:0 0 calc(178px + env(safe-area-inset-bottom));
  display:grid;
  gap:0;
  background:linear-gradient(180deg,#090b0f,#14191e 100%);
}
body .user-detail-page__hero{
  position:relative;
  min-height:408px;
  overflow:hidden;
  background:linear-gradient(180deg,#0e1116,#181e25);
}
body .user-detail-page__hero-media{
  position:absolute;
  inset:0;
  background-position:center;
  background-size:cover;
  transform:scale(1.04);
}
body .user-detail-page__hero-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,10,14,.1),rgba(8,10,14,.7) 56%,#14191e 100%);
}
body .user-detail-page__hero-media--fallback{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.08),transparent 24%),
    radial-gradient(circle at 84% 10%,rgba(255,255,255,.05),transparent 20%),
    linear-gradient(145deg,#2a313a,#12151a 54%,#0b0e12);
}
body .user-detail-page__hero-shell{
  position:relative;
  z-index:1;
  min-height:408px;
  padding:16px 16px 0;
  display:grid;
}
body .user-detail-page__topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  align-self:start;
}
body .user-detail-page__circle-btn,
body .user-detail-page__topbar-status{
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(8,10,14,.36);
  color:#f5f7fa;
  font:inherit;
  backdrop-filter:blur(18px);
}
body .user-detail-page__topbar-status{
  display:inline-grid;
  place-items:center;
  font-size:12px;
  color:#d3dae3;
}
body .user-detail-page__summary-card{
  margin-top:auto;
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:32px 32px 0 0;
  background:linear-gradient(180deg,rgba(247,243,236,.96),rgba(240,234,226,.98));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 -18px 44px rgba(0,0,0,.22);
}
body .user-detail-page__summary-head{
  display:flex;
  align-items:center;
  gap:14px;
}
body .user-detail-page__summary-copy{
  flex:1;
  min-width:0;
  display:grid;
  gap:6px;
}
body .user-detail-page__name-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
body .user-detail-page__name-row strong{
  color:#17191d;
  font-size:28px;
  line-height:1.02;
}
body .user-detail-page__vip-tag{
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#17191d;
  color:#fff;
  font-size:11px;
  font-weight:700;
}
body .user-detail-page__summary-copy p{
  margin:0;
  color:#656b75;
  font-size:13px;
}
body .user-detail-page__meta-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body .user-detail-page__meta-row span{
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:rgba(20,24,30,.06);
  color:#4f5660;
  font-size:12px;
}
body .user-detail-page__chip-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
body .user-detail-page__chip{
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(20,24,30,.08);
  background:#fff;
  color:#30343b;
  font-size:12px;
  font-weight:600;
}
body .user-detail-page__chip-row--dark .user-detail-page__chip{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.08);
  color:#eef2f7;
}
body .user-detail-page__chip-btn{
  font:inherit;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body .user-detail-page__chip-btn.active{
  background:#17191d;
  border-color:#17191d;
  color:#fff;
  box-shadow:0 10px 20px rgba(23,25,29,.14);
}
body .user-detail-page__bio{
  margin:0;
  color:#41464f;
  font-size:14px;
  line-height:1.78;
}
body .user-detail-page__stat-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
body .user-detail-page__stat-card{
  min-width:0;
  padding:14px 10px 12px;
  border-radius:22px;
  background:#fffdfa;
  border:1px solid rgba(27,29,33,.06);
  box-shadow:0 10px 24px rgba(20,24,30,.05);
  display:grid;
  justify-items:center;
  gap:4px;
}
body .user-detail-page__stat-card strong{
  color:#15171b;
  font-size:20px;
}
body .user-detail-page__stat-card span{
  color:#7b828c;
  font-size:11px;
}
body .user-detail-page__action-row{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding-bottom:2px;
  scrollbar-width:none;
}
body .user-detail-page__action-row::-webkit-scrollbar{
  display:none;
}
body .user-detail-page__action-chip{
  flex:1 0 auto;
  min-width:104px;
  min-height:42px;
  padding:0 16px;
  border-radius:18px;
  border:1px solid rgba(20,24,30,.08);
  background:rgba(255,255,255,.76);
  color:#17191d;
  font:inherit;
  font-weight:700;
  box-shadow:0 10px 22px rgba(20,24,30,.05);
}
body .user-detail-page__sheet{
  margin-top:-1px;
  display:grid;
  gap:16px;
  padding:16px;
  background:linear-gradient(180deg,#f3efe8,#ece6de);
}
body .user-detail-page__sheet-head{
  display:grid;
  gap:10px;
}
body .user-detail-page__sheet-title{
  display:grid;
  gap:4px;
}
body .user-detail-page__sheet-title strong{
  color:#17191d;
  font-size:18px;
}
body .user-detail-page__sheet-title span{
  color:#727883;
  font-size:13px;
}
body .user-detail-page__tag-pack{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:2px;
  scrollbar-width:none;
}
body .user-detail-page__tag-pack::-webkit-scrollbar{
  display:none;
}
body .user-detail-page__tag-pack span{
  flex:0 0 auto;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:#fff;
  color:#474c55;
  font-size:12px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(20,24,30,.06);
}
body .user-detail-page__tabs{
  position:sticky;
  top:0;
  z-index:6;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:6px;
  border-radius:24px;
  background:rgba(255,255,255,.56);
  backdrop-filter:blur(18px);
}
body .user-detail-page__tab{
  min-height:42px;
  border:0;
  border-radius:18px;
  background:transparent;
  color:#6d7480;
  font:inherit;
  font-weight:700;
}
body .user-detail-page__tab.active{
  background:#17191d;
  color:#fff;
  box-shadow:0 12px 22px rgba(23,25,29,.14);
}
body .user-detail-page__post-list,
body .user-detail-page__relation-list{
  display:grid;
  gap:12px;
}
body .user-detail-page__post-card,
body .user-detail-page__relation-card,
body .user-detail-page__empty-card{
  padding:16px;
  border-radius:26px;
  background:#fffdfa;
  border:1px solid rgba(20,24,30,.06);
  box-shadow:0 12px 26px rgba(20,24,30,.06);
  display:grid;
  gap:12px;
}
body .user-detail-page__empty-card strong,
body .user-detail-page__relation-card strong,
body .user-detail-page__post-meta strong{
  color:#17191d;
}
body .user-detail-page__empty-card span,
body .user-detail-page__relation-subtitle,
body .user-detail-page__post-meta span{
  color:#7b828c;
  font-size:12px;
}
body .user-detail-page__post-head{
  display:flex;
  gap:10px;
  align-items:center;
}
body .user-detail-page__post-meta{
  min-width:0;
  display:grid;
  gap:3px;
}
body .user-detail-page__post-card p,
body .user-detail-page__relation-card p{
  margin:0;
  color:#454a53;
  font-size:14px;
  line-height:1.76;
}
body .user-detail-page__post-images{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
body .user-detail-page__post-images.single{
  grid-template-columns:1fr;
}
body .user-detail-page__post-image{
  aspect-ratio:1/1;
  border-radius:18px;
  overflow:hidden;
  background:#d8dce2;
}
body .user-detail-page__post-images.single .user-detail-page__post-image{
  aspect-ratio:3/4;
}
body .user-detail-page__post-image img,
body .user-detail-page__gallery-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
body .user-detail-page__mini-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body .user-detail-page__mini-chip-row span{
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:#f1ece5;
  color:#5f6570;
  font-size:11px;
  display:inline-grid;
  place-items:center;
}
body .user-detail-page__post-actions{
  display:flex;
  gap:12px;
  color:#6d7480;
  font-size:12px;
}
body .user-detail-page__gallery-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body .user-detail-page__gallery-card{
  min-height:204px;
  border-radius:26px;
  overflow:hidden;
  position:relative;
  background:#d9dde2;
  border:1px solid rgba(20,24,30,.06);
  box-shadow:0 12px 26px rgba(20,24,30,.06);
}
body .user-detail-page__gallery-card:after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:50%;
  background:linear-gradient(180deg,rgba(8,10,14,0),rgba(8,10,14,.78));
  pointer-events:none;
}
body .user-detail-page__gallery-card--fallback:after{
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(8,10,14,.4));
}
body .user-detail-page__gallery-copy{
  position:absolute;
  right:14px;
  bottom:14px;
  left:14px;
  z-index:1;
  display:grid;
  gap:4px;
}
body .user-detail-page__gallery-copy strong{
  color:#fff;
  font-size:16px;
  line-height:1.24;
}
body .user-detail-page__gallery-copy span{
  color:rgba(255,255,255,.82);
  font-size:12px;
}
body .user-detail-page__relation-shell{
  display:grid;
  gap:12px;
}
body .user-detail-page__relation-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
body .user-detail-page__relation-summary>div{
  padding:14px 10px 12px;
  border-radius:22px;
  background:#fffdfa;
  border:1px solid rgba(20,24,30,.06);
  box-shadow:0 12px 26px rgba(20,24,30,.05);
  display:grid;
  justify-items:center;
  gap:4px;
}
body .user-detail-page__relation-summary strong{
  color:#17191d;
  font-size:20px;
}
body .user-detail-page__relation-summary span{
  color:#7b828c;
  font-size:11px;
}
body .user-detail-page__relation-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
body .user-detail-page__relation-head em{
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#17191d;
  color:#fff;
  font-style:normal;
  font-size:11px;
}
body .user-detail-page__dock{
  position:fixed;
  left:50%;
  bottom:calc(94px + env(safe-area-inset-bottom));
  transform:translateX(-50%);
  z-index:40;
  width:min(100vw,var(--mobile-shell-width));
  padding:0 14px;
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.16fr);
  gap:10px;
  pointer-events:none;
}
body .user-detail-page__dock>*{
  pointer-events:auto;
}
body .user-detail-page__dock-btn{
  min-height:54px;
  border:0;
  border-radius:20px;
  font:inherit;
  font-weight:800;
  box-shadow:0 16px 34px rgba(0,0,0,.18);
}
body .user-detail-page__dock-btn--secondary{
  background:rgba(255,255,255,.84);
  color:#17191d;
}
body .user-detail-page__dock-btn--primary{
  background:linear-gradient(135deg,#16191d,#2a313b);
  color:#fff;
}
body .user-detail-overlay .core-overlay{
  padding:18px;
}
body .user-detail-overlay .core-overlay__backdrop{
  background:rgba(4,6,10,.76);
  backdrop-filter:blur(16px);
}
body .user-detail-overlay .core-overlay__panel,
body .user-detail-overlay .core-overlay__panel--wide,
body .user-detail-overlay .core-overlay__panel--compact{
  width:min(100%,398px);
  max-height:min(78dvh,680px);
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,#15191e,#0f1216);
  box-shadow:0 28px 54px rgba(0,0,0,.42);
}
body .user-detail-overlay .core-overlay__head{
  padding:16px 16px 10px;
}
body .user-detail-overlay .core-overlay__title strong{
  color:#f5f7fa;
}
body .user-detail-overlay .core-overlay__title span{
  color:#aab2bd;
}
body .user-detail-overlay .core-overlay__body{
  padding:0 14px 14px;
}
body .user-detail-overlay .core-overlay__footer{
  padding:0 14px 14px;
}
body .user-detail-overlay__section{
  display:grid;
  gap:12px;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
}
body .user-detail-overlay__title{
  color:#eef2f7;
  font-size:13px;
  font-weight:700;
}
body .user-detail-overlay__metric-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
body .user-detail-overlay__metric-card,
body .user-detail-overlay__info-card,
body .user-detail-overlay__review-card{
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  display:grid;
  gap:4px;
}
body .user-detail-overlay__metric-card strong,
body .user-detail-overlay__info-card strong,
body .user-detail-overlay__review-head strong,
body .user-detail-overlay__toggle strong{
  color:#f5f7fa;
}
body .user-detail-overlay__metric-card span,
body .user-detail-overlay__info-card span,
body .user-detail-overlay__review-card span,
body .user-detail-overlay__toggle span{
  color:#aab2bd;
  font-size:12px;
}
body .user-detail-overlay__info-list,
body .user-detail-overlay__review-list{
  display:grid;
  gap:10px;
}
body .user-detail-overlay__form{
  display:grid;
  gap:12px;
}
body .user-detail-overlay__textarea{
  width:100%;
  min-height:110px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#eef2f7;
  font:inherit;
  resize:none;
}
body .user-detail-overlay__toggle{
  width:100%;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#eef2f7;
  font:inherit;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:left;
}
body .user-detail-overlay__toggle.active{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
}
body .user-detail-overlay__toggle em,
body .user-detail-overlay__review-head em{
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#f5f7fa;
  color:#101317;
  font-style:normal;
  font-size:11px;
  font-weight:700;
}
body .user-detail-overlay__submit-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
body .user-detail-overlay__review-card p{
  margin:0;
  color:#d1d7df;
  font-size:13px;
  line-height:1.7;
}
@media (max-width:640px){
  body .user-detail-page__hero{
    min-height:392px;
  }
  body .user-detail-page__hero-shell{
    min-height:392px;
    padding:14px 12px 0;
  }
  body .user-detail-page__summary-card,
  body .user-detail-page__sheet{
    padding-left:14px;
    padding-right:14px;
  }
  body .user-detail-page__summary-card{
    padding:16px;
    border-radius:28px 28px 0 0;
  }
  body .user-detail-page__summary-head{
    align-items:flex-start;
  }
  body .user-detail-page__name-row strong{
    font-size:26px;
  }
  body .user-detail-page__stat-row,
  body .user-detail-page__relation-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  body .user-detail-page__gallery-grid,
  body .user-detail-overlay__metric-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:420px){
  body .user-detail-page__stat-row,
  body .user-detail-page__relation-summary,
  body .user-detail-overlay__metric-grid,
  body .user-detail-overlay__submit-row{
    grid-template-columns:1fr;
  }
  body .user-detail-page__gallery-grid{
    grid-template-columns:1fr;
  }
  body .user-detail-page__dock{
    grid-template-columns:1fr 1fr;
    padding:0 12px;
  }
}
/* user-detail-refine-20260423e */
body.user-detail-page-active .app-shell,
body.user-detail-page-active .app-shell--mobile,
body.user-detail-page-active .app-shell--mobile .page-shell{
  background:linear-gradient(180deg,#090b0f,#131820 46%,#1b2028 100%);
}
body.user-detail-page-active .app-shell--mobile:before,
body.user-detail-page-active .app-shell--mobile:after{
  background:none!important;
}
body .user-detail-page.user-detail-page--revamp{
  min-height:100dvh;
  padding:0;
  background:linear-gradient(180deg,#090b10,#121821 42%,#0f141b 100%);
  display:grid;
  grid-template-rows:auto 1fr;
  gap:0;
}
body .user-detail-v2__cover{
  position:relative;
  min-height:352px;
  overflow:hidden;
  background:
    radial-gradient(circle at 16% 18%,rgba(118,138,160,.2),transparent 24%),
    radial-gradient(circle at 82% 12%,rgba(255,255,255,.08),transparent 18%),
    linear-gradient(180deg,#0b0f15,#141b24);
}
body .user-detail-v2__cover:before{
  content:"";
  position:absolute;
  right:-32px;
  top:58px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(148,166,188,.2),transparent 68%);
  pointer-events:none;
}
body .user-detail-v2__cover:after{
  content:"";
  position:absolute;
  right:-18%;
  bottom:-26%;
  width:72%;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%);
  filter:blur(10px);
  opacity:.44;
  pointer-events:none;
}
body .user-detail-v2__cover-media{
  position:absolute;
  inset:0;
  background-position:center center;
  background-size:cover;
  transform:scale(1.02);
  filter:saturate(1.04) contrast(1.02) brightness(1.02);
}
body .user-detail-v2__cover-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,10,14,.1),rgba(8,10,14,.12) 34%,rgba(8,10,14,.4) 66%,rgba(8,10,14,.08));
}
body .user-detail-v2__cover-media--fallback{
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.12),transparent 24%),
    radial-gradient(circle at 82% 12%,rgba(255,255,255,.08),transparent 20%),
    radial-gradient(circle at 50% 72%,rgba(109,127,148,.28),transparent 30%);
}
body .user-detail-v2__nav{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:16px 16px 0;
}
body .user-detail-v2__nav-right{
  display:flex;
  align-items:center;
  gap:10px;
}
body .user-detail-v2__nav-btn,
body .user-detail-v2__status-pill{
  min-height:40px;
  padding:0 12px;
  border-radius:999px;
  color:#fff;
  font:inherit;
}
body .user-detail-v2__nav-btn{
  min-width:auto;
  padding:0 4px;
  border:0;
  background:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  line-height:1;
  text-shadow:0 6px 18px rgba(0,0,0,.36);
}
body .user-detail-v2__nav-btn--menu{
  min-width:40px;
  padding:0 12px;
  border-radius:50%;
  background:rgba(8,12,18,.44);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(14px);
  font-size:22px;
}
body .user-detail-v2__status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:118px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(8,12,18,.44);
  backdrop-filter:blur(14px);
  font-size:13px;
  font-weight:700;
}
body .user-detail-v2__bubble{
  position:absolute;
  left:16px;
  right:auto;
  bottom:54px;
  z-index:2;
  max-width:min(78%,268px);
  min-height:0;
  padding:11px 18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(201,214,226,.88);
  color:#fff;
  backdrop-filter:blur(12px);
  box-shadow:0 16px 32px rgba(0,0,0,.16);
}
body .user-detail-v2__bubble strong{
  color:#fffdfd;
  font-size:16px;
  line-height:1.35;
  font-weight:700;
}
body .user-detail-v2__cover-tag-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body .user-detail-v2__cover-tag{
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.1);
  color:#f4f8fc;
  font-size:12px;
  font-style:normal;
}
body .user-detail-v2__sheet{
  position:relative;
  margin-top:-8px;
  min-height:calc(100dvh - 320px);
  padding:0 0 calc(188px + env(safe-area-inset-bottom));
  border-radius:30px 30px 0 0;
  background:linear-gradient(180deg,#ffffff,#fafafa 78%,#f8f8f8 100%);
  box-shadow:0 -12px 34px rgba(0,0,0,.18);
  display:grid;
  align-content:start;
}
body .user-detail-v2__badge-float{
  position:absolute;
  top:-26px;
  right:16px;
  z-index:3;
  min-width:132px;
  padding:10px 14px 10px 10px;
  border-radius:24px;
  background:rgba(255,255,255,.98);
  box-shadow:0 16px 34px rgba(25,31,42,.16);
  display:flex;
  align-items:center;
  gap:10px;
}
body .user-detail-v2__badge-orb{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#5d76ff,#8ca6ff);
  color:#fff;
  font-size:18px;
  box-shadow:0 14px 24px rgba(93,118,255,.24);
}
body .user-detail-v2__badge-float strong{
  display:block;
  color:#30333a;
  font-size:12px;
}
body .user-detail-v2__badge-float span{
  display:block;
  color:#6b71ff;
  font-size:18px;
  font-weight:800;
}
body .user-detail-v2__head{
  padding:34px 16px 0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:16px;
  align-items:end;
}
body .user-detail-v2__avatar-wrap{
  position:relative;
  z-index:2;
  margin-top:-44px;
}
body .user-detail-v2__avatar-wrap .sc-avatar--hero{
  width:96px;
  height:96px;
}
body .user-detail-v2__avatar-wrap .sc-avatar__media{
  border-radius:30px;
  background:linear-gradient(180deg,#fff8de,#f5e7bc);
  box-shadow:0 0 0 4px #fff,0 18px 36px rgba(30,24,10,.14);
}
body .user-detail-v2__avatar-wrap .sc-avatar--ring .sc-avatar__media{
  box-shadow:0 0 0 4px #fff,0 18px 36px rgba(30,24,10,.14);
}
body .user-detail-v2__avatar-wrap .sc-avatar__label{
  color:#d8b96b;
  font-size:28px;
  font-weight:800;
}
body .user-detail-v2__avatar-wrap .sc-avatar__online{
  right:6px;
  bottom:6px;
  width:20px;
  height:20px;
  border:3px solid #fff;
  background:#34dc72;
}
body .user-detail-v2__head-main{
  min-width:0;
  padding-top:22px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:end;
}
body .user-detail-v2__identity{
  min-width:0;
  display:grid;
  gap:8px;
}
body .user-detail-v2__identity strong{
  color:#111318;
  font-size:31px;
  line-height:1.02;
  font-weight:800;
  letter-spacing:-.04em;
}
body .user-detail-v2__identity span{
  color:#8d949f;
  font-size:13px;
}
body .user-detail-v2__stats{
  padding-bottom:2px;
  display:flex;
  gap:26px;
}
body .user-detail-v2__stat{
  display:grid;
  justify-items:center;
  gap:6px;
}
body .user-detail-v2__stat strong{
  color:#22252b;
  font-size:22px;
  font-weight:500;
}
body .user-detail-v2__stat span{
  color:#9ea4ae;
  font-size:14px;
}
body .user-detail-v2__badge-row{
  margin-top:20px;
  padding:0 16px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body .user-detail-v2__mini-badge{
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  font-size:12px;
  font-weight:700;
  color:#373b43;
  background:#f1eef6;
}
body .user-detail-v2__mini-badge--vip{
  background:#1f2026;
  color:#f8d66c;
}
body .user-detail-v2__mini-badge--accent{
  background:#ece8ff;
  color:#6057de;
}
body .user-detail-v2__mini-badge--soft{
  background:#eef6ff;
  color:#4b6ba8;
}
body .user-detail-v2__mini-badge--wall{
  background:linear-gradient(135deg,#f2e9ff,#ebe1ff);
  color:#7b54ee;
}
body .user-detail-v2__tag-row{
  padding:12px 16px 0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body .user-detail-v2__tag{
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#f6f6f8;
  color:#666d77;
  font-size:13px;
}
body .user-detail-v2__signal{
  padding:14px 16px 0;
  color:#8a919b;
  font-size:13px;
  line-height:1.6;
}
body .user-detail-v2__tabs{
  margin-top:16px;
  padding:0 16px;
  display:flex;
  align-items:center;
  gap:28px;
  border-bottom:1px solid rgba(17,19,24,.06);
}
body .user-detail-v2__tab{
  position:relative;
  min-height:46px;
  padding:0;
  border:0;
  background:transparent;
  color:#8b919b;
  font:inherit;
  font-size:15px;
  font-weight:500;
  display:inline-flex;
  align-items:center;
  gap:4px;
}
body .user-detail-v2__tab em{
  color:inherit;
  font-style:normal;
  font-size:14px;
}
body .user-detail-v2__tab.active{
  color:#171a1f;
  font-weight:800;
}
body .user-detail-v2__tab.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:#23262d;
}
body .user-detail-v2__timeline,
body .user-detail-v2__works-grid,
body .user-detail-v2__relations{
  padding:18px 16px 0;
}
body .user-detail-v2__timeline{
  display:grid;
  gap:18px;
}
body .user-detail-v2__timeline-item{
  display:grid;
  grid-template-columns:60px minmax(0,1fr);
  gap:14px;
  align-items:start;
}
body .user-detail-v2__timeline-date{
  padding-top:6px;
  display:grid;
  gap:2px;
  justify-items:start;
}
body .user-detail-v2__timeline-date strong{
  color:#1f2228;
  font-size:38px;
  line-height:.9;
  font-weight:800;
}
body .user-detail-v2__timeline-date span{
  color:#9aa1ab;
  font-size:14px;
}
body .user-detail-v2__timeline-card,
body .user-detail-v2__empty-card{
  padding:18px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 16px 34px rgba(18,22,30,.08);
  display:grid;
  gap:12px;
}
body .user-detail-v2__timeline-head{
  display:flex;
  align-items:center;
  gap:10px;
}
body .user-detail-v2__timeline-meta{
  min-width:0;
  display:grid;
  gap:3px;
}
body .user-detail-v2__timeline-meta strong,
body .user-detail-v2__empty-card strong{
  color:#171a1f;
}
body .user-detail-v2__timeline-meta span,
body .user-detail-v2__empty-card span{
  color:#9aa1ab;
  font-size:12px;
}
body .user-detail-v2__timeline-copy{
  margin:0;
  color:#30343c;
  font-size:15px;
  line-height:1.76;
}
body .user-detail-v2__timeline-image{
  border-radius:20px;
  overflow:hidden;
  background:#dfe3e8;
  aspect-ratio:1/1.18;
}
body .user-detail-v2__timeline-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
body .user-detail-v2__timeline-actions{
  display:flex;
  gap:16px;
  color:#9aa1ab;
  font-size:12px;
}
body .user-detail-v2__works-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
}
body .user-detail-v2__work-card{
  position:relative;
  min-height:174px;
  border-radius:8px;
  overflow:hidden;
  background:#dfe3e8;
  aspect-ratio:.76/1;
}
body .user-detail-v2__work-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
body .user-detail-v2__work-card:after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:58%;
  background:linear-gradient(180deg,rgba(8,10,14,0),rgba(8,10,14,.88));
  pointer-events:none;
}
body .user-detail-v2__work-card--fallback{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
body .user-detail-v2__work-mask{
  position:absolute;
  right:8px;
  bottom:8px;
  left:8px;
  z-index:1;
  display:grid;
  gap:2px;
}
body .user-detail-v2__work-mask strong{
  color:#fff;
  font-size:15px;
  line-height:1.2;
}
body .user-detail-v2__work-mask span{
  color:rgba(255,255,255,.72);
  font-size:11px;
}
body .user-detail-v2__relations{
  display:grid;
  gap:18px;
}
body .user-detail-v2__relation-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body .user-detail-v2__relation-card{
  position:relative;
  padding:18px 10px 16px;
  border-radius:22px;
  background:
    radial-gradient(circle at top center,rgba(255,255,255,.42),transparent 34%),
    linear-gradient(180deg,#ffeaf4,#ffd9ea 100%);
  border:2px solid #ff8fc0;
  box-shadow:0 16px 30px rgba(255,125,183,.14);
  display:grid;
  justify-items:center;
  gap:8px;
  text-align:center;
}
body .user-detail-v2__relation-crown{
  position:absolute;
  top:-10px;
  left:50%;
  transform:translateX(-50%);
  width:28px;
  height:20px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#ff5ca9;
  color:#fff;
  font-size:11px;
  box-shadow:0 8px 18px rgba(255,92,169,.24);
}
body .user-detail-v2__relation-avatar{
  margin-top:10px;
}
body .user-detail-v2__relation-card strong{
  color:#6b3051;
  font-size:15px;
  line-height:1.18;
}
body .user-detail-v2__relation-card span{
  min-height:26px;
  padding:0 12px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#ff6eaf;
  color:#fff;
  font-size:12px;
  font-weight:700;
}
body .user-detail-v2__relation-card em{
  color:#c17c9d;
  font-size:12px;
  font-style:normal;
}
body .user-detail-v2__relation-link{
  justify-self:center;
  min-height:36px;
  padding:0 6px;
  border:0;
  background:transparent;
  color:#9ea4ae;
  font:inherit;
  font-size:16px;
}
body .user-detail-v2__dock{
  position:fixed;
  left:50%;
  bottom:calc(74px + env(safe-area-inset-bottom));
  transform:translateX(-50%);
  z-index:48;
  width:min(100vw,var(--mobile-shell-width));
  padding:0 14px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  pointer-events:none;
}
body .user-detail-v2__dock>*{
  pointer-events:auto;
}
body .user-detail-v2__dock-btn{
  min-height:56px;
  border:0;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font:inherit;
  font-size:17px;
  font-weight:800;
  color:#fff;
  box-shadow:0 18px 34px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.16);
}
body .user-detail-v2__dock-btn--chat{
  background:linear-gradient(135deg,#8f67ff,#5c63ff);
}
body .user-detail-v2__dock-btn--follow{
  background:linear-gradient(135deg,#18d36a,#1fc56a);
}
body .user-detail-overlay .core-overlay__panel,
body .user-detail-overlay .core-overlay__panel--wide,
body .user-detail-overlay .core-overlay__panel--compact{
  width:min(100%,398px);
  border-radius:30px;
  background:linear-gradient(180deg,#171b20,#101318);
}
body .user-detail-overlay__action-list{
  display:grid;
  gap:10px;
}
body .user-detail-overlay__action-item{
  min-height:48px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.05);
  color:#eef2f7;
  font:inherit;
  font-weight:700;
}
body .user-detail-overlay__chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body .user-detail-overlay__chip{
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#eef2f7;
  font:inherit;
  font-size:12px;
}
body .user-detail-overlay__chip.active{
  background:#fff;
  color:#12161a;
}
@media (max-width:640px){
  body .user-detail-v2__cover{
    min-height:334px;
  }
  body .user-detail-v2__bubble{
    bottom:50px;
    padding:10px 16px;
  }
  body .user-detail-v2__sheet{
    min-height:calc(100dvh - 302px);
    padding-bottom:calc(184px + env(safe-area-inset-bottom));
  }
  body .user-detail-v2__head{
    padding:34px 14px 0;
    gap:12px;
  }
  body .user-detail-v2__head-main{
    padding-top:20px;
  }
  body .user-detail-v2__identity strong{
    font-size:28px;
  }
  body .user-detail-v2__stats{
    gap:18px;
  }
  body .user-detail-v2__badge-row,
  body .user-detail-v2__tag-row,
  body .user-detail-v2__signal,
  body .user-detail-v2__tabs{
    padding-left:14px;
    padding-right:14px;
  }
  body .user-detail-v2__tabs{
    gap:20px;
  }
  body .user-detail-v2__timeline,
  body .user-detail-v2__works-grid,
  body .user-detail-v2__relations{
    padding-left:14px;
    padding-right:14px;
  }
  body .user-detail-v2__relation-row{
    gap:10px;
  }
}
@media (max-width:420px){
  body .user-detail-v2__head{
    padding:30px 12px 0;
    gap:10px;
  }
  body .user-detail-v2__cover{
    min-height:314px;
  }
  body .user-detail-v2__bubble{
    left:12px;
    right:auto;
    bottom:46px;
    max-width:268px;
    padding:10px 16px;
  }
  body .user-detail-v2__badge-float{
    top:-22px;
    right:12px;
  }
  body .user-detail-v2__avatar-wrap .sc-avatar--hero{
    width:88px;
    height:88px;
  }
  body .user-detail-v2__head-main{
    padding-top:16px;
    gap:10px;
  }
  body .user-detail-v2__stats{
    gap:14px;
  }
  body .user-detail-v2__timeline-item{
    grid-template-columns:52px minmax(0,1fr);
    gap:10px;
  }
  body .user-detail-v2__timeline-date strong{
    font-size:32px;
  }
  body .user-detail-v2__dock{
    padding:0 12px;
    gap:10px;
  }
}
/* user-detail-refine-20260423h */
body.user-detail-page-active .app-shell,
body.user-detail-page-active .app-shell--mobile,
body.user-detail-page-active .app-shell--mobile .page-shell{
  background:linear-gradient(180deg,#050608,#0b0f14 42%,#10151b 100%);
}
body.user-detail-page-active .app-shell--mobile:before,
body.user-detail-page-active .app-shell--mobile:after{
  background:none!important;
}
body .user-detail-page.user-detail-page--v3{
  min-height:100dvh;
  padding:0;
  background:linear-gradient(180deg,#050608,#0b1015 46%,#0f141a 100%);
  display:block;
}
body .user-detail-v3{
  min-height:100dvh;
  display:grid;
  align-content:start;
}
body .user-detail-v3__hero{
  position:relative;
  min-height:312px;
  padding:16px 16px 0;
  overflow:hidden;
  background:linear-gradient(180deg,#0b1016,#121821);
}
body .user-detail-v3__hero:before{
  content:"";
  position:absolute;
  left:-16%;
  bottom:18%;
  width:54%;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);
  filter:blur(8px);
  pointer-events:none;
}
body .user-detail-v3__hero:after{
  content:"";
  position:absolute;
  right:-12%;
  top:8%;
  width:42%;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.12),transparent 72%);
  filter:blur(10px);
  pointer-events:none;
}
body .user-detail-v3__hero-media,
body .user-detail-v3__hero-shade{
  position:absolute;
  inset:0;
}
body .user-detail-v3__hero-media{
  background-position:center;
  background-size:cover;
  transform:scale(1.03);
  filter:saturate(1.05) contrast(1.02);
}
body .user-detail-v3__hero-media--fallback{
  background:
    radial-gradient(circle at 18% 16%,rgba(255,255,255,.18),transparent 24%),
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.12),transparent 22%),
    linear-gradient(160deg,#1f2832,#11161d 62%,#0d1116);
}
body .user-detail-v3__hero-shade{
  background:
    linear-gradient(180deg,rgba(7,10,14,.1),rgba(7,10,14,.26) 24%,rgba(7,10,14,.5) 68%,rgba(7,10,14,.08)),
    linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.2));
}
body .user-detail-v3__nav{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
body .user-detail-v3__nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
body .user-detail-v3__nav-btn{
  min-width:42px;
  min-height:42px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(8,12,18,.32);
  color:#fff;
  font:inherit;
  font-size:20px;
  backdrop-filter:blur(12px);
  box-shadow:0 10px 22px rgba(0,0,0,.14);
}
body .user-detail-v3__nav-btn--back{
  width:42px;
  padding:0;
  font-size:34px;
  line-height:1;
}
body .user-detail-v3__quote{
  position:absolute;
  left:18px;
  bottom:72px;
  z-index:2;
  width:min(74%,260px);
  padding:12px 16px 14px;
  border-radius:24px 24px 24px 10px;
  background:rgba(244,247,251,.86);
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 18px 34px rgba(16,20,28,.16);
  backdrop-filter:blur(16px);
  display:grid;
  gap:6px;
}
body .user-detail-v3__quote span{
  color:#7f8897;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body .user-detail-v3__quote strong{
  color:#121722;
  font-size:15px;
  line-height:1.55;
  font-weight:700;
}
body .user-detail-v3__sheet{
  position:relative;
  z-index:6;
  margin-top:-76px;
  min-height:calc(100dvh - 236px);
  padding:26px 0 calc(128px + env(safe-area-inset-bottom));
  border-radius:34px 34px 0 0;
  background:#fff;
  box-shadow:0 -20px 44px rgba(7,10,14,.24);
  overflow:visible;
}
body .user-detail-v3__sheet:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  background:linear-gradient(180deg,#fff,#fbfbfd 100%);
}
body .user-detail-v3__gift-wall{
  position:absolute;
  top:22px;
  right:18px;
  z-index:4;
  min-width:136px;
  padding:10px 12px 10px 10px;
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 36px rgba(18,24,34,.14);
  display:flex;
  align-items:center;
  gap:10px;
}
body .user-detail-v3__gift-orb{
  width:42px;
  height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#7f6cff,#b4bcff);
  color:#fff;
  font-size:18px;
  box-shadow:0 12px 24px rgba(108,95,255,.26);
}
body .user-detail-v3__gift-copy{
  display:grid;
  gap:3px;
}
body .user-detail-v3__gift-copy strong{
  color:#21262d;
  font-size:12px;
}
body .user-detail-v3__gift-copy span{
  color:#6860ff;
  font-size:18px;
  font-weight:800;
  line-height:1;
}
body .user-detail-v3__profile{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
  padding:0 18px;
}
body .user-detail-v3__avatar{
  position:relative;
  z-index:3;
  margin-top:-88px;
}
body .user-detail-v3__avatar .sc-avatar--hero{
  width:104px;
  height:104px;
}
body .user-detail-v3__avatar .sc-avatar__media,
body .user-detail-v3__avatar .sc-avatar--ring .sc-avatar__media{
  border-radius:32px;
  background:linear-gradient(180deg,#fff6de,#f4e1b3);
  box-shadow:0 0 0 5px #fff,0 18px 34px rgba(20,24,32,.16);
}
body .user-detail-v3__avatar .sc-avatar__label{
  color:#d0ad53;
  font-size:28px;
  font-weight:800;
}
body .user-detail-v3__avatar .sc-avatar__online{
  right:6px;
  bottom:6px;
  width:20px;
  height:20px;
  border:3px solid #fff;
  background:#2fd26c;
}
body .user-detail-v3__identity{
  min-width:0;
  padding-top:18px;
  display:grid;
  gap:8px;
}
body .user-detail-v3__name-row{
  display:flex;
  align-items:center;
  gap:10px;
}
body .user-detail-v3__name-row strong{
  color:#0e1218;
  font-size:30px;
  line-height:1.04;
  font-weight:800;
  letter-spacing:-.04em;
}
body .user-detail-v3__name-row em{
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#181c23;
  color:#f3d37b;
  font-style:normal;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
body .user-detail-v3__profile-no{
  color:#8e95a1;
  font-size:13px;
}
body .user-detail-v3__meta-line{
  color:#6d7480;
  font-size:13px;
}
body .user-detail-v3__stats{
  min-width:88px;
  padding:12px 12px 10px;
  border-radius:24px;
  background:#f5f6fa;
  display:grid;
  gap:10px;
  box-shadow:inset 0 0 0 1px rgba(17,19,24,.04);
}
body .user-detail-v3__stat{
  display:grid;
  justify-items:center;
  gap:4px;
}
body .user-detail-v3__stat + .user-detail-v3__stat{
  padding-top:10px;
  border-top:1px solid rgba(17,19,24,.06);
}
body .user-detail-v3__stat strong{
  color:#14181e;
  font-size:20px;
  font-weight:800;
  line-height:1;
}
body .user-detail-v3__stat span{
  color:#8a909a;
  font-size:12px;
}
body .user-detail-v3__hero-tags,
body .user-detail-v3__badge-row{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0 18px;
}
body .user-detail-v3__hero-tags{
  margin-top:16px;
}
body .user-detail-v3__hero-tag{
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#f3f5f8;
  color:#5f6671;
  font-size:12px;
  font-weight:700;
}
body .user-detail-v3__badge-row{
  margin-top:10px;
}
body .user-detail-v3__badge{
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  font-size:12px;
  font-weight:700;
}
body .user-detail-v3__badge--vip{
  background:#161a20;
  color:#efcd71;
}
body .user-detail-v3__badge--accent{
  background:#f0edff;
  color:#6356e9;
}
body .user-detail-v3__badge--soft{
  background:#eef5fb;
  color:#4a6785;
}
body .user-detail-v3__badge--wall{
  background:#f6eefc;
  color:#8b55da;
}
body .user-detail-v3__intro-card{
  position:relative;
  z-index:1;
  margin:16px 18px 0;
  padding:18px 18px 16px;
  border-radius:28px;
  background:#f8f8fb;
  box-shadow:inset 0 0 0 1px rgba(17,19,24,.04);
  display:grid;
  gap:14px;
}
body .user-detail-v3__intro-copy{
  margin:0;
  color:#262c34;
  font-size:15px;
  line-height:1.72;
}
body .user-detail-v3__tag-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body .user-detail-v3__tag{
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#fff;
  color:#666e79;
  font-size:12px;
  box-shadow:inset 0 0 0 1px rgba(17,19,24,.06);
}
body .user-detail-v3__signal{
  color:#8e95a1;
  font-size:12px;
  line-height:1.7;
}
body .user-detail-v3__micro-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
body .user-detail-v3__micro-btn{
  min-height:34px;
  padding:0 14px;
  border:0;
  border-radius:999px;
  background:#eceef3;
  color:#262c34;
  font:inherit;
  font-size:12px;
  font-weight:700;
}
body .user-detail-v3__tabs{
  position:relative;
  z-index:1;
  margin-top:22px;
  padding:0 18px;
  border-top:1px solid rgba(17,19,24,.06);
  border-bottom:1px solid rgba(17,19,24,.06);
  display:flex;
  align-items:center;
  gap:28px;
}
body .user-detail-v3__tab{
  position:relative;
  min-height:52px;
  padding:0;
  border:0;
  background:transparent;
  color:#8f96a1;
  font:inherit;
  font-size:16px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
body .user-detail-v3__tab em{
  min-width:20px;
  min-height:20px;
  padding:0 6px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#f0f2f6;
  color:inherit;
  font-style:normal;
  font-size:11px;
  font-weight:700;
}
body .user-detail-v3__tab.active{
  color:#12161c;
}
body .user-detail-v3__tab.active em{
  background:#12161c;
  color:#fff;
}
body .user-detail-v3__tab.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:3px;
  border-radius:999px;
  background:#11161c;
}
body .user-detail-v3__tab-panel{
  position:relative;
  z-index:1;
  padding:20px 18px 0;
}
body .user-detail-v3__timeline{
  display:grid;
  gap:24px;
}
body .user-detail-v3__timeline-item{
  position:relative;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:14px;
  align-items:start;
}
body .user-detail-v3__timeline-item:not(:last-child):after{
  content:"";
  position:absolute;
  left:35px;
  top:58px;
  bottom:-24px;
  width:1px;
  background:linear-gradient(180deg,rgba(17,19,24,.12),rgba(17,19,24,0));
}
body .user-detail-v3__timeline-date{
  position:relative;
  z-index:1;
  padding-top:4px;
  display:grid;
  gap:3px;
  justify-items:start;
}
body .user-detail-v3__timeline-date strong{
  color:#151a21;
  font-size:34px;
  line-height:.9;
  font-weight:800;
}
body .user-detail-v3__timeline-date span{
  color:#9aa1ab;
  font-size:13px;
  font-weight:700;
}
body .user-detail-v3__timeline-date em{
  color:#b0b6c0;
  font-size:11px;
  font-style:normal;
}
body .user-detail-v3__post-card,
body .user-detail-v3__empty-card{
  padding:16px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 16px 34px rgba(16,20,28,.08);
  display:grid;
  gap:12px;
}
body .user-detail-v3__post-head{
  display:flex;
  align-items:center;
  gap:10px;
}
body .user-detail-v3__post-meta{
  min-width:0;
  display:grid;
  gap:4px;
}
body .user-detail-v3__post-meta strong,
body .user-detail-v3__empty-card strong{
  color:#14181e;
  font-size:15px;
}
body .user-detail-v3__post-meta span,
body .user-detail-v3__empty-card span{
  color:#9aa1ab;
  font-size:12px;
}
body .user-detail-v3__post-copy{
  margin:0;
  color:#2b3139;
  font-size:14px;
  line-height:1.82;
}
body .user-detail-v3__post-image{
  overflow:hidden;
  border-radius:22px;
  background:#edf1f5;
  aspect-ratio:1/1.16;
}
body .user-detail-v3__post-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
body .user-detail-v3__post-footer{
  display:flex;
  gap:18px;
  color:#9ba2ad;
  font-size:12px;
}
body .user-detail-v3__works-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
body .user-detail-v3__work-card{
  position:relative;
  overflow:hidden;
  min-height:174px;
  border-radius:12px;
  background:#e6eaf0;
  aspect-ratio:.74/1;
}
body .user-detail-v3__work-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
body .user-detail-v3__work-card:after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:58%;
  background:linear-gradient(180deg,rgba(9,12,16,0),rgba(9,12,16,.86));
  pointer-events:none;
}
body .user-detail-v3__work-card--fallback{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
body .user-detail-v3__work-mask{
  position:absolute;
  right:8px;
  bottom:8px;
  left:8px;
  z-index:1;
  display:grid;
  gap:3px;
}
body .user-detail-v3__work-mask strong{
  color:#fff;
  font-size:13px;
  line-height:1.32;
}
body .user-detail-v3__work-mask span{
  color:rgba(255,255,255,.72);
  font-size:11px;
}
body .user-detail-v3__relations{
  display:grid;
  gap:18px;
}
body .user-detail-v3__relation-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body .user-detail-v3__relation-card{
  position:relative;
  padding:18px 10px 16px;
  border-radius:26px;
  background:
    radial-gradient(circle at top center,rgba(255,255,255,.46),transparent 34%),
    linear-gradient(180deg,#ffeef6,#ffd8ea 100%);
  border:1px solid rgba(255,126,182,.44);
  box-shadow:0 16px 30px rgba(255,132,184,.18);
  display:grid;
  justify-items:center;
  gap:8px;
  text-align:center;
}
body .user-detail-v3__relation-ribbon{
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#ff67aa;
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
}
body .user-detail-v3__relation-avatar{
  margin-top:4px;
}
body .user-detail-v3__relation-card strong{
  color:#702d55;
  font-size:15px;
  line-height:1.2;
}
body .user-detail-v3__relation-card span{
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#fff;
  color:#f85fa3;
  font-size:11px;
  font-weight:800;
}
body .user-detail-v3__relation-card em{
  color:#c5779c;
  font-size:12px;
  font-style:normal;
  line-height:1.5;
}
body .user-detail-v3__relation-link{
  justify-self:center;
  min-height:38px;
  padding:0 4px;
  border:0;
  background:transparent;
  color:#7f8792;
  font:inherit;
  font-size:15px;
  font-weight:700;
}
body .user-detail-v3__dock{
  position:fixed;
  left:50%;
  bottom:calc(14px + env(safe-area-inset-bottom));
  transform:translateX(-50%);
  z-index:48;
  width:min(calc(100vw - 24px),calc(var(--mobile-shell-width) - 24px));
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  pointer-events:none;
}
body .user-detail-v3__dock>*{
  pointer-events:auto;
}
body .user-detail-v3__dock-btn{
  min-height:56px;
  border:0;
  border-radius:999px;
  font:inherit;
  font-size:16px;
  font-weight:800;
  box-shadow:0 18px 34px rgba(7,10,14,.18);
}
body .user-detail-v3__dock-btn--chat{
  background:#fff;
  color:#12161c;
}
body .user-detail-v3__dock-btn--follow{
  background:linear-gradient(135deg,#1a1f27,#2b313a);
  color:#fff;
}
@media (max-width:640px){
  body .user-detail-v3__hero{
    min-height:300px;
    padding-left:14px;
    padding-right:14px;
  }
  body .user-detail-v3__quote{
    left:14px;
    bottom:66px;
    width:min(76%,244px);
  }
  body .user-detail-v3__sheet{
    margin-top:-68px;
    min-height:calc(100dvh - 224px);
    padding-bottom:calc(126px + env(safe-area-inset-bottom));
    border-radius:30px 30px 0 0;
  }
  body .user-detail-v3__gift-wall,
  body .user-detail-v3__profile,
  body .user-detail-v3__hero-tags,
  body .user-detail-v3__badge-row,
  body .user-detail-v3__tabs,
  body .user-detail-v3__tab-panel{
    padding-left:14px;
    padding-right:14px;
  }
  body .user-detail-v3__intro-card{
    margin-left:14px;
    margin-right:14px;
  }
  body .user-detail-v3__tabs{
    gap:22px;
  }
  body .user-detail-v3__relation-row{
    gap:10px;
  }
}
@media (max-width:420px){
  body .user-detail-v3__hero{
    min-height:284px;
    padding-left:12px;
    padding-right:12px;
  }
  body .user-detail-v3__nav-btn{
    min-width:38px;
    min-height:38px;
  }
  body .user-detail-v3__nav-btn--back{
    width:38px;
    font-size:30px;
  }
  body .user-detail-v3__quote{
    left:12px;
    bottom:60px;
    padding:10px 14px 12px;
  }
  body .user-detail-v3__gift-wall{
    top:20px;
    right:12px;
    min-width:126px;
  }
  body .user-detail-v3__profile{
    grid-template-columns:auto minmax(0,1fr);
    gap:10px 12px;
    align-items:end;
  }
  body .user-detail-v3__avatar{
    margin-top:-80px;
  }
  body .user-detail-v3__avatar .sc-avatar--hero{
    width:92px;
    height:92px;
  }
  body .user-detail-v3__identity{
    padding-top:12px;
  }
  body .user-detail-v3__name-row strong{
    font-size:26px;
  }
  body .user-detail-v3__stats{
    grid-column:1/-1;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    min-width:0;
    margin-top:4px;
  }
  body .user-detail-v3__stat + .user-detail-v3__stat{
    padding-top:0;
    border-top:0;
    border-left:1px solid rgba(17,19,24,.06);
  }
  body .user-detail-v3__tabs{
    gap:18px;
  }
  body .user-detail-v3__sheet{
    margin-top:-60px;
    min-height:calc(100dvh - 212px);
  }
  body .user-detail-v3__timeline-item{
    grid-template-columns:60px minmax(0,1fr);
    gap:10px;
  }
  body .user-detail-v3__timeline-item:not(:last-child):after{
    left:29px;
  }
  body .user-detail-v3__timeline-date strong{
    font-size:30px;
  }
  body .user-detail-v3__relation-row{
    grid-template-columns:1fr;
  }
  body .user-detail-v3__dock{
    width:min(calc(100vw - 20px),calc(var(--mobile-shell-width) - 20px));
    gap:10px;
  }
}
/* user-detail-hotfix-20260423l */
body .user-detail-v3__hero{
  min-height:252px;
  padding-top:14px;
}
body .user-detail-v3__quote{
  bottom:34px;
  width:min(68%,228px);
  padding:10px 14px 12px;
}
body .user-detail-v3__quote strong{
  font-size:14px;
  line-height:1.5;
}
body .user-detail-v3__sheet{
  margin-top:-46px;
  min-height:calc(100dvh - 198px);
  padding-top:18px;
  padding-bottom:calc(146px + env(safe-area-inset-bottom));
}
body .user-detail-v3__profile{
  grid-template-columns:auto minmax(0,1fr) minmax(104px,118px);
  gap:12px;
  align-items:start;
}
body .user-detail-v3__avatar{
  margin-top:-62px;
}
body .user-detail-v3__identity{
  padding-top:10px;
  gap:6px;
}
body .user-detail-v3__name-row strong{
  font-size:28px;
}
body .user-detail-v3__aside{
  min-width:0;
  display:grid;
  gap:10px;
}
body .user-detail-v3__gift-wall{
  position:static;
  top:auto;
  right:auto;
  min-width:0;
  width:100%;
  padding:10px 12px 10px 10px;
  border-radius:20px;
}
body .user-detail-v3__gift-orb{
  width:38px;
  height:38px;
  border-radius:14px;
}
body .user-detail-v3__gift-copy span{
  font-size:17px;
}
body .user-detail-v3__stats{
  width:100%;
  min-width:0;
  padding:10px 12px;
}
body .user-detail-v3__hero-tags{
  margin-top:14px;
}
body .user-detail-v3__intro-card{
  margin-top:14px;
  gap:12px;
}
body .user-detail-v3__intro-copy{
  font-size:14px;
  line-height:1.66;
}
body .user-detail-v3__signal{
  font-size:12px;
}
body .user-detail-v3__dock{
  bottom:calc(10px + env(safe-area-inset-bottom));
  width:min(calc(100vw - 16px),calc(var(--mobile-shell-width) - 16px));
  padding:8px;
  gap:8px;
  border-radius:30px;
  background:rgba(244,246,249,.84);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 42px rgba(7,10,14,.16);
}
body .user-detail-v3__dock-btn{
  min-height:52px;
  box-shadow:none;
}
body .user-detail-overlay .core-overlay__panel,
body .user-detail-overlay .core-overlay__panel--wide,
body .user-detail-overlay .core-overlay__panel--compact{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
}
body .user-detail-overlay .core-overlay__body{
  overflow:auto;
  padding:0 14px 16px;
}
body .user-detail-overlay .core-overlay__footer{
  padding:0 14px calc(14px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(15,18,22,0),#0f1216 24%);
}
body .user-detail-overlay--review .core-overlay__panel,
body .user-detail-overlay--review .core-overlay__panel--wide{
  width:min(100%,420px);
  max-height:min(86dvh,760px);
}
body .user-detail-overlay__submit-row{
  position:sticky;
  bottom:0;
  padding-top:6px;
  background:linear-gradient(180deg,rgba(15,18,22,0),#0f1216 26%);
}
@media (max-width:640px){
  body .user-detail-v3__hero{
    min-height:238px;
  }
  body .user-detail-v3__quote{
    bottom:28px;
    width:min(70%,218px);
  }
  body .user-detail-v3__sheet{
    margin-top:-40px;
    min-height:calc(100dvh - 186px);
    padding-top:16px;
  }
}
@media (max-width:420px){
  body .user-detail-v3__hero{
    min-height:224px;
  }
  body .user-detail-v3__quote{
    bottom:24px;
    width:min(72%,206px);
  }
  body .user-detail-v3__profile{
    grid-template-columns:auto minmax(0,1fr);
    gap:10px 12px;
  }
  body .user-detail-v3__avatar{
    margin-top:-50px;
  }
  body .user-detail-v3__avatar .sc-avatar--hero{
    width:88px;
    height:88px;
  }
  body .user-detail-v3__identity{
    padding-top:8px;
  }
  body .user-detail-v3__name-row strong{
    font-size:25px;
  }
  body .user-detail-v3__aside{
    grid-column:1/-1;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  body .user-detail-v3__stats{
    margin-top:0;
  }
  body .user-detail-v3__dock{
    width:min(calc(100vw - 14px),calc(var(--mobile-shell-width) - 14px));
    padding:6px;
    gap:6px;
  }
  body .user-detail-v3__dock-btn{
    min-height:50px;
    font-size:15px;
  }
  body .user-detail-overlay .core-overlay__body{
    padding:0 12px 14px;
  }
  body .user-detail-overlay--review .core-overlay__panel,
  body .user-detail-overlay--review .core-overlay__panel--wide{
    width:min(100%,392px);
    max-height:min(82dvh,720px);
  }
}
/* user-detail-head-redesign-20260423m */
body .user-detail-v3__hero{
  min-height:344px;
  padding:18px 18px 0;
}
body .user-detail-v3__hero-media{
  transform:none;
  filter:saturate(1.04) contrast(1.02);
}
body .user-detail-v3__hero-shade{
  background:
    linear-gradient(180deg,rgba(6,8,12,.12),rgba(6,8,12,.26) 26%,rgba(6,8,12,.34) 62%,rgba(6,8,12,.08)),
    linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.12));
}
body .user-detail-v3__nav{
  align-items:flex-start;
}
body .user-detail-v3__nav-actions{
  gap:12px;
}
body .user-detail-v3__hero-pill{
  min-height:42px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  background:rgba(8,11,18,.82);
  color:#fff;
  font:inherit;
  font-size:15px;
  font-weight:700;
  backdrop-filter:blur(12px);
  box-shadow:0 16px 28px rgba(0,0,0,.22);
}
body .user-detail-v3__quote{
  left:22px;
  bottom:72px;
  width:min(70%,304px);
  min-height:56px;
  padding:14px 22px;
  border-radius:22px;
  background:rgba(199,212,229,.84);
  border:0;
  box-shadow:0 14px 28px rgba(15,20,28,.14);
  display:flex;
  align-items:center;
}
body .user-detail-v3__quote strong{
  color:#fff;
  font-size:18px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:0;
}
body .user-detail-v3__sheet{
  margin-top:-22px;
  min-height:calc(100dvh - 302px);
  padding-top:0;
  padding-bottom:calc(144px + env(safe-area-inset-bottom));
  border-radius:36px 36px 0 0;
  box-shadow:0 -18px 38px rgba(7,10,14,.16);
}
body .user-detail-v3__profile{
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:end;
  gap:14px;
  padding:0 18px;
}
body .user-detail-v3__avatar{
  margin-top:-58px;
}
body .user-detail-v3__avatar .sc-avatar--hero{
  width:108px;
  height:108px;
}
body .user-detail-v3__identity{
  padding-top:66px;
  gap:7px;
}
body .user-detail-v3__name-row strong{
  font-size:34px;
  line-height:1;
}
body .user-detail-v3__profile-no{
  font-size:14px;
}
body .user-detail-v3__meta-line{
  font-size:15px;
}
body .user-detail-v3__gift-wall{
  position:absolute;
  top:18px;
  right:18px;
  z-index:4;
  min-width:156px;
  padding:12px 14px 12px 12px;
  border-radius:24px;
  background:rgba(255,255,255,.98);
  box-shadow:0 20px 36px rgba(17,20,28,.12);
}
body .user-detail-v3__gift-orb{
  width:46px;
  height:46px;
  border-radius:18px;
}
body .user-detail-v3__gift-copy strong{
  font-size:13px;
}
body .user-detail-v3__gift-copy span{
  font-size:22px;
}
body .user-detail-v3__stats{
  padding-top:78px;
  min-width:148px;
  background:transparent;
  box-shadow:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(52px,auto));
  justify-content:end;
  gap:22px;
}
body .user-detail-v3__stat{
  gap:6px;
}
body .user-detail-v3__stat + .user-detail-v3__stat{
  padding-top:0;
  border-top:0;
}
body .user-detail-v3__stat strong{
  font-size:28px;
}
body .user-detail-v3__stat span{
  font-size:14px;
}
body .user-detail-v3__badge-row{
  margin-top:18px;
  gap:10px;
  padding:0 18px;
}
body .user-detail-v3__badge{
  min-height:30px;
  padding:0 14px;
  font-size:13px;
}
body .user-detail-v3__hero-tags{
  margin-top:14px;
  gap:10px;
  padding:0 18px;
}
body .user-detail-v3__hero-tag{
  min-height:38px;
  padding:0 16px;
  font-size:14px;
  background:#f6f7fb;
  color:#5f6570;
}
body .user-detail-v3__tag-row{
  margin-top:12px;
  padding:0 18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body .user-detail-v3__tag{
  min-height:38px;
  padding:0 16px;
  font-size:14px;
  background:#f6f7fb;
  color:#5f6570;
}
body .user-detail-v3__signal-bar{
  margin-top:14px;
  padding:0 18px 18px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#a7adb8;
  font-size:14px;
  line-height:1.7;
}
body .user-detail-v3__signal-icon{
  flex:0 0 auto;
  color:#5b6069;
  font-size:15px;
}
body .user-detail-v3__signal-copy{
  min-width:0;
}
body .user-detail-v3__tabs{
  margin-top:0;
  padding:0 18px;
  gap:36px;
  border-top:0;
}
body .user-detail-v3__tab{
  min-height:56px;
  font-size:18px;
  color:#9ba1ab;
}
body .user-detail-v3__tab.active{
  color:#171b22;
}
body .user-detail-v3__tab em{
  min-width:auto;
  min-height:auto;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#a7adb8;
  font-size:16px;
  font-weight:500;
}
body .user-detail-v3__tab.active em{
  background:transparent;
  color:#171b22;
}
body .user-detail-v3__tab-panel{
  padding-top:18px;
}
@media (max-width:640px){
  body .user-detail-v3__hero{
    min-height:326px;
    padding-left:16px;
    padding-right:16px;
  }
  body .user-detail-v3__quote{
    left:18px;
    bottom:66px;
    width:min(72%,272px);
    padding:13px 18px;
  }
  body .user-detail-v3__sheet{
    margin-top:-18px;
    min-height:calc(100dvh - 288px);
  }
  body .user-detail-v3__gift-wall,
  body .user-detail-v3__profile,
  body .user-detail-v3__badge-row,
  body .user-detail-v3__hero-tags,
  body .user-detail-v3__tag-row,
  body .user-detail-v3__signal-bar,
  body .user-detail-v3__tabs,
  body .user-detail-v3__tab-panel{
    padding-left:16px;
    padding-right:16px;
  }
  body .user-detail-v3__gift-wall{
    right:16px;
  }
  body .user-detail-v3__stats{
    min-width:132px;
    gap:18px;
  }
}
@media (max-width:420px){
  body .user-detail-v3__hero{
    min-height:298px;
    padding-left:12px;
    padding-right:12px;
  }
  body .user-detail-v3__hero-pill{
    min-height:38px;
    padding:0 14px;
    font-size:14px;
  }
  body .user-detail-v3__quote{
    left:14px;
    bottom:58px;
    width:min(72%,232px);
    min-height:52px;
    padding:12px 16px;
  }
  body .user-detail-v3__quote strong{
    font-size:16px;
  }
  body .user-detail-v3__sheet{
    margin-top:-14px;
    min-height:calc(100dvh - 266px);
    border-radius:32px 32px 0 0;
  }
  body .user-detail-v3__profile{
    grid-template-columns:auto minmax(0,1fr);
    gap:12px 10px;
    padding:0 14px;
  }
  body .user-detail-v3__avatar{
    margin-top:-52px;
  }
  body .user-detail-v3__avatar .sc-avatar--hero{
    width:94px;
    height:94px;
  }
  body .user-detail-v3__identity{
    padding-top:60px;
  }
  body .user-detail-v3__name-row strong{
    font-size:28px;
  }
  body .user-detail-v3__gift-wall{
    top:14px;
    right:14px;
    min-width:142px;
    padding:10px 12px;
  }
  body .user-detail-v3__stats{
    grid-column:1/-1;
    padding-top:8px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    justify-content:start;
    gap:0;
    min-width:0;
  }
  body .user-detail-v3__stat + .user-detail-v3__stat{
    border-left:1px solid rgba(17,19,24,.08);
  }
  body .user-detail-v3__stat strong{
    font-size:24px;
  }
  body .user-detail-v3__badge-row,
  body .user-detail-v3__hero-tags,
  body .user-detail-v3__tag-row,
  body .user-detail-v3__signal-bar,
  body .user-detail-v3__tabs,
  body .user-detail-v3__tab-panel{
    padding-left:14px;
    padding-right:14px;
  }
  body .user-detail-v3__tabs{
    gap:28px;
  }
  body .user-detail-v3__tab{
    font-size:17px;
  }
  body .user-detail-v3__tab em{
    font-size:15px;
  }
}
/* user-detail-head-polish-20260423n */
body .user-detail-v3__sheet{
  padding-top:18px;
}
body .user-detail-v3__gift-wall{
  top:-18px;
  right:18px;
  width:auto;
  max-width:176px;
  min-width:0;
  padding:10px 12px 10px 10px;
}
body .user-detail-v3__profile{
  padding-top:10px;
}
body .user-detail-v3__identity{
  padding-top:52px;
}
body .user-detail-v3__name-row strong{
  font-size:30px;
}
body .user-detail-v3__stats{
  min-width:120px;
  padding-top:52px;
  gap:16px;
}
body .user-detail-v3__stat strong{
  font-size:26px;
}
body .user-detail-v3__badge-row{
  margin-top:14px;
}
body .user-detail-v3__tag-row{
  margin-top:10px;
}
body .user-detail-v3__signal-bar{
  margin-top:10px;
  padding-bottom:14px;
}
@media (max-width:640px){
  body .user-detail-v3__sheet{
    padding-top:16px;
  }
  body .user-detail-v3__gift-wall{
    top:-14px;
    right:16px;
    max-width:164px;
  }
  body .user-detail-v3__profile{
    padding-top:8px;
  }
  body .user-detail-v3__identity{
    padding-top:48px;
  }
  body .user-detail-v3__stats{
    min-width:112px;
    padding-top:50px;
    gap:14px;
  }
  body .user-detail-v3__name-row strong{
    font-size:28px;
  }
}
@media (max-width:420px){
  body .user-detail-v3__sheet{
    padding-top:14px;
  }
  body .user-detail-v3__gift-wall{
    top:-12px;
    right:14px;
    max-width:154px;
  }
  body .user-detail-v3__profile{
    padding-top:4px;
  }
  body .user-detail-v3__identity{
    padding-top:44px;
  }
  body .user-detail-v3__name-row strong{
    font-size:24px;
  }
  body .user-detail-v3__meta-line,
  body .user-detail-v3__profile-no{
    font-size:12px;
  }
  body .user-detail-v3__stats{
    padding-top:6px;
    min-width:0;
    gap:0;
  }
  body .user-detail-v3__stat strong{
    font-size:22px;
  }
}
/* user-detail-head-refit-20260423o */
body .user-detail-v3__hero{
  min-height:336px;
  padding:16px 18px 0;
}
body .user-detail-v3__quote{
  left:18px;
  bottom:70px;
  width:min(68%,258px);
  min-height:54px;
  padding:12px 18px;
  border-radius:22px 22px 22px 12px;
}
body .user-detail-v3__quote strong{
  font-size:16px;
  line-height:1.46;
}
body .user-detail-v3__sheet{
  margin-top:-28px;
  min-height:calc(100dvh - 294px);
  padding-top:28px;
  border-radius:34px 34px 0 0;
}
body .user-detail-v3__gift-wall{
  top:-22px;
  right:18px;
  max-width:136px;
  padding:8px 10px 8px 8px;
  gap:8px;
  border-radius:20px;
}
body .user-detail-v3__gift-orb{
  width:36px;
  height:36px;
  border-radius:13px;
  font-size:15px;
}
body .user-detail-v3__gift-copy{
  gap:2px;
}
body .user-detail-v3__gift-copy strong{
  font-size:12px;
  line-height:1.1;
}
body .user-detail-v3__gift-copy span{
  font-size:18px;
}
body .user-detail-v3__profile{
  grid-template-columns:96px minmax(0,1fr) 88px;
  align-items:end;
  gap:12px;
  padding:16px 18px 0;
}
body .user-detail-v3__avatar{
  margin-top:-72px;
}
body .user-detail-v3__avatar .sc-avatar--hero{
  width:100px;
  height:100px;
}
body .user-detail-v3__identity{
  min-width:0;
  padding-top:58px;
  gap:4px;
}
body .user-detail-v3__name-row{
  min-width:0;
  gap:8px;
  flex-wrap:nowrap;
}
body .user-detail-v3__name-row strong{
  min-width:0;
  flex:1 1 auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:32px;
  line-height:1.02;
}
body .user-detail-v3__name-row em{
  flex:0 0 auto;
}
body .user-detail-v3__profile-no{
  font-size:13px;
  line-height:1.25;
}
body .user-detail-v3__meta-line{
  font-size:13px;
  line-height:1.25;
}
body .user-detail-v3__stats{
  justify-self:end;
  min-width:76px;
  padding-top:58px;
  grid-column:auto;
  grid-template-columns:1fr;
  gap:12px;
}
body .user-detail-v3__stat{
  gap:4px;
}
body .user-detail-v3__stat + .user-detail-v3__stat{
  padding-top:0;
  border-top:0;
  border-left:0;
}
body .user-detail-v3__stat strong{
  font-size:24px;
}
body .user-detail-v3__stat span{
  font-size:12px;
}
body .user-detail-v3__badge-row{
  margin-top:16px;
}
body .user-detail-v3__tag-row{
  margin-top:12px;
  gap:8px;
}
body .user-detail-v3__signal-bar{
  margin-top:12px;
  padding-bottom:16px;
  font-size:13px;
  line-height:1.6;
}
@media (max-width:640px){
  body .user-detail-v3__hero{
    min-height:320px;
    padding-left:16px;
    padding-right:16px;
  }
  body .user-detail-v3__quote{
    left:16px;
    bottom:66px;
    width:min(67%,244px);
    padding:11px 16px;
  }
  body .user-detail-v3__sheet{
    margin-top:-24px;
    min-height:calc(100dvh - 282px);
    padding-top:26px;
  }
  body .user-detail-v3__gift-wall{
    top:-20px;
    right:16px;
    max-width:130px;
  }
  body .user-detail-v3__profile{
    grid-template-columns:90px minmax(0,1fr) 82px;
    padding:15px 16px 0;
  }
  body .user-detail-v3__avatar{
    margin-top:-68px;
  }
  body .user-detail-v3__avatar .sc-avatar--hero{
    width:96px;
    height:96px;
  }
  body .user-detail-v3__identity{
    padding-top:54px;
  }
  body .user-detail-v3__name-row strong{
    font-size:29px;
  }
  body .user-detail-v3__stats{
    min-width:72px;
    padding-top:54px;
    gap:10px;
  }
}
@media (max-width:420px){
  body .user-detail-v3__hero{
    min-height:304px;
    padding-left:14px;
    padding-right:14px;
  }
  body .user-detail-v3__quote{
    left:14px;
    bottom:62px;
    width:min(64%,224px);
    min-height:50px;
    padding:10px 14px;
  }
  body .user-detail-v3__quote strong{
    font-size:15px;
  }
  body .user-detail-v3__sheet{
    margin-top:-22px;
    min-height:calc(100dvh - 270px);
    padding-top:24px;
    border-radius:30px 30px 0 0;
  }
  body .user-detail-v3__gift-wall{
    top:-18px;
    right:14px;
    max-width:122px;
    padding:8px 10px 8px 8px;
  }
  body .user-detail-v3__gift-orb{
    width:32px;
    height:32px;
    border-radius:12px;
    font-size:14px;
  }
  body .user-detail-v3__gift-copy span{
    font-size:16px;
  }
  body .user-detail-v3__profile{
    grid-template-columns:86px minmax(0,1fr) 74px;
    align-items:end;
    gap:10px;
    padding:14px 14px 0;
  }
  body .user-detail-v3__avatar{
    margin-top:-64px;
  }
  body .user-detail-v3__avatar .sc-avatar--hero{
    width:88px;
    height:88px;
  }
  body .user-detail-v3__identity{
    padding-top:50px;
  }
  body .user-detail-v3__name-row strong{
    font-size:24px;
  }
  body .user-detail-v3__profile-no,
  body .user-detail-v3__meta-line{
    font-size:12px;
  }
  body .user-detail-v3__stats{
    min-width:68px;
    padding-top:50px;
    gap:8px;
  }
  body .user-detail-v3__stat strong{
    font-size:20px;
  }
  body .user-detail-v3__badge-row,
  body .user-detail-v3__tag-row,
  body .user-detail-v3__signal-bar,
  body .user-detail-v3__tabs,
  body .user-detail-v3__tab-panel{
    padding-left:14px;
    padding-right:14px;
  }
}
/* user-detail-head-structure-20260423p */
body .user-detail-v3__sheet{
  padding-top:18px;
}
body .user-detail-v3__profile{
  grid-template-columns:96px minmax(0,1fr) 108px;
  align-items:start;
  gap:12px;
  padding:10px 18px 0;
}
body .user-detail-v3__avatar{
  margin-top:-74px;
}
body .user-detail-v3__avatar .sc-avatar--hero{
  width:100px;
  height:100px;
}
body .user-detail-v3__identity{
  padding-top:56px;
  gap:5px;
}
body .user-detail-v3__name-row{
  align-items:center;
}
body .user-detail-v3__name-row strong{
  font-size:30px;
}
body .user-detail-v3__aside{
  min-width:0;
  align-self:start;
  display:grid;
  gap:10px;
  padding-top:6px;
}
body .user-detail-v3__gift-wall{
  position:static;
  top:auto;
  right:auto;
  width:100%;
  max-width:none;
  min-width:0;
  padding:9px 10px 9px 9px;
  gap:8px;
  border-radius:20px;
  box-shadow:0 14px 30px rgba(17,20,28,.1);
}
body .user-detail-v3__gift-orb{
  width:34px;
  height:34px;
  border-radius:12px;
  font-size:14px;
}
body .user-detail-v3__gift-copy strong{
  font-size:12px;
}
body .user-detail-v3__gift-copy span{
  font-size:17px;
}
body .user-detail-v3__stats{
  width:100%;
  min-width:0;
  padding:10px 12px;
  background:#f6f7fb;
  border-radius:20px;
  box-shadow:inset 0 0 0 1px rgba(17,19,24,.04);
  grid-template-columns:1fr;
  justify-self:stretch;
  gap:10px;
}
body .user-detail-v3__stat{
  justify-items:center;
  gap:4px;
}
body .user-detail-v3__stat + .user-detail-v3__stat{
  padding-top:10px;
  border-top:1px solid rgba(17,19,24,.06);
  border-left:0;
}
body .user-detail-v3__stat strong{
  font-size:22px;
}
body .user-detail-v3__stat span{
  font-size:11px;
}
body .user-detail-v3__badge-row{
  margin-top:18px;
}
body .user-detail-v3__tag-row{
  margin-top:12px;
}
body .user-detail-v3__signal-bar{
  margin-top:12px;
}
@media (max-width:640px){
  body .user-detail-v3__sheet{
    padding-top:16px;
  }
  body .user-detail-v3__profile{
    grid-template-columns:90px minmax(0,1fr) 100px;
    padding:10px 16px 0;
  }
  body .user-detail-v3__avatar{
    margin-top:-70px;
  }
  body .user-detail-v3__avatar .sc-avatar--hero{
    width:96px;
    height:96px;
  }
  body .user-detail-v3__identity{
    padding-top:52px;
  }
  body .user-detail-v3__name-row strong{
    font-size:28px;
  }
  body .user-detail-v3__aside{
    padding-top:4px;
  }
}
@media (max-width:420px){
  body .user-detail-v3__sheet{
    padding-top:14px;
  }
  body .user-detail-v3__profile{
    grid-template-columns:84px minmax(0,1fr);
    gap:10px 12px;
    padding:8px 14px 0;
  }
  body .user-detail-v3__avatar{
    margin-top:-66px;
  }
  body .user-detail-v3__avatar .sc-avatar--hero{
    width:88px;
    height:88px;
  }
  body .user-detail-v3__identity{
    padding-top:48px;
  }
  body .user-detail-v3__name-row strong{
    font-size:24px;
  }
  body .user-detail-v3__aside{
    grid-column:1/-1;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding-top:6px;
  }
  body .user-detail-v3__gift-wall,
  body .user-detail-v3__stats{
    width:100%;
  }
  body .user-detail-v3__stat strong{
    font-size:20px;
  }
}
/* user-detail-head-rebuild-20260424b */
body .user-detail-v5__hero{
  position:relative;
  min-height:388px;
  padding:18px 18px 128px;
  overflow:hidden;
  background:linear-gradient(180deg,#090c11,#151a22);
}
body .user-detail-v5__hero:before{
  content:"";
  position:absolute;
  right:-12%;
  top:18%;
  width:44%;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,.04) 42%,transparent 72%);
  filter:blur(16px);
  pointer-events:none;
}
body .user-detail-v5__hero:after{
  content:"";
  position:absolute;
  left:-12%;
  right:-12%;
  bottom:-44px;
  height:118px;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.2));
  filter:blur(34px);
  pointer-events:none;
}
body .user-detail-v5__hero-media,
body .user-detail-v5__hero-shade{
  position:absolute;
  inset:0;
}
body .user-detail-v5__hero-media{
  background-position:center;
  background-size:cover;
  filter:saturate(1.06) contrast(1.02);
  transform:scale(1.03);
}
body .user-detail-v5__hero-media--fallback{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.16),transparent 28%),
    radial-gradient(circle at 84% 22%,rgba(255,255,255,.12),transparent 22%),
    linear-gradient(158deg,#202835 0%,#10151c 56%,#0a0d12 100%);
}
body .user-detail-v5__hero-shade{
  background:
    linear-gradient(180deg,rgba(6,9,13,.1),rgba(6,9,13,.22) 24%,rgba(6,9,13,.4) 62%,rgba(6,9,13,.08)),
    linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.22));
}
body .user-detail-v5__nav{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
body .user-detail-v5__nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
body .user-detail-v5__nav-btn{
  min-width:42px;
  min-height:42px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:rgba(10,13,18,.24);
  color:#fff;
  font:inherit;
  font-size:19px;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 12px 24px rgba(0,0,0,.14);
}
body .user-detail-v5__nav-btn--back{
  width:42px;
  padding:0;
  font-size:32px;
  line-height:1;
}
body .user-detail-v5__hero-pill{
  min-height:40px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(9,12,17,.34);
  color:#fff;
  font:inherit;
  font-size:14px;
  font-weight:700;
  letter-spacing:.01em;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 14px 26px rgba(0,0,0,.14);
}
body .user-detail-v5__quote{
  position:absolute;
  left:22px;
  bottom:58px;
  z-index:3;
  max-width:min(70vw,306px);
  padding:15px 18px 17px;
  border-radius:26px;
  background:rgba(242,246,250,.9);
  color:#313a45;
  font-size:15px;
  font-weight:700;
  line-height:1.55;
  letter-spacing:.01em;
  box-shadow:0 18px 34px rgba(10,12,18,.2);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}
body .user-detail-v5__quote:after{
  content:"";
  position:absolute;
  left:24px;
  bottom:-7px;
  width:16px;
  height:16px;
  border-radius:4px;
  background:inherit;
  transform:rotate(45deg);
}
body .user-detail-v5__sheet{
  position:relative;
  z-index:6;
  margin-top:-44px;
  min-height:calc(100dvh - 324px);
  padding:0 0 calc(142px + env(safe-area-inset-bottom));
  border-radius:38px 38px 0 0;
  background:linear-gradient(180deg,#fff 0%,#fbfbfd 100%);
  box-shadow:0 -22px 42px rgba(8,11,16,.16);
}
body .user-detail-v5__header{
  position:relative;
  min-height:150px;
  padding:26px 22px 0;
}
body .user-detail-v5__avatar{
  position:absolute;
  left:22px;
  top:-66px;
  z-index:3;
}
body .user-detail-v5__avatar .sc-avatar--hero{
  width:106px;
  height:106px;
}
body .user-detail-v5__avatar .sc-avatar__media,
body .user-detail-v5__avatar .sc-avatar--ring .sc-avatar__media{
  border-radius:30px;
  background:linear-gradient(180deg,#fff8e7,#f1ddaa);
  box-shadow:0 0 0 6px #fff,0 18px 34px rgba(15,19,25,.14);
}
body .user-detail-v5__avatar .sc-avatar__label{
  color:#cfa84f;
  font-size:28px;
  font-weight:800;
}
body .user-detail-v5__avatar .sc-avatar__online{
  right:6px;
  bottom:6px;
  width:20px;
  height:20px;
  border:3px solid #fff;
  background:#39c971;
}
body .user-detail-v5__gift-wall{
  position:absolute;
  right:22px;
  top:-22px;
  z-index:3;
  min-width:116px;
  padding:10px 14px 10px 11px;
  border:1px solid rgba(220,208,196,.78);
  border-radius:22px;
  display:flex;
  align-items:center;
  gap:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,242,236,.98));
  box-shadow:0 16px 30px rgba(16,20,28,.12);
}
body .user-detail-v5__gift-orb{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f6c67d,#f09aa4 54%,#d57dff);
  color:#fff;
  font-size:14px;
  box-shadow:0 10px 20px rgba(222,137,155,.28);
}
body .user-detail-v5__gift-copy{
  display:grid;
  gap:2px;
}
body .user-detail-v5__gift-copy strong{
  color:#313741;
  font-size:12px;
  line-height:1.1;
}
body .user-detail-v5__gift-copy span{
  color:#8b5ce5;
  font-size:17px;
  font-weight:800;
  line-height:1.1;
}
body .user-detail-v5__row{
  position:relative;
  min-height:102px;
  padding:16px 0 0 120px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:start;
}
body .user-detail-v5__identity{
  min-width:0;
  display:grid;
  align-content:start;
  gap:6px;
}
body .user-detail-v5__name-row{
  display:flex;
  align-items:center;
  gap:10px;
}
body .user-detail-v5__name-row strong{
  min-width:0;
  flex:1 1 auto;
  color:#11161d;
  font-size:33px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.05em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body .user-detail-v5__name-row em{
  flex:0 0 auto;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#171b22;
  color:#edcb74;
  font-style:normal;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
body .user-detail-v5__profile-no{
  color:#939aa5;
  font-size:14px;
  line-height:1.22;
}
body .user-detail-v5__meta-line{
  color:#666f7b;
  font-size:15px;
  line-height:1.26;
}
body .user-detail-v5__stats{
  display:flex;
  align-items:flex-start;
  gap:24px;
  padding-top:6px;
}
body .user-detail-v5__stat{
  min-width:44px;
  display:grid;
  justify-items:end;
  gap:4px;
  text-align:right;
}
body .user-detail-v5__stat strong{
  color:#10151c;
  font-size:26px;
  line-height:1;
  font-weight:800;
}
body .user-detail-v5__stat span{
  color:#8c95a0;
  font-size:13px;
  line-height:1.1;
}
body .user-detail-v5__badge-row{
  padding:18px 22px 0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body .user-detail-v5__badge{
  min-height:34px;
  padding:0 15px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  font-size:13px;
  font-weight:800;
}
body .user-detail-v5__badge--vip{
  background:#171b22;
  color:#edcb74;
}
body .user-detail-v5__badge--accent{
  background:#efe7ff;
  color:#6f59d8;
}
body .user-detail-v5__badge--soft{
  background:#edf2f7;
  color:#53657a;
}
body .user-detail-v5__badge--wall{
  background:#fce8ef;
  color:#c45987;
}
body .user-detail-v5__tag-row{
  padding:14px 22px 0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body .user-detail-v5__tag{
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#f4f6f9;
  color:#4f5966;
  font-size:13px;
  font-weight:700;
}
body .user-detail-v5__signal{
  margin:16px 22px 0;
  padding:14px 0 0;
  border-top:1px solid rgba(17,19,24,.08);
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#9aa1ab;
  font-size:14px;
  line-height:1.65;
}
body .user-detail-v5__signal-icon{
  flex:0 0 auto;
  color:#767d87;
  font-size:15px;
}
body .user-detail-v5__signal-copy{
  min-width:0;
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
body .user-detail-v5__sheet .user-detail-v3__tabs{
  margin-top:18px;
  padding:0 22px;
  border-top:1px solid rgba(17,19,24,.08);
  border-bottom:1px solid rgba(17,19,24,.06);
  gap:30px;
}
body .user-detail-v5__sheet .user-detail-v3__tab{
  min-height:56px;
  font-size:17px;
  color:#99a0aa;
}
body .user-detail-v5__sheet .user-detail-v3__tab.active{
  color:#141920;
}
body .user-detail-v5__sheet .user-detail-v3__tab em{
  min-width:auto;
  min-height:auto;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#a7adb7;
  font-size:15px;
  font-weight:500;
}
body .user-detail-v5__sheet .user-detail-v3__tab.active em{
  background:transparent;
  color:#141920;
}
body .user-detail-v5__sheet .user-detail-v3__tab.active:after{
  bottom:-1px;
  background:#141920;
}
body .user-detail-v5__sheet .user-detail-v3__tab-panel{
  padding:20px 22px 0;
}
@media (max-width:640px){
  body .user-detail-v5__hero{
    min-height:360px;
    padding:16px 16px 118px;
  }
  body .user-detail-v5__quote{
    left:18px;
    bottom:54px;
    max-width:min(74vw,288px);
    padding:14px 17px 16px;
  }
  body .user-detail-v5__sheet{
    margin-top:-40px;
    min-height:calc(100dvh - 306px);
    border-radius:34px 34px 0 0;
  }
  body .user-detail-v5__header{
    min-height:144px;
    padding:24px 18px 0;
  }
  body .user-detail-v5__avatar{
    left:18px;
    top:-60px;
  }
  body .user-detail-v5__avatar .sc-avatar--hero{
    width:98px;
    height:98px;
  }
  body .user-detail-v5__gift-wall{
    right:18px;
    top:-18px;
  }
  body .user-detail-v5__row{
    min-height:96px;
    padding-left:110px;
    gap:14px;
  }
  body .user-detail-v5__name-row strong{
    font-size:30px;
  }
  body .user-detail-v5__stats{
    gap:18px;
  }
  body .user-detail-v5__badge-row,
  body .user-detail-v5__tag-row{
    padding-left:18px;
    padding-right:18px;
  }
  body .user-detail-v5__signal{
    margin-left:18px;
    margin-right:18px;
  }
  body .user-detail-v5__sheet .user-detail-v3__tabs,
  body .user-detail-v5__sheet .user-detail-v3__tab-panel{
    padding-left:18px;
    padding-right:18px;
  }
}
@media (max-width:420px){
  body .user-detail-v5__hero{
    min-height:334px;
    padding:14px 14px 108px;
  }
  body .user-detail-v5__nav-btn{
    min-width:40px;
    min-height:40px;
    font-size:18px;
  }
  body .user-detail-v5__nav-btn--back{
    width:40px;
    font-size:30px;
  }
  body .user-detail-v5__hero-pill{
    min-height:38px;
    padding:0 16px;
    font-size:13px;
  }
  body .user-detail-v5__quote{
    left:14px;
    bottom:46px;
    max-width:min(78vw,264px);
    padding:13px 16px 15px;
    border-radius:22px;
    font-size:14px;
    line-height:1.48;
  }
  body .user-detail-v5__quote:after{
    left:18px;
  }
  body .user-detail-v5__sheet{
    margin-top:-34px;
    min-height:calc(100dvh - 286px);
    border-radius:30px 30px 0 0;
  }
  body .user-detail-v5__header{
    min-height:154px;
    padding:22px 14px 0;
  }
  body .user-detail-v5__avatar{
    left:14px;
    top:-54px;
  }
  body .user-detail-v5__avatar .sc-avatar--hero{
    width:88px;
    height:88px;
  }
  body .user-detail-v5__avatar .sc-avatar__media,
  body .user-detail-v5__avatar .sc-avatar--ring .sc-avatar__media{
    border-radius:26px;
    box-shadow:0 0 0 5px #fff,0 16px 28px rgba(15,19,25,.12);
  }
  body .user-detail-v5__gift-wall{
    right:14px;
    top:-14px;
    min-width:auto;
    padding:8px 12px 8px 9px;
    border-radius:18px;
  }
  body .user-detail-v5__gift-orb{
    width:34px;
    height:34px;
    border-radius:12px;
    font-size:12px;
  }
  body .user-detail-v5__gift-copy strong{
    font-size:11px;
  }
  body .user-detail-v5__gift-copy span{
    font-size:15px;
  }
  body .user-detail-v5__row{
    min-height:unset;
    padding:12px 0 0 98px;
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  body .user-detail-v5__name-row{
    gap:8px;
  }
  body .user-detail-v5__name-row strong{
    font-size:24px;
  }
  body .user-detail-v5__profile-no,
  body .user-detail-v5__meta-line{
    font-size:12px;
  }
  body .user-detail-v5__stats{
    gap:16px;
    justify-content:flex-start;
    padding-top:0;
  }
  body .user-detail-v5__stat{
    justify-items:start;
    text-align:left;
  }
  body .user-detail-v5__stat strong{
    font-size:22px;
  }
  body .user-detail-v5__stat span{
    font-size:12px;
  }
  body .user-detail-v5__badge-row{
    padding:18px 14px 0;
    gap:8px;
  }
  body .user-detail-v5__badge{
    min-height:32px;
    padding:0 13px;
    font-size:12px;
  }
  body .user-detail-v5__tag-row{
    padding:12px 14px 0;
    gap:8px;
  }
  body .user-detail-v5__tag{
    min-height:32px;
    padding:0 12px;
    font-size:12px;
  }
  body .user-detail-v5__signal{
    margin:14px 14px 0;
    padding-top:12px;
    font-size:13px;
  }
  body .user-detail-v5__sheet .user-detail-v3__tabs{
    margin-top:16px;
    padding:0 14px;
    gap:22px;
  }
  body .user-detail-v5__sheet .user-detail-v3__tab{
    min-height:52px;
    font-size:16px;
  }
  body .user-detail-v5__sheet .user-detail-v3__tab em{
    font-size:13px;
  }
  body .user-detail-v5__sheet .user-detail-v3__tab-panel{
    padding:18px 14px 0;
  }
}
/* user-detail-head-rebuild-20260424b */
body .user-detail-page.user-detail-page--v6{
  min-height:100dvh;
  padding:0;
  background:linear-gradient(180deg,#040506,#0a0d11 42%,#11161d 100%);
  display:block;
}
body .user-detail-v6{
  min-height:100dvh;
  display:grid;
  align-content:start;
}
body .user-detail-v6__hero{
  position:relative;
  min-height:452px;
  padding:18px 18px 172px;
  overflow:hidden;
  background:linear-gradient(180deg,#090b0f,#151a21);
}
body .user-detail-v6__hero:before{
  content:"";
  position:absolute;
  right:-10%;
  top:14%;
  width:46%;
  height:206px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,.05) 42%,transparent 72%);
  filter:blur(18px);
  pointer-events:none;
}
body .user-detail-v6__hero:after{
  content:"";
  position:absolute;
  left:-16%;
  bottom:-56px;
  width:72%;
  height:154px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.14),transparent 72%);
  filter:blur(24px);
  pointer-events:none;
}
body .user-detail-v6__hero-media,
body .user-detail-v6__hero-shade,
body .user-detail-v6__hero-copy{
  position:absolute;
  inset:0;
}
body .user-detail-v6__hero-media{
  background-position:center;
  background-size:cover;
  filter:saturate(1.08) contrast(1.03);
  transform:scale(1.04);
}
body .user-detail-v6__hero-media--fallback{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.16),transparent 28%),
    radial-gradient(circle at 84% 20%,rgba(255,255,255,.12),transparent 24%),
    linear-gradient(156deg,#273240 0%,#121821 56%,#080b10 100%);
}
body .user-detail-v6__hero-shade{
  background:
    linear-gradient(180deg,rgba(5,7,10,.1),rgba(5,7,10,.22) 22%,rgba(5,7,10,.42) 64%,rgba(5,7,10,.12)),
    linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.24));
}
body .user-detail-v6__hero-copy{
  inset:auto 0 0;
  height:176px;
  z-index:2;
  background:linear-gradient(180deg,rgba(7,9,13,0),rgba(7,9,13,.18) 42%,rgba(7,9,13,.42));
  pointer-events:none;
}
body .user-detail-v6__nav{
  position:relative;
  z-index:4;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
}
body .user-detail-v6__nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
body .user-detail-v6__nav-btn{
  min-width:42px;
  min-height:42px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:rgba(8,11,16,.22);
  color:#fff;
  font:inherit;
  font-size:19px;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 12px 26px rgba(0,0,0,.16);
}
body .user-detail-v6__nav-btn--back{
  width:42px;
  padding:0;
  font-size:32px;
  line-height:1;
}
body .user-detail-v6__hero-pill{
  min-height:40px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(8,11,16,.34);
  color:#fff;
  font:inherit;
  font-size:14px;
  font-weight:700;
  letter-spacing:.01em;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}
body .user-detail-v6__quote{
  position:absolute;
  left:24px;
  bottom:78px;
  z-index:4;
  max-width:min(72vw,314px);
  min-height:62px;
  padding:16px 18px 18px;
  border-radius:28px 28px 28px 14px;
  background:rgba(244,247,250,.9);
  color:#2f3944;
  font-size:15px;
  font-weight:700;
  line-height:1.58;
  letter-spacing:.01em;
  box-shadow:0 22px 40px rgba(10,12,17,.2);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}
body .user-detail-v6__quote:after{
  content:"";
  position:absolute;
  left:22px;
  bottom:-7px;
  width:16px;
  height:16px;
  border-radius:4px;
  background:inherit;
  transform:rotate(45deg);
}
body .user-detail-v6__sheet{
  position:relative;
  z-index:6;
  margin-top:-32px;
  min-height:calc(100dvh - 362px);
  padding:0 0 calc(142px + env(safe-area-inset-bottom));
  border-radius:42px 42px 0 0;
  background:linear-gradient(180deg,#ffffff 0%,#fafbfe 100%);
  box-shadow:0 -24px 44px rgba(8,11,16,.18);
}
body .user-detail-v6__sheet:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:126px;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0));
  pointer-events:none;
}
body .user-detail-v6__summary{
  position:relative;
  z-index:1;
  padding:30px 22px 0;
}
body .user-detail-v6__avatar{
  position:absolute;
  left:22px;
  top:-62px;
  z-index:4;
}
body .user-detail-v6__avatar .sc-avatar--hero{
  width:110px;
  height:110px;
}
body .user-detail-v6__avatar .sc-avatar__media,
body .user-detail-v6__avatar .sc-avatar--ring .sc-avatar__media{
  border-radius:32px;
  background:linear-gradient(180deg,#fff8e4,#f2dfaf);
  box-shadow:0 0 0 6px #fff,0 20px 36px rgba(15,19,25,.15);
}
body .user-detail-v6__avatar .sc-avatar__label{
  color:#cda74e;
  font-size:28px;
  font-weight:800;
}
body .user-detail-v6__avatar .sc-avatar__online{
  right:6px;
  bottom:6px;
  width:20px;
  height:20px;
  border:3px solid #fff;
  background:#38c76d;
}
body .user-detail-v6__gift-wall{
  position:absolute;
  right:22px;
  top:-10px;
  z-index:4;
  min-width:108px;
  padding:8px 11px 8px 8px;
  border:1px solid rgba(230,214,203,.9);
  border-radius:19px;
  display:flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,242,236,.98));
  box-shadow:0 16px 32px rgba(16,20,28,.12);
}
body .user-detail-v6__gift-orb{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f8c26f,#ef9db0 56%,#d67ef1);
  color:#fff;
  font-size:12px;
  box-shadow:0 10px 20px rgba(215,125,167,.28);
}
body .user-detail-v6__gift-copy{
  display:grid;
  gap:2px;
}
body .user-detail-v6__gift-copy strong{
  color:#303742;
  font-size:11px;
  line-height:1.08;
}
body .user-detail-v6__gift-copy span{
  color:#8c5de7;
  font-size:15px;
  font-weight:800;
  line-height:1.06;
}
body .user-detail-v6__content{
  position:relative;
  display:grid;
  gap:16px;
  padding-top:30px;
}
body .user-detail-v6__primary{
  min-height:112px;
  padding-left:122px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:start;
}
body .user-detail-v6__identity{
  min-width:0;
  display:grid;
  gap:6px;
}
body .user-detail-v6__name-row{
  display:flex;
  align-items:center;
  gap:10px;
}
body .user-detail-v6__name-row strong{
  min-width:0;
  flex:1 1 auto;
  color:#11161d;
  font-size:34px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.05em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body .user-detail-v6__name-row em{
  flex:0 0 auto;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#171b22;
  color:#efcd74;
  font-style:normal;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
body .user-detail-v6__profile-no{
  color:#9198a3;
  font-size:14px;
  line-height:1.22;
}
body .user-detail-v6__meta-line{
  color:#69727d;
  font-size:15px;
  line-height:1.28;
}
body .user-detail-v6__stats{
  display:flex;
  align-items:flex-start;
  gap:26px;
  padding-top:4px;
}
body .user-detail-v6__stat{
  min-width:46px;
  display:grid;
  justify-items:end;
  gap:4px;
  text-align:right;
}
body .user-detail-v6__stat strong{
  color:#10151c;
  font-size:27px;
  line-height:1;
  font-weight:800;
}
body .user-detail-v6__stat span{
  color:#9098a3;
  font-size:13px;
  line-height:1.1;
}
body .user-detail-v6__badge-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body .user-detail-v6__badge{
  min-height:34px;
  padding:0 15px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  font-size:13px;
  font-weight:800;
}
body .user-detail-v6__badge--vip{
  background:#171b22;
  color:#efcd74;
}
body .user-detail-v6__badge--accent{
  background:#efe7ff;
  color:#705add;
}
body .user-detail-v6__badge--soft{
  background:#eef2f7;
  color:#53657a;
}
body .user-detail-v6__badge--wall{
  background:#fde8ef;
  color:#c55b86;
}
body .user-detail-v6__tag-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body .user-detail-v6__tag{
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#f4f6fa;
  color:#525d69;
  font-size:13px;
  font-weight:700;
}
body .user-detail-v6__signal{
  padding-top:16px;
  border-top:1px solid rgba(17,19,24,.08);
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#9da4ae;
  font-size:14px;
  line-height:1.68;
}
body .user-detail-v6__signal-icon{
  flex:0 0 auto;
  color:#78808a;
  font-size:15px;
}
body .user-detail-v6__signal-copy{
  min-width:0;
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
body .user-detail-v6__tabs{
  margin-top:10px;
  padding:0 22px;
  border-top:1px solid rgba(17,19,24,.08);
  border-bottom:1px solid rgba(17,19,24,.06);
  display:flex;
  align-items:center;
  gap:30px;
}
body .user-detail-v6__tabs .user-detail-v3__tab{
  min-height:56px;
  font-size:17px;
  color:#99a0aa;
}
body .user-detail-v6__tabs .user-detail-v3__tab.active{
  color:#151a21;
}
body .user-detail-v6__tabs .user-detail-v3__tab em{
  min-width:auto;
  min-height:auto;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#a8aeb8;
  font-size:15px;
  font-weight:500;
}
body .user-detail-v6__tabs .user-detail-v3__tab.active em{
  background:transparent;
  color:#151a21;
}
body .user-detail-v6__tabs .user-detail-v3__tab.active:after{
  bottom:-1px;
  background:#151a21;
}
body .user-detail-v6__tab-panel{
  padding:22px 22px 0;
}
@media (max-width:640px){
  body .user-detail-page.user-detail-page--v6{
    min-height:100dvh;
  }
  body .user-detail-v6__hero{
    min-height:412px;
    padding:16px 16px 154px;
  }
  body .user-detail-v6__quote{
    left:18px;
    bottom:70px;
    max-width:min(74vw,286px);
    min-height:58px;
    padding:14px 16px 16px;
  }
  body .user-detail-v6__sheet{
    margin-top:-28px;
    min-height:calc(100dvh - 336px);
    border-radius:38px 38px 0 0;
  }
  body .user-detail-v6__summary{
    padding:28px 18px 0;
  }
  body .user-detail-v6__avatar{
    left:18px;
    top:-56px;
  }
  body .user-detail-v6__avatar .sc-avatar--hero{
    width:102px;
    height:102px;
  }
  body .user-detail-v6__gift-wall{
    right:18px;
    top:-8px;
  }
  body .user-detail-v6__content{
    padding-top:28px;
    gap:14px;
  }
  body .user-detail-v6__primary{
    min-height:104px;
    padding-left:112px;
    gap:16px;
  }
  body .user-detail-v6__name-row strong{
    font-size:31px;
  }
  body .user-detail-v6__stats{
    gap:18px;
  }
  body .user-detail-v6__tabs,
  body .user-detail-v6__tab-panel{
    padding-left:18px;
    padding-right:18px;
  }
}
@media (max-width:420px){
  body .user-detail-v6__hero{
    min-height:372px;
    padding:14px 14px 140px;
  }
  body .user-detail-v6__nav-btn{
    min-width:40px;
    min-height:40px;
    font-size:18px;
  }
  body .user-detail-v6__nav-btn--back{
    width:40px;
    font-size:30px;
  }
  body .user-detail-v6__hero-pill{
    min-height:38px;
    padding:0 15px;
    font-size:13px;
  }
  body .user-detail-v6__quote{
    left:14px;
    bottom:60px;
    max-width:min(78vw,258px);
    min-height:54px;
    padding:13px 15px 15px;
    border-radius:24px 24px 24px 12px;
    font-size:14px;
    line-height:1.5;
  }
  body .user-detail-v6__quote:after{
    left:18px;
  }
  body .user-detail-v6__sheet{
    margin-top:-22px;
    min-height:calc(100dvh - 312px);
    border-radius:32px 32px 0 0;
  }
  body .user-detail-v6__summary{
    padding:24px 14px 0;
  }
  body .user-detail-v6__avatar{
    left:14px;
    top:-48px;
  }
  body .user-detail-v6__avatar .sc-avatar--hero{
    width:92px;
    height:92px;
  }
  body .user-detail-v6__avatar .sc-avatar__media,
  body .user-detail-v6__avatar .sc-avatar--ring .sc-avatar__media{
    border-radius:28px;
    box-shadow:0 0 0 5px #fff,0 18px 30px rgba(15,19,25,.14);
  }
  body .user-detail-v6__gift-wall{
    right:14px;
    top:-6px;
    min-width:auto;
    padding:7px 10px 7px 7px;
    gap:8px;
    border-radius:18px;
  }
  body .user-detail-v6__gift-orb{
    width:30px;
    height:30px;
    border-radius:11px;
    font-size:11px;
  }
  body .user-detail-v6__gift-copy strong{
    font-size:10px;
  }
  body .user-detail-v6__gift-copy span{
    font-size:13px;
  }
  body .user-detail-v6__content{
    padding-top:24px;
    gap:12px;
  }
  body .user-detail-v6__primary{
    min-height:unset;
    padding-left:98px;
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  body .user-detail-v6__name-row{
    gap:8px;
  }
  body .user-detail-v6__name-row strong{
    font-size:25px;
  }
  body .user-detail-v6__profile-no,
  body .user-detail-v6__meta-line{
    font-size:12px;
  }
  body .user-detail-v6__stats{
    gap:16px;
    justify-content:flex-start;
    padding-top:0;
  }
  body .user-detail-v6__stat{
    justify-items:start;
    text-align:left;
  }
  body .user-detail-v6__stat strong{
    font-size:22px;
  }
  body .user-detail-v6__stat span{
    font-size:12px;
  }
  body .user-detail-v6__badge-row,
  body .user-detail-v6__tag-row{
    gap:8px;
  }
  body .user-detail-v6__badge{
    min-height:32px;
    padding:0 13px;
    font-size:12px;
  }
  body .user-detail-v6__tag{
    min-height:32px;
    padding:0 12px;
    font-size:12px;
  }
  body .user-detail-v6__signal{
    padding-top:14px;
    font-size:13px;
  }
  body .user-detail-v6__tabs{
    margin-top:8px;
    padding:0 14px;
    gap:22px;
  }
  body .user-detail-v6__tabs .user-detail-v3__tab{
    min-height:52px;
    font-size:16px;
  }
  body .user-detail-v6__tabs .user-detail-v3__tab em{
    font-size:13px;
  }
  body .user-detail-v6__tab-panel{
    padding:20px 14px 0;
  }
}
/* user-detail-head-align-20260424b */
body.user-detail-page-active .app-shell,
body.user-detail-page-active .app-shell--mobile,
body.user-detail-page-active .app-shell--mobile .page-shell,
body .user-detail-page.user-detail-page--v6{
  background:linear-gradient(180deg,#06080c,#0b1015 44%,#0f141a 100%);
}
body .user-detail-v6__hero{
  min-height:472px;
  padding-bottom:186px;
}
body .user-detail-v6__hero-media--fallback{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.08),transparent 24%),
    radial-gradient(circle at 84% 20%,rgba(255,255,255,.05),transparent 22%),
    linear-gradient(156deg,#0b0f14 0%,#11161d 58%,#090c11 100%);
}
body .user-detail-v6__hero-copy{
  height:192px;
}
body .user-detail-v6__quote{
  bottom:82px;
}
body .user-detail-v6__sheet{
  margin-top:-24px;
  min-height:calc(100dvh - 382px);
}
body .user-detail-v6__summary{
  padding-top:26px;
}
body .user-detail-v6__avatar{
  top:-56px;
}
body .user-detail-v6__gift-wall{
  top:-2px;
  min-width:96px;
  padding:7px 10px 7px 7px;
  gap:7px;
  border-radius:17px;
}
body .user-detail-v6__gift-orb{
  width:28px;
  height:28px;
  border-radius:10px;
  font-size:10px;
}
body .user-detail-v6__gift-copy strong{
  font-size:10px;
}
body .user-detail-v6__gift-copy span{
  font-size:12px;
}
body .user-detail-v6__tabs{
  margin-top:6px;
}
@media (max-width:640px){
  body .user-detail-v6__hero{
    min-height:432px;
    padding-bottom:166px;
  }
  body .user-detail-v6__quote{
    bottom:74px;
  }
  body .user-detail-v6__sheet{
    margin-top:-20px;
    min-height:calc(100dvh - 354px);
  }
  body .user-detail-v6__summary{
    padding-top:24px;
  }
  body .user-detail-v6__avatar{
    top:-50px;
  }
  body .user-detail-v6__gift-wall{
    top:0;
    min-width:92px;
    padding:7px 9px 7px 7px;
  }
  body .user-detail-v6__gift-orb{
    width:27px;
    height:27px;
    font-size:10px;
  }
  body .user-detail-v6__gift-copy strong{
    font-size:10px;
  }
  body .user-detail-v6__gift-copy span{
    font-size:12px;
  }
  body .user-detail-v6__tabs{
    margin-top:4px;
  }
}
@media (max-width:420px){
  body .user-detail-v6__hero{
    min-height:392px;
    padding-bottom:148px;
  }
  body .user-detail-v6__quote{
    bottom:64px;
  }
  body .user-detail-v6__sheet{
    margin-top:-18px;
    min-height:calc(100dvh - 326px);
  }
  body .user-detail-v6__summary{
    padding-top:20px;
  }
  body .user-detail-v6__avatar{
    top:-42px;
  }
  body .user-detail-v6__gift-wall{
    top:2px;
    min-width:86px;
    padding:6px 8px 6px 6px;
    gap:6px;
    border-radius:16px;
  }
  body .user-detail-v6__gift-orb{
    width:25px;
    height:25px;
    border-radius:9px;
    font-size:9px;
  }
  body .user-detail-v6__gift-copy strong{
    font-size:9px;
  }
  body .user-detail-v6__gift-copy span{
    font-size:11px;
  }
  body .user-detail-v6__tabs{
    margin-top:2px;
  }
}
/* user-detail-head-align-20260424b */
html body.user-detail-page-active,
body.user-detail-page-active,
body.user-detail-page-active #root,
body.user-detail-page-active .app-shell,
body.user-detail-page-active .app-shell--mobile,
body.user-detail-page-active .app-shell--mobile .page-shell,
body .user-detail-page.user-detail-page--v6{
  background:linear-gradient(180deg,#06080c 0%,#0b1015 46%,#111820 100%) !important;
}
body .user-detail-v6__hero:before,
body .user-detail-v6__hero:after{
  display:none;
}
body .user-detail-v6__hero{
  min-height:496px;
  padding-bottom:210px;
  background:linear-gradient(180deg,#090c11,#131922);
}
body .user-detail-v6__hero-media{
  transform:scale(1.02);
  filter:saturate(1.03) contrast(1.02);
}
body .user-detail-v6__hero-media--fallback{
  background:
    linear-gradient(160deg,#090d12 0%,#121820 58%,#0a0d13 100%);
}
body .user-detail-v6__hero-shade{
  background:
    linear-gradient(180deg,rgba(6,8,12,.08),rgba(6,8,12,.26) 26%,rgba(6,8,12,.52) 72%,rgba(6,8,12,.16));
}
body .user-detail-v6__hero-copy{
  height:212px;
  background:linear-gradient(180deg,rgba(7,9,13,0),rgba(7,9,13,.16) 44%,rgba(7,9,13,.48));
}
body .user-detail-v6__quote{
  bottom:94px;
  box-shadow:0 18px 36px rgba(8,11,16,.18);
}
body .user-detail-v6__sheet{
  margin-top:-14px;
  min-height:calc(100dvh - 410px);
  box-shadow:0 -18px 34px rgba(8,11,16,.16);
}
body .user-detail-v6__sheet:before{
  height:112px;
}
body .user-detail-v6__summary{
  padding-top:34px;
}
body .user-detail-v6__avatar{
  top:-48px;
}
body .user-detail-v6__gift-wall{
  top:2px;
  min-width:84px;
  padding:6px 8px 6px 6px;
  gap:6px;
  border-radius:16px;
}
body .user-detail-v6__gift-orb{
  width:24px;
  height:24px;
  border-radius:9px;
  font-size:8px;
}
body .user-detail-v6__gift-copy strong{
  font-size:9px;
}
body .user-detail-v6__gift-copy span{
  font-size:11px;
}
body .user-detail-v6__content{
  gap:11px;
  padding-top:22px;
}
body .user-detail-v6__primary{
  gap:12px;
}
body .user-detail-v6__tabs{
  margin-top:2px;
}
@media (max-width:640px){
  body .user-detail-v6__hero{
    min-height:452px;
    padding-bottom:186px;
  }
  body .user-detail-v6__hero-copy{
    height:196px;
  }
  body .user-detail-v6__quote{
    bottom:82px;
  }
  body .user-detail-v6__sheet{
    margin-top:-12px;
    min-height:calc(100dvh - 372px);
  }
  body .user-detail-v6__summary{
    padding-top:30px;
  }
  body .user-detail-v6__avatar{
    top:-44px;
  }
  body .user-detail-v6__gift-wall{
    top:2px;
    min-width:82px;
    padding:6px 8px 6px 6px;
  }
  body .user-detail-v6__gift-orb{
    width:24px;
    height:24px;
    font-size:8px;
  }
  body .user-detail-v6__gift-copy strong{
    font-size:9px;
  }
  body .user-detail-v6__gift-copy span{
    font-size:11px;
  }
  body .user-detail-v6__tabs{
    margin-top:0;
  }
}
@media (max-width:420px){
  body .user-detail-v6__hero{
    min-height:412px;
    padding-bottom:162px;
  }
  body .user-detail-v6__hero-copy{
    height:176px;
  }
  body .user-detail-v6__quote{
    bottom:70px;
    max-width:min(76vw,248px);
  }
  body .user-detail-v6__sheet{
    margin-top:-10px;
    min-height:calc(100dvh - 336px);
  }
  body .user-detail-v6__summary{
    padding-top:28px;
  }
  body .user-detail-v6__avatar{
    top:-36px;
  }
  body .user-detail-v6__gift-wall{
    top:4px;
    min-width:78px;
    padding:5px 7px 5px 5px;
    gap:5px;
    border-radius:15px;
  }
  body .user-detail-v6__gift-orb{
    width:22px;
    height:22px;
    border-radius:8px;
    font-size:8px;
  }
  body .user-detail-v6__gift-copy strong{
    font-size:8px;
  }
  body .user-detail-v6__gift-copy span{
    font-size:10px;
  }
  body .user-detail-v6__content{
    gap:10px;
    padding-top:20px;
  }
  body .user-detail-v6__primary{
    padding-left:96px;
    gap:10px;
  }
  body .user-detail-v6__name-row strong{
    font-size:24px;
  }
  body .user-detail-v6__profile-no,
  body .user-detail-v6__meta-line{
    font-size:11px;
  }
  body .user-detail-v6__stats{
    gap:14px;
  }
  body .user-detail-v6__stat strong{
    font-size:20px;
  }
  body .user-detail-v6__stat span{
    font-size:11px;
  }
  body .user-detail-v6__badge,
  body .user-detail-v6__tag{
    min-height:30px;
    padding:0 11px;
    font-size:11px;
  }
  body .user-detail-v6__signal{
    padding-top:12px;
    font-size:12px;
  }
  body .user-detail-v6__tabs{
    margin-top:-2px;
    padding:0 14px;
    gap:20px;
  }
  body .user-detail-v6__tabs .user-detail-v3__tab{
    min-height:48px;
    font-size:15px;
  }
  body .user-detail-v6__tabs .user-detail-v3__tab em{
    font-size:12px;
  }
  body .user-detail-v6__tab-panel{
    padding:18px 14px 0;
  }
}
/* user-detail-full-rebuild-20260424b */
html body.user-detail-page-active,
body.user-detail-page-active,
body.user-detail-page-active #root,
body.user-detail-page-active .app-shell,
body.user-detail-page-active .app-shell--mobile,
body.user-detail-page-active .app-shell--mobile .page-shell,
body .user-detail-page.user-detail-page--v7{
  background:linear-gradient(180deg,#06080c 0%,#0b1015 52%,#101820 100%) !important;
}
body .user-detail-page.user-detail-page--v7{
  min-height:100dvh;
  padding:0;
  background:transparent;
}
body .user-detail-ref{
  min-height:100dvh;
  padding-bottom:calc(160px + env(safe-area-inset-bottom));
  background:transparent;
}
body .user-detail-ref__hero{
  position:relative;
  min-height:308px;
  padding:16px 16px 0;
  overflow:hidden;
  background:#0f141b;
}
body .user-detail-ref__hero-media,
body .user-detail-ref__hero-shade{
  position:absolute;
  inset:0;
}
body .user-detail-ref__hero-media{
  background-position:center;
  background-size:cover;
  transform:scale(1.02);
  filter:brightness(.52) saturate(.9);
}
body .user-detail-ref__hero-media--fallback{
  background:linear-gradient(160deg,#0c1015 0%,#131a22 56%,#0a0d12 100%);
}
body .user-detail-ref__hero-shade{
  background:
    linear-gradient(180deg,rgba(5,7,10,.22),rgba(5,7,10,.28) 24%,rgba(5,7,10,.5) 74%,rgba(5,7,10,.26)),
    linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.24));
}
body .user-detail-ref__nav{
  position:relative;
  z-index:3;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
body .user-detail-ref__nav-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
body .user-detail-ref__nav-btn{
  width:36px;
  height:36px;
  padding:0;
  border:0;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(7,10,14,.34);
  color:#fff;
  box-shadow:0 10px 18px rgba(0,0,0,.16);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
body .user-detail-ref__nav-btn svg{
  width:20px;
  height:20px;
}
body .user-detail-ref__nav-btn--back svg{
  width:22px;
  height:22px;
}
body .user-detail-ref__quote{
  position:absolute;
  left:16px;
  bottom:44px;
  z-index:3;
  max-width:min(70vw,236px);
  min-height:48px;
  padding:12px 16px;
  border-radius:22px;
  font-size:14px;
  font-weight:700;
  line-height:1.45;
  background:rgba(205,217,230,.78);
  color:#fff;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 12px 24px rgba(0,0,0,.1);
}
body .user-detail-ref__sheet{
  position:relative;
  margin-top:-14px;
  min-height:calc(100dvh - 264px);
  border-radius:28px 28px 0 0;
  background:#fff;
  box-shadow:0 -16px 28px rgba(8,11,16,.12);
}
body .user-detail-ref__summary{
  position:relative;
  padding:68px 16px 0;
}
body .user-detail-ref__avatar{
  position:absolute;
  left:16px;
  top:-30px;
  width:74px;
  height:74px;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(180deg,#fff6ed,#f6dcb1);
  box-shadow:0 0 0 5px #fff,0 12px 22px rgba(15,19,25,.14);
}
body .user-detail-ref__avatar-media,
body .user-detail-ref__avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
body .user-detail-ref__avatar-fallback{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#c89655;
  font-size:30px;
  font-weight:900;
}
body .user-detail-ref__gift-wall{
  position:absolute;
  top:-12px;
  right:16px;
  z-index:2;
  min-width:118px;
  padding:6px 10px 6px 6px;
  border-radius:18px;
  display:flex;
  align-items:center;
  gap:7px;
  background:#fff;
  box-shadow:0 10px 20px rgba(21,31,46,.12);
}
body .user-detail-ref__gift-orb{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 30% 30%,#a6b7d9,#7d90ba 48%,#61749f 100%);
  color:#eff4ff;
  font-size:15px;
  box-shadow:0 6px 12px rgba(97,116,159,.2);
}
body .user-detail-ref__gift-copy{
  display:grid;
  gap:1px;
}
body .user-detail-ref__gift-copy strong{
  color:#70747d;
  font-size:9px;
  line-height:1.1;
}
body .user-detail-ref__gift-copy span{
  color:#4e5564;
  font-size:15px;
  font-weight:800;
  line-height:1.08;
}
body .user-detail-ref__content{
  display:grid;
  gap:10px;
}
body .user-detail-ref__headline{
  display:grid;
  gap:10px;
}
body .user-detail-ref__headline-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
}
body .user-detail-ref__name-block{
  min-width:0;
  display:grid;
  gap:2px;
}
body .user-detail-ref__name{
  margin:0;
  color:#16191e;
  font-family:"STKaiti","KaiTi","Palatino Linotype","Georgia",serif;
  font-size:28px;
  line-height:.96;
  font-weight:700;
  font-style:italic;
  letter-spacing:-.04em;
}
body .user-detail-ref__stats{
  display:flex;
  align-items:flex-end;
  gap:16px;
}
body .user-detail-ref__stat{
  min-width:46px;
  display:grid;
  gap:2px;
  text-align:center;
}
body .user-detail-ref__stat strong{
  color:#252932;
  font-size:22px;
  line-height:1;
  font-weight:500;
}
body .user-detail-ref__stat span{
  color:#b0b5bf;
  font-size:11px;
}
body .user-detail-ref__badge-row{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
body .user-detail-ref__badge{
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
}
body .user-detail-ref__badge--slate{
  background:linear-gradient(180deg,#262b34,#1a1f28);
  color:#eef2f7;
}
body .user-detail-ref__badge--slate-soft{
  background:#eef1f5;
  color:#474d57;
}
body .user-detail-ref__tag-row{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:2px;
  scrollbar-width:none;
}
body .user-detail-ref__tag-row::-webkit-scrollbar{
  display:none;
}
body .user-detail-ref__tag{
  flex:0 0 auto;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  background:#f6f7fb;
  color:#474d57;
  font-size:12px;
  white-space:nowrap;
}
body .user-detail-ref__tabs{
  display:flex;
  align-items:center;
  gap:38px;
  padding:16px 16px 0;
  margin-top:14px;
  border-top:1px solid rgba(20,26,32,.06);
}
body .user-detail-ref__tab{
  position:relative;
  min-height:48px;
  padding:0;
  border:0;
  background:transparent;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#818692;
  font:inherit;
  font-size:16px;
}
body .user-detail-ref__tab em{
  color:#3f4350;
  font-size:14px;
  font-style:normal;
}
body .user-detail-ref__tab.is-active{
  color:#11151c;
  font-weight:700;
}
body .user-detail-ref__tab.is-active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:#2a2f39;
}
body .user-detail-ref__panel{
  padding:8px 16px 0;
}
body .user-detail-ref__timeline{
  display:grid;
  gap:22px;
}
body .user-detail-ref__post{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
body .user-detail-ref__post-date{
  display:grid;
  gap:4px;
  justify-items:start;
}
body .user-detail-ref__post-date strong{
  color:#20242b;
  font-size:46px;
  line-height:.92;
  font-weight:700;
}
body .user-detail-ref__post-date span{
  color:#7c828d;
  font-size:16px;
}
body .user-detail-ref__post-card{
  display:grid;
  gap:12px;
}
body .user-detail-ref__post-copy{
  margin:0;
  color:#242934;
  font-size:15px;
  line-height:1.72;
}
body .user-detail-ref__post-image{
  width:min(100%,380px);
  border-radius:18px;
  overflow:hidden;
  background:#eef1f5;
  box-shadow:0 10px 20px rgba(19,28,35,.08);
}
body .user-detail-ref__post-image img{
  width:100%;
  display:block;
  aspect-ratio:3 / 4;
  object-fit:cover;
}
body .user-detail-ref__post-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  color:#afb4bc;
  font-size:11px;
}
body .user-detail-ref__works{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:3px;
  padding-top:2px;
}
body .user-detail-ref__work-card{
  position:relative;
  overflow:hidden;
  border-radius:4px;
  background:#0f141b;
}
body .user-detail-ref__work-card img{
  width:100%;
  display:block;
  aspect-ratio:3 / 4;
  object-fit:cover;
}
body .user-detail-ref__work-card--fallback{
  aspect-ratio:3 / 4;
  padding:12px 10px;
  display:grid;
  align-content:end;
  gap:5px;
  color:#fff;
}
body .user-detail-ref__work-card--fallback strong{
  font-size:15px;
  line-height:1.25;
}
body .user-detail-ref__work-card--fallback span{
  color:rgba(255,255,255,.72);
  font-size:11px;
}
body .user-detail-ref__relations{
  display:grid;
  gap:20px;
  padding-top:10px;
}
body .user-detail-ref__relation-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body .user-detail-ref__relation-card{
  position:relative;
  min-height:190px;
  padding:30px 10px 18px;
  border-radius:24px;
  border:2px solid #f2a3c5;
  background:
    radial-gradient(circle at 50% 100%,rgba(255,162,199,.34),transparent 44%),
    linear-gradient(180deg,#fff0f6,#ffdce9 100%);
  box-shadow:0 14px 24px rgba(255,176,209,.18);
  display:grid;
  justify-items:center;
  align-content:start;
  gap:10px;
}
body .user-detail-ref__relation-crown{
  position:absolute;
  top:-10px;
  left:50%;
  transform:translateX(-50%);
  width:74px;
  height:28px;
}
body .user-detail-ref__relation-crown:before,
body .user-detail-ref__relation-crown:after,
body .user-detail-ref__relation-crown i{
  content:"";
  position:absolute;
  top:8px;
  height:10px;
  border-top:3px solid #ff8ebb;
}
body .user-detail-ref__relation-crown:before{
  left:0;
  width:26px;
  border-radius:14px 0 0 0;
}
body .user-detail-ref__relation-crown:after{
  right:0;
  width:26px;
  border-radius:0 14px 0 0;
}
body .user-detail-ref__relation-crown i{
  left:50%;
  transform:translateX(-50%);
  width:22px;
  height:16px;
  border-top:0;
  background:linear-gradient(180deg,#ff97c0,#ff5ea2);
  clip-path:polygon(50% 0,100% 42%,72% 100%,28% 100%,0 42%);
  box-shadow:0 8px 12px rgba(255,94,162,.18);
}
body .user-detail-ref__relation-avatar{
  width:62px;
  height:62px;
  border-radius:50%;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 16px rgba(20,26,32,.1);
  display:grid;
  place-items:center;
}
body .user-detail-ref__relation-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
body .user-detail-ref__relation-avatar span{
  color:#c15282;
  font-size:22px;
  font-weight:800;
}
body .user-detail-ref__relation-card strong{
  color:#b64d7e;
  font-size:18px;
  line-height:1.12;
  text-align:center;
}
body .user-detail-ref__relation-card>span{
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  background:linear-gradient(135deg,#ff7ab1,#ff6ca6);
  color:#fff;
  font-size:12px;
  font-weight:700;
  text-align:center;
}
body .user-detail-ref__relation-link{
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:#b9b9bf;
  font:inherit;
  font-size:14px;
  text-align:center;
}
body .user-detail-ref__relation-link:after{
  content:" ›";
}
body .user-detail-ref__empty{
  min-height:140px;
  padding:24px 18px;
  border-radius:24px;
  background:#f7f8fb;
  display:grid;
  place-items:center;
  gap:6px;
  text-align:center;
}
body .user-detail-ref__empty strong{
  color:#232832;
}
body .user-detail-ref__empty span{
  color:#8c939d;
  font-size:13px;
  line-height:1.6;
}
body .user-detail-ref__dock{
  position:fixed;
  left:50%;
  bottom:calc(env(safe-area-inset-bottom) + 16px);
  z-index:140;
  width:min(calc(100vw - 28px),calc(var(--mobile-shell-width) - 28px));
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
body .user-detail-ref__dock-btn{
  min-height:72px;
  padding:0 22px;
  border:0;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#fff;
  font:inherit;
  font-size:17px;
  font-weight:700;
  box-shadow:0 18px 28px rgba(0,0,0,.14);
}
body .user-detail-ref__dock-btn--chat{
  background:linear-gradient(135deg,#8058ff,#6e52f0 48%,#6e52f0 100%);
}
body .user-detail-ref__dock-btn--follow{
  background:linear-gradient(135deg,#14dd93,#10c76d);
}
body .user-detail-ref__dock-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
}
body .user-detail-ref__dock-icon svg{
  width:22px;
  height:22px;
}
@media (max-width:420px){
  body .user-detail-ref__hero{
    min-height:288px;
    padding:16px 14px 0;
  }
  body .user-detail-ref__nav-btn{
    width:36px;
    height:36px;
  }
  body .user-detail-ref__quote{
    left:14px;
    bottom:40px;
    max-width:min(74vw,214px);
    padding:11px 14px;
    font-size:13px;
  }
  body .user-detail-ref__sheet{
    margin-top:-10px;
    border-radius:26px 26px 0 0;
  }
  body .user-detail-ref__summary{
    padding:62px 14px 0;
  }
  body .user-detail-ref__avatar{
    left:14px;
    top:-24px;
    width:68px;
    height:68px;
  }
  body .user-detail-ref__gift-wall{
    right:14px;
    top:-10px;
    min-width:110px;
    padding:6px 8px 6px 6px;
  }
  body .user-detail-ref__gift-orb{
    width:34px;
    height:34px;
    font-size:14px;
  }
  body .user-detail-ref__gift-copy span{
    font-size:14px;
  }
  body .user-detail-ref__headline-main{
    gap:10px;
  }
  body .user-detail-ref__name{
    font-size:26px;
  }
  body .user-detail-ref__stats{
    gap:12px;
  }
  body .user-detail-ref__stat{
    min-width:42px;
  }
  body .user-detail-ref__stat strong{
    font-size:20px;
  }
  body .user-detail-ref__tabs{
    gap:26px;
    padding:14px 14px 0;
  }
  body .user-detail-ref__panel{
    padding:8px 14px 0;
  }
  body .user-detail-ref__post{
    grid-template-columns:48px minmax(0,1fr);
    gap:12px;
  }
  body .user-detail-ref__post-date strong{
    font-size:40px;
  }
  body .user-detail-ref__post-date span{
    font-size:14px;
  }
  body .user-detail-ref__post-copy{
    font-size:15px;
  }
  body .user-detail-ref__relation-row{
    gap:10px;
  }
  body .user-detail-ref__relation-card{
    min-height:178px;
    padding:28px 8px 16px;
  }
  body .user-detail-ref__relation-avatar{
    width:56px;
    height:56px;
  }
  body .user-detail-ref__relation-card strong{
    font-size:16px;
  }
  body .user-detail-ref__relation-card>span{
    min-height:28px;
    padding:0 10px;
    font-size:11px;
  }
  body .user-detail-ref__dock{
    width:min(calc(100vw - 22px),calc(var(--mobile-shell-width) - 22px));
    gap:10px;
    bottom:calc(env(safe-area-inset-bottom) + 12px);
  }
  body .user-detail-ref__dock-btn{
    min-height:68px;
    padding:0 18px;
    font-size:16px;
  }
}
/* user-detail-refine-20260424b */
html body.user-detail-page-active,
body.user-detail-page-active,
body.user-detail-page-active #root,
body.user-detail-page-active .app-shell,
body.user-detail-page-active .app-shell--mobile,
body.user-detail-page-active .app-shell--mobile .page-shell,
body .user-detail-page.user-detail-page--v7{
  background:linear-gradient(180deg,#06080c 0%,#0b1015 52%,#101820 100%) !important;
}
body .user-detail-page.user-detail-page--v7,
body .user-detail-overlay{
  --ud-surface:#f6f2ee;
  --ud-surface-soft:#f2ede7;
  --ud-surface-strong:#ebe4dc;
  --ud-line:rgba(108,90,75,.14);
  --ud-text:#2b221d;
  --ud-muted:#7c6e63;
}
body .user-detail-ref{
  padding-bottom:calc(136px + env(safe-area-inset-bottom));
}
body .user-detail-ref__hero{
  position:sticky;
  top:0;
  z-index:0;
  height:148px;
  min-height:148px;
  padding:12px 12px 0;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.14),transparent 22%),
    radial-gradient(circle at 84% 22%,rgba(255,255,255,.1),transparent 20%),
    linear-gradient(180deg,#d8cec5,#e7ded6);
}
body .user-detail-ref__hero-media{
  transform:none;
  filter:brightness(.9) saturate(.82);
}
body .user-detail-ref__hero-shade{
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(95,74,60,.05) 42%,rgba(95,74,60,.18) 100%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0));
}
body .user-detail-ref__nav{
  z-index:4;
}
body .user-detail-ref__nav-btn{
  width:34px;
  height:34px;
  background:rgba(246,242,238,.92);
  color:#46382f;
  box-shadow:0 8px 18px rgba(78,57,42,.08);
}
body .user-detail-ref__quote{
  left:12px;
  bottom:12px;
  max-width:min(62vw,188px);
  min-height:auto;
  padding:7px 10px;
  border-radius:16px;
  font-size:11px;
  line-height:1.35;
  background:rgba(246,242,238,.9);
  color:var(--ud-text);
  box-shadow:0 8px 18px rgba(78,57,42,.08);
}
body .user-detail-ref__sheet{
  z-index:2;
  margin-top:-10px;
  min-height:calc(100dvh - 146px);
  border-radius:24px 24px 0 0;
  background:var(--ud-surface);
  box-shadow:0 -10px 24px rgba(90,69,55,.06);
}
body .user-detail-ref__summary{
  padding:46px 12px 0;
}
body .user-detail-ref__avatar{
  left:12px;
  top:-14px;
  width:56px;
  height:56px;
  border-radius:18px;
  background:linear-gradient(180deg,#fff7ee,#efd8ba);
  box-shadow:0 0 0 4px rgba(246,242,238,.98),0 8px 18px rgba(90,69,55,.1);
}
body .user-detail-ref__gift-wall{
  top:-2px;
  right:12px;
  min-width:114px;
  height:40px;
  padding:0 10px 0 7px;
  border:1px solid var(--ud-line);
  border-radius:16px;
  background:var(--ud-surface-soft);
  box-shadow:0 8px 18px rgba(88,67,51,.08);
  cursor:pointer;
}
body .user-detail-ref__gift-orb{
  width:24px;
  height:24px;
  background:#f0d6bb;
  color:#7a5131;
  font-size:11px;
  font-weight:800;
  box-shadow:none;
}
body .user-detail-ref__gift-copy strong{
  color:var(--ud-muted);
  font-size:9px;
}
body .user-detail-ref__gift-copy span{
  color:var(--ud-text);
  font-size:12px;
}
body .user-detail-ref__content{
  position:relative;
  gap:6px;
  padding-right:96px;
}
body .user-detail-ref__headline{
  gap:4px;
}
body .user-detail-ref__headline-main{
  display:block;
}
body .user-detail-ref__name{
  color:var(--ud-text);
  font-size:22px;
}
body .user-detail-ref__stats{
  position:absolute;
  top:2px;
  right:0;
  gap:8px;
  align-items:flex-start;
}
body .user-detail-ref__stat{
  min-width:34px;
  gap:0;
}
body .user-detail-ref__stat strong{
  color:var(--ud-text);
  font-size:16px;
}
body .user-detail-ref__stat span{
  color:var(--ud-muted);
  font-size:10px;
}
body .user-detail-ref__badge-row{
  gap:6px;
}
body .user-detail-ref__badge{
  min-height:26px;
  padding:0 11px;
  border:1px solid var(--ud-line);
  box-shadow:none;
}
body .user-detail-ref__badge--pearl{
  background:var(--ud-surface-soft);
  color:#625146;
}
body .user-detail-ref__badge--rose{
  background:var(--ud-surface-soft);
  color:#625146;
}
body .user-detail-ref__badge--sand{
  background:var(--ud-surface-soft);
  color:#625146;
}
body .user-detail-ref__badge--mist{
  background:var(--ud-surface-soft);
  color:#625146;
}
body .user-detail-ref__badge.is-clickable{
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease;
}
body .user-detail-ref__badge.is-clickable:active{
  transform:scale(.98);
}
body .user-detail-ref__tag-row{
  gap:6px;
}
body .user-detail-ref__tag{
  min-height:26px;
  padding:0 10px;
  background:var(--ud-surface-soft);
  border:1px solid var(--ud-line);
  color:#68584d;
}
body .user-detail-ref__tabs{
  gap:20px;
  padding:10px 12px 0;
  margin-top:6px;
}
body .user-detail-ref__panel{
  padding:6px 12px 0;
}
body .user-detail-ref__timeline{
  gap:14px;
}
body .user-detail-ref__post{
  gap:10px;
}
body .user-detail-ref__work-card{
  border-radius:10px;
  background:var(--ud-surface-soft);
}
body .user-detail-ref__work-card--fallback{
  color:#44362e;
}
body .user-detail-ref__work-card--fallback span{
  color:#7a6658;
}
body .user-detail-ref__empty{
  min-height:108px;
  padding:18px 14px;
  border-radius:20px;
  background:var(--ud-surface-soft);
  border:1px solid var(--ud-line);
  gap:4px;
}
body .user-detail-ref__empty strong{
  color:var(--ud-text);
  font-size:14px;
}
body .user-detail-ref__empty span{
  color:var(--ud-muted);
  font-size:12px;
}
body .user-detail-ref__dock{
  gap:10px;
  bottom:calc(env(safe-area-inset-bottom) + 10px);
}
body .user-detail-ref__dock-btn{
  min-height:56px;
  border-radius:22px;
  font-size:16px;
  box-shadow:0 14px 24px rgba(34,20,13,.18);
}
body .user-detail-ref__dock-btn--chat{
  background:linear-gradient(135deg,#7a58ef,#9271ff);
}
body .user-detail-ref__dock-btn--follow{
  background:linear-gradient(135deg,#37daa2,#1fcf84);
}
body .user-detail-overlay .core-overlay{
  padding:16px;
}
body .user-detail-overlay .core-overlay__backdrop{
  background:rgba(92,72,57,.18);
  backdrop-filter:blur(14px);
}
body .user-detail-overlay .core-overlay__panel,
body .user-detail-overlay .core-overlay__panel--wide,
body .user-detail-overlay .core-overlay__panel--compact{
  border:1px solid rgba(171,145,123,.16);
  background:var(--ud-surface);
  box-shadow:0 28px 54px rgba(84,60,44,.16);
}
body .user-detail-overlay .core-overlay__head,
body .user-detail-overlay .core-overlay__body,
body .user-detail-overlay .core-overlay__footer{
  background:var(--ud-surface);
}
body .user-detail-overlay .core-overlay__head{
  padding:14px 14px 10px;
}
body .user-detail-overlay .core-overlay__body{
  padding:0 14px 12px;
}
body .user-detail-overlay .core-overlay__footer{
  padding:12px 14px 14px;
  border-top:1px solid var(--ud-line);
}
body .user-detail-overlay .core-overlay__title strong,
body .user-detail-overlay__metric-card strong,
body .user-detail-overlay__info-card strong,
body .user-detail-overlay__review-head strong,
body .user-detail-overlay__toggle strong,
body .user-detail-overlay__gift-meta strong{
  color:#30241d;
}
body .user-detail-overlay .core-overlay__title span,
body .user-detail-overlay__metric-card span,
body .user-detail-overlay__info-card span,
body .user-detail-overlay__review-card span,
body .user-detail-overlay__toggle span,
body .user-detail-overlay__gift-meta span{
  color:#857363;
}
body .user-detail-overlay__section,
body .user-detail-overlay__metric-card,
body .user-detail-overlay__info-card,
body .user-detail-overlay__review-card,
body .user-detail-overlay__toggle,
body .user-detail-overlay__action-item,
body .user-detail-overlay__chip,
body .user-detail-overlay__textarea{
  border-color:var(--ud-line);
  background:var(--ud-surface-soft);
}
body .user-detail-overlay__title{
  color:#5b493c;
}
body .user-detail-overlay__review-card p{
  color:#6a584c;
}
body .user-detail-overlay__toggle em,
body .user-detail-overlay__review-head em{
  background:#f2e3d5;
  color:#634a39;
}
body .user-detail-overlay__chip{
  color:#5c4a3d;
}
body .user-detail-overlay__chip.active{
  background:var(--ud-surface-strong);
  color:#6d513d;
}
body .user-detail-overlay__chip--static{
  pointer-events:none;
}
body .user-detail-overlay__metric-grid{
  gap:8px;
}
body .user-detail-overlay__metric-card,
body .user-detail-overlay__info-card,
body .user-detail-overlay__review-card{
  min-height:88px;
  padding:12px;
  border-radius:18px;
}
body .user-detail-overlay__action-list{
  gap:10px;
}
body .user-detail-overlay__action-item{
  min-height:54px;
  color:var(--ud-text);
  font-size:15px;
  font-weight:700;
}
body .user-detail-overlay__gift-list{
  display:grid;
  gap:10px;
}
body .user-detail-overlay__gift-card{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:12px;
  border-radius:20px;
  background:var(--ud-surface-soft);
  border:1px solid var(--ud-line);
}
body .user-detail-overlay__gift-icon{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:16px;
  font-weight:800;
}
body .user-detail-overlay__gift-card--rose .user-detail-overlay__gift-icon{
  background:linear-gradient(135deg,#f4a7b9,#df7f95);
}
body .user-detail-overlay__gift-card--amber .user-detail-overlay__gift-icon{
  background:linear-gradient(135deg,#f4c27f,#dca462);
}
body .user-detail-overlay__gift-card--sky .user-detail-overlay__gift-icon{
  background:linear-gradient(135deg,#94bfe2,#6f97c8);
}
body .user-detail-overlay__gift-card--mint .user-detail-overlay__gift-icon{
  background:linear-gradient(135deg,#81d7b7,#58bc95);
}
body .user-detail-overlay__gift-meta{
  min-width:0;
  display:grid;
  gap:4px;
}
body .user-detail-overlay__gift-card em{
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:var(--ud-surface-strong);
  color:#654b39;
  font-style:normal;
  font-size:12px;
  font-weight:700;
}
body .user-detail-overlay .core-overlay__footer .core-actions{
  margin-top:0;
}
body .user-detail-overlay .core-overlay__footer .core-secondary-btn,
body .user-detail-overlay .core-overlay__footer .core-primary-btn{
  min-height:48px;
  border-radius:18px;
  border:1px solid var(--ud-line);
  background:var(--ud-surface-strong);
  color:var(--ud-text);
  box-shadow:none;
}
@media (max-width:420px){
  body .user-detail-ref{
    padding-bottom:calc(132px + env(safe-area-inset-bottom));
  }
  body .user-detail-ref__hero{
    height:140px;
    min-height:140px;
    padding:10px 10px 0;
  }
  body .user-detail-ref__quote{
    left:10px;
    bottom:10px;
    max-width:min(70vw,176px);
    padding:6px 9px;
  }
  body .user-detail-ref__sheet{
    margin-top:-6px;
  }
  body .user-detail-ref__summary{
    padding:42px 10px 0;
  }
  body .user-detail-ref__avatar{
    left:10px;
    width:52px;
    height:52px;
  }
  body .user-detail-ref__gift-wall{
    right:10px;
    min-width:108px;
    height:38px;
    padding:0 9px 0 7px;
  }
  body .user-detail-ref__headline-main{
    display:block;
  }
  body .user-detail-ref__name{
    font-size:20px;
  }
  body .user-detail-ref__stats{
    top:2px;
    gap:6px;
  }
  body .user-detail-ref__tabs{
    gap:18px;
    padding:10px 10px 0;
  }
  body .user-detail-ref__panel{
    padding:6px 10px 0;
  }
  body .user-detail-ref__dock-btn{
    min-height:54px;
    font-size:15px;
  }
  body .user-detail-overlay__gift-card{
    grid-template-columns:40px minmax(0,1fr);
  }
  body .user-detail-overlay__gift-card em{
    grid-column:2 / 3;
    justify-self:start;
  }
  body .user-detail-overlay__gift-icon{
    width:40px;
    height:40px;
    border-radius:14px;
  }
}
/* shell-bg-unify-20260424c */
:root{
--sc-shell-bg-deep:#020304;
--sc-shell-bg:#06080c;
--sc-shell-bg-soft:#0b1015;
--sc-shell-surface:#11161b;
--sc-shell-line:rgba(255,255,255,.08)
}
html,body,#root{
background:var(--sc-shell-bg-deep)!important
}
body,
body #root,
body .app-shell,
body .app-shell--mobile{
background:linear-gradient(180deg,var(--sc-shell-bg-deep),var(--sc-shell-bg) 48%,var(--sc-shell-bg-deep))!important
}
body .app-shell--mobile .page-shell{
background:transparent!important
}
body .app-shell--mobile:before{
background:radial-gradient(circle at center,rgba(255,255,255,.04),transparent 44%),var(--sc-shell-bg-deep)!important
}
body .app-shell--mobile:after{
background:linear-gradient(180deg,rgba(2,3,4,0),rgba(2,3,4,.84) 48%,var(--sc-shell-bg-deep) 100%)!important
}
body.discover-page-active,
body.discover-page-active #root,
body.discover-page-active .app-shell,
body.discover-page-active .app-shell--mobile,
body.discover-page-active .app-shell--mobile .page-shell,
body.message-page-active,
body.message-page-active #root,
body.message-page-active .app-shell,
body.message-page-active .app-shell--mobile,
body.message-page-active .app-shell--mobile .page-shell,
body.chat-page-active,
body.chat-page-active #root,
body.chat-page-active .app-shell,
body.chat-page-active .app-shell--mobile,
body.chat-page-active .app-shell--mobile .page-shell,
body.user-detail-page-active,
body.user-detail-page-active #root,
body.user-detail-page-active .app-shell,
body.user-detail-page-active .app-shell--mobile,
body.user-detail-page-active .app-shell--mobile .page-shell{
background:linear-gradient(180deg,var(--sc-shell-bg-deep),var(--sc-shell-bg) 48%,var(--sc-shell-bg-deep))!important
}
body .discover-home,
body .discover-v3,
body .discover-v3.page-shell,
body .discover-xhs,
body .discover-xhs.page-shell,
body .discover-xhs__content,
body .message-page,
body .message-xhs,
body .message-xhs__content,
body .core-page--message,
body .core-page--nearby,
body .core-page--nearby.page-shell,
body .core-page--chat,
body .match-page,
body .profile-page,
body .events-page,
body .publish-page,
body .page-shell.core-page.certification-page,
body .user-detail-page.user-detail-page--v7{
background:transparent!important
}
body .h5-tab-bar,
body .core-tab-bar{
background:transparent!important;
border-top:0!important;
box-shadow:none!important
}
body .core-tab-bar__shell{
background:rgba(8,10,14,.82)!important;
border:1px solid var(--sc-shell-line)!important;
box-shadow:0 18px 36px rgba(0,0,0,.42)!important;
backdrop-filter:blur(22px)
}
body .discover-xhs .core-overlay__panel,
body .discover-xhs .core-overlay__panel--compact,
body .discover-xhs .core-overlay__panel--wide,
body .message-xhs__overlay .core-overlay__panel,
body .message-xhs__overlay .core-overlay__panel--compact,
body .message-xhs__overlay .core-overlay__panel--wide,
body .publish-page .core-overlay__panel,
body .publish-page .core-overlay__panel--wide,
body .publish-page .core-overlay__panel--compact,
body .events-page .core-overlay__panel,
body .events-page .core-overlay__panel--wide,
body .events-page .core-overlay__panel--compact,
body.chat-page-active .core-overlay__panel,
body.chat-page-active .core-overlay__panel--wide,
body.chat-page-active .core-overlay__panel--compact,
body .match-page__filter-card,
body .match-page__favorite-card{
background:linear-gradient(180deg,var(--sc-shell-surface),#0c1014)!important;
border-color:var(--sc-shell-line)!important;
box-shadow:0 28px 52px rgba(0,0,0,.42)!important
}
body .toast-message{
background:rgba(12,15,19,.94)!important;
border-color:rgba(255,255,255,.08)!important
}
/* user-detail-scroll-fix-20260424d */
body.user-detail-page-active .app-shell--mobile,
body.user-detail-page-active .app-shell--mobile .page-shell{
overflow:hidden!important;
overscroll-behavior:none!important
}
body.user-detail-page-active .app-shell--mobile .page-shell{
padding:0!important
}
body .user-detail-page.user-detail-page--v7,
body .user-detail-overlay{
--ud-surface:#0f1318!important;
--ud-surface-soft:#161c23!important;
--ud-surface-strong:#202832!important;
--ud-line:rgba(255,255,255,.08)!important;
--ud-text:#f3f6f9!important;
--ud-muted:#98a5b3!important
}
body .user-detail-page.user-detail-page--v7{
height:100dvh!important;
min-height:100dvh!important;
overflow:hidden!important
}
body .user-detail-ref{
height:100dvh!important;
min-height:100dvh!important;
padding-bottom:0!important;
display:grid!important;
grid-template-rows:auto minmax(0,1fr)!important;
overflow:hidden!important;
background:transparent!important
}
body .user-detail-ref__hero{
position:relative!important;
top:auto!important;
height:148px!important;
min-height:148px!important;
background:
radial-gradient(circle at 18% 18%,rgba(255,255,255,.06),transparent 22%),
radial-gradient(circle at 84% 22%,rgba(255,255,255,.04),transparent 20%),
linear-gradient(180deg,#11161c,#0b0f14)!important
}
body .user-detail-ref__hero-media--fallback{
background:linear-gradient(160deg,#11161c 0%,#171d24 56%,#0b0f14 100%)!important
}
body .user-detail-ref__hero-media{
filter:brightness(.62) saturate(.86)!important
}
body .user-detail-ref__hero-shade{
background:
linear-gradient(180deg,rgba(4,6,9,.16),rgba(4,6,9,.1) 42%,rgba(4,6,9,.58) 100%),
linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0))!important
}
body .user-detail-ref__nav-btn{
background:rgba(12,16,21,.72)!important;
color:#eef3f8!important;
box-shadow:0 8px 18px rgba(0,0,0,.22)!important
}
body .user-detail-ref__quote{
background:rgba(12,16,21,.74)!important;
color:#eef3f8!important;
box-shadow:0 8px 18px rgba(0,0,0,.22)!important
}
body .user-detail-ref__sheet{
margin-top:-10px!important;
min-height:0!important;
height:100%!important;
display:grid!important;
grid-template-rows:auto auto minmax(0,1fr)!important;
overflow:hidden!important;
border-radius:24px 24px 0 0!important;
background:var(--ud-surface)!important;
box-shadow:0 -10px 24px rgba(0,0,0,.22)!important
}
body .user-detail-ref__summary{
padding:46px 12px 0!important;
background:var(--ud-surface)!important
}
body .user-detail-ref__avatar{
background:linear-gradient(180deg,#26313d,#1a222c)!important;
box-shadow:0 0 0 4px rgba(15,19,24,.98),0 8px 18px rgba(0,0,0,.22)!important
}
body .user-detail-ref__avatar-fallback{
color:#c9d4de!important
}
body .user-detail-ref__gift-wall{
background:var(--ud-surface-soft)!important;
box-shadow:0 8px 18px rgba(0,0,0,.18)!important
}
body .user-detail-ref__gift-orb{
background:#2a3541!important;
color:#f0f4f8!important
}
body .user-detail-ref__gift-copy strong,
body .user-detail-ref__gift-copy span,
body .user-detail-ref__name,
body .user-detail-ref__stat strong,
body .user-detail-ref__tab.is-active,
body .user-detail-ref__empty strong,
body .user-detail-ref__post-copy,
body .user-detail-overlay .core-overlay__title strong,
body .user-detail-overlay__metric-card strong,
body .user-detail-overlay__info-card strong,
body .user-detail-overlay__review-head strong,
body .user-detail-overlay__toggle strong,
body .user-detail-overlay__gift-meta strong{
color:var(--ud-text)!important
}
body .user-detail-ref__stat span,
body .user-detail-ref__gift-copy strong,
body .user-detail-ref__empty span,
body .user-detail-ref__post-meta,
body .user-detail-overlay .core-overlay__title span,
body .user-detail-overlay__metric-card span,
body .user-detail-overlay__info-card span,
body .user-detail-overlay__review-card span,
body .user-detail-overlay__toggle span,
body .user-detail-overlay__gift-meta span{
color:var(--ud-muted)!important
}
body .user-detail-ref__badge,
body .user-detail-ref__tag,
body .user-detail-ref__work-card,
body .user-detail-ref__empty,
body .user-detail-overlay__section,
body .user-detail-overlay__metric-card,
body .user-detail-overlay__info-card,
body .user-detail-overlay__review-card,
body .user-detail-overlay__toggle,
body .user-detail-overlay__action-item,
body .user-detail-overlay__chip,
body .user-detail-overlay__textarea,
body .user-detail-overlay__gift-card{
background:var(--ud-surface-soft)!important;
border-color:var(--ud-line)!important
}
body .user-detail-ref__badge--pearl,
body .user-detail-ref__badge--rose,
body .user-detail-ref__badge--sand,
body .user-detail-ref__badge--mist,
body .user-detail-ref__tag{
color:#d7e0e8!important
}
body .user-detail-ref__tabs{
margin-top:6px!important;
padding:10px 12px 0!important;
border-top:1px solid rgba(255,255,255,.06)!important;
background:var(--ud-surface)!important
}
body .user-detail-ref__tab{
color:#9ca8b5!important
}
body .user-detail-ref__tab em{
color:#d5dde6!important
}
body .user-detail-ref__tab.is-active:after{
background:#eef3f8!important
}
body .user-detail-ref__panel{
min-height:0!important;
padding:8px 12px calc(156px + env(safe-area-inset-bottom))!important;
overflow-y:auto!important;
overflow-x:hidden!important;
overscroll-behavior:contain!important;
background:var(--ud-surface)!important;
scrollbar-width:none
}
body .user-detail-ref__panel::-webkit-scrollbar{
display:none
}
body .user-detail-ref__post-date strong{
color:#eef3f8!important
}
body .user-detail-ref__post-date span,
body .user-detail-ref__work-card--fallback span{
color:#9ca8b5!important
}
body .user-detail-ref__post-image{
background:#0c1116!important;
box-shadow:0 10px 20px rgba(0,0,0,.18)!important
}
body .user-detail-ref__work-card--fallback{
color:#eef3f8!important
}
body .user-detail-overlay .core-overlay__backdrop{
background:rgba(4,6,10,.74)!important
}
body .user-detail-overlay .core-overlay__panel,
body .user-detail-overlay .core-overlay__panel--wide,
body .user-detail-overlay .core-overlay__panel--compact,
body .user-detail-overlay .core-overlay__head,
body .user-detail-overlay .core-overlay__body,
body .user-detail-overlay .core-overlay__footer{
background:var(--ud-surface)!important;
border-color:var(--ud-line)!important;
box-shadow:0 28px 54px rgba(0,0,0,.34)!important
}
body .user-detail-overlay__title,
body .user-detail-overlay__chip,
body .user-detail-overlay__review-card p,
body .user-detail-overlay__action-item{
color:var(--ud-text)!important
}
body .user-detail-overlay__toggle em,
body .user-detail-overlay__review-head em,
body .user-detail-overlay__gift-card em,
body .user-detail-overlay .core-overlay__footer .core-secondary-btn,
body .user-detail-overlay .core-overlay__footer .core-primary-btn{
background:var(--ud-surface-strong)!important;
color:var(--ud-text)!important;
border-color:var(--ud-line)!important
}
@media (max-width:420px){
body .user-detail-ref__hero{
height:140px!important;
min-height:140px!important
}
body .user-detail-ref__sheet{
margin-top:-6px!important
}
body .user-detail-ref__panel{
padding:6px 10px calc(150px + env(safe-area-inset-bottom))!important
}
}
/* user-detail-visual-refine-20260424e */
body .user-detail-ref__hero{
height:136px!important;
min-height:136px!important
}
body .user-detail-ref__hero-media--fallback{
background:
radial-gradient(circle at 18% 24%,rgba(148,163,184,.14),transparent 24%),
radial-gradient(circle at 82% 18%,rgba(255,255,255,.05),transparent 18%),
linear-gradient(160deg,#182029 0%,#10161c 58%,#0a0e13 100%)!important
}
body .user-detail-ref__sheet{
grid-template-rows:auto minmax(0,1fr)!important;
margin-top:-8px!important
}
body .user-detail-ref__sheet-head{
position:relative;
z-index:3;
display:grid;
grid-template-rows:auto auto;
background:var(--ud-surface);
box-shadow:0 1px 0 rgba(255,255,255,.04)
}
body .user-detail-ref__summary{
padding:44px 12px 10px!important
}
body .user-detail-ref__content{
gap:8px!important
}
body .user-detail-ref__tabs{
padding:8px 12px 8px!important;
margin-top:0!important;
box-shadow:0 8px 18px rgba(0,0,0,.08)
}
body .user-detail-ref__panel{
padding-top:10px!important
}
body .user-detail-ref__timeline{
display:flex!important;
flex-direction:column!important;
gap:14px!important;
min-height:100%!important
}
body .user-detail-ref__empty{
flex:1 0 auto!important;
min-height:min(36vh,280px)!important;
align-content:center!important
}
body .user-detail-ref__dock{
bottom:calc(env(safe-area-inset-bottom) + 18px)!important
}
@media (max-width:420px){
body .user-detail-ref__hero{
height:132px!important;
min-height:132px!important
}
body .user-detail-ref__sheet{
margin-top:-4px!important
}
body .user-detail-ref__summary{
padding:40px 10px 8px!important
}
body .user-detail-ref__tabs{
padding:8px 10px 8px!important
}
body .user-detail-ref__panel{
padding-top:8px!important
}
body .user-detail-ref__dock{
bottom:calc(env(safe-area-inset-bottom) + 16px)!important
}
}
/* detail-discover-fix-20260424h */
body .user-detail-ref__sheet-head{
overflow:visible!important
}
body .user-detail-ref__summary{
min-height:118px!important;
padding:62px 12px 10px!important
}
body .user-detail-ref__avatar{
top:8px!important;
left:12px!important;
width:50px!important;
height:50px!important;
border-radius:18px!important;
z-index:5!important
}
body .user-detail-ref__gift-wall{
top:10px!important;
right:12px!important
}
body .user-detail-ref__relations{
gap:14px!important;
padding-top:4px!important
}
body .user-detail-ref__relation-row{
gap:10px!important
}
body .user-detail-ref__relation-card{
min-height:168px!important;
padding:18px 10px 16px!important;
border-radius:24px!important;
overflow:hidden!important;
border:1px solid rgba(255,255,255,.08)!important;
background:linear-gradient(180deg,#161c23,#0f141a)!important;
box-shadow:0 16px 30px rgba(0,0,0,.22)!important
}
body .user-detail-ref__relation-crown{
top:10px!important;
left:10px!important;
transform:none!important;
width:auto!important;
height:auto!important;
padding:4px 9px!important;
border-radius:999px!important;
background:rgba(255,255,255,.06)!important
}
body .user-detail-ref__relation-crown:before,
body .user-detail-ref__relation-crown:after{
display:none!important
}
body .user-detail-ref__relation-crown i{
position:static!important;
display:block!important;
width:12px!important;
height:12px!important;
background:linear-gradient(180deg,#ffd77b,#ffb648)!important;
box-shadow:none!important
}
body .user-detail-ref__relation-avatar{
margin-top:18px!important;
width:54px!important;
height:54px!important;
background:#202832!important;
box-shadow:0 10px 18px rgba(0,0,0,.18)!important
}
body .user-detail-ref__relation-avatar span{
color:#eef3f8!important
}
body .user-detail-ref__relation-card strong{
color:#f3f6f9!important;
font-size:15px!important
}
body .user-detail-ref__relation-card>span{
min-height:28px!important;
padding:0 10px!important;
background:#202832!important;
color:#d8e1ea!important;
font-size:11px!important
}
body .user-detail-ref__relation-card em{
margin:0!important;
color:#94a3b3!important;
font-style:normal!important;
font-size:11px!important;
line-height:1.45!important;
text-align:center!important
}
body .user-detail-ref__relation-link{
min-height:48px!important;
border-radius:18px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:#141a20!important;
color:#dce4ec!important;
display:grid!important;
place-items:center!important
}
body .user-detail-ref__relation-link:after{
content:""!important
}
body .user-detail-ref__dock-btn--chat,
body .user-detail-ref__dock-btn--follow{
background:linear-gradient(180deg,#151b22,#0d1117)!important;
border:1px solid rgba(255,255,255,.08)!important;
color:#eef3f8!important;
box-shadow:0 16px 28px rgba(0,0,0,.28)!important
}
body .discover-xhs__nearby-map{
display:grid;
gap:12px;
padding:12px;
margin-bottom:14px;
border-radius:24px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,#11161c,#0d1117);
box-shadow:0 18px 32px rgba(0,0,0,.24)
}
body .discover-xhs__nearby-map-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px
}
body .discover-xhs__nearby-map-copy{
display:grid;
gap:4px
}
body .discover-xhs__nearby-map-copy strong{
color:#f3f6f9;
font-size:16px
}
body .discover-xhs__nearby-map-copy span{
color:#95a2af;
font-size:12px;
line-height:1.5
}
body .discover-xhs__nearby-map-action{
min-height:34px;
padding:0 12px;
border:1px solid rgba(255,255,255,.08);
border-radius:999px;
background:#161d25;
color:#eef3f8;
font:inherit;
font-size:12px;
font-weight:700
}
body .discover-xhs__nearby-map-stage{
position:relative;
min-height:196px;
border-radius:20px;
overflow:hidden;
background:
radial-gradient(circle at 24% 24%,rgba(123,162,255,.18),transparent 24%),
radial-gradient(circle at 76% 70%,rgba(255,208,118,.14),transparent 26%),
linear-gradient(180deg,#121821,#0b1016)
}
body .discover-xhs__nearby-map-grid{
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
background-size:36px 36px;
mask-image:linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.58))
}
body .discover-xhs__nearby-pin{
position:absolute;
transform:translate(-50%,-50%);
padding:0;
border:0;
background:transparent;
display:grid;
justify-items:center;
gap:6px
}
body .discover-xhs__nearby-pin:before{
content:"";
position:absolute;
top:12px;
width:54px;
height:54px;
border-radius:999px;
background:rgba(255,255,255,.06);
filter:blur(10px)
}
body .discover-xhs__nearby-pin-avatar,
body .discover-xhs__nearby-pin span{
position:relative;
z-index:1
}
body .discover-xhs__nearby-pin span{
min-height:24px;
padding:0 8px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(10,14,19,.88);
border:1px solid rgba(255,255,255,.08);
color:#eef3f8;
font-size:11px
}
body .discover-xhs__nearby-pin.is-online span{
background:rgba(14,22,19,.9);
border-color:rgba(72,187,120,.28)
}
body .discover-xhs__nearby-map-foot{
position:absolute;
left:12px;
right:12px;
bottom:12px;
padding:10px 12px;
border-radius:16px;
display:grid;
gap:4px;
background:rgba(9,12,16,.86);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(12px)
}
body .discover-xhs__nearby-map-foot strong{
color:#eef3f8;
font-size:13px
}
body .discover-xhs__nearby-map-foot span{
color:#95a2af;
font-size:12px
}
@media (max-width:420px){
body .user-detail-ref__summary{
min-height:110px!important;
padding:58px 10px 8px!important
}
body .user-detail-ref__avatar{
left:10px!important;
width:48px!important;
height:48px!important
}
body .user-detail-ref__gift-wall{
top:8px!important;
right:10px!important
}
body .user-detail-ref__relation-card{
min-height:160px!important;
padding:16px 8px 14px!important
}
body .discover-xhs__nearby-map{
padding:10px;
border-radius:22px
}
body .discover-xhs__nearby-map-stage{
min-height:182px
}
body .discover-xhs__nearby-map-action{
padding:0 10px;
font-size:11px
}
}
/* detail-intro-avatar-20260424h */
body .user-detail-ref__summary{
min-height:128px!important;
padding:74px 12px 10px!important
}
body .user-detail-ref__avatar{
top:18px!important;
left:14px!important;
width:52px!important;
height:52px!important;
border-radius:18px!important
}
body .user-detail-ref__gift-wall{
top:14px!important
}
body .user-detail-ref__timeline{
gap:12px!important
}
body .user-detail-ref__intro-card{
padding:14px 14px 15px!important;
border-radius:22px!important;
border:1px solid rgba(255,255,255,.08)!important;
background:linear-gradient(180deg,#151b22,#10161c)!important;
box-shadow:0 14px 24px rgba(0,0,0,.2)!important;
display:grid!important;
gap:12px!important
}
body .user-detail-ref__intro-head{
display:grid!important;
gap:10px!important
}
body .user-detail-ref__intro-head strong{
color:#eef3f8!important;
font-size:16px!important;
line-height:1.1!important
}
body .user-detail-ref__intro-tags{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important
}
body .user-detail-ref__intro-tags span{
min-height:28px!important;
padding:0 10px!important;
border-radius:999px!important;
display:inline-flex!important;
align-items:center!important;
background:#1c232c!important;
border:1px solid rgba(255,255,255,.07)!important;
color:#d7e0e8!important;
font-size:11px!important
}
body .user-detail-ref__intro-copy{
margin:0!important;
color:#b4bfca!important;
font-size:13px!important;
line-height:1.72!important
}
@media (max-width:420px){
body .user-detail-ref__summary{
min-height:122px!important;
padding:70px 10px 8px!important
}
body .user-detail-ref__avatar{
top:16px!important;
left:12px!important;
width:50px!important;
height:50px!important
}
body .user-detail-ref__gift-wall{
top:12px!important
}
body .user-detail-ref__intro-card{
padding:13px 12px 14px!important
}
body .user-detail-ref__intro-head{
gap:8px!important
}
}
/* detail-tighten-20260424h */
body .user-detail-ref__summary{
min-height:120px!important;
padding:78px 12px 8px!important
}
body .user-detail-ref__avatar{
top:26px!important;
left:14px!important;
width:48px!important;
height:48px!important;
border-radius:16px!important
}
body .user-detail-ref__gift-wall{
top:18px!important;
right:12px!important;
min-width:104px!important;
height:36px!important;
padding:0 9px 0 6px!important;
border-radius:15px!important
}
body .user-detail-ref__gift-orb{
width:22px!important;
height:22px!important;
font-size:10px!important
}
body .user-detail-ref__gift-copy span{
font-size:11px!important
}
body .user-detail-ref__content{
gap:6px!important;
padding-right:88px!important
}
body .user-detail-ref__headline{
gap:2px!important
}
body .user-detail-ref__stats{
top:0!important;
gap:6px!important
}
body .user-detail-ref__stat{
min-width:28px!important
}
body .user-detail-ref__stat strong{
font-size:15px!important
}
body .user-detail-ref__stat span{
font-size:10px!important
}
body .user-detail-ref__badge-row{
gap:5px!important
}
body .user-detail-ref__empty--compact{
min-height:124px!important;
padding:16px 14px!important;
gap:4px!important
}
body .user-detail-ref__empty--compact strong{
font-size:14px!important
}
body .user-detail-ref__empty--compact span{
font-size:12px!important
}
@media (max-width:420px){
body .user-detail-ref__summary{
min-height:114px!important;
padding:74px 10px 8px!important
}
body .user-detail-ref__avatar{
top:24px!important;
left:12px!important;
width:46px!important;
height:46px!important
}
body .user-detail-ref__gift-wall{
top:16px!important;
right:10px!important;
min-width:98px!important;
height:34px!important
}
body .user-detail-ref__content{
padding-right:82px!important
}
body .user-detail-ref__stats{
gap:5px!important
}
body .user-detail-ref__empty--compact{
min-height:116px!important;
padding:14px 12px!important
}
}
/* profile-rebuild-20260424k */
body .profile-page{
display:block!important;
gap:0!important;
padding:0!important;
overflow:hidden!important;
background:#06080c!important
}
body .profile-hub{
height:100%;
min-height:100%;
display:flex;
flex-direction:column;
overflow:hidden;
background:linear-gradient(180deg,#05070a,#090c11 48%,#06080c)
}
body .profile-hub__hero-shell{
position:relative;
flex-shrink:0;
min-height:352px;
padding:calc(14px + env(safe-area-inset-top)) 16px 18px;
background-size:cover;
background-position:center;
overflow:hidden
}
body .profile-hub__hero-mask{
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(7,9,12,.16),rgba(7,9,12,.68) 54%,rgba(7,9,12,.94))
}
body .profile-hub__hero-content{
position:relative;
z-index:1;
display:grid;
gap:14px
}
body .profile-hub__topline{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px
}
body .profile-hub__topline strong{
color:#f4f7fb;
font-size:14px;
font-weight:700
}
body .profile-hub__eyebrow{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
padding:0 12px;
border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.14);
color:#f1f5fb;
font-size:12px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase
}
body .profile-hub__identity-row{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:14px;
align-items:center
}
body .profile-hub__avatar-stack{
position:relative;
width:88px;
height:88px
}
body .profile-hub__avatar-stack .sc-avatar--hero,
body .profile-hub__avatar-stack .sc-avatar{
width:88px;
height:88px
}
body .profile-hub__avatar-stack .sc-avatar__media{
border-radius:28px
}
body .profile-hub__verified-badge{
position:absolute;
right:-2px;
bottom:-2px;
width:28px;
height:28px;
border-radius:50%;
display:grid;
place-items:center;
background:linear-gradient(135deg,#ffd65c,#ffb400);
box-shadow:0 10px 18px rgba(255,196,60,.34);
color:#3f2b00;
font-size:15px;
font-weight:900;
border:2px solid rgba(7,9,12,.82)
}
body .profile-hub__identity-copy{
min-width:0;
display:grid;
gap:8px
}
body .profile-hub__name-row{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap
}
body .profile-hub__name-row h1{
margin:0;
color:#fff;
font-size:34px;
line-height:1;
letter-spacing:-.05em
}
body .profile-hub__badge-row{
display:flex;
align-items:center;
gap:6px;
flex-wrap:wrap
}
body .profile-hub__badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
padding:0 10px;
border-radius:999px;
background:rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.12);
color:#f7fbff;
font-size:12px;
font-weight:800
}
body .profile-hub__badge--vip{
background:linear-gradient(135deg,rgba(255,215,95,.3),rgba(255,164,64,.24));
color:#ffe7a9
}
body .profile-hub__uid-row{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
color:#d1d8e5;
font-size:13px
}
body .profile-hub__uid-row span{
display:inline-flex;
align-items:center;
min-height:22px
}
body .profile-hub__intro{
margin:0;
color:#eef2f8;
font-size:15px;
line-height:1.7
}
body .profile-hub__tag-row{
display:flex;
flex-wrap:wrap;
gap:8px
}
body .profile-hub__tag{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:30px;
padding:0 12px;
border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.1);
color:#f1f5fb;
font-size:12px;
font-weight:700
}
body .profile-hub__stats-row{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px
}
body .profile-hub__stat-card{
padding:14px 12px;
border-radius:22px;
background:linear-gradient(180deg,rgba(11,14,18,.82),rgba(11,14,18,.6));
border:1px solid rgba(255,255,255,.08);
box-shadow:inset 0 1px rgba(255,255,255,.03)
}
body .profile-hub__stat-card strong{
display:block;
margin-bottom:6px;
color:#fff;
font-size:32px;
line-height:1;
letter-spacing:-.05em
}
body .profile-hub__stat-card span{
color:#c8d1df;
font-size:13px;
font-weight:700
}
body .profile-hub__action-row{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:10px
}
body .profile-hub__action-btn{
min-height:48px;
padding:0 16px;
border-radius:999px;
border:1px solid rgba(255,255,255,.14);
background:rgba(10,12,16,.48);
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
font:inherit;
font-weight:700;
box-shadow:0 16px 28px rgba(0,0,0,.24)
}
body .profile-hub__action-btn svg{
width:18px;
height:18px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round
}
body .profile-hub__action-btn--primary{
background:rgba(255,255,255,.08)
}
body .profile-hub__portal-row{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px
}
body .profile-hub__portal-card{
width:100%;
min-height:118px;
padding:14px 12px;
border-radius:24px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(12,14,18,.88),rgba(9,11,15,.74));
display:grid;
align-content:space-between;
gap:12px;
text-align:left;
box-shadow:0 16px 30px rgba(0,0,0,.24)
}
body .profile-hub__portal-icon{
width:42px;
height:42px;
border-radius:16px;
display:grid;
place-items:center;
background:rgba(255,255,255,.08);
color:#fff
}
body .profile-hub__portal-icon svg{
width:20px;
height:20px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round
}
body .profile-hub__portal-copy{
display:grid;
gap:6px
}
body .profile-hub__portal-copy span{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:24px;
width:max-content;
padding:0 10px;
border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.08);
color:#dce4ef;
font-size:11px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase
}
body .profile-hub__portal-copy strong{
color:#fff;
font-size:20px;
line-height:1.06;
letter-spacing:-.03em
}
body .profile-hub__portal-copy p{
margin:0;
color:#bac5d4;
font-size:12px;
line-height:1.6
}
body .profile-hub__content-shell{
position:relative;
flex:1;
min-height:0;
overflow-y:auto;
overflow-x:hidden;
padding:0 14px calc(116px + env(safe-area-inset-bottom));
margin-top:-10px;
border-top-left-radius:30px;
border-top-right-radius:30px;
background:linear-gradient(180deg,#11151b,#0b0e13 34%,#080b0f);
box-shadow:0 -16px 32px rgba(0,0,0,.34);
scrollbar-width:none
}
body .profile-hub__content-shell::-webkit-scrollbar{
display:none
}
body .profile-hub__content-head{
position:sticky;
top:0;
z-index:4;
padding:12px 0 10px;
background:linear-gradient(180deg,#11151b 74%,rgba(17,21,27,.92))
}
body .profile-hub__content-notch{
width:96px;
height:6px;
margin:0 auto 12px;
border-radius:999px;
background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.42),rgba(255,255,255,.12))
}
body .profile-hub__tabs{
display:flex;
gap:8px;
overflow-x:auto;
padding-bottom:2px;
scrollbar-width:none
}
body .profile-hub__tabs::-webkit-scrollbar{
display:none
}
body .profile-hub__tab-btn{
flex:0 0 auto;
min-width:108px;
min-height:48px;
padding:0 14px;
border-radius:18px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.04);
color:#d9e0ea;
display:inline-flex;
align-items:center;
justify-content:space-between;
gap:10px;
font:inherit;
font-weight:700
}
body .profile-hub__tab-btn em{
font-style:normal;
font-size:12px;
font-weight:800;
color:#9fb0c6
}
body .profile-hub__tab-btn.active{
background:linear-gradient(135deg,rgba(129,98,255,.22),rgba(62,189,255,.14));
border-color:rgba(165,181,255,.18);
color:#fff;
box-shadow:0 16px 28px rgba(0,0,0,.24)
}
body .profile-hub__tab-btn.active em{
color:#fff
}
body .profile-hub__masonry{
column-count:2;
column-gap:12px
}
body .profile-hub__masonry-card{
display:inline-block;
width:100%;
margin:0 0 12px;
padding:0;
border:1px solid rgba(255,255,255,.08);
border-radius:26px;
overflow:hidden;
background:linear-gradient(180deg,rgba(15,18,24,.96),rgba(10,12,17,.94));
box-shadow:0 20px 38px rgba(0,0,0,.28);
break-inside:avoid;
text-align:left
}
body .profile-hub__card-cover{
position:relative;
overflow:hidden
}
body .profile-hub__card-cover--image{
aspect-ratio:3/4;
background:#11151a
}
body .profile-hub__card-cover--image img{
display:block;
width:100%;
height:100%;
object-fit:cover
}
body .profile-hub__card-cover--fallback{
min-height:178px;
padding:18px 16px;
display:flex;
align-items:center;
justify-content:center
}
body .profile-hub__card-cover-shadow{
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(7,8,12,.04),rgba(7,8,12,.64))
}
body .profile-hub__card-cover-badges{
position:absolute;
left:12px;
right:12px;
top:12px;
display:flex;
align-items:center;
justify-content:space-between;
gap:8px
}
body .profile-hub__card-cover-badges span,
body .profile-hub__card-cover-badges em{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
padding:0 10px;
border-radius:999px;
background:rgba(7,9,12,.54);
border:1px solid rgba(255,255,255,.14);
color:#fff;
font-size:11px;
font-weight:800;
font-style:normal;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px)
}
body .profile-hub__card-cover-badges em{
background:rgba(129,98,255,.26)
}
body .profile-hub__card-fallback-avatar{
width:68px;
height:68px;
border-radius:22px;
object-fit:cover;
box-shadow:0 14px 24px rgba(0,0,0,.24)
}
body .profile-hub__card-fallback-mark{
width:70px;
height:70px;
border-radius:24px;
display:grid;
place-items:center;
background:rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.12);
color:#fff;
font-size:26px;
font-weight:900;
letter-spacing:-.04em
}
body .profile-hub__card-body{
display:grid;
gap:10px;
padding:14px 14px 16px
}
body .profile-hub__card-meta{
display:grid;
gap:4px
}
body .profile-hub__card-meta strong{
color:#fff;
font-size:18px;
line-height:1.22;
letter-spacing:-.03em
}
body .profile-hub__card-meta span{
color:#aeb8c8;
font-size:12px;
line-height:1.4
}
body .profile-hub__card-body p{
margin:0;
color:#edf1f6;
font-size:13px;
line-height:1.7
}
body .profile-hub__card-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
color:#9fb0c6;
font-size:12px;
font-weight:700
}
body .profile-hub__empty{
display:grid;
gap:8px;
justify-items:center;
padding:34px 16px 18px;
border-radius:24px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(15,18,24,.96),rgba(10,12,17,.92))
}
body .profile-hub__empty strong{
color:#fff;
font-size:18px
}
body .profile-hub__empty p{
margin:0;
color:#aeb8c8;
font-size:13px;
line-height:1.7;
text-align:center
}
body .profile-hub__settings-link{
width:100%;
margin-top:4px;
min-height:48px;
border-radius:18px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.04);
color:#dce4ef;
font:inherit;
font-weight:700
}
body .profile-hub__masonry-card--skeleton{
padding:14px
}
body .profile-hub__skeleton-cover{
height:180px;
border-radius:20px;
background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.12),rgba(255,255,255,.06));
animation:profile-hub-shimmer 1.4s linear infinite
}
body .profile-hub__skeleton-lines{
display:grid;
gap:10px;
padding-top:12px
}
body .profile-hub__skeleton-lines span{
height:12px;
border-radius:999px;
background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.12),rgba(255,255,255,.06));
animation:profile-hub-shimmer 1.4s linear infinite
}
body .profile-hub__skeleton-lines span:nth-child(2){
width:72%
}
body .profile-hub__skeleton-lines span:nth-child(3){
width:48%
}
@keyframes profile-hub-shimmer{
0%{background-position:-180px 0}
100%{background-position:180px 0}
}
@media (max-width:640px){
body .profile-hub__hero-shell{
min-height:336px;
padding:calc(12px + env(safe-area-inset-top)) 12px 16px
}
body .profile-hub__name-row h1{
font-size:30px
}
body .profile-hub__portal-copy strong{
font-size:18px
}
}
@media (max-width:420px){
body .profile-hub__hero-shell{
min-height:324px
}
body .profile-hub__identity-row{
grid-template-columns:74px minmax(0,1fr);
gap:12px
}
body .profile-hub__avatar-stack,
body .profile-hub__avatar-stack .sc-avatar--hero,
body .profile-hub__avatar-stack .sc-avatar{
width:74px;
height:74px
}
body .profile-hub__badge{
min-height:26px;
padding:0 8px;
font-size:11px
}
body .profile-hub__name-row h1{
font-size:28px
}
body .profile-hub__intro{
font-size:14px
}
body .profile-hub__portal-row{
grid-template-columns:repeat(3,minmax(0,1fr))
}
body .profile-hub__portal-card{
min-height:108px;
padding:12px 10px
}
body .profile-hub__portal-icon{
width:38px;
height:38px
}
body .profile-hub__portal-copy strong{
font-size:17px
}
body .profile-hub__portal-copy p{
font-size:11px
}
body .profile-hub__content-shell{
padding:0 12px calc(114px + env(safe-area-inset-bottom))
}
body .profile-hub__masonry{
column-gap:10px
}
body .profile-hub__masonry-card{
margin-bottom:10px
}
body .profile-hub__tab-btn{
min-width:96px
}
}
/* page-polish-20260424l */
body.profile-page-active .core-tab-fab{
opacity:0;
pointer-events:none;
transform:translateY(18px) scale(.92)
}
body.profile-page-active .profile-hub__content-shell{
padding-bottom:calc(98px + env(safe-area-inset-bottom))
}
body.identity-page-active .core-overlay,
body.vip-page-active .core-overlay,
body.edit-profile-page-active .core-overlay{
z-index:1500
}
body.identity-page-active .core-overlay__backdrop,
body.vip-page-active .core-overlay__backdrop,
body.edit-profile-page-active .core-overlay__backdrop{
background:rgba(4,6,10,.88);
-webkit-backdrop-filter:blur(18px);
backdrop-filter:blur(18px)
}
body.identity-page-active .core-overlay__panel,
body.identity-page-active .core-overlay__panel--wide,
body.identity-page-active .core-overlay__panel--compact,
body.vip-page-active .core-overlay__panel,
body.vip-page-active .core-overlay__panel--wide,
body.vip-page-active .core-overlay__panel--compact,
body.edit-profile-page-active .core-overlay__panel,
body.edit-profile-page-active .core-overlay__panel--wide,
body.edit-profile-page-active .core-overlay__panel--compact{
background:linear-gradient(180deg,rgba(14,17,24,.98),rgba(9,11,16,.97));
border:1px solid rgba(151,131,255,.16);
box-shadow:0 28px 56px rgba(0,0,0,.48)
}
body.identity-page-active .core-overlay__head,
body.identity-page-active .core-overlay__footer,
body.vip-page-active .core-overlay__head,
body.vip-page-active .core-overlay__footer,
body.edit-profile-page-active .core-overlay__head,
body.edit-profile-page-active .core-overlay__footer{
border-color:rgba(151,131,255,.12)
}
body.identity-page-active .core-overlay__title strong,
body.vip-page-active .core-overlay__title strong,
body.edit-profile-page-active .core-overlay__title strong{
color:#fff
}
body.identity-page-active .core-overlay__title span,
body.vip-page-active .core-overlay__title span,
body.edit-profile-page-active .core-overlay__title span{
color:#b3bdd0
}
body.identity-page-active .core-menu-item,
body.identity-page-active .core-menu-item--static,
body.vip-page-active .core-menu-item,
body.vip-page-active .core-menu-item--static,
body.edit-profile-page-active .core-menu-item,
body.edit-profile-page-active .core-menu-item--static{
background:linear-gradient(180deg,rgba(16,19,27,.98),rgba(10,12,18,.94));
border-color:rgba(151,131,255,.14)
}
body.identity-page-active .core-menu-item strong,
body.vip-page-active .core-menu-item strong,
body.edit-profile-page-active .core-menu-item strong{
color:#f5f7fb
}
body.identity-page-active .core-menu-item span,
body.vip-page-active .core-menu-item span,
body.edit-profile-page-active .core-menu-item span,
body.identity-page-active .core-copy-block span,
body.vip-page-active .core-copy-block span,
body.edit-profile-page-active .core-copy-block span{
color:#a9b4c7
}
body.identity-page-active .core-menu-item em,
body.vip-page-active .core-menu-item em,
body.edit-profile-page-active .core-menu-item em{
background:rgba(255,255,255,.06);
border:1px solid rgba(151,131,255,.12);
color:#eef2f9
}
body .identity-page,
body .vip-page,
body .edit-profile-page{
display:grid;
gap:12px
}
body .identity-page .core-header,
body .vip-page .core-header,
body .edit-profile-page .core-header{
margin-bottom:6px
}
body .identity-page .core-header p,
body .vip-page .core-header p,
body .edit-profile-page .core-header p{
max-width:280px;
color:#aab5c8;
line-height:1.62
}
body .identity-page .core-kicker,
body .vip-page .core-kicker,
body .edit-profile-page .core-kicker{
background:rgba(255,255,255,.08);
border:1px solid rgba(151,131,255,.14);
color:#fff
}
body .identity-page .core-panel--hero,
body .vip-page .core-panel--hero{
background:radial-gradient(circle at 88% 18%,rgba(255,214,103,.16),transparent 26%),radial-gradient(circle at 16% 14%,rgba(255,88,200,.12),transparent 22%),linear-gradient(145deg,#121726,#0c1019 62%,#090c12)
}
body .identity-page .core-hero,
body .vip-page .core-hero{
align-items:center
}
body .identity-page .core-hero h2,
body .vip-page .core-hero h2{
margin:8px 0 6px;
color:#fff;
font-size:clamp(26px,5vw,34px);
line-height:1.02
}
body .identity-page .core-hero p,
body .vip-page .core-hero p{
margin:0;
color:#d7deea;
line-height:1.72
}
body .identity-page .core-panel,
body .vip-page .core-panel,
body .edit-profile-page .core-panel,
body .edit-profile-page .core-panel--soft{
padding:16px 16px 18px;
border-radius:26px
}
body .identity-page .core-chip-row{
margin-top:10px
}
body .identity-page .core-chip,
body .vip-page .core-chip{
background:rgba(255,255,255,.07);
border-color:rgba(151,131,255,.12);
color:#eef2f8
}
body .identity-page .core-menu-item{
padding:14px 14px 13px;
border-radius:22px
}
body .identity-page .core-menu-item.active{
background:linear-gradient(135deg,rgba(142,92,255,.2),rgba(73,215,255,.12));
border-color:rgba(183,166,255,.24)
}
body .identity-page .core-actions--sticky,
body .vip-page .core-actions--sticky,
body .edit-profile-page .core-actions--sticky{
background:linear-gradient(180deg,rgba(14,17,24,.94),rgba(9,11,16,.9));
border:1px solid rgba(151,131,255,.14);
box-shadow:0 20px 36px rgba(0,0,0,.28)
}
body .vip-page__plans .core-shortcut-card{
min-height:144px;
padding:16px;
border-radius:24px;
display:grid;
align-content:space-between;
gap:10px;
background:linear-gradient(145deg,rgba(18,20,29,.98),rgba(10,11,18,.94));
border-color:rgba(151,131,255,.16)
}
body .vip-page__plans .core-shortcut-card strong{
font-size:18px;
color:#fff
}
body .vip-page__plans .core-shortcut-card span{
color:#b3bdd0;
line-height:1.65
}
body .vip-page__plans .core-shortcut-card em{
color:#ffcc6e;
font-size:30px;
font-weight:800;
letter-spacing:-.04em
}
body .edit-profile-page .core-inline-meta{
gap:10px;
color:#b5bfd1
}
body .edit-profile-page .core-inline-meta strong{
color:#fff;
font-size:clamp(22px,4.8vw,28px);
line-height:1.08;
letter-spacing:-.04em
}
body .edit-profile-page .core-compose{
display:grid;
gap:12px
}
body .edit-profile-page .core-form-input,
body .edit-profile-page .core-compose input,
body .edit-profile-page .core-compose select,
body .edit-profile-page .core-compose textarea{
background:linear-gradient(180deg,rgba(248,250,255,.98),rgba(238,242,249,.96));
border:1px solid rgba(16,20,29,.08);
box-shadow:0 12px 24px rgba(0,0,0,.12);
color:#1a2230
}
body .edit-profile-page .core-form-input::placeholder,
body .edit-profile-page .core-compose textarea::placeholder{
color:#8693a8
}
body .edit-profile-page .core-compose textarea{
min-height:168px;
padding:14px 16px;
line-height:1.72
}
body .edit-profile-page .core-menu-item{
align-items:center
}
body .edit-profile-page .core-avatar-choice,
body .edit-profile-page .core-avatar-upload-card{
background:linear-gradient(180deg,rgba(17,19,27,.98),rgba(10,12,18,.94));
border-color:rgba(151,131,255,.14)
}
body .edit-profile-page .core-avatar-choice strong,
body .edit-profile-page .core-avatar-upload-card strong{
color:#fff
}
body .edit-profile-page .core-avatar-choice span,
body .edit-profile-page .core-avatar-upload-card span{
color:#acb8cb
}
body.edit-profile-overlay-open .core-page--edit-profile>.core-actions--sticky{
opacity:0;
pointer-events:none;
transform:translate(-50%,14px)
}
body.edit-profile-overlay-open .core-page--edit-profile{
overflow:hidden
}
body .edit-profile-overlay .core-center-stack{
gap:10px
}
body .edit-profile-overlay .core-center-stack strong{
font-size:30px;
line-height:1.02
}
body .edit-profile-overlay .core-center-stack span{
color:#b4bed1
}
body .edit-profile-overlay .core-center-stack__text{
margin:0;
color:#eef2f8;
line-height:1.72
}
@media (max-width:640px){
body .vip-page__plans .core-menu-grid{
grid-template-columns:1fr
}
body .identity-page .core-hero,
body .vip-page .core-hero{
align-items:flex-start
}
body .identity-page .core-hero .core-primary-btn,
body .vip-page .core-hero .core-primary-btn{
width:100%
}
}
/* page-polish-20260424m */
body .profile-hub{
background:linear-gradient(180deg,#07090d,#0b0f15 44%,#07090d)
}
body .profile-hub__hero-shell{
min-height:308px;
padding:calc(12px + env(safe-area-inset-top)) 14px 12px
}
body .profile-hub__hero-content{
gap:12px
}
body .profile-hub__identity-row{
gap:12px;
align-items:flex-end
}
body .profile-hub__avatar-stack{
width:80px;
height:80px
}
body .profile-hub__avatar-stack .sc-avatar--hero,
body .profile-hub__avatar-stack .sc-avatar{
width:80px;
height:80px
}
body .profile-hub__avatar-stack .sc-avatar__media,
body .profile-hub__avatar-stack .sc-avatar--ring .sc-avatar__media{
border-radius:26px;
box-shadow:0 0 0 4px rgba(7,9,12,.96),0 16px 28px rgba(0,0,0,.28)
}
body .profile-hub__verified-badge{
right:0;
bottom:0;
width:24px;
height:24px;
font-size:13px
}
body .profile-hub__name-row h1{
font-size:30px
}
body .profile-hub__uid-row{
gap:8px;
font-size:12px
}
body .profile-hub__intro{
color:#d6dee9;
font-size:14px;
line-height:1.62
}
body .profile-hub__tag-row{
gap:6px
}
body .profile-hub__tag{
min-height:28px;
padding:0 10px;
background:rgba(255,255,255,.06)
}
body .profile-hub__stats-row{
gap:8px
}
body .profile-hub__stat-card{
padding:12px 10px;
border-radius:18px;
background:linear-gradient(180deg,rgba(14,17,22,.88),rgba(9,11,16,.78))
}
body .profile-hub__stat-card strong{
margin-bottom:4px;
font-size:26px
}
body .profile-hub__stat-card span{
font-size:12px
}
body .profile-hub__action-row{
gap:8px
}
body .profile-hub__action-btn,
body .identity-page .core-primary-btn,
body .vip-page .core-primary-btn,
body .edit-profile-page .core-primary-btn{
min-height:44px;
padding:0 14px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,#2b3340,#1a2029);
box-shadow:none;
color:#fff
}
body .profile-hub__action-btn--primary{
background:linear-gradient(180deg,#313a46,#1d232c)
}
body .identity-page .core-secondary-btn,
body .vip-page .core-secondary-btn,
body .edit-profile-page .core-secondary-btn,
body .identity-page .core-ghost-btn,
body .vip-page .core-ghost-btn,
body .edit-profile-page .core-ghost-btn{
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.05);
box-shadow:none;
color:#e7edf5
}
body .profile-hub__portal-row{
gap:8px
}
body .profile-hub__portal-card{
min-height:100px;
padding:12px 10px;
border-radius:20px;
border-color:rgba(255,255,255,.06);
background:linear-gradient(180deg,rgba(16,19,25,.96),rgba(10,12,18,.94));
box-shadow:none
}
body .profile-hub__portal-icon{
width:38px;
height:38px;
border-radius:14px;
background:rgba(255,255,255,.06)
}
body .profile-hub__portal-copy{
gap:5px
}
body .profile-hub__portal-copy strong{
font-size:17px
}
body .profile-hub__portal-copy p{
font-size:11px;
line-height:1.48
}
body .profile-hub__content-shell{
margin-top:0;
padding:0 12px calc(98px + env(safe-area-inset-bottom));
border-top-left-radius:28px;
border-top-right-radius:28px;
background:linear-gradient(180deg,#0d1117,#090c12 36%,#07090d);
box-shadow:0 -14px 30px rgba(0,0,0,.28)
}
body .profile-hub__content-head{
padding:10px 0 8px;
background:linear-gradient(180deg,#0d1117 76%,rgba(13,17,23,.92))
}
body .profile-hub__content-notch{
margin-bottom:10px;
background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.22),rgba(255,255,255,.08))
}
body .profile-hub__tabs{
gap:6px
}
body .profile-hub__tab-btn{
min-width:96px;
min-height:44px;
padding:0 12px;
border-radius:16px;
border-color:rgba(255,255,255,.06);
background:rgba(255,255,255,.03)
}
body .profile-hub__tab-btn.active{
background:linear-gradient(180deg,rgba(39,46,56,.98),rgba(21,26,33,.96));
border-color:rgba(255,255,255,.1);
box-shadow:none
}
body .profile-hub__masonry{
column-gap:10px
}
body .profile-hub__masonry-card{
margin-bottom:10px;
border-radius:22px;
border-color:rgba(255,255,255,.06);
box-shadow:none
}
body .profile-hub__card-cover--fallback{
min-height:164px
}
body .profile-hub__card-body{
gap:8px;
padding:12px 12px 14px
}
body .profile-hub__card-meta strong{
font-size:16px
}
body .profile-hub__card-body p{
font-size:12px;
line-height:1.62
}
body .profile-hub__card-footer{
font-size:11px
}
body .profile-hub__settings-link{
margin-top:2px;
min-height:44px;
border-radius:16px;
border-color:rgba(255,255,255,.06);
background:rgba(255,255,255,.03)
}
body .profile-hub__empty{
border-color:rgba(255,255,255,.06);
background:linear-gradient(180deg,rgba(14,17,22,.96),rgba(9,11,16,.92));
box-shadow:none
}
body.identity-page-active .core-overlay__panel,
body.identity-page-active .core-overlay__panel--wide,
body.identity-page-active .core-overlay__panel--compact,
body.vip-page-active .core-overlay__panel,
body.vip-page-active .core-overlay__panel--wide,
body.vip-page-active .core-overlay__panel--compact,
body.edit-profile-page-active .core-overlay__panel,
body.edit-profile-page-active .core-overlay__panel--wide,
body.edit-profile-page-active .core-overlay__panel--compact{
border-color:rgba(255,255,255,.08)
}
body.identity-page-active .core-overlay__head,
body.identity-page-active .core-overlay__footer,
body.vip-page-active .core-overlay__head,
body.vip-page-active .core-overlay__footer,
body.edit-profile-page-active .core-overlay__head,
body.edit-profile-page-active .core-overlay__footer{
border-color:rgba(255,255,255,.08)
}
body .identity-page .core-kicker,
body .vip-page .core-kicker,
body .edit-profile-page .core-kicker,
body .identity-page .core-chip,
body .vip-page .core-chip{
background:rgba(255,255,255,.06);
border-color:rgba(255,255,255,.08);
color:#eef2f8
}
body .identity-page .core-panel,
body .vip-page .core-panel,
body .edit-profile-page .core-panel,
body .edit-profile-page .core-panel--soft{
background:linear-gradient(180deg,rgba(14,17,24,.98),rgba(9,11,16,.95));
border-color:rgba(255,255,255,.06)
}
body .identity-page .core-panel--hero,
body .vip-page .core-panel--hero{
background:radial-gradient(circle at 82% 16%,rgba(147,158,174,.12),transparent 24%),radial-gradient(circle at 16% 18%,rgba(255,255,255,.05),transparent 20%),linear-gradient(145deg,#14181f,#0d1117 62%,#090c12)
}
body .identity-page .core-menu-item.active{
background:linear-gradient(180deg,rgba(36,42,52,.96),rgba(16,20,26,.94));
border-color:rgba(255,255,255,.12)
}
body .edit-profile-page .core-inline-meta strong{
font-size:clamp(20px,4.8vw,26px)
}
body .edit-profile-page .core-form-input,
body .edit-profile-page .core-compose input,
body .edit-profile-page .core-compose select,
body .edit-profile-page .core-compose textarea{
background:linear-gradient(180deg,rgba(17,20,28,.96),rgba(10,12,18,.94));
border:1px solid rgba(255,255,255,.08);
box-shadow:none;
color:#eef2f8
}
body .edit-profile-page .core-form-input::placeholder,
body .edit-profile-page .core-compose textarea::placeholder{
color:#7f8a9d
}
body .edit-profile-page .core-compose textarea{
min-height:112px
}
body .edit-profile-page .core-menu-item{
border-color:rgba(255,255,255,.08)
}
@media (max-width:640px){
body .profile-hub__hero-shell{
min-height:296px;
padding:calc(12px + env(safe-area-inset-top)) 12px 10px
}
body .profile-hub__avatar-stack,
body .profile-hub__avatar-stack .sc-avatar--hero,
body .profile-hub__avatar-stack .sc-avatar{
width:76px;
height:76px
}
body .profile-hub__name-row h1{
font-size:28px
}
body .profile-hub__portal-copy strong{
font-size:16px
}
}
@media (max-width:420px){
body .profile-hub__hero-shell{
min-height:286px
}
body .profile-hub__identity-row{
grid-template-columns:76px minmax(0,1fr)
}
body .profile-hub__avatar-stack,
body .profile-hub__avatar-stack .sc-avatar--hero,
body .profile-hub__avatar-stack .sc-avatar{
width:76px;
height:76px
}
body .profile-hub__avatar-stack .sc-avatar__media,
body .profile-hub__avatar-stack .sc-avatar--ring .sc-avatar__media{
border-radius:24px
}
body .profile-hub__name-row h1{
font-size:26px
}
body .profile-hub__portal-card{
min-height:94px
}
}
/* profile-center-rebuild-20260424n */
body .profile-center{
height:100%;
min-height:100%;
display:flex;
flex-direction:column;
overflow:hidden;
background:linear-gradient(180deg,#05070a,#0a0d12 42%,#06080c)
}
body .profile-center__hero{
position:relative;
flex-shrink:0;
min-height:430px;
padding:calc(12px + env(safe-area-inset-top)) 14px 12px;
background-position:center;
background-size:cover;
overflow:hidden
}
body .profile-center__hero-mask{
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(6,8,12,.1),rgba(6,8,12,.5) 38%,rgba(6,8,12,.88))
}
body .profile-center__hero-inner{
position:relative;
z-index:2;
display:grid;
gap:10px
}
body .profile-center__topline{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px
}
body .profile-center__topline strong{
color:#fff;
font-size:14px;
font-weight:800
}
body .profile-center__eyebrow{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:30px;
padding:0 14px;
border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
color:#f3f6fb;
font-size:13px;
font-weight:800
}
body .profile-center__identity-row{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:14px;
align-items:center
}
body .profile-center__avatar-stack{
position:relative;
width:82px;
height:82px
}
body .profile-center__avatar-stack .sc-avatar--hero,
body .profile-center__avatar-stack .sc-avatar{
width:82px;
height:82px
}
body .profile-center__avatar-stack .sc-avatar__media,
body .profile-center__avatar-stack .sc-avatar--ring .sc-avatar__media{
border-radius:28px;
box-shadow:0 0 0 4px rgba(7,9,12,.94),0 14px 24px rgba(0,0,0,.24)
}
body .profile-center__avatar-stack .sc-avatar__label{
font-size:28px;
font-weight:900
}
body .profile-center__verified-badge{
position:absolute;
right:0;
bottom:0;
width:24px;
height:24px;
border-radius:50%;
display:grid;
place-items:center;
background:linear-gradient(135deg,#ffd55b,#ffb300);
color:#332400;
font-size:13px;
font-weight:900;
border:2px solid rgba(7,9,12,.92)
}
body .profile-center__identity-copy{
min-width:0;
display:grid;
gap:8px
}
body .profile-center__name-row{
display:flex;
align-items:center;
gap:10px
}
body .profile-center__name-row h1{
margin:0;
min-width:0;
color:#fff;
font-size:28px;
line-height:1;
letter-spacing:-.05em;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
body .profile-center__name-row em{
flex:0 0 auto;
min-height:38px;
padding:0 14px;
border-radius:20px;
display:inline-grid;
place-items:center;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
color:#f5f7fb;
font-style:normal;
font-size:14px;
font-weight:800;
letter-spacing:.01em
}
/* academy-vip-upgrade-20260427 */
body .discover-academy{
display:grid;
gap:12px;
margin-bottom:14px
}
body .discover-academy__hero{
padding:18px;
border-radius:26px;
border:1px solid rgba(255,255,255,.08);
background:
radial-gradient(circle at 86% 14%,rgba(214,178,102,.18),transparent 28%),
radial-gradient(circle at 12% 18%,rgba(147,188,255,.14),transparent 26%),
linear-gradient(145deg,#151922,#0d1118 58%,#090c12);
box-shadow:0 18px 40px rgba(0,0,0,.2)
}
body .discover-academy__hero-copy{
display:grid;
gap:10px
}
body .discover-academy__eyebrow{
display:inline-flex;
align-items:center;
gap:8px;
width:fit-content;
min-height:30px;
padding:0 12px;
border-radius:999px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.05);
color:#f4f6fa;
font-size:12px;
font-weight:800
}
body .discover-academy__eyebrow svg{
width:14px;
height:14px;
stroke:currentColor;
fill:none;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round
}
body .discover-academy__eyebrow em{
font-style:normal
}
body .discover-academy__hero strong{
color:#fff;
font-size:26px;
line-height:1.04;
letter-spacing:-.04em
}
body .discover-academy__hero p{
margin:0;
color:#ccd6e5;
line-height:1.7
}
body .discover-academy__hero-meta{
display:flex;
flex-wrap:wrap;
gap:8px
}
body .discover-academy__hero-meta span{
min-height:28px;
padding:0 10px;
border-radius:999px;
display:inline-flex;
align-items:center;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#edf2f8;
font-size:11px;
font-weight:700
}
body .discover-academy__hero-actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin-top:14px
}
body .discover-academy__primary,
body .discover-academy__ghost{
min-height:44px;
border:none;
border-radius:16px;
font-size:14px;
font-weight:800
}
body .discover-academy__primary{
background:linear-gradient(180deg,#ead39d,#bf9150);
color:#241606
}
body .discover-academy__ghost{
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#eef2f8
}
body .discover-academy__prompt-row{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:12px
}
body .discover-academy__prompt-row.is-sheet{
margin-top:10px
}
body .discover-academy__prompt-chip{
min-height:34px;
padding:0 12px;
border-radius:999px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.05);
color:#eef2f8;
font-size:12px;
line-height:1.4
}
body .discover-academy__path-grid,
body .discover-academy__course-grid{
display:grid;
gap:10px
}
body .discover-academy__path-card,
body .discover-academy__course{
text-align:left;
border:none;
border-radius:22px;
padding:16px;
background:linear-gradient(180deg,rgba(14,17,24,.98),rgba(9,11,16,.95));
border:1px solid rgba(255,255,255,.06);
box-shadow:none
}
body .discover-academy__path-card{
display:grid;
gap:10px
}
body .discover-academy__path-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px
}
body .discover-academy__path-head strong,
body .discover-academy__course strong{
color:#fff;
font-size:18px;
line-height:1.14
}
body .discover-academy__path-head span{
flex:0 0 auto;
color:#f0d39b;
font-size:12px;
font-weight:700
}
body .discover-academy__path-card p,
body .discover-academy__course p{
margin:0;
color:#c8d2e1;
line-height:1.68
}
body .discover-academy__path-card em,
body .discover-academy__course em{
color:#f0d39b;
font-style:normal;
font-size:12px;
line-height:1.5
}
body .discover-academy__course{
display:grid;
gap:10px
}
body .discover-academy__course-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px
}
body .discover-academy__course-pill{
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 10px;
border-radius:999px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.08);
color:#fff;
font-size:11px;
font-weight:800
}
body .discover-academy__course.is-svip .discover-academy__course-pill{
background:rgba(231,196,125,.12);
border-color:rgba(231,196,125,.22);
color:#f2d18c
}
body .discover-academy__course.is-black .discover-academy__course-pill{
background:rgba(154,166,182,.14);
border-color:rgba(154,166,182,.24);
color:#eaf0f8
}
body .discover-academy__course-meta{
color:#98a5b8;
font-size:12px
}
body .discover-academy__course-tags{
display:flex;
flex-wrap:wrap;
gap:6px
}
body .discover-academy__course-tags span{
min-height:24px;
padding:0 8px;
display:inline-flex;
align-items:center;
border-radius:999px;
background:rgba(255,255,255,.04);
color:#cfd8e6;
font-size:11px
}
body .discover-academy__section-head,
body .vip-premium__section-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:10px
}
body .discover-academy__section-head strong,
body .vip-premium__section-head strong{
color:#fff;
font-size:16px
}
body .discover-academy__section-head span,
body .vip-premium__section-head span{
color:#98a5b8;
font-size:12px;
line-height:1.5;
text-align:right
}
body .discover-academy__textarea{
width:100%;
min-height:104px;
padding:14px 16px;
border-radius:18px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(17,20,28,.96),rgba(10,12,18,.94));
color:#edf2f8;
font-size:14px;
line-height:1.7;
resize:none
}
body .discover-academy__detail,
body .discover-academy__guide{
display:grid;
gap:14px
}
body .discover-academy__detail>p,
body .discover-academy__guide-result p{
margin:0;
color:#d5deeb;
line-height:1.72
}
body .discover-academy__detail-block,
body .discover-academy__guide-block{
display:grid;
gap:8px;
padding:14px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.06)
}
body .discover-academy__detail-block strong,
body .discover-academy__guide-block strong{
color:#fff;
font-size:15px
}
body .discover-academy__detail-list{
display:grid;
gap:8px
}
body .discover-academy__detail-list span,
body .discover-academy__guide-block span{
color:#9fb0c5;
font-size:13px;
line-height:1.62
}
body .vip-page.vip-page--premium{
display:grid;
gap:12px
}
body .vip-premium__hero{
background:
radial-gradient(circle at 84% 18%,rgba(222,184,109,.18),transparent 26%),
radial-gradient(circle at 14% 16%,rgba(255,255,255,.06),transparent 24%),
linear-gradient(145deg,#171b22,#0d1117 62%,#090c12)
}
body .vip-premium__hero-inner{
align-items:flex-start;
gap:16px
}
body .vip-premium__hero-copy{
display:grid;
gap:10px
}
body .vip-premium__signal-row{
display:flex;
flex-wrap:wrap;
gap:8px
}
body .vip-premium__signal-row span,
body .vip-premium__tier-tags span{
min-height:28px;
padding:0 10px;
display:inline-flex;
align-items:center;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#eef2f8;
font-size:11px;
font-weight:700
}
body .vip-premium__hero-actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
align-items:stretch
}
body .vip-premium__hero-actions .vip-premium__pay-btn{
grid-column:1/-1;
max-width:none;
margin-left:0
}
body .vip-premium__tier-grid,
body .vip-premium__privilege-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px
}
body .vip-premium__tier-card,
body .vip-premium__plan-card,
body .vip-premium__privilege-card{
text-align:left;
border:none;
border-radius:24px;
padding:16px;
background:linear-gradient(180deg,rgba(14,17,24,.98),rgba(9,11,16,.95));
border:1px solid rgba(255,255,255,.06);
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
body .vip-premium__tier-card.is-active,
body .vip-premium__plan-card.is-featured{
transform:translateY(-1px);
box-shadow:0 18px 34px rgba(0,0,0,.18)
}
body .vip-premium__tier-card.is-svip,
body .vip-premium__plan-card.is-svip,
body .vip-premium__privilege-card.is-svip{
background:
radial-gradient(circle at 88% 12%,rgba(228,193,122,.16),transparent 28%),
linear-gradient(180deg,rgba(36,29,18,.98),rgba(19,16,12,.95));
border-color:rgba(228,193,122,.18)
}
body .vip-premium__tier-card.is-black,
body .vip-premium__plan-card.is-black,
body .vip-premium__privilege-card.is-black{
background:
radial-gradient(circle at 88% 12%,rgba(166,178,194,.14),transparent 28%),
linear-gradient(180deg,rgba(21,24,31,.98),rgba(9,11,16,.95));
border-color:rgba(166,178,194,.18)
}
body .vip-premium__tier-card.is-active{
border-color:rgba(255,255,255,.16)
}
body .vip-premium__tier-head,
body .vip-premium__plan-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px
}
body .vip-premium__tier-label{
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 10px;
border-radius:999px;
background:rgba(255,255,255,.08);
color:#fff;
font-size:11px;
font-weight:800
}
body .vip-premium__tier-card strong,
body .vip-premium__plan-card strong,
body .vip-premium__privilege-card strong{
color:#fff
}
body .vip-premium__tier-card strong{
display:block;
margin-top:8px;
font-size:20px;
line-height:1.08
}
body .vip-premium__tier-card em,
body .vip-premium__plan-top em,
body .vip-premium__privilege-card em{
font-style:normal;
color:#f1d598;
font-size:12px;
font-weight:700
}
body .vip-premium__tier-card.is-black em,
body .vip-premium__plan-card.is-black .vip-premium__plan-top em,
body .vip-premium__privilege-card.is-black em{
color:#e8eef7
}
body .vip-premium__tier-card p,
body .vip-premium__privilege-card p{
margin:10px 0 0;
color:#cbd6e6;
line-height:1.68
}
body .vip-premium__tier-tags{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:12px
}
body .vip-premium__plans{
display:grid;
gap:10px
}
body .vip-premium__plan-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px
}
body .vip-premium__plan-card{
display:grid;
gap:14px
}
body .vip-premium__plan-top span{
display:block;
margin-top:6px;
color:#b7c3d5;
font-size:13px;
line-height:1.56
}
body .vip-premium__plan-price{
display:flex;
align-items:flex-end;
gap:4px;
color:#fff
}
body .vip-premium__plan-price span{
font-size:15px;
line-height:1.2
}
body .vip-premium__plan-price strong{
font-size:34px;
line-height:.92;
letter-spacing:-.05em
}
body .vip-premium__plan-price small{
color:#8f9db2;
font-size:12px;
text-decoration:line-through
}
body .vip-premium__plan-foot{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
color:#c6d1e0;
font-size:12px
}
body .vip-premium__plan-foot b{
color:#fff;
font-size:13px
}
body .vip-premium__privilege-card{
display:grid;
gap:10px
}
body .vip-premium__privilege-title{
display:flex;
align-items:center;
gap:10px
}
body .vip-premium__privilege-title span{
width:34px;
height:34px;
border-radius:12px;
display:grid;
place-items:center;
background:rgba(255,255,255,.08);
color:#fff;
font-size:15px;
font-weight:800
}
body .vip-premium__renew-actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin-top:12px
}
@media (max-width:720px){
body .discover-academy__course-grid,
body .vip-premium__tier-grid,
body .vip-premium__privilege-grid,
body .vip-premium__plan-grid{
grid-template-columns:1fr
}
}
@media (max-width:640px){
body .discover-academy__hero,
body .vip-premium__hero{
padding:16px
}
body .discover-academy__hero strong{
font-size:22px
}
body .vip-premium__hero-actions,
body .discover-academy__hero-actions,
body .vip-premium__renew-actions{
grid-template-columns:1fr;
display:grid
}
body .vip-premium__hero-actions .core-primary-btn,
body .vip-premium__hero-actions .core-secondary-btn{
width:100%
}
}
/* vip-payment-layout-reset-20260427d */
body .vip-premium__header-copy{
display:grid;
gap:8px;
max-width:100%
}
body .vip-premium__header-copy p{
margin:0;
color:#c7d2e1;
font-size:13px;
line-height:1.68
}
body .vip-premium__hero{
display:grid;
gap:18px;
overflow:hidden
}
body .vip-premium__hero.is-svip{
background:
radial-gradient(circle at 84% 18%,rgba(255,205,127,.26),transparent 28%),
radial-gradient(circle at 14% 16%,rgba(255,255,255,.08),transparent 24%),
linear-gradient(145deg,#3a2711,#1d140d 58%,#120d09)
}
body .vip-premium__hero.is-black{
background:
radial-gradient(circle at 84% 16%,rgba(165,194,255,.18),transparent 28%),
radial-gradient(circle at 18% 14%,rgba(255,255,255,.06),transparent 24%),
linear-gradient(145deg,#1b212d,#0d121a 58%,#080b10)
}
body .vip-premium__hero-copy{
display:grid;
gap:10px
}
body .vip-premium__hero-title{
color:#fff;
font-size:24px;
line-height:1.12;
letter-spacing:-.04em
}
body .vip-premium__hero-copy p{
margin:0;
color:#dde6f2;
font-size:13px;
line-height:1.72
}
body .vip-premium__cycle-switch{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
align-items:stretch
}
body .vip-premium__cycle-switch--top{
padding:4px;
border-radius:26px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08)
}
body .vip-premium__cycle-chip{
min-height:74px;
padding:12px 12px;
border-radius:20px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.06);
text-align:center;
display:grid;
align-content:center;
gap:5px;
color:#eaf0f8;
transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease
}
body .vip-premium__cycle-chip strong{
display:block;
font-size:14px;
line-height:1.1
}
body .vip-premium__cycle-chip span{
display:block;
color:#b9c5d6;
font-size:11px;
line-height:1.4
}
body .vip-premium__cycle-chip.is-active{
transform:translateY(-1px);
border-color:rgba(255,255,255,.22);
background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
box-shadow:0 16px 30px rgba(0,0,0,.2)
}
body .vip-premium__cycle-chip.is-disabled{
opacity:.42;
box-shadow:none;
transform:none
}
body .vip-premium__showcase{
display:grid;
gap:0
}
body .vip-premium__showcase-card{
display:grid;
gap:16px;
padding:18px;
border-radius:28px;
border:1px solid rgba(255,255,255,.08);
overflow:hidden;
position:relative
}
body .vip-premium__showcase-card.is-svip{
background:
radial-gradient(circle at 88% 14%,rgba(255,220,160,.18),transparent 24%),
linear-gradient(135deg,rgba(64,43,19,.96),rgba(25,18,12,.94))
}
body .vip-premium__showcase-card.is-black{
background:
radial-gradient(circle at 88% 14%,rgba(176,197,233,.18),transparent 24%),
linear-gradient(135deg,rgba(28,34,45,.98),rgba(11,15,21,.95))
}
body .vip-premium__showcase-copy{
display:grid;
gap:10px
}
body .vip-premium__showcase-tags{
display:flex;
flex-wrap:wrap;
gap:8px
}
body .vip-premium__showcase-tags span{
min-height:28px;
padding:0 10px;
display:inline-flex;
align-items:center;
border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.08);
color:#fff;
font-size:11px;
font-weight:800
}
body .vip-premium__showcase-visual{
display:grid;
gap:10px
}
body .vip-premium__showcase-image{
width:100%;
display:block;
object-fit:contain;
max-height:280px;
filter:drop-shadow(0 18px 32px rgba(0,0,0,.24))
}
body .vip-premium__showcase-dots{
display:flex;
justify-content:center;
gap:8px
}
body .vip-premium__showcase-dot{
width:8px;
height:8px;
padding:0;
border:0;
border-radius:999px;
background:rgba(255,255,255,.24)
}
body .vip-premium__showcase-dot.is-active{
background:#fff;
box-shadow:0 0 0 4px rgba(255,255,255,.12)
}
body .vip-premium__tier-switch{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px
}
body .vip-premium__tier-switch-card{
text-align:left;
border:none;
border-radius:24px;
padding:16px;
display:grid;
gap:10px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.05);
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
body .vip-premium__tier-switch-card.is-svip{
background:
radial-gradient(circle at 88% 12%,rgba(255,220,160,.14),transparent 28%),
linear-gradient(180deg,rgba(42,30,18,.98),rgba(20,15,11,.95))
}
body .vip-premium__tier-switch-card.is-black{
background:
radial-gradient(circle at 88% 12%,rgba(176,197,233,.14),transparent 28%),
linear-gradient(180deg,rgba(24,29,38,.98),rgba(10,13,18,.95))
}
body .vip-premium__tier-switch-card.is-active{
transform:translateY(-2px);
border-color:rgba(255,255,255,.24);
box-shadow:0 18px 30px rgba(0,0,0,.18)
}
body .vip-premium__tier-switch-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px
}
body .vip-premium__tier-switch-head strong{
color:#fff;
font-size:18px;
line-height:1.1
}
body .vip-premium__tier-switch-head em{
font-style:normal;
color:#f3d79b;
font-size:11px;
font-weight:800
}
body .vip-premium__tier-switch-card.is-black .vip-premium__tier-switch-head em{
color:#dce5f6
}
body .vip-premium__tier-switch-card span{
color:#d2dbea;
font-size:13px;
line-height:1.6
}
body .vip-premium__tier-switch-price{
display:flex;
align-items:flex-end;
gap:4px;
color:#fff
}
body .vip-premium__tier-switch-price i{
font-style:normal;
font-size:14px;
line-height:1.2
}
body .vip-premium__tier-switch-price b{
font-size:28px;
line-height:.92;
letter-spacing:-.04em
}
body .vip-premium__carousel{
display:grid;
grid-auto-flow:column;
grid-auto-columns:minmax(82%,1fr);
gap:14px;
overflow-x:auto;
padding-bottom:4px;
scroll-snap-type:x mandatory;
scrollbar-width:none
}
body .vip-premium__carousel::-webkit-scrollbar{
display:none
}
body .vip-premium__carousel-card{
text-align:left;
border:none;
border-radius:26px;
padding:18px;
display:grid;
gap:12px;
min-width:0;
border:1px solid rgba(255,255,255,.08);
scroll-snap-align:center;
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
body .vip-premium__carousel-card.is-svip{
background:
radial-gradient(circle at 88% 12%,rgba(255,220,160,.18),transparent 28%),
linear-gradient(180deg,rgba(64,43,19,.96),rgba(25,18,12,.94));
border-color:rgba(240,205,141,.2)
}
body .vip-premium__carousel-card.is-black{
background:
radial-gradient(circle at 88% 12%,rgba(176,197,233,.16),transparent 28%),
linear-gradient(180deg,rgba(28,34,45,.98),rgba(11,15,21,.95));
border-color:rgba(176,197,233,.18)
}
body .vip-premium__carousel-card.is-active{
transform:translateY(-2px);
border-color:rgba(255,255,255,.28);
box-shadow:0 18px 34px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.08) inset
}
body .vip-premium__carousel-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px
}
body .vip-premium__carousel-card strong,
body .vip-premium__benefit-head strong{
color:#fff
}
body .vip-premium__carousel-card strong{
display:block;
margin-top:8px;
font-size:20px;
line-height:1.08
}
body .vip-premium__carousel-card em,
body .vip-premium__benefit-head em{
font-style:normal;
color:#f1d598;
font-size:12px;
font-weight:700
}
body .vip-premium__carousel-card.is-black em,
body .vip-premium__benefit-row.is-black .vip-premium__benefit-head em{
color:#e8eef7
}
body .vip-premium__carousel-card p,
body .vip-premium__benefit-copy p{
margin:10px 0 0;
color:#cbd6e6;
line-height:1.68
}
body .vip-premium__tier-tags{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:2px
}
body .vip-premium__tier-tags span{
min-height:28px;
padding:0 10px;
display:inline-flex;
align-items:center;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#eef2f8;
font-size:11px;
font-weight:700
}
body .vip-premium__carousel-price,
body .vip-premium__checkout-price{
display:flex;
align-items:flex-end;
gap:4px;
color:#fff
}
body .vip-premium__carousel-price span,
body .vip-premium__checkout-price span{
font-size:15px;
line-height:1.2
}
body .vip-premium__carousel-price strong,
body .vip-premium__checkout-price strong{
font-size:34px;
line-height:.92;
letter-spacing:-.05em
}
body .vip-premium__carousel-price small,
body .vip-premium__checkout-price small{
color:#8f9db2;
font-size:12px;
text-decoration:line-through
}
body .vip-premium__carousel-meta,
body .vip-premium__checkout-meta{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
color:#c8d2e0;
font-size:12px
}
body .vip-premium__carousel-meta b{
color:#fff;
font-size:12px
}
body .vip-premium__hero-meta{
display:grid;
gap:12px;
padding:16px 18px;
border-radius:24px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03))
}
body .vip-premium__hero-meta-line{
display:grid;
gap:6px
}
body .vip-premium__hero-meta-line strong{
color:#fff;
font-size:18px;
line-height:1.2
}
body .vip-premium__hero-meta-line span{
color:#d5ddea;
font-size:13px;
line-height:1.6
}
body .vip-premium__carousel-dots{
display:flex;
justify-content:flex-start;
gap:8px
}
body .vip-premium__carousel-dot{
width:8px;
height:8px;
padding:0;
border:0;
border-radius:999px;
background:rgba(255,255,255,.28)
}
body .vip-premium__carousel-dot.is-active{
background:#fff;
box-shadow:0 0 0 4px rgba(255,255,255,.12)
}
body .vip-premium__checkout,
body .vip-premium__benefits{
display:grid;
gap:14px
}
body .vip-premium__checkout.is-svip{
background:
radial-gradient(circle at 88% 14%,rgba(255,220,160,.12),transparent 28%),
linear-gradient(180deg,rgba(24,19,13,.98),rgba(14,11,8,.96));
border:1px solid rgba(240,205,141,.14)
}
body .vip-premium__checkout.is-black{
background:
radial-gradient(circle at 88% 14%,rgba(176,197,233,.12),transparent 28%),
linear-gradient(180deg,rgba(17,21,28,.98),rgba(10,13,18,.96));
border:1px solid rgba(176,197,233,.14)
}
body .vip-premium__checkout-copy p{
margin:0;
color:#cad4e1;
line-height:1.68
}
body .vip-premium__section-head--stack{
display:grid;
justify-content:flex-start;
gap:4px;
margin-bottom:0
}
body .vip-premium__section-head--stack span{
text-align:left
}
body .vip-premium__checkout-kicker{
color:#f3d9a4!important;
font-size:11px!important;
font-weight:800!important;
letter-spacing:.08em;
text-transform:uppercase
}
body .vip-premium__checkout.is-black .vip-premium__checkout-kicker{
color:#dce5f6!important
}
body .vip-premium__checkout-main{
display:grid;
gap:14px
}
body .vip-premium__pay-btn{
width:100%;
min-height:52px;
background:linear-gradient(180deg,#ffb056,#ff7a00)!important;
border:none!important;
color:#fff!important;
font-size:16px!important;
font-weight:900!important;
box-shadow:0 18px 28px rgba(255,122,0,.26)!important
}
body .vip-premium__renew-link{
margin-left:auto;
min-height:38px;
padding:0 14px
}
body .vip-premium__benefit-list{
display:grid;
gap:12px
}
body .vip-premium__benefit-row{
display:grid;
grid-template-columns:56px minmax(0,1fr);
gap:14px;
align-items:flex-start;
padding:16px 18px;
border-radius:22px;
border:1px solid rgba(255,255,255,.06)
}
body .vip-premium__benefit-row.is-svip{
background:
radial-gradient(circle at 88% 12%,rgba(255,215,154,.14),transparent 30%),
linear-gradient(180deg,rgba(37,28,16,.98),rgba(17,13,10,.95));
border-color:rgba(240,205,141,.16)
}
body .vip-premium__benefit-row.is-black{
background:
radial-gradient(circle at 88% 12%,rgba(176,197,233,.14),transparent 30%),
linear-gradient(180deg,rgba(20,25,34,.98),rgba(10,13,18,.95));
border-color:rgba(176,197,233,.16)
}
body .vip-premium__benefit-index{
width:56px;
min-height:56px;
border-radius:18px;
display:grid;
place-items:center;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.08);
color:#fff;
font-size:18px;
font-weight:900;
letter-spacing:-.04em
}
body .vip-premium__benefit-copy{
display:grid;
gap:10px
}
body .vip-premium__benefit-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px
}
@media (min-width:721px){
body .vip-premium__showcase-card{
grid-template-columns:minmax(0,1fr) minmax(320px,420px);
align-items:center
}
body .vip-premium__carousel{
grid-auto-flow:column;
grid-auto-columns:calc(50% - 7px)
}
body .vip-premium__checkout-main{
grid-template-columns:minmax(0,1fr) minmax(240px,320px);
align-items:center
}
}
@media (max-width:720px){
body .vip-premium__carousel{
grid-auto-columns:minmax(88%,1fr)
}
body .vip-premium__carousel-dots{
justify-content:center
}
body .vip-premium__tier-switch{
grid-template-columns:1fr
}
body .vip-premium__hero-actions{
grid-template-columns:1fr
}
}
@media (max-width:640px){
body .vip-premium__hero-title{
font-size:22px
}
body .vip-premium__checkout-meta{
display:grid;
justify-items:flex-start
}
body .vip-premium__renew-link{
margin-left:0
}
}
@media (max-width:420px){
body .vip-premium__cycle-switch{
gap:8px
}
body .vip-premium__cycle-chip{
min-height:68px;
padding:10px 8px
}
body .vip-premium__cycle-chip strong{
font-size:13px
}
body .vip-premium__cycle-chip span{
font-size:10px
}
body .vip-premium__showcase-card{
padding:16px
}
body .vip-premium__showcase-image{
max-height:232px
}
body .vip-premium__tier-switch-card{
padding:14px
}
body .vip-premium__tier-switch-head strong{
font-size:17px
}
body .vip-premium__carousel-card{
padding:16px
}
body .vip-premium__carousel-card strong{
font-size:18px
}
body .vip-premium__carousel-price strong,
body .vip-premium__checkout-price strong{
font-size:30px
}
body .vip-premium__benefit-row{
grid-template-columns:48px minmax(0,1fr);
padding:14px
}
body .vip-premium__benefit-index{
width:48px;
min-height:48px;
border-radius:16px;
font-size:16px
}
body .vip-premium__benefit-head{
display:grid;
gap:6px
}
}
body .profile-center__uid-row{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
color:#d1d9e7;
font-size:12px;
line-height:1.4
}
body .profile-center__intro{
margin:0;
color:#e7edf6;
font-size:13px;
line-height:1.56
}
body .profile-center__tag-row{
display:flex;
flex-wrap:wrap;
gap:8px
}
body .profile-center__tag{
min-height:28px;
padding:0 10px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#eef2f8;
font-size:11px;
font-weight:700
}
body .profile-center__stats-row{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px
}
body .profile-center__stat-card{
padding:14px 12px;
border-radius:22px;
border:1px solid rgba(255,255,255,.06);
background:linear-gradient(180deg,rgba(14,17,22,.96),rgba(9,11,16,.94));
box-shadow:inset 0 1px rgba(255,255,255,.02)
}
body .profile-center__stat-card strong{
display:block;
margin-bottom:6px;
color:#fff;
font-size:28px;
line-height:1;
letter-spacing:-.05em
}
body .profile-center__stat-card span{
color:#d2dae6;
font-size:13px;
font-weight:700
}
body .profile-center__action-row{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:10px
}
body .profile-center__action-btn{
min-height:48px;
padding:0 16px;
border-radius:999px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,#303846,#1c222b);
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
font:inherit;
font-size:15px;
font-weight:800;
box-shadow:none
}
body .profile-center__action-btn--primary{
background:linear-gradient(180deg,#3a4350,#212832)
}
body .profile-center__action-btn svg{
width:18px;
height:18px;
fill:none;
stroke:currentColor;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round
}
body .profile-center__portal-row{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px
}
body .profile-center__portal-card{
width:100%;
min-height:126px;
padding:12px 10px;
border-radius:22px;
border:1px solid rgba(255,255,255,.06);
background:linear-gradient(180deg,rgba(14,17,22,.98),rgba(9,11,16,.95));
display:grid;
align-content:space-between;
gap:10px;
text-align:left;
box-shadow:none
}
body .profile-center__portal-icon{
width:40px;
height:40px;
border-radius:14px;
display:grid;
place-items:center;
background:rgba(255,255,255,.05);
color:#fff
}
body .profile-center__portal-icon svg{
width:22px;
height:22px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round
}
body .profile-center__portal-copy{
display:grid;
gap:6px
}
body .profile-center__portal-copy span{
min-height:26px;
width:max-content;
padding:0 10px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.06);
color:#dbe4f0;
font-size:11px;
font-weight:800
}
body .profile-center__portal-copy strong{
color:#fff;
font-size:18px;
line-height:1.04;
letter-spacing:-.03em
}
body .profile-center__portal-copy p{
margin:0;
color:#b7c2d1;
font-size:11px;
line-height:1.5
}
body .profile-center__sheet{
position:relative;
flex:1;
min-height:0;
overflow-y:auto;
overflow-x:hidden;
padding:0 12px calc(104px + env(safe-area-inset-bottom));
margin-top:-6px;
border-top-left-radius:28px;
border-top-right-radius:28px;
background:linear-gradient(180deg,#0d1117,#090c12 36%,#07090d);
box-shadow:0 -18px 34px rgba(0,0,0,.28);
scrollbar-width:none
}
body .profile-center__sheet::-webkit-scrollbar{
display:none
}
body .profile-center__sheet-head{
position:sticky;
top:0;
z-index:5;
padding:10px 0 8px;
background:linear-gradient(180deg,#0d1117 78%,rgba(13,17,23,.94))
}
body .profile-center__content-notch{
width:84px;
height:6px;
margin:0 auto 12px;
border-radius:999px;
background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.22),rgba(255,255,255,.08))
}
body .profile-center__tabs{
display:flex;
gap:8px;
overflow-x:auto;
padding-bottom:2px;
scrollbar-width:none
}
body .profile-center__tabs::-webkit-scrollbar{
display:none
}
body .profile-center__tab-btn{
flex:0 0 auto;
min-width:96px;
min-height:48px;
padding:0 14px;
border-radius:18px;
border:1px solid rgba(255,255,255,.06);
background:linear-gradient(180deg,rgba(18,22,29,.98),rgba(10,12,18,.96));
color:#ecf0f6;
display:inline-flex;
align-items:center;
justify-content:space-between;
gap:12px;
font:inherit;
font-size:14px;
font-weight:800
}
body .profile-center__tab-btn em{
font-style:normal;
font-size:13px;
font-weight:700;
color:#c4cfde
}
body .profile-center__tab-btn.active{
background:linear-gradient(180deg,#37414e,#202731);
border-color:rgba(255,255,255,.1);
color:#fff
}
body .profile-center__tab-btn.active em{
color:#fff
}
body .profile-center__feed-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px
}
body .profile-center__feed-card{
width:100%;
padding:0;
border:1px solid rgba(255,255,255,.06);
border-radius:22px;
overflow:hidden;
background:linear-gradient(180deg,rgba(15,18,24,.98),rgba(10,12,18,.96));
text-align:left;
box-shadow:none
}
body .profile-center__feed-cover{
position:relative;
overflow:hidden
}
body .profile-center__feed-cover--image{
aspect-ratio:3/4;
background:#0f1318
}
body .profile-center__feed-cover--image img{
display:block;
width:100%;
height:100%;
object-fit:cover
}
body .profile-center__feed-cover--fallback{
min-height:172px;
padding:16px 14px;
display:flex;
align-items:center;
justify-content:center
}
body .profile-center__feed-cover-shadow{
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(7,9,12,.06),rgba(7,9,12,.66))
}
body .profile-center__feed-badges{
position:absolute;
left:12px;
right:12px;
top:12px;
display:flex;
align-items:center;
justify-content:space-between;
gap:8px
}
body .profile-center__feed-badges span,
body .profile-center__feed-badges em{
min-height:28px;
padding:0 10px;
border-radius:999px;
display:inline-grid;
place-items:center;
background:rgba(7,9,12,.54);
border:1px solid rgba(255,255,255,.12);
color:#fff;
font-size:11px;
font-weight:800;
font-style:normal;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px)
}
body .profile-center__feed-badges em{
background:rgba(255,255,255,.08)
}
body .profile-center__feed-fallback-avatar{
width:74px;
height:74px;
border-radius:24px;
object-fit:cover;
box-shadow:0 14px 24px rgba(0,0,0,.22)
}
body .profile-center__feed-fallback-mark{
width:76px;
height:76px;
border-radius:24px;
display:grid;
place-items:center;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.14);
color:#fff;
font-size:28px;
font-weight:900
}
body .profile-center__feed-body{
display:grid;
gap:8px;
padding:12px 12px 14px
}
body .profile-center__feed-meta{
display:grid;
gap:4px
}
body .profile-center__feed-meta strong{
color:#fff;
font-size:16px;
line-height:1.2;
letter-spacing:-.03em
}
body .profile-center__feed-meta span{
color:#b1bccd;
font-size:11px;
line-height:1.4
}
body .profile-center__feed-body p{
margin:0;
color:#eef2f7;
font-size:12px;
line-height:1.58
}
body .profile-center__feed-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
color:#9caec6;
font-size:11px;
font-weight:700
}
body .profile-center__empty{
display:grid;
gap:8px;
justify-items:center;
padding:34px 16px 18px;
border-radius:24px;
border:1px solid rgba(255,255,255,.06);
background:linear-gradient(180deg,rgba(14,17,22,.96),rgba(9,11,16,.94))
}
body .profile-center__empty strong{
color:#fff;
font-size:18px
}
body .profile-center__empty p{
margin:0;
color:#adb8c8;
font-size:13px;
line-height:1.68;
text-align:center
}
body .profile-center__settings-link{
width:100%;
margin-top:10px;
min-height:44px;
border-radius:16px;
border:1px solid rgba(255,255,255,.06);
background:rgba(255,255,255,.03);
color:#dbe5f0;
font:inherit;
font-size:13px;
font-weight:700
}
body .profile-center__feed-card--skeleton{
padding:14px
}
body .profile-center__skeleton-cover{
height:198px;
border-radius:22px;
background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.12),rgba(255,255,255,.05));
animation:profile-center-shimmer 1.4s linear infinite
}
body .profile-center__skeleton-lines{
display:grid;
gap:10px;
padding-top:12px
}
body .profile-center__skeleton-lines span{
height:12px;
border-radius:999px;
background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.12),rgba(255,255,255,.05));
animation:profile-center-shimmer 1.4s linear infinite
}
body .profile-center__skeleton-lines span:nth-child(2){
width:74%
}
body .profile-center__skeleton-lines span:nth-child(3){
width:48%
}
@keyframes profile-center-shimmer{
0%{background-position:-180px 0}
100%{background-position:180px 0}
}
body.profile-page-active .profile-center__sheet{
padding-bottom:calc(98px + env(safe-area-inset-bottom))
}
@media (max-width:640px){
body .profile-center__hero{
min-height:412px;
padding:calc(12px + env(safe-area-inset-top)) 12px 12px
}
body .profile-center__avatar-stack,
body .profile-center__avatar-stack .sc-avatar--hero,
body .profile-center__avatar-stack .sc-avatar{
width:78px;
height:78px
}
body .profile-center__avatar-stack .sc-avatar__media,
body .profile-center__avatar-stack .sc-avatar--ring .sc-avatar__media{
border-radius:26px
}
body .profile-center__name-row h1{
font-size:26px
}
body .profile-center__portal-card{
min-height:118px
}
}
@media (max-width:420px){
body .profile-center__hero{
min-height:396px
}
body .profile-center__identity-row{
grid-template-columns:78px minmax(0,1fr)
}
body .profile-center__avatar-stack,
body .profile-center__avatar-stack .sc-avatar--hero,
body .profile-center__avatar-stack .sc-avatar{
width:78px;
height:78px
}
body .profile-center__name-row{
gap:8px
}
body .profile-center__name-row h1{
font-size:24px
}
body .profile-center__name-row em{
min-height:34px;
padding:0 12px;
font-size:13px
}
body .profile-center__uid-row{
gap:8px;
font-size:12px
}
body .profile-center__tag{
min-height:28px;
padding:0 10px;
font-size:11px
}
body .profile-center__stat-card{
padding:14px 12px;
border-radius:22px
}
body .profile-center__stat-card strong{
font-size:24px
}
body .profile-center__stat-card span{
font-size:12px
}
body .profile-center__action-btn{
min-height:46px;
padding:0 14px;
font-size:14px
}
body .profile-center__portal-card{
min-height:112px;
padding:12px 10px;
border-radius:22px
}
body .profile-center__portal-copy strong{
font-size:16px
}
body .profile-center__portal-copy p{
font-size:11px
}
body .profile-center__sheet{
padding-left:10px;
padding-right:10px
}
body .profile-center__feed-grid{
gap:10px
}
body .profile-center__tab-btn{
min-width:96px;
min-height:52px;
padding:0 14px;
border-radius:20px
}
body .profile-center__feed-card{
border-radius:22px
}
body .profile-center__feed-body{
padding:12px 12px 14px
}
body .profile-center__feed-meta strong{
font-size:16px
}
}
/* profile-center-reset-20260424p */
body.profile-page-active .app-shell--mobile,
body.profile-page-active .app-shell--mobile .page-shell{
overflow:hidden!important;
overscroll-behavior:none!important
}
body .profile-page{
height:100%!important;
min-height:100%!important;
padding:0!important;
overflow:hidden!important;
background:#07090d!important
}
body .profile-center{
height:100%;
min-height:100%;
background:linear-gradient(180deg,#07090d 0%,#0b1016 46%,#080b10 100%)
}
body .profile-center__hero{
display:flex;
align-items:flex-end;
min-height:308px;
padding:calc(10px + env(safe-area-inset-top)) 14px 14px
}
body .profile-center__hero-mask{
background:linear-gradient(180deg,rgba(7,9,13,.12),rgba(7,9,13,.34) 34%,rgba(7,9,13,.82) 76%,#07090d)
}
body .profile-center__hero-inner{
width:100%;
gap:12px
}
body .profile-center__topline{
align-items:center
}
body .profile-center__eyebrow{
min-height:24px;
padding:0 10px;
border:0;
background:rgba(255,255,255,.08);
color:#dce3ee;
font-size:11px;
font-weight:700;
letter-spacing:.04em;
text-transform:none
}
body .profile-center__hero-icon{
width:34px;
height:34px;
padding:0;
border-radius:12px;
border:1px solid rgba(255,255,255,.08);
background:rgba(14,19,25,.78);
color:#eef3fa;
display:grid;
place-items:center;
box-shadow:none
}
body .profile-center__hero-icon svg{
width:16px;
height:16px;
fill:none;
stroke:currentColor;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round
}
body .profile-center__identity-row{
gap:12px;
align-items:end
}
body .profile-center__avatar-stack{
width:68px;
height:68px;
transform:translateY(6px)
}
body .profile-center__avatar-stack .sc-avatar--hero,
body .profile-center__avatar-stack .sc-avatar{
width:68px;
height:68px
}
body .profile-center__avatar-stack .sc-avatar__media,
body .profile-center__avatar-stack .sc-avatar--ring .sc-avatar__media{
border-radius:22px;
box-shadow:0 0 0 3px rgba(7,9,13,.94)
}
body .profile-center__avatar-stack .sc-avatar__label{
font-size:24px
}
body .profile-center__verified-badge{
right:-1px;
bottom:-1px;
width:20px;
height:20px;
font-size:11px;
border-width:1px
}
body .profile-center__identity-copy{
gap:6px
}
body .profile-center__name-row{
gap:8px
}
body .profile-center__name-row h1{
font-size:24px;
letter-spacing:-.04em
}
body .profile-center__name-row em{
min-height:28px;
padding:0 10px;
border-radius:999px;
background:rgba(255,255,255,.08);
border:0;
font-size:11px;
font-weight:700
}
body .profile-center__uid-row{
gap:6px;
color:#c6ced9;
font-size:11px
}
body .profile-center__intro{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
color:#eef3f9;
font-size:12px;
line-height:1.55
}
body .profile-center__tag-row{
gap:6px
}
body .profile-center__tag{
min-height:24px;
padding:0 9px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.06);
font-size:10px;
font-weight:700;
color:#d7dfeb
}
body .profile-center__stats-row{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:2px;
padding-top:0
}
body .profile-center__stat-card{
padding:0;
border:0;
border-radius:0;
background:none;
box-shadow:none;
text-align:left
}
body .profile-center__stat-card strong{
margin:0 0 2px;
font-size:18px;
letter-spacing:-.04em
}
body .profile-center__stat-card span{
font-size:10px;
color:#98a5b7
}
body .profile-center__action-row{
grid-template-columns:minmax(0,1fr) 58px;
gap:6px
}
body .profile-center__action-btn{
min-height:32px;
padding:0 10px;
border-radius:13px;
border:1px solid rgba(255,255,255,.08);
background:rgba(18,23,30,.86);
font-size:11px;
font-weight:700;
box-shadow:none
}
body .profile-center__action-btn--primary{
background:linear-gradient(180deg,#28313d,#1b232d)
}
body .profile-center__action-btn--ghost{
background:rgba(12,16,22,.72)
}
body .profile-center__action-btn svg{
width:13px;
height:13px
}
body .profile-center__portal-row{
gap:6px
}
body .profile-center__portal-card{
min-height:68px;
padding:8px 8px;
border-radius:14px;
background:rgba(16,21,27,.82);
border:1px solid rgba(255,255,255,.06);
box-shadow:none;
gap:5px
}
body .profile-center__portal-icon{
width:24px;
height:24px;
border-radius:9px;
background:rgba(255,255,255,.05)
}
body .profile-center__portal-icon svg{
width:14px;
height:14px
}
body .profile-center__portal-copy{
gap:2px
}
body .profile-center__portal-copy span{
min-height:16px;
padding:0 6px;
font-size:9px;
font-weight:700
}
body .profile-center__portal-copy strong{
font-size:12px;
letter-spacing:-.02em
}
body .profile-center__portal-copy p{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
font-size:9px;
line-height:1.3;
color:#9facbc
}
body .profile-center__sheet{
margin-top:0;
padding:0 12px calc(102px + env(safe-area-inset-bottom));
border-top-left-radius:28px;
border-top-right-radius:28px;
background:linear-gradient(180deg,#0b1016,#0a0e14);
border-top:1px solid rgba(255,255,255,.05);
box-shadow:none
}
body .profile-center__sheet-head{
padding:8px 0 10px;
background:linear-gradient(180deg,#0b1016 86%,rgba(11,16,22,.9))
}
body .profile-center__content-notch{
display:none
}
body .profile-center__tabs{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:0;
padding:0;
border-bottom:1px solid rgba(255,255,255,.06)
}
body .profile-center__tab-btn{
min-width:0;
min-height:44px;
padding:0 4px 9px;
border:0;
border-bottom:2px solid transparent;
border-radius:0;
background:transparent;
display:grid;
justify-items:center;
align-content:end;
gap:3px;
color:#8d99aa;
font-size:14px;
font-weight:700
}
body .profile-center__tab-btn em{
font-size:10px;
font-weight:600;
color:#647286
}
body .profile-center__tab-btn.active{
background:transparent;
border-color:transparent transparent #f1f5fb transparent;
color:#f7f9fc
}
body .profile-center__tab-btn.active em{
color:#d9e0eb
}
body .profile-center__feed-grid{
display:block;
column-count:2;
column-gap:10px;
padding-top:12px
}
body .profile-center__feed-card{
display:inline-block;
width:100%;
margin:0 0 10px;
break-inside:avoid;
border-radius:18px;
border:1px solid rgba(255,255,255,.06);
background:#11161d;
box-shadow:none
}
body .profile-center__feed-cover--image{
aspect-ratio:3/4;
background:#0f141b
}
body .profile-center__feed-cover--fallback{
min-height:132px;
padding:14px 12px
}
body .profile-center__feed-cover-shadow{
background:linear-gradient(180deg,rgba(6,8,12,.02),rgba(6,8,12,.56))
}
body .profile-center__feed-badges{
left:10px;
right:10px;
top:10px
}
body .profile-center__feed-badges span,
body .profile-center__feed-badges em{
min-height:24px;
padding:0 8px;
font-size:10px;
font-weight:700
}
body .profile-center__feed-fallback-avatar,
body .profile-center__feed-fallback-mark{
width:60px;
height:60px;
border-radius:18px
}
body .profile-center__feed-fallback-mark{
font-size:22px
}
body .profile-center__feed-body{
gap:6px;
padding:10px 10px 12px
}
body .profile-center__feed-meta strong{
font-size:14px;
line-height:1.28
}
body .profile-center__feed-meta span{
font-size:10px;
line-height:1.45
}
body .profile-center__feed-body p{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
font-size:11px;
line-height:1.55;
color:#dce4ee
}
body .profile-center__feed-footer{
font-size:10px;
color:#8391a3
}
body .profile-center__empty{
padding:26px 14px 16px;
border-radius:20px;
background:#11161d;
border:1px solid rgba(255,255,255,.06)
}
body .profile-center__empty strong{
font-size:16px
}
body .profile-center__empty p{
font-size:12px;
line-height:1.6
}
body .profile-center__settings-link{
margin-top:4px;
min-height:34px;
border-radius:12px;
background:rgba(255,255,255,.03);
font-size:11px
}
body.profile-page-active .profile-center__sheet{
padding-bottom:calc(98px + env(safe-area-inset-bottom))
}
@media (max-width:420px){
body .profile-center__hero{
min-height:292px;
padding-left:12px;
padding-right:12px
}
body .profile-center__avatar-stack,
body .profile-center__avatar-stack .sc-avatar--hero,
body .profile-center__avatar-stack .sc-avatar{
width:64px;
height:64px
}
body .profile-center__avatar-stack .sc-avatar__media,
body .profile-center__avatar-stack .sc-avatar--ring .sc-avatar__media{
border-radius:20px
}
body .profile-center__name-row h1{
font-size:22px
}
body .profile-center__stats-row{
gap:2px
}
body .profile-center__stat-card strong{
font-size:16px
}
body .profile-center__action-row{
grid-template-columns:minmax(0,1fr) 54px
}
body .profile-center__action-btn{
min-height:30px;
padding:0 8px;
font-size:10px
}
body .profile-center__portal-card{
min-height:64px;
padding:7px 7px;
border-radius:13px
}
body .profile-center__portal-copy strong{
font-size:11px
}
body .profile-center__sheet{
padding-left:10px;
padding-right:10px
}
body .profile-center__feed-grid{
column-gap:8px
}
body .profile-center__feed-card{
margin-bottom:8px;
border-radius:16px
}
}
/* entry-v11-tune-20260424v */
body .login-page.v11-community-page{
min-height:100dvh;
padding:12px 12px 18px!important
}
body .app-shell--mobile .login-page.v11-community-page.page-shell{
height:100dvh;
padding:12px 12px 18px!important;
overflow:hidden!important;
overscroll-behavior:none;
display:grid;
grid-auto-rows:max-content;
align-content:start;
gap:10px
}
body .login-page.v11-community-page .v11-page-head{
margin-bottom:10px
}
body .login-page.v11-community-page .v11-page-head__badge{
width:34px;
height:34px;
border-radius:11px
}
body .login-page.v11-community-page .v11-page-head__brand{
gap:8px
}
body .login-page.v11-community-page .v11-page-head__brand strong{
font-size:16px
}
body .login-page.v11-community-page .v11-page-head__brand span{
font-size:11px
}
body .login-page.v11-community-page .v11-page-head__action{
min-height:32px;
padding:0 12px;
border-radius:12px;
font-size:11px
}
body .login-page.v11-community-page .v11-community-tabs{
gap:8px
}
body .login-page.v11-community-page .v11-community-tab{
min-height:36px;
border-radius:14px;
font-size:12px
}
body .login-page.v11-community-page .message-service-card--compact{
padding:10px 12px;
border-radius:18px;
gap:10px
}
body .login-page.v11-community-page .message-service-card--compact strong{
font-size:13px
}
body .login-page.v11-community-page .message-service-card--compact span{
font-size:11px;
line-height:1.45
}
body .login-page.v11-community-page .message-service-card--compact .core-primary-btn{
min-height:34px;
padding:0 12px;
border-radius:14px
}
body .login-page.v11-community-page .v11-profile-section{
padding:12px;
border-radius:22px;
margin-bottom:0
}
body .login-page.v11-community-page .v11-section-head{
padding:0 2px
}
body .login-page.v11-community-page .v11-section-head strong{
font-size:16px
}
body .login-page.v11-community-page .v11-section-head button{
font-size:12px
}
body .login-page.v11-community-page .v11-section-hint{
margin:-2px 0 10px;
font-size:11px;
line-height:1.5
}
body .login-page.v11-community-page .v11-profile-grid{
gap:8px
}
body .login-page.v11-community-page .v11-profile-grid__item{
padding:12px 14px;
border-radius:18px;
gap:10px
}
body .login-page.v11-community-page .v11-profile-grid__icon{
width:36px;
height:36px;
border-radius:13px;
font-size:18px
}
body .login-page.v11-community-page .v11-profile-grid__copy strong{
font-size:13px
}
body .login-page.v11-community-page .v11-profile-grid__copy span{
font-size:11px;
line-height:1.45
}
body .login-page.v11-community-page .v11-profile-grid__item em{
min-width:40px;
min-height:24px;
padding:0 8px;
font-size:10px
}
body .login-page.v11-community-page .v11-community-inline-banner{
margin-bottom:10px;
padding:12px 14px;
border-radius:18px;
gap:10px
}
body .login-page.v11-community-page .v11-community-banner__copy strong{
font-size:12px
}
body .login-page.v11-community-page .v11-community-banner__copy span{
font-size:11px;
line-height:1.45
}
body .login-page.v11-community-page .v11-community-banner__button{
min-height:32px;
padding:0 12px;
border-radius:12px;
font-size:11px
}
body .login-page.v11-community-page .v10-safety__form{
gap:8px
}
body .login-page.v11-community-page .v10-login__avatar-picker{
display:grid;
justify-items:center;
gap:8px
}
body .login-page.v11-community-page .v10-login__avatar-shell{
width:56px;
height:56px;
border-radius:18px
}
body .login-page.v11-community-page .v10-login__avatar-picker>span{
font-size:11px;
line-height:1.45;
text-align:center
}
body .login-page.v11-community-page .v10-safety__form>input{
min-height:36px;
padding:0 12px;
border-radius:12px;
font-size:13px
}
body .login-page.v11-community-page .core-sheet-section{
padding:10px 12px;
border-radius:16px
}
body .login-page.v11-community-page .core-sheet-section__title,
body .login-page.v11-community-page .core-section-head strong{
font-size:12px
}
body .login-page.v11-community-page .core-chip-row{
gap:6px
}
body .login-page.v11-community-page .core-chip-btn,
body .login-page.v11-community-page .core-link-btn{
min-height:28px;
padding:0 10px;
font-size:10px
}
body .login-page.v11-community-page .core-inline-meta span{
font-size:10px;
line-height:1.45
}
body .login-page.v11-community-page .v11-profile-card{
padding:12px;
border-radius:22px;
gap:10px;
margin-bottom:0
}
body .login-page.v11-community-page .v11-profile-card__top{
gap:10px
}
body .login-page.v11-community-page .v10-login__summary-avatar{
width:56px;
height:56px;
border-radius:18px;
font-size:20px
}
body .login-page.v11-community-page .v11-profile-card__copy strong{
font-size:14px
}
body .login-page.v11-community-page .v11-profile-card__copy span{
font-size:11px;
line-height:1.45
}
body .login-page.v11-community-page .v11-profile-card__tags{
gap:8px
}
body .login-page.v11-community-page .v11-profile-card__tags span{
padding:8px 10px;
border-radius:14px;
font-size:10px;
line-height:1.4
}
body .login-page.v11-community-page .v11-match-actions{
gap:10px;
margin:12px 0 0
}
body .login-page.v11-community-page .v11-match-actions .v11-page-head__action,
body .login-page.v11-community-page .v11-match-actions .v11-community-banner__button{
min-height:34px;
padding:0 12px;
border-radius:14px;
font-size:11px
}
@media (max-height:760px){
body .app-shell--mobile .login-page.v11-community-page.page-shell{
padding:10px 10px 14px!important;
gap:8px
}
body .login-page.v11-community-page .message-service-card--compact{
padding:8px 10px
}
body .login-page.v11-community-page .v11-profile-section{
padding:10px
}
body .login-page.v11-community-page .v11-profile-grid__item{
padding:10px 12px
}
body .login-page.v11-community-page .v10-login__avatar-shell,
body .login-page.v11-community-page .v10-login__summary-avatar{
width:52px;
height:52px
}
body .login-page.v11-community-page .v10-safety__form>input,
body .login-page.v11-community-page .v11-match-actions .v11-page-head__action,
body .login-page.v11-community-page .v11-match-actions .v11-community-banner__button{
min-height:32px
}
}
@media (max-width:420px){
body .app-shell--mobile .login-page.v11-community-page.page-shell{
padding:10px 10px 16px!important;
gap:8px
}
body .login-page.v11-community-page .v11-page-head__brand strong{
font-size:15px
}
body .login-page.v11-community-page .v11-profile-card__tags,
body .login-page.v11-community-page .v11-match-actions{
grid-template-columns:1fr
}
}
/* entry-flow-fix-20260424aa */
body .app-shell--mobile .login-page.v11-community-page.page-shell{
padding:8px 8px 12px!important;
grid-template-rows:auto auto auto minmax(0,1fr);
gap:7px
}
body .login-page.v11-community-page .v11-page-head,
body .login-page.v11-community-page .v11-community-tabs,
body .login-page.v11-community-page .message-service-card--compact{
zoom:.88
}
body .login-page.v11-community-page.v11-community-page--step-1 .v11-profile-section{
zoom:.84
}
body .login-page.v11-community-page.v11-community-page--step-2 .v11-profile-section{
zoom:.72
}
body .login-page.v11-community-page.v11-community-page--step-3 .v11-profile-section{
zoom:.78
}
body .login-page.v11-community-page.v11-community-page--step-2 .v11-profile-section,
body .login-page.v11-community-page.v11-community-page--step-3 .v11-profile-section{
margin-bottom:0!important
}
body .login-page.v11-community-page > .v11-guide-sheet,
body .login-page.v11-community-page > .v11-feed-list.v11-guide-sheet{
display:none!important
}
@media (max-height:760px){
body .login-page.v11-community-page .v11-page-head,
body .login-page.v11-community-page .v11-community-tabs,
body .login-page.v11-community-page .message-service-card--compact{
zoom:.84
}
body .login-page.v11-community-page.v11-community-page--step-1 .v11-profile-section{
zoom:.8
}
body .login-page.v11-community-page.v11-community-page--step-2 .v11-profile-section{
zoom:.68
}
body .login-page.v11-community-page.v11-community-page--step-3 .v11-profile-section{
zoom:.74
}
}
body .entry-pay-page.entry-pay-page--compact{
min-height:100dvh;
padding:8px 10px calc(94px + env(safe-area-inset-bottom))!important;
display:grid;
align-content:start;
justify-items:center;
overflow:hidden
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal{
position:relative!important;
inset:auto!important;
display:block!important;
width:100%;
padding:0!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__backdrop{
display:none!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
position:relative!important;
width:min(100%,392px)!important;
min-height:auto!important;
max-height:calc(100dvh - env(safe-area-inset-top) - 104px)!important;
margin:0 auto!important;
border-radius:24px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
max-height:calc(100dvh - env(safe-area-inset-top) - 178px)!important;
padding:10px 14px!important;
gap:10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header strong{
font-size:18px
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header>span:last-child{
font-size:11px;
line-height:1.4
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__amount-block{
padding:12px 14px 10px!important;
gap:4px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__amount{
font-size:clamp(28px,8vw,36px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster--sheet{
padding:10px 12px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__eyebrow{
font-size:10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__headline strong{
font-size:clamp(22px,7.4vw,34px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__subline{
font-size:clamp(13px,4vw,18px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__microcopy{
font-size:9px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__footer{
font-size:clamp(13px,4vw,18px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method--row{
min-height:60px!important;
padding:12px 14px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__safe-note{
padding:10px 12px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__footer{
padding:12px 14px 14px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__confirm,
body .entry-pay-page.entry-pay-page--compact .core-actions .core-secondary-btn{
min-height:42px!important;
border-radius:16px!important
}
@media (max-height:760px){
body .entry-pay-page.entry-pay-page--compact{
padding-top:6px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
max-height:calc(100dvh - env(safe-area-inset-top) - 96px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
max-height:calc(100dvh - env(safe-area-inset-top) - 164px)!important;
padding:8px 12px!important;
gap:8px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster--sheet{
padding:8px 10px!important
}
}
/* entry-flow-fix-20260424ab */
body .login-page.v11-community-page.v11-community-page--step-2 .v11-profile-section{
padding:10px;
border-radius:20px
}
body .login-page.v11-community-page.v11-community-page--step-2 .v11-community-inline-banner{
margin-bottom:8px;
padding:10px 12px;
border-radius:16px;
gap:8px
}
body .login-page.v11-community-page.v11-community-page--step-2 .v11-community-banner__copy strong{
font-size:11px
}
body .login-page.v11-community-page.v11-community-page--step-2 .v11-community-banner__copy span{
font-size:10px;
line-height:1.4
}
body .login-page.v11-community-page.v11-community-page--step-2 .v11-community-banner__button{
min-height:30px;
padding:0 10px;
border-radius:11px;
font-size:10px
}
body .login-page.v11-community-page.v11-community-page--step-2 .v10-safety__form{
gap:6px
}
body .login-page.v11-community-page.v11-community-page--step-2 .v10-login__avatar-shell{
width:48px;
height:48px;
border-radius:16px
}
body .login-page.v11-community-page.v11-community-page--step-2 .v10-login__avatar-picker>span{
font-size:10px;
line-height:1.35
}
body .login-page.v11-community-page.v11-community-page--step-2 .v10-safety__form>input{
min-height:34px;
padding:0 10px;
border-radius:11px;
font-size:12px
}
body .login-page.v11-community-page.v11-community-page--step-2 .core-sheet-section{
padding:8px 10px;
border-radius:14px
}
body .login-page.v11-community-page.v11-community-page--step-2 .core-sheet-section__title,
body .login-page.v11-community-page.v11-community-page--step-2 .core-section-head strong{
font-size:11px
}
body .login-page.v11-community-page.v11-community-page--step-2 .core-chip-btn,
body .login-page.v11-community-page.v11-community-page--step-2 .core-link-btn{
min-height:26px;
padding:0 9px;
font-size:10px
}
body .login-page.v11-community-page.v11-community-page--step-2 .core-inline-meta{
gap:6px
}
body .login-page.v11-community-page.v11-community-page--step-2 .core-inline-meta span{
font-size:10px;
line-height:1.35
}
body .login-page.v11-community-page.v11-community-page--step-3 .v11-profile-section{
padding:10px;
border-radius:20px
}
body .login-page.v11-community-page.v11-community-page--step-3 .v11-profile-card{
padding:10px;
border-radius:18px;
gap:8px
}
body .login-page.v11-community-page.v11-community-page--step-3 .v11-profile-card__top{
gap:8px
}
body .login-page.v11-community-page.v11-community-page--step-3 .v10-login__summary-avatar{
width:48px;
height:48px;
border-radius:16px;
font-size:18px
}
body .login-page.v11-community-page.v11-community-page--step-3 .v11-profile-card__copy strong{
font-size:13px
}
body .login-page.v11-community-page.v11-community-page--step-3 .v11-profile-card__copy span{
font-size:10px;
line-height:1.4
}
body .login-page.v11-community-page.v11-community-page--step-3 .v11-profile-card__tags{
gap:6px
}
body .login-page.v11-community-page.v11-community-page--step-3 .v11-profile-card__tags span{
padding:6px 8px;
border-radius:12px;
font-size:9px;
line-height:1.35
}
body .login-page.v11-community-page.v11-community-page--step-3 .v11-match-actions{
gap:8px;
margin-top:10px
}
body .login-page.v11-community-page.v11-community-page--step-3 .v11-match-actions .v11-page-head__action,
body .login-page.v11-community-page.v11-community-page--step-3 .v11-match-actions .v11-community-banner__button{
min-height:32px;
padding:0 10px;
border-radius:12px;
font-size:10px
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
width:min(100%,372px)!important;
max-height:calc(100dvh - env(safe-area-inset-top) - 88px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
max-height:calc(100dvh - env(safe-area-inset-top) - 154px)!important;
padding:8px 12px!important;
gap:8px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header strong{
font-size:17px
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header>span:last-child{
font-size:10px
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__amount-block{
padding:10px 12px 8px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__amount{
font-size:clamp(26px,7.2vw,32px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster--sheet{
padding:8px 10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__headline strong{
font-size:clamp(20px,6.8vw,30px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__subline,
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__footer{
font-size:clamp(12px,3.6vw,16px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method--row{
min-height:56px!important;
padding:10px 12px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__safe-note{
padding:8px 10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__footer{
padding:10px 12px 12px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__confirm,
body .entry-pay-page.entry-pay-page--compact .core-actions .core-secondary-btn{
min-height:40px!important;
border-radius:14px!important
}
@media (max-height:760px){
body .login-page.v11-community-page.v11-community-page--step-2 .v10-login__avatar-shell{
width:44px;
height:44px
}
body .login-page.v11-community-page.v11-community-page--step-2 .v10-safety__form>input{
min-height:32px
}
body .login-page.v11-community-page.v11-community-page--step-3 .v10-login__summary-avatar{
width:44px;
height:44px
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
max-height:calc(100dvh - env(safe-area-inset-top) - 82px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
max-height:calc(100dvh - env(safe-area-inset-top) - 146px)!important
}
}
/* entry-flow-fix-20260424ac */
body .login-page.v11-community-page{
background:
radial-gradient(circle at 50% 0%,rgba(116,124,132,.14),transparent 30%),
linear-gradient(180deg,#0c1014 0%,#12181e 44%,#0c1014 100%)!important
}
body .login-page.v11-community-page .v10-login__bg{
opacity:.42
}
body .login-page.v11-community-page .v11-page-head__badge,
body .login-page.v11-community-page .v11-page-head__action,
body .login-page.v11-community-page .v11-community-tab,
body .login-page.v11-community-page .message-service-card--compact,
body .login-page.v11-community-page .v11-profile-section,
body .login-page.v11-community-page .v11-profile-grid__item,
body .login-page.v11-community-page .v11-community-inline-banner,
body .login-page.v11-community-page .core-sheet-section,
body .login-page.v11-community-page .v11-profile-card{
background:linear-gradient(180deg,rgba(23,28,34,.98),rgba(14,18,23,.96))!important;
border:1px solid rgba(112,122,132,.16)!important;
box-shadow:none!important;
color:#eef2f6!important
}
body .login-page.v11-community-page .v11-page-head__badge{
display:grid;
place-items:center;
box-shadow:none!important;
color:#eef2f6!important
}
body .login-page.v11-community-page .v11-page-head__brand strong,
body .login-page.v11-community-page .v11-section-head strong,
body .login-page.v11-community-page .v11-profile-grid__copy strong,
body .login-page.v11-community-page .v11-profile-card__copy strong,
body .login-page.v11-community-page .v11-community-banner__copy strong,
body .login-page.v11-community-page .message-service-card--compact strong,
body .login-page.v11-community-page .core-sheet-section__title,
body .login-page.v11-community-page .core-section-head strong{
color:#f5f7fa!important
}
body .login-page.v11-community-page .v11-page-head__brand span,
body .login-page.v11-community-page .v11-section-hint,
body .login-page.v11-community-page .v11-profile-grid__copy span,
body .login-page.v11-community-page .v11-community-banner__copy span,
body .login-page.v11-community-page .message-service-card--compact span,
body .login-page.v11-community-page .core-inline-meta span,
body .login-page.v11-community-page .v10-login__avatar-picker>span,
body .login-page.v11-community-page .v11-profile-card__copy span{
color:#99a4ae!important
}
body .login-page.v11-community-page .v11-page-head__action,
body .login-page.v11-community-page .v11-community-banner__button,
body .login-page.v11-community-page .message-service-card--compact .core-primary-btn,
body .login-page.v11-community-page .v11-step-next-btn{
min-height:34px;
padding:0 12px;
border-radius:14px;
border:1px solid rgba(165,176,186,.16)!important;
background:linear-gradient(135deg,#616c76,#3c454d)!important;
color:#f6f9fb!important;
box-shadow:none!important;
font:inherit;
font-size:11px;
font-weight:700
}
body .login-page.v11-community-page .v11-step-next-btn{
width:100%;
margin-top:2px
}
body .login-page.v11-community-page .v11-community-tab,
body .login-page.v11-community-page .core-chip-btn,
body .login-page.v11-community-page .core-link-btn{
background:rgba(255,255,255,.05)!important;
border:1px solid rgba(112,122,132,.16)!important;
color:#eef2f6!important;
box-shadow:none!important
}
body .login-page.v11-community-page .v11-community-tab.active,
body .login-page.v11-community-page .core-chip-btn.active,
body .login-page.v11-community-page .core-link-btn.active,
body .login-page.v11-community-page .v11-profile-grid__item.active{
background:linear-gradient(135deg,#2d3740,#1c232a)!important;
border-color:rgba(176,188,198,.22)!important;
color:#fff!important
}
body .login-page.v11-community-page .v11-profile-grid__item em,
body .login-page.v11-community-page .v11-profile-card__tags span{
background:rgba(255,255,255,.05)!important;
border:1px solid rgba(112,122,132,.16)!important;
color:#d7dee5!important
}
body .login-page.v11-community-page .v10-login__avatar-shell,
body .login-page.v11-community-page .v10-login__summary-avatar,
body .login-page.v11-community-page .v10-safety__form>input{
background:#0f1419!important;
border:1px solid rgba(112,122,132,.16)!important;
color:#f5f7fa!important
}
body .login-page.v11-community-page .v10-safety__form>input::placeholder{
color:#7f8b97!important
}
body .login-page.v11-community-page .v11-section-head{
display:flex;
align-items:center;
justify-content:space-between
}
body .entry-flow-overlay .core-overlay__backdrop{
background:rgba(4,6,8,.76)!important;
backdrop-filter:blur(14px)
}
body .entry-flow-overlay .core-overlay__panel,
body .entry-flow-overlay .core-overlay__panel--wide,
body .entry-flow-overlay .core-overlay__panel--compact{
background:linear-gradient(180deg,#171c22,#0f1419)!important;
border:1px solid rgba(112,122,132,.16)!important;
box-shadow:0 26px 46px rgba(0,0,0,.36)!important
}
body .entry-flow-overlay .core-overlay__title strong{
color:#f5f7fa!important
}
body .entry-flow-overlay .core-overlay__title span{
color:#99a4ae!important
}
body .entry-flow-overlay .core-overlay__head{
padding:14px 14px 10px!important
}
body .entry-flow-overlay .core-overlay__body{
padding:0 14px 14px!important
}
body .entry-flow-overlay .core-overlay__footer{
padding:0 14px 14px!important
}
body .entry-flow-overlay .core-primary-btn,
body .entry-flow-overlay .core-secondary-btn{
border:1px solid rgba(165,176,186,.16)!important;
background:linear-gradient(135deg,#616c76,#3c454d)!important;
color:#f6f9fb!important;
box-shadow:none!important
}
body .entry-flow-overlay .core-menu-item{
background:rgba(255,255,255,.04)!important;
border:1px solid rgba(112,122,132,.16)!important;
box-shadow:none!important
}
body .entry-flow-overlay .core-menu-item strong{
color:#f5f7fa!important
}
body .entry-flow-overlay .core-menu-item span{
color:#99a4ae!important
}
body .entry-flow-overlay .core-menu-item em{
background:rgba(255,255,255,.05)!important;
border:1px solid rgba(112,122,132,.16)!important;
color:#d7dee5!important
}
body .entry-flow-overlay .core-menu-item.active{
background:linear-gradient(135deg,#2d3740,#1c232a)!important;
border-color:rgba(176,188,198,.22)!important
}
body .entry-flow-overlay .v11-feed-card{
background:rgba(255,255,255,.04)!important;
border:1px solid rgba(112,122,132,.16)!important;
box-shadow:none!important
}
body .entry-flow-overlay .v11-feed-card__body p,
body .entry-flow-overlay .v11-feed-card__body em{
color:#99a4ae!important
}
body .entry-flow-overlay .v11-feed-card__title-row strong{
color:#f5f7fa!important
}
body .entry-guide-overlay .entry-guide-overlay__panel{
align-self:start!important;
margin-top:calc(env(safe-area-inset-top) + 32px)!important;
width:min(100%,390px)!important;
max-height:52dvh!important;
border-radius:24px!important
}
body .entry-guide-overlay .core-overlay__body{
max-height:calc(52dvh - 116px)!important;
overflow-y:auto!important;
padding:0 12px 12px!important
}
body .entry-guide-overlay .core-overlay__body::-webkit-scrollbar{
width:6px
}
body .entry-guide-overlay .core-overlay__body::-webkit-scrollbar-thumb{
background:rgba(255,255,255,.14);
border-radius:999px
}
body .entry-guide-overlay .core-overlay__footer{
padding:0 12px 12px!important
}
body .entry-pay-page.entry-pay-page--compact{
padding:0 0 calc(94px + env(safe-area-inset-bottom))!important;
display:flex!important;
align-items:flex-end!important;
justify-content:center!important;
background:
radial-gradient(circle at 50% 14%,rgba(90,54,84,.34),transparent 28%),
linear-gradient(180deg,#1a1320 0%,#141119 42%,#121821 72%,#0d1116 100%)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal{
display:flex!important;
align-items:flex-end!important;
width:100%;
min-height:100dvh
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
width:100%!important;
max-width:100%!important;
max-height:min(68dvh,720px)!important;
margin:0!important;
border-radius:32px 32px 0 0!important;
border-right:0!important;
border-bottom:0!important;
border-left:0!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
max-height:calc(min(68dvh,720px) - 86px)!important;
padding:12px 16px 10px!important;
gap:10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header strong{
font-size:18px!important;
color:#f5f7fa!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scene,
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__amount-label,
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__methods-title{
color:#c9d1d8!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header>span:last-child{
font-size:11px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__amount{
color:#f5f7fa!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method strong{
color:#f5f7fa!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster--sheet{
background:
radial-gradient(circle at 88% 18%,rgba(255,255,255,.08),transparent 24%),
linear-gradient(180deg,#1a2026,#11161b)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__headline strong,
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__subline,
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__footer{
color:#f5f7fa!important
}
body .entry-pay-page.entry-pay-page--compact .core-actions .core-secondary-btn{
background:rgba(255,255,255,.06)!important;
border:1px solid rgba(112,122,132,.16)!important;
color:#eef2f6!important
}
@media (max-width:420px){
body .entry-guide-overlay .entry-guide-overlay__panel{
width:min(100%,calc(100vw - 20px))!important
}
}
/* entry-flow-fix-20260424ad */
body .entry-guide-overlay .entry-guide-overlay__panel{
align-self:start!important;
margin-top:calc(env(safe-area-inset-top) + 10px)!important;
width:min(100%,330px)!important;
max-height:40dvh!important;
border-radius:22px!important
}
body .entry-guide-overlay .core-overlay__head{
padding:12px 14px 8px!important
}
body .entry-guide-overlay .core-overlay__body{
max-height:calc(40dvh - 96px)!important;
overflow-y:auto!important;
padding:0 14px 12px!important
}
body .entry-guide-overlay .core-overlay__footer{
padding:0 14px 14px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal{
display:flex!important;
align-items:flex-end!important;
justify-content:center!important;
width:100%;
min-height:100dvh
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
display:flex!important;
flex-direction:column!important;
width:100%!important;
max-width:100%!important;
max-height:min(50dvh,520px)!important;
margin:0!important;
border-radius:30px 30px 0 0!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
flex:1 1 auto!important;
max-height:calc(min(50dvh,520px) - 118px)!important;
padding:10px 14px 8px!important;
gap:8px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header strong{
font-size:17px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header>span:last-child{
font-size:10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__amount-block{
padding:12px 14px 10px!important;
gap:3px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__amount{
font-size:clamp(24px,7vw,34px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster--sheet{
padding:12px 12px 13px!important;
border-radius:18px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__eyebrow{
font-size:10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__headline{
margin-top:8px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__headline strong{
font-size:clamp(24px,8vw,38px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__subline{
margin-top:8px!important;
font-size:clamp(13px,4vw,18px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__microcopy{
margin-top:8px!important;
font-size:9px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__footer{
margin-top:10px!important;
font-size:clamp(13px,4vw,18px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method--row{
padding:10px 12px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__safe-note{
padding:10px 12px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__footer{
flex:0 0 auto!important;
padding:12px 14px calc(14px + env(safe-area-inset-bottom))!important;
background:rgba(8,8,14,.98)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__footer .core-actions{
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__footer .core-actions>*{
width:100%!important;
margin:0!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__confirm,
body .entry-pay-page.entry-pay-page--compact .core-actions .core-secondary-btn{
min-height:46px!important;
border-radius:16px!important
}
@media (max-width:420px){
body .entry-guide-overlay .entry-guide-overlay__panel{
width:min(100%,calc(100vw - 28px))!important;
max-height:42dvh!important
}
body .entry-guide-overlay .core-overlay__body{
max-height:calc(42dvh - 96px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
max-height:min(52dvh,500px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
max-height:calc(min(52dvh,500px) - 118px)!important
}
}
/* entry-pay-poster-ref-20260424ae */
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster--sheet{
padding:14px 14px 15px!important;
border:1px solid rgba(255,255,255,.06)!important;
background:linear-gradient(145deg,rgba(8,8,10,.97),rgba(24,24,28,.94))!important;
box-shadow:0 18px 30px rgba(0,0,0,.34)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster:before{
top:-24px!important;
right:-48px!important;
width:180px!important;
height:180px!important;
background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster:after{
left:auto!important;
right:-90px!important;
bottom:-72px!important;
width:220px!important;
height:220px!important;
background:linear-gradient(135deg,transparent,rgba(255,255,255,.08),transparent)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__eyebrow{
max-width:none!important;
color:#fff8fc!important;
font-size:11px!important;
font-weight:800!important;
line-height:1.5!important;
letter-spacing:0!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__headline{
gap:0!important;
margin-top:10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__headline strong{
display:block!important;
color:#ff6cb8!important;
line-height:.88!important;
letter-spacing:-.08em!important;
text-shadow:none!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__headline strong:first-child{
font-size:clamp(44px,14vw,64px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__headline strong:last-child{
justify-self:end!important;
margin-top:-4px!important;
font-size:clamp(28px,9.4vw,44px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__subline{
display:flex!important;
align-items:center!important;
width:min(100%,272px)!important;
margin-top:6px!important;
padding:0 0 6px!important;
border-bottom:2px solid rgba(255,108,184,.62)!important;
color:#fff!important;
font-size:clamp(18px,5.4vw,24px)!important;
font-weight:900!important;
letter-spacing:.01em!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__microcopy{
display:grid!important;
width:max-content!important;
gap:1px!important;
margin-top:8px!important;
color:#ff86c8!important;
font-size:9px!important;
font-style:italic!important;
font-weight:900!important;
letter-spacing:.06em!important;
line-height:1.35!important;
text-transform:uppercase!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__footer{
margin-top:8px!important;
color:#fff!important;
font-size:clamp(15px,4.5vw,20px)!important;
font-weight:800!important;
line-height:1.34!important;
text-align:right!important
}
/* entry-flow-fix-20260424af */
body .entry-guide-overlay{
z-index:260!important
}
body .entry-guide-overlay .core-overlay__backdrop{
background:rgba(3,5,8,.68)!important;
backdrop-filter:blur(10px)!important
}
body .entry-guide-overlay .entry-guide-overlay__panel{
margin-top:calc(env(safe-area-inset-top) + 2px)!important;
width:min(100%,304px)!important;
max-height:34dvh!important;
border-radius:20px!important;
box-shadow:0 20px 40px rgba(0,0,0,.44)!important
}
body .entry-guide-overlay .core-overlay__head{
padding:10px 12px 6px!important
}
body .entry-guide-overlay .core-overlay__body{
max-height:calc(34dvh - 86px)!important;
padding:0 12px 12px!important
}
body .entry-guide-overlay .v11-feed-card{
padding:10px 10px 9px!important;
border-radius:16px!important
}
body .entry-guide-overlay .v11-feed-card__title-row strong{
font-size:14px!important
}
body .entry-guide-overlay .v11-feed-card__body p{
font-size:11px!important;
line-height:1.55!important
}
body .entry-guide-overlay .v11-feed-card__body em{
font-size:10px!important
}
body .entry-pay-page.entry-pay-page--compact{
position:relative!important;
overflow:hidden!important;
background:
radial-gradient(circle at 50% 14%,rgba(28,26,36,.22),transparent 26%),
linear-gradient(180deg,#090b10 0%,#0d1117 42%,#090c11 100%)!important
}
body .entry-pay-page.entry-pay-page--compact:before{
content:"";
position:absolute;
top:calc(env(safe-area-inset-top) + 46px);
left:50%;
transform:translateX(-50%);
width:min(48vw,190px);
height:min(48vw,190px);
background:url("/assets/entry-pay-mascot.svg?v=20260427j") center/contain no-repeat;
z-index:0;
pointer-events:none;
filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))
}
body .entry-pay-page.entry-pay-page--compact:after{
content:"";
position:absolute;
top:calc(env(safe-area-inset-top) + 138px);
left:50%;
transform:translateX(-50%);
width:min(54vw,220px);
height:56px;
border-radius:999px;
background:radial-gradient(circle,rgba(255,120,214,.24),transparent 68%);
z-index:0;
pointer-events:none
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
position:relative!important;
z-index:1!important;
max-height:min(68dvh,640px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
max-height:calc(min(68dvh,640px) - 108px)!important;
padding:10px 14px 8px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header{
display:grid!important;
gap:4px!important;
text-align:center!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__amount-block{
padding:10px 12px 9px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__amount{
font-size:clamp(22px,6.6vw,32px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__account{
font-size:11px!important;
line-height:1.4!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster--sheet{
min-height:174px!important;
padding:12px 12px 12px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__headline strong:first-child{
font-size:clamp(40px,12.6vw,58px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__headline strong:last-child{
font-size:clamp(25px,8.2vw,38px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__subline{
width:min(100%,248px)!important;
font-size:clamp(15px,4.8vw,20px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__footer{
font-size:clamp(13px,4.1vw,16px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method-list{
gap:8px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method--row{
min-height:60px!important;
padding:8px 10px!important;
border-radius:16px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method__icon{
width:30px!important;
height:30px!important;
border-radius:10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method span{
font-size:11px!important;
line-height:1.45!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__safe-note{
display:flex!important;
padding:9px 10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__footer{
padding:10px 14px calc(12px + env(safe-area-inset-bottom))!important
}
body .login-page.v11-community-page .v11-input-hint{
margin-top:-2px;
color:#97a3ae;
font-size:11px;
line-height:1.55
}
@media (max-width:420px){
body .entry-guide-overlay .entry-guide-overlay__panel{
width:min(100%,calc(100vw - 34px))!important;
max-height:36dvh!important
}
body .entry-guide-overlay .core-overlay__body{
max-height:calc(36dvh - 86px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
max-height:min(70dvh,620px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
max-height:calc(min(70dvh,620px) - 108px)!important
}
body .entry-pay-page.entry-pay-page--compact:before{
top:calc(env(safe-area-inset-top) + 36px);
width:min(54vw,178px);
height:min(54vw,178px)
}
body .entry-pay-page.entry-pay-page--compact:after{
top:calc(env(safe-area-inset-top) + 126px)
}
}
/* entry-flow-fix-20260424ag */
body .login-page.v11-community-page .v11-input-hint{
margin:2px 0 0!important;
padding:8px 10px!important;
border-radius:12px!important;
border:1px solid rgba(92,104,118,.14)!important;
background:rgba(255,255,255,.04)!important;
color:#c7d0d9!important;
font-size:11px!important;
line-height:1.55!important
}
body .login-page.v11-community-page .v10-safety__form>input::placeholder{
color:#aab4bf!important
}
body .entry-guide-overlay{
z-index:260!important;
align-items:flex-start!important;
padding-top:0!important
}
body .entry-guide-overlay .entry-guide-overlay__panel{
margin-top:calc(env(safe-area-inset-top) + 10px)!important;
width:min(100%,318px)!important;
max-height:min(48dvh,360px)!important;
border-radius:20px!important;
box-shadow:0 18px 36px rgba(0,0,0,.42)!important
}
body .entry-guide-overlay .core-overlay__head{
padding:10px 12px 6px!important
}
body .entry-guide-overlay .core-overlay__body{
max-height:calc(min(48dvh,360px) - 82px)!important;
padding:0 12px 12px!important;
overflow:auto!important
}
body .entry-guide-overlay .v11-feed-card{
padding:10px 10px 9px!important;
border-radius:16px!important
}
body .entry-guide-overlay .v11-feed-card__title-row strong{
font-size:13px!important
}
body .entry-guide-overlay .v11-feed-card__body p{
font-size:11px!important;
line-height:1.55!important
}
body .entry-pay-page.entry-pay-page--compact{
position:relative!important;
padding:0 0 calc(env(safe-area-inset-bottom) + 8px)!important;
overflow:hidden!important;
background:
radial-gradient(circle at 50% 10%,rgba(255,112,210,.08),transparent 24%),
linear-gradient(180deg,#090b10 0%,#0d1117 44%,#090c11 100%)!important
}
body .entry-pay-page.entry-pay-page--compact:before{
top:calc(env(safe-area-inset-top) + 14px)!important;
width:min(41vw,150px)!important;
height:min(41vw,150px)!important;
z-index:1!important;
filter:drop-shadow(0 14px 24px rgba(0,0,0,.28))!important
}
body .entry-pay-page.entry-pay-page--compact:after{
top:calc(env(safe-area-inset-top) + 96px)!important;
width:min(44vw,176px)!important;
height:40px!important;
z-index:1!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal{
position:relative!important;
inset:auto!important;
min-height:100dvh!important;
display:flex!important;
align-items:stretch!important;
justify-content:flex-end!important;
padding-top:calc(env(safe-area-inset-top) + clamp(148px,24dvh,186px))!important;
z-index:2!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__backdrop{
display:none!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
position:relative!important;
z-index:2!important;
width:min(100%,414px)!important;
max-height:min(60dvh,520px)!important;
margin-top:auto!important;
border-radius:26px 26px 0 0!important;
border:1px solid rgba(92,104,118,.18)!important;
background:linear-gradient(180deg,#14191f,#0d1116)!important;
box-shadow:0 -14px 30px rgba(0,0,0,.32)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
display:grid!important;
gap:10px!important;
max-height:calc(min(60dvh,520px) - 92px)!important;
padding:12px 14px 8px!important;
overflow:auto!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header{
display:grid!important;
gap:3px!important;
text-align:center!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scene{
font-size:10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header strong{
font-size:18px!important;
line-height:1.08!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header>span:last-child{
font-size:11px!important;
line-height:1.45!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__amount-block{
gap:5px!important;
padding:10px 12px!important;
border-radius:18px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__amount-label{
font-size:10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__amount{
font-size:clamp(24px,7vw,30px)!important;
line-height:1!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__account{
font-size:11px!important;
line-height:1.45!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster--sheet{
min-height:136px!important;
padding:12px!important;
border-radius:18px!important;
margin:0!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__eyebrow{
font-size:10px!important;
line-height:1.45!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__headline{
margin-top:8px!important;
gap:0!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__headline strong:first-child{
font-size:clamp(30px,9vw,42px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__headline strong:last-child{
font-size:clamp(20px,6.5vw,28px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__subline{
width:auto!important;
margin-top:8px!important;
padding-bottom:5px!important;
font-size:clamp(13px,4.1vw,17px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__microcopy{
margin-top:8px!important;
gap:2px!important;
font-size:9px!important;
letter-spacing:.08em!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__footer{
margin-top:10px!important;
font-size:clamp(13px,4vw,16px)!important;
line-height:1.42!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method-list{
gap:8px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method--row{
min-height:54px!important;
padding:8px 10px!important;
border-radius:14px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method__icon{
width:28px!important;
height:28px!important;
border-radius:9px!important;
font-size:13px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method strong{
font-size:13px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method span{
font-size:10px!important;
line-height:1.45!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__safe-note{
display:flex!important;
gap:8px!important;
padding:8px 10px!important;
border-radius:14px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__safe-note span{
font-size:10px!important;
line-height:1.5!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__footer{
padding:10px 14px calc(12px + env(safe-area-inset-bottom))!important;
background:#0d1116!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__footer .core-actions{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__footer .core-actions>*{
width:100%!important;
margin:0!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__footer .core-actions>:only-child{
grid-column:1/-1!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__confirm,
body .entry-pay-page.entry-pay-page--compact .core-actions .core-secondary-btn{
min-height:44px!important;
border-radius:14px!important;
font-size:14px!important
}
@media (max-width:420px){
body .entry-guide-overlay .entry-guide-overlay__panel{
width:min(100%,calc(100vw - 34px))!important;
max-height:min(50dvh,352px)!important
}
body .entry-guide-overlay .core-overlay__body{
max-height:calc(min(50dvh,352px) - 82px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal{
padding-top:calc(env(safe-area-inset-top) + clamp(136px,22dvh,170px))!important
}
body .entry-pay-page.entry-pay-page--compact:before{
top:calc(env(safe-area-inset-top) + 8px)!important;
width:min(39vw,136px)!important;
height:min(39vw,136px)!important
}
body .entry-pay-page.entry-pay-page--compact:after{
top:calc(env(safe-area-inset-top) + 84px)!important;
width:min(42vw,162px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
max-height:min(58dvh,500px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
max-height:calc(min(58dvh,500px) - 92px)!important
}
}
/* entry-payment-card-fix-20260424x */
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal{
padding-top:calc(env(safe-area-inset-top) + clamp(118px,17dvh,150px))!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
max-height:min(68dvh,600px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
max-height:calc(min(68dvh,600px) - 90px)!important;
padding:12px 14px 10px!important;
gap:10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster--sheet{
min-height:152px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method-list{
display:grid!important;
gap:10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-method--row{
min-height:62px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__safe-note{
display:none!important
}
@media (max-width:420px){
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal{
padding-top:calc(env(safe-area-inset-top) + clamp(110px,16dvh,138px))!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
max-height:min(70dvh,620px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
max-height:calc(min(70dvh,620px) - 90px)!important
}
}
/* entry-flow-fix-20260424ah */
body .entry-guide-overlay,
body .core-overlay--top.entry-guide-overlay{
position:fixed!important;
inset:0!important;
display:grid!important;
place-items:start center!important;
align-items:start!important;
align-content:start!important;
padding:calc(env(safe-area-inset-top) + 8px) 14px calc(env(safe-area-inset-bottom) + 12px)!important;
z-index:260!important
}
body .entry-guide-overlay .core-overlay__backdrop{
position:absolute!important;
inset:0!important;
background:rgba(3,5,8,.7)!important;
backdrop-filter:blur(10px)!important
}
body .entry-guide-overlay .core-overlay__panel,
body .entry-guide-overlay .entry-guide-overlay__panel,
body .core-overlay--top.entry-guide-overlay .core-overlay__panel{
position:relative!important;
align-self:start!important;
margin:0 auto!important;
transform:none!important;
top:0!important
}
body .entry-guide-overlay .entry-guide-overlay__panel{
margin-top:0!important;
width:min(100%,318px)!important;
max-height:min(48dvh,360px)!important;
border-radius:20px!important
}
body .entry-guide-overlay .core-overlay__head{
padding:10px 12px 6px!important
}
body .entry-guide-overlay .core-overlay__body{
max-height:calc(min(48dvh,360px) - 82px)!important;
padding:0 12px 12px!important;
overflow:auto!important
}
@media (max-width:420px){
body .entry-guide-overlay,
body .core-overlay--top.entry-guide-overlay{
padding:calc(env(safe-area-inset-top) + 6px) 14px calc(env(safe-area-inset-bottom) + 12px)!important
}
body .entry-guide-overlay .entry-guide-overlay__panel{
width:min(100%,calc(100vw - 34px))!important;
max-height:min(50dvh,352px)!important
}
body .entry-guide-overlay .core-overlay__body{
max-height:calc(min(50dvh,352px) - 82px)!important
}
}
/* entry-payment-layout-fix-20260424y */
body .entry-pay-page.entry-pay-page--compact:before{
top:calc(env(safe-area-inset-top) + 12px)!important;
width:min(38vw,142px)!important;
height:min(38vw,142px)!important
}
body .entry-pay-page.entry-pay-page--compact:after{
top:calc(env(safe-area-inset-top) + 86px)!important;
width:min(40vw,154px)!important;
height:30px!important;
opacity:.72!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
min-height:min(76dvh,680px)!important;
max-height:min(80dvh,720px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
max-height:calc(min(80dvh,720px) - 98px)!important;
padding:10px 14px 12px!important;
gap:12px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scene{
display:none!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header{
padding-top:2px!important;
gap:4px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header strong{
display:block!important;
color:#f5f7fb!important;
font-size:20px!important;
line-height:1.1!important;
letter-spacing:.01em!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__header>span:last-child{
color:#adb6c3!important;
font-size:12px!important;
line-height:1.5!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster--sheet{
min-height:176px!important;
padding:14px 14px 13px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__microcopy{
display:none!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster__subline{
margin-top:10px!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__footer{
padding:12px 14px calc(16px + env(safe-area-inset-bottom))!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__footer .core-actions{
gap:10px!important
}
@media (max-width:420px){
body .entry-pay-page.entry-pay-page--compact:before{
top:calc(env(safe-area-inset-top) + 10px)!important;
width:min(36vw,132px)!important;
height:min(36vw,132px)!important
}
body .entry-pay-page.entry-pay-page--compact:after{
top:calc(env(safe-area-inset-top) + 78px)!important;
width:min(38vw,144px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__card{
min-height:min(78dvh,700px)!important;
max-height:min(82dvh,740px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-modal__scroll{
max-height:calc(min(82dvh,740px) - 98px)!important
}
body .entry-pay-page.entry-pay-page--compact .entry-pay-poster--sheet{
min-height:168px!important
}
}
body.entry-offer-modal-open,
body.entry-offer-modal-open #root{
overflow:hidden!important
}
body.entry-offer-modal-open .app-shell--mobile{
overflow:visible!important
}
body.entry-offer-modal-open .app-shell--mobile .page-shell{
overflow:visible!important
}
body.entry-offer-modal-open .discover-xhs__chrome,
body.entry-offer-modal-open .h5-tab-bar,
body.entry-offer-modal-open .core-tab-fab{
pointer-events:none!important
}
body .entry-pay-modal--offer{
position:fixed!important;
inset:0!important;
z-index:320!important;
display:grid!important;
place-items:center!important;
padding:54px 18px 22px!important;
isolation:isolate!important
}
body .entry-pay-modal--offer .entry-pay-modal__backdrop{
position:absolute!important;
inset:0!important;
z-index:1!important;
background:rgba(8,10,16,.34)!important;
backdrop-filter:blur(5px)!important
}
body .entry-pay-modal--offer .entry-pay-modal__card{
position:relative!important;
z-index:2!important;
width:min(72vw,304px)!important;
min-height:auto!important;
max-height:min(64dvh,548px)!important;
border-radius:30px!important;
overflow:visible!important;
border:1px solid rgba(255,255,255,.16)!important;
box-shadow:0 36px 80px rgba(0,0,0,.42)!important;
opacity:1!important;
visibility:visible!important;
transform:translate3d(0,0,0)!important;
display:grid!important;
grid-template-rows:minmax(0,1fr) auto
}
body .entry-pay-modal--offer .entry-pay-modal__card--svip{
background:
radial-gradient(circle at top,rgba(255,255,255,.18),transparent 34%),
linear-gradient(180deg,#5c54ea 0%,#7d61f5 22%,#9962f7 64%,#af6dff 100%)!important
}
body .entry-pay-modal--offer .entry-pay-modal__card--black{
background:
radial-gradient(circle at 18% 10%,rgba(255,214,130,.18),transparent 30%),
radial-gradient(circle at 86% 16%,rgba(255,156,222,.14),transparent 26%),
linear-gradient(180deg,#15131f 0%,#221934 24%,#322248 62%,#55337a 100%)!important
}
body .entry-pay-modal--offer .entry-pay-modal__handle{
display:none!important
}
body .entry-pay-modal--offer .entry-pay-modal__scroll{
padding:44px 12px 0!important;
gap:0!important;
max-height:none!important;
overflow:auto!important;
border-radius:30px!important
}
body .entry-pay-modal--offer .entry-pay-modal__footer{
padding:8px 12px calc(14px + env(safe-area-inset-bottom,0px))!important;
background:transparent!important;
border-top:0!important
}
body .entry-pay-modal--offer .entry-offer-modal__close{
position:absolute;
top:-28px;
right:-26px;
transform:none;
z-index:6;
width:36px;
height:36px;
border:0;
border-radius:999px;
background:rgba(255,255,255,.96);
color:#24184f;
display:grid;
place-items:center;
font:inherit;
font-size:22px;
line-height:1;
box-shadow:0 18px 28px rgba(0,0,0,.24)
}
body .entry-pay-modal--offer .entry-offer-modal__tabs{
position:absolute;
top:0;
left:18px;
right:18px;
z-index:4;
transform:translateY(-50%);
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
margin:0;
overflow:visible;
border-radius:0;
background:transparent;
box-shadow:none
}
body .entry-pay-modal--offer .entry-offer-modal__tab{
min-height:64px;
padding:10px 12px 11px;
border:0;
background:transparent;
color:#fff;
text-align:left;
display:grid;
align-content:center;
gap:5px;
font:inherit;
box-shadow:0 14px 26px rgba(18,12,40,.22);
transition:transform .22s ease,box-shadow .22s ease,background .22s ease,opacity .22s ease
}
body .entry-pay-modal--offer .entry-offer-modal__tab--svip{
background:linear-gradient(180deg,rgba(70,76,176,.78),rgba(76,55,168,.84));
color:#f6efff
}
body .entry-pay-modal--offer .entry-offer-modal__tab--black{
background:linear-gradient(180deg,rgba(53,48,66,.96),rgba(21,18,29,.96));
color:#fff4d6
}
body .entry-pay-modal--offer .entry-offer-modal__tab:first-child{
border-radius:24px
}
body .entry-pay-modal--offer .entry-offer-modal__tab:last-child{
border-radius:24px
}
body .entry-pay-modal--offer .entry-offer-modal__tab strong{
display:block;
font-size:15px;
font-weight:900;
letter-spacing:.02em
}
body .entry-pay-modal--offer .entry-offer-modal__tab span{
display:block;
font-size:9px;
line-height:1.25;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:rgba(255,255,255,.84)
}
body .entry-pay-modal--offer .entry-offer-modal__tab--svip.is-active{
background:linear-gradient(180deg,#a69cff,#6f65f4);
box-shadow:0 18px 32px rgba(70,76,176,.28),inset 0 1px 0 rgba(255,255,255,.28);
transform:translateY(8px)
}
body .entry-pay-modal--offer .entry-offer-modal__tab--black.is-active{
background:linear-gradient(180deg,#ffda86,#8f6930);
box-shadow:0 18px 32px rgba(65,48,18,.28),inset 0 1px 0 rgba(255,255,255,.24);
transform:translateY(8px);
color:#251b0e
}
body .entry-pay-modal--offer .entry-offer-modal__tab--black.is-active span{
color:rgba(37,27,14,.78)
}
body .entry-pay-modal--offer .entry-offer-modal__hero{
position:relative;
padding:12px 12px 0;
text-align:center;
overflow:hidden;
border-radius:26px 26px 18px 18px
}
body .entry-pay-modal--offer .entry-offer-modal__hero--svip{
background:
radial-gradient(circle at 20% 16%,rgba(255,255,255,.14),transparent 24%),
radial-gradient(circle at 80% 20%,rgba(108,126,255,.22),transparent 22%),
linear-gradient(180deg,rgba(92,89,246,.22),rgba(105,90,244,.04))
}
body .entry-pay-modal--offer .entry-offer-modal__hero--black{
background:
radial-gradient(circle at 18% 18%,rgba(255,223,151,.14),transparent 24%),
radial-gradient(circle at 82% 16%,rgba(255,159,214,.16),transparent 22%),
linear-gradient(180deg,rgba(38,28,60,.4),rgba(20,15,30,.08))
}
body .entry-pay-modal--offer .entry-offer-modal__eyebrow{
display:none!important
}
body .entry-pay-modal--offer .entry-offer-modal__copy{
display:grid;
gap:4px;
justify-items:center;
position:relative;
z-index:1;
padding:0 8px 4px;
animation:entry-offer-copy-in .32s ease
}
body .entry-pay-modal--offer .entry-offer-modal__copy strong{
color:#fff;
font-size:18px;
line-height:1.04;
font-weight:900
}
body .entry-pay-modal--offer .entry-offer-modal__hero--black .entry-offer-modal__copy strong{
color:#fff3d4
}
body .entry-pay-modal--offer .entry-offer-modal__copy p{
margin:0;
color:rgba(255,255,255,.88);
font-size:9.5px;
line-height:1.38;
max-width:236px
}
body .entry-pay-modal--offer .entry-offer-modal__hero--black .entry-offer-modal__copy p{
color:rgba(255,239,210,.9)
}
body .entry-pay-modal--offer .entry-offer-modal__dots{
display:flex;
justify-content:center;
gap:6px;
margin-top:4px;
padding-bottom:6px
}
body .entry-pay-modal--offer .entry-offer-modal__dot{
width:8px;
height:8px;
padding:0;
border:0;
border-radius:999px;
background:rgba(255,255,255,.26)
}
body .entry-pay-modal--offer .entry-offer-modal__dot.is-active{
background:#fff;
box-shadow:0 0 0 4px rgba(255,255,255,.12)
}
body .entry-pay-modal--offer .entry-offer-visual{
position:relative;
width:min(100%,198px);
height:148px;
margin:-18px auto -2px;
display:grid;
place-items:center
}
body .entry-pay-modal--offer .entry-offer-visual--wide{
width:min(100%,214px);
height:146px;
margin-top:-20px
}
body .entry-pay-modal--offer .entry-offer-visual--tall{
width:min(100%,176px);
height:162px;
margin-top:-18px
}
body .entry-pay-modal--offer .entry-offer-visual__image{
position:relative;
z-index:1;
width:100%;
height:100%;
display:block;
object-fit:contain;
object-position:center center;
filter:drop-shadow(0 22px 28px rgba(34,18,82,.28))
}
body .entry-pay-modal--offer .entry-offer-visual__glow{
position:absolute;
left:50%;
bottom:10px;
transform:translateX(-50%);
width:68%;
height:28%;
border-radius:999px;
filter:blur(12px);
opacity:.62
}
body .entry-pay-modal--offer .entry-offer-visual__glow--svip{
background:radial-gradient(circle,rgba(255,206,242,.44),rgba(255,206,242,0) 72%)
}
body .entry-pay-modal--offer .entry-offer-visual__glow--black{
background:radial-gradient(circle,rgba(255,213,125,.28),rgba(255,213,125,0) 72%)
}
body .entry-pay-modal--offer .entry-offer-modal__panel{
margin-top:0;
background:linear-gradient(180deg,rgba(255,255,255,.99),#fff);
border-radius:24px 24px 0 0;
box-shadow:0 -12px 30px rgba(61,35,134,.12)
}
body .entry-pay-modal--offer .entry-offer-modal__plans{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:6px;
padding:10px 10px 6px;
background:transparent;
border-radius:0;
box-shadow:none
}
body .entry-pay-modal--offer .entry-offer-modal__plan{
position:relative;
min-height:106px;
padding:13px 5px 8px;
border-radius:16px;
border:2px solid #ece7fb;
background:linear-gradient(180deg,#fff 0%,#faf8ff 100%);
display:grid;
align-content:start;
justify-items:center;
gap:8px;
text-align:center;
font:inherit;
color:#2c2c34;
box-shadow:inset 0 1px 0 rgba(255,255,255,.8)
}
body .entry-pay-modal--offer .entry-offer-modal__plan.is-active{
border-color:#ff8a1d;
background:linear-gradient(180deg,#fffaf5 0%,#fff 100%);
box-shadow:0 18px 24px rgba(255,138,29,.14)
}
body .entry-pay-modal--offer .entry-offer-modal__plan-badge{
position:absolute;
top:-11px;
left:50%;
transform:translateX(-50%);
min-width:70px;
height:26px;
padding:0 10px;
border-radius:999px;
display:grid;
place-items:center;
background:linear-gradient(180deg,#ff9d2d,#ff6e00);
color:#fff;
font-size:10px;
font-weight:800;
white-space:nowrap
}
body .entry-pay-modal--offer .entry-offer-modal__plan-badge--ghost{
opacity:0;
pointer-events:none
}
body .entry-pay-modal--offer .entry-offer-modal__plan-original{
min-width:70px;
height:22px;
padding:0 10px;
border-radius:0 0 18px 18px;
background:linear-gradient(180deg,#dedede,#bfbfbf);
display:grid;
place-items:center;
color:#fff;
font-size:10px;
text-decoration:line-through
}
body .entry-pay-modal--offer .entry-offer-modal__plan-original--ghost{
opacity:0;
pointer-events:none
}
body .entry-pay-modal--offer .entry-offer-modal__plan strong{
color:#51515d;
font-size:12px;
line-height:1.2
}
body .entry-pay-modal--offer .entry-offer-modal__plan-price{
display:flex;
align-items:flex-end;
gap:1px;
color:#242432
}
body .entry-pay-modal--offer .entry-offer-modal__plan-price span{
font-size:10px;
line-height:1.1
}
body .entry-pay-modal--offer .entry-offer-modal__plan-price em{
font-style:normal;
font-size:18px;
line-height:.92;
font-weight:900
}
body .entry-pay-modal--offer .entry-offer-modal__plan.is-active .entry-offer-modal__plan-price,
body .entry-pay-modal--offer .entry-offer-modal__plan.is-active strong,
body .entry-pay-modal--offer .entry-offer-modal__plan.is-active small{
color:#ff7c12
}
body .entry-pay-modal--offer .entry-offer-modal__plan small{
color:#9a9aa4;
font-size:10px;
line-height:1.32
}
body .entry-pay-modal--offer .entry-offer-modal__meta{
display:flex;
justify-content:space-between;
gap:10px;
padding:0 12px 8px;
color:#66657a;
font-size:10px;
line-height:1.5;
flex-wrap:wrap
}
body .entry-pay-modal--offer .entry-offer-modal__notice{
display:none!important
}
body .entry-pay-modal--offer .entry-offer-modal__notice i{
display:none!important
}
body .entry-pay-modal--offer .entry-offer-modal__notice span{
display:none!important
}
body .entry-pay-modal--offer .entry-offer-modal__footer-meta{
display:none!important
}
body .entry-pay-modal--offer .entry-offer-modal__footer-meta span:last-child{
flex:1;
text-align:right
}
body .entry-pay-modal--offer .entry-offer-modal__link{
padding:0;
border:0;
background:transparent;
color:#fff;
font:inherit;
font-size:12px;
font-weight:700
}
body .entry-pay-modal--offer .entry-pay-modal__confirm--offer{
min-height:48px!important;
border-radius:999px!important;
background:linear-gradient(180deg,#ff992b,#ff6f00)!important;
color:#fff!important;
font-size:15px!important;
font-weight:900!important;
box-shadow:0 18px 28px rgba(255,111,0,.32)!important
}
@keyframes entry-offer-copy-in{
0%{
opacity:.72;
transform:translateY(6px)
}
100%{
opacity:1;
transform:translateY(0)
}
}
@media (max-width:420px){
body .entry-pay-modal--offer{
padding:48px 16px 20px!important
}
body .entry-pay-modal--offer .entry-pay-modal__card{
width:min(74vw,292px)!important;
max-height:min(62dvh,524px)!important;
border-radius:28px!important
}
body .entry-pay-modal--offer .entry-offer-modal__tab{
min-height:62px;
padding:10px 10px 10px
}
body .entry-pay-modal--offer .entry-offer-modal__close{
top:-24px;
right:-22px;
width:34px;
height:34px;
font-size:22px
}
body .entry-pay-modal--offer .entry-offer-modal__tabs{
left:16px;
right:16px
}
body .entry-pay-modal--offer .entry-offer-modal__tab strong{
font-size:14px
}
body .entry-pay-modal--offer .entry-offer-modal__tab span{
font-size:9px
}
body .entry-pay-modal--offer .entry-pay-modal__scroll{
padding:42px 10px 0!important
}
body .entry-pay-modal--offer .entry-offer-modal__hero{
padding:10px 10px 0
}
body .entry-pay-modal--offer .entry-offer-modal__eyebrow{
display:none!important
}
body .entry-pay-modal--offer .entry-offer-modal__copy strong{
font-size:17px
}
body .entry-pay-modal--offer .entry-offer-modal__copy p{
font-size:10px
}
body .entry-pay-modal--offer .entry-offer-visual{
width:min(100%,188px);
height:142px;
margin:-16px auto -2px
}
body .entry-pay-modal--offer .entry-offer-visual--wide{
width:min(100%,204px);
height:138px
}
body .entry-pay-modal--offer .entry-offer-visual--tall{
width:min(100%,170px);
height:154px
}
body .entry-pay-modal--offer .entry-offer-modal__plans{
gap:6px;
padding:10px 8px 6px;
border-radius:0
}
body .entry-pay-modal--offer .entry-offer-modal__plan{
min-height:104px;
padding:13px 4px 8px;
border-radius:15px
}
body .entry-pay-modal--offer .entry-offer-modal__plan strong{
font-size:11px
}
body .entry-pay-modal--offer .entry-offer-modal__plan-price em{
font-size:17px
}
body .entry-pay-modal--offer .entry-offer-modal__plan-price span{
font-size:10px
}
body .entry-pay-modal--offer .entry-offer-modal__plan-original{
min-width:64px;
font-size:9px
}
body .entry-pay-modal--offer .entry-offer-modal__plan-badge{
min-width:66px;
font-size:9px
}
body .entry-pay-modal--offer .entry-offer-modal__meta{
padding:0 10px 8px;
font-size:10px
}
body .entry-pay-modal--offer .entry-offer-modal__notice{
display:none!important
}
body .entry-pay-modal--offer .entry-offer-modal__footer-meta{
display:none!important
}
body .entry-pay-modal--offer .entry-offer-modal__footer-meta span:last-child{
text-align:left
}
}
/* discover-shell-reset-20260426g */
body .discover-xhs{
padding-top:0!important
}
body .discover-xhs__chrome{
position:sticky!important;
top:max(0px,env(safe-area-inset-top))!important;
left:auto!important;
transform:none!important;
width:auto!important;
margin:0 0 10px!important;
padding-top:0!important;
border-bottom:1px solid rgba(128,142,158,.1)!important;
background:linear-gradient(180deg,rgba(7,10,14,.98) 0%,rgba(7,10,14,.94) 82%,rgba(7,10,14,.88) 100%)!important;
box-shadow:0 10px 24px rgba(0,0,0,.2)!important
}
body .discover-xhs__content{
padding-top:2px!important
}
body .discover-xhs__feed-card,
body .discover-xhs__empty,
body .discover-xhs__nearby-map{
border-color:rgba(140,154,170,.14)!important;
background:linear-gradient(180deg,#131922,#0f141c)!important;
box-shadow:0 18px 30px rgba(0,0,0,.24)!important
}
body .discover-xhs__empty{
min-height:calc(100dvh - 220px)!important;
padding:24px 18px!important;
color:#e7edf3!important;
font-size:14px!important;
line-height:1.7!important
}
body .discover-xhs__shortcut{
background:linear-gradient(180deg,#171d26,#10161d)!important;
border-color:rgba(140,154,170,.12)!important
}
body .discover-xhs__shortcut-copy em,
body .discover-xhs__feed-author-copy span,
body .discover-xhs__feed-place{
color:#93a0ac!important
}
/* discover-visibility-failsafe-20260427c */
body.discover-page-active,
body.discover-page-active #root,
body.discover-page-active .app-shell,
body.discover-page-active .app-shell--mobile,
body.discover-page-active .app-shell--mobile .page-shell{
background:#f5eee5!important
}
body .discover-xhs{
padding-top:0!important;
background:linear-gradient(180deg,#faf4eb 0%,#f4ecdf 48%,#efe5d8 100%)!important;
color:#231a16!important
}
body .discover-xhs__chrome{
z-index:8!important;
border-bottom:1px solid rgba(131,109,91,.12)!important;
background:linear-gradient(180deg,rgba(250,244,235,.98) 0%,rgba(244,236,223,.95) 82%,rgba(239,229,216,.92) 100%)!important;
box-shadow:0 12px 24px rgba(90,66,40,.08)!important
}
body .discover-xhs__content,
body .discover-xhs__feed-list{
gap:12px!important;
padding-top:6px!important
}
body .discover-xhs__shortcut,
body .discover-xhs__feed-card,
body .discover-xhs__nearby-card,
body .discover-xhs__empty,
body .discover-xhs__nearby-map,
body .discover-xhs__waterfall-card,
body .discover-xhs__filter-card{
border:1px solid rgba(163,138,117,.16)!important;
background:#fffaf5!important;
box-shadow:0 16px 28px rgba(90,66,40,.08)!important
}
body .discover-xhs__story-media,
body .discover-xhs__waterfall-media,
body .discover-xhs__feed-media-item,
body .discover-xhs__nearby-cover{
background:#f3e7dc!important
}
body .discover-xhs__brand-copy strong,
body .discover-xhs__tab.is-active,
body .discover-xhs__feed-author-row strong,
body .discover-xhs__feed-card h3,
body .discover-xhs__nearby-title strong,
body .discover-xhs__waterfall-title,
body .discover-xhs__filter-copy strong,
body .discover-xhs__filter-label{
color:#241916!important
}
body .discover-xhs__tab.is-active:after{
background:linear-gradient(90deg,#c56c43,#23695f)!important
}
body .discover-xhs__brand-meta,
body .discover-xhs__shortcut-copy em,
body .discover-xhs__feed-author-copy span,
body .discover-xhs__feed-place,
body .discover-xhs__nearby-copy>span,
body .discover-xhs__empty,
body .discover-xhs__filter-copy span,
body .discover-xhs__tab,
body .discover-xhs__tabs-more{
color:#7f6e62!important
}
body .discover-xhs__shortcut.is-active,
body .discover-xhs__filter-chip.is-active{
border-color:transparent!important;
background:linear-gradient(135deg,#c56c43,#d88a5e)!important;
color:#fff!important;
box-shadow:0 12px 24px rgba(197,108,67,.18)!important
}
body .discover-xhs__shortcut.is-active strong,
body .discover-xhs__shortcut.is-active em,
body .discover-xhs__filter-chip.is-active{
color:#fff!important
}
body .discover-xhs__feed-content,
body .discover-xhs__nearby-body p{
color:#44342b!important;
line-height:1.72!important
}
body .discover-xhs__feed-top-tags span,
body .discover-xhs__feed-tags span,
body .discover-xhs__nearby-tags span,
body .discover-xhs__feed-inline-meta span,
body .discover-xhs__feed-author-row span,
body .discover-xhs__nearby-title span,
body .discover-xhs__feed-state,
body .discover-xhs__nearby-state,
body .discover-xhs__feed-stats span,
body .discover-xhs__feed-reply,
body .discover-xhs__feed-reply-badge,
body .discover-xhs__feed-reply>div{
border-color:rgba(163,138,117,.14)!important;
background:#f8eee6!important;
color:#7a6152!important
}
body .discover-xhs__feed-state.is-online,
body .discover-xhs__nearby-state.is-online{
background:#eaf8ef!important;
border-color:rgba(38,146,88,.16)!important;
color:#1f8d57!important
}
body .discover-xhs__feed-contact{
border-color:transparent!important;
background:linear-gradient(135deg,#23695f,#2d7b71)!important;
color:#fff!important;
box-shadow:0 12px 22px rgba(35,105,95,.16)!important
}
body .discover-xhs__feed-contact.is-dark{
background:linear-gradient(135deg,#5e4637,#7a5b46)!important;
color:#fff!important
}
body .discover-xhs__publish-fab{
background:linear-gradient(135deg,#c56c43,#d8875b 52%,#23695f)!important;
box-shadow:0 18px 32px rgba(90,66,40,.22)!important
}
body .discover-xhs__filter-backdrop{
background:rgba(42,32,24,.28)!important;
backdrop-filter:blur(14px)!important
}
/* vip-subscribe-refresh-20260428b */
body .vip-subscribe-page{
display:grid;
gap:16px;
padding-bottom:calc(168px + env(safe-area-inset-bottom));
background:
radial-gradient(circle at 14% 0%,rgba(255,232,205,.86),transparent 28%),
linear-gradient(180deg,#fff7ef 0%,#fffdf9 34%,#f8efe8 100%);
color:#1f2937
}
body .vip-subscribe-page .vip-premium__header{
margin-bottom:0
}
body .vip-subscribe-page .core-kicker{
background:#fff1dc;
border:1px solid rgba(214,191,173,.34);
color:#b76a19
}
body .vip-subscribe-page .vip-premium__header-copy{
display:grid;
gap:8px;
max-width:100%
}
body .vip-subscribe-page .vip-premium__header-copy h1{
margin:0;
color:#1f2937;
font-size:30px;
line-height:1.04;
letter-spacing:-.05em
}
body .vip-subscribe-page .vip-premium__header-copy p{
margin:0;
color:#667085;
font-size:13px;
line-height:1.7
}
body .vip-subscribe__surface,
body .vip-subscribe__section{
display:grid;
gap:16px;
padding:18px;
border-radius:30px;
background:linear-gradient(180deg,#fffdfa,#fff7f1);
border:1px solid rgba(214,191,173,.3);
box-shadow:0 22px 42px rgba(52,30,21,.08)
}
body .vip-subscribe__section{
background:linear-gradient(180deg,#fffefd,#fff9f4)
}
body .vip-subscribe__surface{
overflow:hidden
}
body .vip-subscribe__summary{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
padding:16px 18px;
border-radius:24px;
background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(252,244,237,.96));
border:1px solid rgba(224,206,192,.38)
}
body .vip-subscribe__summary-copy{
display:grid;
gap:6px;
min-width:0
}
body .vip-subscribe__summary-kicker{
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 10px;
width:max-content;
border-radius:999px;
background:#fff3e2;
color:#b76a19;
font-size:11px;
font-weight:800;
letter-spacing:.04em
}
body .vip-subscribe__summary-copy strong{
color:#1f2937;
font-size:20px;
line-height:1.14
}
body .vip-subscribe__summary-copy p{
margin:0;
color:#667085;
font-size:13px;
line-height:1.72
}
body .vip-subscribe__summary-meta{
display:flex;
gap:8px;
flex-wrap:wrap;
justify-content:flex-end
}
body .vip-subscribe__summary-meta span,
body .vip-subscribe__rail-highlights span{
min-height:28px;
padding:0 10px;
display:inline-flex;
align-items:center;
border-radius:999px;
background:#fff;
border:1px solid rgba(214,191,173,.34);
color:#586274;
font-size:11px;
font-weight:700
}
body .vip-subscribe__cycle-tabs{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px
}
body .vip-subscribe__cycle-tab{
min-height:76px;
padding:12px 10px;
border-radius:22px;
border:1px solid rgba(218,201,190,.42);
background:#fff;
text-align:center;
display:grid;
align-content:center;
gap:6px;
box-shadow:0 8px 20px rgba(52,30,21,.04);
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease
}
body .vip-subscribe__cycle-tab strong{
display:block;
color:#1f2937;
font-size:14px;
line-height:1.12
}
body .vip-subscribe__cycle-tab span{
display:block;
color:#8b7285;
font-size:11px;
line-height:1.45
}
body .vip-subscribe__cycle-tab.is-active{
transform:translateY(-2px);
border-color:rgba(214,147,79,.46);
background:linear-gradient(180deg,#fff9f0,#fff2e3);
box-shadow:0 18px 30px rgba(214,147,79,.16)
}
body .vip-subscribe__cycle-tab.is-disabled{
opacity:.46;
transform:none;
box-shadow:none
}
body .vip-subscribe__card-rail{
display:grid;
grid-auto-flow:column;
grid-auto-columns:minmax(calc(100% - 48px),1fr);
gap:12px;
overflow-x:auto;
padding-bottom:4px;
scrollbar-width:none;
scroll-snap-type:x mandatory
}
body .vip-subscribe__card-rail::-webkit-scrollbar{
display:none
}
body .vip-subscribe__plan-card{
text-align:left;
display:grid;
gap:14px;
padding:18px;
border-radius:28px;
border:1px solid rgba(221,206,194,.48);
background:#fff;
box-shadow:0 16px 32px rgba(52,30,21,.08);
scroll-snap-align:center;
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
body .vip-subscribe__plan-card.is-active{
transform:translateY(-2px);
box-shadow:0 24px 38px rgba(52,30,21,.14)
}
body .vip-subscribe__plan-card.is-svip{
background:
radial-gradient(circle at 88% 12%,rgba(244,196,48,.18),transparent 26%),
linear-gradient(180deg,#fffaf0,#fff)
}
body .vip-subscribe__plan-card.is-black{
background:
radial-gradient(circle at 88% 12%,rgba(102,119,147,.14),transparent 26%),
linear-gradient(180deg,#fbfcff,#fff)
}
body .vip-subscribe__plan-card.is-svip.is-active{
border-color:rgba(214,147,79,.46)
}
body .vip-subscribe__plan-card.is-black.is-active{
border-color:rgba(87,102,126,.34)
}
body .vip-subscribe__plan-card>*{
min-width:0
}
body .vip-subscribe__plan-head,
body .vip-subscribe__benefit-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px
}
body .vip-subscribe__plan-headline{
display:grid;
gap:6px;
min-width:0
}
body .vip-subscribe__plan-tier{
display:inline-flex;
align-items:center;
min-height:26px;
width:max-content;
padding:0 10px;
border-radius:999px;
background:rgba(255,255,255,.72);
border:1px solid rgba(214,191,173,.34);
color:#7d5b37;
font-size:11px;
font-weight:800
}
body .vip-subscribe__plan-headline strong{
color:#1f2937;
font-size:21px;
line-height:1.12
}
body .vip-subscribe__plan-badges{
display:grid;
justify-items:end;
gap:8px;
flex-shrink:0
}
body .vip-subscribe__plan-recommend,
body .vip-subscribe__benefit-tag,
body .vip-subscribe__note em{
min-height:24px;
padding:0 8px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:#fff;
border:1px solid rgba(214,191,173,.34);
color:#8a4f19;
font-style:normal;
font-size:11px;
font-weight:800
}
body .vip-subscribe__plan-badges em{
color:#576274;
font-style:normal;
font-size:11px;
font-weight:700
}
body .vip-subscribe__plan-body{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(118px,138px);
gap:14px;
align-items:center
}
body .vip-subscribe__plan-copy{
display:grid;
gap:10px;
min-width:0
}
body .vip-subscribe__plan-copy b{
color:#1f2937;
font-size:17px;
line-height:1.36
}
body .vip-subscribe__plan-copy p,
body .vip-subscribe__benefit-copy p,
body .vip-subscribe__note p{
margin:0;
color:#667085;
font-size:13px;
line-height:1.72
}
body .vip-subscribe__plan-highlights{
display:flex;
gap:8px;
flex-wrap:wrap
}
body .vip-subscribe__plan-highlights span{
min-height:26px;
padding:0 10px;
display:inline-flex;
align-items:center;
border-radius:999px;
background:rgba(255,255,255,.72);
border:1px solid rgba(214,191,173,.28);
color:#677487;
font-size:11px;
font-weight:700
}
body .vip-subscribe__plan-visual{
display:grid;
place-items:center
}
body .vip-subscribe__plan-visual img{
width:100%;
max-width:136px;
max-height:170px;
display:block;
object-fit:contain;
filter:drop-shadow(0 18px 24px rgba(52,30,21,.12))
}
body .vip-subscribe__plan-foot{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:14px
}
body .vip-subscribe__plan-price,
body .vip-subscribe__paybar-price{
display:flex;
align-items:flex-end;
gap:4px;
color:#1f2937
}
body .vip-subscribe__plan-price span,
body .vip-subscribe__paybar-price span{
font-size:15px;
line-height:1.2
}
body .vip-subscribe__plan-price strong,
body .vip-subscribe__paybar-price strong{
font-size:36px;
line-height:.9;
letter-spacing:-.06em
}
body .vip-subscribe__plan-price small,
body .vip-subscribe__paybar-price small{
color:#8b7285;
font-size:12px;
line-height:1.3
}
body .vip-subscribe__plan-meta{
display:grid;
justify-items:end;
gap:6px
}
body .vip-subscribe__plan-meta s{
color:#b0a2ab;
font-size:12px
}
body .vip-subscribe__plan-meta span{
color:#667085;
font-size:12px;
font-weight:700
}
body .vip-subscribe__rail-meta{
display:grid;
gap:10px;
padding-top:2px
}
body .vip-subscribe__section-copy strong,
body .vip-subscribe__note strong{
color:#1f2937;
font-size:17px;
line-height:1.24
}
body .vip-subscribe__rail-highlights{
display:flex;
gap:8px;
flex-wrap:wrap
}
body .vip-subscribe__section-copy span{
color:#667085;
font-size:13px;
line-height:1.68
}
body .vip-subscribe__slide-dots{
display:flex;
justify-content:center;
gap:8px
}
body .vip-subscribe__slide-dot{
width:8px;
height:8px;
padding:0;
border:0;
border-radius:999px;
background:rgba(139,114,133,.28)
}
body .vip-subscribe__slide-dot.is-active{
width:22px;
background:linear-gradient(90deg,#de9e58,#bc6d2a)
}
body .vip-subscribe__section-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px
}
body .vip-subscribe__section-copy{
display:grid;
gap:6px
}
body .vip-subscribe__section-actions,
body .vip-subscribe__renew-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
justify-content:flex-end
}
body .vip-subscribe__text-action{
min-height:36px;
padding:0 12px;
border-radius:999px;
border:1px solid rgba(214,191,173,.38);
background:#fff;
color:#7c5d45;
font-size:12px;
font-weight:700;
box-shadow:0 8px 18px rgba(52,30,21,.04)
}
body .vip-subscribe__text-action--button{
background:#fffaf5
}
body .vip-subscribe__benefit-list,
body .vip-subscribe__note-list{
display:grid;
gap:12px
}
body .vip-subscribe__benefit,
body .vip-subscribe__note{
display:grid;
grid-template-columns:50px minmax(0,1fr);
gap:14px;
align-items:flex-start;
padding:16px;
border-radius:22px;
background:#fff;
border:1px solid rgba(221,206,194,.38)
}
body .vip-subscribe__benefit.is-svip{
background:linear-gradient(180deg,#fffdf8,#fff)
}
body .vip-subscribe__benefit.is-black{
background:linear-gradient(180deg,#fcfdff,#fff)
}
body .vip-subscribe__benefit-icon{
width:50px;
min-height:50px;
border-radius:16px;
display:grid;
place-items:center;
background:linear-gradient(135deg,#fff4e2,#ffe7c6);
color:#b4681d;
font-size:18px;
font-weight:900
}
body .vip-subscribe__benefit.is-black .vip-subscribe__benefit-icon{
background:linear-gradient(135deg,#eef2fb,#dde5f5);
color:#526276
}
body .vip-subscribe__benefit-copy{
display:grid;
gap:8px
}
body .vip-subscribe__note{
grid-template-columns:minmax(0,1fr) auto;
align-items:center
}
body .vip-subscribe__section--notes{
gap:14px
}
body .vip-subscribe__paybar{
position:fixed;
left:50%;
transform:translateX(-50%);
width:min(calc(100vw - 24px),calc(var(--mobile-shell-width) - 24px));
bottom:calc(env(safe-area-inset-bottom) + 10px);
z-index:140;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:14px;
align-items:center;
padding:14px 16px;
border-radius:28px;
border:1px solid rgba(214,191,173,.42);
background:rgba(255,251,246,.94);
box-shadow:0 24px 40px rgba(52,30,21,.16);
backdrop-filter:blur(20px)
}
body .vip-subscribe__paybar.is-svip{
background:linear-gradient(180deg,rgba(255,252,246,.96),rgba(255,244,228,.96))
}
body .vip-subscribe__paybar.is-black{
background:linear-gradient(180deg,rgba(252,253,255,.96),rgba(242,246,252,.96))
}
body .vip-subscribe__paybar-copy{
display:grid;
gap:4px;
min-width:0
}
body .vip-subscribe__paybar-copy strong{
color:#1f2937;
font-size:15px;
line-height:1.2
}
body .vip-subscribe__paybar-copy span{
color:#667085;
font-size:11px;
line-height:1.6
}
body .vip-subscribe__paybar-price strong{
font-size:30px
}
body .vip-subscribe__paybar-button{
min-width:152px;
min-height:52px;
padding:0 18px;
border:0;
border-radius:18px;
background:linear-gradient(135deg,#e49a4f,#c86d23);
color:#fff;
font:inherit;
font-size:15px;
font-weight:800;
box-shadow:0 18px 28px rgba(200,109,35,.26)
}
body .vip-subscribe__paybar.is-black .vip-subscribe__paybar-button{
background:linear-gradient(135deg,#475569,#1f2937)
}
body .vip-subscribe__paybar-button:disabled{
opacity:.58;
box-shadow:none
}
@media (min-width:721px){
body .vip-subscribe__card-rail{
grid-template-columns:repeat(2,minmax(0,1fr));
grid-auto-flow:row;
grid-auto-columns:auto;
overflow:visible
}
}
@media (max-width:720px){
body .vip-subscribe__summary,
body .vip-subscribe__section-head,
body .vip-subscribe__paybar{
grid-template-columns:1fr;
display:grid
}
body .vip-subscribe__card-rail{
grid-auto-columns:minmax(calc(100% - 40px),1fr)
}
body .vip-subscribe__summary-meta,
body .vip-subscribe__section-actions,
body .vip-subscribe__renew-actions{
justify-content:flex-start
}
body .vip-subscribe__paybar-button{
width:100%
}
}
@media (max-width:640px){
body .vip-subscribe-page .vip-premium__header-copy h1{
font-size:28px
}
body .vip-subscribe__surface,
body .vip-subscribe__section{
padding:16px;
border-radius:26px
}
body .vip-subscribe__cycle-tabs{
gap:8px
}
body .vip-subscribe__plan-body{
grid-template-columns:1fr
}
body .vip-subscribe__plan-visual{
order:-1
}
body .vip-subscribe__plan-visual img{
max-width:148px;
max-height:152px
}
body .vip-subscribe__benefit,
body .vip-subscribe__note{
grid-template-columns:1fr
}
body .vip-subscribe__benefit-icon{
width:44px;
min-height:44px;
border-radius:14px
}
}
@media (max-width:420px){
body .vip-subscribe__cycle-tab{
min-height:70px;
padding:10px 8px
}
body .vip-subscribe__cycle-tab strong{
font-size:13px
}
body .vip-subscribe__cycle-tab span{
font-size:10px
}
body .vip-subscribe__plan-card{
padding:16px
}
body .vip-subscribe__plan-headline strong,
body .vip-subscribe__summary-copy strong{
font-size:19px
}
body .vip-subscribe__plan-price strong,
body .vip-subscribe__paybar-price strong{
font-size:28px
}
}