/* Torkora 应用外观叠加层: 排在原样式表之后, 只管与官网统一的那几处。
   颜色的整体替换(紫→橙、冷灰→暖灰)由 tools/build_app.py 完成, 这里不重复。 */
:root{
  --tk-ink:#0a0c0f; --tk-ink2:#14161d; --tk-paper:#f2eee5; --tk-card:#fbf9f4;
  --tk-line:#d8d1c0; --tk-orange:#f28a1c; --tk-orange-d:#b9531a;
  --tk-font:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC","Hiragino Sans GB",system-ui,-apple-system,"Segoe UI",sans-serif;
  --bg:var(--tk-paper); --surface:var(--tk-card); --ground:var(--tk-paper);
  font-family:var(--tk-font);
}
body{font-family:var(--tk-font);-webkit-font-smoothing:antialiased}

/* 顶栏: 与官网同一条深色栏 */
.topbar{background:var(--tk-ink);border-bottom:1px solid rgba(255,255,255,.06)}
.topbar .brand{color:#f3f2ee;font-size:19px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;gap:10px}
.topbar .brand img{width:30px;height:30px}
.topbar .brand-studio{color:#6c7480;border-left-color:#2e343e;letter-spacing:.2em}
.topbar .navigation button{color:#a4abb6}
.topbar .navigation button:hover,.topbar .navigation button.active{color:#f3f2ee}
.topbar .navigation button.active:after{background:var(--tk-orange);bottom:12px}
.topbar .account-area{border-left-color:#232830}
.topbar .preview-label{color:#f6a652;border-color:rgba(242,138,28,.45);border-radius:999px;padding:3px 10px}
.topbar .account{color:#f3f2ee}
.topbar .account #avatar{background:#232830;color:#f3f2ee}

/* 任务标签栏 */
.taskbar{background:var(--tk-paper)}
.task.active{background:var(--tk-card);border-bottom-color:var(--tk-orange)}

/* 焦点圈 */
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--tk-orange)}

/* 顶栏「官网」入口 */
.topbar .home-link{color:#a4abb6;font-size:14px;text-decoration:none;white-space:nowrap}
.topbar .home-link:hover{color:#f3f2ee}

/* 用户 2026-10-13: 顶栏「预览版」标签去掉 */
.topbar .preview-label{display:none!important}

/* ── 自助注册 + 体验账号(用户 2026-10-13) ──────────────────────────────── */
/* 没登录时底部的注册入口 */
.tk-reg{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:60;display:flex;gap:10px;align-items:center;
  background:#0a0c0f;color:#a4abb6;border:1px solid #2e343e;border-radius:999px;padding:11px 22px;font-size:14.5px;text-decoration:none;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.6);white-space:nowrap}
.tk-reg b{color:#f6a652;font-weight:600}
.tk-reg:hover{border-color:#a4abb6}
/* 体验账号的说明条(外壳页顶栏下方) */
.tk-vbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 28px;background:#14161d;color:#a4abb6;font-size:13.5px;border-bottom:1px solid #232830}
.tk-vbar-tag{color:#0a0c0f;background:#f28a1c;border-radius:999px;padding:1px 11px;font-weight:600;font-size:12.5px}
.tk-vbar-ex{color:#f3f2ee;border:1px solid #2e343e;border-radius:999px;padding:2px 13px;text-decoration:none}
.tk-vbar-ex:hover{border-color:#a4abb6}
.tk-vbar-apply{margin-left:auto;color:#f6a652;font-weight:600;text-decoration:none;white-space:nowrap}
/* 体验账号: 收起下载区、快捷新建入口与新任务按钮; 输入框只读(后端同样会拒, 这里只是不让人白点) */
.tk-visitor .studio-scenario,
.tk-visitor .new-task,
.tk-visitor [data-testid="app-dl-rexs"]{display:none!important}
.tk-visitor [data-testid="app-chat-input"]{opacity:.6;cursor:not-allowed}
@media(max-width:700px){.tk-vbar{padding:10px 16px}.tk-vbar-apply{margin-left:0}.tk-reg span{display:none}}

/* 体验账号的下载区(用户 2026-10-13): 按钮照常显示但点不了, 上方说明原因并给「申请试用」 */
.tk-visitor [data-testid="app-draw-downloads"] button{pointer-events:none;opacity:.42;filter:grayscale(1)}
.tk-need-trial{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 12px;padding:12px 16px;border:1px solid rgba(242,138,28,.45);
  border-radius:12px;background:rgba(242,138,28,.08);font-size:13.5px;color:#4b525e}
.tk-need-trial b{color:#14161d;font-weight:600}
.tk-need-trial a{margin-left:auto;display:inline-flex;align-items:center;height:34px;padding:0 18px;border-radius:999px;background:#14161d;color:#f3f2ee;
  font-weight:600;text-decoration:none;white-space:nowrap}
.tk-need-trial a:hover{opacity:.88}