/* IDBots 官网样式 —— 移植自 eleven V3 修正重渲版冻结源（构图/密度/配色未动），仅新增生产项：skip 链接与键盘焦点样式 */
:root{
  --accent:#BE123C; --bg:#F4F1EC; --ink:#1C1917; --muted:#6F6A63;
  --hair:#E3DED6; --hair2:#D6D0C6; --card:#FFFFFF; --panel:#FAF7F3;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","Noto Sans SC","Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.62;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.container{padding:0 20px}}

/* 生产新增：跳转链接与键盘焦点 */
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:8px 14px;border-radius:0 0 7px 0;z-index:99}
.skip:focus{left:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

nav.main{display:flex;align-items:center;justify-content:space-between;padding:15px 0}
.brand{font-weight:800;font-size:18px;letter-spacing:-.01em;display:flex;gap:10px;align-items:center}
.brand::before{content:"";width:10px;height:10px;background:var(--accent)}
.navlinks{display:flex;gap:20px;align-items:center;font-size:14px}
.navlinks a:hover{color:var(--accent)}

.btn{display:inline-block;font-weight:600;font-size:15px;padding:12px 20px;border-radius:7px;border:1px solid transparent;text-align:center}
.btn.primary{background:var(--accent);color:#fff}
.btn.primary:hover{filter:brightness(1.07)}
.btn.ghost{border-color:var(--hair2);background:transparent}
.btn.ghost:hover{border-color:var(--ink)}
.btn.sm{padding:8px 14px;font-size:13px}

/* V3：中密度。节距更紧、信息略密、双窗档案叠放 */
.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:52px;align-items:center;padding:48px 0 72px;min-height:calc(100vh - 120px);min-height:calc(100dvh - 120px)}
h1{font-size:clamp(2.4rem,4.4vw,3.8rem);line-height:1.12;letter-spacing:-.02em;font-weight:800}
h1 .acc{color:var(--accent)}
.sub{margin-top:20px;color:var(--muted);font-size:16px;max-width:32em}
.sub-short{display:none}
@media(max-width:920px){.sub-long{display:none}.sub-short{display:block;max-width:none}}
.cta{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.cta .txt{font-size:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--hair2)}
.cta .txt:hover{color:var(--accent)}
.meta{margin-top:14px;font-family:"SF Mono",ui-monospace,Menlo,monospace;font-size:12px;color:var(--muted)}

.stack{position:relative;padding-top:44px}
.win{background:var(--card);border:1px solid var(--hair);border-radius:11px;box-shadow:0 18px 44px rgba(28,25,23,.09);overflow:hidden;font-size:13px}
.win-back{position:absolute;top:0;right:0;width:62%;z-index:0}
.win-front{position:relative;z-index:1;width:88%;margin-left:auto}
.win-bar{display:flex;align-items:center;gap:6px;padding:10px 13px;border-bottom:1px solid var(--hair)}
.dot{width:9px;height:9px;border-radius:50%}
.dot.r{background:#E9695E}.dot.y{background:#F5BD4F}.dot.g{background:#61C454}
.win-title{margin-left:7px;color:var(--muted);font-size:11.5px}
.win-body{display:grid;grid-template-columns:132px 1fr;min-height:340px}
.win-side{border-right:1px solid var(--hair);padding:13px 11px;display:flex;flex-direction:column;gap:2px;background:var(--panel)}
.side-id{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12.5px;padding-bottom:9px;border-bottom:1px solid var(--hair);margin-bottom:7px}
.avatar{width:22px;height:22px;border-radius:6px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:none}
.tag{margin-left:auto;font-family:ui-monospace,Menlo,monospace;font-size:9px;color:var(--muted);border:1px solid var(--hair2);padding:1px 5px;border-radius:4px}
.snav{font-size:12px;color:var(--muted);padding:5px 8px;border-radius:6px}
.snav.on{background:var(--bg);color:var(--ink);font-weight:600}
.side-foot{margin-top:auto;font-family:ui-monospace,Menlo,monospace;font-size:9.5px;color:var(--muted)}
.win-chat{padding:16px;display:flex;flex-direction:column;gap:11px}
.msg{max-width:82%;padding:9px 12px;border-radius:9px;font-size:12.5px;line-height:1.5}
.msg.me{align-self:flex-end;background:var(--ink);color:#F4F1EC;border-bottom-right-radius:3px}
.msg.bot{align-self:flex-start;background:var(--bg);border:1px solid var(--hair);border-bottom-left-radius:3px}
.sysline{align-self:center;font-family:ui-monospace,Menlo,monospace;font-size:10px;color:var(--muted)}
.dream{border:1px dashed var(--hair2);border-radius:9px;padding:11px 13px;background:var(--panel)}
.dream-t{font-family:ui-monospace,Menlo,monospace;font-size:9.5px;letter-spacing:.08em;color:var(--accent);margin-bottom:7px}
.dream-i{font-size:11.5px;padding:2px 0;display:flex;gap:7px}
.dream-i::before{content:"·";color:var(--accent);font-weight:700}
.win-cap{margin-top:12px;font-size:13.5px;font-weight:650}
.arch{margin-top:4px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--muted);letter-spacing:.05em}
.arch b{color:var(--accent);font-weight:600}
.win-note{margin-top:4px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--muted);letter-spacing:.04em}

section.scr{padding:64px 0;border-top:1px solid var(--hair)}
.scr-label{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.12em;color:var(--accent);margin-bottom:12px}
h2{font-size:clamp(1.45rem,2.3vw,2rem);letter-spacing:-.015em;line-height:1.26;font-weight:750}
.lead{color:var(--muted);margin-top:10px;max-width:40em}
.sketch{margin-top:24px;border:1px solid var(--hair);border-radius:11px;background:var(--card);padding:22px}
.blk{background:var(--bg);border:1px solid var(--hair);border-radius:7px}

.tl{display:flex;align-items:flex-start;text-align:center}
.tl-node{flex:1}
.tl-dot{width:9px;height:9px;border-radius:50%;background:var(--hair2);margin:6px auto 11px}
.pulse{width:9px;height:9px;border-radius:50%;background:var(--accent);margin:6px auto 11px;animation:breathe 4s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.55);opacity:.5}}
@media (prefers-reduced-motion:reduce){.pulse{animation:none}}
.tl-t{font-weight:600;font-size:13.5px}
.tl-d{font-size:12px;color:var(--muted);margin-top:3px}
.tl-line{flex:0 0 56px;height:1px;background:var(--hair2);margin-top:10px}
@media(max-width:720px){.tl{flex-direction:column;align-items:stretch}.tl-line{display:none}.tl-node{padding:9px 0;border-top:1px dashed var(--hair)}}

