.app[data-v-5c2791b6]{display:flex;min-height:100vh}.sidebar[data-v-5c2791b6]{width:260px;background:linear-gradient(180deg,#1a1a2e,#16213e);border-right:1px solid rgba(255,255,255,.1);position:fixed;left:0;top:0;bottom:0;overflow-y:auto}.logo[data-v-5c2791b6]{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.logo-icon[data-v-5c2791b6]{font-size:28px}.logo-text[data-v-5c2791b6]{font-size:18px;font-weight:600;color:#fff}.nav-menu[data-v-5c2791b6]{list-style:none;padding:16px 12px;margin:0}.nav-menu li[data-v-5c2791b6]{margin-bottom:4px}.nav-menu a[data-v-5c2791b6]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#a0a0a0;text-decoration:none;border-radius:8px;transition:all .2s}.nav-menu a[data-v-5c2791b6]:hover{background:#68217a4d;color:#fff}.nav-menu a.active[data-v-5c2791b6]{background:linear-gradient(135deg,#68217a,#9b4dca);color:#fff}.nav-menu .icon[data-v-5c2791b6]{font-size:18px}.nav-menu .title[data-v-5c2791b6]{font-size:14px}.content[data-v-5c2791b6]{margin-left:260px;flex:1;padding:32px;background:#0f0f1a}@media (max-width: 768px){.sidebar[data-v-5c2791b6]{width:100%;position:relative;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.content[data-v-5c2791b6]{margin-left:0}.app[data-v-5c2791b6]{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0f0f1a;color:#e0e0e0;line-height:1.6}.page{max-width:1200px}.section-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:12px}.section-desc{font-size:16px;color:#a0a0a0;margin-bottom:32px}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;margin-bottom:24px}.card-title{font-size:20px;font-weight:600;color:#9b4dca;margin-bottom:16px;display:flex;align-items:center;gap:8px}.code-block{background:#1a1a2e;border-radius:8px;padding:16px;overflow-x:auto;margin:12px 0}.code-block pre{font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.5;color:#e0e0e0}.keyword{color:#569cd6}.string{color:#ce9178}.comment{color:#6a9955}.type{color:#4ec9b0}.method{color:#dcdcaa}.number{color:#b5cea8}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}.feature-list{display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff08;border-radius:8px}.feature-icon{font-size:20px}.feature-content h4{color:#9b4dca;margin-bottom:4px}.feature-content p{font-size:14px;color:#a0a0a0}table{width:100%;border-collapse:collapse;margin:16px 0}th,td{padding:12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}th{background:#68217a4d;color:#9b4dca}td{color:#e0e0e0}.tip{background:#68217a33;border-left:4px solid #9B4DCA;padding:16px;margin:16px 0;border-radius:0 8px 8px 0}.tip-title{font-weight:600;color:#9b4dca;margin-bottom:8px}.warning{background:#ffc1071a;border-left:4px solid #FFC107;padding:16px;margin:16px 0;border-radius:0 8px 8px 0}.warning-title{font-weight:600;color:#ffc107;margin-bottom:8px}