:root{--primary: #F97316;--bg: #FFFFFF;--bg-alt: #F9FAFB;--card: #FFFFFF;--text: #111827;--muted: #6B7280;--dark: #1F2937;--border: #E5E7EB}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);line-height:1.7}.navbar{height:64px;background:var(--dark);display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.navbar .container{width:100%;max-width:none;padding:0 40px;margin:0;display:flex;align-items:center;justify-content:space-between!important}.brand{display:flex;align-items:center;gap:12px}.logo{width:32px;height:32px;border-radius:8px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.logo-text{color:#f97316;font-weight:700;font-size:20px}.nav-actions{display:flex;gap:12px}.btn{text-decoration:none;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:#ffffff1a;color:#fff}.btn-secondary:hover{background:#fff3}.container{width:1200px;max-width:100%;margin:0 auto;padding:0 20px}.hero{padding:30px 0;text-align:center;background:linear-gradient(135deg,#fff7ed,#fff)}.hero h1{font-size:36px;font-weight:700;color:var(--dark);margin-bottom:16px}.hero p{font-size:18px;color:var(--muted);max-width:600px;margin:0 auto}.manual-container{padding:40px 0;display:flex;gap:40px}.sidebar{width:280px;flex-shrink:0;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;background:var(--bg-alt);border-radius:12px;padding:20px}.sidebar h3{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.sidebar ul{list-style:none}.sidebar li{margin-bottom:8px}.sidebar a{text-decoration:none;color:var(--text);font-size:14px;padding:8px 12px;border-radius:8px;display:block;transition:all .2s}.sidebar a:hover{background:#f973161a;color:var(--primary)}.sidebar .active{background:#f973161a;color:var(--primary);font-weight:500}.sidebar .sub-item{padding-left:32px;color:var(--muted)}.content{flex:1}.content-section{margin-bottom:60px}.content-section h2{font-size:28px;font-weight:700;color:var(--dark);margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--primary)}.content-section h3{font-size:20px;font-weight:600;color:var(--dark);margin:32px 0 16px}.content-section h4{font-size:16px;font-weight:600;color:var(--dark);margin:24px 0 12px}.content-section p{font-size:15px;color:var(--text);margin-bottom:16px;line-height:1.8}.content-section ul,.content-section ol{padding-left:24px;margin-bottom:16px}.content-section li{font-size:15px;color:var(--text);margin-bottom:8px}.content-section code{background:#f973161a;color:var(--primary);padding:2px 8px;border-radius:4px;font-size:14px;font-family:monospace}.content-section pre{background:var(--dark);color:#fff;padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:16px}.content-section pre code{background:none;color:inherit;padding:0}.tip-box{background:linear-gradient(135deg,#fef3c7,#fef9c3);border-left:4px solid #F59E0B;padding:16px;border-radius:0 8px 8px 0;margin-bottom:16px}.tip-box h5{font-size:14px;font-weight:600;color:#92400e;margin-bottom:8px}.tip-box p{font-size:14px;color:#78350f;margin:0}.warning-box{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #EF4444;padding:16px;border-radius:0 8px 8px 0;margin-bottom:16px}.warning-box h5{font-size:14px;font-weight:600;color:#991b1b;margin-bottom:8px}.warning-box p{font-size:14px;color:#7f1d1d;margin:0}.info-box{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3B82F6;padding:16px;border-radius:0 8px 8px 0;margin-bottom:16px}.info-box h5{font-size:14px;font-weight:600;color:#1e40af;margin-bottom:8px}.info-box p{font-size:14px;color:#1e3a8a;margin:0}.footer{background:var(--dark);padding:32px 0;text-align:center;margin-top:60px}.footer span{color:#9ca3af;font-size:14px}.footer a{color:var(--primary);text-decoration:none}.fill-placeholder{background:#f973160d;border:2px dashed rgba(249,115,22,.3);border-radius:8px;padding:24px;text-align:left;color:var(--muted);font-size:14px;margin-bottom:16px}.fill-placeholder p{margin-bottom:12px;color:var(--muted);font-size:14px;line-height:1.8}.fill-placeholder p:last-child{margin-bottom:0}.fill-placeholder-no-icon{background:#f973160d;border:2px dashed rgba(249,115,22,.3);border-radius:8px;padding:24px;text-align:left;color:var(--text);font-size:15px;margin-bottom:16px;line-height:1.8}.fill-placeholder-no-icon p{margin-bottom:12px;color:var(--text);font-size:15px;line-height:1.8}.fill-placeholder-no-icon p:last-child{margin-bottom:0}.tip-box .manual-list{list-style:none;padding:0;margin:8px 0 0}.tip-box .manual-list li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;color:#78350f;line-height:1.6}.tip-box .manual-list li:last-child{margin-bottom:0}.tip-box .manual-list li:before{content:"•";position:absolute;left:6px;color:#f59e0b;font-weight:700}.warning-box .manual-list{list-style:none;padding:0;margin:8px 0 0}.warning-box .manual-list li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;color:#7f1d1d;line-height:1.6}.warning-box .manual-list li:last-child{margin-bottom:0}.warning-box .manual-list li:before{content:"•";position:absolute;left:6px;color:#ef4444;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.feature-card{background:var(--bg-alt);padding:20px;border-radius:12px}.feature-card h4{margin-top:0;margin-bottom:12px}@media(max-width:768px){.manual-container{flex-direction:column}.sidebar{position:static;width:100%}.hero h1{font-size:28px}}