.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(180deg,#f8f9ff 0%,#eef1f8 100%);color:#333;font-family:Inter,Noto Sans TC,Arial,sans-serif;padding:2em;transition:background .3s ease}@media (max-width: 600px){.container{padding:1em}}.header{font-size:2.2em;font-weight:700;margin-bottom:1.5em;color:#1d1e22;text-align:center;letter-spacing:.5px}.form-section{background:#ffffff;padding:2.5em 2em;border-radius:16px;box-shadow:0 8px 24px #00000014;margin-bottom:2.5em;width:100%;max-width:520px;transition:box-shadow .3s ease}.form-section:hover{box-shadow:0 10px 28px #0000001a}@media (max-width: 600px){.form-section{padding:1.5em;border-radius:12px}}.form-section .form-group{display:flex;flex-direction:column;margin-bottom:1.25em}.form-section .form-group label{margin-bottom:.5em;font-weight:600;color:#222;font-size:.95em}.form-section .form-group input{padding:.7em .8em;border:1.5px solid #d0d4e4;border-radius:8px;font-size:1em;background:#fafbff;transition:border-color .2s,box-shadow .2s,background .2s}.form-section .form-group input:focus{outline:none;border-color:#4a6cf7;box-shadow:0 0 6px #4a6cf766;background:#fff}.form-section .error-text{color:#d9534f;font-size:.9em;margin-bottom:1.2em;text-align:left}.form-section .button{width:100%;background:linear-gradient(90deg,#4a6cf7 0%,#6985ff 100%);color:#fff;border:none;border-radius:8px;padding:.85em 1.5em;font-size:1.05em;font-weight:600;cursor:pointer;transition:all .25s ease;letter-spacing:.3px;box-shadow:0 4px 12px #4a6cf74d}.form-section .button:hover:not(:disabled){background:linear-gradient(90deg,#3b57d1 0%,#5775ff 100%);transform:translateY(-1px);box-shadow:0 6px 16px #4a6cf766}.form-section .button:active{transform:translateY(1px);box-shadow:0 3px 8px #4a6cf74d}.form-section .button:disabled{opacity:.6;cursor:not-allowed;background:#b5bde8;box-shadow:none;transform:none}.form-section .button.disabled{opacity:.5;background:#b5bde8;cursor:not-allowed}.result-section{background:#fff;padding:1.8em;border-radius:16px;box-shadow:0 6px 18px #00000014;width:100%;max-width:520px;text-align:center;transition:box-shadow .3s ease}.result-section:hover{box-shadow:0 8px 22px #0000001a}.result-section h2{margin-bottom:1em;color:#1f1f1f;font-weight:700;font-size:1.25em}.result-section p{font-size:1em;color:#444;line-height:1.6}.result-section a{color:#4a6cf7;text-decoration:none;font-weight:600;transition:color .2s ease}.result-section a:hover{color:#3555d3;text-decoration:underline}.stock-select{width:100%;margin-top:4px}.stock-select .select__control{border-radius:8px;border:1px solid #ccc;box-shadow:none;font-size:.95rem;padding:2px 6px;transition:all .2s ease-in-out;background-color:#fff}.stock-select .select__control:hover{border-color:#5575d9;box-shadow:0 0 0 2px #5575d91a}.stock-select .select__menu{border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #00000014;z-index:5}.stock-select .select__option{padding:8px 12px;font-size:.95rem;cursor:pointer}.stock-select .select__option:hover{background-color:#f4f6ff}.stock-select .select__option--is-focused{background-color:#eef2ff}.stock-select .select__option--is-selected{background-color:#5575d9;color:#fff}.tabs{display:flex;justify-content:center;margin-bottom:1.5em;gap:.5em}.tabs .tab{background:#eef1f8;border:none;padding:.6em 1.2em;border-radius:8px;cursor:pointer;font-weight:600;color:#333;transition:all .2s ease}.tabs .tab:hover{background:#e0e5f8}.tabs .tab.active{background:#4a6cf7;color:#fff;box-shadow:0 3px 10px #4a6cf74d}.batch-textarea{width:100%;padding:.75em;border-radius:8px;border:1px solid #ccc;font-size:1em;font-family:monospace;resize:vertical;transition:border-color .2s,box-shadow .2s}.batch-textarea:focus{border-color:#4a6cf7;box-shadow:0 0 5px #4a6cf74d;outline:none}@media (max-width: 480px){.header{font-size:1.6em}.form-section,.result-section{padding:1.2em;box-shadow:0 4px 10px #00000014}.form-section .button{font-size:.95em;padding:.7em 1.2em}}