:root{color-scheme:light dark}body{margin:0;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}.app-shell{min-height:100vh}:root,[data-site-theme=dark]{--color-bg: #0d1014;--color-bg-elevated: #12161b;--color-surface: #11151a;--color-surface-strong: #181d23;--color-text: #ece8df;--color-text-muted: #92979e;--color-border: rgb(236 232 223 / 15%);--color-cyan: #55d6be;--color-blue: #6e83ff;--color-success: #55d6be;--color-warning: #dca253;--color-error: #e16d7b;--color-panel-bg: rgb(17 21 26 / 72%);--color-header-bg: rgb(13 16 20 / 88%);--color-code-bg: #0d1117;--grid-line: rgb(255 255 255 / 1.8%);--radius-sm: .35rem;--radius-md: .55rem;--radius-lg: .75rem;--page-width: 1216px;--duration-fast: .16s;--duration-normal: .26s;color-scheme:dark}[data-site-theme=light]{--color-bg: #f6f5f1;--color-bg-elevated: #ffffff;--color-surface: #ffffff;--color-surface-strong: #ececea;--color-text: #1d232b;--color-text-muted: #5b626b;--color-border: rgb(20 28 38 / 16%);--color-cyan: #0f9586;--color-blue: #4a5bd0;--color-success: #0f9586;--color-warning: #b35a00;--color-error: #b74756;--color-panel-bg: #ffffff;--color-header-bg: rgb(246 245 241 / 88%);--color-code-bg: #0d1117;--grid-line: rgb(0 0 0 / 6%);--radius-sm: .35rem;--radius-md: .55rem;--radius-lg: .75rem;--page-width: 1216px;--duration-fast: .16s;--duration-normal: .26s;color-scheme:light}*{box-sizing:border-box}html{background:var(--color-bg);scroll-behavior:smooth}html:has(body.bare-mode){background:transparent}body{min-width:320px;margin:0;color:var(--color-text);font-family:Inter,Noto Sans SC,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65;text-rendering:optimizeLegibility}body:not(.bare-mode):before{position:fixed;z-index:0;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%);content:"";pointer-events:none}a{color:inherit;text-decoration:none}@media(pointer:fine){body:not(.bare-mode),body:not(.bare-mode) a,body:not(.bare-mode) button,body:not(.bare-mode) select,body:not(.bare-mode) summary,body:not(.bare-mode) label{cursor:url(/cyber-neon-cursor.png) 4 4,auto}input,textarea,[contenteditable=true],[contenteditable=""]{cursor:text}}button,a{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px}.page-shell{width:min(calc(100% - 3rem),var(--page-width));margin-inline:auto}.page-section{padding-block:clamp(4.5rem,8vw,7rem)}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.eyebrow{display:inline-flex;align-items:center;gap:.65rem;margin:0 0 1rem;color:var(--color-cyan);font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{width:1.4rem;height:1px;background:currentcolor;content:""}.display-title{max-width:12ch;margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(3.25rem,7.2vw,6.8rem);font-weight:500;letter-spacing:-.055em;line-height:1.05}.gradient-text{color:var(--color-text)}.lead{max-width:660px;margin:1.6rem 0 0;color:var(--color-text-muted);font-size:clamp(1rem,2vw,1.12rem)}.panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel-bg)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none}.tag{border:1px solid var(--color-border);padding:.22rem .55rem;color:var(--color-text-muted);font-family:SFMono-Regular,Consolas,monospace;font-size:.7rem}.action-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;border:0;border-bottom:1px solid currentcolor;padding:.35rem 0;background:transparent;color:var(--color-text);font-weight:560;transition:color var(--duration-fast) ease,gap var(--duration-fast) ease}.button-link.primary,.button-link:hover{color:var(--color-cyan)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.section-heading h1,.section-heading h2{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:500;letter-spacing:-.045em;line-height:1.08}.section-heading p{max-width:520px;margin:0;color:var(--color-text-muted)}@media(max-width:820px){.page-shell{width:min(calc(100% - 2rem),var(--page-width))}.section-heading{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-enter-active,.page-leave-active{transition:opacity .28s ease,transform .28s ease}.page-enter-from{opacity:0;transform:translateY(14px)}.page-leave-to{opacity:0;transform:translateY(-8px)}@media(prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active{transition:none}}.site-select{height:2.5rem;border-radius:0;color:var(--color-text);font-size:.74rem;font-family:inherit}.site-select:hover{border-color:var(--color-cyan)}.site-select-content{min-width:var(--reka-popper-anchor-width);border-radius:.5rem;font-family:inherit}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--radius-sm:.25rem;--radius-md:.375rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-border:var(--shadcn-border)}}@layer base,components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.right-2{right:calc(var(--spacing) * 2)}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-96{max-height:calc(var(--spacing) * 96)}.w-full{width:100%}.min-w-32{min-width:calc(var(--spacing) * 32)}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-input{border-color:var(--shadcn-border)}.bg-background{background-color:var(--background)}.bg-popover{background-color:var(--popover)}.p-1{padding:var(--spacing)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.whitespace-nowrap{white-space:nowrap}.text-popover-foreground{color:var(--popover-foreground)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.\[\&\>span\]\:truncate>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}:root,[data-site-theme=dark]{--background:var(--color-surface);--foreground:var(--color-text);--popover:var(--color-surface-strong);--popover-foreground:var(--color-text);--shadcn-border:var(--color-border);--ring:var(--color-cyan);--muted:var(--color-bg-elevated);--muted-foreground:var(--color-text-muted);--accent:#55d6be24;--accent-foreground:var(--color-cyan)}[data-site-theme=light]{--background:var(--color-surface);--foreground:var(--color-text);--popover:var(--color-surface-strong);--popover-foreground:var(--color-text);--shadcn-border:var(--color-border);--ring:var(--color-cyan);--muted:var(--color-bg-elevated);--muted-foreground:var(--color-text-muted);--accent:#0f95861f;--accent-foreground:var(--color-cyan)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.tool-body{display:grid;gap:1.6rem}.tool-block{display:grid;gap:.7rem;padding:1.4rem 1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md, .8rem);background:linear-gradient(160deg,rgb(85 214 190 / 3%),transparent 45%),var(--color-surface)}.tool-label{font-size:.78rem;letter-spacing:.12em;color:var(--color-text-muted)}.tool-input{width:100%;padding:.65rem .8rem;border:1px solid var(--color-border);border-radius:.55rem;background:var(--color-surface-strong, var(--color-surface));color:var(--color-text);font-size:.88rem;transition:border-color var(--duration-fast) ease}.tool-input:focus-visible{outline:none;border-color:var(--color-cyan);box-shadow:0 0 0 3px #55d6be26}.tool-input.area{resize:vertical;line-height:1.6;white-space:pre-wrap;word-break:break-all;min-height:6rem}.tool-input.slim{width:5.5rem;text-align:center}.tool-select{padding:.3rem .5rem;border:1px solid var(--color-border);border-radius:.4rem;background:var(--color-surface-strong, var(--color-surface));color:var(--color-text);font-size:.8rem}.tool-color{width:2.2rem;height:1.7rem;padding:0;border:1px solid var(--color-border);border-radius:.4rem;background:transparent;cursor:pointer}.tool-btn{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:.55rem;background:transparent;color:var(--color-text-muted);font-size:.78rem;cursor:pointer;transition:color var(--duration-fast) ease,border-color var(--duration-fast) ease,background var(--duration-fast) ease}.tool-btn:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.tool-btn.primary{color:var(--color-cyan);border-color:#55d6be73;background:#55d6be12}.tool-btn.primary:hover:not(:disabled){border-color:var(--color-cyan);background:#55d6be1f}.tool-btn:disabled{opacity:.45;cursor:not-allowed}.tool-result{margin:0;padding:.7rem .85rem;border:1px solid rgb(85 214 190 / 25%);border-radius:.55rem;background:#55d6be0a;font-size:.85rem;line-height:1.65;white-space:pre-wrap;word-break:break-all;display:grid;gap:.45rem}.tool-result .line{display:flex;gap:.9rem;align-items:baseline}.tool-result .k{flex:none;min-width:4.5em;color:var(--color-text-muted);font-size:.72rem}.tool-error{margin:0;padding:.6rem .85rem;border:1px solid rgb(255 110 130 / 35%);border-radius:.55rem;background:#ff6e820f;color:#ff8ba0;font-size:.82rem}:root[data-theme=light] .tool-error{color:#c4355a}.row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.inline{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--color-text-muted)}.tree{padding:.8rem .9rem;border:1px solid var(--color-border);border-radius:.55rem;font-size:.82rem;line-height:1.9;overflow-x:auto}.tree-row{display:flex;gap:.4rem;align-items:baseline;cursor:default}.tree-row.expandable{cursor:pointer}.tree-row.expandable:hover .tree-key{color:var(--color-cyan)}.tree-arrow{flex:none;width:1em;color:var(--color-text-muted)}.tree-key{color:var(--color-text)}.tree-text{color:var(--color-text-muted)}.uuid-list{margin:0;padding:0;list-style:none;display:grid;gap:.3rem}.uuid-item{width:100%;padding:.45rem .7rem;border:1px solid transparent;border-radius:.45rem;background:transparent;color:var(--color-text);font-size:.84rem;text-align:left;cursor:pointer;transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease}.uuid-item:hover{border-color:#55d6be73;background:#55d6be0d}.param-table{width:100%;border-collapse:collapse;font-size:.82rem}.param-table th,.param-table td{padding:.45rem .7rem;border:1px solid var(--color-border);text-align:left;word-break:break-all}.param-table th{color:var(--color-text-muted);font-weight:500}.qr-stage{justify-items:center;gap:1rem}.qr-canvas{max-width:100%;height:auto;border-radius:.55rem;box-shadow:0 10px 40px #0000004d}@media(prefers-reduced-motion:reduce){.tool-btn,.tool-input,.uuid-item{transition:none}}.diff-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}@media(max-width:640px){.diff-inputs{grid-template-columns:1fr}}.diff-stats{font-size:.75rem;color:var(--color-text-muted)}.diff-view{max-height:26rem;overflow:auto;border:1px solid var(--color-border);border-radius:.55rem;font-size:.8rem;line-height:1.7;background:var(--color-surface-strong, var(--color-surface))}.diff-row{display:flex;gap:.5rem;align-items:baseline;padding:0 .6rem;white-space:pre-wrap;word-break:break-all}.diff-row.add{background:#55d6be17}.diff-row.del{background:#ff6e8217}.diff-row.add .diff-sign{color:var(--color-cyan)}.diff-row.del .diff-sign{color:#ff8ba0}:root[data-theme=light] .diff-row.del .diff-sign{color:#c4355a}.diff-no{flex:none;width:2.2em;text-align:right;color:var(--color-text-muted);font-size:.68rem;-webkit-user-select:none;user-select:none}.diff-sign{flex:none;width:1em}.diff-text{flex:1}.tool-range{accent-color:var(--color-cyan);width:8.5rem}.image-compare{gap:1rem}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.image-grid{grid-template-columns:1fr}}.image-grid figure{margin:0;display:grid;gap:.5rem;justify-items:center}.image-thumb{max-width:100%;max-height:16rem;border:1px solid var(--color-border);border-radius:.55rem;object-fit:contain}.image-grid figcaption{font-size:.72rem;color:var(--color-text-muted);text-align:center;line-height:1.6}.pw-display{padding:.8rem 1rem;border:1px solid rgb(85 214 190 / 35%);border-radius:.55rem;background:#55d6be0d;font-size:1rem;letter-spacing:.06em;word-break:break-all;text-align:center;min-height:3.2rem;display:flex;align-items:center;justify-content:center}.pw-meter{display:flex;align-items:center;gap:.4rem}.pw-meter-cell{flex:1;height:.3rem;border-radius:999px;background:var(--color-border);transition:background var(--duration-fast) ease}.pw-meter-cell.on:nth-child(1){background:#ff8ba0}.pw-meter-cell.on:nth-child(2){background:#f0c674}.pw-meter-cell.on:nth-child(3){background:var(--color-cyan)}.pw-meter-cell.on:nth-child(4){background:#7ee787}:root[data-theme=light] .pw-meter-cell.on:nth-child(1){background:#c4355a}:root[data-theme=light] .pw-meter-cell.on:nth-child(2){background:#b08514}:root[data-theme=light] .pw-meter-cell.on:nth-child(4){background:#1a7f37}.pw-meter-label{flex:none;font-size:.72rem;color:var(--color-text-muted)}
