.wrap-tit-box{position:relative;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:16px;width:fit-content;z-index:10;}.wrap-tit-box .circle-text{position:absolute;left:-70px;top:50%;width:220px;height:220px;transform:translateY(-50%);animation:ratingCircleSpin 14s linear infinite;pointer-events:none;}.wrap-tit-box .circle-text svg{display:block;width:100%;height:100%;overflow:visible;}.wrap-tit-box .wrap-num{position:relative;z-index:9;font-family:'GenSenRounded2 TC';font-size:68px;font-weight:500;line-height:1.5;}.wrap-tit-box .wrap-tit{position:relative;z-index:9;padding:12px 32px;border:1px solid #000;font-size:48px;font-weight:600;line-height:1.252;letter-spacing:1.92px;text-align:center;white-space:nowrap;}main{background:#f6f6f6;}.banner{padding:68px 0 0;position:relative;}.banner .container{position:relative;z-index:2;}.banner .banner-tip{color:#171717;text-align:center;font-family:'HarmonyOS Sans TC';font-size:32px;font-weight:500;line-height:1.2;letter-spacing:1.305px;}.banner .banner-tip::after{content:'';width:213px;height:11px;display:block;margin:0 auto;background:url('/uploads/page/home/banner-tip.png') no-repeat center / cover;}.banner h1{margin-top:20px;color:#171717;text-align:center;font-size:54px;font-weight:600;line-height:1.2;letter-spacing:2.16px;}.banner .banner-desc{max-width:910px;margin:34px auto 0;color:#3c3c3c;text-align:center;font-size:18px;font-weight:400;line-height:180%;}.banner .banner-search{max-width:842px;height:58px;margin:24px auto 0;padding:6px 8px 6px 20px;display:flex;align-items:center;gap:10px;border-radius:140px;background:#fff;border:1px solid transparent;}.banner .banner-search.active{border:1px solid #7b7b7b;}.banner .banner-search:focus-within{border:1px solid #7b7b7b;}.banner .banner-search .search-btn{width:150px;height:100%;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:18px;font-weight:400;line-height:180%;border-radius:141px;background:#11110f;}.banner .banner-search input{flex:1;height:100%;font-size:18px;font-weight:400;line-height:180%;color:#2a2a2a;border:0;outline:none;-webkit-tap-highlight-color:transparent;}.banner .banner-search input::focus{outline:none;}.banner .banner-search input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;}.banner .banner-search input::placeholder{color:rgba(42,42,42,0.4);font-size:18px;font-weight:400;line-height:180%;}.banner .banner-hot{display:flex;align-items:center;justify-content:center;margin-top:26px;font-size:13px;font-weight:400;line-height:1.5;}.banner .banner-hot .banner-hot-tit{color:#525252;font-family:'Noto Sans JP';}.banner .banner-hot a{margin:0 20px;color:#2d2d2d;font-family:'Inter';text-decoration:underline;}.banner::before{content:'';position:absolute;bottom:14px;left:0;width:18.125vw;height:18.125vw;max-width:348px;max-height:348px;background:url('/uploads/page/home/banner-1.png') no-repeat center / cover;z-index:1;}.banner::after{content:'';position:absolute;bottom:14px;right:0;width:18.125vw;max-width:348px;max-height:348px;height:18.125vw;background:url('/uploads/page/home/banner-2.png') no-repeat center / cover;z-index:1;}.wrap1{position:relative;margin-top:110px;}.wrap1 .container{position:relative;z-index:2;}.wrap1 .tool-box{max-width:1012px;display:flex;justify-content:center;}.wrap1 .tool-box .tool-txt{display:flex;gap:30px;flex-direction:row-reverse;color:#061c3d;font-size:48px;font-weight:600;line-height:110%;letter-spacing:1.92px;}.wrap1 .tool-box .tool-txt span{writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;}.wrap1 .tool-box .tool-cont{display:flex;gap:32px 28px;flex-wrap:wrap;margin-top:20px;}.wrap1 .tool-box .tool-tab{width:336px;padding:22px 22px 30px 22px;background:url('/uploads/page/home/tool-dafault.png') no-repeat center / cover;background-size:100% 100%;box-sizing:border-box;}.wrap1 .tool-box .tool-tab:hover .tool-arrow{background:#000;}.wrap1 .tool-box .tool-tab:hover .tool-active{display:block;}.wrap1 .tool-box .tool-tab:hover .tool-default{display:none;}.wrap1 .tool-box .tool-tab:nth-child(1):hover{background:url('/uploads/page/home/tool-1.png') no-repeat center / cover;background-size:100% 100%;}.wrap1 .tool-box .tool-tab:nth-child(2):hover{background:url('/uploads/page/home/tool-2.png') no-repeat center / cover;background-size:100% 100%;}.wrap1 .tool-box .tool-tab:nth-child(3):hover{background:url('/uploads/page/home/tool-3.png') no-repeat center / cover;background-size:100% 100%;}.wrap1 .tool-box .tool-tab:nth-child(4):hover{background:url('/uploads/page/home/tool-4.png') no-repeat center / cover;background-size:100% 100%;}.wrap1 .tool-box .tool-tit{margin-top:50px;color:#050505;font-size:28px;font-weight:600;line-height:1.2;}.wrap1 .tool-box .tool-arrow{display:flex;align-items:center;justify-content:center;width:100px;height:38px;border-radius:34px;background:#e9ebed;transition:all 0.3s;}.wrap1 .tool-box .tool-arrow .tool-active{display:none;}.wrap1 .wrap-tit-box{margin-top:180px;}.wrap1 .wrap-tit-box .wrap-tit{background:#83cbb1;}.wrap1 .hot-list{display:flex;align-items:stretch;justify-content:center;gap:86px 80px;flex-wrap:wrap;margin-top:118px;}.wrap1 .hot-list .hot-item{position:relative;width:100%;flex:0 0 550px;}.wrap1 .hot-list .hot-item:hover .hot-tit{text-decoration:underline;}.wrap1 .hot-list .hot-item::before{content:'推薦';position:absolute;top:-32px;left:-32px;display:flex;align-items:center;justify-content:center;width:74px;height:74px;color:#000;text-align:center;font-size:22px;font-weight:500;line-height:125.182%;letter-spacing:0.918px;background:#fbe21f;border:1px solid #000;border-radius:50%;z-index:9;}.wrap1 .hot-list .hot-cover{position:relative;}.wrap1 .hot-list .hot-cover img{width:100%;}.wrap1 .hot-list .hot-cover .hot-tag{position:absolute;top:124px;left:50px;right:86px;color:#111211;font-family:'Noto Sans JP';font-size:30px;font-weight:700;line-height:140%;pointer-events:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}.wrap1 .hot-list .hot-cover .hot-tag::before{content:attr(data-title);}.wrap1 .hot-list .hot-name{margin-top:16px;color:#6b7280;font-family:'Noto Sans JP';font-size:12px;font-weight:400;line-height:150%;}.wrap1 .hot-list .hot-tit{margin-top:16px;color:#1b1b1b;font-family:'Inter';font-size:18px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;}.wrap1 .hot-list .hot-desc{margin-top:14px;color:#6b7280;font-family:'Noto Sans JP';font-size:16px;font-weight:400;line-height:150%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}.wrap1::after{content:'';width:829px;height:781px;position:absolute;right:0;top:40px;background:url('/uploads/page/home/wrap1-line.png') no-repeat center / cover;z-index:1;}.wrap2{margin-top:220px;}.wrap2 .wrap-tit-box .wrap-tit{background:#5acaf8;}.wrap2 .newest-list{margin-top:154px;display:flex;align-items:stretch;justify-content:center;gap:30px;flex-wrap:wrap;}.wrap2 .newest-list .newest-item{flex:0 0 380px;border-radius:16px;border:1px solid #ececec;background:#fff;box-sizing:border-box;cursor:pointer;}.wrap2 .newest-list .newest-item:hover img{transform:scale(1.1);}.wrap2 .newest-list .newest-item:hover .newest-tit{text-decoration:underline;}.wrap2 .newest-list .newest-tit{color:#1b1b1b;font-family:'Inter';font-size:18px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}.wrap2 .newest-list .newest-desc{margin-top:12px;color:#6b7280;font-size:14px;font-weight:400;line-height:1.6;font-family:'Noto Sans JP';display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;}.wrap2 .newest-list .newest-img{border-radius:16px 16px 0 0;overflow:hidden;}.wrap2 .newest-list .newest-img img{width:100%;transition:all 0.3s;}.wrap2 .newest-list .newest-info{padding:24px;}.wrap2 .newest-list .newest-name{margin-top:12px;color:#6b7280;font-family:'Noto Sans JP';font-size:12px;font-weight:400;line-height:150%;}.wrap3{padding:210px 0 172px;overflow:hidden;}.wrap3 .wrap-tit-box .wrap-tit{background:#f37861;}.wrap3 .wrap-desc{max-width:680px;margin:82px auto 0;color:#363636;text-align:center;font-family:'Noto Sans JP';font-size:20px;font-weight:400;line-height:180%;letter-spacing:0.4px;}.wrap3 .wrap-list{display:flex;align-items:stretch;justify-content:center;gap:24px;margin-top:76px;}.wrap3 .wrap-list .wrap-item{flex:1;height:auto;padding:20px;background:#efefef;}.wrap3 .wrap-list .item-tit{margin-top:20px;color:#232323;font-family:'Noto Sans JP';font-size:20px;font-weight:700;line-height:150%;}.wrap3 .wrap-list .item-desc{margin-top:12px;color:#3e3e3e;font-family:'Noto Sans JP';font-size:16px;font-weight:400;line-height:150%;letter-spacing:0.32px;}.wrap3 .wrap-tips{position:relative;margin:170px auto 0;max-width:1048px;}.wrap3 .wrap-tips .tips-ico{position:absolute;right:-30px;top:20px;}.wrap3 .wrap-tips .tips-tit{width:fit-content;padding:16px;color:#fff;font-size:24px;font-weight:600;line-height:110%;letter-spacing:0.96px;background:#0c0c0c;}.wrap3 .wrap-tips .tips-box{padding:35px 33px;background:#f1efe3;}.wrap3 .wrap-tips .tips-box p{color:#4a483f;font-family:Rubik;font-size:20px;font-weight:500;line-height:190%;}@keyframes ratingCircleSpin{from{transform:translateY(-50%) rotate(0deg);}to{transform:translateY(-50%) rotate(360deg);}}@media (max-width:1200px){.banner::before,.banner::after{content:none;}}@media (max-width:768px){.wrap-tit-box{margin-left:auto;margin-right:0;}.wrap-tit-box .wrap-num{font-size:40px;}.wrap-tit-box .circle-text{left:-38px;width:126px;height:126px;}.wrap-tit-box .wrap-tit{padding:8px 20px;font-size:28px;}.banner{padding:20px 0 0;}.banner .banner-tip{font-size:20px;}.banner .banner-tip::after{width:126px;height:6px;}.banner h1{margin-top:14px;font-size:36px;}.banner .banner-desc{margin-top:18px;font-size:14px;}.banner .banner-search{margin:12px auto 0;flex-direction:column;gap:14px;height:auto;padding:0;background:transparent;border:none;}.banner .banner-search input{flex:none;width:325px;height:48px;padding:0 18px;border-radius:60px;background:#fff;box-shadow:0 20px 24px -6px rgba(37,69,132,0.08);font-size:14px;}.banner .banner-search input::placeholder{font-size:14px;}.banner .banner-search .search-btn{width:152px;height:35px;font-size:14px;}.banner .banner-search .search-btn img{width:14px;height:14px;}.banner .banner-search:focus-within{border:none;}.banner .banner-search.active{border:none;}.banner .banner-hot{flex-direction:column;gap:8px;font-size:12px;margin-top:20px;text-align:center;}.banner .banner-hot a{margin:4px;}.wrap1{margin-top:50px;}.wrap1::after{content:none;}.wrap1 .tool-box{flex-direction:column-reverse;}.wrap1 .tool-box .tool-txt{flex-direction:row;justify-content:center;font-size:24px;gap:0;line-height:130%;letter-spacing:0.96px;}.wrap1 .tool-box .tool-txt span{writing-mode:horizontal-tb;text-orientation:mixed;}.wrap1 .tool-box .tool-cont{margin-top:30px;gap:16px 14px;justify-content:center;}.wrap1 .tool-box .tool-tab{width:162px;padding:10px 10px 14px 10px;}.wrap1 .tool-box .tool-tit{margin-top:24px;font-size:14px;}.wrap1 .tool-box .tool-arrow{width:48px;height:18px;}.wrap1 .tool-box .tool-arrow img{width:14px;height:14px;}.wrap1 .hot-list{margin-top:78px;gap:24px;}.wrap1 .hot-list .hot-item{flex:none;max-width:345px;}.wrap1 .hot-list .hot-item::before{width:50px;height:50px;top:10px;left:10px;font-size:16px;}.wrap1 .hot-list .hot-cover .hot-tag{top:78px;right:54px;left:32px;font-size:18px;}.wrap1 .hot-list .hot-name{margin-top:10px;font-size:9px;}.wrap1 .hot-list .hot-tit{margin-top:10px;font-size:14px;-webkit-line-clamp:2;}.wrap1 .hot-list .hot-desc{margin-top:8px;font-size:12px;-webkit-line-clamp:4;}.wrap1 .wrap-tit-box{margin-top:98px;}.wrap2{margin-top:106px;}.wrap2 .newest-list{margin-top:88px;gap:28px;}.wrap2 .newest-list .newest-item{flex:none;width:100%;max-width:345px;}.wrap2 .newest-list .newest-info{padding:20px;}.wrap2 .newest-list .newest-tit{font-size:16px;}.wrap2 .newest-list .newest-desc{margin-top:8px;font-size:12px;}.wrap2 .newest-list .newest-name{margin-top:8px;font-size:9px;}.wrap3{padding:78px 0 50px;}.wrap3 .wrap-tit-box{gap:8px;}.wrap3 .wrap-tit-box .wrap-tit{display:flex;flex-direction:column;background:none;border:0;padding:0;}.wrap3 .wrap-tit-box .wrap-tit span{width:fit-content;padding:7px 18px;border:0.575px solid #000;background:#f37861;}.wrap3 .wrap-desc{display:none;}.wrap3 .wrap-list{max-width:280px;margin:50px auto 0;flex-direction:column;gap:20px;}.wrap3 .wrap-tips{margin-top:60px;}.wrap3 .wrap-tips .tips-ico{display:none;}.wrap3 .wrap-tips .tips-tit{padding:12px;font-size:18px;}.wrap3 .wrap-tips .tips-box{padding:20px;}.wrap3 .wrap-tips .tips-box p{font-size:16px;}}