@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Noto+Serif+Display:wght@400;500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#f5ece2;margin:0;padding:0}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}button{cursor:pointer;font-family:inherit}:root{--cocoa-deep:#2a1a0e;--cocoa:#3d2817;--cocoa-soft:#5c3a1e;--coffee:#6f4a2b;--coffee-light:#9c7547;--coffee-pale:#c4a878;--orange:#d78a4f;--orange-warm:#e69150;--orange-pale:#f5d0a8;--orange-deep:#b06438;--rose:#b5546a;--rose-soft:#c97b7b;--rose-light:#d99aa3;--rose-pale:#f4d5d5;--rose-bg:#f9e6e3;--cream:#fbf6ee;--cream-warm:#f5ece2;--cream-deep:#ede1cf;--paper:#fbf3e7;--gold:#c79f6a;--text:var(--cocoa);--text-soft:var(--coffee);--text-muted:#8b6f4d;--glass:#fdf7ebd6;--glass-strong:#fdf7ebf0;--glass-edge:#fff6e8c7;--shadow-soft:#3d281714;--shadow-medium:#3d281729;--shadow-strong:#3d281742;--radius-s:10px;--radius:16px;--radius-l:22px;--radius-pill:999px;--ease:cubic-bezier(.16, 1, .3, 1);--font-display:"Cormorant Garamond", "Noto Serif Display", "Songti SC", "STSong", serif;--font-sans:"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh;font-family:var(--font-sans);color:var(--text);background:var(--cream-warm);margin:0;padding:0}::selection{background:var(--orange-pale);color:var(--cocoa)}.app{min-height:100vh;position:relative;overflow-x:hidden}.bg-layer{opacity:.6;z-index:0;pointer-events:none;background:url(../assets/images/bg.jpg) top/cover no-repeat;position:fixed;inset:0}.bg-layer:after{content:"";background:radial-gradient(120% 90% at 85% 0,#f5d0a838 0%,#0000 55%),radial-gradient(110% 80% at 10% 90%,#f4d5d54d 0%,#0000 50%),linear-gradient(#fbf6ee52 0%,#f5ece261 50%,#f9e6e357 100%);position:absolute;inset:0}.app-content{z-index:1;max-width:1240px;margin:0 auto;padding:28px 28px 60px;position:relative}.hero-banner{border-radius:var(--radius);background:radial-gradient(circle at 88% 12%, #fff6e852 0%, transparent 35%), radial-gradient(circle at 12% 88%, #ffebdc47 0%, transparent 38%), linear-gradient(135deg, var(--cocoa) 0%, var(--cocoa-soft) 55%, var(--coffee) 100%);color:var(--cream);box-shadow:0 12px 36px var(--shadow-medium), inset 0 1px 0 #ffebd72e, inset 0 -1px 0 #0000002e;cursor:pointer;transition:transform .22s var(--ease), box-shadow .22s var(--ease);text-align:center;border:1px solid #ffebd729;padding:19px 22px 17px;position:relative;overflow:hidden}.hero-banner:before{content:"";background:radial-gradient(circle,#d99aa352 0%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;right:-80px}.hero-banner:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--gold) 18%, var(--orange) 38%, var(--rose-soft) 62%, var(--gold) 82%, transparent 100%);opacity:.78;height:2px;position:absolute;bottom:0;left:0;right:0}.hero-pressed{box-shadow:0 8px 24px var(--shadow-medium);transform:scale(.992)}.hero-title{font-family:var(--font-display);letter-spacing:3px;color:#fff;text-shadow:0 2px 10px #00000052;z-index:1;margin:0;font-size:28px;font-weight:600;line-height:1.2;position:relative}.hero-title .accent{color:var(--rose-light);font-style:italic;font-weight:500}.main-nav{background:var(--glass-strong);-webkit-backdrop-filter:blur(20px)saturate(140%);border-radius:var(--radius-pill);box-shadow:0 8px 26px var(--shadow-soft);border:1px solid var(--glass-edge);gap:4px;margin-top:20px;padding:6px;display:flex;overflow-x:auto}.nav-item{border-radius:var(--radius-pill);min-width:110px;color:var(--text-soft);cursor:pointer;transition:all .22s var(--ease);white-space:nowrap;letter-spacing:1px;background:0 0;border:none;flex:1;padding:11px 18px;font-size:14px;font-weight:700}.nav-item:hover{color:var(--cocoa);background:#d78a4f1a}.nav-active{background:linear-gradient(135deg, var(--cocoa) 0%, var(--orange-deep) 50%, var(--rose) 100%);color:#fff;box-shadow:0 4px 16px #d78a4f5c}.main-content{margin-top:26px}.section{animation:fadeIn .42s var(--ease)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-family:var(--font-display);color:var(--cocoa);letter-spacing:2px;align-items:baseline;gap:14px;margin:0 0 8px;font-size:32px;font-weight:600;display:flex}.section-title:before{content:"";background:linear-gradient(180deg, var(--orange) 0%, var(--rose) 100%);border-radius:2px;width:4px;height:28px;display:inline-block}.section-title em{font-family:var(--font-display);letter-spacing:4px;color:var(--text-muted);text-transform:uppercase;font-size:14px;font-style:italic;font-weight:500}.section-desc{color:var(--text-soft);max-width:740px;margin:0 0 22px;font-size:13.5px;font-weight:500;line-height:1.7}.card{background:var(--glass-strong);-webkit-backdrop-filter:blur(16px)saturate(135%);border-radius:var(--radius);box-shadow:0 8px 26px var(--shadow-soft);border:1px solid var(--glass-edge);margin-bottom:20px;padding:24px;position:relative}.card.premium:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--gold) 30%, var(--orange) 70%, transparent 100%);opacity:.5;height:1px;position:absolute;top:0;left:24px;right:24px}.card-title{font-family:var(--font-display);color:var(--cocoa);letter-spacing:1px;align-items:center;gap:12px;margin:0 0 8px;font-size:20px;font-weight:600;display:flex}.card-title:after{content:"";background:linear-gradient(90deg, var(--coffee-pale) 0%, transparent 100%);opacity:.6;flex:1;height:1px}.card-subtitle{color:var(--text-soft);letter-spacing:1px;margin:-4px 0 18px;font-size:12.5px;font-weight:500}.subsection-title{font-family:var(--font-display);color:var(--cocoa);letter-spacing:1.5px;align-items:center;gap:10px;margin:24px 0 14px;font-size:19px;font-weight:600;display:flex}.subsection-title:before{content:"";background:linear-gradient(180deg, var(--orange) 0%, var(--rose) 100%);border-radius:2px;width:3px;height:18px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.metric-card{background:var(--glass-strong);-webkit-backdrop-filter:blur(14px)saturate(135%);border-radius:var(--radius);box-shadow:0 6px 18px var(--shadow-soft);border:1px solid var(--glass-edge);transition:transform .18s var(--ease);padding:18px 20px;position:relative;overflow:hidden}.metric-card:after{content:"";background:linear-gradient(180deg, var(--orange) 0%, var(--rose) 100%);opacity:.85;width:3px;height:100%;position:absolute;top:0;left:0}.metric-card:nth-child(2):after{background:linear-gradient(180deg, var(--rose) 0%, var(--rose-soft) 100%)}.metric-card:nth-child(3):after{background:linear-gradient(180deg, var(--gold) 0%, var(--orange) 100%)}.metric-card:nth-child(4):after{background:linear-gradient(180deg, var(--cocoa-soft) 0%, var(--coffee) 100%)}.metric-card:hover{transform:translateY(-2px)}.metric-label{color:var(--text-soft);letter-spacing:1.5px;margin-bottom:8px;font-size:12px;font-weight:600}.metric-value{font-family:var(--font-display);color:var(--cocoa);letter-spacing:1px;font-size:30px;font-weight:600;line-height:1.1}.metric-change{color:var(--orange-deep);letter-spacing:1px;margin-top:6px;font-size:11.5px;font-weight:700}.chart-card,.insight-table-card{background:var(--glass-strong);-webkit-backdrop-filter:blur(16px)saturate(135%);border-radius:var(--radius);box-shadow:0 8px 26px var(--shadow-soft);border:1px solid var(--glass-edge);margin-bottom:20px;padding:24px;position:relative}.insight-table-card{overflow-x:auto}.insight-table{border-collapse:collapse;width:100%;font-size:13px}.insight-table th,.insight-table td{text-align:left;border-bottom:1px solid #9c75472e;padding:12px 14px}.insight-table th{color:var(--text-soft);letter-spacing:1.5px;background:#f5d0a847;font-size:12px;font-weight:800}.insight-table tr:last-child td{border-bottom:none}.insight-list{margin:0 0 18px;padding:0;list-style:none}.insight-list li{color:var(--cocoa-soft);border-radius:var(--radius-s);border-left:3px solid var(--orange);background:#f5d0a829;margin-bottom:8px;padding:10px 14px;font-size:13.5px;font-weight:500;line-height:1.75}.insight-list li:nth-child(2){border-left-color:var(--rose);background:#f4d5d52e}.insight-list li:nth-child(3){border-left-color:var(--gold);background:#c79f6a1f}.insight-list li strong{color:var(--cocoa);font-weight:800}.insight-block{border-radius:var(--radius-s);background:#f5ece28c;border:1px solid #9c75471f;margin-bottom:14px;padding:14px 16px}.insight-block:last-child{margin-bottom:0}.insight-block h4{font-family:var(--font-display);color:var(--cocoa);letter-spacing:1px;margin:0 0 8px;font-size:15px;font-weight:600}.insight-block p{color:var(--text-soft);margin:0;font-size:13px;font-weight:500;line-height:1.8}.insight-block strong{color:var(--orange-deep);font-weight:800}.reference-images{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.ref-image-card{border-radius:var(--radius);border:1px solid var(--glass-edge);box-shadow:0 4px 14px var(--shadow-soft);background:var(--cream);position:relative;overflow:hidden}.ref-image-card.single{max-width:100%;margin-top:14px}.ref-image-card img{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto;display:block}.ref-image-card.single img{aspect-ratio:auto;height:auto}.ref-caption{color:var(--text-muted);text-align:center;letter-spacing:.5px;background:#fbf6eee6;padding:8px 12px;font-size:11.5px;font-weight:600;display:block}.knowledge-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.knowledge-card{background:var(--glass-strong);-webkit-backdrop-filter:blur(14px)saturate(135%);border-radius:var(--radius);box-shadow:0 6px 18px var(--shadow-soft);cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s var(--ease);border:1px solid var(--glass-edge);border-left:3px solid var(--orange);padding:20px;position:relative;overflow:hidden}.knowledge-card:before{content:"";background:linear-gradient(90deg, var(--gold) 0%, transparent 60%);opacity:.4;height:1px;position:absolute;top:0;left:0;right:0}.knowledge-card:hover{box-shadow:0 14px 36px var(--shadow-medium);transform:translateY(-3px)}.knowledge-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.knowledge-category,.modal-category{color:var(--rose);border-radius:var(--radius-pill);letter-spacing:1px;background:#b5546a1f;padding:4px 10px;font-size:11px;font-weight:800}.status-已确认{color:#3a6b3f;border-radius:var(--radius-pill);letter-spacing:1px;background:#3a6b3f24;padding:4px 10px;font-size:11px;font-weight:800}.status-待验证{color:#b56a2a;background:#b56a2a24}.status-待接入{color:var(--text-soft);background:#3d281714}.knowledge-title{font-family:var(--font-display);color:var(--cocoa);letter-spacing:.5px;margin:0 0 10px;font-size:18px;font-weight:600;line-height:1.35}.knowledge-summary{color:var(--text-soft);font-size:12.5px;font-weight:500;line-height:1.7}.knowledge-keywords,.modal-keywords{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.keyword-tag{border-radius:var(--radius-pill);color:var(--coffee);background:#d78a4f24;border:1px solid #d78a4f38;padding:4px 10px;font-size:11px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;animation:fadeIn .22s var(--ease);background:#2a1a0e85;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(180deg, var(--cream) 0%, var(--paper) 100%);border-radius:var(--radius-l);width:100%;max-width:680px;max-height:80vh;box-shadow:0 32px 80px var(--shadow-strong);border:1px solid var(--glass-edge);padding:30px;position:relative;overflow-y:auto}.modal-content:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--orange) 30%, var(--rose) 70%, transparent 100%);border-radius:1px;height:2px;position:absolute;top:0;left:30px;right:30px}.modal-close{width:36px;height:36px;color:var(--rose);cursor:pointer;transition:background .15s var(--ease);background:#b5546a1a;border:none;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:18px;right:18px}.modal-close:hover{background:#b5546a38;transform:rotate(90deg)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-title{font-family:var(--font-display);color:var(--cocoa);letter-spacing:1px;margin:0 0 14px;font-size:26px;font-weight:600;line-height:1.25}.modal-summary{color:var(--text-soft);margin-bottom:18px;font-size:14px;font-weight:500;line-height:1.75}.modal-body p{color:var(--cocoa-soft);margin:0 0 12px;font-size:13.5px;line-height:1.95}.modal-source{color:var(--text-soft);letter-spacing:1px;border-top:1px solid #9c754733;margin-top:20px;padding-top:14px;font-size:12px;font-weight:600}.detail-label{color:var(--orange-deep);letter-spacing:1.5px;text-transform:uppercase;flex:0 0 96px;font-size:12px;font-weight:800}.detail-value{color:var(--cocoa-soft);flex:1;font-size:13px;font-weight:500;line-height:1.75}.detail-value.quote{font-family:var(--font-display);color:var(--rose);font-size:14px;font-style:italic}.dashboard-header{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.back-btn{border-radius:var(--radius-pill);background:var(--glass-strong);color:var(--cocoa);cursor:pointer;transition:all .18s var(--ease);box-shadow:0 4px 14px var(--shadow-soft);border:none;border:1px solid var(--glass-edge);letter-spacing:1px;align-self:flex-start;padding:9px 16px;font-size:12.5px;font-weight:700}.back-btn:hover{color:var(--rose);background:#d78a4f2e;transform:translate(-2px)}.dashboard-children{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.dashboard-children.three-col{grid-template-columns:repeat(3,1fr)}.child-card{border-radius:var(--radius);box-shadow:0 6px 18px var(--shadow-soft);cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s var(--ease);border:1px solid var(--glass-edge);background:linear-gradient(145deg,#f5dcc8c7 0%,#fdf7ebeb 100%);padding:22px 20px;position:relative;overflow:hidden}.child-card:before{content:"";background:linear-gradient(90deg, var(--orange) 0%, var(--rose) 100%);width:100%;height:3px;position:absolute;top:0;left:0}.child-card:nth-child(2):before{background:linear-gradient(90deg, var(--rose) 0%, var(--rose-soft) 100%)}.child-card:nth-child(3):before{background:linear-gradient(90deg, var(--gold) 0%, var(--orange) 100%)}.child-card:nth-child(4):before{background:linear-gradient(90deg, var(--cocoa) 0%, var(--coffee) 100%)}.child-card:hover{box-shadow:0 14px 36px var(--shadow-medium);transform:translateY(-3px)}.child-card h4{font-family:var(--font-display);color:var(--cocoa);letter-spacing:1px;margin:4px 0 8px;font-size:20px;font-weight:600}.child-card p{color:var(--text-soft);margin:0;font-size:12.5px;line-height:1.65}.charts-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px;display:grid}.chart-card{background:var(--glass-strong);-webkit-backdrop-filter:blur(16px)saturate(135%);border-radius:var(--radius);box-shadow:0 8px 26px var(--shadow-soft);border:1px solid var(--glass-edge);padding:24px;position:relative;overflow:hidden}.chart-card:before{content:"";background:linear-gradient(90deg, var(--orange) 0%, var(--rose) 100%);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.chart-title{font-family:var(--font-display);color:var(--cocoa);letter-spacing:.5px;margin:0 0 16px;font-size:18px;font-weight:600}.chart-wrapper{width:100%;min-height:320px}.chart-description{border-radius:var(--radius-s);border-left:3px solid var(--orange);background:#f5d0a82e;margin-top:16px;padding:14px 16px}.chart-description p{color:var(--cocoa-soft);margin:0;font-size:13px;font-weight:500;line-height:1.8}.funnel-card .chart-description{border-radius:var(--radius-s);border-left:2px solid var(--rose);background:#f5d0a826;margin-top:12px;padding:12px 14px}.funnel-card .chart-description p{color:var(--text-soft);font-size:12.5px;line-height:1.75}@media (width<=1200px){.charts-grid{grid-template-columns:1fr}}@media (width<=768px){.knowledge-grid{grid-template-columns:repeat(2,1fr)}.dashboard-children,.dashboard-children.three-col{grid-template-columns:1fr}}.child-card .child-tag{font-size:10px;font-family:var(--font-display);letter-spacing:3px;color:var(--orange-deep);text-transform:uppercase;margin-bottom:4px;font-style:italic;font-weight:600;display:inline-block}.funnel-row{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:22px;display:grid}.funnel-card{background:var(--glass-strong);-webkit-backdrop-filter:blur(14px)saturate(135%);border-radius:var(--radius);box-shadow:0 8px 26px var(--shadow-soft);border:1px solid var(--glass-edge);padding:22px;position:relative}.funnel-card:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--orange) 50%, transparent 100%);opacity:.4;height:1px;position:absolute;top:0;left:22px;right:22px}.funnel-title{font-family:var(--font-display);color:var(--cocoa);letter-spacing:1.5px;text-align:center;margin:0 0 16px;font-size:17px;font-weight:600}.funnel-wrapper{justify-content:center;display:flex}.funnel-svg{max-width:100%;height:auto}.funnel-skeleton-note{text-align:center;color:var(--orange-deep);letter-spacing:1px;margin:10px 0 0;font-size:12px;font-weight:700}.skeleton-box{background:#f5ece266;border-style:dashed;border-color:#9c754761}.skeleton-box .metric-value{color:var(--text-soft);font-size:22px;font-style:italic}.skeleton-chart{height:260px;color:var(--text-soft);letter-spacing:1px;font-size:13px;font-weight:600;font-family:var(--font-display);background:#f5ece252;border:2px dashed #9c754761;border-radius:12px;justify-content:center;align-items:center;font-style:italic;display:flex}.skeleton-row{text-align:center;color:var(--text-soft);letter-spacing:1px;padding:22px;font-style:italic;font-weight:600}.skeleton-placeholder{width:100%;color:var(--text-soft);text-align:center;border-radius:var(--radius);background:#f5ece252;border-style:dashed;border-color:#9c754766;grid-column:1/-1;padding:36px 22px;font-size:13px;font-style:italic;font-weight:600;line-height:1.8}.app-footer{text-align:center;color:var(--text-muted);letter-spacing:1.5px;border-top:1px solid #9c75472e;margin-top:40px;padding:20px;font-size:12px;font-weight:500}.app-footer em{font-family:var(--font-display);color:var(--rose);letter-spacing:3px;font-style:italic}@media (width<=1080px){.metrics-grid,.knowledge-grid,.dashboard-children,.dashboard-children.three-col,.reference-images{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.app-content{padding:18px}.hero-banner{padding:14px 16px}.hero-title{letter-spacing:2px;font-size:22px}.metrics-grid,.knowledge-grid,.dashboard-children,.dashboard-children.three-col,.funnel-row{grid-template-columns:1fr}.main-nav{border-radius:14px}.nav-item{min-width:86px;padding:10px 14px;font-size:13px}.reference-images{grid-template-columns:1fr}.ref-image-card.single{max-width:100%}}