:root{--primary-color:#007acc;--secondary-color:#6c757d;--light-gray:#f0f2f5;--dark-gray:#555;--white:#fff;--border-color:#ccc;--shadow-color:rgba(0,0,0,0.1);--success-color:#28a745}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background-color:var(--light-gray);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;color:var(--dark-gray);padding:20px 0}.container{max-width:500px;width:90%;background:var(--white);padding:30px;box-shadow:0 8px 24px var(--shadow-color);border-radius:16px;text-align:center}header{display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.logo{width:80px;height:80px;border-radius:50%;box-shadow:-8px 5px 10px rgb(0 139 183 / 50%);transition:transform 0.3s ease,box-shadow 0.3s ease}.logo:active{transform:scale(1.05) rotate(2deg);transition-duration:0.1s}h1{color:#333;margin-top:15px;margin-bottom:0;font-size:26px}main p{font-size:16px;color:#666;margin-bottom:20px}select,input[type="text"]{width:100%;padding:12px;font-size:16px;border-radius:8px;border:1px solid var(--border-color);margin-bottom:15px;background-color:#f9f9f9;box-sizing:border-box}.manual-input-container{margin-top:20px}.result{font-family:'SimSun','STSong',serif;text-align:center;font-size:60px;color:var(--primary-color);min-height:80px;margin:20px 0;border:2px dashed var(--border-color);padding:20px;border-radius:12px;background-color:#f9f9f9;display:flex;justify-content:center;align-items:center;user-select:all}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}#convertBtn{grid-column:span 2;background-color:#007acc}button{padding:12px 20px;font-size:16px;border-radius:8px;border:none;cursor:pointer;color:var(--white);background-color:var(--primary-color);transition:background-color 0.3s,transform 0.2s}button.copy-btn{background-color:var(--success-color)}button.example-btn{background-color:var(--secondary-color)}button:active{transform:translateY(0)}button:active{background-color:#005a99}button.copy-btn:active{background-color:#218838}button.example-btn:active{background-color:#5a6268}footer{margin-top:30px;font-size:14px;color:#999}.alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;justify-content:center;align-items:center;z-index:1000}.alert-box{background:var(--white);padding:25px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.3);text-align:center;max-width:300px;width:80%}#alertMessage{margin:0 0 20px;font-size:16px}#alertCloseBtn{background-color:var(--primary-color)}.image-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:none;justify-content:center;align-items:center;z-index:1001;cursor:zoom-out}.image-preview-box{max-width:90vw;max-height:90vh;position:relative}.image-preview-box img{width:100%;height:100%;object-fit:contain;cursor:grab;transition:transform 0.3s ease}.image-preview-box img:active{cursor:grabbing}@media (hover:hover){.logo:hover{transform:scale(1.1) rotate(5deg);box-shadow:-10px 8px 15px rgb(0 139 183 / 60%)}button:hover{background-color:#005a99;transform:translateY(-2px)}button.copy-btn:hover{background-color:#218838}button.example-btn:hover{background-color:#5a6268}}.select2-container{width:100% !important;box-sizing:border-box;margin-bottom:15px}.select2-container--default .select2-selection--single{height:48px;border:1px solid var(--border-color);border-radius:8px;background-color:#f9f9f9}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--dark-gray);font-size:16px;line-height:46px;padding-left:12px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:46px;top:1px}.select2-dropdown{border:1px solid var(--border-color);border-radius:8px;background-color:#f9f9f9;box-shadow:0 4px 12px var(--shadow-color)}