.bl .th{padding:5.5rem 1rem;position:relative}.bl .th-inner{max-width:1280px;margin:0 auto}.bl .th-head{margin-bottom:2.5rem}.bl .th-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:2rem;display:grid}.bl .th-list{flex-direction:column;gap:.6rem;display:flex}.bl .th-tab{text-align:left;cursor:pointer;background:color-mix(in srgb, var(--bl-white) 60%, transparent);width:100%;color:var(--bl-ink);font:inherit;transition:transform .2s var(--bl-ease), box-shadow .2s var(--bl-ease), background .2s, border-color .2s;border:2px solid #17122e29;border-radius:18px;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;column-gap:.8rem;padding:.8rem 1rem .95rem;display:grid;position:relative;overflow:hidden}.bl .th-tab:hover{background:var(--bl-white);border-color:var(--bl-ink)}.bl .th-tab[aria-selected=true]{background:var(--bl-white);border-color:var(--bl-ink);box-shadow:var(--bl-shadow-hard-s);transform:translate(-2px,-2px)}.bl .th-num{border:2px solid var(--bl-ink);background:var(--c,var(--bl-paper));width:2rem;height:2rem;font-family:var(--bl-font-mono);color:var(--bl-ink);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.bl .th-title{font-family:var(--bl-font-display);letter-spacing:-.02em;font-size:1.35rem;font-weight:800;font-stretch:90%;line-height:1.05}.bl .th-line{opacity:.8;margin-top:.2rem;font-size:.9rem;line-height:1.35;display:block}.bl .th-sticker{white-space:nowrap;padding:.18rem .55rem;font-size:.62rem}.bl .th-sticker i{background:var(--bl-ink);border-radius:50%;width:7px;height:7px;display:inline-block}.bl .th-bar{background:#17122e1a;height:5px;display:none;position:absolute;bottom:0;left:0;right:0}.bl .th-tab[aria-selected=true] .th-bar{display:block}.bl .th-bar>span{background:var(--bl-violet);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.bl .th-bar>span.run{animation:7s linear forwards th-fill}.bl .th-bar>span.run.paused{animation-play-state:paused}.bl .th-bar>span.still{transform:scaleX(1)}@keyframes th-fill{to{transform:scaleX(1)}}.bl .th-stagewrap{position:sticky;top:1.5rem}.bl .th-stage{aspect-ratio:600/520;border:2px solid var(--bl-ink);width:100%;box-shadow:8px 8px 0 var(--bl-ink);background:var(--stage-bg);transition:background-color .5s var(--bl-ease);border-radius:28px;position:relative;overflow:hidden}.bl .th-dots{width:46%;height:42%;color:var(--dots);opacity:1;position:absolute;top:-2%;right:-2%;-webkit-mask-image:radial-gradient(circle at 100% 0,#000 20%,#0000 72%);mask-image:radial-gradient(circle at 100% 0,#000 20%,#0000 72%)}.bl .th-ring{aspect-ratio:1;border:2px solid var(--dots);border-radius:50%;width:38%;position:absolute;bottom:-16%;left:-10%}.bl .th-canvas{transform-origin:0 0;width:600px;height:520px;font-size:13px;line-height:1.4;position:absolute;top:0;left:0}.bl .th-caption{display:none}.bl .th-more{min-height:44px;margin-top:1.1rem;padding:.6rem 1.1rem;font-size:1rem}@media (max-width:1023px){.bl .th{padding:3.5rem 1rem}.bl .th-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.bl .th-list{scroll-snap-type:x mandatory;padding:.25rem .25rem .9rem;scrollbar-width:none;flex-direction:row;gap:.5rem;margin:0 -1rem;padding-inline:1rem;overflow-x:auto}.bl .th-list::-webkit-scrollbar{display:none}.bl .th-tab{scroll-snap-align:start;border-radius:999px;flex:none;grid-template-columns:auto auto;width:auto;min-height:48px;padding:.5rem 1rem .7rem .6rem}.bl .th-tab .th-line,.bl .th-tab .th-sticker{display:none}.bl .th-title{white-space:nowrap;font-size:1.05rem}.bl .th-tab[aria-selected=true]{transform:none}.bl .th-bar{border-radius:3px;height:4px;bottom:5px;left:14px;right:14px}.bl .th-stagewrap{position:static}.bl .th-stage{box-shadow:5px 5px 0 var(--bl-ink);border-radius:20px}.bl .th-caption{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.1rem;display:flex}.bl .th-caption p{margin:0;font-size:1rem}}@media (prefers-reduced-motion:reduce){.bl .th-tab,.bl .th-stage{transition:none}.bl .th-bar>span.run{animation:none}}
