*{margin:0;padding:0;box-sizing:border-box;}body{background:#fef9e7;font-family:'Segoe UI','PingFang SC',Roboto,system-ui,-apple-system,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:#ffffffdd;border:6px solid #ffb347;border-radius:48px 48px 32px 32px;padding:12px;box-shadow:0 20px 40px rgba(255,140,0,0.15);backdrop-filter:blur(2px);}.inner-card{background:#fffaf2;border:4px solid #6cc4a1;border-radius:36px 36px 24px 24px;padding:32px 36px 20px;box-shadow:inset 0 0 0 2px #fce4c8;}.header-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:28px;border-bottom:3px dashed #f9b83a;padding-bottom:18px;}.header-title h1{font-size:2.6rem;font-weight:700;color:#2d5f5e;letter-spacing:1px;background:linear-gradient(145deg,#f0933b,#f9b83a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 0 #ffe6b0;}.header-title .sub{font-size:1.2rem;background:#ffd966;padding:6px 18px;border-radius:40px;color:#2d4e4a;font-weight:600;margin-left:auto;box-shadow:0 4px 0 #b47c2e;}.section{background:rgba(255,245,225,0.6);border-radius:32px;padding:20px 24px 24px;margin-bottom:28px;border:2px solid #fad6a0;backdrop-filter:blur(4px);transition:all 0.1s ease;}.section h2{font-size:1.9rem;font-weight:650;color:#1f6d5a;display:flex;align-items:center;gap:12px;margin-bottom:18px;border-left:12px solid #f9b83a;padding-left:20px;}.section h2 span{background:#f7d098;font-size:1.2rem;padding:0 16px;border-radius:30px;color:#2b4f3e;}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:16px 0 8px;}.comparison-box{background:#fcf6eb;border-radius:28px;padding:16px 18px;border:2px solid #b7d9c8;box-shadow:0 6px 0 #c7a87b;}.comparison-box h3{font-size:1.4rem;color:#3b7a6b;margin-bottom:12px;display:flex;align-items:center;gap:8px;}.comparison-box ul,.lazy-list{padding-left:24px;list-style-type:"✨ ";line-height:1.8;font-size:1.05rem;color:#2c4d3f;}.comparison-box ul li{margin-bottom:6px;}.comparison-box ul li strong{color:#c1662b;}.table-wrap{overflow-x:auto;margin:20px 0 10px;border-radius:24px;background:#fcf3e0;border:2px solid #eac58f;}table{width:100%;border-collapse:collapse;font-size:1rem;background:#fffcf5;}th{background:#f7d7a8;color:#2b5a4a;font-weight:700;padding:14px 12px;text-align:left;border-bottom:4px solid #eab768;}td{padding:14px 12px;border-bottom:2px solid #f3dbb8;color:#2f4f42;}tr:last-child td{border-bottom:none;}.highlight-badge{background:#fdd28c;border-radius:40px;padding:2px 16px;font-weight:600;color:#1f4e3d;display:inline-block;}.svg-container{display:flex;justify-content:center;margin:20px 0 10px;background:#fcf3e0;border-radius:40px;padding:20px 10px;border:2px solid #eac58f;}svg text{font-family:'Segoe UI','PingFang SC',sans-serif;}.code-block{background:#2d3e3a;border-radius:28px;padding:18px 20px;margin:18px 0 8px;border:3px solid #f9b83a;box-shadow:inset 0 0 0 2px #fad6a0;}.code-block pre{background:transparent;color:#f5efd7;font-size:0.95rem;font-family:'JetBrains Mono','Fira Code',monospace;white-space:pre-wrap;word-break:break-word;line-height:1.6;margin:0;}.code-block .comment{color:#b6d7a8;}.footer-note{margin-top:30px;text-align:center;font-size:1.2rem;font-weight:600;color:#3b6b5a;border-top:4px double #f9b83a;padding-top:22px;letter-spacing:2px;background:#fff6e5;border-radius:60px;padding:16px 10px;}@media (max-width:780px){.grid-2col{grid-template-columns:1fr;}.inner-card{padding:20px 16px;}.header-title h1{font-size:2rem;}}