*{box-sizing:border-box}body{margin:0;background:#f5f7fc;color:#192f54;font-family:"Microsoft YaHei",system-ui,sans-serif;font-size:14px}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #7656ff;outline-offset:3px}#sidebar{width:206px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e5eaf5;display:flex;flex-direction:column;padding:24px 12px 14px;z-index:5}.brand{display:flex;align-items:center;flex-direction:column;margin-bottom:24px}.brand img{width:136px;height:62px;object-fit:contain}.brand span{font-size:11px;letter-spacing:3px;color:#8191ac;margin-top:6px}nav{overflow:auto;flex:1}nav h3{font-size:12px;color:#8492ab;font-weight:500;margin:19px 15px 7px}nav button{display:flex;align-items:center;gap:13px;width:100%;border:0;background:none;color:#3a4d6c;padding:11px 16px;border-radius:7px;text-align:left;font-size:14px;margin:2px 0}nav button b{width:20px;font-size:19px;color:#4885fc;font-weight:500}nav button:hover{background:#f3f6ff}nav button.active{background:#eaf0ff;color:#6550e9;font-weight:700}.sidebar-bottom{border-top:1px solid #edf0f7;padding:16px 12px 0;font-size:12px;color:#6f819f;line-height:2}.dot{display:inline-block;width:7px;height:7px;background:#19b788;border-radius:100%;margin-right:6px}.sidebar-bottom small{margin-left:13px}main{margin-left:206px;height:100dvh;display:flex;flex-direction:column}header{height:72px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #e7edf7}header strong{font-size:18px}.tag{background:#edf0ff;color:#655bcb;font-size:11px;border-radius:4px;padding:4px 8px;margin-left:12px}.header-actions{display:flex;gap:24px;align-items:center}.home-link{font-size:13px;color:#72809b}.download{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(105deg,#1675ff,#6450ff);color:#fff;border:0;border-radius:8px;padding:12px 20px;font-weight:600;box-shadow:0 5px 16px #3973ec22}.download:hover{filter:brightness(1.08)}.guide{min-height:49px;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:10px 24px;border-bottom:1px solid #e8edf5;background:#f8faff;font-size:12px;color:#73819a}.demo-label{font-size:11px;color:#2379c4;background:#e4f2ff;padding:3px 6px;border-radius:3px;margin-right:12px}.guide button{border:0;background:none;color:#4679ce;font-size:12px;padding:4px 7px}#frame-wrap{position:relative;flex:1;min-height:0;overflow:auto}iframe{width:100%;height:100%;border:0;display:block;background:#f5f7fc;min-width:980px}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#f6f8fc;color:#7a8eaf}footer{padding:9px 20px;color:#8b98ac;text-align:center;font-size:11px;background:white;border-top:1px solid #e7edf7}dialog{border:1px solid #e8edf8;border-radius:20px;padding:42px;width:min(700px,90vw);box-shadow:0 30px 100px #182b5033;color:#203555}dialog::backdrop{background:#14243b66;backdrop-filter:blur(4px)}dialog h2{font-size:27px;letter-spacing:-1px;margin:12px 0 16px}dialog p{color:#7a89a1;line-height:1.9}dialog .close{position:absolute;right:17px;top:12px;font-size:28px;border:0;background:none;color:#8593a7}.dialog-symbol{width:62px;height:62px;background:#ecf2ff;border-radius:18px;color:#327cff;font-size:34px;display:grid;place-content:center}.eyebrow{font-size:12px;letter-spacing:2px}.continue{background:none;border:0;color:#6f809b;margin-left:12px}#flowDialog{width:min(850px,92vw)}#flowSteps{display:flex;gap:8px;margin:25px 0}#flowSteps button{flex:1;border:1px solid #e4eafa;background:#f5f7fb;border-radius:8px;padding:12px 5px;color:#8190a8;font-size:12px}#flowSteps button.active{background:#ecf2ff;border-color:#85acff;color:#2a72ea}.flow-preview{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:center}.sample-card{border-radius:15px;background:linear-gradient(150deg,#d9eaff,#eee7ff);padding:24px;color:#26476b;text-align:center;aspect-ratio:4/5}.sample-card>span{font-size:8px;letter-spacing:3px}.sample-product{font-size:90px;color:#416eda;line-height:1.7;filter:drop-shadow(0 15px 10px #687ace33)}.sample-card h3{font-size:15px;margin:8px 0}.sample-card p{font-size:10px}.flow-copy .tag{margin:0}.flow-copy p{min-height:80px;font-size:14px}#toast{position:fixed;bottom:45px;left:50%;transform:translateX(-50%);background:#233856;color:#fff;border-radius:9px;padding:12px 20px;z-index:30;display:none;font-size:13px}#menu{display:none}#loading[hidden]{display:none}@media(max-width:800px){#sidebar{transform:translateX(-100%);transition:transform .2s;width:200px;padding-top:75px}body.menu-open #sidebar{transform:translateX(0)}main{margin:0}header{position:relative;z-index:6;padding:0 12px;gap:12px;height:60px}header strong{font-size:14px}header .tag,.home-link{display:none}#menu{display:block;border:0;background:none;font-size:23px;color:#3779e7}.header-actions{margin-left:auto}.download{padding:10px 12px;font-size:12px}.guide{padding:8px 12px;gap:4px;align-items:start}.guide>div:first-child{line-height:1.7;max-width:70%}.guide>div:last-child{display:flex;flex-direction:column;white-space:nowrap}.demo-label{display:inline-block;margin-right:6px}footer{font-size:10px;text-align:left}.flow-preview{grid-template-columns:1fr}.sample-card{display:none}dialog{padding:30px 22px}dialog h2{font-size:22px}#flowSteps{gap:3px}#flowSteps button{font-size:10px}#frame-wrap:after{content:'左右滑动查看完整软件界面';position:fixed;bottom:38px;right:10px;padding:5px 9px;border-radius:12px;background:#24374bbf;color:#fff;font-size:10px;pointer-events:none}}

.brand:after{content:'瞬爆 SHUNBAO';font-size:19px;font-weight:800;letter-spacing:1px;margin-top:8px;color:#172f56}nav button{font-size:15px}

body.embedded main>header,body.embedded .guide,body.embedded main>footer{display:none}body.embedded #sidebar{padding-top:16px}body.embedded .brand{margin-bottom:10px}body.embedded .brand img{width:80px;height:40px}body.embedded .brand span,body.embedded .brand:after,body.embedded .sidebar-bottom{display:none}body.embedded nav h3{margin-top:12px}body.embedded nav button{padding:9px 12px;font-size:13px}body.embedded #sidebar{width:166px}body.embedded main{margin-left:166px}@media(max-width:800px){body.embedded #sidebar{display:none}body.embedded main{margin-left:0}}
#downloadDialog{text-align:center;width:min(620px,calc(100vw - 32px));padding:42px 32px 28px}#downloadDialog .eyebrow{margin:0 0 16px;color:#9197a3}#downloadDialog h2{color:#d92d35;font-size:27px;line-height:1.45;margin:0 0 14px;font-weight:750}#downloadDialog>p:not(.eyebrow){font-size:14px;line-height:1.7;margin:0 0 26px;color:#788396}#downloadDialog>.download{display:flex;justify-content:center;align-items:center;width:min(420px,100%);min-height:62px;margin:0 auto;font-size:20px;font-weight:750;border-radius:12px;box-shadow:0 8px 24px #5c4dff35}#downloadDialog>.continue{display:block;margin:17px auto 0;font-size:13px;color:#9299a7;padding:7px 12px}@media(max-width:600px){#downloadDialog{padding:38px 20px 24px}#downloadDialog h2{font-size:23px}#downloadDialog>.download{font-size:17px;min-height:58px}}
@media(max-width:800px){body[data-module="one-cut-web"] #workspace{min-width:0}body[data-module="one-cut-web"] #frame-wrap:after{display:none}.embedded main{height:100dvh}}
#downloadDialog #downloadStatus{font-size:12px;margin:15px 0;color:#526885}
/* V1.51: show every desktop feature without scrolling the navigation. */
@media(min-width:801px){
 #sidebar,body.embedded #sidebar{padding:10px 10px 8px}
 #sidebar .brand,body.embedded #sidebar .brand{flex:0 0 auto;margin:0 0 7px}
 #sidebar .brand img,body.embedded #sidebar .brand img{width:88px;height:38px}
 #sidebar .brand span,#sidebar .brand:after{display:none}
 #sidebar nav{display:flex;flex-direction:column;overflow:visible;min-height:0;gap:0}
 #sidebar nav h3,body.embedded #sidebar nav h3{flex:0 0 17px;line-height:17px;font-size:10px;margin:3px 10px 1px}
 #sidebar nav button,body.embedded #sidebar nav button{flex:1 1 28px;min-height:0;max-height:34px;margin:0;padding:0 10px;gap:9px;font-size:13px;line-height:18px;white-space:nowrap}
 #sidebar nav button b{flex:0 0 18px;width:18px;font-size:16px;line-height:18px}
 #sidebar .sidebar-bottom{flex:0 0 auto;padding:5px 8px 0;margin-top:6px;font-size:10px;line-height:15px}
 #sidebar .sidebar-bottom small{font-size:9px}
}
@media(min-width:801px) and (max-height:519px){
 #sidebar,body.embedded #sidebar{width:300px;padding:6px 9px}
 main,body.embedded main{margin-left:300px}
 #sidebar .brand,body.embedded #sidebar .brand{display:none}
 #sidebar .sidebar-bottom{display:none}
 #sidebar nav{display:grid;grid-template-columns:1fr 1fr;align-content:stretch;column-gap:4px}
 #sidebar nav h3,body.embedded #sidebar nav h3{grid-column:1/-1;margin:0 8px;line-height:14px;font-size:9px}
 #sidebar nav button,body.embedded #sidebar nav button{height:100%;max-height:none;min-height:20px;font-size:12px;padding:0 8px;gap:5px}
}

/* Mobile navigation is independent of the desktop sidebar. */
.mobile-tools{display:none}
#functionPicker{width:min(520px,calc(100% - 24px));max-height:85dvh;padding:20px;border-radius:18px;overflow:auto}
.picker-heading{display:flex;justify-content:space-between;align-items:center;font-size:20px}.picker-heading button{background:none;border:0;font-size:28px;padding:0 8px;color:#64748b}
#functionPicker p{font-size:13px;margin:4px 0 12px}.picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.picker-grid h3{grid-column:1/-1;font-size:12px;color:#7b8ca8;margin:12px 0 0}.picker-grid button{min-height:46px;border:1px solid #e0e8f6;background:#f7f9ff;border-radius:9px;color:#243f68;font-size:14px}.picker-grid button[aria-pressed=true]{border-color:#6554ed;background:#eeebff;color:#6554ed}.picker-grid small{display:block;color:#14a478;font-size:10px}
@media(max-width:800px){
.mobile-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;flex:0 0 auto;background:white;border-bottom:1px solid #e0e6f2;z-index:7;min-height:54px}.mobile-tools button{min-height:38px;border:1px solid #deddf5;border-radius:8px;background:#f1eeff;color:#6150d8;font-size:13px;padding:6px 9px}.mobile-tools strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.embedded main{height:100dvh}body[data-module="roi-calculator-web"] #workspace{min-width:0}body[data-module="roi-calculator-web"] #frame-wrap:after{display:none}
}

@media(max-width:800px){#workspace{min-width:0!important}#frame-wrap:after{display:none!important}#functionPicker{padding:12px;width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.picker-heading{font-size:15px}.picker-heading button{font-size:22px;min-width:36px;min-height:36px}#functionPicker p{display:none}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.picker-grid h3{font-size:10px;margin:7px 0 0;line-height:14px}.picker-grid button{min-height:36px;font-size:12px;padding:5px 2px;border-radius:6px}.picker-grid small{display:none}.mobile-tools button{min-height:36px;font-size:12px}.mobile-tools{min-height:48px;padding:6px 8px}.mobile-tools strong{font-size:12px}.mobile-course{color:#6552df;font-size:12px;white-space:nowrap}}
@media(max-width:800px){#functionPicker{padding:8px}.picker-heading{font-size:14px;line-height:28px}.picker-heading button{min-height:28px;height:28px;font-size:20px}.picker-grid{gap:3px}.picker-grid h3{margin:3px 0 0;font-size:10px;line-height:12px}.picker-grid button{min-height:32px;height:32px;font-size:11px;padding:3px 2px}}