.techniquehow-wrapper{width:100%;box-sizing:border-box;background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);padding:28px 36px;border-radius:12px;box-shadow:0 8px 40px rgba(16,24,40,0.06);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;margin:18px 0}
.techniquehow-title{color:#0f172a;margin:0 0 14px;font-weight:700;font-size:20px;letter-spacing:0.2px}
.dul-form{display:flex;flex-direction:column;gap:12px;align-items:stretch;max-width:100%}
.dul-label{display:none}
.dul-input{width:100%;padding:14px 16px;border:1px solid #e6eef7;border-radius:10px;font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.6)}
.dul-btn{width:100%;padding:12px 16px;border-radius:10px;border:none;background:linear-gradient(90deg,#5865F2,#4752C4);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(74,85,230,0.18);font-size:15px}
.dul-result{margin-top:16px}
.dul-card{display:flex;gap:14px;align-items:center;padding:14px;border-radius:12px;border:1px solid #eef6ff;background:#ffffff}
.dul-avatar{width:84px;height:84px;border-radius:12px;object-fit:cover;border:1px solid #f1f5f9}
.dul-info{flex:1}
.dul-row{margin-bottom:8px;font-size:15px;color:#0f172a}
.dul-color{display:inline-block;width:20px;height:20px;border-radius:6px;vertical-align:middle;margin-right:8px;border:1px solid rgba(0,0,0,0.06)}
.dul-error{color:#b00020;padding:10px;background:#fff6f6;border:1px solid #ffe6e6;border-radius:8px}
.dul-loading{color:#334155}
@media (max-width:768px){
 .techniquehow-wrapper{padding:18px 14px;border-radius:10px}
 .dul-avatar{width:64px;height:64px}
 .dul-row{font-size:14px}
 .dul-btn{padding:14px;font-size:15px}
}
@media (min-width:1200px){
 .techniquehow-wrapper{padding:36px 60px;border-radius:14px}
}