*{margin:0;padding:0;box-sizing:border-box}:root{--accent:#1a5276;--accent2:#0c1928;--primary:#0c1928}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#333;background:fixed #e8edf2;background-image:radial-gradient(ellipse at 20% 20%,rgba(26,82,118,.04) 0,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(0,212,170,.03) 0,transparent 50%)}.header{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#1a202c;padding:.8rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 1px 12px rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.header .logo{display:flex;align-items:flex-end;gap:.6rem;cursor:pointer;transition:opacity .2s;text-decoration:none;flex-shrink:0}.header .logo:hover{opacity:.8}.header .logo img{height:28px;width:auto;display:block;border-radius:4px}.header .logo-text{font-size:1rem;font-weight:500;color:rgba(0,0,0,.55);line-height:1}.header .back{color:var(--accent);text-decoration:none;padding:0 .8rem;height:2rem;border:1px solid rgba(26,82,118,.2);border-radius:20px;white-space:nowrap;transition:.3s;font-size:.8rem;display:flex;align-items:center;flex-shrink:0;background:rgba(255,255,255,.6)}.header .back:hover{background:rgba(26,82,118,.08);border-color:var(--accent);color:var(--accent)}.search-box{position:relative;flex:1;max-width:400px;margin:0}.search-box input{width:100%;padding:0 .8rem 0 2rem;height:2rem;border:1px solid rgba(26,82,118,.15);border-radius:20px;background:rgba(255,255,255,.65);color:#333;font-size:.8rem;line-height:2rem;outline:0;transition:.3s}.search-box input::placeholder{color:rgba(0,0,0,.35)}.search-box input:focus{background:rgba(255,255,255,.85);border-color:var(--accent);box-shadow:0 0 0 3px rgba(26,82,118,.06)}.search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);font-size:.75rem;opacity:.6;pointer-events:none}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);max-height:360px;overflow-y:auto;display:none;z-index:200}.search-results.show{display:block}.search-results a{display:block;padding:.65rem 1rem;color:#333;text-decoration:none;font-size:.85rem;border-bottom:1px solid #f0f0f0;transition:background .15s}.search-results a:last-child{border-bottom:none}.search-results a:hover{background:rgba(0,212,170,.06);color:var(--accent)}.search-results a .sr-title{font-weight:600;color:var(--accent);font-size:.88rem}.search-results a .sr-page{color:#999;font-size:.75rem;margin-left:.5rem}.search-results a .sr-snippet{color:#888;font-size:.8rem;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results a .sr-snippet mark{background:#fff3cd;color:#333;padding:0 2px;border-radius:2px}.search-no-result{padding:1rem;text-align:center;color:#999;font-size:.85rem}.container{display:flex;max-width:1400px;margin:0 auto}.sidebar{width:280px;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.5rem 0;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;border-right:1px solid rgba(26,82,118,.08);flex-shrink:0;box-shadow:2px 0 16px rgba(0,0,0,.03)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.sidebar .nav-list{display:flex;flex-direction:column}.sidebar a{display:block;padding:.45rem 1.2rem;color:#555;text-decoration:none;font-size:.87rem;border-left:3px solid transparent;transition:.15s}.sidebar a:hover{background:rgba(0,212,170,.08);color:var(--accent);border-left-color:var(--accent)}.sidebar a.active{background:rgba(0,212,170,.12);color:var(--accent);border-left-color:var(--accent);font-weight:600}.sidebar .nav-welcome{font-weight:600;color:var(--accent);font-size:.92rem;padding:.6rem 1.2rem;border-bottom:1px solid rgba(26,82,118,.08);margin-bottom:.5rem}.sidebar .nav-welcome:hover{background:rgba(0,212,170,.06)}.sidebar .module{font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));margin:1rem .8rem .3rem;padding:.55rem .9rem;font-size:.9rem;border-radius:6px;letter-spacing:.3px;box-shadow:0 2px 8px rgba(0,212,170,.25);cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none}.sidebar .module:first-of-type{margin-top:.5rem}.sidebar .module::after{content:'▼';font-size:.7rem;transition:transform .2s}.sidebar .module.collapsed::after{transform:rotate(-90deg)}.sidebar .module-group{overflow:visible;display:block}.sidebar .module-group.collapsed{display:none}.sidebar .section{font-weight:600;color:var(--accent);margin-top:.8rem;padding:.35rem 1.2rem .35rem 1.6rem;font-size:.84rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(26,82,118,.08);margin-bottom:.1rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none}.sidebar .section::after{content:'▾';font-size:.7rem;transition:transform .2s;margin-left:auto}.sidebar .section.collapsed::after{transform:rotate(-90deg)}.sidebar .section-group{overflow:visible;display:block}.sidebar .section-group.collapsed{display:none}.sidebar .subsection{padding-left:2.4rem;font-size:.83rem;color:#777;position:relative}.sidebar .subsection::before{content:'';position:absolute;left:1.6rem;top:50%;width:5px;height:5px;border-radius:50%;background:#c8dce6;transform:translateY(-50%)}.sidebar .subsection.active::before,.sidebar .subsection:hover::before{background:var(--accent)}.sidebar .coming-soon{padding:.4rem 1.2rem;color:#bbb;font-size:.82rem;font-style:italic}.sidebar .more-modules{padding:.6rem 1.2rem;color:#999;font-size:.82rem;font-style:italic;border-top:1px dashed #ddd;margin-top:.5rem}.content{flex:1;padding:2rem 3rem;background:#fff;margin:1rem;min-height:calc(100vh - 80px);border-radius:12px;box-shadow:0 2px 20px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.04)}.content section{margin-bottom:3rem;padding-top:1rem}.content h2{color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:.5rem;margin-bottom:1.5rem;font-size:1.8rem}.content h3{color:#2c3e50;margin:2rem 0 1rem;font-size:1.4rem}.content h4{color:#34495e;margin:1.5rem 0 1rem;font-size:1.1rem}.content h5{color:#555;margin:1rem 0 .5rem;font-size:1rem}.content p{margin-bottom:1rem}.content ol,.content ul{margin:1rem 0 1rem 2rem}.content li{margin-bottom:.5rem}.img-container{background:rgba(255,255,255,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:1.5rem;margin:1.5rem 0;border:1px solid rgba(26,82,118,.1);border-radius:8px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.04)}.img-container img{max-width:100%;height:auto;display:inline-block}.note{background:rgba(52,152,219,.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-left:4px solid #3498db;padding:1rem;margin:1rem 0;border-radius:0 6px 6px 0}.note strong{color:#2980b9}.warn{background:rgba(255,193,7,.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-left:4px solid #ffc107;padding:1rem;margin:1rem 0;border-radius:0 6px 6px 0}.warn strong{color:#856404}pre{background:rgba(248,249,250,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.06);padding:1rem;overflow-x:auto;margin:1rem 0;border-radius:6px}code{background:#f8f9fa;padding:.2rem .4rem;border-radius:3px;font-family:'Courier New',monospace;font-size:.9em}pre code{background:0 0;padding:0}table{width:100%;border-collapse:collapse;margin:1rem 0}td,th{border:1px solid #dee2e6;padding:.75rem;text-align:left}th{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}tr:nth-child(2n){background:#f8f9fa}.page-nav{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid #ddd}.page-nav a{color:var(--accent);text-decoration:none;padding:.6rem 1.2rem;border:1px solid rgba(26,82,118,.2);border-radius:8px;transition:.2s;background:rgba(255,255,255,.5)}.page-nav a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.lang-switcher{display:flex;align-items:center;gap:.3rem;background:rgba(255,255,255,.6);border:1px solid rgba(26,82,118,.15);border-radius:20px;padding:0 .6rem;height:2rem;cursor:pointer;transition:.3s;font-size:.8rem;color:#333;flex-shrink:0}.lang-switcher:hover{background:rgba(255,255,255,.8);border-color:var(--accent)}.lang-switcher .lang-option{padding:.2rem .5rem;border-radius:12px;transition:.2s;font-weight:500;user-select:none}.lang-switcher .lang-option:hover{background:rgba(26,82,118,.08)}.lang-switcher .lang-option.active{background:var(--accent,#1a5276);color:#fff;font-weight:700}.lang-switcher .lang-divider{color:rgba(255,255,255,.3);font-size:.7rem}@media(max-width:768px){.container{flex-direction:column}.sidebar{width:100%;position:static;height:auto}.content{padding:1rem}.search-box{flex:1 1 100%;margin:.8rem 0 0;order:3}.header{flex-wrap:wrap}.lang-switcher{margin-top:.5rem}}.header-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}