.page-title{text-align:center;padding:40px 0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;margin-bottom:40px}
.page-title h1{font-size:2.5rem;margin-bottom:10px}
.page-title p{font-size:1.2rem;opacity:.9}
.platform-section{margin-bottom:60px}
.section-heading{text-align:center;margin-bottom:30px}
.section-heading h2{font-size:2rem;color:var(--primary-color);position:relative;display:inline-block;padding-bottom:10px}
.section-heading h2::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background-color:var(--secondary-color)}
.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;justify-items:center}
.platform-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:30px 20px;text-align:center;transition:var(--transition);width:100%;max-width:200px;cursor:pointer}
.platform-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,.15)}
.platform-icon{font-size:3rem;margin-bottom:15px;color:var(--primary-color)}
.platform-card h3{font-size:1.2rem;color:var(--light-text);margin-bottom:10px}
.knowledge-content{display:flex;gap:30px;margin-bottom:60px}
.doc-sidebar{flex:0 0 300px;background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;position:sticky;top:100px;height:fit-content}
.doc-sidebar h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--light-bg)}
.doc-list{list-style:none}
.doc-list li{margin-bottom:10px}
.doc-list a{text-decoration:none;color:var(--light-text);padding:8px 12px;display:block;border-radius:var(--border-radius);transition:var(--transition)}
.doc-list a:hover,.doc-list a.active{background-color:var(--primary-color);color:#fff}
.doc-content{flex:1;background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:30px;position:relative}
.doc-content h2{font-size:2rem;color:var(--primary-color);margin-bottom:20px}
.doc-content h3{font-size:1.5rem;color:var(--light-text);margin:30px 0 15px}
.doc-content p{margin-bottom:15px;line-height:1.8}
.doc-content ul,.doc-content ol{margin-bottom:15px;padding-left:20px}
.doc-content li{margin-bottom:8px}
.floating-toc{position:fixed;right:20px;top:0;width:250px;max-height:70vh;background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:0 5px 20px rgba(0,0,0,.15);padding:20px;z-index:999;overflow-y:auto}
.floating-toc h4{font-size:1.1rem;color:var(--primary-color);margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--light-bg)}
.floating-toc-list{list-style:none}
.floating-toc-list li{margin-bottom:8px}
.floating-toc-list a{text-decoration:none;color:var(--light-text);font-size:.9rem;display:block;padding:5px 0;transition:var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.floating-toc-list a:hover,.floating-toc-list a.active{color:var(--primary-color);font-weight:700}
.floating-toc-list a.read{color:var(--light-text);opacity:.7;font-weight:400;position:relative}
.floating-toc-list a.read::before{content:"✓";color:#28a745;margin-right:5px;font-size:.8em;font-weight:700}
.floating-toc-list a.read.active{color:var(--primary-color);font-weight:700;opacity:1}
.floating-toc-content{max-height:calc(100% - 60px);overflow-y:auto;margin-bottom:10px;padding-right:5px}
.floating-toc-content::-webkit-scrollbar{width:6px}
.floating-toc-content::-webkit-scrollbar-track{background:var(--light-bg);border-radius:3px}
.floating-toc-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}
.floating-toc-content::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}
.scroll-btn{position:absolute;right:10px;width:30px;height:30px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .3s,background-color .3s;z-index:1000}
.scroll-btn:hover{opacity:1;background-color:var(--primary-hover)}
.scroll-up{top:10px}
.scroll-down{bottom:10px}
.scroll-btn.hidden{display:none}
@media (max-width:1200px){.floating-toc{display:none}}
@media (max-width:992px){.knowledge-content{flex-direction:column}.doc-sidebar{position:static;margin-bottom:30px}.platform-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
@media (max-width:768px){.page-title h1{font-size:2rem}.page-title p{font-size:1rem}.platform-grid{grid-template-columns:repeat(2,1fr)}.doc-content{padding:20px}.doc-content h2{font-size:1.5rem}.doc-content h3{font-size:1.3rem}}
@media (max-width:576px){.platform-grid{grid-template-columns:1fr}.platform-card{max-width:100%}}