@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700;900&family=Ma+Shan+Zheng&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--red: #c41e3a;--dark-red: #8b0000;--gold: #ffd700;--cream: #fff8dc;--paper: #f5f0e1}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:"Noto Serif SC",serif;background:var(--paper);color:#1a1a1a;line-height:1.8}.poster{max-width:1000px;margin:0 auto;background:var(--cream);min-height:100vh;border:8px solid var(--red);box-shadow:inset 0 0 0 4px var(--gold),0 0 40px #0000004d}.banner{background:var(--red);color:var(--gold);padding:1rem;display:flex;justify-content:center;align-items:center;gap:2rem}.stars{font-size:1.2rem;letter-spacing:.5rem}.banner-text{font-size:1.1rem;font-weight:700;letter-spacing:.3em}.slogan-bar{background:var(--dark-red);color:var(--gold);padding:.75rem;text-align:center;font-size:1.25rem;font-weight:700;letter-spacing:.2em;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.header{text-align:center;padding:2.5rem 2rem;border-bottom:4px double var(--red)}.main-title{font-family:Ma Shan Zheng,cursive;font-size:clamp(4rem,15vw,8rem);color:var(--red);letter-spacing:.5em;margin-left:.5em;text-shadow:3px 3px 0 var(--gold);margin-bottom:1rem}.subtitle{font-size:1.3rem;color:#333}.subtitle strong{color:var(--red);font-size:1.5rem}.profile{display:flex;gap:2rem;padding:2rem;background:linear-gradient(135deg,#fff 0%,var(--cream) 100%);border-bottom:3px solid var(--red);flex-wrap:wrap}.profile-photo{flex-shrink:0;text-align:center}.profile-photo img{width:150px;height:150px;border:4px solid var(--red);filter:grayscale(30%) contrast(1.1)}.photo-label{background:var(--red);color:#fff;padding:.25rem .5rem;font-size:.85rem;margin-top:-4px}.profile-info{flex:1;min-width:300px}.profile-info h2{color:var(--red);border-bottom:2px solid var(--red);padding-bottom:.5rem;margin-bottom:1rem}.info-table{width:100%;border-collapse:collapse}.info-table td{padding:.5rem;border-bottom:1px dashed #ccc}.info-table .label{width:100px;font-weight:700;color:var(--red)}.crime{padding:2rem;border-bottom:2px solid var(--red)}.crime:nth-child(odd){background:#c41e3a08}.crime-title{font-size:1.5rem;color:#1a1a1a;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.crime-num{background:var(--red);color:#fff;padding:.25rem .75rem;font-size:1rem}.crime-content{font-size:1.05rem}.crime-content.columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.crime-text p{margin-bottom:.75rem}.crime-text strong{color:var(--red)}.crime-summary{margin-top:1rem;padding:1rem;background:var(--red);color:#fff;text-align:center;font-weight:700}.evidence{margin-bottom:1.5rem}.chart{display:flex;flex-direction:column;gap:.5rem}.chart-bar{height:2.5rem;display:flex;align-items:center;padding:0 1rem;color:#fff;font-weight:700;font-size:.9rem}.chart-bar.markdown{background:var(--red)}.chart-bar.typescript{background:#3178c6}.chart-bar.other{background:#666}.chart-caption{text-align:center;color:#666;font-size:.9rem;margin-top:.5rem}.timeline{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.timeline-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#fff;border-left:4px solid var(--red);flex-wrap:wrap}.timeline-item.current{background:var(--red);color:#fff;border-left-color:var(--gold)}.year{font-weight:700;min-width:100px}.company{font-size:1.1rem}.duration{color:#666;font-size:.9rem}.timeline-item.current .duration{color:var(--gold)}.article-list h3{color:var(--red);margin-bottom:.75rem}.article-list ul{list-style:none}.article-list li{padding:.5rem 0;border-bottom:1px dashed #ccc}.article-list li:before{content:"▪ ";color:var(--red)}.article-list .more{color:#666;font-style:italic}.criticism{background:#fff;padding:1rem;border:2px solid var(--red)}.criticism p{margin-bottom:.5rem}.betrayal-timeline{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.betrayal-before,.betrayal-after{flex:1;min-width:200px;background:#fff;padding:1.5rem;border:2px solid var(--red);text-align:center}.betrayal-before{border-color:#28a745}.betrayal-after{border-color:var(--red);background:#fff5f5}.betrayal-icon{font-size:3rem;margin-bottom:.5rem}.betrayal-text p{margin:.25rem 0;font-size:.9rem;color:#666}.betrayal-arrow{font-size:1.5rem;font-weight:700;color:var(--red);padding:.5rem}.stats-display{text-align:center;padding:2rem;background:var(--red);color:#fff;margin-bottom:1.5rem}.stat-number{font-size:4rem;font-weight:900;line-height:1}.stat-label{font-size:1.5rem;margin-top:.5rem}.example-posts{background:#fff;padding:1rem;border:2px dashed var(--red);margin-top:1rem}.example-posts h3{color:var(--red);margin-bottom:.75rem}.example-posts ul{list-style:none}.example-posts li{padding:.5rem 0;border-bottom:1px dashed #ccc}.example-posts li:before{content:"▪ ";color:var(--red)}.example-posts em{color:var(--red);font-weight:700}.browser-switch{display:flex;flex-direction:column;align-items:center;gap:.5rem}.browser-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #ccc;width:100%;justify-content:center}.browser-item.old{opacity:.6;text-decoration:line-through}.browser-item.new{border-color:var(--red);background:#fff5f5}.browser-icon{font-size:1.5rem}.browser-name{font-size:1.2rem;font-weight:700}.browser-status{font-size:.9rem;color:#666}.switch-arrow{font-size:1.5rem;color:var(--red)}.quote-box{background:var(--red);color:#fff;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.quote-box.large{padding:2rem}.quote{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.quote-zh{font-size:1.2rem;opacity:.9}.quote-source{font-size:.9rem;opacity:.8;margin-top:.5rem}code{background:var(--gold);color:var(--dark-red);padding:.1rem .4rem;font-family:monospace;font-weight:700}.call-to-action{background:var(--red);color:#fff;padding:2rem;text-align:center}.call-to-action h2{font-size:2rem;margin-bottom:1.5rem;letter-spacing:.1em}.action-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.action-item{background:#ffffff1a;padding:1.5rem 1rem;border:2px solid var(--gold)}.action-icon{font-size:2rem;display:block;margin-bottom:.5rem}.footer{padding:2rem;text-align:center;background:linear-gradient(0deg,var(--paper) 0%,var(--cream) 100%)}.footer-slogan{font-size:1.5rem;font-weight:700;color:var(--red);margin-bottom:1.5rem;letter-spacing:.1em}.footer-info{margin-bottom:1.5rem}.footer-info p{margin:.25rem 0;color:#333}.footer-note{font-size:.85rem;color:#999;font-style:italic}@media(max-width:768px){.poster{border-width:4px}.banner{flex-direction:column;gap:.5rem}.profile{flex-direction:column;align-items:center;text-align:center}.profile-info{min-width:auto}.crime-content.columns{grid-template-columns:1fr}.main-title{letter-spacing:.2em;margin-left:.2em}.timeline-item{flex-direction:column;align-items:flex-start;gap:.25rem}}@media(max-width:480px){html{font-size:14px}.crime{padding:1.5rem 1rem}.action-items{grid-template-columns:1fr}}