/* 立壹数字服务 · Official UI 2026
   视觉签名：服务轨道、雾面玻璃、可信状态光。 */
:root{
  --official-night:#0b1530;--official-blue:#3157e5;--official-blue-deep:#1739a8;
  --official-cyan:#18b99a;--official-cloud:#f4f7fb;--official-white:#fff;
  --official-coral:#f26b5e;--official-line:rgba(19,42,91,.12);
  --official-glass:rgba(255,255,255,.74);--official-shadow:0 18px 50px rgba(26,50,103,.11);
  --official-jelly:cubic-bezier(.2,1.35,.35,1);
}
html{scroll-behavior:smooth}
body[data-official-ui]{background:
  radial-gradient(900px 420px at 8% -8%,rgba(68,104,240,.12),transparent 68%),
  radial-gradient(720px 380px at 96% 12%,rgba(24,185,154,.09),transparent 66%),
  var(--official-cloud);color:#293654}
body[data-official-ui]::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(36,72,143,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(36,72,143,.032) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.official-aurora{position:fixed;z-index:-1;width:280px;height:280px;border-radius:46% 54% 58% 42%/44% 37% 63% 56%;filter:blur(18px);opacity:.11;pointer-events:none;background:linear-gradient(135deg,var(--official-blue),var(--official-cyan));animation:official-float 13s ease-in-out infinite alternate}.official-aurora.a{left:-110px;top:24vh}.official-aurora.b{right:-130px;top:58vh;animation-delay:-5s;animation-duration:16s}
.official-progress{position:fixed;left:0;top:0;z-index:1000;height:2px;width:var(--official-progress,0%);background:linear-gradient(90deg,var(--official-blue),#64a0ff,var(--official-cyan));box-shadow:0 0 12px rgba(49,87,229,.5);transition:width .12s linear}
body[data-official-ui] .gl-bar,body[data-official-ui] .ws-head,body[data-official-ui]>header{background:rgba(255,255,255,.8)!important;backdrop-filter:blur(22px) saturate(1.35)!important;-webkit-backdrop-filter:blur(22px) saturate(1.35)!important;border-bottom:1px solid rgba(31,60,119,.1)!important;box-shadow:0 8px 34px rgba(31,58,112,.055)!important}
body[data-official-ui] .seal{background:linear-gradient(145deg,#4369f1,#193ebc)!important;border-radius:11px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 8px 20px rgba(49,87,229,.28)!important;transition:transform .45s var(--official-jelly)}
body[data-official-ui] .gl-brand:hover .seal{transform:rotate(-7deg) scale(1.08)}
body[data-official-ui] button,body[data-official-ui] .btn,body[data-official-ui] .lp-cta,body[data-official-ui] .go{transition:transform .28s var(--official-jelly),box-shadow .25s ease,border-color .2s ease,background .2s ease!important}
body[data-official-ui] button:hover,body[data-official-ui] .btn:hover,body[data-official-ui] .lp-cta:hover,body[data-official-ui] .go:hover{transform:translateY(-2px)}
body[data-official-ui] button:active,body[data-official-ui] .btn:active,body[data-official-ui] .lp-cta:active{transform:scale(.96)}
body[data-official-ui] .primary,body[data-official-ui] .lp-cta:not(.lp-cta--ghost),body[data-official-ui] .account-button.is-login{background:linear-gradient(135deg,var(--official-blue),var(--official-blue-deep))!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(49,87,229,.22)!important;color:#fff!important}
body[data-official-ui] .glass,body[data-official-ui] .card,body[data-official-ui] .panel,body[data-official-ui] .ws-card,body[data-official-ui] .tool,body[data-official-ui] article{backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
body[data-official-ui] .tool,body[data-official-ui] .panel,body[data-official-ui] .ws-card{border-color:var(--official-line)!important;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 10px 30px rgba(23,48,99,.065)!important}
body[data-official-ui] .tool:hover,body[data-official-ui] .panel:hover,body[data-official-ui] .ws-card:hover{border-color:rgba(49,87,229,.28)!important;box-shadow:var(--official-shadow)!important}
.official-status{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 11px;border:1px solid rgba(24,185,154,.22);border-radius:999px;background:rgba(232,252,247,.72);color:#08725f;font-size:11px;font-weight:750;white-space:nowrap}.official-status i{position:relative;width:7px;height:7px;border-radius:50%;background:var(--official-cyan);box-shadow:0 0 0 4px rgba(24,185,154,.12)}.official-status i::after{content:"";position:absolute;inset:-4px;border:1px solid var(--official-cyan);border-radius:50%;animation:official-ping 2s ease-out infinite}
.official-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .7s var(--official-jelly)}.official-reveal.is-seen{opacity:1;transform:none}
body[data-official-ui] dialog{backdrop-filter:blur(26px);border:1px solid rgba(255,255,255,.74)!important;box-shadow:0 34px 110px rgba(8,24,58,.28)!important}body[data-official-ui] dialog::backdrop{backdrop-filter:blur(7px);background:rgba(6,18,44,.48)!important}
body[data-official-ui] input,body[data-official-ui] textarea,body[data-official-ui] select{background:rgba(255,255,255,.76)!important;border-color:rgba(28,55,109,.16)!important}body[data-official-ui] input:focus,body[data-official-ui] textarea:focus,body[data-official-ui] select:focus{border-color:var(--official-blue)!important;box-shadow:0 0 0 4px rgba(49,87,229,.11)!important}
body[data-official-ui] .lp-shot{background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(232,240,255,.55))!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 35px 80px rgba(17,46,107,.18),inset 0 1px #fff!important;transform:perspective(1200px) rotateY(-3deg) rotateX(2deg);animation:official-shot 7s ease-in-out infinite alternate}
body[data-official-ui] .lp-shot-card{transition:transform .42s var(--official-jelly),box-shadow .3s!important}body[data-official-ui] .lp-shot-card:hover{transform:translateY(-5px) scale(1.025)!important;box-shadow:0 15px 30px rgba(42,72,133,.13)!important}
body[data-official-ui] .lp-kicker,body[data-official-ui] .eyebrow{color:var(--official-blue)!important;letter-spacing:.16em!important}body[data-official-ui] .em{color:var(--official-night)!important}body[data-official-ui] .em::after{background:linear-gradient(90deg,var(--official-blue),var(--official-cyan))!important}
body[data-official-ui] .libb-bridge{min-height:44px!important;min-width:44px!important}
body[data-service="publish"]{--official-blue:#07866f;--official-blue-deep:#075f54;--official-cyan:#39cbaa}body[data-service="copy"]{--official-blue:#6d4ed4;--official-blue-deep:#49309f;--official-cyan:#ad88f4}body[data-service="quote"]{--official-blue:#315b9e;--official-blue-deep:#18375f;--official-cyan:#5aa8ca}body[data-service="card"]{--official-blue:#bd4c78;--official-blue-deep:#813050;--official-cyan:#ef91b1}body[data-service="pulse"]{--official-blue:#c06b18;--official-blue-deep:#8d470b;--official-cyan:#e1a640}body[data-service="reply"]{--official-blue:#147da4;--official-blue-deep:#0c536f;--official-cyan:#25bcb4}
body[data-service]:not([data-service="hub"]):not([data-service="admin"]) .page-bar,body[data-service]:not([data-service="hub"]):not([data-service="admin"]) main>header{background:linear-gradient(125deg,color-mix(in srgb,var(--official-blue) 8%,#fff),rgba(255,255,255,.78))!important;border-color:color-mix(in srgb,var(--official-blue) 22%,transparent)!important}
body[data-service]:not([data-service="hub"]):not([data-service="admin"]) h1 em,body[data-service]:not([data-service="hub"]):not([data-service="admin"]) h2 em{color:var(--official-blue)!important}body[data-service]:not([data-service="hub"]):not([data-service="admin"]) .pill,body[data-service]:not([data-service="hub"]):not([data-service="admin"]) .badge{border-color:color-mix(in srgb,var(--official-blue) 22%,transparent)!important}
@keyframes official-float{to{transform:translate3d(34px,-28px,0) rotate(24deg)}}@keyframes official-ping{70%,100%{transform:scale(1.8);opacity:0}}@keyframes official-shot{to{transform:perspective(1200px) rotateY(1deg) rotateX(-1deg) translateY(-7px)}}
@media(max-width:760px){.official-status{display:none}body[data-official-ui] .lp-shot{transform:none;animation:none}.official-aurora{opacity:.07}body[data-official-ui] .panel,body[data-official-ui] .ws-card{border-radius:18px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.official-aurora,.official-status i::after,body[data-official-ui] .lp-shot{animation:none!important}.official-reveal{opacity:1;transform:none;transition:none}}