*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><rect width='2' height='2' fill='black'/></svg>") 0 0,auto;background:teal;margin:0}#root{width:100%;min-height:100vh;position:relative}#root:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}#root:before{content:"";pointer-events:none;z-index:9998;background:radial-gradient(#0000 60%,#00000026 100%);position:fixed;inset:0}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:silver;border-left:1px solid gray}::-webkit-scrollbar-thumb{background:silver;border:2px outset #dfdfdf}::-webkit-scrollbar-thumb:hover{background:#d4d0c8}::-webkit-scrollbar-button{background:silver;border:2px outset #dfdfdf;width:16px;height:16px}.mute-btn{z-index:10000;cursor:pointer;background:silver;border:2px solid #404040;border-color:#dfdfdf #404040 #404040 #dfdfdf;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;transition:none;display:flex;position:fixed;top:12px;right:12px;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px gray}.mute-btn:hover{background:#d4d0c8}.mute-btn:active{border-color:#404040 #dfdfdf #dfdfdf #404040;box-shadow:inset 1px 1px gray,inset -1px -1px #dfdfdf}:root{--win-bg:silver;--win-bg-light:#dfdfdf;--win-bg-dark:gray;--win-bg-darker:#404040;--win-title-blue:navy;--win-title-gradient:linear-gradient(90deg, navy, #1084d0);--font-system:"SimSun", "宋体", "Microsoft YaHei", "PingFang SC", sans-serif;--font-retro:"ZCOOL QingKe HuangYou", "SimSun", "宋体", "Microsoft YaHei", serif}.result-container{min-height:100vh;font-family:var(--font-system);color:#000;background:teal;flex-direction:column;align-items:center;padding:20px 16px;display:flex}.result-card{width:100%;max-width:520px;animation:.3s windowOpen}.win98-window{background:var(--win-bg);border:2px solid;border-color:var(--win-bg-light) var(--win-bg-darker) var(--win-bg-darker) var(--win-bg-light);box-shadow:inset 1px 1px 0 var(--win-bg-light), inset -1px -1px 0 var(--win-bg-dark), 1px 1px 0 #000;margin-bottom:14px}.win98-titlebar-icon{width:16px;height:16px;font-size:12px;line-height:16px}.title-section{text-align:center}.title-emoji{margin-bottom:8px;font-size:48px;animation:2s step-start infinite retroBlink}@keyframes retroBlink{0%,70%{opacity:1}71%,to{opacity:.7}}.title-label{color:gray;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-family:var(--font-system);margin-bottom:6px}.title-text{font-size:20px;font-weight:700;font-family:var(--font-retro);color:navy;text-shadow:1px 1px silver;letter-spacing:1px;margin:0 0 12px}.score-line{color:#000;font-size:13px;font-family:var(--font-system)}.score-line strong{color:green;font-size:18px;font-weight:700}.score-detail{color:gray;margin-left:4px;font-size:11px}.section-title{color:#000;font-size:14px;font-weight:700;font-family:var(--font-system);border-bottom:1px solid gray;margin:0 0 14px;padding-bottom:6px}.weight-chart{align-items:center;gap:20px;display:flex}.weight-chart svg{filter:none;flex-shrink:0}.weight-legend{flex-direction:column;flex:1;gap:8px;display:flex}.legend-item{font-size:12px;font-family:var(--font-system);align-items:center;gap:6px;display:flex}.legend-dot{border:1px solid gray;flex-shrink:0;width:10px;height:10px}.legend-label{color:#000;flex:1}.legend-value{color:#000;text-align:right;min-width:36px;font-family:Courier New,monospace;font-weight:700}.totem-grid{flex-direction:column;gap:10px;display:flex}.totem-card{border:2px solid;border-color:var(--win-bg-dark) var(--win-bg-light) var(--win-bg-light) var(--win-bg-dark);background:#fff;border-left:4px solid;padding:10px 14px;position:relative}.totem-rank{color:silver;font-family:Courier New,monospace;font-size:11px;font-weight:700;position:absolute;top:6px;right:10px}.totem-name{color:#000;font-size:15px;font-weight:700;font-family:var(--font-system);margin-bottom:2px}.totem-era{font-size:11px;font-weight:700;font-family:var(--font-system);margin-bottom:6px}.totem-reason{color:#404040;font-size:12px;line-height:1.6;font-family:var(--font-system)}.result-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.btn-restart,.btn-share,.btn-poster,.btn-download{cursor:pointer;min-width:100px;font-size:12px;font-weight:700;font-family:var(--font-system);background:var(--win-bg);border:2px solid;border-color:var(--win-bg-light) var(--win-bg-darker) var(--win-bg-darker) var(--win-bg-light);color:#000;text-align:center;box-shadow:inset 1px 1px 0 var(--win-bg-light), inset -1px -1px 0 var(--win-bg-dark);flex:1;padding:5px 12px}.btn-restart:hover,.btn-share:hover,.btn-poster:hover,.btn-download:hover{background:#d4d0c8}.btn-restart:active,.btn-share:active,.btn-poster:active,.btn-download:active{border-color:var(--win-bg-darker) var(--win-bg-light) var(--win-bg-light) var(--win-bg-darker);padding:6px 11px 4px 13px}.poster-modal{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.poster-modal-content{width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.poster-preview{border:2px solid;border-color:var(--win-bg-dark) var(--win-bg-light) var(--win-bg-light) var(--win-bg-dark)}.status-bar{background:var(--win-bg);border:2px solid;border-color:var(--win-bg-light) var(--win-bg-darker) var(--win-bg-darker) var(--win-bg-light);color:#000;font-size:11px;font-family:var(--font-system);justify-content:space-between;margin-top:14px;padding:2px 6px;display:flex}.status-bar-cell{border:1px solid;border-color:var(--win-bg-dark) var(--win-bg-light) var(--win-bg-light) var(--win-bg-dark);padding:1px 6px}@keyframes windowOpen{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--win-bg:silver;--win-bg-light:#dfdfdf;--win-bg-dark:gray;--win-bg-darker:#404040;--win-title-blue:navy;--win-title-gradient:linear-gradient(90deg, navy, #1084d0);--win-title-inactive:linear-gradient(90deg, gray, #b5b5b5);--win-desktop:teal;--font-retro:"ZCOOL QingKe HuangYou", "SimSun", "宋体", "Microsoft YaHei", serif;--font-system:"SimSun", "宋体", "Microsoft YaHei", "PingFang SC", sans-serif;--font-pixel:"ZCOOL QingKe HuangYou", "Courier New", monospace}.quiz-container{background:var(--win-desktop);min-height:100vh;font-family:var(--font-system);color:#000;background-image:radial-gradient(circle at 25% 25%,#ffffff05 0%,#0000 50%),radial-gradient(circle at 75% 75%,#00000008 0%,#0000 50%);flex-direction:column;align-items:center;padding:20px;display:flex}.win98-window{background:var(--win-bg);border:2px solid;border-color:var(--win-bg-light) var(--win-bg-darker) var(--win-bg-darker) var(--win-bg-light);width:100%;max-width:620px;box-shadow:inset 1px 1px 0 var(--win-bg-light), inset -1px -1px 0 var(--win-bg-dark), 1px 1px 0 #000;animation:.2s windowOpen}.win98-titlebar{background:var(--win-title-gradient);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:3px 4px;display:flex}.win98-titlebar-icon{width:16px;height:16px;image-rendering:pixelated;font-size:12px;line-height:16px}.win98-titlebar-text{color:#fff;font-size:12px;font-family:var(--font-system);text-shadow:1px 1px #000;flex:1;padding-left:2px;font-weight:700}.win98-titlebar-btn{background:var(--win-bg);border:1px solid;border-color:var(--win-bg-light) var(--win-bg-darker) var(--win-bg-darker) var(--win-bg-light);color:#000;cursor:default;justify-content:center;align-items:center;width:16px;height:14px;font-family:Courier New,monospace;font-size:9px;font-weight:700;line-height:1;display:flex}.win98-body{border:2px solid;border-color:var(--win-bg-dark) var(--win-bg-light) var(--win-bg-light) var(--win-bg-dark);margin:2px;padding:12px}.progress-bar-win{background:var(--win-bg);border:2px solid;border-color:var(--win-bg-dark) var(--win-bg-light) var(--win-bg-light) var(--win-bg-dark);width:100%;height:20px;margin-bottom:8px;padding:2px}.progress-fill-win{background:repeating-linear-gradient(90deg,navy 0 8px,#1084d0 8px 10px);height:100%;transition:width .4s steps(10,end)}.progress-text-win{color:#000;font-size:11px;font-family:var(--font-system);justify-content:space-between;margin-bottom:12px;display:flex}.question-card{background:var(--win-bg);border:2px solid;border-color:var(--win-bg-light) var(--win-bg-darker) var(--win-bg-darker) var(--win-bg-light);width:100%;max-width:620px;box-shadow:inset 1px 1px 0 var(--win-bg-light), inset -1px -1px 0 var(--win-bg-dark), 1px 1px 0 #000;animation:.2s windowOpen}.era-tag{background:var(--win-title-gradient);color:#fff;font-size:11px;font-family:var(--font-system);border:1px solid;border-color:var(--win-bg-light) var(--win-bg-darker) var(--win-bg-darker) var(--win-bg-light);text-shadow:1px 1px #000;margin-bottom:12px;padding:2px 8px;font-weight:700;display:inline-block}.scene-box{border:2px solid;border-color:var(--win-bg-dark) var(--win-bg-light) var(--win-bg-light) var(--win-bg-dark);color:#000;font-size:13px;line-height:1.8;font-family:var(--font-system);background:#fff;margin-bottom:14px;padding:10px 14px}.question-text{color:#000;font-size:15px;font-weight:700;line-height:1.6;font-family:var(--font-system);margin-bottom:6px}.question-hint{color:gray;font-size:11px;font-family:var(--font-system);background:#ffc;border:1px solid silver;margin-bottom:14px;padding:3px 8px;display:inline-block}.options-grid{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.option-btn{text-align:left;background:var(--win-bg);border:2px solid;border-color:var(--win-bg-light) var(--win-bg-darker) var(--win-bg-darker) var(--win-bg-light);color:#000;cursor:pointer;font-size:13px;line-height:1.6;font-family:var(--font-system);align-items:center;padding:6px 10px;transition:none;display:flex;position:relative}.option-btn:hover:not(:disabled){background:#d4d0c8}.option-btn:active:not(:disabled){border-color:var(--win-bg-darker) var(--win-bg-light) var(--win-bg-light) var(--win-bg-darker);padding:7px 9px 5px 11px}.option-btn.selected{color:#fff;border-color:var(--win-bg-darker) var(--win-bg-light) var(--win-bg-light) var(--win-bg-darker);background:navy}.option-btn.correct-selected{color:#fff;border-color:var(--win-bg-darker) var(--win-bg-light) var(--win-bg-light) var(--win-bg-darker);background:green}.option-btn.correct-missed{color:#006000;background:#c0ffc0;border:2px dashed green;font-style:italic}.option-btn.wrong-selected{color:maroon;background:#ff8080;border:2px solid red}.opt-text{flex:1}.opt-check{color:#0f0;text-shadow:1px 1px #000;margin-left:8px;font-size:16px;font-weight:700}.opt-cross{color:red;text-shadow:1px 1px #000;margin-left:8px;font-size:16px;font-weight:700}.explanation-box{border:2px solid;border-color:var(--win-bg-light) var(--win-bg-darker) var(--win-bg-darker) var(--win-bg-light);background:#ffc;margin-bottom:16px;padding:10px 14px;animation:.2s windowOpen}.explanation-title{color:purple;font-size:13px;font-weight:700;font-family:var(--font-system);margin-bottom:6px}.explanation-box p{color:#000;font-size:12px;line-height:1.7;font-family:var(--font-system);margin:0}.action-bar{justify-content:flex-end;gap:8px;display:flex}.btn-confirm,.btn-next{cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font-system);background:var(--win-bg);border:2px solid;border-color:var(--win-bg-light) var(--win-bg-darker) var(--win-bg-darker) var(--win-bg-light);color:#000;text-align:center;min-width:90px;padding:4px 20px}.btn-confirm:hover:not(:disabled),.btn-next:hover{background:#d4d0c8}.btn-confirm:active:not(:disabled),.btn-next:active{border-color:var(--win-bg-darker) var(--win-bg-light) var(--win-bg-light) var(--win-bg-darker);padding:5px 19px 3px 21px}.btn-confirm:disabled{color:gray;text-shadow:1px 1px #fff;cursor:not-allowed}.btn-next{background:var(--win-bg);border:2px solid;border-color:var(--win-bg-light) var(--win-bg-darker) var(--win-bg-darker) var(--win-bg-light)}.intro-card{text-align:center;max-width:520px;animation:.3s windowOpen}.intro-emoji{letter-spacing:6px;margin-bottom:16px;font-size:36px;animation:2s step-start infinite retroBlink}.intro-title{font-size:22px;font-weight:700;font-family:var(--font-retro);color:navy;text-shadow:2px 2px silver;letter-spacing:2px;margin:0 0 8px}.intro-subtitle{color:gray;font-size:13px;font-family:var(--font-system);margin:0 0 20px}.intro-desc{text-align:left;border:2px solid;border-color:var(--win-bg-dark) var(--win-bg-light) var(--win-bg-light) var(--win-bg-dark);background:#fff;margin-bottom:20px;padding:14px 16px}.intro-desc p{color:#000;font-size:12px;line-height:2;font-family:var(--font-system);border-left:3px solid navy;margin:0 0 4px;padding-left:8px}.btn-start{cursor:pointer;border:2px solid;border-color:var(--win-bg-light) var(--win-bg-darker) var(--win-bg-darker) var(--win-bg-light);background:var(--win-bg);color:#000;font-size:14px;font-weight:700;font-family:var(--font-system);box-shadow:inset 1px 1px 0 var(--win-bg-light), inset -1px -1px 0 var(--win-bg-dark);padding:6px 32px}.btn-start:hover{background:#d4d0c8}.btn-start:active{border-color:var(--win-bg-darker) var(--win-bg-light) var(--win-bg-light) var(--win-bg-darker);padding:7px 31px 5px 33px}.intro-footer{color:#ff0;font-size:11px;font-family:var(--font-system);text-shadow:1px 1px #000;margin-top:14px}.marquee-bar{background:var(--win-title-gradient);color:#ff0;font-size:11px;font-family:var(--font-pixel);white-space:nowrap;border:1px solid;border-color:var(--win-bg-light) var(--win-bg-darker) var(--win-bg-darker) var(--win-bg-light);margin-bottom:12px;padding:2px 0;overflow:hidden}.marquee-bar span{padding-left:100%;animation:20s linear infinite marqueeScroll;display:inline-block}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}