.signature-container[data-v-5060f1c1]{width:100vw;height:100vh;overflow:hidden;background-color:#f5f7fa;font-family:Inter,system-ui,sans-serif}.portrait-tip[data-v-5060f1c1]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;transition:opacity .5s ease}.rotate-icon[data-v-5060f1c1]{font-size:8vw;margin-bottom:2.666667vw;animation:rotate-5060f1c1 3s linear infinite}.icon-rotate[data-v-5060f1c1]:before{content:"\21BA"}.portrait-tip .tip-text[data-v-5060f1c1]{font-size:3.466667vw;text-align:center;padding:0 2.666667vw}.fadeOut[data-v-5060f1c1]{opacity:0;pointer-events:none}.landscape-content[data-v-5060f1c1]{width:100%;height:100%;box-sizing:border-box;opacity:0;transition:opacity .5s ease}.backCls[data-v-5060f1c1]{display:flex;align-items:center;width:100%;height:4vw;padding-left:1.066667vw;background-color:#2b54da}.fadeIn[data-v-5060f1c1]{opacity:1}.header[data-v-5060f1c1]{text-align:center;margin-bottom:2.666667vw}.header h1[data-v-5060f1c1]{font-size:3.2vw;color:#333;margin-bottom:1.066667vw;font-weight:600}.header p[data-v-5060f1c1]{font-size:2.133333vw;color:#666}.signature-wrapper[data-v-5060f1c1]{width:100%;height:60%;background-color:#fff;border-radius:0 0 12px 12px;box-shadow:0 4px 12px rgba(0,0,0,.05);overflow:hidden;margin-bottom:10px;position:relative}.signature-canvas[data-v-5060f1c1]{width:100%;height:100%;cursor:crosshair}.toolbar[data-v-5060f1c1]{display:flex;flex-direction:column;gap:2vw}.pen-settings[data-v-5060f1c1]{display:flex;flex-wrap:wrap;align-items:center;gap:2vw;padding:1.333333vw;background-color:#fff;border-radius:1.066667vw;box-shadow:0 .266667vw 1.066667vw rgba(0,0,0,.05)}.pen-settings label[data-v-5060f1c1]{color:#555;font-size:1.866667vw;white-space:nowrap}.slider[data-v-5060f1c1]{flex-grow:1;height:.533333vw;-webkit-appearance:none;appearance:none;background:#e0e0e0;outline:none;border-radius:.266667vw}.slider[data-v-5060f1c1]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2.133333vw;height:2.133333vw;border-radius:50%;background:#165dff;cursor:pointer;transition:all .2s ease}.slider[data-v-5060f1c1]::-webkit-slider-thumb:hover{transform:scale(1.2)}.color-options[data-v-5060f1c1]{display:flex;gap:1.066667vw;margin-left:auto}.color-option[data-v-5060f1c1]{width:3.2vw;height:3.2vw;border-radius:50%;cursor:pointer;transition:transform .2s ease;border:.266667vw solid transparent}.color-option[data-v-5060f1c1]:hover{transform:scale(1.1)}.color-option.active[data-v-5060f1c1]{border-color:#999;transform:scale(1.1)}.action-buttons[data-v-5060f1c1]{display:flex;gap:1.333333vw}.btn[data-v-5060f1c1]{flex:1;padding:.8vw 0;border-radius:1.066667vw;border:none;font-size:2.133333vw;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-clear[data-v-5060f1c1]{background-color:#f0f0f0;color:#333}.btn-clear[data-v-5060f1c1]:hover:not(:disabled){background-color:#e0e0e0}.btn-save[data-v-5060f1c1]{background-color:#2b54da;color:#fff}.btn-save[data-v-5060f1c1]:hover:not(:disabled){background-color:#0e4bd5;transform:translateY(-.266667vw);box-shadow:0 .533333vw 1.066667vw rgba(22,93,255,.3)}.btn[data-v-5060f1c1]:disabled{opacity:.6;cursor:not-allowed}.success-tip[data-v-5060f1c1]{position:fixed;top:2.666667vw;left:50%;transform:translateX(-50%);background-color:rgba(76,175,80,.9);color:#fff;padding:1.6vw 3.2vw;border-radius:4vw;font-size:1.866667vw;box-shadow:0 .533333vw 1.6vw rgba(0,0,0,.15);z-index:10;animation:fadeInUp-5060f1c1 .3s ease forwards,fadeOut-5060f1c1 .3s ease 1.7s forwards}@keyframes rotate-5060f1c1{0%{transform:rotate(0deg)}20%{transform:rotate(0deg)}80%{transform:rotate(90deg)}to{transform:rotate(90deg)}}@keyframes fadeInUp-5060f1c1{0%{opacity:0;transform:translate(-50%,-2.666667vw)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut-5060f1c1{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-2.666667vw)}}@media (orientation:landscape) and (max-height:400px){.signature-wrapper[data-v-5060f1c1]{height:50%}.toolbar[data-v-5060f1c1]{gap:1.333333vw}.btn[data-v-5060f1c1]{padding:1.066667vw 0;font-size:1.866667vw}}