:root{--bg-abyss: #050505;--bg-panel: #0a0a0a;--bg-card: #0d0d0d;--text-main: #f0f0f0;--text-dim: #b0b0b0;--text-muted: #666666;--accent-red: #ff003c;--accent-orange: #ff3c00;--accent-glow: rgba(255, 0, 60, .6);--accent-glow-soft: rgba(255, 0, 60, .15);--ff-display: "Inter", "Arial Black", Impact, sans-serif;--ff-cn: "Noto Sans SC", "Microsoft YaHei", sans-serif;--content-max-width: 900px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{width:100%;min-height:100vh;background-color:var(--bg-abyss);color:var(--text-main);font-family:var(--ff-display);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent-red);color:var(--bg-abyss)}#scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px)}.screen-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;opacity:.25;transform:scale(1.35);will-change:transform}.screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse at center,transparent 30%,var(--bg-abyss) 80%)}.screen{width:100vw;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:4rem 2rem;scroll-snap-align:start;scroll-snap-stop:always}.label-tag{font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--accent-red);margin-bottom:2rem;font-weight:400;opacity:.85;position:relative;z-index:2}.label-tag:before{content:">";margin-right:.5em;opacity:.5}.intro-content{text-align:center;position:relative;z-index:2}.glitch-text{font-size:clamp(4rem,12vw,10rem);font-weight:900;text-transform:uppercase;letter-spacing:.15em;line-height:1;position:relative;color:var(--text-main);text-shadow:0 0 30px rgba(255,255,255,.2);margin-bottom:.5rem}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.glitch-text:before{color:var(--accent-red);z-index:-1}.glitch-text:after{color:#0ff;z-index:-2}.glitch-text.active:before{animation:glitch-shift-1 .3s infinite alternate-reverse;opacity:.8}.glitch-text.active:after{animation:glitch-shift-2 .3s infinite alternate-reverse;opacity:.8}@keyframes glitch-shift-1{0%{clip-path:inset(20% 0 60% 0);transform:translate(-3px,1px)}20%{clip-path:inset(50% 0 10% 0);transform:translate(2px,-1px)}40%{clip-path:inset(10% 0 70% 0);transform:translate(-1px,2px)}60%{clip-path:inset(70% 0 5% 0);transform:translate(3px)}80%{clip-path:inset(30% 0 40% 0);transform:translate(-2px,-2px)}to{clip-path:inset(60% 0 20% 0);transform:translate(1px,1px)}}@keyframes glitch-shift-2{0%{clip-path:inset(65% 0 10% 0);transform:translate(3px,-1px)}20%{clip-path:inset(15% 0 60% 0);transform:translate(-2px,2px)}40%{clip-path:inset(45% 0 30% 0);transform:translate(1px,-2px)}60%{clip-path:inset(5% 0 80% 0);transform:translate(-3px,1px)}80%{clip-path:inset(75% 0 5% 0);transform:translate(2px)}to{clip-path:inset(30% 0 50% 0);transform:translate(-1px,-1px)}}.cn-name{font-family:var(--ff-cn);font-size:clamp(1.2rem,3vw,2.5rem);font-weight:900;letter-spacing:2em;margin-left:2em;color:#ffffffd9;margin-top:-1.5rem;position:relative;z-index:5;text-shadow:0 0 15px rgba(255,255,255,.4)}.subtitle{font-size:clamp(.9rem,1.5vw,1.3rem);color:var(--accent-red);margin-top:2rem;letter-spacing:.4em;font-weight:700;text-shadow:0 0 10px var(--accent-glow-soft)}.intro-desc{max-width:650px;margin:3rem auto 0;font-family:var(--ff-cn);font-size:1.05rem;line-height:2.2;color:#ccc;font-weight:300;text-shadow:0 2px 4px rgba(0,0,0,.8);opacity:0}.data-strip{display:inline-flex;justify-content:center;align-items:center;gap:1.2rem;margin-top:3.5rem;padding:1rem 2rem;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),transparent);font-size:.8rem;letter-spacing:.15em;color:#999;opacity:0}.data-item{display:flex;align-items:center;gap:.5rem}.data-item em{font-style:normal;color:var(--accent-red);font-weight:700;text-transform:uppercase;font-size:.65rem}.data-divider{color:var(--text-muted);font-weight:300}.status-active{color:#00ff6a;font-weight:700;animation:status-blink 2s ease-in-out infinite}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.3}}.scroll-hint{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.scroll-hint span{font-size:.6rem;letter-spacing:.3em;color:var(--text-dim)}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent-red),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.decap-content{text-align:center;position:relative;z-index:2;width:100%;max-width:var(--content-max-width)}.decap-text-wrapper{position:relative;display:inline-block;overflow:visible}.decap-text{font-family:var(--ff-cn);font-size:clamp(3rem,10vw,8rem);font-weight:900;color:var(--text-main);position:relative;line-height:1.2}.decap-sub{font-family:var(--ff-cn);font-size:clamp(1rem,2vw,1.5rem);color:var(--text-dim);margin-top:1.5rem;letter-spacing:.5em;opacity:0}.split-line{position:absolute;top:50%;left:0;width:0;height:3px;background:var(--accent-red);z-index:10;box-shadow:0 0 15px var(--accent-glow),0 0 40px var(--accent-glow);transform:translateY(-50%)}.decap-narrative{margin-top:3rem;text-align:left;max-width:650px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:1.5rem;opacity:0}.narrative-block{border-left:2px solid var(--accent-red);padding-left:1.2rem}.narrative-label{display:block;font-size:.65rem;letter-spacing:.3em;color:var(--accent-red);margin-bottom:.5rem;font-weight:700}.narrative-block p{font-family:var(--ff-cn);font-size:.9rem;line-height:1.9;color:var(--text-dim)}.mutation-content{text-align:center;position:relative;z-index:2;max-width:var(--content-max-width);width:100%}.eye-tracker-container{display:flex;gap:clamp(2rem,8vw,8rem);justify-content:center;margin-bottom:2rem}.eye{width:clamp(80px,12vw,140px);height:clamp(80px,12vw,140px);border-radius:50%;border:2px solid var(--accent-red);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 20px var(--accent-glow),inset 0 0 20px var(--accent-glow-soft);background:radial-gradient(circle,rgba(255,0,60,.05) 0%,transparent 70%)}.pupil{width:30%;height:30%;border-radius:50%;background:var(--accent-red);box-shadow:0 0 15px var(--accent-glow);transition:transform .1s ease-out}.mutation-text{font-family:var(--ff-cn);font-size:clamp(2rem,5vw,4rem);font-weight:900;line-height:1.6;color:var(--text-main)}.mutation-sub{font-size:clamp(.85rem,1.5vw,1.2rem);color:var(--accent-red);margin-top:1.5rem;letter-spacing:.4em}.mutation-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;opacity:0}.detail-card{background:var(--bg-card);border:1px solid var(--text-muted);border-radius:4px;padding:2rem 1.5rem;text-align:left;transition:border-color .3s ease,box-shadow .3s ease}.detail-card:hover{border-color:var(--accent-red);box-shadow:0 0 20px var(--accent-glow-soft)}.detail-icon{font-size:1.8rem;margin-bottom:1rem}.glyph-icon{font-family:var(--ff-cn);font-weight:900;font-size:2.2rem;color:var(--accent-red);position:relative;display:inline-block;text-shadow:0 0 12px var(--accent-glow);animation:glyph-pulse 3s ease-in-out infinite}.glyph-icon span{display:inline-block;transition:transform .3s ease}.detail-card:hover .glyph-icon span{transform:scale(1.2) rotate(-5deg);text-shadow:0 0 25px var(--accent-glow),0 0 50px var(--accent-glow)}@keyframes glyph-pulse{0%,to{text-shadow:0 0 8px var(--accent-glow)}50%{text-shadow:0 0 20px var(--accent-glow),0 0 40px rgba(255,0,60,.3)}}.detail-card h3{font-family:var(--ff-cn);font-size:1rem;font-weight:700;color:var(--accent-red);margin-bottom:.8rem}.detail-card p{font-family:var(--ff-cn);font-size:.82rem;line-height:1.8;color:var(--text-dim)}.outro-content{text-align:center;position:relative;z-index:2;max-width:var(--content-max-width);width:100%}.cyber-emblem{position:relative;width:65px;height:65px;margin:0 auto 2.5rem;display:flex;justify-content:center;align-items:center;border:1px solid var(--accent-red);transform:rotate(45deg);box-shadow:0 0 15px var(--accent-glow-soft),inset 0 0 10px #ff003c1a;background:radial-gradient(circle,rgba(255,0,60,.1) 0%,transparent 70%)}.cyber-emblem:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:1px solid var(--accent-red);opacity:.3}.emblem-glyph{transform:rotate(-45deg);font-size:2rem;font-family:var(--ff-cn);font-weight:900;color:var(--accent-red);text-shadow:0 0 12px var(--accent-glow)}.outro-title{font-family:var(--ff-cn);font-size:clamp(3rem,8vw,7rem);font-weight:900;color:var(--text-main);position:relative}.outro-title:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 70%);opacity:0;z-index:-1;animation:breath-glow 3s ease-in-out infinite}@keyframes breath-glow{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}.outro-sub{font-size:clamp(.85rem,1.5vw,1.2rem);color:var(--accent-red);letter-spacing:.5em;margin-top:1rem}.poem-block{margin-top:3rem;padding:2rem 2.5rem;border:1px solid var(--text-muted);border-radius:2px;display:inline-block;text-align:center;opacity:0}.poem-line{font-family:var(--ff-cn);font-size:1.05rem;line-height:2.4;color:var(--text-dim);letter-spacing:.15em}.poem-line:nth-child(2){color:var(--accent-red);font-weight:700;font-size:1.1rem}.poem-author{font-family:var(--ff-cn);font-size:.75rem;color:var(--text-muted);margin-top:1rem;letter-spacing:.1em}.outro-message{max-width:600px;margin:2.5rem auto 0;opacity:0}.outro-message p{font-family:var(--ff-cn);font-size:.9rem;line-height:2;color:var(--text-dim)}.outro-credit{font-family:var(--ff-cn);font-size:.8rem;color:var(--text-muted);margin-top:3rem;letter-spacing:.2em}@media (max-width: 768px){.screen{padding:5rem 1rem 3rem;min-height:auto}.glitch-text{font-size:clamp(2.5rem,14vw,5rem)}.cn-name{font-size:clamp(1rem,4vw,2rem);letter-spacing:1.2em;margin-left:1.2em;margin-top:-1rem}.subtitle{margin-top:1.5rem}.intro-desc{font-size:.9rem;line-height:1.8;margin-top:2rem}.data-strip{flex-wrap:wrap;gap:.8rem;padding:.8rem 1rem;margin-top:2rem;font-size:.7rem}.data-divider{display:none}.eye-tracker-container{gap:2rem;margin-bottom:1.5rem;transform:scale(.85)}.mutation-text{font-size:clamp(1.8rem,7vw,3rem)}.mutation-detail{grid-template-columns:1fr;gap:1rem;margin-top:2rem}.detail-card{padding:1.2rem 1rem}.glyph-icon{font-size:1.6rem}.decap-text{font-size:clamp(2.5rem,12vw,5rem)}.split-line{height:2px}.decap-narrative{padding:0;gap:1rem;margin-top:2rem}.narrative-block p{font-size:.85rem;line-height:1.7}.cyber-emblem{transform:rotate(45deg) scale(.8);margin-bottom:1.5rem}.outro-title{font-size:clamp(2.5rem,10vw,5rem)}.poem-block{padding:1.2rem 1rem;margin-top:2rem}.poem-line{font-size:.9rem;line-height:2.2}.poem-line:nth-child(2){font-size:.95rem}.outro-message p{font-size:.85rem;line-height:1.8}}