#demoContainer .top-bar,#demoContainer .main,#demoContainer .sidebar,#demoContainer .canvas-wrap,#demoContainer .detail,#demoContainer .search-wrap,#demoContainer .btns,#demoContainer .tooltip,#demoContainer .sec,#demoContainer .stat,#demoContainer .conn-item,#demoContainer canvas,#demoContainer input{margin:0;padding:0;box-sizing:border-box}
#demoContainer .top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(220,38,38,.15)}
#demoContainer .top-bar h1{font-size:18px;color:#000;margin:0}
#demoContainer .main{display:flex;flex:1;overflow:hidden}
#demoContainer .sidebar{width:260px;min-width:260px;background:rgba(255,255,255,.95);border-right:1px solid rgba(220,38,38,.12);overflow-y:auto;padding:14px;font-size:13px;box-shadow:0 0 10px rgba(0,0,0,.05)}
#demoContainer .sidebar::-webkit-scrollbar{width:3px}
#demoContainer .sidebar::-webkit-scrollbar-thumb{background:rgba(220,38,38,.25);border-radius:2px}
#demoContainer .sec{margin-bottom:16px}
#demoContainer .sec-title{color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid rgba(220,38,38,.1)}
#demoContainer .info-text{color:#334155;line-height:1.7}
#demoContainer .info-text b{color:#1e293b}
#demoContainer .stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#demoContainer .stat{background:rgba(248,250,252,.8);border:1px solid rgba(220,38,38,.08);border-radius:7px;padding:8px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.03)}
#demoContainer .stat .v{font-size:20px;font-weight:700;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#demoContainer .stat .l{font-size:10px;color:#64748b;margin-top:2px}
#demoContainer .layer-row{display:flex;align-items:center;gap:7px;padding:4px 6px;border-radius:5px;cursor:default;font-size:12px;color:#1e293b}
#demoContainer .layer-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}
#demoContainer .layer-cnt{margin-left:auto;color:#64748b;font-size:11px}
#demoContainer .legend-row{display:flex;align-items:center;gap:7px;padding:3px 6px;font-size:12px;color:#334155}
#demoContainer .canvas-wrap{flex:1;position:relative;overflow:hidden;background:#f8fafc}
#demoContainer canvas{display:block;width:100%;height:100%}
#demoContainer .detail{width:280px;min-width:280px;background:rgba(255,255,255,.95);border-left:1px solid rgba(220,38,38,.12);overflow-y:auto;padding:14px;font-size:13px;box-shadow:0 0 10px rgba(0,0,0,.05)}
#demoContainer .detail::-webkit-scrollbar{width:3px}
#demoContainer .detail::-webkit-scrollbar-thumb{background:rgba(220,38,38,.25);border-radius:2px}
#demoContainer .detail-placeholder{text-align:center;color:#94a3b8;margin-top:50px;font-size:14px}
#demoContainer .detail-placeholder .icon{font-size:36px;margin-bottom:10px;color:#64748b}
#demoContainer .d-name{font-size:17px;font-weight:700;color:#1e293b;margin-bottom:3px}
#demoContainer .d-type{display:inline-block;font-size:11px;padding:1px 8px;border-radius:8px;margin-bottom:10px}
#demoContainer .d-type.industry{background:rgba(59,130,246,.15);color:#2563eb;border:1px solid rgba(59,130,246,.25)}
#demoContainer .d-type.company{background:rgba(34,197,94,.15);color:#16a34a;border:1px solid rgba(34,197,94,.25)}
#demoContainer .d-type.cross{background:rgba(245,158,11,.15);color:#d97706;border:1px solid rgba(245,158,11,.3)}
#demoContainer .d-meta{font-size:11px;color:#64748b;margin-bottom:10px}
#demoContainer .d-summary{font-size:12px;color:#334155;line-height:1.7;padding:8px;background:rgba(248,250,252,.8);border-radius:6px;border:1px solid rgba(220,38,38,.08);margin-bottom:14px}
#demoContainer .conn-title{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
#demoContainer .conn-item{padding:6px 8px;margin-bottom:5px;background:rgba(248,250,252,.8);border-radius:5px;border:1px solid rgba(220,38,38,.06);cursor:pointer;font-size:11px;line-height:1.5;transition:.15s}
#demoContainer .conn-item:hover{background:rgba(240,245,255,.8);border-color:rgba(220,38,38,.18)}
#demoContainer .conn-tag{display:inline-block;font-size:9px;padding:0 5px;border-radius:3px;margin-right:3px}
#demoContainer .conn-tag.包含{background:rgba(59,130,246,.18);color:#2563eb}
#demoContainer .conn-tag.供应{background:rgba(251,146,60,.18);color:#f97316}
#demoContainer .conn-tag.竞争{background:rgba(239,68,68,.18);color:#ef4444}
#demoContainer .conn-tag.协同{background:rgba(34,197,94,.18);color:#16a34a}
#demoContainer .conn-tag.跨行业{background:rgba(245,158,11,.18);color:#d97706}
#demoContainer .conn-desc{color:#64748b;margin-top:3px}
#demoContainer .search-wrap{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:5}
#demoContainer .search-wrap input{width:240px;padding:7px 12px 7px 30px;background:rgba(255,255,255,.95);border:1px solid rgba(220,38,38,.18);border-radius:8px;color:#1e293b;font-size:12px;outline:none;box-shadow:0 2px 4px rgba(0,0,0,.05)}
#demoContainer .search-wrap input:focus{border-color:rgba(220,38,38,.45)}
#demoContainer .search-wrap input::placeholder{color:#94a3b8}
#demoContainer .search-wrap .si{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;color:#94a3b8}
#demoContainer .btns{position:absolute;bottom:12px;right:12px;display:flex;flex-direction:column;gap:4px;z-index:5}
#demoContainer .btn{width:32px;height:32px;border:1px solid rgba(220,38,38,.18);background:rgba(255,255,255,.9);color:#334155;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:.15s;box-shadow:0 2px 4px rgba(0,0,0,.05)}
#demoContainer .btn:hover{background:rgba(240,245,255,.8);color:#1e293b}
#demoContainer .tooltip{position:absolute;pointer-events:none;background:rgba(255,255,255,.98);border:1px solid rgba(220,38,38,.25);border-radius:6px;padding:8px 12px;font-size:11px;color:#1e293b;max-width:260px;line-height:1.5;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:100;display:none}

