body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.hover-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.ant-btn{border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ant-btn:active{transform:translateY(0)}.ant-input,.ant-input-textarea{border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-input:focus,.ant-input:hover,.ant-input-textarea:focus,.ant-input-textarea:hover{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.ant-card{border-radius:8px;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.ant-card:hover{box-shadow:0 8px 24px #0000001f}.ant-descriptions .ant-descriptions-item-label{color:#666;font-weight:500}.ant-descriptions .ant-descriptions-item-content{color:#333}.ant-menu-inline .ant-menu-item{border-radius:8px;margin:4px 0;transition:all .3s ease}.ant-menu-inline .ant-menu-item:hover{background:linear-gradient(135deg,#667eea15,#764ba215);color:#1890ff}.ant-menu-inline .ant-menu-item.ant-menu-item-selected{background:linear-gradient(135deg,#667eea25,#764ba225);color:#1890ff;font-weight:500;box-shadow:0 2px 8px #1890ff33}.ant-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#667eea10,#764ba210);font-weight:600}.ant-table .ant-table-tbody>tr:hover>td{background:linear-gradient(135deg,#667eea08,#764ba208)}.ant-tag{border-radius:6px;padding:4px 12px;font-weight:500}.ant-select .ant-select-selector{border-radius:8px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-select .ant-select-selector:hover{border-color:#1890ff}.ant-tabs .ant-tabs-tab{border-radius:8px 8px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-tabs .ant-tabs-tab:hover{color:#1890ff}.ant-tabs .ant-tabs-tab-active{background:linear-gradient(135deg,#667eea15,#764ba215)}.ant-skeleton .ant-skeleton-content .ant-skeleton-title,.ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph>li{border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ant-spin .ant-spin-dot-item{background-color:#1890ff}.ant-message .ant-message-notice-content{border-radius:8px;box-shadow:0 4px 12px #00000026}.ant-modal .ant-modal-content{border-radius:12px;box-shadow:0 8px 32px #0003}.ant-modal .ant-modal-header{border-radius:12px 12px 0 0;background:linear-gradient(135deg,#667eea10,#764ba210)}.ant-progress .ant-progress-bg{border-radius:4px;background:linear-gradient(90deg,#1890ff,#722ed1)}.ant-divider:before,.ant-divider:after{border-top:1px solid rgba(0,0,0,.06)}.page-content{animation:fadeIn .5s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.text-center{text-align:center}.text-right{text-align:right}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.p-16{padding:16px}.p-24{padding:24px}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.home-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 24px}@media(min-width:1200px){.home-card-col{flex:0 0 18%;max-width:18%}}.hero-section{text-align:center;padding:60px 20px;margin-bottom:40px;animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.features-section{max-width:1400px;margin:0 auto;padding:0 20px}.feature-card{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border-radius:12px;background:#fff}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.footer-info{text-align:center;padding:40px 20px;margin-top:40px;animation:fadeInUp .6s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.home-container{padding:20px 12px}.hero-section{padding:40px 15px}.features-section{padding:0 10px}}.footer{display:flex;flex-direction:column;justify-content:center;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #f0f0f0;padding:24px 50px;margin-top:auto}.footer-qc{display:flex;justify-content:center;gap:16px}.footer-wx{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.copyright{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;font-size:14px;line-height:1.8}.copyright a{color:#1890ff;text-decoration:none;transition:all .3s ease}.copyright a:hover{color:#40a9ff;text-decoration:underline}.header{display:flex;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-items:center;padding:0 24px;margin:0;box-shadow:0 2px 8px #0000000f;position:sticky;top:0;z-index:1000;transition:all .3s ease}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);background-size:200% 100%;animation:gradient-shift 3s ease infinite}.header .logo{background-color:transparent;height:32px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:600;color:#1890ff;position:relative;margin-left:12px;margin-right:16px}.header .logo:hover{color:#40a9ff;transform:scale(1.05)}.header .logo{transition:all .3s ease}.header .header-body{background-color:transparent;display:flex;align-items:center;flex:1}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ant-menu-horizontal{border-bottom:none;line-height:64px}.ant-menu-horizontal .ant-menu-item{transition:all .3s ease;margin:0 8px;border-radius:8px}.ant-menu-horizontal .ant-menu-item:hover{background:linear-gradient(135deg,#667eea15,#764ba215);color:#1890ff}.ant-menu-horizontal .ant-menu-item.ant-menu-item-selected{background:linear-gradient(135deg,#667eea20,#764ba220);color:#1890ff;font-weight:500}.ip-body{width:100%;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;animation:fadeIn .5s ease-out}.ip-body:hover{box-shadow:0 4px 16px #0000001f}.json-body{width:100%;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;animation:fadeIn .5s ease-out}.json-body:hover{box-shadow:0 4px 16px #0000001f}.weather-body{width:100%;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;animation:fadeIn .5s ease-out}.weather-body:hover{box-shadow:0 4px 16px #0000001f}.local-weather{transition:all .3s cubic-bezier(.4,0,.2,1)}.local-weather:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.api-page{width:100%;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;animation:fadeIn .5s ease-out}.api-page-url{height:30px;padding:8px 12px;background:linear-gradient(135deg,#667eea10,#764ba210);border-radius:8px;margin-bottom:16px;font-family:Courier New,monospace;word-break:break-all}.api-page-url-input{margin-bottom:24px}.api-page-params,.api-page-response{margin-top:24px;padding:16px;background:#fafafa;border-radius:8px}.image-container,.qrcode-container{width:100%}.table-container{width:100%;min-height:500px;animation:fadeIn .5s ease-out}.excel-upload-area{background:#fafafa;border:2px dashed #d9d9d9;border-radius:8px;padding:32px;text-align:center;transition:all .3s ease}.excel-upload-area:hover{border-color:#1890ff;background:#f0f7ff}.tool-container{width:100%;min-height:500px}.tool-section{margin-bottom:24px}.tool-section:last-child{margin-bottom:0}.tool-title{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:8px}.tool-title:before{content:"";width:4px;height:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.tool-input-area{background:#fafafa;border-radius:8px;padding:16px;border:1px solid #f0f0f0;transition:all .3s ease}.tool-input-area:hover{border-color:#d9d9d9;box-shadow:0 2px 8px #0000000a}.tool-input-area:focus-within{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a;background:#fff}.tool-result-area{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;padding:16px;border:1px solid #e8e8e8;position:relative;overflow:hidden}.tool-result-area:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.tool-actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.tool-info-card{background:#fff;border-radius:8px;padding:16px;border-left:4px solid #1890ff;box-shadow:0 2px 8px #0000000f}.base64-container .input-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.base64-container .input-label .char-count{font-size:12px;color:#999}.json-container .json-editor{font-family:Courier New,monospace;font-size:14px;line-height:1.6}.json-container .json-error{color:#f5222d;background:#fff1f0;border:1px solid #ffa39e;border-radius:4px;padding:8px 12px;margin-top:8px}.api-container .url-bar{display:flex;gap:8px;align-items:center;margin-bottom:16px}.api-container .method-select{min-width:100px}.api-container .response-meta{display:flex;gap:16px;padding:12px;background:#fafafa;border-radius:6px;font-size:13px;color:#666}.api-container .response-meta .meta-item{display:flex;align-items:center;gap:4px}.api-container .response-meta .meta-item .value{font-weight:600;color:#333}.ip-container .search-box{display:flex;gap:12px;margin-bottom:24px}.ip-container .ip-result{animation:fadeIn .3s ease-out}.weather-container .weather-search{display:flex;gap:12px;margin-bottom:24px;align-items:flex-start}.weather-container .weather-card{transition:all .3s ease}.weather-container .weather-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.timestamp-container .timestamp-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:768px){.timestamp-container .timestamp-row{grid-template-columns:1fr}}.url-container .url-textarea{font-family:Courier New,monospace;font-size:13px}.hash-container .hash-algorithm-select{min-width:150px}.hash-container .hash-result{font-family:Courier New,monospace;font-size:13px;word-break:break-all;line-height:1.8}.color-container .color-preview{width:100%;height:80px;border-radius:8px;border:2px solid #f0f0f0;transition:all .3s ease;box-shadow:inset 0 2px 8px #0000000f}.color-container .color-preview:hover{border-color:#d9d9d9;box-shadow:inset 0 2px 8px #0000001a}.color-container .color-input-group{display:flex;flex-direction:column;gap:8px}.interview-container{width:100%;min-height:500px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}