*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{color:#f6fffb;background:#315f7b;font-family:Times New Roman,SimSun,Songti SC,serif;overflow:hidden}#app{isolation:isolate;background:radial-gradient(at 15% 55%,#80f4ff94,#0000 42%),radial-gradient(at 82% 36%,#74ffcd80,#0000 38%),radial-gradient(at 48% 30%,#76e1ffa8,#0000 46%),radial-gradient(at 36% 72%,#ffbdeb5c,#0000 36%),radial-gradient(at 72% 76%,#ffd56a4d,#0000 34%),radial-gradient(at 8% 18%,#9876ff52,#0000 34%),linear-gradient(#467b9ad1,#235477c7 42%,#325f7bdb),#315f7b;position:relative;overflow:hidden}#app:before{content:"";z-index:0;pointer-events:none;filter:brightness(1.18)contrast(1.16)saturate(1.12);opacity:.94;background:url(/assets/cevita_reference_tree-B6bApFD9.png) 50%/contain no-repeat;position:fixed;inset:0}#app:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000 30%,#74e8ff33 39%,#ae7aff24 50%,#69ffd633 61%,#0000 70%),radial-gradient(at 50% 48%,#79f0ff38,#0000 31%),radial-gradient(at 50% 66%,#ffd17424,#0000 28%),radial-gradient(at 22% 42%,#ff7edb3d,#0000 32%),radial-gradient(at 72% 26%,#57f8ff47,#0000 34%),radial-gradient(at 58% 82%,#ffdf8e33,#0000 28%),radial-gradient(circle at 9% 18%,#ffffffe6 0 1.2px,#0000 2px) 0 0/190px 160px,radial-gradient(circle at 78% 22%,#cfffffdb 0 1.2px,#0000 2px) 0 0/230px 190px,radial-gradient(circle at 33% 77%,#ffebacd1 0 1.2px,#0000 2px) 0 0/210px 210px,radial-gradient(circle at 91% 66%,#ffffffc7 0 1.2px,#0000 2px) 0 0/270px 230px,linear-gradient(90deg,#3d779114,#0000 22% 76%,#53859b1a),radial-gradient(circle at 50% 48%,#0000 0,#488b9e0a 58%,#1236521a 100%);position:fixed;inset:0}.trunk-caption-mask{z-index:0;pointer-events:none;background:radial-gradient(#01060de6 0%,#01060dad 48%,#01060d00 82%);width:min(520px,29vw);height:92px;position:fixed;top:54%;left:50%;transform:translate(-50%,-50%)}.trunk-left-text-mask{z-index:0;pointer-events:none;filter:blur(1px);background:linear-gradient(90deg,#01060d00 0%,#01060dc7 28%,#01060ddb 54%,#01060d70 78%,#01060d00 100%);width:min(84px,4.6vw);height:min(660px,57vh);position:fixed;top:45.6%;left:49.05%;transform:translate(-50%,-50%)}#cevita-canvas{z-index:1;cursor:grab;width:100vw;height:100vh;display:block;position:relative}#cevita-canvas:active{cursor:grabbing}.hud,.detail-panel,.english-panel,.legend{z-index:5;position:fixed}.hud{pointer-events:none;text-shadow:0 0 2px #000000eb,0 0 18px #62edffb8}.hud-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex;top:22px;left:24px;right:24px}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:linear-gradient(#fff4bf,#42f5ff 45%,#0c9dd2);border-radius:999px;width:12px;height:48px;box-shadow:0 0 18px #42f5ffeb,0 0 46px #ff6ec76b}.brand strong{color:#fff8d7;letter-spacing:0;font-size:clamp(24px,2.9vw,42px);font-weight:700;line-height:1.05;display:block}.brand span,.metrics span{color:#f6fffbf0;letter-spacing:0;text-shadow:0 0 2px #000000f5,0 0 12px #47eeff6b;font-size:13px;line-height:1.45;display:block}.metrics{white-space:nowrap;justify-items:end;gap:6px;padding-top:3px;display:grid}.detail-panel,.english-panel{-webkit-backdrop-filter:blur(8px)saturate(1.12);backdrop-filter:blur(8px)saturate(1.12);background:linear-gradient(#071b2d4d,#03101f4d);border:1px solid #82ffe87a;border-radius:8px;width:min(560px,100vw - 44px);min-height:334px;padding:18px 18px 16px;top:310px;right:22px;box-shadow:0 0 44px #2ddaff4d,inset 0 0 34px #ffd67e1a}.english-panel{width:min(640px,35vw - 64px);min-height:300px;top:44%;left:30px;right:auto}.eyebrow{color:#9dfcff;text-shadow:0 0 10px #4cedff73;margin-bottom:10px;font-size:13px;line-height:1.2;display:inline-block}.detail-panel h1,.english-panel h1{color:#fff9d8;letter-spacing:0;text-shadow:0 0 2px #000000f0,0 0 15px #ffd67e57;margin:0 0 10px;font-size:clamp(18px,1.35vw,22px);font-weight:700;line-height:1.18}.english-panel h1{font-size:clamp(18px,1.32vw,22px)}.detail-panel p,.english-panel p{color:#f9fffcf5;text-shadow:0 0 2px #000000e6;margin:0 0 16px;font-size:15px;line-height:1.55}.detail-panel dl,.english-panel dl{gap:10px;margin:0;display:grid}.detail-panel dl div,.english-panel dl div{grid-template-columns:82px 1fr;align-items:start;gap:10px;display:grid}.detail-panel dt,.english-panel dt{color:#9dfcfff0;font-size:13px}.detail-panel dd,.english-panel dd{color:#fffadcfa;text-shadow:0 0 2px #000000e6;margin:0;font-size:13px;line-height:1.45}.legend{color:#f6fffbf5;pointer-events:none;text-shadow:0 0 2px #000000f2,0 0 14px #1de0ff9e;grid-template-columns:max-content;align-items:start;gap:5px;font-size:13px;display:grid;bottom:16px;left:24px;right:24px}.legend span{grid-template-rows:auto auto;grid-template-columns:12px auto;align-items:center;gap:1px 8px;min-height:30px;display:grid}.legend i{border-radius:50%;grid-row:1/span 2;width:10px;height:10px;display:inline-block;box-shadow:0 0 13px}.legend b,.legend em{letter-spacing:0;font-style:normal;line-height:1.08;display:block}.legend b{color:#fff8d7fa;font-size:13px;font-weight:700}.legend em{color:#f6fffbe6;font-size:12px}.language-strip{z-index:6;gap:6px;display:inline-flex;position:fixed;bottom:18px;right:22px}.language-strip button{color:#f8fffcfa;text-shadow:0 0 2px #000000e6;background:#051526d1;border:1px solid #9dfcff75;border-radius:6px;min-width:52px;min-height:28px;font-family:Times New Roman,SimSun,Songti SC,serif;font-size:12px}.root-dot{color:#4dd8ff;background:#4dd8ff}.trunk-dot{color:#17d7ff;background:#17d7ff}.leaf-dot{color:#75ff9b;background:#75ff9b}@media (width<=900px){.english-panel{display:none}.detail-panel{width:auto;min-height:0;padding:14px 14px 12px;inset:auto 14px 68px}.detail-panel h1{font-size:20px}.detail-panel p{margin-bottom:10px;font-size:13px;line-height:1.42}.detail-panel dl{display:none}}@media (width<=720px){.hud-top{display:block;top:12px;left:14px;right:14px}.brand{gap:9px}.brand-mark{height:40px}.brand strong{font-size:24px}.brand span{font-size:12px}.metrics{grid-template-columns:repeat(3,max-content);justify-items:start;gap:10px;margin-top:8px}.legend{gap:6px 10px;font-size:12px;bottom:46px;left:14px;right:14px}.language-strip{bottom:10px;left:14px;right:auto}}