/* layout.css —— 原 HTML 行 226-262 */
/* .route-page 路由容器(SPA 切换) */

  /* ─────────── ROUTE PAGES (SPA 单页路由) ─────────── */
  .route-page{display:none}
  .route-page.active{display:block}

  /* 占位页样式 */
  .route-placeholder{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;
    min-height:calc(100vh - 80px);
    padding:40px 20px;
  }
  .placeholder-icon{
    width:72px;height:72px;border-radius:18px;
    background:linear-gradient(135deg, var(--primary-soft), var(--primary-softer));
    color:var(--primary);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:22px;
    box-shadow:0 4px 12px rgba(22,100,255,0.08), 0 8px 24px rgba(22,100,255,0.04);
  }
  .placeholder-title{
    margin:0 0 8px;
    font-size:22px;font-weight:600;color:var(--text);
    letter-spacing:-0.01em;
  }
  .placeholder-desc{
    margin:0 0 18px;
    font-size:14px;color:var(--text-3);font-weight:400;line-height:1.6;
    max-width:380px;
  }
  .placeholder-tag{
    font-family:"Inter",sans-serif;font-size:11px;font-weight:600;
    color:var(--primary);
    background:var(--primary-soft);
    padding:4px 10px;border-radius:4px;
    letter-spacing:0.06em;
  }