/* 行长智能体 · Luxe 精修层：统一字体、色彩、间距与动效。必须作为最后一个样式表加载。 覆盖规则放在 @layer lx 中：层内的 !important 高于所有历史皮肤的 !important，无需堆叠选择器。 lx-calm 先声明，其 !important 又高于 lx，保证「减少装饰动效」与系统减弱动效始终生效。 */ @layer lx-calm, lx; @layer lx-calm{ body.studio-calm *,body.studio-calm *::before,body.studio-calm *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important} @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important} } } :root.lx{ --lx-bg:#09090A; --lx-s1:#121214; --lx-s2:#18181B; --lx-line:rgba(255,255,255,.06); --lx-line-2:rgba(255,255,255,.09); --lx-line-3:rgba(255,255,255,.15); --lx-t1:#F3EFE7; --lx-label:#C9C4B9; --lx-t2:#ABA69B; --lx-t3:#8A867E; --lx-t4:#6F6B64; --lx-gold:#D8B76A; --lx-gold-hi:#EBD49C; --lx-gold-lo:#A98945; --lx-gold-ink:#1D1708; --lx-gold-a05:rgba(216,183,106,.05); --lx-gold-a10:rgba(216,183,106,.10); --lx-gold-a16:rgba(216,183,106,.16); --lx-gold-a24:rgba(216,183,106,.24); --lx-gold-a36:rgba(216,183,106,.36); --lx-gold-fill:linear-gradient(180deg,#F2DEA8 0%,#DDBC70 52%,#C49E50 100%); --lx-gold-text:linear-gradient(180deg,#FBF2DA 0%,#E9CF8E 58%,#C9A65C 100%); --lx-r1:6px; --lx-r2:10px; --lx-r3:14px; --lx-r4:18px; --lx-hl:inset 0 1px 0 rgba(255,255,255,.04); --lx-sh-pop:0 24px 60px -18px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.06); --lx-sh-lift:0 26px 50px -26px rgba(0,0,0,.9),0 0 0 1px rgba(216,183,106,.08); --lx-ring:0 0 0 3px rgba(216,183,106,.15); --lx-ease:cubic-bezier(.16,1,.3,1); --lx-fast:.16s; --lx-mid:.28s; --lx-slow:.52s; --lx-font:"HarmonyOS Sans SC","MiSans","PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Segoe UI Variable Text","Segoe UI",system-ui,sans-serif; --lx-mono:"Cascadia Mono",Consolas,"Microsoft YaHei UI",monospace; color-scheme:dark; } /* ── 动效关键帧 ── */ @keyframes lxRise{from{transform:translate3d(0,10px,0)}to{transform:none}} @keyframes lxRiseFade{from{opacity:0;transform:translate3d(0,12px,0) scale(.985)}to{opacity:1;transform:none}} @keyframes lxPop{from{opacity:0;transform:translate3d(0,-6px,0) scale(.98)}to{opacity:1;transform:none}} @keyframes lxFade{from{opacity:0}to{opacity:1}} @keyframes lxSheen{from{transform:translateX(-140%) skewX(-20deg)}to{transform:translateX(360%) skewX(-20deg)}} @keyframes lxPing{0%{box-shadow:0 0 0 0 rgba(229,124,112,.55)}80%,100%{box-shadow:0 0 0 7px rgba(229,124,112,0)}} /* 历史动画同名重定义（后声明者生效）：去掉色相循环、漂浮、常驻扫光等装饰性循环，保留功能性状态动画 */ @keyframes panelIn{from{opacity:0}to{opacity:1}} @keyframes riseIn{} @keyframes homeEnter{from{transform:translate3d(0,10px,0)}to{transform:none}} @keyframes brandIn{from{opacity:0}to{opacity:1}} @keyframes btnHue{} @keyframes btnShine{} @keyframes logoFloat{} @keyframes logoPulse{} @keyframes logoGlow{} @keyframes cardShine{} @keyframes tabBreath{} @keyframes beamSpin{} @keyframes beamSway{} @keyframes meteorFly{} @keyframes sidebarPremiumShine{} @keyframes dzFloat{} @keyframes fabFloat{} @keyframes heroFloat{} @keyframes zlBellPulse{} @keyframes bgDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-5%,4%,0) scale(1.1)}} @keyframes bgDrift2{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(5%,-3%,0) scale(1.08)}} @layer lx{ /* 页面进场改由 luxe.js 在面板真正切换时用 Web Animations 播放：异步刷新重建 DOM 时不会重播，内容也不会闪空 */ .lx .panel.active, .lx .panel.active > *, .lx .panel.active > :is(.module-view,.home-view) > *, .lx .panel.active :is(.directory-tools-grid,.hv-cats) > *{animation:none!important} .lx :is(.btn.primary,#topUpdateBtn .tub-ico,#hvBell){animation:none!important} /* ── 基础 ── */ html.lx{background:var(--lx-bg)!important} .lx body{background:var(--lx-bg)!important;color:var(--lx-t1)!important;font-family:var(--lx-font)!important;letter-spacing:.01em!important;text-rendering:optimizeLegibility} .lx :is(button,input,select,textarea,optgroup){font-family:inherit!important} .lx :is(pre,code,kbd,samp){font-family:var(--lx-mono)!important} .lx ::selection{background:rgba(216,183,106,.3)!important;color:#FFF!important} .lx :focus-visible{outline:2px solid rgba(216,183,106,.6)!important;outline-offset:2px!important} /* Legacy skins set scrollbar-width/color on every element; in Chromium that falls back to the native Windows bar (grey, with arrow buttons) and disables ::-webkit-scrollbar. Reset them so the slim scrollbar below applies. */ .lx,.lx *{scrollbar-width:auto!important;scrollbar-color:auto!important} .lx ::-webkit-scrollbar{width:10px!important;height:10px!important;background:transparent!important} .lx ::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important} .lx :is(::-webkit-scrollbar-track,::-webkit-scrollbar-corner){background:transparent!important} .lx ::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.09)!important;border:3px solid transparent!important;background-clip:padding-box!important;border-radius:99px!important;min-height:40px} .lx ::-webkit-scrollbar-thumb:hover{background-color:rgba(216,183,106,.42)!important} .lx ::-webkit-scrollbar-thumb:active{background-color:rgba(216,183,106,.6)!important} @media (max-width:900px){.lx .tabs::-webkit-scrollbar{display:none!important}} .lx :is(#bg-canvas,#cursorGlow,.dot-grid,.beams,.meteors,.card-beam){display:none!important} /* 环境光：极淡的暖金光晕缓慢漂移，取代旧的蓝色光斑 */ .lx body::before{top:-36%!important;left:auto!important;right:-14%!important;width:62%!important;height:62%!important;background:radial-gradient(circle,rgba(216,183,106,.075),transparent 68%)!important;filter:none!important} .lx body::after{bottom:-40%!important;right:auto!important;left:6%!important;width:52%!important;height:52%!important;background:radial-gradient(circle,rgba(216,183,106,.04),transparent 70%)!important;filter:none!important} /* ── 顶栏 ── */ .lx header.topbar{min-height:56px!important;padding:10px 20px!important;gap:12px!important;background:rgba(11,11,12,.78)!important;-webkit-backdrop-filter:blur(20px) saturate(1.4)!important;backdrop-filter:blur(20px) saturate(1.4)!important;border-bottom:1px solid var(--lx-line)!important;box-shadow:none!important} .lx header.topbar::after{height:1px!important;opacity:.7!important;background:linear-gradient(90deg,transparent,rgba(216,183,106,.2) 30%,rgba(216,183,106,.2) 70%,transparent)!important} .lx .brand{gap:10px!important} .lx .brand .logo{width:30px!important;height:30px!important;border-radius:8px!important;background:transparent!important;border:0!important;box-shadow:0 6px 16px -8px rgba(216,183,106,.5)!important} .lx .brand .logo img{width:30px!important;height:30px!important;border-radius:8px!important} .lx .brand h1{font-size:16px!important;font-weight:600!important;letter-spacing:.08em!important;background:var(--lx-gold-text)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important} .lx .studio-search-entry{height:34px!important;border-radius:var(--lx-r2)!important;background:rgba(255,255,255,.035)!important;border:1px solid var(--lx-line-2)!important;color:var(--lx-t3)!important;transition:border-color var(--lx-mid) var(--lx-ease),background-color var(--lx-mid)!important} .lx .studio-search-entry:hover{border-color:var(--lx-line-3)!important;background:rgba(255,255,255,.05)!important;color:var(--lx-t2)!important} .lx .studio-search-entry svg{color:var(--lx-t3)!important} .lx .studio-search-label{color:inherit!important;font-size:12.5px!important} .lx .studio-search-keys kbd{font-size:10.5px!important;color:var(--lx-t3)!important;background:rgba(255,255,255,.05)!important;border:1px solid var(--lx-line-2)!important;border-radius:5px!important;padding:0 5px!important;min-width:18px!important;height:18px!important;line-height:16px!important} .lx .studio-history-entry{height:34px!important;border-radius:var(--lx-r2)!important;color:var(--lx-t2)!important;transition:background-color var(--lx-mid),color var(--lx-mid)!important} .lx .studio-history-entry:hover{background:rgba(255,255,255,.04)!important;color:var(--lx-t1)!important} .lx .studio-history-label{font-size:12.5px!important;color:inherit!important} .lx #topbarBalance .balance-label{color:var(--lx-t3)!important;font-size:12px!important;font-weight:400!important} .lx #topbarBalance b{color:var(--lx-t1)!important;font-weight:600!important;font-size:13px!important;font-family:"Segoe UI Variable Display","Segoe UI",var(--lx-font)!important;font-variant-numeric:tabular-nums!important;letter-spacing:.02em!important} .lx #topbarBalance .tb-item{gap:6px!important} .lx :is(#topbarBalRefresh,#hvBell){width:32px!important;height:32px!important;border-radius:var(--lx-r2)!important;background:transparent!important;border:1px solid var(--lx-line-2)!important;color:var(--lx-t2)!important;transition:background-color var(--lx-mid),border-color var(--lx-mid),color var(--lx-mid)!important} .lx :is(#topbarBalRefresh,#hvBell):hover{background:rgba(255,255,255,.05)!important;border-color:var(--lx-line-3)!important;color:var(--lx-gold-hi)!important} .lx #topbarBalRefresh{font-size:16px!important} .lx #topbarBalRefresh:active{transform:rotate(-90deg)!important;transition:transform .3s var(--lx-ease)!important} .lx #hvBell svg{width:16px!important;height:16px!important} .lx #hvBell .hv-dot{display:none!important} .lx #hvBell.has-notice::after{top:7px!important;right:7px!important;width:6px!important;height:6px!important;background:#E57C70!important;box-shadow:0 0 0 2px #0B0B0C!important;animation:lxPing 2.4s var(--lx-ease) 3!important} .lx #acctGroup{background:rgba(255,255,255,.03)!important;border:1px solid var(--lx-line-2)!important;border-radius:12px!important;box-shadow:none!important;padding:2px!important} .lx #topUpdateBtn{background:var(--lx-gold-a10)!important;border:1px solid var(--lx-gold-a24)!important;border-radius:9px!important;height:32px!important;transition:background-color var(--lx-mid),border-color var(--lx-mid)!important} .lx #topUpdateBtn:hover{background:var(--lx-gold-a16)!important;border-color:var(--lx-gold-a36)!important} .lx #topUpdateBtn .tub-ico{width:20px!important;height:20px!important;border-radius:6px!important;background:var(--lx-gold-fill)!important;box-shadow:none!important;color:var(--lx-gold-ink)!important} .lx #topUpdateBtn .tub-txt b{font-size:12.5px!important;font-weight:500!important;color:var(--lx-gold-hi)!important} .lx #topUpdateBtn .tub-ver{font-size:11px!important;color:var(--lx-gold-lo)!important;font-variant-numeric:tabular-nums} .lx #asTrigger{border-radius:9px!important;height:32px!important;padding:0 10px 0 6px!important;background:transparent!important;transition:background-color var(--lx-mid)!important} .lx #asTrigger:hover{background:rgba(255,255,255,.04)!important} .lx #asBadge{width:22px!important;height:22px!important;font-size:11px!important;font-weight:600!important;background:var(--lx-gold-fill)!important;color:var(--lx-gold-ink)!important;box-shadow:none!important} .lx .as-name{font-size:12.5px!important;font-weight:500!important;color:var(--lx-t1)!important} .lx .as-sub{font-size:11px!important;color:var(--lx-t3)!important} .lx .as-arrow{font-size:0!important;color:transparent!important} .lx .as-arrow::before{border-color:var(--lx-t3)!important} .lx #accountSwitcher::after{display:none!important} .lx :is(.as-menu,.running-pop,.hv-search-pop){background:rgba(20,20,22,.94)!important;-webkit-backdrop-filter:blur(24px) saturate(1.3)!important;backdrop-filter:blur(24px) saturate(1.3)!important;border:1px solid var(--lx-line-2)!important;border-radius:var(--lx-r3)!important;box-shadow:var(--lx-sh-pop)!important} .lx :is(.running-pop,.hv-search-pop){transform-origin:top right;animation:lxPop .24s var(--lx-ease)} .lx .as-opt{border-radius:var(--lx-r2)!important;transition:background-color var(--lx-fast)!important} .lx .as-opt:hover{background:rgba(255,255,255,.05)!important} .lx .as-opt-txt em{font-style:normal!important;font-weight:500!important;color:var(--lx-t1)!important} .lx .as-opt-txt small{color:var(--lx-t3)!important} /* ── 侧栏 ── */ .lx nav.tabs.sidebar{background:linear-gradient(180deg,#0D0D0F,#0A0A0B)!important;border-right:1px solid var(--lx-line)!important;box-shadow:none!important} .lx nav.tabs.sidebar :is(.sb-scroll,.p-nav-extra){position:relative!important} .lx nav.tabs.sidebar .sb-section-title{font-size:11px!important;font-weight:500!important;letter-spacing:.14em!important;color:var(--lx-t3)!important;padding:0 12px!important} .lx nav.tabs.sidebar :is(.p-nav-home,.p-nav-mod,.p-nav-mini,#rechargeNavBtn,.studio-favorites-summary){position:relative!important;z-index:1!important;border-radius:var(--lx-r2)!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;color:var(--lx-t2)!important;transition:background-color var(--lx-mid) var(--lx-ease),color var(--lx-mid) var(--lx-ease),border-color var(--lx-mid)!important} .lx nav.tabs.sidebar :is(.p-nav-home,.p-nav-mod,.p-nav-mini,#rechargeNavBtn,.studio-favorites-summary):hover{background:rgba(255,255,255,.035)!important;color:var(--lx-t1)!important} .lx nav.tabs.sidebar :is(.p-nav-home,.p-nav-mod,.p-nav-mini)::before, .lx nav.tabs.sidebar :is(.p-nav-home,.p-nav-mod,.p-nav-mini)::after{display:none!important} .lx nav.tabs.sidebar :is(.p-nav-home,.p-nav-mod,.p-nav-mini).active{color:var(--lx-t1)!important;background:linear-gradient(90deg,rgba(216,183,106,.12),rgba(216,183,106,.03))!important;border-color:rgba(216,183,106,.15)!important} .lx nav.tabs.sidebar.lx-glide :is(.p-nav-home,.p-nav-mod,.p-nav-mini).active{background:transparent!important;border-color:transparent!important} .lx nav.tabs.sidebar .lx-current{color:var(--lx-t1)!important} .lx nav.tabs.sidebar .lx-current .tb-ico{color:var(--lx-gold)!important} .lx nav.tabs.sidebar .tb-ico{color:var(--lx-t3)!important;transition:color var(--lx-mid) var(--lx-ease)!important} .lx nav.tabs.sidebar :is(.p-nav-home,.p-nav-mod,.p-nav-mini):is(:hover,.active) .tb-ico{color:var(--lx-gold)!important} .lx nav.tabs.sidebar .tb-txt{font-size:13.5px!important;font-weight:500!important;color:inherit!important;letter-spacing:.04em!important} .lx nav.tabs.sidebar .pn-copy b{font-size:13.5px!important;font-weight:500!important;color:inherit!important;letter-spacing:.04em!important} .lx nav.tabs.sidebar .pn-copy small{font-size:11.5px!important;font-weight:400!important;color:var(--lx-t3)!important;letter-spacing:.02em!important;transition:color var(--lx-mid)!important} .lx nav.tabs.sidebar .p-nav-mod:is(:hover,.active) .pn-copy small{color:var(--lx-t2)!important} .lx nav.tabs.sidebar .p-nav-mod.active .pn-copy b{font-weight:600!important} .lx nav.tabs.sidebar .pn-chevron{color:var(--lx-t4)!important;transition:transform var(--lx-mid) var(--lx-ease),color var(--lx-mid)!important} .lx nav.tabs.sidebar .p-nav-mod:hover .pn-chevron{transform:translateX(2px)!important;color:var(--lx-t2)!important} .lx nav.tabs.sidebar .p-nav-mod.active .pn-chevron{color:var(--lx-gold)!important} .lx nav.tabs.sidebar .p-nav-mini span{font-size:13px!important;font-weight:400!important;color:inherit!important} .lx nav.tabs.sidebar .p-nav-foot{border-top:1px solid var(--lx-line)!important} .lx nav.tabs.sidebar #pStateCard .ps-txt b{font-size:12px!important;font-weight:500!important;color:var(--lx-t2)!important} .lx nav.tabs.sidebar #pStateCard small{font-size:11px!important;color:var(--lx-t3)!important} /* Tighter rhythm so all eight categories fit an 865px-tall window; overflow fades out instead of cutting a row in half. */ .lx nav.tabs.sidebar .p-nav-mod{padding:7px 10px!important;min-height:0!important;height:auto!important;row-gap:0!important} .lx nav.tabs.sidebar .pn-copy{gap:0!important} .lx nav.tabs.sidebar .pn-copy b{line-height:1.45!important} .lx nav.tabs.sidebar .pn-copy small{line-height:1.4!important;margin-top:2px!important} .lx nav.tabs.sidebar .p-nav-mods{gap:1px!important} .lx nav.tabs.sidebar .sb-section-title{line-height:20px!important} .lx nav.tabs.sidebar .sb-scroll{padding-bottom:1px!important} .lx nav.tabs.sidebar .studio-favorites{margin-top:2px!important} .lx nav.tabs.sidebar .studio-favorites-summary{min-height:32px!important} /* System block: three icon buttons across one row instead of a heading plus three stacked rows. */ .lx nav.tabs.sidebar .p-nav-extra{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;padding:8px 2px 2px!important;margin-top:4px!important;border-top:1px solid var(--lx-line)!important} .lx nav.tabs.sidebar .p-nav-extra>.sb-section-title{display:none!important} .lx nav.tabs.sidebar .p-nav-extra>.p-nav-mini{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;align-content:center!important;gap:3px!important;height:48px!important;min-height:48px!important;padding:5px 2px!important;row-gap:3px!important} .lx nav.tabs.sidebar .p-nav-extra>.p-nav-mini span{font-size:11px!important;line-height:1.3!important;white-space:nowrap!important;letter-spacing:.02em!important} .lx nav.tabs.sidebar .p-nav-extra>.p-nav-mini .tb-ico{width:17px!important;height:17px!important} .lx nav.tabs.sidebar .sb-scroll::-webkit-scrollbar{width:6px!important} .lx nav.tabs.sidebar .sb-scroll::-webkit-scrollbar-thumb{background-color:transparent!important;border:1px solid transparent!important} .lx nav.tabs.sidebar .sb-scroll:hover::-webkit-scrollbar-thumb{background-color:rgba(216,183,106,.3)!important} .lx nav.tabs.sidebar .sb-scroll.lx-more-below{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent)} .lx nav.tabs.sidebar .sb-scroll.lx-more-above{-webkit-mask-image:linear-gradient(0deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(0deg,#000 calc(100% - 28px),transparent)} .lx nav.tabs.sidebar .sb-scroll.lx-more-above.lx-more-below{-webkit-mask-image:linear-gradient(180deg,transparent,#000 28px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(180deg,transparent,#000 28px,#000 calc(100% - 40px),transparent)} .lx .lx-nav-glow{position:absolute!important;left:0!important;top:0!important;margin:0!important;padding:0!important;display:block!important;border-radius:var(--lx-r2)!important;pointer-events:none!important;z-index:0!important;opacity:0!important;background:linear-gradient(90deg,rgba(216,183,106,.14),rgba(216,183,106,.035) 72%,rgba(216,183,106,.02))!important;border:1px solid rgba(216,183,106,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;transition:transform .5s var(--lx-ease),width .5s var(--lx-ease),height .5s var(--lx-ease),opacity .25s ease!important} .lx .lx-nav-glow::before{content:""!important;position:absolute!important;left:-1px!important;top:50%!important;width:2px!important;height:16px!important;margin-top:-8px!important;border-radius:2px!important;background:var(--lx-gold)!important;box-shadow:0 0 10px rgba(216,183,106,.7)!important} .lx .lx-nav-glow.is-on{opacity:1!important} .lx .lx-nav-glow.no-anim{transition:none!important} /* ── 主区域 ── */ .lx main{background:transparent!important} @media (min-width:1025px){.lx main{padding:28px 36px 120px!important}} .lx main > :is(.panel:not(#panel-ai-chat),footer){width:100%!important;max-width:1360px!important;margin-left:auto!important;margin-right:auto!important} .lx footer.footer{color:var(--lx-t4)!important;font-size:12px!important;border-top-color:var(--lx-line)!important} .lx footer.footer .footer-author{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--lx-t3)!important;font-weight:400!important} /* 页面标题区（工具页） */ .lx .page-studio-head{background:transparent!important;border:0!important;border-bottom:1px solid var(--lx-line)!important;border-radius:0!important;box-shadow:none!important;padding:4px 0 22px!important;margin:0 0 20px!important;gap:16px!important;align-items:center!important} .lx .page-studio-head::before,.lx .page-studio-head::after{display:none!important} .lx .page-studio-head .ps-icon{width:44px!important;height:44px!important;border-radius:13px!important;background:linear-gradient(160deg,rgba(216,183,106,.2),rgba(216,183,106,.05) 70%)!important;border:1px solid rgba(216,183,106,.34)!important;box-shadow:inset 0 1px 0 rgba(255,241,196,.14),0 14px 30px -16px rgba(216,183,106,.55)!important;color:var(--lx-gold-hi)!important} .lx .page-studio-head .ps-kicker{font-size:11px!important;font-weight:500!important;letter-spacing:.16em!important;color:var(--lx-gold-lo)!important;margin:0 0 6px!important} .lx .page-studio-head .ps-kicker i{background:var(--lx-gold)!important;box-shadow:0 0 8px rgba(216,183,106,.7)!important} .lx .page-studio-head .ps-copy h1{font-size:22px!important;font-weight:600!important;letter-spacing:.03em!important;line-height:1.3!important;color:var(--lx-t1)!important} .lx .page-studio-head .ps-copy p{font-size:13px!important;line-height:1.6!important;color:var(--lx-t2)!important;margin:6px 0 0!important} .lx .page-studio-head .ps-flow{background:rgba(255,255,255,.025)!important;border:1px solid var(--lx-line)!important;border-radius:999px!important;padding:5px 14px 5px 5px!important;gap:10px!important} .lx .page-studio-head .ps-flow > span{gap:7px!important;color:var(--lx-t3)!important} .lx .page-studio-head .ps-flow b{width:22px!important;height:22px!important;border-radius:50%!important;font-size:11px!important;font-weight:600!important;background:rgba(255,255,255,.04)!important;border:1px solid var(--lx-line-2)!important;color:var(--lx-t3)!important} .lx .page-studio-head .ps-flow small{font-size:12px!important;font-weight:500!important;color:inherit!important} .lx .page-studio-head .ps-flow > span.active{color:var(--lx-gold-hi)!important} .lx .page-studio-head .ps-flow > span.active b{background:var(--lx-gold-fill)!important;border-color:rgba(255,240,205,.5)!important;color:var(--lx-gold-ink)!important;box-shadow:0 0 0 3px var(--lx-gold-a10)!important} .lx .page-studio-head .ps-flow > i{width:14px!important;height:1px!important;background:var(--lx-line-3)!important} .lx .page-studio-head .ps-back{height:34px!important;border-radius:999px!important;padding:0 14px 0 12px!important;font-size:12.5px!important;font-weight:500!important;color:var(--lx-t2)!important;background:transparent!important;border:1px solid var(--lx-line-2)!important;transition:color var(--lx-mid),background-color var(--lx-mid),border-color var(--lx-mid)!important} .lx .page-studio-head .ps-back:hover{color:var(--lx-t1)!important;border-color:var(--lx-line-3)!important;background:rgba(255,255,255,.04)!important} .lx .page-studio-head .ps-back svg{transition:transform var(--lx-mid) var(--lx-ease)!important} .lx .page-studio-head .ps-back:hover svg{transform:translateX(-3px)!important} /* 提示条 */ .lx :is(.directory-module-note,.billing-mode-note){position:relative!important;background:rgba(255,255,255,.022)!important;border:1px solid var(--lx-line)!important;border-radius:var(--lx-r2)!important;padding:10px 16px 10px 34px!important;color:var(--lx-t2)!important;font-size:12.5px!important;line-height:1.7!important;box-shadow:none!important} .lx :is(.directory-module-note,.billing-mode-note)::before{content:""!important;display:block!important;position:absolute!important;left:15px!important;top:18px!important;width:6px!important;height:6px!important;border-radius:50%!important;background:var(--lx-gold)!important;box-shadow:0 0 0 3px var(--lx-gold-a10)!important;border:0!important} .lx .billing-mode-note{margin:0 0 18px!important} /* 卡片 */ .lx .panel .card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0) 180px),var(--lx-s1)!important;border:1px solid var(--lx-line)!important;border-radius:var(--lx-r4)!important;box-shadow:var(--lx-hl),0 24px 48px -36px rgba(0,0,0,.9)!important} .lx .panel .card:hover{border-color:var(--lx-line)!important;box-shadow:var(--lx-hl),0 24px 48px -36px rgba(0,0,0,.9)!important} .lx .panel .card::before,.lx .page-studio-head + .card::after{display:none!important} .lx .panel .card > h2{font-size:17px!important;font-weight:600!important;letter-spacing:.03em!important;line-height:1.5!important;color:var(--lx-t1)!important;padding-left:0!important;margin:0 0 18px!important} .lx .panel .card h2::before{display:none!important} .lx .panel .card h2{padding-left:0!important} .lx .panel .card > h2 > svg{width:18px!important;height:18px!important;color:var(--lx-gold)!important;margin-right:10px!important;vertical-align:-3px!important} .lx .sell-tag{font-style:normal!important;font-size:11px!important;font-weight:500!important;letter-spacing:.08em!important;color:var(--lx-gold-hi)!important;background:var(--lx-gold-a10)!important;border:1px solid var(--lx-gold-a24)!important;box-shadow:none!important;border-radius:999px!important;padding:2px 10px!important;vertical-align:2px!important} /* 时长建议 */ .lx aside.duration-guide{background:linear-gradient(135deg,rgba(216,183,106,.045),rgba(216,183,106,0) 55%),rgba(255,255,255,.012)!important;border:1px solid var(--lx-gold-a16)!important;border-radius:var(--lx-r3)!important;padding:18px 20px!important;box-shadow:none!important} .lx aside.duration-guide .duration-guide-title strong{font-size:16px!important;font-weight:600!important;color:var(--lx-gold-hi)!important;letter-spacing:.02em!important} .lx aside.duration-guide .duration-guide-title span{font-size:12.5px!important;color:var(--lx-t2)!important} .lx aside.duration-guide .duration-guide-chips span{font-size:11.5px!important;color:var(--lx-t2)!important;background:rgba(255,255,255,.025)!important;border:1px solid var(--lx-line-2)!important;border-radius:var(--lx-r1)!important;padding:3px 9px!important} .lx aside.duration-guide :is(.duration-guide-detail,p){color:var(--lx-t2)!important;line-height:1.75!important} .lx aside.duration-guide summary{font-size:12px!important;color:var(--lx-t3)!important;cursor:pointer;transition:color var(--lx-fast)!important} .lx aside.duration-guide summary:hover{color:var(--lx-gold-hi)!important} /* 表单 */ .lx .panel .field-label{font-size:13px!important;font-weight:500!important;color:var(--lx-label)!important;letter-spacing:.03em!important} .lx .panel .field-row{align-items:flex-start!important} .lx .panel :is(input[type=text],input[type=number],input[type=password],input[type=url],input[type=search],input[type=tel],input:not([type]),textarea,select){background-color:rgba(255,255,255,.028)!important;border:1px solid var(--lx-line-2)!important;border-radius:var(--lx-r2)!important;color:var(--lx-t1)!important;font-size:13.5px!important;box-shadow:none!important;transition:border-color var(--lx-mid) var(--lx-ease),background-color var(--lx-mid),box-shadow var(--lx-mid) var(--lx-ease)!important} .lx .panel :is(input[type=text],input[type=number],input[type=password],input[type=url],input[type=search],input[type=tel],input:not([type]),textarea,select):hover{border-color:var(--lx-line-3)!important} .lx .panel :is(input[type=text],input[type=number],input[type=password],input[type=url],input[type=search],input[type=tel],input:not([type]),textarea,select):focus{border-color:var(--lx-gold-a36)!important;background-color:rgba(255,255,255,.04)!important;box-shadow:var(--lx-ring)!important;outline:none!important} .lx .panel :is(input,textarea)::placeholder{color:var(--lx-t3)!important} .lx .panel .hv-inputbar input{background:transparent!important;border:0!important;box-shadow:none!important} .lx .panel input[type=checkbox]{accent-color:var(--lx-gold)} .lx .panel .hint{color:var(--lx-t3)!important;font-size:12px!important;line-height:1.7!important} .lx .panel .time-hint{font-size:12.5px!important;font-weight:400!important;color:var(--lx-gold-hi)!important;background:var(--lx-gold-a05)!important;border:1px solid var(--lx-gold-a16)!important;border-radius:var(--lx-r2)!important;padding:8px 14px!important} /* 按钮 */ .lx .btn{border-radius:var(--lx-r2)!important;font-weight:500!important;letter-spacing:.04em!important;background:rgba(255,255,255,.04)!important;border:1px solid var(--lx-line-2)!important;color:var(--lx-t1)!important;box-shadow:none!important;filter:none!important;transition:background-color var(--lx-mid) var(--lx-ease),border-color var(--lx-mid),box-shadow var(--lx-mid) var(--lx-ease),transform var(--lx-fast) var(--lx-ease),filter var(--lx-mid)!important} .lx .btn:hover{background:rgba(255,255,255,.07)!important;border-color:var(--lx-line-3)!important} .lx .btn:active{transform:scale(.98)!important} .lx .btn.primary{position:relative!important;overflow:hidden!important;color:var(--lx-gold-ink)!important;font-weight:600!important;background:var(--lx-gold-fill)!important;border:1px solid rgba(255,238,196,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 24px -12px rgba(216,183,106,.7)!important} .lx .btn.primary:hover{background:var(--lx-gold-fill)!important;filter:brightness(1.06) saturate(1.05)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 16px 34px -14px rgba(216,183,106,.85)!important;transform:translateY(-1px)!important} .lx .btn.primary:active{transform:translateY(0) scale(.985)!important} .lx .btn.primary::after{content:""!important;position:absolute!important;top:0!important;left:0!important;width:40%!important;height:100%!important;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent)!important;transform:translateX(-140%) skewX(-20deg)!important;animation:none!important;pointer-events:none!important} .lx .btn.primary:hover::after{animation:lxSheen .9s var(--lx-ease) 1!important} .lx .btn.primary:disabled,.lx .btn.primary[disabled]{filter:grayscale(.5) brightness(.7)!important;transform:none!important;box-shadow:none!important;cursor:not-allowed!important} .lx .btn.big{min-height:48px!important;border-radius:12px!important;font-size:15px!important;letter-spacing:.08em!important} .lx .btn.small{font-size:12.5px!important;padding:6px 12px!important} .lx .btn.ghost{background:transparent!important} .lx .btn.danger{color:#F09C92!important;background:rgba(229,124,112,.06)!important;border-color:rgba(229,124,112,.28)!important} .lx .btn.danger:hover{background:rgba(229,124,112,.12)!important;border-color:rgba(229,124,112,.45)!important} /* 结果区 */ .lx .panel .result-box{background:rgba(255,255,255,.014)!important;border:1px solid var(--lx-line)!important;border-radius:var(--lx-r4)!important;box-shadow:none!important} .lx .panel .result-box .placeholder{background:transparent!important;border:1px dashed rgba(255,255,255,.09)!important;border-radius:var(--lx-r3)!important;color:var(--lx-t3)!important;font-size:13.5px!important} .lx .panel .dropzone{border-radius:var(--lx-r3)!important;transition:border-color var(--lx-mid),background-color var(--lx-mid)!important} /* 批量区 */ .lx .panel .batch-zone{background:rgba(255,255,255,.015)!important;border:1px solid var(--lx-line)!important;border-radius:var(--lx-r3)!important} .lx .panel .batch-toggle-label{font-size:14px!important;font-weight:500!important;color:var(--lx-t1)!important} .lx .panel .batch-config{background:rgba(255,255,255,.022)!important;border:1px solid var(--lx-line)!important;border-radius:var(--lx-r2)!important;color:var(--lx-t2)!important} .lx .panel .batch-config .hint{color:var(--lx-t3)!important} .lx .panel .fu-list-heading{font-weight:600!important;color:var(--lx-t1)!important} .lx .panel .fu-task-count{color:var(--lx-t3)!important} .lx .panel .fu-density{background:transparent!important;border:1px solid var(--lx-line-2)!important;border-radius:var(--lx-r2)!important;color:var(--lx-t2)!important;transition:all var(--lx-mid)!important} .lx .panel .fu-density:hover{color:var(--lx-t1)!important;border-color:var(--lx-line-3)!important;background:rgba(255,255,255,.04)!important} .lx .panel .batch-slot{background:rgba(255,255,255,.022)!important;border:1px solid var(--lx-line)!important;border-radius:var(--lx-r3)!important;box-shadow:none!important;transition:border-color var(--lx-mid)!important} .lx .panel .batch-slot:hover{border-color:var(--lx-line-2)!important} .lx .panel .batch-slot .field-label{font-size:12px!important;color:var(--lx-t2)!important} .lx .panel .batch-slot :is(textarea,select,input){background-color:rgba(0,0,0,.18)!important} .lx .panel .slot-status.idle{background:rgba(255,255,255,.03)!important;border:1px solid var(--lx-line-2)!important;color:var(--lx-t2)!important;font-weight:500!important} /* 教程折叠 */ .lx .panel details.tutorial{background:rgba(255,255,255,.018)!important;border:1px solid var(--lx-line)!important;border-radius:var(--lx-r3)!important;transition:border-color var(--lx-mid)!important} .lx .panel details.tutorial:hover{border-color:var(--lx-line-2)!important} .lx .panel details.tutorial > summary{font-size:13px!important;font-weight:500!important;color:var(--lx-gold-hi)!important;cursor:pointer} .lx .panel details.tutorial > summary svg{color:var(--lx-gold)!important} .lx .panel details[open] > :not(summary){animation:lxFade .35s var(--lx-ease)} .lx .panel details.tutorial ol{color:var(--lx-t2)!important} /* ── 分类目录页 ── */ .lx .ms-breadcrumb{font-size:12px!important;font-weight:400!important;color:var(--lx-t3)!important;margin:0 0 14px!important;gap:8px!important} .lx .ms-breadcrumb button{color:var(--lx-t3)!important;font-weight:400!important;transition:color var(--lx-fast)!important} .lx .ms-breadcrumb button:hover{color:var(--lx-gold-hi)!important} .lx .ms-breadcrumb i{color:var(--lx-t3)!important} .lx .ms-breadcrumb b{color:var(--lx-t2)!important;font-weight:500!important} .lx .directory-module-head{align-items:flex-end!important;margin:0 0 22px!important;padding:0 0 22px!important;border-bottom:1px solid var(--lx-line)!important} .lx #moduleTitle{font-size:32px!important;font-weight:600!important;letter-spacing:.04em!important;line-height:1.25!important;padding:0!important;margin:0 0 10px!important;background:var(--lx-gold-text)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important} .lx #moduleTitle::before{display:none!important} .lx #moduleDesc{font-size:13.5px!important;line-height:1.7!important;color:var(--lx-t2)!important} .lx .directory-module-head > span{font-size:12px!important;color:var(--lx-t2)!important;background:rgba(255,255,255,.025)!important;border:1px solid var(--lx-line-2)!important;border-radius:999px!important;padding:5px 12px!important;font-variant-numeric:tabular-nums} .lx .directory-tool-section{margin:0 0 34px!important} .lx .directory-tool-section > h3{font-size:13px!important;font-weight:500!important;letter-spacing:.1em!important;color:var(--lx-t2)!important;margin:0 0 14px!important} .lx .directory-tool-section > h3::after{background:linear-gradient(90deg,var(--lx-line-2),transparent)!important} .lx .directory-tools-grid{gap:14px!important} .lx :is(.directory-tool,.hv-cat.directory-category){position:relative!important;overflow:hidden!important;isolation:isolate;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,0) 70%),var(--lx-s1)!important;border:1px solid var(--lx-line)!important;border-radius:var(--lx-r3)!important;box-shadow:var(--lx-hl)!important;transition:transform var(--lx-mid) var(--lx-ease),border-color var(--lx-mid) var(--lx-ease),box-shadow var(--lx-mid) var(--lx-ease)!important} .lx :is(.directory-tool,.hv-cat.directory-category):hover{transform:translateY(-3px)!important;border-color:var(--lx-gold-a24)!important;box-shadow:var(--lx-hl),var(--lx-sh-lift)!important} .lx :is(.directory-tool,.hv-cat.directory-category):active{transform:translateY(-1px) scale(.992)!important;transition-duration:.12s!important} .lx :is(.directory-tool,.hv-cat.directory-category)::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;border-radius:inherit!important;background:radial-gradient(300px circle at var(--lx-x,50%) var(--lx-y,-30%),rgba(216,183,106,.11),transparent 62%)!important;opacity:0!important;transition:opacity .4s var(--lx-ease)!important;pointer-events:none!important} .lx :is(.directory-tool,.hv-cat.directory-category):hover::after{opacity:1!important} .lx .directory-tool{padding:20px 20px 18px!important} .lx .directory-tool .mc-ico{width:34px!important;height:34px!important;border-radius:var(--lx-r2)!important;background:var(--lx-gold-a05)!important;border:1px solid var(--lx-gold-a16)!important;color:var(--lx-gold)!important;transition:background-color var(--lx-mid),border-color var(--lx-mid),color var(--lx-mid)!important} .lx .directory-tool:hover .mc-ico{background:var(--lx-gold-a10)!important;border-color:var(--lx-gold-a36)!important;color:var(--lx-gold-hi)!important} .lx .directory-tool-heading strong{font-size:15.5px!important;font-weight:600!important;letter-spacing:.03em!important;color:var(--lx-t1)!important} .lx .directory-tool-heading small{font-size:10.5px!important;line-height:17px!important;color:var(--lx-gold-hi)!important;background:var(--lx-gold-a10)!important;border:1px solid var(--lx-gold-a16)!important;border-radius:999px!important;padding:0 7px!important;margin-top:4px!important;width:fit-content!important} .lx .directory-tool-arrow{color:var(--lx-t3)!important;transition:transform var(--lx-mid) var(--lx-ease),color var(--lx-mid)!important} .lx .directory-tool:hover .directory-tool-arrow{color:var(--lx-gold)!important;transform:translate(2px,-2px)!important} .lx .directory-tool-desc{font-size:12.5px!important;line-height:1.75!important;color:var(--lx-t2)!important;margin:12px 0 16px!important} .lx .directory-tool-advice{font-size:12px!important;font-weight:500!important;color:var(--lx-gold-hi)!important} .lx .directory-tool-limit{font-size:11.5px!important;color:var(--lx-t3)!important} .lx :is(.directory-runtime-note,.directory-default-line){font-size:12px!important;color:var(--lx-t3)!important;border-color:var(--lx-line)!important} /* ── 首页 ── */ .lx .home-hero-v6{border:1px solid rgba(232,206,151,.13)!important;border-radius:22px!important;box-shadow:var(--lx-hl),0 30px 60px -40px rgba(0,0,0,.9)!important} .lx .home-hero-eyebrow{font-size:10.5px!important;letter-spacing:.38em!important;color:var(--lx-gold-lo)!important;font-weight:500!important} .lx .home-hero-title{font-weight:700!important;letter-spacing:.01em!important} .lx .home-hero-description{color:var(--lx-t2)!important} .lx .home-hero-button{transition:transform var(--lx-mid) var(--lx-ease),box-shadow var(--lx-mid) var(--lx-ease),background-color var(--lx-mid),border-color var(--lx-mid),filter var(--lx-mid)!important} .lx .home-hero-primary:hover{transform:translateY(-2px)!important;filter:brightness(1.05)!important;box-shadow:0 18px 36px -16px rgba(216,183,106,.75),inset 0 1px 0 rgba(255,255,255,.5)!important} .lx .home-hero-secondary:hover{transform:translateY(-2px)!important;border-color:var(--lx-gold-a36)!important;background:rgba(255,255,255,.05)!important} .lx .home-hero-button:active{transform:translateY(0) scale(.985)!important} .lx .home-hero-button-arrow{transition:transform var(--lx-mid) var(--lx-ease)!important} .lx .home-hero-button:hover .home-hero-button-arrow{transform:translateX(3px)!important} .lx .home-hero-motion-control{background:transparent!important;border:0!important;padding:4px 0!important;color:var(--lx-t3)!important;font-size:11.5px!important;letter-spacing:.06em!important;transition:color var(--lx-mid)!important} .lx .home-hero-motion-control:hover{color:var(--lx-gold-hi)!important} .lx .home-hero-motion-control::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;vertical-align:1px;background:var(--lx-gold);box-shadow:0 0 0 3px var(--lx-gold-a10)} .lx .home-hero-v6[data-motion-state=paused] .home-hero-motion-control::before{background:var(--lx-t4);box-shadow:none} .lx .hv-sec-head{align-items:flex-end!important} .lx .directory-kicker{font-size:11px!important;font-weight:500!important;letter-spacing:.2em!important;color:var(--lx-gold-lo)!important} .lx .hv-sec-head h3{font-size:22px!important;font-weight:600!important;letter-spacing:.04em!important;color:var(--lx-t1)!important;margin:6px 0 4px!important} .lx .hv-sec-head p{font-size:12.5px!important;color:var(--lx-t3)!important} .lx .directory-build{font-size:11.5px!important;color:var(--lx-t3)!important;border:1px solid var(--lx-line-2)!important;border-radius:999px!important;padding:5px 12px!important;background:transparent!important} .lx .directory-cover-spotlight{position:relative!important;overflow:hidden!important;align-items:center!important;background:radial-gradient(600px 220px at 100% 0%,rgba(216,183,106,.12),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--lx-s1)!important;border:1px solid var(--lx-gold-a16)!important;border-radius:var(--lx-r4)!important;padding:26px 28px!important;box-shadow:var(--lx-hl)!important} .lx .directory-cover-spotlight strong{font-size:21px!important;font-weight:600!important;letter-spacing:.04em!important;color:var(--lx-t1)!important} .lx .directory-cover-spotlight p{font-size:12.5px!important;color:var(--lx-t2)!important} .lx .directory-cover-actions{flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;max-width:560px!important} .lx .directory-cover-actions .hv-chip{height:38px!important;padding:0 16px!important;border-radius:999px!important;font-size:12.5px!important;font-weight:500!important;color:var(--lx-t1)!important;background:rgba(255,255,255,.04)!important;border:1px solid var(--lx-line-2)!important;transition:transform var(--lx-mid) var(--lx-ease),background-color var(--lx-mid),border-color var(--lx-mid)!important} .lx .directory-cover-actions .hv-chip:hover{transform:translateY(-2px)!important;background:rgba(255,255,255,.07)!important;border-color:var(--lx-gold-a36)!important} .lx .directory-cover-actions .hv-chip:first-child{color:var(--lx-gold-ink)!important;font-weight:600!important;background:var(--lx-gold-fill)!important;border-color:rgba(255,238,196,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 22px -12px rgba(216,183,106,.7)!important} .lx .hv-cats{gap:14px!important} .lx .hv-cat.directory-category{padding:18px!important} .lx .hv-cat.directory-category strong{font-size:17px!important;font-weight:600!important;letter-spacing:.04em!important;color:var(--lx-t1)!important} .lx .hv-cat.directory-category strong + span{font-size:12px!important;color:var(--lx-t3)!important} .lx .hv-cat.directory-category > div{color:var(--lx-gold-lo)!important;transition:color var(--lx-mid)!important} .lx .hv-cat.directory-category:hover > div{color:var(--lx-gold-hi)!important} .lx .home-launcher{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--lx-s1)!important;border:1px solid var(--lx-line)!important;border-radius:var(--lx-r4)!important;box-shadow:var(--lx-hl)!important;padding:22px 24px 18px!important} .lx .home-launcher-head b{font-size:15px!important;font-weight:600!important;color:var(--lx-t1)!important;letter-spacing:.04em!important} .lx .home-launcher-head small{font-size:12px!important;color:var(--lx-t3)!important} .lx .home-launcher .hl-kicker{font-size:10.5px!important;font-weight:500!important;letter-spacing:.24em!important;color:var(--lx-gold-lo)!important} .lx .hv-inputbar.link-analyzer{background:rgba(255,255,255,.03)!important;border:1px solid var(--lx-line-2)!important;border-radius:var(--lx-r3)!important;box-shadow:none!important;transition:border-color var(--lx-mid),box-shadow var(--lx-mid) var(--lx-ease),background-color var(--lx-mid)!important} .lx .hv-inputbar.link-analyzer:focus-within{border-color:var(--lx-gold-a36)!important;box-shadow:var(--lx-ring)!important;background:rgba(255,255,255,.04)!important} .lx .hv-inputbar .hv-go{border-radius:var(--lx-r2)!important;font-weight:600!important;background:var(--lx-gold-fill)!important;color:var(--lx-gold-ink)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 24px -12px rgba(216,183,106,.7)!important;transition:transform var(--lx-fast) var(--lx-ease),filter var(--lx-mid)!important} .lx .hv-inputbar .hv-go:hover{filter:brightness(1.06)!important} .lx .hv-inputbar .hv-go:active{transform:scale(.97)!important} .lx .home-launcher .hv-chip-label{font-size:11px!important;font-weight:500!important;color:var(--lx-t3)!important;letter-spacing:.1em!important} .lx .home-launcher .hv-chips .hv-chip{height:30px!important;padding:0 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:400!important;color:var(--lx-t2)!important;background:rgba(255,255,255,.025)!important;border:1px solid var(--lx-line-2)!important;transition:color var(--lx-mid),border-color var(--lx-mid),background-color var(--lx-mid)!important} .lx .home-launcher .hv-chips .hv-chip:hover{color:var(--lx-gold-hi)!important;border-color:var(--lx-gold-a24)!important;background:var(--lx-gold-a05)!important} /* ── 右下角工具坞：滚动时收起为图标，悬停展开 ── */ .lx #studioUtilityDock{padding:4px!important;gap:2px!important;border-radius:var(--lx-r3)!important;background:rgba(18,18,20,.82)!important;-webkit-backdrop-filter:blur(20px) saturate(1.3)!important;backdrop-filter:blur(20px) saturate(1.3)!important;border:1px solid var(--lx-line-2)!important;box-shadow:var(--lx-sh-pop)!important} .lx #studioUtilityDock :is(.cc-fab,.help-fab){height:40px!important;padding:4px 10px 4px 5px!important;border-radius:var(--lx-r2)!important;transition:background-color var(--lx-mid)!important} .lx #studioUtilityDock :is(.cc-fab,.help-fab):hover{background:rgba(255,255,255,.05)!important} .lx #studioUtilityDock .studio-dock-icon{width:30px!important;height:30px!important;border-radius:9px!important} .lx #studioUtilityDock .studio-dock-copy{max-width:96px;overflow:hidden;white-space:nowrap;transition:max-width .42s var(--lx-ease),opacity .3s var(--lx-ease)} .lx #studioUtilityDock .studio-dock-copy strong{font-size:12.5px!important;font-weight:500!important;color:var(--lx-t1)!important} .lx #studioUtilityDock .studio-dock-copy small{font-size:10.5px!important;color:var(--lx-t3)!important} .lx #studioUtilityDock .studio-dock-arrow{transition:max-width .42s var(--lx-ease),opacity .3s,margin .42s var(--lx-ease)!important;max-width:14px} .lx #studioUtilityDock .studio-dock-divider{background:var(--lx-line-2)!important} .lx #studioUtilityDock.lx-compact:not(:hover) .studio-dock-copy{max-width:0;opacity:0} .lx #studioUtilityDock.lx-compact:not(:hover) .studio-dock-arrow{max-width:0;opacity:0;margin:0!important} .lx #studioUtilityDock.lx-compact:not(:hover) :is(.cc-fab,.help-fab){gap:0!important;padding:4px 5px!important} /* ── 案例展示：藏青底统一为中性面板 ── */ .lx .panel :is(.wash-case,.fu-case-section,.fu-demo){background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0) 200px),var(--lx-s1)!important;border:1px solid var(--lx-line)!important;border-radius:var(--lx-r4)!important;box-shadow:var(--lx-hl)!important} .lx .panel .wash-case-title{color:var(--lx-t1)!important;font-weight:600!important;letter-spacing:.03em!important} .lx .panel .wc-item{background:rgba(255,255,255,.022)!important;border:1px solid var(--lx-line)!important;border-radius:var(--lx-r3)!important;transition:border-color var(--lx-mid) var(--lx-ease)!important} .lx .panel .wc-item:hover{border-color:var(--lx-gold-a24)!important} .lx .panel .wc-item :is(img,video){background:#0B0B0C!important} .lx .panel :is(.wash-case,.fu-case-section) :is(em,p,b,pre){color:var(--lx-t2)!important} .lx .panel .fu-case-zoom{background:rgba(12,12,13,.72)!important;border:1px solid var(--lx-line-3)!important;color:var(--lx-t1)!important;border-radius:999px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--lx-mid),color var(--lx-mid)!important} .lx .panel .fu-case-zoom:hover{border-color:var(--lx-gold-a36)!important;color:var(--lx-gold-hi)!important} .lx .panel .field-label,.lx #cloudConn{border-top-color:var(--lx-line)!important} .lx input:is([type=checkbox],[type=radio]){accent-color:var(--lx-gold)!important} /* ── 批量与封面行：橄榄绿底统一为中性面板 ── */ .lx .panel :is(.batch-params,.qh-batch-guide,.cover-batch,.platform-cover-output,.sdb-modes){background:rgba(255,255,255,.02)!important;border-color:var(--lx-line)!important} .lx .panel .cover-batch-row{background:rgba(255,255,255,.022)!important;border-color:var(--lx-line)!important;border-radius:var(--lx-r3)!important} .lx .panel :is(.batch-slot-index,.cover-row-number){background:var(--lx-gold-a10)!important;border-color:var(--lx-gold-a24)!important;color:var(--lx-gold-hi)!important} .lx .panel :is(.slot-file-pick,.cover-row-upload){background:rgba(255,255,255,.02)!important;border-color:var(--lx-line-2)!important;color:var(--lx-t2)!important;transition:border-color var(--lx-mid),background-color var(--lx-mid),color var(--lx-mid)!important} .lx .panel :is(.slot-file-pick,.cover-row-upload):hover{border-color:var(--lx-gold-a36)!important;background:var(--lx-gold-a05)!important;color:var(--lx-gold-hi)!important} .lx .panel .sdb-mode.is-active{background:var(--lx-gold-a10)!important;color:var(--lx-gold-hi)!important} .lx #panel-reference-human :is(.rf-box,.rf-view,.rf-image-entry,.rf-input,.rf-button){border-color:var(--lx-line-2)!important} .lx #panel-reference-human .rf-button:not(.rf-primary){background:rgba(255,255,255,.04)!important} .lx .panel :is(.fu-edit-batch-section,.vt-toolbar){background:rgba(255,255,255,.018)!important;border-color:var(--lx-line)!important} .lx .panel .slot-check-wrap{background:rgba(255,255,255,.025)!important;border-color:var(--lx-line-2)!important} .lx .panel .slot-check-box{background:var(--lx-gold-a10)!important;border-color:var(--lx-gold-a24)!important} .lx .panel a:not([class]){color:var(--lx-gold-hi)!important} /* ── 原生工作台组件（studio-*）：褐色渐变统一为中性面板 ── */ .lx :is(.studio-flow-step,.studio-stat,.studio-task-card,.studio-template,.studio-preflight,.studio-history,.studio-speech-settings){background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008))!important;border:1px solid var(--lx-line)!important;border-radius:var(--lx-r3)!important;box-shadow:var(--lx-hl)!important} .lx :is(.studio-flow-step,.studio-stat,.studio-task-card){transition:border-color var(--lx-mid) var(--lx-ease),transform var(--lx-mid) var(--lx-ease)!important} .lx :is(.studio-flow-step,.studio-stat):hover{border-color:var(--lx-gold-a24)!important;transform:translateY(-2px)!important} .lx .studio-task-card:hover{border-color:var(--lx-line-2)!important} .lx .studio-flow-step b{color:var(--lx-gold)!important;font-weight:600!important;font-family:"Segoe UI Variable Display","Segoe UI",var(--lx-font)!important} .lx .studio-flow-step span{color:var(--lx-t1)!important;font-weight:500!important} .lx .studio-stat strong{color:var(--lx-t1)!important;font-weight:600!important;font-family:"Segoe UI Variable Display","Segoe UI",var(--lx-font)!important} .lx .studio-stat span{color:var(--lx-t3)!important} .lx .studio-stats>.studio-stat{position:relative!important;overflow:hidden!important;--lx-tone:216,183,106} .lx .studio-stats>.studio-stat:nth-child(2){--lx-tone:127,199,155} .lx .studio-stats>.studio-stat:nth-child(3){--lx-tone:229,124,112} .lx .studio-stats>.studio-stat:nth-child(4){--lx-tone:201,196,185} .lx .studio-stats>.studio-stat::before{content:''!important;display:block!important;position:absolute!important;inset:0!important;background:radial-gradient(240px 130px at 0 0,rgba(var(--lx-tone),.1),transparent 70%)!important;pointer-events:none!important;opacity:.8;transition:opacity var(--lx-mid)} .lx .studio-stats>.studio-stat:hover::before{opacity:1} .lx .studio-stats>.studio-stat strong{font-size:28px!important;font-weight:300!important;font-variant-numeric:tabular-nums!important;letter-spacing:.01em!important} .lx .studio-stats>.studio-stat span::before{content:'';display:inline-block;width:6px;height:6px;margin:0 8px 2px 0;border-radius:50%;vertical-align:middle;background:rgb(var(--lx-tone));box-shadow:0 0 8px rgba(var(--lx-tone),.55)} .lx :is(.studio-template,.studio-preflight) h3{color:var(--lx-t1)!important;font-weight:600!important} .lx .studio-task-card strong{color:var(--lx-t1)!important;font-weight:600!important} .lx :is(.studio-tag,.studio-status){border-color:var(--lx-gold-a24)!important;color:var(--lx-gold-hi)!important;background:var(--lx-gold-a05)!important} .lx .studio-status.state-success{color:#A9D3B4!important;border-color:rgba(127,199,155,.3)!important;background:rgba(127,199,155,.07)!important} .lx .studio-status.state-failed{color:#F0A99D!important;border-color:rgba(229,124,112,.32)!important;background:rgba(229,124,112,.07)!important} .lx .studio-note{color:var(--lx-t2)!important} .lx .studio-history > summary{color:var(--lx-gold-hi)!important} .lx .studio-local-card{border-left-color:var(--lx-gold)!important;background:linear-gradient(90deg,var(--lx-gold-a05),transparent)!important} .lx .studio-chip{background:rgba(255,255,255,.03)!important;border-color:var(--lx-line-2)!important;color:var(--lx-t2)!important;border-radius:999px!important;transition:border-color var(--lx-mid),color var(--lx-mid),background-color var(--lx-mid)!important} .lx .studio-chip:hover{border-color:var(--lx-gold-a36)!important;color:var(--lx-gold-hi)!important;background:var(--lx-gold-a05)!important} .lx .studio-text-btn{color:var(--lx-gold-hi)!important} .lx .studio-pref{border-top-color:var(--lx-line)!important} .lx .studio-pref strong{color:var(--lx-t1)!important;font-weight:500!important} .lx .studio-pref small{color:var(--lx-t3)!important} .lx .studio-dialog{background:rgba(18,18,20,.96)!important;border:1px solid var(--lx-line-2)!important;border-radius:var(--lx-r4)!important;box-shadow:var(--lx-sh-pop)!important;color:var(--lx-t1)!important} .lx .studio-dialog[open]{animation:lxPop .3s var(--lx-ease)} .lx .studio-dialog::backdrop{background:rgba(0,0,0,.6)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important} .lx .studio-dialog input[type=search]{background:rgba(255,255,255,.03)!important;border:1px solid var(--lx-line-2)!important;border-radius:var(--lx-r2)!important;color:var(--lx-t1)!important} .lx .studio-dialog input[type=search]:focus{border-color:var(--lx-gold-a36)!important;box-shadow:var(--lx-ring)!important} .lx .studio-search-result{border-color:var(--lx-line)!important} .lx .studio-search-result:hover{background:rgba(255,255,255,.04)!important} .lx .studio-search-jump{color:var(--lx-t1)!important} .lx .studio-search-jump small{color:var(--lx-t3)!important} .lx .studio-notice{background:rgba(22,22,24,.94)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid var(--lx-line-2)!important;border-radius:var(--lx-r3)!important;box-shadow:var(--lx-sh-pop)!important;color:var(--lx-t1)!important;animation:lxPop .3s var(--lx-ease)} .lx .studio-notice.is-error{border-color:rgba(229,124,112,.4)!important} .lx #panel-quick-human :is(.qh-box,.studio-advanced){background:rgba(255,255,255,.015)!important;border-color:var(--lx-line)!important} .lx #panel-quick-human :is(#qhBatch,.qh-batch-guide,.qh-batch-draft,.qh-batch-row){background:rgba(255,255,255,.02)!important;border-color:var(--lx-line)!important} .lx #panel-quick-human .qh-batch-draft textarea{background-color:rgba(0,0,0,.2)!important;border-color:var(--lx-line-2)!important;color:var(--lx-t1)!important} .lx #panel-ai-chat :is(.zl-action,.zl-empty){color:var(--lx-t2)!important} .lx #panel-onepiece summary{color:var(--lx-gold-hi)!important} /* ── 细节修正 ── */ .lx .panel .dz-icon{animation:none!important;transition:transform var(--lx-mid) var(--lx-ease)!important} .lx .panel .dropzone:hover .dz-icon{transform:translateY(-2px)!important} .lx .panel .time-hint.slow{animation:none!important} .lx .panel .dz-hint{color:var(--lx-t3)!important} .lx :not(.result-box) > .placeholder::before{display:none!important} .lx .panel .placeholder{color:var(--lx-t3)!important} .lx .hv-cat.directory-category .directory-category-top small{color:var(--lx-t3)!important} .lx :is(.lib-tab,.footage-group-chip){background:rgba(255,255,255,.03)!important;border:1px solid var(--lx-line-2)!important;color:var(--lx-t2)!important;box-shadow:none!important;transition:color var(--lx-mid),border-color var(--lx-mid),background-color var(--lx-mid)!important} .lx :is(.lib-tab,.footage-group-chip):hover{color:var(--lx-t1)!important;border-color:var(--lx-line-3)!important} .lx :is(.lib-tab,.footage-group-chip).active,.lx .footage-group-chip.active .fg-name{color:var(--lx-gold-ink)!important} .lx :is(.lib-tab,.footage-group-chip).active{background:var(--lx-gold-fill)!important;border-color:rgba(255,238,196,.5)!important;font-weight:600!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important} .lx .footage-group-chip.active .fg-count{background:rgba(29,23,8,.14)!important;color:var(--lx-gold-ink)!important} .lx .billing-mode-choice{display:flex!important;align-items:center!important;gap:12px!important;margin-top:10px!important;white-space:nowrap!important;color:var(--lx-t2)!important;font-size:12.5px!important} .lx .billing-mode-choice select{flex:0 1 280px!important;width:auto!important;min-width:0!important;margin:0!important} .lx input[type=range]{accent-color:var(--lx-gold)!important} .lx .field-grow:has(> #editAspect){flex-basis:160px!important} .lx .field-grow:has(> #editResolution){flex-basis:190px!important} .lx .field-grow:has(> #editFormat){flex-basis:110px!important} .lx .field-grow:has(> :is(select[id$="Instance"],#vrMode)){flex-basis:240px!important} /* 下拉框：历史皮肤去掉了原生箭头却没有补上，导致与输入框无法区分 */ .lx select:not([multiple]){-webkit-appearance:none!important;appearance:none!important;padding-right:32px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' stroke='%238A867E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px 12px!important;cursor:pointer} .lx select:not([multiple]):is(:hover,:focus){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' stroke='%23D8B76A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important} /* 偏好与批量模式：复选框改为开关 */ .lx :is(.studio-pref,.batch-toggle-label) > input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;position:relative!important;flex:0 0 38px!important;align-self:center!important;width:38px!important;height:22px!important;margin:0!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid var(--lx-line-3)!important;cursor:pointer!important;transition:background-color var(--lx-mid) var(--lx-ease),border-color var(--lx-mid)!important} .lx :is(.studio-pref,.batch-toggle-label) > input[type=checkbox]::before{content:""!important;position:absolute!important;top:2px!important;left:2px!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#CFCAC0!important;box-shadow:0 1px 3px rgba(0,0,0,.45)!important;transition:transform var(--lx-mid) var(--lx-ease),background-color var(--lx-mid)!important} .lx :is(.studio-pref,.batch-toggle-label) > input[type=checkbox]:checked{background:var(--lx-gold-fill)!important;border-color:rgba(255,238,196,.55)!important} .lx :is(.studio-pref,.batch-toggle-label) > input[type=checkbox]:checked::before{transform:translateX(16px)!important;background:#FFFCF4!important} /* 远程公告（信息类） */ .lx .remote-banner.remote-notice-v2.info{background:rgba(22,22,24,.94)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid var(--lx-gold-a24)!important;color:var(--lx-t1)!important;box-shadow:var(--lx-sh-pop)!important} .lx .remote-banner.remote-notice-v2 .remote-banner-close{background:rgba(255,255,255,.05)!important;border:1px solid var(--lx-line-2)!important;color:var(--lx-t2)!important} .lx .remote-banner.remote-notice-v2 .remote-banner-close:hover{color:var(--lx-t1)!important;border-color:var(--lx-line-3)!important} /* AI 剪辑 Agent：冷灰统一为暖中性 */ .lx #panel-ai-chat{--zl-muted:#958F84!important;--zl-line:rgba(255,255,255,.07)!important} .lx #panel-ai-chat .ai-chat{background:var(--lx-s1)!important} .lx #panel-ai-chat .ai-chat-head{background:#161618!important} .lx #panel-ai-chat .ai-workspace-state{background:#141416!important} .lx #panel-ai-chat .zl-task-rail{background:#0F0F11!important} .lx #panel-ai-chat .zl-workbench-detail{background:var(--lx-s1)!important} .lx #panel-ai-chat .zl-preview{background:#0E0E10!important} .lx #panel-ai-chat :is(.zl-task.active,.zl-task-row.active){background:rgba(216,183,106,.08)!important} .lx #panel-ai-chat .zl-task-row.active .zl-task{background:transparent!important} .lx #panel-ai-chat .ai-msg-user > .ai-bubble{background:#222124!important} .lx #panel-ai-chat .zl-job{background:#1C1C1F!important} .lx #panel-ai-chat :is(.zl-task-foot,.zl-preview > p,#aiChatInputHint,.zl-result-name,.zl-agent-engine){color:var(--lx-t3)!important;font-size:11px!important} .lx #panel-ai-chat :is(.zl-detail-tab:not(.active):not(:hover),.zl-plan-step,.zl-action:not(:hover),.zl-job:not(:hover),.zl-preview-empty){color:var(--lx-t2)!important} .lx #panel-ai-chat .zl-pane-heading{color:var(--lx-label)!important} .lx #panel-ai-chat :is(.zl-task,.zl-task-row) small{color:var(--lx-t2)!important;font-size:10.5px!important} /* ── 浮层与通知 ── */ .lx .toast{background:rgba(22,22,24,.92)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid var(--lx-line-2)!important;border-radius:12px!important;box-shadow:var(--lx-sh-pop)!important;color:var(--lx-t1)!important;font-size:13px!important} .lx .toast:not(.hidden){animation:lxPop .3s var(--lx-ease)} .lx .help-panel{background:rgba(18,18,20,.94)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;border:1px solid var(--lx-line-2)!important;border-radius:var(--lx-r4)!important;box-shadow:var(--lx-sh-pop)!important} .lx .help-panel:not(.hidden){animation:lxPop .32s var(--lx-ease);transform-origin:bottom right} } /* ── 启动开场：金色 L 描线成形 → 品牌名升起 → 标志飞入左上角，工作台随之入场（startup-opening.js 驱动） ── */ @layer lx{ #splash.lx-opening{position:fixed!important;inset:0!important;z-index:2147483000!important;display:block!important;margin:0!important;padding:0!important;background:transparent!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;animation:none!important;transition:none!important;pointer-events:auto!important;isolation:isolate;touch-action:manipulation;font-family:var(--lx-font)} #splash.lx-opening.lx-op-wait{background:#09090A!important} .lx-op-veil{position:absolute;inset:0;background:radial-gradient(860px 540px at 50% 40%,rgba(186,154,234,.075),transparent 66%),radial-gradient(ellipse 120% 90% at 50% 50%,transparent 56%,rgba(0,0,0,.6)),#09090A} .lx-op-veil::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .85 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")} .lx-op-stage{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:2} .lx-op-brand{position:absolute;left:0;right:0;top:62%;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;color:#F5EFE2} .lx-op-brand>:not(.lx-op-name),.lx-op-name>span{opacity:0;will-change:transform,opacity} /* Layout properties are !important: generic legacy rules for strong/i/span would otherwise collapse the lockup's spacing. letter-spacing, transform, opacity and filter stay overridable because startup-opening.js animates them inline. */ .lx-op-eyebrow{display:block!important;margin:0!important;font-size:10.5px!important;font-weight:500!important;line-height:1!important;letter-spacing:.5em;padding-left:.5em;color:#a691c3!important} .lx-op-name{display:block!important;margin:22px 0 0!important;font-size:clamp(32px,3.4vw,50px)!important;font-weight:300!important;line-height:1.2!important;letter-spacing:.4em;padding-left:.4em;white-space:nowrap!important;color:#F3E6C4!important} /* The gradient lives on each glyph: a parent background-clip:text cannot paint children that carry their own blur/opacity. */ .lx-op-name>span{display:inline-block;will-change:opacity,filter;background:linear-gradient(180deg,#FFF7E4 0%,#F0DCAC 46%,#CDAE6C 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .lx-op-line{display:block!important;width:210px!important;height:1px!important;margin:24px 0 16px!important;padding:0!important;background:linear-gradient(90deg,transparent,rgba(186,154,234,.85),transparent)!important;transform:scaleX(0);transform-origin:center!important} .lx-op-tag{display:block!important;margin:0!important;font-size:13px!important;line-height:1.6!important;letter-spacing:.48em;padding-left:.48em;color:#BDB295!important} .lx-op-ui{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0} .lx-op-skip{position:absolute;top:24px;right:28px;pointer-events:auto;display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 7px 0 16px;border-radius:999px;border:1px solid rgba(186,154,234,.24);background:rgba(16,15,13,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#E6D3A4;font:inherit;font-size:12.5px;font-weight:500;letter-spacing:.14em;cursor:pointer;transition:border-color .25s,background .25s,color .25s} .lx-op-skip:hover{border-color:rgba(186,154,234,.55);background:rgba(186,154,234,.08);color:#F6E3B2} .lx-op-skip:focus-visible{outline:2px solid rgba(186,154,234,.7);outline-offset:3px} .lx-op-skip kbd{font-family:var(--lx-mono);font-size:10.5px;line-height:1;padding:5px 7px;border-radius:999px;border:1px solid rgba(186,154,234,.2);color:#B5A27A;letter-spacing:.04em} .lx-op-foot{position:absolute;left:30px;right:30px;bottom:24px;display:flex;align-items:center;gap:16px;font-size:12px;line-height:1.6;letter-spacing:.08em;color:#958C78} .lx-op-choice{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;cursor:pointer;min-height:30px} .lx-op-choice input{width:14px;height:14px;margin:0;accent-color:#D8B76A} .lx-op-choice input:focus-visible{outline:2px solid rgba(186,154,234,.7);outline-offset:3px} .lx-op-msg{color:#CDB98F} .lx-op-msg:empty{display:none} .lx-op-note{margin-left:auto;color:#7E7664} .lx .topbar .brand .logo{transition:opacity .2s ease!important} .lx-op-on .topbar .brand .logo{opacity:0!important} } /* ═══════════ v2 · 高级化：克制用金、统一材质、熊猫主视觉、启动遮罩、滚动进场 ═══════════ */ @keyframes lxGoldFlow{0%,100%{background-position:100% 0}50%{background-position:0 0}} @keyframes lxBeam{from{transform:rotate(-2.5deg) translate3d(-2%,0,0)}to{transform:rotate(2.5deg) translate3d(2%,0,0)}} @keyframes lxBootIn{from{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:none}} @keyframes lxBootPulse{0%,100%{opacity:.55}50%{opacity:1}} @keyframes lxGlint{0%{background-position:-160px 0,0 0}55%,100%{background-position:calc(100% + 160px) 0,0 0}} @keyframes lxAmb1{to{transform:translate3d(-9vw,12vh,0) scale(1.12)}} @keyframes lxAmb2{to{transform:translate3d(10vw,-10vh,0) scale(1.08)}} @keyframes lxAmb3{to{transform:translate3d(-12vw,-8vh,0) scale(1.15)}} @layer lx{ :root.lx{ --lx-s1:#111113; --lx-card:linear-gradient(180deg,rgba(255,255,255,.034) 0%,rgba(255,255,255,.012) 42%,rgba(255,255,255,0) 100%),#111113; --lx-card-line:rgba(255,255,255,.07); --lx-card-hl:inset 0 1px 0 rgba(255,255,255,.045); --lx-card-lift:0 30px 60px -34px rgba(0,0,0,.95),0 0 0 1px rgba(216,183,106,.06); --lx-tile:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02)); } /* ── 启动遮罩：页面就绪前保持黑场，避免闪出未完成的界面 ── */ #splash:is(.lx-boot,.wb-intro){position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:20px!important;margin:0!important;padding:0!important;background:radial-gradient(640px 400px at 50% 46%,rgba(186,154,234,.05),transparent 70%),#09090A!important;opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important;pointer-events:auto!important} #splash:is(.lx-boot,.wb-intro)::before{content:""!important;display:block!important;width:34px!important;height:34px!important;background:url("/favicon.svg") center/contain no-repeat!important;opacity:0;animation:lxBootIn .5s .45s var(--lx-ease) forwards,lxBootPulse 1.8s 1s ease-in-out infinite!important} #splash:is(.lx-boot,.wb-intro) .wb-boot-note{opacity:0;font:400 11.5px/1 var(--lx-font)!important;letter-spacing:.42em!important;padding-left:.42em!important;color:#8E8778!important;animation:lxBootIn .5s .6s var(--lx-ease) forwards!important} .lx .lx-rv-wait{opacity:0!important} /* ── 首页主视觉：熊猫舞台 ── */ #panel-home .home-hero-v6{border:1px solid rgba(236,214,163,.12)!important;border-radius:26px!important;background:radial-gradient(38% 60% at 73% 42%,rgba(242,205,128,.17),rgba(242,205,128,.05) 55%,transparent 76%),radial-gradient(60% 34% at 72% 104%,rgba(220,185,108,.15),transparent 72%),radial-gradient(46% 70% at 0% 0%,rgba(255,246,226,.05),transparent 70%),linear-gradient(180deg,#151415 0%,#0D0C0D 62%,#0A0A0B 100%)!important;box-shadow:inset 0 1px 0 rgba(255,243,214,.07),0 44px 90px -54px rgba(0,0,0,.95)!important} #panel-home .home-hero-v6::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;border-radius:inherit!important;opacity:.65!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .85 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")!important} #panel-home .home-hero-v6::after{content:""!important;display:block!important;position:absolute!important;z-index:0!important;pointer-events:none!important;top:-45%!important;left:34%!important;width:72%!important;height:150%!important;background:linear-gradient(106deg,transparent 40%,rgba(255,228,168,.06) 46%,transparent 52%),linear-gradient(100deg,transparent 57%,rgba(255,228,168,.04) 61%,transparent 66%)!important;filter:blur(5px)!important;transform-origin:60% 0!important;animation:lxBeam 16s ease-in-out infinite alternate!important} #panel-home .home-hero-v6[data-motion-state=paused]::after,#panel-home .home-hero-v6[data-motion-state=paused] .home-hero-title>span{animation-play-state:paused!important} #panel-home .home-hero-stage{position:relative!important;z-index:1!important;min-height:476px!important;padding:44px 52px 120px!important} #panel-home .home-hero-copy{width:50%!important;max-width:560px!important;z-index:3!important} #panel-home .home-hero-eyebrow{display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 22px!important;font-size:11px!important;line-height:1!important;letter-spacing:.44em!important;color:#C8A962!important;font-weight:500!important} #panel-home .home-hero-eyebrow::before{content:""!important;flex:0 0 30px!important;height:1px!important;background:linear-gradient(90deg,rgba(216,183,106,0),rgba(216,183,106,.9))!important} #panel-home .home-hero-title{font:500 52px/1.18 var(--lx-font)!important;letter-spacing:.03em!important;color:#F8F4EC!important;-webkit-text-fill-color:#F8F4EC!important;text-shadow:0 2px 30px rgba(0,0,0,.35)!important} #panel-home .home-hero-title>span{display:block!important;margin-top:6px!important;white-space:nowrap!important;background:linear-gradient(100deg,#D6B263 0%,#F0D89E 28%,#FFF6DC 46%,#F0D89E 64%,#D0AC60 100%)!important;background-size:250% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;text-shadow:none!important;animation:lxGoldFlow 10s ease-in-out infinite!important} #panel-home .home-hero-description{max-width:470px!important;margin:20px 0 0!important;font-size:15px!important;line-height:1.85!important;color:#B6B0A3!important;letter-spacing:.02em!important} #panel-home .home-hero-actions{margin-top:32px!important;gap:12px!important} #panel-home .home-hero-button{height:50px!important;min-height:50px!important;border-radius:999px!important;gap:10px!important;padding:0 22px 0 20px!important;font-size:15px!important;letter-spacing:.06em!important;overflow:hidden!important} #panel-home .home-hero-primary{min-width:0!important;color:#1B1407!important;font-weight:600!important;background:linear-gradient(180deg,#F6E3AE 0%,#E2C077 55%,#C9A253 100%)!important;border:1px solid rgba(255,240,200,.6)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(216,183,106,.12),0 16px 36px -14px rgba(226,190,110,.7)!important} #panel-home .home-hero-primary::after{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(100deg,transparent 28%,rgba(255,255,255,.6) 50%,transparent 72%)!important;transform:translateX(-130%)!important;transition:none!important} #panel-home .home-hero-primary:hover::after{transform:translateX(130%)!important;transition:transform .9s var(--lx-ease)!important} #panel-home .home-hero-primary:hover{transform:translateY(-2px)!important;filter:brightness(1.04)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 1px rgba(216,183,106,.18),0 22px 44px -16px rgba(226,190,110,.85)!important} #panel-home .home-hero-secondary{min-width:0!important;color:#EFEAE0!important;font-weight:500!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.13)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important} #panel-home .home-hero-secondary:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(216,183,106,.4)!important} #panel-home .home-hero-secondary .home-hero-button-label small{display:none!important} #panel-home .home-hero-secondary .home-hero-button-label b{font-size:15px!important;font-weight:500!important} #panel-home .home-hero-button-icon{width:18px!important;height:18px!important;flex:0 0 18px!important} #panel-home .home-hero-secondary .home-hero-button-icon{color:var(--lx-gold-hi)!important} #panel-home .home-hero-button-arrow{width:14px!important;height:14px!important;flex:0 0 14px!important;margin-left:4px!important;opacity:.75} #panel-home .lx-hero-quick{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin-top:28px!important;pointer-events:auto!important} #panel-home .lx-hero-quick-label{font-size:11.5px;letter-spacing:.16em;color:var(--lx-t3);margin-right:6px} #panel-home .lx-hero-quick .home-hero-tile.hv-chip{position:relative!important;inset:auto!important;transform:none!important;display:inline-flex!important;align-items:center!important;width:auto!important;height:32px!important;min-height:0!important;margin:0!important;padding:0 14px 0 10px!important;gap:7px!important;border-radius:999px!important;font:500 12.5px/1 var(--lx-font)!important;letter-spacing:.06em!important;color:var(--lx-t2)!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:color .25s,border-color .25s,background-color .25s,transform .3s var(--lx-ease)!important} #panel-home .lx-hero-quick .home-hero-tile.hv-chip:hover{transform:translateY(-1px)!important;color:var(--lx-t1)!important;border-color:rgba(216,183,106,.34)!important;background:rgba(216,183,106,.07)!important} #panel-home .lx-hero-quick .home-hero-tile-icon{width:15px!important;height:15px!important;flex:0 0 15px!important;color:var(--lx-gold)!important} #panel-home .lx-hero-quick .home-hero-type-icon{display:grid!important;place-items:center!important;border-radius:4px!important;background:rgba(216,183,106,.18)!important;color:var(--lx-gold-hi)!important;font:700 10.5px/1 Georgia,serif!important} #panel-home .home-hero-art{position:absolute!important;top:0!important;bottom:92px!important;left:42%!important;right:0!important;width:auto!important;height:auto!important;z-index:2!important;pointer-events:none!important} #panel-home .home-hero-art > :is(.home-hero-motto,.home-hero-podium,.home-hero-signature,.home-hero-tile){display:none!important} #panel-home .home-hero-aura{left:auto!important;right:8%!important;top:0!important;bottom:auto!important;width:74%!important;height:100%!important;background:radial-gradient(closest-side,rgba(246,208,128,.22),rgba(246,208,128,.06) 58%,transparent)!important} #panel-home .home-hero-robot-holder{position:absolute!important;left:auto!important;right:1%!important;top:3%!important;bottom:auto!important;height:96%!important;width:auto!important;max-width:100%!important;aspect-ratio:1800/1011!important;transform:translate3d(var(--lx-hx,0px),var(--lx-hy,0px),0)!important;z-index:2!important} #panel-home .home-hero-robot-parallax{width:100%!important;height:100%!important} #panel-home .home-hero-robot{width:100%!important;height:100%!important;object-fit:contain!important;object-position:right center!important;animation:none!important;filter:drop-shadow(0 26px 40px rgba(0,0,0,.5)) drop-shadow(0 0 34px rgba(242,196,105,.14))!important} #panel-home .lx-hero-scene{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;pointer-events:none!important;border-radius:inherit!important} /* 标题动效：两行各自整体上浮；金色行的末尾词循环切换。每段文字自带渐变（见 luxe.js initHeroTitle） */ #panel-home .home-hero-title{text-shadow:none!important} #panel-home .home-hero-title > .lx-tl{display:block!important;margin:0!important;white-space:nowrap!important;background:none!important;-webkit-text-fill-color:currentColor!important;color:#F8F4EC!important;animation:none!important} #panel-home .home-hero-title > .lx-tl-gold{margin-top:6px!important} #panel-home .home-hero-title .lx-gold{background-image:linear-gradient(100deg,transparent 30%,rgba(255,251,238,.95) 50%,transparent 70%),linear-gradient(180deg,#FFF4D6 0%,#EED494 50%,#CDA75E 100%)!important;background-size:60% 100%,100% 100%!important;background-repeat:no-repeat!important;background-position:-150% 0,0 0;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important} #panel-home .home-hero-title .lx-rot{position:relative!important;display:inline-block!important;white-space:nowrap!important} #panel-home .home-hero-title .lx-word{display:inline-block!important} #panel-home .home-hero-title .lx-word.is-out{position:absolute!important;left:0!important;top:0!important} #panel-home .home-hero-features{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:3!important;width:auto!important;height:92px!important;margin:0!important;padding:0 36px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;align-items:center!important;border-top:1px solid rgba(255,255,255,.065)!important;border-radius:0 0 25px 25px!important;background:linear-gradient(180deg,rgba(13,12,13,.3),rgba(11,11,12,.8))!important;-webkit-backdrop-filter:blur(16px) saturate(1.2)!important;backdrop-filter:blur(16px) saturate(1.2)!important} #panel-home .home-hero-features>li{gap:14px!important;padding:0 18px!important;height:44px!important;border-left:1px solid rgba(255,255,255,.06)!important} #panel-home .home-hero-features>li:first-child{border-left:0!important;padding-left:16px!important} #panel-home .home-hero-feature-icon{flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.08)!important;background:var(--lx-tile)!important;color:var(--lx-gold-hi)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important} #panel-home .home-hero-feature-icon>svg{width:18px!important;height:18px!important} #panel-home .home-hero-features b{font-size:13.5px!important;font-weight:600!important;color:var(--lx-t1)!important;letter-spacing:.04em!important} #panel-home .home-hero-features small{margin-top:3px!important;font-size:11.5px!important;color:var(--lx-t3)!important} #panel-home .home-hero-stage > .home-hero-motion-control{position:absolute!important;top:20px!important;right:22px!important;z-index:4!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;margin:0!important;padding:0!important;border-radius:50%!important;font-size:0!important;color:transparent!important;background:rgba(12,12,13,.45)!important;border:1px solid rgba(255,255,255,.12)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;cursor:pointer!important;transition:border-color .25s,background-color .25s!important} #panel-home .home-hero-stage > .home-hero-motion-control:hover{border-color:rgba(216,183,106,.45)!important;background:rgba(216,183,106,.08)!important} #panel-home .home-hero-stage > .home-hero-motion-control::before{content:""!important;display:block!important;width:8px!important;height:10px!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background:linear-gradient(90deg,#D9C08A 0 3px,transparent 3px 5px,#D9C08A 5px)!important} #panel-home .home-hero-v6[data-motion-state=paused] .home-hero-stage > .home-hero-motion-control::before{width:9px!important;margin-left:2px!important;background:#D9C08A!important;clip-path:polygon(0 0,100% 50%,0 100%)!important} @container home-hero (min-width:1200px){ #panel-home .home-hero-stage{min-height:520px!important;padding-top:58px!important} #panel-home .home-hero-title{font-size:58px!important} } @container home-hero (max-width:980px){ #panel-home .home-hero-stage{padding:40px 36px 128px!important} #panel-home .home-hero-copy{width:56%!important} #panel-home .home-hero-title{font-size:44px!important} #panel-home .home-hero-art{left:46%!important} #panel-home .home-hero-features{padding:0 20px!important} #panel-home .home-hero-features>li{padding:0 10px!important;gap:10px!important} #panel-home .home-hero-feature-icon{flex-basis:34px!important;width:34px!important;height:34px!important} } @container home-hero (max-width:760px){ #panel-home .home-hero-stage{display:flex!important;flex-direction:column!important;min-height:0!important;padding:32px 26px 0!important} #panel-home .home-hero-copy{width:100%!important;max-width:none!important} #panel-home .home-hero-art{position:relative!important;inset:auto!important;height:260px!important;margin:12px 0 0!important} #panel-home .home-hero-robot-holder{right:50%!important;transform:translate3d(50%,0,0)!important} #panel-home .home-hero-features{position:relative!important;height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:14px!important;padding:18px 12px!important;margin:0 -26px!important} #panel-home .home-hero-features>li:nth-child(odd){border-left:0!important} } /* ── 首页分区 ── */ #panel-home .directory-home{margin-top:28px!important} /* 标题行右侧的留白：一条由金向暗渐隐的细线，偶尔有一道光沿线滑过 */ #panel-home .directory-home .hv-sec-head::after{content:""!important;display:block!important;order:1!important;flex:1 1 auto!important;align-self:flex-end!important;height:1px!important;margin:0 28px 13px!important;background-image:linear-gradient(90deg,rgba(255,236,190,0),rgba(255,236,190,.9),rgba(255,236,190,0)),linear-gradient(90deg,rgba(216,183,106,.45),rgba(255,255,255,.07) 55%,rgba(255,255,255,0))!important;background-size:160px 1px,100% 1px!important;background-repeat:no-repeat!important;background-position:-160px 0,0 0;animation:lxGlint 7s ease-in-out infinite} #panel-home .directory-home .hv-sec-head > .directory-build{order:2!important} html.lx-amb-paused #panel-home .directory-home .hv-sec-head::after{animation-play-state:paused} /* ── 首页氛围层：内容背后缓慢漂移的暖光与稀疏星尘（仅首页，跟随暂停与减少动效） ── */ #lxAmbient{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .9s ease;overflow:hidden} html.lx-amb-on #lxAmbient{opacity:1} #lxAmbient .lx-amb-glow{position:absolute;display:block;border-radius:50%;will-change:transform} #lxAmbient .g1{width:64vw;height:64vw;right:-20vw;top:-34vw;background:radial-gradient(closest-side,rgba(232,196,120,.14),rgba(232,196,120,.045) 55%,transparent);animation:lxAmb1 38s ease-in-out infinite alternate} #lxAmbient .g2{width:54vw;height:54vw;left:6vw;bottom:-30vw;background:radial-gradient(closest-side,rgba(216,183,106,.1),rgba(216,183,106,.025) 60%,transparent);animation:lxAmb2 46s ease-in-out infinite alternate} #lxAmbient .g3{width:40vw;height:40vw;left:40vw;top:34vh;background:radial-gradient(closest-side,rgba(255,226,170,.07),transparent);animation:lxAmb3 52s ease-in-out infinite alternate} #lxAmbient .lx-amb-dust{position:absolute;inset:0;width:100%;height:100%;display:block} html:is(:not(.lx-amb-on),.lx-amb-paused) #lxAmbient .lx-amb-glow{animation-play-state:paused} .lx .hv-sec-head{margin-bottom:22px!important} .lx .hv-sec-head h3{font-size:24px!important;letter-spacing:.05em!important} .lx .directory-build{color:var(--lx-t3)!important;border-color:rgba(255,255,255,.08)!important} .lx .directory-cover-spotlight{background:radial-gradient(520px 260px at 100% 0%,rgba(216,183,106,.12),transparent 70%),var(--lx-card)!important;border:1px solid rgba(216,183,106,.16)!important;border-radius:22px!important;padding:28px 30px!important;box-shadow:var(--lx-card-hl)!important} .lx .directory-cover-spotlight strong{font-size:21px!important;font-weight:600!important} .lx .directory-cover-actions .hv-chip:not(:first-child){color:var(--lx-t2)!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.1)!important} .lx .directory-cover-actions .hv-chip:not(:first-child):hover{color:var(--lx-t1)!important} .lx .hv-cats{gap:16px!important;margin-top:18px!important} .lx :is(.directory-tool,.hv-cat.directory-category){background:var(--lx-card)!important;border-color:var(--lx-card-line)!important;border-radius:20px!important;box-shadow:var(--lx-card-hl)!important} .lx :is(.directory-tool,.hv-cat.directory-category):hover{transform:translateY(-4px)!important;border-color:rgba(216,183,106,.3)!important;box-shadow:var(--lx-card-hl),var(--lx-card-lift)!important} .lx :is(.directory-tool,.hv-cat.directory-category)::after{inset:0!important;width:auto!important;height:auto!important;margin:0!important;transform:none!important;filter:none!important;background:radial-gradient(340px circle at var(--lx-x,50%) var(--lx-y,-30%),rgba(216,183,106,.12),transparent 64%)!important} .lx .hv-cat.directory-category{padding:22px 22px 18px!important} .lx .hv-cat.directory-category .directory-category-top > svg{width:40px!important;height:40px!important;padding:10px!important;box-sizing:border-box!important;border-radius:12px!important;color:var(--lx-t1)!important;background:var(--lx-tile)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;transition:color var(--lx-mid),background var(--lx-mid),border-color var(--lx-mid)!important} .lx .hv-cat.directory-category:hover .directory-category-top > svg{color:var(--lx-gold-hi)!important;background:linear-gradient(160deg,rgba(216,183,106,.2),rgba(216,183,106,.06))!important;border-color:rgba(216,183,106,.36)!important} .lx .hv-cat.directory-category .directory-category-top small{font-family:var(--lx-mono)!important;font-size:11px!important;color:var(--lx-t3)!important;letter-spacing:.06em!important} .lx .hv-cat.directory-category .directory-category-top{margin-bottom:0!important} .lx .hv-cat.directory-category strong{margin-top:16px!important;font-size:17px!important} .lx .hv-cat.directory-category strong + span{font-size:12.5px!important;color:var(--lx-t3)!important} .lx .hv-cat.directory-category > div{margin-top:16px!important;padding-top:13px!important;border-top:1px solid rgba(255,255,255,.06)!important;color:var(--lx-t3)!important} .lx .hv-cat.directory-category:hover > div{color:var(--lx-gold-hi)!important} .lx .directory-default-line{margin-top:18px!important} .lx .home-launcher{margin-top:24px!important;padding:26px 28px 22px!important;border-radius:22px!important;background:radial-gradient(560px 220px at 0% 0%,rgba(216,183,106,.07),transparent 70%),var(--lx-card)!important;border:1px solid var(--lx-card-line)!important;box-shadow:var(--lx-card-hl)!important} .lx .home-launcher-head b{font-size:16px!important} .lx .hv-inputbar.link-analyzer{min-height:60px!important;border-radius:16px!important;padding:0 8px 0 18px!important;background:rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.1)!important} .lx .hv-inputbar .hv-go{height:44px!important;border-radius:12px!important;padding:0 20px!important} /* ── 分类目录页 ── */ .lx #moduleTitle{font-size:30px!important;background:linear-gradient(180deg,#FFFFFF 0%,#E7DCC4 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important} .lx .directory-tool{padding:22px 22px 20px!important} .lx .directory-tool .mc-ico{width:40px!important;height:40px!important;border-radius:12px!important;background:var(--lx-tile)!important;border:1px solid rgba(255,255,255,.09)!important;color:var(--lx-t1)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important} .lx .directory-tool .mc-ico svg{width:18px!important;height:18px!important} .lx .directory-tool:hover .mc-ico{background:linear-gradient(160deg,rgba(216,183,106,.2),rgba(216,183,106,.06))!important;border-color:rgba(216,183,106,.36)!important;color:var(--lx-gold-hi)!important} .lx .directory-tool-heading strong{font-size:16px!important} .lx .directory-tool-advice{display:flex!important;align-items:center!important;gap:9px!important;color:var(--lx-t1)!important;font-weight:500!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.06)!important} .lx .directory-tool-advice::before{content:""!important;flex:0 0 5px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:var(--lx-gold)!important;box-shadow:0 0 0 3px rgba(216,183,106,.12)!important} .lx .directory-tool-limit{padding-left:14px!important} /* ── 页面标题区：标题背后一层极淡的暖光，分隔线由金向暗渐隐 ── */ .lx :is(.page-studio-head,.directory-module-head){position:relative!important;isolation:isolate!important;overflow:visible!important;border-bottom:1px solid transparent!important;border-image:linear-gradient(90deg,rgba(216,183,106,.34),rgba(255,255,255,.07) 34%,rgba(255,255,255,.035)) 1!important} .lx :is(.page-studio-head,.directory-module-head)::before{content:""!important;display:block!important;position:absolute!important;left:-70px!important;top:-40px!important;width:520px!important;height:200px!important;z-index:-1!important;pointer-events:none!important;background:radial-gradient(closest-side,rgba(216,183,106,.07),transparent)!important} .lx .page-studio-head .ps-copy h1{font-size:24px!important} .lx aside.duration-guide details{border-color:rgba(255,255,255,.08)!important} /* ── 工具页：标签与时长建议回归中性，金色只留给强调点 ── */ .lx .qh-tags span{color:var(--lx-t2)!important;background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.1)!important} .lx .qh-tags span::before{content:""!important;display:inline-block!important;width:5px!important;height:5px!important;margin:0 7px 2px 0!important;border-radius:50%!important;vertical-align:middle!important;background:var(--lx-gold)!important} .lx aside.duration-guide{border-color:rgba(255,255,255,.08)!important;background:radial-gradient(420px 160px at 0 0,rgba(216,183,106,.07),transparent 70%),rgba(255,255,255,.015)!important} .lx aside.duration-guide .duration-guide-title strong{color:var(--lx-t1)!important} /* ── 顶栏：统一胶囊造型，钱包与积分合为一组 ── */ .lx :is(.studio-search-entry,.studio-history-entry){height:36px!important;border-radius:999px!important} .lx .studio-search-entry{padding-left:14px!important} /* account-balance.css lets the wallet shrink and wrap; in a tight top bar the refresh button then fell below the 36px capsule. Keep it on one line at its natural width so the search field yields the space instead. */ .lx #topbarBalance{flex:0 0 auto!important;flex-wrap:nowrap!important;white-space:nowrap!important;min-width:max-content!important;height:36px!important;padding:0 4px 0 14px!important;gap:12px!important;align-items:center!important;border-radius:999px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important} .lx #topbarBalance .balance-metric{flex-wrap:nowrap!important;white-space:nowrap!important} .lx #topbarBalance .balance-metric b{overflow-wrap:normal!important} .lx #topbarBalance .tb-item + .tb-item{padding-left:12px!important;border-left:1px solid rgba(255,255,255,.08)!important} .lx #topbarBalRefresh{width:28px!important;height:28px!important;border-radius:50%!important;border:0!important;background:transparent!important} .lx #topbarBalRefresh:hover{background:rgba(255,255,255,.07)!important} .lx #hvBell{width:36px!important;height:36px!important;border-radius:50%!important} .lx #acctGroup{border-radius:999px!important} .lx :is(#topUpdateBtn,#asTrigger){border-radius:999px!important} /* 「全部功能」把焦点移到分类区方便读屏；home-hero.css 的 :focus 描边会在整块区域外画一个框，这里去掉 */ .lx #panel-home .home-inspiration-target:focus{outline:none!important} /* ── 侧栏：箭头只在悬停与当前项出现；矮窗口收起副标题，八个分类始终一屏放下 ── */ .lx nav.tabs.sidebar .pn-chevron{opacity:0!important;transition:opacity var(--lx-mid),transform var(--lx-mid) var(--lx-ease),color var(--lx-mid)!important} .lx nav.tabs.sidebar .p-nav-mod:is(:hover,.active,.lx-current) .pn-chevron{opacity:1!important} @media (max-height:790px){ .lx nav.tabs.sidebar .pn-copy small{display:none!important} .lx nav.tabs.sidebar .p-nav-mod{padding:7px 10px!important} } }