:root{--font-sans: "MiSans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-display: 30px;--fs-h1: 24px;--fs-h2: 19px;--fs-body: 15px;--fs-aux: 13px;--fs-caption: 11px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--z-scene: 0;--z-glow: 5;--z-card: 10;--z-nav: 500;--z-modal: 900;--z-toast: 1000;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-spring: .48s;--dur-card: .32s;--stagger: 60ms;--dur-hover: .15s;--dur-theme: 1.2s;--green: #7DB882;--red: #E0705F;--blue: #6FA8DC}:root,[data-theme=night]{color-scheme:dark;--bg: #16110C;--card: #241B12;--card-2: #2C2216;--border: #43331F;--text: #F5EDE0;--text-2: #CBBAA3;--text-3: #9A8871;--amber: #F2B64F;--amber-deep: #D99A2B;--amber-ink: #3A2A10;--glow: #FFD98A;--wood: #8B5E3C;--green-bg: rgba(125, 184, 130, .12);--red-bg: rgba(224, 112, 95, .12);--amber-bg: rgba(242, 182, 79, .12);--shadow-card: 0 2px 8px rgba(0, 0, 0, .35);--shadow-lift: 0 10px 24px rgba(0, 0, 0, .45);--nav-bg: rgba(22, 17, 12, .82);--overlay: rgba(10, 7, 4, .55)}[data-theme=day]{color-scheme:light;--bg: #F7F1E6;--card: #FFFFFF;--card-2: #FBF7EF;--border: #E7DCC8;--text: #3B2E21;--text-2: #6E5D4B;--text-3: #A08E78;--amber: #B5701E;--amber-deep: #96590F;--amber-ink: #FFFFFF;--glow: #F2B64F;--wood: #8B5E3C;--green-bg: rgba(74, 140, 82, .1);--red-bg: rgba(200, 80, 60, .1);--amber-bg: rgba(181, 112, 30, .1);--shadow-card: 0 2px 8px rgba(90, 66, 34, .08);--shadow-lift: 0 10px 24px rgba(90, 66, 34, .16);--nav-bg: rgba(247, 241, 230, .85);--overlay: rgba(59, 46, 33, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.65;color:var(--text);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased}html.theme-xfade,html.theme-xfade *,html.theme-xfade *:before,html.theme-xfade *:after{transition:background-color var(--dur-theme) ease-in-out,border-color var(--dur-theme) ease-in-out,color var(--dur-theme) ease-in-out,box-shadow var(--dur-theme) ease-in-out!important}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::selection{background:var(--amber-bg);color:var(--text)}.display{font-size:var(--fs-display);font-weight:700;line-height:1.3;letter-spacing:.02em}h1,.h1{font-size:var(--fs-h1);font-weight:700;line-height:1.35}h2,.h2{font-size:var(--fs-h2);font-weight:600;line-height:1.4}.aux{font-size:var(--fs-aux);color:var(--text-2)}.caption{font-size:var(--fs-caption);color:var(--text-3);letter-spacing:.04em}.mono{font-family:var(--font-mono)}.container{width:min(1120px,100% - 48px);margin-inline:auto}.page{padding-top:88px;padding-bottom:96px}.nav{position:fixed;inset:0 0 auto;z-index:var(--z-nav);background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-inner{width:min(1120px,100% - 48px);margin-inline:auto;height:64px;display:flex;align-items:center;gap:var(--sp-6)}.brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;font-size:var(--fs-h2);flex-shrink:0}.brand .icon-chip{width:34px;height:34px;border-radius:10px}.nav-links{display:flex;gap:var(--sp-2);margin-left:auto}.nav-links a{padding:6px 14px;border-radius:var(--r-pill);color:var(--text-2);font-size:var(--fs-body);transition:color var(--dur-hover) ease-out,background var(--dur-hover) ease-out}.nav-links a:hover{color:var(--text);background:var(--amber-bg)}.nav-links a.active{color:var(--amber);font-weight:600}.lamp-btn{width:40px;height:40px;border-radius:var(--r-pill);display:grid;place-items:center;flex-shrink:0;border:1px solid var(--border);background:var(--card);color:var(--text-2);transition:color var(--dur-hover),border-color var(--dur-hover),box-shadow var(--dur-hover),transform var(--dur-hover)}.lamp-btn:hover{transform:translateY(-2px);border-color:var(--amber);color:var(--amber)}[data-theme=night] .lamp-btn{color:var(--glow);box-shadow:0 0 14px #ffd98a59}.lamp-btn .i-day{display:none}[data-theme=day] .lamp-btn .i-day{display:block}[data-theme=day] .lamp-btn .i-night{display:none}.tabbar{display:none;position:fixed;inset:auto 0 0;z-index:var(--z-nav);background:var(--nav-bg);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.tabbar-inner{display:grid;grid-template-columns:repeat(4,1fr)}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border-radius:var(--r-md);font-size:var(--fs-caption);color:var(--text-3);min-height:44px;justify-content:center}.tabbar a.active{color:var(--amber)}.tabbar a svg{width:22px;height:22px}.footer{border-top:1px solid var(--border);padding:var(--sp-8) 0 calc(var(--sp-8) + 8px);color:var(--text-3);font-size:var(--fs-aux)}.footer .container{display:flex;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin:var(--sp-8) 0 var(--sp-4)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}@media (max-width: 768px){.container{width:calc(100% - 32px)}.page{padding-top:76px;padding-bottom:120px}.nav-links{display:none}.tabbar{display:block}.display{font-size:25px}h1,.h1{font-size:21px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ic{width:20px;height:20px;flex-shrink:0;display:inline-flex}.ic svg{width:100%;height:100%}.ic-16{width:16px;height:16px}.ic-24{width:24px;height:24px}.ic-32{width:32px;height:32px}.icon-chip{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--amber-bg);color:var(--amber);border:1px solid var(--border);flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:40px;padding:0 20px;border-radius:var(--r-pill);font-size:var(--fs-body);font-weight:600;border:1px solid transparent;transition:transform var(--dur-hover) ease-out,box-shadow var(--dur-hover) ease-out,background var(--dur-hover) ease-out,border-color var(--dur-hover) ease-out,color var(--dur-hover) ease-out;user-select:none;white-space:nowrap}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled,.btn.is-disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,var(--glow),var(--amber));color:var(--amber-ink);box-shadow:0 4px 14px #f2b64f47}.btn-primary:hover{box-shadow:0 8px 22px #f2b64f61;transform:translateY(-2px)}.btn-secondary{background:var(--card-2);color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--amber);color:var(--amber);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--amber)}.btn-ghost:hover{background:var(--amber-bg)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn-sm{height:32px;padding:0 14px;font-size:var(--fs-aux)}.btn-lg{height:48px;padding:0 28px}.btn-block{width:100%;height:52px;font-size:16px}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--r-md);background:var(--card-2);border:1px solid var(--border);color:var(--text-2)}.btn-icon:hover{color:var(--amber);border-color:var(--amber);transform:translateY(-2px)}.tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 10px;border-radius:var(--r-pill);font-size:var(--fs-caption);letter-spacing:.03em;border:1px solid var(--border);color:var(--text-2);background:var(--card-2)}.tag-green{color:var(--green);border-color:transparent;background:var(--green-bg)}.tag-amber{color:var(--amber);border-color:transparent;background:var(--amber-bg)}.tag-red{color:var(--red);border-color:transparent;background:var(--red-bg)}.tag-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--fs-aux);color:var(--text-2)}.input,.textarea,.select{width:100%;height:48px;padding:0 16px;background:var(--card-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:16px;outline:none;transition:border-color var(--dur-hover),box-shadow var(--dur-hover)}.textarea{height:auto;min-height:160px;padding:14px 16px;resize:vertical;line-height:1.7}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.textarea:focus,.select:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-bg)}.input:disabled,.select:disabled{opacity:.5;cursor:not-allowed}.input.is-error,.textarea.is-error{border-color:var(--red)}.field-error{font-size:var(--fs-caption);color:var(--red)}.search-box{position:relative}.search-box .ic{position:absolute;left:14px;top:50%;translate:0 -50%;color:var(--text-3)}.search-box .input{padding-left:42px;padding-right:56px;height:44px;border-radius:var(--r-pill)}.search-box kbd{position:absolute;right:12px;top:50%;translate:0 -50%;font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-3);border:1px solid var(--border);border-radius:6px;padding:2px 7px;background:var(--card)}.select{appearance:none;cursor:pointer;padding-right:40px}.select-wrap{position:relative}.select-wrap>.ic{position:absolute;right:14px;top:50%;translate:0 -50%;color:var(--text-3);pointer-events:none}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:var(--z-modal);background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lift);padding:6px;display:none}.dropdown.open .dropdown-menu{display:block}.dropdown-item{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 12px;border-radius:var(--r-sm);color:var(--text-2);font-size:var(--fs-aux);cursor:pointer;width:100%}.dropdown-item:hover{background:var(--card-2);color:var(--text)}.dropdown-item.selected{color:var(--amber);background:var(--amber-bg)}.switch{position:relative;width:46px;height:26px;flex-shrink:0;cursor:pointer}.switch input{position:absolute;opacity:0;inset:0;cursor:pointer}.switch .track{position:absolute;inset:0;border-radius:var(--r-pill);background:var(--border);transition:background var(--dur-hover)}.switch .thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:translate var(--dur-hover) ease-out;box-shadow:0 1px 3px #0000004d}.switch input:checked~.track{background:var(--amber)}.switch input:checked~.thumb{translate:20px 0}.switch input:disabled~.track{opacity:.5}.slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--amber) var(--val, 50%),var(--border) var(--val, 50%));outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--glow);border:2px solid var(--amber);cursor:pointer;box-shadow:0 1px 4px #0000004d}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--glow);border:2px solid var(--amber);cursor:pointer}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-2);font-size:var(--fs-aux)}.check input{position:absolute;opacity:0}.check .box{width:18px;height:18px;border-radius:5px;flex-shrink:0;border:1.5px solid var(--border);background:var(--card-2);display:grid;place-items:center;color:#fff;transition:background var(--dur-hover),border-color var(--dur-hover)}.check .box svg{width:12px;height:12px;opacity:0}.check input:checked~.box{background:var(--amber);border-color:var(--amber)}.check input:checked~.box svg{opacity:1}.check.radio .box{border-radius:50%}.check.radio .box svg{display:none}.check.radio input:checked~.box{box-shadow:inset 0 0 0 4px var(--card-2)}.dropzone{border:1.5px dashed var(--border);border-radius:var(--r-lg);min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-8);text-align:center;cursor:pointer;color:var(--text-2);transition:border-color var(--dur-hover),background var(--dur-hover)}.dropzone:hover,.dropzone.dragover{border-color:var(--amber);background:var(--amber-bg)}.dropzone .icon-chip{width:56px;height:56px;border-radius:var(--r-lg)}.dropzone-title{font-size:var(--fs-h2);font-weight:600;color:var(--text)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:var(--fs-aux);color:var(--text-3);flex-wrap:wrap}.breadcrumb a:hover{color:var(--amber)}.breadcrumb .sep{opacity:.5}.breadcrumb .current{color:var(--text)}.chips{display:flex;gap:var(--sp-2);flex-wrap:wrap}.chip{height:32px;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--card-2);color:var(--text-2);font-size:var(--fs-aux);transition:all var(--dur-hover) ease-out}.chip:hover{border-color:var(--amber);color:var(--amber)}.chip.selected{background:var(--amber);border-color:var(--amber);color:var(--amber-ink);font-weight:600}.modal-mask{position:fixed;inset:0;z-index:var(--z-modal);background:var(--overlay);display:none;align-items:center;justify-content:center;padding:24px}.modal-mask.open{display:flex}.modal{width:400px;max-width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);padding:var(--sp-6)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-6)}.toast-stack{position:fixed;top:76px;right:20px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 40px))}.toast{display:flex;gap:var(--sp-3);align-items:flex-start;background:var(--card);border:1px solid var(--border);border-left:3px solid var(--amber);border-radius:var(--r-md);box-shadow:var(--shadow-lift);padding:12px 16px;animation:toast-in .3s ease-out}.toast.success{border-left-color:var(--green)}.toast.warning{border-left-color:var(--amber)}.toast.error{border-left-color:var(--red)}.toast .ic{margin-top:2px}.toast.success .ic{color:var(--green)}.toast.warning .ic{color:var(--amber)}.toast.error .ic{color:var(--red)}.toast-title{font-weight:600;font-size:var(--fs-aux)}.toast-desc{font-size:var(--fs-caption);color:var(--text-2);margin-top:2px}.toast.leaving{animation:toast-out .25s ease-in forwards}@keyframes toast-in{0%{opacity:0;translate:24px 0}to{opacity:1;translate:0 0}}@keyframes toast-out{to{opacity:0;translate:24px 0}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-6);text-align:center}.empty .icon-chip{width:56px;height:56px;border-radius:var(--r-lg);color:var(--text-3);background:var(--card-2)}.progress{height:6px;border-radius:3px;background:var(--border);overflow:hidden}.progress>i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--amber),var(--glow));transition:width .3s ease-out}.progress.is-warn>i{background:var(--red)}.skeleton{border-radius:var(--r-sm);background:var(--card-2);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{translate:-100% 0}to{translate:100% 0}}.status-line{display:flex;align-items:center;gap:8px;font-size:var(--fs-aux);color:var(--text-2);padding:6px 0}.status-line .ic-16.success{color:var(--green)}.status-line .ic-16.error{color:var(--red)}.status-line .ic-16.loading{color:var(--amber);animation:spin 1s linear infinite}@keyframes spin{to{rotate:360deg}}.pagination{display:flex;align-items:center;gap:6px}.pagination button{min-width:32px;height:32px;padding:0 8px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--card-2);color:var(--text-2);font-size:var(--fs-aux);font-family:var(--font-mono);transition:all var(--dur-hover)}.pagination button:hover{border-color:var(--amber);color:var(--amber)}.pagination button.current{background:var(--amber);border-color:var(--amber);color:var(--amber-ink);font-weight:700}.pagination .dots{color:var(--text-3);padding:0 2px}.link{color:var(--text-2);transition:color var(--dur-hover)}.link:hover{color:var(--amber);text-decoration:underline;text-underline-offset:3px}.link.visited{color:var(--text-3)}.tool-card{display:flex;align-items:center;gap:var(--sp-3);background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;box-shadow:var(--shadow-card);transition:transform var(--dur-hover) ease-out,box-shadow var(--dur-hover) ease-out,border-color var(--dur-hover) ease-out}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--amber)}.tool-card:hover .tool-arrow{color:var(--amber);translate:3px 0}.tool-card-body{flex:1;min-width:0}.tool-card-name{font-weight:600;font-size:var(--fs-body);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-card-desc{font-size:var(--fs-caption);color:var(--text-2);margin-top:2px}.tool-arrow{color:var(--text-3);transition:all var(--dur-hover)}.privacy-note{display:flex;gap:var(--sp-3);align-items:flex-start;background:var(--green-bg);border:1px solid transparent;border-radius:var(--r-md);padding:14px 16px}.privacy-note .ic{color:var(--green);margin-top:2px}.privacy-note .t{font-weight:600;font-size:var(--fs-aux)}.privacy-note .d{font-size:var(--fs-caption);color:var(--text-2);margin-top:2px}.hero-sub{color:var(--text-2);font-size:var(--fs-body);margin-top:var(--sp-3);max-width:560px;margin-inline:auto}.hero-tags{display:flex;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-4);flex-wrap:wrap}.scene{position:relative;z-index:var(--z-scene)}.scene-stage{position:relative;width:100%;aspect-ratio:1440 / 760;border-radius:var(--r-xl);overflow:hidden;cursor:pointer;border:1px solid var(--border);box-shadow:var(--shadow-lift);user-select:none}.scene-stage:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.scene-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-spring) ease-out}html.theme-xfade .scene-img{transition:opacity var(--dur-theme) ease-in-out}[data-theme=night] .scene:not(.open) .img-night-closed,[data-theme=night] .scene.open .img-night-open,[data-theme=day] .scene:not(.open) .img-day-closed,[data-theme=day] .scene.open .img-day-open{opacity:1}.scene-hero{position:absolute;top:clamp(18px,7%,60px);left:0;right:0;text-align:center;z-index:var(--z-card);pointer-events:none;padding:0 24px}.scene-hero .display{letter-spacing:.02em}[data-theme=night] .scene-hero .display{text-shadow:0 2px 24px rgba(0,0,0,.65)}[data-theme=night] .scene-hero .hero-sub{color:#d8cbb6;text-shadow:0 1px 12px rgba(0,0,0,.6)}[data-theme=day] .scene-hero .display{text-shadow:0 1px 2px rgba(255,255,255,.95),0 0 20px rgba(255,255,255,.9),0 0 48px rgba(247,241,230,.85)}[data-theme=day] .scene-hero .hero-sub{color:#57462f;text-shadow:0 1px 2px rgba(255,255,255,.9),0 0 16px rgba(255,255,255,.85)}.fly-card{position:absolute;z-index:var(--z-card);width:216px;opacity:0;pointer-events:none;transform:translateY(24px) scale(.9);transition:opacity var(--dur-card) ease-out,transform var(--dur-card) var(--ease-spring),box-shadow var(--dur-hover) ease-out,border-color var(--dur-hover) ease-out}.scene.open .fly-card{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;transition-delay:calc(.16s + var(--i) * var(--stagger)),calc(.16s + var(--i) * var(--stagger)),0s,0s}.scene.open .fly-card:hover{transition-delay:0s;transform:translateY(-4px) scale(1)}.fly-card.pos-0{left:3%;top:30%}.fly-card.pos-1{left:1.5%;top:47%}.fly-card.pos-2{left:3%;top:64%}.fly-card.pos-3{right:3%;top:30%}.fly-card.pos-4{right:1.5%;top:47%}.fly-card.pos-5{right:3%;top:64%}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);margin-top:-26px;position:relative;z-index:var(--z-card)}.hero-hint{font-size:var(--fs-caption);color:var(--text-3)}.open-sheet{display:none}@media (max-width: 768px){.scene-stage{aspect-ratio:720 / 1150;border-radius:var(--r-lg)}.scene-hero{top:26px}.scene-hero .hero-sub{font-size:var(--fs-aux);max-width:300px}.fly-card{display:none}.open-sheet{display:block;position:fixed;inset:auto 0 0;z-index:var(--z-modal);background:var(--card);border:1px solid var(--border);border-bottom:none;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--sp-3) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform var(--dur-spring) var(--ease-spring);box-shadow:0 -12px 40px #0006;max-height:72vh;overflow:auto}.open-sheet.open{transform:translateY(0)}.open-sheet .grab{width:44px;height:5px;border-radius:3px;background:var(--border);margin:0 auto var(--sp-3)}.open-sheet .sheet-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-3)}.open-sheet .tool-row{display:flex;align-items:center;gap:var(--sp-3);padding:10px 4px;border-bottom:1px solid var(--border)}.open-sheet .tool-row:last-of-type{border-bottom:none}}.tools-head{display:flex;flex-direction:column;gap:var(--sp-4);margin-bottom:var(--sp-6)}.tools-cat{margin-bottom:var(--sp-8)}.tools-cat-title{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-4)}.tools-cat-title .count{font-family:var(--font-mono);font-size:var(--fs-aux);color:var(--text-3)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}@media (max-width: 900px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.tools-grid{grid-template-columns:1fr}}.tool-head{display:flex;align-items:flex-start;gap:var(--sp-4);margin:var(--sp-4) 0 var(--sp-6)}.tool-head .icon-chip{width:56px;height:56px;border-radius:var(--r-lg)}.tool-head-tags{display:flex;gap:var(--sp-2);margin-top:6px;flex-wrap:wrap}.tool-head-actions{margin-left:auto;display:flex;gap:var(--sp-2)}.tool-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--sp-6);align-items:start}@media (max-width: 900px){.tool-layout{grid-template-columns:minmax(0,1fr)}}.panel{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.panel-title{display:flex;align-items:center;justify-content:space-between}.step-num{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;background:var(--amber-bg);color:var(--amber);font-family:var(--font-mono);font-size:var(--fs-caption);font-weight:700;margin-right:8px}.option-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.option-row .label{font-size:var(--fs-aux);color:var(--text-2);flex-shrink:0}.file-row{display:flex;align-items:center;gap:var(--sp-3);padding:12px 0;border-bottom:1px solid var(--border)}.file-row:last-child{border-bottom:none}.file-row .fmeta{flex:1;min-width:0}.file-row .fname{font-size:var(--fs-aux);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-row .fsize{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-3);margin-top:2px}.file-row .fstate{text-align:right;font-size:var(--fs-caption);color:var(--green);flex-shrink:0}.file-row .progress{width:110px;margin-top:6px;margin-left:auto}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.stat-num{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--text)}.stat-num small{font-size:var(--fs-aux);color:var(--text-2);font-weight:400}.stat-label{font-size:var(--fs-caption);color:var(--text-3);margin-top:2px}.quota-row{padding:10px 0}.quota-row .q-head{display:flex;justify-content:space-between;font-size:var(--fs-aux);color:var(--text-2);margin-bottom:6px}.quota-row .q-num{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-3)}.code-box{background:var(--card-2);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-mono);font-size:var(--fs-aux);line-height:1.9;padding:var(--sp-3) var(--sp-4);overflow:auto;color:var(--text-2);counter-reset:line}.code-box .ln{display:flex;gap:var(--sp-4)}.code-box .ln:before{counter-increment:line;content:counter(line);color:var(--text-3);width:2ch;text-align:right;flex-shrink:0}.code-box .ln.err{background:var(--red-bg);margin-inline:calc(-1 * var(--sp-4));padding-inline:var(--sp-4)}.code-box .tk-s{color:var(--green)}.code-box .tk-n{color:var(--amber)}.code-box .tk-k{color:var(--blue)}.demo-block{margin-bottom:var(--sp-8)}.demo-block>h2{margin-bottom:var(--sp-4);display:flex;align-items:baseline;gap:var(--sp-3)}.demo-block>h2 .en{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-3);font-weight:400;letter-spacing:.1em}.demo-panel{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-6)}.demo-row{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}.demo-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-6)}.demo-label{font-size:var(--fs-caption);color:var(--text-3);letter-spacing:.08em;margin-bottom:var(--sp-2);text-transform:uppercase}.api-banner{display:flex;align-items:flex-start;gap:var(--sp-3);border-radius:var(--r-md);padding:14px 16px;margin-bottom:var(--sp-4);border:1px solid transparent}.api-banner.is-error{background:var(--red-bg);color:var(--text)}.api-banner.is-error .ic{color:var(--red);margin-top:2px}.api-banner .t{font-weight:600;font-size:var(--fs-aux)}.api-banner .d{font-size:var(--fs-caption);color:var(--text-2);margin-top:2px;word-break:break-all}.tools-grid .tool-card{align-items:flex-start;min-height:76px}.tools-grid .tool-card-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.filter-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.filter-row .chip{cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4)}.stat-card{padding:var(--sp-6);display:flex;flex-direction:column;gap:4px}.stat-card .n{font-family:var(--font-mono);font-size:30px;font-weight:700;color:var(--amber);line-height:1.15}.stat-card .l{font-size:var(--fs-aux);color:var(--text-2)}.stat-card .s{font-size:var(--fs-caption);color:var(--text-3)}.migrate-bar{display:flex;height:10px;border-radius:var(--r-pill);overflow:hidden;background:var(--border)}.migrate-bar>i{display:block;height:100%}.migrate-bar .seg-ported{background:var(--green)}.migrate-bar .seg-live{background:var(--amber)}.migrate-legend{display:flex;gap:var(--sp-4);flex-wrap:wrap;font-size:var(--fs-caption);color:var(--text-2);margin-top:var(--sp-3)}.migrate-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:6px}.panel.card{gap:var(--sp-3)}.kv{display:flex;justify-content:space-between;gap:var(--sp-4);font-size:var(--fs-aux);color:var(--text-2);padding:6px 0;border-bottom:1px dashed var(--border)}.kv:last-child{border-bottom:none}.kv b{color:var(--text);font-weight:600}.token-table{width:100%;border-collapse:collapse;font-size:var(--fs-aux)}.token-table th,.token-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.token-table th{color:var(--text-3);font-weight:500;font-size:var(--fs-caption);letter-spacing:.06em;text-transform:uppercase}.swatch-row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.swatch{width:132px;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--card-2)}.swatch .chip-color{height:56px}.swatch .meta{padding:8px 10px;font-size:var(--fs-caption);color:var(--text-2)}.swatch .meta .mono{color:var(--text-3)}.tool-note{font-size:var(--fs-caption);color:var(--text-3)}.mono-block{font-family:var(--font-mono);font-size:var(--fs-aux);background:var(--card-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3);white-space:pre-wrap;word-break:break-all;max-height:320px;overflow:auto}