/* Keep the prologue's muted ink, paper colours, actor layers and ADV dialogue. */
#chapter-interaction{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;font-size:18px;line-height:1.65;pointer-events:none}
#chapter-interaction button,#chapter-interaction a,#chapter-interaction .c1-body{pointer-events:auto}
.c1-header{margin:80px 6% 0;max-width:82%;align-self:flex-start;background:#192a32ed;border-left:2px solid #cdbd9f;padding:13px 24px;box-shadow:0 10px 30px #12202730}.c1-header small{font-size:11px;letter-spacing:5px;color:#b9b5a3}.c1-header h2{font:22px/1.6 'Songti SC',serif;letter-spacing:1px;font-weight:400}
.c1-body{flex:1;min-height:0;overflow:auto}.c1-footer{display:flex;align-items:center;gap:15px;justify-content:flex-end;margin:18px 6% 75px;flex-wrap:wrap}.c1-footer p{background:#172b32e8;padding:12px 20px;font-size:16px}.c1-button{display:inline-block;background:#20343eeb;border:1px solid #bdbaa27a;padding:12px 23px;font:inherit;color:#eee9dc;text-align:left;min-height:48px;text-decoration:none}.c1-button:hover{background:#435956}.c1-button.primary{background:#c9c3af;color:#243937}.c1-button.primary:hover{background:#e4dcc5}
.c1-hub .c1-body{overflow:visible;pointer-events:none!important;position:absolute;inset:0}.c1-hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);background:#20343eed;color:#f5eedf;border:1px solid #c8bf9c99;box-shadow:0 4px 20px #14232430;padding:12px 18px;min-height:50px;font-size:18px;white-space:nowrap;max-width:24%;letter-spacing:1px}.c1-hotspot:before{content:'◇';color:#dccca8;margin-right:12px}.c1-hotspot:hover{background:#48605a}.c1-hotspot.visited:before{content:'·';color:#afc6b8}.c1-hub .c1-footer{margin-top:auto;z-index:1}
#chapter-interaction.c1-document,#chapter-interaction.c1-judgment,#chapter-interaction.c1-finished{inset:6% 12% 75px;background:#eee7d8;color:#304644;border:1px solid #b5ad97;box-shadow:0 20px 100px #102126bb;pointer-events:auto}.c1-document .c1-header,.c1-judgment .c1-header,.c1-finished .c1-header{margin:0;align-self:stretch;max-width:none;background:#dedbcc;color:#324844;box-shadow:none;padding:16px 30px}.c1-document .c1-header small,.c1-judgment .c1-header small{color:#6a7b70}.c1-document .c1-footer,.c1-judgment .c1-footer,.c1-finished .c1-footer{margin:0;border-top:1px solid #b6b29d;padding:14px 24px;background:#e2dece}.c1-document .c1-body,.c1-judgment .c1-body,.c1-finished .c1-body{padding:25px 38px}.c1-paper-content p{margin:16px 0;white-space:pre-wrap;line-height:1.9}.c1-material{float:left;width:43%;max-height:48vh;object-fit:contain;margin:0 26px 20px 0}.c1-paper-content:after{content:'';display:block;clear:both}
#chapter-interaction.c1-phone{inset:4% auto 74px;left:50%;transform:translateX(-50%);width:min(440px,90vw);border:7px solid #26343d;border-radius:28px;background:#dee2da;box-shadow:0 30px 100px #101e24cc;overflow:hidden}.c1-phone .c1-header{padding:12px 20px;background:#cdd4ca;text-align:center}.c1-phone .c1-header small{display:none}.c1-phone .c1-header h2{font-family:inherit;font-size:19px}.c1-phone .c1-body{padding:16px 20px}.c1-bubble{font-size:17px;background:#faf8ef;padding:10px 14px;border-radius:3px 13px 13px;margin:0 24px 16px 0;width:fit-content;max-width:100%;box-shadow:0 1px 3px #22332910;white-space:pre-wrap}.c1-bubble.zhiyao{background:#d0ddcc}.c1-message-meta{text-align:center;color:#6f7d77;font-size:13px;margin:15px 0}.c1-phone .c1-footer{padding:10px 15px;justify-content:center}.c1-audio{background:#f9f6e9;padding:12px;margin:10px 0 18px;display:grid;gap:9px}.c1-audio button{color:#355950;text-align:left;padding:0}.c1-audio progress{width:100%;accent-color:#667d68}.c1-audio small{font-size:13px;color:#6b7970}
.c1-note{margin-bottom:28px}.c1-note h3{font:22px/1.8 'Songti SC',serif;font-weight:400;margin:0 0 23px}.c1-note-option{display:block;width:100%;padding:12px 16px;text-align:left;border-bottom:1px solid #a8ad983a;color:#425c51;font-size:18px}.c1-note-option:hover,.c1-note-option.selected{background:#cdd8c8;color:#273e35}.journal-page .c1-note-option{color:inherit}.c1-formation{margin:18px auto;max-width:700px;text-align:center}.formation{display:flex;justify-content:space-around;gap:8px;border:1px dashed #778472;padding:16px 8px}.formation span{display:block;font-size:15px;border:1px solid #8d9b88;border-radius:50%;padding:12px 7px}.formation.old{opacity:.6}.formation.old span:nth-child(4){text-decoration:line-through;color:#9b6964}.pencil-arrow{font-size:25px;color:#877762}.c1-division{border:1px solid #a4ab98;margin:15px 0}.c1-division>div{display:flex;justify-content:space-between;gap:18px;padding:13px 20px;border-bottom:1px solid #b8bba8}.check{color:#56705b}
#game[data-chapter="1"] .actor[data-id="l"]{height:83%;bottom:-7%}#game[data-chapter="1"] .actor[data-id="c"]{height:112%;bottom:-18%}#game[data-chapter="1"] #dialogue{max-height:46%;overflow-y:auto;pointer-events:auto;cursor:pointer}#game[data-chapter="1"] #line{font-size:calc(23px * var(--text-scale,1));line-height:1.8;letter-spacing:1px}#game[data-chapter="1"] #quick-menu{font-size:14px;gap:18px}#game[data-chapter="1"] .c1-stage{font-size:16px;line-height:1.65;color:#aebdb8;margin-bottom:12px;display:block}
@media(max-width:700px){.c1-header{margin-top:65px;padding:10px 15px}.c1-header h2{font-size:18px}.c1-hotspot{font-size:14px;padding:10px 8px;white-space:normal;max-width:24%;min-width:18%;letter-spacing:0}.c1-hotspot:before{margin-right:4px}.c1-footer{margin-bottom:96px}.c1-footer p{font-size:13px}#chapter-interaction.c1-document,#chapter-interaction.c1-judgment,#chapter-interaction.c1-finished{inset:3% 3% 100px}.c1-document .c1-body,.c1-judgment .c1-body{padding:15px 20px}.c1-material{float:none;width:100%;max-height:32vh}.c1-button{font-size:15px;padding:10px 15px}.c1-note h3{font-size:19px}.c1-note-option{font-size:16px}#game[data-chapter="1"] #quick-menu{font-size:11px;gap:11px;flex-wrap:wrap;justify-content:center;left:3%;right:3%}#game[data-chapter="1"] #line{font-size:calc(19px * var(--text-scale,1))}#game[data-chapter="1"] #dialogue{bottom:92px;padding:28px 22px 30px;max-height:48%}.formation span{font-size:11px;padding:8px 3px}}

#game[data-chapter="1"] #nameplate{position:static;display:table;min-width:0;margin:0 0 12px;padding:5px 18px;line-height:1.5;font-size:18px}
#game[data-chapter="1"] #nameplate:empty{display:none}
#game[data-chapter="1"] #dialogue{padding-top:24px}
#game[data-chapter="1"] .actor[data-id="l"]{height:58%;bottom:30%}
#game[data-chapter="1"] .actor[data-id="c"]{height:130%;bottom:-40%}
.c1-tray{position:absolute;right:6%;top:27%;width:min(390px,88%);background:#e9e3d5;color:#304a42;padding:23px;box-shadow:0 18px 70px #11232c80;pointer-events:auto;z-index:2;border:1px solid #a8ad99;display:grid;gap:10px;max-height:60%;overflow:auto}.c1-tray h3{margin:0 0 12px;font:23px 'Songti SC',serif}.c1-tray-close{position:absolute;right:18px;top:18px;color:#536957;font-size:14px}.c1-tray .c1-button{background:#f5f0e4;color:#3a554a;border-color:#adb49d;font-size:17px}.c1-tray .c1-button:hover{background:#ced9c8}
@media(max-width:700px){#game[data-chapter="1"] .actor[data-id="l"]{height:47%;bottom:43%}#game[data-chapter="1"] .actor[data-id="c"]{height:115%;bottom:-24%}#game[data-chapter="1"] #nameplate{font-size:16px;margin-bottom:9px;padding:3px 14px}.c1-tray{top:24%;max-height:58%}.c1-tray .c1-button{font-size:15px}.c1-hub .c1-hotspot{max-width:29%}}

#game[data-chapter="1"] .actor[data-id="l"]{height:128%;bottom:-37%}
@media(max-width:700px){#game[data-chapter="1"] .actor[data-id="l"]{height:110%;bottom:-20%}.c1-hotspot[data-group="展示区"]{white-space:nowrap;min-width:100px;left:79%}}

#chapter-interaction.c1-phone .c1-inbox-tabs{display:flex;gap:4px;border-bottom:1px solid #b2b9a9;margin-bottom:10px}.c1-inbox-tab{flex:1;padding:9px;color:#596c62;font-size:15px;border-bottom:2px solid transparent}.c1-inbox-tab.selected{color:#294c42;border-bottom-color:#6f8d78;background:#d4ded0}.c1-inbox-panels{min-height:270px;max-height:52vh;overflow:auto}.c1-inbox-panel[hidden]{display:none}.c1-inbox-panel{padding-bottom:15px}.c1-action-line #line, #dialogue.action-line #line{font-family:inherit;color:inherit;font-style:normal}.action-text{display:block;font-family:'KaiTi','STKaiti','Songti SC',serif;color:#c2d0ca;font-style:italic;font-size:.82em;margin-bottom:9px}.speech-text{display:block;font-family:inherit;color:inherit;font-style:normal}.c1-action-line #nameplate, #dialogue.action-line #nameplate{font-family:inherit}
#scene-prop{position:absolute;left:74%;top:42%;transform:translate(-50%,-50%);width:22%;height:32%;object-fit:contain;filter:drop-shadow(0 9px 12px #1b302b55);z-index:3;pointer-events:none}
@media(max-width:700px){#scene-prop{left:73%;top:38%;width:38%;height:25%}.c1-inbox-tabs{font-size:14px}.c1-inbox-panels{max-height:47vh}}

.c1-phone-top{height:38px;display:flex;align-items:center;border-bottom:1px solid #b2b9a9}.c1-phone-top button{color:#3e6255;font-size:14px}.c1-inbox-list{background:#f1f3ed;margin:0 -20px}.c1-inbox-row{width:100%;display:flex;align-items:center;gap:12px;padding:13px 12px;border-bottom:1px solid #d6dbd1;text-align:left;color:#304a42;background:#f1f3ed}.c1-inbox-row:hover{background:#dfe8dc}.c1-inbox-avatar{width:43px;height:43px;border-radius:7px;display:grid;place-items:center;background:#abc0b0;color:#fff;font-size:20px}.c1-inbox-copy{display:grid;gap:3px;flex:1;min-width:0}.c1-inbox-copy b{font-size:17px;font-weight:500}.c1-inbox-copy small{font-size:13px;color:#718079;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c1-inbox-row time{font-size:12px;color:#8a968e}.c1-phone .c1-inbox-panels{margin-top:8px}.c1-phone .c1-inbox-panels[hidden]{display:none}

/* A separate detail insert, never a desk sprite floating in the classroom. */
.c1-desk-detail .c1-paper-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.c1-desk-detail .c1-material{float:none;width:auto;max-width:85%;height:42vh;max-height:42vh;margin:0;object-fit:contain}.c1-desk-detail .c1-paper-content p{text-align:center;font-family:'Songti SC',serif;font-size:20px;line-height:1.8;margin:0}.c1-desk-detail .c1-paper-content:after{display:none}
@media(max-width:700px){.c1-desk-detail .c1-material{height:34vh;max-height:34vh}.c1-desk-detail .c1-paper-content p{font-size:17px}}
/* 手机 UI v03：独立设备外壳与消息列表 */
#chapter-interaction.c1-phone{border:10px solid #1b252b;border-radius:34px;outline:1px solid #6d7b78;box-shadow:0 28px 80px #071219cc, inset 0 0 0 2px #0b1115;background:#eef1ec}
#chapter-interaction.c1-phone::before{content:'';display:block;position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:92px;height:5px;border-radius:0 0 8px 8px;background:#0b1115;z-index:4}
#chapter-interaction.c1-phone .c1-header{padding-top:18px;background:#e4e8e2;border-bottom:1px solid #c5cec5}
#chapter-interaction.c1-phone .c1-header h2{font-size:18px;letter-spacing:.08em;color:#263832}
#chapter-interaction.c1-phone .c1-body{padding:10px 16px 14px}
#chapter-interaction.c1-phone .c1-inbox-list{margin:0 -16px;background:#f5f6f3}
#chapter-interaction.c1-phone .c1-inbox-row{min-height:68px;padding:12px 14px;background:#f5f6f3}
#chapter-interaction.c1-phone .c1-inbox-row:active{background:#dbe7dd}
#chapter-interaction.c1-phone .c1-inbox-avatar{background:#9eb9aa;border-radius:11px;font-size:12px;font-weight:600}
#chapter-interaction.c1-phone .c1-inbox-panels{background:#e9eee8;border-radius:8px;padding:8px 10px;min-height:230px}
#chapter-interaction.c1-phone .c1-phone-top{margin:0 -16px;padding:0 12px;background:#e4e8e2}
#chapter-interaction.c1-phone .c1-footer{border-top:1px solid #c5cec5;background:#e4e8e2}
