:root{--ink:#414660;--muted:#8c91a8;--accent:#7885ff;--lavender:#dcdffa;--paper:#f7f8fd}*{box-sizing:border-box}body{margin:0;background:#eeefef;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif}button,a,input,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #6879e8;outline-offset:3px}a{color:#6876d2;text-underline-offset:3px}header{max-width:1312px;padding:34px 30px 24px;margin:auto}header small{font-size:12px;letter-spacing:1px;color:#818695}h1{font-size:29px;font-weight:600;margin:12px 0}header p{font-size:13px;line-height:1.9;color:#768091;max-width:980px}.tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:18px}.tools button,.tools a{font-size:12px;text-decoration:none;background:white;border:1px solid #d9dce4;border-radius:8px;padding:10px 15px}.tools .active{background:#424960;color:white;border-color:#424960}.legend{display:flex;gap:20px;font-size:11px;color:#87909f;margin-top:16px}.legend b{color:#586477;font-weight:500}.section{max-width:1312px;margin:auto;padding:15px 30px 28px}.section-heading{display:flex;gap:18px;align-items:baseline;margin:12px 0 24px}.section-heading h2{font-size:20px;margin:0;font-weight:600}.section-heading p{font-size:12px;color:#7c8594;margin:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 28px}.frame-heading{display:flex;gap:12px;align-items:center;height:47px}.number{font-size:11px;border:1px solid #b8bec9;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0}.frame-heading b{font-size:14px;font-weight:500}.frame-heading small{font-size:10px;color:#8b92a0;display:block;margin-top:4px}.annotation{font-size:12px;line-height:1.8;color:#747d8c;min-height:44px;margin:12px 2px 0}.annotation b{font-weight:500;color:#454e65}.device{width:100%;aspect-ratio:16/9;background:var(--paper);position:relative;overflow:hidden;container-type:inline-size;border:1px solid #d7dbe8;color:var(--ink)}.device.report{background:var(--lavender)}.device button,.device input{font-family:inherit}.device-top{height:6.8cqw;position:relative;display:flex;align-items:center;justify-content:center;font-size:1.9cqw;font-weight:500}.back{position:absolute;left:2.2cqw;padding:.5cqw;font-size:3.3cqw;line-height:1}.top-info{position:absolute;right:3cqw;font-size:1.3cqw;font-weight:400;color:#9298b0}.robot{position:absolute;left:5.3cqw;top:20cqw;width:18cqw;height:19cqw;overflow:hidden;pointer-events:none}.robot img{position:absolute;width:484.62cqw;max-width:none;left:-168.37cqw;top:-21.05cqw;mix-blend-mode:multiply}.report-card{position:absolute;left:31cqw;right:5.5cqw;top:14cqw;height:30cqw;border-radius:2.4cqw;background:#fff;box-shadow:0 .6cqw 1cqw #7478ab14;display:flex;align-items:center;gap:3cqw;padding:3.3cqw}.qr-box{width:21cqw;height:21cqw;flex-shrink:0;background:#f1f2f6;border:1px dashed #c3c9d8;display:grid;place-content:center;text-align:center;font-size:1.6cqw;color:#97a0b4;line-height:1.9;position:relative}.qr-box small{font-size:1.15cqw}.qr-finder{position:absolute;width:3.2cqw;height:3.2cqw;border:1px solid #afb8cd}.qr-finder.tl{left:1cqw;top:1cqw}.qr-finder.tr{right:1cqw;top:1cqw}.qr-finder.bl{left:1cqw;bottom:1cqw}.copy{flex:1;min-width:0}.copy h3{font-size:2.15cqw;line-height:1.5;margin:0 0 1.4cqw;font-weight:500}.copy p{font-size:1.65cqw;line-height:1.85;margin:0;color:#81889c}.copy .small-note{font-size:1.35cqw;margin-top:1.2cqw}.scope-note{position:absolute;left:31cqw;right:5.5cqw;top:46cqw;color:#7f86a4;font-size:1.4cqw;line-height:1.8}.warn{font-size:1.35cqw;background:#f5efdf;color:#9c8755;padding:.6cqw 1cqw;border-radius:.6cqw;display:inline-block;margin-top:1.4cqw}.qr-mask{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#444b64de;color:white;line-height:1.8;font-size:1.6cqw}.qr-mask button{border:1px solid #adb4ce;color:#fff;border-radius:.7cqw;font-size:1.45cqw;padding:.6cqw 1.3cqw;margin-top:1cqw}.spinner{width:2.9cqw;height:2.9cqw;border:2px solid #c6cce0;border-top-color:#757faa;border-radius:50%;margin-bottom:1cqw}.result-card{gap:2cqw;justify-content:flex-start}.result-mark{width:6cqw;height:6cqw;display:grid;place-items:center;border-radius:50%;background:#edf7f1;color:#7ca18d;font-size:3cqw;flex-shrink:0}.result-mark.alert{background:#fff3df;color:#b59561}.device-action{font-size:1.6cqw;padding:1cqw 1.8cqw;border:1px solid #8b96fb;border-radius:1cqw;color:#7d8bf0;margin-top:1.5cqw}.profile-row{margin:1.5cqw 3cqw 2cqw;display:flex;align-items:center;gap:1.5cqw}.avatar{width:5.8cqw;height:5.8cqw;border-radius:50%;display:grid;place-items:center;color:#fff;background:#acb9f9;font-size:2.4cqw}.profile-row b{font-size:1.9cqw;font-weight:500}.profile-row small{display:block;font-size:1.25cqw;color:#999fb2;margin-top:.5cqw}.profile-row button{margin-left:auto;color:#8791ec;background:#edf0ff;border-radius:.7cqw;padding:.8cqw 1.3cqw;font-size:1.4cqw}.menu{margin:0 3cqw}.menu button{width:100%;background:#fff;border-radius:.8cqw;display:flex;align-items:center;justify-content:space-between;padding:1.25cqw 1.8cqw;font-size:1.65cqw;margin-bottom:.9cqw;text-align:left}.menu .highlight{border:1px solid #c3cbff}.menu small{color:#939dc4;font-size:1.3cqw;margin-left:auto;margin-right:1.3cqw}.menu .chevron{color:#b0b6c8}.settings-bottom{text-align:center;margin-top:1.7cqw}.settings-bottom button{font-size:1.45cqw;border:1px solid #8795ff;border-radius:1cqw;padding:.8cqw 6cqw;color:#8795ff}.panel{margin:2.5cqw 4cqw;padding:3cqw;background:#fff;border-radius:1.7cqw}.context{font-size:1.45cqw;color:#8e96aa;margin:0 0 2.3cqw}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:3cqw}.setting-row h3{font-size:2.2cqw;font-weight:500;margin:0}.setting-row p{font-size:1.5cqw;color:#929aaf;line-height:1.9;margin:1.1cqw 0 0}.toggle{width:6.8cqw;height:3.8cqw;border-radius:3cqw;background:#dfe3ed;flex-shrink:0;padding:.4cqw}.toggle:before{content:"";display:block;background:#fff;border-radius:50%;width:3cqw;height:3cqw;box-shadow:0 .2cqw .5cqw #0001}.toggle[aria-checked=true]{background:#818fff}.toggle[aria-checked=true]:before{transform:translateX(3cqw)}.panel-note{font-size:1.4cqw;color:#98a0b2;line-height:1.9;border-top:1px solid #eef0f7;margin-top:3cqw;padding-top:2cqw}.panel-link{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:2.3cqw;padding-top:2cqw;border-top:1px solid #eef0f7;font-size:1.8cqw}.panel-link span{font-size:1.5cqw;color:#8995ed}.device-foot{position:absolute;bottom:2.5cqw;left:4cqw;right:4cqw;font-size:1.35cqw;color:#9da3b5;line-height:1.7}.verify-layout{display:grid;grid-template-columns:1fr 1fr;gap:7cqw;margin:3cqw 7cqw}.pin-info h3{font-size:2.7cqw;font-weight:500;margin:2cqw 0 1.5cqw}.pin-info p{font-size:1.6cqw;color:#929bb0;line-height:1.9}.dots{display:flex;gap:1.3cqw;margin:2.5cqw 0 1.5cqw}.dot{width:5cqw;height:5.8cqw;border-radius:.8cqw;border:1px solid #dfe4f1;background:#fff;display:grid;place-items:center;font-size:2.8cqw}.pin-error{font-size:1.4cqw;color:#c97c76;min-height:2cqw}.text-link{font-size:1.5cqw;color:#8692ef;padding:1cqw 0}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw}.keypad button{background:white;border-radius:1cqw;height:7cqw;font-size:2.6cqw}.keypad button.word{font-size:1.45cqw;background:#eceffa}.learning-top{display:flex;align-items:center;justify-content:space-between;padding:0 4cqw;font-size:1.6cqw;color:#8d96ad}.word{text-align:center;font-family:Georgia,serif;font-size:6cqw;color:#434b69;margin-top:5cqw}.phonetic{text-align:center;font-size:1.6cqw;color:#9da5b9;margin-top:1.5cqw}.meaning{text-align:center;font-size:2cqw;margin-top:3cqw}.learning-actions{position:absolute;bottom:5cqw;left:9cqw;right:9cqw;display:flex;gap:2cqw}.learning-actions button{flex:1;border:1px solid #dbe0f0;background:#fff;border-radius:1.2cqw;padding:1.5cqw;font-size:1.8cqw}.learning-actions .solid{background:#8995fd;color:white;border-color:#8995fd}.device-toast{position:absolute;bottom:15cqw;left:13cqw;right:13cqw;background:#444b65ed;color:white;text-align:center;border-radius:1cqw;font-size:1.55cqw;padding:1.4cqw;line-height:1.7;z-index:3}.disk-actions{display:flex;gap:2cqw;margin-top:3cqw}.disk-actions button{flex:1;padding:1.6cqw;border:1px solid #dce1f0;border-radius:.9cqw;font-size:1.7cqw}.mini-badge{font-size:1.3cqw;color:#8d97be;background:#f0f2fc;border-radius:.6cqw;padding:.7cqw 1cqw}.external-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;font-size:11px;color:#838d9e}.external-controls button,.external-controls a{background:#fff;border:1px solid #d6dce9;border-radius:7px;padding:9px 11px;font-size:11px;text-decoration:none}.demo{max-width:1240px;margin:12px auto 45px;display:grid;grid-template-columns:215px minmax(0,900px);gap:30px;padding:0 25px}.demo-nav button{display:block;width:100%;text-align:left;font-size:12px;padding:12px;border-radius:8px;margin-bottom:4px}.demo-nav .active{background:white;color:#7f8cdd}.demo-info{margin-top:15px;background:#fafbfc;border:1px solid #dce1ea;border-radius:12px;padding:18px;font-size:12px;color:#7d879a;line-height:1.9}.demo-info b{font-weight:500;color:#536078}.demo-info select{border:1px solid #dbe1ee;background:white;border-radius:6px;padding:5px 9px;color:#626d88;margin:0 8px}.flow{font-size:12px;line-height:1.9;color:#7f8898;background:#fafbfb;border:1px solid #dde1e7;border-radius:10px;padding:15px 18px;margin:18px 0}.notes{max-width:1252px;margin:15px auto 40px;background:#fafbfb;border:1px solid #dce0e7;border-radius:12px;padding:24px;font-size:12px;line-height:1.9;color:#7d8796}.notes h2{font-size:16px;color:#49556a;margin:0 0 10px}.notes p{margin:8px 0}.reference{width:100%;display:block;margin-top:15px;border-radius:4px}footer{font-size:11px;color:#8f97a4;text-align:center;padding:0 20px 28px}[hidden]{display:none!important}
@media(max-width:900px){.grid{grid-template-columns:1fr}.demo{display:flex;flex-direction:column;gap:15px}.demo-nav{display:flex;overflow:auto}.demo-nav button{min-width:170px}.section-heading{display:block}.section-heading p{margin-top:7px}.notes{margin:15px 20px 35px}.legend{flex-wrap:wrap;gap:8px 15px}}@media(max-width:500px){header{padding:25px 16px 15px}h1{font-size:24px}.section{padding:10px 12px 20px}.demo{padding:0 12px}.frame-heading{height:54px}.frame-heading b{font-size:12px}.annotation{font-size:11px}.device{border-width:0}.demo-info{padding:12px}.tools{gap:6px}.tools button,.tools a{padding:9px 10px}.legend{line-height:1.7}}
:root{--lavender:#dadffa}.robot{width:19cqw;height:20cqw}.robot img{width:455.48cqw;left:-157.21cqw;top:-19.26cqw;mix-blend-mode:normal}.keypad button.word{margin-top:0;font-family:inherit}.menu button{padding:1.05cqw 1.8cqw}.settings-bottom{margin-top:1.2cqw}
.profile-row{font-size:1.6cqw;line-height:1.4}.settings-bottom{font-size:1.45cqw;line-height:1.4}
.conflict-card{top:12cqw;height:34cqw}.conflict-card .copy h3{font-size:2cqw}.conflict-card .parent-id{color:#505b80;margin-bottom:1cqw}.toggle:disabled[aria-checked=true]{opacity:.75}