*{margin:0;padding:0;box-sizing:border-box;}body{background:linear-gradient(145deg,#f9f1e0 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:#ffffffd9;backdrop-filter:blur(2px);padding:18px;border-radius:48px 48px 32px 32px;box-shadow:0 20px 40px rgba(255,179,71,0.25),0 8px 16px rgba(0,0,0,0.08);border:4px solid #ffb347;position:relative;}.double-border-wrapper::before{content:'';position:absolute;top:10px;left:10px;right:10px;bottom:10px;border-radius:36px 36px 24px 24px;border:3px dashed #ff8a5c;pointer-events:none;z-index:1;}.card-container{background:#fffcf5;border-radius:32px 32px 20px 20px;padding:32px 30px 20px;position:relative;z-index:2;box-shadow:inset 0 2px 8px rgba(255,180,80,0.1);}.header-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:28px;border-bottom:4px solid #ffd5a4;padding-bottom:16px;}.header-title h1{font-size:2.6rem;font-weight:700;color:#d45d2b;letter-spacing:2px;text-shadow:0 3px 0 #ffe0b5;background:linear-gradient(135deg,#e66a2b,#c94f1e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.header-title .sub{font-size:1.2rem;background:#ffdbb5;padding:6px 18px;border-radius:40px;color:#7b3f1a;font-weight:600;margin-left:auto;box-shadow:0 2px 0 #e6b282;}.intro-grid{display:flex;flex-wrap:wrap;gap:24px;margin:20px 0 30px;}.intro-card{flex:1 1 280px;background:#fef7ed;border-radius:28px;padding:22px 20px;border:2px solid #fbc9a0;box-shadow:0 6px 0 #f5b27e;transition:all 0.1s ease;}.intro-card:hover{transform:translateY(-4px);box-shadow:0 10px 0 #f5a56b;}.intro-card h3{font-size:1.6rem;color:#b4511e;margin-bottom:12px;display:flex;align-items:center;gap:8px;}.intro-card h3 span{background:#ffb882;border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#4f2b0e;font-weight:700;}.intro-card p{color:#3f2c1b;font-size:1rem;line-height:1.6;}.relation-section{background:#fcf3e6;border-radius:40px;padding:20px 20px 10px 20px;margin:30px 0 30px;border:2px solid #fbc087;}.relation-section h2{font-size:1.8rem;color:#9f4d22;padding-left:12px;border-left:12px solid #ff9f5b;margin-bottom:18px;}.svg-container{display:flex;justify-content:center;padding:10px 0;}svg{max-width:100%;height:auto;filter:drop-shadow(0 6px 8px rgba(200,120,40,0.2));}.advantage-table{margin:30px 0 20px;}.advantage-table h2{font-size:1.8rem;color:#9f4d22;border-left:12px solid #ff9f5b;padding-left:12px;margin-bottom:20px;}table{width:100%;border-collapse:separate;border-spacing:0 10px;}th{background:#ffc28c;color:#3f210b;font-weight:700;font-size:1.2rem;padding:16px 12px;border-radius:30px 30px 12px 12px;border:2px solid #e69d62;text-align:center;}td{background:#fff7ed;padding:16px 18px;border-radius:20px;border:2px solid #fbc9a0;box-shadow:0 4px 0 #f5b27e;font-size:1rem;color:#2f1d0e;}td:first-child{font-weight:700;background:#ffe1c2;width:22%;text-align:center;}td:last-child{width:42%;}.code-block{background:#2b1b0e;border-radius:28px;padding:18px 22px;margin:20px 0 10px;border:3px solid #ffb882;box-shadow:inset 0 0 0 2px #7a4d2a;}.code-block h3{color:#ffc489;font-size:1.3rem;margin-bottom:12px;display:flex;align-items:center;gap:8px;}pre{background:#1f130a;padding:18px 20px;border-radius:24px;color:#fbe9d4;font-size:0.95rem;font-family:'JetBrains Mono','Fira Code',monospace;overflow-x:auto;white-space:pre-wrap;word-break:break-word;border:1px solid #b57a4a;line-height:1.7;}code{color:#fad7af;}.feature-list{background:#fcf0e0;border-radius:28px;padding:18px 28px;margin:20px 0;border:2px solid #fbc087;}.feature-list ul{list-style-type:"✨ ";padding-left:28px;columns:2 240px;column-gap:30px;}.feature-list li{padding:8px 4px;font-size:1.05rem;color:#3f2816;border-bottom:1px dashed #f5c6a0;break-inside:avoid;}.feature-list li strong{color:#b4511e;}.footer{margin-top:40px;padding:18px 0 8px;text-align:center;border-top:4px solid #ffd5a4;font-size:1.2rem;font-weight:600;color:#7b4a28;letter-spacing:4px;background:#fff6ea;border-radius:0 0 28px 28px;}.footer span{background:#ffdbb5;padding:6px 30px;border-radius:40px;display:inline-block;}@media (max-width:680px){.double-border-wrapper{padding:10px;}.card-container{padding:20px 16px;}.header-title h1{font-size:2rem;}.feature-list ul{columns:1;}}