:root{
  --bg:#070A0F;--surface:#111722;--surface2:#171F2B;--primary:#F5B642;--secondary:#4FA3FF;--danger:#D94A38;--text:#F2E8D5;--muted:#8A8F98;--radius:24px;--gridOpacity:.22;--noiseOpacity:.14;--mx:50vw;--my:50vh;--motion:1;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}body:not(.admin-body){cursor:none}
.xg-bg{position:fixed;inset:0;z-index:-10;background:radial-gradient(circle at var(--mx) var(--my), color-mix(in srgb,var(--primary) 20%,transparent) 0, transparent 26rem),linear-gradient(135deg, color-mix(in srgb,var(--secondary) 12%,transparent),transparent 38%),var(--bg);overflow:hidden}.xg-grid{position:absolute;inset:-2px;background-image:linear-gradient(color-mix(in srgb,var(--primary) 24%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--secondary) 20%,transparent) 1px,transparent 1px);background-size:54px 54px;opacity:var(--gridOpacity);mask-image:radial-gradient(circle at var(--mx) var(--my),#000 0 22rem,transparent 48rem)}.xg-noise{position:absolute;inset:0;opacity:var(--noiseOpacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.xg-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--primary) 26%,transparent);border-radius:50%;filter:blur(.1px);opacity:.32}.xg-orbit-a{width:52vw;height:52vw;right:-16vw;top:8vh;animation:spin 34s linear infinite}.xg-orbit-b{width:34vw;height:34vw;left:-8vw;bottom:-10vw;border-color:color-mix(in srgb,var(--secondary) 24%,transparent);animation:spin 48s linear reverse infinite}@keyframes spin{to{transform:rotate(360deg)}}
.scanner-cursor{position:fixed;left:0;top:0;width:74px;height:74px;margin:-37px 0 0 -37px;border:1px solid color-mix(in srgb,var(--primary) 72%,transparent);border-radius:50%;pointer-events:none;z-index:9999;opacity:0;transform:translate3d(var(--mx),var(--my),0) scale(.8);transition:opacity .25s ease, transform .06s linear;mix-blend-mode:screen}.scanner-cursor span{position:absolute;inset:10px;border:1px dashed color-mix(in srgb,var(--secondary) 55%,transparent);border-radius:inherit;animation:spin 4s linear infinite}.scanner-cursor::before,.scanner-cursor::after{content:"";position:absolute;background:var(--primary);opacity:.75}.scanner-cursor::before{left:50%;top:-11px;width:1px;height:96px}.scanner-cursor::after{top:50%;left:-11px;width:96px;height:1px}.scanner-cursor.is-on{opacity:.86}.cursor-dot .scanner-cursor{width:18px;height:18px;margin:-9px 0 0 -9px}.cursor-dot .scanner-cursor span,.cursor-dot .scanner-cursor::before,.cursor-dot .scanner-cursor::after{display:none}.cursor-crosshair .scanner-cursor{border-radius:8px}.cursor-soft-lamp .scanner-cursor{border:none;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 28%,transparent),transparent 70%);filter:blur(2px)}
.site-header{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,4vw,54px);backdrop-filter:blur(18px);background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 84%,transparent),transparent);border-bottom:1px solid color-mix(in srgb,var(--primary) 10%,transparent)}.brand-mark{display:flex;align-items:center;gap:13px}.brand-emblem{display:grid;place-items:center;width:46px;height:46px;border:1px solid color-mix(in srgb,var(--primary) 52%,transparent);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,transparent),transparent);font-weight:800;letter-spacing:.08em;box-shadow:0 0 36px color-mix(in srgb,var(--primary) 13%,transparent)}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:15px;letter-spacing:.1em}.brand-copy small{color:var(--muted);font-size:12px;margin-top:5px}.main-nav{display:flex;gap:8px}.main-nav a{padding:10px 13px;border-radius:999px;color:var(--muted);border:1px solid transparent}.main-nav a:hover{color:var(--text);border-color:color-mix(in srgb,var(--primary) 30%,transparent);background:color-mix(in srgb,var(--surface) 72%,transparent)}
.hero-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:54px;align-items:center;min-height:calc(100vh - 86px);padding:72px clamp(18px,5vw,76px) 54px}.terminal-line{margin:0 0 16px;display:flex;align-items:center;gap:10px;color:var(--primary);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 20px var(--primary)}h1{font-size:clamp(48px,8vw,104px);line-height:.93;letter-spacing:-.06em;margin:0 0 24px;max-width:920px}.hero-subtitle{font-size:clamp(17px,2vw,22px);line-height:1.8;color:color-mix(in srgb,var(--text) 78%,var(--muted));max-width:780px;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.xg-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 34%,transparent);overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease}.xg-button::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0 36%,color-mix(in srgb,#fff 36%,transparent),transparent 64%);transform:translateX(-120%);transition:transform .55s ease}.xg-button:hover::after{transform:translateX(120%)}.xg-button.primary{background:var(--primary);color:#111}.xg-button.ghost{background:color-mix(in srgb,var(--surface) 58%,transparent);color:var(--text)}.xg-button:hover{transform:translateY(-2px);border-color:var(--primary)}.hero-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.stat-card{padding:14px 16px;min-width:120px;border-radius:calc(var(--radius)*.72);background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);position:relative;overflow:hidden}.stat-card.wide{min-width:180px}.stat-card.large{min-width:240px;padding:22px}.stat-card::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 12%,transparent),transparent);transform:translateX(-120%)}.stat-card:hover::before{animation:sweep .8s ease}.stat-card b{display:block;font-size:21px}.stat-card small{display:block;color:var(--muted);margin-top:6px}@keyframes sweep{to{transform:translateX(120%)}}
.hero-stage-wrap{perspective:1200px}.hero-stage{position:relative;min-height:620px;border-radius:calc(var(--radius)*1.35);background:linear-gradient(145deg,color-mix(in srgb,var(--surface2) 78%,transparent),color-mix(in srgb,var(--surface) 84%,transparent));border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);overflow:hidden;box-shadow:0 40px 130px color-mix(in srgb,#000 68%,transparent),inset 0 0 0 1px color-mix(in srgb,#fff 8%,transparent);transform-style:preserve-3d;transition:transform .18s ease}.stage-scan{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0 44%,color-mix(in srgb,var(--primary) 18%,transparent) 50%,transparent 56%);height:200%;animation:scanDown 5s ease-in-out infinite;opacity:.45}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--primary) 14%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--secondary) 14%,transparent) 1px,transparent 1px);background-size:38px 38px;transform:translateZ(30px)}.stage-rings{position:absolute;inset:12%;border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:50%;box-shadow:0 0 0 70px color-mix(in srgb,var(--primary) 4%,transparent),0 0 0 140px color-mix(in srgb,var(--secondary) 3%,transparent);animation:spin 28s linear infinite;transform:translateZ(60px)}@keyframes scanDown{0%,100%{transform:translateY(-55%)}50%{transform:translateY(4%)}}
.stage-core{position:absolute;inset:18% 12% 22%;display:grid;place-items:center;transform:translateZ(100px)}.gate-model{position:relative;width:min(82%,430px);height:330px;filter:drop-shadow(0 30px 60px color-mix(in srgb,var(--primary) 14%,transparent))}.gate-top,.gate-left,.gate-right,.gate-door,.gate-courtyard{position:absolute;border:1px solid color-mix(in srgb,var(--primary) 60%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,transparent),color-mix(in srgb,var(--surface) 85%,transparent));box-shadow:inset 0 0 26px color-mix(in srgb,var(--primary) 8%,transparent)}.gate-top{left:18%;top:12%;width:64%;height:42px}.gate-left{left:20%;top:22%;width:48px;height:190px}.gate-right{right:20%;top:22%;width:48px;height:190px}.gate-door{left:38%;top:34%;width:24%;height:118px;border-color:color-mix(in srgb,var(--danger) 70%,transparent)}.gate-courtyard{left:22%;bottom:12%;width:56%;height:72px;border-color:color-mix(in srgb,var(--secondary) 58%,transparent);background:color-mix(in srgb,var(--secondary) 10%,transparent)}.route-line{position:absolute;height:3px;background:var(--danger);box-shadow:0 0 16px var(--danger);transform-origin:left center}.route-a{left:8%;top:50%;width:33%;animation:pulse 2.5s infinite}.route-b{left:50%;top:50%;width:34%;animation:pulse 2.5s .4s infinite}.control-field{position:absolute;left:24%;top:24%;width:52%;height:52%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--secondary) 26%,transparent),transparent 68%);animation:pulse 3.2s infinite}@keyframes pulse{50%{opacity:.35;transform:scaleX(.84)}}.stage-title{position:absolute;left:24px;bottom:24px;display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--bg) 62%,transparent);border:1px solid color-mix(in srgb,var(--primary) 26%,transparent);padding:16px;border-radius:18px;backdrop-filter:blur(14px)}.stage-title small,.float-label small{font-size:10px;color:var(--muted);letter-spacing:.18em}.stage-title strong{font-size:22px}.stage-title span{color:var(--muted)}.float-label{position:absolute;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--bg) 58%,transparent);border:1px solid color-mix(in srgb,var(--secondary) 24%,transparent);backdrop-filter:blur(14px);transform:translateZ(130px)}.float-label b{display:block;margin-top:3px;color:var(--text)}
.section{padding:56px clamp(18px,5vw,76px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section-head h2{font-size:clamp(32px,5vw,58px);line-height:1;margin:0;letter-spacing:-.04em}.section-head p{color:var(--muted);max-width:640px;line-height:1.7;margin:0}.archive-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.archive-card,.column-card,.process-card,.contact-card{position:relative;border-radius:var(--radius);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 86%,transparent),color-mix(in srgb,var(--surface2) 72%,transparent));border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);overflow:hidden;min-height:280px;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.archive-card{grid-column:span 4;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.archive-card.wide{grid-column:span 6}.archive-card.large{grid-column:span 8;min-height:390px}.archive-card.full{grid-column:1/-1}.archive-card::before,.column-card::before,.process-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx-card,50%) var(--my-card,50%),color-mix(in srgb,var(--primary) 18%,transparent),transparent 42%);opacity:0;transition:opacity .25s}.archive-card::after,.column-card::after,.process-card::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 78%,transparent),transparent) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0}.archive-card:hover,.column-card:hover,.process-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--primary) 55%,transparent);box-shadow:0 30px 80px color-mix(in srgb,#000 52%,transparent),0 0 50px color-mix(in srgb,var(--primary) 10%,transparent)}.archive-card:hover::before,.column-card:hover::before,.process-card:hover::before{opacity:1}.archive-card:hover::after,.column-card:hover::after,.process-card:hover::after{opacity:1;animation:sweepBorder 1.2s ease}@keyframes sweepBorder{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}.archive-top{display:flex;justify-content:space-between;gap:12px;position:relative;z-index:2}.archive-code{font-size:11px;letter-spacing:.14em;color:var(--primary)}.archive-status{font-size:12px;color:var(--muted);border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);border-radius:999px;padding:6px 9px}.archive-title{position:relative;z-index:2}.archive-title h3{font-size:clamp(24px,3vw,44px);margin:0 0 10px;letter-spacing:-.04em}.archive-title p{color:var(--muted);line-height:1.7;margin:0}.archive-meta{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tag{font-size:12px;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:color-mix(in srgb,var(--text) 90%,var(--primary));border:1px solid color-mix(in srgb,var(--primary) 16%,transparent)}.open-file{position:absolute;right:18px;bottom:16px;transform:translateY(16px);opacity:0;color:var(--primary);font-size:12px;letter-spacing:.14em;transition:.25s}.archive-card:hover .open-file{opacity:1;transform:translateY(0)}.archive-card .cover-ghost{position:absolute;right:-30px;top:48px;width:260px;height:260px;border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);border-radius:36px;transform:rotate(18deg);opacity:.18;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,transparent),transparent)}
.columns-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.column-card{padding:22px;min-height:300px}.column-card.large{grid-column:span 2}.column-card .icon{font-size:42px;color:var(--col-color,var(--primary));filter:drop-shadow(0 0 24px color-mix(in srgb,var(--col-color,var(--primary)) 45%,transparent))}.column-card h3{font-size:28px;margin:24px 0 12px}.column-card p{color:var(--muted);line-height:1.75}.line-art{position:absolute;right:0;bottom:0;width:62%;height:62%;opacity:.18;background:repeating-linear-gradient(35deg,var(--col-color,var(--primary)) 0 1px,transparent 1px 12px);clip-path:polygon(18% 0,100% 24%,72% 100%,0 72%);transition:.3s}.column-card:hover .line-art{opacity:.32;transform:translate(-8px,-8px) scale(1.06)}
.process-wrap{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-wrap::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),var(--secondary),transparent);opacity:.35}.process-card{padding:22px;min-height:260px;z-index:1}.process-card.large{grid-column:span 2}.process-tag{font-size:11px;letter-spacing:.18em;color:var(--primary)}.process-icon{font-size:38px;margin:24px 0;color:var(--step-color,var(--primary))}.process-card h3{font-size:26px;margin:0 0 12px}.process-card p{color:var(--muted);line-height:1.72}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.contact-card{padding:26px;min-height:220px}.link-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.platform-link{padding:16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);background:color-mix(in srgb,var(--surface) 74%,transparent);transition:.25s}.platform-link:hover{transform:translateY(-4px);border-color:var(--primary)}.platform-link b{display:block}.platform-link span{display:block;color:var(--muted);font-size:13px;margin-top:6px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:42px clamp(18px,5vw,76px);border-top:1px solid color-mix(in srgb,var(--primary) 12%,transparent);color:var(--muted)}.back-top{color:var(--primary)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
.admin-body{cursor:auto}.admin-header{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:34px clamp(18px,5vw,64px);border-bottom:1px solid color-mix(in srgb,var(--primary) 14%,transparent)}.admin-header h1{font-size:clamp(34px,5vw,62px);margin:0 0 10px}.admin-header p:not(.terminal-line){color:var(--muted);max-width:820px;line-height:1.7;margin:0}.admin-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;padding:22px clamp(18px,5vw,64px) 64px}.admin-tabs{position:sticky;top:20px;align-self:start;display:grid;gap:8px}.admin-tabs button,.admin-btn{border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);background:color-mix(in srgb,var(--surface) 70%,transparent);border-radius:14px;padding:12px 14px;text-align:left;cursor:pointer}.admin-tabs button.active,.admin-tabs button:hover,.admin-btn:hover{background:color-mix(in srgb,var(--primary) 16%,var(--surface));border-color:color-mix(in srgb,var(--primary) 48%,transparent)}.admin-panel{min-height:70vh;border:1px solid color-mix(in srgb,var(--primary) 16%,transparent);background:color-mix(in srgb,var(--surface) 76%,transparent);border-radius:var(--radius);padding:24px}.admin-section{display:grid;gap:16px}.admin-section h2{margin:0;font-size:30px}.admin-section p{color:var(--muted);line-height:1.7}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-row{display:grid;gap:7px}.field-row span{color:var(--muted);font-size:13px}.field-row input,.field-row textarea,.field-row select{width:100%;padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);background:color-mix(in srgb,var(--bg) 56%,transparent);outline:none}.field-row textarea{min-height:88px;resize:vertical}.item-card{border:1px solid color-mix(in srgb,var(--primary) 16%,transparent);border-radius:18px;padding:16px;background:color-mix(in srgb,var(--bg) 32%,transparent);display:grid;gap:12px}.item-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.item-actions{display:flex;flex-wrap:wrap;gap:8px}.item-actions button,.small-btn{border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);background:transparent;border-radius:999px;padding:7px 10px;cursor:pointer;color:var(--text)}.item-actions button:hover,.small-btn:hover{background:color-mix(in srgb,var(--primary) 14%,transparent)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.preset-card{padding:18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary) 16%,transparent);background:color-mix(in srgb,var(--bg) 34%,transparent);cursor:pointer}.preset-card.active{border-color:var(--primary);box-shadow:0 0 32px color-mix(in srgb,var(--primary) 14%,transparent)}.swatches{display:flex;gap:6px;margin-top:16px}.swatches i{width:28px;height:28px;border-radius:50%;border:1px solid #ffffff22}.export-box{width:100%;min-height:280px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.notice{padding:14px 16px;border:1px solid color-mix(in srgb,var(--secondary) 22%,transparent);background:color-mix(in srgb,var(--secondary) 8%,transparent);border-radius:16px;color:color-mix(in srgb,var(--text) 88%,var(--secondary))}
@media (max-width:980px){body:not(.admin-body){cursor:auto}.scanner-cursor{display:none}.site-header{position:relative;align-items:flex-start}.main-nav{display:none}.hero-section{grid-template-columns:1fr;min-height:auto;padding-top:42px}.hero-stage{min-height:460px}.archive-card,.archive-card.wide,.archive-card.large{grid-column:1/-1}.columns-grid,.process-wrap,.contact-grid{grid-template-columns:1fr}.column-card.large,.process-card.large{grid-column:auto}.process-wrap::before{display:none}.admin-shell{grid-template-columns:1fr}.admin-tabs{position:relative;grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* === V05.1 Elephant Interaction System === */
body.elephant-cursor-on .scanner-cursor{display:none!important}
.xg-elephant-cursor{position:fixed;left:0;top:0;width:52px;height:52px;margin:-26px 0 0 -26px;z-index:10000;pointer-events:none;color:var(--primary);opacity:0;transform:translate3d(var(--mx),var(--my),0) rotate(0deg) scale(.92);transition:opacity .22s ease,transform .055s linear;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--primary) 42%,transparent));mix-blend-mode:screen}.xg-elephant-cursor.is-on{opacity:.96}.xg-elephant-cursor svg{width:100%;height:100%;overflow:visible}.xg-elephant-cursor .scan-ring{position:absolute;inset:-10px;border:1px solid color-mix(in srgb,var(--secondary) 45%,transparent);border-radius:50%;animation:eleRing 2.2s ease-in-out infinite}.xg-elephant-cursor .trunk-beam{position:absolute;left:33px;top:27px;width:48px;height:1px;background:linear-gradient(90deg,var(--primary),transparent);transform-origin:left center;opacity:.62}.xg-elephant-cursor.dot{width:28px;height:28px;margin:-14px 0 0 -14px}.xg-elephant-cursor.dot .scan-ring,.xg-elephant-cursor.dot .trunk-beam{display:none}@keyframes eleRing{0%,100%{transform:scale(.8);opacity:.2}50%{transform:scale(1.15);opacity:.72}}
.xg-mascot{position:fixed;right:clamp(16px,3vw,34px);bottom:clamp(16px,4vw,34px);z-index:120;display:flex;align-items:flex-end;gap:12px;pointer-events:none;opacity:0;transform:translateY(18px) scale(.96);transition:opacity .35s ease,transform .35s ease,color .25s ease;color:var(--primary)}.xg-mascot.is-visible{opacity:1;transform:translateY(0) scale(1)}.xg-mascot[data-size="large"]{transform:translateY(18px) scale(1.08)}.xg-mascot.is-visible[data-size="large"]{transform:translateY(0) scale(1.08)}.xg-mascot[data-type="archive"]{color:var(--primary)}.xg-mascot[data-type="guide"]{color:var(--secondary)}.xg-mascot[data-type="engineer"]{color:#61D394}.xg-mascot[data-type="messenger"]{color:#FFCF70}.xg-mascot[data-type="myth"]{color:#B88CFF}.mascot-bubble{max-width:300px;padding:13px 15px;border:1px solid color-mix(in srgb,currentColor 36%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 22px 70px color-mix(in srgb,#000 48%,transparent),inset 0 0 0 1px color-mix(in srgb,#fff 7%,transparent);backdrop-filter:blur(14px)}.mascot-bubble b{display:block;margin-bottom:5px;font-size:13px;letter-spacing:.08em}.mascot-bubble span{display:block;color:color-mix(in srgb,var(--text) 78%,var(--muted));font-size:13px;line-height:1.55}.mascot-figure{position:relative;width:92px;height:92px;border:1px solid color-mix(in srgb,currentColor 36%,transparent);border-radius:28px;background:radial-gradient(circle at 32% 22%,color-mix(in srgb,currentColor 24%,transparent),transparent 38%),color-mix(in srgb,var(--surface2) 82%,transparent);box-shadow:0 0 42px color-mix(in srgb,currentColor 22%,transparent);display:grid;place-items:center;overflow:hidden}.mascot-figure:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,color-mix(in srgb,currentColor 25%,transparent),transparent 30%);animation:spin 8s linear infinite}.mascot-figure svg{position:relative;width:72px;height:72px;z-index:1;filter:drop-shadow(0 0 10px color-mix(in srgb,currentColor 36%,transparent))}.xg-mascot.is-active .mascot-figure svg{animation:eleBounce calc(1.4s/var(--motion)) ease-in-out infinite}.xg-mascot.is-stamping .mascot-figure svg{animation:eleStamp .48s ease 1}.xg-mascot.is-linking .mascot-figure svg{animation:eleLink 1.2s ease-in-out infinite}@keyframes eleBounce{50%{transform:translateY(-5px) rotate(-2deg)}}@keyframes eleStamp{40%{transform:translateY(9px) scale(.96)}70%{transform:translateY(-5px) scale(1.04)}}@keyframes eleLink{50%{transform:translateX(-4px) rotate(-3deg)}}
.elephant-interactions-on .archive-card{overflow:hidden}.elephant-interactions-on .archive-card .elephant-stamp{position:absolute;right:18px;bottom:18px;z-index:4;padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary) 55%,transparent);border-radius:999px;color:var(--primary);font-size:12px;letter-spacing:.12em;transform:translateY(12px) rotate(-8deg) scale(.72);opacity:0;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--primary) 20%,transparent);transition:opacity .25s ease,transform .25s ease}.elephant-interactions-on .archive-card:hover .elephant-stamp{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}.elephant-interactions-on .archive-card .trunk-scan{position:absolute;left:-30%;top:50%;width:58%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);z-index:4;opacity:0;filter:drop-shadow(0 0 10px var(--primary));transform:rotate(-12deg)}.elephant-interactions-on .archive-card:hover .trunk-scan{animation:trunkSweep .9s ease forwards}.elephant-interactions-on .archive-card.is-elephant-hover{border-color:color-mix(in srgb,var(--primary) 72%,transparent);box-shadow:0 26px 90px color-mix(in srgb,var(--primary) 18%,transparent)}@keyframes trunkSweep{0%{left:-30%;opacity:0}20%{opacity:.95}100%{left:78%;opacity:0}}
.elephant-interactions-on .process-card{overflow:hidden}.process-elephant-line{position:absolute;left:22px;right:22px;bottom:16px;height:2px;background:linear-gradient(90deg,transparent,var(--step-color,var(--primary)),transparent);transform:scaleX(0);transform-origin:left center;opacity:0;filter:drop-shadow(0 0 10px var(--step-color,var(--primary)));transition:transform .32s ease,opacity .32s ease}.elephant-interactions-on .process-card:hover .process-elephant-line{transform:scaleX(1);opacity:.9}.elephant-interactions-on .process-card:hover .process-icon{transform:translateY(-4px) rotate(-4deg)}.column-card.is-elephant-hover,.process-card.is-elephant-hover{border-color:color-mix(in srgb,currentColor 68%,transparent)}
.elephant-mode-formal .xg-mascot .mascot-bubble{opacity:.86}.elephant-mode-minimal .xg-mascot{display:none}.elephant-mode-fun .xg-mascot .mascot-figure{border-radius:32px}.elephant-mode-fun .mascot-bubble b:before{content:"XG-ELEPHANT / ";color:currentColor;font-size:10px}.admin-body .xg-mascot,.admin-body .xg-elephant-cursor{display:none!important}
@media(max-width:820px){body:not(.admin-body){cursor:auto}.xg-elephant-cursor,.scanner-cursor{display:none!important}.xg-mascot{right:14px;bottom:14px;transform:scale(.84) translateY(16px)}.xg-mascot.is-visible{transform:scale(.84) translateY(0)}.mascot-bubble{display:none}.mascot-figure{width:64px;height:64px;border-radius:20px}.mascot-figure svg{width:50px;height:50px}}