*{box-sizing:border-box;margin:0;padding:0}body{color:#2c3e50;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:2rem 0;font-family:Times New Roman,Times,serif;font-size:clamp(15px,2.5vw,18px);line-height:1.8}#app{background:#fff;border-radius:12px;max-width:800px;margin:0 auto;padding:4rem;box-shadow:0 10px 40px #0000001a}h1,h2,h3,h4,h5,h6{color:#1a252f;margin-top:2rem;margin-bottom:1rem;font-family:Trebuchet MS,Arial,sans-serif;font-weight:600;line-height:1.4}h1{border-bottom:3px solid #3498db;margin-top:0;padding-bottom:1rem;font-size:2.5rem}h2{text-align:center;font-size:1.8rem}h2:before{content:"";background:linear-gradient(#3498db,#2980b9);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:0}p{letter-spacing:.3px;margin-bottom:1.5rem;font-size:1.05rem}strong,b{color:#e74c3c;font-weight:700}ul,ol{margin:1.5rem 0 1.5rem 2rem}li{margin-bottom:.8rem}a{color:#3498db;border-bottom:2px solid #0000;text-decoration:none;transition:all .3s}a:hover{color:#2980b9;border-bottom-color:#3498db}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:6px;margin-top:2rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #3498db4d}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}button:active{transform:translateY(0)}pre{color:#ecf0f1;background:#2c3e50;border-radius:8px;margin:1.5rem 0;padding:1.5rem;overflow-x:auto}pre code{color:inherit;background:0 0;padding:0}blockquote{color:#555;background:#f8f9fa;border-left:4px solid #3498db;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}@media (width<=768px){body{padding:1rem 0}#app{border-radius:8px;margin:0 .75rem;padding:2.5rem 2rem}h1{font-size:1.8rem}h2{font-size:1.4rem}button{width:100%;padding:1rem;font-size:1.05rem}}@media (width<=480px){body{background:#fff;padding:0}#app{box-shadow:none;border-radius:0;margin:0;padding:1.5rem 1.25rem}h1{font-size:1.5rem}h2{font-size:1.25rem}p{font-size:1rem;line-height:1.75}blockquote{margin:1rem 0;padding:.75rem 1rem}pre{padding:1rem;font-size:.85rem}button{width:100%;min-height:44px;padding:1rem;font-size:1.05rem}a{min-height:44px;display:inline-block}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#app{animation:.6s fadeIn}::selection{color:#fff;background:#3498db}