.tool-header{display:flex;align-items:center;justify-content:space-between;margin-top:36px;margin-bottom:16px;flex-wrap:wrap;gap:12px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.breadcrumb a{color:#666;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#34c151}.breadcrumb .separator{color:#ccc}.breadcrumb .current{color:#333}.tool-heat{display:flex;align-items:center;gap:4px;font-size:13px;color:#ff6b35}.tool-heat .heat-icon{display:flex;align-items:center;line-height:1}.tool-heat .heat-icon svg{display:block;vertical-align:middle;margin-bottom:3px}.tool-heat .heat-label{color:#888}.tool-heat .heat-value{font-weight:500}body,html{min-height:100vh}body{display:flex;flex-direction:column}.container{flex:1}.tool-container{max-width:800px;margin:40px auto;padding:40px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 60px rgba(0,0,0,.08)}.tool-container h1{font-size:28px;font-weight:700;margin-bottom:30px;color:#333}.tool-container textarea{width:100%;min-height:150px;padding:16px;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:rgba(255,255,255,.8);font-size:14px;font-family:"SF Mono",Monaco,Consolas,"Liberation Mono","Courier New",monospace;line-height:1.6;resize:vertical;outline:0;transition:all .2s ease;box-sizing:border-box}.tool-container textarea:focus{background:#fff;border-color:#34c151;box-shadow:0 0 0 3px rgba(52,193,81,.1)}.tool-container textarea::placeholder{color:#999}.tool-container textarea[readonly]{background:rgba(0,0,0,.02);cursor:default}.tool-container textarea[readonly]:focus{border-color:rgba(0,0,0,.1);box-shadow:none}.button-group{display:flex;gap:12px;margin:20px 0}.button-group .btn{flex:1;height:44px;line-height:44px;padding:0 24px;text-align:center;text-decoration:none;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:rgba(255,255,255,.8);font-size:15px;font-weight:500;cursor:pointer;outline:0;transition:all .2s ease;box-sizing:border-box}.button-group .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.button-group .btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.1)}.button-group .btn-primary{background:#34c151;color:#fff;border-color:#34c151}.button-group .btn-primary:hover{background:#2db347}.button-group .btn-secondary{background:rgba(52,193,81,.1);color:#34c151;border-color:rgba(52,193,81,.2)}.button-group .btn-secondary:hover{background:rgba(52,193,81,.15)}.base64-converter{display:flex;flex-direction:column;gap:0}.base64-converter textarea#input-text{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.base64-converter .button-group{margin:0;border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);padding:16px;background:rgba(0,0,0,.02)}.base64-converter .button-group .btn{flex:none;width:auto;padding:0 32px}.base64-converter textarea#output-text{border-top-left-radius:0;border-top-right-radius:0;border-top:none}.tool-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:24px;list-style:none;padding:0}.tool-list .tool-item{display:flex;flex-direction:column;align-items:center;padding:24px 16px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.08);border-radius:12px;text-decoration:none;color:#333;transition:all .2s ease;text-align:center;position:relative}.tool-list .tool-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.12);border-color:#34c151;color:#333;text-decoration:none}.tool-list .tool-item .tool-icon{font-size:36px;margin-bottom:12px;line-height:1}.tool-list .tool-item .tool-name{font-size:15px;font-weight:600;margin-bottom:6px;color:#333}.tool-list .tool-item .tool-desc{font-size:12px;color:#888;line-height:1.4}.tool-list .tool-item.coming-soon{opacity:.6;cursor:default;pointer-events:none}.tool-list .tool-item .tool-tag{position:absolute;top:8px;right:8px;padding:2px 8px;background:rgba(250,173,20,.15);color:#d48806;font-size:10px;font-weight:500;border-radius:4px}.tool-index.tool-container{max-width:700px}.tool-index h1{margin-bottom:12px}.tool-tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.tool-tab{padding:8px 18px;font-size:14px;font-weight:500;color:#666;background:rgba(0,0,0,.04);border:1px solid transparent;border-radius:20px;cursor:pointer;transition:all .2s ease;outline:0}.tool-tab:hover{background:rgba(52,193,81,.1);color:#34c151}.tool-tab.active{background:#34c151;color:#fff;border-color:#34c151}.tool-list-view{display:flex;flex-direction:column;gap:0;margin-top:16px}.tool-list-item{display:flex;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;color:#333;border-bottom:1px solid rgba(0,0,0,.06);transition:all .15s ease}.tool-list-item:first-child{border-top:1px solid rgba(0,0,0,.06)}.tool-list-item:hover{background:rgba(52,193,81,.05);color:#333;text-decoration:none}.tool-list-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:28px;background:rgba(0,0,0,.03);border-radius:12px}.tool-list-icon svg{width:32px;height:32px}.tool-list-info{flex:1;min-width:0}.tool-list-name{font-size:15px;font-weight:600;margin-bottom:4px;color:#333}.tool-list-desc{font-size:13px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-list-meta{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.tool-list-heat{display:flex;align-items:center;gap:4px;font-size:13px;color:#ff6b35}.tool-list-heat .heat-icon{display:flex;align-items:center}.tool-list-heat .heat-icon svg{width:14px;height:14px}.tool-list-heat .heat-value{font-weight:500}.tool-list-reactions{display:flex;gap:6px;font-size:12px;color:#888}.tool-list-reactions .reaction{white-space:nowrap}.tool-empty{text-align:center;padding:60px 40px}.empty-icon{font-size:48px;margin-bottom:12px}.empty-text{color:#999}@media (max-width:768px){.tool-header{margin-left:15px;margin-right:15px;margin-top:20px}.tool-container{margin:20px 15px;padding:24px 20px}.tool-container h1{font-size:22px;margin-bottom:20px}.tool-container textarea{min-height:120px;padding:14px;font-size:13px}.button-group{flex-direction:column;gap:10px}.button-group .btn{width:100%}.base64-converter .button-group{flex-direction:row}.base64-converter .button-group .btn{flex:1;padding:0 16px}.tool-list{grid-template-columns:repeat(2,1fr);gap:12px}.tool-list .tool-item{padding:20px 12px}.tool-list .tool-item .tool-icon{font-size:28px;margin-bottom:8px}.tool-list .tool-item .tool-name{font-size:13px}.tool-list .tool-item .tool-desc{font-size:11px}.tool-tabs{gap:6px;margin:16px 0}.tool-tab{padding:6px 14px;font-size:13px}.tool-list-item{padding:14px 16px;gap:12px}.tool-list-icon{width:40px;height:40px;font-size:22px;border-radius:10px}.tool-list-icon svg{width:24px;height:24px}.tool-list-name{font-size:14px}.tool-list-desc{font-size:12px}.tool-list-meta{display:none}}@media (prefers-color-scheme:dark){body.auto-theme .breadcrumb{color:#a1a1a6}body.auto-theme .breadcrumb a{color:#a1a1a6}body.auto-theme .breadcrumb .separator{color:#48484a}body.auto-theme .breadcrumb .current{color:#f5f5f7}body.auto-theme .tool-heat .heat-label{color:#a1a1a6}body.auto-theme .tool-container{background:rgba(45,45,47,.95);border-color:rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.5)}body.auto-theme .tool-container h1{color:#f5f5f7}body.auto-theme .tool-container textarea{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#f5f5f7}body.auto-theme .tool-container textarea:focus{background:rgba(255,255,255,.1);border-color:#34c151;box-shadow:0 0 0 3px rgba(52,193,81,.2)}body.auto-theme .tool-container textarea::placeholder{color:rgba(255,255,255,.4)}body.auto-theme .tool-container textarea[readonly]{background:rgba(255,255,255,.03)}body.auto-theme .base64-converter .button-group{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1)}body.auto-theme .button-group .btn{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.08);color:#f5f5f7}body.auto-theme .button-group .btn:hover{background:rgba(255,255,255,.12);box-shadow:0 4px 12px rgba(0,0,0,.3)}body.auto-theme .button-group .btn-primary{background:#34c151;color:#fff;border-color:#34c151}body.auto-theme .button-group .btn-primary:hover{background:#2db347}body.auto-theme .button-group .btn-secondary{background:rgba(52,193,81,.15);color:#34c151;border-color:rgba(52,193,81,.3)}body.auto-theme .button-group .btn-secondary:hover{background:rgba(52,193,81,.2)}body.auto-theme .tool-list .tool-item{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}body.auto-theme .tool-list .tool-item:hover{background:rgba(255,255,255,.08);box-shadow:0 12px 32px rgba(0,0,0,.4)}body.auto-theme .tool-list .tool-item .tool-name{color:#f5f5f7}body.auto-theme .tool-list .tool-item .tool-desc{color:#a1a1a6}}body.theme-dark .breadcrumb{color:#a1a1a6}body.theme-dark .breadcrumb a{color:#a1a1a6}body.theme-dark .breadcrumb .separator{color:#48484a}body.theme-dark .breadcrumb .current{color:#f5f5f7}body.theme-dark .tool-heat .heat-label{color:#a1a1a6}body.theme-dark .tool-container{background:rgba(45,45,47,.95);border-color:rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.5)}body.theme-dark .tool-container h1{color:#f5f5f7}body.theme-dark .tool-container textarea{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#f5f5f7}body.theme-dark .tool-container textarea:focus{background:rgba(255,255,255,.1);border-color:#34c151;box-shadow:0 0 0 3px rgba(52,193,81,.2)}body.theme-dark .tool-container textarea::placeholder{color:rgba(255,255,255,.4)}body.theme-dark .tool-container textarea[readonly]{background:rgba(255,255,255,.03)}body.theme-dark .base64-converter .button-group{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1)}body.theme-dark .button-group .btn{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.08);color:#f5f5f7}body.theme-dark .button-group .btn:hover{background:rgba(255,255,255,.12);box-shadow:0 4px 12px rgba(0,0,0,.3)}body.theme-dark .button-group .btn-primary{background:#34c151;color:#fff;border-color:#34c151}body.theme-dark .button-group .btn-primary:hover{background:#2db347}body.theme-dark .button-group .btn-secondary{background:rgba(52,193,81,.15);color:#34c151;border-color:rgba(52,193,81,.3)}body.theme-dark .button-group .btn-secondary:hover{background:rgba(52,193,81,.2)}body.theme-dark .tool-list .tool-item{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}body.theme-dark .tool-list .tool-item:hover{background:rgba(255,255,255,.08);box-shadow:0 12px 32px rgba(0,0,0,.4)}body.theme-dark .tool-list .tool-item .tool-name{color:#f5f5f7}body.theme-dark .tool-list .tool-item .tool-desc{color:#a1a1a6}body.theme-dark .tool-tab{background:rgba(255,255,255,.08);color:#a1a1a6}body.theme-dark .tool-tab:hover{background:rgba(52,193,81,.15);color:#34c151}body.theme-dark .tool-tab.active{background:#34c151;color:#fff}body.theme-dark .tool-list-item{border-color:rgba(255,255,255,.08)}body.theme-dark .tool-list-item:hover{background:rgba(52,193,81,.08)}body.theme-dark .tool-list-icon{background:rgba(255,255,255,.05);color:#f5f5f7}body.theme-dark .tool-list-name{color:#f5f5f7}body.theme-dark .tool-list-desc{color:#a1a1a6}body.theme-dark .tool-list-reactions{color:#a1a1a6}body.theme-dark .empty-text{color:#a1a1a6}@media (prefers-color-scheme:dark){body.auto-theme .tool-tab{background:rgba(255,255,255,.08);color:#a1a1a6}body.auto-theme .tool-tab:hover{background:rgba(52,193,81,.15);color:#34c151}body.auto-theme .tool-tab.active{background:#34c151;color:#fff}body.auto-theme .tool-list-item{border-color:rgba(255,255,255,.08)}body.auto-theme .tool-list-item:hover{background:rgba(52,193,81,.08)}body.auto-theme .tool-list-icon{background:rgba(255,255,255,.05);color:#f5f5f7}body.auto-theme .tool-list-name{color:#f5f5f7}body.auto-theme .tool-list-desc{color:#a1a1a6}body.auto-theme .tool-list-reactions{color:#a1a1a6}body.auto-theme .empty-text{color:#a1a1a6}}.tool-container h1{margin-bottom:8px}.tool-container .tool-desc{color:#666;font-size:14px;margin-bottom:24px}.password-generator .password-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.password-generator .option-row{display:flex;align-items:center;gap:16px}.password-generator .option-label{min-width:80px;font-size:14px;font-weight:500;color:#333}.password-generator .option-input{width:100px;height:40px;padding:0 12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:15px;outline:0;transition:all .2s ease}.password-generator .option-input.prefix-input{width:280px}.password-generator .option-input:focus{border-color:#34c151;box-shadow:0 0 0 3px rgba(52,193,81,.1)}.password-generator .checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.password-generator .checkbox-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(0,0,0,.03);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px}.password-generator .checkbox-item:hover{background:rgba(52,193,81,.1)}.password-generator .checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:#34c151;cursor:pointer}.password-generator .checkbox-item input[type=checkbox]:checked+span{color:#34c151;font-weight:500}.password-generator .btn-generate{height:44px;padding:0 32px;margin-left:96px;background:#34c151;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.password-generator .btn-generate:hover{background:#2db347;transform:translateY(-1px);box-shadow:0 4px 12px rgba(52,193,81,.3)}.password-generator .btn-generate:active{transform:translateY(0);box-shadow:0 2px 6px rgba(52,193,81,.2)}.password-generator .btn-export{height:44px;padding:0 24px;margin-left:12px;background:rgba(52,193,81,.1);color:#34c151;border:1px solid rgba(52,193,81,.2);border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.password-generator .btn-export:hover{background:rgba(52,193,81,.15);transform:translateY(-1px);box-shadow:0 4px 12px rgba(52,193,81,.15)}.password-generator .btn-export:active{transform:translateY(0)}.password-results{margin-top:20px}.password-table{width:100%;border-collapse:collapse;font-size:14px}.password-table td,.password-table th{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(0,0,0,.06)}.password-table thead th{font-weight:600;color:#666;font-size:13px;background:rgba(0,0,0,.02)}.password-table tbody tr:hover{background:rgba(52,193,81,.03)}.password-table .pwd-cell code{font-family:"SF Mono",Monaco,Consolas,monospace;font-size:13px;padding:4px 8px;background:rgba(0,0,0,.04);border-radius:4px;word-break:break-all}.password-table .state{font-size:13px;font-weight:500}.password-table .state.not-copied{color:#f5222d}.password-table .state.copied{color:#34c151}.password-table .btn-copy{height:32px;line-height:32px;padding:0 16px;font-size:13px;background:#34c151;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.password-table .btn-copy:hover{background:#2db347}@media (max-width:768px){.password-generator .option-row{flex-direction:column;align-items:flex-start;gap:10px}.password-generator .option-label{min-width:auto}.password-generator .checkbox-group{width:100%}.password-generator .checkbox-item{flex:1;justify-content:center;min-width:calc(50% - 6px)}.password-generator .btn-generate{width:100%;margin-left:0}.password-generator .btn-export{width:100%;margin-left:0;margin-top:10px}.password-table td:nth-child(2),.password-table th:nth-child(2){display:none}.password-table .pwd-cell code{font-size:12px}}@media (prefers-color-scheme:dark){body.auto-theme .tool-container .tool-desc{color:#a1a1a6}body.auto-theme .password-generator .option-label{color:#f5f5f7}body.auto-theme .password-generator .option-input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#f5f5f7}body.auto-theme .password-generator .checkbox-item{background:rgba(255,255,255,.05);color:#f5f5f7}body.auto-theme .password-generator .checkbox-item:hover{background:rgba(52,193,81,.15)}body.auto-theme .password-table thead th{background:rgba(255,255,255,.03);color:#a1a1a6}body.auto-theme .password-table td,body.auto-theme .password-table th{border-color:rgba(255,255,255,.06)}body.auto-theme .password-table tbody tr:hover{background:rgba(52,193,81,.08)}body.auto-theme .password-table .pwd-cell code{background:rgba(255,255,255,.08);color:#f5f5f7}}body.theme-dark .tool-container .tool-desc{color:#a1a1a6}body.theme-dark .password-generator .option-label{color:#f5f5f7}body.theme-dark .password-generator .option-input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#f5f5f7}body.theme-dark .password-generator .checkbox-item{background:rgba(255,255,255,.05);color:#f5f5f7}body.theme-dark .password-generator .checkbox-item:hover{background:rgba(52,193,81,.15)}body.theme-dark .password-table thead th{background:rgba(255,255,255,.03);color:#a1a1a6}body.theme-dark .password-table td,body.theme-dark .password-table th{border-color:rgba(255,255,255,.06)}body.theme-dark .password-table tbody tr:hover{background:rgba(52,193,81,.08)}body.theme-dark .password-table .pwd-cell code{background:rgba(255,255,255,.08);color:#f5f5f7}.expiration-calculator .calc-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.expiration-calculator .option-row{display:flex;align-items:center;gap:16px}.expiration-calculator .option-label{min-width:80px;font-size:14px;font-weight:500;color:#333}.expiration-calculator .option-input,.expiration-calculator .option-select{height:40px;padding:0 12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:15px;outline:0;transition:all .2s ease;background:#fff}.expiration-calculator .date-input{width:180px}.expiration-calculator .option-select{width:160px;cursor:pointer}.expiration-calculator .option-input:focus,.expiration-calculator .option-select:focus{border-color:#34c151;box-shadow:0 0 0 3px rgba(52,193,81,.1)}.expiration-calculator .btn-calc{height:44px;padding:0 32px;margin-left:96px;background:#34c151;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.expiration-calculator .btn-calc:hover{background:#2db347;transform:translateY(-1px);box-shadow:0 4px 12px rgba(52,193,81,.3)}.expiration-calculator .btn-calc:active{transform:translateY(0)}.expiration-calculator .result-card{padding:24px;border-radius:12px;text-align:center}.expiration-calculator .result-card.safe{background:rgba(52,193,81,.1);border:1px solid rgba(52,193,81,.2)}.expiration-calculator .result-card.warning{background:rgba(250,173,20,.1);border:1px solid rgba(250,173,20,.3)}.expiration-calculator .result-card.expired{background:rgba(245,34,45,.08);border:1px solid rgba(245,34,45,.2)}.expiration-calculator .result-status{font-size:16px;font-weight:600;margin-bottom:8px}.result-card.safe .result-status{color:#34c151}.result-card.warning .result-status{color:#faad14}.result-card.expired .result-status{color:#f5222d}.expiration-calculator .result-days{font-size:32px;font-weight:700;margin-bottom:20px}.result-card.safe .result-days{color:#34c151}.result-card.warning .result-days{color:#faad14}.result-card.expired .result-days{color:#f5222d}.expiration-calculator .result-detail{display:flex;justify-content:center;gap:32px;padding-top:16px;border-top:1px solid rgba(0,0,0,.06)}.expiration-calculator .result-detail p{margin:0;display:flex;flex-direction:column;gap:4px}.expiration-calculator .result-detail span{font-size:12px;color:#999}.expiration-calculator .result-detail strong{font-size:14px;color:#333}.expiration-calculator .result-tip{margin-top:16px;padding:12px;background:rgba(250,173,20,.1);border-radius:8px;font-size:13px;color:#d48806}@media (max-width:768px){.expiration-calculator .option-row{flex-direction:column;align-items:flex-start;gap:10px}.expiration-calculator .option-label{min-width:auto}.expiration-calculator .date-input,.expiration-calculator .option-select{width:100%}.expiration-calculator .btn-calc{width:100%;margin-left:0}.expiration-calculator .result-days{font-size:28px}.expiration-calculator .result-detail{flex-direction:column;gap:12px}}@media (prefers-color-scheme:dark){body.auto-theme .expiration-calculator .option-label{color:#f5f5f7}body.auto-theme .expiration-calculator .option-input,body.auto-theme .expiration-calculator .option-select{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#f5f5f7}body.auto-theme .expiration-calculator .result-detail{border-color:rgba(255,255,255,.1)}body.auto-theme .expiration-calculator .result-detail strong{color:#f5f5f7}}body.theme-dark .expiration-calculator .option-label{color:#f5f5f7}body.theme-dark .expiration-calculator .option-input,body.theme-dark .expiration-calculator .option-select{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#f5f5f7}body.theme-dark .expiration-calculator .result-detail{border-color:rgba(255,255,255,.1)}body.theme-dark .expiration-calculator .result-detail strong{color:#f5f5f7}.tool-container.serial-key-generator{max-width:910px}@media (min-width:768px){.tool-container.serial-key-generator{min-width:600px}}.serial-key-generator .gen-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.serial-key-generator .option-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.serial-key-generator .option-label{min-width:70px;font-size:14px;font-weight:500;color:#333}.serial-key-generator .option-input,.serial-key-generator .option-select{height:40px;padding:0 12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:15px;outline:0;transition:all .2s ease;background:#fff}.serial-key-generator .prefix-input{width:140px}.serial-key-generator .number-input{width:90px}.serial-key-generator .option-select{width:200px;cursor:pointer}.serial-key-generator .option-input:focus,.serial-key-generator .option-select:focus{border-color:#34c151;box-shadow:0 0 0 3px rgba(52,193,81,.1)}.serial-key-generator .checkbox-group{display:flex;gap:8px}.serial-key-generator .checkbox-item{display:flex;align-items:center;gap:4px;padding:6px 12px;background:rgba(0,0,0,.03);border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s ease}.serial-key-generator .checkbox-item:hover{background:rgba(52,193,81,.1)}.serial-key-generator .checkbox-item input[type=checkbox]{width:14px;height:14px;accent-color:#34c151;cursor:pointer}.serial-key-generator .checkbox-item input:checked+span{color:#34c151;font-weight:500}.serial-key-generator .btn-row{gap:12px;margin-top:8px}.serial-key-generator .btn-row .btn{height:44px;padding:0 28px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.serial-key-generator .btn-row .btn-primary{background:#34c151;color:#fff}.serial-key-generator .btn-row .btn-primary:hover{background:#2db347;transform:translateY(-1px);box-shadow:0 4px 12px rgba(52,193,81,.3)}.serial-key-generator .btn-row .btn-secondary{background:rgba(52,193,81,.1);color:#34c151;border:1px solid rgba(52,193,81,.2)}.serial-key-generator .btn-row .btn-secondary:hover{background:rgba(52,193,81,.15);transform:translateY(-1px)}.serial-key-generator .gen-result{margin-top:24px}.serial-key-generator .result-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:10px}.serial-key-generator #result{min-height:200px}@media (max-width:768px){.serial-key-generator .option-row{flex-direction:column;align-items:flex-start;gap:10px}.serial-key-generator .option-label{min-width:auto}.serial-key-generator .option-select,.serial-key-generator .prefix-input{width:100%}.serial-key-generator .number-input{width:calc(33% - 8px)}.serial-key-generator .checkbox-group{width:100%;flex-wrap:wrap}.serial-key-generator .checkbox-item{flex:1;justify-content:center;min-width:calc(25% - 6px)}.serial-key-generator .btn-row{width:100%}.serial-key-generator .btn-row .btn{flex:1}}@media (prefers-color-scheme:dark){body.auto-theme .serial-key-generator .option-label,body.auto-theme .serial-key-generator .result-label{color:#f5f5f7}body.auto-theme .serial-key-generator .option-input,body.auto-theme .serial-key-generator .option-select{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#f5f5f7}body.auto-theme .serial-key-generator .checkbox-item{background:rgba(255,255,255,.05);color:#f5f5f7}body.auto-theme .serial-key-generator .checkbox-item:hover{background:rgba(52,193,81,.15)}}body.theme-dark .serial-key-generator .option-label,body.theme-dark .serial-key-generator .result-label{color:#f5f5f7}body.theme-dark .serial-key-generator .option-input,body.theme-dark .serial-key-generator .option-select{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#f5f5f7}body.theme-dark .serial-key-generator .checkbox-item{background:rgba(255,255,255,.05);color:#f5f5f7}body.theme-dark .serial-key-generator .checkbox-item:hover{background:rgba(52,193,81,.15)}.word-counter .input-section{margin-bottom:20px}.word-counter textarea{min-height:200px}.word-counter .action-buttons{display:flex;gap:12px;margin-bottom:24px}.word-counter .btn-replace{height:40px;padding:0 24px;background:rgba(52,193,81,.1);color:#34c151;border:1px solid rgba(52,193,81,.2);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.word-counter .btn-replace:hover:not(:disabled){background:rgba(52,193,81,.15);transform:translateY(-1px);box-shadow:0 4px 12px rgba(52,193,81,.15)}.word-counter .btn-replace:active:not(:disabled){transform:translateY(0)}.word-counter .btn-replace:disabled{opacity:.5;cursor:not-allowed}.word-counter .stats-section{margin-top:24px}.word-counter .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.word-counter .stat-card{padding:20px;background:rgba(52,193,81,.05);border:1px solid rgba(52,193,81,.1);border-radius:12px;text-align:center;transition:all .2s ease}.word-counter .stat-card:hover{background:rgba(52,193,81,.08);border-color:rgba(52,193,81,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,193,81,.1)}.word-counter .stat-label{font-size:13px;color:#888;margin-bottom:8px;font-weight:500}.word-counter .stat-value{font-size:28px;font-weight:700;color:#34c151;font-family:"SF Mono",Monaco,Consolas,monospace}@media (max-width:768px){.word-counter textarea{min-height:150px}.word-counter .action-buttons{flex-direction:column}.word-counter .btn-replace{width:100%}.word-counter .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.word-counter .stat-card{padding:16px}.word-counter .stat-label{font-size:12px}.word-counter .stat-value{font-size:24px}}@media (prefers-color-scheme:dark){body.auto-theme .word-counter .stat-card{background:rgba(52,193,81,.08);border-color:rgba(52,193,81,.15)}body.auto-theme .word-counter .stat-card:hover{background:rgba(52,193,81,.12);border-color:rgba(52,193,81,.25)}body.auto-theme .word-counter .stat-label{color:#a1a1a6}body.auto-theme .word-counter .stat-value{color:#34c151}}body.theme-dark .word-counter .stat-card{background:rgba(52,193,81,.08);border-color:rgba(52,193,81,.15)}body.theme-dark .word-counter .stat-card:hover{background:rgba(52,193,81,.12);border-color:rgba(52,193,81,.25)}body.theme-dark .word-counter .stat-label{color:#a1a1a6}body.theme-dark .word-counter .stat-value{color:#34c151}.calc-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.option-row{display:flex;align-items:center;gap:16px}.option-label{min-width:100px;font-size:14px;font-weight:500;color:#333}.option-input,.option-select{flex:1;height:42px;padding:0 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;color:#333;transition:border-color .2s,box-shadow .2s}.option-input:focus,.option-select:focus{outline:0;border-color:#34c151;box-shadow:0 0 0 3px rgba(52,193,81,.15)}.option-input::placeholder{color:#aaa}.btn-calc{height:42px;padding:0 24px;background:#34c151;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.btn-calc:hover{background:#2db347}.btn-calc:active{transform:scale(.98)}.calc-result{margin-top:24px}.result-card{padding:24px;border-radius:12px;border:1px solid}.result-card.safe{background:rgba(52,193,81,.08);border-color:rgba(52,193,81,.2)}.result-card.warning{background:rgba(255,193,7,.08);border-color:rgba(255,193,7,.2)}.result-card.expired{background:rgba(220,53,69,.08);border-color:rgba(220,53,69,.2)}.result-status{font-size:20px;font-weight:600;margin-bottom:8px}.result-card.safe .result-status{color:#34c151}.result-card.warning .result-status{color:#e6a700}.result-card.expired .result-status{color:#dc3545}.result-days{font-size:28px;font-weight:700;margin-bottom:16px;color:#333}.result-detail{padding:16px 0;border-top:1px solid rgba(0,0,0,.08)}.result-detail p{display:flex;justify-content:space-between;margin:8px 0;font-size:14px}.result-detail span{color:#666}.result-detail strong{color:#333;font-weight:500}.result-tip{margin-top:16px;padding:12px 16px;background:rgba(0,0,0,.03);border-radius:8px;font-size:13px;color:#666}body.theme-dark .option-label{color:#ddd}body.theme-dark .option-input,body.theme-dark .option-select{background:#2b2b2b;border-color:#3a3a3a;color:#ddd}body.theme-dark .option-input::placeholder{color:#666}body.theme-dark .result-days{color:#f5f5f7}body.theme-dark .result-detail{border-color:rgba(255,255,255,.08)}body.theme-dark .result-detail span{color:#888}body.theme-dark .result-detail strong{color:#ddd}body.theme-dark .result-tip{background:rgba(255,255,255,.05);color:#aaa}@media (prefers-color-scheme:dark){body.auto-theme .option-label{color:#ddd}body.auto-theme .option-input,body.auto-theme .option-select{background:#2b2b2b;border-color:#3a3a3a;color:#ddd}body.auto-theme .option-input::placeholder{color:#666}body.auto-theme .result-days{color:#f5f5f7}body.auto-theme .result-detail{border-color:rgba(255,255,255,.08)}body.auto-theme .result-detail span{color:#888}body.auto-theme .result-detail strong{color:#ddd}body.auto-theme .result-tip{background:rgba(255,255,255,.05);color:#aaa}}@media (max-width:480px){.option-row{flex-direction:column;align-items:stretch;gap:8px}.option-label{min-width:auto}}