.tpl-t12{--t12-bg:#fafaff;--t12-ink:#1e1b33;--t12-muted:#5c5773;--t12-line:#4f46e524;--t12-indigo:#4f46e5;--t12-purple:#7c3aed;--t12-pink:#ec4899;--t12-grad:linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #ec4899 100%);--t12-grad-soft:linear-gradient(135deg, #4f46e51a, #ec48991f);background:var(--t12-bg);color:var(--t12-ink);font-family:Rubik,Heebo,system-ui,sans-serif}.tpl-t12 .t12-container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1.25rem}.tpl-t12 .t12-glass{-webkit-backdrop-filter:blur(14px);background:#ffffffa6;border-bottom:1px solid #4f46e524}.tpl-t12 .t12-grad-text{background:var(--t12-grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.tpl-t12 .t12-grad-text-bright{-webkit-text-fill-color:transparent;color:#0000;background:linear-gradient(135deg,#818cf8 0%,#c084fc 50%,#f472b6 100%);-webkit-background-clip:text;background-clip:text}.tpl-t12 .t12-btn{background:var(--t12-grad);color:#fff;justify-content:center;align-items:center;gap:.5rem;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 10px 28px -8px #7c3aed8c}.tpl-t12 .t12-btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px -10px #ec48998c}.tpl-t12 .t12-btn-ghost{-webkit-backdrop-filter:blur(10px);border:1px solid var(--t12-line);color:var(--t12-ink);background:#ffffffb3;justify-content:center;align-items:center;gap:.5rem;transition:color .2s,border-color .2s,transform .25s;display:inline-flex}.tpl-t12 .t12-btn-ghost:hover{color:var(--t12-purple);border-color:#7c3aed66;transform:translateY(-2px)}.tpl-t12 .t12-mesh{position:relative}.tpl-t12 .t12-mesh:before,.tpl-t12 .t12-mesh:after{content:"";filter:blur(90px);pointer-events:none;border-radius:9999px;position:absolute}.tpl-t12 .t12-mesh:before{top:-12rem;background:radial-gradient(circle,#4f46e552,#0000 65%);width:34rem;height:34rem;inset-inline-start:-9rem}.tpl-t12 .t12-mesh:after{bottom:-11rem;background:radial-gradient(circle,#ec489947,#0000 65%);width:30rem;height:30rem;inset-inline-end:-7rem}.tpl-t12 .t12-card{background:#fff;border:1px solid #4f46e51a;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 18px -8px #1e1b3324}.tpl-t12 .t12-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px -16px #7c3aed4d}.tpl-t12 .t12-card-img img{transition:transform .5s}.tpl-t12 .t12-card:hover .t12-card-img img{transform:scale(1.05)}.tpl-t12 .t12-dot{background:var(--t12-grad);border-radius:9999px;width:.55rem;height:.55rem;display:inline-block}.tpl-t12 .t12-cat-dot{background:var(--t12-grad);color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.05rem;font-weight:700;display:flex;box-shadow:0 8px 18px -6px #7c3aed80}.tpl-t12 .t12-chip{background:var(--t12-grad-soft);color:var(--t12-purple);border:1px solid #7c3aed2e;border-radius:9999px;padding:.3rem .75rem;font-size:.72rem;font-weight:600;display:inline-block}.tpl-t12 .t12-crumbs ol{-webkit-backdrop-filter:blur(10px);border:1px solid var(--t12-line);color:var(--t12-muted);background:#ffffffb3;border-radius:9999px;flex-wrap:wrap;align-items:center;gap:.1rem 0;padding:.4rem 1.1rem;font-size:.83rem;font-weight:500;display:inline-flex;box-shadow:0 4px 16px -10px #7c3aed66}.tpl-t12 .t12-crumbs li{align-items:center;display:flex}.tpl-t12 .t12-crumbs li+li:before{content:"";background:var(--t12-grad);border-radius:9999px;width:.3rem;height:.3rem;margin-inline:.6rem;display:inline-block}.tpl-t12 .t12-crumbs a{transition:color .2s}.tpl-t12 .t12-crumbs a:hover{color:var(--t12-purple)}.tpl-t12 .t12-crumb-current{-webkit-line-clamp:1;max-width:20rem;color:var(--t12-ink);-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.tpl-t12 .t12-aside{min-width:0}@media (width>=1024px){.tpl-t12 .t12-aside{align-self:start;position:sticky;top:5.5rem}}.tpl-t12 .t12-aside .t12-card:hover{transform:none;box-shadow:0 4px 18px -8px #1e1b3324}.tpl-t12 .t12-aside-title{color:var(--t12-ink);font-size:1.15rem;font-weight:800}.tpl-t12 .t12-aside-cat{color:var(--t12-muted);border-radius:9999px;align-items:center;gap:.6rem;padding:.45rem .75rem;font-size:.9rem;font-weight:500;transition:background .25s,color .2s;display:flex}.tpl-t12 .t12-aside-cat:hover{background:var(--t12-grad-soft);color:var(--t12-purple)}.tpl-t12 .t12-aside-cat.is-active{background:var(--t12-grad-soft);color:var(--t12-purple);font-weight:700}.tpl-t12 .t12-aside-thumb{background:var(--t12-bg);border-radius:.85rem;flex-shrink:0;width:4.5rem;height:3.4rem;display:block;overflow:hidden;box-shadow:0 6px 16px -10px #1e1b3380}.tpl-t12 .t12-aside-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.tpl-t12 .t12-aside a:hover .t12-aside-thumb img{transform:scale(1.08)}.tpl-t12 .t12-frame{background:var(--t12-grad);border-radius:1.5rem;padding:5px;box-shadow:0 20px 50px -18px #7c3aed73}.tpl-t12 .t12-frame img{border-radius:calc(1.5rem - 5px);width:100%;display:block}.tpl-t12 .t12-footer{color:#b9b4d0;background:#17142b}.tpl-t12 .t12-grad-line{background:var(--t12-grad);height:3px}.tpl-t12 .t12-prose{color:#3a3554;font-size:1.075rem;line-height:1.9}.tpl-t12 .t12-prose h2{color:var(--t12-ink);margin:2.3rem 0 .9rem;font-size:1.6rem;font-weight:700}.tpl-t12 .t12-prose h2:after{content:"";background:var(--t12-grad);border-radius:9999px;width:3.5rem;height:4px;margin-top:.45rem;display:block}.tpl-t12 .t12-prose h3{color:var(--t12-ink);margin:1.8rem 0 .7rem;font-size:1.25rem;font-weight:700}.tpl-t12 .t12-prose p{margin:0 0 1.1rem}.tpl-t12 .t12-prose ul,.tpl-t12 .t12-prose ol{margin:0 0 1.2rem;padding-inline-start:1.4rem}.tpl-t12 .t12-prose ul li{margin-bottom:.45rem;padding-inline-start:1.1rem;list-style:none;position:relative}.tpl-t12 .t12-prose ul li:before{content:"";background:var(--t12-grad);inset-inline-start:0;border-radius:9999px;width:.45rem;height:.45rem;position:absolute;top:.68em}.tpl-t12 .t12-prose ol li{margin-bottom:.45rem;list-style:decimal}.tpl-t12 .t12-prose blockquote{background:linear-gradient(#fff, #fff) padding-box, var(--t12-grad) border-box;color:var(--t12-purple);border:2px solid #0000;border-radius:1rem;margin:2rem 0;padding:1.2rem 1.5rem;font-weight:500}.tpl-t12 .t12-prose table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.95rem}.tpl-t12 .t12-prose table th,.tpl-t12 .t12-prose table td{border:1px solid var(--t12-line);text-align:start;padding:.6rem .9rem}.tpl-t12 .t12-prose table th{background:var(--t12-grad-soft);color:var(--t12-ink);font-weight:700}.tpl-t12 .t12-archive-prose{max-width:46rem;color:var(--t12-ink);font-size:1.0625rem;line-height:1.9}.tpl-t12 .t12-archive-prose>*+*{margin-top:1.05rem}.tpl-t12 .t12-archive-prose h2,.tpl-t12 .t12-archive-prose h3,.tpl-t12 .t12-archive-prose h4{color:var(--t12-ink);margin-top:2.1rem;font-weight:800;line-height:1.35}.tpl-t12 .t12-archive-prose h2{font-size:1.5rem}.tpl-t12 .t12-archive-prose h3{font-size:1.25rem}.tpl-t12 .t12-archive-prose h4{font-size:1.0625rem}.tpl-t12 .t12-archive-prose h2:after{background:var(--t12-grad);content:"";border-radius:2px;width:2.75rem;height:3px;margin-top:.6rem;display:block}.tpl-t12 .t12-archive-prose p{color:var(--t12-muted)}.tpl-t12 .t12-archive-prose ul,.tpl-t12 .t12-archive-prose ol{color:var(--t12-muted);padding-inline-start:1.4rem}.tpl-t12 .t12-archive-prose ul{list-style:outside}.tpl-t12 .t12-archive-prose ol{list-style:decimal}.tpl-t12 .t12-archive-prose li+li{margin-top:.4rem}.tpl-t12 .t12-archive-prose strong{color:var(--t12-ink);font-weight:700}.tpl-t12 .t12-archive-prose a{color:var(--t12-indigo);text-underline-offset:3px;text-decoration:underline}.tpl-t12 .t12-archive-prose a:hover{color:var(--t12-pink)}.tpl-t12 .t12-archive-prose img{border-radius:1rem;max-width:100%;height:auto}.tpl-t12 .t12-faq-item{border:1px solid var(--t12-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border-radius:1rem;overflow:hidden;box-shadow:0 6px 20px -12px #1e1b3340}.tpl-t12 .t12-faq-item>summary{cursor:pointer;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-weight:700;list-style:none;display:flex}.tpl-t12 .t12-faq-item>summary::-webkit-details-marker{display:none}.tpl-t12 .t12-faq-item>summary:after{content:"+";color:#0000;background:linear-gradient(90deg,#4f46e5,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text;margin-inline-start:auto;font-size:1.25rem;line-height:1}.tpl-t12 .t12-faq-item[open]>summary:after{content:"−"}.tpl-t12 .t12-faq-item>summary:focus-visible{outline-offset:-2px;outline:2px solid #7c3aed}.tpl-t12 .t12-faq-answer{color:var(--t12-muted);white-space:pre-line;padding:0 1.25rem 1.15rem;line-height:1.8}
