*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-size:20px 20px;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;justify-content:center;margin:0;overflow:hidden;padding:0}.app-window{background-color:initial;display:flex;height:100vh;overflow:hidden;position:relative;width:100vw}@media (max-width:768px){body{overflow-x:hidden}.app-window{flex-direction:column}}.sidebar{align-items:center;color:#e3e3e3;display:flex;flex-direction:column;flex-shrink:0;transition:background-color .3s;width:210px}@media (max-width:768px){.sidebar{flex-direction:row;height:60px;justify-content:space-around;order:2;overflow-x:hidden;overflow-y:hidden;padding:0;width:100%}}.logo-area{align-items:center;display:flex;font-size:40px;height:70px;justify-content:center;margin:45px 10px 10px;width:70px}.app-title{color:#e3e3e3;font-size:13px;margin-bottom:30px}@media (max-width:768px){.app-title,.logo-area{display:none}}.nav-button{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;height:60px;margin:1px 0;padding:0;transition:background .2s;width:100%}@media (max-width:768px){.nav-button{flex:1 1;flex-direction:column;height:100%;justify-content:center;margin:0;min-width:0;padding:5px;width:auto}}.nav-button.active,.nav-button:hover{background-color:#ffffff26}.nav-icon-container{align-items:center;display:flex;font-size:20px;justify-content:center;margin-left:10px;width:50px}.nav-text{color:#d3d3d3;font-size:16px;font-weight:700;margin-left:10px}@media (max-width:768px){.nav-icon-container{font-size:18px;margin:0 0 2px;width:auto}.nav-text{font-size:11px;margin:0;text-align:center}.version-text{display:none}}.version-text{color:#545454;font-size:12px;margin-bottom:20px;margin-top:auto}.main-content{background-color:#fff;display:flex;flex-direction:column;flex-grow:1}@media (max-width:768px){.main-content{height:calc(100vh - 60px);order:1;overflow-y:auto}}.top-bar{-webkit-app-region:drag;align-items:center;background-color:#e0e0e0;display:flex;height:50px;justify-content:space-between}.window-controls{-webkit-app-region:no-drag;display:flex;margin-right:10px}@media (max-width:768px){.top-bar{-webkit-app-region:no-drag;height:44px}.window-controls{display:flex;margin-right:5px}}.win-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;margin-left:5px;width:30px}.win-btn:hover{background-color:#f0f0f0}@media (max-width:768px){.win-btn{background-color:#ffffff1a;border-radius:8px;font-size:18px;height:40px;width:40px}.win-btn:active{background-color:#fff3;transform:scale(.95)}.content-viewer{-webkit-overflow-scrolling:touch}}.close-btn:hover{background-color:#e81123;color:#fff}.content-viewer{background-color:#eaeff3;box-shadow:inset 2px 2px 6px #0000000f;flex-grow:1;overflow-y:auto;position:relative}.skin-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 8px #0003;padding:5px 0;position:absolute;right:80px;top:45px;width:150px;z-index:100}@media (max-width:768px){.skin-menu{border-radius:12px;box-shadow:0 6px 16px #00000040;right:5px;top:50px;width:180px}.menu-item{font-size:15px;height:44px;padding:0 14px}.color-dot{height:14px;margin-right:12px;width:14px}}.menu-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;height:36px;padding:0 10px}.menu-item:hover{background-color:#e6f0fa}.color-dot{border-radius:50%;height:12px;margin-left:4px;margin-right:10px;width:12px}.menu-separator{background-color:#e0e0e0;height:1px;margin:2px 0}.home-container{background-color:#eaeff3;display:flex;flex-direction:column;gap:15px;min-height:100%;overflow-y:auto;padding:15px}@media (max-width:768px){.home-container{background-color:#f5f7fa;gap:12px;padding:12px 10px}}.top-banner{align-items:center;background-color:#fff;border-radius:8px;display:flex;min-height:80px;padding:10px}@media (max-width:768px){.top-banner{border-radius:10px;box-shadow:0 2px 8px #0000000f;flex-direction:column;min-height:auto;padding:12px;text-align:center}}.top-banner-img{flex-shrink:0;height:50px;margin-right:15px;object-fit:cover;width:50px}.top-banner-text{color:#666;font-family:SimSun,serif;font-size:12px;line-height:24px;max-width:880px}.home-grid{display:flex;flex:1 1;gap:15px;min-height:0;overflow:hidden}@media (max-width:768px){.top-banner-img{height:44px;margin-bottom:10px;margin-right:0;width:44px}.top-banner-text{color:#555;font-size:13px;line-height:22px;max-width:100%}.home-grid{-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;overflow-y:auto}}.left-column{display:flex;flex:1.4 1;flex-direction:column;gap:10px;overflow-y:auto}@media (max-width:768px){.left-column{flex:none;gap:10px;overflow-y:visible}}.right-column{display:flex;flex:1.1 1;flex-direction:column}@media (max-width:768px){.right-column{flex:none;min-height:auto}}.tool-row{align-items:center;background-color:#fff;border-bottom:1px solid #eee;display:flex;height:90px;padding:12px}@media (max-width:768px){.tool-row{border-bottom:none;border-radius:10px;box-shadow:0 1px 4px #0000000f;flex-wrap:wrap;gap:10px;height:auto;padding:12px 10px}}.btn-category{align-items:center;background-color:#80a080;border:none;color:#fff;cursor:default;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;margin-right:5px;width:120px}@media (max-width:768px){.btn-category{background:linear-gradient(135deg,#80a080,#6d8a6d);border-radius:8px;flex-shrink:0;font-size:15px;font-weight:600;height:44px;margin-right:0;width:85px}}.btn-tool{background-color:#08f;border:none;color:#ececec;cursor:pointer;font-size:18px;height:50px;margin-left:15px;transition:.2s;width:170px}.btn-tool:hover{background-color:#1f96fe;color:#fff}@media (max-width:768px){.btn-tool{background:linear-gradient(135deg,#08f,#06c);border-radius:8px;box-shadow:0 2px 4px #08f3;flex:1 1;font-size:15px;font-weight:500;height:44px;margin-left:0;min-width:0}.btn-tool:active{box-shadow:0 1px 2px #0088ff4d;transform:scale(.98)}}.ad-banner{background-color:#ddd;border-radius:8px;cursor:pointer;height:150px;margin-top:15px;overflow:hidden}.ad-banner img{height:100%;object-fit:cover;width:100%}.carousel-container{background-color:#fff;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:15px;position:relative}@media (max-width:768px){.ad-banner{height:120px;margin-top:10px}.carousel-container{border-radius:10px;box-shadow:0 2px 8px #00000014;min-height:200px;overflow:hidden;padding:0}.carousel-image{border-radius:0}.carousel-dots{bottom:15px}.dot{background-color:#fff9;height:8px;width:8px}.dot.active{background-color:#fff;border-radius:4px;width:24px}}.carousel-image{border-radius:4px;height:100%;object-fit:cover;transition:opacity .5s ease-in-out;width:100%}.carousel-dots{bottom:25px;display:flex;gap:10px;justify-content:center;left:0;position:absolute;right:0}.dot{background-color:#ffffff80;border-radius:50%;cursor:pointer;height:10px;width:10px}.dot.active{background-color:#08f;transform:scale(1.2)}@media (max-width:480px){.home-container{gap:10px;padding:10px 8px}.top-banner{border-radius:8px;padding:10px}.top-banner-img{height:40px;margin-bottom:8px;width:40px}.top-banner-text{font-size:12px;line-height:20px}.home-grid{gap:10px}.left-column{gap:8px}.tool-row{border-radius:8px;gap:8px;padding:10px 8px}.btn-category{width:75px}.btn-category,.btn-tool{border-radius:6px;font-size:14px;height:40px}.carousel-container{border-radius:8px;min-height:180px}}.faq-container{background-color:#f5f5f5;height:100%;overflow-y:auto;padding:12px;width:calc(100vw - 210px)}@media (max-width:768px){.btn-category,.btn-tool{-webkit-tap-highlight-color:rgba(0,136,255,.1);touch-action:manipulation}.dot{align-items:center;display:flex;justify-content:center;min-height:32px;min-width:32px}.dot:before{background-color:#fff9;border-radius:50%;content:"";height:8px;width:8px}.dot.active:before{background-color:#fff;border-radius:4px;width:24px}.faq-container{-webkit-overflow-scrolling:touch;padding:8px;width:100%}}.faq-list{display:flex;flex-direction:column;gap:6px}.faq-card{background-color:#fff;border-radius:8px;box-shadow:1px 1px 3px #8080801a;display:flex;margin:6px 10px;min-height:95px;transition:transform .2s,box-shadow .2s}.faq-card:hover{box-shadow:2px 4px 8px #0000001a;transform:translateY(-2px)}@media (max-width:768px){.faq-card{flex-direction:column;margin:6px 5px;min-height:auto}}.faq-color-bar{border-radius:6px;flex-shrink:0;width:25px}.faq-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:8px;padding:8px 8px 12px 80px}@media (max-width:768px){.faq-color-bar{border-radius:6px 6px 0 0;height:8px;width:100%}.faq-content{margin:0;padding:12px 15px}}.faq-title{color:#333;font-size:16px;font-weight:700;margin:5px;text-align:left}.faq-answer{color:#666;font-size:12px;line-height:1.5;margin:5px 10px 12px;text-align:left;white-space:pre-wrap}@media (max-width:768px){.faq-title{font-size:15px;margin:5px 0}.faq-answer{font-size:13px;line-height:1.6;margin:8px 0}.btn-category,.btn-tool,.nav-button,button{min-height:44px;touch-action:manipulation}*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.btn-category,.btn-tool,.nav-button,.sidebar,.top-bar{-webkit-touch-callout:none}html{scroll-behavior:smooth}input,select,textarea{font-size:16px}.home-grid::-webkit-scrollbar,.sidebar::-webkit-scrollbar{display:none}.home-grid,.sidebar{-ms-overflow-style:none;scrollbar-width:none}img{height:auto;max-width:100%}.carousel-image{object-fit:contain}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:180px}.nav-text{font-size:14px}.home-container{padding:12px}.btn-tool{font-size:16px;width:150px}.btn-category{font-size:16px;width:100px}}@media (max-width:768px) and (orientation:landscape){.sidebar{height:50px}.nav-button{min-width:60px;padding:3px 8px}.nav-icon-container{font-size:16px}.nav-text{font-size:10px}.main-content{height:calc(100vh - 50px)}.top-bar{height:40px}}@media (max-width:480px){.home-container{gap:8px;padding:8px}.top-banner{padding:6px}.top-banner-text{font-size:10px;line-height:18px}.btn-tool{min-width:90px;width:calc(50% - 42px)}.btn-category,.btn-tool{font-size:13px;height:38px}.btn-category{width:70px}.faq-title{font-size:14px}.faq-answer{font-size:12px}.nav-button{min-width:60px;padding:5px 8px}.nav-text{font-size:10px}}.frame-container{height:100%;overflow:hidden;width:calc(100vw - 210px)}@media (max-width:768px){.frame-container{width:100%}}@media (min-width:769px) and (max-width:1024px){.frame-container{width:calc(100vw - 180px)}}