/* Only ABOUT's prose changes presentation. Original title/profile/grid and all other routes remain owners. */
#main[data-screen="about"] .about-dialogue{position:relative;isolation:isolate;margin:38px 0 28px;border:3px solid var(--red);background:var(--black);color:var(--paper);box-shadow:7px 8px 0 var(--red);min-width:0;max-width:100%;font-style:normal;letter-spacing:0}
#main[data-screen="about"] .about-dialogue:before{content:'';position:absolute;left:47px;top:-16px;width:26px;height:26px;border-left:3px solid var(--red);border-top:3px solid var(--red);background:var(--black);transform:skewX(-20deg) rotate(45deg);z-index:-1}
.about-dialogue-top{display:flex;align-items:center;gap:12px;padding:18px 24px 0;position:relative;min-width:0}
.about-dialogue-face{display:block;flex:none;width:76px;height:66px;overflow:hidden;background:var(--paper);border:3px solid var(--paper);box-shadow:4px 4px 0 var(--red);transform:rotate(-5deg);margin-top:-38px}
.about-dialogue-face svg{display:block;width:100%;height:100%}
.about-dialogue-name{display:grid;gap:4px;line-height:1}
.about-dialogue-name b{display:block;font:900 italic clamp(22px,3vw,30px)/1 Arial,sans-serif;background:var(--red);padding:5px 15px 7px 10px;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
.about-dialogue-name small{font:800 9px/1.2 sans-serif;letter-spacing:1.2px}
.about-dialogue-count{margin-left:auto;white-space:nowrap;font:800 11px/1.4 monospace;font-variant-numeric:tabular-nums;color:var(--paper)}
#main .about-dialogue-speech{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:18px;border:0;background:transparent;color:var(--paper);width:100%;min-height:196px;padding:26px 24px 18px;text-align:left;touch-action:pan-y;box-shadow:none;scale:1;transition:none;white-space:normal}
#main .about-dialogue-speech:hover,#main .about-dialogue-speech:active{background:transparent;color:var(--paper);box-shadow:none;scale:1;outline-offset:-7px}
#main .about-dialogue-speech:active:not(:disabled){box-shadow:inset 4px 0 0 var(--red)}
#main .about-dialogue-speech:disabled{opacity:1;cursor:default}
.about-dialogue-line{display:block;font:700 clamp(17px,1.5vw,21px)/1.9 'PingFang SC','Microsoft YaHei',sans-serif;overflow-wrap:anywhere;word-break:normal}
.about-dialogue-hint{display:block;text-align:right;font:800 10px/1.6 sans-serif;letter-spacing:.08em;color:var(--paper)}
.about-dialogue-full{padding:16px 24px 24px}
#main .about-dialogue-full p{font:600 16px/1.95 'PingFang SC','Microsoft YaHei',sans-serif;color:var(--paper);margin:14px 0;max-width:none}
.about-dialogue-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid #f5f1e855;padding:18px 24px}
#main .about-dialogue-actions button{min-height:44px;min-width:100px;border:2px solid var(--paper);background:var(--paper);color:var(--black);padding:10px 16px;font:900 12px/1.5 sans-serif;touch-action:pan-y}
#main .about-dialogue-actions button:last-child{background:var(--red);color:var(--paper);border-color:var(--red)}
.about-dialogue-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){#main[data-screen="about"] .about-dialogue{margin-top:38px;box-shadow:5px 6px 0 var(--red)}.about-dialogue-top{padding:16px 16px 0;gap:10px}.about-dialogue-face{width:68px;height:60px}.about-dialogue-count{font-size:10px}#main .about-dialogue-speech{padding:24px 18px 16px;min-height:208px}.about-dialogue-line{font-size:17px;line-height:1.9}.about-dialogue-full{padding:12px 18px 20px}.about-dialogue-actions{padding:16px;gap:10px}#main .about-dialogue-actions button{min-width:98px;padding:10px 12px}}
@media(max-width:360px){.about-dialogue-top{gap:8px;padding-left:12px;padding-right:12px}.about-dialogue-face{width:56px;height:52px}.about-dialogue-name b{font-size:22px}.about-dialogue-count{font-size:9px}#main .about-dialogue-speech{padding-left:15px;padding-right:15px}.about-dialogue-actions{padding-left:12px;padding-right:12px}}
