.color-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:.5rem;vertical-align:middle}.color-ruby{background:#ef4444}.color-sapphire{background:#3b82f6}.color-bp{background:linear-gradient(135deg,#581c87,#064e3b)}.color-emerald{background:#22c55e}.color-p1{background:linear-gradient(135deg,#1a1a1a,#be185d)}.color-p2{background:linear-gradient(135deg,#be185d,#7c3aed)}.color-p3{background:linear-gradient(135deg,#1a1a1a,#1e3a5f)}.color-p4{background:linear-gradient(135deg,#1e3a5f,#1a1a1a)}.value-positive{color:#22c55e;font-weight:600}.value-negative{color:#ef4444}.phase-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:24px 0}.phase-image-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;overflow:hidden;transition:all .3s ease}.phase-image-card:hover{border-color:#d4af37;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.phase-image-card img{width:100%;height:180px;object-fit:contain;background:linear-gradient(135deg,rgba(30,30,30,.8),rgba(20,20,20,.9));padding:16px}.phase-image-card-content{padding:16px;border-top:1px solid #3a3a3a}.phase-image-card-title{font-weight:600;font-size:13px;margin-bottom:4px;color:#fff}.phase-image-card-subtitle{font-size:12px;color:#666}.phase-image-card a:hover{text-decoration:underline!important}.hero-knife-display{background:#232220;border:1px solid #3a3a3a;border-radius:8px;padding:24px;margin:24px 0;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-knife-display img{width:300px;height:auto;flex-shrink:0}.hero-knife-info{flex:1;min-width:250px}.hero-knife-info h3{margin-top:0;font-size:15px}@media (max-width:640px){.hero-knife-display{flex-direction:column;text-align:center}.hero-knife-display img{width:100%;max-width:280px}}.phase-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;padding:18px;margin:16px 0}.phase-card h4{margin-top:0;color:#fff}.phase-card ul{margin-bottom:0}.table-wrapper{overflow-x:auto;margin:24px 0;border:1px solid #3a3a3a;border-radius:6px}.table-wrapper table{width:100%;border-collapse:collapse;font-size:13px}.table-wrapper td,.table-wrapper th{padding:12px 14px;text-align:left;border-bottom:1px solid #3a3a3a}.table-wrapper th{background:#333;font-weight:600;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.table-wrapper td{background:#2a2a2a;color:#ccc}.table-wrapper tr:last-child td{border-bottom:none}.table-wrapper tr:hover td{background:#333}.table-wrapper code{background:#1a1a1a;padding:2px 6px;border-radius:3px;font-family:SF Mono,Monaco,monospace;font-size:12px;color:#d4af37}.table-wrapper a{color:#d4af37;text-decoration:none}.table-wrapper a:hover{text-decoration:underline}.article-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(236,72,153,.15),rgba(139,92,246,.15),rgba(59,130,246,.15));border:1px solid rgba(139,92,246,.3);padding:5px 12px;border-radius:4px;font-size:12px;font-weight:600;color:#8b5cf6;margin-bottom:14px}.article-header-custom{max-width:900px;margin:0 auto;padding:0 20px 30px;border-bottom:1px solid #3a3a3a}.article-header-custom h1{font-size:20px;font-weight:600;margin-bottom:10px;line-height:1.3;color:#fff}.article-subtitle{font-size:13px;color:#999;margin-bottom:16px}.article-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.article-meta-item{display:flex;align-items:center;gap:6px;color:#666;font-size:13px}.article-meta-item svg{width:16px;height:16px}.toc{max-width:900px;margin:0 auto;padding:20px}.toc-card{background:#232220;border:1px solid #3a3a3a;border-radius:6px;padding:18px}.toc-title{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.toc-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px}.toc-list a{color:#ccc;text-decoration:none;font-size:13px;padding:8px 10px;border-radius:4px;transition:all .2s;display:flex;align-items:center;gap:6px}.toc-list a:hover{background:rgba(94,151,216,.1);color:#5e97d8}.toc-list a:before{content:"#";color:#666;font-weight:600}.article-content{max-width:900px;margin:0 auto;padding:30px 20px}.article-content h2{font-size:18px;font-weight:600;margin:40px 0 16px;padding-top:24px;border-top:1px solid #3a3a3a;display:flex;align-items:center;gap:10px;color:#fff}.article-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.article-content h3{font-size:15px;font-weight:600;margin:28px 0 12px;color:#fff}.article-content h4{font-size:14px;font-weight:600;margin:20px 0 10px;color:#d4af37}.article-content p{margin-bottom:14px;color:#999;line-height:1.6;font-size:13px}.article-content strong{color:#ddd;font-weight:600}.article-content ol,.article-content ul{margin-bottom:14px;padding-left:20px}.article-content li{margin-bottom:6px;color:#999;font-size:13px;line-height:1.6}.article-content a{color:#5e97d8;text-decoration:none}.article-content a:hover{text-decoration:underline}.info-box{background:#232220;border:1px solid #3a3a3a;border-radius:6px;padding:16px 18px;margin:20px 0}.info-box.tip{border-left:3px solid #d4af37}.info-box.warning{border-left:3px solid #f0ad4e}.info-box.important{border-left:3px solid #3b82f6}.info-box-title{font-size:13px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px;color:#fff}.info-box p{margin-bottom:0;color:#999;font-size:13px}.info-box ul{margin-top:8px;margin-bottom:0}@media (max-width:768px){.article-header-custom h1{font-size:18px}.article-meta{gap:12px}.phase-image-grid,.toc-list{grid-template-columns:1fr}}