:root{--cheese-light: #FFF8DC;--cheese-cream: #FFE4B5;--cheese-wheat: #F5DEB3;--cheese-deep: #E8C899;--latte-light: #D2B48C;--latte-mid: #BC8F8F;--latte-brown: #A0673E;--latte-dark: #6F4E37;--latte-espresso: #4A3424;--neutral: #8B7E6A;--positive: #7D9B5E;--negative: #C2775A;--warning: #D9A441;--bg-base: #FBF6EE;--bg-surface: #FFFFFF;--bg-surface-alt: #FDF8F0;--text-primary: #4A3424;--text-secondary: #8B7E6A;--text-inverse: #FFF8DC;--border-light: #EAD9C0;--border-soft: #F2E8D8;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(74, 52, 36, .06);--shadow-md: 0 4px 12px rgba(74, 52, 36, .08);--shadow-lg: 0 12px 32px rgba(74, 52, 36, .12);--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-base);line-height:1.6;-webkit-font-smoothing:antialiased}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:url(/YOYO.jpg);background-size:cover;background-position:center;background-attachment:fixed;opacity:.12;pointer-events:none;filter:saturate(.85)}.app-shell{position:relative;z-index:1;min-height:100dvh}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.hero{background:linear-gradient(135deg,var(--cheese-light) 0%,var(--cheese-wheat) 55%,var(--latte-light) 100%);border-bottom:1px solid var(--border-light);padding:var(--space-2xl) 0 var(--space-xl);position:relative;overflow:hidden}.hero-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);flex-wrap:wrap}.hero-left{flex:1;min-width:280px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:#fff9;border:1px solid rgba(255,255,255,.8);color:var(--latte-dark);font-size:13px;font-weight:600;letter-spacing:.04em;padding:6px 14px;border-radius:var(--radius-full);margin-bottom:var(--space-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-title{font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:-.02em;color:var(--latte-espresso);line-height:1.05}.hero-sub{font-size:clamp(14px,1.5vw,17px);color:var(--latte-brown);font-weight:500;margin-top:var(--space-sm);letter-spacing:.08em}.hero-desc{font-size:15px;color:var(--text-secondary);margin-top:var(--space-md);max-width:46ch}.hero-right{flex:0 0 auto;width:180px;height:180px;border-radius:var(--radius-xl);background:radial-gradient(circle at 35% 30%,var(--cheese-cream),var(--latte-light));display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),inset 0 2px 8px #ffffff80;position:relative;cursor:pointer;transition:transform .15s ease}.hero-right:active{transform:scale(.96)}.hero-right .circle-deco{position:absolute;border-radius:50%;background:#ffffff59}.hero-right .deco-1{width:56px;height:56px;top:24px;right:28px}.hero-right .deco-2{width:36px;height:36px;bottom:30px;left:26px}.hero-right .yoyo-mark{font-size:56px;font-weight:900;color:var(--latte-dark);text-shadow:0 2px 6px rgba(255,255,255,.6)}.nav{position:sticky;top:0;z-index:50;background:#fbf6eed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft)}.nav-inner{display:flex;gap:var(--space-xs);overflow-x:auto;padding:var(--space-sm) var(--space-lg);max-width:1280px;margin:0 auto;scrollbar-width:none}.nav-inner::-webkit-scrollbar{display:none}.nav-item{flex:0 0 auto;padding:10px 20px;border-radius:var(--radius-full);font-size:15px;font-weight:600;color:var(--text-secondary);cursor:pointer;border:1px solid transparent;transition:all .2s ease;white-space:nowrap}.nav-item:hover{color:var(--latte-brown);background:#f2e8d899}.nav-item.active{color:var(--text-inverse);background:linear-gradient(135deg,var(--latte-brown),var(--latte-dark));box-shadow:var(--shadow-md)}.section{padding:var(--space-2xl) 0}.section-head{margin-bottom:var(--space-xl)}.section-title{font-size:28px;font-weight:800;color:var(--latte-espresso);letter-spacing:-.01em}.section-sub{font-size:15px;color:var(--text-secondary);margin-top:var(--space-xs)}.card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card-title{font-size:17px;font-weight:700;color:var(--latte-dark);margin-bottom:var(--space-sm)}.card-text{font-size:14px;color:var(--text-secondary);line-height:1.7}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid-2,.grid-3,.grid-4,.panel-list.panel-list-2,.panel-list.panel-list-3{grid-template-columns:1fr}.container{padding:0 var(--space-md)}.section{padding:var(--space-xl) 0}}.metric-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-lg);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(var(--cheese-deep),var(--latte-light))}.metric-value{font-size:30px;font-weight:800;color:var(--latte-dark);letter-spacing:-.02em}.metric-label{font-size:13px;color:var(--text-secondary);margin-top:var(--space-xs)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 20px;border-radius:var(--radius-full);font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s ease;background:var(--latte-light);color:var(--latte-espresso)}.btn:hover{background:var(--cheese-deep)}.btn-primary{background:linear-gradient(135deg,var(--latte-brown),var(--latte-dark));color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;border-color:var(--border-light);color:var(--latte-brown)}.btn-ghost:hover{background:var(--bg-surface-alt)}.tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:var(--cheese-light);color:var(--latte-brown);border:1px solid var(--border-soft)}.tag-pos{background:#7d9b5e26;color:#5a7a40}.tag-neg{background:#c2775a26;color:#a15238}.tag-warn{background:#d9a4412e;color:#9a6f1e}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#4a342473;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-surface);border-radius:var(--radius-xl);max-width:680px;width:100%;max-height:86vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:popIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-head{padding:var(--space-xl) var(--space-xl) var(--space-md);border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:0;background:var(--bg-surface)}.modal-body{padding:var(--space-lg) var(--space-xl) var(--space-xl)}.modal-close{flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg-surface-alt);color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:var(--cheese-light);color:var(--latte-dark)}.crumb{display:flex;align-items:center;gap:var(--space-sm);font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-lg);flex-wrap:wrap}.crumb a,.crumb .link{color:var(--latte-brown);cursor:pointer;font-weight:600}.crumb .sep{color:var(--border-light)}.panel-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.panel-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.panel-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--cheese-deep)}.panel-card .pc-icon{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--cheese-cream),var(--latte-light));display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:var(--space-md)}.panel-card .pc-title{font-size:17px;font-weight:700;color:var(--latte-dark)}.panel-card .pc-desc{font-size:13px;color:var(--text-secondary);margin-top:var(--space-xs)}.panel-list.panel-list-2{grid-template-columns:repeat(2,1fr)}.panel-list.panel-list-3{grid-template-columns:repeat(3,1fr)}.dash-hero{display:inline-flex;align-items:center;gap:var(--space-md);background:linear-gradient(135deg,var(--cheese-light),var(--cheese-wheat) 50%,var(--latte-light));border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dash-hero:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--cheese-deep)}.dash-hero:focus-visible{outline:2px solid var(--latte-brown);outline-offset:3px}.dh-icon{font-size:22px;width:44px;height:44px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:#ffffff8c;border-radius:var(--radius-sm)}.dh-body{flex:1}.dh-title{font-size:18px;font-weight:800;color:var(--latte-espresso);letter-spacing:-.01em}.dh-desc{font-size:13px;color:var(--latte-brown);margin-top:2px}.dh-hint{font-size:12px;color:var(--text-secondary);margin-top:2px;font-weight:600}.dh-arrow{font-size:20px;color:var(--latte-brown);flex:0 0 auto;transition:transform .2s ease}.dash-hero:hover .dh-arrow{transform:translate(4px)}.dh-secondary-label{font-size:12px;font-weight:700;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-md)}.dash-page-head{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.dh-page-icon{font-size:30px;width:60px;height:60px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cheese-cream),var(--latte-light));border-radius:var(--radius-md)}.dh-page-title{font-size:24px;font-weight:800;color:var(--latte-espresso)}.dh-page-sub{font-size:14px;color:var(--text-secondary)}.subhead{font-size:15px;font-weight:700;color:var(--latte-dark);margin:var(--space-lg) 0 var(--space-md);display:flex;align-items:center;gap:8px}.subhead:before{content:"";width:4px;height:16px;background:linear-gradient(var(--cheese-deep),var(--latte-brown));border-radius:2px}.funnel{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.funnel-row{display:flex;align-items:center;width:100%;gap:var(--space-md)}.funnel-bar{height:48px;background:linear-gradient(90deg,var(--cheese-deep),var(--latte-light));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--latte-espresso);font-weight:700;font-size:14px;min-width:80px;transition:width .6s cubic-bezier(.16,1,.3,1)}.funnel-label{font-size:14px;color:var(--text-secondary);min-width:120px}.funnel-rate{font-size:13px;color:var(--latte-brown);font-weight:600}.funnel-connector{width:2px;height:20px;background:var(--border-light);position:relative}.funnel-connector:after{content:"";position:absolute;top:50%;left:-4px;width:10px;height:10px;border-right:2px solid var(--latte-light);border-bottom:2px solid var(--latte-light);transform:translateY(-50%) rotate(45deg)}.funnel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg)}.funnel-block{background:var(--bg-surface-alt);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-md)}.funnel-block-title{font-size:14px;font-weight:700;color:var(--latte-dark);margin-bottom:var(--space-md);display:flex;align-items:center;gap:8px}.fb-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--cheese-deep),var(--latte-brown))}.funnel-stages{display:flex;flex-direction:column;gap:2px}.funnel-stage-wrap{display:flex;flex-direction:column}.funnel-bar{height:44px;min-width:140px;background:linear-gradient(90deg,var(--cheese-deep),var(--latte-light));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:var(--latte-espresso);font-weight:700;font-size:13px;box-shadow:var(--shadow-sm);transition:width .6s cubic-bezier(.16,1,.3,1)}.fb-label{white-space:nowrap}.fb-value{font-variant-numeric:tabular-nums;opacity:.85}.funnel-conv{height:24px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;color:var(--latte-brown);font-weight:600}.fc-arrow{opacity:.6}.funnel-overall{display:flex;align-items:center;gap:10px;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--border-light);font-size:13px;flex-wrap:wrap}.fo-node{font-weight:700;color:var(--latte-dark);white-space:nowrap}.fo-line{flex:1;min-width:36px;height:0;border-top:2px dashed var(--latte-brown)}.fo-rate{font-weight:700;color:var(--latte-brown);white-space:nowrap;background:#a0673e1a;padding:3px 12px;border-radius:var(--radius-full);border:1px dashed rgba(160,103,62,.4)}.bar-track{height:10px;background:var(--bg-surface-alt);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-sm)}.bar-fill{height:100%;background:linear-gradient(90deg,var(--cheese-deep),var(--latte-brown));border-radius:var(--radius-full);transition:width .6s ease}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.content-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.content-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.content-card .cc-platform{font-size:12px;font-weight:600;color:var(--latte-brown)}.content-card .cc-title{font-size:16px;font-weight:700;color:var(--latte-dark);margin:var(--space-sm) 0;line-height:1.4}.content-card .cc-metrics{display:flex;gap:var(--space-md);font-size:13px;color:var(--text-secondary);margin-top:var(--space-sm)}.kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-lg)}.kb-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);border-top:3px solid var(--cheese-deep)}.kb-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.kb-card .kb-cat{font-size:12px;font-weight:600;color:var(--latte-brown);letter-spacing:.05em}.kb-card .kb-title{font-size:16px;font-weight:700;color:var(--latte-dark);margin:var(--space-sm) 0}.kb-card .kb-summary{font-size:13px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.competitor-pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.competitor-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.competitor-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--cheese-deep)}.competitor-card .cc-brand{font-size:12px;font-weight:600;color:var(--latte-brown)}.competitor-card .cc-name{font-size:18px;font-weight:800;color:var(--latte-dark);margin:var(--space-sm) 0}.divider{height:1px;background:var(--border-soft);margin:var(--space-xl) 0}.pending{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:13px;color:var(--warning);background:#d9a4411f;padding:4px 12px;border-radius:var(--radius-full);border:1px dashed rgba(217,164,65,.4)}.footer{padding:var(--space-xl) 0;border-top:1px solid var(--border-soft);text-align:center;font-size:13px;color:var(--text-secondary);margin-top:var(--space-2xl)}.fade-up{animation:fadeUp .4s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stagger>*{animation:fadeUp .4s ease both}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.stagger>*:nth-child(6){animation-delay:.3s}.stagger>*:nth-child(7){animation-delay:.35s}.stagger>*:nth-child(8){animation-delay:.4s}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}