.ding-guide-page{max-width:1180px;margin:0 auto;color:#18243a}.ding-guide-hero{position:relative;min-height:330px;padding:44px 48px;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 76% 28%,rgba(98,215,255,.32),transparent 28%),linear-gradient(135deg,#edf7ff,#f6fbff 48%,#eaf3ff);border:1px solid #d8eaff}.ding-guide-hero-copy{position:relative;z-index:2;width:min(610px,58%)}.ding-guide-hero-copy h1.ant-typography{margin:18px 0 14px;font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-1.5px;color:#102a56}.ding-guide-hero-copy .ant-typography{max-width:590px;color:#49627e;font-size:16px;line-height:1.8}.ding-guide-hero-art{position:absolute;top:0;right:0;width:44%;height:100%}.ding-guide-orbit{position:absolute;border:1px solid rgba(22,119,255,.16);border-radius:999px;transform:rotate(-18deg)}.orbit-one{width:330px;height:180px;top:68px;right:30px}.orbit-two{width:250px;height:125px;top:94px;right:70px}.ding-guide-logo{position:absolute;top:92px;right:142px;width:104px;height:104px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,#3aa2ff,#1677ff);color:#fff;font-size:54px;box-shadow:0 24px 45px #1677ff47;transform:rotate(-4deg)}.ding-guide-message-card{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:14px;background:#fffffff0;color:#28466d;font-weight:600;box-shadow:0 14px 38px #325d8f29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ding-guide-message-card.card-one{right:25px;top:210px}.ding-guide-message-card.card-two{right:150px;top:270px;color:#1677ff}.ding-guide-bell-dot{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#ff4d4f;color:#fff}.ding-guide-alert{margin:22px 0;border-radius:12px}.ding-guide-steps{display:grid;gap:20px}.ding-guide-step-card{border:1px solid #e8edf4;border-radius:18px;box-shadow:0 8px 26px #213a5d0f}.ding-guide-step-card .ant-card-body{padding:34px}.ding-guide-step-number{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:30px;padding:0 12px;border-radius:999px;background:#eaf3ff;color:#1677ff;font-weight:800;letter-spacing:1px}.ding-guide-step-card h3.ant-typography{margin:16px 0 12px;color:#183153}.ding-guide-step-description{color:#53677e;font-size:16px;line-height:1.85}.ding-guide-note{display:flex;gap:9px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:#fff8e8;color:#805d17;line-height:1.6}.ding-guide-note .anticon{margin-top:4px}.ding-guide-visual{min-height:240px;padding:22px;border-radius:16px;border:1px solid #dfe8f3;background:linear-gradient(145deg,#f7faff,#eef5fd);box-shadow:inset 0 1px #ffffffe6}.ding-guide-phone{max-width:560px;margin:0 auto;padding:0;overflow:hidden;background:#eef3f7}.ding-guide-phone-bar{display:flex;justify-content:space-between;padding:15px 18px;background:#fff;color:#1e2d41;font-weight:700;border-bottom:1px solid #edf0f4}.ding-guide-more{color:#1677ff;letter-spacing:2px}.ding-guide-chat-bubble{width:fit-content;margin:24px 18px;padding:12px 14px;border-radius:5px 14px 14px;background:#fff;color:#69798c}.ding-guide-path-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 18px}.ding-guide-path-item{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:11px;background:#fff;color:#60748d}.ding-guide-path-item.active{color:#1677ff;border:1px solid #91caff;box-shadow:0 7px 18px #1677ff1a}.ding-guide-flow-arrow{color:#8c9bae}.ding-guide-tap-hint{text-align:center;padding:18px;color:#8090a3;font-size:13px}.ding-guide-visual-title{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-weight:700;color:#233d61}.ding-guide-robot-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.ding-guide-robot-option{min-height:76px;display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#fff;border:1px solid #e4e9f0}.ding-guide-robot-option.muted{color:#9aa8b8}.ding-guide-robot-option.selected{border-color:#69b1ff;color:#1677ff;box-shadow:0 7px 20px #1677ff1a}.ding-guide-robot-option.selected>span:nth-child(2){flex:1;display:grid;gap:4px}.ding-guide-robot-option small{color:#8191a3}.ding-guide-robot-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#1677ff;color:#fff;font-size:22px}.ding-guide-name-row{display:grid;gap:8px;margin-top:16px}.ding-guide-name-row>span:last-child{padding:10px 12px;border:1px solid #cdd8e5;border-radius:8px;background:#fff;color:#36516f}.ding-guide-security-panel{background:linear-gradient(145deg,#f9fbff,#f0f6ff)}.ding-guide-security-choice{padding:11px 12px;margin-bottom:9px;border-radius:9px;background:#fff;color:#5a6e84}.ding-guide-security-choice.selected{color:#1677ff;border:1px solid #91caff}.ding-guide-radio{display:inline-block;width:14px;height:14px;margin-right:7px;border-radius:50%;border:1px solid #aeb9c6;vertical-align:-2px}.ding-guide-radio.checked{border:4px solid #1677ff}.ding-guide-secret-preview,.ding-guide-webhook-preview{display:flex;align-items:center;gap:9px;margin-top:13px;padding:11px 12px;border-radius:9px;background:#12233f;color:#d7e7ff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.ding-guide-secret-preview span,.ding-guide-webhook-preview span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ding-guide-webhook-preview{background:#fff;color:#4e6580;border:1px solid #dfe7f0}.ding-guide-system-panel{background:#fff}.ding-guide-switch-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#394f69}.ding-guide-switch{position:relative;width:39px;height:22px;border-radius:999px;background:#1677ff}.ding-guide-switch i{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff}.ding-guide-input{display:flex;gap:9px;align-items:center;padding:11px 12px;margin-top:10px;border:1px solid #d9dfe8;border-radius:8px;color:#9aa7b7}.ding-guide-button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.ding-guide-primary-button,.ding-guide-secondary-button{padding:9px 14px;border-radius:8px}.ding-guide-primary-button{background:#1677ff;color:#fff}.ding-guide-secondary-button{border:1px solid #b8c5d4;color:#3d5673}.ding-guide-bottom-row{margin-top:20px}.ding-guide-bottom-row .ant-card{height:100%;border-radius:16px}.ding-guide-check-card{border:1px solid #dce8f5}.ding-guide-check-list{display:grid;gap:15px;color:#425a75}.ding-guide-check-list>div{display:flex;align-items:flex-start;gap:10px}.ding-guide-check-list .anticon{margin-top:3px;color:#20a66a}.ding-guide-ready-card{text-align:center;background:linear-gradient(145deg,#f0f7ff,#eefcff);border:1px solid #d4e9ff}.ding-guide-ready-icon{color:#1677ff;font-size:42px}.ding-guide-ready-card h3.ant-typography{margin:12px 0 6px;color:#173960}.ding-guide-source-note{text-align:center;margin-bottom:0!important}@media (max-width: 900px){.ding-guide-hero{padding:32px 26px}.ding-guide-hero-copy{width:100%}.ding-guide-hero-art{display:none}}@media (max-width: 576px){.ding-guide-step-card .ant-card-body{padding:22px 18px}.ding-guide-visual{padding:16px;min-height:220px}.ding-guide-phone{padding:0}.ding-guide-path-row{gap:6px}.ding-guide-path-item{padding:10px 9px;font-size:13px}.ding-guide-robot-grid{grid-template-columns:1fr}.ding-guide-flow-arrow{transform:scale(.75)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}