
.uwb346{--ink:#133745;--blue:#087d94;color:var(--ink);font-family:Arial,"Noto Sans TC",sans-serif;line-height:1.7;overflow-wrap:anywhere}.uwb346 *{box-sizing:border-box}.uwb346 [hidden]{display:none!important}.uwb346 p{font-size:16px!important;line-height:1.8!important;margin:12px 0}.uwb346 h2{font-size:clamp(25px,3vw,36px)!important;line-height:1.35!important;font-weight:bold!important;color:var(--ink)!important;margin:10px 0 20px!important}.uwb346 h3{font-size:20px!important;color:var(--ink)!important;margin:12px 0!important}.uwb346 .hero{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;border-radius:24px;padding:36px;background:#e9f2f3}.uwb346 .hero h2{font-size:clamp(30px,4vw,48px)!important}.uwb346 .eyebrow{font-size:12px!important;letter-spacing:.1em;font-weight:bold}.uwb346 figure{margin:0}.uwb346 .product{background:white;border-radius:24px;align-self:center;padding:20px}.uwb346 .product img{width:100%;height:300px;object-fit:contain}.uwb346 figcaption{font-size:12px;text-align:center;color:#496b75}.uwb346 .jump,.uwb346 .tabs,.uwb346 .controls{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.uwb346 button,.uwb346 .jump a{font:inherit;font-weight:bold;font-size:14px;border:1px solid #97bac4;border-radius:10px;background:#fff;color:var(--ink);padding:11px 15px;cursor:pointer;text-decoration:none}.uwb346 [aria-selected=true],.uwb346 .jump a:first-child{background:var(--ink);color:#fff}.uwb346 :focus-visible{outline:3px solid #da8d24;outline-offset:3px}.uwb346 .chapter{padding:40px 6px;scroll-margin-top:85px;border-bottom:1px solid #d5e3e7}.uwb346 .architecture{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.uwb346 .architecture article,.uwb346 .application{padding:22px;background:#f0f5f7;border-top:3px solid var(--blue)}.uwb346 .architecture p{font-size:14px!important}.uwb346 .demo-panel{background:#113d4a;color:white;padding:26px;border-radius:20px;margin-top:15px}.uwb346 .demo-panel h3{color:white!important}.uwb346 .nodes{display:flex;align-items:center;gap:12px;min-height:135px;margin:22px 0}.uwb346 .node{flex:1;min-width:0;padding:24px 10px;border:1px solid #7da0aa;border-radius:12px;text-align:center;font-weight:bold;background:#ffffff0a;transition:background .25s,box-shadow .25s}.uwb346 .node.active{background:#bee9a7;color:#123b40;box-shadow:0 0 0 6px #bee9a71c}.uwb346 .arrow{font-size:25px;color:#a2daca}.uwb346 .steps{padding-left:22px}.uwb346 .steps li{padding:7px;color:#d1e5ea}.uwb346 .steps li.current{color:#fff;background:#ffffff13}.uwb346 .demo-note{font-size:13px!important;color:#c4dce3}.uwb346 .applications{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.uwb346 .scroll{overflow:auto}.uwb346 table{width:100%;border-collapse:collapse;font-size:15px}.uwb346 th,.uwb346 td{padding:14px;text-align:left;border-bottom:1px solid #d5e3e7}.uwb346 th{background:#e9f2f3}.uwb346 .note{font-size:13px!important;color:#4c6a76}.uwb346 details{padding:15px 0;border-bottom:1px solid #d5e3e7}.uwb346 summary{cursor:pointer;font-size:18px;font-weight:bold}.uwb346 .plan{background:#e9f2f3;border-radius:20px;padding:24px;margin:28px 0}.uwb346 .plan ul{padding-left:22px}.uwb346 a{color:#08718a;text-decoration:underline}#uwb346-shell .uwb346-heading{padding:8px 8px 24px}#uwb346-shell .uwb346-heading h1{font-size:clamp(22px,2.6vw,33px);line-height:1.4;font-weight:600;color:#133745;margin:0 0 10px}#uwb346-shell .uwb346-heading p{font-size:14px;color:#496b75}#uwb346-shell .jieshao_box{margin-top:0;padding-top:0}@media(max-width:800px){.uwb346 .hero{grid-template-columns:1fr;padding:26px}.uwb346 .product img{height:230px}.uwb346 .architecture,.uwb346 .applications{grid-template-columns:1fr}.uwb346 .chapter{padding:30px 6px}.uwb346 .demo-panel{padding:20px}}@media(max-width:520px){.uwb346 .hero{padding:22px}.uwb346 .hero h2{font-size:32px!important}.uwb346 .node{font-size:13px;padding:20px 7px}.uwb346 .nodes{gap:7px}.uwb346 .arrow{font-size:19px}.uwb346 .demo-panel{padding:17px 12px}#uwb346-shell .n_box_left{overflow:hidden;margin-bottom:18px;padding:0}#uwb346-shell .n_box_left>ul{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:6px 0 10px}#uwb346-shell .n_box_left>ul>li{float:none;width:auto;flex:0 0 auto;white-space:nowrap;border:1px solid #d2dfe4;border-radius:24px;padding:5px 10px}#uwb346-shell .n_box_left h2{margin:0;padding:0}}@media(prefers-reduced-motion:reduce){.uwb346 .node{transition:none}}
