*{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:2rem 1rem;}.double-frame{max-width:1200px;width:100%;background:#ffffffdd;border:4px solid #f9d9b1;border-radius:48px 48px 32px 32px;padding:12px;box-shadow:0 20px 40px rgba(243,156,18,0.15);backdrop-filter:blur(2px);}.inner-card{background:#fffcf5;border:3px solid #b7d7e8;border-radius:40px 40px 24px 24px;padding:2.5rem 2.2rem;box-shadow:inset 0 0 0 2px #fef3e0;}.header{margin-bottom:2.5rem;border-bottom:3px dashed #f3cba5;padding-bottom:1.2rem;}.header h1{font-size:2.6rem;font-weight:700;color:#2c3e50;letter-spacing:-0.02em;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}.header h1 small{font-size:1.2rem;font-weight:400;color:#e67e22;background:#fef5e7;padding:0.2rem 1rem;border-radius:40px;border:1px solid #f0c27a;}.header .sub{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#5d6d7e;font-weight:500;}.header .sub span{background:#d4e6f1;padding:0.2rem 1.2rem;border-radius:30px;font-size:0.9rem;color:#1a5276;}.section{margin:2.8rem 0 2rem;}.section-title{font-size:1.8rem;font-weight:600;color:#1e3c5c;border-left:12px solid #f7b731;padding-left:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:10px;}.section-title .badge{background:#f1c40f;color:#1e2a3a;font-size:0.9rem;padding:0.1rem 1rem;border-radius:30px;font-weight:500;}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.8rem 0;}@media (max-width:780px){.grid-2col{grid-template-columns:1fr;}.inner-card{padding:1.8rem 1.2rem;}.header h1{font-size:2rem;}}.feature-box{background:#fcf9f2;border-radius:28px;padding:1.5rem 1.5rem 1.8rem;border:2px solid #e8dbc6;box-shadow:0 6px 0 #dcc9b0;transition:all 0.1s ease;}.feature-box h3{font-size:1.4rem;color:#2c3e50;margin-bottom:0.8rem;display:flex;align-items:center;gap:8px;}.feature-box h3 svg{width:28px;height:28px;fill:#e67e22;}.feature-box p,.feature-box li{color:#2c3e50;line-height:1.6;}.feature-box ul,.feature-box ol{padding-left:1.6rem;margin-top:0.5rem;}.feature-box li{margin-bottom:0.3rem;}pre{background:#1e2a3a;color:#f0e6d3;padding:1.2rem 1.5rem;border-radius:24px;font-size:0.9rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-word;border:2px solid #f7dc6f;box-shadow:inset 0 0 0 2px #2c3e50;margin:1.2rem 0;font-family:'JetBrains Mono','Fira Code','Cascadia Code',monospace;}pre .comment{color:#7f8c8d;}.table-wrap{overflow-x:auto;margin:1.5rem 0;border-radius:24px;border:2px solid #d5c3a8;background:#fcf9f2;}table{width:100%;border-collapse:collapse;font-size:0.95rem;}th{background:#f7d9aa;color:#1e2a3a;font-weight:600;padding:0.9rem 1rem;text-align:left;border-bottom:3px solid #e8b87a;}td{padding:0.8rem 1rem;border-bottom:1px solid #e2d3be;color:#2c3e50;}tr:last-child td{border-bottom:none;}.svg-container{display:flex;justify-content:center;margin:2rem 0 1rem;background:#fcf6ec;border-radius:40px;padding:1.5rem 0.5rem;border:2px solid #dcc9b0;}svg text{font-family:'Segoe UI','PingFang SC',sans-serif;}.empty-state-demo{background:#f2ebe1;border-radius:32px;padding:1.8rem;border:2px dashed #b7a48b;margin:1.5rem 0;text-align:center;}.empty-state-demo svg{width:80px;height:80px;fill:#b0a088;margin-bottom:0.5rem;}.footer{margin-top:3.5rem;padding-top:1.5rem;border-top:3px solid #f3cba5;text-align:center;font-size:1.2rem;font-weight:500;color:#4a5b6e;letter-spacing:2px;}.footer span{background:#f7e5ce;padding:0.2rem 2rem;border-radius:40px;border:2px solid #dbbd9a;}.inline-code{background:#f0e7da;padding:0.1rem 0.6rem;border-radius:12px;font-family:monospace;color:#c0392b;font-weight:500;}.tag{display:inline-block;background:#d5e8d4;padding:0.1rem 0.9rem;border-radius:30px;font-size:0.8rem;font-weight:600;color:#1e5631;}