.site-header[data-astro-cid-nen7h5rs]{height:var(--header-h);z-index:50;border-bottom:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(22px);transition:.28s var(--ease);position:sticky;top:0;box-shadow:0 8px 24px #2b508f0f}.header-inner[data-astro-cid-nen7h5rs]{grid-template-columns:160px 1fr 160px;align-items:center;height:100%;display:grid}.brand[data-astro-cid-nen7h5rs]{letter-spacing:.04em;font-size:25px;font-weight:650}.main-nav[data-astro-cid-nen7h5rs]{justify-content:center;gap:34px;height:100%;display:flex}.nav-link[data-astro-cid-nen7h5rs]{color:var(--text);align-items:center;gap:7px;padding:0 4px;font-weight:450;display:flex;position:relative}.nav-link[data-astro-cid-nen7h5rs]:after{content:"";background:var(--primary);height:2px;transition:.25s var(--ease);border-radius:2px;position:absolute;bottom:10px;left:10%;right:10%;transform:scaleX(0)}.nav-link[data-astro-cid-nen7h5rs].active{color:var(--primary)}.nav-link[data-astro-cid-nen7h5rs].active:after{transform:scaleX(1)}.header-actions[data-astro-cid-nen7h5rs]{justify-content:flex-end;align-items:center;gap:10px;display:flex}.icon-btn[data-astro-cid-nen7h5rs]{color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.icon-btn[data-astro-cid-nen7h5rs]:hover{background:var(--surface-muted)}.theme-toggle[data-astro-cid-nen7h5rs]{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:66px;height:34px;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;padding:3px;display:flex;position:relative}.theme-knob[data-astro-cid-nen7h5rs]{background:var(--surface-strong);color:#e9a938;width:27px;height:27px;transition:.28s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;left:3px;box-shadow:0 4px 12px #23468026}html[data-theme=dark] .theme-knob[data-astro-cid-nen7h5rs]{color:#fff;background:var(--primary);left:34px}.mobile-menu[data-astro-cid-nen7h5rs]{display:none}@media (width<=780px){:root{--header-h:62px}.header-inner[data-astro-cid-nen7h5rs]{grid-template-columns:1fr auto}.main-nav[data-astro-cid-nen7h5rs]{background:var(--surface-strong);border:1px solid var(--line);height:auto;box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;gap:0;padding:12px;display:none;position:fixed;top:74px;left:12px;right:12px}.main-nav[data-astro-cid-nen7h5rs].open{display:flex}.nav-link[data-astro-cid-nen7h5rs]{padding:12px 14px}.nav-link[data-astro-cid-nen7h5rs]:after{display:none}.mobile-menu[data-astro-cid-nen7h5rs]{display:grid}.header-actions[data-astro-cid-nen7h5rs]{gap:5px}}@media (width<=520px){.theme-toggle[data-astro-cid-nen7h5rs]{width:58px}.theme-knob[data-astro-cid-nen7h5rs]{width:25px;height:25px}html[data-theme=dark] .theme-knob[data-astro-cid-nen7h5rs]{left:29px}}footer[data-astro-cid-jo6i4kqk]{color:var(--text-3);padding:20px 0 28px;font-size:12px}.footer-inner[data-astro-cid-jo6i4kqk]{text-align:center;border-top:1px solid var(--line);justify-content:center;align-items:center;padding-top:18px;display:flex}.brand[data-astro-cid-jo6i4kqk]{letter-spacing:.04em;font-size:16px;font-weight:650}.search-overlay[data-astro-cid-fdy5zvyj]{z-index:100;-webkit-backdrop-filter:blur(12px);background:#030e1f80;justify-content:center;align-items:flex-start;padding-top:10vh;display:none;position:fixed;inset:0}.search-overlay[data-astro-cid-fdy5zvyj].open{display:flex}.search-modal[data-astro-cid-fdy5zvyj]{width:min(640px,100% - 32px);padding:20px}.search-header[data-astro-cid-fdy5zvyj]{border:1px solid var(--line-strong);background:var(--surface-strong);box-shadow:var(--shadow-md);border-radius:14px;align-items:center;gap:12px;padding:0 16px;display:flex}.search-header[data-astro-cid-fdy5zvyj] input[data-astro-cid-fdy5zvyj]{color:var(--text);background:0 0;border:0;outline:0;width:100%;padding:14px 0;font-size:15px}.search-header[data-astro-cid-fdy5zvyj] input[data-astro-cid-fdy5zvyj]::placeholder{color:var(--text-3)}.search-close-btn[data-astro-cid-fdy5zvyj]{background:var(--surface-muted);cursor:pointer;width:32px;height:32px;color:var(--text-2);transition:.2s var(--ease);border:0;border-radius:50%;place-items:center;display:grid}.search-close-btn[data-astro-cid-fdy5zvyj]:hover{background:var(--primary-soft);color:var(--primary)}.search-results[data-astro-cid-fdy5zvyj]{max-height:400px;margin-top:16px;overflow-y:auto}.search-hint[data-astro-cid-fdy5zvyj]{text-align:center;color:var(--text-3);margin:0;padding:24px;font-size:13px}.search-result[data-astro-cid-fdy5zvyj]{color:var(--text);transition:.15s var(--ease);border-radius:12px;padding:14px;text-decoration:none;display:block}.search-result[data-astro-cid-fdy5zvyj]+.search-result[data-astro-cid-fdy5zvyj]{border-top:1px solid var(--line)}.search-result[data-astro-cid-fdy5zvyj]:hover{background:var(--surface-muted)}.search-result[data-astro-cid-fdy5zvyj] b[data-astro-cid-fdy5zvyj]{margin-bottom:4px;font-size:14px;display:block}.search-result[data-astro-cid-fdy5zvyj] small[data-astro-cid-fdy5zvyj]{color:var(--text-2);font-size:12px;line-height:1.5;display:block}.search-result[data-astro-cid-fdy5zvyj] mark[data-astro-cid-fdy5zvyj]{background:var(--primary-soft);color:var(--primary);border-radius:2px;padding:0 2px}:root{--bg:#f7faff;--bg-soft:#eef5ff;--surface:#ffffffd1;--surface-strong:#fff;--surface-muted:#f3f7fd;--glass:#ffffffa3;--text:#071a40;--text-2:#53647f;--text-3:#8796ae;--line:#4568a224;--line-strong:#2e67cd38;--primary:#2671f2;--primary-2:#5d96ff;--primary-soft:#e8f1ff;--success:#2dbb75;--danger:#f16a5b;--warning:#f2a54d;--shadow-sm:0 8px 24px #32599b14;--shadow-md:0 18px 60px #2c52911f;--shadow-lg:0 32px 90px #254b8929;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--container:1240px;--header-h:70px;--blur:20px;--ease:cubic-bezier(.2, .8, .2, 1);--font:"MiSans", "HarmonyOS Sans SC", "OPPO Sans", "Source Han Sans SC", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}html[data-theme=dark]{--bg:#061328;--bg-soft:#071a34;--surface:#091b35d1;--surface-strong:#0a1c37;--surface-muted:#0b2345;--glass:#081931ad;--text:#eef5ff;--text-2:#a9b9d2;--text-3:#6f82a0;--line:#85aae424;--line-strong:#5c91e847;--primary:#3b82f6;--primary-2:#6aa4ff;--primary-soft:#102b54;--shadow-sm:0 8px 26px #0000002e;--shadow-md:0 18px 60px #00000047;--shadow-lg:0 32px 90px #00000059;--success:#34d399;--danger:#f87171;--warning:#fbbf24}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(900px 460px at 75% -80px, #639fff38, transparent 62%), linear-gradient(180deg, var(--bg) 0%, var(--bg) 100%);font-weight:400;font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background .35s var(--ease), color .35s var(--ease);flex-direction:column;margin:0;line-height:1.55;display:flex}body:before{content:"";pointer-events:none;z-index:-2;background-image:radial-gradient(circle at 1px 1px,#6789bc21 1px,#0000 0);background-size:28px 28px;position:fixed;inset:0;mask-image:linear-gradient(#0000002e,#0000 36%)}h1,h2,h3,h4,h5,h6,b,strong{font-weight:600}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}input,select,textarea{font:inherit}ul,ol{padding-left:22px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.skip-link{z-index:200;background:var(--primary);color:#fff;border-radius:8px;padding:8px 16px;font-weight:550;position:absolute;top:-100%;left:12px}.skip-link:focus{top:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{width:min(var(--container), calc(100% - 40px));margin-inline:auto}.icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.muted{color:var(--text-2)}.subtle{color:var(--text-3)}.accent{color:var(--primary)}.eyebrow{color:var(--primary);letter-spacing:.02em;font-size:14px;font-weight:600}.title-xl{letter-spacing:-.035em;margin:14px 0 18px;font-size:clamp(38px,4.5vw,62px);line-height:1.12}.title-lg{letter-spacing:-.03em;margin:0;font-size:clamp(30px,3.3vw,46px);line-height:1.2}.title-md{margin:0;font-size:24px;line-height:1.25}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-title h2,.section-title h3{margin:0;font-size:20px}.link-more{color:var(--primary);white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:550;display:inline-flex}.link-more:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(var(--blur))}.card-hover{transition:transform .28s var(--ease), box-shadow .28s var(--ease), border-color .28s var(--ease)}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-4px)}.btn{transition:.24s var(--ease);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 19px;font-size:14px;font-weight:550;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--primary), #2f80ff);box-shadow:0 10px 24px #2671f247}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2671f257}.btn-outline{color:var(--text);background:var(--surface);border-color:var(--line-strong)}.btn-outline:hover{color:var(--primary);border-color:var(--primary)}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text);background:var(--surface-muted)}.btn-square{border-radius:14px;place-items:center;width:42px;height:42px;padding:0;display:grid}.chip{background:var(--surface-muted);border:1px solid var(--line);color:var(--text-2);cursor:pointer;transition:.2s var(--ease);border-radius:11px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.chip:hover,.chip.active{background:var(--primary-soft);color:var(--primary);border-color:var(--line-strong)}.divider{background:var(--line);height:1px}.page{min-height:calc(100vh - var(--header-h));flex-direction:column;display:flex}.page>footer{margin-top:auto}.page-enter{animation:pageIn .38s var(--ease)}@keyframes pageIn{0%{opacity:.1;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-10px)rotate(2deg)}}@keyframes shimmer{0%{transform:translate(-120%)}to{transform:translate(220%)}}@keyframes pulse{50%{opacity:.45;transform:scale(1.04)}}.search-box{border:1px solid var(--line-strong);background:var(--surface-strong);box-shadow:var(--shadow-sm);border-radius:13px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-box input{color:var(--text);background:0 0;border:0;outline:0;width:100%;padding:13px 0;font-size:14px}.search-box input::placeholder{color:var(--text-3)}.kbd{color:var(--text-3);border:1px solid var(--line);background:var(--surface-muted);white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:11px}select.tool-select,.tool-select select{appearance:none;border:1px solid var(--line-strong);background-color:var(--surface-strong);color:var(--text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border-radius:8px;outline:0;min-width:0;padding:7px 32px 7px 12px;font-family:inherit;font-size:13px;line-height:1.4;transition:border-color .2s,box-shadow .2s}select.tool-select:hover,.tool-select select:hover{border-color:var(--primary)}select.tool-select:focus,.tool-select select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}select.tool-select option,.tool-select select option{background:var(--surface);color:var(--text);padding:4px}html[data-theme=dark] select.tool-select,html[data-theme=dark] .tool-select select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}input.tool-input,.tool-input input[type=text],input.tool-input[type=number],input.tool-input[type=datetime-local]{border:1px solid var(--line-strong);background:var(--surface-strong);color:var(--text);font-size:13px;font-family:var(--font-mono);border-radius:8px;outline:0;padding:9px 14px;transition:border-color .2s,box-shadow .2s}input.tool-input:focus,.tool-input input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}input.tool-input::placeholder{color:var(--text-3)}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}html[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.8)}.toast{z-index:120;background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:.25s var(--ease);border-radius:12px;padding:12px 16px;font-size:13px;position:fixed;bottom:24px;right:24px;transform:translateY(20px)}.toast.show{opacity:1;transform:none}.hero{min-height:400px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(to bottom, transparent, var(--bg));height:120px;position:absolute;inset:auto 0 0}.hero-content{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding:52px 0 26px;display:grid}.hero-copy{max-width:700px}.hero-copy p{color:var(--text-2);max-width:650px;margin:0;font-size:17px}.hero-actions{align-items:center;gap:18px;margin-top:22px;display:flex}.quote-card{-webkit-backdrop-filter:blur(12px);background:#ffffff2e;border:1px solid #ffffffa8;border-radius:16px;justify-self:end;width:220px;padding:26px 24px;box-shadow:inset 0 1px #ffffff8c}html[data-theme=dark] .quote-card{background:#0719326b;border-color:#7ea7e659}.quote-mark{color:#7ba8ff;font-family:Georgia,serif;font-size:54px;line-height:.6}.quote-card p{color:var(--text-2);margin:16px 0;font-size:14px}.quote-author{color:var(--text);font-size:13px;font-weight:500}.route-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-14px;display:grid;position:relative}.route-card{align-items:center;gap:17px;padding:22px;display:flex}.route-icon{background:linear-gradient(145deg, var(--primary-soft), var(--surface-strong));width:58px;height:58px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.route-card .grow{flex:1}.route-card b{font-size:20px;display:block}.route-card small{color:var(--text-2);margin-top:3px;font-size:13px;display:block}.home-dashboard{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;display:grid}.panel{padding:18px}.article-mini{color:var(--text);grid-template-columns:102px 1fr;gap:13px;padding:8px 0;text-decoration:none;display:grid}.article-mini+.article-mini{border-top:1px solid var(--line)}.thumb{background-color:#eaf3ff;background-position:50%;background-size:cover;border-radius:9px;height:58px;position:relative;overflow:hidden}html[data-theme=dark] .thumb{background-color:#0a1c37}.thumb-dark-overlay:after{content:"";pointer-events:none;background:#00000073;position:absolute;inset:0}.article-mini h4{margin:0 0 4px;font-size:14px;line-height:1.35}.article-mini p{color:var(--text-2);margin:0;font-size:12px}.article-mini .meta{color:var(--text-3);margin-top:4px;font-size:11px}.category-timeline{grid-template-columns:.8fr 1.2fr;gap:18px;display:grid}.timeline{position:relative}.timeline:before{content:"";background:var(--line-strong);width:1px;position:absolute;top:12px;bottom:12px;left:9px}.timeline-row{color:var(--text-2);justify-content:flex-start;align-items:center;gap:13px;padding:5px 3px;font-size:13px;display:flex}.dot{background:var(--surface-strong);border:3px solid var(--primary);z-index:1;border-radius:50%;flex-shrink:0;width:13px;height:13px;position:relative}.section-row{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;padding-bottom:40px;display:grid}.tool-mini-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tool-mini{background:var(--surface-muted);border:1px solid var(--line);color:var(--text);transition:.2s var(--ease);border-radius:13px;padding:14px 12px;text-decoration:none;display:block}.tool-mini:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.tool-mini .icon-wrap{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:9px;place-items:center;margin-bottom:8px;display:grid}.tool-mini b{font-size:12px;display:block}.tool-mini small{color:var(--text-3);font-size:10px;display:block}.experiment-mini-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.experiment-mini{background:var(--surface-muted);border:1px solid var(--line);color:var(--text);transition:.2s var(--ease);border-radius:13px;text-decoration:none;display:block;overflow:hidden}.experiment-mini:hover{border-color:var(--line-strong)}.experiment-image{height:66px}.experiment-image.particles{background:radial-gradient(circle at 45%,#fffffff2 0 1.5%,#0000 2%),radial-gradient(circle at 65% 34%,#6cabffe6 0 1%,#0000 2%),radial-gradient(circle at 25% 65%,#65a8ffcc 0 1%,#0000 2%),radial-gradient(circle at 55% 70%,#fffc 0 1%,#0000 2%),radial-gradient(#194d97 0,#091a39 58%,#061126 100%)}.experiment-image.fluid{filter:saturate(1.15);background:conic-gradient(from 210deg at 40% 55%,#6bd5ff,#596aff,#ce7ef2,#77e0ff,#4160ff,#6bd5ff)}.experiment-image.sphere{background:radial-gradient(circle at 50% 45%,#fff 0 13%,#d4e7ff 22%,#a9c6e8 31%,#0000 32%),linear-gradient(160deg,#d6e5f7,#839fc5)}.experiment-image.wave{background:linear-gradient(#07142c,#0c2a5d)}.experiment-image.game{background:linear-gradient(#0d1d3a,#08142b)}.experiment-image.odd{background:radial-gradient(at 50% 110%,#fcdfbd 0 20%,#0000 21%),linear-gradient(#d7e4f4,#b8c8dc)}.experiment-mini b{padding:8px 10px 0;font-size:12px;display:block}.experiment-mini small{color:var(--text-3);padding:0 10px 9px;font-size:10px;display:block}.blog-layout{grid-template-columns:220px 1fr 260px;gap:18px;padding:24px 0 44px;display:grid}.sidebar{height:max-content;padding:19px;position:sticky;top:92px}.archive-year{justify-content:space-between;align-items:center;padding:10px 2px;font-size:14px;font-weight:550;display:flex}.archive-month{color:var(--text-2);border-radius:9px;justify-content:space-between;margin:2px 0 2px 18px;padding:10px 13px;font-size:13px;display:flex}.archive-month.active{background:var(--primary-soft);color:var(--primary)}.filter-row{flex-wrap:wrap;gap:8px;margin:14px 0 18px;display:flex}.blog-count{color:var(--text-2);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;display:flex}.blog-list{gap:10px;display:grid}.blog-card{color:var(--text);grid-template-columns:165px 1fr;gap:16px;padding:12px;text-decoration:none;display:grid}.blog-card .thumb{height:94px}.blog-card h3{margin:4px 0 7px;font-size:16px}.blog-card p{color:var(--text-2);margin:0;font-size:13px}.blog-card .meta{color:var(--text-3);margin-top:8px;font-size:11px}.side-card{margin-bottom:14px;padding:17px}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.trend-row{grid-template-columns:20px 1fr auto;gap:8px;padding:8px 0;font-size:12px;display:grid}.trend-row+.trend-row{border-top:1px solid var(--line)}.article-layout{grid-template-columns:220px 1fr 250px;gap:18px;padding:24px 0 50px;display:grid}.toc{height:calc(100vh - 116px);padding:20px;position:sticky;top:92px;overflow-y:auto}.toc h3{margin:0 0 14px;font-size:15px}.toc ul{margin:0;padding:0;list-style:none}.toc-link{color:var(--text-2);border-bottom:none;padding:7px 0;font-size:13px;text-decoration:none;display:block}.toc-link:hover,.toc-link.active{color:var(--primary);font-weight:550}.toc-link.sub{padding-left:18px;font-size:12px}.article-main{overflow:hidden}.article-cover{height:195px;position:relative;overflow:hidden}.article-body{padding:0 28px 36px}.article-heading{letter-spacing:-.02em;margin-top:18px;font-size:31px;line-height:1.25}.article-meta{color:var(--text-3);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0 16px;font-size:12px;display:flex}.article-meta span{align-items:center;gap:4px;display:inline-flex}.article-meta .icon{opacity:.6}.article-content{color:var(--text-2);font-size:15px;line-height:1.8}.article-content h2{color:var(--text);margin:28px 0 10px;font-size:24px}.article-content h3{color:var(--text);margin:18px 0 8px;font-size:18px}.article-content p{margin:12px 0}.article-content ul,.article-content ol{padding-left:22px}.article-content li{margin:4px 0}.article-content blockquote{border-left:4px solid var(--primary);background:var(--primary-soft);color:var(--text-2);border-radius:10px;margin:20px 0;padding:18px 22px}.article-content pre{color:#c9d7ef;background:#0b1730;border-radius:12px;padding:18px;font-size:13px;line-height:1.6;overflow-x:auto}.article-content code{font-family:var(--font-mono);font-size:.9em}.article-content pre code{background:0 0;padding:0}.article-content img{border-radius:12px;margin:16px 0}.article-content table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}.article-content th,.article-content td{border:1px solid var(--line);text-align:left;padding:10px 14px}.article-content th{background:var(--surface-muted);font-weight:550}.article-side{height:max-content;position:sticky;top:92px}.related-row{color:var(--text);grid-template-columns:72px 1fr;gap:10px;padding:8px 0;text-decoration:none;display:grid}.related-row>div{min-width:0}.related-row+.related-row{border-top:1px solid var(--line)}.related-row .thumb{height:48px}.related-row b{font-size:12px;line-height:1.35;display:block}.related-row small{color:var(--text-3);font-size:11px}.brand-banner{background:linear-gradient(150deg, var(--surface), var(--primary-soft));padding:18px;position:relative;overflow:hidden}.brand-banner:after{content:"";border:1px solid var(--line-strong);border-radius:50%;width:120px;height:120px;position:absolute;bottom:-35px;right:-35px}.tools-hero{padding:34px 0 20px;position:relative;overflow:hidden}.tools-hero-inner{grid-template-columns:1fr .9fr;align-items:center;min-height:220px;display:grid}.cube-visual{height:220px;position:relative}.cube-core{background:linear-gradient(145deg,#fffffff2,#649aff73);border-radius:24px;width:100px;height:100px;animation:5s ease-in-out infinite float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(30deg);box-shadow:inset 0 0 30px #ffffffd9,0 20px 45px #3566b83b}.cube-core:before{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,#9fc2ff,#1264ec);position:absolute;inset:24px}.orbit{border:1px solid var(--line-strong);border-radius:50%;width:330px;height:105px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.orbit:before,.orbit:after{content:"";background:radial-gradient(circle at 35% 30%,#fff,#5c9fff 55%,#1e62ce);border-radius:50%;width:20px;height:20px;position:absolute;box-shadow:0 8px 18px #2671f240}.orbit:before{top:38px;left:-4px}.orbit:after{bottom:0;right:34px}.tools-layout{grid-template-columns:210px minmax(0,1fr);gap:18px;padding:50px 0 30px;display:grid}.category-menu{padding:16px}.category-item{color:var(--text-2);border-radius:10px;justify-content:space-between;align-items:center;padding:10px;font-size:13px;display:flex}.category-item.active{color:var(--primary);background:var(--primary-soft);font-weight:550}.quick-link{background:var(--surface-muted);border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:10px;font-size:12px;display:flex}.tool-section{margin-bottom:16px;padding:17px}.featured-tools{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tool-card{min-height:180px;color:var(--text);flex-direction:column;padding:16px;text-decoration:none;display:flex}.tool-card-icon{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:13px;place-items:center;margin-bottom:16px;display:grid}.tool-card h3{margin:0 0 8px;font-size:15px}.tool-card p{color:var(--text-2);flex:1;margin:0;font-size:12px}.tool-card-footer{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.all-tools{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.all-tool{text-align:center;background:var(--surface-muted);border:1px solid var(--line);color:var(--text);transition:.2s var(--ease);border-radius:13px;padding:18px 10px;text-decoration:none;display:block}.all-tool:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.all-tool .tool-card-icon{width:39px;height:39px;margin:0 auto 10px}.all-tool b{font-size:12px}.tool-banner{background:linear-gradient(130deg, var(--primary-soft), var(--surface));justify-content:space-between;align-items:center;min-height:88px;padding:22px;display:flex}.editor-shell:fullscreen{background:var(--bg);border:none;border-radius:0;width:100vw;height:100vh}.editor-shell:fullscreen .editor-wrap{height:calc(100vh - 90px)}.editor-shell:fullscreen .preview-pane{height:calc(100vh - 48px)}.pagination-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:18px;display:flex}.pagination-btn{border:1px solid var(--line);background:var(--surface);min-width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;transition:all .15s;display:inline-flex}.pagination-btn:hover{border-color:var(--primary);color:var(--primary)}.pagination-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-btn:disabled{opacity:.4;cursor:default}.pagination-info{color:var(--text-3);margin:0 8px;font-size:12px}.tool-detail{padding:26px 0 40px}.breadcrumb{color:var(--text-3);align-items:center;gap:9px;margin-bottom:22px;font-size:13px;display:flex}.breadcrumb a{color:var(--text-2)}.breadcrumb a:hover{color:var(--primary)}.tool-detail-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.tool-detail-title{align-items:center;gap:16px;display:flex}.tool-detail-title .tool-card-icon{width:58px;height:58px;margin:0}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.editor-shell{grid-template-columns:1fr 1fr;min-height:520px;display:grid;overflow:hidden}.editor-pane,.preview-pane{min-width:0;position:relative}.editor-pane{border-right:1px solid var(--line)}.pane-tabs{border-bottom:1px solid var(--line);align-items:center;gap:20px;height:48px;padding:0 20px;display:flex}.pane-tab{color:var(--text-2);font-size:13px}.pane-tab.active{color:var(--primary);font-weight:550}.editor-wrap{grid-template-columns:48px 1fr;height:430px;display:grid}.line-numbers{text-align:right;background:var(--surface-muted);color:var(--text-3);font:13px/1.65 var(--font-mono);user-select:none;padding:16px 10px;overflow:hidden}.editor-textarea{resize:none;background:var(--surface-strong);width:100%;height:100%;color:var(--text);font:14px/1.65 var(--font-mono);tab-size:2;border:0;outline:0;padding:16px}.editor-status{border-top:1px solid var(--line);height:42px;color:var(--text-3);justify-content:space-between;align-items:center;padding:0 14px;font-size:11px;display:flex}.preview-pane{background:var(--surface-strong);padding:24px 32px;overflow-y:auto}.preview-pane h1{margin-top:0;font-size:30px}.preview-pane h2{font-size:23px}.preview-pane h3{font-size:18px}.preview-pane p,.preview-pane li{color:var(--text-2)}.preview-pane blockquote{margin-left:0}.tool-info-grid{grid-template-columns:1.15fr .75fr .85fr;gap:16px;margin-top:16px;display:grid}.syntax-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.syntax-item{border:1px solid var(--line);background:var(--surface-muted);border-radius:10px;padding:11px;font-size:11px}.stat-row{grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:9px 0;display:grid}.stat-icon{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.related-tool-row{color:var(--text);grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:8px 0;text-decoration:none;display:grid}.related-tool-row+.related-tool-row{border-top:1px solid var(--line)}.play-layout{padding:18px 0 45px}.play-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.play-filters{flex-wrap:wrap;gap:8px;display:flex}.play-search{gap:10px;width:min(420px,100%);display:flex}.experiment-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.experiment-card{color:var(--text);text-decoration:none;display:block;overflow:hidden}.experiment-card .visual{height:170px;position:relative;overflow:hidden}.visual.particles{background:radial-gradient(circle at 45%,#fffffff2 0 1.5%,#0000 2%),radial-gradient(circle at 65% 34%,#6cabffe6 0 1%,#0000 2%),radial-gradient(circle at 25% 65%,#65a8ffcc 0 1%,#0000 2%),radial-gradient(circle at 55% 70%,#fffc 0 1%,#0000 2%),radial-gradient(#194d97 0,#091a39 58%,#061126 100%)}.visual.fluid{filter:saturate(1.15);background:conic-gradient(from 210deg at 40% 55%,#6bd5ff,#596aff,#ce7ef2,#77e0ff,#4160ff,#6bd5ff)}.visual.sphere{background:radial-gradient(circle at 50% 45%,#fff 0 13%,#d4e7ff 22%,#a9c6e8 31%,#0000 32%),linear-gradient(160deg,#d6e5f7,#839fc5)}.visual.wave{background:linear-gradient(#07142c,#0c2a5d)}.visual.game{background:linear-gradient(#0d1d3a,#08142b)}.visual.odd{background:radial-gradient(at 50% 110%,#fcdfbd 0 20%,#0000 21%),linear-gradient(#d7e4f4,#b8c8dc)}.experiment-body{padding:14px}.experiment-body h3{margin:0 0 5px;font-size:15px}.experiment-body p{color:var(--text-2);margin:0 0 12px;font-size:12px}.experiment-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.about-page{padding:60px 0 80px}.about-grid{grid-template-columns:1fr .85fr;align-items:start;gap:22px;display:grid}.about-card{height:100%;padding:32px}.principles{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:14px;margin-top:22px;display:grid}.principle{background:var(--surface-muted);border:1px solid var(--line);aspect-ratio:3/4;border-radius:14px;padding:24px 20px}.principle-header{align-items:center;gap:12px;display:flex}.principle .route-icon{flex-shrink:0;width:44px;height:44px}.principle b{font-size:15px}.principle>span{margin-top:12px;font-size:13px;line-height:1.6;display:block}.principle span{font-size:12px;line-height:1.5}.friend-section{margin-top:22px;padding:26px}.friend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.friend-card{border:1px solid var(--line);background:var(--surface-muted);transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);color:var(--text);border-radius:15px;text-decoration:none;display:block;overflow:hidden}.friend-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.friend-cover{background:linear-gradient(145deg,#dceaff,#7fa9e4);height:112px;position:relative;overflow:hidden}.friend-cover:before{content:"";background:linear-gradient(155deg,#ffffffdb,#467dcc8c);border-radius:50%;height:100px;position:absolute;bottom:-42px;left:-12%;right:-12%;transform:rotate(-5deg)}.friend-cover:after{content:"";border:1px solid #ffffffad;border-radius:50%;width:46px;height:46px;position:absolute;top:16px;right:16px;box-shadow:0 0 0 14px #ffffff14}html[data-theme=dark] .friend-cover{background:linear-gradient(145deg,#17345f,#0a1c37)}html[data-theme=dark] .friend-cover:before{background:linear-gradient(155deg,#4c7ec6b8,#041124eb)}.friend-cover.has-cover:before,.friend-cover.has-cover:after{display:none}.friend-meta{padding:14px}.friend-meta b{margin-bottom:3px;font-size:14px;display:block}.friend-meta small{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}@media (width<=1080px){.home-dashboard{grid-template-columns:1fr 1fr}.home-dashboard>.panel:first-child{grid-column:1/-1}.blog-layout,.article-layout,.tools-layout{grid-template-columns:190px 1fr}.blog-layout>.right-col,.article-side,.tools-layout>.right-col{display:none}.featured-tools{grid-template-columns:repeat(2,1fr)}.all-tools{grid-template-columns:repeat(4,1fr)}.experiment-grid{grid-template-columns:repeat(2,1fr)}.tool-info-grid{grid-template-columns:1fr 1fr}.tool-info-grid>.card:first-child{grid-column:1/-1}}@media (width<=780px){.container{width:min(100% - 24px, var(--container))}.hero-content,.tools-hero-inner,.about-grid{grid-template-columns:1fr}.quote-card{display:none}.route-grid,.home-dashboard,.section-row{grid-template-columns:1fr}.home-dashboard>.panel:first-child{grid-column:auto}.tool-mini-grid,.experiment-mini-grid{grid-template-columns:repeat(2,1fr)}.blog-layout,.article-layout,.tools-layout{grid-template-columns:1fr;padding-top:18px}.sidebar,.toc{height:auto;display:none;position:static}.blog-card{grid-template-columns:112px 1fr}.blog-card .thumb{height:78px}.featured-tools{grid-template-columns:1fr 1fr}.all-tools{grid-template-columns:repeat(3,1fr)}.tools-hero-inner{min-height:180px}.cube-visual{display:none}.tool-detail-head{flex-direction:column;align-items:flex-start}.toolbar{justify-content:flex-start}.editor-shell{grid-template-columns:1fr}.editor-pane{border-right:0;border-bottom:1px solid var(--line)}.preview-pane{min-height:400px}.tool-info-grid{grid-template-columns:1fr}.tool-info-grid>.card:first-child{grid-column:auto}.experiment-grid{grid-template-columns:1fr}.play-toolbar{flex-direction:column;align-items:flex-start}.play-search{width:100%}.principles{grid-template-columns:1fr}.friend-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.hero-content{padding-top:32px}.hero{min-height:310px}.blog-card{grid-template-columns:1fr}.blog-card .thumb{grid-column:1/2;height:130px}.blog-card>div:nth-child(2){grid-column:1/2}.featured-tools{grid-template-columns:1fr}.all-tools{grid-template-columns:repeat(2,1fr)}.editor-wrap{grid-template-columns:38px 1fr}.preview-pane{padding:20px}.syntax-grid{grid-template-columns:repeat(2,1fr)}.friend-grid{grid-template-columns:1fr}}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:24px 0 12px;display:flex}.pagination-pages{gap:6px;display:flex}.pagination-page{width:36px;height:36px;color:var(--text-2);background:var(--surface);border:1px solid var(--line);transition:.15s var(--ease);border-radius:10px;place-items:center;font-size:13px;font-weight:500;text-decoration:none;display:grid}.pagination-page:hover{border-color:var(--primary);color:var(--primary)}.pagination-page.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-prev,.pagination-next{color:var(--text-2);border:1px solid var(--line);transition:.15s var(--ease);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:13px;text-decoration:none}.pagination-prev:hover,.pagination-next:hover{border-color:var(--primary);color:var(--primary)}.archive-tree-year{margin-bottom:4px}.archive-year-head{transition:.15s var(--ease);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 2px;font-size:14px;font-weight:550;display:flex}.archive-year-head:hover{background:var(--surface-muted)}.archive-year-head .subtle{font-size:12px}.archive-months{border-left:1px solid var(--line);margin-left:16px;padding-left:8px}.archive-month{color:var(--text-2);transition:.15s var(--ease);cursor:pointer;border-radius:8px;justify-content:space-between;margin:2px 0;padding:8px 10px;font-size:13px;display:flex}.archive-month:hover{background:var(--surface-muted)}.archive-month.active{color:var(--primary);font-weight:550}.archive-year-nav{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.archive-year-btn{padding:4px 10px;font-size:11px}.archive-year-btn.active{background:var(--primary-soft);color:var(--primary);border-color:var(--line-strong)}.mermaid svg,.mermaid{background:0 0!important}.tools-layout-single{padding:50px 0 30px;display:block}.tool-grid-section{margin-bottom:16px;padding:17px}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.filter-chip{background:var(--surface-muted);border:1px solid var(--line);color:var(--text-2);cursor:pointer;transition:.2s var(--ease);user-select:none;border-radius:11px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;display:inline-flex}.filter-chip:hover{border-color:var(--line-strong);color:var(--text)}.filter-chip.active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary);font-weight:550}.filter-chip.clear-btn{color:var(--text-3);opacity:.7;font-size:12px}.filter-chip.clear-btn:hover{opacity:1;color:var(--text)}.tool-count-hint{color:var(--text-3);margin-bottom:14px;font-size:12px}.syntax-compare-grid{gap:12px;display:grid}.syntax-compare-row{border:1px solid var(--line);background:var(--surface-muted);border-radius:10px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.syntax-raw{font-family:var(--font-mono);background:var(--surface-strong);color:var(--text);white-space:pre-wrap;word-break:break-all;border-right:1px solid var(--line);padding:14px 16px;font-size:13px;line-height:1.6}.syntax-rendered{min-height:40px;padding:14px 16px;font-size:14px;line-height:1.6}.syntax-rendered h1,.syntax-rendered h2,.syntax-rendered h3,.syntax-rendered h4,.syntax-rendered h5,.syntax-rendered h6{margin:0}.syntax-rendered h1{font-size:22px}.syntax-rendered h2{font-size:18px}.syntax-rendered h3{font-size:15px}.syntax-rendered h4{font-size:13px}.syntax-rendered h5{font-size:12px}.syntax-rendered h6{font-size:11px}.syntax-rendered blockquote{border-left:3px solid var(--primary);background:var(--primary-soft);border-radius:6px;margin:0;padding:8px 14px;font-size:13px}.syntax-rendered ul,.syntax-rendered ol{margin:4px 0;padding-left:20px}.syntax-rendered li{color:var(--text-2);font-size:13px}.syntax-rendered pre{color:#c9d7ef;background:#0b1730;border-radius:8px;margin:0;padding:12px;font-size:12px;overflow-x:auto}.syntax-rendered code{font-family:var(--font-mono);font-size:.9em}.syntax-rendered table{border-collapse:collapse;width:100%;font-size:12px}.syntax-rendered th,.syntax-rendered td{border:1px solid var(--line);padding:6px 10px}.syntax-rendered th{background:var(--surface-muted);font-weight:550}.syntax-rendered hr{border:none;border-top:1px solid var(--line);margin:8px 0}.syntax-rendered img{border-radius:6px;max-width:100%}.syntax-label{color:var(--text-3);background:var(--surface-muted);border-bottom:1px solid var(--line);justify-content:space-between;padding:6px 16px;font-size:11px;display:flex}.json-tool-layout{grid-template-columns:1fr 1fr;gap:0;min-height:520px;display:grid;overflow:hidden}.json-input-pane{border-right:1px solid var(--line);flex-direction:column;display:flex}.json-input-pane textarea{resize:none;background:var(--surface-strong);width:100%;color:var(--text);font:13px/1.6 var(--font-mono);tab-size:2;border:0;outline:0;flex:1;padding:16px}.json-tree-pane{background:var(--surface-strong);padding:16px;overflow:auto}.json-tree{font-family:var(--font-mono);font-size:13px;line-height:1.6}.json-tree-item{margin-left:18px;position:relative}.json-tree-toggle{cursor:pointer;user-select:none;color:var(--text-2);align-items:center;gap:4px;font-size:11px;display:inline-flex}.json-tree-toggle:hover{color:var(--primary)}.json-tree-key{color:#c678dd}.json-tree-string{color:#98c379}.json-tree-number{color:#d19a66}.json-tree-boolean{color:#56b6c2}.json-tree-null{color:#abb2bf;font-style:italic}.json-tree-bracket{color:var(--text-3)}.json-error{color:#e06c75;background:#ff50501a;border-bottom:1px solid #ff505033;padding:10px 16px;font-size:12px;display:none}.json-error.visible{display:block}.json-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.diff-layout{grid-template-columns:1fr 1fr;gap:0;min-height:500px;display:grid;overflow:hidden}.diff-pane{flex-direction:column;display:flex}.diff-pane+.diff-pane{border-left:1px solid var(--line)}.diff-pane textarea{resize:none;background:var(--surface-strong);width:100%;color:var(--text);font:13px/1.6 var(--font-mono);tab-size:2;border:0;outline:0;flex:1;min-height:400px;padding:16px}.diff-header{border-bottom:1px solid var(--line);height:42px;color:var(--text-2);background:var(--surface-muted);justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;display:flex}.diff-results{border-top:1px solid var(--line);max-height:300px;font-family:var(--font-mono);padding:12px 16px;font-size:12px;line-height:1.6;display:none;overflow-y:auto}.diff-results.visible{display:block}.diff-line{white-space:pre-wrap;word-break:break-all;border-radius:3px;padding:1px 8px}.diff-line.added{color:#7ec87e;background:#50c8501f}.diff-line.removed{color:#e06c75;background:#ff50501f}.diff-line.unchanged{color:var(--text-3)}.diff-empty{color:var(--text-3);text-align:center;justify-content:center;align-items:center;padding:40px;font-size:13px;display:flex}.diff-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.ts-converter{gap:20px;display:grid}.ts-row{background:var(--surface-muted);border:1px solid var(--line);border-radius:12px;grid-template-columns:140px 1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.ts-row label{color:var(--text);font-size:13px;font-weight:550}.ts-row input{border:1px solid var(--line-strong);background:var(--surface-strong);color:var(--text);font:13px/1.5 var(--font-mono);border-radius:8px;outline:0;padding:10px 14px;transition:all .2s}.ts-row input:focus{border-color:var(--primary)}.ts-row input::placeholder{color:var(--text-3)}.ts-result{font:13px/1.5 var(--font-mono);color:var(--primary);cursor:pointer;padding:0 4px;transition:all .15s}.ts-result:hover{opacity:.7}.ts-result-copied:after{content:" ✓ 已复制";color:var(--success,#4caf50);font-size:11px}.ts-presets{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.ts-preset-btn{border:1px solid var(--line);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:11px;transition:all .15s}.ts-preset-btn:hover{border-color:var(--primary);color:var(--primary)}.ts-current{background:var(--primary-soft);color:var(--text-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.ts-current time{font-family:var(--font-mono);color:var(--primary)}.qr-layout{grid-template-columns:1fr 280px;align-items:start;gap:24px;display:grid}.qr-input-area{flex-direction:column;gap:14px;display:flex}.qr-input-area textarea{border:1px solid var(--line-strong);background:var(--surface-strong);width:100%;min-height:120px;color:var(--text);font:13px/1.6 var(--font-mono);resize:vertical;border-radius:10px;outline:0;padding:14px}.qr-input-area textarea:focus{border-color:var(--primary)}.qr-options{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.qr-options label{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}.qr-options select,.qr-options input[type=number]{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:7px;outline:0;padding:6px 10px;font-size:12px}.qr-canvas-wrap{background:var(--surface-muted);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:24px;display:flex}.qr-canvas-wrap canvas{background:#fff;border-radius:8px}.qr-label-text{color:var(--text-3);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.b64-layout{grid-template-columns:1fr 1fr;gap:0;min-height:400px;display:grid;overflow:hidden}.b64-pane{flex-direction:column;display:flex}.b64-pane+.b64-pane{border-left:1px solid var(--line)}.b64-pane textarea{resize:none;background:var(--surface-strong);width:100%;min-height:250px;color:var(--text);font:13px/1.6 var(--font-mono);tab-size:2;border:0;outline:0;flex:1;padding:16px}.b64-header{border-bottom:1px solid var(--line);height:42px;color:var(--text-2);background:var(--surface-muted);justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;display:flex}.b64-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.b64-preview{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.b64-preview img{border:1px solid var(--line);border-radius:8px;max-width:200px;max-height:200px}.b64-preview audio{width:100%;max-width:300px}.b64-preview-label{color:var(--text-3);font-size:11px}.uuid-layout{flex-direction:column;gap:18px;display:flex}.uuid-controls{background:var(--surface-muted);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.uuid-controls label{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.uuid-controls select{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:7px;outline:0;padding:6px 10px;font-size:12px}.uuid-list{flex-direction:column;gap:6px;display:flex}.uuid-item{background:var(--surface-muted);border:1px solid var(--line);font-family:var(--font-mono);color:var(--text);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;transition:all .15s;display:flex}.uuid-item:hover{border-color:var(--line-strong);background:var(--primary-soft)}.uuid-item .uuid-index{color:var(--text-3);min-width:24px;font-size:11px}.uuid-item .uuid-value{flex:1;margin:0 12px}.uuid-item .uuid-copied{color:var(--success,#4caf50);font-size:11px;display:none}.uuid-item.copied .uuid-copied{display:inline}.uuid-format-toggle{align-items:center;gap:8px;display:flex}.pwd-layout{flex-direction:column;gap:20px;max-width:600px;display:flex}.pwd-display{background:var(--surface-strong);border:1px solid var(--line-strong);font-family:var(--font-mono);color:var(--text);word-break:break-all;border-radius:12px;align-items:center;gap:12px;min-height:56px;padding:16px 20px;font-size:18px;display:flex}.pwd-display .pwd-text{flex:1}.pwd-options{background:var(--surface-muted);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;padding:20px;display:grid}.pwd-opt-row{align-items:center;gap:10px;display:flex}.pwd-opt-row label{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.pwd-opt-row input[type=checkbox]{accent-color:var(--primary)}.pwd-opt-row input[type=range]{accent-color:var(--primary);flex:1}.pwd-length-val{color:var(--primary);text-align:center;min-width:28px;font-size:14px;font-weight:550}.pwd-strength{align-items:center;gap:4px;margin-top:4px;display:flex}.pwd-strength-bar{background:var(--line);border-radius:2px;flex:1;height:4px;overflow:hidden}.pwd-strength-bar-fill{border-radius:2px;width:0;height:100%;transition:all .3s}.pwd-strength-label{color:var(--text-3);text-align:right;min-width:50px;font-size:11px}.tool-info-grid.wide-syntax{grid-template-columns:1fr}.tool-info-grid.wide-syntax .side-card:first-child{grid-column:auto}.card-title-ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.prev-next-card{color:var(--text);transition:.15s var(--ease);margin-bottom:14px;padding:14px 17px;text-decoration:none;display:block}.prev-next-card:hover{border-color:var(--line-strong)}.prev-next-card small{margin-bottom:4px;display:block}.prev-next-card b{font-size:13px;line-height:1.35;display:block}.home-timeline{padding:8px 0;position:relative}.timeline-line{background:var(--line-strong);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-row{align-items:center;margin-bottom:10px;display:flex;position:relative}.timeline-row:last-child{margin-bottom:0}.timeline-dot{background:var(--surface-strong);border:3px solid var(--primary);z-index:1;border-radius:50%;flex-shrink:0;width:14px;height:14px;position:absolute;left:50%;transform:translate(-50%)}.timeline-year-card{background:var(--surface-muted);border:1px solid var(--line);text-align:center;transition:.2s var(--ease);border-radius:12px;width:120px;padding:12px 16px}.timeline-row.left .timeline-year-card{margin-left:0;margin-right:auto}.timeline-row.right .timeline-year-card{margin-left:auto;margin-right:0}.timeline-year-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.timeline-year-card .year{color:var(--text);font-size:20px;font-weight:600}.timeline-year-card .count{color:var(--text-3);margin-top:2px;font-size:12px}.timeline-year-card.older .year{color:var(--text-2);font-size:15px}.glass-card{background:linear-gradient(145deg, var(--surface), var(--primary-soft));border:1px solid #ffffff2e;position:relative;overflow:hidden}.glass-card:before{content:"";background:radial-gradient(circle at var(--glow-x,30%) var(--glow-y,30%), #ffffff2e 0%, #ffffff0d 30%, transparent 50%);pointer-events:none;width:200%;height:200%;transition:background .3s var(--ease);position:absolute;top:-50%;left:-50%}.glass-card:hover{box-shadow:var(--shadow-md), 0 0 40px #3b82f614}html[data-theme=dark] .glass-card:before{background:radial-gradient(circle at var(--glow-x,30%) var(--glow-y,30%), #64b4ff1a 0%, #64a0ff08 30%, transparent 50%)}.foil-overlay{pointer-events:none;z-index:1;opacity:.95;width:300%;height:300%;transform:translate(calc(var(--foil-x,0px) * .5), calc(var(--foil-y,0px) * .5)) rotate(var(--foil-rot,0deg));mix-blend-mode:multiply;background:conic-gradient(#f47b8f80,#ef986c80,#e9c76380,#d2e96380,#79e96380,#67e9a880,#6cefef80,#7eb8f180,#7e7ef180,#b87ef180,#f075f080,#f47bb880,#f47b8f80),repeating-radial-gradient(circle,#f5899b66 0,#7eb8f166 1px,#0000 2px,#99eb7059 4px,#0000 5px,#d08cf259 7px,#0000 8px,#f2d08c59 10px,#0000 11px,#70ebd64d 13px,#0000 14px);position:absolute;inset:-100%}html[data-theme=dark] .foil-overlay{mix-blend-mode:screen;opacity:1;background:conic-gradient(#ffa3c28c,#ffb48f8c,#ffea808c,#d4ff808c,#80ff808c,#85ffd68c,#8fecff8c,#a3c2ff8c,#b3a3ff8c,#e0a3ff8c,#ff99ee8c,#ffa3c28c),repeating-radial-gradient(circle,#ffc2d680 0,#b3ccff80 1px,#0000 2px,#bbff9973 4px,#0000 5px,#ebc2ff73 7px,#0000 8px,#ffebc273 10px,#0000 11px,#9fe6 13px,#0000 14px)}