.mech-page [id]{scroll-margin-top:76px}.mech-hero{padding:40px 0 8px;text-align:center}.mech-hero h1{font-size:clamp(34px,7vw,56px);line-height:1.08;margin-top:12px;overflow-wrap:break-word}.mech-hero .lead{margin:16px auto 0;max-width:640px}.mech-hero .cta{margin-top:24px;justify-content:center}.mech-toc{margin:32px auto 0;max-width:860px}.mech-toc ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.mech-toc a{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 10px;border-radius:999px;background:#121a36cc;border:1px solid var(--stroke-subtle);color:var(--t1);font-size:13.5px;font-weight:600;line-height:1.25}.mech-toc a:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}.mech-toc a:hover{border-color:var(--c);text-decoration:none}@media(min-width:900px){.mech-hero{padding-top:56px}}.mech-media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--base)}.mech-media img,.mech-media video{width:100%;height:100%;object-fit:cover}.mech-media video{position:absolute;inset:0;opacity:0;transition:opacity .25s ease}.mech-media video.on{opacity:1}.mech-basics{padding-top:48px}.mech-basics-grid{display:grid;gap:24px;align-items:start}.mech-basics-grid>.mech-media{width:100%;max-width:440px;justify-self:center;border-radius:var(--r-xl);border:1px solid var(--stroke);box-shadow:var(--shadow-card),0 0 60px -24px #6fe7ff73}.mech-basics-list{display:grid;gap:12px}.mech-basic{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--s1),#0e1530);border:1px solid var(--stroke-subtle)}.mech-basic .icon,.mech-rule .icon{width:44px;height:44px;flex:none;border-radius:13px;display:grid;place-items:center;background:var(--s2);border:1px solid var(--stroke)}.mech-basic .icon svg,.mech-rule .icon svg{width:24px;height:24px}.mech-basic .icon-1{color:var(--present)}.mech-basic .icon-2{color:var(--echo)}.mech-basic .icon-3{color:var(--gold)}.mech-basic .icon-4{color:var(--violet)}.mech-basic>div:last-child{min-width:0}.mech-basic h3{font-size:18px}.mech-basic p{margin-top:6px;font-size:15px}@media(min-width:900px){.mech-basics-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}.mech-basics-grid>.mech-media{max-width:none}}.mech-rule{display:flex;gap:14px;align-items:flex-start;margin-top:24px;padding:20px;border-radius:var(--r-lg);background:linear-gradient(180deg,#ff6b9a1a,#121a36e6);border:1px solid rgba(255,107,154,.4);box-shadow:0 0 50px -24px #ff6b9a99}.mech-rule .icon{color:var(--ch4);border-color:#ff6b9a73}.mech-rule>div:last-child{min-width:0}.mech-rule h3{font-size:19px}.mech-rule p{margin-top:6px;font-size:15.5px}.mech-rule a{font-weight:700;color:var(--ch4)}.mech-chapter{padding:40px 0}@media(min-width:900px){.mech-chapter{padding:56px 0}}.mech-chapter-head{max-width:760px;margin:0 auto 28px;text-align:center}.mech-chapter-head .ch-num{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--c)}.mech-chapter-head h2{font-size:clamp(28px,5vw,40px);margin-top:6px}.mech-chapter-sub{margin-top:8px;font-size:17px;color:var(--t1)}.mech-chapter-meta{margin-top:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;font-size:14px;color:var(--t3);font-weight:600}.demo-chip{color:var(--t1);border-color:var(--c);background:#4fd8ff1a;padding:5px 12px 5px 9px}.demo-chip svg{width:14px;height:14px;color:var(--c)}.demo-chip:hover{text-decoration:none;background:#4fd8ff2e}.mech-grid{display:grid;gap:18px}@media(min-width:640px){.mech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:640px)and (max-width:999px){.mech-grid>.mech-card:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - 9px)}}@media(min-width:1000px){.mech-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mech-grid>.mech-card:last-child:nth-child(3n+1){grid-column:2}}.mech-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:var(--r-lg);overflow:hidden;background:var(--s1);border:1px solid var(--stroke-subtle);box-shadow:var(--shadow-card);transition:box-shadow .2s ease,border-color .2s ease}.mech-card:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--c);box-shadow:0 0 16px var(--c)}.mech-card:target{border-color:var(--c);box-shadow:var(--shadow-card),0 0 0 2px var(--c),0 0 40px -12px var(--c)}.mech-body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 22px;flex:1}.mech-body h3{font-size:21px;overflow-wrap:break-word;hyphens:auto}.mech-body h3 a{color:var(--t1)}.mech-body h3 a:hover{color:var(--c);text-decoration:none}.mech-body h3 a:after{content:" #";color:var(--t3);font-weight:600;opacity:0;transition:opacity .15s ease}.mech-body h3 a:hover:after,.mech-body h3 a:focus-visible:after{opacity:1}.mech-first{font-size:13.5px;color:var(--t3);font-weight:600;line-height:1.5}.mech-first b{display:inline-block;padding:1px 7px;margin:0 2px;border-radius:7px;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--c);background:#9eb8ff14;border:1px solid var(--stroke)}.mech-text{font-size:15.5px;color:var(--t2)}.mech-variant{font-size:14.5px;padding:10px 12px;border-radius:var(--r-sm);background:var(--s2)}.mech-variant strong{color:var(--t1)}.mech-variant .mech-first{display:block;margin-top:4px}.mech-tip{font-size:14.5px;padding:10px 12px;border-radius:var(--r-sm);background:#ffc93312;border-left:3px solid var(--gold)}.mech-tip strong{color:var(--gold);font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-right:4px}.mech-demo{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:14.5px;font-weight:700;color:var(--echo)}.mech-demo svg{width:16px;height:16px;flex:none}@media(prefers-reduced-motion:reduce){.mech-card{transition:none}}