.detail-page{max-width:1100px;margin:0 auto;padding:48px 24px 80px}.detail-page .layout{display:flex;gap:48px}.detail-page .content{flex:1;min-width:0;max-width:760px}.detail-page h1{font-size:30px;margin:0 0 16px;color:#2c3e50}.detail-page .intro{font-size:15px;color:#666;line-height:1.9;margin:0 0 40px}.detail-page .block{margin-bottom:48px;scroll-margin-top:76px}.detail-page .block h2{font-size:22px;margin:0 0 16px;color:#2c3e50}.detail-page .block h3{font-size:16px;margin:24px 0 8px;color:#2c3e50}.detail-page .block-desc{color:#888;font-size:14px;margin:0 0 14px}.detail-page .feature-list{list-style:none;padding:0;margin:0}.detail-page .feature-list li{position:relative;padding:8px 0 8px 18px;font-size:14px;color:#555;line-height:1.8}.detail-page .feature-list li:before{content:"";position:absolute;left:0;top:18px;width:6px;height:6px;border-radius:50%;background:#1677ff}.detail-page .feature-list b{color:#2c3e50}.detail-page .demo-wrap{margin:24px 0;padding:32px;background:#f7f8fa;border-radius:14px;text-align:center}.detail-page .phone{width:260px;margin:0 auto;background:#fff;border:8px solid #2c3e50;border-radius:28px;overflow:hidden;box-shadow:0 8px 30px #0000001f}.detail-page .demo-caption{margin:16px 0 0;font-size:13px;color:#999}.detail-page .demo-form{padding:18px 14px;text-align:left}.detail-page .demo-form h4{margin:0 0 12px;font-size:15px;color:#333;text-align:center}.detail-page .demo-input{background:#f5f6f8;border-radius:6px;padding:9px 10px;font-size:12px;color:#aaa;margin-bottom:8px}.detail-page .demo-btn{background:#1677ff;color:#fff;text-align:center;font-size:13px;padding:9px 0;border-radius:6px;margin-top:4px}.detail-page .demo-ok{text-align:center;font-size:12px;color:#00b42a;margin-top:10px}.detail-page .steps{display:flex;gap:16px;margin-top:8px}.detail-page .step{flex:1;background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:20px}.detail-page .step-num{width:28px;height:28px;border-radius:50%;background:#1677ff;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.detail-page .step h4{margin:0 0 6px;font-size:15px;color:#2c3e50}.detail-page .step p{margin:0;font-size:13px;color:#888;line-height:1.7}.detail-page .faq-item{border-bottom:1px solid #f0f0f0}.detail-page .faq-item summary{cursor:pointer;padding:16px 4px;font-size:15px;font-weight:600;color:#2c3e50;list-style:none;position:relative}.detail-page .faq-item summary:before{content:"Q";color:#1677ff;margin-right:10px}.detail-page .faq-item summary:after{content:"⌄";position:absolute;right:8px;color:#bbb;transition:transform .2s}.detail-page .faq-item[open] summary:after{transform:rotate(180deg)}.detail-page .faq-item p{margin:0;padding:0 4px 16px 26px;font-size:14px;color:#777;line-height:1.8}.detail-page .mp-card{background:linear-gradient(135deg,#eef4ff,#f8fbff);border-radius:14px;padding:36px 24px;text-align:center}.detail-page .mp-qr{width:180px;height:180px;margin:0 auto 14px;background:#fff;border:1px dashed #b9d0ff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#b0b7c3;font-size:13px}.detail-page .mp-qr img{width:100%;height:100%;object-fit:contain;border-radius:12px}.detail-page .mp-tip{font-size:15px;color:#2c3e50;margin:0 0 6px}.detail-page .mp-sub{font-size:13px;color:#999;margin:0}.detail-page .tpl-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:22px 24px;text-decoration:none;max-width:480px;transition:box-shadow .2s,border-color .2s,transform .2s}.detail-page .tpl-card:hover{border-color:#d6e4ff;transform:translateY(-2px);box-shadow:0 6px 20px #1677ff14}.detail-page .tpl-card h4{margin:0 0 6px;font-size:16px;color:#2c3e50}.detail-page .tpl-card p{margin:0;font-size:13px;color:#888}.detail-page .tpl-go{color:#1677ff;font-size:14px;white-space:nowrap;margin-left:24px}.detail-page .toc{width:200px;flex-shrink:0;position:sticky;top:84px;align-self:flex-start;display:flex;flex-direction:column;gap:4px;border-left:1px solid #f0f0f0;padding-left:16px}.detail-page .toc a{color:#999;text-decoration:none;font-size:13px;padding:6px 0;transition:color .2s}.detail-page .toc a:hover{color:#1677ff}@media(max-width:900px){.detail-page .toc{display:none}.detail-page .steps{flex-direction:column}}