/* ---------------------------------------------------------------------------
   从前台样式表（/assets/index-B9dE-Ecu.css）里原样摘出来的 Logo 与导航样式，
   给后台用，保证跟主页长得一模一样。只摘相关规则，不引整份样式表——
   那里面的全局 body / button / table 规则会打乱后台的排版。
   --------------------------------------------------------------------------- */
:root{--helpers-red:#e51b23;--helpers-red-dark:#b90f18;--helpers-red-light:#fff0f1;--helpers-yellow:#f6dd3e;--helpers-ink:#09090f;--helpers-surface:#faf9f7;--helpers-border:#e9e7e3;--helpers-shadow:0 20px 55px #1411111a}
:root{--helpers-red:#d62b2b;--helpers-red-dark:#b01e1e;--helpers-red-light:#fee9e9;--helpers-yellow:#f5c518;--helpers-ink:#1a1a1a;--helpers-muted:#7a7a7a;--helpers-surface:#f8f8f8;--helpers-border:#e9e9e9;--helpers-shadow:0 12px 40px #1c131314;--helpers-radius:16px}
:root{--background:#fff;--foreground:#090911;--card:#fff;--card-foreground:#090911;--popover:#fff;--popover-foreground:#090911;--primary:#161523;--primary-foreground:#fafafb;--secondary:#f3f3f7;--secondary-foreground:#161523;--muted:#f3f3f7;--muted-foreground:#72727d;--accent:#f3f3f7;--accent-foreground:#161523;--destructive:#e40014;--destructive-foreground:#fafafb;--border:#e5e5e8;--input:#e5e5e8;--ring:#54a3ff;--chart-1:#f05100;--chart-2:#009588;--chart-3:#104e64;--chart-4:#fcbb00;--chart-5:#f99c00;--sidebar:#fafafb;--sidebar-foreground:#090911;--sidebar-primary:#161523;--sidebar-primary-foreground:#fafafb;--sidebar-accent:#f3f3f7;--sidebar-accent-foreground:#161523;--sidebar-border:#e5e5e8;--sidebar-ring:#54a3ff;--radius:.5rem}
.nav-links{align-items:center;gap:3px;display:flex}
.nav-link{color:#ffffffc7;border-radius:999px;padding:8px 13px;font-size:13px;text-decoration:none;transition:all .2s}
.nav-actions{align-items:center;gap:8px;display:flex}
.btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:750;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}
.btn:hover{transform:translateY(-2px)}
.btn-red{color:#fff;background:var(--helpers-red);box-shadow:0 8px 20px #d62b2b33}
.btn-red:hover{background:var(--helpers-red-dark)}
.btn-yellow{color:var(--helpers-ink);background:var(--helpers-yellow)}
.btn-outline-light{color:#fff;background:0 0;border:1px solid #ffffff8c}
.btn-glass{color:#fff;background:#ffffff1f;border:1px solid #ffffff59}
.btn-lg{padding:14px 28px;font-size:15px}
.live-listings-hero-side .btn{min-width:176px}
@media (max-width:980px){.nav-links{display:none}}
@media (max-width:640px){.nav-actions .btn-outline-light,.nav-actions .btn-yellow{display:none}.live-listings-hero-side .btn{width:100%}}
.company-logo{object-fit:contain;width:100%;height:100%;display:block}
.nav-cluster{justify-content:flex-end;align-items:center;gap:clamp(18px,2.5vw,40px);min-width:0;display:flex}
.nav-cluster .nav-links{flex-wrap:wrap;justify-content:flex-end}
.nav-cluster .nav-actions{flex:none}
.language-toggle{color:var(--helpers-red);letter-spacing:.03em;white-space:nowrap;background:#fff4ef;border:1px solid #f0cec4;flex:none;font-size:12px}
.language-toggle:hover,.language-toggle:focus-visible{background:#ffe5dc;box-shadow:0 0 0 3px #dd252d29}
.nav-link{color:#39383c;transform-origin:50%;font-size:15.6px;font-weight:750;transition:transform .24s cubic-bezier(.2,.8,.2,1),background .24s,color .24s,box-shadow .24s}
.nav-link:hover,.nav-link.active{color:var(--helpers-red);background:#fff1f1}
.btn-outline-light{color:#1c1b1e;border-color:#d7d5d1}
.btn-admin{color:#fff;background:#17171d}
.btn-yellow{background:var(--helpers-yellow)}
.btn{border-radius:10px}
.floating-nav{z-index:5;isolation:isolate;max-width:none;animation:3.2s cubic-bezier(.45,.05,.55,.95) infinite floatingNav;position:absolute;top:22px;left:calc(4vw + clamp(300px,20.5vw,335px));right:4vw}
.floating-nav:before{content:"";z-index:0;filter:blur(.3px);pointer-events:none;background:conic-gradient(#8f2b37 0deg,#d4b269 78deg,#fff8e7 132deg,#b5873d 198deg,#7e2632 270deg,#d4b269 330deg,#8f2b37 360deg);border-radius:18px;animation:3.2s ease-in-out infinite floatingNavBorderPulse;position:absolute;inset:-4px;box-shadow:0 0 12px #d4b26957,0 0 22px #7e263238}
.floating-nav .nav-cluster{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:50%;background:#ffffffed;border:1px solid #ffffff80;border-radius:14px;justify-content:flex-start;gap:clamp(14px,2vw,28px);width:100%;padding:13px 15px;transition:transform .32s cubic-bezier(.2,.8,.2,1),background .32s,border-color .32s,box-shadow .32s;animation:3.2s ease-in-out infinite floatingNavPulse;position:relative;overflow:hidden;box-shadow:0 14px 32px #0000003d}
.floating-nav .nav-cluster>*{z-index:1;position:relative}
.floating-nav .nav-links{flex-wrap:nowrap;flex:auto;justify-content:space-evenly;gap:clamp(8px,1.6vw,24px);min-width:0}
.floating-nav .nav-link{text-align:center;white-space:nowrap;flex:none;min-width:max-content;padding:8px clamp(8px,1.1vw,18px);font-size:14.4px}
.floating-nav .nav-actions{white-space:nowrap;flex:none;gap:clamp(7px,1vw,13px);margin-left:clamp(8px,1.5vw,24px)}
.floating-nav .btn{padding:9px 14px;font-size:12px}
.floating-nav .language-toggle{padding:8px 11px;font-size:12px}
.floating-nav .btn-admin{background:var(--helpers-ink)}
@media (hover:hover) and (pointer:fine){.floating-nav:hover .nav-cluster{background:#fffffffa;border-color:#ffe053e0;transform:translateY(-5px)scale(1.012);box-shadow:0 25px 48px #00000057,0 0 0 4px #ffe0531f}.floating-nav .nav-link:hover{font-weight:900;transform:translateY(-4px)scale(1.12);box-shadow:0 10px 18px #e51b232e}.floating-nav .nav-actions .btn:hover,.floating-nav .language-toggle:hover{font-weight:900;transform:translateY(-3px)scale(1.1);box-shadow:0 12px 22px #14121833}.floating-nav .btn-yellow:hover{box-shadow:0 13px 24px #f5c51859}}
.hero-logo-card{z-index:6;width:clamp(285px,20vw,320px);height:clamp(285px,20vw,320px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;background:0 0;border:0;border-radius:0;align-items:center;padding:0;animation:4.1s cubic-bezier(.42,.04,.5,.96) infinite floatingLogo;display:flex;position:absolute;top:20px;left:4vw}
.logo-tilt-surface{--logo-tilt-x:0deg;--logo-tilt-y:0deg;--logo-offset-x:0px;--logo-offset-y:0px;z-index:1;width:100%;height:100%;transform:perspective(900px) translate3d(var(--logo-offset-x), var(--logo-offset-y), 0) rotateX(var(--logo-tilt-x)) rotateY(var(--logo-tilt-y));transform-style:preserve-3d;will-change:transform;transition:transform .48s cubic-bezier(.2,.8,.2,1);position:relative}
.logo-tilt-surface.is-logo-tilting{transition-duration:80ms}
.hero-logo-card:before{content:"";z-index:0;filter:blur(8px);background:radial-gradient(#ffe14c70 0%,#ff4f5742 48%,#fff0 78%);border-radius:50%;animation:4.1s ease-in-out infinite floatingLogoHalo;position:absolute;inset:5% 1%}
.hero-floating-logo{z-index:1;object-fit:contain;object-position:left center;mix-blend-mode:normal;filter:saturate(1.12)contrast(1.06)drop-shadow(0 9px 16px #00000038);pointer-events:none;width:100%;height:100%;animation:4.1s ease-in-out infinite floatingLogoLustre;position:relative}
@keyframes floatingNav{0%,to{filter:drop-shadow(0 0 #ffe05300);transform:translateY(-5px)rotate(0)}34%{filter:drop-shadow(0 15px 18px #ffe05333);transform:translate(2px,15px)rotate(.12deg)}58%{filter:drop-shadow(0 5px 12px #e51b232e);transform:translate(-2px,1px)rotate(-.08deg)}78%{filter:drop-shadow(0 12px 16px #ffe05329);transform:translate(1px,10px)rotate(.06deg)}}
@keyframes floatingNavPulse{0%,to{border-color:#d4b269b8;box-shadow:0 14px 32px #0000003d,0 0 0 1px #d4b2694d}42%{border-color:#ecd89c;box-shadow:0 23px 44px #00000052,0 0 0 2px #d4b26975,0 0 20px #d4b26938}70%{border-color:#a23a47;box-shadow:0 18px 38px #7e26322e,0 0 0 2px #a23a4761,0 0 18px #7e263229}}
@keyframes floatingNavBorderPulse{0%,to{opacity:.62;box-shadow:0 0 12px #d4b2694d,0 0 22px #7e26322e}42%{opacity:1;box-shadow:0 0 20px #d4b26985,0 0 34px #7e26324d}70%{opacity:.78;box-shadow:0 0 16px #7e26326b,0 0 28px #d4b26947}}
@keyframes floatingLogo{0%,to{transform:translate(0)rotate(-.45deg)}24%{transform:translate(2px,-12px)rotate(.45deg)}50%{transform:translate(-2px,5px)rotate(-.18deg)}74%{transform:translate(1px,-6px)rotate(.25deg)}}
@keyframes floatingLogoHalo{0%,to{opacity:.45;transform:scale(.93)}38%{opacity:.94;transform:scale(1.13)}70%{opacity:.64;transform:scale(1.01)}}
@keyframes floatingLogoLustre{0%,to{filter:saturate(1.12)contrast(1.06)drop-shadow(0 9px 16px #00000038);transform:scale(.99)}38%{filter:saturate(1.26)contrast(1.1)drop-shadow(0 14px 24px #ffe14c6b);transform:scale(1.035)}70%{filter:saturate(1.18)contrast(1.08)drop-shadow(0 11px 20px #ff3b4852);transform:scale(1.01)}}
@media (prefers-reduced-motion:reduce){.floating-nav,.floating-nav:before,.floating-nav .nav-cluster,.hero-logo-card,.hero-logo-card:before,.hero-floating-logo,.solution-detail-hero>img,.solution-detail-copy{animation:none}.floating-nav .nav-cluster,.floating-nav .nav-link,.floating-nav .nav-actions .btn,.floating-nav .language-toggle,.deliverable-grid>div,.solution-scenario-grid article,.solution-process-grid article{transition-duration:.01ms}}
.business-cta .btn{flex:none;min-width:210px}
.inner-page-copy>.btn{grid-area:3/2;justify-self:start;margin-top:15px}
@media (max-width:980px){.nav-cluster{gap:14px}.floating-nav{max-width:none;top:18px;left:284px;right:18px}.floating-nav .nav-cluster{gap:10px;padding:10px}.floating-nav .nav-links{gap:5px;display:flex}.floating-nav .nav-link{padding:7px;font-size:13.2px}.floating-nav .nav-actions{margin-left:8px}.floating-nav .btn{padding:8px 10px;font-size:11px}.floating-nav .language-toggle{padding:8px}.hero-logo-card{width:258px;height:258px;top:16px;left:18px}}
@media (max-width:640px){.nav-actions .btn-admin{padding:9px 10px;font-size:11px;display:inline-flex}.floating-nav{scrollbar-width:none;max-width:none;top:16px;left:12px;right:12px;overflow-x:auto}.floating-nav::-webkit-scrollbar{display:none}.floating-nav .nav-cluster{border-width:1px;gap:8px;width:max-content;min-width:100%;padding:8px}.floating-nav .nav-links{flex-wrap:nowrap;flex:none;justify-content:flex-start;gap:8px}.floating-nav .nav-link{white-space:nowrap;padding:7px 8px;font-size:12px}.floating-nav .nav-actions{flex:none;margin-left:0}.floating-nav .nav-actions .btn-outline-light{display:none}.floating-nav .btn{white-space:nowrap;padding:8px 9px;font-size:10px}.floating-nav .language-toggle,.site-nav .language-toggle{padding:8px 9px;font-size:11px}.hero-logo-card{width:218px;height:218px;top:76px;left:14px}.solution-detail-copy .hero-actions,.inner-page-copy>.btn{margin-top:17px}.solution-next-actions,.solution-next-actions .btn{width:100%}}

/* 后台不是首屏大图，把绝对定位改成正常排布 */
.admin-head { position: sticky; top: 0; z-index: 30; display: flex; align-items: center;
  gap: 18px; padding: 10px clamp(12px, 3vw, 26px) 16px;
  background: linear-gradient(to bottom, rgba(246,244,241,.97) 0%, rgba(246,244,241,.88) 62%, rgba(246,244,241,0) 100%);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.admin-head .hero-logo-card { position: relative; top: auto; left: auto; inset: auto;
  width: clamp(120px, 11vw, 168px); height: clamp(120px, 11vw, 168px); flex: none; }
.admin-head .floating-nav { position: relative; top: auto; left: auto; right: auto;
  flex: 1; min-width: 0; animation: none; }
.admin-head .nav-cluster { width: 100%; }
.admin-head .nav-links { display: flex; align-items: center; justify-content: flex-start; flex: none; gap: 4px; flex-wrap: wrap; }
.admin-head .nav-link { background: none; border: 0; font: inherit; cursor: pointer; }
.admin-head .nav-link.is-active { color: #8a1e18; font-weight: 700; }
.admin-head .nav-actions { margin-left: auto; }
@media (max-width: 900px) {
  .admin-head { flex-wrap: wrap; gap: 10px; }
  .admin-head .hero-logo-card { width: 92px; height: 92px; }
  .admin-head .nav-cluster { flex-wrap: wrap; }
}