*{margin:0;padding:0;box-sizing:border-box;}body{background:linear-gradient(145deg,#f9f3e6 0%,#fce9d8 100%);font-family:'Segoe UI','PingFang SC',Roboto,'Helvetica Neue',sans-serif;padding:30px 20px;display:flex;justify-content:center;align-items:center;min-height:100vh;}.double-border-wrapper{max-width:1200px;width:100%;background:#ffffffdd;backdrop-filter:blur(2px);border:6px solid #ffb347;outline:4px solid #4a90d9;outline-offset:-10px;border-radius:48px 16px 48px 16px;padding:28px 30px 20px 30px;box-shadow:0 20px 40px rgba(255,140,0,0.15),0 8px 20px rgba(0,80,200,0.1);transition:all 0.2s ease;background-color:#fffcf5;}.card{background:rgba(255,248,235,0.70);backdrop-filter:blur(4px);border-radius:32px 12px 32px 12px;padding:20px 25px 10px 25px;box-shadow:inset 0 2px 8px rgba(255,215,0,0.2);}.header-title{display:flex;align-items:baseline;justify-content:space-between;border-bottom:4px dashed #ffb347;padding-bottom:12px;margin-bottom:20px;flex-wrap:wrap;}.header-title h1{font-size:2.4rem;font-weight:700;color:#2c3e7a;letter-spacing:2px;text-shadow:3px 3px 0 #fdd28c;background:linear-gradient(135deg,#f6a7c1,#86bbd8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;}.header-title .sub{font-size:1.1rem;background:#ffd966;padding:6px 18px;border-radius:40px;color:#1f3a6b;font-weight:600;box-shadow:0 4px 0 #b47c2e;letter-spacing:1px;}.section-title{font-size:1.8rem;font-weight:600;color:#1f4a7a;margin:30px 0 15px 0;padding-left:12px;border-left:18px solid #f9b83a;background:linear-gradient(to right,#fdeacb,transparent);border-radius:0 20px 20px 0;display:inline-block;padding-right:25px;}.section-sub{font-size:1.3rem;font-weight:500;color:#2b5f8a;margin:20px 0 10px 0;display:flex;align-items:center;gap:10px;}.section-sub:before{content:"✏️";font-size:1.6rem;}.styled-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:0.95rem;border-radius:24px 24px 16px 16px;overflow:hidden;box-shadow:0 6px 14px rgba(255,165,0,0.2);}.styled-table thead tr{background:#ffb347;color:#1f3a4b;font-weight:700;text-align:left;}.styled-table th,.styled-table td{padding:14px 18px;border-bottom:2px solid #ffe0b0;}.styled-table tbody tr:nth-of-type(even){background-color:#fff3e0;}.styled-table tbody tr:last-of-type{border-bottom:4px solid #ffb347;}.styled-table tbody tr:hover{background:#ffeacc;transition:0.2s;}.feature-list{list-style:none;padding-left:6px;display:flex;flex-wrap:wrap;gap:20px 40px;margin:20px 0;}.feature-list li{background:#e9f2fa;padding:12px 24px 12px 48px;border-radius:60px;font-weight:500;color:#1f4970;box-shadow:0 4px 0 #b3c9e0;position:relative;flex:1 0 180px;border:2px solid #fcd9a7;}.feature-list li:before{content:"🌟";position:absolute;left:14px;top:8px;font-size:1.5rem;}.feature-list li:nth-child(2):before{content:"📊";}.feature-list li:nth-child(3):before{content:"🌀";}.svg-container{background:#fcf6ea;border-radius:40px 12px 40px 12px;padding:20px 10px;margin:20px 0;border:3px solid #fbc78f;box-shadow:inset 0 0 0 2px white,0 8px 12px rgba(255,180,40,0.2);text-align:center;}.svg-container svg{max-width:100%;height:auto;filter:drop-shadow(0 6px 6px rgba(255,200,0,0.2));}pre{background:#1e2a3a;color:#f8f0d5;padding:18px 22px;border-radius:28px 8px 28px 8px;font-size:0.9rem;overflow-x:auto;border:3px solid #ffb347;box-shadow:0 6px 0 #7f6956;margin:20px 0;font-family:'JetBrains Mono','Fira Code',monospace;white-space:pre-wrap;word-break:break-word;}pre::before{content:"📁  code  ";color:#f9d77e;font-weight:600;display:block;margin-bottom:8px;font-size:0.9rem;}.footer{margin-top:40px;padding:18px 0 8px 0;text-align:center;border-top:6px double #ffb347;font-size:1.2rem;font-weight:600;color:#2b4f7a;letter-spacing:4px;background:#fff6e5;border-radius:0 0 30px 30px;}.footer span{background:#ffd966;padding:6px 30px;border-radius:40px;display:inline-block;box-shadow:0 4px 0 #b68b40;}@media (max-width:700px){.double-border-wrapper{padding:15px;}.header-title h1{font-size:1.8rem;}.feature-list li{flex:1 0 100%;}}