*{margin:0;padding:0;box-sizing:border-box;}body{background:linear-gradient(145deg,#fef9e7 0%,#fdebd0 100%);font-family:'Segoe UI','PingFang SC',Roboto,'Helvetica Neue',sans-serif;padding:2rem 1.5rem;display:flex;justify-content:center;align-items:center;min-height:100vh;}.double-border-wrapper{max-width:1200px;width:100%;background:#fffaf2;border:6px solid #f7c59f;border-radius:48px 48px 32px 32px;box-shadow:0 20px 40px rgba(241,144,56,0.15),0 8px 16px rgba(0,0,0,0.03);padding:12px;position:relative;transition:all 0.1s ease;}.inner-card{background:#ffffff;border:4px solid #b8d9e8;border-radius:36px 36px 24px 24px;padding:2.5rem 2.8rem;box-shadow:inset 0 2px 8px rgba(255,215,150,0.2);}.header-title{display:flex;align-items:baseline;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.8rem;border-bottom:3px dashed #f3cba5;padding-bottom:1rem;}.header-title h1{font-size:2.8rem;font-weight:700;color:#2d4059;letter-spacing:1px;background:linear-gradient(135deg,#e67e22,#f39c12);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:0.5rem;}.header-title .sub{font-size:1.2rem;font-weight:400;color:#6b7b8d;background:#fce9d8;padding:0.2rem 1rem;border-radius:40px;-webkit-text-fill-color:#4a5b6e;}.badge{background:#f1d6c0;color:#3e2f1f;font-size:0.9rem;padding:0.2rem 1.2rem;border-radius:30px;font-weight:500;margin-left:auto;border:2px solid #eab68b;}h2{font-size:2rem;font-weight:600;color:#2c3e50;margin:2rem 0 1.2rem 0;padding-left:0.5rem;border-left:12px solid #f7b731;background:linear-gradient(to right,#fff5e6,transparent);padding:0.3rem 0 0.3rem 1.2rem;border-radius:0 20px 20px 0;}h3{font-size:1.5rem;font-weight:500;color:#34495e;margin:1.8rem 0 0.8rem 0;display:inline-block;background:#fcf3e9;padding:0.1rem 1.2rem 0.1rem 1.2rem;border-radius:30px;border:2px solid #f3d5b5;}p{font-size:1.1rem;line-height:1.7;color:#2c3e50;margin-bottom:1.2rem;}ul,ol{margin:1rem 0 1.5rem 2rem;font-size:1.05rem;color:#2c3e50;}li{margin-bottom:0.5rem;}.highlight-list{background:#fcf6ef;padding:1.2rem 1.8rem;border-radius:28px;border:2px solid #f3dccb;list-style-type:"✏️ ";}.highlight-list li{padding-left:0.5rem;}.table-wrap{overflow-x:auto;margin:1.8rem 0;border-radius:24px;background:#fef9f2;border:2px solid #e8d5c0;}table{width:100%;border-collapse:collapse;font-size:1rem;background:#fffcf7;}th{background:#f7dcc8;color:#2d3e4f;font-weight:600;padding:0.9rem 1rem;text-align:left;border-bottom:3px solid #eab68b;}td{padding:0.8rem 1rem;border-bottom:1px solid #f0ddd0;color:#2c3e50;}tr:last-child td{border-bottom:none;}pre{background:#2d2d2d;color:#f8f8f2;padding:1.5rem 1.8rem;border-radius:28px;font-size:0.95rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-word;border:4px solid #f7c59f;box-shadow:inset 0 0 0 2px #4a3f35;margin:1.5rem 0;font-family:'JetBrains Mono','Cascadia Code','Fira Code',monospace;}pre code{background:transparent;padding:0;color:inherit;}code{background:#f3e7dd;padding:0.2rem 0.6rem;border-radius:16px;font-size:0.9em;color:#b13e3e;}.svg-container{display:flex;justify-content:center;margin:2.2rem 0;background:#fcf6ef;padding:1.2rem;border-radius:40px;border:3px solid #f3d5b5;}svg text{font-family:'Segoe UI','PingFang SC',sans-serif;}.arch-card{background:#fef7ed;border-radius:32px;padding:1.2rem 0.8rem;border:3px solid #eacbad;}.footer{margin-top:3rem;padding-top:1.5rem;text-align:center;font-size:1.2rem;font-weight:500;color:#5d4a36;border-top:4px double #eacbad;letter-spacing:2px;}.footer span{background:#faeadb;padding:0.2rem 2.5rem;border-radius:60px;display:inline-block;border:2px solid #dbb594;}@media (max-width:700px){.inner-card{padding:1.5rem 1rem;}.header-title h1{font-size:2rem;}.badge{margin-left:0;margin-top:0.3rem;}}
