body{background:#f5f5f5;max-width:1400px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1{color:#333;border-bottom:3px solid #2196f3;padding-bottom:10px}nav{z-index:100;background:#fff;border-radius:8px;margin:20px 0;padding:15px;position:relative;box-shadow:0 2px 4px #0000001a}nav .nav-major{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex}nav .nav-major>a,nav .nav-major .nav-dropdown-toggle{color:#fff;background:#2196f3;border-radius:4px;padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}nav .nav-major>a:hover,nav .nav-major .nav-dropdown-toggle:hover{background:#1976d2;text-decoration:none}nav .nav-major>a.current{background:#1565c0;box-shadow:inset 0 2px 4px #0003}nav .nav-minor{flex-wrap:wrap;gap:6px 16px;display:flex}nav .nav-minor a{color:#2196f3;font-size:14px;font-weight:400;text-decoration:none}nav .nav-minor a:hover{text-decoration:underline}nav .nav-minor a.current{color:#1565c0;font-weight:600}nav .nav-dropdown{display:inline-block;position:relative}nav .nav-minor .nav-dropdown-toggle{color:#2196f3;cursor:pointer;background:0 0;border-radius:0;padding:0;font-size:14px;font-weight:400;text-decoration:none}nav .nav-minor .nav-dropdown-toggle:hover{background:0 0;text-decoration:underline}nav .nav-dropdown-toggle .arrow{margin-left:2px;font-size:10px}nav .nav-dropdown-menu{z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:4px;min-width:140px;margin-top:4px;padding:4px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}nav .nav-dropdown:hover .nav-dropdown-menu{display:block}nav .nav-dropdown-menu a{color:#2196f3;padding:8px 16px;font-size:14px;text-decoration:none;display:block}nav .nav-dropdown-menu a:hover{background:#f5f5f5;text-decoration:none}nav .nav-dropdown-menu a.current{color:#1565c0;background:#e3f2fd;font-weight:600}.example{background:#fff;border-radius:8px;margin:30px 0;padding:20px;box-shadow:0 2px 4px #0000001a}.example h2{color:#555;margin-top:0}.example p{color:#666;line-height:1.6}.grid{grid-template-columns:repeat(auto-fit,minmax(min(500px,100%),1fr));gap:20px;margin:20px 0;display:grid}.code-wrapper{margin-bottom:10px;position:relative}pre{background:#f8f8f8;border-left:4px solid #2196f3;border-radius:4px;margin:0;padding:15px 100px 15px 15px;overflow-x:auto}pre code{display:block}pre.collapsed code{max-height:1.4em;overflow:hidden}.code-toggle{color:#666;cursor:pointer;background:#ffffffe6;border:1px solid #ddd;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex;position:absolute;top:8px;right:8px}.code-toggle:hover{color:#333;background:#fff;border-color:#ccc}.code-toggle .arrow{transition:transform .2s}.code-toggle.expanded .arrow{transform:rotate(180deg)}code{font-family:Consolas,Courier New,monospace;font-size:14px}dc-chart{margin:20px 0}.note{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:0 4px 4px 0;margin:15px 0;padding:10px 15px}.note strong{color:#1565c0}.controls{background:#f0f0f0;border-radius:4px;margin:20px 0;padding:15px}button{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:4px;margin:5px;padding:10px 20px;font-size:14px;transition:background .3s}button:hover{background:#1976d2}.table-scroll{margin:20px 0;overflow-x:auto}.example-table{border-collapse:collapse;width:100%;margin:20px 0}.table-scroll>.example-table{margin:0}.example-table th,.example-table td{text-align:left;border:1px solid #ddd;padding:12px}.example-table th{background:#f3f4f6}.example-table tr:nth-child(2n){background:#f9fafb}.example-table code{background:#e5e7eb;border-radius:4px;padding:2px 6px;font-size:.9em}