@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,sans-serif}body{color:#000;background:#fff}a{color:inherit;text-decoration:none}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0;margin-bottom:48px}.content-container{max-width:1200px;margin:0 auto;padding:0 48px}.reading-container{max-width:800px;margin:0 auto;padding:48px 24px}.modern-card{transition:all .3s ease;border-radius:12px;overflow:hidden}.modern-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.12)}.code-block-wrapper{position:relative}.copy-code-btn{position:absolute;top:12px;right:12px;z-index:10}.markdown-content{font-size:18px;line-height:1.8;color:#2c3e50}.markdown-content h1{margin-top:48px;margin-bottom:24px;font-size:2.5em;font-weight:700;line-height:1.2;color:#1a1a1a}.markdown-content h1:first-child{margin-top:0}.markdown-content h2{margin-top:40px;margin-bottom:20px;font-size:2em;font-weight:600;line-height:1.3;color:#1a1a1a}.markdown-content h3{margin-top:32px;margin-bottom:16px;font-size:1.5em;font-weight:600;line-height:1.4;color:#2c3e50}.markdown-content h4{margin-top:24px;margin-bottom:12px;font-size:1.25em;font-weight:600;color:#2c3e50}.markdown-content p{margin-bottom:24px;line-height:1.8}.markdown-content code{background-color:#f6f8fa;padding:3px 8px;border-radius:4px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.9em;color:#d73a49;border:1px solid #e1e4e8}.markdown-content pre{margin:32px 0;border-radius:8px;overflow:auto;box-shadow:0 4px 12px rgba(0,0,0,.08)}.markdown-content pre code{background-color:transparent;padding:0;border:none;color:inherit}.markdown-content ol,.markdown-content ul{margin-bottom:24px;padding-left:32px}.markdown-content li{margin-bottom:12px;line-height:1.8}.markdown-content blockquote{border-left:4px solid #1890ff;padding:16px 24px;margin:32px 0;background:#f6f8fa;border-radius:4px;color:#555;font-style:italic}.markdown-content table{width:100%;border-collapse:collapse;margin:20px 0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.markdown-content td,.markdown-content th{border:1px solid #d9d9d9;padding:12px;text-align:left}.markdown-content th{background-color:#fafafa;font-weight:600}.markdown-content tbody tr:hover{background-color:#f9f9f9}.markdown-content table code{background-color:#e6f7ff;padding:2px 4px}.markdown-content del{text-decoration:line-through;color:#999}.markdown-content input[type=checkbox]{margin-right:8px}.markdown-content ::selection{background-color:#fff59d;color:inherit}.markdown-content mark.user-highlight{background-color:#fff59d;padding:2px 0;border-radius:2px;cursor:pointer;transition:background-color .2s ease}.markdown-content mark.user-highlight:hover{background-color:#ffeb3b}