.learn{display:grid;grid-template-columns:1fr 48px 1fr;gap:12px;align-items:stretch}
.learn .blk{padding:16px}
.learn .arr{display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700}
.bars .blk{height:11px;margin-top:9px}
.cap-t{font-weight:650;font-size:13px;margin-bottom:3px}
.cap-d{font-size:12.5px;color:var(--muted)}
@media(max-width:720px){.learn{grid-template-columns:1fr}.learn .arr{transform:rotate(90deg);padding:4px 0}}

.gt-in{border:1px solid var(--hair2);border-radius:7px;padding:11px 13px;font-size:13px;color:var(--muted);background:var(--panel)}
.gt-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.gt-role{border:1px solid var(--hair);border-radius:7px;padding:12px 14px}
.gt-role b{font-size:12.5px}
.gt-bar{height:6px;border-radius:3px;background:var(--bg);border:1px solid var(--hair);margin-top:9px;overflow:hidden}
.gt-bar i{display:block;height:100%;background:var(--accent)}
@media(max-width:720px){.gt-roles{grid-template-columns:1fr}}

.pub{display:grid;grid-template-columns:1fr 48px 1fr;gap:12px;align-items:center}
.pub .card{border:1px solid var(--hair);border-radius:9px;overflow:hidden}
.pub .thumb{height:96px;background:var(--bg);border-bottom:1px solid var(--hair)}
.pub .cbody{padding:11px 13px}
.pub .arr{display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700}
.pub .meta-l{font-family:ui-monospace,Menlo,monospace;font-size:10px;color:var(--muted)}
@media(max-width:720px){.pub{grid-template-columns:1fr}.pub .arr{transform:rotate(90deg);padding:4px 0}}

.caps{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:11px;overflow:hidden}
.cap{background:var(--card);padding:17px 19px}
@media(max-width:720px){.caps{grid-template-columns:1fr}}

.dl-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--hair);flex-wrap:wrap}
.dl-row:first-child{border-top:1px solid var(--hair)}
.dl-name{font-weight:650;font-size:14.5px}
.dl-meta{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--muted);margin-top:2px}

footer{border-top:1px solid var(--hair);padding:24px 0;color:var(--muted);font-size:13px}
footer .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

@media(max-width:920px){
  .hero{grid-template-columns:1fr;gap:40px;padding:36px 0 56px;min-height:auto}
  .stack{padding-top:36px}
  .win-front{width:100%}
  .win-back{width:70%}
  .win-body{grid-template-columns:104px 1fr}
  .hide-m{display:none}
}
@media(max-width:560px){
  .win-body{grid-template-columns:88px 1fr;min-height:300px}
  .win-back{display:none}
  .cta .btn{flex:1 1 auto}
}
