/* component 1: xianji-global-type-readable-20261016-v2.css */ /* Readable UI text only; preserve React Native icon font. */ html, body {font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;} div[dir="auto"]:not([style*="font-family: ionicons"]):not([style*="font-family: Ionicons"]):not([style*="font-family: FontAwesome"]):not([style*="font-family: Material"]),span[dir="auto"]:not([style*="font-family: ionicons"]):not([style*="font-family: Ionicons"]):not([style*="font-family: FontAwesome"]):not([style*="font-family: Material"]) {font-family:-apple-system,"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif !important;} /* component 2: xianji-global-background-20261016-v2.css */ /* Confirmed application-wide page canvas. Preserve individual card surfaces and business UI. */ html,body,#root,#root>div { background-color:#FFFFFF !important; } /* React Native Web safe-area, screen root and main scroll canvas. */ #root div[style*="background-color: rgb(255, 249"],#root div[style*="background-color: rgb(255, 250"],#root div[style*="background-color: rgb(252, 248"],#root div[style*="background-color: rgb(251, 247"] { background-color:#FFFFFF !important; } /* Actual React Native Web full-page screen classes: remove beige page canvas only. */ #root div.r-1fs9c1b.r-13awgt0, #root div.r-97e31f.r-bv2aro.r-hxflta.r-10xqauy {background-color:#FFFFFF !important;} /* component 3: xianji-home-ambient-flags-visible-20261017.css */ /* Xianji HOME neutral cards; only existing industry tags remain colorful. Keep the pure-white card, restrained neutral shadow, small label sheen and touch feedback. No images, extra categories or product logic. */ #root button[data-testid="xianji-home-card"] { background-color: #FFFFFF !important; background-image: radial-gradient(ellipse 240px 95px at 105% -15%, rgba(147,166,207,.033), rgba(255,255,255,0) 83%) !important; transition: transform 175ms cubic-bezier(.20,.85,.20,1), box-shadow 220ms ease, opacity 170ms ease; } #root button[data-testid="xianji-home-card"] > div:first-child > div[style*="background-color"] { border-radius: 9px !important; background-image: linear-gradient(115deg, rgba(255,255,255,.34), rgba(255,255,255,0) 42%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 2px 7px rgba(36,48,89,.055); } #root button[data-testid="xianji-home-card"]:active { transform: translateY(1px); } #root button[data-testid="xianji-home-card"]:focus-visible { outline: 2px solid #93B8EA; outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { #root button[data-testid="xianji-home-card"] { transition: none !important; } #root button[data-testid="xianji-home-card"]:hover, #root button[data-testid="xianji-home-card"]:active { transform: none !important; } } /* Xianji HOME: industry ambient-edge breathing and compact rounded national flags. Retains existing neutral border, B-clean-white cards, real event/source distinction. */ @property --xj-edge-angle { syntax: ""; inherits: false; initial-value: 0deg; } #root button[data-testid="xianji-home-card"] { position:relative; isolation:isolate; overflow:visible; --xj-accent:#879AB0; border-color:#E4E8ED !important; } #root button[data-testid="xianji-home-card"][data-xj-hue="#0791AC"] { --xj-accent:#0791AC; } #root button[data-testid="xianji-home-card"][data-xj-hue="#2868CC"] { --xj-accent:#2868CC; } #root button[data-testid="xianji-home-card"][data-xj-hue="#7849D0"] { --xj-accent:#7849D0; } #root button[data-testid="xianji-home-card"][data-xj-hue="#099774"] { --xj-accent:#099774; } #root button[data-testid="xianji-home-card"][data-xj-hue="#8450D3"] { --xj-accent:#8450D3; } #root button[data-testid="xianji-home-card"][data-xj-hue="#376AD4"] { --xj-accent:#376AD4; } #root button[data-testid="xianji-home-card"][data-xj-hue="#5B4AD2"] { --xj-accent:#5B4AD2; } #root button[data-testid="xianji-home-card"][data-xj-hue="#0A91BA"] { --xj-accent:#0A91BA; } #root button[data-testid="xianji-home-card"][data-xj-hue="#AB810D"] { --xj-accent:#AB810D; } #root button[data-testid="xianji-home-card"][data-xj-hue="#D5632B"] { --xj-accent:#D5632B; } #root button[data-testid="xianji-home-card"][data-xj-hue="#0C9771"] { --xj-accent:#0C9771; } #root button[data-testid="xianji-home-card"][data-xj-hue="#506FD4"] { --xj-accent:#506FD4; } #root button[data-testid="xianji-home-card"][data-xj-hue="#7768B7"] { --xj-accent:#7768B7; } #root button[data-testid="xianji-home-card"]::before, #root button[data-testid="xianji-home-card"]::after { content:""; position:absolute; pointer-events:none; border-radius:inherit; } #root button[data-testid="xianji-home-card"]::before { inset:-1px; box-shadow: 0 0 0 1px color-mix(in srgb,var(--xj-accent) 12%,transparent), 0 0 13px 2px color-mix(in srgb,var(--xj-accent) 13%,transparent); opacity:.45; animation:xj-card-ambient-pulse 4.2s ease-in-out infinite; } #root button[data-testid="xianji-home-card"]::after { z-index:2; inset:-1px; padding:1.6px; box-sizing:border-box; border-radius:inherit; background:conic-gradient( from var(--xj-edge-angle), transparent 0deg, color-mix(in srgb,var(--xj-accent) 9%,transparent) 42deg, color-mix(in srgb,var(--xj-accent) 59%,transparent) 92deg, color-mix(in srgb,var(--xj-accent) 13%,transparent) 147deg, transparent 200deg, color-mix(in srgb,var(--xj-accent) 32%,transparent) 290deg, transparent 356deg); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude; opacity:.70; animation:xj-card-edge-flow 11s linear infinite,xj-card-edge-breath 4.2s ease-in-out infinite; } @keyframes xj-card-edge-flow { to { --xj-edge-angle:360deg; } } @keyframes xj-card-edge-breath { 0%,100% { opacity:.34; } 50% { opacity:.86; } } @keyframes xj-card-ambient-pulse { 0%,100% { opacity:.30; } 50% { opacity:.77; } } #root button[data-testid="xianji-home-card"]:active::after { opacity:.95; } #root button[data-testid="xianji-home-card"] .xj-country-flag { display:block; border-radius:22%; filter:drop-shadow(0 1px 1px rgba(34,42,62,.16)); vertical-align:middle; } @media (prefers-reduced-motion:reduce) { #root button[data-testid="xianji-home-card"]::before, #root button[data-testid="xianji-home-card"]::after { animation:none !important; opacity:.38; } } /* Pause costly conic-gradient animations for cards outside the viewport. */ html.xj-observed-ambient #root button[data-testid="xianji-home-card"]::before, html.xj-observed-ambient #root button[data-testid="xianji-home-card"]::after { animation-play-state:paused; } html.xj-observed-ambient #root button[data-testid="xianji-home-card"][data-xj-ambient-visible="1"]::before, html.xj-observed-ambient #root button[data-testid="xianji-home-card"][data-xj-ambient-visible="1"]::after { animation-play-state:running; } /* component 4: xianji-center-focus-20261017.css */ #root button[data-testid="xianji-home-card"][data-xj-focus="active"]::before{animation-play-state:paused!important;opacity:calc(var(--xj-center-focus,.05) * .80)!important}#root button[data-testid="xianji-home-card"][data-xj-focus="active"]::after{animation-play-state:running!important;opacity:var(--xj-center-focus,.05)!important}#root button[data-testid="xianji-home-card"][data-xj-focus="active"]{box-shadow:0 5px calc(10px + 17px * var(--xj-center-focus,.05)) rgba(45,70,95,.08),0 0 calc(18px * var(--xj-center-focus,.05)) color-mix(in srgb,var(--xj-accent,#95a8ca) 18%,transparent)!important} /* component 5: xianji-wordmark-20261017.css */ #root .xj-wordmark-20261017{display:flex!important;align-items:baseline!important;white-space:nowrap!important;overflow:visible!important;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif!important;font-weight:850!important;font-size:clamp(31px,9vw,42px)!important;letter-spacing:-2px!important;line-height:1.25!important;color:#1f2937!important}#root .xj-wordmark-dark,#root .xj-wordmark-light,#root .xj-wordmark-dot{display:inline-block!important;will-change:transform,opacity,filter}#root .xj-wordmark-dark{color:#18212e;animation:xj-reveal-dark .75s cubic-bezier(.2,.8,.2,1) both}#root .xj-wordmark-light{background:linear-gradient(105deg,#b2d3e5 2%,#9fc6dc 45%,#b7b2de 77%,#a9cde2 98%);color:transparent!important;background-clip:text;-webkit-background-clip:text;animation:xj-reveal-light .85s cubic-bezier(.2,.8,.2,1) .23s both}#root .xj-wordmark-dot{color:#b6aadf;animation:xj-reveal-dot .65s ease .75s both}@keyframes xj-reveal-dark{from{opacity:0;filter:blur(7px);transform:translateY(9px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes xj-reveal-light{from{opacity:0;filter:blur(8px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes xj-reveal-dot{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){#root .xj-wordmark-20261017 span{animation:none!important;filter:none!important;opacity:1!important;transform:none!important}} /* component 6: xj-home-compact-20261017.css */ /* HOME top rhythm, preserve Stitch structure and intro palette. */ #root .xj-wordmark-20261017{letter-spacing:-1.8px!important} #root .xj-wordmark-20261017 .xj-wordmark-light{background-image:linear-gradient(100deg,#7FC8F8 0%,#9BBDF4 56%,#F0B46A 100%)} #root .xj-home-heading-compact{padding-top:7px!important;padding-bottom:7px!important;margin-bottom:0!important} #root .xj-home-tabs-compact{margin-top:-4px!important} @media(prefers-reduced-motion:reduce){#root .xj-wordmark-20261017 span{animation:none!important}} #root .xj-wordmark-20261017 .xj-wordmark-dot{color:#F0B46A!important} /* component 7: xj-wordmark-gloss-20261017.css */ /* HOME wordmark surface light: one restrained sweep, clipped inside glyphs. */ #root .xj-wordmark-20261017 .xj-wordmark-light{ background-image:linear-gradient(110deg,transparent 42%,rgba(255,250,241,.06) 47%,rgba(255,255,255,.48) 50%,rgba(255,251,245,.09) 54%,transparent 60%),linear-gradient(100deg,#7FC8F8 0%,#9BBDF4 56%,#F0B46A 100%)!important; background-size:300% 100%,100% 100%!important; background-position:135% 0,0 0; background-repeat:no-repeat!important; -webkit-background-clip:text!important;background-clip:text!important; animation:xj-reveal-light .85s cubic-bezier(.2,.8,.2,1) .23s both,xj-wordmark-gloss 1.35s ease-out 1.13s 1 forwards!important; } @keyframes xj-wordmark-gloss{from{background-position:135% 0,0 0}to{background-position:-35% 0,0 0}} @media(prefers-reduced-motion:reduce){#root .xj-wordmark-20261017 .xj-wordmark-light{animation:none!important;background-position:-35% 0,0 0!important}} /* component 8: xj-heart-toggle-20261017.css */ @media(prefers-reduced-motion:no-preference){#root [data-xj-heart-action='like'] svg{transition:transform 140ms cubic-bezier(.2,1.4,.4,1)}#root [data-xj-heart-action='like']:active svg{transform:scale(.78)}#root [data-xj-heart-action='like'][data-xj-liked='yes'] svg{animation:xj-heart-pop 260ms cubic-bezier(.2,1.5,.3,1) both}}@keyframes xj-heart-pop{0%{transform:scale(.72)}65%{transform:scale(1.12)}100%{transform:scale(1)}} /* component 9: xj-heart-response-fix.css */ @media(prefers-reduced-motion:no-preference){#root [data-xj-heart-action='like'] svg{transition:transform .18s cubic-bezier(.18,1.4,.3,1),filter .18s ease!important;transform-origin:center!important}#root [data-xj-heart-action='like']:active svg{transform:scale(.68)!important}#root [data-xj-heart-action='like'][data-xj-liked='yes'] svg{animation:xj-heart-response .42s cubic-bezier(.22,1.5,.3,1) both!important}}@keyframes xj-heart-response{0%{transform:scale(.65)}48%{transform:scale(1.28)}75%{transform:scale(.94)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){#root [data-xj-heart-action='like'] svg{animation:none!important;transition:none!important}} /* component 10: xj-card-top-align-20261017.css */ #root button[data-testid='xianji-home-card'] > div:first-child{align-items:center!important;min-height:40px!important}#root button[data-testid='xianji-home-card'] > div:first-child > div:nth-child(1),#root button[data-testid='xianji-home-card'] > div:first-child > div:nth-child(2){align-self:center!important;justify-content:center!important}#root button[data-testid='xianji-home-card'] [data-xj-heart-action='like'],#root button[data-testid='xianji-home-card'] [aria-label='不感兴趣']{width:40px!important;height:40px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}#root button[data-testid='xianji-home-card'] [data-xj-heart-action='like'] svg,#root button[data-testid='xianji-home-card'] [aria-label='不感兴趣'] svg{width:21px;height:21px;display:block} /* component 11: xj-home-mascot-20261017.css */ #root .xj-home-heading-compact{position:relative!important;overflow:visible!important}#root .xj-home-heading-compact::after{content:'';position:absolute;top:-7px;right:2px;width:92px;height:92px;background:url('/xj-home-octopus-20261017.png') center/contain no-repeat;pointer-events:none;z-index:1}@media(min-width:640px){#root .xj-home-heading-compact::after{width:110px;height:110px;top:-13px;right:12px}}@media(max-width:350px){#root .xj-home-heading-compact::after{width:76px;height:76px;top:0;right:0}} /* component 12: xj-fixed-brand.css */ #xj-fixed-brand{position:fixed;top:0;left:0;right:0;height:var(--xj-brand-h,91px);background:rgba(255,255,255,.97);z-index:18;pointer-events:none;border-bottom:1px solid rgba(28,39,58,.06);box-sizing:border-box;transform:translateZ(0)}#xj-fixed-brand .xj-fixed-title{position:absolute;left:20px;top:12px;transform-origin:top left;transform:scale(var(--xj-brand-scale,1));white-space:nowrap}#xj-fixed-brand .xj-fixed-sub{font-size:12px;color:#8A8A8A;margin-top:1px}#xj-fixed-brand .xj-fixed-mascot{position:absolute;right:10px;top:3px;width:var(--xj-mascot-size,92px);height:var(--xj-mascot-size,92px);background:url('/xj-home-octopus-20261017.png') center/contain no-repeat;animation:xj-brand-float 5.5s ease-in-out infinite;will-change:transform}#root .xj-home-heading-compact{visibility:hidden!important}#root .xj-home-heading-compact::after{display:none!important}@keyframes xj-brand-float{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(-5px,-3px,0)}50%{transform:translate3d(3px,3px,0)}75%{transform:translate3d(-2px,1px,0)}}@media(prefers-reduced-motion:reduce){#xj-fixed-brand .xj-fixed-mascot{animation:none!important}} /* component 13: xj-header-repair.css */ #xj-fixed-brand{display:none!important}#root .xj-home-heading-compact{visibility:visible!important;position:sticky!important;top:0!important;z-index:32!important;background:#fff!important}#root .xj-home-heading-compact::after{display:block!important}#root .xj-home-heading-compact.xj-brand-small{height:46px!important;min-height:46px!important;max-height:46px!important;padding-top:0!important;padding-bottom:0!important}#root .xj-home-heading-compact.xj-brand-small .xj-wordmark-20261017{transform:scale(.63)!important;transform-origin:left top!important}#root .xj-home-heading-compact.xj-brand-small .xj-wordmark-20261017 span{animation:none!important}#root .xj-home-heading-compact.xj-brand-small .xj-wordmark-20261017+div{opacity:0!important;height:0!important;overflow:hidden!important}#root .xj-home-heading-compact.xj-brand-small::after{width:49px!important;height:49px!important;top:-5px!important;right:7px!important}#root .xj-home-tabs-compact{position:sticky!important;top:var(--xj-sticky-head,79px)!important;z-index:31!important;background:#fff!important}#root .xj-home-search-fixed{position:sticky!important;top:calc(var(--xj-sticky-head,79px) + 46px)!important;z-index:30!important;background:#fff!important;padding-bottom:5px!important}@media(prefers-reduced-motion:no-preference){#root .xj-home-heading-compact::after{animation:xj-header-mascot-float 5.5s ease-in-out infinite}@keyframes xj-header-mascot-float{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(-4px,-3px,0)}50%{transform:translate3d(2px,2px,0)}75%{transform:translate3d(-2px,1px,0)}}} /* component 14: xj-smooth-header.css */ #root .xj-home-heading-compact{height:var(--xj-head-height,79px)!important;min-height:0!important;max-height:none!important;padding-top:calc(7px - 5px * var(--xj-head-progress,0))!important;padding-bottom:0!important;overflow:visible!important}#root .xj-home-heading-compact .xj-wordmark-20261017{transform:scale(calc(1 - .37 * var(--xj-head-progress,0)))!important;transform-origin:left top!important}#root .xj-home-heading-compact .xj-wordmark-20261017+div{opacity:calc(1 - var(--xj-head-progress,0))!important}#root .xj-home-heading-compact::after{width:calc(92px - 43px * var(--xj-head-progress,0))!important;height:calc(92px - 43px * var(--xj-head-progress,0))!important;top:calc(-7px + 2px * var(--xj-head-progress,0))!important;right:7px!important}#root .xj-home-heading-compact.xj-brand-small .xj-wordmark-20261017 span{animation:revert-layer!important}#root .xj-home-heading-compact.xj-brand-small .xj-wordmark-20261017+div{height:auto!important;overflow:visible!important}#root .xj-home-heading-compact.xj-brand-small{height:var(--xj-head-height,79px)!important;min-height:0!important;max-height:none!important}#root .xj-home-tabs-compact{top:var(--xj-sticky-head,79px)!important}#root .xj-home-search-fixed{top:calc(var(--xj-sticky-head,79px) + 46px)!important} /* component 15: xj-fade-title-20261018.css */ #root .xj-home-heading-compact .xj-wordmark-20261017{transform:none!important;opacity:calc(1 - var(--xj-head-progress,0))!important;pointer-events:none!important}#root .xj-home-heading-compact .xj-wordmark-20261017+div{opacity:calc(1 - var(--xj-head-progress,0))!important;pointer-events:none!important}#root .xj-home-heading-compact{pointer-events:none!important} /* component 16: xj-header-fullbleed-20261018.css */ #root .xj-home-heading-compact,#root .xj-home-tabs-compact,#root .xj-home-search-fixed{isolation:isolate!important}#root .xj-home-heading-compact::before,#root .xj-home-tabs-compact::before,#root .xj-home-search-fixed::before{content:''!important;position:absolute!important;left:-20px!important;right:-35px!important;top:0!important;bottom:0!important;background:#fff!important;z-index:-1!important;pointer-events:none!important}#root .xj-home-tabs-compact::after{content:'';position:absolute;bottom:0;left:-20px;right:-35px;height:1px;background:#e8e8e8;pointer-events:none} /* component 17: xj-no-fade-no-shrink-20261018.css */ #root .xj-home-heading-compact .xj-wordmark-20261017,#root .xj-home-heading-compact .xj-wordmark-20261017+div{opacity:1!important}#root .xj-home-heading-compact::after{width:92px!important;height:92px!important;top:-7px!important;right:7px!important}#root .xj-home-heading-compact{height:79px!important;min-height:79px!important;max-height:79px!important;padding-top:7px!important}#root .xj-home-tabs-compact{top:79px!important}#root .xj-home-search-fixed{top:125px!important} /* component 18: xj-wordmark-once-20261018.css */ #root .xj-wordmark-20261017.xj-wordmark-played .xj-wordmark-dark,#root .xj-wordmark-20261017.xj-wordmark-played .xj-wordmark-light,#root .xj-wordmark-20261017.xj-wordmark-played .xj-wordmark-dot{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}#root .xj-wordmark-20261017.xj-wordmark-played .xj-wordmark-light{background-position:-35% 0,0 0!important} /* component 19: xj-mascot-cruise.css */ #root .xj-home-heading-compact::after{animation:none!important;transform:none!important}#xj-mascot-cruise{position:absolute;top:-7px;left:0;width:46px;height:46px;background:url('/xj-home-octopus-20261017.png') center/contain no-repeat;pointer-events:none;z-index:3;transform:translate3d(0,0,0);will-change:transform}#root .xj-home-heading-compact.xj-cruise-active::after{opacity:0!important}@media(prefers-reduced-motion:reduce){#xj-mascot-cruise{transition:none!important}} /* component 20: xj-mascot-actual-half-20261018.css */ #root .xj-home-heading-compact.xj-cruise-active::after{display:none!important}#root .xj-home-heading-compact #xj-mascot-cruise{width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;min-height:46px!important;max-height:46px!important;background-size:contain!important} /* component 21: xj-mascot-baseline-20261018.css */ #root .xj-home-heading-compact #xj-mascot-cruise{top:8px!important} /* component 22: xj-stable-header-20261018.css */ #root .xj-home-heading-compact > div:nth-child(2){display:none!important}#root .xj-home-heading-compact{height:79px!important;min-height:79px!important;max-height:79px!important}#root .xj-home-tabs-compact{top:79px!important}#root .xj-home-search-fixed{top:125px!important} /* component 23: xj-detail-related-20261018.css */ .xj-detail-related-info{background:#F8F9FA!important;border:1px solid #E9EDF1!important;box-shadow:none!important}.xj-detail-related-info-head{align-items:center!important;gap:8px!important}.xj-detail-related-info-head>div:first-child{gap:7px!important;min-width:0!important}.xj-detail-related-info-head>div:first-child>div:last-child{color:#48515C!important;font-weight:700!important}.xj-detail-related-info-head>div:first-child>div:first-child{color:#8B939B!important}.xj-detail-related-info [dir=auto]:not(.xj-detail-related-info-head [dir=auto]){color:#66717C!important}.xj-detail-source{font-size:11px;color:#84909B;margin-left:auto;text-align:right;min-width:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xj-detail-related-info-head{cursor:default!important}@media(prefers-reduced-motion:no-preference){.xj-detail-related-info{transition:background-color .18s ease,border-color .18s ease!important}} /* component 24: xj-brand-lock-20261018.css */ #root .xj-home-heading-compact #xj-mascot-cruise{display:block!important;width:46px!important;height:46px!important;top:8px!important;visibility:visible!important;opacity:1!important}#root .xj-home-heading-compact.xj-cruise-active::after{display:none!important}#root .xj-home-heading-compact>div:not(:first-child):not(#xj-mascot-cruise){display:none!important}