#wbApp{position:relative;height:65vh;min-height:460px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.08);border:1px solid #e8e8e8}
#wbApp canvas{position:absolute;top:0;left:0;touch-action:none;cursor:default}
#wbApp #symCanvas{pointer-events:none}
#wbApp .eraser{border-radius:100%;width:48px;height:48px;border:2px #d3d3d3 solid;background:rgba(207,207,207,.2);opacity:.7;display:none;position:absolute;pointer-events:none;z-index:10;box-sizing:border-box}
#wbApp .toolbar{height:50px;width:400px;max-width:100%;position:absolute;bottom:0;left:50%;z-index:12;transform:translateX(-50%);box-shadow:0 0 10px 0 rgba(0,0,0,.2);user-select:none;background:#fff;border-radius:10px 10px 0 0;display:flex;overflow:visible}
#wbApp [class^="toolbar-"]{height:50px;width:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease-out;flex:1}
#wbApp [class^="toolbar-"]:hover{background:#f1f1f2}
#wbApp [class^="toolbar-"].active{background:#f1f1f2}
#wbApp .toolbar-pen.active,#wbApp .toolbar-eraser.active{background:#fff}
#wbApp [class^="toolbar-"] svg{width:44px;height:44px;display:block;transition:transform .25s cubic-bezier(.25,.85,.3,1)}
#wbApp .toolbar-pen.active svg,#wbApp .toolbar-eraser.active svg{transform:translateY(-9px)}
#wbApp .toolbar-pen{position:relative}
#wbApp .toolbar-pen-viewer-1,#wbApp .toolbar-pen-viewer-2,#wbApp .toolbar-pen-viewer-3,#wbApp .toolbar-pen-viewer-4{position:absolute;left:50%;border-radius:100%;transition:transform .25s cubic-bezier(.25,.85,.3,1)}
#wbApp .toolbar-pen-viewer-1{width:3px;height:3px;top:4px;transform:translateX(-50%)}
#wbApp .toolbar-pen-viewer-2{width:5px;height:5px;top:3px;transform:translateX(-50%)}
#wbApp .toolbar-pen-viewer-3{width:7px;height:7px;top:2px;transform:translateX(-50%)}
#wbApp .toolbar-pen-viewer-4{width:9px;height:9px;top:1px;transform:translateX(-50%)}
#wbApp .toolbar-pen.active .toolbar-pen-viewer-1,#wbApp .toolbar-pen.active .toolbar-pen-viewer-2,#wbApp .toolbar-pen.active .toolbar-pen-viewer-3,#wbApp .toolbar-pen.active .toolbar-pen-viewer-4{transform:translate(-50%,-9px)}
#wbApp .toolbar-save{color:#333;line-height:50px;position:relative}
#wbApp .toolbar-save svg{transform:translateY(0);width:24px;height:24px;vertical-align:middle;display:inline-block}
#wbApp .toolbar-undo,.toolbar-redo,.toolbar-paper,.toolbar-live,.toolbar-shape{color:#333;line-height:50px;position:relative;cursor:pointer}
#wbApp .toolbar-undo svg,.toolbar-redo svg,.toolbar-paper svg,.toolbar-live svg,.toolbar-shape svg{transform:translateY(0);width:24px;height:24px;vertical-align:middle;display:inline-block}
#wbApp .toolbar-shape.active{color:#333}
#wbApp .toolbar-live.recording{color:#e71224}
#wbApp .toolbar-live.recording svg{animation:wbRecBlink 1s infinite}
@keyframes wbRecBlink{0%,100%{opacity:1}50%{opacity:.35}}
#wbApp .toolbarmenu-paper{opacity:0;transition:opacity .2s linear;pointer-events:none;animation-fill-mode:forwards;animation:fadelogOut .4s;margin-left:-92px;position:absolute;bottom:8px;width:284px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.15)}
#wbApp .toolbarmenu-paper.active{pointer-events:all;opacity:1;animation-fill-mode:forwards;animation:fadelogIn .3s}
#wbApp .paper-panel{width:284px;padding:12px}
#wbApp .paper-panel .paper-title{font-size:14px;color:#666;margin:0 0 10px;font-weight:600}
#wbApp .paper-panel .paper-styles{display:flex;gap:8px;margin-bottom:12px}
#wbApp .paper-panel .paper-style{flex:1;height:52px;border-radius:8px;border:2px solid rgba(179,179,179,.4);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fff;transition:transform .15s,box-shadow .15s}
#wbApp .paper-panel .paper-style:hover{transform:scale(1.06);box-shadow:0 2px 8px rgba(0,0,0,.2)}
#wbApp .paper-panel .paper-style.active{border-color:#333;box-shadow:0 0 0 2px rgba(51,51,51,.25)}
#wbApp .paper-panel .paper-style i{display:block;width:28px;height:18px;border:1px solid #ddd;border-radius:2px}
#wbApp .paper-panel .paper-style i.ps-dots{background-image:radial-gradient(circle,#999 1px,transparent 1px);background-size:6px 6px}
#wbApp .paper-panel .paper-style i.ps-grid{background-image:linear-gradient(#ddd 1px,transparent 1px),linear-gradient(90deg,#ddd 1px,transparent 1px);background-size:6px 6px}
#wbApp .paper-panel .paper-style i.ps-lines{background-image:repeating-linear-gradient(transparent 0 4px,#ddd 4px 5px)}
#wbApp .paper-panel .paper-style span{font-size:11px;color:#666}
#wbApp .paper-panel .paper-colors{display:flex;flex-wrap:wrap;gap:8px}
#wbApp .paper-panel .paper-color{width:34px;height:34px;border-radius:8px;border:2px solid rgba(179,179,179,.4);cursor:pointer;transition:transform .15s,box-shadow .15s}
#wbApp .paper-panel .paper-color:hover{transform:scale(1.12);box-shadow:0 2px 8px rgba(0,0,0,.2)}
#wbApp .paper-panel .paper-color.active{border-color:#333;box-shadow:0 0 0 2px rgba(51,51,51,.25)}
#wbApp .paper-live-switch{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid #f0f0f0;font-size:13px;color:#555}
#wbApp .pls-label{display:flex;align-items:center;gap:6px;user-select:none}
#wbApp .pls-tip{font-size:11px;color:#aaa;margin-left:4px}
#wbApp .pls-switch{position:relative;display:inline-block;width:38px;height:20px;cursor:pointer;flex-shrink:0}
#wbApp .pls-switch input{position:absolute;opacity:0;width:0;height:0}
#wbApp .pls-switch i{position:absolute;inset:0;background:#ccc;border-radius:20px;transition:background-color .2s}
#wbApp .pls-switch i:before{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
#wbApp .pls-switch input:checked + i{background:#4a6cf7}
#wbApp .pls-switch input:checked + i:before{transform:translateX(18px)}
#wbApp .toolbarmenu-live{opacity:0;transition:opacity .2s linear;pointer-events:none;animation-fill-mode:forwards;animation:fadelogOut .4s;position:absolute;bottom:8px;left:120px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.15)}
#wbApp .toolbarmenu-live.active{pointer-events:all;opacity:1;animation-fill-mode:forwards;animation:fadelogIn .3s}
#wbApp .toolbarmenu-interact{opacity:0;pointer-events:none;transition:opacity .18s ease;position:absolute;bottom:8px;left:50%;transform:translateX(-50%);border-radius:8px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.15);width:330px;padding:10px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;overflow:hidden}
#wbApp .toolbarmenu-interact.active{pointer-events:all;opacity:1}
#wbApp .interact-emoji{height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:background-color .15s}
#wbApp .interact-emoji img{width:30px;height:30px;display:block;pointer-events:none}
#wbApp .interact-emoji:hover{background:#f1f1f2}
#wbApp .toolbarmenu-shape{opacity:0;pointer-events:none;transition:opacity .18s ease;position:absolute;bottom:8px;left:50%;transform:translateX(-50%);border-radius:8px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.15);padding:10px;z-index:13}
#wbApp .toolbarmenu-shape.active{pointer-events:all;opacity:1}
#wbApp .shape-paste-row{display:flex;align-items:center;gap:8px;margin:2px 0 8px}
#wbApp .shape-paste{display:flex;align-items:center;justify-content:center;height:26px;padding:0 10px;border:1px dashed #b9c7ff;border-radius:6px;background:#f3f6ff;color:#4a6cf7;font-size:12px;cursor:pointer;user-select:none;flex-shrink:0}
#wbApp .shape-paste:hover{background:#e8eeff;border-color:#4a6cf7}
#wbApp .shape-open-sym{display:flex;align-items:center;justify-content:center;height:26px;padding:0 10px;border-radius:6px;background:#fff7e6;color:#d48806;font-size:12px;text-decoration:none;cursor:pointer;user-select:none;border:1px solid #ffe7ba;flex-shrink:0}
#wbApp .shape-open-sym:hover{background:#ffe7ba}
#wbApp .shape-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:8px}
#wbApp .shape-opt{width:34px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:background-color .15s;font-size:18px;line-height:1;color:#333}
#wbApp .shape-opt:hover{background:#f1f1f2}
#wbApp .shape-opt.active{background:#f1f1f2}
#wbApp .shape-bar{display:flex;align-items:center;gap:10px;border-top:1px solid #f0f0f0;padding-top:8px}
#wbApp .shape-colors{display:flex;flex-wrap:wrap;gap:6px;width:156px}
#wbApp .shape-colors .color-switcher{margin:0;width:22px;height:22px;border:2px solid rgba(179,179,179,.8);border-radius:50%;cursor:pointer;flex-shrink:0;background-color:#fff}
#wbApp .shape-colors .color-switcher:hover{box-shadow:0 0 0 3px rgba(221,221,221,.8)}
#wbApp .shape-colors .color-switcher.active{box-shadow:0 0 0 3px rgba(221,221,221,.8)}
#wbApp .shape-widths{display:flex;flex-direction:column;gap:5px;align-items:center;border-left:1px solid #f0f0f0;padding-left:10px}
#wbApp .shape-widths .sw{width:24px;height:24px;border-radius:50%;border:2px solid rgba(179,179,179,.8);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
#wbApp .shape-widths .sw:hover{box-shadow:0 0 0 3px rgba(221,221,221,.8)}
#wbApp .shape-widths .sw.active{box-shadow:0 0 0 3px rgba(221,221,221,.8)}
#wbApp .shape-widths .sw span{background:#000;border-radius:50%;display:block}
#wbApp{user-select:none;-webkit-user-select:none}
#wbApp .wb-emoji-danmu{position:absolute;z-index:18;pointer-events:none;will-change:transform,opacity}
#wbApp .wb-emoji-danmu img{width:44px;height:44px;display:block;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:none}
#wbApp .toolbarmenu-live p{cursor:pointer;height:45px;margin:0;padding:0 18px;display:flex;align-items:center;background:#fff;transition:background-color .1s ease-out;color:#333;font-size:14px;gap:8px}
#wbApp .toolbarmenu-live p:hover{background:#f1f1f2}
#wbApp .toolbarmenu-live p svg{width:18px;height:18px;flex-shrink:0}
#wbApp .toolbarmenu-live p.live-on{color:#02A556;font-weight:600}
#wbApp .wb-live-video{position:absolute;right:12px;top:12px;width:200px;height:150px;object-fit:cover;border-radius:8px;z-index:15;border:2px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.3);background:#000}
#wbApp .wb-live-video .wb-live-close{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:#e71224;color:#fff;font-size:12px;line-height:22px;text-align:center;cursor:pointer;z-index:16}
#wbApp .wb-rec-badge{position:absolute;top:12px;left:12px;z-index:15;background:rgba(231,18,36,.9);color:#fff;font-size:12px;padding:4px 10px;border-radius:6px;display:none;align-items:center;gap:6px}
#wbApp .wb-rec-badge.on{display:flex}
#wbApp .wb-rec-badge .dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:wbRecBlink 1s infinite}
#wbApp .wb-record-dock{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:20;background:#fff;border-radius:10px;box-shadow:0 2px 14px rgba(0,0,0,.18);display:none;align-items:center;gap:4px;padding:6px 8px;border:1px solid #eee;white-space:nowrap}
#wbApp .wb-record-dock.on{display:flex}
#wbApp .wb-record-dock .rec-tool{cursor:pointer;font-size:13px;color:#333;padding:6px 12px;border-radius:6px;background:#f5f5f5;transition:background-color .15s}
#wbApp .wb-record-dock .rec-tool:hover{background:#e8e8e8}
#wbApp .wb-record-dock .rec-tool.active{background:#e71224;color:#fff}
#wbApp .wb-record-dock .rec-tool.rec-cam.on{background:#02A556;color:#fff}
#wbApp .wb-record-dock .rec-shapes{display:flex;gap:2px;background:#f5f5f5;border-radius:6px;padding:3px}
#wbApp .wb-record-dock .rec-shape{cursor:pointer;font-size:13px;color:#666;padding:3px 9px;border-radius:5px}
#wbApp .wb-record-dock .rec-shape.active{background:#fff;color:#333;font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.12)}
#wbApp .wb-record-dock .rec-close{cursor:pointer;font-size:18px;color:#999;padding:2px 6px;line-height:1}
#wbApp .wb-record-dock .rec-close:hover{color:#333}
#wbApp .wb-live-pop{position:absolute;top:0;left:0;right:0;bottom:0;z-index:30;background:rgba(0,0,0,.35);display:none;align-items:center;justify-content:center}
#wbApp .wb-live-pop.on{display:flex}
#wbApp .wb-live-pop .wb-live-pop-box{position:relative;width:480px;max-width:90%;background:#fff;border-radius:12px;padding:26px 28px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
#wbApp .wb-live-pop .pop-close{position:absolute;top:10px;right:14px;font-size:20px;color:#999;cursor:pointer;line-height:1}
#wbApp .wb-live-pop .pop-close:hover{color:#333}
#wbApp .wb-live-pop .pop-title{font-size:17px;font-weight:700;color:#222;margin:0 0 10px;letter-spacing:.5px}
#wbApp .wb-live-pop .pop-title em{font-style:normal;color:#999;font-size:12px;font-weight:400;margin-left:8px}
#wbApp .wb-live-pop .pop-desc{font-size:13px;color:#666;margin:0 0 14px}
#wbApp .wb-live-pop .pop-sub{font-size:13px;font-weight:600;color:#333;margin:12px 0 6px}
#wbApp .wb-live-pop .pop-steps{font-size:13px;color:#555;line-height:1.8;margin:0;background:#f8f8f8;border-radius:8px;padding:10px 12px}
#wbApp .wb-live-pop .pop-link-row{display:flex;gap:8px;align-items:center}
#wbApp .wb-live-pop .pop-link{flex:1;font-size:13px;color:#444;padding:8px 10px;border:1px solid #ddd;border-radius:8px;background:#fafafa;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#wbApp .wb-live-pop .pop-copy{cursor:pointer;font-size:13px;color:#fff;background:#333;padding:8px 16px;border-radius:8px;flex-shrink:0;transition:background-color .15s}
#wbApp .wb-live-pop .pop-copy:hover{background:#000}
#wbApp .wb-live-pop .pop-remind{display:flex;align-items:center;gap:6px;font-size:12px;color:#999;margin-top:14px;cursor:pointer}
#wbApp .wb-live-pop .pop-remind input{cursor:pointer}
#wbApp .toolbarmenu{height:50px;width:100px;position:absolute;bottom:50px;left:50%;transform:translateX(-50%);user-select:none;z-index:11}
#wbApp [class^="toolbarmenu-"]:not(.toolbarmenu-interact):not(.toolbarmenu-shape){height:auto;width:160px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.15)}
#wbApp .toolbarmenu-pen{opacity:0;width:260px!important;transition:opacity .2s linear;pointer-events:none;animation-fill-mode:forwards;animation:fadelogOut .4s;position:absolute;bottom:5px;left:-155px;padding:5px 5px 5px 0;border-radius:8px}
#wbApp .toolbarmenu-pen.active{pointer-events:all;opacity:1;animation-fill-mode:forwards;animation:fadelogIn .3s}
#wbApp .toolbarmenu-eraser{opacity:0;transition:opacity .2s linear;pointer-events:none;animation-fill-mode:forwards;animation:fadelogOut .4s;position:absolute;bottom:8px;left:-130px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.15);padding:8px 0}
#wbApp .toolbarmenu-eraser.active{pointer-events:all;opacity:1;animation-fill-mode:forwards;animation:fadelogIn .3s}
#wbApp .width-viewer{height:200px;width:50px;float:left}
#wbApp .switcher-container{height:200px;float:left;display:flex;flex-direction:column;justify-content:space-around}
#wbApp .switcher-container[type="width"]{width:50px}
#wbApp .switcher-container [class^="width-switcher-"]{height:25px;width:25px;border-radius:100%;border:2px solid rgba(179,179,179,.8);box-shadow:0 0 0 3px transparent;transition:box-shadow .1s ease-out;cursor:pointer;display:flex;justify-content:center;align-items:center}
#wbApp .switcher-container [class^="width-switcher-"]:hover{box-shadow:0 0 0 3px rgba(221,221,221,.8)}
#wbApp .switcher-container [class^="width-switcher-"].active{box-shadow:0 0 0 3px rgba(221,221,221,.8)}
#wbApp .switcher-container [class^="width-switcher-"] span{background:#000;display:block;border-radius:100%}
#wbApp .switcher-container .width-switcher-4 span{height:13px;width:13px}
#wbApp .switcher-container .width-switcher-3 span{height:11px;width:11px}
#wbApp .switcher-container .width-switcher-2 span{height:9px;width:9px}
#wbApp .switcher-container .width-switcher-1 span{height:5px;width:5px}
#wbApp .switcher-container[type="color"]{width:150px;flex-flow:column wrap}
#wbApp .switcher-container .color-switcher{height:25px;width:25px;border-radius:100%;border:2px solid rgba(179,179,179,.8);box-shadow:0 0 0 3px transparent;transition:box-shadow .1s ease-out;cursor:pointer;flex-shrink:0;background-color:#fff;margin:10px 10px}
#wbApp .switcher-container .color-switcher:hover{box-shadow:0 0 0 3px rgba(221,221,221,.8)}
#wbApp .switcher-container .color-switcher.active{box-shadow:0 0 0 3px rgba(221,221,221,.8)}
#wbApp .toolbarmenu-eraser p{cursor:pointer;height:45px;margin:0;padding:0;display:flex;align-items:center;background:#fff;transition:background-color .1s ease-out;color:#333;font-size:14px}
#wbApp .toolbarmenu-eraser p:hover{background:#f1f1f2}
#wbApp .toolbarmenu-eraser p img{float:left;margin-right:7px;margin-left:10px;transform:scale(.8)}
@keyframes fadelogIn{0%{transform:translate3d(0,80px,0) scale(.7)}100%{transform:none}}
@keyframes fadelogOut{0%{transform:none}100%{transform:translate3d(0,80px,0) scale(.7)}}
#wbApp #toolbar-container{transition:opacity .2s ease-out}
#wbApp .untouchable{pointer-events:none;opacity:.7}
#wbApp .untouchable .active{pointer-events:none!important}
#wbApp .wb-fs-btn{position:absolute;top:10px;right:10px;z-index:20;width:40px;height:40px;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;transition:all .2s;border:1px solid #eee}
#wbApp .wb-fs-btn:hover{background:#f5f5f5}
#wbApp .wb-fs-btn svg{width:20px;height:20px}
#wbApp .wb-fs-btn .icon-exit{display:none}
#wbApp .wb-fs-btn.fs-on .icon-enter{display:none}
#wbApp .wb-fs-btn.fs-on .icon-exit{display:block}
#wbApp .wb-fs-tip{position:absolute;top:60px;right:0;z-index:25;background:#fff;border:1px solid #e3ecff;border-radius:10px;padding:10px 14px;font-size:13px;color:#4a5578;line-height:1.7;box-shadow:0 4px 16px rgba(0,0,0,.14);max-width:280px;pointer-events:none;opacity:0;transform:translateY(-6px);transition:opacity .5s,transform .5s}
#wbApp .wb-fs-tip.on{opacity:1;transform:translateY(0)}
#wbApp .wb-fs-tip:before{content:"";position:absolute;top:-7px;right:26px;width:12px;height:12px;background:#fff;border-left:1px solid #e3ecff;border-top:1px solid #e3ecff;transform:rotate(45deg)}
#wbApp .wb-fs-tip b{color:#2563eb;font-weight:700}
@media(max-width:768px){#wbApp .wb-fs-tip{max-width:210px;font-size:12px;top:54px}}
#wbApp:fullscreen .wb-fs-tip{display:none}
#wbApp:fullscreen{width:100vw;height:100vh;border-radius:0;border:none}
.wb-intro{background:linear-gradient(135deg,#eef5ff 0%,#f7f0ff 100%);border:1px solid #e3ecff;border-radius:10px;padding:16px 22px 14px;margin-top:15px;position:relative;overflow:hidden}
.wb-intro:before{content:"";position:absolute;top:-40px;right:-30px;width:150px;height:150px;border-radius:50%;background:rgba(59,130,246,.08)}
.wb-intro:after{content:"";position:absolute;bottom:-50px;left:-20px;width:130px;height:130px;border-radius:50%;background:rgba(139,92,246,.07)}
.wb-intro h3{font-size:22px;color:#1f2a44;margin:10px 0 8px;font-weight:700;position:relative;z-index:1}
.wb-intro p{font-size:14px;color:#4a5578;line-height:1.8;margin:6px 0;text-align:justify;position:relative;z-index:1}
.wb-intro .wb-intro-poem{font-size:15px;color:#5b2d90;font-weight:600;margin-top:10px;padding-top:10px;border-top:1px dashed #c9d6f5}
@media(max-width:768px){.wb-intro{padding:12px 14px}.wb-intro h3{font-size:18px}.wb-intro p{font-size:13px}.wb-intro .wb-intro-poem{font-size:14px}}
.wb-guide{margin-top:15px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e3ecff;box-shadow:0 2px 12px rgba(80,120,255,.07)}
.wb-guide-h{display:flex;align-items:center;gap:8px;padding:13px 18px;font-size:16px;font-weight:700;color:#1f2a44;background:linear-gradient(135deg,#f0f6ff,#faf4ff);border-bottom:1px solid #eef2fb;cursor:default}
.wb-guide-h .g-hico{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#4a6cf7,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wb-guide-h .g-hico svg{width:15px;height:15px;stroke:#fff}
.wb-guide-h .g-hsub{font-size:12px;color:#8a93b5;font-weight:400;margin-left:2px}
.wb-guide-item{border-bottom:1px solid #f1f4fb}
.wb-guide-item:last-child{border-bottom:none}
.wb-guide-q{display:flex;align-items:center;gap:11px;width:100%;padding:13px 18px;font-size:14px;color:#2a3558;cursor:pointer;background:#fff;transition:background-color .15s;text-align:left;border:none;font-family:inherit}
.wb-guide-q:hover{background:#f6f9ff}
.wb-guide-q .g-ico{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#4a6cf7,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}
.wb-guide-q .g-txt{flex:1;font-weight:600}
.wb-guide-q .g-tag{font-size:11px;color:#8a93b5;background:#f2f5fc;border-radius:20px;padding:2px 9px;flex-shrink:0}
.wb-guide-q .g-arrow{transition:transform .25s;color:#9aa4c2;font-size:12px;flex-shrink:0}
.wb-guide-item.open .g-arrow{transform:rotate(90deg)}
.wb-guide-a{height:0;overflow:hidden;transition:height .3s ease}
.wb-guide-a-in{padding:6px 18px 15px 55px}
.wb-guide-a p{margin:7px 0;font-size:13px;color:#4a5578;line-height:1.8}
.wb-guide-a p b{color:#4a6cf7;font-weight:600}
.wb-guide-a .g-step{display:flex;gap:8px;margin:6px 0;font-size:13px;color:#4a5578;line-height:1.7}
.wb-guide-a .g-step i{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:#eef3ff;color:#4a6cf7;font-style:normal;text-align:center;line-height:18px;font-size:11px;margin-top:2px}
.wb-guide-a .g-note{margin-top:9px;font-size:12px;color:#9aa4c2;background:#fafbfe;border-radius:6px;padding:7px 10px;line-height:1.7}
@media(max-width:768px){.wb-guide-h{font-size:15px}.wb-guide-a-in{padding:6px 14px 13px 16px}.wb-guide-q .g-tag{display:none}}