:root{--ks-blue: #3298dc;--ks-green-success: #55bc8a;--ks-green-success-dark: #479e74;--ks-bg-light: #f9fbfd;--ks-bg-lighter: #f0f4f8;--ks-border: #dfe4eb;--ks-text-primary: #242e42;--ks-text-secondary: #5e6a82;--ks-white: #ffffff}body{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Roboto,Segoe UI,Arial,sans-serif;background-color:var(--ks-bg-light);display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;color:var(--ks-text-primary);-webkit-font-smoothing:antialiased}.container{background-color:var(--ks-white);padding:2.5rem 3rem;border-radius:4px;border:1px solid var(--ks-border);box-shadow:0 4px 12px #242e420d;width:100%;max-width:550px;box-sizing:border-box}h1{text-align:center;color:var(--ks-text-primary);margin-top:0;margin-bottom:2rem;font-weight:600;font-size:1.75rem}.options{display:flex;flex-direction:column;margin-bottom:2rem}.option-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--ks-bg-lighter)}.option-item:last-child{border-bottom:none}.option-item label{font-size:1rem;color:var(--ks-text-secondary);-webkit-user-select:none;user-select:none;font-weight:500}.option-item input[type=number]{width:65px;padding:.5rem;border:1px solid var(--ks-border);border-radius:4px;font-size:1rem;font-weight:500;text-align:center;color:var(--ks-text-primary);transition:border-color .2s,box-shadow .2s;-moz-appearance:auto;-webkit-appearance:auto}.option-item input[type=number]:focus{outline:none;border-color:var(--ks-blue);box-shadow:0 0 0 2px #3298dc33}.ks-checkbox-label{position:relative;display:inline-block;padding-left:26px;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;height:18px;line-height:18px}.ks-checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.ks-checkbox-marker{position:absolute;top:0;left:0;height:16px;width:16px;background-color:var(--ks-white);border:1px solid var(--ks-border);border-radius:2px;transition:all .2s ease}.ks-checkbox-label:hover input[type=checkbox]~.ks-checkbox-marker{border-color:var(--ks-text-secondary)}.ks-checkbox-label input[type=checkbox]:checked~.ks-checkbox-marker{background-color:var(--ks-text-secondary);border-color:var(--ks-text-secondary)}.ks-checkbox-marker:after{content:"";position:absolute;display:none}.ks-checkbox-label input[type=checkbox]:checked~.ks-checkbox-marker:after{display:block;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.generate-btn-large{width:100%;padding:.9rem;font-size:1.1rem;font-weight:600;border:none;background-color:var(--ks-green-success);color:#fff;border-radius:4px;cursor:pointer;transition:background-color .2s;margin-bottom:1.5rem}.generate-btn-large:hover{background-color:var(--ks-green-success-dark)}.password-display-container{display:flex}#password-display{flex-grow:1;padding:.9rem 1rem;font-size:1.15rem;font-family:Menlo,Courier New,Courier,monospace;border:1px solid var(--ks-border);border-radius:4px 0 0 4px;background-color:var(--ks-bg-lighter);color:var(--ks-text-primary);border-right:none;min-width:0}#password-display:focus{outline:none}#copy-btn{padding:0 1.5rem;font-size:.95rem;font-weight:500;border:1px solid var(--ks-text-secondary);background-color:var(--ks-text-secondary);color:#fff;cursor:pointer;border-radius:0 4px 4px 0;transition:background-color .2s;white-space:nowrap;border-left:none}#copy-btn:hover{background-color:var(--ks-text-primary);border-color:var(--ks-text-primary)}@media(max-width:600px){.container{padding:2rem 1.5rem}h1{font-size:1.5rem}.option-item label{font-size:.95rem}#copy-btn{padding:0 1rem;font-size:.9rem}}