/* 手机端详情浮层内部复用 detail 样式 */
#mobileDetailContent .d-name{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:4px}
#mobileDetailContent .d-type{display:inline-block;font-size:11px;padding:1px 8px;border-radius:8px;margin-bottom:8px}
#mobileDetailContent .d-type.industry{background:rgba(59,130,246,.15);color:#2563eb;border:1px solid rgba(59,130,246,.25)}
#mobileDetailContent .d-type.company{background:rgba(34,197,94,.15);color:#16a34a;border:1px solid rgba(34,197,94,.25)}
#mobileDetailContent .d-type.cross{background:rgba(245,158,11,.15);color:#d97706;border:1px solid rgba(245,158,11,.3)}
#mobileDetailContent .d-meta{font-size:11px;color:#64748b;margin-bottom:8px}
#mobileDetailContent .d-summary{font-size:12px;color:#334155;line-height:1.7;padding:8px;background:rgba(248,250,252,.8);border-radius:6px;border:1px solid rgba(220,38,38,.08);margin-bottom:12px}
#mobileDetailContent .conn-title{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
#mobileDetailContent .conn-item{padding:6px 8px;margin-bottom:5px;background:rgba(248,250,252,.8);border-radius:5px;border:1px solid rgba(220,38,38,.06);cursor:pointer;font-size:11px;line-height:1.5}
#mobileDetailContent .conn-tag{display:inline-block;font-size:9px;padding:0 5px;border-radius:3px;margin-right:3px}
#mobileDetailContent .conn-tag.包含{background:rgba(59,130,246,.18);color:#2563eb}
#mobileDetailContent .conn-tag.供应{background:rgba(251,146,60,.18);color:#f97316}
#mobileDetailContent .conn-tag.竞争{background:rgba(239,68,68,.18);color:#ef4444}
#mobileDetailContent .conn-tag.协同{background:rgba(34,197,94,.18);color:#16a34a}
#mobileDetailContent .conn-tag.跨行业{background:rgba(245,158,11,.18);color:#d97706}
#mobileDetailContent .conn-desc{color:#64748b;margin-top:2px}