/* 智能路由：固定模型与智能分流对比 */
    #tokennau-homepage-prototype .tn-route-compare { overflow:hidden; border:1px solid #dfe3ea; border-radius:16px; background:#f7f8fa; }
    #tokennau-homepage-prototype .tn-route-compare-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; border-bottom:1px solid #e2e5eb; background:#fff; }
    #tokennau-homepage-prototype .tn-route-compare-head strong { display:block; color:#303542; font-size:13px; }
    #tokennau-homepage-prototype .tn-route-compare-head span { display:block; margin-top:3px; color:#8b929f; font-size:9px; }
    #tokennau-homepage-prototype .tn-route-goal { flex:0 0 auto; padding:7px 10px; border-radius:7px; color:#5558cf; background:#efefff; font-size:9px; font-weight:700; }
    #tokennau-homepage-prototype .tn-route-compare-grid { display:grid; grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr); gap:0; align-items:stretch; padding:16px; }
    #tokennau-homepage-prototype .tn-route-plan { min-width:0; padding:17px; border:1px solid #e0e4ea; border-radius:13px; background:#fff; }
    #tokennau-homepage-prototype .tn-route-plan.is-smart { border-color:#bfc1f3; background:linear-gradient(180deg,#fff 0%,#fafaff 100%); box-shadow:0 9px 24px rgba(75,78,190,.08); }
    #tokennau-homepage-prototype .tn-route-plan-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:15px; }
    #tokennau-homepage-prototype .tn-route-plan-title h4 { margin:0; color:#393f4b; font-size:14px; }
    #tokennau-homepage-prototype .tn-route-plan-title span { padding:5px 7px; border-radius:6px; color:#7d8491; background:#f0f1f4; font-size:8px; }
    #tokennau-homepage-prototype .tn-route-plan.is-smart .tn-route-plan-title span { color:#5558d2; background:#eeeeff; }
    #tokennau-homepage-prototype .tn-fixed-flow { display:grid; grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr); align-items:center; min-height:182px; }
    #tokennau-homepage-prototype .tn-route-task-stack { display:grid; gap:6px; }
    #tokennau-homepage-prototype .tn-route-task { display:flex; align-items:center; justify-content:space-between; gap:7px; padding:9px 10px; border:1px solid #e6e8ed; border-radius:8px; color:#555d6b; background:#fafbfc; font-size:9px; }
    #tokennau-homepage-prototype .tn-route-task b { color:#414854; font-size:10px; }
    #tokennau-homepage-prototype .tn-route-task em { color:#9299a5; font-style:normal; }
    #tokennau-homepage-prototype .tn-route-line-arrow { position:relative; height:2px; background:#d1d5dd; }
    #tokennau-homepage-prototype .tn-route-line-arrow::after { content:'›'; position:absolute; right:-3px; top:50%; color:#949ba8; font-size:17px; line-height:1; transform:translateY(-54%); }
    #tokennau-homepage-prototype .tn-route-model-box { padding:15px 12px; border:1px solid #dfe3e9; border-radius:10px; background:#f7f8fa; text-align:center; }
    #tokennau-homepage-prototype .tn-route-model-box b { display:block; color:#3e4551; font-size:11px; }
    #tokennau-homepage-prototype .tn-route-model-box span { display:block; margin-top:5px; color:#8b929f; font-size:8px; line-height:1.45; }
    #tokennau-homepage-prototype .tn-route-model-box .tn-route-all { display:inline-block; margin-top:8px; padding:4px 6px; border-radius:5px; color:#7e8490; background:#e9ebef; font-size:8px; }
    #tokennau-homepage-prototype .tn-smart-flow-simple { display:grid; grid-template-columns:minmax(0,.8fr) 28px minmax(0,1.2fr); align-items:center; min-height:182px; }
    #tokennau-homepage-prototype .tn-smart-router-core { padding:14px 10px; border:1px solid #aaadf0; border-radius:10px; color:#fff; background:linear-gradient(145deg,#6265ed,#7e69db); text-align:center; box-shadow:0 8px 18px rgba(98,101,237,.18); }
    #tokennau-homepage-prototype .tn-smart-router-core b { display:block; font-size:11px; }
    #tokennau-homepage-prototype .tn-smart-router-core span { display:block; margin-top:5px; color:rgba(255,255,255,.75); font-size:8px; line-height:1.4; }
    #tokennau-homepage-prototype .tn-smart-lanes { display:grid; gap:6px; }
    #tokennau-homepage-prototype .tn-smart-lane { display:grid; grid-template-columns:54px minmax(0,1fr) 34px; align-items:center; gap:7px; padding:8px 9px; border:1px solid #e1e4ea; border-radius:8px; background:#fff; }
    #tokennau-homepage-prototype .tn-smart-lane small { color:#8b929e; font-size:8px; }
    #tokennau-homepage-prototype .tn-smart-lane b { overflow:hidden; color:#454b57; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
    #tokennau-homepage-prototype .tn-smart-lane em { color:#5659d2; font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace; font-style:normal; text-align:right; }
    #tokennau-homepage-prototype .tn-route-results { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:14px; padding-top:13px; border-top:1px dashed #dfe2e8; }
    #tokennau-homepage-prototype .tn-route-result { padding:9px 10px; border-radius:8px; background:#f5f6f8; }
    #tokennau-homepage-prototype .tn-route-plan.is-smart .tn-route-result { background:#f0f0ff; }
    #tokennau-homepage-prototype .tn-route-result small { display:block; color:#9097a3; font-size:8px; }
    #tokennau-homepage-prototype .tn-route-result b { display:block; margin-top:4px; color:#444b57; font-size:13px; }
    #tokennau-homepage-prototype .tn-route-plan.is-smart .tn-route-result b { color:#5356cf; }
    #tokennau-homepage-prototype .tn-route-vs { display:grid; place-items:center; color:#a1a6b0; font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace; }
    #tokennau-homepage-prototype .tn-route-saving { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; margin:0 16px 16px; padding:14px 16px; border-radius:11px; color:#fff; background:linear-gradient(100deg,#5558d8,#7061d4); }
    #tokennau-homepage-prototype .tn-route-saving-copy strong { display:block; font-size:15px; }
    #tokennau-homepage-prototype .tn-route-saving-copy span { display:block; margin-top:4px; color:rgba(255,255,255,.75); font-size:9px; }
    #tokennau-homepage-prototype .tn-route-saving-number { color:#fff; font-size:30px; font-weight:800; line-height:1; letter-spacing:-.05em; white-space:nowrap; }
    #tokennau-homepage-prototype .tn-route-saving-number small { font-size:11px; font-weight:600; letter-spacing:0; }
    #tokennau-homepage-prototype .tn-route-logic { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border-top:1px solid #e1e4ea; background:#e3e6eb; }
    #tokennau-homepage-prototype .tn-route-logic-item { padding:13px 15px; background:#fff; }
    #tokennau-homepage-prototype .tn-route-logic-item b { display:block; color:#484f5b; font-size:10px; }
    #tokennau-homepage-prototype .tn-route-logic-item span { display:block; margin-top:4px; color:#8a919e; font-size:8px; line-height:1.5; }
    #tokennau-homepage-prototype .tn-route-logic-num { display:inline-block; margin-right:6px; color:#5e61d7; font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace; }
    @media (max-width:900px) { #tokennau-homepage-prototype .tn-route-compare-grid { grid-template-columns:1fr; gap:10px; } #tokennau-homepage-prototype .tn-route-vs { min-height:22px; } }
    @media (max-width:650px) { #tokennau-homepage-prototype .tn-route-compare-head { align-items:flex-start; flex-direction:column; } #tokennau-homepage-prototype .tn-route-goal { width:100%; } #tokennau-homepage-prototype .tn-fixed-flow, #tokennau-homepage-prototype .tn-smart-flow-simple { grid-template-columns:1fr; gap:9px; } #tokennau-homepage-prototype .tn-route-line-arrow { width:2px; height:20px; justify-self:center; } #tokennau-homepage-prototype .tn-route-line-arrow::after { right:auto; left:50%; top:auto; bottom:-8px; transform:translateX(-50%) rotate(90deg); } #tokennau-homepage-prototype .tn-route-saving { align-items:flex-start; grid-template-columns:1fr; } #tokennau-homepage-prototype .tn-route-logic { grid-template-columns:1fr; } }