.bg{height:100vh;width:100vw;background:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden}.bg .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-linear-gradient(315deg,rgba(245,247,250,.5),hsla(0,0%,100%,.3) 50%,rgba(250,252,255,.5));background:-moz-linear-gradient(315deg,rgba(245,247,250,.5) 0,hsla(0,0%,100%,.3) 50%,rgba(250,252,255,.5) 100%);background:linear-gradient(135deg,rgba(245,247,250,.5),hsla(0,0%,100%,.3) 50%,rgba(250,252,255,.5));z-index:1}.bg .content-wrapper{position:relative;z-index:2;width:100%;max-width:800px;padding:0 40px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:-80px}.bg .content-wrapper .header-section{text-align:center;margin-bottom:50px;-webkit-animation:fadeInDown .8s ease-out;-moz-animation:fadeInDown .8s ease-out;animation:fadeInDown .8s ease-out;width:100%}.bg .content-wrapper .header-section .site-title{font-size:72px;font-weight:700;background:-webkit-linear-gradient(315deg,#1a1a1a,#333 50%,#4a4a4a);background:-moz-linear-gradient(315deg,#1a1a1a 0,#333 50%,#4a4a4a 100%);background:linear-gradient(135deg,#1a1a1a,#333 50%,#4a4a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:8px;font-family:PingFang SC,Microsoft YaHei,sans-serif}.bg .content-wrapper .header-section .site-subtitle{font-size:18px;color:#666;margin-top:16px;opacity:.9;letter-spacing:2px;font-weight:300}.bg .body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation:fadeInUp .8s ease-out .2s both;-moz-animation:fadeInUp .8s ease-out .2s both;animation:fadeInUp .8s ease-out .2s both}.bg .body,.bg .body .search-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.bg .body .search-container{max-width:690px;margin-bottom:30px}.bg .body .search-container .ant-input-affix-wrapper{width:100%;height:60px;background:#fff;-webkit-box-shadow:0 8px 24px 0 rgba(0,0,0,.08),0 2px 8px 0 rgba(0,0,0,.04);box-shadow:0 8px 24px 0 rgba(0,0,0,.08),0 2px 8px 0 rgba(0,0,0,.04);-webkit-border-radius:12px;border-radius:12px;max-height:unset;padding:0 30px;border:1px solid #e0e0e0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.bg .body .search-container .ant-input-affix-wrapper:hover{-webkit-box-shadow:0 12px 32px 0 rgba(0,0,0,.1),0 4px 12px 0 rgba(0,0,0,.06);box-shadow:0 12px 32px 0 rgba(0,0,0,.1),0 4px 12px 0 rgba(0,0,0,.06);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);border-color:#d0d0d0}.bg .body .search-container .ant-input-affix-wrapper:focus-within{border-color:#666;-webkit-box-shadow:0 12px 32px 0 rgba(0,0,0,.12),0 4px 12px 0 rgba(0,0,0,.08);box-shadow:0 12px 32px 0 rgba(0,0,0,.12),0 4px 12px 0 rgba(0,0,0,.08)}.bg .body .search-container .ant-input-affix-wrapper .ant-input{background:transparent;font-weight:400;font-size:16px!important;font-family:PingFang SC;color:#333!important}.bg .body .search-container .ant-input-affix-wrapper .ant-input::-webkit-input-placeholder{font-size:16px;font-family:PingFang SC;font-weight:400;color:#999}.bg .body .result-section{width:100%;max-width:800px;background:#fff;-webkit-border-radius:12px;border-radius:12px;padding:30px;-webkit-box-shadow:0 8px 24px 0 rgba(0,0,0,.08);box-shadow:0 8px 24px 0 rgba(0,0,0,.08);-webkit-animation:fadeInUp .5s ease-out;-moz-animation:fadeInUp .5s ease-out;animation:fadeInUp .5s ease-out;margin-top:20px}.bg .body .result-section .result-header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.bg .body .result-section .result-header .result-title{font-size:24px;color:#333;margin:0;font-weight:600}.bg .body .result-section .url-list-container{max-height:500px;overflow-y:auto}.bg .body .result-section .url-list-item{padding:16px!important;border:1px solid #e0e0e0;-webkit-border-radius:8px;border-radius:8px;margin-bottom:12px;background:#fafafa;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.bg .body .result-section .url-list-item:hover{background:#f0f0f0;border-color:#1890ff}.bg .body .result-section .url-item-content{width:100%;gap:16px}.bg .body .result-section .url-index,.bg .body .result-section .url-item-content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.bg .body .result-section .url-index{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;background:#1890ff;color:#fff;-webkit-border-radius:50%;border-radius:50%;font-weight:700;font-size:14px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.bg .body .result-section .url-info{-webkit-box-flex:1;-webkit-flex:1 1;-moz-box-flex:1;-ms-flex:1 1;flex:1 1;min-width:0}.bg .body .result-section .url-value{font-size:16px;color:#1890ff;word-break:break-all;line-height:1.6}.bg .footer{position:absolute;bottom:30px;text-align:center;z-index:2}.bg .footer p{margin:5px 0;font-size:14px;font-family:PingFang SC;font-weight:400;color:#888}.bg .footer .footer-slogan{font-size:12px;font-style:italic;color:#999}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:768px){.bg .content-wrapper{padding:0 20px;margin-top:-60px}.bg .content-wrapper .header-section{margin-bottom:40px}.bg .content-wrapper .header-section .site-title{font-size:48px;letter-spacing:4px}.bg .content-wrapper .header-section .site-subtitle{font-size:14px;margin-top:12px}.bg .body .search-container{margin-bottom:20px}.bg .body .search-container .ant-input-affix-wrapper{height:50px;padding:0 20px;-webkit-border-radius:10px;border-radius:10px}.bg .body .search-container .ant-input-affix-wrapper .ant-input{font-size:14px!important}.bg .body .search-container .ant-input-affix-wrapper .ant-input::-webkit-input-placeholder{font-size:14px}.bg .body .result-section{padding:20px;margin-top:15px}.bg .body .result-section .result-header{margin-bottom:15px}.bg .body .result-section .result-header .result-title{font-size:20px}.bg .body .result-section .url-list-container{max-height:400px}.bg .body .result-section .url-item-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.bg .body .result-section .url-index{width:28px;height:28px;font-size:12px}.bg .body .result-section .url-value{font-size:14px}.bg .body .result-section .url-list-item{padding:12px!important}.bg .footer{bottom:20px}.bg .footer p{font-size:12px}.bg .footer .footer-slogan{font-size:11px}}@media screen and (max-width:375px){.bg .content-wrapper{margin-top:-50px}.bg .content-wrapper .header-section{margin-bottom:30px}.bg .content-wrapper .header-section .site-title{font-size:40px;letter-spacing:3px}.bg .content-wrapper .header-section .site-subtitle{font-size:13px;margin-top:10px}.bg .body .search-container .ant-input-affix-wrapper{height:46px;padding:0 16px}.bg .body .search-container .ant-input-affix-wrapper .ant-input{font-size:13px!important}.bg .body .search-container .ant-input-affix-wrapper .ant-input::-webkit-input-placeholder{font-size:13px}.bg .footer{bottom:15px}.bg .footer p{font-size:11px}.bg .footer .footer-slogan{font-size:10px}}.result-container{width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;background:-webkit-linear-gradient(315deg,#667eea,#764ba2);background:-moz-linear-gradient(315deg,#667eea 0,#764ba2 100%);background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.result-content{background:#fff;-webkit-border-radius:12px;border-radius:12px;padding:40px;max-width:800px;width:100%;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.2);box-shadow:0 10px 40px rgba(0,0,0,.2);margin-top:40px}.result-title{font-size:28px;color:#333;margin-bottom:30px;text-align:center}.url-list-container{margin-bottom:30px;max-height:500px;overflow-y:auto}.url-list-item{padding:16px!important;border:1px solid #e0e0e0;-webkit-border-radius:8px;border-radius:8px;margin-bottom:12px;background:#fafafa;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.url-list-item:hover{background:#f0f0f0;border-color:#1890ff}.url-item-content{width:100%;gap:16px}.url-index,.url-item-content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.url-index{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;background:#1890ff;color:#fff;-webkit-border-radius:50%;border-radius:50%;font-weight:700;font-size:14px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.url-info{-webkit-box-flex:1;-webkit-flex:1 1;-moz-box-flex:1;-ms-flex:1 1;flex:1 1;min-width:0}.url-value{font-size:16px;color:#1890ff;word-break:break-all;line-height:1.6}.no-urls{text-align:center;padding:40px;color:#999;font-size:16px}.button-group{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}@media(max-width:768px){.result-content{padding:24px;margin-top:20px}.result-title{font-size:24px;margin-bottom:20px}.url-list-container{max-height:400px}.url-item-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.url-index{width:28px;height:28px;font-size:12px}.url-value{font-size:14px}.url-list-item{padding:12px!important}.button-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.button-group button{width:100%;margin-left:0!important;margin-top:12px}}