/* Art direction follows the supplied 1586×992 reference; text stays live and accessible. */
.reference-scene{--paper:#e7ddc4;--paper2:#cfc09d;--red:#77231e;--ink:#211b13;--line:#a49370;background:#12150f;color:var(--ink);padding:30px 30px 90px;background-image:radial-gradient(ellipse at 58% 0,#6a573c22,transparent 60%),repeating-linear-gradient(3deg,#0000 0 3px,#d6bb7d05 3px 4px);font-family:'Microsoft YaHei',sans-serif}
.reference-scene .case-header{position:relative;max-width:1500px;margin:0 auto 0;min-height:126px;padding:0 0 8px}.paper-label{display:inline-block;background:#e8dfc8;color:#211d15;box-shadow:0 2px 3px #000a;padding:2px 12px;font:bold 15px SimSun;transform:rotate(-2deg);border:1px solid #a89d7e;letter-spacing:1px}.brand-line{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap}.wordmark{font:clamp(40px,5vw,70px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-3px;color:#ded5ba;text-shadow:2px 3px #000}.reference-scene .case-header h1{font-size:23px;margin:0;color:#ded5ba}.reference-scene .case-progress{position:absolute;right:5px;top:40px;border:0;color:#b9ae8c;font-size:12px;padding:0}.desk-motto{font:10px/1.5 Georgia;letter-spacing:3px;position:absolute;right:10px;top:0}.reference-scene .keycap-nav{position:relative;top:auto;width:680px;max-width:70%;margin:-6px auto 32px;gap:18px;background:transparent;border:0;box-shadow:none;padding:0;z-index:35}.reference-scene .keycap-nav button{position:relative;min-height:64px;font:700 20px SimSun;color:#7d2b23;border:5px solid #2b291f;border-bottom:8px solid #141710;border-radius:8px;background:linear-gradient(100deg,#d1c2a2,#f0e6cc 40%,#d7c5a0);box-shadow:inset 0 0 0 1px #f5ecd2,inset 0 0 0 3px #9c8b69,2px 5px 0 #000,0 7px 12px #0008;text-shadow:0 1px #fff9;transform:rotate(-1deg);padding:10px 8px}.reference-scene .keycap-nav button:nth-child(2n){transform:rotate(1deg)}.reference-scene .keycap-nav button[aria-current=page]{outline:2px solid #8f3329;outline-offset:3px}.reference-scene .keycap-nav button:active,.reference-scene .keycap-nav button[data-pressed=true]{transform:translateY(3px);box-shadow:inset 0 4px 7px #0008,inset 0 0 0 2px #8b7957;border-bottom-width:5px}.reference-scene .keycap-nav button.released{animation:key-release 190ms ease-out}
.reference-scene .wrap{position:relative;max-width:1400px;margin:auto;padding-left:110px;display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:0;align-items:start;isolation:isolate}.reference-scene .wrap:before,.reference-scene .wrap:after{content:'';position:absolute;z-index:-1;inset:0 20px 0 5px;background:linear-gradient(100deg,#3b3020,#685137 50%,#322b1c);border:2px solid #8c7248;box-shadow:0 0 0 5px #191a11,0 0 0 7px #725837,0 16px 30px #000a;transform:rotate(-1deg)}.reference-scene .wrap:after{inset:15px 55px -8px 40px;transform:rotate(1deg);background:#504329;z-index:-2}.reference-scene .main{position:relative;gap:18px;z-index:2;min-width:0}.reference-scene .panel,.reference-scene #box,.reference-scene #restore{border:1px solid #a09070;border-radius:0;background-color:var(--paper);background-image:url('assets/paper-grain.svg');box-shadow:inset 0 0 22px #70542d27,0 0 0 5px #cdbf9e,0 0 0 7px #5d4d32,0 0 0 10px #ac9772,3px 8px 12px #0008;padding:30px}.reference-scene .main>.panel,.reference-scene #restore{margin:8px 4px 12px 0}.reference-scene .panel h2:after,.reference-scene #restore h2:after,.reference-scene #box h2:after{background:var(--red);height:3px;width:52px;margin-top:13px}.reference-scene .archive-heading h2{font-size:38px}.reference-scene #out{height:440px;background-color:var(--paper);background-image:url('assets/paper-grain.svg')}.reference-scene .record{background:#f4ead18c;border-left-color:var(--red)}.reference-scene .row button{box-shadow:inset 0 0 0 2px #e9ddbf,0 2px 1px #675c43;background:#d6c7a7;border-color:#877554}.reference-scene .chip{border-radius:1px;background:#d5c5a5 url('assets/paper-grain.svg');font-family:SimSun,serif;box-shadow:1px 2px 2px #4b392534}.reference-scene .chip[aria-pressed=true]{background-color:var(--red);color:#f3e4c5}.reference-scene .small{color:#75684e}
.folder-tabs{position:absolute;left:0;top:18px;z-index:1;display:flex;flex-direction:column;width:130px;gap:10px}.folder-tabs button{height:120px;padding:14px 13px;position:relative;background:linear-gradient(100deg,#b1a181,#d0c4a5 65%,#6e624a);border:1px solid #3b3324;box-shadow:inset 0 0 0 5px #b8a886,0 3px 3px #0008;transform:rotate(-1deg);text-align:left;font-family:SimSun;color:#342c1c;border-radius:4px}.folder-tabs button:nth-child(2n){transform:rotate(1deg)}.folder-tabs button span{font:34px Georgia;display:block}.folder-tabs button strong{font-size:14px;position:relative;z-index:1}.folder-tabs button i{position:absolute;width:35px;height:65px;right:5px;top:30px;background:#292b23;border:4px solid #c2b796;transform:rotate(6deg);opacity:.6}.folder-tabs button[aria-current=page]{background:#f0e5cd url('assets/paper-grain.svg');color:var(--red);box-shadow:inset 0 0 0 4px #e5d3ac,0 3px 3px #0008;z-index:3;transform:translateX(-6px)}
.reference-scene .side{position:relative;padding:0 0 0 10px;gap:26px;display:flex;flex-direction:column;min-width:0;z-index:3}.reference-scene .assistant{background:transparent;border:0;box-shadow:none;padding:0;margin:10px -10px 20px -20px;display:flex;flex-direction:column;gap:0;color:#211b13;position:relative;min-height:565px}.reference-scene .assistant-toggle{background:#dfd0af url('assets/paper-grain.svg');color:#342719;border:1px solid #88704b;border-radius:2px;font-family:SimSun;font-size:16px;padding:10px;transform:rotate(-7deg);min-height:58px;box-shadow:1px 3px 3px #0009;order:0;position:relative;z-index:3}.reference-scene .assistant .original-line-portrait{display:none}.sela-reference-figure{height:360px;margin:-2px -10px -4px;position:relative;z-index:1}.sela-reference-figure svg{height:100%;width:100%;display:block;filter:drop-shadow(4px 6px 2px #0005)}.reference-scene .assistant-note{background:#ddcaa4 url('assets/paper-grain.svg');padding:16px 18px;transform:rotate(-6deg);border:1px solid #8d7653;box-shadow:2px 4px 3px #0009;position:relative;z-index:2;margin-top:-7px}.reference-scene .assistant #selaStatus{font:700 14px SimSun;color:var(--red);margin:0 0 5px}.reference-scene .assistant #selaMessage{font:17px/1.65 KaiTi,STKaiti,SimSun;margin:0}.note-signature{display:block;text-align:right;font:italic 17px Georgia;margin-top:6px}.sela-expression-tile{position:absolute;width:76px;height:81px;top:114px;right:12px;z-index:3;border:2px solid #b8a47d;background:#dfd1b1;box-shadow:2px 4px 5px #0005;transform:rotate(7deg)}.atlas-sprite{display:block;width:100%;height:100%;overflow:hidden}.reference-scene .assistant svg{max-height:none;margin:0}.reference-scene .assistant.collapsed{min-height:0}.reference-scene .assistant.collapsed .sela-reference-figure,.reference-scene .assistant.collapsed .sela-expression-tile,.reference-scene .assistant.collapsed .assistant-note{display:none}
.reference-scene #restore{position:relative;padding:30px 34px 24px;min-height:750px}.reference-scene #restore>h2{font:bold clamp(36px,4.6vw,64px)/1.25 SimSun;margin:4px 0 22px;color:#250e0a}.reference-scene #restore>h2:after{margin-top:8px}.reasoning-intro{position:relative;border-top:1px solid #a99977;padding-top:12px;margin-top:-8px}.reasoning-intro>span{position:absolute;right:0;top:-88px;text-align:right;color:var(--red);font:10px/1.9 Georgia;letter-spacing:4px}.reasoning-intro p{font-family:SimSun;font-size:18px;margin:0}.reference-scene .reasoning-guidance{font-size:13px;margin-top:10px;margin-bottom:0}.reference-scene .deck-shell{padding:0 0 8px}.reference-scene .deck-shell>.small{display:none}.reference-scene .deck-stage{height:340px;max-width:none;width:100%;margin:25px auto 4px;perspective:1100px;touch-action:pan-y}.reference-scene .deck-card{left:50%;right:auto;top:20px;bottom:auto;width:210px;height:300px;margin-left:-105px;border:1px solid #6e5a38;border-radius:5px 5px 1px 1px;box-shadow:inset 0 0 16px #74532925,2px 5px 3px #2c23165c;background:#d7c6a3 url('assets/paper-grain.svg');padding:12px 13px;transform:translateX(var(--fan-x)) translateY(var(--fan-y)) rotate(var(--fan-r)) scale(.83);transform-origin:50% 100%;transition:transform 280ms cubic-bezier(.18,.89,.32,1.28);will-change:auto;color:#3d301a;z-index:calc(12 - var(--depth));overflow:visible}.reference-scene .deck-card.front{transform:translateX(0) translateY(0) rotate(-1deg) scale(1.03);z-index:20;border-top:1px solid #6e5a38;background-color:#eadcba;color:#20190f}.reference-scene .deck-card>span{font:bold 23px/1.3 SimSun;letter-spacing:0;text-align:center;margin:0 0 10px;color:#30210e}.reference-scene .deck-card.front>span{display:inline-block;background:var(--red);color:#f2e0be;padding:4px 12px;transform:rotate(1deg);margin-top:-16px;margin-left:2px;border:1px solid #b18863;font-size:24px}.reference-scene .deck-card strong{font:bold 16px/1.3 SimSun;margin:9px 0 5px;min-height:40px}.reference-scene .deck-card small{font-size:11px;line-height:1.3;display:block;color:#817051}.reference-scene .deck-card:not(.front) strong{font-size:14px;color:#7b6948}.reasoning-photo{width:100%;height:143px;border:4px solid #c2b697;outline:1px solid #8e7b55;overflow:hidden;background:#26271f;filter:sepia(.25) saturate(.6)}.deck-card:not(.front) .reasoning-photo{filter:sepia(.65) saturate(.35) brightness(.7)}.card-excerpt{font:13px/1.5 SimSun;color:#6b5a3d;margin:0 0 6px}.paperclip{position:absolute;right:10px;top:18px;width:13px;height:43px;border:2px solid #806b43;border-radius:10px;transform:rotate(23deg);box-shadow:inset 1px 0 #d5c59a,1px 0 #d5c59a;z-index:2}.deck-card:not(.front) .paperclip{display:none}.drag-caption{display:flex;justify-content:center;gap:28px;font:18px/1.6 SimSun;margin:10px 0 4px}.drag-caption span{color:var(--red);font-size:28px}.reference-scene .deck-controls{gap:10px}.reference-scene .deck-controls button{font-size:13px;min-height:44px;padding:6px 12px;background:#dfd0ae;border-color:#998361}.reference-scene .deck-status{margin:8px 0;color:#827051;font-size:12px}.reference-scene .deck-list{position:relative;z-index:25;background:#cbbb98 url('assets/paper-grain.svg');border-color:#8e7750;box-shadow:0 8px 15px #0004}.reference-scene .deck-list button{font-family:SimSun;background:#e8dab8}.reference-scene .deck-list button[aria-pressed=true]{background:var(--red);color:#f3e3c3}.reference-scene .deck-card.dragging{transition:none;z-index:50}.reference-scene .deck-card.returning{transition:transform 250ms cubic-bezier(.18,.89,.32,1.28)}.reference-scene .deck-card.settling{animation:none}.reference-scene .deck-card.front.settling{animation:reference-front .35s ease-out}.reference-scene .deck-card:not(.front).settling{animation:reference-back .4s both;animation-delay:calc(var(--depth)*30ms)}
.reference-scene #restoreBody{margin-top:18px;position:relative;border:1px solid #a5916b;padding:12px 16px 20px;background:#ecdfc1aa;box-shadow:inset 0 0 12px #82644012;min-height:145px}.reference-scene #restoreBody:before{content:'当前选择';display:block;background:var(--red);color:#f5e6c5;font:16px/1.5 SimSun;width:max-content;padding:3px 18px;margin:-15px 0 18px -1px;border:1px solid #a37b53}.reference-scene .restore-card{background:transparent;border:0;padding:0;margin:0 0 15px}.reference-scene .restore-card>b{font:bold 23px/1.5 SimSun;color:#322113}.reference-scene .restore-card p{font:16px/1.8 SimSun;margin:8px 0}.reference-scene .restore-card.done{background:transparent;border:0}.reference-scene .selected-illustration{width:190px;height:150px;position:relative;margin:18px 0 8px auto;background:#cabd9a;border:8px solid #d1c3a1;outline:1px solid #8e7955;box-shadow:3px 4px 5px #33271777;transform:rotate(3deg)}.selected-illustration figcaption{font:10px/1.5 SimSun;color:#665537;background:#d7c8a5;padding:3px;position:absolute;bottom:0;left:0;right:0}.reference-scene .timeline h3{font-family:SimSun}.reference-scene .settings-panel{grid-column:1/-1;margin:12px 20px 20px 0}.reference-scene .assistant-slot{display:none}
.reference-scene[data-view=reasoning] .archive-content,.reference-scene[data-view=reasoning] #box,.reference-scene[data-view=reasoning] .evidence-content{display:none!important}.reference-scene[data-view=archive] #restore,.reference-scene[data-view=archive] #box,.reference-scene[data-view=archive] .evidence-content{display:none!important}.reference-scene[data-view=evidence] .archive-heading,.reference-scene[data-view=evidence] #out,.reference-scene[data-view=evidence] #restore{display:none!important}.reference-scene[data-view=evidence] #box{display:block!important}.reference-scene[data-view=evidence] .search-paper{display:none}.reference-scene[data-view=evidence] .side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;padding:20px 25px 20px 0;gap:22px}.reference-scene[data-view=evidence] .assistant{grid-column:1/-1;min-height:0;display:none}.reference-scene[data-view=evidence] .main{grid-column:1/-1}.reference-scene[data-view=settings] .folder-tabs{display:none}
@keyframes reference-front{0%{transform:translateX(0) rotate(-1deg) scale(1.06)}100%{transform:translateX(0) rotate(-1deg) scale(1.03)}}@keyframes reference-back{0%{transform:translateX(var(--fan-x)) translateY(calc(var(--fan-y) + 6px)) rotate(var(--fan-r)) scale(.83)}100%{transform:translateX(var(--fan-x)) translateY(var(--fan-y)) rotate(var(--fan-r)) scale(.83)}}
@media(min-width:768px){.reference-scene #restoreBody{padding-right:230px;min-height:220px}.reference-scene .selected-illustration{position:absolute;top:var(--detail-photo-top);right:36px;margin:0}.reference-scene .timeline{margin-top:30px}}
@media(min-width:1600px){.reference-scene .wrap{grid-template-columns:minmax(0,1fr) 265px}.reference-scene .deck-card{width:230px;height:320px;margin-left:-115px}.reasoning-photo{height:160px}.reference-scene .deck-stage{height:365px}.sela-reference-figure{height:400px}}
@media(max-width:1199px) and (min-width:768px){.reference-scene{padding:24px 20px 80px}.reference-scene .wrap{padding-left:75px;grid-template-columns:minmax(0,1fr) 170px}.folder-tabs{width:92px}.folder-tabs button{height:110px;padding:10px}.folder-tabs button strong{font-size:12px}.folder-tabs button i{display:none}.reference-scene #restore{padding:24px}.reference-scene .assistant{margin-left:-6px;margin-right:-4px}.sela-reference-figure{height:270px}.sela-expression-tile{top:115px;right:0;width:60px;height:64px}.reference-scene .assistant-note{padding:12px}.reference-scene .assistant #selaMessage{font-size:14px}.reference-scene .deck-card{width:170px;height:270px;margin-left:-85px;--fan-x:0px;transform:translateX(calc((var(--slot) - 5)*36px)) translateY(var(--fan-y)) rotate(calc((var(--slot) - 5)*3deg)) scale(.8)}.reference-scene .deck-card.front{transform:rotate(-1deg) scale(1)}.reasoning-photo{height:115px}.reference-scene .deck-stage{height:300px}.reference-scene .case-header h1{font-size:19px}.reference-scene .case-progress{display:none}.reference-scene .keycap-nav{max-width:80%;gap:10px}.reference-scene .keycap-nav button{font-size:17px}.reasoning-intro>span{display:none}.reference-scene .deck-card:not(.front).settling{animation:none}}
@media(max-width:767px){.reference-scene{padding:18px 14px calc(100px + env(safe-area-inset-bottom));overflow-x:clip}.reference-scene .case-header{min-height:110px;display:block}.paper-label{font-size:12px}.brand-line{display:block}.wordmark{font-size:43px;letter-spacing:-2px}.reference-scene .case-header h1{font-size:17px;margin:3px 0 0}.desk-motto{display:none}.reference-scene .case-progress{position:static;display:block;color:#d5c6a1;margin:8px 0 0;font-size:11px}.reference-scene .keycap-nav{position:fixed;max-width:none;width:auto;margin:0;bottom:0;left:0;right:0;top:auto;gap:6px;padding:10px 8px calc(12px + env(safe-area-inset-bottom));background:#181b13;border-top:1px solid #6b5b3d}.reference-scene .keycap-nav button{font-size:14px;min-height:54px;padding:7px 3px;border-width:3px 3px 6px;box-shadow:inset 0 0 0 1px #a08a65,1px 3px #000}.reference-scene .wrap{display:flex;flex-direction:column;padding:0;margin-top:24px;gap:20px}.reference-scene .wrap:before{inset:-8px -4px -5px;transform:rotate(-.6deg)}.reference-scene .wrap:after{inset:0 -2px -10px;transform:rotate(.6deg)}.folder-tabs{position:relative;top:auto;left:auto;width:100%;flex-direction:row;gap:4px;margin-top:-14px;z-index:3}.folder-tabs button{height:55px;min-height:55px;flex:1;padding:5px;min-width:0;text-align:center;box-shadow:inset 0 0 0 2px #b7a17b,0 2px 3px #0008;border-radius:3px;font-size:12px}.folder-tabs button span{font-size:17px;line-height:1}.folder-tabs button strong{font-size:11px;line-height:1.4}.folder-tabs button i{display:none}.folder-tabs button[aria-current=page]{transform:translateY(-3px)}.reference-scene .main{width:100%;gap:16px}.reference-scene .panel,.reference-scene #box,.reference-scene #restore{box-shadow:inset 0 0 15px #70542d20,0 0 0 2px #cdbb94,0 0 0 4px #705a38,1px 4px 7px #0006;padding:18px;margin:0}.reference-scene .main>.panel,.reference-scene #restore{margin:0}.reference-scene #restore{min-height:0;padding:18px 14px}.reference-scene #restore>h2{font-size:36px;margin:2px 0 18px}.reference-scene #restore>h2:after{width:40px}.reasoning-intro p{font-size:15px;line-height:1.7}.reasoning-intro>span{display:none}.reference-scene .reasoning-guidance{font-size:12px}.reference-scene .deck-stage{height:305px;margin-top:22px;max-width:420px}.reference-scene .deck-card{width:calc(100% - 30px);max-width:265px;height:280px;left:50%;margin-left:0;transform:translateX(-50%) translateY(calc(var(--depth)*5px)) rotate(calc(var(--depth)*.6deg)) scale(calc(1 - var(--depth)*.025));padding:13px 15px}.reference-scene .deck-card.front{transform:translateX(-50%);border-top:1px solid #6e5a38}.reference-scene .deck-card>span{font-size:20px}.reference-scene .deck-card.front>span{font-size:21px}.reasoning-photo{height:128px}.reference-scene .deck-card strong{font-size:17px;min-height:0}.reference-scene .deck-card small{font-size:11px}.reference-scene .card-excerpt{font-size:12px;margin-bottom:5px}.reference-scene .deck-card:not(.front)>*{visibility:hidden}.reference-scene .deck-card:not(.front).settling,.reference-scene .deck-card.front.settling{animation:none}.drag-caption{font-size:15px;gap:12px;margin-top:0}.drag-caption span{font-size:23px}.reference-scene .deck-controls{gap:5px}.reference-scene .deck-controls button{font-size:12px;padding:8px;flex:1;min-width:44px}.reference-scene .deck-list.open{position:fixed;bottom:calc(86px + env(safe-area-inset-bottom));left:8px;right:8px;max-height:50dvh;z-index:70;padding:12px}.reference-scene .deck-status{font-size:11px}.reference-scene #restoreBody{padding:10px 12px;margin-top:18px}.reference-scene .restore-card>b{font-size:20px}.reference-scene .restore-card p{font-size:16px}.reference-scene .selected-illustration{width:155px;height:125px}.reference-scene .timeline{margin-top:20px}.reference-scene .assistant-slot{display:block;margin-top:-7px;margin-bottom:0}.reference-scene .assistant{display:grid;grid-template-columns:52px minmax(0,1fr);min-height:0;margin:0 0 16px;background:#d6c29a url('assets/paper-grain.svg');padding:8px;gap:4px 9px;border:1px solid #8d7954;box-shadow:1px 3px 5px #0004}.reference-scene .assistant-toggle{grid-column:1/-1;transform:none;font-size:13px;min-height:44px;padding:5px 9px;background:transparent;border:0;box-shadow:none}.reference-scene .sela-reference-figure{display:none}.reference-scene .assistant-note{grid-column:2;grid-row:2;background:transparent;transform:none;box-shadow:none;border:0;padding:0;margin:0}.reference-scene .assistant #selaMessage{font-size:13px;line-height:1.5}.reference-scene .assistant #selaStatus{font-size:12px}.reference-scene .note-signature{display:none}.reference-scene .sela-expression-tile{position:static;transform:none;grid-column:1;grid-row:2;width:50px;height:54px;border:0;box-shadow:none}.reference-scene .assistant.collapsed{display:block;margin-bottom:14px}.reference-scene .side{width:100%;padding:0;gap:18px}.reference-scene[data-view=evidence] .side{display:flex;padding:0;gap:18px}.reference-scene[data-view=settings] .folder-tabs{display:none}.reference-scene .settings-panel{width:100%;margin:0}.reference-scene .archive-heading{display:none}.reference-scene #out{height:380px}.reference-scene .wrap .side:empty{display:none}}
.desk-decoration{position:absolute;inset:0 0 auto;height:200px;pointer-events:none;z-index:-1;overflow:hidden}.desk-decoration svg{width:100%;height:100%;object-fit:cover}.reference-scene .assistant .atlas-sprite{width:100%;height:100%;overflow:hidden}.sela-expression-tile{overflow:hidden}.textured-paper{position:relative;isolation:isolate}.reference-texture{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.33;mix-blend-mode:multiply}.reference-scene .wordmark{font-family:'Times New Roman',SimSun,serif;letter-spacing:-4px}.reference-scene .panel,.reference-scene #restore,.reference-scene #box{background-image:radial-gradient(ellipse at 0 20%,#88652c14,transparent 50%),radial-gradient(ellipse at 95% 70%,#7d562624,transparent 50%),url('assets/paper-grain.svg')}
@media(min-width:768px){.reference-scene .sela-expression-tile{display:none}}
.assistant[data-state=reading] .reference-live-face .live-face-lines{animation:scan 1.4s linear infinite}.assistant[data-state=warning] .reference-live-face>path{stroke:#9a3529;stroke-width:2}
@media(prefers-reduced-motion:reduce){.reference-scene *{animation:none!important;transition:none!important}}
/* Opening uses the same source portrait, paper and keycaps as the investigation. */
.reference-scene .opening,.reference-scene .welcome{background:#191d16 url('assets/reference-atlas.webp') left top / auto 160% no-repeat;isolation:isolate;overflow:auto}
.reference-scene .opening:before,.reference-scene .welcome:before{content:'';position:fixed;inset:0;background:#11170fe8;z-index:-1}
.reference-scene .opening{display:grid;grid-template-columns:220px minmax(0,660px);gap:24px;align-content:center;justify-content:center;padding:88px 32px 36px;min-height:100dvh}
.reference-scene .opening-screen{border:0;border-radius:0;background:none;padding:0;animation:opening-arrive 1.1s ease-out both;color:#d7c5a1;align-self:center}
.opening-source-figure{width:220px;height:352px}.opening-source-figure>svg{width:100%;height:100%;overflow:visible}
.reference-scene .opening-screen .opening-connection{font:12px/1.8 Georgia,SimSun;letter-spacing:2px;margin:12px 0}
.reference-scene .opening-folder{margin:0;padding:38px 44px;position:relative;transform:rotate(-1deg);animation:opening-file 1.1s .6s both;box-shadow:6px 14px 30px #0008;color:#30220f}
.reference-scene .opening-folder h2{font:clamp(38px,5vw,64px)/1 Georgia;margin:20px 0 12px;letter-spacing:-2px}
.opening-case-name{font:22px/1.6 SimSun;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid #a38b64}
.opening-preface{font:17px/1.9 SimSun}.opening-preface p{margin:16px 0}.opening-preface strong{font-size:23px;color:#651e16}
.reference-scene .opening-folder .stamp{display:inline-block;margin:12px 0;color:#7d2019;border:2px solid currentColor;padding:6px 14px;transform:rotate(-8deg);animation:opening-seal .35s 5s both;font:20px SimSun}
.opening-entry{display:block;font:11px/1.6 SimSun;color:#746346;letter-spacing:2px;margin-top:14px}
.reference-scene .opening-tools button,.reference-scene .welcome .row button{position:relative;min-width:100px;min-height:48px;padding:10px 18px;color:#6b211a;background:none;border:0;isolation:isolate;font-family:SimSun}
.reference-scene .welcome>.panel{position:relative;color:#30220f;padding:32px;border:0;border-radius:0}
@keyframes opening-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes opening-file{from{opacity:0;transform:translateY(25px) rotate(-3deg)}to{opacity:1;transform:rotate(-1deg)}}
@keyframes opening-seal{from{opacity:0;transform:scale(1.3) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}
@media(max-width:767px){.reference-scene .opening{grid-template-columns:minmax(0,480px);gap:0;padding:72px 20px 26px;align-content:start}.reference-scene .opening-screen{display:flex;align-items:center;justify-content:center;gap:18px;animation-duration:.6s}.opening-source-figure{width:92px;height:147px}.reference-scene .opening-screen .opening-connection{font-size:11px;max-width:110px;text-align:left}.reference-scene .opening-folder{padding:26px 24px;animation-delay:.3s}.reference-scene .opening-folder h2{font-size:38px;margin:14px 0 8px}.opening-case-name{font-size:18px;margin-bottom:14px;padding-bottom:12px}.opening-preface{font-size:15px}.opening-preface strong{font-size:20px}.opening-entry{letter-spacing:1px}.reference-scene .opening-tools{left:16px;right:16px;top:max(12px,env(safe-area-inset-top));justify-content:flex-end}}
@media(max-height:500px) and (min-width:600px){.reference-scene .opening{grid-template-columns:130px minmax(0,560px);padding:66px 24px 24px}.opening-source-figure{width:120px;height:192px}.reference-scene .opening-folder{padding:18px 28px}.opening-preface{font-size:14px}.opening-preface p{margin:8px 0}.opening-case-name{margin-bottom:8px;padding-bottom:8px}.reference-scene .opening-folder h2{font-size:36px;margin:8px 0}}
@media(prefers-reduced-motion:reduce){.reference-scene .opening-screen,.reference-scene .opening-folder,.reference-scene .opening-folder .stamp{animation:none!important;opacity:1}}
.reference-scene.reduced-motion .opening-screen,.reference-scene.reduced-motion .opening-folder,.reference-scene.reduced-motion .opening-folder .stamp{animation:none;opacity:1}
.reference-scene .opening,.reference-scene .welcome{background:#191d16}
.opening-desk{position:absolute;top:0;left:0;right:0;height:190px;overflow:hidden;pointer-events:none;opacity:.65;z-index:-1}.opening-desk svg{width:100%;height:190px;object-fit:cover}
/* A continuous restored character replaces polygon cutouts and pasted screen patches. */
.reference-scene .sela-reference-figure{margin:12px 0 4px;height:350px}.reference-scene .sela-reference-figure>svg{filter:drop-shadow(2px 4px 4px #0003)}
.phosphor-expression{filter:drop-shadow(0 0 1px #e5d6a177);opacity:.93}
.reference-scene .assistant-toggle{transform:rotate(-2deg)}
.reference-scene .assistant-note{transform:rotate(-2deg);margin-top:8px}
.reference-scene .sela-expression-tile{background:transparent;border:0;box-shadow:none}
@media(min-width:768px) and (max-width:1199px){.reference-scene .sela-reference-figure{height:255px}}
@media(max-width:767px){.reference-scene .assistant-toggle,.reference-scene .assistant-note{transform:none}.reference-scene .assistant-note{margin:0}.reference-scene .sela-expression-tile{width:52px;height:58px}}