*{margin:0;padding:0;box-sizing:border-box;}body{background:#fef9e7;font-family:'Segoe UI','PingFang SC',Roboto,'Helvetica Neue',sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;}.double-border-wrapper{max-width:1200px;width:100%;background:#ffffff;border:6px solid #ffb347;border-radius:40px 40px 30px 30px;box-shadow:0 20px 40px rgba(255,179,71,0.25);padding:12px;position:relative;transition:all 0.2s;}.inner-card{background:#f5f9ff;border:4px solid #4a90d9;border-radius:30px 30px 22px 22px;padding:30px 35px 20px 35px;box-shadow:inset 0 0 0 2px rgba(74,144,217,0.08);}.header-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:20px;border-bottom:3px dashed #ffb347;padding-bottom:15px;}.header-title h1{font-size:2.4rem;font-weight:700;color:#2c3e7a;letter-spacing:1px;background:linear-gradient(145deg,#2c3e7a,#4a90d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:10px;}.header-title .sub{font-size:1.1rem;background:#ffd966;padding:6px 18px;border-radius:40px;color:#1f3a6b;font-weight:600;box-shadow:0 4px 8px rgba(255,179,71,0.3);-webkit-text-fill-color:#1f3a6b;}.header-title .badge{margin-left:auto;background:#4a90d9;color:white;padding:6px 20px;border-radius:30px;font-weight:600;font-size:0.9rem;letter-spacing:1px;box-shadow:0 4px 8px rgba(74,144,217,0.3);}.intro-box{background:#e9f2fa;border-left:12px solid #ffb347;padding:18px 25px;border-radius:30px 12px 12px 30px;margin-bottom:30px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;}.intro-box svg{flex-shrink:0;}.intro-box p{font-size:1.1rem;color:#1f3a6b;font-weight:500;margin:0;}.table-wrap{background:white;border-radius:28px;padding:6px;box-shadow:0 8px 18px rgba(74,144,217,0.12);margin:30px 0;border:2px solid #b7d4f0;}table{width:100%;border-collapse:collapse;border-radius:24px;overflow:hidden;font-size:0.98rem;}th{background:#ffb347;color:#1f3a6b;font-weight:700;padding:16px 12px;text-align:left;border-bottom:3px solid #ff9f1c;}td{padding:14px 12px;border-bottom:1px solid #d9e8f7;background:#fcfdff;color:#1f2e4a;}tr:last-child td{border-bottom:none;}.highlight{background:#fff3d6;font-weight:600;}.feature-list{background:#ffffffd9;padding:20px 25px 20px 40px;border-radius:30px;box-shadow:0 6px 14px rgba(255,179,71,0.15);margin:25px 0;border:2px solid #ffd699;}.feature-list li{margin:12px 0;font-size:1.05rem;color:#1f3a6b;list-style-type:"✨ ";padding-left:8px;}.feature-list li strong{color:#2c5aa0;}.svg-container{background:#f0f7fe;border-radius:40px;padding:20px 10px 10px 10px;margin:30px 0 20px 0;text-align:center;border:3px solid #b7d4f0;box-shadow:0 8px 0 #cfe2f2;}.svg-container svg{max-width:100%;height:auto;}.svg-caption{margin-top:8px;font-weight:600;color:#2c3e7a;background:#ffd966cc;display:inline-block;padding:4px 28px;border-radius:40px;font-size:0.9rem;}pre{background:#1f2e4a;color:#f8f9fc;padding:20px 24px;border-radius:28px;font-size:0.95rem;line-height:1.6;overflow-x:auto;border:3px solid #ffb347;box-shadow:0 6px 0 #4a90d9;margin:25px 0;font-family:'JetBrains Mono','Fira Code',monospace;white-space:pre-wrap;word-break:break-word;}pre .comment{color:#b0d0ff;}.tag{display:inline-block;background:#4a90d9;color:white;border-radius:30px;padding:2px 16px;font-size:0.8rem;font-weight:600;margin-right:6px;}.tag.orange{background:#ff8c42;}.footer{margin-top:45px;padding-top:20px;border-top:4px double #ffb347;text-align:center;font-size:1.2rem;font-weight:700;color:#1f3a6b;letter-spacing:3px;background:#eef5fc;border-radius:60px 60px 20px 20px;padding:18px 10px 14px 10px;}.footer span{background:#ffd966;padding:6px 30px;border-radius:40px;box-shadow:0 4px 0 #ffb347;}@media (max-width:700px){.inner-card{padding:20px 15px;}.header-title h1{font-size:1.8rem;}.badge{margin-left:0;width:100%;text-align:center;}}
